body
{
    font-family:verdana;
    padding:0;
    font-size:12px;
    word-spacing: 0.2em;
    margin:0px auto auto auto;
    color:#000000;
    background-color: #fcfbfb;
}
a{
    color:#de5900;
}

.clear{
    clear:both;
}

h1{
    padding-bottom: 0px;
    margin-bottom: 8px;
    padding-left: 5px;
    color: #444444;
    font-size: 16px;
    font-weight: bold;
}

h2{
    padding-bottom: 0px;
    margin-bottom: 5px;
    margin-top:2px;
    margin-left: 0px;
    color: #444444;
    font-size: 16px;    
    font-weight: bold;
}

h3 {
    margin-top:0px;
    color: #222222;
    font-size: 13px;    
    font-weight: bold;
}

hr{
    border:0;
    height: 1px;
    background-color:#dfdfdf;
}

p{
    padding:5px 5px 5px 0;
    margin:0px;
    text-align:justify;
    line-height:19px;
    color: #454545;
    clear: both;
    font-size:14px;
    word-spacing: 0.2em;
}
@media screen and (max-width:768px){
 p{
    padding:5px 5px 5px 0; margin:0px; text-align:justify; line-height:19px; color: #454545; clear: both; font-size:12px; 
} }

p.details{
    padding:5px 15px 5px 15px;
    font-size:14px;
    line-height:23px;
    text-align:justify;
}

#wrap{
    max-width:1000px;
    margin:auto;
    height:auto;
    background-color:#feffff;
    border-right: 0px solid #bfbfbf;
    border-left: 0px solid #bfbfbf;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-bottom: 0px;
    margin-top: 0px;
}
@media screen and (max-width:768px) {
#wrap {width:98%;}
}

.header{
    width:100%;
    height:90px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;   
    border: 0px solid red;
}

.logo{
    border: 0px solid black;
    margin-left: 8px;
    width: 155px;
    height:49px;
    float:left;
    background:url(images/logo.png); 
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center; 
    border-radius: 5px;    
}
@media screen and (max-width:768px) {
.logo{width: 110px; height:40px; margin-left: 5px; margin-top: 3px; background:url(images/logo_mob.png); background-size: 100% 100%; background-position: center; }
}

/*-----------------------------menu-------------------*/
#menu{
    width:100%;
    height:35px;
    float:right;
    margin-top: 0px;
    margin-left:0px;
    margin-right:0px;
    background-color: #e54648;
    z-index: 100;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom: 3px  solid #ea6a6c;
}

#menu ul{
    display:block;
    list-style:none;
    padding:0px 0 0 0px;
    margin:0px;
}
#menu ul li{
    display:inline;
    padding:0px;
    margin:0px;
    height:33px;
}

#menu ul li a{
    height:33px;
    display:block;
    padding:2px 8px 0 8px;
    margin-left: 0px;
    margin-right: 0px;
    float:right;
    text-decoration:none;
    text-align:center;
    color: #FFFFFF;
    font-size:14px;
    letter-spacing:0.2px;
    font-weight: bold;
    line-height:26px;
    border-right: 1px solid #ffffff;
    outline:0; 
    min-width: 70px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
@media screen and (max-width:768px) {
#menu ul li a{min-width: 30px; font-size:11px;}
}

#menu ul li a img{
display: block; margin:auto; width: 25px; height: 25px;     
}
@media screen and (max-width:768px) {
#menu ul li a img{display: block; margin:auto; width: 25px; height: 25px;}
}

#menu ul li.selected a{
    height:35px;
    display:block;
    padding:1px 8px 0 8px;
    text-decoration:none;
    text-align:center;
    color:#ffffff;
    background-color: #ea6a6c; 
    font-size:15px;
    letter-spacing:0.3px;
    line-height:32px;
    font-weight: bold;
    border-bottom: 2px  solid #ea6a6c;
    border-right: 1px solid #ffffff;
    min-width: 70px;
}
@media screen and (max-width:768px) {
#menu ul li.selected a{min-width: 30px; font-size:12px;}
}
#menu ul li.selected a:hover{
    color:#ffffff;
    background-color: #ea6a6c;
    font-weight: bold;
    padding:1px 8px 0 8px;
    height:35px;
    border-bottom: 2px  solid #ea6a6c;
}
#menu ul li a:hover{
    color: #ffffff;
    background-color: #ea6a6c;
    padding:1px 8px 0 8px;
    height: 35px;
}

#menu ul li a.highlight{
    background: #e54648;
    color:#ffffff;
    font-weight: bold;
}
#menu ul li a.highlight:hover{
    color: #111111;
}

.profile_thumb{
    width:70%;
    height:50px;    
    margin-top: 5px;
    padding-right: 10px;
    border: 0px solid blue;
    float: right;
    display:flex;
    justify-content: flex-end; 
}
@media screen and (max-width:768px) {
.profile_thumb{width:90%;}
}

.notification{
    width: 130px;
    padding-top: 25px;
    height:20px;    
    border: 0px solid blue;
    float: left;    
}
.notification_each{
   width: 30px;
    padding-top: 17px;
    height:20px;    
    border: 0px solid red;
    float: left;    
    margin-top: -20px;
    font-weight: bold;    
    color: white;
}
#msg_count{
    width: 13px;
    padding-right: 5px;
    height:15px;    
    border: 0px solid red;
    float: right;    
    margin-top: -32px;
    margin-left: 21px;  
    font-size: 11px;
    text-align: center;
    background-color: #e54648;
    border-radius: 15px;
}
#msg_count a{
color: white;
text-decoration: none;
}
#view_count{
    width: 13px;
    padding-right: 5px;
    height:15px;    
    border: 0px solid red;
    float: right;    
    margin-top: -32px;
    margin-left: 21px;  
    font-size: 11px;
    text-align: center;
    background-color: #e54648;
    border-radius: 15px;
}
#view_count a{
color: white;
text-decoration: none;
}
#int_count{
    width: 13px;
    padding-right: 5px;
    height:15px;    
    border: 0px solid red;
    float: right;    
    margin-top: -32px;
    margin-left: 21px;  
    font-size: 11px;
    text-align: center;
    background-color: #e54648;
    border-radius: 15px;
}
#int_count a{
color: white;
text-decoration: none;
}
#acc_msg_count{
    width: 13px;
    padding-right: 5px;
    height:15px;    
    border: 0px solid red;
    float: right;    
    margin-top: -32px;
    margin-left: 21px;  
    font-size: 11px;
    text-align: center;
    background-color: #e54648;
    border-radius: 15px;
}
#acc_msg_count a{
color: white;
text-decoration: none;
}
.profile_thumb_text1{
    width:20%;
    height:20px;
    font-size: 12px;
    padding-top: 10px;
    border: 0px solid green;
}

.profile_thumb_img{
height: 50px; 
width: 45px;
border-radius: 10px;
}
.profile_thumb_text2{
    width:30%;
    height:40px;
    font-size: 12px;
    border: 0px solid green;    
    font-weight: bold;
}
@media screen and (max-width:768px) {
.profile_thumb_text2{font-weight: normal;}
}
.profile_thumb_text2 p{
 text-align: center;   
}
.profile_thumb_text3{
    width:5%;
    height:20px;
    font-size: 15px;
    border: 0px solid green;    
    font-weight: bold;
    color: #e54648;
    padding-top: 20px;
    padding-right: 10px;
    display: none;
}
@media screen and (max-width:768px) {
.profile_thumb_text3{display: block;}
}
.profile_thumb_text3a{
    width:5%;
    height:20px;
    font-size: 15px;
    border: 0px solid green;    
    margin-right: 200px;
    font-weight: bold;
    color: #e54648;
    padding-top: 0px;
    padding-right: 10px;
    display: none;
}
@media screen and (max-width:768px) {
.profile_thumb_text3a{display: block;}
}

#vertical-menu {
    padding-top: 5px;
    width: 30%; 
    margin-left: 5%;
    margin-top: -20px;
    clear: both;
    border: 0px solid red;
    padding-left: 5px;
    font-size: 12px;
    display:none;
}
@media screen and (min-width:768px) {
#vertical-menu{width: 170px; flex-direction: column; font-size: 13px; display: block; margin: 0px;}
}
#vertical-menu a {
    background-color:#ebebeb;  
    border-radius: 4px;
    color: #303030; 
    display: block; 
    padding: 5px;
    margin-right: 2px;
    text-decoration: none; 
    text-align: center;
}
@media screen and (min-width:768px) {
#vertical-menu a{margin-bottom: 2px;}
}
#vertical-menu a:hover {
  background-color: #ddd; 
}
#vertical-menu a.active {
    background-color: #ffffff; 
    color: #303030; 
    border: 1px solid #ebebeb;
}

/*------------------------------------center content--------------------*/
.center_content{
    width:99%;
    padding:5px 5px 5px 5px;
    display: flex;
    justify-content: space-between;
    border: 0px solid pink;
    flex-wrap: wrap;
}
@media screen and (max-width:768px) {
    .center_content{flex-direction: column; border: 0px solid pink; justify-content: space-between;}
}

.left_content{
    width:49.5%;
    padding:5px 0 5px 15px;
    border: 0px solid blue;
}
@media screen and (max-width:768px) {
    .left_content{width:95%; margin-top: -200px; margin-left: -100px; padding-top: 100px; display:none;}
}

.left_content1{
    float:left;
    padding:5px 10px 5px 0px;
    border: 0px solid red;
    width: 17%;
}
@media screen and (max-width:768px) {
    .left_content1{width:98%;}
}
.right_content{
    width:42.5%;
    background-color: #f5f3f4;
    padding:5px 15px 5px 5px;
    border: 0px solid green;
}
@media screen and (max-width:768px) {
    .right_content{width:95%; background-color: #ffffff;}
}
.right_content1{
    width:80%;
    float:right;
    padding:5px 0px 5px 5px;
    border: 0px solid red;
}
@media screen and (max-width:768px) {
    .right_content1{width:95%;}
}
    
.right_content1L{              /*Dashboard, edit profile, member search*/
    width:49%;
    float:left;
    padding:5px 0px 0px 0px;
    border: 0px solid red;
}
@media screen and (max-width:768px) {
    .right_content1L{width:100%; }
}
.right_content1R{
    width:49%;
    float:right;
    padding:5px 0px 0px 0px;
    border: 0px solid black;
}
@media screen and (max-width:768px) {
    .right_content1R{width:100%;}
}

.right_content1L2{              /*Create ticket*/
    width:30%;
    float:left;
    padding:5px 0px 0px 0px;
    border: 0px solid red;
}
@media screen and (max-width:768px) {
    .right_content1L2{width:100%; }
}
.right_content1R2{
    width:70%;
    float:right;
    padding:5px 0px 0px 0px;
    border: 0px solid black;
}
@media screen and (max-width:768px) {
    .right_content1R2{width:100%;}
}

.right_content1L1{  /*View member, view profile*/
    width:49%;
    float:left;
    padding:0px 0px 0px 0px;
    margin-top: -10px;
    border: 0px solid red;
}
@media screen and (max-width:768px) {
    .right_content1L1{width:100%; margin-bottom: 10px;}
}
.right_content1R1{
    width:49%;
    float:right;
    margin-top: -10px;
    padding:0px 0px 0px 0px;
    border: 0px solid black;
}
@media screen and (max-width:768px) {
    .right_content1R1{width:100%;}
}

.right_content2L{              /*pending edit profile*/
    width:49%;
    float:left;
    padding:3px 0px 3px 0px;
    border-bottom: 1px dashed #efefef;
}
@media screen and (max-width:768px) {
    .right_content2L{width:100%; }
}
.right_content2R{
    width:49%;
    float:right;
    padding:3px 0px 3px 0px;
    border-bottom: 1px dashed #efefef;
}
@media screen and (max-width:768px) {
    .right_content2R{width:100%;}
}
.right_content2LR{        /*pending edit profile*/
    width:100%;
    clear:both;
    padding: 3px 0px 0px 0px;
    border: 0px solid black;
}

.right_content3LR{        /*Table 100% width, text left center, col min width 50px*/
    width:100%;
    clear:both;
    padding: 3px 0px 0px 0px;
    border: 0px solid black;
}
.right_content3LR table {
margin-left: 0px;
border-collapse: collapse;
}
.right_content3LR table td{
min-width: 50px;
text-align: center;
padding-right: 5px;
padding-left: 5px;
line-height: 20px;
color: #454545;
word-spacing: 0.2em;
border: 1px solid #efefef;
}

.right_content4LR{        /*Table 100% width, text left align, col min width 50%*/
    width:100%;
    clear:both;
    padding: 0px 0px 0px 0px;
    border: 0px solid black;
}
.right_content4LR table {
margin-left: 0px;
border-collapse: collapse;
}
.right_content4LR table td{
min-width: 50%;
text-align: left;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
line-height: 20px;
color: #454545;
word-spacing: 0.2em;
border: 1px solid #efefef;
}

.right_content5LR{        /*Table 100% width, text center align */
    width:100%;
    clear:both;
    padding: 0px 0px 0px 0px;
    border: 0px solid black;
}
.right_content5LR table {
margin-left: 0px;
border-collapse: collapse;
}
.right_content5LR table td{
text-align: center;
font-size:13px;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
line-height: 20px;
color: #454545;
word-spacing: 0.2em;
border: 1px solid #efefef;
}

.right_content6LR{      /*Center align table, text left align, col min width 50%*/
    clear:both;
    margin-left: auto;
    margin-right: auto;
    border: 0px solid black;
}
.right_content6LR table {
margin-left: 0px;
border-collapse: collapse;
}
.right_content6LR table td{
min-width: 50%;
text-align: left;
padding-right: 5px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
line-height: 20px;
color: #454545;
word-spacing: 0.2em;
border: 1px solid #efefef;
}

.text1{
border-radius: 5px;
margin-right: 5px;
padding-left: 3px;
background-color: #ffffff;
color: #e54648;
font-size: 13px;
}
.text1a{   /*search_member*/
border-radius: 5px;
margin-right: 5px;
padding-left: 3px;
background-color: #ffffff;
color: #e54648;
font-size: 13px;
letter-spacing:-0.2px;    
}
.text1b{   /*search_member*/
border-radius: 5px;
margin-right: 5px;
padding-left: 3px;
background-color: #ffffff;
color: #333333;
font-size: 13px;
letter-spacing:-0.2px;    
}
.text2{
border-radius: 5px;    
letter-spacing:-0.2px;    
margin-left: 5px;
padding-left: 6px;
padding-right: 6px;
color: #333333;
background-color: #efefef;
font-size: 12px;
font-weight: normal;
}
.text2a{
border-radius: 5px;      
margin-left: 3px;
padding-left: 6px;
padding-right: 6px;
background-color: #efefef;
}
.text3{
letter-spacing:-0.2px;    
color: #333333;
font-size: 12px;
font-weight: normal;
}
.text4{
border-radius: 5px;
margin-right: 5px;
padding-left: 3px;
background: #eeeeee;
color: #e54648;
font-size: 13px;
}
.text5{
letter-spacing:-0.8px;    
font-size: 13px;
font-weight: normal;
font-style: italic;
}
.text6{
letter-spacing:-0.5px;    
word-spacing: -0.4px;
color: #333333;
margin-left: 10px;
font-size: 13px;
font-weight: bold;
}
.text6 a{
text-decoration: none;    
}
.text7{  
font-size: 13px;
color: #575757;
letter-spacing:-0.2px;   
word-spacing: -0.1px;
}
@media screen and (max-width:768px) {
    .text7{font-size: 13px;}
}
.text8{  
font-size: 13px;
color: #575757;
letter-spacing:-0.5px;   
word-spacing: -0.3px;
font-weight: bold;
}
@media screen and (max-width:768px) {
    .text8{font-size: 13px;}
}
.text9{  
font-size: 14px;
color: #575757;
letter-spacing:-0.2px;   
word-spacing: -0.1px;
}
@media screen and (max-width:768px) {
    .text9{font-size: 13px;}
}
.text10{  
font-size: 12px;
color: #575757;
font-style: italic;
letter-spacing:-0.2px;   
word-spacing: -0.1px;
}
@media screen and (max-width:768px) {
    .text10{font-size: 12px;}
}
.text11{
letter-spacing:-0.6px;    
line-height: 20px;
padding-left: 6px;
padding-right: 6px;
border-radius: 5px;
color: #333333;
background-color: #efefef;
font-size: 13px;
font-weight: normal;
}
.text12{
letter-spacing:-0.6px;    
color: #333333;
font-size: 13px;
font-weight: normal;
}

.right_content1C{
    width:100%;
    padding:0px 0px 0px 0px;
    margin-bottom: 10px;
    border: 0px solid blue;
    clear: both;
    display:flex;
   flex-wrap: wrap;
}
.right_content1C1{
    width:100%;
    padding:0px 0px 0px 0px;
    margin-bottom: 10px;
    border: 0px solid blue;
    clear: both;
}
.right_content2C{
    width:100%;
    min-height: 400px;
    padding:0px 0px 0px 0px;
    margin-bottom: 10px;
    border: 0px solid blue;
    clear: both;
    display:flex;
   flex-wrap: wrap;
}
.right_content2C h3 {
    margin-top:0px;
    color: #444444;
    font-size: 14px;    
    font-weight: bold;
}
.right_content3C{
    width:100%;
    min-height: 400px;
    padding:0px 0px 0px 0px;
    margin-bottom: 10px;
    border: 0px solid blue;
    clear: both;
}

.reason_action {
margin: -150px 0px 0px 0px;
border: 0px solid green;
width: 100%;
}

.expandable {
    display: none;
    width:90%;
    text-align:left;
    border: 0px solid black;
}
.expandable1 {
    display: none;
    width: 90%;
    display:flex;
    color: #303030; 
    border: 0px solid black;
}
.expandable1 p {
text-align: left;
}
.expandable2 {
    display: none;
    width:100%;
    text-align:left;
    border: 0px solid black;
}
.expandable3 {
    display: none;
    width:100%;
    text-align:center;
    color:  darkgreen; 
    font-size: 13px;
    border: 0px solid black;
}

.left_content_member{
    width:20%;
    padding:0px 0px 0px 0px;
    margin-top: 0px;
    border: 0px solid blue;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
@media screen and (max-width:768px) {
 .left_content_member{width: 25%; }  
}
.right_content_member{
    width:73%;
    padding:0px 0px 0px 0px;
    border: 0px solid blue;
    float:right;
}
@media screen and (max-width:768px) {
 .right_content_member{width: 73%; }  
}
.right_content_member_each{
    width:100%;
    height: 150px;
    margin-left: -30px;
    border: 0px solid yellow;
    margin-bottom: 10px;
    display:flex;
    flex-direction: column;
}
@media screen and (max-width:768px) {
.right_content_member_each{height: 152px; margin-left: 0px;}  
}

.member_each{
    width:100%;
    border: 0px solid yellow;
    margin-bottom: 10px;
    margin-top: 10px;
    display:flex;
    flex-direction: row;
}
.member_each_left{
    width: 20%;
    border: 0px solid red;
}
.member_each_right{
    width:80%;
    margin-left: 10px;
    margin-top: 5px;
    border: 0px solid green;
}

.member_each_left1{
    width: 15%;
    border: 0px solid red;
}
@media screen and (max-width:768px) {
 .member_each_left1{width:20%;}   
}
.member_each_right1{
    width:85%;
    margin-left: 10px;
    margin-top: 5px;
    border: 0px solid green;
}
@media screen and (max-width:768px) {
 .member_each_right1{width:80%;}   
}

.member_each1{                   /*View Reported member*/
    width:100%;
    border: 0px solid yellow;
    display:flex;
    flex-direction: row;
}
.member_each1_left{
    width: 15%;
    border: 0px solid red;
}
.member_each1_right{
    width:85%;
    margin-left: 10px;
    margin-top: -5px;
    border: 0px solid green;
}

.right_content1L_img{
    width:50%;
    padding:5px 0px 0px 0px;
    border: 0px solid red;
    float:left;
    margin-bottom: 10px;
}
@media screen and (max-width:768px) {
 .right_content1L_img{display:flex; width:100%; flex-flow: column; }   
}

.right_content1R_text{
    width:49%;
    height: auto;
    padding:20px 0px 0px 0px;
    margin-top: 10px;
    border: 0px solid red;
    float:right;
}
@media screen and (max-width:768px) {
.right_content1R_text {width: 100%; height: auto; flex-flow: column; margin: 0px;}   
}
.right_content1R_intro{
width: 98%;    
padding-top: 10px;
margin-left: 5px;
line-height:24px; 
color: #454545; 
clear: both; 
font-size:14px; 
border: 0px solid green;
}
@media screen and (max-width:768px) {
 .right_content1R_intro{text-align:center; }   
}

.right_content1R_member{
    width:98%;
    padding:0px 0px 0px 0px;
    border: 0px solid red;
}
.right_content2R_member{
    width:88%;
    padding:0px 0px 0px 0px;
    margin-left: 12%;
    border: 0px solid green;
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-end;
}
@media screen and (max-width:768px) { 
 .right_content2R_member {width:98%;margin-left: 0px;}   
}
.right_content_newuser{    
    display:none;
}
@media screen and (min-width:768px) {
.right_content_newuser{width: 100%; min-height: 430px; float:right; border: 0px solid #efefef; flex-direction: column; font-size: 13px; display: block; margin: 0px;}
}

.right_content_newuser1{
width: 450px; min-height: 560px; border: 1px solid #efefef; font-size: 13px; margin-left:auto; margin-right: auto;
}
@media screen and (max-width:768px) {
.right_content_newuser1{width: 400px; min-height: 560px; border: 0px solid pink; font-size: 13px; margin: 0px;}
}

.right_content_signin{
    display:none;
}
@media screen and (min-width:768px) {
.right_content_signin{width: 100%; margin-top: 20px; float:right; border: 0px solid #efefef; display: block; }
}

.right_content_signin1{
width: 50%; min-height: 450px; margin-top: 20px; border: 1px solid #efefef; margin-left:auto; margin-right: auto;
}
@media screen and (max-width:768px) {
.right_content_signin1{width: 100%; min-height: 450px; margin-top: 20px; float:right; border: 0px solid pink;}
}

.register_toggle{
    text-align: center;
    border: 0px solid black;    
    display: none;
    height:55px;
    padding-top: 5px;
}
@media screen and (max-width:600px) {
.register_toggle{display: block; margin-top: 420px;}
}
@media screen and (min-width:601px) and (max-width:768px) {
.register_toggle{display: block; margin-top: 500px; }
}

.left_content_image{
    width:106%;
    height:50%;
    float:left;
    border: 0px solid red;
}

.index_image{
    width:100%;
    height:auto;
    background:url(images/index_pic.jpg); 
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center; 
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border: 0px solid red;
}
@media screen and (max-width:600px) {
.index_image{flex-direction: column; height:600px; background:url(images/index_pic2.jpg);  background-repeat: no-repeat; background-size: 100% 100%; background-position: center;justify-content: space-between;}
}
@media screen and (min-width:601px) and (max-width:768px) {
.index_image{flex-direction: column; height:650px;  background:url(images/index_pic2.jpg);  background-repeat: no-repeat; background-size: 100% 115%; background-position: center;justify-content: space-between;}
}

.left_content_slide{
    width: 200px;
    margin-left: 290px;
    margin-top: 30px;
    border: 0px solid blue;
}
@media screen and (max-width:600px) {
.left_content_slide {margin-top: 0px; padding-top:0px;}
}
@media screen and (min-width:601px) and (max-width:768px) {
.left_content_slide {margin-top: 50px; padding-top: 0px; margin-left: 450px;}
}
.index_slides {display:none;}

.index_headline{
    width:83%;
    margin-left: 17%;
    text-align: right;
    margin-top: -10px;
    margin-bottom: 10px;
    border: 0px solid red;
}
@media screen and (max-width:768px) {
    .index_headline{width:100%; margin-left: 0px; margin-top: -40px; text-align: center;}
}

.register_headline{
width:100%;
text-align: center;
margin-top: 0px;
margin-bottom: 10px;
border: 0px solid red;    
}
.register_headline h1{
color: #333333; 
word-spacing: -0.4px;    
font-family:arial;
}

.headline_color1{
color: #222222;  
font-size: 33px;
margin-top: -10px;
margin-bottom: 10px;
word-spacing: -0.7px;   
font-family: arial;
}
@media screen and (max-width:768px) {
    .headline_color1{font-size: 24px; margin-bottom: 10px;}
}
.headline_color2{
color: #e84952;  
font-size: 33px;
margin-top: -10px;
margin-bottom: 10px;   
word-spacing: -0.7px;
letter-spacing: -0.5px;
font-family:arial;
font-weight: bold;
}
@media screen and (max-width:768px) {
    .headline_color2{font-size: 24px; margin-bottom: 10px;}
}

.index_headline h2{
color: #333333;        
font-size: 21px;
margin-bottom: 10px;
margin-top: 10px;
word-spacing: -0.4px;
font-weight: normal;
font-family:arial;
}
@media screen and (max-width:768px) {
    .index_headline h2{font-size: 18px; padding-left: 20px; padding-right: 20px; }
}
.index_headline h3{
color: #444444;        
font-size: 19px;
word-spacing: -0.4px;
margin-top: 10px;
font-weight: normal;
font-family:arial;
}
@media screen and (max-width:768px) {
    .index_headline h3{font-size: 16px; margin-bottom: 20px; padding-left: 20px; padding-right: 20px; }
}

.heading1{
color: #222222;  
font-size: 23px;
margin-bottom: 10px;
margin-top: 20px;
word-spacing: -0.7px;   
font-family: arial;    
}
@media screen and (max-width:768px) {
.heading1{font-size: 20px; width:380px; margin-bottom: 5px; margin-top: 10px;}
}

.headline_toggle{
    display: none;
}
@media screen and (max-width:600px) {
.headline_toggle{display: block; }
}
@media screen and (min-width:601px) and (max-width:768px) {
.headline_toggle{display: none; }
}

.toggle1{
    display: block;
}
@media screen and (max-width:768px) {
.toggle1{display: none; }
}

.super{  
vertical-align: text-top;
margin-left: -3px;
font-size: small;  
}
@media screen and (max-width:768px) {
    .super{font-size: 8px;}
}

.index_features{
margin-top: 10px;    
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
width: 98%;
border:0px solid red;
display:flex;
flex-direction: row;
text-align: center;
}
.feat{
width: 30%;
min-height: 450px;
margin-left: 50px;
margin-right: 30px;
text-align: center;
border:0px solid green;
}
@media screen and (max-width:768px) {
 .feat {width: 33%; min-height: 330px; margin-left: 2px; margin-right: 2px;}
}
.feat img {
width:200px;
height:350px;
border: 0px solid blue;
}
@media screen and (max-width:768px) {
 .feat img {width:130px; height:230px;}
}
.feat_desc{
min-height:50px;
border-radius: 5px;
margin: 5px 5px 5px 5px;
padding: 2px 2px 2px 2px;
background-color: #efefef;
color: #222222;        
font-size: 14px;
word-spacing: -0.4px;
letter-spacing: -0.2px;
font-family:arial;
line-height: 25px;
}
@media screen and (max-width:768px) {
.feat_desc {font-size: 13px; line-height: 22px;}
}

.index_features1{
margin-top: 10px;    
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
width: 98%;
display:flex;
border:0px solid red;
text-align: center;
}
@media screen and (max-width:768px) {
.index_features1 {flex-direction: column;}
}
feat1_left{
width:49%;
}
feat1_right{
width:49%;    
}
.feat1{
width: 100%;
height: 85px; 
text-align: center;
border:0px solid green;
margin-bottom: 5px;
}
@media screen and (max-width:768px) {
 .feat1 {height: 70px; margin-left: 2px; margin-right: 2px;}
}
.feat1 img {
width:85px;
height:85px;
border: 0px solid blue;
float:left;
}
@media screen and (max-width:768px) {
 .feat1 img{width:60px; height:70px; margin-top: -10px;}
}
.feat1_desc{
width: 75%;
border-radius: 5px;
margin: 5px 5px 5px 90px;
padding: 0px 2px 2px 2px;
color: #333333;        
font-size: 20px;
word-spacing: -0.4px;
letter-spacing: -0.2px;
font-family:arial;
line-height: 20px;
text-align: center;
border:0px solid blue;
}
@media screen and (max-width:768px) {
.feat1_desc {width: 80%; font-size: 18px; line-height: 18px; margin: 0px 5px 0px 70px; padding: 0px 2px 2px 2px; }
}

.feat1_detail{
min-height:30px;
width: 98%;
border-radius: 5px;
margin: 8px 5px 5px 0px;
padding: 2px 2px 2px 2px;
color: #222222;        
font-size: 14px;
text-align: center;
word-spacing: -0.4px;
letter-spacing: -0.2px;
font-family:arial;
line-height: 20px;
border:0px solid green;
}
@media screen and (max-width:768px) {
.feat1_detail {width: 98%; font-size: 13px; line-height: 18px;}
}

.index_features2{
margin-top: 10px;    
margin-bottom: 10px;    
margin-left: auto;
margin-right: auto;
width: 98%;
border:0px solid red;
display:flex;
flex-direction: row;
text-align: center;
}
.feat2{
width: 30%;
min-height: 120px;
margin-left: 30px;
margin-right: 30px;
text-align: center;
border:0px solid green;
}
@media screen and (max-width:768px) {
 .feat2 {width: 32%; min-height: 120px; margin-left: 2px; margin-right: 2px;}
}
.feat2_top{
width:100%;    
display: flex;
margin-left: auto;
margin-right: auto;
border:0px solid blue;    
}
.feat2_img{
border:0px solid red;     
width: 80px;
}
@media screen and (max-width:768px) {
.feat2_img{width:50px;}    
}
.feat2_img img{
height:60px;
width:60px;
}
@media screen and (max-width:768px) {
.feat2_img img{height:50px; width:50px; margin-left: 5px;}    
}
.feat2_name_img{
width:170px;
display: flex;
margin-left: auto;
border:0px solid yellow;    
}
.feat2_detail{
min-height:30px;
border-radius: 5px;
margin: 8px 5px 5px 0px;
padding: 2px 2px 2px 2px;
color: #222222;        
font-size: 18px;
word-spacing: -0.4px;
letter-spacing: -0.2px;
font-family:arial;
line-height: 25px;
border:0px solid red;     
}
@media screen and (max-width:768px) {
.feat2_detail {font-size: 16px; line-height: 25px;}
}
.feat2_name{
    background: #e54648;
    border-radius: 50%;
    font-family:arial;
    width: 80px;
    height: 80px;    
}
@media screen and (max-width:768px) {
 .feat2_name {width: 70px; height: 70px;}   
}

.feat2_name_txt{
 font-size: 20px;
 font-family:arial;
 color: #ffffff;
 text-align: center;
 height:50px;
 width: 80px;
 border: 0px solid red;
 padding-top: 28px;
}
@media screen and (max-width:768px) {
 .feat2_name_txt {width: 70px; height: 50px; font-size: 16px; padding-top: 26px;}   
}

.index_about{
font-family:arial; 
width:98%;
font-size:14px;
color: #555555;   
margin-top: 10px;
word-spacing: -0.2px;
letter-spacing: -0.1px;
line-height: 22px;
}
@media screen and (max-width:768px) {
.index_about {font-size:13px; line-height: 22px;}
}

.index_video{
text-align: center;
width:100%;
border:0px solid red;
}
.promo_video{
width:850px;
height:478px;
border:0px solid red;
}
@media screen and (max-width:768px) {
 .promo_video {width: 100%; height: 100%;}   
}

.index_list{
width:98%;
margin-top: 7px;
line-height: 20px;    
border:0px solid red;
}

.why_us_img{
 width: 50px;
 height:50px;
 margin-right: 10px;
 float:left;
}

.profile_list{    
    width:97.5%;
    height: 122px;
    border:1px solid red;
    clear: both;
    padding: 20px 0 20px 15px;
}
.profile_list_image{
    margin:0 25px 0px 0px;
    width: 165px;
    height: 122px;
    float: left;
    border: 0px solid black;
}
.profile_image{
    margin:0 25px 3px 0px;
    width: 100%;
    max-height: 280px;
    min-height: 200px;
    border-radius: 4px;
    border: 0px solid #efefef;
    display: flex;
    justify-content: center;
}
.ask_photo{
 width: 100%;   
 display: flex;
 border: 0px solid blue;
}
@media screen and (max-width:768px) {
.ask_photo{justify-content: center;}    
}

.profile_image_member{
    margin:0 15px 10px 0px;
    width: 140px;
    height: 150px;
    border-radius: 4px;
    border: 0px solid #efefef;
    float:left;
}
@media screen and (max-width:768px) {
.profile_image_member{height: 152px; width: 90px; margin:0 15px 10px 0px;}
}
.profile_image_small0{
    width: auto; 
    height: auto; 
    justify-content: center; 
    margin: 0px 0px 0px 0px;
    display: flex;
    border-radius: 4px;
    border: 0px solid #efefef;
}
.profile_image_small1{
    width: auto; 
    height: auto; 
    justify-content: center; 
    margin: 0px 0px 0px 0px;
    display: flex;
    border-radius: 4px;
    border: 0px solid #efefef;
}
.profile_list_horz{
    width: 85%;
    border: 0px solid green;
}
.view_more{
 width: 14%;
 border: 0px solid green;   
 height: 50px;
 margin-top: 5px;
}
.profile_list_horz_img{
    width: 85%;
    margin-top: 15px;
    float:left;
    display:flex;
    justify-content: flex-start;
    border: 0px solid  #990000;
}

.profile_list_horz_each_img{
    margin:0 5px 0px 0px;
    width: 140px;
    height: 160px;
    border-radius: 4px;
    border: 0px solid #efefef;
    float:left;
}
@media screen and (max-width:768px) {
.profile_list_horz_each_img{width: 90px; height: 100px;}
}
.profile_list_horz_detail{
    width: 100%;
    margin-top: 7px;
    margin-bottom: 15px;
    display:flex;
    justify-content: flex-start;
    height: 60px;
    border: 0px solid red;
}
.profile_list_horz_each_detail{
    margin: -10px 5px 0px 0px;
    float: left;
    clear: right;
    width: 140px;
    text-align: center;
    height: 65px;
    border: 0px solid blue;
}
@media screen and (max-width:768px) {
.profile_list_horz_each_detail{width: 90px;}
}   
.profile_list_horz_each_detail p{
text-align: center;    
}
@media screen and (max-width:768px) {
.profile_list_horz_each_detail p{font-size: 12px; line-height: 15px;}
}

.msg_vert_img{
    width: 8%;
    margin-top: -5px;
    float:left;
    border: 0px solid red;
}
@media screen and (max-width:768px) {
.msg_vert_img {width: 13%;}
}   
.msg_vert_each_img{
    margin:0 5px 10px 0px;
    width: 50px;
    height: 50px;
    border-radius: 4px;
    border: 0px solid green;
    float:left;
}
@media screen and (max-width:768px) {
.msg_vert_each_img {height: 60px;}
} 
.msg_list_all {
 width: 90%;
 margin-top: -5px;
 float:right;
 border: 0px solid blue;
}
@media screen and (max-width:768px) {
.msg_list_all {width: 85%;}
}
.msg_list_all1 {
 margin-top: -20px;
 border: 0px solid blue;
}
.msg_list_each_msg {
height: 53px;    
margin: 5px 0px 0px 0px;
border-bottom: 1px solid #efefef;
}
@media screen and (max-width:768px) {
.msg_list_each_msg {height: 63px;}
}
.msg_list_each_msg1 {
min-height: 33px;    
margin: 5px 0px 0px 0px;
border-bottom: 1px solid #efefef;
}
@media screen and (max-width:768px) {
.msg_list_each_msg1 {min-height: 33px;}
}
.msg_list_button {
height: 25px;    
width: 150px;
float:right;
margin: -50px 0px 0px 0px;
border: 0px solid red;
}

.msg_list_each_msg h2{
    color: #444444;
    font-size: 15px;    
    font-weight: bold;
    margin-bottom: 0px;
}
.int_list_button {
height: 25px;    
width: 180px;
margin: -50px 0px 0px 0px;
float: right;
border: 0px solid red;
}
@media screen and (max-width:768px) {
.int_list_button {margin-top: -70px;}
}
.vmob_list_button {
height: 25px;    
width: 100px;
float:right;
margin: -30px 0px 0px 0px;
border: 0px solid red;
}
@media screen and (max-width:768px) {
.vmob_list_button {margin-top: -70px;}
}
.image_list{  /*photo_view*/
    width:100%;
    display: flex;
    flex-wrap: wrap;
    border: 0px solid red;
    clear: both;
    padding: 5px 0 5px 0px;
}
.image_list_img
{
    width: 300px;    
    float: left;
    margin: 0px 10px 10px 10px;
    border: 0px solid red;
}
@media screen and (max-width:768px) { 
.image_list_img { width: 150px; }
}
.image_list_image{
    margin:0 25px 0px 0px;
    padding-left: 0px;
    width: 210px;
    height: 200px;
    border: 0px solid blue;
}
@media screen and (max-width:768px) { 
.image_list_image { width: 110px; height: 100px;}
}
.image_list_image_deails{
    margin: 5px 25px 0px 0px;
    width: 100%;
    text-align: center;
    border: 0px solid green;
}
.image_list_image_deails_btn{
    margin: 0px 0px 0px 0px;
    width: 100%;
    text-align: left;
    border: 0px solid green;
}
@media screen and (max-width:768px) { 
.image_list_image_deails_btn {min-height: 50px;}
}
.profile_img4{
height: 200px; 
width: 210px;
border-radius: 10px;
}
@media screen and (max-width:768px) { 
.profile_img4 { width: 115px; height: 110px;}
}
.remove_button{
width:80px;
height:25px;
margin-right: 10px;
margin-top: 5px;   
cursor:pointer;    
border:0px solid #595959;
text-align:center;
font-size: 13px;
color:#454545;
background-color: #ebebeb; 
-moz-border-radius: 5px;
border-radius: 5px;   
}
.make_profile_pic_button{  
    width:160px;
    height:25px;
    margin-right: 10px;
    cursor:pointer;    
    border:0px solid #595959;
    text-align:center;
    font-size: 13px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
@media screen and (max-width:768px) {
.make_profile_pic_button{width:130px;}
}

.image_list1{        /*pending photos*/
    width:100%;
    display: flex;
    flex-wrap: wrap;
    border: 0px solid blue;
    clear: both;
    padding: 5px 0 5px 0px;
}
.image_list_img1
{
    width: 230px;    
    float: left;
    margin: 0px 10px 10px 0px;
    border: 0px solid red;
}
@media screen and (max-width:768px) { 
.image_list_img1 { width: 45%; }
}
.image_list_image1{
    margin:0 25px 0px 0px;
    padding-left: 0px;
    width: 210px;
    height: 200px;
    border: 0px solid blue;
}
@media screen and (max-width:768px) { 
.image_list_image1 { width: 110px; height: 100px; padding-left: 25%;}
}
.image_list_image_deails1{
    margin: 5px 25px 0px 0px;
    width: 100%;
    border: 0px solid green;
}
.image_list_image_deails1 p{
    text-align: center;
}
.image_list_image_deails_btn1{
    margin: 0px 0px 0px 0px;
    width: 100%;
    text-align: center;
    border: 0px solid green;
}
.pending_img{
height: 200px; 
width: 210px;
border-radius: 10px;
}
@media screen and (max-width:768px) { 
.pending_img { width: 115px; height: 110px;}
}

.image_list_img2      /*mem edit photo*/
{
    width: 230px;    
    margin: 0px 10px 10px 130px;
    border: 0px solid red;
}
.image_list_image2{
    margin:0 25px 0px 0px;
    padding-left: 0px;
    width: 210px;
    height: 200px;
    border: 0px solid blue;
}
.image_list_image_deails2{
    margin: 5px 25px 0px 0px;
    width: 100%;
    border: 0px solid green;
}
.image_list_image_deails2 p{
    text-align: center;
}
.image_list_image_deails_btn2{
    margin: -20px 0px 0px 0px;
    width: 100%;
    text-align: center;
    border: 0px solid green;
}
.edit_img{     
height: 200px; 
width: 210px;
border-radius: 10px;
}

.check_box_img{ 
    margin-top: -20px;
    margin-left: 40px;
    width: 30px;
    font-size: 13px;
    border: 0px solid green;
    text-align: center;
}
.image_edit{
    margin:0 25px 0px 0px;
    padding-left: 0px;
    width: 210px;
    height: 200px;
    border: 0px solid blue;
}
@media screen and (max-width:768px) { 
.image_edit { width: 110px; height: 100px; padding-left: 40%;}
}

.image_list_img3 /*Photos List*/
{
    width: 170px;    
    float: left;
    margin: 0px 10px 10px 0px;
    border: 0px solid red;
}
@media screen and (max-width:768px) { 
.image_list_img3 { width: 30%; }
}
.image_list_image3{
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
    width: 110px;
    height: 100px;
    border: 0px solid blue;
}
.image_list_image_deails3{
    margin: 5px 25px 0px 0px;
    width: 100%;
    border-bottom: 1px solid #dfdfdf;
}
.image_list_image_deails3 p{
    text-align: center;
    font-size: 13px;
    letter-spacing: -0.8px;
}
.image_list_image_deails_btn3{
    margin-top: -40px;
    float:right;
    width:20px;
    height: 40px;
    border: 0px solid blue;
}
.photos_list{
width: 115px; 
height: 110px;
border-radius: 10px;
}

.photo_edit{
width: 215px; 
height: 240px;
text-align: center;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
display:flex;
flex-direction: column;
border:0px solid red;
}
.photo_edit_button{
width: 100px; 
height:20px;
margin-top: -5px;
margin-left: 50px;
border:0px solid green;
display:flex;
flex-direction: row;
}
.photo_edit_pic{
width: 215px; 
height: 200px;
border-radius: 10px;
margin-bottom: 5px;
}

#wrap_popup              /* Chat window*/
{
    font-family:Arial;
    padding:0;
    height: 390px;
    width:242px;
    font-size:12px;
    word-spacing: 0.2em;
    margin:0px auto auto auto;
    color:#000000;
    background: #eeeeee;
    border: 2px solid #e54648;
    border-radius:10px; 
}
.top_popup{
width:230px;    
background-color: #e54648;
color: #ffffff;
font-size: 14px;
font-weight: bold;
padding-left: 5px;
padding-top: 2px;
margin-top: -2px;
height: 25px;
border-top-left-radius: 8px;
}
.top_popup a{
color: white;
text-decoration: none;
}

.msg_box{   /*New chat window */
right:50px;   
position:fixed;
bottom:0px;
width:300px;
word-spacing: 0.2em;
margin:0px auto auto auto;
color:#000000;
background: #eeeeee;
border: 2px solid #e54648;
border-radius:5px 5px 0px 0px;
}
.msg_head{ 
background-color: #e54648;
color: #ffffff;
font-size: 12px;
font-weight: bold;
padding-left: 5px;
padding-top: 4px;
margin-top: -2px;
height: 20px;
cursor:pointer;
border-radius:5px 5px 0px 0px;
}
.msg_head a{
color: white;
text-decoration: none;
}
.msg_head1{ 
border-bottom: 0px solid #d3d3d3;
margin-left: 5px;
margin-top: 5px;
margin-right: 15px;
clear:both;
}
.msg_head1a{ 
float: left;
width:40px;
height: 30px;
border: 0px solid red;
}
.msg_head1b{ 
margin-left: 45px;
height: 30px;
text-align: justify;
border-bottom: 1px solid  #d3d3d3;
}
.profile_img8{
height: 35px; 
width: 35px;
border-radius: 4px;
}
.close{
 float:right;
 cursor:pointer;
 padding-right: 5px;
}
#chat_all{
  height:250px;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 5px;
  overflow: auto;
  overflow-x: hidden;
  border: 0px solid blue;    
}
#chat_load{
  width:270px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0px solid black;
}

#chat_load_new{
  width:270px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 0px solid green;
}
.msg{
    width:265px;
    margin-top: 1px;
    margin-bottom: 10px;
    float:left;
    border: 0px solid blue;
}
.msg_date{
    width:50px;
    font-size: 10px;
    letter-spacing: -0.6px;
    color: #999999;
    border: 0px solid red;
    text-align: right;
    vertical-align: text-bottom;
    float: right;
}
.msg_time{
    width:30px;
    font-size: 10px;
    letter-spacing: -0.6px;
    color: #999999;
    vertical-align: text-bottom;
    border: 0px solid red;
}
.load_more{
    width:260px;
    height: 15px;
    position:fixed;
    margin-top: -5px;
    border: 0px solid green;
}
.msg_color1{
 background-color: #add8e6;   
 border-radius: 5px;
 padding: 2px 5px 2px 5px;
 display: inline-block;
 min-height:20px;
 min-width: 90px;
 max-width:200px;
 vertical-align: text-top;
 float:right;
 text-align: left;
 word-break: break-all;
}
.msg_color2{
background-color: #e6add8;    
border-radius: 5px;
padding: 2px 5px 2px 5px;
display: inline-block;
min-width: 90px;
max-width:200px;
min-height:20px;
vertical-align: text-top;
float:left;
text-align: left;
word-break: break-all;
}
.name_color1{
text-align: center;
color: #72bcd4;
letter-spacing: -0.1px;
}
.name_color2{
text-align: center;
color: #e6adbc;
letter-spacing: -0.1px;
}

.form_row_popup{  /* Chat popup*/
    width:270px;
    _width:240px;
    clear:both;
    color:#111111;
    float: left;
    border: 0px solid blue;
}
.form_row_popup1{ /*Report profile popup*/
    width:220px;
    _width:200px;
    clear:both;
    color:#111111;
    float: left;
    border: 0px solid blue;
}
.form_row_popup1 select {
    color: #ea6a6c;
    font-size:13px;
    width:220px;
    height:23px;
    padding: 0 2px 0 10px;
    float: right;
    border-radius: 4px;
    border: 1px solid #afafaf;
    background: -moz-linear-gradient(top, #efefef,#ffffff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
}
.error_popup{
    color: #990000;
    width:220px;
    float: left;
    font-style:italic;
    margin-left: 15px;
    margin-top: 1px;
    margin-bottom: 1px;
}
#error_msg   /*Report profile*/
{
    color:  #e1272a;
    width:220px;
    margin-left: 10px;
    float: left;
    text-align: center;
    padding-top: 0px;
    font-size:13px;
    border: 0px solid red;
}
#error_msg1   /*Chat1*/
{
    color:  #e1272a;
    width:280px;
    margin-left: 10px;
    float: left;
    text-align: center;
    padding-top: 0px;
    font-size:13px;
    border: 0px solid red;
}
.success_popup{
    color: darkgreen;
    width:220px;
    float: left;
    font-size:13px;
    margin-left: 20px;
    margin-top: 1px;
    margin-bottom: 1px;
}

label.contact_popup{
    width:230px;
    float:left;
    font-size:12px;
    text-align:left;
    margin-left: 10px;
    margin-bottom: 6px;
    margin-right: 10px;
    margin-top: 6px;
    color: #3c674b;
    letter-spacing: 0.5px;
}
textarea:focus
{
    outline:none;
}
.content_popup
{
    margin-left: 9px;
    font-size: 10px;
    margin-top:20px;
    color: #111111;
    float:left;
    width: 230px;
    border: 1px solid;
}
.float_popup {
    position:fixed;right:50px;bottom:100px;width:250px;height:500px; background-color:red;
}
.img_popup
{
    background-color: #e54648;
    margin-top: -25px;
    border-top-right-radius: 8px;
    padding:5px;
}

#wrap_popup1            /*Popup window*/
{
    font-family:Arial;
    padding:0;
    height: 120px;
    width:300px;
    font-size:12px;
    word-spacing: 0.2em;
    margin:0px auto auto auto;
    color:#000000;
    background: #eeeeee;
    border: 2px solid #e54648;
    border-radius:10px; 
}
.top_popup1{
width:280px;    
background-color: #e54648;
color: #ffffff;
font-size: 14px;
font-weight: bold;
padding-left: 5px;
padding-top: 0px;
height: 25px;
border-top-left-radius: 8px;
}
.content_popup1{
width:280px;    
font-size: 14px;
padding: 10px;
border: 0px solid red;
}
.float_popup1 {
    position:fixed;right:20%; left:20%; bottom:300px;width:250px;height:500px; background-color:red;
}
.img_popup1
{
    background-color: #e54648;
    margin-top: -25px;
    border-top-right-radius: 8px;
    padding:5px;
}

#wrap_popup2         /*Report profile window*/
{
    font-family:Arial;
    padding:0;
    height:400px;
    width:250px;
    font-size:12px;
    word-spacing: 0.2em;
    margin:0px auto auto auto;
    color:#000000;
    background: #eeeeee;
    border: 2px solid #e54648;
    border-radius:10px; 
}
.top_popup2{
width:230px;    
background-color: #e54648;
color: #ffffff;
font-size: 14px;
font-weight: bold;
padding-left: 5px;
padding-top: 0px;
height: 25px;
border-top-left-radius: 8px;
}
.content_popup2{
width:230px;    
font-size: 14px;
padding: 10px;
border: 0px solid red;
}
.float_popup2 {
    position:fixed;right:20%; left:20%; bottom:130px;width:250px;height:500px; background-color:red;
}
.img_popup2
{
    background-color: #e54648;
    margin-top: -25px;
    border-top-right-radius: 8px;
    padding:5px;
}

#notif_alert{
 position:fixed;
 left:50px;
 bottom:30px;
 width:300px;
 height:30px;
 padding-left:10px; 
 padding-top: -10px;
 background: #e54648;
 border-radius:10px;
 display:none;
}
@media screen and (max-width:768px) {
#notif_alert {bottom:30px; left:30px;}    
}

#notif_alert1{
 position:fixed;
 left:50px;
 bottom:70px;
 width:300px;
 height:30px;
 padding-left:10px; 
 padding-top: -10px;
 background: #e54648;
 border-radius:10px;
 display:none;
}
@media screen and (max-width:768px) {
#notif_alert1 {bottom:70px; left:30px;}    
}
#notif_alert2 {
 position:fixed;
 left:50px;
 bottom:110px;
 width:300px;
 height:30px;
 padding-left:10px; 
 padding-top: -10px;
 background: #e54648;
 border-radius:10px;
 display:none;
}
@media screen and (max-width:768px) {
#notif_alert2 {bottom:110px; left:30px;}    
}
#notif_alert p a, #notif_alert1 p a, #notif_alert2 p a{
color: white;    
font-weight: bold;
font-size: 12px;
text-decoration: none;
}

.title{              /* For all other pages*/
    color:#444444; 
    padding:0px 0 0 0;
    float:left;
    font-size:19px;
    letter-spacing: -0.10px;
    font-weight: bold;
    margin:5px 0 5px 0;
    min-width: 700px;
    border-radius: 15px;
}

.title1{             /*For index page*/
    color:#444444; 
    padding:0px 0 0 0;
    float:left;
    font-size:20px;
    letter-spacing: -0.10px;
    font-weight: bold;
    margin:10px 0 5px 0;
    min-width: 700px;
}

.title2{         
    color:#e54648; 
    padding:0px 0 0 0;
    float:left;
    font-size:20px;
    letter-spacing: -0.10px;
    font-weight: bold;
    margin:5px 0 5px 0;
    min-width: 700px;
}

.title3{              /* Smaller title*/
    color:#e54648; 
    padding:0px 0 0 0;
    float:left;
    font-size:17px;
    letter-spacing: -0.10px;
    font-weight: bold;
    margin:5px 0 5px -8px;
    min-width: 700px;
    border-radius: 15px;
}

.title_section{
    width:180px;
    height:17px;
    float: left;
    clear: both;
    background-color: #e54648;
    text-align:left;
    padding:0 7px 0 7px;
    margin: 5px 0 5px -10px;
    color:#FFFFFF;
    font-size:13px;
    font-weight: bold;
}
.title_section1{
    width:300px;
    height:17px;
    float: left;
    clear: both;
    text-align:left;
    padding:0 7px 0 7px;
    margin: 5px 0 5px -10px;
    color: #444444;
    font-size:16px;
    font-weight: bold;
    border: 0px solid red;
}
.title_section1 img{
vertical-align: top;
}
.title_section1a{
    height:20px;
    float: left;
    clear: both;
    text-align:left;
    padding:2px 7px 2px 7px;
    margin: 5px 0 5px -10px;
    color: #444444;
    font-size:15px;
    font-weight: bold;
    background-color: #efefef;
    border-radius: 5px;
}
.title_section1a img{
vertical-align: top;
}
.title_section1a a{
text-decoration:none;    
color: #444444;
}
.title_section1a a img{
vertical-align: top;
}

.title_section2{
    width:98%;
    height:17px;
    float: left;
    clear: both;
    padding:0 0px 0 5px;
    margin: 0px 0 5px 0px;
    color: #444444;
    font-size:20px;
    font-weight: bold;
    border: 0px solid red;
}
@media screen and (max-width:768px) {
.title_section2{text-align:center;}    
}
.title_section3{
    width:98%;
    height:17px;
    float: left;
    clear: both;
    text-align:left;
    padding:0 7px 0 7px;
    margin: -5px 0 5px -7px;
    color: #444444;
    font-size:20px;
    font-weight: bold;
    border: 0px solid red;
}
@media screen and (max-width:768px) {
.title_section3{font-size:17px;}    
}

.title_section4{       /*Member list*/
    width: 80%;
    height:17px;
    float: left;
    clear: both;
    text-align:left;
    padding:0 7px 0 7px;
    margin: -5px 0 5px -7px;
    color: #444444;
    font-size:17px;
    font-weight: bold;
    border: 0px solid red;
}
@media screen and (max-width:768px) {
.title_section4{font-size:14px;}    
}
/*---------------User_form------------------*/
.user_form{
    width:875px;
    min-height:400px;
    float:left;
    padding:25px 25px 25px 25px;
    margin:10px 0 0 0px;
    _margin:10px 0 0 0px;
    border: 1px #cfcfcf dashed;
    border-radius: 5px;
    position:relative;
    background-color: #ffffff;
}

.form_row{
    width:370px;
    height:20px;
    clear:both;
    padding:10px 0 3px 0;
    color:#a53d17;
    border: 0px solid blue;
}
.form_row_hide{
    width:370px;
    height:20px;
    clear:both;
    padding:10px 0 3px 0;
    color:#a53d17;
    display: none;
    border: 0px solid blue;
}
.form_row_big{  /*Compose message*/
    width:770px;
    height:320px;
    clear:both;
    padding:10px 0 3px 0;
    color:#a53d17;
    border: 0px solid blue;
}
@media screen and (max-width:768px) {
.form_row_big{width:420px;}    
}

.form_row_long{  /*Staff pages*/
    width:100%;
    clear:both;
    padding: 6px 0 4px 0;
    color:#a53d17;
    border-bottom: 1px solid #efefef;
}
.form_row_long1{  /*Pending edit profiles*/
    width:100%;
    height: 100%;
    margin-bottom: 10px;
    clear:both;
    color:#a53d17;
    border-bottom: 0px dashed #efefef;
}
.form_and_edit{    /*Staff pages*/
 width:100%;
 min-height: 400px;
 border: 0px solid green;   
}

.display_value{
color:#444444;
margin-top: 3px;
border: 0px solid green;   
width:215px;
float:right;
}

.pagination{
 width:330px;
 height: 20px;
 background-color: #efefef;
 padding-left: 5px;
 padding-top: -3px;
 margin-top: 10px;
 margin-bottom: 10px;
 border: 0px solid red;   
 border-radius: 5px;
}
.pagination img{
vertical-align: text-top;
margin-left: 10px;
}
.pagination p{
font-size:13px;  
line-height: 15px;
}
.link_block{
 width: 100px;
 height: 17px;
 text-align: center;
 font-weight: normal;
 border-radius: 5px;
 margin-top: 10px;
 padding-top: 3px;
 padding-left: 10px;
 margin-left: 10px;
 float:right;
 border: 1px solid #efefef;   
}
.link_block a{
text-decoration: none;    
}
.link_block1{
 width: 100px;
 height: 17px;
 text-align: center;
 font-weight: normal;
 border-radius: 5px; 
 padding-top: 3px;
 padding-left: 10px;
 margin-left: 10px;
 float:right;
 border: 1px solid #efefef;   
}
.link_block1 a{
text-decoration: none;    
}
.link_block2{
 width: 100px;
 height: 17px;
 text-align: center;
 font-weight: normal;
 border-radius: 5px; 
 padding-top: 3px;
 padding-left: 10px;
 margin-left: 10px;
 margin-top: -25px;
 float:right;
 border: 0px solid #efefef;   
}
.link_block2 a{
text-decoration: none;    
}

.pagination1{
 width:430px;
 height: 20px;
 background-color: #efefef;
 padding-left: 5px;
 padding-top: 0px;
 margin-top: 10px;
 margin-bottom: 10px;
 border: 0px solid red;   
 border-radius: 5px;
}
.pagination1 p{
font-size:13px;  
line-height: 15px;
}

.pagination2{
 width:430px;
 height: 20px;
 background-color: #efefef;
 padding-left: 5px;
 padding-top: 0px;
 margin-top: 10px;
 margin-bottom: 10px;
 border: 0px solid red;   
 border-radius: 5px;
}
.pagination2 p{
font-size:13px;  
line-height: 15px;
margin-top: -10px;
}

.field_and_button{  /*privacy setting*/
 width:100%;   
 display: flex;
 border: 0px solid red;
}
@media screen and (max-width:768px) {
.field_and_button{flex-direction: column; }    
}
.field_and_buttonL{
 width:60%;   
 border: 0px solid red;
}
@media screen and (max-width:768px) {
.field_and_buttonL {width: 100%; }
}
.field_and_buttonR{
 width:20%;   
 display: flex;
 border: 0px solid red;
}
@media screen and (max-width:768px) {
.field_and_buttonR {width: 100%; }
}   
.form_row_mul_select{
    width: 370px;
    height:60px;
    clear:both;
    padding:10px 0 10px 0;
    color:#a53d17;
    border: 0px solid blue;
}
.form_row_blank{
   width:370px;
    height:20px;
    clear:both;
    padding:10px 0 3px 0;
    color:#a53d17;
    border: 0px solid blue;
   display: none;
}
.form_row_captcha
{
    border: 0px solid red;  
    width:220px; 
    height: 50px;
    margin-left: 150px;
    margin-bottom: 10px;
    float:left;
    clear:both;
}
@media screen and (max-width:768px) {
.form_row_captcha {margin-left: 90px;}
}

.form_row_captcha1
{
    border: 0px solid red;  
    width:125px; 
    margin-left: 100px;
    float:right;
    clear:both;
}
.form_row_captcha1 a{
text-decoration: none;       
color:  #999999;
}
.g-recaptcha { 
 transform:scale(0.70); 
 transform-origin:left top; 
}


.info{                      /* Login, Register, Pw forget*/
    width: 50%;
    text-align:  center;
    margin-bottom: 5px;
    margin-top: 20px;
    margin-left: 140px;
    color:  #444444;
    font-size:13px;
    border: 0px solid red;
}
@media screen and (max-width:768px) {
 .info {margin-left: 140px;}   
}
.info a{
    text-decoration: none;   
}

.info1{             /*contact us, view ticket, add testimonial*/
    width: 100%;
    margin-left: -5px;
    letter-spacing: -0.7px;
    color:  #444444;
    font-size:13px;
    border: 0px solid red;
    text-align: right;
    line-height: 24px;
}
.info1a{             /*Email edit*/
    width: 100%;
    margin-left: -5px;
    color:  #444444;
    font-size:13px;
    border: 0px solid red;
    text-align: right;
    line-height: 24px;
}
.info1b{             /*contact us*/
    width: 90%;
    margin-left: -5px;
    letter-spacing: -0.7px;
    color:  #444444;
    font-size:13px;
    border: 0px solid red;
    text-align: center;
    line-height: 24px;
}
@media screen and (max-width:600px) {
.info1b{width: 380px; text-align: right;}
}
@media screen and (min-width:601px) and (max-width:768px) {
.info1b{}
}

.info2{            /*Privacy, Email edit*/
    width: 100%;
    float:left;
    margin-left: -5px;
    margin-top: 4px;
    margin-bottom: 5px;
    color:  #444444;
    font-size:13px;
    line-height: 24px;
    text-align: justify;
    border: 0px solid green;
}
.info3{             /*Resend otp registration*/
    width: 50%;
    clear:both;
    text-align:  center;
    letter-spacing: -0.7px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 140px;
    color:  #666666;
    font-size:13px;
    border: 0px solid red;
}

.info3a{             /*Resend otp (in various pages)*/
    width: 50%;
    clear:both;
    text-align:  center;
    letter-spacing: -0.7px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 150px;
    color:  #666666;
    font-size:13px;
    border: 0px solid red;
}
.info3a1{             /*otp_login*/
    width: 50%;
    clear:both;
    text-align:  center;
    letter-spacing: -0.7px;
    margin-bottom: 5px;
    margin-top: 5px;
    margin-left: 140px;
    color:  #666666;
    font-size:13px;
    border: 0px solid red;
}
@media screen and (max-width:768px) {
 .info3a1 {margin-left: 135px;}   
}
.info4{             /*Register, view member*/
    width: 90%;
    letter-spacing: -0.7px;
    clear:both;
    padding-top: 15px;
    margin-left: 20px;
    margin-right: 20px;
    color:  #444444;
    font-size:13px;
    border: 0px solid red;
    text-align: left;
    line-height: 20px;
}
.info5{             /*mem Edit profile*/
    width: 100%;
    letter-spacing: -0.7px;
    clear:both;
    padding-top: 5px;
    color:  #444444;
    font-size:13px;
    border: 0px solid red;
    text-align: left;
    line-height: 20px;
}
.info6{                      /* Checkout Billing*/
    width: 100%;
    text-align:  left;
    letter-spacing: -0.4px;
    margin-bottom: 5px;
    margin-left: 20px;
    color:  #444444;
    font-size:13px;
    border: 0px solid red;
}

.error{               /*Login, register, edit profile, function, search */
    color:  #e1272a;
    width:220px;
    float: right;
    text-align: center;
    padding-top: 0px;
    font-size:13px;
    border: 0px solid red;
}
.error1a{               /* State, city ajax*/
    color:  #e1272a;
    width:220px;
    margin-left: 150px;
    text-align: center;
    padding-top: 0px;
    font-size:13px;
    border: 0px solid red;
}
.error1{                           /*Email Mob OTP*/
    color:  #e1272a;
    width:180px;
    float: right;
    text-align: left;
    padding-top: 0px;
    font-size:13px;
    border: 0px solid red;
}
.error1b{               /*Google recaptcha*/
    color:  #e1272a;
    width:220px;
    float: right;
    text-align: center;
    padding-top: 0px;
    margin-top: -25px;
    margin-bottom: 10px;
    font-size:13px;
    border: 0px solid red;
}
.error2{           /*photo upload*/
    color:  #e1272a;
    width:100%;
    float: right;
    text-align: left;
    padding-top: 0px;
    font-size:13px;
    border: 0px solid red;
}
#error2a{  
    color: #ffffff;
    background: #e64f52;
    width:95%;
    max-width: 500px;
    word-spacing: 0.2em;
    font-size: 13px;
    clear: both;
    margin-left: 10px;
    padding: 3px 0px 3px 0px;
    text-align: center;
    border-radius: 5px;
    border: 0px solid blue;
}
.error3{                 /*Big textbox for ticket reply and email compose*/
    color:  #e1272a;
    width:100%;
    float: right;
    text-align: center;
    padding-top: 0px;
    font-size:13px;
    border: 0px solid red;
}
.error4{                 /*Compose ticket reply, email File upload*/
    color:  #e1272a;
    width:80%;
    margin-left: 40px;
    float: left;
    text-align: center;
    margin-top: -20px;
    font-size:13px;
    border: 0px solid red;
}
.error5{                   /*Contact us, Add testimonial, success story, view ticket*/
    color:  #e1272a;
    width:180px;
    float: right;
    margin-top: -20px;
    text-align: left;
    padding-top: 0px;
    font-size:13px;
    border: 0px solid red;
}

.register_progress{
    width: 50%;
    font-size: 13px;
    background-color: #009282;
    color: #ffffff;
    word-spacing: 0.2em;
    border-radius: 5px;    
    clear: both;
    margin: 30px 0px 10px 5px;
    padding: 2px 0px 2px 5px;
}
.register_progress1{
    width: 80%;
    font-size: 13px;
    background-color: #009282;
    color: #ffffff;
    word-spacing: 0.2em;
    border-radius: 5px;    
    clear: both;
    margin: 30px 0px 10px 5px;
    padding: 2px 0px 2px 5px;
}
.success{
    color: #454545;
    width:400px;
    line-height:22px;
    word-spacing: 0.2em;
    font-size: 13px;
    font-weight: bold;
    clear: both;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 40px;
    border: 0px solid red;
}
.success1{
    color: #454545;
    width:400px;
    line-height:22px;
    word-spacing: 0.2em;
    font-size: 13px;
    float: right;
    clear: both;
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 40px;
    border: 0px solid blue;
}
.success2{  /*edit profile, privacy, member search*/
    color: darkgreen;
    width:95%;
    word-spacing: 0.2em;
    font-size: 13px;
    float: right;
    clear: both;
    margin-left: 10px;
    text-align: center;
    border: 0px solid blue;
}
#success2a{  
    color: #ffffff;
    background: #009282;
    width:95%;
    max-width: 500px;
    word-spacing: 0.2em;
    font-size: 13px;
    clear: both;
    margin-left: 10px;
    padding: 3px 0px 3px 0px;
    text-align: center;
    border-radius: 5px;
    border: 0px solid blue;
}
#success2b{  
    color: #ffffff;
    background: #009282;
    width:95%;
    max-width: 500px;
    word-spacing: 0.2em;
    font-size: 13px;
    clear: both;
    margin-left: 10px;
    margin-top: 10px;
    line-height:20px;
    padding: 5px 5px 5px 5px;
    text-align: justify;
    border-radius: 5px;
    border: 0px solid blue;
}
#success3{
    color: #ffffff;
    background: #009282;
    width:100%;
    word-spacing: 0.2em;
    font-size: 13px;
    margin-top: -30px;
    margin-bottom: 15px;
    padding: 3px 0px 3px 0px;
    float: right;
    clear: both;
    text-align: center; 
    border-radius: 5px;
    border: 0px solid red;
}
.success4{
    color:  darkgreen;
    width:220px;
    float: right;
    text-align: center;
    padding-top: 0px;
    font-size:13px;
    border: 0px solid red;
}
#notify_msg{
    color: #ffffff;
    background: #e54648;
    width:100%;
    word-spacing: 0.2em;
    font-size: 13px;
    margin-top: -30px;
    margin-bottom: 15px;
    padding: 3px 0px 3px 0px;
    float: right;
    clear: both;
    text-align: center; 
    border-radius: 5px;
    border: 0px solid red;
}
label.small{
    width:140px;
    float:left;
    font-size:12px;
    text-align:right;
    vertical-align: central;
    padding:4px 0px 0 0;
    color: #333333;
    border: 0px solid red;
}
label.big{
    width:140px;
    font-size:12px;
    text-align:right;
    margin-left: 350px;
    margin-bottom: 5px;
    vertical-align: central;
    padding:4px 0px 0 0;
    color: #333333;
    border: 0px solid red;
}
@media screen and (max-width:768px) {
label.big {margin-left: 180px;}
}

label.smaller{
    width:50px;
    float:right;
    margin-top: -33px;
    margin-right: 70px;
    font-size:13px;
    text-align:right;
    padding:4px 15px 0 0;
    color: #333333;
    border: 0px solid red;
}

label.small img{
    vertical-align: bottom;
    padding-right: 5px;
    margin-top: -5px;
    border: 0px;
}

input:focus,select:focus, textarea:focus
{
    outline:none;
    border-color: #dddddd;
    box-shadow:  1px 1px 2px 1px #dfdfdf;
}

input[type="radio"]{
   margin-left: 10px;
   accent-color: #ea6a6c;
   }
   
.label_radio{
color: #ea6a6c;
}

textarea.small_textarea{
    width:210px;
    height:60px;
    font-size: 14px;
    background-color:#fff;
    color: #ea6a6c;
    float:right;
    border-radius: 4px;
    padding: 0 2px 0 10px;
    border: 1px solid #afafaf;
    background: -moz-linear-gradient(top, #efefef,#ffffff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
}
textarea.small_textarea1{ /*Msg Chat box*/
    width:250px;
    height:75px;
    font-size: 14px;
    float:right;
    background-color:#fff;
    color: #ea6a6c;
    border-radius: 4px;
    padding: 0 2px 0 10px;
    border: 1px solid #afafaf;
    background: -moz-linear-gradient(top, #efefef,#ffffff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
}

textarea.small_textarea2{ /*Report Details*/
    width:205px;
    height:75px;
    font-size: 14px;
    float:right;
    background-color:#fff;
    color: #ea6a6c;
    border-radius: 4px;
    padding: 0 2px 0 10px;
    border: 1px solid #afafaf;
    background: -moz-linear-gradient(top, #efefef,#ffffff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
}

textarea.big_textarea{
    width:750px;
    height:300px;
    font-size: 14px;
    float:right;
    background-color:#fff;
    color: #ea6a6c;
    border-radius: 4px;
    margin-bottom: 5px;
    padding: 0 2px 0 10px;
    border: 1px solid #afafaf;
    background: -moz-linear-gradient(top, #efefef,#ffffff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
}
@media screen and (max-width:768px) {
 textarea.big_textarea {width: 400px;}   
}

input.small{
    width:210px;
    height:22px;
    font-size: 14px;
    background-color:#fff;
    color: #ea6a6c;
    float:right;
    border-radius: 4px;
    padding: 0 2px 0 10px;
    border: 1px solid #afafaf;
    background: -moz-linear-gradient(top, #efefef,#ffffff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
}
input.small2{
    width:180px;
    height:22px;
    font-size: 14px;
    background-color:#fff;
    color: #ea6a6c;
    float:right;
    border-radius: 4px;
    padding: 0 2px 0 10px;
    border: 1px solid #afafaf;
    background: -moz-linear-gradient(top, #efefef,#ffffff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
}
input.small1{
    width:100px;
    height:22px;
    font-size: 14px;
    background-color:#fff;
    color: #ea6a6c;
    float:left;
    border-radius: 4px;
    margin-left: 50px;
    padding: 0 2px 0 10px;
    border: 1px solid #afafaf;
    background: -moz-linear-gradient(top, #efefef,#ffffff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
}

.country_code{
font-size: 13px;
color: #333333;
padding-left: 6px;
line-height: 22px;
border: 0px solid red;
}

input.nano{
    width:50px;
    height:22px;
    font-size: 14px;
    background-color:#fff;
    color: #ea6a6c;
    float:right;
    border-radius: 4px;
    margin-top: -20px;
    padding: 0 2px 0 5px;
    border: 1px solid #afafaf;
    background: -moz-linear-gradient(top, #efefef,#ffffff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
}

/*input[type='file'] {
    color: #999999;
    font-size:10px;
    height:24px;
    width:300px;
    border-radius: 10px;
    padding-left: 5px;
    background: -moz-linear-gradient(top, #efefef,#ffffff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
}*/

div.upload-wrapper {
    color: white;
    font-weight: bold;
    display: flex;
    border: 0px solid red;
    margin-bottom: 10px;
    width:200px;
    float: left;
    clear: both;
}
.upload-wrapper1 {
    color: white;
    font-weight: bold;
    display: flex;
    border: 0px solid red;
    margin-left: 150px;
    margin-top: 20px;
    width:200px;    
    clear: both;
}
.upload-wrapper2 {
    color: white;
    font-weight: bold;
    display: flex;
    border: 0px solid red;
    margin-top: 0px;
    width:30px;    
    clear: both;
}

input[type="file"] {
    position: absolute;
    left: -9999px;
}

input[type="submit"] {
    border: 0px solid #555;
    color: white;
    background: #e54648;
    margin-left: 100px;
    border-radius: 5px;
    cursor: pointer;
    width:140px;
    height:32px;
    font-size: 18px;
}
@media screen and (max-width:768px) {
 input[type="submit"] {margin-left: 20px;}   
}    

input[type="submit"]:hover {
    background: #e7585a;
}

label[for="file-upload"] {
    padding: 0.7rem;
    text-align: center;
    display: inline-block;
    background: #e54648;
    cursor: pointer;
    border: 0px solid #ca3103;
    border-radius: 0 5px 5px 0;
    border-left: 0;
    width:150px;
    height:10px;
}
label[for="file-upload"]:hover {
    background: #e7585a;
}

label[for="file-upload1"] {
    padding-top: 1px;
    text-align: center;
    display: inline-block;
    color: #303030;
    cursor: pointer;
    border: 0px solid #ca3103;
    border-radius: 0 5px 5px 0;
    border-left: 0;
    width:20px;
    height:20px;
}
label[for="file-upload1"]:hover {
    background: #cfcfcf;
}
label[for="file-upload1"] img{
width:20px;
height:20px;
}

span.file-name {
    padding: 0.7rem 3rem 0.7rem 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    background: #ebebeb;
    color: #303030;
    border: 0px solid #f0980f;
    border-radius: 5px 0 0 5px;
    border-right: 0;
    height:10px;
    width:75px;
}
span.file-name1 {
    padding: 0.1rem 3rem 0rem 0.7rem;
    white-space: nowrap;
    overflow: hidden;
    background: #ebebeb;
    color: #303030;
    border: 0px solid #f0980f;
    border-radius: 5px 0 0 5px;
    border-right: 0;
    height:19px;
    width:75px;
}

#filename{                      /*Photo upload*/
    color: #454545;
    clear: both;
    font-size:13px;
    word-spacing: 0.2em;   
    height: 10px;
    margin-bottom: 10px;
    border: 0px solid red;
}
#filename1{                     /* Ticket view, Member view ticket*/
    color: #454545;
    clear: both;
    width:80%;
    margin-top: -20px;
    margin-bottom: 5px;
    margin-left: 30px;
    font-size:13px;
    word-spacing: 0.2em;   
    min-height: 20px;
    text-align: left;
    border: 0px solid red;
}
#filename2{            /*Contact us, Add testimonial, success story, view ticket*/
    color: #454545;
    clear: both;
    width: 200px;
    letter-spacing: -0.7px;
    margin-top: -20px;
    margin-bottom: 5px;
    margin-left: 180px;
    font-size:12px;
    min-height: 20px;
    text-align: left;
    border: 0px solid red;
}
.form_row select {
    color: #ea6a6c;
    font-size:13px;
    width:223px;
    height:23px;
    padding: 0 2px 0 10px;
    float: right;
    border-radius: 4px;
    border: 1px solid #afafaf;
    -webkit-appearance: menulist;
    background: -moz-linear-gradient(top, #efefef,#ffffff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
}

.form_row_mul_select select{
    color: #ea6a6c;
    font-size:13px;
    width:223px;
    padding: 0 2px 0 10px;
    float: right;
    border-radius: 4px;
    border: 1px solid #afafaf;
    -webkit-appearance: menulist;
    background: -moz-linear-gradient(top, #efefef,#ffffff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');    
}


textarea.small{    /*may be It's not used anywhere'*/
    width:200px;
    height:190px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color: #3a674b;
    background-color:#fff;
    float:left;
    border-radius: 10px;
    padding: 0 10px 0 10px;
    border: 1px solid #999999;
    background: -moz-linear-gradient(top, #efefef,#ffffff);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#efefef), to(#ffffff));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff');
}

input.register{  /*checkout, credit buy, email edit , edit profile, pw change, tkt view visitor*/
    width:170px;
    height:35px;
    border:none;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 30px;
    cursor:pointer;
    text-align:center;
    font-size: 18px;
    margin-left: 180px;
    color:#FFFFFF;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
@media screen and (max-width:768px) { 
input.register{width:130px; height:30px; font-size: 15px;}
}
input.register:hover{ 
    background-color: #e7585a; 
}

input.register1{  /*Register*/
    width:170px;
    height:35px;
    border:none;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 30px;
    cursor:pointer;
    text-align:center;
    font-size: 18px;
    margin-left: 180px;
    padding-left: 25px;
    color:#FFFFFF;
    background: url(images/icons/register.png) no-repeat; 
    background-size: 23px 23px;
    background-position: 23% 60%;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.register1:hover{ 
background: url(images/icons/register.png) no-repeat; 
background-size: 23px 23px;
background-position: 23% 60%;
background-color: #e7585a; 
}
@media screen and (max-width:768px) { 
input.register1{width:130px; height:30px; font-size: 15px; padding-left: 30px; background-position: 20% 60%;}
input.register1:hover {background-position: 20% 60%;}
}

input.login{  
    width:170px;
    height:35px;
    border:none;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 30px;
    cursor:pointer;
    text-align:center;
    font-size: 18px;
    margin-left: 180px;
    padding-left: 10px;
    color:#FFFFFF;
    background: url(images/icons/login.png) no-repeat; 
    background-size: 23px 23px;
    background-position: 26% 60%;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.login:hover{ 
background: url(images/icons/login.png) no-repeat; 
background-size: 23px 23px;
background-position: 26% 60%;
background-color: #e7585a; 
}
@media screen and (max-width:768px) { 
input.login{width:130px; height:30px; font-size: 15px; padding-left: 15px; background-position: 23% 60%;}
input.login:hover {background-position: 23% 60%;}
}

input.upload_photo{  /*Register*/
    width:150px;
    height:35px;
    border:none;
    cursor:pointer;
    text-align:center;
    font-size: 18px;
    padding-left: 30px;
    color:#FFFFFF;
    background: url(images/icons/add_photo.png) no-repeat; 
    background-size: 26px 26px;
    background-position: 23% 60%;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.upload_photo:hover{ 
background: url(images/icons/add_photo.png) no-repeat; 
background-size: 26px 26px;
background-position: 23% 60%;
background-color: #e7585a; 
}
@media screen and (max-width:768px) { 
input.upload_photo{width:130px; height:30px; font-size: 15px; padding-left: 30px; background-position: 23% 60%;}
input.upload_photo:hover {background-position: 23% 60%;}
}

input.pay_now{  /*Checkout payment*/
    width:150px;
    height:35px;
    border:none;
    margin-right: 20px;
    margin-top: 10px;
    margin-bottom: 30px;
    padding-left: 20px;
    cursor:pointer;
    text-align:center;
    font-size: 18px;
    color:#FFFFFF;
    background: url(images/icons/pay.png) no-repeat; 
    background-size: 25px 25px;
    background-position: 10% 60%;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.pay_now:hover{ 
background: url(images/icons/pay.png) no-repeat; 
background-size: 25px 25px;
background-position: 10% 60%;
background-color: #e7585a; 
}
@media screen and (max-width:768px) { 
input.pay_now{width:120px; height:30px; font-size: 15px; padding-left: 20px; background-position: 5% 60%;}
input.pay_now:hover{padding-left: 20px; background-position: 5% 60%;}
}


input.button_small0{ /*members search*/
    width:130px;
    height:35px;
    border:none;
    margin-left:200px;
    margin-right: 20%;
    margin-top: 10px;
    margin-bottom: 30px;
    cursor:pointer;
    text-align:center;
    font-size: 17px;
    color:#FFFFFF;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
@media screen and (max-width:768px) {
input.button_small0 {height:25px; font-size: 15px;}
}

input.button_small0:hover{ 
    background-color: #e7585a; 
}
input.button_small1{  /*otp.php*/
    width:130px;
    height:35px;
    border:none;
    margin-right: 15%;
    margin-bottom: 10px;
    cursor:pointer;
    text-align:center;
    font-size: 18px;
    float:right;
    color:#FFFFFF;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}

input.button_small1:hover{ 
    background-color: #e7585a; 
}
input.button_small2{  /* Ask photo*/
    width:180px;
    height:25px;
    border:none;
    cursor:pointer;
    text-align:center;
    font-size: 16px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small2:hover{ 
    background-color: #e7585a; 
}
input.button_small3{ /*Ask family, lifestyle etc. */
    width:180px;
    height:22px;
    border:none;
    cursor:pointer;
    text-align:center;
    font-size: 15px;
    float: left;
    margin-left: 230px;
    margin-top: -23px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}

input.button_small3:hover{ 
    background-color: #e7585a; 
}
input.button_small4{ /* Report profile*/
    width:130px;
    height:22px;
    border:none;
    cursor:pointer;
    text-align:center;
    margin-top: 5px;
    margin-left: 50px;
    font-size: 15px;
    font-weight: bold;
    float: left;
    color: #ffffff;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small4:hover{ 
    background-color: #e7585a; 
}
input.button_small4a{ /* Chat send*/
    width:25px;
    height:25px;
    border:none;
    cursor:pointer;
    text-align:center;
    margin-top: -50px;
    margin-left: 270px;
    font-size: 15px;
    font-weight: bold;
    float: left;
    color: #ffffff;
    background: url(images/icons/message1.png) no-repeat; 
    background-size: 23px 23px;
    background-position: 40% 60%;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small4a:hover{ 
     
}

input.button_small5{ /*Privacy setting*/
    width:130px;
    height:25px;
    margin-top: 10px;
    margin-left: 40%;
    border:none;
    cursor:pointer;
    text-align:center;
    font-size: 15px;
    color: #ffffff;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small5:hover{ 
    background-color: #e7585a;  
}

input.button_small5a{ /*Buy credits*/
    width:90px;
    height:22px;
    margin-left: 0px;
    border:none;
    cursor:pointer;
    text-align:center;
    font-size: 14px;
    color: #ffffff;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small5a:hover{ 
    background-color: #e7585a;  
}

input.button_small6{  /*verify OTP*/
    width:130px;
    height:35px;
    border:none;
    margin-left: 180px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    float:left;
    clear:both;
    cursor:pointer;
    text-align:center;
    font-size: 18px;
    color: #ffffff;
    background: url(images/icons/verify_otp.png) no-repeat; 
    background-size: 25px 25px;
    background-position: 20% 60%;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small6:hover{ 
    background: url(images/icons/verify_otp.png) no-repeat; 
    background-size: 25px 25px;
    background-position: 20% 60%;
    background-color: #e7585a;  
}
input.button_small6a{  /*Send OTP*/
    width:130px;
    height:35px;
    border:none;
    margin-left: 180px;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
    float:left;
    clear:both;
    cursor:pointer;
    text-align:center;
    font-size: 18px;
    color: #ffffff;
    background: url(images/icons/send_otp.png) no-repeat; 
    background-size: 25px 25px;
    background-position: 20% 60%;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small6a:hover{ 
    background: url(images/icons/send_otp.png) no-repeat; 
    background-size: 25px 25px;
    background-position: 20% 60%;
    background-color: #e7585a;  
}

input.button_small8{  /*Forget pw, signout devices*/
    width:160px;
    height:22px;
    border:none;
    cursor:pointer;
    float:left;
    margin-top: 10px;
    margin-left: 170px;
    text-align:center;
    font-size: 15px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small8:hover{ 
   background-color: #ebebeb; 
}
input.button_small9{  /*close account*/
    width: 170px;
    height:22px;
    margin-top: 5px;
    margin-left: 200px;
    margin-bottom: 10px;
    cursor:pointer;
    text-align:center;
    font-size: 15px;
    color: #ffffff;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small9:hover{ 
    background-color: #e7585a;  
}
@media screen and (max-width:768px) { 
input.button_small9{margin-left: 160px;}
}

input.button_small10{  /*Load prv msg Chat*/
    width:30px;
    height:18px;
    cursor:pointer;
    margin-left: 130px;
    margin-top: -20px;
    text-align:center;
    font-size: 16px;
    font-weight: bold;
    color:#e54648;
    background-color: #ebebeb; 
    border: none;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

input.button_big{  /*Dashboard*/
    width:170px;
    height:35px;
    border:none;
    margin-left: 20px;
    margin-top: 10px;
    margin-bottom: 30px;
    cursor:pointer;
    text-align:center;
    font-size: 18px;
    float:right;
    color:#FFFFFF;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
@media screen and (max-width:768px) { 
input.button_big{width:130px; height:30px; font-size: 15px;}
}
input.button_big:hover{ 
    background-color: #e7585a; 
}
input.button_big1{  /*Forget pw, contact us, ticket*/
    width:170px;
    height:35px;
    border:none;
    margin-left: 170px;
    margin-top: 10px;
    margin-bottom: 30px;
    cursor:pointer;
    text-align:center;
    font-size: 18px;
    color:#FFFFFF;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
@media screen and (max-width:768px) { 
input.button_big1{width:130px; height:30px; font-size: 15px;}
}
input.button_big1:hover{ 
    background-color: #e7585a; 
}

input.button_skip{  /*Register*/
    width:80px;
    height:20px;
    margin-top: 10px;
    margin-left: 200px;
    margin-bottom: 30px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 13px;
    float:left;
    clear:both;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_skip:hover{
background-color: #ebebeb;     
}

input.button_skip1{ /*Dashboard*/
    width:100px;
    height:35px;
    margin-top: 10px;
    margin-bottom: 30px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 18px;
    float:left;
    clear:both;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_resend{ /*Register*/
    width:80px;
    height:20px;
    margin-left: 200px;
    margin-top: -10px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 13px;
    float:left;
    clear:both;
    color:#00827f;
    background: #f5f3f4;
}
input.button_resend:hover{
    background-color: #f5f3f4;     
}
input.button_resend:disabled{
    background-color: #cfcfcf;     
}

input.button_resend1{  /*otp.php*/
    width:90px;
    height:25px;
    margin-top: 10px;
    margin-right: 25%;
    margin-bottom: 10px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    float:right;
    color:#454545;
    font-size:14px;
    word-spacing: 0.2em;
    background-color: #ffffff; 
}
input.button_resend1:hover{
    background-color: #ffffff;     
}
.profile_buttons{
width:350px;
align-items: baseline;
display: flex;
justify-content: center;
padding-top: 10px;
border: 0px solid green;
}
@media screen and (max-width:768px) {
.profile_buttons{width:100%; padding: 0%; margin-top: 20px; margin-bottom: 10px; margin-left: -10px; justify-content: space-around; }    
}

.profile_buttons1{
width:300px; 
margin-left:50%;
margin-top: 20px;
border: 0px solid green;
}
@media screen and (max-width:768px) {
.profile_buttons1{width:250px; margin-left:35%;}    
}
.int_rcved{
height: 20px;
width: 340px;
padding-top: 10px;
padding-left: 10px;
display: flex;
justify-content: flex-start;
color: #00827f;
font-size:14px;
letter-spacing:-0.1px;
border: 0px solid green;
}
@media screen and (max-width:768px) {
.int_rcved{width: 100%;  padding: 0% ; margin-bottom: -20px; margin-left: -10px; padding-top: 10px; justify-content: center;}    
}    
input.button_shortlist{
    width:150px;
    height:35px;
    margin-top: 10px;
    margin-left: 10px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 16px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
@media screen and (max-width:768px) {
input.button_shortlist {width:90px; font-size: 15px;}    
}
input.button_shortlist:hover{
background-color: #f0f0f0;     
}
input.button_unshortlist{
    width:150px;
    height:35px;
    margin-top: 10px;
    margin-left: 10px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_unshortlist:hover{
background-color: #f0f0f0;  
}
@media screen and (max-width:768px) {
input.button_unshortlist {width:100px; font-size: 14px;}    
}
input.button_shortlist1{
    width:130px;
    height:27px;
    cursor:pointer;
    border:0px solid #595959;
    margin-top: 5px;
    margin-left: 25px;
    padding-left: 20px;
    text-align:center;
    font-size: 14px;
    color:#454545;
    background: url(images/icons/shortlist.png) no-repeat; 
    background-size: 17px 17px;
    background-position: 20% 60%;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_shortlist1:hover{
background: url(images/icons/shortlist.png) no-repeat; 
background-size: 17px 17px;
background-position: 20% 60%;    
background-color: #f0f0f0;     
}
@media screen and (max-width:768px) {
 input.button_shortlist1{width:100px; height:22px; font-size: 13px; font-weight: normal; padding-left: 20px; background-position: 13% 60%;}   
 input.button_shortlist1:hover {background-position: 13% 60%;}   
}

input.button_shortlist2{
    width:120px;
    height:35px;
    margin-right: 10px;
    margin-top:-35px;
    cursor:pointer;
    float:right;
    border:0px solid #595959;
    text-align:center;
    font-size: 18px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_msg{  /*view member, profile, mem_view_profile*/
    width:310px;
    height:35px;
    margin-top: 10px;
    margin-left: 10px;
    padding-left: 30px; 
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 17px;
    color:#ffffff;
    background: url(images/icons/message1.png) no-repeat; 
    background-size: 25px 25px;
    background-position: 35% 60%;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_msg:hover{    
background: url(images/icons/message1.png) no-repeat; 
background-color: #e7585a; 
background-position: 35% 60%;
background-size: 25px 25px;
}
@media screen and (max-width:768px) {
input.button_msg {width:120px; font-size: 15px; padding-left: 30px; background-position: 10% 60%;}    
input.button_msg:hover {background-position: 10% 60%;}
}

input.button_msg1{
    width:130px;
    height:27px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    padding-left: 20px;
    font-size: 14px;
    color:#ffffff;
    background: url(images/icons/message1.png) no-repeat; 
    background-size: 15px 15px;
    background-position: 18% 60%;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;  
}
input.button_msg1:hover{
    background: url(images/icons/message1.png) no-repeat; 
    background-size: 15px 15px;
    background-position: 18% 60%;
    background-color: #e7585a;     
}
@media screen and (max-width:768px) {
 input.button_msg1{width:100px; height:22px; font-size: 13px; font-weight: normal; padding-left: 20px; background-position: 10% 60%;}   
 input.button_msg1:hover {background-position: 10% 60%;}
}

input.button_int{   /*Send Interest*/
    width:150px;
    height:35px;
    margin-top: 10px;
    margin-left: 10px;
    padding-left: 25px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 16px;
    color:#ffffff;
    background: url(images/icons/int_send.png) no-repeat; 
    background-size: 35px 35px;
    background-position: 15% 60%;
    background-color: #009282; 
    -moz-border-radius: 5px;
    border-radius: 5px;  
}
input.button_int:hover{
background: url(images/icons/int_send.png) no-repeat; 
background-size: 35px 35px;
background-position: 15% 60%;    
background-color: #009282;     
}
@media screen and (max-width:768px) {
input.button_int {width:120px; font-size: 15px; padding-left: 30px; background-position: 10% 60%;}    
input.button_int:hover {background-position: 10% 60%;}    
}


input.button_int2{   /*Sent Interest*/
    width:150px;
    height:35px;
    margin-top: 10px;
    margin-left: 10px;
    padding-left: 20px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 16px;
    color:#ffffff;
    background: url(images/icons/int_sent.png) no-repeat; 
    background-size: 30px 30px;
    background-position: 24% 60%;
    background-color: #009282; 
    -moz-border-radius: 5px;
    border-radius: 5px;  
}
input.button_int2:hover{
background: url(images/icons/int_sent.png) no-repeat; 
background-size: 30px 30px;
background-position: 24% 60%;    
background-color: #009282;     
}
@media screen and (max-width:768px) {
input.button_int2 {width:120px; font-size: 15px; padding-left: 25px; background-position: 18% 60%;}    
input.button_int2:hover {background-position: 18% 60%;}    
}

input.button_int1{    /*Send intrest button*/
    width:130px;
    height:27px;
    margin-top: 5px;
    margin-left: 25px;
    padding-left: 20px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#ffffff;
    background: url(images/icons/int_send.png) no-repeat; 
    background-size: 20px 20px;
    background-position: 18% 60%;
    background-color: #009282; 
    -moz-border-radius: 5px;
    border-radius: 5px;  
}
input.button_int1:hover{
background: url(images/icons/int_send.png) no-repeat; 
background-size: 20px 20px;
background-position: 18% 60%;    
background-color: #009282; 
}
@media screen and (max-width:768px) {
input.button_int1 {width:100px; height:22px; font-size: 13px; padding-left: 20px; background-position: 10% 60%;}    
input.button_int1:hover {background-position: 10% 60%;}    
}


input.button_int3{   /*Accept*/
    width:150px;
    height:35px;
    margin-top: 10px;
    margin-left: 10px;
    padding-left: 30px; 
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#ffffff;
    background: url(images/icons/int_accept.png) no-repeat; 
    background-size: 25px 25px;
    background-position: 26% 60%;
    background-color: #009282; 
    -moz-border-radius: 5px;
    border-radius: 5px;  
}
input.button_int3:hover {
    background: url(images/icons/int_accept.png) no-repeat; 
    background-size: 25px 25px;
    background-position: 26% 60%;
    background-color: #009282; 
}
@media screen and (max-width:768px) {
input.button_int3 {width:75px; font-size: 14px; text-align:right; background-size: 20px 20px; padding-left: 0px; background-position: 5% 60%;}    
input.button_int3:hover {background-size: 20px 20px; background-position: 5% 60%;}    
}

input.button_int4{  /*Reject*/
    width:150px;
    height:35px;
    margin-top: 10px;
    margin-left: 10px;
    padding-left: 30px; 
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#454545;
    background: url(images/icons/int_reject.png) no-repeat; 
    background-size: 25px 25px;
    background-position: 26% 60%;
    background-color: #FFA07A; 
    -moz-border-radius: 5px;
    border-radius: 5px;  
}
input.button_int4:hover{
background: url(images/icons/int_reject.png) no-repeat; 
background-size: 25px 25px;
background-position: 26% 60%;    
background-color: #FFA07A;     
}
@media screen and (max-width:768px) {
input.button_int4 {width:75px; font-size: 14px; text-align:right; padding-left: 0px; background-size: 20px 20px; background-position: 5% 60%;}    
input.button_int4:hover {background-size: 20px 20px; background-position: 5% 60%;}        
}

input.button_int5{  /*Int accepted*/
    width:150px;
    height:35px;
    margin-top: 10px;
    margin-left: 10px;
    padding-left: 25px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    font-weight: bold;
    color:#ffffff;
    background: url(images/icons/int_accepted.png) no-repeat; 
    background-size: 25px 25px;
    background-position: 18% 60%;
    background-color: #009282; 
    -moz-border-radius: 5px;
    border-radius: 5px;  
}
input.button_int5:hover {
    background: url(images/icons/int_accepted.png) no-repeat; 
    background-size: 25px 25px;
    background-position: 18% 60%;
    background-color: #009282; 
}
@media screen and (max-width:768px) {
input.button_int5 {width:130px; font-size: 14px; font-weight: normal; padding-left: 30px; background-position: 15% 60%;}    
input.button_int5:hover {background-position: 15% 60%;}    
}

input.button_int6{ /*Int Rejected*/
    width:150px;
    height:35px;
    margin-top: 10px;
    margin-left: 10px;
    padding-left: 28px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#454545;
    background: url(images/icons/int_rejected.png) no-repeat; 
    background-size: 25px 25px;
    background-position: 23% 60%;
    background-color: #FFA07A; 
    -moz-border-radius: 5px;
    border-radius: 5px;  
}
input.button_int6:hover{
background: url(images/icons/int_rejected.png) no-repeat; 
background-size: 25px 25px;
background-position: 23% 60%;    
background-color: #FFA07A;     
}
@media screen and (max-width:768px) {
input.button_int6 {width:130px; font-size: 14px; padding-left: 20px; background-position: 15% 60%;}    
input.button_int6:hover {background-position: 15% 60%;}    
}

input.button_int7{
    width:80px;
    height:25px;
    margin-right: 100px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    float:right;
    font-size: 16px;
    color:#ffffff;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
@media screen and (max-width:768px) {
input.button_int7 {width:65px; height:20px; font-size: 14px; margin-right: 80px;}    
}
input.button_int8{
    width:80px;
    height:25px;
    margin-right: 10px;
    margin-top: -24px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    float:right;
    font-size: 16px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
@media screen and (max-width:768px) {
input.button_int8 {width:65px; height:20px; font-size: 14px; margin-top: -20px;}    
}
input.button_number{
    width:120px;
    height:22px;
    cursor:pointer;
    float:right;
    margin-left: -100px;
    margin-top: 5px;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    font-weight: bold;
    color:#ffffff;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
@media screen and (max-width:768px) {
input.button_number{margin-left: 170px; margin-top: -20px;}    
}
input.button_number1{
    width:130px;
    height:22px;
    cursor:pointer;
    float:right;
    margin-left: -100px;
    margin-top: 5px;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#ffffff;
    background: #009282;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
@media screen and (max-width:768px) {
input.button_number1{margin-left: 170px; margin-top: -20px;}    
}
input.button_number1:hover{
background: #009282;    
}

input.button_small{  /*message_inbox, mobile_view (Reply)  */
    width:30px;
    height:30px;
    margin-right: 40px;
    cursor:pointer;
    float:right;
    border:0px solid #595959;
    text-align:center;
    font-size: 16px;
    color:#454545;
    background: url(images/icons/message1.png) no-repeat; 
    background-size: 23px 23px;
    background-position: 30% 60%;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small:hover{    
background: url(images/icons/message1.png) no-repeat; 
background-size: 23px 23px;
background-position: 30% 60%;
}
@media screen and (max-width:768px) {
input.button_small{font-size: 14px; margin-right: 20px; width:30px; height:30px;}    
}

input.button_small7{  /*view_member, view_profile (Block)*/
    width:80px;
    height:25px;
    margin-right: 10px;
    cursor:pointer;
    float:left;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small7a{  /*view_member, view_profile (Report)*/
    width:80px;
    height:25px;
    margin-left: 10px;
    cursor:pointer;
    float:right;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
@media screen and (max-width:768px) {
input.button_small7a{margin-top: 0px;}
}
input.button_small11{  /*Select all, Deselect*/
    width:110px;
    height:25px;
    margin-right: 10px;
    cursor:pointer;
    float:left;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small12{  /*Edit staff*/
    width:60px;
    height: 22px;
    margin-top: -2px;
    float: right;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small13{ /* Edit Reject staff */
    width:140px;
    height:22px;
    border:none;
    margin-left: 150px;
    cursor:pointer;
    text-align:center;
    margin-top: 5px;
    font-size: 14px;
    color: #ffffff;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small13a{    /*Mem edit profile*/
    width:250px;
    height:22px;
    border:none;
    margin-left: 150px;
    cursor:pointer;
    text-align:center;
    margin-top: 5px;
    font-size: 13px;
    color: #ffffff;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small13a1{    /*Mem edit profile*/
    width:175px;
    height:22px;
    border:none;
    margin-left: 150px;
    cursor:pointer;
    text-align:center;
    margin-top: 5px;
    font-size: 13px;
    color: #454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small13a1:hover{ 
 background-color: #ebebeb;    
}
input.button_small13a2{    /*Mem edit photo*/
    width:140px;
    height:22px;
    margin-left: -10px;
    border:none;
    cursor:pointer;
    text-align:center;
    margin-top: 5px;
    font-size: 13px;
    color: #454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small13a2:hover{ 
 background-color: #ebebeb;    
}

input.button_small13b{    /*Create Ticket, compose email*/
    width:140px;
    height:22px;
    border:none;
    margin-left: 35%;
    cursor:pointer;
    text-align:center;
    margin-top: 5px;
    font-size: 14px;
    color: #ffffff;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small14{  /*Edit staff*/
    width:60px;
    height: 22px;
    margin-top: -2px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small14a{  /*Photos list*/
    width:20px;
    height: 20px;
    margin-top: -2px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#454545;
    background: url(images/icons/edit.png) no-repeat; 
    background-size: 20px 20px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small14a1{  /*Photos list*/
    width:20px;
    height: 20px;
    margin-top: -2px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#454545;
    background: url(images/icons/remove.png) no-repeat; 
    background-size: 18px 18px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

input.button_small14a2{  /*pending members*/
    width:20px;
    height: 20px;
    margin-top: -2px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#454545;
    background: url(images/icons/profile.png) no-repeat; 
    background-size: 18px 18px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

input.button_small14b{  /*Photo edit*/
    width:33px;
    height: 20px;
    margin-top: -2px;
    cursor:pointer;
    border:0px solid #595959;
    font-size: 13px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}

input.button_small15{  /*Pending edits*/
    width:60px;
    height: 22px;
    margin-top: -20px;
    float: right;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small16{  /*Staff Search member*/
    min-width:80px;
    height: 20px;
    margin-bottom: 3px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small16a{  
    min-width:40px;
    height: 20px;
    margin-bottom: 3px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 13px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small17{  /*mem edit photos*/
    width:120px;
    height: 20px;
    margin: 5px 0px 10px 0px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#ffffff;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small18{  /*mem view ticket, ticket view*/
    width:70px;
    height: 25px;
    margin: -10px 0px 10px 300px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
@media screen and (max-width:768px) {
input.button_small18 {margin: -10px 0px 10px 100px;}
}
input.button_small18a{  /*mem view ticket, ticket view*/
    width:120px;
    height: 25px;
    margin: -10px 0px 10px 10px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#ffffff;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small18b{  /*mem view ticket, ticket view*/
    width:70px;
    height: 20px;
    margin: 0px 0px 10px 320px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
@media screen and (max-width:768px) {
input.button_small18b {margin: 0px 0px 10px 120px;}
}
input.button_small18b:hover{ 
    background-color: #ebebeb; 
}
input.button_small18b1{  /*mem view ticket, ticket view*/
    width:70px;
    height: 20px;
    margin: 0px 0px 10px 10px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small18b1:hover{ 
    background-color: #ebebeb; 
}
input.button_small18c{  /*mem view ticket, ticket view*/
    width:100px;
    height: 20px;
    margin: 0px 0px 10px 130px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small18c:hover{ 
    background-color: #ebebeb; 
}
input.button_small19{  /*Go back button*/
    height: 17px;
    margin-bottom: 3px;
    margin-right: 10px;
    float:left;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#ffffff;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small19a{  /*Compose Ticket msg*/
    height: 30px;
    margin-bottom: 7px;
    margin-right: 10px;
    float:left;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 24px;
    color:#333333;
    background-color: #efefef; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small20{  /*Index page mobile view button*/
    width:350px;
    height: 50px;
    margin: 0px 0px 10px 0px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: -0.1px;
    color:#ffffff;
    background-color: #e54648; 
    -moz-border-radius: 5px;
    border-radius: 15px;
}
input.button_small20:hover{ 
    background-color: #e7585a; 
}

input.button_small20a{  /*Index page mobile view button*/
    width:190px;
    height: 30px;
    margin: 0px 0px 10px 0px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 16px;
    letter-spacing: -0.1px;
    color:#ffffff;
    background-color: #aa775f; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}
input.button_small20a:hover{ 
    background-color: #b48873; 
}
.index_button{
    width:100%;
    height: 90px;
    border: 0px solid red;   
   
}
input.button_small21{  /*Error allowed charcters*/
    height: 13px;
    margin-bottom: 3px;
    margin-right: 10px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 9px;
    color:#ffffff;
    background-color: #e54648; 
    border-radius: 50%;
}
input.button_small22{  /*Prev Next*/
    width:110px;
    height:25px;
    margin-right: 10px;
    cursor:pointer;
    float:left;
    border:0px solid #595959;
    text-align:center;
    font-size: 14px;
    color:#454545;
    background-color: #ebebeb; 
    -moz-border-radius: 5px;
    border-radius: 5px;
}

input.button_small23{  /*mem profile edit*/
    height: 13px;
    margin-bottom: 3px;
    margin-right: 10px;
    cursor:pointer;
    border:0px solid #595959;
    text-align:center;
    font-size: 9px;
    color:#ffffff;
    background-color: #dfdfdf; 
    border-radius: 50%;
}

.check_box{            /*Register*/
    padding:0 0 0 80px;
    color: #333333;
    font-size: 13px;
    border: 0px solid red;
}
.check_box a{
    text-decoration: none;
    color:#777777;
}
.check_box a:hover{
    text-decoration: underline;
    color:#777777;
}
.check_box1{         /*staff pages*/
    width: 100%;
    color: #333333;
    font-size: 13px;
    border: 0px solid red;
}

.form_subtitle{
    width:150px;
    height:15px;
    float: left;
    clear: both;
    background-color: #e54648;
    text-align:left;
    padding:0 7px 0 7px;
    color:#FFFFFF;
    font-size:12px;
    font-weight: bold;
    vertical-align: middle;
}


/*---------------footer------------------------*/
.footer_wrap{
    width: 100%; 
    max-width:1000px;
    height:2px;
    position:fixed;
    bottom:0;
    clear: both;
    background-color: #e54648;
    margin-top: 15px;
    border-top: 1px #dfdfdf solid; 
}
.footer_wrap1{
    width: 100%; 
    height:auto;
    bottom:0;
    clear: both;
    background-color: #e54648;
    margin-top: 15px;
    padding: 15px 0px 15px 0px;
    border-top: 1px #dfdfdf dashed; 
    border-bottom: 2px #feffff solid;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
@media screen and (max-width:768px) {
.footer_wrap1 {height:auto;border-bottom-left-radius: 10px; border-bottom-right-radius: 10px;}
}

.footer_text{
font-family: arial;    
padding-left: 10px;
padding-right: 10px;
border: 0px solid blue;
width:85%;
color:#ffffff;
font-size:13px;
line-height: 23px;
}
@media screen and (max-width:768px) {
.footer_text {font-size:12px; line-height: 13px; width:70%;}
}

.footer_text a{
line-height: 20px;
word-spacing: -0.1px;
text-decoration:none;
padding:0 8px 0 0px;
color:#ffffff;
outline:0; 
}
.footer_text a:hover{
text-decoration:underline;
outline:0; 
}

.footer_img{
width: 15%;
float:right;
border: 0px solid red;
margin-top: -25px;
}
@media screen and (max-width:768px) {
.footer_img {width: 25%; margin-top: -40px;}
}
.footer_img table{
width:100%;    
border: 0px solid black;
}


.footer_copyright{
color:#ffffff;    
font-size:13px;
word-spacing: -0.1px;
letter-spacing: 0px;
margin-top: 10px;
}
@media screen and (max-width:768px) {
.footer_copyright {font-size:12px;}
}

/*................White background box........................*/
.white_bg_box0{
    width: 1000px;
    height:550px;
    text-align:justify; 
    background-color: #ffffff;
    border: 0px solid red;
}

.white_bg_box{
    margin-left: 0px;
    padding-top: 20px;
    width: 920px;
    clear:left;
    text-align:justify; 
    background-color: #ffffff;
    border:0px #cfcfcf dashed;
    border-radius:5px;
}
progress {
  width: 95%;
  display: block; 
  border: 0 none;
  background: #ebebeb;
  border-radius: 14px;
}
.red_dot {
  height: 8px;
  width: 8px;
  background-color: #cc0000;
  border-radius: 20%;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
}
.green_dot {
  height: 8px;
  width: 8px;
  background-color: #448926;
  border-radius: 20%;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
}
.black_dot {
  height: 8px;
  width: 8px;
  background-color: grey;
  border-radius: 20%;
  display: inline-block;
  margin-right: 5px;
}
.yellow_dot {
  height: 8px;
  width: 8px;
  background-color:  yellow;
  border-radius: 20%;
  display: inline-block;
  margin-right: 5px;
}
.dashboard_fig{
    width:150px;
    height:40px;
    float: left;
    clear: both;
    text-align:center;
    padding:3px 7px 3px 7px;
    margin: 5px 5px 0px -10px;
    color: #444444;
    font-size:15px;
    background-color: #efefef;
}
@media screen and (max-width:768px) {
.dashboard_fig{width:165px; height:25px;  line-height:14px; font-size:12px; margin: 2px 2px 0px 0px;}
}
.dashboard_fig1{
width:148px;
height:30px;
float: left;
clear: both;
text-align:center;
padding:0 7px 0 7px;
margin: 0px 0 0px -10px;
color: #444444;
font-size:18px;
border: 1px solid #efefef;    
}
@media screen and (max-width:768px) {
.dashboard_fig1{width:163px; height:15px; font-size:12px; margin: 0px 5px 0px 0px;}
}
.dashboard_fig_img{
margin-left: -3px;
float:left;
border:0px solid red;
}
@media screen and (max-width:768px) {
.dashboard_fig_img{}
}
.dashboard_fig_img img{
width:25px;
height:25px;
}
.dashboard_fig_text{
width: 120px;   
margin-left: 5px;
float:right;
font-size: 14px;
border:0px solid blue;
}
@media screen and (max-width:768px) {
.dashboard_fig_text{width:120px; font-size: 12px; margin-right: 10px;}
}

.dashboard_fig_img1{  /*img1, text1 for user dashboard*/
margin-top: 5px;
float:left;
border:0px solid red;
}
@media screen and (max-width:768px) {
.dashboard_fig_img1{margin-top: 0px;}
}
.dashboard_fig_img1 img{
width:20px;
height:20px;
}
.dashboard_fig_text1{
width: 130px;   
margin-left: 2px;
margin-top: -30px;
float:right;
font-size: 14px;
border:0px solid blue;
}
@media screen and (max-width:768px) {
.dashboard_fig_text1{width:120px; font-size: 12px; margin-top: 0px; margin-right: 20px; text-align: center;}
}

.int_date{
 font-size: 11px;
 font-style: italic;
 letter-spacing: -0.3px;
}
.profile_img1{
max-height: 280px;
min-height: 200px;
max-width: 350px;
width: 70%;
border-radius: 10px;
}

.profile_img2{
height: 50px; 
width: 50px;
border-radius: 10px;
}
.profile_img3{
height: 150px; 
width: 140px;
border-radius: 10px;
}
@media screen and (max-width:768px) {
.profile_img3{height: 100px; width: 90px;}
}
.profile_img5{
height: 75px; 
width: 55px;
border-radius: 10px;
margin-right: 10px;
}
@media screen and (max-width:768px) {
.profile_img5{height: 75px; width: 55px; margin-right: 10px;}
}
.profile_img6{         /*Member list*/
height: 100px; 
width: 90px;
border-radius: 10px;
}
@media screen and (max-width:768px) {
.profile_img6{height: 100px; width: 90px;}
}
.profile_img7{     /*Reported List*/
height: 60px; 
width: 60px;
border-radius: 50%;
}
@media screen and (max-width:768px) {
.profile_img7{height: 60px; width: 60px; margin-right: 10px;}
}

.file_view{
height: 50px; 
width: 50px;
border-radius: 10px;
}

.file_view1{
height: 100px; 
width: 80px;
margin-left: 30px;
border-radius: 10px;
}

.ticket_list {
 width: 100%;
 margin-top: -5px;
 float:right;
 border: 0px solid blue;
}
@media screen and (max-width:768px) {
.ticket_list {width: 95%;}
}
.ticket_list h2{
    color: #444444;
    font-size: 14px;    
    font-weight: bold;
    margin-bottom: 5px;
}
.each_ticket {
min-height: 93px;    
margin: 5px 0px 0px 0px;
border-bottom: 1px solid #efefef;
}
@media screen and (max-width:768px) {
.each_ticket {min-height: 103px;}
}

.thread_list{
width: 100%;
 border: 0px solid blue; 
 font-size:14px;
 word-spacing: 0.2em;
}
@media screen and (max-width:768px) {
.thread_list {font-size:13px;}
}

.each_thread{
margin: 0px 0px 0px 0px;
padding-top: 3px;
padding-bottom: 3px;
min-height: 20px;
width:100%;
display: flex;
flex-direction: row;
border-bottom: 1px solid #efefef;    
}
.thread_name{
width:25%;
margin-right: 10px;
color: #454545;
float: left;
border: 0px solid red;
}
.thread_name a{
text-decoration: none;
color: #454545;
}
.thread_name a:hover{
text-decoration: underline;
}
.thread_subj{
width:73%;
float: right;
color: #454545;
border: 0px solid red;
}
.thread_date{
width:20%;    
float: right;
border: 0px solid red;
}

.email_body{   
width: 100%;
margin-top: 10px;
 border: 0px solid blue; 
 font-size:14px;
 color: #454545;
 line-height: 17px;
 word-spacing: 0.2em;
}

.email_subj1{
width:100%;
margin-bottom: 10px;
float: left;
font-size: 16px;
font-weight: bold;
color: #454545;
border: 0px solid red;
}
.email_header{
width:100%;
margin-bottom: 5px;
font-size:13px;
color: #555555;
border: 0px solid blue;
display: flex;
}
.email_header1{
margin-bottom: 15px;
font-size:13px;
color: #555555;
}
.email_to{
width:70%;
float: left;
border: 0px solid green;
}
.email_date1{
width:25%;    
float: right;
border: 0px solid red;
}

.each_ticket h2{
    color: #444444;
    font-size: 14px;    
    font-weight: bold;
    margin-bottom: 5px;
}
.name_date{
width: 90%;
letter-spacing:-0.2px;    
line-height: 20px;
color: #333333;
font-size: 12px;
margin-left: 40px;
margin-bottom: 15px;
border: 0px solid red;
}
.name_date1{
width: 95%;
letter-spacing:-0.2px;    
color: #333333;
font-size: 12px;
margin-bottom: 5px;
margin-left: -7px;
border: 0x solid red;
}

.each_ticket1 {
height: 50px;    
margin: 5px 0px 0px 0px;
border-bottom: 1px solid #efefef;
}
.each_ticket1 h2{
    color: #444444;
    font-size: 14px;    
    font-weight: bold;
    margin-bottom: 5px;
}
.each_ticket1 h3{
    color: #444444;
    font-size: 13px;    
    font-weight: bold;
    margin-bottom: 5px;
}

.each_ticket2 {
min-height: 70px;    
margin: 2px 0px 0px 0px;
border-bottom: 1px solid #efefef;
}
@media screen and (max-width:768px) {
.each_ticket2 {min-height: 70px;}
}
.each_ticket2 a{
text-decoration: none;
}
.each_ticket2 a:hover p{
background-color: #efefef;
border-radius: 5px;
}
.each_ticket2 h2{
    color: #444444;
    font-size: 14px;    
    font-weight: bold;
    margin-bottom: 5px;
}

.open {
  background-color: #E83A36;
  color: #ffffff;
  font-size: 11px;
  margin-left: 10px;
  padding: 0px 10px 2px 10px;
  border-radius: 5px;
}
.closed {
  background-color: #00a800;
  color: #ffffff;
  font-size: 11px;
  margin-left: 10px;
  padding: 0px 10px 2px 10px;
  border-radius: 5px;
}
.member_name{
    background: #00827f;
    border-radius: 50%;
    width: 60px;
    height: 60px;    
}
@media screen and (max-width:768px) {
 .member_name {width: 60px; height: 60px;}   
}
.member_name:hover{
    background: #00a693;
}
.member_name1{
    background: #e54648;
    border-radius: 50%;
    width: 60px;
    height: 60px;    
}
@media screen and (max-width:768px) {
 .member_name1 {width: 60px; height: 60px;}   
}
.member_name1:hover{
    background: #e7585a;
}
.member_name_txt{
 font-size: 15px;
 font-weight: bold;
 color: #ffffff;
 text-align: center;
 height:50px;
 width: 60px;
 border: 0px solid red;
 padding-top: 20px;
}
@media screen and (max-width:768px) {
 .member_name_txt {width: 60px; height: 50px; font-size: 14px; padding-top: 20px;}   
}


.center_content1{             /*It's used where tables with borders shown*/
    width:99%;
    padding:5px 5px 5px 5px;
    display: flex;
    justify-content: space-between;
    border: 0px solid pink;
    flex-wrap: wrap;
}
@media screen and (max-width:768px) {
    .center_content1{flex-direction: column; border: 0px solid pink; justify-content: space-between;}
}
.center_content1 table {
margin-left: 0px;
border-collapse: collapse;
}
.center_content1 table td{
    min-width: 50px;
    max-width: 150px;
    text-align: center;
    padding-right: 5px;
    padding-left: 5px;
    line-height: 18px;
    border: 1px solid #efefef;
}

.center_content2{             /*It's used where tables without borders shown*/
    width:99%;
    float: left;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0px solid red;
}
.center_content2 table {
margin-left: 0px;
border-collapse: collapse;
}
.center_content2 table td{
    min-width: 55px;
    max-width: 150px;
    text-align: center;
    padding-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    line-height: 18px;
    border: 0px solid #efefef;
}

.div_for_table{                 /*It's used where tables without borders shown*/
float: left;
border: 0px solid red;
margin-left: 10px;
margin-top: 10px;
width: 90%;
}
.div_for_table table {
margin-left: 0px;
border-collapse: collapse;
}
.div_for_table table td{
    min-width: 120px;
    line-height: 18px;
    text-align: center;
    border-bottom: 0px solid #efefef;
}
.div_for_table table td p{
     text-align: center;
}
.table_header{
background-color: #efefef;    
font-weight: bold;
}

#load_user_id{
width:230px;
margin-left: 150px;
text-align: center;
border: 0px solid red;
}

/*......Horizontal Tabs ........*/
#tabs_wrapper {
    width: 100%;
    min-height: 500px;
    background-color: white;
    border: 0px solid red;
}
#tabs_container {
    border-bottom: 0px solid #ccc;
}
#tabs {
    list-style: none;
    padding: 5px 0 4px 0;
    margin: 0 0 0 10px;
    font: 0.75em arial;
}
#tabs li {
    display: inline;
}
#tabs li a {
    border: 0px solid #ccc;
    padding: 7px 9px;
    font-size: 13px;
    font-weight: bold;
    color:#222222;
    text-decoration: none;
    background-color: #eeeeee;
    border-bottom: none;
    outline: none;
    border-radius: 5px 5px 0 0;
}
#tabs li a:hover {
    background-color: #dddddd;
    padding: 7px 9px;
}
#tabs li.active a {
    border-bottom: 1px solid #fff;
    background-color: #fff;
    padding: 7px 9px 5px 6px;
    border-bottom: none;
}
#tabs li.active a:hover {
    background-color: #fff;
    padding: 7px 9px 5px 6px;
    border-bottom: none;
}

#tabs li a.icon_accept {
    background-position: 5px;
    background-repeat: no-repeat;
    padding-left: 24px;
}
#tabs li a.icon_accept:hover {
    padding-left: 24px;
}

#tabs_content_container {
    border: 0px solid #ccc;
    border-top: none;
    width: 100%;
    min-height: 500px;
    padding-left: 10px;
}
.tab_content {
    display: none;
    color: #e54648;
    font-size: 10px;
    padding-bottom: 5px;
    margin-top: 10px;
    border: 0px solid red;
}
.tab_content a{
    font-size: 12px;
    padding:2px 0 2px 0px;
    color: #e54648;
    line-height:19px;
    vertical-align: top;    
    text-decoration: none;
}
.tab_content a:hover{
    text-decoration: underline;
}

#progress-bar{
width:0%; 
max-width: 180px; 
height: 0%; 
max-height:2px; 
text-align:center; 
background-color: #2a91d8; 
color:white; 
margin:10px 0px 20px 5px; 
padding-left:10px; 
border-radius:5px;    
}

.content_img{
border:0px solid red;
margin-top: -15px;
text-align: center;
}
.content_img1{
border:0px solid red;
margin-top: -20px;
width:100%;
}
.content_img1 img{
padding-left: 200px;
}

.show_password{
margin-left: 335px;
color: #707070;
letter-spacing: -0.5px;
}
.sample_password{
color: #707070;
letter-spacing: -0.5px;    
}

.testimonial_each{
  border: 0px solid #efefef;   
  display:none;
  border-radius: 5px;
  min-height: 30px;
  width: 90%;
 letter-spacing: -0.5px;
 margin-top: 3px;
padding: 0px 20px 5px 20px;
color:  #444444;
font-size:13px;
text-align: left;
line-height: 20px;
}

.each_feature{
  border: 0px solid #efefef;   
  display:none;
  min-height: 40px;
  margin-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  width: 90%;
 letter-spacing: -0.5px;
color:  #444444;
font-size:13px;
text-align: left;
line-height: 20px;
}