@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i');
@font-face {
font-family: 'Myriad Pro';
src: url('../../fonts/Myriad Pro Regular.ttf')  format('truetype'); /* Safari, Android, iOS */
}
.maintenance-header {
margin-top: 92px;
border:solid 1px rgb(206, 206, 206);
background-color: rgb(255, 255, 255);
-webkit-box-shadow: 0px 3px 5px 0px rgba(240,240,240,1);
-moz-box-shadow: 0px 3px 5px 0px rgba(240,240,240,1);
box-shadow: 0px 3px 5px 0px rgba(240,240,240,1);
padding: 15px 0;
position: relative;
}
.maintenance-header .profile img{
display: inline;
margin-right: 15px;
max-height: 40px;
}
.maintenance-header .profile p {
font-size: 13px;
font-family: 'Myriad Pro', sans-serif;
color: #575757;
line-height:38px;
display: inline;    
}
.maintenance-header .menu {
text-align: right;
}
.maintenance-header .menu ul {
list-style-type: none;
padding-top: 5px;
}
.maintenance-header .menu ul li {
display: inline;
}
.maintenance-header .menu ul li a {
font-size: 13px;
font-family: 'Myriad Pro', sans-serif;
color: rgb(136, 136, 136);
line-height: 1.846;  
text-decoration: none;
padding: 25px;
border-bottom: solid 2px transparent;
}
.maintenance-header .menu ul >li > a:hover, 
.maintenance-header .menu ul >li > a:focus, 
.maintenance-header .menu ul >.active>a, 
.maintenance-header .menu ul >.active>a:focus, 
.maintenance-header .menu ul >.active>a:hover {
border-bottom: solid 3px rgb(85, 85, 85);
color: rgb(85, 85, 85);
}
.success-msg {
background-color: rgb(82, 190, 127);
padding: 5px 0;  
margin-top: -2px;
margin-bottom: 30px;
position: relative;
}
.success-msg p {
font-size: 13px;
font-family: 'Arial';
color: rgb(255, 255, 255);
line-height: 1.846;  
margin-bottom: 0;
}
.success-msg span {
font-size: 13px;
color: rgb(255, 255, 255);
margin: 0 15px;
}
.error-msg {
background-color: #ff6666;
padding: 5px 0;  
margin-top: -2px;
margin-bottom: 30px;
position: relative;
}
.error-msg p {
font-size: 13px;
font-family: 'Arial';
color: rgb(255, 255, 255);
line-height: 1.846;  
margin-bottom: 0;
}
.error-msg span {
font-size: 13px;
color: rgb(255, 255, 255);
margin: 0 15px;
}
.content-header h1 {
font-size: 24px;
margin: 20px 0 0 0;
}
.maintenance-content {
background-color: rgb(255, 255, 255);
padding: 30px 0;
}
.maintenance-content h5	{
font-size: 20px;
font-family: 'Arial';
color: rgb(122, 138, 160);
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
margin-top: 0px;
}
/*.maintenance-content .bottom-header {
margin-top: 20px;
}*/
.content-header .view-all {
text-align: right;
font-size: 12px;
font-family: 'Myriad Pro', sans-serif;
color: #337ab7;  
cursor: pointer;
margin-top: 10px;
}
.content-header .view-all .dashboard-btn {
background-color: #00338e;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
border: 1px solid #00338e;
font-family: 'Myriad Pro', sans-serif;
color: #fff;
font-weight: 400;
font-size: 14px;
text-align: center;
text-transform: none;
padding: 8px 25px;
letter-spacing: 0px;
outline: none;
display: inline-block;
}
.content-header .view-all .dashboard-btn a {
/*text-decoration: none;    
color: #337ab7;
border-radius: 4px;    
padding: 10px 15px 10px 15px; */ 
cursor: pointer;
color: #fff;
}
.content-header .view-all .dashboard-btn span {
margin: 0 10px;
}
/*.content-header .view-all-payment {
margin-top: 5px;
}*/
.maintenance-content .new-request {	
text-align: right;
margin-top: 5px;
}
.maintenance-content .new-request a {
background-color: rgb(85, 85, 85);
border-radius: 4px;
background-image: url(../../images/resident/new-request-icon.png);
background-repeat: no-repeat;
background-position: 15px;
padding: 10px 15px 10px 40px;
font-size: 14px;
font-family: 'Myriad Pro', sans-serif;
color: rgb(255, 255, 255);
line-height: 1.2;
text-decoration: none;
}
.new-request {
text-align: right;
margin-top: 20px;
}
.new-request a {
background-color: #00338e;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
border: 1px solid #00338e;
font-family: 'Myriad Pro', sans-serif;
color: #fff;
font-weight: 400;
font-size: 14px;
text-align: center;
text-transform: none;
padding: 8px 25px;
letter-spacing: 0px;
outline: none;
}
.maintenance-content .request-table {
border: solid 1px rgb(222, 230, 234);
border-radius: 4px;
box-shadow: 0px 2px 5px 0px rgba(240, 240, 240, 0.7);
/*margin-top: 15px;	*/	
margin: 0 15px;
}
.maintenance-content .request-table .table-scroll {
max-height: 475px;
overflow-y: auto;
}
.maintenance-content .fixed-header-table{
	max-height: 300px;
}
.maintenance-content .request-table.fixed-header-table .table > thead > tr > th{
	position: sticky;
	top: 0;
	z-index: 2;
	width: 100%;
}
.custom-scrollbar::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
background-color: rgb(244, 247, 248);
}
.custom-scrollbar::-webkit-scrollbar
{
width: 5px;
background-color: rgb(244, 247, 248);
}
.custom-scrollbar::-webkit-scrollbar-thumb
{
background-color: rgb(136, 153, 170);
}
.maintenance-content .request-table table{
margin-bottom: 0;
}
.maintenance-content .table > thead:first-child > tr:first-child > th {
background-color: rgb(244, 247, 248);
font-size: 12px;
font-family: 'Arial';
color: rgb(136, 153, 170);
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
text-align: left;
padding: 14px 10px;
vertical-align: -webkit-baseline-middle;
}
.maintenance-content .table > thead:first-child > tr:first-child > th:first-child {
padding-left: 30px;
}
.maintenance-content .table > thead:first-child > tr:first-child > th.center{
text-align: center;
padding-right: 30px;
}
.table > thead > tr > th {
border-bottom: 1px solid #ddd;
}
.maintenance-content .table > tbody > tr > td {
font-size: 12px;
font-family: 'Arial';
color: rgb(85, 85, 85);    
line-height: 1.2;
padding: 14px 10px;
text-align: left;
}
.maintenance-content .fixed-header-table .table > tbody > tr > td{
	padding: 7px 10px;
	height: 45px;
}
.maintenance-content .table > tbody > tr > td:first-child {
padding-left: 30px;
}
.maintenance-content .table > tbody > tr > td:nth-child(3) {
font-weight: bold;
width: 15%;  
}
/* td alignment */
.resident-table .table > tbody > tr > td {
/*float: left;*/
}
.resident-table .table > tbody > tr > td:nth-child(3) {
width: auto;  
}
/* ./td alignment */
.maintenance-content .request-table .completed {
font-size: 11px;
font-family: 'Arial';
color: rgb(255, 255, 255);
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
border-radius: 2px;
background-color: rgb(82, 190, 127);
padding: 5px 10px;
}
.maintenance-content .request-table .processing {
font-size: 11px;
font-family: 'Arial';
color: rgb(255, 255, 255);
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
border-radius: 2px;
background-color: rgb(36, 136, 221);
padding: 5px 10px;
}
.maintenance-content .request-table .pending {
font-size: 11px;
font-family: 'Arial';
color: rgb(255, 255, 255);
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
border-radius: 2px;
background-color: rgb(243, 109, 56);
padding: 5px 10px;
}
.maintenance-content .request-table .view-details {  
color: rgb(17, 160, 248);
padding: 10px 0 10px 0px;
}
.maintenance-content .request-table .notification {
font-size: 12px;
color: rgb(17, 160, 248);
margin-left: 10px;
padding: 5px 8px 10px;
/*margin-left: -30px;*/
background-image: url(../../images/resident/view-details-icon.png);
background-repeat: no-repeat;
background-position: center;
background-size: 100% 100%;
display: inline-block;
margin-right: 3px;
}
.maintenance-content .request-table .archive-data {
font-size: 18px;
color: rgb(17, 160, 248);
}
.maintenance-content .table > tbody > tr > td:nth-child(6) {
padding-right: 0;  
}
.maintenance-content .table > tbody > tr > td:nth-child(7) {
padding-left: 12px;
}
.maintenance-content .table > tbody > tr > td:last-child {
padding-right: 30px;
}
.maintenance-content .table-paginate {
text-align: center;
}
.maintenance-content .table-paginate .pager {
-webkit-box-shadow: 1px 1px 3px 0px rgba(214, 224, 233, 1);
-moz-box-shadow: 1px 1px 3px 0px rgba(214, 224, 233, 1);
box-shadow: 1px 1px 3px 0px rgba(214, 224, 233, 1);
border: 1px solid #d6e0e9;
padding: 7px 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin: 30px 0px 0px;
}
.pagination > li > a {
background: #fff;
font-size: 14px;
color: #333333;
border: 0;
cursor: pointer;
font-weight: 600;
}
.pagination > li > a:hover {
background: #fff;
}
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination > .active > a, 
.pagination > .active > span, 
.pagination > .active > a:hover, 
.pagination > .active > span:hover, 
.pagination > .active > a:focus, 
.pagination > .active > span:focus {
z-index: 3;
color: #333333;
cursor: default;
background-color: #fff;
border-color: #fff;
font-weight: 600;
}
.pagination-lg > li:last-child > a, 
.pagination-lg > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pagination .prev {
width: 100px;
padding: 5px 10px;
}
.pagination .prev:before {
content: '\76';
font-family: 'dashboard-icons';
float: left;
font-size: 18px;
font-weight: 400;
line-height: 0;
margin: 10px 15px 0 0;
}
.pagination .next {
width: 100px;
padding: 5px 10px;
}
.pagination .next:after {
content: '\77';
font-family: 'dashboard-icons';
float: right;
font-size: 18px;
font-weight: 400;
line-height: 0;
margin: 10px 0 0 15px;
}
.maintenance-content .divider {
margin: 40px 0 30px;
}
.maintenance-content .divider hr {
border-top: solid 1px rgb(122, 138, 160);
}
/* maintenance request content*/
.maintenance-request-content {
background-color: rgb(255, 255, 255);
padding: 50px 0;
}
.maintenance-request-content h5	{
font-size: 20px;
font-family: 'Arial';
color: rgb(122, 138, 160);
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
}
.maintenance-request-content h6 {
font-size: 13px;
font-family: 'Arial';
color: rgb(136, 153, 170);
line-height: 1.2;  
}
.maintenance-request-content .maintenance-request-form {
border-style: solid;
border-width: 1px;
border-color: rgb(222, 230, 234);
border-radius: 4px;
background-color: rgb(255, 255, 255);
box-shadow: 0px 3px 5px 0px rgba(240, 240, 240, 0.7);   
margin: 20px 0 40px;
}
.maintenance-request-content .maintenance-request-form .form-group {
margin-bottom: 30px;
}
.maintenance-request-content .maintenance-request-form .first-half {
border-right: 1px solid rgb(222, 230, 234);
padding: 50px 50px 40px 60px;
}
.maintenance-request-content .maintenance-request-form .second-half {	
padding: 50px 60px 30px 50px;
}
.maintenance-request-content .maintenance-request-form label{
font-size: 13px;
font-family: 'Arial';
color: rgb(85, 85, 85);
font-weight: bold;
line-height: 1.2;  
margin-bottom: 10px;  
margin-right: 30px;
}
.maintenance-request-content .maintenance-request-form .error {
color: red;
}
.maintenance-request-content .maintenance-request-form input, 
.maintenance-request-content .maintenance-request-form textarea, 
.maintenance-request-content .maintenance-request-form input:focus {
border-style: solid;
border-width: 1px;
border-color: rgb(222, 230, 234) !important;
border-radius: 4px;
background-color: rgb(255, 255, 255);  
margin-bottom: 30px;
}
.image-preview-filename {
margin-bottom: 0 !important;
}
.maintenance-request-content .maintenance-request-form textarea {
resize: none;
}
textarea::-webkit-input-placeholder {
font-size: 12px;  
color: rgba(85, 85, 85, 0.502) !important;  
}
textarea:-moz-placeholder { /* Firefox 18- */
font-size: 12px;  
color: rgba(85, 85, 85, 0.502) !important;
}
textarea::-moz-placeholder {  /* Firefox 19+ */
font-size: 12px;  
color: rgba(85, 85, 85, 0.502) !important;
}
textarea:-ms-input-placeholder {  
font-size: 12px;  
color: rgba(85, 85, 85, 0.502) !important; 
}
.image-preview input {
display: inline;
width: 80%;	
border-bottom-right-radius: 0px !important;
border-top-right-radius: 0px !important;
}
.image-preview-input {
position: relative;
overflow: hidden;
margin: 0px;   
font-size: 13px;
font-family: 'Arial'; 
color: rgb(255, 255, 255);
background-color: rgb(85, 85, 85);
border-color: rgb(85, 85, 85);
margin-left: -5px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;   
padding: 6px 5px;
cursor: pointer;
box-shadow: none;
}
.btn:active, .btn.active{
background-image: none;
outline: 0;
-webkit-box-shadow:none; 
box-shadow: none;
}
.image-preview-input input[type=file] {
position: absolute; /*relative;*/
top: 0;
right: 12px;
margin: 0;
padding: 0;
font-size: 20px;
cursor: pointer;
opacity: 0;
filter: alpha(opacity=0);
}
.image-preview-input input[type=file]:focus {
outline: none;
box-shadow: none;
}
.form-group-btn {
cursor: pointer;
}
.image-preview-input-title {
color: #fff;
cursor: pointer;
}
.radio-item-group {
display: inline-block;
}
.radio-item {
display: inline-block;
position: relative;
padding: 0 6px;  
}
.radio-item input[type='radio'] {
display: none;
}
.radio-item label {  
font-weight: normal !important;
}
.radio-item label:before {
content: " ";
display: inline-block;
position: relative;
top: 5px;
margin: 0 10px 0 0;
width: 20px;
height: 20px;
border-radius: 11px;
border: 2px solid rgb(85, 85, 85);
background-color: #fff;
}
.radio-item input[type=radio]:checked + label:after {
border-radius: 11px;
width: 12px;
height: 12px;
position: absolute;
top: 9px;
left: 10px;
content: " ";
display: block;
background: rgb(85, 85, 85);
}
.maintenance-request-content .maintenance-request-form .btn-submit {
border-radius: 4px;
background-color: rgb(85, 85, 85);    
font-size: 14px;
font-family: 'Myriad Pro', sans-serif;
color: rgb(255, 255, 255);
line-height: 1.2; 
padding: 12px 30px;
margin-top: 15px;
}
/* view details */
.view-details-content {
background-color: rgb(255, 255, 255);
padding: 50px 35px 10px;
}
.view-details-content h4 {
font-size: 24px;
font-family: 'Arial';
color: rgb(85, 85, 85);
font-weight: bold;  
line-height: 1.2;
float: left; 
width: auto;
}
.view-details-content p {
font-size: 11px;
font-family: 'Arial';
color: #fff;
line-height: 1.571;
text-align: justify; 
margin-right: 6em;
background-color: #2488dd;
width: auto;
float: left;
padding: 0px 10px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
margin: 16px 0px 0px 10px;
}
.view-details-content .back {
text-align: right;
float: right;
}
.view-details-content .back a {
font-size: 14px;
font-family: 'Myriad Pro', sans-serif;
color: rgb(255, 255, 255);
line-height: 1.2;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
background-color: #00338e;
border: 1px solid #00338e;
padding: 15px 35px; 
text-decoration: none;   
display: block;
padding: 8px 25px;    
outline: none;
}
.view-details-content .reopen a{
background-color: #00338e !important;
width: auto;
margin-right: 10px;
}
.view-details-content .images img {
display: inline;
margin: 30px 15px 45px 0;	
}
.view-details-content h5 {
font-size: 14px;
font-family: 'Arial';
color: rgb(122, 138, 160);
font-weight: bold;
text-transform: uppercase;
line-height: 1.2;
padding-top: 50px;
}
.view-details-content h6 {
font-size: 12px;
font-family: 'Arial';
color: rgb(122, 138, 160);
font-weight: bold;
text-transform: none;
line-height: 1.2;
margin: 0;
}
.chat-header {
border-top:solid 1px rgb(222, 230, 234);
box-shadow: 0px 3px 5px 0px rgba(240, 240, 240, 0.7);
padding: 25px 35px 30px;
position: relative;
background-color: #fff;
}
.chat-header input, .chat-header input:focus {
border: solid 1px rgb(222, 230, 234) !important;  
border-radius: 4px;
background-color: rgb(255, 255, 255); 
padding: 20px; 
color: rgb(102, 102, 102);
font-size: 14px;
}
.chat-header input::-webkit-input-placeholder {  
color: rgba(102, 102, 102, 0.4);
font-style: italic;
}
.chat-header input:-moz-placeholder { /* Firefox 18- */ 
color: rgba(102, 102, 102, 0.4);
font-style: italic;
}
.chat-header input::-moz-placeholder {  /* Firefox 19+ */ 
color: rgba(102, 102, 102, 0.4);
font-style: italic;
}
.chat-header input:-ms-input-placeholder {   
color: rgba(102, 102, 102, 0.4);
font-style: italic;
}
.chat-header .image-preview-icon {
position: absolute;
right: 9%;
z-index: 99;
top: 30%;   
font-size: 20px;    
color: rgb(192, 192, 192);
background-color: transparent;
border-color: transparent;
margin-left: -5px;    
padding: 5px 25px;
}
.chat-header .btn-send {
background-color: #00338e;
font-size: 14px;
font-family: 'Arial';
color: rgb(255, 255, 255);
line-height: 1.571;
padding: 24px 30px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
outline: none;
border: 1px solid #00338e;
position: absolute;
right: -36px;
z-index: 9 !important;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.chat-header .btn-send:focus {
background-color: #00338e;
font-size: 14px;
font-family: 'Arial';
color: rgb(255, 255, 255);
line-height: 1.571;
padding: 24px 30px;
border-bottom-left-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
}
.chat-header .input-group .error{
position: absolute;
left: 0;    
bottom: -26px;
font-size: 12px; color: red;
}
.chat-header .input-group{
width: 100%;
position: relative;
}
.chat-header .input-group textarea{
height: 70px;
border: solid 1px rgb(222, 230, 234) !important;
background-color: #f7f9fa;
padding:12px 120px 13px 30px !important;
color: rgb(102, 102, 102);
font-size: 16px;
position: relative;
border-radius: 50px !important;
width:96%;
}
.chat-header .input-group textarea::-webkit-input-placeholder {  
color: rgba(102, 102, 102, 0.4);
font-size: 16px;
}
.chat-header .input-group textarea:-moz-placeholder { /* Firefox 18- */ 
color: rgba(102, 102, 102, 0.4);
font-size: 16px;
}
.chat-header .input-group textarea::-moz-placeholder {  /* Firefox 19+ */ 
color: rgba(102, 102, 102, 0.4);
font-size: 16px;
}
.chat-header .input-group textarea:-ms-input-placeholder {   
color: rgba(102, 102, 102, 0.4);
font-size: 16px;
}
.chat-body {
background-color: rgb(244, 247, 248);
padding: 30px 35px 0;
min-height: 60vh;
}
.chat-body .chat-ul {
list-style-type: none;
padding-left: 0;    
}
.chat-body .chat-ul:after{
clear: both;
display: block;
height: auto;
content: '';
}
.chat-body .chat-ul .message-data {
margin-bottom: 10px;
}
.chat-body .chat-ul .message-data .message-data-name-you {
font-size: 14px;
font-family: 'Arial';
color: rgb(85, 85, 85);
font-weight: bold;
line-height: 1.222;
margin-right: 10px;
}
.chat-body .chat-ul .message-data .message-data-name {
font-size: 14px;
font-family: 'Arial';
color: rgb(85, 85, 85);
font-weight: bold;
line-height: 1.222;
margin-left: 10px;
}
.chat-body .chat-ul .you-message, .chat-body .chat-ul .me-message {
border: solid 1px rgb(222, 230, 234);
background-color: rgb(255, 255, 255);
border-radius: 50px;
}
.chat-body .chat-ul .message {  
margin-bottom: 40px;
width: 85%;
position: relative;
}
.chat-body .chat-ul .message img{
	max-width: 100%;
}
.chat-body .chat-ul .message p{
text-align: justify;
padding: 15px 25px; 
font-size: 13px;
font-family: 'Source Sans Pro', sans-serif;
color: rgb(51, 51, 51);
line-height: 1.571; 
margin: 0px;
font-weight: 400;
line-height: 1.375;
letter-spacing: 0.3px;
margin-top: 5px;
}
.chat-body .chat-ul .me-message {
border-top-right-radius: 0;
box-shadow: 5px 7px 5px 0px #e0e8eb;
}
.chat-body .chat-ul .you-message {
border-top-left-radius: 0;
box-shadow: -5px 7px 5px 0px #e0e8eb;
}
.chat-body .chat-ul .message-data-time {
font-size: 12px;
font-family: 'Source Sans Pro', sans-serif;
color: rgb(128, 128, 128);
line-height: 1.2;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.float-right {
float: right;
}
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.image_pop img{max-width: 130px; max-height: 100px;}
.menu-bg .navbar-default {    
min-height: 90px;
}
.menu-bg .navbar-brand img {
max-height: 60px;
min-height: 60px;
max-width: 100px;
}
.menu-bg .navbar-nav > li > a{
	line-height: 62px;
	text-transform: uppercase; 
	color: #1c1607; 
	font-weight: 500; 
	font-size: 13px;
}
.main-header .form-group{
	margin: 18px 15px 0 0!important;
}
.main-header .form-control{
	padding: 6px 24px;
}
.menu-bg .navbar-nav > li > a .icon-align {
line-height: 62px;
}
.mobile-view {
display: none;
}
.applicant-info-wrap {
}
.add-autopay {
background-color: #00338e;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
border: 1px solid #00338e;
font-family: 'Myriad Pro', sans-serif;
color: #fff;
font-weight: 400;
font-size: 14px;
text-align: center;
text-transform: none;
padding: 8px 25px;
letter-spacing: 0px;
outline: none;
margin-top: 18px;
}
.add-autopay:hover, .add-autopay:focus, .add-autopay:active:hover, .add-autopay.active:hover, .add-autopay:active:focus, .add-autopay.active:focus, .add-autopay:active.focus, .add-autopay.active.focus {
color: #fff;
background-color: #00338e !important;
border-color: #00338e !important;
}
.align-right {
text-align: right;
}
.autopay-search input {
border-radius: 25px !important;
margin-bottom: 30px !important;
margin-left: 35px !important;
}
.btn-activate {
background-color: #fdfefe;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
border: 1px solid rgb(227, 227, 227);   
color: rgb(153, 153, 153);    
text-align: center;    
padding: 6px 15px;    
outline: none;
font-size: 12px;
font-family: 'Arial';
}
.btn-activate:hover, .btn-activate:focus, .btn-activate:active {
background-color: #00338e;
border: 1px solid #00338e;   
color: #fff;
}
.maintenance-content .table > tbody > tr > td {
vertical-align: middle;
}
/*make-payment*/
.pending_amt p {
font-size: 22px;
font-weight: 700;
color: #000;
}
.payment-request {
text-align: left !important;
}
.payment-request .payment-submit {
font-size: 14px;
font-family: 'Arial';
color: #fff;
line-height: 1.2;
border: solid 1px rgb(222, 230, 234);
border-radius: 4px;
background-color: rgb(85, 85, 85);
box-shadow: 0px 2px 5px 0px rgba(240, 240, 240, 0.7);
padding: 15px 20px;
}
.form-control:focus {
border-color: rgb(222, 230, 234);
/*box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 1px rgba(0, 0, 0, .6);*/
}
.payment-request .payment-submit:focus {
outline: 0;
}
.payment-request-bg {
border:solid 1px #ccc;
padding: 15px;
margin-bottom: 30px;
}
.payment_amount-error {
color: #e62945; 
font-weight: normal; 
font-size: 11px;
}
/*Make Payment*/
.makepayment-wrap{
width: 100%;
margin: 0px;
padding: 0px;
}
.makepayment-wrap h1{
font-family: 'Myriad Pro', sans-serif;
color: #00338e;
text-align: left;
font-size: 24px;
font-weight: 400;
border-bottom: 1px solid #e5e5e5;
padding: 0px 0px 24px 0px;
margin: 0px 0px 40px 0px;
}
.makepayment-con-area{
width: 100%;
margin: 0;
padding: 0px 0px 0px 80px;
}
.makepayment-wrap h2{
font-family: 'Myriad Pro', sans-serif;
color: #333333;
text-align: left;
font-size: 14px;
font-weight: 700;
padding: 0px 0px 25px 0px;
text-transform: uppercase;
margin-bottom: 0;
letter-spacing: 3px;
}
.makepayment-wrap .common_payment_type {
position: relative;
}
.makepayment-wrap .saved_payment {
font-family: 'Myriad Pro', sans-serif;
color: #1895f5;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.3px;
transition: all 0.3s ease-in-out;
float: right;
margin-top: -40px;
}
.makepayment-wrap .saved_payment:hover {
	color: #1895f5;
}
.makepayment-wrap .btn.btn_back {
font-family: 'Myriad Pro', sans-serif;
color: #1895f5;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.3px;
transition: all 0.3s ease-in-out;
float: right;
margin-top: -40px;
padding: 0;
text-transform: none;
width: auto;
}
.payment_method_wrap .list-group-item {
border: 1px solid #777777;
background-color: #fff;
color: #777777;    
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
transition: all 0.3s ease-in-out;
margin-bottom: 15px;
padding: 20px 25px 10px;
}
.payment_method_wrap .list-group-item.active, 
.payment_method_wrap .list-group-item.active:hover, 
.payment_method_wrap .list-group-item.active:focus {
color: #fff;
background: #1895f5;
border: 1px solid #1895f5;
}
.payment_method_wrap .list-group-item h5 {
font-family: 'Myriad Pro', sans-serif;
font-size: 16px;
color: #777777;
text-transform: none;
letter-spacing: 0.5px;
font-weight: 400;
}
.payment_method_wrap .list-group-item h5 span {
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1.3px;
}
.payment_method_wrap .list-group-item p {
font-family: 'Myriad Pro', sans-serif;
font-size: 14px;
color: #777777;
text-transform: none;
letter-spacing: 0.5px;
font-weight: 400;
}
.payment_method_wrap .list-group-item p span {
font-weight: 500;
}
.payment_method_wrap .list-group-item.active h5,
.payment_method_wrap .list-group-item.active p {
color: #fff;
}
.btn-check.no-border {
border: none !important;
}
.makepayment-wrap .btn.btn_back:active {
background-color: transparent;
border-color: transparent;
}
.makepayment-con-area .lbl-deposit-amount {
margin: 0 0 15px 0px;
color: #777777;
background-color: #f9f5df;
border: 1px #f1ecd1 solid;
padding: 10px 15px;
}
.amount-initial {
position: absolute;
left: 10px;
top: 9px;
color: #777777 !important;
font-size: 16px;
}
.other-amount {
padding-left: 12px !important;
margin-left: 10px !important;
}
.makepayment-con-area .form-group {
margin-bottom: 20px;
}
.makepayment-con-area .form-group input{
font-family: 'Myriad Pro', sans-serif;
color: #333;
font-weight: normal;
font-size: 14px;
text-align: left;
border-bottom: 1px solid #dfdfdf;
border-top: 0px;
border-left: 0px;
border-right: 0px;
padding: 15px 0px;
box-shadow: none;
border-radius: 0;
background-color: transparent;
}
.makepayment-con-area .form-group select{
font-family: 'Myriad Pro', sans-serif;
color: #333;
font-weight: normal;
font-size: 14px;
text-align: left;
border-bottom: 1px solid #dfdfdf;
border-top: 0px;
border-left: 0px;
border-right: 0px;
padding: 10px 0px;
box-shadow: none;
border-radius: 0;
background-color: transparent;
padding: 4px 0px;
}
.makepayment-con-area .form-group .select-wrap-box select{
-webkit-appearance: none;
}
/*tooltip css*/
.ui-tooltip .ui-tooltip-content{
border: 1px solid rgb(0 0 0 0.8)!important;
background: rgb(0 0 0 / 0.8)!important;
color: #fff!important;
font-size: 13px!important;
font-weight: 300;
box-shadow:none!important;
padding: 5px;
}
.ui-tooltip.ui-widget-content,.ui-tooltip.ui-widget.ui-widget-content{
  box-shadow: none;
  border:0px!important;
  background-color:transparent;
}

/*commen css=============*/
.makepayment-con-area .btn {
border: none;
font-family: inherit;
font-size: inherit;
color: inherit;
background: none;
cursor: pointer;
padding: 25px 0px;
display: inline-block;
margin:0;
text-transform: uppercase;
letter-spacing: 1px;
font-weight: 700;
border-radius:0px;
outline: none;
position: relative;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 100%;
}
.makepayment-con-area .btn:after {
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
}
.makepayment-con-area .btn-1 {
border: 1px solid #777777;
color: #777777;    
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
/*BUTTON 1a css=============*/
.makepayment-con-area .btn-1a:hover, .btn-1a:active {
color: #fff;
background: #1895f5;
border: 1px solid #1895f5;
}
.card-icon{
width: 100%;
height: auto;
display: block;
padding-bottom: 25px !important;
}
.card-icon:hover{
color: #fff;
background: #1895f5;
border: 1px solid #1895f5;
}
.card-icon.active{
color: #fff;
background: #1895f5;
border: 1px solid #1895f5;
}
.checking-icon{
width: 100%;
height: auto;
display: block;
padding-bottom: 25px !important;
}
.checking-icon:hover{
color: #fff;
background: #1895f5;
border: 1px solid #1895f5;
}
.checking-icon.active{
color: #fff;
background: #1895f5;
border: 1px solid #1895f5;
}
.card-icon .payment-icon,
.checking-icon .payment-icon {
display: block;
font-size: 38px;
line-height: 1;
}
.amount-details {
background-color: #f6f7f8;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 20px 40px 10px;
border:1px solid #e4e5e6;
}
.amount-details p {
font-family: 'Open Sans', sans-serif;
color: #777777;
font-size: 13px;
}
.amount-details p span {
float: right;
color: #333;
}
.amount-details p span.total {
color: #2c2c2c;
font-size: 14px;
font-weight: bold;
}
.amount-details hr.divider {
border-top :1px solid #e4e5e6;	
margin: 5px 0 10px;
}
.makepayment-con-area .amount-details {
margin-top: 30px !important;
background-color: #f4ffe0;
border-color: #e6f4ce


}
.autopay-wrap .makepayment-con-area .amount-details {
margin-top: 0;
margin-bottom: 15px !important;
}
.makepayment-con-area .total-amount-wrap {
margin-top: 30px !important;
}
.card-main{
background-color: #f6f7f8;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
padding: 40px;
margin-top: 20px;
border:1px solid #e4e5e6;
}
.card-main .card_img_wrap {
margin-top: -50px;
float: right;
margin-right: 25px;
}
.card-main .form-group{
margin-bottom: 0px;
}
.card-main h3{
font-family: 'Myriad Pro', sans-serif;
color: #00338e;
font-weight: normal;
font-size: 18px;
text-align: left; 
margin: 0px;
padding: 0px 0px 20px 0px;
}
.nopadding{padding: 0px;}
.credit-number{
border-bottom: 1px solid #e3e3e3;
margin-bottom: 34px;
position: relative;
}
.credit-number:after{
content: '';
display: block;
clear: both;
height: auto; /*100%;*/
}
.card-main .form-group .credit-number input{
background-color: #f6f7f8;
border-bottom: 0px solid #e3e3e3 !important;
padding: 15px 25px 15px 0px;
height: auto;
color: #8c8c8c;
font-size: 14px;
margin-bottom: 0;
}
.credit-number label{
padding: 14px 0px;
color: #585858;
}
.card-main .form-group label{
color: #585858;
padding: 15px 0px 8px;
}
.card-main .form-group input{
background-color: #f6f7f8;
border-bottom: 1px solid #e3e3e3 !important;
border-top:0px;
border-right:0px;
border-left:0px;
padding: 10px 10px;
height: auto;
color: #8c8c8c;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
box-shadow: none;
border-radius: 0px;
font-style: italic;
}
.card-main .form-group select{
background-color: #f6f7f8;
border-bottom: 1px solid #e3e3e3 !important;
border-top:0px;
border-right:0px;
border-left:0px;
padding: 10px 0px;
height: auto;
color: #8c8c8c;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
box-shadow: none;
border-radius: 0px;
-webkit-appearance: none;
}
.card-main .form-group .select-wrap-box{
	position: relative;
}
.card-main .form-group .select-wrap-box:after {
    content: "\79";
    font-family: 'dashboard-icons';
    color: #8c8c8c;
    position: absolute;
    top: 13px;
    right: 6px;
    bottom: 0;
    vertical-align: middle;
    text-align: center;
    pointer-events: none;
    font-size: 11px;
}
.card-check-icon{
background-image: url(../../images/card-check-icon.png);
background-position: left top;
background-repeat: no-repeat;
position: absolute;
width: 26px;
height: 26px;
right: 0px;
top: 10px;
}
.card-check-icon.active{
background-image: url(../../images/card-check-icon-active.png);
background-position: left top;
background-repeat: no-repeat;
position: absolute;
width: 26px;
height: 26px;
right: 0px;
top: 10px;
}
.payment-radio .form-group {
margin-bottom: 0px;
}
.payment-radio .form-group label{
font-family: 'Myriad Pro', sans-serif;
color: #777777;
font-weight: normal;
font-size: 13px;
text-align: left;
padding: 8px 0px;
line-height: 26px;
}
.payment-radio .form-group label strong{
color: #2c2c2c;
font-size: 18px;
font-weight: bold;
}
.payment-radio ul{
list-style: none;
margin: 0;
padding: 0;
overflow: auto;
}
.payment-radio ul li{}
.payment-radio ul li input[type=radio]{
position: absolute;
visibility: hidden;
}
.payment-radio ul li label{
display: block;
position: relative;
font-weight: 300;
font-size: 1.35em;
padding: 0px 0px 0px 60px !important;
margin: 10px auto;
z-index: 9;
cursor: pointer;
-webkit-transition: all 0.25s linear;
}
.payment-radio ul li label.single_option{
padding: 0px 0px 0px 20px !important;
}
.payment-radio ul li:hover label{
color: #777777;
}
.payment-radio ul li .check{
display: block;
position: absolute;
border:1px solid #777777;
border-radius: 100%;
height: 25px;
width: 25px;
top: 10px;
left: 20px;
z-index: 5;
transition: border .25s linear;
-webkit-transition: border .25s linear;
}
.payment-radio ul li:hover .check {
border:1px solid #777777;
}
.payment-radio ul li .check::before {
display: block;
position: absolute;
content: '';
border-radius: 100%;
height: 9px;
width: 9px;
top: 7px;
left: 7px;
margin: auto;
transition: background 0.25s linear;
-webkit-transition: background 0.25s linear;
}
.payment-radio input[type=radio]:checked ~ .check {
border: 1px solid #777777;
}
.payment-radio input[type=radio]:checked ~ .check::before{
background: #1895f5;
}
.payment-radio input[type=radio]:checked ~ label{
color: #777777;
}
.bank-acc-typ{
width: 100%;
margin: 20px 0px 0px;
padding: 40px;
border:1px solid #e4e5e6;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.bank-acc-typ:after{
content: '';
display: block;
clear: both;
height: auto;
}
.bank-acc-typ h3{
font-family: 'Myriad Pro', sans-serif;
color: #494949;
font-weight: normal;
font-size: 13px;
text-align: left;
text-transform: uppercase;
margin: 0px;
padding: 0px 0px 20px;
}
.bank-acc-typ .btn-primary{
background-color: #fff;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
border:1px solid #d5d5d5;
font-family: 'Myriad Pro', sans-serif;
color: #777777;
font-weight: bold;
font-size: 13px;
text-align: center;
text-transform: uppercase;
padding: 15px;
letter-spacing: 2px;
outline: none;
}
.bank-acc-typ .btn-primary:hover, .bank-acc-typ .btn-primary:focus, .bank-acc-typ .btn-primary:active, .bank-acc-typ .btn-primary.active, .bank-acc-typ .btn-primary.focus{
background-color: #1895f5;
color: #fff;
border:1px solid #1895f5;
}
.bank-acc-typ .form-group{padding-top: 40px;}
.bottom-butn{/*border-top: 1px solid #e5e5e5;*/ text-align: left; margin: 20px 0px 0px 90px ; padding: 20px 0px 0px ;}
.bottom-butn .btn-primary {
background-color: #00338e;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
border: 1px solid #00338e;
font-family: 'Myriad Pro', sans-serif;
color: #fff;
font-weight: bold;
font-size: 13px;
text-align: center;
text-transform: uppercase;
padding: 15px 50px;
letter-spacing: 1px;
outline: none;
/*width: 100%;*/
}
.bottom-butn .btn-primary:hover, .bottom-butn .btn-primary:focus, .bottom-butn .btn-primary:active, .bottom-butn .btn-primary.active, .bottom-butn .btn-primary.focus{
background-color: #00338e;
color: #fff;
border:1px solid #00338e;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
outline: none !important;
}
.bank-acc-typ  #radioBtn .notActive{
height: 108px;
color: #777777;
background-color: #fff;
border:1px solid #d5d5d5;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 12px;
letter-spacing: 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: none;
padding: 78px 20px 20px;
margin-bottom: 10px;
}
.bank-acc-typ  #radioBtn .active{
height: 108px;
color: #fff;
background-color: #1895f5;
border:1px solid #1895f5;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 12px;
letter-spacing: 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: none;
padding: 78px 20px 20px;
}
.sel-pms{
padding: 5px 20px !important;
width: auto !important; 
height: auto !important;
letter-spacing: 0px !important;
-webkit-border-radius: 50px !important;
-moz-border-radius: 50px !important;
border-radius: 50px !important;
margin-right: 10px !important;
}
.payment-freq  #radioBtn {
margin-bottom: 50px;
}
.payment-freq  #radioBtn .notActive{
height: 108px;
color: #777777;
background-color: #fff;
border:1px solid #d5d5d5;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 12px;
letter-spacing: 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: none;
padding: 78px 20px 20px;
}
.payment-freq  #radioBtn .active{
height: 108px;
color: #fff;
background-color: #1895f5;
border:1px solid #1895f5;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 12px;
letter-spacing: 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: none;
padding: 78px 20px 20px;
}
/* Hiding the checkbox, but allowing it to be focused */
.badgebox
{
opacity: 0;
}
.badgebox + .badge
{
/* Move the check mark away when unchecked */
text-indent: -999999px;
/* Makes the badge's width stay the same checked and unchecked */
width: 24px;
}
.badgebox:focus + .badge
{
/* Set something to make the badge looks focused */
/* This really depends on the application, in my case it was: */

/* Adding a light border */
/*box-shadow: inset 0px 0px 5px;*/
/* Taking the difference out of the padding */
}
.badgebox:checked + .badge{
/* Move the check mark back when checked */
text-indent: -1px;
background-color: rgb(17, 160, 248);
border: solid 1px rgb(17, 160, 248);
}
.badge {
border-radius: 50%;
padding: 5px 0;
}
.btn-check .badge {
background-color:  #fff; 
border: solid 1px rgb(213, 213, 213);
margin-right: 10px;
}
.btn-check {
font-size: 12px !important;
font-family: 'Open Sans', sans-serif !important;
color: rgb(119, 119, 119) !important;  
border: solid 1px rgb(213, 213, 213) !important;
font-weight: 700 !important;  
border-radius: 25px !important;
padding: 8px 20px 8px 0px !important;
text-transform: uppercase;
line-height: 1.2;
text-align: left;  
letter-spacing: 1px; 
}
.btn-check:active:hover, 
.btn-check.active:hover, 
.open > .dropdown-toggle.btn-check:hover, 
.btn-check:active:focus, 
.btn-check.active:focus, 
.open > .dropdown-toggle.btn-check:focus, 
.btn-check:active.focus, 
.btn-check.active.focus, 
.open > .dropdown-toggle.btn-check.focus {
color: rgb(119, 119, 119);
background-color: #fff;
border-color: rgb(213, 213, 213);
}
.btn-check:active, .btn-check.active {
box-shadow: none;
}
.card-main  #radioBtn {
margin-bottom: 15px;
}
.card-main  #radioBtn .notActive{
color: rgb(119, 119, 119);;
background-color: rgba(0, 51, 142, 0);
border:1px solid rgb(213, 213, 213);
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 12px;
letter-spacing: 1px;
text-transform: uppercase;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: none;
letter-spacing: 1px !important;
padding: 10px 25px !important;
}
.card-main  #radioBtn .active{
color: #fff;
background-color: #1895f5;
border:1px solid #1895f5;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 12px;
letter-spacing: 1px !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: none;
letter-spacing: 1px;
padding: 78px 20px 20px;
padding: 10px 25px !important;
}
.btn-align {
text-align: left;
padding-left: 0px;
}
input[type="text"], 
input[type="email"],
textarea {
box-sizing: border-box;
width: 100%;
height: calc(3em + 2px); 
resize: none;
outline: none;
margin: 0 0 1em;
padding: 1em;
border: 1px solid #ccc;
background: #fff;
}
select{
box-sizing: border-box;
width: 100%;
height: calc(3em + 2px); 
resize: none;
outline: none;
margin: 0px;
padding: 1em;
border: 1px solid #ccc;
background: #fff;
}
input[type="text"][data-sel]:focus, 
input[type="email"][data-sel]:focus,
select[data-sel]:focus,
textarea[data-sel]:focus {
border-color: #ccc;
border-radius: 0;
}
input[type="text"][data-sel]:focus + label[placeholder]:before, 
input[type="email"][data-sel]:focus + label[placeholder]:before,
select[data-sel]:focus,
textarea[data-sel]:focus {
color: #333333;
}
input[type="text"][data-sel]:focus + label[placeholder]:before, 
input[type="email"][data-sel]:focus + label[placeholder]:before,
select[data-sel]:focus + label[placeholder]:before,
textarea[data-sel]:focus + label[placeholder]:before {
-webkit-transition-duration: .2s;
transition-duration: .2s;
-webkit-transform: translate(0, -1.3em) scale(0.9, 0.9);
transform: translate(0, -1.3em) scale(0.9, 0.9);       
font-weight: normal;
font-size: 13px;
}
input[type="text"][data-sel].active-adaptive, 
input[type="email"][data-sel].active-adaptive,
select[data-sel].active-adaptive,
textarea[data-sel].active-adaptive {
border-color: #ccc;
border-radius: 0;
}
input[type="text"][data-sel].active-adaptive + label[placeholder]:before, 
input[type="email"][data-sel].active-adaptive + label[placeholder]:before,
select[data-sel].active-adaptive + label[placeholder]:before,
textarea[data-sel].active-adaptive + label[placeholder]:before{
color: #777777;
}
input[type="text"][data-sel].active-adaptive + label[placeholder]:before, 
input[type="email"][data-sel].active-adaptive + label[placeholder]:before,
select[data-sel].active-adaptive + label[placeholder]:before,
textarea[data-sel].active-adaptive + label[placeholder]:before {
-webkit-transition-duration: .2s;
transition-duration: .2s;
-webkit-transform: translate(0, -1.8em) scale(1, 1);
transform: translate(0, -1.8em) scale(1, 1);      
font-weight: normal;
font-size: 13px;
font-style: italic;
}
input[type="text"][data-sel]:invalid + label[placeholder][alt]:before, 
input[type="email"][data-sel]:invalid + label[placeholder][alt]:before,
select[data-sel]:invalid + label[placeholder][alt]:before,
textarea[data-sel]:invalid + label[placeholder][alt]:before {
content: attr(alt);
}
input[type] + label[placeholder] {
display: block;
pointer-events: none;
line-height: 1.25em;
margin-top: calc(-4em + 13px);
margin-bottom: calc((4em - 1em) + 2px);
font-style: italic;
padding-left: 10px;
}
select + label[placeholder] {
display: block;
pointer-events: none;
line-height: 1.25em;
/*margin-top: calc(-3em + -1px);
margin-bottom: calc((4em - 1em) + 2px); edit profile select box-*/
/*margin-top: calc(-1em + -16px);
margin-bottom: calc(5em + 2px);*/
margin-top: calc(-3em + -1px);
margin-bottom: calc(3em + 7px);
font-style: italic;
}
.navbar-custom-menu select + label[placeholder] {
display: block;
pointer-events: none;
line-height: 1.25em;
margin-top: calc(-4em + 13px);
margin-bottom: calc((4em - 1em) + 2px);
font-style: italic;
padding-left: 10px;
}
.navbar-custom-menu select + label[placeholder]:before
{	
background-image: -webkit-linear-gradient( 90deg, rgb(235,239,243) 58%, rgb(255, 255, 255) 58%);
}
.navbar-custom-menu select {
  -moz-appearance: none;
  -webkit-appearance: none;
}
.navbar-custom-menu select::-ms-expand{
    display: none;
}
.navbar-custom-menu .select-wrap-box{
	position: relative;
}
.navbar-custom-menu .select-wrap-box:after {
    content: "\79";
    font-family: 'dashboard-icons';
    color: #777;
    position: absolute;
    top: 7px;
    right: 6px;
    bottom: 0;
    vertical-align: middle;
    text-align: center;
    pointer-events: none;
}
textarea + label[placeholder] {
display: block;
pointer-events: none;
line-height: 1.25em;
margin-top: calc(-3.1em + -9px);
margin-bottom: calc((4em - 1em) + 4px) !important;
}
textarea[data-sel].active-adaptive + label[placeholder]{
margin-top: calc(-3.1em + -2px);
margin-bottom: calc((3em - 1em) + 2px) !important;
}
input[type] + label[placeholder]:before,
select + label[placeholder]:before,
textarea + label[placeholder]:before {
content: attr(placeholder);
display: inline-block; 
margin: 0;
padding: 0;
white-space: nowrap;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
background-image: none;
font-family: 'Open Sans', sans-serif;
color: #777777;
font-size: 13px;
font-weight: normal;
padding-left: 10px;
}
.date-icon {
position: absolute;
top: 13px;
right: 17px;
color: rgb(119, 119, 119);
font-size: 18px;
}
.dollar-icon {
position: absolute;
top: 14px;
right: 0;
color: rgb(119, 119, 119);
font-size: 16px;
border: solid 1px #777;
border-radius: 50%;
width: 25px;
text-align: center;
height: 25px;
padding-top: 2px;
}
.issue-priority-typ{
width: 100%;
margin: 0px 0px 50px;
padding: 0px;
border: none;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.issue-priority-typ:after{
content: '';
display: block;
clear: both;
height: auto;
}
.issue-priority-typ label{
font-family: 'Open Sans', sans-serif;
color: rgb(119, 119, 119);
font-weight: 600;
font-size: 14px;
text-align: left;
text-transform: none;
letter-spacing:0px;
margin: 0px;
padding: 0px 50px 20px 0px;
font-style: italic;
}
.issue-priority-typ .btn-primary{
background-color: #fff;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
border:1px solid #d5d5d5;
font-family: 'Myriad Pro', sans-serif;
color: #777777;
font-weight: bold;
font-size: 13px;
text-align: center;
text-transform: uppercase;
padding: 15px;
letter-spacing: 2px;
outline: none;
margin-right: 20px !important;
}
.issue-priority-typ .btn-primary:hover, .issue-priority-typ .btn-primary:focus, .issue-priority-typ .btn-primary:active, .issue-priority-typ .btn-primary.active, .issue-priority .btn-primary.focus{
background-color: #1895f5;
color: #fff;
border:1px solid #1895f5;
}
.issue-priority-typ #radioBtn .active {
height: 108px;
color: #fff;
background-color: #1895f5;
border: 1px solid #1895f5;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 12px;
letter-spacing: 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: none;
padding: 78px 20px 20px;
}
.issue-priority-typ #radioBtn .notActive {
height: 108px;
color: #777777;
background-color: #fff;
border: 1px solid #d5d5d5;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
font-size: 12px;
letter-spacing: 1px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
box-shadow: none;
padding: 78px 20px 20px;
}
.issue-priority-typ .form-group{padding-top: 40px;}
.issue-dropdown {
background-color: #fff;
border-bottom: 1px solid #dfdfdf !important;
border-top: 0px;
border-right: 0px;
border-left: 0px;
padding: 10px 0px 10px;
height: auto;
color: #333;
font-family: 'Open Sans', sans-serif;
font-size: 13px;
box-shadow: none;
border-radius: 0px;
font-weight: 600;
}
.issue-dropdown:focus {
box-shadow: none;
border: none;	
}
.issue-priority-typ .top-margin {
margin-top: 30px;
}
.makepayment-con-area textarea {
border-bottom: 1px solid #dfdfdf !important;
border-top: 0px;
border-right: 0px;
border-left: 0px;
box-shadow: none;
border-radius: 0;
height: calc(4em + 2px) !important;
padding: 5px 0px !important;
color: #333 !important;
}
.makepayment-con-area textarea + label[placeholder]{
margin-top: calc(-3.5em + 0px);
}
.makepayment-con-area textarea[data-sel]:focus + label[placeholder]:before{
transform: translate(0, -3em) scale(1, 1) !important;
background-color: #fff;
}
.makepayment-con-area textarea[data-sel].active-adaptive + label[placeholder]:before{
	transform: translate(0, -3em) scale(1, 1) !important;
	background-color: #fff;
}
.makepayment-con-area textarea:focus {
box-shadow: none;
border: none;	
}
/*textarea height change for resident question*/
.makepayment-con-area.ask-question textarea {
border-bottom: 1px solid #dfdfdf !important;
border-top: 0px;
margin-top: 28px;
border-right: 0px;
border-left: 0px;
box-shadow: none;
border-radius: 0;
height: 2em !important;
padding: 0px !important;
color: #333 !important;
}
.makepayment-con-area.ask-question textarea + label[placeholder]{
margin-top: calc(-3.5em + 0px);
font-style: italic;
}
.makepayment-con-area.ask-question textarea[data-sel]:focus + label[placeholder]:before{
transform: translate(0, -1.6em) scale(1, 1) !important;
background-color: #fff;
}
.makepayment-con-area.ask-question textarea[data-sel].active-adaptive + label[placeholder]:before{
	transform: translate(0, -1.6em) scale(1, 1) !important;
	background-color: #fff;
}
.makepayment-con-area textarea:focus {
box-shadow: none;
border: none;	
}
/*end*/
.image-preview-input {
position: relative !important;
overflow: hidden !important;
margin: 0px !important ;    
color: #333 !important;
background-color: #fff !important;
border-color: #ccc !important;    
}
.image-preview-input input[type=file] {
position: absolute !important;
top: 0 !important;
right: 0 !important;
margin: 0 !important;
padding: 0 !important;
font-size: 12px !important;
cursor: pointer !important;
opacity: 0 !important;
filter: alpha(opacity=0) !important;
}
.image-preview .btn-default:active:hover, .image-preview .btn-default.active:hover, .image-preview .btn-default:active:focus, .image-preview .btn-default.active:focus, .image-preview .btn-default:active.focus, .image-preview .btn-default.active.focus {
color: #fff !important;
background-color: #00338e !important;
border-color: #00338e !important;
border-radius: 90px !important;
padding: 5px 20px !important;
}
.image-preview-input{
background-color: #fff; /*#00338e !important;*/
border: 1px solid #dddddd;
-webkit-border-radius: 50px !important;
-moz-border-radius: 50px !important;
border-radius: 50px !important;
font-family: 'Open Sans', sans-serif !important;
font-weight: normal !important;
font-size: 12px !important;
color: #666; /*#fff !important;*/
padding: 6px 20px !important;
}
.image-preview .input-group-btn {
border-bottom: solid 1px #dfdfdf;
}
.image-preview-filename {
padding-left: 15px !important;
}
.image-preview-input-title {    
text-transform: capitalize;
}
.label-file-upload {
font-family: 'Open Sans', sans-serif;
color: #777777;
font-weight: normal;
font-size: 13px;
text-align: left;   
box-shadow: none;
border-radius: 0;
background-color: transparent;
font-weight: normal;
}
.custom-height {
}
.issue-title {
margin-top: -60px !important;
}
.error {
color: red !important;
}
.makepayment-wrap .saved-cards {
margin-left: 20px;
margin-top: 30px;
}
.makepayment-wrap .saved-cards label {
font-size: 14px;
font-family: 'Open Sans', sans-serif;
color: rgb(87, 87, 87);
line-height: 1.2;
font-weight: 600;
display: block;
margin-bottom: 15px;
}
.makepayment-wrap .saved-cards .radio-item {
display: block;
}
.makepayment-wrap .saved-cards .radio-item label {	
font-size: 18px;
font-family: 'Open Sans', sans-serif;
color: rgb(153, 153, 153);
line-height: 1.2;
font-weight: 600 !important;
margin-bottom: 20px;
}
.makepayment-wrap .saved-cards .radio-item label:before {
content: " ";
display: inline-block;
position: relative;
top: 5px;
margin: 0 15px 0 0;
width: 27px;
height: 27px;
border-radius: 50%;
border: 1px solid rgb(153, 153, 153);
background-color: #fff;
}
.makepayment-wrap .saved-cards .radio-item input[type=radio]:checked + label:after {
border-radius: 50%;
width: 19px;
height: 19px;
position: absolute;
top: 9px;
left: 10px;
content: " ";
display: block;
background: rgb(153, 153, 153);
}
.makepayment-wrap .saved-cards a {
font-size: 14px;
font-family: 'Open Sans', sans-serif;
color: rgb(119, 119, 119);
text-decoration: underline;
line-height: 1.2;  
font-weight: 600 !important;
padding-top: 10px;
display: block;
}
.makepayment-wrap .makepayment-con-area .image-preview-input {
color: #777777;
border: 1px solid #d5d5d5;
padding: 8px 22px !important;
}
.makepayment-wrap .makepayment-con-area .image-preview-input-title {
color: #777777;	
}
.makepayment-wrap .makepayment-con-area .image-preview-input:hover, .makepayment-wrap .makepayment-con-area .image-preview-input:active:hover, .makepayment-wrap .makepayment-con-area .image-preview-input.active:hover, .makepayment-wrap .makepayment-con-area .image-preview-input:active:focus, .makepayment-wrap .makepayment-con-area .image-preview-input.active:focus, .makepayment-wrap .makepayment-con-area .image-preview-input:active.focus, .makepayment-wrap .makepayment-con-area .image-preview-input.active.focus {    
background-color: #1895f5 !important;
border-color: #1895f5 !important;   
padding: 8px 22px !important;
color: #fff;
}
.makepayment-wrap .makepayment-con-area .image-preview-input:hover .image-preview-input-title , .makepayment-wrap .makepayment-con-area .image-preview-input:active:hover .image-preview-input-title, .makepayment-wrap .makepayment-con-area .image-preview-input.active:hover .image-preview-input-title, .makepayment-wrap .makepayment-con-area .image-preview-input:active:focus .image-preview-input-title, .makepayment-wrap .makepayment-con-area .image-preview-input.active:focus .image-preview-input-title, .makepayment-wrap .makepayment-con-area .image-preview-input:active.focus .image-preview-input-title, .makepayment-wrap .makepayment-con-area .image-preview-input.active.focus .image-preview-input-title {    
color: #fff;
}
.get-receipt, .view-receipt, .get-receipt-send {
background-color: #fdfefe;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
border: 1px solid rgb(227, 227, 227);
color: rgb(153, 153, 153);
text-align: center;
padding: 6px 15px;
outline: none;
margin: 5px;
font-size: 12px;
font-family: 'Arial';
}
.get-receipt:hover, .get-receipt:focus, .get-receipt:active, .get-receipt:active:focus, 
.get-receipt-send:hover, .get-receipt-send:focus, .get-receipt-send:active, .get-receipt-send:active:focus, 
.view-receipt:hover, .view-receipt:focus, .view-receipt:active, .view-receipt:active:focus {
background-color: #1895f5;
border: 1px solid #1895f5;
color: #fff;
}
.get-receipt-content {
margin-top: 10px;
padding-right: 70px;
border-bottom: solid 1px rgb(227, 227, 227);
position: relative;
}
.get-receipt-content input {
border: 1px solid transparent;	
color: rgb(153, 153, 153);
background-color: transparent;
margin: 0;	
padding: 1em 0;
}
.get-receipt-send {
position: absolute;
bottom: 10px;
right: 0;
margin: 0;
}
.error-message{
background-color: #faecaa;
padding: 12px 24px 12px 24px;
text-align: left;
font-weight: normal;
font-style: italic;
color: #978119;
font-family: 'Open Sans', sans-serif;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin-top: 0px;
width: auto;
margin-bottom: 0px;
}
.error-message p{
	margin-bottom: 0px !important;
}
.auto-error-message{
	margin-bottom: 15px;
	margin-top: 0px;
}
.autopay-table .btn {
background-color: #fdfefe;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
border: 1px solid rgb(227, 227, 227);
color: rgb(153, 153, 153);
text-align: center;
padding: 6px 15px;
outline: none;    
font-size: 12px;
font-family: 'Arial';
}
.autopay-table .btn:hover, .autopay-table .btn:focus, .autopay-table .btn:active, .autopay-table .btn:active:focus {
background-color: #1895f5;
border: 1px solid #1895f5;
color: #fff;
}
/*CheckBox*/
.msg-status-check {
display: inline-block;
margin-top: 2px;
color: #333;
font-weight: 600;
font-size: 14px;
font-family: 'Raleway', sans-serif;
margin-left: 10px;
margin-top: 0px !important;
}
.msg-status-check label {
color: #333;
font-weight: 600;
font-size: 13px;
font-family: 'Raleway', sans-serif;
outline: 0;
}
:focus{
	outline: 0px!important;
}
.cr .icon:before {
line-height: 0 !important;
font-weight: bold !important;
}
.checkbox label:after, 
.radio label:after {
content: '';
display: table;
clear: both;
}
.checkbox .cr,
.radio .cr {
position: relative;
display: inline-block;
border: 1px solid #ccc; /*#dee6ea;*/
border-radius:0em;
width: 1.3em;
height: 1.3em;
float: left;
margin-right: .5em;
}
.radio .cr {
border-radius: 50%;
}
.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
position: absolute;
font-size: .8em;
line-height: 0;
top: 50%;
left: 20%;
}
.radio .cr .cr-icon {
margin-left: 0.04em;
}
.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
display: none;
}
.checkbox label input[type="checkbox"] + .cr > .cr-icon,
.radio label input[type="radio"] + .cr > .cr-icon {
transform: scale(3) rotateZ(-20deg);
opacity: 0;
transition: all .3s ease-in;
}
.checkbox label input[type="checkbox"]:checked + .cr > .cr-icon,
.radio label input[type="radio"]:checked + .cr > .cr-icon {
transform: scale(1) rotateZ(0deg);
opacity: 1;
}
.checkbox label input[type="checkbox"]:disabled + .cr,
.radio label input[type="radio"]:disabled + .cr {
opacity: .5;
}
.note-check label{
padding-left: 0px;
}
.received-main{
padding-right: 30px;
}
/*branch 1075 checkbox*/
.charge-detail-chk {
  width: 20px;
  height: 20px;
  position: relative;
  margin: 10px auto 0;
}
.charge-detail-chk > * {
  position: absolute;
}
.checkbox-visible {
    position: relative;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 0em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}
.charge-detail-chk > input {
  z-index: 1;
  opacity: 0;
  left: 50%;
  top: 50%;
  -webkit-transform: translatex(-50%) translatey(-50%);
          transform: translatex(-50%) translatey(-50%);
  display: block;
  cursor: pointer;
  width: 20px;
  height: 20px;
  margin-top: 0px;
}
.checkbox-visible .cr-icon{
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 20%;
    left: 12%;
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}
.charge-detail-chk > input:checked + .checkbox-visible{
	border: 1px solid #1895f5;
	background-color: #1895f5;
	color: #fff;
}
.charge-detail-chk > input:checked + .checkbox-visible .cr-icon {
	transform: scale(1) rotateZ(0deg);
    opacity: 1;
}
.charge-detail-chk > input:hover + .checkbox-visible {
  border-color: #1895f5;
}
.charge-detail-chk > input:hover:checked + .checkbox-visible {
  border-color: #1895f5;
}
.charge-detail-chk > input:focus + .checkbox-visible {
  border-color: #ccc;
}
/*Social Media*/
.social-media-wrap{
background-color: #fff;
padding: 20px;
}
.social-media-wrap:after{
content: '';
display: block;
clear: both;
height: auto;
}
.social-media-wrap .chat-body{
background-color: transparent;
border: 1px solid #d2d6de;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position: relative;
z-index: -1;
}
.social-media-wrap .chat-body:after{
content: '';
display: block;
clear: both;
height: auto;
}
.social-media-wrap .chat-body .you-wrap{
width: 70%;
float: right;
margin-bottom: 40px;
margin-right:15px;	
}
.social-media-wrap .chat-body .me-wrap {
width: 70%;
float: left;
margin-bottom: 40px;
}
.social-media-wrap .chat-body .me-wrap:after{
content: '';
display: block;
clear: both;
height: auto;
}
.social-media-wrap .chat-body .me-wrap .me-message{
background-color: #fff8ed;
border:1px solid #ebd8ba;
padding: 15px 20px 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: none;
margin-bottom: 10px;
width: 93%;
float: right;
}
.social-media-wrap .chat-body .you-wrap .you-message{
background-color: #edfaff;
border:1px solid #c2e1ed;
padding: 15px 20px 20px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
box-shadow: none;
margin-bottom: 10px;
width: 94%;
float: left;
}
.social-media-wrap .chat-body .me-wrap .message-data-time{
padding-left: 5px;
}
.social-media-wrap .chat-body .chat-ul .me-message p, 
.social-media-wrap .chat-body .chat-ul .you-message p{
padding: 0px;
}
.social-media-wrap .chat-body .chat-ul .message-data-name-you{
font-family: 'Source Sans Pro', sans-serif;
font-size: 18px;
font-weight: 600;
color: rgb(51, 153, 193);
}
.chat-body .chat-ul .you-message.admin_msg {
	padding: 16px;
	font-weight: 400;
}
.chat-body .chat-ul .you-message.admin_msg:after {
	content: "";
	display: block;
	height: auto;
	clear: both;
}
.chat-body .chat-ul .messaging_box {
	border-radius: 0 !important;
}
/*new chatbox css*/
.view-details-content.message-box-header{
	padding: 30px 20px;
}
.view-details-content.message-box-header h6 {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    color: #9f9f9f;
    font-weight: 600;
    margin: 0px;
}
.view-details-content.message-box-header span.subject {
    text-transform: capitalize;
    color: #333;
    font-size: 20px;
}
.view-details-content.message-box-header .msg-status-check{
    padding-top: 7px;
    margin-bottom: 0;
}
.view-details-content.message-box-header .msg-status-check label{
	padding-left: 0px;
}
.chat-header.message-box{
    background-color: #e8e8e8;
    padding: 20px;
}
.chat-header.message-box .input-group textarea {
    width: 100%;
    height: 52px;
    min-height: 52px;
    max-height: 52px;
    border: 1px solid #f8f8f8 !important;
    background-color: #fff!important;
    padding: 15px;
    color: rgb(102, 102, 102);
    font-size: 14px;
    border-radius: 50px!important;
    -webkit-border-radius: 50px!important;
    -moz-border-radius: 50px!important;
    position: relative;
}
.chat-header.message-box .btn-send {
    background-color: #00338e;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: rgb(255, 255, 255);
    line-height: 1.571;
    padding: 10px 30px 10px 20px;
    border-radius: 50px;
    outline: none;
    float: right;
    border: 1px solid #00338e;
    outline: none;
    position: absolute;
    right: 4px;
    z-index: 9;
    top: 4px;
}
.chat-header.message-box .btn-send i.fa-send {
    padding-right: 5px;
}
.chat-header.message-box .btn-send i.fa-refresh{
	position: absolute;
    top: 14px;
}
.chat-ul .your-image {
    width: 5%;
    float: right;
    margin-left: 15px;
}
.chat-ul .message-data.messanger-image img
{
    width: 50px;
    height: 50px;
    border-radius: 50px;
    border: 3px solid #cecece;
}
.chat-ul .message-data.user-msg-div {
    width: 75%;
    float: right;
}
.chat-ul .user-msg-div .text-right {
    text-align: right;
    padding-top: 10px;
}
.chat-body .chat-ul .user-msg-div .message-data-name,
.chat-body .chat-ul .admin-messaging-div .message-data-name-you{
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #3e3e3e;
    font-weight: bold;
    line-height: 1.222;
}
.chat-body .chat-ul .user-msg-div .message-data-time,
.chat-body .chat-ul .admin-messaging-div .message-data-time{
	font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #898989;
    line-height: 1.2;
}
.chat-body .chat-ul .user-msg-div .me-message{
	background-color: #defbff;
    border-radius: 10px;
    border-top-right-radius: 0px;
    border:0px;
    box-shadow: rgb(0 0 0 / 5%) 1.95px 1.95px 2.6px;
}
.chat-ul .message-data.admin-messaging-div{
	width: 75%;
    float: left;
}
.chat-ul .admin-image {
    width: 3%;
    float: left;
    margin-right: 15px;
}
.chat-ul .message-data.admin-messaging-div .text-left {
    text-align: left;
    padding-top: 10px;
}
.chat-ul .admin-message {
    background-color: #fff;
    border-radius: 5px;
    border-radius: 10px;
    border-top-left-radius: 0px;
    box-shadow: rgb(0 0 0 / 5%) 1.95px 1.95px 2.6px;
    padding: 15px 25px;
    color:  rgb(102, 102, 102);
}
.chat-body .chat-ul .user-msg-div .message p{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: rgb(102, 102, 102);
    line-height: 1.571;
    padding: 15px 25px;
    margin-bottom: 0px;
    width: 90%;
    position: relative;
    text-align: justify;
    display: inline-block;
    word-wrap:break-word;
}
/*end*/
/*message view btn css*/
.message-view-btn{
	color: #567c94 !important;
    border: 1px solid #cad6dd;
    -webkit-border-radius: 90px !important;
    -moz-border-radius: 90px !important;
    border-radius: 90px !important;
    margin-right: 10px;
    padding: 8px 20px !important;
    transition: all 0.3s;
    position: relative;
}
.message-view-btn:hover{
    border: 1px solid #1895f5;
    background-color: #1895f5;
}
.maintenance-content .request-table .message-view-btn .view-details{
	color: #567c94;
}
.maintenance-content .request-table .message-view-btn:hover .view-details{
color: #fff;
}
.maintenance-content .request-table .message-view-btn .notification {
    background-color: #f74545;
    border-radius: 90px;
    padding: 1px 5px;
    font-size: 9px;
    color: white;
    height: auto;
    width: 19px;
    display: inline-block;
    line-height: 16px;
    font-weight: bold;
    margin-left: 8px;
    position: absolute;
    top: 0px;
    text-align: center;
    background-image: none;
}
.social-media-wrap .chat-body .chat-ul .me-message .message-data-name-you{
color: rgb(137, 98, 37);
}
.social-media-wrap .chat-ul .you-wrap .message-data-time{
float: right;
width: 94%;
text-align: right;
margin-right: 6%;
}
.social-media-wrap .chat-ul .you-wrap .message-data-time .pending-msg {
float: left;
font-size: 14px;
font-family: 'Source Sans Pro', sans-serif;
color: rgb(253, 169, 37);
font-weight: 600;
letter-spacing: 0.5px;
}
.social-media-wrap .chat-ul .you-wrap .message-data-time .pending-msg .icon {
margin-right: 5px;
vertical-align: middle;
}
.social-media-wrap .chat-ul .me-wrap .message-data-time{
float: left;
width: 94%;
text-align: left;
margin-left: 6%;
}
.social-media-wrap .chat-ul .you-wrap i.icon.dashboardicon-delete,
.social-media-wrap .chat-ul .me-wrap i.icon.dashboardicon-delete{
color: #fa686a;
}
.social-media-wrap .chat-ul .you-wrap .message-data-profile{
margin-right: 10px;
}
.me-wrap .message-data {
width: 6%;
float: left;
}
.you-wrap .message-data{
width: 6%;
float: right;
}
.me-wrap .message-data .image{
width: 54px !important;
height: 54px !important;
}
.you-wrap .message-data img, 
.me-wrap .message-data img{
width: 54px !important;
height: 54px !important;
-webkit-border-radius: 90px;
-moz-border-radius: 90px;
border-radius: 90px;
}
.social-media-wrap {
padding: 30px;
position: relative;
z-index: 1;
}
.social-media-wrap form {
margin: 0;
}
.social-media-wrap .msg-wrap {
position: relative;  
}
.social-media-wrap .msg-wrap textarea {
border: solid 1px rgb(210, 214, 222);
border-radius: 5px;
min-height: 70px;
resize: none;
}
.social-media-wrap .msg-wrap .social_btn_wrap {
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.social-media-wrap .msg-wrap .social_btn_wrap .btn-links-wrap {
width: 37px;
height: 37px;
display: inline-block;
border: solid 1px rgb(24, 149, 245);
border-radius: 100%;
background-color: #fff;
margin-right: 20px;
position: relative;
vertical-align: middle;
}
.social-media-wrap .msg-wrap .social_btn_wrap .btn-links {
padding:3px 0px 0px 0px;
color: rgb(51, 51, 51);
font-size: 18px;
display: block;
width: 100%;
height: 100%;
border-radius: 100%;
background-color: #fff;
}
.social-media-wrap .msg-wrap .social_btn_wrap .has_info {
background-color: rgb(24, 149, 245);
color: #fff;
}
.social-media-wrap .msg-wrap .social_btn_wrap .btn-links:hover,
.social-media-wrap .msg-wrap .social_btn_wrap .btn-links:active,
.social-media-wrap .msg-wrap .social_btn_wrap .btn-links.active {
border: solid 1px #1895f5 !important;
background-color: #1895f5 !important;
box-shadow: none !important;
}
.social-media-wrap .msg-wrap .social_btn_wrap .btn-links:hover i.icon.dashboardicon-clock:before,
.social-media-wrap .msg-wrap .social_btn_wrap .btn-links:hover i.icon.dashboardicon-privacy:before,
.social-media-wrap .msg-wrap .social_btn_wrap .btn-links:hover i.icon.dashboardicon-attach:before,
.social-media-wrap .msg-wrap .social_btn_wrap .btn-links.active i.icon.dashboardicon-clock:before,
.social-media-wrap .msg-wrap .social_btn_wrap .btn-links.active i.icon.dashboardicon-privacy:before,
.social-media-wrap .msg-wrap .social_btn_wrap .btn-links.active i.icon.dashboardicon-attach:before{
color: #fff;
}
.social-media-wrap .msg-wrap .social_btn_wrap .btn-sendmsg {
background-color: rgb(0, 51, 142);
margin: 0 20px 0 0;
font-size: 12px;
color: #fff;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
padding: 10px 25px !important;
border: 1px solid rgb(0, 51, 142);
-webkit-border-radius:90px;
-moz-border-radius: 90px;
border-radius: 90px;
}
i.icon.dashboardicon-download{
margin-right: 10px;
color: #333;
font-size: 15px;
}
.attach_file{
padding: 15px 20px;
min-width: 390px;
}
.pin_msg_time, .choose_resident, .attach_file {
display: none;
position: absolute;
right: 0;
top: 50px;
background-color: #fff;
border: solid 1px rgb(229, 234, 237);
border-radius: 5px;
box-shadow: 0px 6px 24px 0px rgba(185, 192, 200, 0.18);
z-index: 1;
}
.attach_file .attach-file-inner label {
font-size: 13px;
font-family: 'Open Sans', sans-serif;
color: rgb(85, 85, 85);
line-height: 1.286;
margin-bottom: 0;
font-weight: 600;
text-align: left;
font-style: normal;
display: block;
}
.attach_file .input-group input{
border:0;
border-bottom: 1px solid #d5d5d5;
box-shadow: none;
border-radius: 0;
color: #777777 !important;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
font-size: 13px;
color: #333333;
text-align: left;
font-style: italic;
padding: 15px 0px 15px 15px !important;
height: auto;
background-color: transparent;
}
.attach_file .input-group-btn{
border-bottom: 1px solid #d5d5d5;
padding: 0px;
margin: 0px;
cursor: pointer;
}
.attach_file .image-preview-input{
background-color: #fff !important; /*#00338e;*/
border:solid 1px #dddddd;
-webkit-border-radius: 90px !important;
-moz-border-radius: 90px !important;
border-radius: 90px !important;
font-family: 'Open Sans', sans-serif;
font-weight: normal;
font-size: 13px;
color: #666;
padding: 5px 15px !important;
}
.attach_file .image-preview .btn-default:hover, 
.attach_file .image-preview .btn-default:active:hover, 
.attach_file .image-preview .btn-default.active:hover, 
.attach_file .image-preview .btn-default:active:focus, 
.attach_file .image-preview .btn-default.active:focus, 
.attach_file .image-preview .btn-default:active.focus, 
.attach_file .image-preview .btn-default.active.focus {
padding: 5px 15px !important;
color: #fff !important;
background-color: #fff !important;
border-color: #d5d5d5 !important;
}
.attach_file .image-preview{
margin: 5px 0px 20px;
}
.attach_file .image-preview .image-preview-input .image-preview-input-title{
color: #666;	
display: block;
}
.pagination{
-webkit-box-shadow: 1px 1px 3px 0px rgba(214, 224, 233, 1);
-moz-box-shadow: 1px 1px 3px 0px rgba(214, 224, 233, 1);
box-shadow: 1px 1px 3px 0px rgba(214, 224, 233, 1);
border: 1px solid #d6e0e9;
padding: 7px 10px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.done-butn{
background-color: transparent;
font-family: 'Raleway', sans-serif;
margin-top: 5px;
margin-bottom: 5px;
font-size: 13px;
font-weight: 500;
width: auto;
color: #567c94;
border: 1px solid #cad6dd;
-webkit-border-radius: 90px !important;
-moz-border-radius: 90px !important;
border-radius: 90px !important;
padding: 6px 15px !important;
display: inline-block;
transition: all 0.3s;
}
.attach_file .attach-file-inner span#icon_close {
bottom: 15px;
right: 0;
font-size: 18px;
color: rgb(119, 119, 119);
cursor: pointer;
position: absolute;
z-index: 2;
}
.done-butn:hover{
color: #fff;
background-color: #1895f5 !important;
border-color: #1895f5 !important;
}
.content-header:after{
content: '';
display: block;
clear: both;
height: auto;
}
.ask-question-bg {
background-color: #fff;
padding: 30px;
margin-top: 20px;
}
.ask-question-bg .makepayment-con-area{
padding-left: 0px;
}
.ask-question-bg .makepayment-con-area .sub-form{
padding-top: 13px;
}
.ask-question-bg .makepayment-con-area .bottom-butn{
text-align: right; padding: 0px; margin: 0px;
}
.activity-block-inner{
/*max-height: 532px;*/
max-height:56vh;
overflow-y: scroll;
overflow-x: hidden;
margin-bottom: 30px;
}
#chat-scroll::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 3px #eae9e9;
background-color: #F5F5F5;
}
#chat-scroll::-webkit-scrollbar
{
width: 3px;
background-color: #F5F5F5;
}
#chat-scroll::-webkit-scrollbar-thumb
{
background-color: #c6d0ec;
}
.loading{
color:red;
}

/*Dashboard*/
.resident-content h1 {
	font-size: 20px;
	font-family: 'Open Sans', sans-serif;
	color: rgb(50, 55, 82);
	line-height: 1.2;
	font-weight: 700;
	margin-bottom: 15px;
	margin-top: 40px;
	padding-left: 5px;
}
.overview-details-main{
  border-style: solid;
  border-width: 1px;
  border-color: rgb(242, 242, 242);
  background-color: #ffffff;
  box-shadow: 0px 2px 2px 0px rgba(186, 209, 215, 0.12);
}
.overview-details-main{
  width: 100%;
  padding: 30px 0px;
  margin: 0px;
}
.overview-details-main:after{
  content: '';
  display: block;
  clear: both;
  height: auto;
}
.overview-details-main p{
  color: #5b7eff;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
  letter-spacing: 1px;
  padding: 0px 0px 30px 0px;
}
.overview-details-main .user-acc-num{
  width: 100%;
  padding: 0px 40px 0px 40px;
  margin: 0px 0px 0px 0px;
  border-right: 1px solid #e6e9ee;
  position: relative;
}
.overview-details-main .user-add{
  border-right: 0px solid #e6e9ee;
}
.overview-details-main .user-acc-num i{
  position: absolute;
  top: 0px;
}
.overview-details-main .user-acc-num h1{
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  color: #243137;
  line-height: 25px;
  margin: 0px;
  padding: 0px 0px 0px 38px;
}
.overview-details-main .user-acc-num p{
  font-size: 13px;
  font-weight:400;
  text-align: left;
  color: #51748c !important;
  line-height: 18px;
  margin: 0px;
  padding: 10px 0px 1px 38px;
}
.socialwall-main{
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  padding: 74px 40px 62px 40px;
  display: block;
  transition: box-shadow .3s;
  margin-bottom: 30px;
  min-height: 271px;
}
.socialwall-main:hover{
  box-shadow: 3px 5.196px 16px 0px rgba(46, 64, 69, 0.1);
}
.socialwall-main:after, .socialwall-main:before{
  content: '';
  clear: both;
  display: block;
  height: auto;
}
.socialwall-main h1{
  font-size: 40px;
  font-weight: 900;
  text-align: left;
  color: #243137;
  line-height: 30px;
  margin: 0px;
  padding: 0px 0px 0px 40px;
  font-style: normal;
  letter-spacing: 0.5px;
}
.socialwall-main h2{
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  color: #243137;
  line-height: 30px;
  margin: 0px;
  padding: 0px 0px 0px 10px;
  font-style: italic;
  letter-spacing: 0.5px;
  float:left;
}
.socialwall-main p{
  font-size: 16px;
  font-weight:400;
  text-align: left!important;
  color: #51748c !important;
  line-height: 18px;
  margin: 0px;
  padding:16px 0px 1px 44px!important;
  letter-spacing: 1px;
}
.socialwall-main p:after{
  content: '';
  clear: both;
  display: block;
  height: auto;
}
/*.socialwall-main i{
  position: absolute;
  top: 68px;
}*/
.socialwall-main a{
  border: 1px solid #d1daeb;
  background-color: #ffffff;
  padding: 12px 20px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
  font-size: 12px;
  font-weight: normal;
  text-align: center;
  color: #00338e;
  text-decoration: none;
  display: inline-block;
  margin: 15px 0px 0px 38px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.socialwall-main a:hover, .socialwall-main a:focus, .socialwall-main a:active{
	background-color: #11a0f8;
	border: 1px solid #11a0f8;
	color: #ffffff;
}
.overview-details-min-req{
    padding-top: 74px;
    padding-bottom: 62px;
    margin-bottom: 30px;
    /*padding-right: 0px;*/
}
/*.overview-details-min-req i {
  position: absolute;
  top:66px;
}*/
.paynow-without-autopay{
	padding: 64px 30px 60px 40px;
	width: 100%;
  margin: 0px 0px 30px 0px;

  border-radius: 5px;
  background-image: -moz-linear-gradient( 120deg, rgb(61,132,220) 0%, rgb(166,100,255) 100%);
  background-image: -webkit-linear-gradient( 120deg, rgb(61,132,220) 0%, rgb(166,100,255) 100%);
  background-image: -ms-linear-gradient( 120deg, rgb(61,132,220) 0%, rgb(166,100,255) 100%);
  display: block;
  transition: box-shadow .3s;
}
.paynow-without-autopay:hover{
  box-shadow: 3px 5.196px 16px 0px rgba(46, 64, 69, 0.25);
}
.paynow-without-autopay .top-link{
  text-align: right!important;
  padding: 0px;
}
.paynow-without-autopay .top-link a{
  font-weight: 400;
  font-size: 11px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: right;
  text-decoration: none;
  letter-spacing: 2px;
  border-bottom: 1px solid #ffffff;
  display: inline-block;
}
.paynow-without-autopay h1{
  width: auto;
  font-weight: 900;
  font-size: 40px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: left;
  text-decoration: none;
  letter-spacing: 2px;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  float: left;
}
.paynow-without-autopay p{
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  text-align: left!important;
  text-decoration: none;
  letter-spacing:1px;
  padding: 6px 0px 20px 40px;
  margin: 0px;
  line-height: 30px;
}
.paynow-without-autopay p span{
  font-weight: bold !important;
}
.paynow-area {
  width: 100%;
  margin: 0px 0px 30px 0px;
  padding: 30px 30px 60px 40px;
  border-radius: 5px;
  background-image: -moz-linear-gradient( 120deg, rgb(61,132,220) 0%, rgb(166,100,255) 100%);
  background-image: -webkit-linear-gradient( 120deg, rgb(61,132,220) 0%, rgb(166,100,255) 100%);
  background-image: -ms-linear-gradient( 120deg, rgb(61,132,220) 0%, rgb(166,100,255) 100%);
  display: block;
  transition: box-shadow .3s;
}
.paynow-area:hover{
  box-shadow: 3px 5.196px 16px 0px rgba(46, 64, 69, 0.25);
}
.paynow-area .top-link{
  text-align: right;
  padding: 0px;
}
.paynow-area .top-link a{
  font-weight: 400;
  font-size: 11px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: right;
  text-decoration: none;
  letter-spacing: 2px;
  border-bottom: 1px solid #ffffff;
  display: inline-block;
}
.paynow-area h1{
  width: auto;
  font-weight: 900;
  font-size: 40px;
  color: #ffffff;
  text-transform: uppercase;
  text-align: left;
  text-decoration: none;
  letter-spacing: 2px;
  padding: 0px 0px 0px 0px;
  margin: 0px;
  float: left;
}
.paynow-area p{
  font-weight: 400;
  font-size: 16px;
  color: #ffffff;
  text-align: left;
  text-decoration: none;
  letter-spacing:1px;
  padding: 6px 0px 20px 40px;
  margin: 0px;
  line-height: 30px;
}
.paynow-area p.amnt-due{
	text-align: left;
}
.paynow-area p span{
  font-weight: bold !important;
}
.paynow-butn{
  background-color: #ffffff;
  font-weight: 600;
  font-size: 12px;
  color: #01c318;
  text-align: center;
  text-decoration: none;
  letter-spacing:1px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 12px 20px;
  display: inline-block;
  margin-left: 6px;
}
.paynow-butn:hover, .paynow-butn:focus, .paynow-butn:active{
  text-decoration: none;
  color: #01c318;
}
/*.paynow-area i{
  position: absolute;
  top: 72px;
}*/
.bill-details-butn{
  border:1px solid #a5b1f7;
  font-weight: 400;
  font-size: 12px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  letter-spacing:2px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 12px 20px;
  display: inline-block;
  margin-left: 10px;
}
.bill-details-butn:hover{
  text-decoration: none;
  color: #ffffff;
}
.resident-content .activity-block-wrap {
  border: solid 1px rgb(226, 234, 237);  
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 4px 7px 0px rgba(229, 231, 235, 0.2);  
  padding: 20px 30px 20px 20px;  
  margin-bottom: 30px;
}
.resident-content .activity-block-inner {
  height: 325px;
  overflow-y: scroll;
}
.resident-content .activity-block-inner::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.resident-content .activity-block-inner::-webkit-scrollbar
{
  width: 5px;
  background-color: rgb(232, 236, 237);
}
.resident-content .activity-block-inner::-webkit-scrollbar-thumb
{
  border-radius: 10px;
  background-color: rgb(206, 215, 220);
}
.resident-content .activity-block {
  padding-bottom: 20px;
  padding-top: 20px;
  border-bottom: solid 1px rgb(241, 242, 244);
  width: 98%;
}
.resident-content .activity-block:after{
  content: '';
  display: block;
  clear: both;
  height: auto;
}
.resident-content .activity-block:first-child {
  padding-top: 0px;
}
.resident-content .activity-block:last-child {
  border-bottom: none;
  padding-bottom: 10px;
}
.resident-content .activity-block .profile-pic {
  border-radius: 50%;
  background-color: rgb(196, 196, 196); 
  width: 40px;
  height: 40px;
  text-align: center;  
  line-height: 40px;
  display: inline-block;
}
.resident-content .activity-block .profile-pic img {
  width: 100%;
  max-width: 100%;
  height: 100%;
  object-fit: cover;
  font-size: 18px;
  font-family: 'Open Sans', sans-serif;
  color: rgb(254, 255, 255);
  font-weight: 700;
  line-height: 1.2;
}
.resident-content .activity-block .description {
  display: inline-block;
  margin-left:0px;
  vertical-align: -webkit-baseline-middle;
  width: 70%;
}
.resident-content .activity-block .description p {
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  color: rgb(36, 49, 55);
  line-height: 1.375;
  font-weight: 400;  
  margin-top: 0;
}
.resident-content .activity-block .timing {
  float: right;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
  color: rgb(156, 156, 156);
  line-height: 1.2;  
  margin: 13px 45px 0px 0px;
}
.resident-content .activity-block .timing span{
  font-size: 14px;
  margin-right: 7px;
  vertical-align: sub;
}
.resident-content .activity-block .view-btn{  
  float: right;
}
.resident-content .activity-block .view-btn .btn-primary{
  border: 1px solid #e5e5e5;
  background-color: #ffffff;
  padding: 12px 25px 10px;
  color: #6e7173;
  font-weight: normal;
  font-size: 12px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-border-radius: 90px;
  -moz-border-radius: 90px;
  border-radius: 90px;
  outline: none;
}
.resident-content .activity-block .view-btn .btn-primary:hover,
.resident-content .activity-block .view-btn .btn-primary:active,
.resident-content .activity-block .view-btn .btn-primary:focus,
.resident-content .activity-block .view-btn .btn-primary.active{
  border: 1px solid #11a0f8;
  background-color: #11a0f8;
  color: #ffffff;
  box-shadow: none;
}
.paynow-without-autopay i.icon.dashboardicon-make-payment{
    font-size: 26px;
    margin-right: 8px;
    vertical-align: middle;
    width: 26px;
    display: inline-block;
    text-rendering: auto;
    color: #ffffff;
    float: left;
    padding-top: 10px;
}
.amount-area:after{
	content: '';
	display: block;
	height: auto;
	clear: both;
}

.paynow-area i.icon.dashboardicon-make-payment{
    font-size: 26px;
    margin-right: 8px;
    vertical-align: middle;
    width: 26px;
    display: inline-block;
    text-rendering: auto;
    color: #ffffff;
    float: left;
    padding-top: 10px;
}
.overview-details-min-req i.icon.dashboardicon-maintenance-request{
    font-size: 26px;
    margin-right: 8px;
    vertical-align: middle;
    width: 26px;
    display: inline-block;
    text-rendering: auto;
    color: #ff4f4c;
    float:left;

}
.overview-details-min-req i.icon.dashboardicon-parcels{
    font-size: 26px;
    margin-right: 8px;
    vertical-align: middle;
    width: 26px;
    display: inline-block;
    text-rendering: auto;
    color: #7f2aff;
    float: left;
}
.socialwall-main i.icon.dashboardicon-chat-1{
    font-size: 26px;
    margin-right: 8px;
    vertical-align: middle;
    width: 26px;
    display: inline-block;
    text-rendering: auto;
    color: #1e63ff;
    float: left;
}

.socialwall-main i.icon.dashboardicon-chat-2{
    font-size: 26px;
    margin-right: 8px;
    vertical-align: middle;
    width: 26px;
    display: inline-block;
    text-rendering: auto;
    color: #ffa60a;
    float: left;
}

.overview-details-main i.icon.dashboardicon-all-users{
    font-size: 22px;
    margin-right: 8px;
    vertical-align: middle;
    width: 22px;
    display: inline-block;
    text-rendering: auto;
    color: #0374ff;
}
.overview-details-main i.icon.dashboardicon-location{
    font-size: 22px;
    margin-right: 8px;
    vertical-align: middle;
    width: 22px;
    display: inline-block;
    text-rendering: auto;
    color: #e04dff;
}
.overview-details-main i.icon.dashboardicon-customer-support{
    font-size: 22px;
    margin-right: 8px;
    vertical-align: middle;
    width: 22px;
    display: inline-block;
    text-rendering: auto;
    color: #5bd9fc;
}
#parcel_received{
	background-color: transparent;
	font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    color: rgb(51, 51, 51);
    line-height: 1.2;
    padding: 8px 20px;
    border: solid 1px rgb(197, 197, 197);
    border-radius: 25px;
    margin: 18px 20px 0 0;
}
#parcel_received:hover{
	background-color: #11a0f8;
	border: 1px solid #11a0f8;
	color: #ffffff;
}
.epreminum{
    background-color: rgb(255, 255, 255);
    padding: 40px;
}
.epreminum .epremium_logo{
	width: 250px;
	margin-bottom: 30px;
}
.epreminum h4{
	font-size: 18px;
    font-weight: 600;
    color: #000;
    padding-bottom: 10px;
}
.epreminum p{
	color: #333;
    line-height: 1.9em;
    font-weight: 600;
}
.epreminum .btn-primary{
	background-color: #08a1f9;
    border-color: #08a1f9;
    border-radius: 5px;
    padding: 10px 30px;
    margin: 15px 0px;
}
.epreminum .info{
	font-style: italic;
	color:#777;
	line-height: 1.8em;
}
.epreminum .icon{
	color: #08a1f9;
    font-size: 26px;
    padding-right: 10px;
    line-height: 1.8em;
}
.epreminum .call{
	padding: 10px 20px 40px 0;
}
.epreminum .call span{
    font-size: 16px;
    font-weight: 600;
    color: #979595;
}
.skin-blue .main-header .navbar .nav > li > a .logout-icon
{
	display: none;
}
.info_banner>p{
	padding: 10px;
	text-align: center;
    font-weight: 600;
    padding-left: 42px;
}
.info-banner{
	margin-top: 120px;
}
.banner-bg-red{
	background-color: #dc3545;
	color:#fff;
}
.banner-bg-white{
	background-color: #fff;
	color:#000;
}
.banner-bg-yellow{
	background-color: #ffc107;
	color:#fff;
}
.banner-bg-green{
	background-color: #28a745;
	color:#fff;
}
.banner-bg-blue{
	background-color: #007bff;
	color:#fff;
}
.payment-detail-table tr td{
	font-size: 12px;
	border-top: 0px !important;
}
.current-login-box{
	display: inline-block;
	margin-left: 20px;
}
.current-login-box label{
	color:#777777;
	font-weight: 600;
	width: auto;
	float: left;
	margin-right: 10px;
	line-height: 32px;
}
.current-login-box select{
	width: 220px;
	-webkit-appearance: none;
    background-color: #1895f5;
    color: #fff;
    display: inline-block;
}
.current-login-box .select-wrap-box{
	position: relative;
}
.current-login-box .select-wrap-box:after {
    content: "\79";
    font-family: 'dashboard-icons';
    color: #fff;
    position: absolute;
    top: 9px;
    right: 10px;
    bottom: 0;
    vertical-align: middle;
    text-align: center;
    pointer-events: none;
    font-size: 11px;
}
.select-wrap-box:after {
    content: "\79";
    font-family: 'dashboard-icons';
    color: #333;
    position: absolute;
    top: 9px;
    right: 25px;
    bottom: 0;
    vertical-align: middle;
    text-align: center;
    pointer-events: none;
    font-size: 11px;
}

/*shoutbox*/
#shoutbox-banner{
    position: fixed;
    bottom: 15px;
    width: 100%;
    
}
.shoutbox-banner-detail{
	background-color: #ffc53b;
    text-align: center;
    z-index: 99999;
    width:70%;
    margin: 0 auto;
    padding:20px 25px;
    box-shadow:1px 3px 0 #0606061a;
    position: relative;
}
.vertical-align{
	display: flex;
	align-items: center;
}
.tab_active input[type] + label[placeholder]{
	padding-left: 0px;
}
.tab_active input[type="text"][data-sel].active-adaptive + label[placeholder]:before,
.tab_active input[type="email"][data-sel].active-adaptive + label[placeholder]:before,
.tab_active select[data-sel].active-adaptive + label[placeholder]:before,
.tab_active textarea[data-sel].active-adaptive + label[placeholder]:before{
	padding-left: 0px;
}
.dashboardicon-close.shoutbox-close
{
    position: absolute;
    top: 10px;
    right: 10px;
    color: #000;
    font-size: 10px;
}
/*.row.is-flex{
	display: flex;
    flex-wrap: wrap;
}
.row.is-flex > [class*='col-'] {
    display: flex;
    flex-direction: column;
}*/
.truncate{
  width: auto;
  max-width:80%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.content-center .amount-area{
  display: flex;
  justify-content: center;
}
.content-center p,.content-center .paynow-without-autopay,
.content-center .paynow-area,.content-center .socialwall-main{
	text-align: center!important;
}
.content-center .paynow-area p.top-link{
	text-align: right!important;
}
.content-center .paynow-area p.amnt-due{
	padding-left: 0px;
}
.content-center .socialwall-main h1{
	padding-left: 10px;
}
.content-center .socialwall-main p {
	padding-left: 0px!important;
}
.content-center .socialwall-main a{
	margin-left: 0px;
}
/*Co-occupant Disclaimer Message*/
.disclaimer{
    background-color: #ecfffd;
    padding: 12px 24px 12px 58px;
    text-align: left;
    font-weight: normal;
    color: #066d62;
    font-family: 'Open Sans', sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-top: 22px;
    margin-bottom: 40px;
    position: relative;
}
.disclaimer:before{
    content: "\2d";
    font-family: "dashboard-icons"!important;
    font-size: 16px;
    border: 1px solid #066d62;
    position: absolute;
    left: 22px;
    border-radius: 50px;
    padding: 1px 4px;
}

/*Media Screen*/
@media  screen and (max-width: 1440px){
.social-media-wrap .chat-body .me-wrap .me-message{
    width: 90%;
}
.social-media-wrap .chat-body .me-wrap .message-data {
    width: 10%;
}
.social-media-wrap .chat-ul .me-wrap .message-data-time{
    margin-left: 10%;
}
.chat-ul .admin-image,.chat-ul .your-image {
    width: 5%;
}
}
@media screen and (max-width:1366px){
.maintenance-content .request-table .notification {
/*margin-left: 0px;*/
}
.sel-pms {
padding: 5px 10px !important;
margin-right: 8px !important;
}
.social-media-wrap .chat-body .me-wrap .me-message{
width: 90%;
}
.social-media-wrap .chat-ul .me-wrap .message-data-time{
margin-left: 60px;
}
.paynow-butn{
  margin-left: 0px;
}
.bill-details-butn{
  padding: 12px 8px;
  margin-left: 5px;
}
.activity-block-inner{
	max-height: 532px;
}
.chat-ul .admin-image {
    width: 5%;
    float: left;
    margin-right: 15px;
}
}
@media screen  and (max-width:1299px){
.paynow-without-autopay h1{
	font-size: 33px;
}
.paynow-without-autopay {
    padding: 64px 20px 60px 20px;
}
}
@media screen and (max-width:1024px){
.paynow-without-autopay h1{
	font-size: 40px;
}
.paynow-without-autopay {
    padding: 64px 30px 60px 40px;
}
.content-center p, .content-center .paynow-without-autopay, .content-center .paynow-area, .content-center .socialwall-main {
    text-align: left!important;
}
.content-center .amount-area {
    display: block;
}
.content-center .socialwall-main p {
    padding-left: 44px!important;
}
.content-center .socialwall-main a{
	margin: 15px 0px 0px 38px;
}
/*.chat-header .input-group textarea {
width: 89.3%;
max-width: 89.3%;
min-width: 89.3%;
}*/
.maintenance-content .request-table .notification {
/*margin-left: -5px;*/
}
.image-preview input {
width: 77%;
}
.maintenance-request-content .maintenance-request-form label {
margin-right: 10px;
}
.chat-header .image-preview-icon {
right: 9%;
}
.maintenance-request-content .maintenance-request-form .radio-item label {
font-size: 12px;
}
.radio-item label:before {
margin: 0 7px 0 0;
}
.card-icon {
background-position: center 25px !important;
padding-top: 60px !important;
padding-bottom: 20px !important;
}
.checking-icon {
background-position: center 18px !important;
padding-top: 60px !important;
padding-bottom: 20px !important;
}
.btn-check .badge {
margin-right: 5px;
}
.card-main  #radioBtn .notActive, .card-main  #radioBtn .active {
padding: 8px 18px !important;
}
.btn-activate {
margin-left: 0;
}
.makepayment-con-area{
padding: 0px 20px 0px 20px;
}
.get-receipt-send {
position: static;
}
.get-receipt-content input {
border-bottom-color: rgb(227, 227, 227);
margin-bottom: 10px;	
}
.get-receipt-content {
padding-right: 0;
bottom: auto;
right: auto;
border-bottom-color: transparent;
margin-top: 0;
}
.social-media-wrap .chat-body .me-wrap .me-message{
width: 85%;
}
.social-media-wrap .chat-body .you-wrap .you-message{
width: 82%;	
}
.social-media-wrap .chat-ul .you-wrap .message-data-time{
width: 82%;
margin-right: 18%;
}
.you-wrap .message-data{
width: auto;
}
.paynow-butn{
  margin-left: 0px;
}
.bill-details-butn{
  padding: 12px 14px;
  margin-left: 5px;
}
.resident-content .activity-block .description{
	width: 60%;
}
.overview-details-main .user-acc-num {
    padding: 20px 25px 20px 25px;
}
.overview-details-main i.icon.dashboardicon-all-users,
.overview-details-main i.icon.dashboardicon-location,
.overview-details-main i.icon.dashboardicon-customer-support {
    line-height: 70px;
}
.activity-block-inner{
	max-height: 57vh;
}
.chat-ul .admin-image,.chat-ul .your-image {
    width: 7%;
}
}
@media screen and (max-width:992px){
.vertical-align{
	display: block;
	text-align: center;
}
.resident_edit_profile .personal-info-heading p{
	text-align:center;
	margin-bottom: 10px;
}
.pb-sm-10{
	padding-bottom: 10px;
}
}
@media screen and (max-width:768px){
.navbar-default {display: block;}
.navbar-toggle { display: block;}
.navbar-collapse.collapse { display: none!important;}
.collapse.in{ display:block !important;}
.navbar-header { float: none;}
.navbar-left,.navbar-right {float: none !important;}
.navbar-nav {float: none!important;margin-top: 7.5px;}
.navbar-nav>li { float: none;}
.navbar-toggle { margin-top: 30px; border-radius: 4px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { /*background-color: rgb(50, 12, 67);*/}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { 
background-color: rgb(85, 85, 85);
border-color: rgb(85, 85, 85);
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #e7e7e7; background-color: #f8f8f8;}
.icon-bar {
background-color: #fff !important;
}
.menu-bg .navbar-nav > li > a {
line-height: 20px;
}
.menu-bg .navbar-brand {
padding: 10px 30px;
}
.menu-bg .navbar-brand img {
max-height: 50px;
min-height: 50px;
max-width: 100px;
}
.menu-bg .navbar-nav > li > a .icon-align {
line-height: 15px;
}
.mobile-view {
list-style-type: none;
padding-left: 0;
margin-bottom: 13px;
margin-top: 13px;
}
.mobile-view li {
display: inline-block;
}
.mobile-view .dropdown a {
text-transform: uppercase;
color: #1c1607;
font-weight: 500;
font-size: 13px;
text-decoration: none;
}
.mobile-view .dropdown li {
display: block;
}
.menu-bg .navbar-default {
min-height: 70px; 
}
.navbar-toggle {
margin-top: 20px;    
min-height: 10px; 
}
.navbar-toggle {
margin-top: 18px;    
}
.maintenance-content .table > thead:first-child > tr:first-child > th, .maintenance-content .table > tbody > tr > td {
text-align: center;
}
.maintenance-content .request-table .notification {
margin-left: 0px;
}
.maintenance-content .table > tbody > tr > td:nth-child(6) {
padding-right: 0;
width: 18%;
}
.maintenance-content .table > thead:first-child > tr:first-child > th:first-child, .maintenance-content .table > tbody > tr > td:first-child {
padding-left: 10px;
}
.maintenance-content .table > tbody > tr > td:last-child {
padding-right: 10px;
padding-left: 10px;
}
.maintenance-request-content .maintenance-request-form .first-half {
padding: 30px 15px 30px 30px;
}
.maintenance-request-content .maintenance-request-form .second-half {
padding: 30px 30px 30px 15px;
}
.image-preview input {
width: 74%;
}
.maintenance-request-content .maintenance-request-form label {
margin-right: 0px;
}
.chat-header .image-preview-icon {
right: 12%;
}
.makepayment-wrap h2 {
padding: 0px 0px 25px 0px;
}
.payment-freq #radioBtn {
margin-bottom: 30px;
}
.btn-align {
padding-left: 15px;
margin: 0px 0px 0px 20px;
}
.radio-item label:before {
margin: 0 5px 0 0;
}
.bank-acc-typ .btn-primary{
margin-bottom: 10px;
}
.makepayment-wrap .saved-cards .radio-item label {
margin-bottom: 20px !important;
}
.maintenance-content .request-table {
margin: 0;
}
.autopay-search input {
margin-left: 0 !important;
}
.makepayment-wrap .saved_payment {
float: none;
margin-top: 0;
margin-bottom: 15px;
display: block;
}
.chat-ul .admin-image,.chat-ul .your-image {
    width: 10%;
}
.chat-body {
    padding: 30px 10px 0;
    min-height: 60vh;
}
.chat-body .chat-ul .user-msg-div .message-data-name, .chat-body .chat-ul .admin-messaging-div .message-data-name-you,
.chat-body .chat-ul .user-msg-div .message-data-time, .chat-body .chat-ul .admin-messaging-div .message-data-time{
	font-size: 14px;
}
}
@media (min-width: 320px) and (max-width: 767px) {
.overview-details-main{
	padding-top: 90px;
}
.overview-details-main .user-acc-num {
    padding: 20px 40px 20px 40px;
}
.overview-details-main i.icon.dashboardicon-all-users,
.overview-details-main i.icon.dashboardicon-location,
.overview-details-main i.icon.dashboardicon-customer-support{	
    line-height: 70px;
}
.skin-blue .main-header .navbar .nav > li > a span.logout-text
{
	display: none;
}
.skin-blue .main-header .navbar .nav > li > a .logout-icon
{
	display: block;
}
.skin-blue .main-header .navbar .nav > li > a{
    padding: 8px 10px;
    margin: 18px 10px 0 0;
}
.maintenance-header .menu {    
border-top: solid 1px rgb(243, 243, 243);
margin-top: 15px;
text-align: left;
}
.maintenance-header .menu ul {    
padding-top: 20px;
padding-left: 0;
}
.maintenance-header .menu ul li a {
padding: 4px;
font-size: 12px;
}
.maintenance-content .table > tbody > tr > td:nth-child(7) {
padding-left: 5px;
}
.maintenance-content h5 {
margin-bottom: 15px;
}
.maintenance-content .new-request {
text-align: left;
margin-bottom: 15px;
margin-top: 15px;
}
.maintenance-content {    
padding: 25px 0;
}
.maintenance-request-content .maintenance-request-form .first-half {
padding: 30px 30px 0px 30px;
border-right: none;
}
.maintenance-request-content .maintenance-request-form .second-half {
padding: 0px 30px 30px 30px;
}
.image-preview {
margin-bottom: 30px;
}
.image-preview input {
width: 66%;
}
.radio-item {
padding: 0 5px;
}
.maintenance-request-content .maintenance-request-form .first-half .form-group:nth-child(4) label {
display: block;
margin-right: 10px;
}
.view-details-content p {
margin-right: 0;
}
.view-details-content .images img {
display: block;
margin: 30px auto 0px auto;
}
.view-details-content.message-box-header .back {
display: none;
}
.chat-header input, .chat-header input:focus {
padding: 20px 10px;
font-size: 12px;
}
.chat-header .image-preview-icon {
right: 28%;
}
.chat-body .chat-ul .message {
padding: 10px 20px;
}
.makepayment-con-area .form-group{
margin-bottom: 0px;
}
.makepayment-wrap h2{
padding-bottom: 20px;
}
.payment-radio ul li label{
padding-bottom: 0px !important;
}
.payment-radio ul {
padding-bottom: 0px !important;
padding-right: 15px;
}
.card-icon{margin-bottom: 20px !important;}
.radio-item input[type=radio]:checked + label:after {
left: 9px;
}
.radio-item-group {
display: block;
}
.makepayment-wrap h1 {
padding: 0px 0px 15px 0px;
margin: 0px 0px 35px 0px;
}
.makepayment-con-area {
padding: 0 20px;
}
.payment-freq  #radioBtn .notActive, .payment-freq  #radioBtn .active {
float: none;
margin-bottom: 15px;
}
.payment-freq #radioBtn {
margin-bottom: 0px;
}
.btn-check {
margin-bottom: 20px !important;
}
.card-main {
padding: 25px;
margin-top: 10px;
}
.card-main #radioBtn {
margin-bottom: 0;
}
.card-main #radioBtn .notActive, .card-main #radioBtn .active {    
margin-bottom: 15px;
}
.card-main .form-group .credit-number input {
padding: 5px 15px 5px 0px;
margin-bottom: 5px;
}
.card-check-icon {
top: 0px;
}
.issue-priority-typ #radioBtn .notActive, .issue-priority-typ #radioBtn .active {    
margin-bottom: 15px;
}
.issue-priority-typ .btn-primary {
margin-right: 10px !important;
}
.issue-dropdown {
margin-bottom: 30px;
}
.makepayment-wrap .saved-cards {
margin-top: 20px;
}
.content-header h1 {
font-size: 22px;
}
.new-request {
text-align: left;
}
.table-responsive {    
border: 1px solid transparent;
}
.main-header .form-control{
	padding: 6px 18px 6px 10px;
	font-size:11px;
}
/*.current-login-box .select-wrap-box:after {   
    top: 9px;
    right: 5px;
    font-size: 10px;
}*/
.main-header .form-group{
	margin: 18px 5px 0 0!important;
}
.current-login-box label{
	display: none;
}
.current-login-box select{
	width: auto;
	margin-left: 119px;
}
.vertical-align{
	margin-top: 100px;
}
.chat-ul .admin-image,.chat-ul .your-image {
    width: 15%;
}
.chat-body .chat-ul .user-msg-div .message p{
margin: 0px;
padding: 0px;
}
.view-details-content.message-box-header {
    margin-top: 130px;
}
}
@media (max-width:320px) {
.overview-details-main{
	padding-top: 166px;
}
.overview-details-main .user-acc-num {
    padding: 20px 40px 20px 40px;
}
.overview-details-main i.icon.dashboardicon-all-users{	
    line-height: 70px;
}
.maintenance-request-content h5, .maintenance-content h5 {
font-size: 18px;
}
#payment_type_on_select{
display: none;
padding: 15px;
border-radius: 4px;
border: 1px solid #b8ccd8;
background-color: #dcedf7;
}
.makepayment-con-area {
padding: 0;
}
.makepayment-wrap h2 {
letter-spacing: 2px;
}
.main-header .form-group {
    margin: 18px 21px 0 0!important;
}
.main-header .form-control {
    padding: 6px 25px 6px 20px;
}
.current-login-box select{
	width: auto;
	margin-left: 0px;
}
}
/*manjiri css*/
.chat-body .image {
width: 25px;
height: 25px;
overflow: hidden;
margin-right: 15px;
display: inline;
}
.chat-body .image img {
height: 25px;
}

.check-img {
	max-width: 100%;
}
.maintenance-content .request-table table.table-layout-fixed{
	table-layout: fixed;
}