@charset "utf-8";
/* CSS Document */

@import url('sbstyle.css');
@font-face {
    font-family: "open_sansregular";
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
    /*url('../fonts/opensans-regular-webfont.woff2') format('woff2'),*/
    url('../fonts/opensans-regular-webfont.woff') format('woff'), url('../fonts/opensans-regular-webfont.ttf') format('truetype'), url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/opensans-bold-webfont.woff') format('woff'), url('../fonts/opensans-bold-webfont.ttf') format('truetype'), url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoe_uiregular';
    src: url('../fonts/segoeui-webfont.eot');
    src: url('../fonts/egoeui-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/segoeui-webfont.woff') format('woff'), url('../fonts/segoeui-webfont.ttf') format('truetype'), url('../fonts/segoeui-webfont.svg#segoe_uiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'segoe_uibold';
    src: url('../fonts/SEGOEUIB.eot');
    src: url('../fonts/egoeui-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/segoeui-webfont.woff') format('woff'), url('../fonts/SEGOEUIB.ttf') format('truetype'), url('../fonts/segoeui-webfont.svg#segoe_uiregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'calibriregular';
    src: url('../fonts/calibri-webfont.eot');
    src: url('../fonts/calibri-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/calibri-webfont.woff') format('woff'), url('../fonts/calibri-webfont.ttf') format('truetype'), url('../fonts/calibri-webfont.svg#calibriregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'calibribold';
    src: url('../fonts/Calibri-Bold.eot') format('embedded-opentype');
    src: url('../fonts/Calibri-Bold.eot') format('embedded-opentype');
    src: url('../fonts/Calibri-Bold.woff') format('woff'), url('../fonts/Calibri-Bold.ttf') format('truetype'), url('../fonts/Calibri-Bold.svg#Calibri-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Change By Sheetal 

***********************************************/

body {
    color: #333;
}

img {
    border-thickness: 0px;
    border: 0;
}

a, a:hover {
    text-decoration: none;
    outline: 0;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

p {
    font-size: 15px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

ol, ul {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Segoe UI", Arial, sans-serif;
    font-weight: 400;
    margin: 10px 0
}

.relative {
    position: relative;
}

.bodyStyleClass {
    margin: 0 auto;
    padding: 0;
    background: url(../img/bg_grad.jpg) repeat-x top;
    font-family: 'calibriregular';
}

.cursor {
    cursor: pointer;
}

#main, .main {
    margin: 0 auto;
    width: 100% !important;
    position: relative;
}

#top {
    width: 100%;
}

header {
    margin: 0px;
    padding: 0px;
    width: 100%;
    box-sizing: border-box;
    min-height: 120px;
}

.header-fixed {
    width: 100%;
    margin: inherit !important;
    padding: inherit !important;
    position: fixed;
    z-index: 1111;
    top: 0px;
    left: 0px;
    right: 0px;
    background: url(../img/bg_grad.jpg) repeat-x top;
}

.header-fixed .header-content {
    width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    min-height: 120px;
}

.networkbox {
    position: absolute;
    top: 7px;
    left: -35px;
}

.networkbox a {
    color: #fff;
    font-size: 24px;
}

.networkbox a:hover {
    color: #f1e378;
}

.nopointer {
    pointer-events: none;
    opacity: 0.6;
}

/* welcome bar fixed at top while page scrolling 

***********************************************/

.main-pad-top {
    padding-top: 162px;
}

.main-pad-top1 {
    padding-top: 45px;
}

.mainpadtop-on-menu-close {
    padding-top: 120px !important;
}

.main-pad-top-search {
    padding-top: 50px;
}

/**********************************************/


.admin_footer {
    text-align: center;
    line-height: 30px;
}

.logo {
    float: left;
    padding-top: 20px;
}

#top_right {
    float: right;
    width: 70%;
}

.top1-row {
    padding-top: 9px;
    padding-bottom: 9px;
    margin-left: -300px;
}

.top_link {
    float: right;
    padding-top: 5px;
}

.top_link a {
    font-size: 13px;
    font-family: 'segoe_uibold';
    color: #fff;
    padding: 0 5px;
}

.top_link a:hover {
    color: #fff;
}

.top2-row {
    padding-top: 10px;
}

.top2-row .photo {
    float: left;
    width: 70px;
}

.top2-row .content {
    float: left;
    width: 250px;
    color: #fff;
}

.top2-row .opp-btn-red-block {
    float: right;
    padding-top: 12px;
}

.bookmark {
    float: right;
    padding-top: 3px;
    margin-left: 20px;
    margin-right: 20px;
}

.bookmark a {
    color: #fff;
    font-size: 20px;
    margin: 6px;
}

.language {
    float: right;
}

.language .l-title {
    float: left;
    font-size: 13px;
    color: #fff;
    font-family: "segoe_uibold";
    margin-right: 10px;
    line-height: 26px;
}

.login_home {
    float: right;
}

.facebook-like {
    float: right;
    margin-left: 5px;
}

.signup {
    float: right;
    margin-left: 5px;
}

.rightEditSection {
    float: right;
    color: #fff;
    padding-right: 20px
}

.login-social {
    float: right;
    margin-left: 5px;
}

.login_home input.input {
    width: 150px;
    border: none;
    height: 30px;
}

.sensible-btn {
    float: left;
}

.sensible-btn a {
    font-size: 13px;
    color: #fff;
    font-family: "segoe_uiregular";
    font-weight: bold;
    margin: 0 3px;
    line-height: 26px;
}

/****************** Common CSS Start ******************/

.clear {
    clear: both;
}

.m_top_ten {
    margin-top: 10px !important;
}

.m_bot_ten {
    margin-bottom: 10px !important;
}

.m_top_twenty {
    margin-top: 20px !important;
}

.pt_five {
    padding-top: 5px;
}

.pt_ten {
    padding-top: 10px;
}

.p_top_twenty {
    padding-top: 20px !important;
}

.p2 {
    padding: 2px !important;
}

.margin5 {
    margin: 5px;
}

.m-0 {
    margin: 0 !important;
}

.mtop5 {
    margin-top: 5px;
}

.mtop10 {
/*    margin-top: 10px;*/
    margin-top: 22px;
}

.mtop15 {
    margin-top: 15px;
}

.mtop20 {
    margin-top: 20px;
}

.mtop20-imp {
    margin-top:20px !important;
}

.mtop40-imp {
    margin-top: 40px !important;
}

.mbottom10 {
    margin-bottom: 10px;
}

.mbottom20 {
    margin-bottom: 20px;
}

.ptop5 {
    padding-top: 5px;
}

.ptop10 {
    padding-top: 10px;
}

.ptop15 {
    padding-top: 15px;
}

.ptop20 {
    padding-top: 20px;
}

.f-left {
    float: left;
}

.f-right {
    float: right;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.fn {
    float: none !important;
}

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

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

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

.text-left {
    text-align: left !important;
}

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

.p-0 {
    padding: 0 !important;
}

.p-5 {
    padding: 5px;
}

.p-10 {
    padding: 10px;
}

.p-top-5 {
    padding-top: 5px !important;
}

.p-top-10 {
    padding-top: 10px;
}

.p-top-15 {
    padding-top: 15px;
}

.p-top-20 {
    padding-top: 20px;
}

.p-bottom-0 {
    padding-bottom:0 !important;
}
.p-bottom-5 {
    padding-bottom: 5px;
}

.p-bottom-10 {
    padding-bottom: 10px;
}

.p-bottom-15 {
    padding-bottom: 15px;
}

.p-bottom-20 {
    padding-bottom: 20px;
}

.p-left-0 {
    padding-left: 0 !important;
}
.p-left-5 {
    padding-left: 5px !important;
}

.m-top-0 {
    margin-top: 0px !important;
}

.m-top-5 {
    margin-top: 5px;
}

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

.m-top-15 {
    margin-top: 15px;
}

.m-top-20 {
    margin-top: 20px;
}

.m-top-20-imp {
    margin-top:20px !important;
}

.m-bottom-5 {
    margin-bottom: 5px;
}

.m-bottom-10 {
    margin-bottom: 10px;
}

.m-bottom-15 {
    margin-bottom: 15px;
}

.m-bottom-20 {
    margin-bottom: 20px;
}

.m-lr-5 {
    margin: 0 5px;
}

.m-lr-10 {
    margin: 0 10px;
}

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

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

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

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

.mr-5 {
    margin-right: 5px;
}

.mr-10 {
    margin-right: 10px;
}

.mr-15-imp {
    margin-right: 15px !important;
}

.mb-5 {
    margin-bottom: 5px;
}

.mb-10 {
    margin-bottom: 10px;
}

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

.ml-5 {
    margin-left: 5px;
}

.ml-10 {
    margin-left: 10px;
}

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

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

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

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

.pt-24 {
    padding-top: 20px;
}

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

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

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

.dib {
    display: inline-block !important;
}

.db {
    display: block !important;
}

.di {
    display: inline !important;
}

.pos_abs {
    position: absolute
}

.pos_rel {
    position: relative
}

.ml0 {
    margin-left: 0 !important;
}

.ml5 {
    margin-left: 5px;
}

.ml10 {
    margin-left: 10px;
}

.ml15 {
    margin-left: 15px;
}

.ml20 {
    margin-left: 20px;
}

.ml25 {
    margin-left: 25px;
}

.ml30 {
    margin-left: 30px;
}

.ml35 {
    margin-left: 35px;
}

.ml40 {
    margin-left: 40px;
}

.ml45 {
    margin-left: 45px;
}

.ml50 {
    margin-left: 50px;
}

.mr0 {
    margin-right: 0 !important;
}

.mr5 {
    margin-right: 5px;
}

.mr10 {
    margin-right: 10px;
}

.mr15 {
    margin-right: 15px;
}

.mr20 {
    margin-right: 20px;
}

.mr25 {
    margin-right: 25px;
}

.mr30 {
    margin-right: 30px;
}

.mr35 {
    margin-right: 35px;
}

.mr40 {
    margin-right: 40px;
}

.mr45 {
    margin-right: 45px;
}

.ml50 {
    margin-right: 50px;
}

.max100 {
    max-width: 100%
}

.w18 {
    width: 18px
}

.w30 {
    width: 30px
}

.w40 {
    width: 40px
}

.w40-imp {
    width:50px !important;
}

.w50 {
    width: 50px
}

.w60 {
    width: 60px
}

.w70 {
    width: 70px
}

.w80 {
    width: 80px
}

.w90 {
    width: 90px
}

.w100 {
    width: 100px
}

.w100p {
    width: 100%
}

.text-uppercase {
    text-transform: uppercase
}

.red-text {
    color: #ef131b;
}

.darkred-text {
    color: #880015;
}

.valign-middle {
    vertical-align: middle;
}

.relative {
    position: relative;
}

.font10 {
    font-size: 10px;
}

.font11 {
    font-size: 11px;
}

.font12 {
    font-size: 12px;
}

.font13 {
    font-size: 12px;
}

.font14 {
    font-size: 14px;
}

.font15 {
    font-size: 15px;
}

.font16 {
    font-size: 16px;
}

.font17 {
    font-size: 17px;
}

.font18 {
    font-size: 18px;
}

.font19 {
    font-size: 19px;
}

.font20 {
    font-size: 20px;
}

.font25 {
    font-size:25px;
}

.bold {
    font-weight: bold
}

.t1 {
    top: 1px
}

.t2 {
    top: 2px
}

.t3 {
    top: 3px
}

.t4 {
    top: 4px
}

.t5 {
    top: 5px
}

.t8 {
    top: 8px
}

.t10 {
    top: 10px
}

.t15 {
    top: 15px
}

.t20 {
    top: 20px
}

.t25 {
    top: 25px
}

.bg1 {
    background: #fffee8;
    border: 1px solid #c9c9c9;
    padding: 10px;
}

.album_content_box a, .field_input span a, .view_option a, .common_link {
    color: #c41732;
    text-decoration: underline;
}

hr {
    border-botom: solid 2px #dbdbdb;
    border-top: none;
    border-right: none;
    border-left: none;
}

.f_right {
    float: right !important;
}

.f_left {
    float: left !important;
}

.full_width {
    width: 100% !important;
}

.border_none {
    border: none !important;
}

.tAlign_left {
    text-align: left !important;
}

.m_left_twenty {
    margin-left: 20px !important;
}

.border-b9 {
    border: 1px solid #b9b9b9;
}

.padding-10 {
    padding: 10px;
}

.padding-top-bot-10 {
    padding-top: 10px;
    padding-bottom: 10px;
}

.red {
    color: #eb1c24;
}

.red-bg {
    background: #eb1c24;
}

.red-bdr {
    border: 1px solid #eb1c24;
}

.darkred-bg {
    background: #880015;
}

.green-bg {
    background: #17a641;
}

.yellow {
    color: #ffff00;
}

.lightgreen-bg {
    background: #e3f7af;
}

.lightyellow-bg {
    background: #efe4b0;
}

.gray-bdr {
    border: 1px solid #444;
}

.lightgray-bdr {
    border: 1px solid #888;
}

.smallfont {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.display-block {
    display: block !important;
}

.width100percent {
    width: 100%;
}

.display-table {
    display: table;
    width: 100%;
    height: 100%;
}

.display-table-cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.display-block {
    display: block;
}

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

.width-100 {
    width: 100%;
}

.no-active {
    opacity: 0.5;
    pointer-events: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/********************** Forms Css ****************************/

.eng {
    background: url(../img/language_us.png) no-repeat;
}

#login {
    margin: 0px;
}

.login-button {
    width: 66px;
    height: 26px;
    margin-left: 5px;
}

.red_button {
    border: solid 1px #d89091;
    background: url(../img/red_bg.jpg) repeat-x bottom #f26355;
}

.red_button a {
    padding: 3px 10px;
    color: #FFF;
    font-family: 'open_sansbold';
    font-size: 13px;
    text-transform: uppercase;
    border: solid 1px #f8a19a;
    margin: 1px;
    display: block;
    line-height: 20px;
    text-align: center;
}

.facebook_button {
    border: solid 1px #798cbf;
    background: url(../img/facebook_button_bg.jpg) repeat-x bottom #6f82b7;
}

.facebook_button a {
    padding: 2px 10px;
    color: #FFF;
    font-family: 'open_sansbold';
    font-size: 13px;
    text-transform: uppercase;
    border: solid 1px #8e97b5;
    margin: 1px;
    display: block;
    line-height: 20px;
}

.login-social-btn {
    border: solid 1px #798cbf;
    background: url(../img/facebook_button_bg.jpg) repeat-x bottom #6f82b7;
}

.login-social-btn a {
    padding: 3px 10px;
    color: #FFF;
    font-family: 'open_sansbold';
    font-size: 13px;
    margin: 0 2px;
    display: block;
    line-height: 22px;
}

.admin-cont-right {
    float: right;
    width: 79%;
}

/********************** banner css *********************/

#content {
    width: 100%;
    margin: 0px auto;
    box-shadow: 0px 0px 4px #888888;
    position: relative;
    box-sizing: border-box;
    -moz-box-shadow: 0px 0px 4px #888888;
    -webkit-box-shadow: 0px 0px 4px #888888;
    box-shadow: 0px 0px 4px #888888;
}

.content-pad {
    padding: 10px 10px 0px 10px;
    position: relative;
    margin-top: 0links_blockpx;
}

.move-track-share {
    width: 331px;
    height: 127px;
    position: absolute;
    top: 80px;
    right: 30px;
    background: url(../img/share-box.png) no-repeat;
}

.move-track-share a {
    display: inline-block;
}

/************************* Main Navigation css *************************/

.main_nav {
    /*background:url(../img/menu_bg.jpg) repeat-x;*/
    margin-top: -3px;
    background: #5d5d5d;
    background: -moz-linear-gradient(top, #5d5d5d 0%, #514f50 50%, #434142 51%, #434142 100%);
    background: -webkit-linear-gradient(top, #5d5d5d 0%, #514f50 50%, #434142 51%, #434142 100%);
    background: linear-gradient(to bottom, #5d5d5d 0%, #514f50 50%, #434142 51%, #434142 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5d5d5d', endColorstr='#434142', GradientType=0);
    position: relative;
}

.main_nav ul {
    list-style-type: none;
    margin: 0 auto;
    padding: 0;
    width: 1200px;
    font-family: 'segoe_uibold';
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
    border-left: 1px solid #FFF;
    box-sizing: border-box;
}

.main_nav ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    float: left;
}

.main_nav ul li a {
    color: #a3a2a3;
    line-height: 40px;
    display: block;
    padding: 0 17.5px;
    border-right: 1px solid #FFF;
}

.max-height-zero {
    max-height: 0px;
}

.main_nav ul li:last-child a {
    border-right: 0px !important;
}

.header-fix-nav .main_nav.top ul li:last-child a {
    border-right: 0px !important;
}

.no-border-right {
    border-right: 0px !important;
}

.main_nav ul li.active {
    /*background:url(../img/menu_hover_bg.jpg) repeat-x;*/
    background: #179da9;
    background: -moz-linear-gradient(top, #179da9 0%, #10929f 50%, #0a8594 51%, #098591 100%);
    background: -webkit-linear-gradient(top, #179da9 0%, #10929f 50%, #0a8594 51%, #098591 100%);
    background: linear-gradient(to bottom, #179da9 0%, #10929f 50%, #0a8594 51%, #098591 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#179da9', endColorstr='#098591', GradientType=0);
    */
}

.main_nav ul li.active a {
    background: url(../img/menu-hover.png) no-repeat center bottom !important;
    color: #fff;
}

.main_nav ul li.active a:after {
    /*border-bottom: 9px solid #fff;

border-left: 9px solid transparent;

border-right: 9px solid transparent;

content: "";

margin-left:-36px;

margin-top:32px;	

position:absolute;

z-index: 100;*/
}

.main_nav_show_hide {
    position: absolute;
    left: 50%;
    top: -28px;
    z-index: 1;
}

.main_nav_show_hide a {
    color: #fff;
    font-size: 16px;
}

.header-fix-nav .main_nav.top {
    /*margin-top:6px;*/
    border-top: 1px solid #fff;
}

/*.header-fix-nav .main_nav.top ul li a{padding:0 15.5px !important;}*/

/*.header-fix-nav .top ul li a.no-border{border-right:none !important;}*/

.cm-sub-menu {
    background: #90ba23;
    position: absolute;
    left: 0;
    right: 0;
    top: 41px;
    z-index: 1111;
}

.cm-sub-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0px solid #fff;
}

.cm-sub-menu ul li {
    display: inline-block;
    width: 16.3%;
}

.cm-sub-menu ul li a {
    color: #000;
    display: block;
    line-height: 40px;
    padding: 0px;
    border-right: 1px solid #6d9029;
    border-left: 1px solid #c0fc48;
    text-align: center;
}

.cm-sub-menu ul li:first-child a {
    border-left: 0px;
}

.cm-sub-menu ul li:last-child a {
    border-right: 0px;
}

.cm-sub-menu ul li a:hover {
    background: #9bc827;
}

.cm-sub-menu-top {
    background: #90ba23;
    position: absolute;
    left: 60px;
    top: 41px;
    z-index: 1111;
    border-radius: 4px;
}

.cm-sub-menu-top ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 0px solid #fff;
}

.cm-sub-menu-top ul li {
    display: table-cell;
}

.cm-sub-menu-top ul li a {
    color: #000;
    display: block;
    padding: 0 15px;
    line-height: 40px;
    border-right: 1px solid #6d9029;
    border-left: 1px solid #c0fc48;
}

.cm-sub-menu-top ul li:first-child a {
    border-left: 0px;
}

.cm-sub-menu-top ul li:last-child a {
    border-right: 0px;
}

.cm-sub-menu-top ul li a:hover {
    background: #9bc827;
}

/********************* Profile css *************************/

#profile {
    background: #e8e8e8;
    padding: 10px;
}

.profile_title_box {
    float: left;
    /*width:17.5%;*/
    width: 23%;
    height: 38px;
    padding: 0 8px;
    margin-left: 1%;
    /*background:url(../img/profiles_title_bg.png) no-repeat -143px center;*/
    background: #edd61d;
    /* Old browsers */
    background: -moz-linear-gradient(top, #edd61d 27%, #e2ba19 60%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #edd61d 27%, #e2ba19 60%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #edd61d 27%, #e2ba19 60%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#edd61d', endColorstr='#e2ba19', GradientType=0);
    /* IE6-9 */
}

.profile_title_1 {
    font-family: 'segoe_uiregular';
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 40px;
}

.profile_title_2 {
    font-size: 15px;
    font-family: 'segoe_uiregular';
    color: #ae150c;
    line-height: 40px;
}

.profile_title_box_u {
    float: left;
    width: 310px;
    height: 40px;
    background: url(../img/profiles_title_bg.png) no-repeat right center;
    margin-left: 10px;
}

.profile_link {
    float: left;
    color: #ae150c;
    width: 56%;
    position: relative;
    margin-left: 1%;
}

.profile_link ul {
    margin: 0;
    padding: 12px 0;
    list-style: none;
}

.profile_link ul li {
    float: left;
    border-right: 1px solid #ae150c;
}

.profile_link ul li:last-child {
    border-right: none;
}

.profile_link ul li a {
    font-size: 14px;
    font-family: 'segoe_uiregular';
    color: #ae150c;
    padding: 0px 8px;
    line-height: 16px;
    display: block;
}

.profile_link ul li a:hover, .profile_link .select {
    text-decoration: underline;
}

.profile_link ul li:first-child a {
    padding-left: 0px;
}

.profile_link_dropdown {
    width: 200px;
    background: #fff;
    border-radius: 4px;
    padding: 5px 10px;
    position: absolute;
    z-index: 111;
    top: 35px;
    box-shadow: 0px 0px 5px #777;
}

#profile .who-using-sb {
    border-bottom: 1px solid #CDCDCD;
    padding-bottom: 10px;
}

#vip_user1 {
    left: 10px;
}

#vip_user2 {
    left: 80px;
}

#vip_country1 {
    left: 86px;
}

#vip_country2 {
    left: 158px;
}

#vip_country3 {
    left: 230px;
}

#profile_photos {}

#profile_photos ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#profile_photos ul li {
    float: left;
}

#profile_photos ul li a:hover {
    opacity: 0.7;
}

.selectyoursport {
    float: left;
    width: 15%;
}

.setting-icon_u {
    float: right;
    margin-right: 10px;
    padding-top: 5px;
    position: relative;
}

.setting-icon_u img {
    width: 28px;
}

.dropselect select option {
    height: 22px;
    padding-top: 5px;
}

.pl_titletext {
    line-height: 30px;
}

.profile_link_dropdown .ok {
    font-size: 16px;
    font-weight: bold;
    color: #111;
    float: left;
    margin: 4px;
}

.profile_link_dropdown .exit {
    font-size: 16px;
    font-weight: bold;
    color: #111;
    float: right;
    margin: 4px;
}

.profile_link_dropdown input[type="text"] {
    width: 99%;
    background: #f9f4df;
}

.pld_absolute {
    position: absolute;
    z-index: 111;
    top: 20px;
    left: 0px;
}

.center_nav-s {
    background-color: #d3d3d3;
    padding: 10px;
}

.center_nav_icon-s {
    float: left;
    margin-top: 4px;
}

.center_nav-s .admin_setting-s {
    float: left;
    margin-top: 4px;
    margin-left: 20px;
}

.sub_userlistbox-s {
    float: left;
    width: 78%;
    text-align: center;
}

.sub_usertitle-s {
    color: #871320;
    font-size: larger;
    font-weight: bolder;
}

.sub_userlistbox_u {
    float: left;
    text-align: center;
    margin-left: 10px;
    padding-left: 0px;
    color: #111;
    font-size: 20px;
    line-height: 40px;
}

.settingNav {
    position: absolute;
    top: 40px;
    right: -40px;
    width: 300px;
    background: #fff;
    padding: 10px;
    box-shadow: 0 0 4px #333;
    font-size: 13px;
}

.settingNav .header {
    padding: 10px;
    background: #7092be;
    text-align: center;
    color: #fff;
    font-size: 16px;
}

.settingNav .content {}

.settingNav .content .leftcol {
    float: left;
    width: 30%;
    margin-right: 2%;
    line-height: 28px;
}

.settingNav .content .rightcol {
    float: left;
    width: 60%;
}

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

/******************** Workout Sponsor css **************************/

#workout_sponsor {
    padding-top: 10px;
    padding-bottom: 10px;
}

#workout_sponsor .title {
    font-family: 'segoe_uiregular';
    font-size: 15px;
    font-weight: bold;
    line-height: 32px;
    color: #FFF;
    background: url(../img/workout_sponsor_bg.jpg) repeat-x;
    padding-left: 10px;
}

.workout-col {
    float: left;
    width: 25%;
}

.sponsor-col {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding-left: 10px;
}

.popular_workout {
    background: #333;
}

.popular_workout .content {
    padding: 15px;
}

.popular_workout img {
    float: left;
    border: 2px solid #676767;
    margin-right: 20px;
}

.popular_workout p {
    color: #fff;
    text-align: left;
    font-size: 13px;
}

.popular_workout p img {
    border: none;
}

.popular_workout span {
    color: #19a8b0;
}

.sponsor {
    background: #333;
}

.sponsor img {
    border: none;
}

.sponsor-btn-block {
    float: left;
    width: 45%;
    margin-left: 0.75%;
    background: #333;
}

.sponsor-btn-block .content {
    padding: 25px 12px;
}

.popular_workout .content, .sponsor .content, .sponsor-btn-block .content {
    box-sizing: border-box;
    min-height: 110px;
    overflow: hidden;
}

.sponsor-btn-block .content .blue_button {
    float: left;
    margin: 4px;
}

.blue_button a {
    color: #101010;
    display: block;
    padding: 5px 12px;
    border: solid 1px #FFF;
    border-radius: 4px;
    background: url(../img/blue_bg.jpg) repeat-x bottom #2ac4cb;
    font-family: 'open_sansbold';
    font-size: 13px;
    font-weight: 700;
    text-shadow: 1px 1px 1px #FFF;
    height: 46px;
    text-align: center;
    box-sizing: border-box;
}

.blue_button a span {
    color: #101010;
    font-size: 12px;
    font-weight: regular;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    text-shadow: none;
    display: block;
    padding-bottom: 7px;
    margin-top: -2px;
}

.btn-signup-free {
    text-align: center;
    padding-top: 30px;
}

.btn-signup-free .blue_button {
    display: inline-block
}

/************************ Tab section ************************/

#product_with_tab {
    width: 100%;
    position: relative;
}

#product_image {
    float: left;
    /*width:46%; height:550px;*/
    width: 100%;
}

#product_image img {
    width: 100%;
    height: 100%;
}

.ways-to-get-started {
    position: absolute;
    z-index: 1000;
    top: 22px;
    right: 22px;
    width: 610px;
}

.ways-to-get-started #tab_section {
    float: none !important;
    width: 100%;
}

#tab_section {
    float: right;
    width: 53%;
}

.submit_red {
    border: solid 1px #d99090;
    background: url(../img/submit_red_bg.jpg) repeat-x bottom;
    cursor: pointer;
}

.submit_red a {
    padding: 5px 20px 5px 20px;
    color: #FFF;
    font-family: 'open_sansbold';
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    border: solid 1px #a56d6d;
    margin: 1px;
    display: block;
    cursor: pointer;
    line-height: 20px;
}

.signup_promotebox {
    background: #dcdff0;
    border-radius: 6px;
    padding: 7px;
    border: 1px solid #bfc1c5;
}

.snp_left {
    float: left;
    width: 64%;
    font-size: 14px;
    line-height: 20px;
}

.snp_right {
    float: left;
    width: 34%;
    margin-left: 2%
}

.snp_btn {
    background: url(../img/submit_red_bg.jpg) repeat-x scroll center bottom rgba(0, 0, 0, 0);
    border: 1px solid #284c20;
    color: #fff;
    font-weight: bold;
    border-radius: 4px;
    padding: 5px 10px;
    line-height: 20px;
    text-align: center;
}

.snp_btn1 {
    line-height: 12px !important;
    margin-top: 10px;
    font-weight: normal;
    font-size: 13px;
}

.promote_myself a {
    float: right;
    color: #5b973c;
    text-decoration: underline;
}

.srarrow_down {
    background: url(../img/arrow_down_white.png) no-repeat 111px center;
}

.profile_title_1 {
    font-family: 'segoe_uiregular';
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 40px;
}

.compatible_device_block {
    height: 40px;
    margin-top: 10px;
    font-family: "open_sansbold";
    /*background: url(../img/compatible_device_title_bg.jpg) repeat-x ;*/
    background: #727272;
    /* Old browsers */
    background: -moz-linear-gradient(top, #727272 0%, #525252 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #727272 0%, #525252 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #727272 0%, #525252 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#525252', GradientType=0);
    /* IE6-9 */
}

.compatible_device_title {
    font-size: 17px;
    text-transform: uppercase;
    line-height: 40px;
    float: left;
    padding-left: 20px;
    color: #fff;
}

.gps_title {
    font-size: 16px;
    line-height: 40px;
    float: right;
    width: 220px;
    color: #fff;
    text-align: center;
    display: block;
    /*background:url(../img/gps_title_bg.jpg) repeat-x;*/
    background: #f80032;
    background: -moz-linear-gradient(top, #f80032 0%, #a80023 100%);
    background: -webkit-linear-gradient(top, #f80032 0%, #a80023 100%);
    background: linear-gradient(to bottom, #f80032 0%, #a80023 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f80032', endColorstr='#a80023', GradientType=0);
}

.gps_title a {
    color: #fff;
    line-height: 40px;
}

.gps_title a:hover {
    color: #fff;
}

.compatible_device_logos {
    background: #f2f2f2;
    margin-top: 10px;
    padding: 10px;
    border: solid 1px #d3d3d3;
}

.compatible_device_logos img {
    margin: 0px 17px;
}

.movesbook-info {
    position: fixed;
    z-index: 1111;
    top: 220px;
    left: 0px;
}

.movesbook-info a img:hover {
    /*-webkit-transform: translate(20px, -0px); transform: translate(20px, -0px);*/
}

.movesbook-info a img {
    -webkit-box-shadow: 5px 0px 5px #888;
    box-shadow: 3px 0px 3px #888;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border: 1px solid #cfcfcf;
}

.recent-access-block {
    position: absolute;
    z-index: 1111;
    left: 20px;
    top: 70px;
    background: #eee;
    border: 1px solid #ccc;
    width: 500px;
    height: 250px;
}

.recent-access-pop {
    width: 260px;
}

.recent-access-profile {
    padding: 10px;
}

.recent-access-profile .img {
    text-align: center;
}

.recent-access-profile .title {
    text-align: center;
    font-size: 20px;
    margin-top: 10px;
}

.recent-access-profile .input {
    margin-top: 10px;
}

.recent-access-profile .check {
    margin-top: 10px;
}

.recent-access-profile .btn-access {
    margin-top: 10px;
}

.recent-access-profile .btn-access a {
    background: #4267b2;
    padding: 7px 10px;
    border-radius: 3px;
    display: block;
    color: #fff;
    font-size: 15px;
    text-align: center;
}

.recent-access-profile .forgotpass {
    border-top: 1px solid #ccc;
    text-align: center;
    margin-top: 10px;
    padding: 5px;
}

/********************************************/

/**************** Form items ****************/

input[type="text"], input[type="password"], input[type="number"], input[type="email"], input[type="tel"] {
    color: #777;
    font-size: 14px;
    text-align: left;
    border: solid 1px #ccc;
    padding: 0 5px;
    line-height: 20px;
    height: 30px;
    box-sizing: border-box;
    width: 100%;
}

textarea {
    border: solid 1px #ccc;
    width: 100%;
    padding: 5px;
    line-height: 24px;
    font-family: 'calibriregular';
    color: #777;
}

/************** 22-10-16 *************/

.custom-select, .pagi_droplist {
    background: rgba(255, 255, 255, 0) url("../img/field_select_arrow.png") no-repeat right;
}

.custom-select select, .editselect_field select, .pagi_droplist select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    background: transparent !important;
    padding: 0px 26px 0px 5px;
    border: solid 1px #ccc;
    color: #000;
}

/*For Ie*/

.custom-select select::-ms-expand, .select_img_reg select::-ms-expand, .editselect_field select::-ms-expand, .pagi_droplist select::-ms-expand {
    display: none;
}

select {
    background: none;
    color: #757575;
    font-size: 15px;
    text-align: left;
    line-height: 28px;
    height: 30px;
    padding: 0 4px;
    box-sizing: border-box;
}

select option {
    padding: 2px 5px;
    border-right: 1px solid #ccc;
    color: #000;
}

.tab_input .sel_dd {
    margin-left: 20px;
}

.dropselect {
    background: url("../img/field_select_arrow.png") no-repeat scroll right center #ffffff;
    border: 1px solid #c0c0c0;
    height: 38px;
    overflow: hidden;
}

.dropselect select {
    width: 220px;
    height: 38px;
    line-height: 32px;
}

.profile_link_dropdown .dropselect {
    background: url("../img/field_select_arrow.png") no-repeat scroll right center #ffffff;
    border: 1px solid #c0c0c0;
    height: 32px;
    overflow: hidden;
}

.tab_select {
    /*    background: url("../img/field_select_arrow.png") no-repeat scroll right center #ffffff; 

border: 1px solid #c0c0c0; 

height: 26px; 

overflow: hidden; */
    float: left;
    margin-right: 10px;
}

.select_img_reg {
    float: left;
    width: 140px;
    margin-right: 4px;
    background: url("../img/select-image.jpg") no-repeat scroll right center #FFFFFF;
    overflow: hidden;
    height: 28px;
}

.select_img_reg select {
    /*width: 160px;*/
    height: 28px;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    background: transparent !important;
}

.select_img {
    background: url("../img/field_select_arrow.png") no-repeat scroll right center #FFFFFF;
    margin-right: 3px;
    overflow: hidden;
    height: 28px;
    border: 1px solid #dbdbdb;
}

.select_img select {
    width: 410px;
    height: 28px;
    padding-top: 3px;
}

.search_item {
    margin-right: 3px;
    background: url("../img/field_select_arrow.png") no-repeat scroll right center #FFFFFF;
    overflow: hidden;
    height: 28px;
    border: 1px solid #dbdbdb;
    width: 120px;
}

.search_item select {
    width: 138px;
    height: 28px;
    padding-top: 3px;
}

.search_gallery {
    margin-right: 3px;
    background: url("../img/field_select_arrow.png") no-repeat scroll right center #FFFFFF;
    overflow: hidden;
    height: 28px;
    border: 1px solid #dbdbdb;
}

.search_gallery select {
    width: 220px;
    height: 28px;
    padding-top: 3px;
}

.Event_type {
    margin-right: 3px;
    background: url("../img/field_select_arrow.png") no-repeat scroll right center #FFFFFF;
    overflow: hidden;
    height: 28px;
    border: 1px solid #dbdbdb;
    width: 250px;
    float: left;
}

.Event_type select {
    width: 280px;
    height: 28px;
    padding-top: 3px;
}

.Event_select {
    margin-right: 3px;
    background: url("../img/field_select_arrow.png") no-repeat scroll right center #FFFFFF;
    overflow: hidden;
    height: 28px;
    border: 1px solid #c0c0c0;
    width: 322px;
    float: left;
}

.Event_select select {
    /*width:345px;*/
    height: 28px;
    /*padding-top:3px;*/
}

.Event_select_new {
    width: 322px;
    float: left;
}

.result_select {
    background: url("../img/field_select_arrow.png") no-repeat scroll right center #FFFFFF;
    overflow: hidden;
    height: 28px;
    border: 1px solid #c0c0c0;
    width: 144px;
    float: right;
}

.result_select select {
    width: 165px;
    height: 28px;
    padding-top: 3px;
}

.select_p_img {
    margin-right: 3px;
    background: url("../img/field_select_arrow.png") no-repeat scroll right center;
    overflow: hidden;
    height: 28px;
    border: 1px solid #dbdbdb;
}

.select_p_img select {
    width: 270px;
    width: 234px\0;
    height: 28px;
    padding-top: 3px;
}

.request_select {
    margin-right: 3px;
    background: url("../img/field_select_arrow.png") no-repeat scroll right center #FFFFFF;
    overflow: hidden;
    height: 28px;
    border: 1px solid #c0c0c0;
    width: 450px;
    float: left;
}

.request_select select {
    width: 475px;
    width: 448px\0;
    height: 28px;
    padding-top: 3px;
}

.editselect_field {
    background: url("../img/field_select_arrow.png") no-repeat scroll right center #ffffff;
    /*border: 1px solid #c0c0c0;*/
    height: 28px;
    /*overflow: hidden;*/
}

.edit_select {
    width: 99%;
}

.edit_select select {
    height: 28px;
    width: 120%;
}

.bcl_img {
    background: url("../img/field_select_arrow.png") no-repeat scroll right center #ffffff;
    border: 1px solid #c0c0c0;
    height: 28px;
    overflow: hidden;
}

.bcl_img select {
    width: 182px;
    font-size: 14px;
    height: 28px;
    padding-top: 3px;
    line-height: 22px;
}

.cc_select {
    width: 99%;
}

.cc_select select {
    font-size: 15px;
    height: 28px;
    text-indent: 4px;
    width: 108%;
}

/*.su_fd_select select { width:113%;}

.su_date .su_fd_select select,

.su_month .su_fd_select select{ width:127%;}*/

.clb_selecbox {
    background: url("../img/field_select_arrow.png") no-repeat scroll right center #ffffff;
    border: 1px solid #c0c0c0;
    height: 28px;
    overflow: hidden;
}

.clb_selecbox select {
    height: 28px;
    line-height: 28px;
    width: 118%;
}

.ci_dropping {
    background: url("../img/field_select_arrow.png") no-repeat scroll right center #ffffff;
    border: 1px solid #c0c0c0;
    overflow: hidden;
}

.ci_select select {
    height: 28px;
    width: 330px;
}

.po-select_field {
    background: url("../img/field_select_arrow.png") no-repeat scroll right center #ffffff;
    border: 1px solid #c0c0c0;
    height: 28px;
    overflow: hidden;
    float: right;
    width: 200px;
    font-size: 15px;
    margin-top: 5px;
}

.po-select_field select {
    height: 28px;
    width: 122%;
}

.dropbox {
    background: url("../img/field_select_arrow.png") no-repeat scroll right center #ffffff;
    border: 1px solid #c0c0c0;
    height: 27px;
    overflow: hidden;
}

.dropbox select {
    width: 110%;
    height: 27px;
}

.message-of-expiry .day-select .droplist {
    background: url("../img/field_select_arrow.png") no-repeat right center;
    border: 1px solid #c0c0c0;
    height: 28px;
    overflow: hidden;
    line-height: 24px;
    width: 100%;
}

.message-of-expiry .day-select .droplist select {
    width: 113%;
}

.message-of-expiry .msg-times .droplist {
    background: url("../img/field_select_arrow.png") no-repeat right center #EFE4B0;
    ;
    border: 0px solid #c0c0c0;
    height: 26px;
    overflow: hidden;
    line-height: 26px;
    width: 100%;
}

.message-of-expiry .msg-times .droplist select {
    width: 85px;
}

.droplistselect {
    background: url("../img/field_select_arrow.png") no-repeat scroll right center #ffffff;
    border: 1px solid #c0c0c0;
    height: 32px;
    overflow: hidden;
}

.droplistselect select {
    width: 115%;
    height: 32px;
    line-height: 32px;
    margin-top: 0px;
    margin-bottom: 5px;
}

.selectbox {
    background: url("../img/field_select_arrow.png") no-repeat scroll right center #ffffff;
    border: 1px solid #c0c0c0;
    height: 30px;
    overflow: hidden;
}

.selectbox select {
    height: 30px;
    line-height: 30px;
}

.pns-stock-detail .droplist {
    /*background: url("../img/addstock-droplist.png") no-repeat scroll 92% center #f5f5f5;*/
    background: #fff;
    /*height: 35px;*/
    /*line-height: 30px;*/
    /*overflow: hidden;*/
}

.pns-stock-detail .droplist select {
    height: 36px;
    line-height: 36px;
}

.stock_detail .column .droplist {
    background: url("../img/addstock-droplist.png") no-repeat scroll 92% center #f5f5f5;
    border: 1px solid #c0c0c0;
    height: 35px;
    line-height: 30px;
    overflow: hidden;
}

.stock_detail .column .droplist select {
    font-weight: bold;
    height: 35px;
    line-height: 38px;
    margin-bottom: 5px;
    margin-top: 0;
    width: 120%;
}

.colbox .select-ab, .colbox .select-sel {
    background: #ffffff url("../img/field_select_arrow.png") no-repeat scroll right center;
    border-width: 0;
    margin: -4px -3px;
    height: auto;
    overflow: hidden;
    width: auto;
}

.colbox select {
    height: 28px;
    text-indent: 1px;
}

.cts-select {
    background: #ffffff url("../img/field_select_arrow.png") no-repeat scroll right center;
    border: 1px solid #c0c0c0;
    height: 28px;
    overflow: hidden;
    width: auto;
}

.cts-select select {
    height: 28px;
}

.oop-select select {
    width: 100% !important;
    height: 30px;
}

.country_box1 {
    width: 300px;
    margin-bottom: 10px;
    clear: both;
}

/*.readnews-drp-list.dropselect{width:170px !important; height: 29px !important; border: none !important; margin-left: 10px;}

.readnews-drp-list select{ width: 115% !important; margin-top: -3px !important;}*/

.readnewsselectbox {
    float: left;
    background: #fff;
    margin-left: 8px;
    width: 150px;
}

.readnewsselectbox select {
    height: 28px;
}

.viewallpost-show {
    float: left;
    margin-left: 8px;
}

.viewallpost-show input[type=button] {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #da1a03 1%, #911700 100%) repeat scroll 0 0;
    border: 1px solid #a60300;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    padding: 4px 10px;
}

/********************************************/

/********************************************/

.tabcontent .content .pad {
    padding: 10px 15px;
    min-height: 220px;
}

.tabcontent .scroll {
    display: block;
    width: 97%;
    /*height:325px;*/
    height: 180px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding-right: 3%;
}

.tabcontent .content .pad .form_column_left {
    float: left;
    width: 50%;
}

.tabcontent .content .pad .form_column_right {
    float: right;
    width: 49%;
    padding-left: 1%;
}

.tabcontent .form_row, .scroll .form_row {
    margin-bottom: 6px;
    width: 98%;
    display: table;
}

.tab_input_title {
    float: left;
    width: 25%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #121212;
    text-align: right;
    line-height: 30px;
}

.tab_input {
    float: right;
    width: 73%;
}

.tab_input input {
    width: 100% !important;
}

.tab_validation {
    float: right;
    width: 73%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #c60028;
    text-align: left;
    line-height: 18px;
}

.tab_submit {
    float: left;
    margin-left: 27%;
    margin-top: 10px;
}

.tab1_submit {
    float: left;
    margin-left: 2%;
    margin-top: 10px;
}

.tab1_submit img {
    margin-left: 10px;
}

.sel_gender {
    width: 100px;
}

.sel_gender select {
    width: 125px;
}

.sel_ut {
    width: 200px;
}

.sel_hr {
    width: 120px;
    float: left;
}

.sel_ut select {
    width: 225px;
}

.sel_state {
    width: 150px;
}

/*.sel_state select   { width:175px;}*/

.sel_mm {
    width: 100px;
}

.sel_mm select {}

.sel_dd {
    width: 70px;
}

.sel_dd select {}

.sel_yy {
    width: 80px;
}

.sel_yy select {}

.theme-select {
    border: 1px solid #bbb;
    position: relative;
    width: 45%;
}

.theme-select ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    display: table;
    position: relative;
}

.theme-select ul li {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 1px;
    border-bottom: 1px solid #eee;
    display: block;
    position: relative;
}

.theme-select ul li input[type="radio"] {
    width: auto !important;
    float: left;
    visibility: hidden;
}

.theme-select ul li input[type="radio"]:checked+label {
    border: 3px solid #f00;
}

.theme-select ul li .check-selected {
    border: 3px solid #f00;
}

.theme-select ul li label {
    padding: 5px;
    display: block;
    box-sizing: border-box;
    text-indent: -12px;
    color: #000;
}

.theme-select ul li label:hover {
    border: 0px solid gray;
    cursor: pointer;
    background: #f8f8f8;
}

.color-box {
    position: absolute;
    right: 20px;
    top: 5px;
    width: 30px;
    height: 20px;
    border: 1px solid #aaa;
}

.theme-bg {
    width: 200px;
    min-height: 100px;
    position: absolute;
    top: -1px;
    right: -200px;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #aaa;
    display: none;
}

.theme-bg img {
    width: 100%;
    margin-top: 5px;
}

.theme-select ul li:hover .theme-bg {
    display: block;
}

/******************* app download css *****************/

#links_block {
    margin-top: 10px;
}

.app_download_block {
    float: left;
    width: 28.5%;
    box-sizing: border-box;
    background: #f2f2f2;
    border: solid 1px #d3d3d3;
    min-height: 440px;
}

.app_download {
    padding: 10px;
}

.app_download .row1 {
    height: 360px;
    margin-top: 0px;
}

.app_download .row1 .left {
    float: left;
    /*width:50%;*/
    width: 150px;
}

.app_download .row1 .right {
    float: right;
    /*width:50%;*/
    width: 162px;
}

#app_device ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#app_device ul li {
    display: block;
}

#app_device ul li a {
    background: url(../img/app_device_up_arrow.png) no-repeat left top;
    color: #b70025;
    display: block;
    line-height: 60px;
    padding-left: 32px;
    margin: 5px 0px;
    position: relative;
    font-family: 'segoe_uiregular';
    font-size: 16px;
}

#app_device ul li a:hover, #app_device ul li a.active {
    background: url(../img/app_device_hover_arrow.png) no-repeat left top;
    color: #FFF;
}

#app_device ul li a img {
    position: absolute;
    top: 13px;
    left: 8px;
}

.download_button {}

.download_button a {
    color: #FFF;
    display: block;
    line-height: 40px;
    padding: 0px 20px;
    font-family: 'open_sansbold';
    font-size: 20px;
    border: solid 1px #93040b;
    background: url(../img/download_button_bg.jpg) repeat-x bottom;
    border-radius: 4px;
    text-align: center;
    text-transform: uppercase;
}

.download_button a:hover {
    color: #FFF;
}

.download_button a img {
    margin-left: 15px;
}

/******************** Link block css **********************/

.links_block {
    float: right;
    width: 71.5%;
    box-sizing: border-box;
}

.links_block .toprow {
    background: #333;
    margin-bottom: 5px;
    padding: 7px;
}

.links_block .content-bot {
    background: #333;
    min-height: 440px;
    position: relative;
}

.links_block .toprow .title {
    color: #ecd900;
    font-family: "open_sansbold";
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}

.links_block .border {
    border-bottom: solid 1px #fff;
}

.links_title, .links_title_sportbook {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #fff;
    text-align: left;
    line-height: 25px;
}

.links_title_sportbook {
    color: #eed91d;
}

.links, .links_last {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #16e8f2;
    text-align: left;
    line-height: 16px;
    padding: 6px 0px 6px 0px;
}

.links a {
    color: #16e8f2;
    line-height: 18px;
}

.links a:hover {
    color: #16e8f2;
    text-decoration: underline;
}

.links_last a {
    color: #fff;
}

.links_last a:hover {
    color: #fff;
    text-decoration: underline;
}

.links_column1, .links_column2, .links_column3, .links_column4, .links_column5, .links_column6 {
    float: left;
    margin: 8px 10px;
}

.links_column1 {
    width: 8%;
}

.links_column2 {
    width: 10%;
}

.links_column3 {
    width: 16%;
}

.links_column4 {
    width: 15%;
}

.links_column5 {
    width: 20%;
}

.links_column6 {
    width: 15%;
}

.links_gicon {
    position: absolute;
    bottom: 0px;
    left: 15px;
}

.links_buttons {
    width: 650px;
    margin: 5px auto 0;
}

.links_buttons .buttons {
    float: left;
    margin: 0 5px;
}

.satisfaction_fuarantee {
    width: 170px;
    height: 129px;
    position: absolute;
    top: 265px;
    right: 655px;
}

.sky_blue_button {
    border: solid 1px #FFF;
    background: url(../img/sky_blue_bg.jpg) repeat-x bottom #2ac4cb;
    border-radius: 4px;
    font-family: 'open_sansbold';
    font-size: 11px;
    font-weight: 700;
    text-align: center;
    height: 40px;
}

.sky_blue_button a {
    color: #FFF;
    vertical-align: middle;
    display: block;
    line-height: 30px;
    padding: 0px 20px;
}

.sky_blue_button a span {
    color: #FFF;
    font-size: 12px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 1px;
    display: block;
    margin-top: -15px;
}

/*************** Download models css ******************/

#download_device_models {
    margin-top: 10px;
    border: solid 1px #d3d3d3;
}

.download_block {
    width: 15%;
    float: left;
}

.download_block_last {
    width: 25%;
    float: right;
}

.download_block_last .last {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

.download_block .pad {
    padding: 8px;
    border-right: solid 1px #d3d3d3;
}

.red_button img {
    padding-left: 5px;
}

/****************** footer css ******************/

.main_footer {
    background: url(../img/footer_bg.jpg) repeat-x top;
}

#footer {
    margin: 0 auto;
    width: 1200px;
    padding-top: 11px;
}

#footer .left {
    float: left;
}

#footer .right {
    float: right;
    padding-top: 3px;
}

#footer .row2 {
    margin-top: 0px;
}

.footer {
    font-family: "segoe UI", "open Sans";
    font-weight: normal;
    font-size: 12px;
}

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

.footer ul li {
    float: left;
    display: inline-block;
}

.footer ul li a {
    color: #fff;
    line-height: 30px;
    padding-left: 0px;
    margin-right: 22px;
    display: block;
}

.footer ul li a:hover {
    color: #fff;
}

.footer ul li a img {
    margin-right: 8px;
}

.touch_mode {
    background: url(../img/touch_mode.png) no-repeat 0px 3px;
}

.optimize {
    background: url(../img/optimize.png) no-repeat 0px 2px;
}

.fast_tracking {
    background: url(../img/fast_tracking.png) no-repeat 0px 5px;
}

.workout_player {
    background: url(../img/workout_player.png) no-repeat 0px 5px;
}

.mobile_version {
    background: url(../img/mobile_version.png) no-repeat;
}

.cloud_storage {
    background: url(../img/cloud_storage.png) no-repeat 0px 3px;
}

.main_footer .row2 .left {
    float: left;
    width: 15%;
}

.main_footer .row2 .middle {
    float: left;
    width: 78%;
}

.main_footer .row2 .right {
    float: right;
    width: 7%;
    box-sizing: border-box;
    padding-left: 10px
}

.main_footer .row2 .right.footer_link a {
    padding: 0px !important;
}

.footer_link {
    font-family: "segoe UI", "open Sans";
    font-weight: normal;
    font-size: 13px;
}

.footer_link a {
    color: #333;
    line-height: 20px;
    padding: 0px 2px;
}

.footer_link a:hover {
    color: #000;
}

.footer_language {
    font-family: "segoe UI", "open Sans";
    font-weight: normal;
    font-size: 12px;
}

.footer_language a {
    color: #333;
    line-height: 30px;
    padding: 0px 10px;
}

.footer_language a:hover {
    color: #000;
    text-decoration: underline;
}

.guarantee_right {
    float: right;
    font-size: 17px;
    right: 0;
    position: fixed;
    top: 23%;
    display: none;
}

.logo_right {
    float: right;
    font-size: 17px;
    right: -5px;
    position: fixed;
    top: 72%;
}

/******************* css for single user page ********************/

.top_pad {
    padding-top: 10px
}

.header_row2 {}

.searchbox {
    float: left;
    width: 53%;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 20px;
}

.searchbox select {
    border: none;
}

.searchbox_title {
    float: left;
    width: 70px;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
}

.select_img_reg select option {
    text-indent: 5px;
    padding: 5px 0;
    margin-top: 0px;
}

.search_input {
    float: left;
    width: 170px;
    position: relative;
    padding-right: 28px;
    background: #fff;
}

.search_input input {
    width: 100%;
    border: none;
    height: 28px !important;
}

.search_input .a-search {
    position: absolute;
    top: 0;
    right: 0;
    color: #666;
    font-size: 16px;
    width: 28px;
    height: 28px;
    text-align: center;
    display: block;
    box-sizing: border-box;
    padding-top: 5px;
}

.searchbox .search {
    float: left;
    width: 28px;
}

.searchbox .search a {
    display: block;
}

#top_welcome_box {
    float: left;
    width: 53%;
    font-family: "segoe UI", "open Sans";
    font-weight: normal;
    font-size: 20px;
    color: #fff;
    margin-top: 20px;
    text-align: right;
}

#profile_row {
    float: right;
    width: 42%;
    margin-top: 15px;
}

#profile_row .photo {
    float: left;
    margin-right: 8px;
}

.photo_thumb {
    width: 54px;
    height: 54px;
    border: 1px solid #bababa;
    display: inline-block;
}

.photo_thumb a {
    display: inline;
}

.photo_thumb a img {
    width: 100%;
    height: 100%;
}

.photo_thumb img {
    width: 100%;
    height: 100%;
}

#profile_row .content {
    float: left;
    width: 50%;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
}

#profile_row .content .orange {
    color: #e8b804;
}

#profile_row .right {
    float: right;
    width: 28%;
    margin-left: 8px;
    text-align: right;
    margin-top: 15px;
}

.subs-img {
    display: inline-block;
    width: 60px;
    border: 1px solid #bababa;
}

.subs-img img {
    width: 100%;
}

#global-nav {
    background: #393838;
    height: 40px;
    font-family: 'calibriregular';
    font-size: 16px;
    color: #a3a2a3;
}

#global-nav ul {
    margin: 0px;
    padding: 0;
}

#global-nav ul li {
    float: left;
    margin: 0px;
    padding: 0px;
    list-style: none;
    display: inline-block;
    text-align: center;
    cursor: pointer;
}

#global-nav ul li a {
    padding: 0 4px;
    display: block;
    line-height: 40px;
    color: #a3a2a3;
}

#global-nav li a:hover {
    color: #fff;
    background: url(../img/menu_hover_bg.jpg) repeat-x;
}

#global-nav li a.active {
    color: #fff;
    background: url(../img/menu_hover_bg.jpg) repeat-x;
}

#global-nav ul li ul {
    display: none;
    margin-top: 0px;
    padding: 0px;
    width: 150px;
    position: absolute;
    list-style: none;
    background: #393838;
    z-index: 1111;
}

#global-nav ul li:hover ul {
    display: block;
}

#global-nav ul li:hover ul li {
    width: 100%;
}

#global-nav ul li:hover ul li {
    border-top: 1px solid #504f4f;
    padding: 8px 0;
}

#global-nav ul li:hover ul li a {
    display: block;
    text-align: left;
    text-indent: 0px;
    line-height: 24px;
    font-size: 15px;
}

#global-nav ul li ul li a:hover {
    color: #fff;
}

#global-nav ul li:hover ul li:last-child {}

.fixed-global-nav #global-nav ul li ul {
    z-index: 1111 !important;
}

#content_wrap {
    width: 100%;
    margin-top: 10px;
}

#col_left {
    width: 20%;
    float: left;
    margin-right: 0.8%;
    z-index: 10;
    position: relative
}

#col_right {
    width: 20%;
    float: right;
    position: relative
}

#col_middle {
    width: 58.5%;
    float: left;
}

#global-nav .testelioicons {
    float: right;
    padding: 1px 10px;
}

#global-nav .testelioicons a {
    margin: 0 5px;
    display: inline-block;
    /*width: 50px; height: 50px; text-align: center; background: #eed91d; padding-top: 2px; color: #333; font-size: 16px;*/
}

#global-nav .testelioicons a img {
    width: 42px;
}

.col_middle_right {
    width: 77.2% !important;
}

/*****************  profile wrap css  **********************/

#profile_wrap {
    background: #2b2b2b;
    padding: 10px;
    margin-top: 1px;
    font-family: Arial, Helvetica, sans-serif;
}

.profile_status {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 30px;
    background: url(../img/profile_status_bg.jpg) repeat-x;
    padding: 0 10px;
}

.profile_status .status {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    margin-left: 20px;
}

.profile_status .online {
    font-size: 12px;
    color: #51d90e;
    margin-left: 10px;
    margin-right: 40px;
}

.profile_status .offline {
    font-size: 12px;
    color: red;
    margin-left: 10px;
    margin-right: 50px;
}

.profile_status .setting {
    font-size: 12px;
    color: red;
    margin: 4px 0 0;
}

.profile_status .setting img {
    width: 20px;
}

.profile_update {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 27px;
    color: #fff;
    border-bottom: 1px solid #555;
    text-align: center;
}

.profile_title {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 24px;
    color: #b3b3b3;
}

.profile_title img {
    margin-right: 10px;
}

.profile_block {
    border-bottom: 1px solid #555;
    padding-bottom: 25px;
}

.profile_img {
    float: left;
    width: 32%;
}

.profile_list {
    float: right;
    width: 68%;
}

.profile_img_thumb {
    width: 63px;
    margin: 7px 0px 0px;
    /* float: left; height:63px; border:1px solid #bababa;*/
}

.profile_img_thumb img {
    width: 63px;
    height: 63px;
}

.pro-user-bor-bot {
    border-bottom: 1px solid #555;
    padding-bottom: 8px;
    margin-bottom: 9px;
}

.profile_list {
    font-size: 13px;
    line-height: 18px;
}

.profile_list a {
    color: #fff;
    text-decoration: underline;
}

.profile_list a:hover {
    color: #fff;
}

.profile_user {
    border-bottom: 1px solid #555;
    font-size: 12px;
    line-height: 22px;
    margin-top: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    width: 100%;
    display: table;
}

.icon1 {
    float: left;
    width: 35%;
    text-align: center;
}

.icon2 {
    float: left;
    width: 45%;
    text-align: center;
}

.icon3 {
    float: right;
    width: 20%;
    text-align: center;
    margin-top: 5px;
}

.icon1 a, .icon2 a, .icon3 a {
    color: #fff;
}

.icon1 a:hover, .icon2 a:hover, .icon3 a:hover {
    color: #fff;
}

.profile_share {
    text-align: center;
    padding: 10px 0;
    color: #fff;
    border-bottom: 1px solid #555;
}

.icon_pu {
    float: left;
    width: 20%;
    text-align: center;
    line-height: 16px;
}

.icon_pu a, .icon_pu a:hover {
    color: #fff;
}

.pumtop {
    margin-top: 5px;
}

/****************  profile category css  **********************/

#profile_category {
    background: #2b2b2b;
    margin-bottom: 2px;
    /*font-family: 'calibriregular';*/
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 1px;
}

#profile_category ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

#profile_category ul li {
    margin: 2px 0px;
    padding: 0;
    display: inline;
}

#profile_category ul li a {
    /*font-size:13px;*/
    /*    font-weight:bold; */
    font-size: 15px;
    line-height: 28px;
    display: block;
    text-align: left;
    color: #FFF;
    position: relative;
    min-height: 28px;
    padding-left: 30px;
}

#profile_category ul li a:hover {
    color: #fff;
    background: url(../img/refresh.png) no-repeat 205px 8px #484848;
}

#profile_category ul li a img {
    position: absolute;
    top: 5px;
    left: 8px;
    width: 16px;
}

#profile_category ul li a i {
    width: 18px;
    margin-right: 15px;
    font-size: 18px;
}

#profile_category ul li ul.dropdown {
    background-color: #727272;
}

#profile_category ul li ul.dropdown li a {
    font-weight: normal;
    padding-left: 30px;
}

/*****************  profile menu css  ***************************/

#profile_menu {
    background: #000;
    padding: 2px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 1px;
    height: 40px;
}

#profile_menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#profile_menu ul li {
    margin: 0px;
    padding: 0px;
    display: inline-block;
    float: left;
}

#profile_menu ul li a {
    font-size: 13px;
    color: #cbcbcb;
    line-height: 20px;
    display: block;
    text-align: center;
    padding: 0 6px;
}

#profile_menu ul li a:hover {
    color: #fff;
}

/********************  profile links css *************************/

#profile_links {
    background: #333;
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    margin-top: 0px;
    margin-bottom: 2px;
}

#profile_links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#profile_links ul li {
    margin: 0px;
    padding: 0px;
    display: block;
}

#profile_links ul li a {
    font-size: 13px;
    color: #dadada;
    line-height: 30px;
    display: block;
    text-align: left;
    padding-left: 15px;
    border-bottom: 1px solid #484848;
}

#profile_links ul li a:hover {
    color: #fff;
}

#profile_links ul li.selected {
    color: #fff;
    background: #767676;
}

#profile_links ul li:last-child a {
    border-bottom: none;
}

#profile_links .sublinks {
    padding: 10px;
    background: #484848;
}

#profile_links .sublinks ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#profile_links .sublinks ul li {
    margin: 0px;
    padding: 0px;
    display: inline;
}

#profile_links .sublinks ul li a {
    font-size: 13px;
    color: #cbcbcb;
    line-height: 26px;
    display: block;
    text-align: left;
    padding-left: 15px;
}

#profile_links .sublinks ul li a:hover {
    color: #fff;
}

#profile_links ul li a.bb-border {
    border-bottom: 1px solid #888;
}

/******************* communities css *************************/

.community_title {
    background: #2b2b2b;
    height: 36px;
    line-height: 36px;
    font-family: 'segoe_uiregular';
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 1px;
    padding-left: 10px;
}

#community {
    background: #333;
    padding: 0 10px 10px 10px;
}

.community_block {
    border-bottom: 1px solid #555;
    padding-bottom: 0px;
}

.com-row {
    padding-left: 20px;
}

#community .subtitle {
    line-height: 32px;
    font-family: 'segoe_uiregular';
    font-weight: bold;
    font-size: 14px;
    color: #fff;
}

.show_hide {
    float: right;
    margin: 12px 5px;
}

.community_member {
    float: left;
    margin: 5px 10px 10px 0;
}

#community .community_detail {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #d1d1d1;
    line-height: 22px;
    float: right;
    width: 80%;
}

/******************  column block css  ************************/

.block_title {
    background: #2b2b2b;
    height: 36px;
    line-height: 20px;
    font-family: 'segoe_uiregular';
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    padding: 7px 10px;
}
#block_title {
    background: #2b2b2b;
    height: 36px;
    line-height: 20px;
    font-family: 'segoe_uiregular';
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    padding: 7px 10px;
}

#block_title i {
    font-size: 17px;
}

.see_all a {
    float: right;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
    text-transform: none;
    text-decoration: underline;
}

#block {
    background: #f5f5f5;
    padding: 0px;
    margin-bottom: 5px;
    border: 1px solid #b9b9b9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 22px;
}

#block .link a {
    color: #333333;
}

#block .link a:hover {
    color: #000;
}

.special-1 {
    color: #1094a1;
}

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

.friend_list ul li {
    float: left;
    width: 100%;
    display: inline;
    line-height: 24px;
    color: #757575;
    margin-top: 4px;
}

.friend_list ul li .left {
    float: left;
    width: 82%;
}

.friend_list ul li .right {
    float: right;
    min-width: 14%;
    text-align: center;
    max-width: 20%;
    background: #a6a6a6;
    color: #fff;
    padding: 0 5px;
}

.friend_list ul li img {
    margin-right: 10px;
    width: 16px;
}

.friend_list ul li .left a {
    color: #fff;
}

#friend_search {
    background: #fff;
    /*border:1px solid #dbdbdb;*/
    height: 30px;
}

#friend_search .search_input {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #bbb;
}

#friend_search input {
    width: 100%;
    border: none;
    height: 25px
}

#friend_search .search {
    float: left;
    width: 10%;
}

.friend_search_k {
    background: #f9f4df;
    border: 1px solid #555;
    position: relative;
    padding-right: 40px;
    min-height: 30px;
    margin-bottom: 8px;
}

.friend_search_k .search_input {
    /*float:left; width:100%; border: 1px solid #bbb;*/
}

.friend_search_k input {
    width: 100%;
    border: none;
    height: 25px;
    background: #f9f4df;
}

.friend_search_k .search_k {
    float: left;
    width: 10%;
}

.friend_search_k .a-search_k {
    position: absolute;
    top: 3px;
    right: 10px;
    font-size: 15px;
}

#friend_gallery {
    margin-top: 10px;
}

.friend_gallery ul {
    margin: 0 -3px;
    padding: 0;
    list-style: none;
}

.friend_gallery ul li {
    float: left;
    margin: 2px;
    width: 44px;
    height: 43px;
}

.friend_gallery ul li a {
    display: flex;
}

.friend_gallery ul li a img {}

.favorite {
    margin-top: 10px;
}

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

.favorite ul li {
    float: left;
    width: 100%;
    color: #757575;
    margin-top: 4px;
    line-height: 26px;
    padding: 5px;
}

.favorite ul li a.left {
    float: left;
    width: 89%;
}

.favorite ul li .right {
    float: right;
    width: 10%;
    background: #89ccd2;
    color: #fff;
    padding: 0 6px;
}

.favorite ul li a {
    display: block;
    color: #333;
    padding-left: 5px;
}

.favorite ul li a:hover {
    background-color: #89ccd2;
    color: #fff !important;
}

.favorite ul li img {
    margin-right: 10px;
}

/**************** Right Group block css *******************/

#member_block {
    color: #757575;
    padding: 3px;
}

.member_img_thumb {
    width: 60px;
    height: 60px;
    border: 1px solid #bababa;
    padding: 3px;
    float: left;
    margin-bottom: 7px;
}
.sponsor_img_thumb {
    border: 1px solid #bababa;
    padding: 3px;
    float: left;
    margin-bottom: 7px;
}
.member_img_thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile_detail {
    float: right;
    width: 70%;
}

.member_title {
    color: #960f27;
}

.member_block_end {
    border-bottom: 1px solid #ababab;
    margin: 7px 0;
}

.more a {
    color: #960f27;
    font-weight: bold;
}

.more a:hover {
    color: #960f27;
    text-decoration: underline;
}

#block #member_block {
    padding: 5px;
}

.text1 {
    color: #606060;
    font-size: 15px;
    line-height: 22px;
    text-align: center;
    padding-bottom: 20px;
}

.text2 {
    color: #202020;
    font-size: 11px;
    font-weight: bold;
    line-height: 22px;
    text-transform: uppercase;
    text-align: center;
}

.button_sportbook {
    margin: 5px 40px;
}

.button_filter_option {
    margin: 0 40px 10px 40px;
}

.button_filter_option a {
    font-family: 'segoe_uibold';
    font-size: 13px;
    color: #fff;
    background: #098592;
    display: block;
    line-height: 25px;
    text-align: center;
}

.new_member_title {
    color: #333333;
}

.send_message {
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.send_message a {
    color: #757575;
    line-height: 22px;
}

.send_message a:hover {
    color: #757575;
}

.friends_wait {
    padding: 10px 0px;
    text-align: center;
}

.friend_search {
    float: left;
}

.friend_search_filter {
    float: right;
    width: 70%;
    margin: 10px 0;
}

.friend_search_filter a {
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    background: #098592;
    display: block;
    line-height: 25px;
    text-align: center;
}

.new_member_title-1 {
    color: #820011;
    background: #c3c3c3;
    padding: 1px 5px;
}

.new_member_content-1 {
    min-height: 120px;
    line-height: 18px;
    padding: 8px 5px;
}

/**************** social share css *************************/

.share_page {
    padding: 6px;
}

.share_media {
    margin: 5px;
    float: left;
    width: 60px;
}

.social-networks {
    padding: 10px 20px;
}

.social-networks ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.social-networks li {
    float: left;
    padding: 0 0 0 7px;
}

.social-networks a {
    display: block;
    text-indent: -100px;
    overflow: hidden;
    width: 19px;
    height: 19px;
    background: url(../img/sprite.png) no-repeat;
}

.social-networks .google {
    background-position: 0px 0px;
}

.social-networks .linkedin {
    background-position: -26px 0px;
}

.social-networks .twitter {
    background-position: -53px 0px;
}

.social-networks .facebook {
    background-position: -79px 0px;
}

.social-networks .gmail {
    background-position: -105px 0px;
}

.social-networks .pinterest {
    background-position: -132px 0px;
}

.social-networks .more {
    background-position: -157px 0px;
}

/**************** profile category bar css ********************/

#welcome_bar {
    background: url(../img/welcome_bar_bg.jpg) repeat-x top #dfdede;
    padding: 10px;
    font-family: 'calibriregular';
    font-weight: bold;
    font-size: 14px;
    width: 100%;
}
#select_member_for_overview{
    background: url(../img/welcome_bar_bg.jpg) repeat-x top #dfdede;
    padding: 10px;
    font-family: 'calibriregular';
    font-weight: bold;
    font-size: 14px;
    width: 100%;
}

#profile_menu_bar {
    background: url(../img/profile_menu_bg.jpg) repeat-x top #e9e8e8;
    border-bottom: 1px solid #767676;
    margin-top: 1px;
}

.welcome_profile_title {
    float: left;
    width: 10.6%;
    margin-right: 0.5%;
    color: #b70019;
    text-align: left;
}

.profile_date {
    float: right;
    /*width:12.5%;*/
    width: 28%;
    color: #067a86;
    text-align: left;
}

.profile_category {
    float: left;
    /*width:76%;*/
    width: 60%;
}

.profile_category ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: url(../img/profile_category_seperator.jpg) repeat-y right;
}

.profile_category ul li {
    float: left;
    display: inline-block;
    background: url(../img/profile_category_seperator.jpg) repeat-y left;
}

.profile_category ul li a {
    padding: 0 3px;
    color: #767676;
    display: block;
    text-align: center;
}

.profile_category ul li a:hover {
    color: #767676;
}

.profile_category ul li .seperator {
    background: url(../img/profile_category_seperator.jpg) repeat-y left;
}

.profile_category ul li ul {
    width: 204px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.profile_category ul li ul li {
    float: left;
    display: inline-block;
    background-image: none;
}

.profile_category ul li ul li a {
    padding: 0 3px;
    color: #767676;
    display: block;
    border-right: 1px solid #9c9c9c;
    text-align: center;
    background-image: none;
}

.profile_category ul li ul li:last-child a {
    border-right: none;
}

.profile_category ul li ul li a:hover {
    color: #767676;
}

.user_code {
    color: #393838;
}

.welcomebar-links {
    border-top: 1px solid #fff;
    margin-top: 5px;
    padding-top: 10px;
}

.welcomebar-links ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.welcomebar-links ul li {
    display: inline-block;
}

.welcomebar-links ul li a {
    padding: 2px 13px;
    color: #333;
}

.welcomebar-links ul li a:hover {
    color: #b70019;
}

/**************** profile menu bar css **************************/

.profile_menu {
    font-family: "segoe UI", "open Sans";
    font-weight: normal;
    font-size: 13px;
    padding: 0 10px;
}

.profile_menu.scroll-x {
    width:100%;
    overflow-x:scroll;
    white-space:nowrap;
}

.profile_menu a {
    padding: 0 15px;
    color: #434343;
    line-height: 40px;
    text-align: center;
    float: left;
    display: inline-block;
}

.profile_menu.scroll-x a {
    display:inline !important;
    float:none !important;
}

.profile_menu a.active {
    color: #000;
}

.profile_menu.scroll-x a.active {
    padding-bottom:8px !important;
}

.profile_menu a.active {
    color: #000;
    background: url(../img/profile_menu_hover_arrow.png) no-repeat center bottom;
    border-bottom: 3px solid #99041e;
    margin-bottom: -1px;
}

.middle_block_pad {
    margin-top: 10px;
}

#content_block {
    background: #f0f0f0;
    padding: 15px;
    border: 1px solid #dbdbdb;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 22px;
}

.content_title_block {
    border-bottom: 1px solid #dbdbdb;
}

.content_tile {
    font-family: 'segoe_uibold';
    font-size: 13px;
    color: #393838;
    padding-bottom: 10px;
}

.fields_block {
    margin: 20px 10px;
}

.fields_block .row {
    margin: 0;
    padding: 0;
}

.fields_block .left {
    float: left;
    width: 30%;
}

.fields_block .right {
    float: left;
    width: 66%;
    margin-left: 10px;
    line-height: 28px;
}

.fields_title {
    font-size: 13px;
    color: #434343;
    line-height: 30px;
    text-align: right;
}

.select_img select option {
    height: 25px;
    padding-top: 4px;
}

.submit_block {
    width: 70%;
    margin: 20px 0;
}

.run_test {
    height: 30px;
    background: #c9c9c9;
    margin-top: 10px;
}

.run_test .run {
    height: 30px;
    background: #23b14d;
    width: 70%;
}

.begin_test {
    width: 40%;
    margin-top: 20px;
}

.button_test {
    border: solid 1px #a6a5a5;
    /*background:url(../img/gray_button_bg.jpg) repeat-x bottom #c4c4c4 ;*/
    background: #c4c4c4;
    /* Old browsers */
    background: -moz-linear-gradient(top, #c4c4c4 0%, #afafaf 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #c4c4c4 0%, #afafaf 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #c4c4c4 0%, #afafaf 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c4c4c4', endColorstr='#afafaf', GradientType=0);
    /* IE6-9 */
}

.button_test a {
    padding: 5px 10px 5px 10px;
    color: #000;
    font-family: 'open_sansbold';
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    border: solid 1px #dadada;
    margin: 1px;
    display: block;
    line-height: 20px;
    text-align: center;
}

/**************** Profile Tab Start ************************/

.right input[type="text"] {
    width: 100%;
    border: solid 1px #dbdbdb;
    height: 30px;
    box-sizing: border-box;
    padding: 0 5px;
    line-height: 30px;
}

.right input[type="file"] {
    width: 160px\0;
}

.profile_pics span {
    color: #999;
}

.right input[type="button"], .right input[type="submit"] {}

.right input[type="button"], .gray_button {
    color: #666;
    font-size: 13px;
    font-weight: bold;
    padding: 5px 10px;
    border: solid 1px #999;
    border-radius: 3px;
    text-shadow: 1px 1px #FFF;
    cursor: pointer;
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #f2f2f2 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #f2f2f2));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #f2f2f2 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #f2f2f2 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #f2f2f2 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #f2f2f2 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2', GradientType=0);
    /* IE6-9 */
}

.right .activity_setting input[type="button"], .black_button {
    background: linear-gradient(to bottom, #666 0%, #333 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    text-shadow: none;
}

.right .activity_setting input[type="button"]:hover {
    background: #333;
}

a.gray_button {
    padding: 7px 10px;
}

.uplaod_pic {
    float: left;
    width: 180px;
}

.take_photo {
    float: left;
    width: 100px;
}

.avtar {
    float: right;
    width: 100px;
}

.avtar img {
    padding-left: 10px;
}

.left span {
    color: #6e6e70;
}

.branding {
    float: left;
    width: 140px;
}

.branding_content {
    float: left;
    margin-left: 15px;
    width: 73%;
    padding-top: 15px;
    color: #6e6e70;
}

.branding_content ul {
    margin: 0px;
    padding: 0px;
}

.branding_content ul li {
    margin: 0px;
    padding: 0px;
    margin-left: 12px;
}

.brand_learn {
    padding-left: 18px;
}

.brand_learn b {
    padding-left: 38px;
    color: #333;
}

/****************** Profile Tab End **********************/

/***************** Logins Tab Start **********************/

#filter_option {
    margin-bottom: 30px;
}

#filter_option h3 {
    float: left;
    display: block;
    padding-right: 20px;
}

#search_fields span {
    color: #333;
}

.sector_item {
    float: left;
}

.item_search {
    float: left;
    margin-top: 22px;
    padding: 5px 20px;
    margin-left: 10px;
}

.activity_column {
    width: 100%;
}

.activity_title {}

.a_number {
    float: left;
    padding: 5px;
    width: 4%;
}

.a_Name {
    float: left;
    padding: 5px;
    width: 17%;
}

.a_Item {
    float: left;
    padding: 5px;
    width: 16%;
}

.a_Date {
    float: left;
    padding: 5px;
    width: 37%;
}

.a_Location {
    float: left;
    padding: 5px;
    width: 37%;
}

.a_forgetapp {
    float: left;
    padding: 5px;
    width: 15%;
    text-align: right;
}

.a_forgetapp img {
    padding-top: 4px;
    cursor: pointer;
    text-align: right;
}

.column_gray {
    background-color: #e2e2e2;
}

.forget_all {
    float: right;
}

.premium_box {
    margin-top: 20px;
}

.premium_detail {
    float: left;
    width: 47%;
    padding: 5px;
    padding-bottom: 10px;
    line-height: 15px;
    color: #333;
}

/****************** photo gallery pages ********************/

.gallery_block {
    border-bottom: 1px solid #dbdbdb;
}

.gallery_title {
    font-family: "Arial";
    font-weight: bold;
    font-size: 20px;
    color: #b70019;
    padding: 10px 0px;
}

.gallery_title abbr a {
    font-size: 14px;
    text-decoration: underline;
    color: #b70019;
    padding: 5px 0;
}

.gallery_title abbr a:hover {
    color: #b70019;
}

.gallery_title span {
    color: #666;
}

.gallery_title a {
    float: right;
}

.photosearch_row {
    padding: 12px 30px 0;
    font-size: 13px;
    color: #434343;
    line-height: 30px;
    text-align: right;
}

.view, .dropview, .order, .droporder, .date_title, .datebox, .gallery_search_item, .datepick {
    float: left;
    margin-right: 10px;
}

.view, .order {
    width: 10%;
}

.dropview, .droporder {
    width: 35%;
}

.date_title {
    width: 12%;
}

.datebox {
    width: 21%;
}

.gallery_search_item {
    width: 12%;
}

.datebox input {
    width: 100%;
}

.rolepage.view {
    width: 100%;
}

.result_block {
    background: #f0f0f0;
    padding: 10px;
    border: 1px solid #dbdbdb;
    margin-top: 10px;
}

.view_result {
    font-family: "segoe UI", "open Sans";
    font-weight: bold;
    font-size: 12px;
    color: #434343;
    text-align: center;
}

.view_result a {
    color: #434343;
}

.view_result a:hover {
    color: #434343;
    text-decoration: underline;
}

.browse_photo_btrow {
    padding-top: 5px;
    text-align: center;
    margin: 0 auto;
    width: 25%;
}

.gallery_bt_red a, .bt_red a, .gallery_bt_red input[type=submit], .bt_red input[type=submit] {
    margin-right: 20px;
    color: #fff;
    padding: 8px 8px;
    border: solid 1px #9c0606;
    font-size: 15px;
    font-weight: bold;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    background: #fb7272;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fb7272 0%, #e03734 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fb7272), color-stop(100%, #e03734));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fb7272 0%, #e03734 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fb7272 0%, #e03734 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fb7272 0%, #e03734 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fb7272 0%, #e03734 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fb7272', endColorstr='#e03734', GradientType=0);
    /* IE6-9 */
}

.gallery_bt_red, .bt_red {
    color: #fff
}

.gallery_bt_red a:hover, .bt_red a:hover {
    color: #fff;
    background: #9c0606;
    /* Old browsers */
    background: -moz-linear-gradient(top, #9c0606 0%, #bd0c08 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9c0606), color-stop(100%, #bd0c08));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #9c0606 0%, #bd0c08 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #9c0606 0%, #bd0c08 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #9c0606 0%, #bd0c08 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #9c0606 0%, #bd0c08 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9c0606', endColorstr='#bd0c08', GradientType=0);
    /* IE6-9 */
}

.add_bt, .list_bt {
    width: 135px;
    float: left;
    margin-left: 12px;
}

.browse_album {
    width: 100%;
    margin-top: 5px;
}

.album_box {
    float: left;
    width: 49%;
    margin-bottom: 12px;
}

.album_box:hover, .Event_photo_box:hover {
    background: #ffffff;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #ebebeb));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffffff 0%, #ebebeb 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #ffffff 0%, #ebebeb 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb', GradientType=0);
    /* IE6-9 */
}

.lt_margin {
    margin-left: 2%;
}

.inpad {
    padding: 15px;
    border: 1px solid #dbdbdb;
}

.gallery_thumb {
    float: left;
    width: 33%;
}

.album_content_box {
    width: 67%;
    float: right;
    text-align: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 22px;
    color: #434343;
}

.album_content_box a:hover {
    color: #c41732;
}

.gallery_img_thumb {
    width: 75px;
    height: 75px;
    border: 1px solid #bababa;
    float: left;
    background: #fff;
}

.gallery_img_thumb img {
    width: 67px;
    height: 67px;
    margin: 4px;
}

.gallery_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #646464;
    line-height: 22px;
}

.gallery_text .text_fent {
    color: #646464;
}

.add_photo_block {
    margin-top: 10px;
}

.add_photo_block img {
    border: 1px solid #bdbdbd;
    margin-top: 10px;
}

.input_text {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #434343;
    line-height: 20px;
}

.input_text {
    text-align: left;
}

.input_title {
    width: 150px;
    padding-left: 10px;
}

.input_field {
    width: 200px;
    margin-top: -5px;
}

.input_field input {
    width: 100%;
}

/*



.radio, 

.input_title, 

.input_title2, 

.input_field, 

.btn{ float:left;}



.radio{ width:20px;}



.btn{ width:100px;}

*/

.input_title1 {
    padding-left: 10px;
}

.input_title2 {
    width: 60px;
    padding-left: 10px;
}

.Gallery_photo_btrow {
    padding-top: 5px;
    text-align: center;
    margin: 0 auto;
    width: 48%;
}

.g_content_block {
    background: #f0f0f0;
    padding: 25px;
    border: 1px solid #dbdbdb;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 22px;
}

.g_block {
    padding: 15px;
    border: 1px solid #dbdbdb;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 22px;
    margin-top: 15px;
}

.comment_btn {
    float: right;
}

.add_photo {}

.add_photo img {
    width: 230px;
    height: 241px;
}

.ad-slideshow-controls {
    display: none !important;
}

.g_textarea {
    border: 1px solid #dbdbdb;
    width: 95%;
    padding: 2%;
}

/***************** MY Enets pages  13-06 ********************/

.events_title_box {
    border: solid 1px #dbdbdb;
    background-color: #f1f1f1;
    padding: 10px 15px 8px !important;
}

.my_events {
    font-size: 14px;
    line-height: 22px;
    color: #414141;
    padding-top: 15px;
}

.my_events img {
    margin-right: 10px;
    margin-bottom: 10px;
}

.event_title {
    font-family: "segoe UI", "open Sans";
    font-size: 14px;
    color: #333;
    padding: 10px 0px;
}

.event_title span {
    display: inline-block;
    float: left;
    padding-right: 15px;
    line-height: 28px;
}

.events_title_box .gallery_bt_red {
    width: 175px;
    text-align: center;
    float: left;
    margin-right: 15px;
}

.my_events {
    margin: 0px;
    padding: 0px;
    margin-top: 20px;
}

.new_event_text {
    float: left;
    width: 420px;
}

.my_events .gray_button {
    float: right;
}

.my_events.left {
    float: left;
    width: 50%;
}

.my_events.right {
    float: right;
    width: 45%;
}

.create_new_event {
    padding: 0px;
    margin-top: 20px;
}

.event_fields {
    font-size: 14px;
    padding: 4px 0px;
}

.field_title {
    float: left;
    line-height: 24px;
    width: 200px;
}

.field_input {
    float: left;
    width: 400px;
}

.field_input input[type="text"], .field_input input[type="password"], .field_input input[type="number"] {
    width: 320px;
}

.field_input textarea {
    width: 318px;
    border: 1px solid #c0c0c0;
    min-height: 50px;
}

.field_input span, .event_fields span, .total_time span {
    color: #666;
    font-size: 13px;
}

.field_input map {
    width: 323px;
    height: 160px;
    background-color: #CCC;
    display: block;
}

.efr.field_input {
    float: left;
    width: 570px !important;
}

.aana .field_title {
    width: 180px !important;
}

.aana .field_input {
    width: 500px !important;
}

.aana input[type="password"], .aana input[type="number"] {
    width: 280px !important;
}

.aana .Event_select {
    width: 282px !important;
}

.aana .Event_select select {
    width: 310px !important;
}

.aana_form {
    width: 787px;
    margin: 0 auto;
}

/* New css 17-08-17

=====================*/

.create_new_event1 {
    padding: 0px;
    margin: 10px auto 0;
    width: 95%;
}

.create_new_event1 .event_fields {
    font-size: 14px;
    padding: 4px 0px 4px 90px;
    position: relative;
}

.create_new_event1 .event_fields .field_title {
    float: none;
    line-height: 24px;
    width: auto;
    position: absolute;
    top: 10px;
    left: 0;
}

.create_new_event1 .event_fields .field_input {
    float: left;
    width: 100%;
}

.create_new_event1 .event_fields .field_input input[type="text"] {
    float: left;
    width: 100%;
}

.create_new_event1 .event_fields h4 {
    line-height: 24px;
    width: auto;
    position: absolute;
    top: 10px;
    left: 0;
    margin: 0;
}

.create_new_event1 .event_fields .cke_chrome {
    width: 100%;
}

.create_new_event1 .event_fields .cke_chrome #cke_1_top {
    width: 100%;
    box-sizing: border-box;
}

.sub_titles {
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    font-family: "segoe UI", "open Sans";
    padding: 5px 0px;
}

.subsub_titles {
    border-bottom: 1px solid #dbdbdb;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #666;
    font-family: "segoe UI", "open Sans";
    padding: 5px 0px;
}

.event_radio {
    padding-left: 214px;
    padding-top: 10px;
    line-height: 22px;
}

.event_submit {
    padding: 20px 0 20px 223px;
}

.event_submit .gallery_bt_red {
    width: 160px;
    float: left;
    text-align: center;
    margin-right: 20px;
}

.event_submit .black_bt {
    float: left;
    margin-left: 20px;
    width: 100px;
}

.black_bt {
    color: #FFF !important;
    padding: 8px 10px;
    border: solid 1px #000;
    font-size: 14px;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    text-align: center;
    background: #636363;
    background: -moz-linear-gradient(top, #636363 1%, #282828 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #636363), color-stop(100%, #282828));
    background: -webkit-linear-gradient(top, #636363 1%, #282828 100%);
    background: -o-linear-gradient(top, #636363 1%, #282828 100%);
    background: -ms-linear-gradient(top, #636363 1%, #282828 100%);
    background: linear-gradient(to bottom, #636363 1%, #282828 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#636363', endColorstr='#282828', GradientType=0);
}

.black_bt:hover {
    background: #1B1B1B;
}

/****************** MY Blog pages  16-06 ********************/
.clubMember_setting{
    margin-bottom: 10px !important;
}
.new_service_lab{
    width: 10% !important;
}
.new_service{
    margin-left: 5% !important;
}
.blog_entry {
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    padding: 10px;
    font-family: 'calibriregular';
}

.blog_entry .link {
    float: left;
    width: 30%;
    font-size: 15px;
    color: #333;
}

.blog_entry .link a {
    color: #333;
}

.blog_entry .link a img {
    margin-right: 10px;
}

.blogentry_block {
    background: #fff;
    padding: 10px;
    border: 1px solid #dbdbdb;
    font-size: 15px;
    line-height: 22px;
    margin: 10px 0;
}

.blogentry_block span {
    float: right;
}

.blogentry_block span a {
    font-size: 15px;
    color: #333;
    font-weight: bold;
}

.blog_list_bg {
    background: #eee;
    padding: 10px;
}

.blog_list {
    font-size: 14px;
    color: #b70019;
    padding: 7px;
    text-indent: 4px;
    background: #eee;
    border-top: 1px solid #fff;
}

.blog_list a {
    color: #b70019;
}

.blog_list:hover {
    background: #cac8c8;
}

.blog_list_popup_title {
    font-family: 'open_sansbold';
    font-size: 15px;
    font-weight: bold;
    color: #b70019;
    padding: 7px 0;
}

.blog_list_popup_content {
    margin-top: 15px;
    max-height: 400px;
    overflow: scroll;
    overflow-x: hidden
}

.blog_list {}

.blog_list table {
    border-collapse: collapse;
    width: 100%;
}

.blog_list table td {}

.blog_list .srn {
    width: 4%;
}

.blog_list .coln1 {
    width: 26%;
}

.blog_list .coln2 {
    width: 20%;
}

.blog_list .coln3 {
    width: 20%;
}

.blog_list .coln4 {
    width: 10%;
}

.blog_list .coln5 {
    width: 20%;
}

/**************** Create New Sport Event ***********************/

.total_time {
    width: 200px;
    float: left;
}

.total_time input[type="text"] {
    width: 109px;
}

.view_option {
    line-height: 33px;
    float: right;
}

.my_events h3 {
    padding: 0px;
    margin: 0px;
}

.event_naves {
    padding-top: 15px;
}

.event_naves a {
    margin-right: 10px;
}

#event_photo_main .Event_photo_box:last-child, #event_video_main .Event_photo_box:last-child {
    border-bottom: none;
}

#event_photo_main .Event_photo_box:first-child, #event_video_main .Event_photo_box:first-child {
    border-bottom: solid 1px #dbdbdb;
}

.Event_photo_box {
    margin-top: 15px;
    border-bottom: solid 1px #dbdbdb;
    padding: 10px;
}

.event_photo {
    padding: 5px;
    border: 1px solid #bababa;
    float: left;
    height: 170px;
    width: 170px;
}

.photo_details {
    float: right;
    width: 68%;
}

.photo_details p, .video_details p {
    margin: 0px;
    margin-bottom: 10px;
}

.photo_details input[type="text"] {
    width: 90%;
}

.photo_radio {
    line-height: 40px;
    font-size: 14px;
}

#event_video_main {}

.event_video {
    padding: 5px;
    border: 1px solid #bababa;
    float: left;
    height: 85px;
    width: 85px;
}

.video_details {
    float: right;
    width: 81.5%;
}

.video_rating {
    padding-top: 5px;
    cursor: pointer;
}

.rating_big {
    padding-top: 10px;
}

.rating_big span {
    padding-left: 10px;
    padding-top: 5px;
}

#Event_map_box {
    border: solid 1px #dbdbdb;
    padding: 10px;
    margin-top: 15px;
}

.event_map {
    float: left;
    width: 196px;
    height: 170px;
    border: solid 1px #dbdbdb;
}

.map_detail {
    float: right;
    width: 66%;
    font-size: 14px;
    line-height: 28px;
}

.weather {
    float: left;
    text-align: center;
    width: 30%;
    text-align: left;
}

.tmin {
    float: left;
    width: 10%;
    text-align: center;
}

.tmax {
    float: left;
    width: 10%;
    text-align: center;
}

.vento {
    float: left;
    width: 25%;
    text-align: center;
}

.Percent {
    float: left;
    width: 22%;
    font-size: 13px;
}

.g_percent {
    background-color: #e7e7e7;
    width: 100%;
    height: 20px;
}

.fill_percent {
    width: 50%;
    vertical-align: middle;
    background-color: #23b14d;
    height: 20px;
    line-height: 20px;
    text-indent: 4px;
}

.remain_percent {
    text-align: left;
    float: left;
}

.result_fields {
    width: 49.5%;
    float: left;
    padding-bottom: 7px;
}

.result_fields span {
    line-height: 25px;
    padding-left: 10px;
}

.result_fields input {
    float: right;
}

.ath_results {
    font-size: 13px;
    color: #666;
    padding-bottom: 20px;
}

.result_fields .black_bt {
    width: 160px;
    float: right;
}

/********************* my poll pages *********************/

.p_droplist {
    float: left;
    width: 46%;
}

.poll_order {
    float: left;
    width: 15%;
}

.poll_r_drop {
    float: right;
    width: 80%;
    margin-top: -3px;
}

.select_p_img select option {
    height: 25px;
    padding-top: 4px;
}

.poll_entry {
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    padding: 8px 0 6px;
    font-family: 'calibriregular';
}

.poll_entry .p_link {
    color: #333;
    float: left;
    font-size: 15px;
    width: 26%;
}

.poll_entry .p_link a {
    color: #333;
}

.poll_entry .p_link a img {
    margin-right: 7px;
}

.req_title {
    padding: 6px 0;
}

.create_request {
    padding: 0 60px;
    margin-top: 20px;
}

.request_titles {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    font-family: "segoe UI", "open Sans";
    padding: 5px 0px;
}

.sub_titles {
    border-bottom: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    font-size: 18px;
    font-weight: bold;
    color: #333;
    font-family: "segoe UI", "open Sans";
    padding: 5px 0px;
}

.subsub_titles {
    border-bottom: 1px solid #dbdbdb;
    font-size: 15px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #666;
    font-family: "segoe UI", "open Sans";
    padding: 5px 0px;
}

.event_radio {
    padding-left: 214px;
    padding-top: 10px;
    line-height: 22px;
}

.request_submit {
    padding: 20px 0 20px 32%;
}

.request_submit .gallery_bt_red {
    width: 160px;
    float: left;
    text-align: center;
    margin-right: 20px;
}

.request_submit .black_bt {
    float: left;
    margin-left: 20px;
    width: 100px;
}

.req {
    color: #d6211e;
}

.request_input {
    float: left;
    width: 450px;
}

.request_input input[type="text"], .request_input input[type="password"], .request_input input[type="number"] {
    width: 450px;
}

.request_input textarea {
    width: 450px;
    border: 1px solid #c0c0c0;
    min-height: 50px;
}

.request_input span, .event_fields span, .total_time span {
    color: #666;
    font-size: 13px;
}

.request_input map {
    width: 323px;
    height: 160px;
    background-color: #CCC;
    display: block;
}

.add_file_block {
    background: url(../img/add-file.jpg) no-repeat center 50% #f6f6f7;
    padding: 20px;
    border: 2px dashed #ccc;
    width: 410px;
}

.add_file {
    font-weight: bold;
    color: #4370d1;
    font-family: "segoe UI", "open Sans";
    font-size: 14px;
    line-height: 22px;
}

.add_file a {
    color: #4370d1;
}

.on_click {
    background: #282828;
    width: 280px;
}

.on_click ul {
    margin: 2px 0 0 !important;
    padding: 0 !important;
    list-style: none;
    font-size: 14px;
}

.on_click ul li {
    margin: 0;
    border-bottom: 1px solid #181818;
    border-top: 1px solid #343434;
    margin-bottom: 0px !important;
}

.on_click ul li a {
    padding: 5px 10px !important;
    color: #cdcdcd;
    line-height: 18px;
}

.on_click ul li a:hover {
    color: #fff;
}

.on_click ul li:first-child {
    border-top: none;
}

.on_click ul li:last-child {
    border-bottom: none;
}

.on_click ul li.togg-heading {
    border-bottom: 1px solid #ccc;
}

.on_click ul li.togg-heading span {
    color: #fff;
    font-size: 16px;
    font-family: 'open_sansbold';
    padding-left: 10px;
    line-height: 30px;
}

.subdropdwn {
    position: absolute;
    z-index: 999;
    left: 281px;
    top: 0;
}

.searchlist_block {
    border: 1px solid #dbdbdb;
    padding: 10px;
    margin-top: 5px;
}

.searchlist_title {
    font-family: "segoe UI", "open Sans";
    font-weight: bold;
    font-size: 20px;
    color: #4a4a4a;
    padding: 10px 0px;
}

.searchlist_detail {
    float: right;
    width: 86%;
}

.expand a {
    color: #0e929e;
}

.expand a:hover {
    color: #0e929e;
    text-decoration: underline;
}

.s_link a {
    font-family: "segoe UI", "open Sans";
    font-weight: bold;
    font-size: 13px;
    color: #393838;
}

.s_link a:hover {
    color: #393838;
}

.click_block {
    width: 200px;
    background: #ffff81;
    border: 1px solid #090700;
}

.click_block ul {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
}

.click_block ul li {
    margin: 0
}

.click_block ul li a {
    padding-left: 10px;
    color: #000000;
    line-height: 26px;
    display: block;
}

.click_block ul li a:hover {
    color: #000000;
}

.share_more {
    background: #f2f2f4;
    width: 200px;
    padding: 6px;
    box-shadow: 3px 3px 2px #A8A8A8
}

.share_t1 img {
    float: right;
    margin-top: 5px;
    margin-right: 5px;
}

.share_t1 {
    font-size: 14px;
}

.clickbox_search {
    background: #fff;
    border: 1px solid #dbdbdb;
    border-radius: 10px;
    margin-top: 10px;
    height: 20px;
    padding: 5px;
}

.clickbox_search .search_input {
    float: right;
    width: 88%;
}

.clickbox_search input {
    width: 100%;
    border: none;
    height: 20px;
    margin-top: -3px;
}

.clickbox_search .search {
    float: left;
    width: 10%;
}

.share_social {
    height: 200px;
    overflow: scroll;
    overflow-x: none;
}

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

.share_social ul li {
    font-size: 14px;
}

.share_social ul li a {
    padding-left: 10px;
    color: #474145;
    line-height: 24px;
}

.share_social ul li a:hover {
    color: #474145;
}

.share_social ul li img {
    margin-right: 5px;
}

.share_more .left {
    float: left;
    width: 30%;
    text-align: left;
}

.share_more .middle {
    float: left;
    width: 40%;
    text-align: center;
}

.share_more .right {
    float: right;
    width: 30%;
    text-align: right;
}

.share_more .link a {
    font-size: 13px;
    color: #474145
}

.invite_friends {
    width: 200px;
    border: 2px solid #7b7b7b;
}

.invite {
    border-bottom: 1px solid #7b7b7b;
    padding: 5px;
}

.invite_friends .left {
    float: left;
    width: 55%;
    padding: 5px;
}

.invite_friends .right {
    float: right;
    width: 40%;
    font-size: 14px;
    padding-top: 10px;
    color: #474145;
    line-height: 18px;
}

.invite_friends .icons {
    float: left;
    width: 44px;
    margin: 5px;
}

#welcome_bar .left_new {
    float: left;
    margin-right: 6px;
}

#welcome_bar .right_new {
    float: right;
    margin-left: 6px;
}

#welcome_bar .right_new_left {
    float: left;
    margin: 0 3px;
    position: relative;
}

.welbar .left_new {
    float: left;
    margin-right: 3px !important;
}

.welbar .right_new {
    float: right;
    margin-left: 3px !important;
}

.menubark {
    color: #777;
    font-size: 25px;
}

.new_pfl_menu {
    float: left;
    font-family: "calibriregular";
    font-weight: normal;
    font-size: 14px;
}

.new_pfl_menu a {
    padding: 12px 7px;
    color: #434343;
    text-align: center;
    float: left;
    display: inline-block;
}

.new_pfl_menu a.active {
    color: #000;
    background: url(../img/profile_menu_hover_arrow.png) no-repeat center bottom;
    border-bottom: 3px solid #99041e;
    margin-bottom: -1px;
}

.new_pfl_menu img {
    margin-right: 5px;
    width: 12px;
    height: 12px;
    margin-top: -4px;
}

.down {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.seeall a {
    color: #960f27;
    font-weight: bold;
    float: right;
    font-size: 11px;
}

.seeall a:hover {
    color: #960f27;
    text-decoration: underline;
}

.mp_dropbox {
    width: 196px;
    border: 1px solid #777;
    padding: 2px;
}

.mp_title a {
    background: #2b2b2b;
    font-size: 14px;
    color: #fff;
    line-height: 26px;
    padding-left: 8px;
    display: block;
}

.mp_title a:hover {
    color: #fff;
}

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

.mp_text ul li {
    font-size: 14px;
}

.mp_text ul li a {
    padding-left: 10px;
    color: #474145;
    line-height: 24px;
    display: block;
}

.mp_text ul li a:hover, .mp_text ul li a.active {
    color: #000000;
    background: #bababa;
}

.mp-drop1 {
    z-index: 999;
    position: absolute;
    background: #fff;
    top: 28px;
    right: 0px;
}

.mp-drop-ab {
    z-index: 999;
    position: absolute;
    right: 296px;
    top: 366px;
    background-color: white;
}

.other_eve a {
    border-top: 1px solid #7b7b7b;
    font-size: 14px;
    color: #000;
    line-height: 26px;
    padding-left: 8px;
    display: block;
}

.other_eve a:hover {
    color: #000;
}

.p_photo {
    float: left;
    margin-right: 5%;
}

.p_info {
    margin-left: 5%;
    margin-right: 5%;
    padding: 15px;
    border: 1px solid #bababa;
    line-height: 22px;
    color: #757575;
    font-size: 14px;
}

.photo_block {
    padding-left: 3%;
}

.photo_g {
    float: left;
    width: 130px;
    height: 125px;
    margin: 10px;
    border: 1px solid #bababa;
    padding: 8px;
    box-sizing: border-box;
}

.photo_g .photo-img {
    min-height: 85px;
    text-align: center;
}

.photo_g .photo-img img {
    width: 80px;
}

.photo_g .photo-name {
    color: #666;
    text-align: center;
    font-size: 14px;
}

.company_info, .other_info {
    float: left;
    width: 40%;
    margin-left: 5%;
    padding: 10px;
    border: 1px solid #bababa;
    line-height: 22px;
    color: #757575;
    font-size: 14px;
}

.right_left {
    float: left;
    width: 50%;
}

.right_left a {
    color: #333;
}

.right_right {
    float: left;
    width: 50%;
}

.os_profile_thumb {
    height: 63px;
    width: 63px;
    margin: 7px 0px 0px;
    border: 1px solid #bababa;
    float: left;
}

.os_profile_thumb1 {
    float: left;
    margin: 0px;
    border: 1px solid #bababa;
}

.poll_s_title {
    float: left;
    padding-left: 10px;
    width: 130px;
    line-height: 30px;
    color: #333;
    font-family: "segoe UI", "open Sans";
    font-size: 14px;
}

.poll_field {
    float: left;
    width: 315px;
    margin-top: 1px;
}

.poll_field input {
    width: 99%;
}

.member_search {
    float: left;
    width: 145px;
    margin-left: 5px;
}

.poll_text {
    font-family: 'segoe_uibold';
    color: #333;
}

.poll_t1 {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 10px;
    font-size: 15px;
}

.poll_t2 {
    font-size: 13px;
    line-height: 20px;
    padding: 10px 0;
}

.poll_t3 {
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #dbdbdb;
}

.poll_t4 {
    font-size: 14px;
    padding: 10px 0;
}

.poll_t4 a {
    font-size: 13px;
    font-weight: bold;
    color: #098592;
    margin-right: 10px;
    text-align: left;
}

.poll_t4 a:hover {
    color: #333;
}

.view_pole_block {
    border: 1px solid #dbdbdb;
    padding: 10px;
}

.vpt_block {
    background: #dbdbdb;
    padding-left: 10px;
}

.vp_title {
    font-weight: bold;
    line-height: 26px;
    font-size: 14px;
}

.vp_text {
    color: #606060;
    font-size: 15px;
    line-height: 22px;
    text-align: left;
    padding: 5px 0 5px 0px;
}

.pole_title {
    color: #393838;
    font-family: "segoe UI", "open Sans";
    font-size: 13px;
    font-weight: bold;
    padding: 5px 0;
}

.ratio {
    float: left;
    padding-left: 10px;
}

.eccellent_ratio {
    width: 300px;
    float: left;
    height: 20px;
    background: #ffa39e;
    border: 1px solid #664242;
}

.ottimo_ratio {
    width: 120px;
    float: left;
    height: 20px;
    background: #9cfbb7;
    border: 1px solid #3c5f47;
}

.buono_ratio {
    width: 120px;
    float: left;
    height: 20px;
    background: #a1d9fa;
    border: 1px solid #3f5966;
}

.b_bottom {
    border-bottom: 1px solid #dbdbdb;
}

.vp_title a {
    color: #606060;
}

.vp_title textarea {
    border: 1px solid #c0c0c0;
    min-height: 70px;
    width: 99%;
}

.ep_desc_block {
    border: 1px solid #c0c0c0;
    overflow: scroll;
    x-scroll: none;
    width: 315px;
    max-height: 170px;
    line-height: 20px;
    padding-left: 8px;
}

.radio_text {
    font-size: 14px;
    color: #333;
}

.vp_title span {
    margin-right: 15px;
}

.vp_title span img {
    margin-right: 5px;
}

.ec_area textarea {
    border: 1px solid #c0c0c0;
    min-height: 50px;
    width: 99%;
}

.mcl {
    float: left;
    width: 140px;
    border: 1px solid #c0c0c0;
    padding: 5px;
    display: flex;
}

.mcl img {
    width: 100%;
}

.mcl_desc {
    float: left;
    width: 445px;
    padding: 0 0 0 10px;
}

.mcl_t1 {
    font-size: 16px;
    line-height: 22px;
}

.mcl_text {
    font-size: 14px;
    line-height: 20px;
}

.cl_block {
    border: solid 1px #dbdbdb;
    background-color: #f1f1f1;
    padding: 10px;
}

.bcl_left {
    float: left;
    width: 35%;
}

.bcl_right {
    float: right;
    width: 63%;
}

.bcl_block {
    background-color: #f1f1f1;
    border: 1px solid #dbdbdb;
    padding: 8px;
}

.search_1 {
    float: left;
    width: 60%;
}

.search_b {
    float: right;
    width: 38%;
}

.search_1 input[type="text"] {
    width: 120px;
}

.bcl_1 {
    float: left;
    width: 20%;
    padding-top: 5px;
}

.bcl_2 {
    float: right;
    width: 80%;
}

.cl_listing {
    font-size: 14px;
    font-family: "segoe UI", "open Sans";
}

.cl_listing ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.cl_listing ul li {
    background: url(../img/rt_arrow.png) no-repeat 0px 0px #ffffff;
    padding-left: 20px;
    border-bottom: 1px solid #dbdbdb;
}

.cl_listing ul li a {
    display: block;
    color: #393838;
    line-height: 28px;
}

.cl_listing ul li a:hover {
    color: #000;
}

.cl_listing ul li:first-child {
    background: none #ffffff;
    padding-left: 10px;
}

.cl_listing ul li:last-child {
    border-bottom: none;
}

.paginate {
    background-color: #f1f1f1;
    text-align: center;
    padding: 5px;
}

.paginate a {
    font-size: 14px;
    font-family: "segoe UI", "open Sans";
    color: #393838;
    padding: 0 10px;
}

.paginate a:hover {
    color: #000;
}

.bcl_block {
    border: solid 1px #dbdbdb;
    padding: 8px;
}

.bmcl {
    float: left;
    width: 80px;
    border: 2px solid #c0c0c0;
    padding: 0px;
    display: flex;
}

.bmcl img {
    width: 100%;
}

.bmcl_desc {
    float: left;
    width: 290px;
    padding: 0 0 0 10px;
}

.userblock_left {
    float: left;
    width: 75%;
    font-weight: bold;
    color: #3333;
    font-size: 14px;
}

.userblock_rightnew {
    float: left;
    width: 24%;
}

.ubspan1 {
    float: left;
    width: 185px;
    font-weight: bold;
    color: #3333;
}

.ubspan2 {
    float: left;
    width: 80px;
    padding-left: 5px;
    color: #850021;
}

.ubspan3 {
    float: left;
    width: 80px;
    padding-left: 5px;
    color: #3333;
}

.ubspan4 {
    float: left;
    width: 80px;
    padding-left: 5px;
    color: #3333;
}

.info-version-btn {
    width: 130px;
    margin-top: 7px;
    margin-left: 10px;
}

.info-version-btn a {
    color: #fff;
    background: #444;
    display: block;
    padding: 5px 20px;
    border-radius: 4px;
}

.newCls .userblock_rightnew .info-version-btn a {
    padding: 5px !important;
    margin: 5px 0;
    width: 130px !important;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
}

.userblock_right {
    float: left;
    width: 70%;
    margin-left: 4%;
    margin-top: 10px;
}

.right_user_content {
    padding: 10px;
    overflow-y: scroll;
    height: 100px;
    border: 1px solid #ccc;
    font-size: 15px;
    color: #324f85;
}

.ired {
    color: #e03734;
    font-style: italic;
}

.useleftpop {
    width: 41% !important;
}

.useleftpop h3 {
    margin: 0px;
    font-weight: bold;
    color: #324F85;
    font-size: 18px;
    line-height: 25px;
}

.useleftpop .si_user_text {
    font-weight: bold;
    color: #324F85;
    font-size: 14px;
    line-height: 20px;
}

.submitButton {
    border: 1px solid #A56D6D;
    color: #FFFFFF;
    display: block;
    font-family: 'open_sansbold';
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin: 1px;
    padding: 5px 20px;
    text-transform: uppercase;
    float: left;
}

.pad15 {
    padding: 15px;
}

.c_event .field_input {
    width: 400px !important;
}

.c_event .field_title {
    width: 160px !important;
}

.replay_container_outer {
    margin: 10px 0px;
}

.replay_container {
    display: none
}

.social_login {
    margin: 0 auto;
    width: 154px;
}

.social_login a {
    background: url("../img/blue_bg.jpg") repeat-x scroll center top;
    border-radius: 6px;
    font-weight: bold;
    display: block;
    font-size: 16px;
    padding: 5px 20px;
    color: #000;
    text-shadow: 1px 1px 1px #fff;
    border: 1px solid #000;
}

.loginpopup {
    position: absolute;
    display: block;
    background: #ffffff;
    z-index: 1111;
    padding: 20px;
    text-align: left;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 0 0 4px 2px #ccc;
    -moz-box-shadow: 0 0 4px 2px #ccc;
    -webkit-box-shadow: 0 0 4px 2px #ccc;
    -box-shadow: 0 0 4px 2px #ccc;
    font-family: 'Source Sans Pro', sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 265px;
    top: 14%;
    left: 35%;
    width: 370px;
}

.loginpopup .signin_popup {
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #7f7f7f;
    line-height: 20px;
    padding: 12px;
    width: 330px;
}

.loginpopup .signin_popup a {
    margin: 2px;
}

.close_lp {
    float: right;
    margin-top: -10px;
    margin-right: -10px;
    box-shadow: 0px 0px 5px 3px #ccc;
    border-radius: 50%;
    background: #fff;
}

.close_lp a i {
    color: #444;
    font-size: 20px;
}

.close_popup {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 2px #111;
    box-sizing: border-box;
    display: inline-block;
    float: right;
    font-size: 15px;
    height: 24px;
    margin-right: -20px;
    margin-top: -20px;
    padding-top: 2px;
    text-align: center;
    width: 24px;
    cursor: pointer;
    color: #333;
}

.martp-minus20 {
    /*margin-top: -20px;*/
}

.listoffeature-popup {
    background: #fff;
    border: 1px solid #777;
    padding: 10px;
    width: 500px;
    border-radius: 6px;
}

.newCls {
    background-color: #E2E5EA;
    border: 1px solid #96011d;
    margin-bottom: -1px;
    margin-top: 0px;
    padding: 10px;
}

.newCls .userblock_right {
    width: 55% !important;
}

#myLoginsNew.loginpopup {
    left: 32%;
    top: 7%;
}

.sc_btn_row {
    width: 220px;
    margin: 0 auto;
    padding: 10px 0;
}

.save1 {
    float: left;
    width: 100px;
}

.cancel1 {
    float: left;
    width: 100px;
    margin-left: 10px;
}

.black_btn {
    background: url("../img/admin/admin-tab-hover.jpg") repeat-x scroll center bottom #474747;
    width: 100%;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    font-family: "open_sansbold";
    font-size: 14px;
    display: block;
    line-height: 36px;
    cursor: pointer;
    border: none;
}

.sky_row {
    background: #7092be;
    line-height: 36px;
    color: #fff;
    padding-left: 10px;
    text-align: left;
    font-family: "segoe UI", "open Sans";
    font-size: 18px;
}

.cl_row_top {
    border: 1px solid #000;
    width: 100%;
    border-bottom-width: 0px;
}

.cl_row_top table tr td {
    border-right: 1px solid #000;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    padding: 5px 0;
    background: #d9d2e9;
    word-break: break-all;
}

.cl_row {
    border: 1px solid #000;
    width: 100%;
}

.cl_row table tr td {
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    padding: 5px 0;
    word-break: break-all;
}

.cl_row table tr:last-child td {
    border-bottom: none;
}

.cl_row_top table tr td:last-child, .cl_row table tr td:last-child {
    border-right: none;
}

.cl_row_top table tr td.second_left, .cl_row table tr td.second_left {
    text-align: left;
    padding-left: 5px;
}

.cl_row_top .col1, .cl_row .col1 {
    width: 3%;
}

.cl_row_top .col2, .cl_row .col2 {
    width: 15%;
}

.cl_row_top .col3, .cl_row .col3 {
    width: 6%;
}

.cl_row_top .col4, .cl_row .col4 {
    width: 12%;
}

.cl_row_top .col5, .cl_row .col5 {
    width: 8%;
}

.cl_row_top .col6, .cl_row .col6 {
    width: 8%;
}

.cl_row_top .col7, .cl_row .col7 {
    width: 7%;
}

.cl_row_top .col8, .cl_row .col8 {
    width: 7%;
}

.cl_row_top .col9, .cl_row .col9 {
    width: 7%;
    position: relative;
}

.cl_row tr.selected td {
    background: #efe4b0;
}

.cl_scroll {
    height: 200px;
    overflow: scroll;
    overflow-x: none;
}

.cl_edit {
    position: absolute;
    width: 37px;
    height: 20px;
    top: 3px;
    right: -43px;
    z-index: 10;
}

/*************** New 09-02-15 ********************/

.edit_popup {
    background: #fff;
    border: 1px solid #7f7f7f;
    line-height: 20px;
    padding: 10px;
    width: 290px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    position: relative;
}

.ep_title {
    font-size: 15px;
    background: #7092be;
    padding: 7px;
    color: #fff;
}

.edit_country {
    font-size: 18px;
    font-weight: bold;
}

.edit_row {
    margin: 10px 0;
}

.edit_row .left {
    float: left;
    width: 43%;
    color: #333;
    line-height: 30px;
    text-align: left;
}

.edit_row .right {
    float: right;
    width: 55%;
}

.edit_field {
    border: 1px solid #c0c0c0;
    padding: 0 5px;
    min-height: 30px;
}

.ef_left {
    float: left;
    padding-top: 2px;
}

.ef_right {
    float: right;
    padding-top: 2px;
}

.edit_halffield {
    width: 45%;
    float: left;
}

.edit_field input[type="text"] {
    border: none;
}

.ep_border {
    border: 1px solid #7f7f7f;
    padding: 0 6px;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.ered {
    color: #f00;
}

.ep_btns {
    float: left;
    width: 31.3%;
    margin: 0 1%;
}

.flag_select_box {
    background: #ecedf1;
    border: 1px solid #ccc;
    width: 300px;
    position: absolute;
    /*left:175px;*/
    left: -143px;
    top: -1px;
    z-index: 100;
    padding: 5px;
}

.flag_select_box ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.flag_select_box ul li {
    float: left;
    margin: 1px;
    height: 23px;
}

/***************** 10-02-15 *********************/

.add-delete_popup {
    background: #fff;
    border: 1px solid #7f7f7f;
    line-height: 20px;
    padding: 10px;
    width: 290px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

a.black_btn {
    background: url("../img/admin/admin-tab-hover.jpg") repeat-x scroll center bottom #474747;
    width: 100%;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    font-family: "open_sansbold";
    font-size: 14px;
    display: block;
    line-height: 36px;
}

.region_box {
    background: #f1f1f1;
    border: 1px solid #ccc;
    width: 280px;
    height: 517px;
    position: absolute;
    left: -1px;
    top: -1px;
    z-index: 100;
    padding: 15px;
}

.region_title {
    color: #333;
    font-size: 15px;
    background: #aaa;
    padding: 5px;
    text-align: left;
    font-weight: bold;
}

.region_search {
    border: 1px solid #c0c0c0;
    background: #fff;
    margin-top: 10px;
}

.region_search input[type="text"] {
    border: none;
    padding: 5px;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
}

.region_list {
    margin-top: 10px;
    overflow: scroll;
    height: 375px;
    overflow-x: none;
}

.region_list table {
    border: 1px solid #cfcfcf;
    font-size: 13px !important;
}

.region_list table td {
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf;
}

.region_list table td:last-child {
    border-right: none;
    border-bottom: 1px solid #cfcfcf;
}

.region_list table tr:last-child td {
    border-bottom: none;
}

.close_region {
    float: right;
    margin-top: -8px;
    margin-right: -8px;
    margin-bottom: 10px;
}

.region_list .col_sr {
    width: 10%;
    padding: 5px;
    text-align: right;
    box-sizing: border-box;
}

.region_list .col_mid {
    width: 70%;
    color: #0d52ac
}

.region_list .col_close {
    width: 10%;
    padding: 5px;
    text-align: center;
    box-sizing: border-box;
}

.region_list .edit {
    width: 10%;
    padding: 5px;
    text-align: center;
    box-sizing: border-box;
}

.region_list .edit a {
    text-decoration: underline;
}

.region_field {
    background: #fff;
    display: block;
}

.rl_savebtn {
    width: 50%;
    margin: 0 auto;
    padding-top: 10px;
}

.submitButton {
    border: 1px solid #A56D6D;
    color: #FFFFFF;
    display: block;
    font-family: 'open_sansbold';
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    margin: 1px;
    padding: 5px 25px;
    text-transform: uppercase;
}

.dealer_box {
    background: #f1f1f1;
    border: 1px solid #ccc;
    width: 280px;
    height: 517px;
    position: absolute;
    left: -1px;
    top: -1px;
    z-index: 100;
    padding: 15px;
}

.add_new_dealer_box {
    background: #fff;
    border: 1px solid #ccc;
    width: 280px;
    height: 517px;
    position: absolute;
    left: -1px;
    top: -1px;
    z-index: 100;
    padding: 15px;
}

.add_new_dealer_box .edit_row .left {
    color: #333;
    float: left;
    line-height: 30px;
    text-align: left;
    width: 32%;
}

.add_new_dealer_box .edit_row .right {
    float: left;
    width: 68%;
}

.add_new_dealer_box .edit_row .save-exit {
    float: left;
    width: 80px;
    margin: 0 5px;
}

.load-btn-box {
    float: left;
    width: 80px;
}

.gray-shine-btn {
    background: #d3d3d3;
    /* Old browsers */
    background: linear-gradient(to bottom, #d3d3d3 50%, #bdbdbd 50%, #d9d9d9 100%);
    /* W3C */
    border: 1px solid #bdbdbd;
    border-radius: 4px;
    color: #111 !important;
    cursor: pointer !important;
    display: block;
    font-weight: bold;
    font-size: 12px !important;
    line-height: 30px;
    text-align: center;
    width: 100% !important;
    box-sizing: border-box;
}

.other_options_pannel>li {
    list-style: none;
}

.management_column_right {
    float: left;
    width: 73%;
    margin: 0 3%;
    padding-top: 0px
}

.mng_button_row {
    width: 430px;
    margin: 20px auto;
}

.mng_btn {
    float: left;
    width: 130px;
    margin-right: 10px;
}

.select_language_box {
    border: 1px solid #333;
    padding: 20px;
}

.sl_left {
    float: left;
    width: 50%;
}

.sl_right {
    float: left;
    width: 47%;
    margin-left: 2%;
}

.sl_left.ltitle {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    color: #333;
}

.lang_select_tab {
    border: 1px solid #333;
    float: left;
    width: 100%;
}

.lang_select_tab a {
    border: 1px solid #fff;
    color: #000;
    font-size: 20px;
    float: left;
    padding: 2px 19px;
    margin: 3px;
    display: block;
}

.lang_select_tab a.select {
    border: 1px solid #f00;
    background: #efe4b0;
}

.mng_area_title {
    background: #800000;
    font-size: 16px;
    color: #fff;
    margin-top: 10px;
    text-align: center;
    line-height: 20px;
    padding: 5px 0;
}

.mng_area {
    background: #e8e8e8;
}

.mng_area table.fsmang {
    border-collapse: collapse;
}

table.fsmang .col_list {
    width: 30%;
}

table.fsmang .col_basic {
    width: 6%;
}

table.fsmang .col_original {
    width: 25%;
    padding: 0px;
}

table.fsmang .col_edit {
    width: 12%;
}

table.fsmang td {
    border: 1px solid #c0c0c0;
    text-align: center;
    padding: 5px;
}

table.fsmang tr:first-child td {
    font-size: 14px;
    font-weight: bold;
}

table.fsmang tr td:first-child {
    text-align: left;
    padding-left: 10px;
}

.original_title table, .ori_content table {
    margin-bottom: 0;
    border-collapse: collapse;
}

.original_title {
    padding: 0px !important;
    border-top: 1px solid #c0c0c0;
}

.original_title table tr td {
    font-weight: normal !important;
    border: none;
    border-right: 1px solid #c0c0c0 !important;
    width: 50%;
    padding: 5px;
    text-align: center !important;
}

.ori_content {
    padding: 0px !important;
}

.ori_content table tr td {
    border: none;
    border-right: 1px solid #c0c0c0 !important;
    width: 50%;
    text-align: center !important;
    padding: 5px !important;
}

.original_title table tr td:last-child, .ori_content table tr td:last-child {
    border-right: none !important;
}

.edit_content {
    padding: 0px !important;
}

.edit_content table tr td {
    border: none;
    border-right: 1px solid #c0c0c0 !important;
    width: 50%;
    text-align: center !important;
}

.list_red {
    font-size: 16px;
    color: #800000;
}

.list_black {
    font-size: 16px;
    color: #000;
}

.ori_input input[type="text"] {
    border: 1px solid #888;
    background: #c3c3c3;
    color: #888888;
    font-size: 13px;
    line-height: 20px;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
}

.inwhite input[type="text"] {
    background: #fff !important;
}

/*************** 11-02-15 ********************/

.setting_info {
    border: 1px solid #000;
    padding: 0px;
    margin: 0 auto;
    width: 80%;
}

.es_title {
    background: #dcdcdc;
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
    border-bottom: 1px solid #000;
    padding-left: 10px;
}

.es_content {
    padding: 10px 20px;
}

.fs_box {
    padding: 10px 40px;
}

.function_row {
    margin-top: 10px;
    padding: 5px 0px;
}

.function_left {
    float: left;
    width: 20%;
    font-size: 16px;
}

.function_right {
    float: left;
    width: 72%;
    margin-left: 3%;
}

.function_right input[type="text"] {
    border: 1px solid #888;
    background: #dcdcdc;
    color: #800000;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    line-height: 20px;
    text-align: left;
    text-indent: 8px;
    width: 100%;
    box-sizing: border-box;
}

.function_right textarea {
    border: 1px solid #888;
    background: #fff;
    color: #000;
    font-size: 14px;
    height: 100px;
    line-height: 18px;
    text-align: left;
    text-indent: 8px;
    width: 100%;
}

.act_title {
    color: #000;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    margin-top: 10px;
}

.au_title {
    color: #fff;
    background: #747474;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
    padding: 5 10px;
    margin-top: 10px;
}

.include_box {
    border: 1px solid #888;
    margin-top: 30px;
    padding: 20px 20px 10px;
    font-size: 15px;
    color: #000;
}

.include_title {
    margin-top: -35px;
    border: 1px solid #888;
    background: #fff;
    width: 45%;
    padding: 4px;
}

.include_box .col_check {
    float: left;
    width: 30%;
    margin-left: 3%;
}

.include_box .col_text {
    float: left;
    width: 22%;
    margin-left: 3%;
}

.include_fbox {
    padding: 15px 0px;
    font-size: 14px;
    color: #000;
}

.colf_check {
    float: left;
    width: 15%;
    margin-right: 1%;
}

.afs_left {
    float: left;
    width: 25%;
}

.afs_right {
    float: left;
    width: 73%;
    margin-left: 10px;
}

.afs_title {
    background: #bababa;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 15px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
}

.afs_tabs {
    margin-top: 5px;
    border: 1px solid #c0c0c0;
}

.afs_tabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: auto;
}

.afs_tabs ul li {
    width: 100%;
    float: left;
    background: #e8e8e8;
}

.afs_tabs ul li a {
    border-bottom: 1px solid #c0c0c0;
    font-size: 14px;
    font-weight: bold;
    color: #000;
    line-height: 30px;
    text-decoration: none;
    display: block;
    padding: 8px 10px;
}

.afs_tabs ul li:last-child a {
    border-bottom: none;
}

.afs_tabs ul li a:hover {
    background: #c0c0c0;
}

.afs_tabs ul li a.active {
    background: #c0c0c0;
}

.afs_user_title {
    background: #727272;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 10px;
    margin-top: 5px;
}

.afs_user_block {
    border: 1px solid #c0c0c0;
    margin: 0px;
}

.afs_user_block table tr td {
    font-size: 14px;
    font-weight: bold;
    color: #000;
    line-height: 20px;
    padding: 10px;
    border-bottom: 1px solid #e6e6e6;
    background: #f0f0f0;
}

.afs_user_block table tr:last-child td {
    border-bottom: none;
}

.user_col1 {
    width: 50%;
    padding: 5px;
}

.user_col2 {
    width: 10%;
    padding: 5px;
}

.user_col3 {
    width: 10%;
    padding: 5px;
}

/*************** 13-02-15 ******************/

.feature_user_tabs {
    margin-top: 10px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    padding: 0 15px;
    border-bottom: 1px solid #a1a0a1;
    background: #bababa;
    /* Old browsers */
    background: -moz-linear-gradient(top, #bababa 0%, #d9d9d9 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #bababa), color-stop(100%, #d9d9d9));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bababa 0%, #d9d9d9 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bababa 0%, #d9d9d9 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #bababa 0%, #d9d9d9 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #bababa 0%, #d9d9d9 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bababa', endColorstr='#d9d9d9', GradientType=0);
    /* IE6-9 */
}

.feature_user_tabs a {
    color: #393838;
    line-height: 36px;
    display: block;
    padding: 0 20px;
    float: left;
}

.feature_user_tabs a:hover, .feature_user_tabs a.active {
    color: #fff;
    background: #4f4f4f;
    /* Old browsers */
    background: -moz-linear-gradient(top, #4f4f4f 0%, #282828 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4f4f4f), color-stop(100%, #282828));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #4f4f4f 0%, #282828 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #4f4f4f 0%, #282828 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #4f4f4f 0%, #282828 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #4f4f4f 0%, #282828 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f4f4f', endColorstr='#282828', GradientType=0);
    /* IE6-9 */
}

.add_new_feature {
    background: #dcdcdc;
    font-size: 18px;
    padding: 10px 15px;
}

.tab1_submit {
    float: left;
    margin-left: 2%;
    margin-top: 10px;
}

.tab1_submit img {
    margin-left: 10px;
}

/**************** 16-02-15 ***************/

#content_payment {
    margin-top: 20px;
    width: 100%;
}

.sp_title {
    border-radius: 4px;
    border: 1px solid #c3c2ba;
    border-collapse: collapse;
    background: #fffffd;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fffffd 0%, #ebe8e1 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fffffd), color-stop(100%, #ebe8e1));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fffffd 0%, #ebe8e1 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fffffd 0%, #ebe8e1 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fffffd 0%, #ebe8e1 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fffffd 0%, #ebe8e1 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffffd', endColorstr='#ebe8e1', GradientType=0);
    /* IE6-9 */
}

.sp_title ul {
    margin: 0;
    padding: 0 25px;
    list-style: none;
}

.sp_title ul li {
    float: left;
    width: 25%;
    background: url(../img/sp_title_bg_single.png) no-repeat right 0px;
}

.sp_title ul li.select {
    color: #fff;
}

.sp_title ul li span {
    padding: 6px 25px 8px;
    float: left;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.sp_title ul li.spt span {
    background: url(../img/sp_title_bg_single.png) repeat-x left -37px;
}

.sp_title ul li.spt1 {
    background-position: right 0px;
    color: #fff;
}

.sp_title ul li.spt1 span {
    background: url(../img/sp_title_bg_repeat_span.png) no-repeat left 0px;
}

.sp_title ul li.spt2 {
    background-position: right -37px;
    color: #fff;
}

.sp_title ul li.spt2 span {
    background: url(../img/sp_title_bg_repeat_span.png) no-repeat left -37px;
}

.sp_title ul li.spt3 {
    background-position: right -74px;
    color: #b9b2aa;
}

.sp_title ul li.spt3 span {
    background: url(../img/sp_title_bg_repeat_span.png) no-repeat left -74px;
}

.sp_title ul li.spt4 {
    background-position: right -111px;
    color: #b9b2aa;
}

.sp_title ul li.spt4 span {
    background: url(../img/sp_title_bg_repeat_span.png) no-repeat left -111px;
}

.sp_block {
    background: #f3f3eb;
    border-radius: 6px;
    border: 1px solid #c3c2ba;
}

.sp_col_left {
    background: #f9f9f9;
    float: left;
    width: 60%;
    border: 1px solid #c3c2ba;
    border-radius: 6px;
    margin: -1px 0 0 -1px;
}

.sp_col_right {
    float: left;
    width: 38%;
}

.sample_payblock {
    padding: 15px;
}

.payment_title {
    font-size: 22px;
    color: #000;
}

.sp_desc {
    font-size: 15px;
    color: #444;
    line-height: 20px;
    margin-top: 10px;
}

.sp_desc span {
    color: #c9251a;
}

.sp_desc a {
    color: #c9251a;
    text-decoration: underline;
}

.mbm_info {
    color: #586b1c;
    font-size: 20px;
    margin-top: 10px;
}

.mbm_block {
    background: #eff2d3;
    border: 1px solid #eff2d3;
    padding: 15px;
    border-radius: 4px;
    border: 1px solid #cfc2a7;
    margin-top: 10px;
}

.mbm_row1 {
    border-bottom: 1px solid #c2b8a6;
    padding-bottom: 10px;
}

.mbm_row_title {
    color: #000;
    font-size: 18px;
}

.mbm_row_text {
    color: #000;
    font-size: 14px;
}

.mbm_row2 {
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
    /*padding-left:270px;*/
    padding-left: 180px;
}

.mbm_row_border {
    border-bottom: 1px solid #c2b8a6;
    padding-bottom: 5px;
}

.payment_row {
    padding: 10px 0;
}

.pay_option_box {
    float: left;
    width: 50%;
    margin: 5px 0;
}

.cc_row {
    padding: 0;
}

.cc_row span {
    line-height: 28px;
    font-size: 15px;
}

.cc_col1 {
    float: left;
    width: 22%;
}

.cc_col1-1 {
    float: left;
    width: 22%;
    margin-left: 1%;
}

.cc_col2 {
    float: left;
    width: 15%;
    margin-left: 1%;
}

.cc_col3 {
    float: left;
    width: 15%;
    margin-left: 1%;
}

.cc_col4 {
    float: left;
    width: 22%;
    margin-left: 1%;
}

.cc_col5 {
    float: left;
    width: 2%;
    margin-left: 1%;
}

.cc_title {
    font-size: 15px;
    line-height: 22px;
    margin-top: 10px;
}

.cc_field {
    font-size: 15px;
    margin-top: 5px;
}

.cc_field input[type="text"] {
    width: 50%;
}

.ccf_width {
    width: 50.4% !important;
}

.cc_col1-1 input[type="text"], .cc_col4 input[type="text"] {
    width: 100%;
    height: 30px !important;
}

.select_bthday select {
    width: 120%;
}

.proceed_check_btn_box {
    width: 40%;
    float: left;
}

.proceed_check {
    text-align: center;
    border-radius: 4px;
    color: #fff;
    font-family: "open_sansbold";
    font-size: 14px;
    display: block;
    line-height: 36px;
    cursor: pointer;
    border: none;
    width: 100%;
    background: #9faf68;
    /* Old browsers */
    background: -moz-linear-gradient(top, #9faf68 0%, #5b6e15 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9faf68), color-stop(100%, #5b6e15));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #9faf68 0%, #5b6e15 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #9faf68 0%, #5b6e15 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #9faf68 0%, #5b6e15 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #9faf68 0%, #5b6e15 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9faf68', endColorstr='#5b6e15', GradientType=0);
    /* IE6-9 */
}

.secure_server {
    padding-top: 8px;
    float: left;
    margin-left: 10px;
}

.cc_infomail {
    font-size: 20px;
    color: #000;
    text-align: center;
}

.cc_field_desc {
    font-size: 15px;
    line-height: 22px;
    padding: 10px 0;
}

.cc_field_desc a {
    color: #c9251a;
    text-decoration: underline;
}

.su_continue_btn {
    width: 110px;
    padding: 10px 0;
    float: right;
}

.su_row {
    padding: 0 30px;
}

.su_row_title {
    float: left;
    width: 85%;
    margin-left: 15px;
    line-height: 36px;
    font-size: 22px;
    font-weight: bold;
    color: #000;
}

.su_row_no {
    float: left;
    width: 40px;
    height: 40px;
    font-size: 20px;
    color: #000;
    border-radius: 50%;
    text-align: center;
    border: 2px solid #333;
    font-weight: bold;
    line-height: 36px;
}

.su_subtext {
    line-height: 20px;
    font-size: 15px;
    font-weight: normal;
    color: #000;
}

.su_row_content {
    padding-left: 60px;
    padding-top: 10px;
}

.su_row_content .left {
    float: left;
    width: 105px;
    height: 105px;
}

.su_row_content .left a {
    display: block;
    width: 100%;
    height: 100%;
}

.su_row_content .left a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.su_row_content .right {
    float: left;
    width: 50%;
    margin-left: 3%;
}

.no-img {
    border: 2px solid #7f7f7f;
}

.su_fd_title {
    font-size: 15px;
    line-height: 18px;
    margin-top: 5px;
}

.su_selectbox1 {
    float: left;
    width: 60%;
}

.su_selectbox2 {
    float: left;
    width: 35%;
    margin-left: 10px;
}

.su_date {
    width: 25%;
}

.su_month {
    width: 33%;
}

.fyf_row {
    padding-bottom: 30px;
    padding-left: 45px;
}

.fyf_row_sr {
    float: left;
    width: 6%;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    text-align: center;
}

.fyf_row_right {
    float: left;
    width: 80%;
    margin-left: 10px;
}

.search_friend_box {
    width: 250px;
    float: left;
}

.fd_row {
    padding-bottom: 30px;
    padding-left: 40px;
}

.fd_left {
    float: left;
    width: 50%;
}

.fd_right {
    float: left;
    width: 46%;
    margin-left: 4%;
}

.gosetting_btn {
    width: 230px;
    padding: 5px 0;
    margin: 0 auto;
}

.gosubmit_btn {
    width: 120px;
    padding: 0;
    margin: 0 auto;
}

.p-logo {
    float: left;
    width: 194px;
    height: 74px;
    margin: 5px;
    border: 1px solid #ddd;
    display: table;
}

.p-logo .p-logo-in {
    width: 100%;
    height: 100%;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.selectdevice_backbtn {
    width: 200px;
    padding: 10px 0;
    float: left;
}

.select_device_title {
    font-size: 25px;
    color: #000;
    font-weight: bold;
}

.select_device_block {
    border: 1px solid #7f7f7f;
    padding: 10px;
    margin-top: 10px;
}

.sd_selector {
    margin: 0px auto;
    width: 100px;
    padding: 20px 0;
}

.sd_left {
    float: left;
    width: 25%;
}

.sd_right {
    float: left;
    width: 70%;
    margin-left: 5%;
}

.sm_btn {
    float: right;
    padding-bottom: 10px;
    width: 140px;
}

.brand_box {
    margin: 10px auto;
    width: 170px;
    height: 50px;
    text-align: center;
    border-radius: 4px;
    border: 2px solid #000;
    margin-top: 10px;
    padding-top: 10px;
}

.google_add1 {
    padding-bottom: 10px;
}

.pad {
    padding: 0px 10px;
}

.info_onclub_title {
    font-size: 20px;
    padding: 10px 0;
}

.clubinfo_left {
    float: left;
    width: 33%;
}

.clubinfo_right {
    float: right;
    width: 64%;
    margin-left: 3%;
    padding-top: 15px;
}

.infoclub_logo {
    width: 200px;
    height: 200px;
    border: 1px solid #444;
    padding: 5px;
}

.infoclub_logo a {
    width: 100%;
    height: 100%;
    display: block;
}

.infoclub_logo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.info_smalltitle {
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #222;
}

.info_smalltitle a {
    color: #222;
}

.ic_selectfile {
    float: left;
    width: 77%;
    padding-top: 10px;
}

.ic_uploadfile {
    float: left;
    width: 23%;
}

.infoclub_field {
    border: 1px solid #ccc;
    padding: 0px;
}

.infoclub_field textarea {
    border: none;
    width: auto;
    height: 70px;
    width: 99% !important;
}

.clubinfo_checks {
    padding: 10px 0;
}

.infochekbox {
    float: left;
    width: 23%;
    margin: 0.5% 1%;
}

.infoclub_mater {
    padding: 10px 0;
}

.icf1 {
    float: left;
    width: 35%;
    margin: 0.5% 1%;
}

.icf2 {
    float: left;
    width: 26%;
    margin: 0.5% 1%;
}

.left_panel_tabs ul {
    float: left;
    clear: both;
    list-style: none;
    padding: 0px;
    width: 100%;
    margin: 0px;
}

.left_panel_tabs ul li {
    float: left;
    width: 48% !important;
    margin-right: 5px;
}

.left_panel_tabs ul li:last-child {
    margin-right: 0px;
}

.left_panel_tabs ul li a {
    color: #2b2b2b;
    font-family: "open_sansregular";
    font-size: 14px;
    line-height: 36px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: block;
   text-align: center;
    background: #d1d1d1;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d1d1d1 0%, #969696 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1d1d1), color-stop(100%, #969696));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d1d1d1 0%, #969696 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d1d1d1 0%, #969696 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d1d1d1 0%, #969696 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #d1d1d1 0%, #969696 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#969696', GradientType=0);
    /* IE6-9 */
}

.left_panel_tabs ul li a.active {
    color: #fff;
    background: #525252;
    /* Old browsers */
    background: -moz-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #525252), color-stop(100%, #2b2b2b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #525252 1%, #2b2b2b 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#2b2b2b', GradientType=0);
    /* IE6-9 */
}

.senetwork {
    color: #fff;
    background: maroon;
}

.allow_user {
    font-size: 12px;
    color: #fff;
    padding: 0px 0 10px;
}

.sprtbook_banner {
    width: 100%;
    height: 308px;
    border-radius: 7px;
    border: 1px solid #333;
    box-sizing: border-box;
    position: relative;
    overflow: hidden;
}

.sprtbook_banner img {
    width: 100%;
    /*border-radius:7px;*/
}

.sprtbook_banner img.abs {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.upload_newuserbanner a {
    position: absolute;
    z-index: 9;
    left: 15px;
    top: 10px;
    color: #fff;
    font-size: 22px;
}

.newimage_block {
    position: absolute;
    z-index: 9;
    left: 10px;
    bottom: 10px;
    width: 170px;
    height: 100px;
    border-radius: 4px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.8);
}

.newimage_block a {
    display: block;
}

.newimage_block img {
    width: 100%;
    border-radius: 3px;
}

.upload_newimage a {
    position: absolute;
    z-index: 1000;
    left: 22px;
    bottom: 15px;
    color: #fff;
    font-size: 22px;
}

.upload_newimage a i {
    font-size: 20px !important;
    color: #333;
}

.upgrade_info {
    position: absolute;
    z-index: 9;
    right: 10px;
    bottom: 10px;
    width: 200px;
    height: 80px;
}

.upgrade_info a {
    float: left;
    width: 100%;
    border: 1px solid #444;
    padding: 5px 0px;
    text-align: center;
    background: #fff;
    color: #000;
    border-radius: 3px;
    margin-top: 10px;
}

.username_banner {
    position: absolute;
    z-index: 9;
    left: 190px;
    bottom: 11px;
    width: 250px;
    font-size: 18px;
    background: #7092be;
    color: #fff;
    border-radius: 3px;
    padding: 5px 10px;
}

.my-club-absolute {
    position: absolute;
    top: 0px;
    left: 125px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #bbb;
    box-shadow: 0 0 3px #555;
    min-width: 150px;
    padding: 5px 0;
}

.my-club-absolute a {
    font-family: "open_sansregular";
    font-size: 14px !important;
    background: none !important;
    padding: 5px !important;
    line-height: 18px !important;
}

.my-club-absolute a:hover {
    background: #ddd !important;
    border-radius: 0 !important;
}

/***************** 23-02-15 ******************/

.main_nav.top {
    margin-top: 0px;
    margin-bottom: 0px;
}

#global-nav.top {
    margin-top: 0px;
}

#welcome_bar .right_new {
    position: relative;
}

.activity_setting {
    position: absolute;
    background: #D9F1F8;
    width: 240px;
    top: 376px;
    right: 291px;
    border: 1px solid #a6964d;
    z-index: 100;
    padding: 5px;
    color: #000;
}

.activity_setting:after {
    position: absolute;
    content: "";
    z-index: 100;
    bottom: 100%;
    right: 10px;
    border-bottom: 9px solid #7092BE;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}

.activity_setting_frst {
    position: absolute;
    background: #EDEDED;
    width: 250px;
    top: 370px;
    border: 1px solid #a6964d;
    z-index: 100;
    padding: 5px;
    color: #000;
}

.activity_setting_frst:after {
    position: absolute;
    content: "";
    z-index: 100;
    bottom: 100%;
    left: 40px;
    border-bottom: 9px solid #a6964d;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}

.activity_setting .title {
    font-size: 18px;
    border: 1px solid #444;
    padding: 5px;
    background: #F2F0CE;
}

.activity_setting_frst .title {
    font-size: 18px;
    border: 1px solid #444;
    padding: 5px;
    background: #F2F0CE;
}

.as_link {
    padding: 8px 0;
}

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

.as_link ul li {
    float: left;
    width: 100%;
    position: relative;
}

.as_link ul li a {
    padding: 3px 10px;
    color: #000;
    font-size: 14px;
    display: block;
    font-weight: normal;
}

.as_link ul li.last {
    border-top: 1px solid #444;
}

.frstsetting-block {}

.frstsetting-block .maintitle {
    background: #7092BE;
    border: 1px solid #333;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
    color: white;
    font-size: 15px;
}

.frstsetting-block .frstitle {
    background: #7092BE;
    font-size: 15px!important;
    color: white;
    border: 1px solid #333;
    padding: 2px;
    box-sizing: border-box;
    text-align: center;
}

.frstsetting-block ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.frstsetting-block ul li {
    position: relative;
}

.frstsetting-block ul li a {
    padding: 5px 0px;
    color: #000;
    font-size: 14px;
    display: block;
    font-weight: normal;
    /*border-bottom: 1px solid #333;*/
    display: block;
}

.frstsetting-block ul li a i {
    margin-right: 8px;
}

.frstsetting-block ul li a img {
    margin-right: 8px;
}

.frstsetting-block ul li:last-child a {
    border-bottom: none;
}

.sport-event {
    position: absolute;
    z-index: 111;
    background: #fff;
    width: 240px;
    top: -1px;
    right: -252px;
    border: 1px solid #333;
    padding: 5px;
    color: #000;
}

.sport-event .title {
    font-size: 18px;
    color: #fff;
    border: 1px solid #333;
    padding: 5px;
    background: #7091BD;
}

.desktop_wallpaper_setting {
    background-color: #fff;
    border: 1px solid #a6a6a6;
    border-radius: 6px;
    box-shadow: 0 0 5px #ccc;
}

.bg_select_block ul {
    padding: 5px;
    margin: 0;
    list-style: none;
}

.bg_select_block ul li {
    float: left;
    width: 20%;
    margin: 2.5%;
}

.bg_select_block ul li .color_box {
    padding: 5px;
    border: 1px solid #d8d8d9;
    border-radius: 4px;
}

.bg_select_block ul li .color_box a {
    height: 80px;
    display: block;
}

.bg_select_block ul li:hover {
    background: #18aebc;
    border-radius: 4px;
}

.l_gray {
    background: #e6e9f0;
}

.m_gray {
    background: #e3e3e3;
}

.l_yellow {
    background: #efe4b0;
}

.orrange {
    background: #ffc90e;
}

.l_purple {
    background: #c8bfe7;
}

.l_blue {
    background: #7092be;
}

.d_gray {
    background: #727c85;
}

.black {
    background: #000;
}

.fts_row {
    padding: 10px 20px;
    border-top: 1px solid #ccc;
}

.show_hide_eye {
    float: left;
}

.archive_post {
    position: absolute;
    background: #fff;
    width: 300px;
    top: -6px;
    left: -314px;
    z-index: 110;
    padding: 5px;
    color: #000;
    border: 1px solid #7b7b7b;
}

.archive_post:after {
    border-left: 9px solid #7b7b7b;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    content: "";
    /*margin-left:7px;*/
    /*margin-top:-255px;*/
    position: absolute;
    z-index: 100;
    left: 100%;
    top: 30px;
}

.my_post_content {
    top: 32px;
    left: -118px;
}

.my_post_content:after {
    border-left: 9px solid #080505;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    content: "";
    margin-left: 7px;
    margin-top: -249px;
    position: absolute;
    z-index: 100;
    -ms-transform: rotate(270deg);
    /* IE 9 */
    -webkit-transform: rotate(270deg);
    /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}

.new_post_content {
    top: 32px;
    left: -118px;
}

.new_post_content:after {
    border-left: 9px solid #080505;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    content: "";
    margin-left: 7px;
    margin-top: -249px;
    position: absolute;
    z-index: 100;
    -ms-transform: rotate(270deg);
    /* IE 9 */
    -webkit-transform: rotate(270deg);
    /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}

.suo_close {
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 111;
    top: 10px;
    right: 10px;
    cursor: pointer;
}

.suo_close1 {
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 111;
    top: 5px;
    right: 10px;
    cursor: pointer;
    color: #fff;
}

.archive_post .title {
    font-size: 16px;
    border: 1px solid #444;
    padding: 5px;
    font-weight: bold;
}

.yellow_apt {
    background: #ffc90e !important;
    color: #000;
}

.blue_apt {
    background: #4d78b0;
    color: #fff;
}

.black_apt {
    background: #000;
    color: #fff;
}

.purple_apt {
    background: #b3a6de;
    color: #000;
}

.blog_block {
    padding: 15px 10px;
    height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}

.blog_row {
    float: left;
    width: 100%;
    margin-bottom: 0px;
    border-bottom: 1px solid #f1f1f1;
    /*position: relative;*/
}

.blog_row .left {
    float: left;
    width: 9%;
    padding: 9px 6px 6px 0;
    box-sizing: border-box;
}

.blog_row .middle {
    float: left;
    width: 19%;
    padding: 7px;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.blog_row .right {
    float: left;
    width: 90%;
    padding: 5px;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.blog_row .right-1 {
    float: left;
    width: 72%;
    padding: 5px;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.brr_left {
    float: left;
    color: #444;
}

.brr_left a {
    color: #444;
}

.brr_left span {
    float: left;
    width: 25px;
    font-size: 13px;
}

.brr_right {
    float: right;
    width: 60px;
    display: none;
    margin-top: -4px !important;
    margin-bottom: -5px !important;
}

.brr_right a {
    margin-right: 4px;
    padding: 0px 2px !important;
    display: block;
    line-height: 16px;
}

.brr_right a img {
    width: 18px;
}

.blog_row .right:hover {
    background: #fffdcc;
    border: 1px solid #444;
}

.blog_row .right:hover .brr_right {
    display: block;
}

.as_btn {
    float: left;
    width: 80px;
    margin: 3px;
}

.asr_btn {
    float: left;
    width: 120px;
    margin: 3px;
}

.blog_row .lleft {
    float: left;
    width: 9%;
    padding: 9px 6px 6px 0;
    box-sizing: border-box;
}

.blog_row .rright {
    float: left;
    width: 90%;
    padding: 5px;
    border: 1px solid #fff;
    box-sizing: border-box;
}

.blog_row .rright:hover {
    background: #fffdcc;
    border: 1px solid #444;
}

.blog_row .rright:hover .brr_right {
    display: block;
}

.blog_row .photocontent {
    border-bottom: 1px solid #f1f1f1;
    width: 100%;
}

.blog_row .photocontent .leftp {
    float: left;
    width: 10%;
    box-sizing: border-box;
    padding: 5px;
}

.blog_row .photocontent .middlep {
    float: left;
    width: 15%;
    box-sizing: border-box;
    padding: 5px;
}

.blog_row .photocontent .rightp {
    float: left;
    width: 75%;
    box-sizing: border-box;
    padding: 5px;
}

.other_post .title {
    font-size: 16px;
    border: 1px solid #444;
    padding: 5px;
    font-weight: bold;
}

.other_post {
    position: absolute;
    background: #fff;
    width: 260px;
    top: 35px;
    left: 10px;
    z-index: 110;
    padding: 5px;
    color: #000;
    border: 1px solid #7b7b7b;
}

.other_post:after {
    border-bottom: 9px solid #7b7b7b;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    margin-left: -25px;
    margin-top: -156%;
    position: absolute;
    z-index: 100;
}

.op_row {
    float: left;
    width: 95%;
    margin-bottom: 0px;
    padding: 5px;
    margin: 0;
    list-style: none;
}

.opb {
    border-top: 1px solid #7b7b7b;
}

.op_row li {
    float: left;
    width: 100%;
    padding: 5px;
}

.op_row li a {
    color: #444;
}

.op_row li a span {
    float: left;
    width: 25px;
    font-size: 13px;
    padding-top: 3px;
}

.iconcolor_post .title {
    font-size: 16px;
    border: 1px solid #444;
    padding: 5px;
    font-weight: bold;
}

.iconcolor_post {
    position: absolute;
    background: #fff;
    width: 400px;
    top: 35px;
    left: 10px;
    z-index: 110;
    padding: 5px;
    color: #000;
    border: 1px solid #7b7b7b;
}

.iconcolor_post .title span {
    font-size: 13px;
    font-weight: normal;
}

.iconcolor_post:after {
    border-bottom: 9px solid #7b7b7b;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    margin-left: 365px;
    margin-top: -429px;
    position: absolute;
    z-index: 100;
}

.icp_row {
    float: left;
    width: 95%;
    margin-bottom: 0px;
    padding: 5px;
    margin: 0;
    list-style: none;
    font-size: 15px;
}

.icp_row li {
    float: left;
    width: 100%;
    padding: 5px;
}

.icp_row li a {
    color: #444;
}

.icp_row li .left_icon {
    float: left;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 1px solid #7f7f7f;
}

.icp_row li .icp_right {
    float: left;
    margin-left: 10px;
    width: 300px;
}

.ic_gray {
    background: #c3c3c3
}

.ic_rose {
    background: #ffaec9;
}

.ic_blue-v {
    background: #3f48cc;
}

.ic_brown {
    background: #880015;
}

.ic_azure {
    background: #99d9ea;
}

.ic_violet {
    background: #a349a4;
}

.ic_blue-r {
    background: #7092be;
}

.ic_green {
    background: #22b14c;
}

.ic_red {
    background: #ed1c24;
}

.ic_orange {
    background: #ff7f27;
}

.ic_yellow {
    background: #ffc90e;
}

.privacy_links .title {
    font-size: 18px;
    padding: 10px;
    font-weight: bold;
}

.privacy_links .title a {
    color: #000;
}

.privacy_links {
    position: absolute;
    background: #fff;
    width: 290px;
    top: 103px;
    right: 0px;
    z-index: 110;
    padding: 5px;
    color: #000;
    border: 1px solid #7b7b7b;
}

.privacy_links:after {
    position: absolute;
    content: "";
    z-index: 100;
    left: 50%;
    bottom: 100%;
    margin-left: -12px;
    border-bottom: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
}

.privacy_links_row {
    border-top: 1px solid #ccc;
    padding: 8px 0;
}

.pl_img {
    float: left;
    width: 45px;
}

.pl_img img {
    width: 100%;
}

.pl_links {
    float: left;
    margin-left: 10px;
    width: 215px;
    line-height: 24px;
}

.plo_setting a {
    color: #444c7e;
    font-weight: bold;
}

.club_nav1 {
    margin-top: 115px!important;
}

#club_nav {
    background: #393838;
    height: 40px;
    color: #a3a2a3;
    font-family: 'calibriregular' !important;
}

#club_nav ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

#club_nav ul li {
    float: left;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    text-align: center;
    border-right: 1px solid #a3a2a3;
}

#club_nav ul li:last-child {
    border-right: none;
}

#club_nav ul li a {
    padding: 0 18px;
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 40px;
    color: #a3a2a3;
}

#club_nav ul li i {
    font-size: 18px;
    font-weight: bold;
    margin-left: 10px;
}

#club_nav li a:hover {
    color: #fff200;
}

#club_nav li a.active {
    color: #fff200;
}

#club_nav ul li ul {
    display: none;
    margin-top: 0px;
    padding: 0px;
    width: 150px;
    position: absolute;
    list-style: none;
    background: #393838;
    z-index: 1000;
}

#club_nav ul li:hover ul {
    display: block;
}

#club_nav ul li:hover ul li {
    width: 100%;
}

#club_nav ul li:hover ul li {
    border-top: 1px solid #504f4f;
    padding: 8px 0;
}

#club_nav ul li:hover ul li a {
    display: block;
    text-align: left;
    text-indent: 0px;
    line-height: 22px;
    font-size: 13px;
}

#club_nav ul li ul li a:hover {
    color: #fff;
}

#club_nav ul li:hover ul li:last-child {}

#club_nav ul li:first-child a, #club_nav ul li:last-child a {
    display: inline-block;
}

/***************** 26-02-15 **********************/

.mc_flike {
    float: right;
    clear: right
}

.mtop5 {
    margin-top: 5px;
}

.mc_changephoto {
    color: #c3c3c3;
    font-size: 12px;
    text-decoration: underline;
}

.profile_img_thumb img {
    width: 100%;
}

.profile_list {
    color: #fff;
}

.pl_title {
    color: #ffc90e;
}

.mc_social {
    background: #2b2b2b;
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 1px;
}

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

.mc_social ul li {
    margin-bottom: 5px;
    position: relative;
}

.mc_social ul li>a {
    background: #7f7f7f;
    color: #c1c1c1;
    padding: 5px 8px;
    font-size: 13px;
    display: block;
}

.mc_social ul li.link_so>a {
    background: none;
    color: #fff;
    padding: 0
}

.mc_social ul li:last-child {
    margin-bottom: 0px;
}

.mc_social ul li .rightarrow {
    float: right;
    font-size: 18px;
    line-height: 10px;
}

.mc_social ul li .right-add {
    float: right;
    font-size: 14px;
    line-height: 10px;
    padding-right: 10px;
}

.mc_social ul li ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 8px;
}

.mc_social ul li ul li a {
    background: none;
    padding: 1px 8px;
}

.mc_social .club-admin {
    background: #C8BFE8;
}

.mc_social .club-admin a {
    color: #820011;
}

.mc_social .yellow {
    color: #FAC800;
}

.mc_social .club-dashboard {
    background: #e2f5fa;
    color: #111;
    font-size: 15px;
}

.mc_social .dashboardsetting, .mc_social .newmembersetting, .mc_social .summarysetting {
    position: absolute;
    z-index: 111;
    left: calc(100% + 10px);
    top: 0;
    width: 350px !important;
    border: 1px solid #111;
    background: #fff !important;
    padding: 6px;
}

/*Chrome hacks ===================================== */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .mc_social .dashboardsetting, .mc_social .newmembersetting, .mc_social .summarysetting {}
}

.mc_social .dashboardsetting .titlebox, .mc_social .newmembersetting, .titlebox, .mc_social .summarysetting .titlebox {
    background: #7092be;
    text-align: center;
    padding: 6px 8px;
    border: 1px solid #111;
}

.mc_social .dashboardsetting .footerbox, .mc_social .newmembersetting, .footerbox, .mc_social .summarysetting .footerbox {
    padding-top: 10px;
    text-align: center;
}

.mc_social .dashboardsetting .footerbox .btn-gray, .mc_social .summarysetting .footerbox .btn-gray {
    padding: 4px 6px;
    font-size: 12px;
    background: linear-gradient(to bottom, #666 0%, #333 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.dashsetting {
    padding: 6px;
}

.dashsetting ul {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 0 !important;
}

.dashsetting ul li {
    display: block;
    border-bottom: 1px solid #ccc;
    position: relative;
    padding: 0 0 0 25px;
    margin-bottom: 0 !important;
    min-height: 36px;
}

.dashsetting ul li .checkbox {
    position: absolute;
    left: 0;
    top: 0;
    padding: 8px 5px;
}

.dashsetting ul li .memberpanel {
    padding: 8px 40px 8px 8px !important;
    display: block;
    border: 1px solid #fff;
    color: #111;
    position: relative;
    font-size: 14px;
}

.dashsetting ul li .memberpanel:hover {
    border: 1px solid #111;
    background: #fffdcc;
}

.dashsetting ul li .memberpanel .rightsection {
    position: absolute;
    top: 0;
    right: 0;
}

.dashsetting ul li .memberpanel .rightsection a {
    display: inline-block;
    padding: 1px 5px;
    font-size: 16px;
    line-height: 30px;
}

.dashsetting ul li .memberpanel .rightsection1 a {
    display: block;
    padding: 1px 5px;
}

.dashsetting ul li .memberpanel .rightsection .position-changer {
    display: none;
}

.dashsetting ul li .memberpanel .rightsection1 .position-changer {
    display: none;
}

.dashsetting ul li .memberpanel:hover .rightsection .position-changer {
    display: inline-block;
}

.dashsetting ul li .memberpanel:hover .rightsection1 .position-changer {
    display: inline-block;
}

.dashsetting ul li .memberpanel .rightsection a img {
    vertical-align: middle;
}

.mem-color-box {}

.mc_social ul li>a.link_1 {
    background: #4e4e4e;
    color: #fff;
    padding: 5px 6px 5px 45px;
    font-size: 13px;
    display: block;
    min-height: 44px;
    line-height: 30px;
    border: 1px solid #7f7f7f;
    position: relative;
}

.mc_social ul li>a.link_1 img {
    position: absolute;
    top: 5px;
    left: 6px;
}

.mc_social ul li>a.link_1 .imgicon {
    position: absolute;
    top: 5px;
    left: 6px;
    font-size: 25px;
    color: #fff;
}

.mc_social ul li>a.link_1 .rightarrow {
    line-height: 32px;
}

.mc_social ul li>a.link_1.enadata {
    background: #343944;
}

.mc_social ul li>a.link_0 {
    background: #000000;
    color: #fff;
    padding: 6px 8px 6px 40px;
    font-size: 14px;
    display: block;
    min-height: 40px;
    line-height: 26px;
    position: relative;
}

.mc_social ul li>a.link_0 img {
    vertical-align: middle;
    margin-right: 6px;
    position: absolute;
    top: 8px;
    left: 8px;
}

.mc_social ul li>.web-editor {
    background: #000;
    color: #fff;
    padding: 6px 8px 6px 45px;
    font-size: 13px;
    display: block;
    min-height: 46px;
    line-height: 34px;
    position: relative;
}

.mc_social ul li>.web-editor img {
    vertical-align: middle;
    margin-right: 6px;
    position: absolute;
    top: 8px;
    left: 8px;
}

.alternate-color-box {
    position: relative;
    padding-right: 50px;
}

.alternate-color-box .menubox {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background: #eee;
    border: 1px solid #ccc;
    text-align: center;
    padding-top: 5px;
    font-size: 20px;
}

.alternate-color-box .altcolor-row {
    background: #eaf8fb;
    text-align: center;
    font-size: 15px;
    padding: 10px;
    border: 1px solid #ccc;
}

.alternate-color-box .altbox {
    border: 1px solid #ccc;
    display: inline-block;
    margin: 2px;
    width: 50px;
    height: 50px;
}

.alternate-color-box .alt-gray {
    background: #eee;
}

.alternate-color-box .alt-sky {
    background: #eaf8fb;
}

.alternate-color-box .alt-yellow {
    background: #f5eecd;
}

.alternate-color-box .alt-lemon {
    background: #ebf9c1;
}

.alternate-color-box .alt-pink {
    background: #ffe8ef;
}

.alternate-color-box .alt-orange {
    background: #ffd5b9;
}

.alternate-color-box .alt-brown {
    background: #dec1b1;
}

.alternate-color-box .alt-blue {
    background: #dfdaf1;
}

.alternate-color-box .alt-purple {
    background: #e9cfe9;
}

/************************************/

.toggle_1 {}

.toggle_1 a {
    padding: 2px 8px 2px 30px !important;
    color: #fff !important;
}

.mc_social ul li>.titlelink {
    background: #7092be;
    border: 1px solid #ccc;
    color: #fff;
    padding: 7px 10px;
    font-size: 14px;
    min-height: 30px;
    text-align: center;
}

.mc_social ul li.link_so {
    background: #4e4e4e;
    color: #fff;
    padding: 5px 20px 5px 35px;
    font-size: 13px;
    display: block;
    min-height: 44px;
    line-height: 30px;
    border: 1px solid #7f7f7f;
    position: relative;
}

.mc_social ul li.link_so .checkicon {
    position: absolute;
    top: 5px;
    left: 6px;
}

.mc_social ul li.link_so .checkicon i {
    font-size: 23px;
}

.mc_social ul li.link_so .roundsquare {
    width: 15px;
    height: 15px;
    position: absolute;
    right: 10px;
    top: 12px;
    border-radius: 3px;
    background: #8ab04b;
    border: 1px solid #ccc;
}

.mc_social ul li.link_so .noround {
    position: absolute;
    right: 10px;
    top: 6px;
    font-size: 20px;
}

.mc_social ul li.link_so:hover {
    background: #626262;
}

.mc_social ul li.link_so:hover .linksohover {
    display: block;
}

.mc_social ul li.link_so:hover .roundsquare {
    display: none;
}

.mc_social ul li.link_so:hover .noround {
    display: none;
}

.linksohover {
    position: absolute;
    z-index: 11;
    top: 8px;
    right: 5px;
    bottom: 0;
    display: none;
}

.linksohover .linkright {
    float: left;
    margin: 0 6px;
}

.linksohover .movelink {
    margin-top: -2px;
    line-height: 2px;
}

.linksohover .movelink a {
    float: left;
    color: #ffc90e !important;
}

.linksohover .movelink a i {
    line-height: 1px;
}

.linksohover .linkright a {
    display: inline-block;
    line-height: 16px;
    color: #fff;
    font-size: 22px;
}

.linksohover .linkright a img {
    width: 18px;
    vertical-align: middle;
}

.htmlorderdisplay .archive_post .blog_block .blog_row .rright {
    width: 75%;
}

.htmlorderdisplay .archive_post .blog_block .blog_row .rright2 {
    width: 15%;
    float: right;
    padding: 5px;
}

.htmlorderdisplay .archive_post .blog_block .blog_row .rright2 a {
    display: inline-block;
    margin: 0 5px;
    color: #555;
}

.website-editor {}

#community .subtitle a {
    line-height: 32px;
    font-size: 15px;
    font-weight: normal;
    color: #fff;
}

.mcc_show_hide {
    float: right;
    padding: 5px 0px 5px 5px;
    font-size: 24px !important;
}

#community .subtitle span {
    font-size: 12px;
    font-weight: normal;
}

#community .mct_close a {
    float: right;
    margin-top: 0px;
    color: #fff;
}

.mc_manage_section {
    background: none repeat scroll 0 0 #ed1c24;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    padding: 5px 8px;
    margin-bottom: 5px;
    min-height: 32px;
    box-sizing: border-box;
}

.mc_admintitle {
    background: #efe4b0;
    color: #000;
    font-size: 13px;
    padding: 5px;
}

.mc_admintitle .mc_add {
    float: right;
    color: #000;
}

.mc_admintitle .mc_add i {
    font-size: 16px;
}

.offline-red {
    color: #f00;
}

.online-green {
    color: #22b14c;
}

.mc_manage_section .rightarrow {
    float: right;
    font-size: 18px;
    line-height: 10px;
}

.mc_manage_section .rightcog {
    float: right;
    font-size: 20px;
    line-height: 10px;
    margin-right: 8px;
}

.mc_operator {
    padding: 5px;
}

.mc_operator .operator_member {
    float: left;
    margin: 5px 10px 10px 0;
}

.mc_operator .operator_detail {
    color: #fff;
    float: right;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 22px;
    width: 80%;
}

.operator_detail .od_close a {
    color: #fff;
    float: right;
    margin-top: 0;
}

.mc_ctitle {
    color: #488ae0;
}

.mc_view_all a {
    line-height: 36px;
    font-family: "segoe UI", "open Sans";
    font-weight: bold;
    font-size: 12px;
    color: #ffc90e;
    padding-right: 10px;
    float: right;
    text-transform: none;
    text-decoration: underline;
}

*::after, *::before {
    box-sizing: border-box;
}

*::after, *::before {
    box-sizing: border-box;
}

#ui-datepicker-div.ui-datepicker {
    z-index: 99999;
}

#mc_block {
    background: #333;
    border: 1px solid #b9b9b9;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 22px;
    padding: 10px;
}

#mc_block .mc_link a {
    color: #dcdcdc;
}

#ui-datepicker-div.ui-datepicker {
    z-index: 111;
}

.mcfriend_list ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.mcfriend_list ul li {
    color: #dcdcdc;
    display: inline;
    float: left;
    line-height: 24px;
    margin-top: 4px;
    width: 100%;
}

.mcfriend_list ul li .left {
    float: left;
    width: 82%;
}

.mcfriend_list ul li img {
    margin-right: 10px;
}

.mcfriend_list ul li .right {
    background: none repeat scroll 0 0 #a6a6a6;
    color: #fff;
    float: right;
    padding: 0 5px;
    width: 10%;
}

.friend_search {
    background: #fff;
    border: 1px solid #dbdbdb;
    height: 30px;
    margin-top: 3px;
    width: 100%;
    box-sizing: border-box;
    float: left;
}

.friend_search .search_input {
    float: left;
    width: 88%;
}

.friend_search input {
    border: medium none;
    height: 25px;
    width: 100%;
}

.friend_search .search {
    float: left;
    width: 10%;
}

.fb_iframe_widget iframe {
    /*width:360px !important;*/
    width: 60px !important;
}

.pluginSkinLight table {
    width: 360px !important;
}

.of_bg {
    background: #ccc !important;
}

.friend_gallery {
    margin-top: 10px;
}

.friend_gallery a {
    float: left;
    width: 40px;
    height: 40px;
    margin: 3.6px;
}

.friend_gallery img {
    width: 100%;
    height: 100%;
}

.mc_favorite ul {
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.mc_favorite ul li {
    color: #757575;
    float: left;
    line-height: 26px;
    margin-top: 4px;
    width: 100%;
}

.mc_favorite ul li a {
    color: #fff;
    display: block;
    padding-left: 10px;
}

.mc_favorite ul li .right {
    background: none repeat scroll 0 0 #89ccd2;
    color: #fff;
    float: right;
    padding: 0 6px;
    width: 10%;
}

.mc_favorite ul li a:hover {
    background-color: #89ccd2;
    color: #000;
}

.trc_content {
    min-height: 100px;
    border-bottom: 1px solid #b9b9b9;
    padding: 5px;
}

.trc_content .right {
    float: right;
}

.purple_club_bar {
    background: #c8bfe7;
    padding: 10px;
    font-family: "segoe UI", "open Sans";
    font-weight: bold;
    font-size: 14px;
}

.btn_bug_report {
    float: left;
}

.btn_page_help {
    float: right;
    margin-right: 10px;
}

.btn_page_help_edit {
    float: right;
}

.clslanguage_box {
    border: 1px solid #aaa;
    padding: 10px;
}

.chkpswdopacity {
    display: block !important;
}

.chkabsolute {
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px;
    height: 100%;
    display: none;
    background: #fff;
    opacity: 0.8;
}

.clubsl_left {
    float: left;
    border: 1px solid #aaa;
}

.clubsl_r-one {
    float: left;
    width: 28%;
    margin-left: 2%;
}

.clubsl_r-two {
    float: left;
    width: 24%;
    margin-left: 2%;
}

.clubsl_r-two input[type="text"] {
    width: 99%;
    padding: 5px;
}

.clubsl_left a {
    border: 1px solid #fff;
    color: #000;
    font-size: 20px;
    float: left;
    padding: 2px 10px;
    margin: 3px;
    display: block;
}

.clubsl_left a.select {
    border: 1px solid #f00;
    background: #efe4b0;
}

.helppage_clubtitle {
    background: #880015;
    font-family: "segoe UI", "open Sans";
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 5px 10px;
}

.club-edit-row {}

.club-edit-row table {
    border-collapse: collapse;
    width: 100%;
}

.club-edit-row table td {
    padding: 5px;
    border: none;
    vertical-align: middle;
}

.club-edit-row .club-lang {
    width: 8%;
}

.club-edit-row .club-chara {
    width: 26%;
}

.club-edit-row .club-menu {}

.club-edit-row .club-select1 {}

.club-edit-row .club-btns {
    width: 17%;
}

.club-edit-row .clb_language {
    float: left;
    margin-left: 0;
}

.club-edit-row .clb_language a {
    border: none;
}

.club-edit-row .input-chara input[type="text"] {
    color: #b31833;
    background: #fffdce;
}

.club-edit-row .one-other {
    width: 22%
}

.club-edit-row .one-other .change {
    color: #ac1816;
}

.club-edit-row .get-link {
    width: 30%;
}

.club-edit-row .get-link a {
    font-family: "open_sansbold";
    text-decoration: underline;
}

.cerow_col1 {
    width: 19%;
}

.cerow_col2 {
    width: 13%;
    line-height: 28px;
}

.cerow_col3 {
    width: 16%;
}

.cerow_col4 {
    width: 2%;
    line-height: 16px;
    text-align: right;
}

.cerow_col5 {
    width: 18%;
}

.cerow_col1-1 {
    width: 12%;
}

.cerow_col2-1 {
    width: 21%;
    line-height: 28px;
}

.cerow_col3-1 {
    width: 16%;
    line-height: 28px;
}

.cerow_col4-1 {
    width: 17%;
}

.cerow_colb-1 {
    width: 15%;
}

.clubeditrow .cerow_col1-1.clb_edit_btn {
    float: none;
}

/*.cerow_col1-1{float: left; width:12%;}

.cerow_col2-1{float: left; width:12%; line-height:28px;}

.cerow_col3-1{float: left; width:12%; line-height:28px;}

.cerow_col4-1{float: left; width:17%;}

.cerow_colb-1{float: left; width:15%;}*/

.clubeditrow .col-1 {
    float: left;
    width: 17%;
    margin: 0 0.5%;
}

.clubeditrow .col-2 {
    float: left;
    width: 25%;
    margin: 0 0.5%;
}

.clubeditrow .col-3 {
    float: left;
    width: 14%;
    margin: 0 0.5%;
}

.clubeditrow .col-4 {
    float: left;
    width: 22%;
    margin: 0 0.5%;
}

.clubeditrow .col-5 {
    float: left;
    width: 18%;
    margin: 0 0.5%;
}

.clubeditrow .ln-height {
    line-height: 28px;
}

.clb_edit_btn a {
    padding: 5px 5px;
    float: left;
    margin-right: 5px;
    color: #fff;
    font-size: 15px;
    background: #515151;
    /* Old browsers */
    background: -moz-linear-gradient(top, #515151 0%, #515151 50%, #3a3c3b 50%, #3a3c3b 99%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #515151), color-stop(50%, #515151), color-stop(50%, #3a3c3b), color-stop(99%, #3a3c3b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #515151 0%, #515151 50%, #3a3c3b 50%, #3a3c3b 99%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #515151 0%, #515151 50%, #3a3c3b 50%, #3a3c3b 99%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #515151 0%, #515151 50%, #3a3c3b 50%, #3a3c3b 99%);
    /* IE10+ */
    background: linear-gradient(to bottom, #515151 0%, #515151 50%, #3a3c3b 50%, #3a3c3b 99%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#3a3c3b', GradientType=0);
    /* IE6-9 */
}

.ce_btn {
    margin-left: 10px;
    float: left;
}

.clb_language {
    float: right;
}

.clb_language a {
    background: #efe4b0;
    color: #000;
    border: 1px solid #f00;
    padding: 3px 10px;
    font-size: 18px;
}

.clb_editor {
    width: 100%;
}

.clb_editor img {
    width: 100%;
}

.clb_button_row {
    margin: 10px auto;
    width: 100%;
    text-align: center;
}

.clb_btn {
    /*float:left;*/
    margin-right: 5px;
    margin-left: 5px;
    /*width:100px;*/
    display: inline-block;
}

.setpass_subtitle {
    color: #880015;
    padding: 10px 5px;
}

.setpass_block {
    padding: 10px;
    width: 320px;
    margin: 0 auto;
}

.setpass_row {
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

.setpass_lang {
    float: left;
    width: 54px;
}

.setpass {
    float: left;
    width: 250px;
    border: 1px solid #808080;
    margin-left: 10px;
}

.setpass input[type="text"] {
    border: none;
    line-height: 30px;
}

.setpass_lang a {
    color: #000;
    display: block;
    font-size: 20px;
    padding: 2px 15px;
}

.setpass_lang a.select {
    background: none repeat scroll 0 0 #efe4b0;
    border: 1px solid #f00;
}

.setpass_button_row {
    margin: 20px auto;
    width: 220px;
    text-align: center;
}

.setpass_button_rownew {
    margin: 20px auto 0;
    text-align: center;
}

.setpass_button_rownew .clb_btn {
    margin-right: 5px;
    margin-left: 5px;
    display: inline-block;
}

.setpass_button_rownew .clb_btn .submit, .setpass_button_rownew .submit {
    display: inline-block;
}

.red_btn {
    width: 100%;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    font-family: "open_sansbold";
    font-size: 14px;
    display: block;
    line-height: 36px;
    cursor: pointer;
    border: none;
    background: #d35852 !important;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d35852 0%, #a31515 100%) !important;
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d35852), color-stop(100%, #a31515)) !important;
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d35852 0%, #a31515 100%) !important;
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d35852 0%, #a31515 100%) !important;
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d35852 0%, #a31515 100%) !important;
    /* IE10+ */
    background: linear-gradient(to bottom, #d35852 0%, #a31515 100%) !important;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d35852', endColorstr='#a31515', GradientType=0);
    /* IE6-9 */
}

.blue_club_bar {
    background: #7092be;
    padding: 10px;
    font-family: "segoe UI", "open Sans";
    font-weight: bold;
    font-size: 14px;
}

.selected_img {
    float: left;
    margin-left: 10px;
    width: 200px;
    height: 51px;
    text-align: center;
    background: #fff;
    margin-right: 10px;
}

.selected_img img {
    max-width: 100%;
    max-height: 100%;
}

.eplang_title {
    color: #000;
    font-size: 25px;
    padding: 10px 0;
}

.edit_pagelang {
    float: left;
    width: 100%;
    border-bottom: 1px solid #555;
    padding-bottom: 10px;
}

.edit_pagelang a {
    border: 1px solid #fff;
    color: #000;
    font-size: 20px;
    float: left;
    padding: 2px 10px;
    margin: 3px;
    display: block;
}

.edit_pagelang a.select {
    border: 1px solid #f00;
    /* background:#efe4b0;*/
}

.chk_bx1 {
    position: relative;
}

.cerow_col2-1 span a {
    background: #fff !important;
}

.in_news_titlerow {
    background: #880015;
    padding: 5px 10px;
}

.inn_left {
    float: left;
}

.inn_right {
    float: right;
}

.arg_news {
    padding: 5px;
}

.arg_news a i {
    font-size: 25px;
    color: #ffc90e;
    line-height: 10px;
}

.home_titlerow_blue {
    background: #7092be !important;
}

.inn-news-condition {
    float: left;
    width: 47%;
}

.inn-news-condition .inn_searchbox {
    width: 70%;
}

.inn_title {
    font-size: 18px;
    float: left;
    color: #fff;
    line-height: 22px;
    margin-left: 10px;
}

.inn_title span {
    color: #fff200;
}

.inn_searchbox {
    font-size: 14px;
    float: left;
    width: 26%;
    background: #404040;
    height: 30px;
    margin-left: 10px;
}

.inn_search {
    float: right;
    display: block;
    background: #262626;
    box-sizing: border-box;
    height: 30px;
    width: 36px;
    text-align: center;
}

.inn_search i {
    font-size: 18px;
    color: #fff;
    line-height: 26px;
}

.inn_next {
    font-size: 20px;
    font-weight: bold;
    text-decoration: underline;
    float: left;
    width: 10%;
    margin-left: 10px;
    color: #fff;
}

.isheight {
    padding: 6px 10px !important;
}

/********** Display news section ***********/

.display-news-section {
    padding: 10px;
}

.disnewsrow {
    border: 1px solid #aaa;
}

.disnewsrow.fe_newstitle {
    padding: 8px 10px;
    width: 100%;
    display: table;
}

.inn-news-condition-news {
    float: left;
    width: 350px;
    margin-left: 10px;
}

.inn-news-condition-news .inn_searchbox {
    width: 100%;
    margin-left: 0;
}

.inn-btns {
    display: inline-block;
    float: left;
    margin-left: 10px;
}

.inn-btns .btn-white {
    display: inline-block;
    margin: 0 3px;
    padding: 5px 6px;
    background: #fff;
    color: #111;
    font-family: "open_sansbold";
}

.inn-btns .btn-red {
    padding: 5px 10px;
    line-height: 20px;
}

.inn-select-news {
    float: left;
    margin-left: 10px;
    width: 150px;
    background: #fff;
}

.btn-white {
    display: inline-block;
    margin: 0 3px;
    padding: 5px 6px;
    background: #fff;
    color: #111;
    font-family: "open_sansbold";
}

.in_news_next-prev {
    float: left;
    padding-left: 6px;
}

.in_news_next-prev .in_news_btn input[type="button"] {
    background: #f7f5f2;
    background: linear-gradient(to bottom, #f7f5f2 0%, #e8e8e8 100%);
    /* W3C */
    font-size: 16px;
    border-radius: 4px;
    padding: 3px 10px;
    margin: 0 4px;
    border: none !important;
}

.lastnews_refresh {
    float: left;
    padding: 5px;
    margin-left: 10px;
    color: #fff;
}

.lastnews_refresh a {
    color: #fff;
    font-size: 18px;
}

.inn_searchbox input[type="text"] {
    border: none;
    background: none;
    width: 88%;
    line-height: 30px;
    color: #dbdbdb;
    text-indent: 8px;
}

.innews_left {
    float: left;
    width: 67%;
    padding: 10px 0;
}

.innews_right {
    float: left;
    width: 32%;
    margin: 10px 0 10px 1%;
    background: #f0f0f0;
}

.innews_row {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #cfcfcf;
    margin: 5px 0;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

.newsfrom {
    float: left;
    width: 30%;
    box-sizing: border-box;
    /*background:#e4e2e2; color:#b70019;*/
    background: #7092BE;
    color: #fff;
    line-height: 28px;
    padding: 0 10px;
    font-size: 12px;
}

.section-news {
    float: left;
    width: 21%;
    box-sizing: border-box;
    color: #b70019;
    line-height: 28px;
    padding: 0 10px;
    font-weight: bold;
}

.section-news span {
    color: #043e8d;
    font-weight: normal;
}

.sport-names {
    float: left;
    width: 29%;
    box-sizing: border-box;
    color: #b70019;
    line-height: 28px;
    padding: 0 10px;
    font-weight: bold;
}

.sport-names span {
    color: #043e8d;
    font-weight: normal;
}

.innewsrow-top {
    background: #F8F2D8;
    border: 1px solid #7092BE;
}

.upnews-content {
    padding: 10px;
}

.upnews-content-top {}

.upnews-content-top .upleft {
    float: left;
    width: 50%;
}

.upnews-content-top .upright {
    float: left;
    width: 48%;
    margin-left: 2%;
}

.upsection-news {
    color: #b70019;
    font-weight: bold;
    line-height: 28px;
    padding-right: 10px;
}

.uptext-title {
    font-size: 22px;
    color: #009fb7;
}

.uptext-content {}

.uptext-content img {
    max-width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.upcontinue-reading, .upcomments {
    color: #009fb7;
}

.fgtl a {
    display: inline-block;
    margin: 0 2px;
    width: 34px;
    height: 34px;
}

.ffacebook {
    background: url("../img/fgtl.png") no-repeat 0px 0px;
}

.ggoogleplus {
    background: url("../img/fgtl.png") no-repeat -35px 0px;
}

.ttwitter {
    background: url("../img/fgtl.png") no-repeat -71px 0px;
}

.llinkedin {
    background: url("../img/fgtl.png") no-repeat -106px 0px;
}

.newsposted {
    color: #000;
    line-height: 28px;
    padding: 2px 10px;
}

.newsposted span {
    color: #043e8d;
    padding-left: 10px;
}

.newspost_title {
    color: #043e8d;
    padding: 10px;
}

.newsby {
    float: right;
    color: #800000;
    line-height: 28px;
    padding: 0 10px;
    width: 20%;
    box-sizing: border-box;
}

.newsby span {
    color: #f00;
}

.innewstext {
    padding: 5px 10px;
    line-height: 20px;
    color: #000;
    position: relative;
}

.innewstext p {
    margin: 0px;
}

.newssee_more {
    text-align: right;
}

.newssee_more a {
    color: #800000;
    text-decoration: underline;
}

.newletter_titlebox {
    background: #5e5652;
    color: #fff;
    font-size: 18px;
    padding: 8px;
    margin-bottom: 20px;
}

.newletter_titlebox:after {
    border-top: 10px solid #5e5652;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    margin-left: -50px;
    position: absolute;
    margin-top: 28px;
    z-index: 100;
}

.newsletter_content {
    padding: 0 20px 20px 20px;
}

.in_newsletter_title {
    color: #de4a4a;
    font-size: 20px;
    font-weight: bold;
    font-family: "segoe UI", "open Sans";
}

.innewsletter_field {
    border: 1px solid #bababa;
    border-radius: 4px;
}

.innewsletter_field input[type="text"] {
    border: none;
    width: 100%;
    line-height: 30px;
    color: #555;
    border-radius: 4px;
}

.newsltr_btn {
    width: 100%;
    text-align: center;
    border-radius: 4px;
    color: #fff;
    font-family: "open_sansbold";
    font-size: 14px;
    display: block;
    line-height: 36px;
    cursor: pointer;
    border: none;
    background: #de4a4a;
}

.newsltr_message {
    margin: 5px 0 5px;
    color: #f00
}

/****************** 02-03-15 ********************/

.clubs_ef {
    width: 100% !important;
}

.ps_edit_feature {
    background: #e8e8e8;
    padding: 10px;
}

.edit_feature_title {
    font-size: 16px;
    font-weight: bold;
    font-family: "segoe UI", "open Sans";
    padding-bottom: 10px;
}

.ef_row {
    background: #fff;
    padding: 10px;
}

.efr_left {
    float: left;
    width: 50%;
}

.efr_right {
    float: left;
    width: 49%;
    margin-left: 1%;
}

.load_pic_block {
    float: left;
    width: 124px;
    margin: 5px 8px;
}

.load_pic_btn {
    margin-bottom: 10px;
}

.load_pic_btn a {
    width: 100px;
    margin: 0 auto;
    text-align: center;
    line-height: 30px;
    display: block;
    border-radius: 4px;
    color: #000;
    background: #d1d1d1;
    font-size: 14px;
    font-weight: bold;
}

.load_picture {
    width: 100%;
    position: relative;
}

.load_picture img {
    width: 100%;
}

.load_pic_close {
    position: absolute;
    z-index: 100;
    top: 5px;
    right: 5px;
}

.load_pic_close a {
    font-size: 20px;
    color: #000;
}

.activeuser_row {
    background: #f0f0f0;
    padding: 10px;
}

.news_links {
    background: #e0e0e0;
    padding: 15px;
}

.news_links a {
    color: #043e8d;
    text-align: left;
    display: block;
    font-size: 14px;
    line-height: 22px;
}

.social_links {
    padding: 0px;
}

.sl_bb {
    border-bottom: 1px solid #dadada;
}

.social_links a {
    text-align: left;
    display: block;
    padding: 9px 0;
    line-height: 10px;
    line-height: 27px;
    color: #5b5b5a;
    font-size: 14px;
}

.social_links a span {
    padding-right: 10px;
    font-size: 30px;
    float: left;
}

.facebook {
    color: #3b5998;
}

.twitter {
    color: #00aced;
}

.googleplus {
    color: #d94c3b;
}

.linkedin {
    color: #23659f;
}

.pinterest {
    color: #e94e5c;
}

.rssfeed {
    color: #ff8402;
}

.ifnews_left {
    float: left;
    width: 67%;
    margin: 10px 0;
}

.ifnews_right {
    float: left;
    width: 31%;
    margin: 10px 0 10px 2%;
}

.fe_newstitle {
    font-size: 18px;
    font-weight: bold;
    font-family: "segoe UI", "open Sans";
    padding: 10px 10px;
    color: #ab0006;
    text-transform: uppercase;
}

.fe_newsrow {
    background: #f0f0f0;
    margin: 10px;
}

.fe_newstitle .news {
    color: #222;
}

.viewallpost_btn {
    border: 1px solid #a60300;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: "open_sansbold";
    font-size: 14px;
    padding: 5px 10px;
    background: #da1a03;
    /* Old browsers */
    background: -moz-linear-gradient(top, #da1a03 1%, #911700 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #da1a03), color-stop(100%, #911700));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #da1a03 1%, #911700 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #da1a03 1%, #911700 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #da1a03 1%, #911700 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #da1a03 1%, #911700 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#da1a03', endColorstr='#911700', GradientType=0);
    /* IE6-9 */
}

.frt {
    float: right;
}

.viewallpost-absolute {
    position: absolute;
    z-index: 111;
    bottom: 22px;
    right: 25px;
}

.viewtop-absolute {
    position: absolute;
    z-index: 111;
    bottom: -50px;
    right: 25px;
}

.la_newsrow {
    margin: 0;
    padding: 10px;
}

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

.la_newsrow ul li {
    width: 47%;
    margin: 10px 1.5%;
    float: left;
    min-height: 100px;
    position: relative;
}

.la_newsrow ul li .sport_img {}

.la_newsrow ul li .sport_img a {
    border: 1px solid #d7d9d8;
    padding: 3px;
    width: 97%;
    display: flex;
    height: 140px;
}

.la_newsrow ul li .sport_img a img {
    width: 100%;
}

.sport_nametime {
    color: #b2b2b2;
    font-size: 12px;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 28px;
}

.sport_nametime .redt {
    color: #970001;
    text-transform: uppercase;
    padding-right: 10px;
}

.la_news_title {
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 24px;
}

.la_news_title a {
    color: #666;
}

.la_newsrow ul li .sport_img a:hover {
    border: 1px solid #cf1b00;
    background: #cf1b00;
}

.news_category {
    position: absolute;
    width: 41px;
    height: 41px;
    top: 15px;
    left: 290px;
    background: url(../img/sport_img_top.png) no-repeat 0px 0px;
    padding-top: 4px;
    padding-left: 11px;
}

.news_category a {
    color: #fff;
    font-size: 16px;
}

.social_right {
    background: #f0f0f0;
    padding: 15px;
}

.gs_title {
    text-transform: none !important;
}

.gs_title span {
    color: #888888;
}

.getsociallink a {
    float: left;
    margin: 3px;
    font-size: 40px;
}

.p_postrow {
    padding: 8px 0 8px 85px;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.p_postrow .post_img {
    position: absolute;
    left: 0;
    top: 10px;
    border: 1px solid #ccc;
    padding: 2px;
    width: 75px;
    height: 75px;
}

.p_postrow .post_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.p_postrow .post_img:hover {
    border: 1px solid #cf1b00;
    background: #cf1b00;
}

.p_postrow .postright {
    color: #666;
    font-size: 14px;
    line-height: 20px;
}

.p_postrow .postright .date {
    color: #ababab;
}

.p_postrow .postright .readmore a {
    color: #970001;
}

.social_right .p_postrow:last-child {
    border-bottom: none;
}

.support_intro {
    padding: 10px 30px;
}

.si_left {
    float: left;
    width: 48%;
    margin: 0 1%;
}

.si_right {
    float: left;
    width: 48%;
    margin: 0 1%;
}

.si_subscription_title {
    padding: 15px 50px;
    font-size: 30px;
    font-weight: bold;
    font-family: "segoe UI", "open Sans";
    color: #1375bb;
    text-align: center;
}

.support_col {
    float: left;
    width: 21%;
    margin: 20px 2% 0;
    color: #4c4c4c;
}

.support_row {
    min-height: 170px;
    padding-top: 40px;
    background: url(../img/support-bg-sb.png) no-repeat 0px 0px;
    color: #fff;
    font-family: "segoe UI", "open Sans";
    font-size: 26px;
    font-weight: bold;
    text-align: center;
    box-sizing: border-box;
}

.support_value {
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    padding: 5px;
    font-family: "segoe UI", "open Sans";
}

.support_text {
    font-size: 16px;
    text-align: justify;
    padding: 10px 0;
    line-height: 20px;
}

.download_row {
    padding: 10px 0;
}

.resp_title {
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}

.download_left {
    float: left;
    width: 64%;
    margin: 0 2%;
}

.download_right {
    float: left;
    width: 28%;
    margin: 0 2%;
}

.download_col {
    float: left;
    width: 32%;
    margin-right: 1%;
}

.br_icon {
    border-right: 1px solid #b2b2b2;
    float: left;
}

.iconbox {
    float: left;
    margin: 5px 14px;
    background: url(../img/responsive-icons.jpg) no-repeat;
}

.iconbox a {
    display: block;
    width: 46px;
    height: 46px;
}

.apple_dc {
    background-position: -14px -9px;
}

.android_dc {
    background-position: -256px -11px;
}

.windows_dc {
    background-position: -322px -9px;
}

.mobile_dc {
    background-position: -74px -13px;
}

.ipad_dc {
    background-position: -137px -12px;
}

.tablet_dc {
    background-position: -198px -13px;
}

.twitter_dc {
    background-position: -394px 0px;
}

.facebook_dc {
    background-position: -455px 0px;
}

.youtube_dc {
    background-position: -522px 0px;
}

.blog_dc {
    background-position: -579px 0px;
}

/******************* 04-03-15 ********************/

.contact_iconmail {
    float: left;
    width: 113px;
}

.contact_iconmail img {
    width: 100%;
}

.ci_title {
    float: left;
    padding-left: 20px;
    font-size: 22px;
    color: #f26621;
    font-family: "segoe UI", "open Sans";
    padding-top: 20px;
}

.ci_text {
    font-size: 14px;
    color: #666;
    line-height: 20px;
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 10px;
}

.ci_link {
    color: #000;
    font-weight: bold;
}

.ci_subtitle {
    font-size: 18px;
    color: #666;
    font-family: "segoe UI", "open Sans";
    padding-top: 10px;
}

.ci_form {
    padding: 10px;
}

.ci_fieldrow {
    margin-bottom: 8px;
}

.ci_field_title {
    color: #666;
    float: left;
    font-size: 13px;
    font-weight: bold;
    text-align: right;
    width: 25%;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
}

.ci_fields {
    float: left;
    /*border: 1px solid #c0c0c0;*/
    width: 58%;
    margin-left: 10px;
    box-sizing: border-box !important;
}

.ci_fields input[type="text"], .ci_fields input[type="email"] {
    border: none;
    width: 100%;
    line-height: 25px;
    box-sizing: border-box;
    border: 1px solid #c0c0c0;
}

.ci_fields textarea {
    width: 100%;
    box-sizing: border-box;
}

.tele-input {
    border: 0 !important;
    width: 99% !important;
    line-height: 26px;
}

.ci_btn_margin {
    padding-left: 27%;
}

.ci_btns {
    float: left;
    margin-right: 10px;
    position: relative;
}

.ci_submit {
    background: none repeat scroll 0 0 #de4a4a;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: "open_sansbold";
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    width: 90px;
}

.ci_btns a {
    border: 1px solid #ccc;
    border-radius: 0px;
    color: #444;
    cursor: pointer;
    display: block;
    font-size: 20px;
    line-height: 30px;
    text-align: center;
    padding: 2px 10px;
}

.support_loader1 {
    position: absolute;
    top: 0px;
    left: 30px;
    z-index: 100;
}

.banner_loader {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 105px;
    left: 560px;
    z-index: 1000;
}

.banner_loader img {
    width: 100%;
}

.banner_SearchNewsloader {
    width: 60px;
    height: 60px;
    position: absolute;
    top: 670px;
    left: 332px;
    z-index: 1000;
}

.banner_SearchNewsloader img {
    width: 100%;
}

.banner_NewsLetterloader {
    width: 35px;
    height: 60px;
    position: absolute;
    top: 655px;
    left: 964px;
    z-index: 1000;
}

.banner_NewsLetterloader img {
    width: 100%;
}

#loadimgPhotoVipID {}

.chk_bx {
    border-radius: 16px;
    border: 1px solid #a5a5a5;
    width: 93px;
    height: 28px;
}

.chk_bx input[type="radio"] {
    margin-left: 15px;
    margin-top: 7px;
}

/********************** facebook plugin classes ***********************/

#facebook .plugin li .pluginSkinLight table {
    width: 400px !important;
}

.border-clr {
    clear: both;
    border-bottom: 1px solid #bababa;
    padding-top: 10px;
    margin-bottom: 10px;
}

#widget_bounds .uXa {
    width: 100px !important;
}

#widget_bounds #button {
    width: inherit !important;
}

html>body #widget_bounds .uXa {
    width: inherit !important;
}

@-moz-document url-prefix() {
    #widget_bounds #button {
        width: inherit;
    }
}

#___follow_0 .g7Rvaf #widget_bounds #button {
    width: 60px !important;
}

#button.FP {
    width: 60px !important;
}

.pimg_click {
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    box-shadow: 0px 0px 4px #555;
    background: #f0f0f0;
}

.pimg_click a {
    color: #666;
    font-size: 18px;
    padding-top: 2px;
    text-align: center;
    display: block;
}

.sup-img-content {
    padding: 0;
}

.sup-img-content .left .pimg_click {
    top: 80px;
    left: 70px;
}

.blank_page_content {
    min-height: 348px;
    color: #444;
    font-size: 14px;
    line-height: 22px;
    padding: 10px;
    text-align: justify;
}

/******************* product overview page 30-03-2015 ********************/

.product_overview_page {
    width: 1040px;
    margin: 0 auto;
}

.po_content {
    padding: 10px;
    border: 1px solid #ccc;
    color: #fcf8ae;
}

.po_content .content {
    background: #d47e07;
    padding: 10px;
    font-size: 14px;
}

.po_content h3 {
    font-size: 15px;
    text-transform: uppercase;
    font-style: italic;
    line-height: 18px;
    margin: 10px 0;
}

.ocf_btn {
    float: right;
    width: 150px;
}

.ocf_btn a {
    border-radius: 4px;
    background: #333;
    text-align: center;
    display: block;
    line-height: 30px;
    color: #fff;
}

.productoverview_table {
    padding-top: 20px;
}

.pov_left_box {
    width: 33%;
}

.pov_box {
    border: 1px solid #ffe17f;
    width: 16%;
    text-align: center;
}

.productoverview_table table {
    border-collapse: collapse;
}

.productoverview_table table tr td {
    padding: 2px 8px;
    line-height: 28px;
    border: 1px solid #ffe17f;
}

.product_over_content_row table {
    border-collapse: collapse;
    border: 1px solid #ffe17f;
}

.product_over_content_row .pov_left_box {
    width: 33%;
}

.inbox_table {
    margin-left: -8px;
    margin-right: -8px;
}

.inbox_table table {
    width: 100%;
}

.inbox_table table tr td {
    border: 0;
    width: 33%;
}

.pob_bottom {
    border-top: 1px solid #ffe17f;
}

.nb_top_left {
    border-top: none !important;
    border-left: none !important;
}

.plb-img {
    float: left;
    width: 65px;
    margin-right: 10px;
    text-align: center;
}

.plb-text {
    float: left;
    line-height: 14px;
    font-size: 13px;
    text-align: left;
    width: 245px;
}

.plb-text span {
    text-transform: uppercase;
}

.ipo_btn_row {
    margin-top: 10px;
    background: #fff;
    padding: 15px;
    color: #444;
}

.ipo_col1 {
    float: left;
    width: 20%;
    padding-top: 10px;
}

.ipo_col2 {
    float: left;
    width: 28%;
    margin-left: 20px;
    padding-top: 20px;
}

.ipo_col3 {
    float: left;
    width: 47%;
    margin-left: 20px;
}

.overview-profile-row {}

.overview-profile-row .ot-left {
    float: left;
}

.overview-profile-row .ot-right {
    float: left;
    width: 86%;
    margin-left: 2%
}

.overview-profile-row .yellow-row {
    padding: 10px;
    background: #EFE3AE;
    border: 1px solid #999;
}

.overview-profile-row .yellow-row .span-col {
    float: left;
    margin-right: 25px;
}

.overview-profile-row .profile-img {
    width: 106px;
    margin-right: 4px;
}

.overview-profile-row .profile-img img {
    width: 100%;
}

.overview-profile-row .ot-left-2 {
    float: left;
    width: 18%;
    margin-left: 2%
}

.overview-profile-row .ot-left-3 {
    float: left;
    width: 64%;
    margin-left: 2%
}

.font-darkred {
    color: #871320;
}

/***************** Share page Right hand panel ******************/

.sharesocialAddelement {
    text-align: center !important;
}

/****************** 09-04-15 ********************/

.usermypage {
    /*height: 65px !important;*/
}

.usermypage a {
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    height: 40px !important;
}

.psmypage {
    color: #fff;
    font-size: 13px !important;
    text-align: left !important;
}

.psmypage a {
    color: #fff;
    font-size: 18px;
}

.logo_info img {
    width: 100%;
}

.cr_upload {
    width: 160px !important;
}

.blockmydata_btn {
    width: 100%;
}

.blockmydata_btn a {
    border-radius: 4px;
    color: #222;
    display: block;
    /*font-family: "open_sansbold";*/
    font-weight: bold;
    font-size: 12px;
    line-height: 32px;
    text-align: center;
    /*background: url("../images/welcome_bar_bg.jpg") repeat-x scroll 0 0 rgba(0, 0, 0, 0);*/
    background: #fff;
    margin: 0 3px 10px;
    padding: 0 6px;
    float: left;
}

.blockmydata_btn a span {
    padding: 0 5px;
}

.social_item_tabs ul {
    float: left;
    clear: both;
    list-style: none;
    padding: 0px;
    /*width:100%;*/
    margin: 0px;
    border-bottom: 2px solid #111;
}

.social_item_tabs ul li {
    float: left;
    margin-right: 4px;
}

.social_item_tabs ul li:last-child {
    margin-right: 0px;
}

.social_item_tabs ul li a {
    color: #2b2b2b;
    font-family: "open_sansbold";
    font-size: 12px;
    line-height: 36px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    display: block;
    padding: 0px 10px;
    background: #d1d1d1;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d1d1d1 0%, #969696 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d1d1d1), color-stop(100%, #969696));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d1d1d1 0%, #969696 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d1d1d1 0%, #969696 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d1d1d1 0%, #969696 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #d1d1d1 0%, #969696 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1d1d1', endColorstr='#969696', GradientType=0);
    /* IE6-9 */
}

.social_item_tabs ul li a:hover, .social_item_tabs ul li a.active {
    color: #fff;
    background: #525252;
    /* Old browsers */
    background: -moz-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #525252), color-stop(100%, #2b2b2b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #525252 1%, #2b2b2b 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#2b2b2b', GradientType=0);
    /* IE6-9 */
}

.archive-members.social_item_tabs ul {
    padding-bottom: 10px;
    border-bottom-width: 1px;
}

.archive-members.social_item_tabs ul li {
    width: 19.4%;
    margin: 3px 0.3%;
}

.archive-members.social_item_tabs ul li a {
    text-align: center;
}

.editclubinfo_item_tabs ul {
    width: 100% !important;
}

#MsgDisplayID {
    position: absolute;
    z-index: 111;
    top: 0px;
    left: 0px;
    width: 100%;
    height: auto;
    background: #7092BE;
    color: #fff;
    font-size: 25px;
    text-align: center;
    padding: 15px 0;
}

.importpg {
    background: none repeat scroll 0 0 #fff;
    border-radius: 6px;
    box-shadow: 0 0 10px #333;
    font-size: 14px;
    height: 300px;
    left: 36%;
    padding: 0px;
    position: fixed;
    top: 20%;
    width: 350px;
    z-index: 111;
}

.pgClose {
    float: right;
    margin-top: -5px;
    margin-right: -5px;
    font-size: 18px;
    color: #333;
    background: #fff;
    border-radius: 50%;
    height: 22px;
    margin-right: -5px;
    margin-top: -5px;
    padding-left: 5px;
    padding-top: 3px;
    width: 20px;
    box-shadow: 0px 0px 4px #333;
}

.hlpimprt_block {
    height: 250px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 6px;
}

.hlpimprt_box {
    float: left;
    width: 46%;
    margin: 2%;
    background: #D4D4D4;
}

.hlpimprt_box table td {
    padding: 8px 5px;
}

.hlpimprt_title {
    font-size: 20px;
    color: #fff;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #880015;
    padding: 8px 15px;
    font-weight: bold;
}

.tvl1 {
    width: 30% !important;
    float: left !important;
    padding-left: 20%;
}

.tvl2 {
    width: 30% !important;
    float: left !important;
}

.edit-op-profile .editopro {}

.edit-op-profile .editopro img {
    width: 80px;
    height: 80px;
}

.edit-op-profile .editopdetail {
    font-size: 14px;
    line-height: 20px;
}

.edit-op-profile .editopdetail .edtitle {
    width: 140px;
    display: inline-block;
}

.edit-op-profile .editopdetail .edright {}

.oplist-tabs ul {
    width: 100% !important;
}

.sessiond-border {
    padding: 4px;
    border: 1px solid #bbb;
}

/**************** Toggle items for left column *******************/

#toggle_links {
    display: none;
}

.dropdwn {
    position: absolute;
    z-index: 999;
    left: 250px;
    top: 0;
    overflow: inherit !important;
}

.onclick_dropdwn_mfc {
    position: relative;
    background: #484848;
    left: -10px;
    margin-top: -1px;
    width: 219px;
    padding: 0 10px;
}

.onclick_dropdwn_mfc li a {
    border-bottom: 1px solid #333333 !important;
}

.onclick_dropdwn_mfc li:last-child a {
    border-bottom: none !important;
}

.dropdwn-left {
    left: 240px !important;
}

/*************************/

.sublinks_toggle {
    background: #444;
}

.sublinks_toggle ul li a {
    padding: 0 30px !important;
}

.sublinks_toggle ul li a:hover {
    color: #fff;
    background: url(../img/refresh.png) no-repeat 205px 8px #383838 !important;
}

.plinfotitle {
    color: yellow;
    float: left;
    width: 42%;
}

.plinfovalue {
    float: right;
    width: 58%;
}

.mc_social .sublinks {
    /*background: #444;*/
    margin: 0px !important;
    /*padding: 10px 8px;*/
    padding: 10px 6px;
}

.mc_social .sublinks li {
    margin-bottom: 0px !important;
}

.mc_social .sublinks li a {
    padding: 5px 25px 5px 30px;
    color: #fff;
    position: relative;
}

.mc_social .sublinks li a:hover {
    color: #fff;
    /*background:#383838 !important;*/
}

/*  @media screen and (-webkit-min-device-pixel-ratio:0) {

.mc_social .sublinks{ overflow: inherit !important;}

}*/

.mc_social .sublinks li a .clubicon {
    position: absolute;
    left: 5px;
    top: 3px;
    font-size: 16px;
}

.mc_social .sublinks li a .clubicon img {
    width: 17px;
}

.mc_social .sublinks li a .clubicon-right {
    position: absolute;
    right: 5px;
    top: 3px;
    font-size: 16px;
}

.insnewitm {
    background: #262626 !important;
    padding: 5px !important;
    margin-left: 10px !important;
}

.insnewitm li {
    border-bottom: 1px solid #ccc !important;
    margin: 0 -5px !important;
    padding-left: 10px;
    padding-top: 5px;
}

.insnewitm li:first-child {
    padding-left: 0px;
}

/********************** Club setting admin profile ******************/

.personal_profile_row {
    font-size: 15px;
    line-height: 22px;
    padding: 5px 10px;
    background: #ddd;
}

.pp_img_thumb {
    border: 1px solid #bababa;
    height: 64px;
    width: 64px;
    float: left;
}

.pp_col1 {
    float: left;
    width: 15%;
}

.pp_col2 {
    float: left;
    width: 28%;
    margin-left: 15px;
}

.pp_col3 {
    float: left;
    width: 30%;
    margin-left: 15px;
}

.pp_main_title {
    font-size: 30px;
    line-height: 35px;
}

a.gray_tab {
    color: #fff;
    font-family: "open_sansbold";
    font-size: 14px;
    line-height: 30px;
    border-radius: 4px;
    display: block;
    padding: 0px 15px;
    background: #525252;
    /* Old browsers */
    background: -moz-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #525252), color-stop(100%, #2b2b2b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #525252 1%, #2b2b2b 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#2b2b2b', GradientType=0);
    /* IE6-9 */
}

.pp_delete {
    color: #fff;
    font-family: "open_sansbold";
    font-size: 14px;
    line-height: 30px;
    border-radius: 4px;
    display: block;
    padding: 0px 15px;
    background: #ed1c24;
}

.current_photo_row {
    font-size: 14px;
    padding-top: 10px;
}

.cpr_photo {
    float: left;
    width: 23%;
}

.cpr_discription {
    float: left;
    width: 74%;
    margin-left: 2%;
}

/*<!-- Zst start code - 15-04-2024 -->*/

.current_photo {
    border: 1px solid #888;
    padding: 7px;
    text-align: center;
    width: 200px;
    height: 200px;
}


.current_photo img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*<!-- Zst end code - 15-04-2024 -->*/

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

.cpr_photo .remove a {
    color: #444;
}

.cpr_discription .select_row {
    width: 100%;
    padding: 10px 0;
}

.cpr_discription .select_row .select {
    float: left;
    width: 60%;
}

.cpr_discription .select_row .upload {
    float: left;
    width: 40%;
}

.ppro_form_bg {
    background: #dadee1;
    margin: 0 auto;
    width: 100%;
    float: left;
    border: 1px solid #888;
    padding: 10px;
    box-sizing: border-box;
}

.ppro_form_bg1 {
    background: #dadee1;
    margin: 0 auto;
    width: 96.6%;
    float: left;
    border: 1px solid #888;
    padding: 10px;
}

.pprfield_row {
    background: #fff;
    border: 1px solid #bfc3c6;
    margin-bottom: 7px;
    border-radius: 10px;
}

.pprfield_row table tr td {
    border-top: 1px solid #bfc3c6;
}

.pprfield_row table tr:first-child td {
    border-top: none;
}

.ppr_fieldleft {
    width: 25%;
    border-right: 1px solid #bfc3c6;
}

.ppr_fieldright {
    width: 74%;
    padding: 5px 0;
}

.ppr_fieldtitle {
    line-height: 28px;
    color: #3c4650;
    font-family: "open_sansbold";
    font-size: 14px;
    text-align: right;
    padding: 6px;
}

.ppr_fieldcontent {
    color: #3c4650;
    font-size: 14px;
    text-align: left;
    padding: 5px 10px;
}

.ppr_fieldcontent input[type=password] {
    background: #c3c3c3;
}

.ppr_fieldcontent textarea {
    width: 98%;
    min-height: 70px;
}

.main_pass {
    font-size: 15px;
    line-height: 18px;
    padding-bottom: 8px;
    color: #222;
}

/**************** css added by zeeshan *******************/

.ppr-inner-title {
    text-align: left;
}

.pprfield_link {
    width: 100%;
    display: table;
    border-bottom: solid 1px #bfc3c6;
}

.ppr_fiellink a {
    color: #3c4650;
    font-family: "open_sansbold";
    font-size: 14px;
    display: inline-block;
    float: left;
    line-height: 28px;
    padding: 6px 12px;
    text-decoration: underline;
}

.ppr_fiellink a:hover {
    text-decoration: none;
}

.link-right {
    float: right;
}

.ppr_redtext {
    color: #b7161c;
    font-size: 14px;
    padding: 10px;
    border-top: solid 1px #bfc3c6;
}

.ppr-checkboxe {
    display: block;
    padding-bottom: 6px;
}

.ppr_fieldright .input60 input {
    width: 100%;
}

.ppr_yes {
    float: left;
    width: 12%;
    padding-top: 4px;
}

.ppr_yesfield {
    float: left;
    width: 68%;
}

.ppr_max {
    float: right;
    padding-top: 3px;
    font-size: 13px;
}

.ppr_max img {
    vertical-align: middle;
}

.ppr_commi {
    padding-top: 5px;
}

.ppr_company1 {
    width: 48%;
    float: left;
}

.ppr_company2 {
    width: 48%;
    float: right;
    padding: 3px;
    border: solid 1px #c0c0c0;
    display: table;
}

.ppr_dead {
    float: left;
    width: 34%;
    padding: 0px 0 0 0;
}

.ppr_emptyf {
    float: left;
    width: 41%;
    padding: 0 5px
}

.ppr_dotimg {
    float: right;
    width: 18%;
    padding: 0px 0 0 0;
}

.ppr_emptyf input {
    height: 21px;
}

.vip-section {
    padding: 5px;
    border: solid 1px #888;
    margin-top: 10px;
}

.vip-section h3 {
    background: #ffe282;
    border: solid 1px #888;
    padding: 6px 10px;
    margin: 0 0 5px 0;
    font-size: 18px;
    font-weight: normal;
}

.vip-checkbox {
    padding: 5px 0;
    color: #7f7f7f;
}

.vip-checkbox a {
    color: #880015;
    font-style: italic;
}

.vip-star {
    padding: 10px 0;
}

.vip-star img {
    vertical-align: middle;
}

.savecancel p {
    color: #ed1c24;
    text-align: center;
    font-size: 15px;
    margin: 12px 0;
}

.prs-setting {
    position: relative;
    margin-top: 20px;
    border: 1px solid #ccc;
    padding: 20px 10px 10px;
}

.prs-setting .prstitle {
    position: absolute;
    left: 10px;
    top: -15px;
    padding: 3px 10px;
    background: #fff;
    border: 1px solid #ccc;
}

.input50 {
    float: left;
    width: 50%;
    margin-right: 2%;
}

.input45 {
    float: left;
    width: 45%;
    margin-right: 2%;
}

.input40 {
    float: left;
    width: 40%;
    margin-right: 2%;
}

.input25 {
    float: left;
    width: 25%;
    margin-right: 2%;
}

.input20 {
    float: left;
    width: 20%;
    margin-right: 2%;
}

.input15 {
    float: left;
    width: 15%;
    margin-right: 2%;
}

.input30 {
    float: left;
    width: 30%;
    margin-right: 2%;
}

.input60 {
    float: left;
    width: 60%;
    margin-right: 2%;
}

.ppr-field-tr-div {
    background: #F6F1D6;
}

.ppr_fieldleft-div {
    width: 25%;
    float: left;
    padding: 5px 5px 5px 10px;
    box-sizing: border-box;
}

.ppr_fieldright-div {
    width: 74%;
    float: left;
    padding: 5px 10px;
    box-sizing: border-box;
}

.ppr-field-tr-div .add {
    float: left;
    font-weight: normal !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px;
}

.ppr-field-tr-div .subsc {
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 14px;
    line-height: 26px;
}

.ppr-field-tr-div .red {
    color: #d71d19;
    font-weight: bold;
}

.ppr_fieldcontent .list-member {
    color: #757575;
    padding: 4px 0;
}

.ppr_fieldcontent .list-member .member-thumb {
    border: 1px solid #bababa;
    float: left;
}

.ppr_fieldcontent .list-member .member-thumb img {
    height: 54px;
    margin: 3px;
    width: 54px;
}

.ppr_fieldcontent .list-member .profile_detail {
    float: left;
    width: 78%;
    box-sizing: border-box;
    padding-left: 15px;
    color: #333;
    line-height: 20px;
}

.ppr_fieldcontent .list-member .profile_detail .red1 {
    color: #e03734;
}

.ppr_fieldcontent input[type=text], .ppr_fieldcontent input[type=password], .ppr_fieldcontent input[type=email] {
    width: 100%;
    box-sizing: border-box;
}

.ppr_fieldcontent input[type=email] {
    border: 1px solid #c0c0c0 !important;
    padding: 5px;
}

.select100 {
    width: 100%;
}

.select100 select {
    width: 100%;
}

.select45 {
    float: left;
    width: 45%;
    margin-right: 2%;
}

.select40 {
    float: left;
    width: 40%;
    margin-right: 2%;
}

.select40 select {
    width: 120%;
}

.select30 {
    float: left;
    width: 30%;
    margin-right: 2%;
}

.select30 select {
    width: 120%;
}

.select25 {
    float: left;
    width: 25%;
    margin-right: 2%;
}

.select20 {
    float: left;
    width: 20%;
    margin-right: 2%;
}

.select20 select {
    width: 120%;
}

.add_operator {
    color: #222;
    text-decoration: underline;
    line-height: 22px;
}

.ppr_btn_box {
    width: 365px;
    margin: 20px auto 0;
}

.btn_box_save {
    float: left;
    width: 100px;
    margin: 0 10px;
}

.btn_red {
    background: linear-gradient(to bottom, #fb7272 0%, #e03734 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #9c0606;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 30px;
    text-align: center;
}

a.btn_black {
    background: linear-gradient(to bottom, #636363 1%, #282828 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #000;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 8px 10px;
    text-align: center;
}

.ppr_fieldright {
    position: relative;
}

.ppr_reset_pass {
    position: absolute;
    z-index: 11;
    width: 150px;
    right: -168px;
    top: 8px;
}

.reset-link {    
    text-align: right;
    margin-bottom: 10px;
}
.reset-link a {
    color: #e03734;
    text-decoration: underline;
    font-size: 14px;
    margin-right: 15px;
    font-weight: bold;
}

/***************** Club setting my club profile **********************/

.validation {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #c60028;
    text-align: left;
    line-height: 18px;
}

.set_password_row {
    font-size: 15px;
    line-height: 22px;
}

.sp_col1 {
    float: left;
    width: 12%;
    text-align: center;
}

.sp_col2 {
    float: left;
    width: 65%;
}

.sp_col3 {
    float: left;
    width: 20%;
    margin-left: 3%;
    padding-top: 10px;
}

.sp_col4 {
    float: left;
    width: 26%;
    margin-left: 3%;
    padding-top: 10px;
}

.sp_col2-1 {
    float: left;
    width: 59%;
}

.sp_input_block {
    padding-top: 30px;
}

.spfield_row {
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.spfield_title {
    float: left;
    width: 17%;
    margin-right: 2%;
    line-height: 28px;
    color: #3c4650;
    font-family: arial;
    font-size: 14px;
    text-align: right;
}

.spfield_input1 {
    float: left;
    width: 36.5%;
    margin-right: 2%;
}

.spfield_input2 {
    float: left;
    width: 27%;
    margin-right: 2%;
}

.spfield_region {
    float: left;
    width: 9%;
    margin-right: 2%;
    text-align: right;
}

.spfield_select1 {
    float: left;
    width: 36%;
    margin-right: 2%;
}

.spfield_select1 select {
    width: 110%;
}

.spfield_select2 {
    float: left;
    width: 27%;
    margin-right: 2%;
}

.spfield_select2 select {
    width: 120%;
}

.spfield_textarea1 {
    float: left;
    width: 54%;
}

.spfield_textarea1 textarea {
    width: 100%;
}

.sp_input_block input[type="text"] {
    width: 100%;
}

.address_row input[type="text"] {
    width: 100%;
}

.spfield_forpass {
    float: left;
    width: 30%;
    margin-right: 2%;
}

.gs-heading {
    padding: 10px 0;
    font-size: 18px;
}

.gs-tagline {
    color: #D03427;
    font-size: 15px;
}

.gsport_box {
    float: left;
    width: 60px;
    margin: 10px;
    text-align: center;
    font-size: 14px;
    color: #829798;
    cursor: pointer;
    min-height: 83px;
    word-wrap: break-word;
    word-break: break-all;
}

.sportbx {
    width: 40px;
    height: 40px;
    border: 3px solid #bfc6c7;
    margin: 0 auto;
    position: relative;
}

.gsport_box.checked {
    color: #000;
    font-weight: bold;
    position: relative;
}

.gsport_box.checked .sportbx {
    border: 3px solid #111;
}

.gsport_box.redchecked .sportbx {
    border: 3px solid #E85244;
}

.gsport_box.checked .name, .gsport_box.redchecked .name {
    line-height: 16px;
    font-size: 13px;
}

.gsport_box.redchecked .name {
    color: #E85244;
    font-weight: bold;
}

.sportbx .stardiv {
    position: absolute;
    z-index: 11;
    top: -8px;
    right: -8px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: #fff;
    box-sizing: border-box;
    padding: 2px 0 0 1px;
    font-size: 14px;
    cursor: pointer;
}

.gsport_box.redchecked .sportbx {
    border: 3px solid #D03427;
}

.sportbx .stardiv .fa-star-o {
    color: #111;
}

.sportbx .stardiv .fa-star {
    color: #D03427;
}

.address_row {
    line-height: 22px;
    margin-top: 10px;
    padding: 10px;
}

.address_left {
    float: left;
    width: 48%;
}

.address_left textarea {
    width: 100%;
}

.address_right {
    float: left;
    width: 48%;
    margin-left: 3%;
}

.address_spf {
    line-height: 22px;
    color: #888;
    font-size: 14px;
}

.roster {
    width: 60%;
    font-size: 16px;
    line-height: 26px;
    color: #333;
    padding-top: 10px;
}

.uploadphoto_row {
    margin-top: 10px;
}

.coadmin_row {
    line-height: 22px;
    margin-top: 10px;
    padding: 10px 0;
}

.coadm_title {
    color: #000;
    font-size: 18px;
    font-family: "open_sansbold";
}

.add_coadmin {
    float: right
}

.add_coadmin a {
    float: right;
    color: #000;
}

.redcoadmin {
    color: #e03734;
    font-size: 14px;
}

.coadmin_box {
    border: 1px solid #888;
    padding: 10px;
}

.coadmin_col1 {
    float: left;
    width: 40px;
    margin-right: 10px;
}

.coadmin_col2 {
    float: left;
    width: 63%;
    margin-right: 10px;
}

.coadmin_col3 {
    float: left;
    width: 25%;
    margin-right: 10px;
}

.coadmin_col4 {
    float: left;
    width: 25%;
    margin-right: 10px;
}

.coadmin_col4 a {
    padding: 0 10px;
    color: #333;
    text-decoration: underline;
}

.coadmin_col1 img {
    width: 35px;
    height: 35px;
}

.upload_logo_info {
    width: 330px;
    border: 1px solid #ccc;
    margin-top: 10px;
}

.upload_logo_info img {
    width: 100%;
}

.bb_gray1 {
    border-bottom: 1px solid #666;
}

/*************** Club setting my club Password *********************/

.option_row {
    margin-top: 10px;
    font-size: 15px;
    padding: 10px;
}

.option_left {
    float: left;
    width: 5%;
}

.option_right {
    float: left;
    width: 93%;
}

.optionrow_input {
    float: left;
    width: 50%;
}

.optionrow_submit {
    float: left;
    width: 20%;
    margin-left: 10px;
}

.blue_tab {
    color: #fff;
    font-family: "open_sansbold";
    font-size: 14px;
    line-height: 28px;
    border-radius: 3px;
    display: block;
    padding: 0px 15px;
    background: #4788ee;
    border: none;
}

.haveyouforgot_row {
    width: 55%;
    margin: 10px auto 0;
}

.mainbar_title {
    color: #fff;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 14px;
    padding: 10px 5px;
    background: #004040;
    border: 1px solid #fff;
    border-left-width: 0;
    border-right-width: 0;
}

#block_title.mainbar_title {
    background: #004040 !important;
}

.newsentry_block {
    font-size: 15px;
    line-height: 22px;
    padding: 10px 0;
    border-bottom: 1px solid #bcbcbc;
}

.newsentry_title {
    color: #000;
    font-size: 20px;
    line-height: 24px;
}

/****************** People search *****************/

.user_color_row {}

.search_color_div {
    float: left;
    width: 15%;
    margin-right: 0.5%;
    font-size: 14px;
}

.search_resetall {
    float: right;
}

.search_resetall a {
    color: #111;
    text-decoration: underline;
    font-weight: bold;
}

.pstab {
    float: left;
    border: 1px solid #333;
    width: 30px;
    height: 20px;
    margin-right: 5px;
}

.singleusertab {
    background: #7092be;
}

.coachestab {
    background: #1d9641;
}

.groupstab {
    background: #a349a4;
}

.teamstab {
    background: #880015;
}

.clubstab {
    background: #ed1c24;
}

.publicfiguretab {
    background: #ff7f27;
}

.friends_block {
    padding: 5px;
    background: #e9eaed;
}

.friendsleft {
    float: left;
    background: #fff;
    width: 100%;
    margin-top: 6px;
}

.friendsright {
    float: left;
    background: #fff;
    width: 34%;
    margin-left: 1%;
}

.friendsleft-content {
    padding: 8px;
    border-bottom: 1px solid #bcbcbc;
}

.friendsright-content {
    padding: 8px;
}

.friendsleft .col1 {
    float: left;
}

.friendsleft .col2 {
    float: left;
    margin-left: 5px;
}

.friendsleft .col3 {
    float: left;
    width: 60px;
    margin-left: 5px;
}

.friendsleft .col4 {
    float: left;
    width: 51%;
}

.friendsleft .col1 img {
    width: 80px;
    height: 80px;
}

.friendsleft .col2 img {
    width: 40px;
    height: 90px;
    border: 1px solid #bcbcbc;
}

.friendsleft .col3 .row1 {
    height: 18px;
}

.friendsleft .col3 .row2 {
    height: 28px;
}

.friendsleft .col3 .row3 {
    height: 32px;
}

.friendsleft .col3 .row4 {
    height: 18px;
}

.friendsleft .col3 .row1 img {
    height: 18px;
    width: 26px;
}

.friendsleft .col3 .row2 img {
    height: 28px;
    width: 35px;
}

.friendsleft .col3 .row3 img {
    height: 30px;
    width: 30px;
}

.friendsleft .col3 .row4 .rightmark {
    color: #5890ff;
}

.friendsleft .col4 .toptitle {
    float: left;
}

.friendsleft .col4 .topfriendbox {
    float: right;
}

.friendsleft .col4 .topfriendbox a {
    border: 1px solid #bcbcbc;
    padding: 2px 8px;
    display: block;
    color: #111;
    font-size: 14px;
}

.friendsleft .col4 .topfrienddetail {
    font-size: 14px;
    line-height: 16px;
}

.friendsleft .col4 .topfrienddetail span {
    font-size: 12px;
    color: #888;
}

.friendsleft .col4 .friend-see-more {
    text-align: right;
    margin-bottom: 5px;
}

.friendsleft .col4 .friend-see-more a {
    font-size: 12px;
    color: #000;
    text-decoration: underline;
}

.friendsleft .col4 .friendreference {
    border: 1px solid #bcbcbc;
    padding: 4px 8px;
    display: block;
    color: 333;
    font-size: 12px;
}

.friendsright .people-title {
    color: #800000;
}

.friendsright .people-see-all {
    float: right;
    margin-bottom: 5px;
}

.friendsright .people-see-all a {
    font-size: 12px;
    color: #000;
    text-decoration: underline;
}

.know_people_block {
    padding: 10px 0;
    border-bottom: 1px solid #bcbcbc;
}

.know_people_block .pleft {
    float: left;
    margin-right: 10px;
}

.know_people_block .pright {
    float: left;
    width: 60%;
}

.know_people_block .people_detail {
    margin-bottom: 5px;
}

.know_people_block .pleft img {
    width: 50px;
    height: 50px;
}

.know_people_block .topfrienddetail {
    font-size: 14px;
    line-height: 16px;
}

.know_people_block .topfrienddetail span {
    font-size: 12px;
    color: #888;
}

.know_people_block .topfriendbox {}

.know_people_block .topfriendbox a {
    border: 1px solid #bcbcbc;
    padding: 4px 8px;
    display: block;
    color: #111;
    font-size: 13px;
}

.bluetitle {
    color: #3b5998;
}

.greentitle {
    color: #22b14c;
}

.blogentry_toprow {}

.post_content {
    font-weight: normal !important;
    font-style: normal !important;
}

.post_content .title {
    float: left;
    width: 20%;
}

.post_content .content {
    float: left;
    width: 77%;
    margin-left: 3%;
}

.newsentryprint .standard-col {
    float: left;
    width: 14%;
    margin: 0px 5%;
}

.newsentryprint .standard {
    background: #ccc;
    border-radius: 4px;
    margin: 7px 0px;
    padding: 3px 5px;
    font-size: 11px;
    text-align: center;
}

.newsentryprint .activity-box {
    border: 1px solid #777;
    border-radius: 12px;
    padding: 13px 0px;
    text-align: center;
}

.newsentryprint .activity-box img {
    width: 40px;
    height: 40px;
}

/*=============== search by user ==============*/

.searchby-name {
    background: #fff;
    border: 1px solid #ccc;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 20px;
    width: 435px;
    overflow-y: scroll;
    height: 460px;
}

.searchbyname_title {
    background: #f6f7f8;
    padding: 5px;
}

.searchby-name .searchbyname_title .search_color_div {
    float: left;
    width: 25%;
    margin-right: 0.5%;
    font-size: 14px;
}

.searchby-name .search_resetall {
    float: right;
}

.searchby-name .search_resetall a {
    color: #111;
    text-decoration: underline;
    font-weight: bold;
}

.searchby-name .pstab {
    float: left;
    border: 1px solid #333;
    width: 30px;
    height: 20px;
    margin-right: 5px;
}

.searchby-name .singleusertab {
    background: #7092be;
}

.searchby-name .coachestab {
    background: #1d9641;
}

.searchby-name .groupstab {
    background: #a349a4;
}

.searchby-name .teamstab {
    background: #880015;
}

.searchby-name .clubstab {
    background: #ed1c24;
}

.searchby-name .publicfiguretab {
    background: #ff7f27;
}

.searchby-name .lightpurpletab {
    background: #C8BFE7;
}

.searchby-name .purpletab {
    background: #A349A4;
}

.searchby-name .friends_block {
    padding: 5px;
    background: #e9eaed;
}

.searchby-name .friendsleft {
    background: #fff;
    padding: 5px;
    width: auto;
}

.searchby-name .friendsleft-content {
    border-bottom: 1px solid #bcbcbc;
}

.searchby-name .friendsright-content {
    padding: 8px;
}

.searchby-name .friendsleft .col1 {
    float: left;
}

.searchby-name .friendsleft .col2 {
    float: left;
    margin-left: 5px;
}

.searchby-name .friendsleft .col3 {
    float: left;
    width: 60px;
    margin-left: 5px;
}

.searchby-name .friendsleft .col4 {
    float: left;
    width: 54%;
}

.searchby-name .friendsleft .col4-1 {
    float: left;
    width: 43%;
}

.searchby-name .friendsleft .col-last {
    float: right;
}

.friendsleft .col1 img {
    width: 80px;
    height: 80px;
}

.friendsleft .col2 img {
    width: 40px;
    height: 80px;
    border: 1px solid #bcbcbc;
}

.friendsleft .col3 .row1 {
    height: 18px;
    position: relative;
}

.friendsleft .col3 .row2 {
    height: 28px;
}

.friendsleft .col3 .row3 {
    height: 32px;
}

.friendsleft .col3 .row4 {
    height: 18px;
}

.friendsleft .col3 .row1 .contry-icon-box {
    position: absolute;
    top: 0;
    right: 10px;
    font-weight: bold;
}

.friendsleft .col3 .row1 img {
    height: 18px;
    width: 26px;
}

.friendsleft .col3 .row2 img {
    height: 28px;
    width: 35px;
}

.friendsleft .col3 .row3 img {
    height: 30px;
    width: 30px;
}

.friendsleft .col3 .row4 .rightmark {
    color: #5890ff;
}

.friendsleft .col4 .toptitle {
    float: left;
}

.friendsleft .col4 .topfriendbox {
    float: right;
}

.friendsleft .col4 .topfriendbox a {
    display: block;
}

.friendsleft .col4 .topfriendbox a img {
    width: 25px;
    height: 25px;
}

.friendsleft .col4 .topfrienddetail {
    font-size: 14px;
    line-height: 16px;
}

.friendsleft .col4 .topfrienddetail span {
    font-size: 12px;
    color: #888;
}

.friendsleft .col4 .friend-see-more {
    text-align: right;
    margin-bottom: 5px;
}

.friendsleft .col4 .friend-see-more a {
    font-size: 12px;
    color: #000;
    text-decoration: underline;
}

.friendsleft .col4 .friendreference {
    border: 1px solid #bcbcbc;
    padding: 4px 8px;
    display: block;
    color: 333;
    font-size: 12px;
}

.tenresults {
    color: #888;
    text-align: center;
    padding: 5px;
}

.tenresults .resultlink {
    color: #5f8ac5;
    font-weight: bold;
}

.tenresults .red {
    color: #f00;
    font-weight: bold;
}

/****************** display list of news ***********************/

.displaynews_block {
    margin: 10px 0;
    background: #f0f0f0;
    padding: 10px 10px 20px;
}

.displaynews_left {
    float: left;
    width: 69%;
}

.displaynews_right {
    float: left;
    width: 29.5%;
    margin-left: 1.5%;
}

.displaynews_content {
    padding: 10px;
    border: 1px solid #bbb;
}

.dsplnews-pagination {}

.dspl-pagi {
    border: 1px solid #bbb;
}

.dspl-col-1, .dspl-col-2 {
    float: left;
    margin-right: 10px;
}

.displaynews-title-row {
    border-bottom: 1px solid #bbb;
    padding-bottom: 10px;
}

.displaynews-title-row .rightlinkarrow {
    color: #333;
    font-size: 16px;
}

.fe_newstitle {
    font-size: 18px;
    font-weight: bold;
    font-family: "segoe UI", "open Sans";
    padding: 10px 0;
    color: #ab0006;
    text-transform: uppercase;
}

.fe_newsrow {
    background: #f0f0f0;
    margin: 10px 0;
}

.fe_newstitle .news {
    color: #222;
}

.displaynews_block .p_postrow .postright {
    float: left;
    width: 220px;
    font-size: 14px;
    color: #646464;
    line-height: 20px;
    margin-left: 10px;
}

.displaynews_block .viewallpost_btn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #da1a03 1%, #911700 100%) repeat scroll 0 0;
    border: 1px solid #a60300;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 15px;
    font-family: "calibriregular";
    font-weight: bold;
    padding: 3px 5px;
    text-transform: none;
}

.viewallpost_btn a {
    color: #fff;
}

.displaynews_block .la_newsrow {
    margin: 0;
    padding: 0px 0;
}

.social_continue {
    margin: 10px auto 0;
    width: 100px;
}

.social_continue a {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #4e4e4e 1%, #363636 98%) repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: "calibriregular";
    font-size: 15px;
    font-weight: bold;
    padding: 4px 5px;
    text-align: center;
    text-decoration: none;
}

/******************** display list of articles **********************/

.inarticle_row {
    float: left;
    width: 100%;
    margin: 6px 0;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

.inarticle_row p {
    line-height: 24px;
}

.arti-techno {
    background: #e4e2e2 none repeat scroll 0 0;
    color: #b70019;
    float: right;
    line-height: 28px;
    padding: 0 10px;
    width: 20%;
}

.article_by {
    float: right;
    color: #f00;
    font-weight: bold;
    padding-right: 10px;
}

.bborder {
    border-bottom: 1px solid #777;
}

/************* Athlete img slider **********************/

.ath_scroll-img {
    border: 0px solid red;
    /*width: 1160px;*/
    height: 120px;
    overflow: hidden;
    margin: 0;
    box-sizing: border-box;
}

.ath_scroll-img ul {
    margin: 0px;
    padding: 0px;
    width: 2000px;
    overflow: hidden;
}

.ath_scroll-img ul li {
    width: 95px;
    float: left;
    display: inline-block;
    margin: 5px;
    padding: 0px !important;
}

#ath_imgs-btn {
    /*width:1160px;*/
    width: 100%;
    position: relative;
}

/*.ath_scroll-img ul li:first-child{margin-left: 0px;}*/

#ath_imgs-btn .btn {
    width: auto !important;
    font-size: 18px;
    background: none !important;
    border: none !important;
    margin: 0px;
    padding: 0px;
    position: absolute;
    z-index: 100;
    bottom: 55px;
    cursor: pointer;
}

#ath_imgs-btn .btnleft {
    left: -5px;
}

#ath_imgs-btn .btnright {
    right: -5px;
}

#profile_photos.ath_no-scroll {}

.ath_no-scroll .ath_scroll-img {
    /*overflow: visible !important;*/
}

.ath_no-scroll #ath_imgs-btn {
    /*display: none !important;*/
}

.ath_scroll-img .sslp_detail_column {
    width: 100%;
}

.ath_scroll-img .ssld_topimg {
    padding: 3px 0;
}

.ath_scroll-img .ssld_topimg img {
    height: 20px;
}

.ath_scroll-img .ssld_midimg {
    padding: 5px 0;
}

.ath_scroll-img .ssld_midimg a {
    display: block;
}

.ath_scroll-img .ssld_midimg img {
    height: 80px;
    width: 80px;
}

.ath_scroll-img .ssl_detail_name {
    font-size: 12px;
}

.ath_scroll-img .ssl_detail_name .right-country {
    float: right;
    color: #ae150c;
}

.ath_scroll-img .ssl_detail_name .left-red-bold {
    color: #ae150c;
    font-weight: bold;
}

/****************** vip info popup *********************/

.vipinfopop-relative {
    position: relative;
}

.vipinfopopup {
    position: fixed;
    z-index: 1111;
    left: 50%;
    top: 50%;
    margin-bottom: -50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    border-radius: 4px;
    box-shadow: 0 0 6px #555;
    width: 600px;
}

.vipinfopopup .popup_title {
    background: #444;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    font-size: 18px;
    color: #fff;
    line-height: 36px;
    padding: 0 10px;
    text-align: center;
}

.vipinfopopup .popup_title .closepopup {
    float: right;
    color: #fff;
    margin-top: 0px;
}

.vipinfopopup .popup_content {
    /*border: 1px solid #444;*/
    background: #fff;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 10px;
}

.vipinfopopup .popup_content .infoleft {
    float: left;
    width: 98px;
    box-sizing: border-box;
    padding-right: 10px;
}

.vipinfopopup .popup_content .infoleft img {
    width: 90px;
    height: 90px;
}

.vipinfopopup .popup_content .inforight {
    float: left;
    width: 477px;
    box-sizing: border-box;
    border: 1px solid #aaa;
    padding: 8px;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}

.vipinfopopup .popup_content .infodetail_left {
    width: 120px;
    display: inline-block;
}

.infonamebox {
    background: #ede4ad;
    padding: 0 5px;
    border: 1px solid #444;
    font-weight: bold;
    display: inline-block;
    width: 200px;
    min-height: 22px;
}

.countrynamebox {
    color: #820011;
}

.sportnamebox {
    color: #4449cf;
    font-weight: bold;
    font-style: italic;
}

.reference_block {
    border: 1px solid #aaa;
    padding: 6px;
}

.reference_block ul {
    margin: 0;
    padding: 0;
    list-style: outside none disc !important;
    width: 100%;
    height: 200px;
    overflow-y: auto;
    overflow-x: hidden;
}

.reference_block ul li {
    width: 100%;
    float: left;
    font-size: 14px;
    line-height: 22px;
    margin-left: 20px;
}

.gray-btn1 a {
    background: #444 none repeat scroll 0 0;
    border-radius: 4px;
    color: #fff;
    display: block;
    padding: 2px 10px;
}

.ask-link-row {
    width: 100%;
    display: table;
    border-bottom: 1px solid #bcbcbc;
    padding: 5px 0;
}

.ask-link-row span {
    display: inline-block;
    text-decoration: underline;
    color: #880015;
    margin: 0 5px;
}

.inforighticon {
    position: absolute;
    z-index: 111;
    right: 5px;
    bottom: 5px;
}

.inforighticon img {
    width: 30px;
}

.vipinfolayout {
    position: relative;
    top: inherit;
    left: inherit;
    width: 1000px;
    margin: 0 auto;
    border-radius: 4px;
    box-shadow: inherit;
    transform: inherit;
}

.vipinfolayout .popup_content {
    border: 1px solid #aaa;
    border-radius: 0;
    padding: 15px;
}

.vipinfolayout .reference_block ul {
    overflow-y: inherit;
    height: auto;
}

/****************** Vip setting showbox ********************/

.vipsetting_showbox {
    position: absolute;
    z-index: 111;
    top: 60px;
    left: 270px;
    width: 450px;
    background: #fff;
    padding: 15px;
    box-sizing: border-box;
    border: 1px solid #777;
    box-shadow: 0px 0px 6px #888;
}

.vipsetting_showbox .topleft {
    float: left;
    width: 41%;
    margin: 5px 2%;
}

.vipsetting_showbox .topright {
    float: left;
    width: 41%;
    margin: 5px 2%;
}

.ssl_text {
    margin-top: 10px;
    font-weight: bold;
}

.ssl_select_tab {
    margin: 5px auto;
    width: 270px;
}

.ssl_select_tab a {
    float: left;
    background: #e8e8e8;
    border: 1px solid #e3151a;
    padding: 5px 10px;
    border-collapse: collapse;
    color: #333;
    display: block;
}

.data_displayed {
    border: 1px solid #888;
    padding: 8px;
    line-height: 26px;
}

.ssl_preview {
    background: #7592c0;
    border: 1px solid #333;
    color: #fff;
    padding: 3px 8px;
}

.sslp_detail_column {
    padding: 5px;
    box-sizing: border-box;
}

.data_displayed .sslp_detail_column .ssl_detail_name {
    font-size: 12px;
    line-height: 18px;
}

.data_displayed .sslp_detail_column .ssl_detail_name .show_country {
    float: right;
}

.ssld_topimg {
    padding: 0px 0;
}

.ssld_topimg img {
    height: 20px;
}

.ssld_midimg {
    padding: 0px 0;
}

.ssld_midimg img {
    width: 90px;
    height: 90px;
}

/********************* Direct access to language page css *************************/

.no-bg {
    background: none !important;
    margin: 0;
}

.da-header {
    background: #97011e;
    padding: 5px 10px;
}

.da-language {
    width: 98%;
    margin: 10px auto;
}

.left-da {
    float: left;
    width: 20%;
    margin-right: 1%;
}

.right-da {
    float: left;
    width: 78%;
    margin-left: 1%;
}

.other_itmes {
    background: #808080;
    padding: 15px 0;
}

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

.other_itmes ul li {
    margin: 0 15px 0.5em;
    padding: 0;
    white-space: nowrap;
}

.other_itmes ul li a {
    background: url("../img/admin/dashboard_menu_bg.jpg") repeat-x scroll 0 0;
    border: medium none;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    line-height: 24px;
    display: block;
    min-width: 0;
    padding: 4px 8px;
    text-decoration: none;
}

.other_itmes ul li a.select {
    background: #333;
    background: linear-gradient(to bottom, #333 51%, #222 53%, #222 100%);
}

.left_title_admin {
    background: url("../img/admin/dashboard_left_title_bg.jpg") repeat-x scroll 0 0;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 10px 5px;
    text-align: center;
}

.style-condition1 {
    width: 246px;
    margin-top: 10px;
}

.btnmanage {
    padding: 10px 0;
}

.btnmanage a {
    padding: 0 5px;
    text-decoration: underline;
}

/*************** Movebook pop up *****************/

.show-dealer-overlay {
    position: absolute;
    z-index: 1000;
    width: 100%;
    height: 363%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #333;
    opacity: 0.6;
    display: none;
}

.movebook-pop {
    position: absolute;
    z-index: 1111;
    top: 5%;
    left: 13%;
    width: 70%;
    background: #e8e8e8;
    border-radius: 12px;
    box-shadow: 0px 0px 12px #333;
    padding: 10px;
}

.movebook-pop .m-content {
    border-radius: 6px;
    padding: 10px 15px;
    background: #fff;
    margin-top: 10px;
}

.movebook-pop .m-topbar {
    border-radius: 6px;
    padding: 10px;
    background: #73828a;
    /* Old browsers */
    background: -moz-linear-gradient(top, #73828a 1%, #5e6d76 50%, #46555e 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #73828a), color-stop(50%, #5e6d76), color-stop(100%, #46555e));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #73828a 1%, #5e6d76 50%, #46555e 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #73828a 1%, #5e6d76 50%, #46555e 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #73828a 1%, #5e6d76 50%, #46555e 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #73828a 1%, #5e6d76 50%, #46555e 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73828a', endColorstr='#46555e', GradientType=0);
    /* IE6-9 */
}

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

.m-menu-links li {
    float: left;
    border-right: 1px solid #909ca2;
}

.m-menu-links li a {
    display: block;
    padding: 1px 20px;
    color: #ffda0e;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
}

.m-menu-links li a.active {
    color: #fff;
    text-decoration: underline;
}

.m-search-box {
    float: right;
    width: 180px;
    height: 30px;
    border-radius: 20px;
    background: #fff;
    padding: 4px;
    box-sizing: border-box;
}

.m-search-box input[type="text"] {
    float: left;
    width: 130px;
    height: 20px !important;
    margin-left: 5px;
    border: none !important;
    color: #b2afaf;
}

.m-search-btn {
    float: right;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    padding: 2px;
    background: #ededed;
    text-align: center;
    line-height: 20px;
    color: #5d686e;
}

.m-breadcrum-box {
    float: left;
    background: #eeeeee;
    border-radius: 16px;
    line-height: 24px;
    padding: 0 10px;
}

.m-breadcrum-box a {
    margin: 0 10px;
    color: #111;
    text-decoration: underline;
}

.b-title {
    float: right;
    width: 60%;
    text-align: left;
    font-size: 16px;
    font-weight: bold;
    color: #444;
}

.icon-link {
    margin: 0 5px;
}

.m-select-row {
    margin: 10px 0;
}

.m-select-row .text-tow {
    padding-bottom: 10px;
}

.m-select-col-1 {
    float: left;
    width: 180px;
}

.m-select-col-2 {
    float: left;
    width: 180px;
}

.m-select-col-3 {
    float: left;
    width: 90px;
}

.m-select-col-btn {
    float: right;
    display: inline-block;
    position: relative;
}

.m-input-submit {
    border-radius: 16px;
    background: #58666f;
    text-align: center;
    font-size: 16px;
    color: #fff;
    line-height: 20px;
    display: block;
    padding: 5px 0;
}

.m-input-submit i {
    margin-right: 6px;
}

.m-input-print {
    color: #333;
    font-size: 20px;
    padding-left: 25px;
}

.m-input-print i {
    margin-right: 6px;
}

.m-content-row {
    border-radius: 4px;
    border: 1px solid #ccc;
    padding: 10px 10px;
    margin: 7px 0;
    font-size: 14px;
}

.mc-col1 {
    float: left;
    width: 13%;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
    min-height: 100px;
}

.mc-col2 {
    float: left;
    width: 15%;
    padding-left: 20px;
    box-sizing: border-box;
}

.mc-col3 {
    float: left;
    width: 70%;
    padding-left: 15px;
    box-sizing: border-box;
}

.ts-box {
    padding: 3px 5px;
    border: 1px solid #ccc;
    margin: 3px 0;
}

.loade_scroll {
    width: 100%;
    height: 362px;
    overflow-y: auto;
    overflow-x: hidden;
}

.ts-img img {
    width: 100px;
    height: 100px;
}

.ts-class {
    background: #F7F0D1;
    min-height: 80px;
}

.dis-add-new {
    position: absolute;
    z-index: 111;
    top: 33px;
    right: 0px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 300px;
    background: #fff;
    padding: 10px;
    font-size: 15px;
    box-shadow: 0 0 5px #ccc;
}

.dis-add-new .dis-row {
    position: relative;
    min-height: 25px;
    margin-bottom: 5px;
    padding-left: 110px;
}

.dis-add-new .dis-row .disleft {
    position: absolute;
    left: 0;
    top: 0;
    color: #555;
    line-height: 28px;
}

.dis-add-new {}

.dis-add-new {}

.dis-add-new {}

.dis-add-new {}

/***************** features overview versions ********************/

.fov_block {
    background: #fff;
    box-sizing: border-box;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    padding: 10px;
}

.fov-border {
    border: 1px solid #bcbcbc;
}

.fov-border-top {
    border-top: 1px solid #bcbcbc;
}

.fov-border-bottom {
    border-bottom: 1px solid #bcbcbc;
}

.fov-content-row {
    padding: 15px 0;
}

.ptop8 {
    padding-top: 8px
}

.ptop10 {
    padding-top: 10px
}

.pbottom10 {
    padding-bottom: 10px
}

.fov-btn1 {
    float: left;
    width: 250px;
}

.fov-btn1-1 {
    float: left;
    width: 300px;
    margin-left: 15px;
    margin-top: 8px;
}

.fov-btn2 {
    float: right;
    width: 260px;
    margin-top: 8px;
    margin-right: 5px;
}

.fov-btn3 {
    float: right;
    width: 220px;
}

.fov-btn1-1 a {
    color: #396EA3;
    float: left;
    padding: 7px 15px;
    font-family: "open_sansbold";
    font-size: 14px;
    display: block;
    text-align: center;
}

.fov-btn1-1 a.active {
    background: linear-gradient(to bottom, #414141 0%, #262626 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 4px;
    color: #fff;
}

.fov-btn2 a {
    margin: 0 6px;
    float: left;
}

.fov-blogk-title {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #5b8fc8 0%, #33689c 100%) repeat scroll 0 0;
    color: #fff;
    font-family: "open_sansbold";
    font-size: 22px;
    min-height: 20px;
    padding: 15px;
    text-align: left;
}

.back-to-vf {
    background: linear-gradient(to bottom, #414141 0%, #262626 100%);
    color: #fff;
    font-family: "open_sansbold";
    font-weight: normal;
    font-size: 14px;
    padding: 7px 15px;
    text-align: center;
    border-radius: 4px;
    display: block;
}

.fov-content-row .left {
    float: left;
    width: 25%;
    padding: 0 10px;
    box-sizing: border-box;
}

.fov-content-row .right {
    float: left;
    width: 75%;
    padding: 10px;
    box-sizing: border-box;
}

.fov-content-row .left img {
    width: 110px;
    margin: 0 10px;
}

.fov-check-mark {
    color: #94b801;
    font-size: 20px;
}

.fov-check-title {
    color: #111;
    font-size: 15px;
    font-weight: bold;
}

.tabular-list {
    width: 95%;
    margin: 20px auto 20px;
}

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

.tabular-list ul li {
    border: 1px solid #cfcfcf;
    font-size: 15px;
    line-height: 20px;
    padding: 5px 10px;
    margin-top: -1px;
}

.tabular-list ul li:last-child {}

.tabular-list .member_img_thumb {
    border: 1px solid #bababa;
    float: left;
    height: 50px;
    width: 50px;
    padding: 3px;
    overflow: hidden;
}

.tabular-list .member_img_thumb img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.tabular-list .profile_detail {
    float: left;
    width: 70%;
    margin-left: 3%;
}

textarea.fix-input1 {
    height: 62px !important;
    width: 107% !important;
    background-color: #F7F1D6 !important;
    box-sizing: border-box;
    margin: -1px -6px;
    padding: 5px !important;
}

.link-sf {
    font-family: 'segoe_uiregular';
    font-weight: bold;
    font-size: 14px;
    color: #111;
    text-decoration: underline;
}

.fix-msg {
    position: absolute;
    z-index: 1111;
    top: 30px;
    left: 17%;
    width: 850px;
    height: 120px;
    box-sizing: border-box;
    padding: 15px;
    background: rgba(195, 187, 184, 0.3);
    border: 3px solid#f8f8f8;
    border-radius: 6px;
    box-shadow: 0 0 8px #888;
    font-size: 18px;
    text-align: center;
    padding-top: 40px;
}

/***************** New post add *******************/

.new-add-post {
    border: 1px solid #bcbcbc;
    width: 640px;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 111;
    background: #fff;
    box-shadow: 0px 0px 18px #666;
    border-radius: 4px;
}

.type-post {
    border-bottom: 1px solid #bcbcbc;
    padding: 10px;
}

.type-post textarea {
    border: none;
    width: 97%;
    min-height: 100px;
}

.type-icon {
    float: right;
}

.type-icon a {
    color: 444;
}

.post-col1 {
    float: left;
    width: 30%;
    padding: 8px 12px;
    box-sizing: border-box;
}

.post-col2 {
    float: left;
    width: 30%;
    border-left: 1px solid #bcbcbc;
    padding: 8px 12px;
    box-sizing: border-box;
}

.post-col3 {
    float: left;
    width: 40%;
    border-left: 1px solid #bcbcbc;
    padding: 8px 12px;
    box-sizing: border-box;
}

.post-link {
    color: #444;
}

.btn-white {
    background: #F6F6F8;
    border-radius: 4px;
    color: #595959;
    padding: 5px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 13px;
    border: 1px solid #BFBFBF;
    display: block;
}

.btn-black {
    background: #3A3A3A;
    border-radius: 4px;
    color: #fff;
    padding: 5px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 13px;
    display: block;
}

.left-panel-title-tabs {
    float: left;
    font-family: "open_sansbold";
    font-size: 16px;
    line-height: 36px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding: 0px 27px;
    color: #fff;
    background: #525252;
    /* Old browsers */
    background: -moz-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #525252), color-stop(100%, #2b2b2b));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #525252 1%, #2b2b2b 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#2b2b2b', GradientType=0);
    /* IE6-9 */
}

.border-top-blue {
    border-bottom: 2px solid #7092BE;
}

.cl-top-titlerow .blockmydata_btn {
    float: left;
    width: 120px;
    margin-left: 10px;
}

.cl-top-titlerow .blockmydata_btn a {
    text-align: center;
    background: #ccc;
    margin: 0px;
    float: none;
}

#profile_wrap .allow_user {
    float: left;
    width: 227px;
}

.vip-set-left {
    margin-left: -175px;
}

.ft-box {
    width: 550px;
}

.ft-left {
    float: left;
}

.ft-right {
    float: left;
    margin-left: 1%;
    width: 95%;
}

.gallery-friends {
    background: #fff;
    padding: 6px;
    font-family: Arial, Helvetica, sans-serif;
    margin-top: 10px;
}

.gallery-friends ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.gallery-friends ul li {
    float: left;
    margin: 1px;
    width: 48px;
    height: 48px;
}

.gallery-friends ul li a {
    display: flex;
}

.gallery-friends ul li a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.send-req-of-membership-btn {
    display: inline-block;
    color: #fff;
    margin: 0 5px;
    background: 222;
    border-radius: 16px;
    padding: 8px 5px;
    border: 1px solid #ccc;
    font-size: 13px;
}

/***************** official page preview **********************/

.ptop-10 {
    padding-top: 10px;
}

.opp-red_btn {
    float: right;
    border: solid 1px #76161a;
    background: url(../img/red_bg.jpg) repeat-x bottom #f26355;
    padding: 5px 25px;
    color: #FFF;
    font-family: 'open_sansbold';
    font-size: 14px;
    display: block;
    line-height: 20px;
    border-radius: 4px;
    margin: 0 5px;
}

.no-mar-right {
    margin-right: 0px !important;
}

.opp-slider-left {
    float: left;
    width: 1080px;
}

.globe-with-social {
    float: right;
    width: 90px;
}

.opp-slider-left #slider {
    width: 100% !important;
}

.globe-with-social a {
    margin: 0px auto 10px;
    display: block;
}

.globe-1 {
    width: 75px;
    height: 75px;
    background: url(../img/globe-with-social.jpg) no-repeat -4px -4px;
}

.chat-1 {
    width: 28px;
    height: 28px;
    background: url(../img/globe-with-social.jpg) no-repeat -28px -97px;
}

.facebook-1 {
    width: 28px;
    height: 28px;
    background: url(../img/globe-with-social.jpg) no-repeat -28px -137px;
}

.twitter-1 {
    width: 28px;
    height: 28px;
    background: url(../img/globe-with-social.jpg) no-repeat -28px -177px;
}

.google-1 {
    width: 28px;
    height: 28px;
    background: url(../img/globe-with-social.jpg) no-repeat -28px -217px;
}

.opp-slider-left #slides .slidesjs-container {
    height: 225px !important;
}

.opp-techno-menu {
    margin-top: -4px;
    background: #333333;
    width: 100%;
}

.opp-techno-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.opp-techno-menu ul li {
    float: left;
    position: relative;
}

.opp-techno-menu ul li a {
    display: block;
    padding: 5px 20px;
    color: #fff;
}

.opp-techno-menu ul li a:hover {
    color: #fff200;
}

.opp-comment-toprow {
    margin: 0px 0 10px;
    border-top-left-radius: 5px;
    border-bottom: 0px solid #ccc;
}

.onclick-techno-menu {
    position: absolute;
    z-index: 111;
    top: 30px;
    left: 0px;
    background: #333333;
    width: 200px;
    display: none;
}

.onclick-techno-menu.links a {
    color: #16e8f2;
    text-decoration: none;
    line-height: 16px;
}

.onclick-techno-menu.links a:hover {
    color: #16e8f2;
    text-decoration: underline;
}

.opp-editor-content {
    text-align: center;
    padding-top: 0px;
}

.opp-footer {
    border-top: 1px solid #ccc;
    background: none !important;
    margin-top: 15px;
    padding: 10px 0 !important;
}

.opp-footer.main_footer .row2 .middle {
    width: 78% !important;
}

.opp-footer.main_footer .row2 .right {
    width: 7% !important;
    margin-right: 0px !important;
}

.opp-footer .footer_link a {
    padding: 0 4px !important;
}

.opp-down-width {
    width: 160px !important;
    float: right !important;
}

.opp-comment {
    width: 80%;
    box-sizing: border-box;
    margin: 10px auto;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 6px;
}

.opp-comment-title-top {
    float: left;
    width: 24%;
    font-size: 25px;
    color: #111;
}

.opp-comment-link {
    float: left;
    width: 38%;
    line-height: 30px;
}

.opp-comment-link a {
    color: #111;
}

.opp-lng-selected {
    float: right;
    width: 20%;
    padding-top: 22px;
}

.opp-follow-us {
    float: right;
    width: 37%;
    margin-left: 1%;
    padding-top: 0px;
}

.opp-follow-us img {
    margin: 2px;
    width: 30px;
}

.opp-comment-block {
    margin: 20px 0 20px 25px;
    padding: 20px 20px 20px 40px;
    box-sizing: border-box;
    position: relative;
    border-radius: 4px;
}

.comment-image {
    position: absolute;
    z-index: 100;
    left: -30px;
    top: 10px;
    width: 50px;
    height: 50px;
}

.comment-image img {
    width: 95%;
    height: 95%;
    border-radius: 50%;
    border: 4px solid #fff;
}

.ocb-blue {
    background: #eaf4f9;
}

.ocb-yellow {
    background: #f9f9e0;
}

.ocb-l-yellow {
    background: #f9f9e0;
}

.ocb-sky {
    background: #eaf4f9;
}

.ocb-l-sky {
    background: #f2f8fc;
}

.sub-com-block {
    margin: 20px 0 20px 50px !important;
}

.opp-comment-title {
    color: #0099ff;
    font-style: italic;
    font-size: 18px;
}

.opp-comment-date {
    float: right;
    font-style: normal;
    color: #555;
    font-size: 14px;
}

.comment-description {
    color: #555;
    font-size: 15px;
    padding-top: 20px;
    line-height: 20px;
}

.opp-comment-block .cross {
    color: #333;
    padding-left: 10px;
}

.opp-comment-block .delete {
    font-size: 20px;
    text-align: right;
}

.opp-comment-block .edit {
    font-size: 20px;
    text-align: right;
}

.opp-comment-block .delete a {
    color: #8C041A;
}

.opp-comment-block .edit a {
    color: #8C041A;
}
.reply-comment-actions{
    display: flex;
    justify-content: end;
    gap: 20px;
    margin-top: 10px;
}

.add-a-comment .left1 textarea {
    width: 100%;
    box-sizing: border-box;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-family: "calibriregular";
    padding: 10px;
}

.add-a-comment .left1 {
    float: left;
    width: 88%;
}

.add-a-comment .right1 {
    float: left;
    width: 10%;
    margin-left: 2%;
}

.add-a-comment .post-btn {
    background: #f26355 url("../img/red_bg.jpg") repeat-x scroll center bottom;
    border: 1px solid #76161a;
    border-radius: 4px;
    box-sizing: border-box;
    color: #fff;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    font-family: "open_sansbold";
    font-size: 18px;
    line-height: 20px;
    text-align: center;
    padding-top: 16px;
}

.opp-coment-gray_button {
    color: #333;
    padding: 5px 20px;
    border: solid 1px #ccc;
    font-size: 15px;
    border-radius: 4px;
    cursor: pointer;
    font-weight: bold;
    margin: 0 5px;
    background: #d5d5d5;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d5d5d5 0%, #d5d5d5 50%, #bdbdbd 51%, #d5d5d5 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d5d5d5), color-stop(50%, #d5d5d5), color-stop(51%, #bdbdbd), color-stop(100%, #d5d5d5));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #d5d5d5 0%, #d5d5d5 50%, #bdbdbd 51%, #d5d5d5 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #d5d5d5 0%, #d5d5d5 50%, #bdbdbd 51%, #d5d5d5 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #d5d5d5 0%, #d5d5d5 50%, #bdbdbd 51%, #d5d5d5 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #d5d5d5 0%, #d5d5d5 50%, #bdbdbd 51%, #d5d5d5 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5d5d5', endColorstr='#d5d5d5', GradientType=0);
    /* IE6-9 */
}

.sp-line {
    border-bottom: 2px solid #ccc;
    clear: both;
    padding-top: 20px;
    margin-bottom: 20px;
}

.opp-load-more {
    text-align: center;
}

.opp-load-more a {
    font-size: 18px;
    font-weight: bold;
    color: #D03427;
}

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

.smg-sucess {
    margin: 0 auto;
    width: 80%;
    box-sizing: border-box;
    background: #F26355;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    border-radius: 4px;
    padding: 10px;
}

/***************** Nwew Section top css ******************/

.new-section-top {
    /*padding-top: 5px;*/
}

/*.set-new-height { line-height: 15px !important;}*/

.ns-left {
    float: left;
    width: 77.2%;
    box-sizing: border-box;
}

.ns-right {
    float: right;
    width: 22%;
    box-sizing: border-box;
    line-height: 18px;
}

.ns-left .sprtbook_banner {
    border-radius: 0px;
}

.ns-menu-row {
    margin-top: 10px;
}

.ns-sponsored {
    float: left;
    width: 100%;
    /*width: 198px;*/
    margin-right: 0px;
    background: #CDCDCD;
    padding: 0px 0px;
    /*-webkit-padding-before: 19px;*/
    box-sizing: border-box;
}

.ns-chat-col {
    float: right;
    /*width:60px;*/
    width: 0px;
    padding: 0px;
    box-sizing: border-box;
    min-height: 100px;
    position: relative;
}

.ns-chat-list-box {
    background: #ccc;
    position: fixed;
    z-index: 111;
    top: 163px;
    right: 14px;
    bottom: 0;
    display: block;
    box-sizing: border-box;
    padding: 7px;
    color: #000;
}

.ns-chat-list-scroll {
    width: 46px;
    height: 415px;
    overflow: hidden;
}

.ns-chat-list-box:hover .ns-chat-list-scroll {
    width: 190px;
    overflow-x: hidden;
    overflow-y: auto;
}

.ns-chat-list-box .chat-list-row {
    padding-bottom: 5px;
}

.ns-chat-list-box .img {
    float: left;
    margin-right: 5px;
}

.ns-chat-list-box .img img {
    width: 30px;
    height: 30px;
}

.ns-chat-list-box .list-title {
    float: left;
    width: 120px;
    margin-right: 5px;
    padding-top: 10px;
    display: none;
    font-size: 13px;
}

.ns-chat-list-box:hover .list-title {
    display: block;
}

.ns-chat-list-box .status {
    float: left;
    width: 10px;
    padding-top: 8px;
    text-align: center;
}

.ns-chat-list-box .online {
    color: #51D90E;
    text-shadow: 0px 0px 1px #000;
    font-size: 12px;
}

.ns-chat-list-box .mobile {
    width: 10px;
    font-size: 18px;
}

.ns-chat-serch {
    background: #fff;
    min-height: 30px;
    position: relative;
    padding-left: 25px;
}

.ns-chat-serch .ns-search {
    box-sizing: border-box;
    color: #666;
    display: block;
    font-size: 16px;
    height: 28px;
    padding-top: 5px;
    position: absolute;
    left: 0;
    text-align: center;
    top: 0;
    width: 26px;
}

.ns-chat-serch input[type=text] {
    display: none;
    margin-right: 5px;
    width: 90px;
    border-width: 0;
}

.ns-chat-serch .ns-link {
    display: none;
    margin-right: 0px;
    padding: 4px;
    position: relative;
}

.ns-chat-serch .ns-link a {
    color: #333;
}

.ns-chat-list-box:hover .ns-chat-serch input, .ns-chat-list-box:hover .ns-chat-serch .ns-link {
    display: inline;
}

.ns-chat-setting {
    position: absolute;
    z-index: 11111;
    bottom: 40px;
    right: 0;
    width: 240px;
    height: 322px;
    background: #fff;
    border: 1px solid #aaa;
    box-sizing: border-box;
}

.ns-chat-setting:after {
    border-top: 9px solid #fff;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    margin-left: 190px;
    margin-top: 321px;
    position: absolute;
    z-index: 111111;
}

.ns-chat-setting ul {
    margin: 0;
    padding: 2px 0;
    list-style: none;
}

.ns-chat-setting ul li {
    display: block;
    margin: 0 10px;
    border-bottom: 1px solid #ccc;
}

.ns-chat-setting ul li a {
    display: block;
    padding: 2px 10px;
    margin: 0 -10px;
    font-size: 13px;
}

.ns-chat-setting ul li a:hover {
    background: #42599E;
    color: #fff;
}

.ns-chat-setting ul li:last-child {
    border-bottom: none;
}

.ns_sponsor_title {
    background: #2b2b2b;
    height: 36px;
    line-height: 20px;
    font-family: 'segoe_uiregular';
    font-weight: bold;
    font-size: 14px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 7px;
}

.ns-sponsor-block {
    border-bottom: 1px solid #bcbcbc;
    padding: 6px 10px;
}

.ns-member_img img {
    width: 90px;
    height: 64px;
}

.nsm-title {
    color: #4862A3;
    font-size: 14px;
    /*font-weight: bold;*/
    font-family: 'calibribold';
}

.nsm-blue {
    color: #4862A3;
}

.nsm-gray {
    color: #757575;
}

.blocktitle-withchat {
    /*width: 172px;*/
    width: 188px;
    display: inline-block;
}

.block-withchat {
    /*width: 182px;*/
    width: 198px;
    box-sizing: border-box;
}

/* Club user search box

========================*/

.club-user-search-box {
    background: #fff;
    position: relative;
    padding: 5px;
    display: none;
    padding: 5px;
    margin-top: 5px;
}

.club-user-search-box .input-span {
    width: 110px;
}

.club-user-search-box .input-span, .club-user-search-box a {
    display: inline-block;
    margin: 0 2px;
}

.ns-chat-list-box:hover .club-user-search-box {
    display: block;
}

.club-user-option-box {
    position: absolute;
    bottom: 40px;
    right: 0px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #888;
    width: 260px;
    padding: 8px;
}

.club-user-option-box:after {
    border-top: 9px solid #888;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    right: 30px;
    bottom: -10px;
    position: absolute;
    z-index: 111;
}

.club-user-option-box ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.club-user-option-box ul li {
    display: block;
}

.club-user-option-box ul li a {
    padding: 0 8px;
    display: block;
    line-height: 22px;
    font-size: 13px;
}

.club-user-option-box ul li:hover {}

.club-user-option-box ul li a:hover {
    color: #fff;
    background: #42599e;
}

.club-user-option-box ul .li-section {
    display: block;
    border-bottom: 1px solid #ccc;
}

.club-user-option-box ul .li-section li:last-child a {}

.club-user-option-box ul .li-section:last-child {
    border-bottom: none;
}

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

.see-invites a {
    font-size: 15px;
    text-decoration: underline;
    color: #333;
}

.forgot-pass-home {
    float: right;
    position: relative;
    margin-top: -3px;
}

.forgot-pass-home a {
    color: #fff;
    text-decoration: underline;
    font-size: 14px;
}

.forgot-pass-content {
    position: absolute;
    z-index: 1111;
    top: 25px;
    right: 0px;
    width: 300px;
    background: #fff;
    padding: 10px 20px;
    box-sizing: border-box;
    box-shadow: 0px 0px 4px #333;
    border-radius: 6px;
}

.fpc-title {
    text-align: center;
    font-size: 18px;
    margin: -10px -20px 0 -20px;
    padding: 10px;
    background: #ccc;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.fpc-fieldtitle {
    margin-top: 10px;
}

.fpc-field {
    margin-top: 10px;
}

.fpc-field input[type="text"] {
    width: 100%;
}

.fpc-btn {
    margin: 15px 0;
}

.fpc-btn .submit, .fpc-btn .cancel {
    float: left;
    width: 90px;
    margin-right: 10px;
}

.fpc-btn .red-btn, .red-btn, .fpc-btn .gray_btn {
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
}

.fpc-btn .red-btn, .red-btn {
    border: 1px solid #9C0606;
    background: linear-gradient(to bottom, #FB7272 0%, #E03734 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.fpc-btn .gray_btn {
    border: solid 1px #000;
    background: #636363;
    background: linear-gradient(to bottom, #636363 1%, #282828 100%);
    background: -moz-linear-gradient(top, #636363 1%, #282828 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #636363), color-stop(100%, #282828));
    background: -webkit-linear-gradient(top, #636363 1%, #282828 100%);
    background: -o-linear-gradient(top, #636363 1%, #282828 100%);
    background: -ms-linear-gradient(top, #636363 1%, #282828 100%);
}

.get_visiting_them {
    color: #fff;
    margin: 5px 0px;
    padding: 5px 0;
    font-size: 13px;
    border-bottom: 1px solid #555;
}

.profile-absolute {
    background: #fff;
    box-sizing: border-box;
    position: absolute;
    right: 2px;
    width: 300px;
    border: 2px solid #000;
    text-align: left;
    height: 500px;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    z-index: 999999;
}

.profile-absolute ul {
    margin: 0px;
    padding: 10px 15px;
    list-style: none;
    box-sizing: border-box;
    width: 100%;
}

.profile-absolute ul li {
    padding: 2px 10px;
}

.profile-absolute ul li a {
    display: block;
    line-height: 24px;
    color: #333;
}

.profile-absolute ul li a i, .profile-absolute ul li a img {
    margin-right: 5px;
}

.profile-absolute ul li a img {
    width: 18px;
}

.profile-absolute .border-seperator {
    border-bottom: 2px dotted #000;
    padding-top: 5px;
    margin-bottom: 4px;
}

.profile-absolute .online {
    margin-left: -8px !important;
    background: url("../img/profile_status_online.png") no-repeat 0px 7px;
    padding-left: 22px;
}

.profile-absolute ul li a {
    margin-left: -10px;
}

.profile-innertab {}

.profile-innertab li {}

.profile-innertab li a {
    margin-left: 0px !important;
}

.profile-absolute ul li a.p-left-20 {
    padding-left: 22px;
}

.p_info .left-span {
    width: 80px;
    float: left;
}

.account-identification {
    background: #2F2F2F;
    padding: 0px;
    margin: 0px;
}

.account-identification .top-title {
    background: #2F2F2F;
    color: #fff;
    border-bottom: 1px solid #7F7F7F;
    margin: 0 0 5px 0;
}

.account-identification .top-title li a {
    padding: 8px 10px !important;
    color: #fff;
    font-size: 13px;
}

.account-identification .top-title .link-box {
    background-color: #7F7F7F;
    width: 100%;
    padding: 1px 0 0;
}

.account-identification .top-title .link-box ul {
    margin: 0px;
}

.account-identification .top-title .link-box ul li a {
    padding: 6px 10px !important;
}

.circle {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    float: left;
    margin: 4px 7px 0 -2px;
}

.circle .yellow {
    background: #FAFB00;
}

.red-b {
    background: #EA0818;
}

.green {
    background: #ADEF04;
}

.blue {
    background: #3499E9;
}

.yellow-b {
    background: #FAFB00;
}

.security.yellow {
    color: #FAFB00;
}

.other-item-circle {
    float: right;
    margin-right: 15px;
    margin-top: 7px;
}

.account-identification .top-title li a .show_hide {
    margin: 5px !important;
}

.grayc {
    background: #333;
}

.gray-circle {
    background: #333;
    width: 8px;
    height: 8px;
    border-radius: 50%;
}

/*.login-for-comment-popup{

position: absolute ;

display:block ; 

background: #ffffff;

z-index: 1111;

padding: 20px ;

text-align:left;

-moz-border-radius: 6px;

-webkit-border-radius: 6px;

border-radius:6px;

box-shadow: 0 0 4px 2px #ccc;

-moz-box-shadow: 0 0 4px 2px #ccc;

-webkit-box-shadow: 0 0 4px 2px #ccc;

-box-shadow: 0 0 4px 2px #ccc;

font-family: 'Source Sans Pro', sans-serif;

-webkit-box-sizing: border-box; 

-moz-box-sizing: border-box; 

box-sizing: border-box;        

height:265px ;

top:14% ;

left:33% ;

width:370px;	

}

.close_lp{ float: right; margin-top: -10px; margin-right: -10px; box-shadow: 0px 0px 5px 3px #ccc; border-radius: 50%;}

.close_lp a i{ color: #444; font-size: 20px;}

.login-for-comment-popup .signin_block{  border: 1px solid #ccc; line-height: 20px;  padding: 15px;}

.login-for-comment-popup .signin_block .input-row{margin: 10px 0; width: 100%; float: left;}

.login-for-comment-popup .signin_block .input-row input[type="text"],

.login-for-comment-popup .signin_block .input-row input[type="password"]{width: 100%; box-sizing: border-box; margin: 10px 0;}

.login-for-comment-popup .signin_block .btn-row{margin:10px auto; width: 200px;}

.login-for-comment-popup .signin_block input[type="button"]

{  border:solid 1px #76161a; background:url(../img/red_bg.jpg) repeat-x bottom #f26355; padding:5px 25px; color:#FFF; 

font-family: 'open_sansbold'; font-size:14px; display:block; line-height:20px; border-radius: 4px; text-align: center; margin: 0 10px; 

cursor: pointer;

}*/

/**************** Manage members and accounts ***********************/

.purple_row1, .light_purple_row1, .blue_row1, .green_row, .green_row1, .green_row2, .greenyellow_row1, .black_row1, .blue_row2, .reddish_row1, .red_row1, .lgray_row1, .yellow_row1, .darkyellow_row1, .paleyellow_row, .violet-blue-row1, .sky-blue-row1, .gray-blue-row1, .sky-row1, .orange_row, .mud-brown-row, .cream-yellow-row {
    border: 1px solid #7f7f7f;
    font-family: 'open_sansbold';
    font-size: 15px;
    color: #fff;
    padding: 5px 10px;
}

.purple_row1 {
    background: #A349A4;
}

.light_purple_row1 {
    background: #c8bfe7;
    color: #111;
}

.blue_row1 {
    background: #7092be;
}

.green_row {
    background: #0f5123;
}

.green_row1 {
    background: #22b14c;
}

.green_row2 {
    background: #22b14c;
}

.greenyellow_row1 {
    background: #b5e61d;
}

.black_row1 {
    background: #111;
}

.blue_row2 {
    background: #00a2e8;
}

.reddish_row1 {
    background: #880015;
}

.red_row1 {
    background: #ED1C24;
}

.lgray_row1 {
    background: #e3e3e3;
    color: #111;
}

.yellow_row1 {
    background: #ffc90e;
}

.darkyellow_row1 {
    background: #ddc659;
}

.paleyellow_row {
    background: #efe4b0;
    color: #111;
}

.violet-blue-row1 {
    background: #3f48cc;
}

.sky-blue-row1 {
    background: #00a2e8;
}

.gray-blue-row1 {
    background: #7092be;
}

.sky-row1 {
    background: #99d9ea;
    color: #111;
}

.orange_row {
    background: #ff7f27;
}

.mud-brown-row {
    background: #b97a57;
}

.cream-yellow-row {
    background: #efe4b0;
    color: #111;
}

/**************** Tab css ********************/

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

.mm-account-link {
    border-bottom: 1px solid #ccc;
}

.mm-account-link ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.mm-account-link ul li {
    float: left;
    display: inline;
}

.mm-account-link ul li a {
    display: block;
    padding: 0 11px;
    line-height: 30px;
    color: #111;
    font-size: 16px;
    border-bottom: 3px solid #fff;
    font-family: "calibribold";
}

.mm-account-link ul li a:hover, .mm-account-link ul li a.active {
    border-bottom: 3px solid #880015;
    color: #111;
}

.mm-account-tablink {
    border-bottom: 2px solid #333;
}

.mm-account-tablink ul {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.mm-account-tablink ul li {
    float: left;
    display: inline;
    margin-right: 2px;
}

.mm-account-tablink ul li a {
    display: block;
    padding: 0 4px;
    line-height: 36px;
    font-size: 14px;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #bababa url("../img/admin/admintab_bg.jpg") repeat-x scroll left top;
    color: #111;
}

.mm-account-tablink ul li a:hover, .mm-account-tablink ul li a.active {
    color: #fff;
    background: url("../img/admin/admin-tab-hover.jpg") #474747 repeat-x scroll left top;
}

/********************* Tab css ************************/

.account-buyed .col1 {
    width: 6%;
    background: #fff !important;
}

.account-buyed .col2 {
    width: 20%;
    text-align: right !important;
}

.account-buyed .col3 {
    width: 11%;
}

.account-buyed .col4 {
    width: 11%;
}

.account-buyed .col5 {
    width: 11%;
}

.account-buyed .col6 {
    width: 12%;
}

.account-buyed .col7 {
    width: 12%;
}

.account-buyed .col8 {
    width: 14%;
    margin-left: 3%;
}

.account-buyed .col1, .account-buyed .col2, .account-buyed .col3, .account-buyed .col4, .account-buyed .col5, .account-buyed .col6, .account-buyed .col7, .account-buyed .col8 {
    float: left;
    color: #fff;
    line-height: 16px;
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
    font-size: 14px;
}

.ac-buyed-title-row .col1, .ac-buyed-title-row .col2, .ac-buyed-title-row .col3, .ac-buyed-title-row .col4, .ac-buyed-title-row .col5, .ac-buyed-title-row .col6, .ac-buyed-title-row .col7, .ac-buyed-title-row .col8 {
    min-height: 60px;
    background: #45818e;
}

.account-buyed .ac-buyed-title-row .border-right {
    border-right: 1px solid #f8f8f8;
}

.ac-buyed-bpp {
    margin-top: 10px;
}

.ac-buyed-bpp .col1, .ac-buyed-bpp .col2, .ac-buyed-bpp .col3, .ac-buyed-bpp .col4, .ac-buyed-bpp .col5, .ac-buyed-bpp .col6, .ac-buyed-bpp .col7, .ac-buyed-bpp .col8 {
    border-left: 1px solid #111;
    border-top: 1px solid #111;
    border-bottom: 1px solid #111;
    font-size: 16px;
    font-weight: bold;
    font-family: "open_sansbold";
}

.ac-buyed-bpp .col1 {
    border: 0px;
}

.ac-buyed-bpp .col2 {
    background: #fff200;
    color: #111;
}

.ac-buyed-bpp .col3, .ac-buyed-bpp .col4 {
    background: #ffd966;
    color: #111;
}

.ac-buyed-bpp .col5 {
    background: #ffd966;
    color: #ed1c24;
}

.ac-buyed-bpp .col6 {
    background: #c3c3c3;
    color: #111;
}

.ac-buyed-bpp .col7 {
    background: #22b14c;
    color: #fff;
    border-right: 1px solid #111;
}

.ac-buyed-bpp .col8 {
    background: #880015;
    color: #fff;
    border-right: 1px solid #111;
}

.ac-buyed-bpp .col3 a, .ac-buyed-bpp .col4 a {
    color: #111;
    display: block;
}

.ac-buyed-bpp .col5 a {
    color: #ed1c24;
    display: block;
}

.ac-buyed-bpp .col6 a {
    color: #111;
    display: block;
}

.ac-buyed-bpp .col7 a {
    color: #fff;
    display: block;
}

.ac-buyed-bpp .col8 a {
    color: #fff;
    display: block;
}

.settings-bpp {
    margin-top: 5px;
}

.settings-bpp .col1, .settings-bpp .col2, .settings-bpp .col3, .settings-bpp .col4, .settings-bpp .col5, .settings-bpp .col6, .settings-bpp .col7, .settings-bpp .col8 {
    border-left: 1px solid #999;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
    font-size: 14px;
    color: #333;
}

.settings-bpp .col1 {
    border: 0px;
}

.settings-bpp .col7, .settings-bpp .col8 {
    border-right: 1px solid #999;
}

.settings-bpp .col3, .settings-bpp .col4, .settings-bpp .col5, .settings-bpp .col6 {
    background: #b6d7a8;
}

.settings-bpp .col3 a, .settings-bpp .col4 a, .settings-bpp .col5 a, .settings-bpp .col6 a {
    color: #333;
    display: block;
    background: #b6d7a8;
}

.mma-btn-row {
    width: 90%;
    margin: 20px auto;
    display: table;
}

.mma-btn-row .btn-flt-left {
    float: left;
}

.mma-btn {
    margin: 10px 10px;
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: "calibriregular";
    font-size: 18px;
    font-weight: bold;
    line-height: 22px;
    padding: 7px 20px;
    text-align: center;
    text-decoration: none;
    background: linear-gradient(to bottom, #4e4e4e 1%, #363636 98%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.overlay-common {
    background: #111;
    opacity: 0.5;
    position: fixed;
    z-index: 9999;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.order-confirmed-box {
    background: #fff;
    border: 1px solid #111;
    width: 500px;
    position: fixed;
    z-index: 11111;
    top: 50%;
    margin-top: -100px;
    left: 50%;
    margin-left: -250px;
    box-shadow: 0px 0px 8px #555;
}

.order-confirmed-box .title-row {
    background: #EFE4B0;
    color: #111;
    text-align: center;
    padding: 5px;
    font-size: 22px;
    font-weight: bold;
    border-bottom: 1px solid #111;
}

.order-confirmed-box .text1 {
    text-align: center;
    padding: 10px;
    font-size: 16px;
}

.close-common {
    float: right;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #fff;
    display: block;
    color: #111;
    font-size: 16px;
    padding: 5px;
    margin-right: -15px;
    margin-top: -12px;
    box-shadow: 0px 0px 3px #555;
}

.message-of-expiry {
    position: absolute;
    z-index: 90;
    left: 0px;
    top: 30px;
    width: 230px;
    padding: 10px;
    border: 1px solid #111;
    background: #fff;
    box-shadow: 0px 0px 5px #555;
    color: #111;
    text-align: left;
}

.message-of-expiry .msg-alert {
    background: #ed1c24;
    padding: 5px;
    margin-top: 0px;
    margin-bottom: 7px;
    color: #fff;
}

.message-of-expiry .bold {
    font-weight: bold;
}

.message-of-expiry .msg-type {
    background: #efe4b0;
    padding: 5px;
    margin-top: 7px;
    margin-bottom: 7px;
}

.message-of-expiry .msg-times {
    float: left;
    background: #efe4b0;
    padding: 0;
    margin-top: 5px;
    font-size: 16px;
    font-weight: bold;
    border: 1px solid #333;
    width: 60px;
}

.message-of-expiry .msg-times input[type="text"] {
    border: none;
    background: none;
    font-size: 16px;
    color: #333;
    width: 100%;
}

.message-of-expiry .day-select {
    margin-top: 10px;
    width: 60%;
    position: relative;
    top: 0;
    font-weight: normal;
}

.message-of-expiry .msg-btn {
    margin: 10px auto;
    width: 50%;
}

.message-of-expiry .msg-btn .btn-ok {
    float: left;
    margin: 5px 10px;
    text-decoration: underline;
    font-size: 18px;
    font-weight: bold;
    color: #111;
}

.setting-smg {
    position: absolute;
    left: 0px;
    top: 27px;
    z-index: 1111;
    width: 200px;
    padding: 5px;
    border: 1px solid #111;
    background: #fff;
    box-shadow: 0px 0px 5px #555;
    color: #111;
    text-align: left;
}

.setting-smg .btn-ok {
    float: right;
    background: none !important;
    margin: 5px 10px;
    text-decoration: underline;
    font-size: 18px;
    font-weight: bold;
    color: #111;
}

.setting-smg input[type="text"] {
    border: none;
    background: none;
    font-size: 14px;
    color: #333;
    width: 30px;
    border: 1px solid #ccc;
}

.setting-smg .pg-close {
    float: right;
    margin-top: -15px;
    margin-right: -15px;
    font-size: 16px;
    color: #333;
    background: #fff !important;
    border-radius: 50%;
    height: 19px;
    width: 18px;
    padding-left: 4px;
    padding-top: 2px;
    box-shadow: 0px 0px 4px #333;
}

/****************** Historical accounts purchase **********************/

.history-ac {
    border: 1px solid #000;
    font-family: Arial, Helvetica, sans-serif;
}

.history-ac .col1 {
    width: 20%;
}

.history-ac .col2 {
    width: 20%;
}

.history-ac .col3 {
    width: 15%;
}

.history-ac .col4 {
    width: 15%;
}

.history-ac .col5 {
    width: 15%;
}

.history-ac .col6 {
    width: 15%;
}

.history-ac td {
    padding: 5px;
    box-sizing: border-box;
    border-collapse: collapse;
    font-size: 14px;
    text-align: center;
    border-right: 1px solid #ccc;
}

.history-ac td:last-child {
    border-right: none;
}

.history-row {
    background: #45818e;
    border-bottom: 1px solid #000;
    line-height: 30px;
}

.history-row td {
    color: #fff;
    font-weight: bold;
}

.h-data-row {
    line-height: 30px;
}

.h-data-row td {
    color: #333;
    border-bottom: 1px solid #ccc;
}

.h-data-row tr:last-child td {
    border-bottom: none;
}

/**************** Account subscription ********************/

.as_tab {
    background: url(../img/admin/admintab_bg.jpg) repeat-x bottom #bababa;
    margin-top: 10px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    width: 100%;
    position: relative;
}

.as_tab ul {
    padding: 0px;
    margin: 0px;
}

.as_tab ul li {
    padding: 0px;
    margin: 0px;
    display: inline-block;
    float: left;
    list-style: none;
}

.as_tab ul li a {
    display: block;
    padding: 10px 15px;
    text-align: center;
    color: #393838;
    font-size: 14px;
    font-weight: bold;
}

.as_tab ul li a:hover, .as_tab_active {
    background: url(../img/admin/admin-tab-hover.jpg) repeat-x bottom #474747;
    color: #FFF !important;
}

.as_tab ul li:first-child a {
    border-top-left-radius: 7px;
}

.ucm-row .left1 {
    float: left;
    width: 50%;
    padding: 10px;
    box-sizing: border-box;
}

.ucm-row .right1 {
    float: right;
    width: 48%;
    margin-left: 2%;
    padding: 10px;
    box-sizing: border-box;
    border: 1px solid #333;
    margin-top: 10px;
}

.yc-mail {
    color: #111;
    font-size: 16px;
    font-weight: bold;
}

.yc-mailid {
    color: #437494;
    font-size: 16px;
}

.ucm-row .left1 p {
    font-size: 14px;
}

.yc-mail-info {
    padding: 10px 0;
    float: left;
    width: 80%;
}

.yc-mail-info input[type="text"] {
    width: 100%;
}

.yc-mail-info-submit {
    float: left;
    line-height: 11;
    padding: 10px 0;
    margin-left: 10px;
}

.address-confident {
    font-size: 12px;
    color: #f00;
}

.dya-row {
    padding: 0 45px;
    margin: 15px 0;
}

.dya-row a {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fb7272 0%, #e03734 100%) repeat scroll 0 0;
    border: 1px solid #9c0606;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 18px;
    padding: 8px 10px;
    text-align: center;
    font-weight: bold;
}

.ycp-text {
    font-size: 16px;
    line-height: 22px;
    color: #26208a;
}

.ycp-text span {
    color: #f00;
}

.cls-row .user_list {
    border: 1px solid #909090;
}

.cls-row .check_block {
    float: left;
    padding: 17px 0;
    width: 5%;
    box-sizing: border-box;
    border-right: 1px solid #989898;
}

.cls-row .descript_block {
    float: left;
    width: 80%;
    box-sizing: border-box;
}

.cls-row .chk_des {
    margin-left: 23%;
    box-sizing: border-box;
}

.cls-row .desc_block {
    border-right: 1px solid #989898;
    float: left;
    width: 15.82%;
    box-sizing: border-box;
}

.cls-row .desc_block .desc_title {
    background: #d9d2e9 none repeat scroll 0 0;
    border-bottom: 1px solid #989898;
    color: #000;
    font-family: "calibriregular";
    font-size: 12px;
    font-weight: bold;
    line-height: 23px;
    text-align: center;
}

.cls-row .desc_block .desc_text {
    font-family: "calibriregular";
    font-size: 12px;
    line-height: 23px;
    text-align: center;
}

.cls-row .touser {
    font-size: 15px !important;
}

.ulist1 .descript_block .desc_block {
    width: 25% !important;
}

/* historical subscritpiton table */

.histo-sub {}

.histo-sub table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    font-family: "calibriregular";
}

.histo-sub th {
    background: #d9d2e9;
    color: #000;
    font-weight: bold;
}

.histo-sub td, .histo-sub th {
    border: 1px solid #999;
    box-sizing: border-box;
    padding: 3px;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
}

.histo-sub .check_col {}

.histo-sub .desc_col {}

.histo-sub .desc_block {}

.histo-sub .desc_title {}

/* historical subscritpiton table end */

.hs-print-row {
    float: left;
    margin: 0px 0 10px;
}

.hs-print-row .black_btn {
    padding: 0 10px;
}

.col-action-link a {
    color: #333;
    margin: 5px;
    display: inline-block;
    font-size: 15px;
}

.search_bt-p {
    float: left;
    line-height: 11px;
}

.form-control {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

.hide {
    display: none !important;
}

.bt_sub a {
    background: #f9f9f9;
    border: 1px solid #b5b5b5;
    border-radius: 50%;
    color: #111;
    cursor: pointer;
    display: block;
    font-size: 15px;
    padding: 9px 4px 9px 15px;
    line-height: 20px;
    width: 14px;
    height: 14px;
}

.yellow-r {
    color: #ffff00;
}

.smallfont-r {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

/****************** summery subscription *******************/

.code-sub-block {
    border: 1px solid #333;
}

.code-sub-block .col1 {
    width: 10%;
}

.code-sub-block .col2 {
    width: 28%;
}

.code-sub-block .col3 {
    width: 10%;
}

.code-sub-block .col4 {
    width: 20%;
}

.code-sub-block .col5 {
    width: 10%;
}

.code-sub-block .col6 {
    width: 20%;
}

.code-sub-block .col1, .code-sub-block .col2, .code-sub-block .col3, .code-sub-block .col4, .code-sub-block .col5, .code-sub-block .col6 {
    float: left;
    box-sizing: border-box;
    padding: 5px;
    font-size: 14px;
}

.code-sub-row {
    background: #3f84c7;
    color: #fff;
}

.code-sub-row .col1, .code-sub-row .col2, .code-sub-row .col3, .code-sub-row .col4, .code-sub-row .col5, .code-sub-row .col6 {
    border-right: 1px solid #fff;
    text-align: center;
    min-height: 45px;
}

.code-sub-row .col6 {
    border-right: none !important;
}

.code-data-row {
    background: #fff;
    color: #111;
    border-bottom: 1px solid #ccc;
}

.code-data-row .col1, .code-data-row .col2, .code-data-row .col3, .code-data-row .col4, .code-data-row .col5, .code-data-row .col6 {
    border-right: 1px solid #ccc;
    text-align: center;
    min-height: 35px;
}

.code-data-row .col1, .code-data-row .col2 {
    font-size: 18px;
}

.code-data-row .col2 {
    text-align: left !important;
}

.code-data-row .col6 {
    border-right: none !important;
}

.ce-btn-row {
    width: 70%;
    margin: 0 auto;
}

.ce-btn-row .back-to-vf {
    float: left;
    margin: 0 20px;
    width: 150px;
}

.setting-and-function-block {}

/****************** create new membership **********************/

.create-new-member-block .take-photo {
    float: left;
    width: 100%;
    padding-left: 0;
}

.create-new-member-block .take-photo a {
    display: block;
}

.create-new-member-block .discript {
    float: left;
    width: 100%;
    margin-left: 0%;
}

.create-new-member-block .discript .ppro_form_bg {
    width: 100%;
}

.create-new-member-block .take-photo .upload_button1 {
    margin-top: 30px;
}

.search-member-row .ppro_form_bg {
    width: 100%;
}

.search-member-row .ppro_form_bg .input70 {
    float: left;
    width: 70%;
    margin-right: 2%;
    margin-left: 2%;
}

.search-member-row .ppro_form_bg .input25 {
    float: left;
    width: 25%;
}

.search-member-row .ppro_form_bg .input70 input[type="text"] {
    width: 98%;
}

.eco-operator {
    padding-left: 130px;
    position: relative;
    min-height: 130px;
}

.eco-operator .photo {
    position: absolute;
    top: 0px;
    left: 0px;
}

.eco-operator .photo img {
    width: 110px;
    height: 110px;
}

.eco-field-row {}

.eco-field-row table {
    width: 100%;
    border-collapse: collapse;
}

.eco-field-row td {
    padding: 7px;
    box-sizing: border-box;
    font-size: 15px;
    border: 1px solid #ccc;
    line-height: 24px;
}

.eco-field-row td:first-child {
    width: 30%;
    background: #eee;
}

.eco-field-row td:last-child {}

.ecotitle {
    color: #333;
    /*font-family: "open_sansbold";*/
    font-weight: bold;
    /*text-align: right;*/
}

.hap-print {
    width: 800px !important;
    margin: 10% auto !important;
}

.hap-print-title {
    color: #a349a4 !important;
}

.find-btn {
    padding: 2px 15px;
    border-radius: 4px;
    box-shadow: none;
}

.black-row {
    border: 2px solid #111;
    border-radius: 8px;
    color: #fff;
    padding: 8px 10px;
    background: #6a6c72;
    /* Old browsers */
    background: -moz-linear-gradient(top, #6a6c72 0%, #242c36 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6a6c72), color-stop(100%, #242c36));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6a6c72 0%, #242c36 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6a6c72 0%, #242c36 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6a6c72 0%, #242c36 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #6a6c72 0%, #242c36 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6a6c72', endColorstr='#242c36', GradientType=0);
    /* IE6-9 */
}

.black-row .big {
    font-size: 20px;
}

.black-row .small, .black-row a {
    font-size: 15px;
}

.black-row a {
    color: #fff;
    padding: 5px 8px;
    border-radius: 22px;
    border: 1px solid #fff;
    width: 30px;
    height: 22px;
    display: inline-block;
    text-align: center;
}

.create-new-member-block .take-photo img {
    width: 120px;
}

.ppr_signup-td {
    padding: 6px;
    width: 70%;
}

.ppr_signup-text {
    line-height: 20px;
    color: #3c4650;
    font-size: 14px;
}

.ppr_signup-text span {
    color: #535973 !important;
}

.signup-privacy {
    background: #6c9f50;
    display: block;
    padding: 5px;
    color: #fff;
    padding: 5px 20px;
    float: left;
}

.an-inform {
    margin-top: -8px;
    margin-left: 50px;
    float: left;
}

.nmoc-title {
    margin-left: 50px;
    font-size: 18px;
    font-family: 'open_sansbold';
    color: #ed1c24;
    float: left;
    margin-top: 3px;
}

.nmoc-block {}

.nmoc-block .check_block {
    width: 4% !important;
    box-sizing: border-box;
}

.nmoc-block .img_block green {
    width: 15% !important;
    box-sizing: border-box;
}

.nmoc-block .descript_block {
    width: 81.4% !important;
    box-sizing: border-box;
}

.nmoc-block .desc_block {
    width: 16.6% !important;
    box-sizing: border-box;
}

.nmoc-block-1 .check_block {
    width: 4% !important;
    box-sizing: border-box;
}

.nmoc-block-1 .img_block green {
    width: 15% !important;
    box-sizing: border-box;
}

.nmoc-block-1 .descript_block {
    width: 81.4% !important;
    box-sizing: border-box;
}

.nmoc-block-1 .desc_block {
    width: 20% !important;
    box-sizing: border-box;
}

.nmoc-block-2 .check_block {
    width: 4% !important;
    box-sizing: border-box;
}

.nmoc-block-2 .img_block green {
    width: 15% !important;
    box-sizing: border-box;
}

.nmoc-block-2 .descript_block {
    width: 81.4% !important;
    box-sizing: border-box;
}

.nmoc-block-2 .desc_block {
    width: 20% !important;
    box-sizing: border-box;
}

.nmoc-block-ju .desc_block {
    width: 14.28% !important;
}

.nmoc-block-table {}

.nmoc-block-table table {
    box-sizing: border-box;
    width: 100%;
    border-collapse: collapse;
}

.nmoc-block-table table td {
    border: 1px solid #999;
    box-sizing: border-box;
    vertical-align: top;
}

.nmoc-block-table .col-check {
    width: 28px;
}

.nmoc-block-table .col-img-block {
    width: 91px;
}

.nmoc-block-table .col-descript-block-k {}

.nmoc-block-table table td.col-img-block .img_block {
    border-left: 0px !important;
    border-right: 0px !important;
}

.descript-block-k table {
    box-sizing: border-box;
    width: 100%;
    border-collapse: collapse;
    margin: -1px;
}

.descript-block-k table td {
    border: 1px solid #999;
    box-sizing: border-box;
}

.descript-block-k table td .desc_block {
    border-right-width: 0px;
    border-right-style: inherit;
    width: 103px;
}

.descript-block-k table td .desc_text {
    min-height: 30px;
}

/**************** available membership ********************/

.av-membership .css_block {
    border: 1px solid #666;
    padding: 10px;
}

.av-membership .bar_grayblue {
    background: #7092be none repeat scroll 0 0;
}

.av-membership .confirm_sub {
    margin-left: 210px;
    margin-top: 10px;
    width: 310px;
}

.av-membership .bar_purple {
    background: #a349a4 none repeat scroll 0 0;
}

.av-membership .sss {
    border: 1px solid #000;
    color: #fff;
    font-family: "open_sansbold";
    font-size: 16px;
    margin-top: 10px;
    padding: 7px 10px;
    text-align: center;
}

.av-membership .bar_darkgreen {
    background: #006c00 none repeat scroll 0 0;
}

.av-membership .sss img {
    float: left;
    margin-top: -5px;
}

.av-membership .account_detail_block {
    padding: 15px 0;
}

.av-membership .detail_title {
    float: left;
    width: 34%;
    box-sizing: border-box;
    font-family: "open_sansbold";
    font-size: 13px;
    padding: 4px 10px;
    text-align: right;
}

.av-membership .detail_block {
    border: 1px solid #000;
    float: left;
    width: 15%;
    box-sizing: border-box;
    font-family: "open_sansbold";
    font-size: 14px;
    padding: 4px 10px;
    text-align: center;
}

.av-membership .title_block {
    float: left;
    width: 15%;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    padding: 4px 10px;
    text-align: center;
    text-decoration: underline;
}

.av-membership .p_top_five {
    padding-top: 5px;
}

.av-membership .db_grayblue {
    background: #45818e none repeat scroll 0 0;
    color: #fff;
}

.av-membership .db_whitegreen {
    background: #b6d7a8 none repeat scroll 0 0;
}

.av-membership .db_lightgreen {
    background: #b5e61d none repeat scroll 0 0;
}

.av-membership .db_gray {
    background: #7f7f7f none repeat scroll 0 0;
}

.av-membership .db_graypurp {
    background: #7592C0;
    color: #fff;
}

.av-membership .hide {
    color: #a349a4;
    float: left;
    font-family: "open_sansbold";
    font-size: 15px;
    padding: 4px 0 4px 10px;
    width: 80px;
}

.av-membership .bar_lightgreen {
    background: #22b14c none repeat scroll 0 0;
}

.av-membership .db_grayblue a {
    color: #fff !important;
}

.whenit-expire-title {
    color: #b97a57;
    font-size: 16px;
    font-family: "open_sansbold";
}

.whenit-expire-box {
    border: 1px solid #666;
    padding: 10px;
}

.whenit-expire-box .left-img {
    float: left;
    width: 10%;
}

.whenit-expire-box .right-text {
    float: left;
    width: 90%;
    font-size: 14px;
    line-height: 22px;
    color: #a40015;
    padding-left: 30px;
    box-sizing: border-box;
}

.whenit-expire-box .right-text input[type="checkbox"] {
    margin-left: -17px;
}

.ct-accounts {
    padding: 10px 0;
    margin-top: 10px;
}

.ct-accounts .col1 {
    width: 5%;
}

.ct-accounts .col2 {
    width: 40%;
}

.ct-accounts .col3 {
    width: 18%;
}

.ct-accounts .col4 {
    width: 18%;
}

.ct-accounts .col5 {
    width: 18%;
}

.ct-accounts .col1, .ct-accounts .col2, .ct-accounts .col3, .ct-accounts .col4, .ct-accounts .col5 {
    float: left;
    box-sizing: border-box;
}

.ct-accounts .col1 {
    padding-top: 5px;
}

.ct-accounts .col2, .ct-accounts .col4 {
    font-size: 15px;
    font-family: "open_sansbold";
    color: #111;
}

.ct-accounts .textbox-white {
    border: 1px solid #333;
    padding: 5px;
    color: #333;
}

.ct-accounts .textbox-gray {
    background: #e5e5e5;
    border: 1px solid #333;
    padding: 5px;
    color: #333;
}

.ct-accounts .col3 .create-profile-btn {
    background: #d1d1d1;
    padding: 5px 10px;
    border-radius: 6px;
    color: #111;
    text-align: center;
    line-height: 22px;
    font-size: 13px;
    font-family: "open_sansbold";
    display: block;
}

.csc-btn-row {
    margin: 0 auto;
    width: 77%;
}

.csc-btn-row .btn {
    float: left;
    margin: 0 10px;
    width: 110px;
    color: #fff;
    font-family: "open_sansbold";
    font-weight: normal;
    font-size: 14px;
    padding: 7px 15px;
    text-align: center;
    border-radius: 4px;
    display: block;
}

.csc-btn-row .continue-btn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fb7272 0%, #e03734 100%) repeat scroll 0 0;
}

.csc-btn-row .cancel-btn {
    background: linear-gradient(to bottom, #414141 0%, #262626 100%);
}

.cmc-account {
    padding: 10px 0;
    margin-top: 10px;
}

.cmc-account .col1, .cmc-account .col2, .cmc-account .col3 {
    float: left;
    box-sizing: border-box;
}

.cmc-account .col1 {
    width: 40%;
}

.cmc-account .col2 {
    width: 20%;
    padding-left: 10px;
}

.cmc-account .col3 {
    width: 40%;
    padding-left: 10px;
}

.cmc-account .textbox-white {
    border: 1px solid #333;
    padding: 5px;
    color: #333;
}

.cmc-account .btn {
    background: linear-gradient(to bottom, #414141 0%, #262626 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 4px;
    color: #fff;
    display: block;
    font-family: "open_sansbold";
    font-size: 14px;
    font-weight: normal;
    margin: 0 10px;
    padding: 7px 10px;
    text-align: center;
    width: auto;
}

.createthisaccount .subtitle {
    font-weight: bold;
    color: #000;
    text-align: center;
    margin: 10px 0;
    font-size: 16px;
}

.createthisaccount .sup-box {
    background: #EFE3AE;
    border: 1px solid #222;
    color: #87031B;
    padding: 5px 10px;
    text-align: center;
}

/*.createthisaccount .date-row{width: 65%;   margin:15px auto;}*/

/*.createthisaccount .date-row span{float:left; padding:5px 10px; text-align:center;}*/

/*.createthisaccount .date-row .datebox{background:#fff; border:1px solid #222; color:#111; width:110px; box-sizing:border-box; padding:5px 10px;}*/

.createthisaccount .btn-row {
    /*margin:12px auto; width: 95%; */
    float: right;
    padding-right: 10px;
}

.createthisaccount .request-accept-box {
    background: #fff;
    border: 1px solid #222;
    color: #4189EE;
    width: 95%;
    box-sizing: border-box;
    margin: 2px auto;
    padding: 5px 10px;
}

.createthisaccount .btn-row .btn {
    float: left;
    margin: 0 5px;
    color: #fff;
    font-family: "open_sansbold";
    font-weight: normal;
    font-size: 14px;
    padding: 7px 12px;
    text-align: center;
    border-radius: 4px;
    display: block;
    width: auto !important;
}

.createthisaccount .btn-row .upgrade-btn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fb7272 0%, #e03734 100%) repeat scroll 0 0;
}

.createthisaccount .btn-row .cancel-btn {
    background: linear-gradient(to bottom, #414141 0%, #262626 100%);
}

.createthisaccount .leftdiv {
    float: left;
    width: 45%;
    box-sizing: border-box;
    padding: 20px 5px;
}

.createthisaccount .rightdiv {
    float: left;
    width: 55%;
}

.createthisaccount .rightdiv .fieldrow {
    width: 100%;
    display: table;
    margin: 10px 0;
}

.createthisaccount .rightdiv .left {
    float: left;
    width: 50%;
    text-align: right;
    line-height: 28px;
}

.createthisaccount .rightdiv .right {
    float: left;
    width: 40%;
    margin-left: 5%;
    margin-right: 5%;
}

.createthisaccount .rightdiv .fieldrow .datebox {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #222;
    color: #111;
    padding: 5px 10px;
}

.createthisaccount .rightdiv .fieldrow .usdbox {
    float: left;
    width: 40%;
    border: 1px solid #222;
    box-sizing: border-box;
    padding: 5px 10px;
}

.createthisaccount .rightdiv .fieldrow .paybox {
    float: left;
    width: 60%;
    border: 1px solid #222;
    box-sizing: border-box;
    padding: 5px 10px;
}

.createthisaccount .rightdiv .fieldrow .red {
    color: #D80000;
}

/***************** summery overview ******************/

.ssc-detail-row {
    font-family: "open_sansbold";
}

.ssc-detail-row .left {
    float: left;
    width: 43%;
    margin: 0 2% 0 5%;
    padding: 10px 0;
}

.ssc-detail-row .right {
    float: left;
    width: 43%;
    margin: 0 5% 0 2%;
}

.cs-box {
    background: #45818e;
    border: 1px solid #fff;
    color: #fff;
    padding: 5px;
    text-align: center;
    font-size: 15px;
}

.pr-box {
    background: #b6d7a8;
    border: 1px solid #333;
    color: #111;
    padding: 5px;
    text-align: center;
    font-size: 15px;
    margin-top: 5px;
}

.pr-box .redblack {
    color: #880015;
    text-decoration: underline;
}

.hs-btn {
    background: #333;
    border-radius: 4px;
    color: #fff;
    padding: 7px 5px;
    text-align: center;
    font-size: 15px;
    display: block;
    margin: 7px 0;
}

.otu-block {
    padding: 20px;
}

.hoap-btn-row {
    text-align: center;
}

.hoap-btn-row .hs-btn {
    display: inline-block;
    padding: 7px 20px;
}

.otu-block .avano {
    font-size: 12px;
    line-height: 16px;
    padding-left: 20.5%;
}

.otu-block .category_block {
    margin: 7px 0;
}

.otu-block .t_title {
    text-align: left;
    height: auto !important;
    font-size: 12px;
}

.otu-block .t_col1 {
    text-align: center;
    width: 20%;
}

.otu-block .t_col1, .otu-block .t_col2, .otu-block .t_col3 {
    float: left;
    height: 34px;
    margin-left: 4%;
}

.otu-block .t_col2 {
    text-align: center;
    width: 6%;
}

.otu-block .coach_title {
    font-size: 18px;
    font-weight: bold;
    line-height: 34px;
}

.otu-block .ava_block {
    background: #efe4b0 none repeat scroll 0 0;
    border: 1px solid #232325;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
}

.otu-block .current_block {
    background: #efe4b0 none repeat scroll 0 0;
    border: 1px solid #232325;
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
}

.otu-block .t_col3 {
    width: 30%;
}

.sharing-coaches {
    position: absolute;
    z-index: 111;
    top: 0px;
    left: -20px;
    width: 320px;
    background: #fff;
    border: 1px solid #888;
    padding: 7px;
    box-shadow: 0px 0px 3px #888;
}

.sharing-coaches .close {
    float: right;
}

.sharing-coaches .close a {
    color: #333;
    font-size: 14px;
}

.sharing-coaches .title {
    background: #efe4b0;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    padding: 5px;
}

.sharing-coaches .links {
    background: #7f7f7f;
    padding: 10px 5px;
    color: #fff;
    font-size: 13px;
}

.sharing-coaches .contains {
    margin: 10px 0px 5px;
    border: 1px solid #ccc;
    height: 200px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.sharing-coaches .btn-row {
    margin: 10px 0;
}

.sharing-coaches .links .username {
    float: left;
    margin-right: 100px;
}

.sharing-coaches .links .start {
    float: left;
    margin-right: 20px;
}

.sharing-coaches .links .end {
    float: left;
    margin-right: 20px;
}

.sharing-coaches .links .delete {
    float: right;
}

.cotains-row {
    border-bottom: 1px solid #ccc;
    padding: 5px;
}

.cotains-row .col1 {
    float: left;
    margin-right: 10px;
}

.cotains-row .col2 {
    float: left;
    width: 50%;
    font-size: 13px;
    text-decoration: underline;
}

.cotains-row .col3 {
    float: right;
    width: 20%;
    text-align: right;
}

.cotains-row .col1 img {
    width: 50px;
    height: 50px;
}

.cotains-row .col3 a {
    text-decoration: underline;
    color: #ed1c24;
    font-size: 13px;
}

.sharing-coaches .btn-row .invite-btn {
    margin: 0 auto;
    width: 180px;
    color: #fff;
    font-family: "open_sansbold";
    font-weight: normal;
    font-size: 14px;
    padding: 7px 15px;
    text-align: center;
    border-radius: 4px;
    display: block;
    background: linear-gradient(to bottom, #414141 0%, #262626 100%);
}

/***************** Historical revisited ******************/

.curr-mem-row {
    font-family: "open_sansbold";
}

.curr-mem-row .hs-btn {
    float: left;
    margin: 0 3px;
    font-size: 14px;
    padding: 7px 8px;
}

.memberReqMainTabs {
    width: 450px;
    margin: 0 auto;
    display: table;
}

.filt-order .col1 {
    float: left;
    width: 20%;
}

.filt-order .col2 {
    float: left;
    width: 20%;
    margin-left: 2%;
}

.filt-order .col3 {
    float: left;
    width: 13%;
    margin-left: 2%;
    line-height: 30px;
}

.filt-order .col4 {
    float: left;
    width: 20%;
    margin-left: 2%;
}

.droplistinput input[type="text"] {
    border: 1px solid #c0c0c0;
    line-height: 32px !important;
    height: 32px !important;
    text-indent: 5px;
}

.renewal-admin-block {
    height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.renewal-admin-block .nmoc-block .descript_block {
    width: 81% !important;
}

.renewal-admin-block .cb-t {
    padding-top: 1% !important
}

.renewal-admin-block .ult .desc_title {
    border-bottom: none !important;
}

.renewal-admin-block .ult .img_block, .renewal-admin-block .ult .desc_title {
    height: 24px !important;
    line-height: 24px;
    text-align: center !important;
    font-weight: normal;
    font-size: 14px;
}

.car-print {
    width: 950px !important;
    margin: 10% auto;
}

.car-printbox {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #989898;
    display: table;
}

.car-printbox .img_block {
    width: 10%;
    display: table;
}

.car-printbox .descript_block {
    width: 90%;
    box-sizing: border-box;
}

.car-printbox .descript_block .desc_block {
    width: 13%;
    box-sizing: border-box;
}

.car-printbox .descript_block .desc_title {
    font-size: 13px;
    font-weight: normal;
}

.car-printbox .descript_block .desc_text {
    font-size: 13px;
}

.car-printbox .icc-border {
    min-height: 56px;
}

.car-printbox .icc-border img {
    width: 55px !important;
}

.cmi-list-printbox {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #989898;
    display: table;
}

.cmi-list-printbox .img_block {
    width: 10%;
    display: table;
}

.cmi-list-printbox .img_block img {
    width: 82px;
    height: 78px;
}

.cmi-list-printbox .descript_block {
    width: 90%;
    box-sizing: border-box;
}

.cmi-list-printbox .descript_block .desc_block {
    width: 20% !important;
    box-sizing: border-box;
}

.cmi-list-printbox .descript_block .desc_title {
    font-size: 13px;
    font-weight: normal;
}

.cmi-list-printbox .descript_block .desc_text {
    font-size: 13px;
}

.cmi-list-printbox .icc-border {
    min-height: 56px;
}

.cmi-list-printbox .icc-border img {
    width: 55px !important;
}

/************ Manufacture List print ****************/

.cmi-list-printbox .descript_block .desc_block_mfl {
    box-sizing: border-box;
    float: left;
    width: 12.5%;
}

.cmrm-list-printbox {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #989898;
    display: table;
}

.cmrm-list-printbox .img_block {
    width: 10%;
    display: table;
}

.cmrm-list-printbox .img_block img {
    width: 82px;
    height: 78px;
}

.cmrm-list-printbox .descript_block {
    width: 90%;
    box-sizing: border-box;
}

.cmrm-list-printbox .descript_block .desc_block {
    width: 16.66% !important;
    box-sizing: border-box;
}

.cmrm-list-printbox .descript_block .desc_title {
    font-size: 13px;
    font-weight: normal;
}

.cmrm-list-printbox .descript_block .desc_text {
    font-size: 13px;
    padding-top: 3px !important;
}

.cmrm-list-printbox .icc-border {
    min-height: 56px;
}

.cmrm-list-printbox .icc-border img {
    width: 55px !important;
}

/*****************  club account request **********************/

.d-block-row .desc_block {
    width: 13.33%;
}

.d-block-row .desc_block.db-box {
    width: 20% !important;
}

.apd-block-row .desc_block {
    width: 12%;
}

.apd-block-row .desc_block.db-box {
    width: 16% !important;
}

.ccp-setting img {
    width: 28px !important;
    height: 28px !important;
    margin: 0 auto;
}

.dsc_block_db {
    float: left;
    width: 91.2%;
}

.dsc_block_db .dbb_width {
    float: left;
    width: 20% !important;
    box-sizing: border-box;
    border-right: 1px solid #989898;
}

.img_block_db {
    border-right: 1px solid #909090;
    float: left;
    box-sizing: border-box;
    width: 55px;
    min-height: 57px !important;
}

.img_block_db img {
    width: 50px !important;
}

.cau-list-print .desc_block {
    width: 20% !important;
}

.cau-list-print .desc_block .desc_title, .cau-list-print .desc_block .desc_text {
    font-size: 15px !important;
}

.npu_button {
    color: #fff;
    padding: 6px 10px;
    font-size: 15px;
    border-radius: 4px;
    font-weight: bold;
    background: #111;
    text-align: center;
    display: block;
    width: 200px;
    margin: 0 auto;
    /*border:solid 1px #999;*/
}

.onclick-newpost {
    position: absolute;
    z-index: 111;
    left: 20px;
    top: 50px;
    width: 600px;
    border: 1px solid #ccc;
    box-sizing: border-box;
    box-shadow: 0px 0px 4px #333;
    background: #fff;
}

.onclick-newpost .type {
    border-bottom: 1px solid #ccc;
    color: #666;
}

.onclick-newpost .type .write {
    float: left;
    width: 95%;
    box-sizing: border-box;
}

.onclick-newpost .type .write textarea {
    width: 100%;
    box-sizing: border-box;
    text-align: left;
    padding: 8px;
    border: none;
}

.onclick-newpost .type .symbol {
    float: left;
    width: 5%;
    box-sizing: border-box;
    text-align: right;
    padding: 8px;
}

.onclick-newpost .type .symbol a {
    font-size: 15px;
    color: #666;
}

.onclick-newpost .btns .btn {
    float: left;
    box-sizing: border-box;
    text-align: center;
    padding: 8px;
}

.onclick-newpost .btns .addfile {
    width: 30%;
    border-right: 1px solid #ccc;
}

.onclick-newpost .btns .addphoto {
    width: 30%;
    border-right: 1px solid #ccc;
}

.onclick-newpost .btns .confirm {
    width: 40%;
}

.onclick-newpost .btns .btn a {
    display: block;
    font-size: 15px;
    color: #666;
}

.onclick-new {
    padding: 20px 30px;
    background: #f5f5f5;
}

.onclick-new .row1 {
    padding: 0px 0;
}

.onclick-new .row1 .left {
    float: left;
    width: 37%;
}

.onclick-new .row1 .left .list-member {
    color: #757575;
    padding: 4px 0;
}

.onclick-new .row1 .left .member-thumb {
    border: 1px solid #bababa;
    float: left;
}

.onclick-new .row1 .left .member-thumb img {
    height: 54px;
    margin: 3px;
    width: 54px;
}

.onclick-new .row1 .left .profile_detail {
    float: left;
    width: 65%;
    box-sizing: border-box;
    padding-left: 10px;
    color: #333;
    line-height: 20px;
    text-align: left;
}

.onclick-new .row2 {
    padding: 5px 0;
}

.onclick-new .row2 .block {
    background: #fff;
    border: 1px solid #ccc;
    min-height: 40px;
    padding: 10px;
    border-radius: 4px;
}

.onclick-new .row2 .block::after {
    border-top: 9px solid #b2b2b2;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    content: "";
    position: absolute;
    z-index: 100;
}

.onclick-new .row2 .block1::after {
    margin-left: -215px;
    margin-top: 50px;
}

.onclick-new .row2 .block2::after {
    margin-left: -140px;
    margin-top: 50px;
}

.onclick-new .row2 .block3::after {
    margin-left: -70px;
    margin-top: 50px;
}

.onclick-new .row2 .block4::after {
    margin-left: 0px;
    margin-top: 50px;
}

.onclick-new .row2 .block5::after {
    margin-left: 75px;
    margin-top: 50px;
}

.onclick-new .row2 .block6::after {
    margin-left: 145px;
    margin-top: 50px;
}

.onclick-new .row3 {
    padding: 0px 0;
}

.onclick-new .row3 ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    width: 450px;
}

.onclick-new .row3 ul li {
    display: inline;
    float: left;
    list-style: none;
    padding: 5px 25px 0;
    cursor: pointer;
    color: #888;
    font-size: 22px;
}

.onclick-new .row3 ul li.active {
    color: #4ea63a;
}

.sr-membership {
    width: 185px;
    display: block;
    border-radius: 16px;
    border: 1px solid #fff;
    color: #fff;
    font-size: 13px;
    text-align: center;
    padding: 10px 3px;
}

.club-box-repeat {
    padding: 0px;
    border: 1px solid #bcbcbc;
}

.club-cont-box {
    padding: 10px;
}

.club-cont-box .col1 {
    float: left;
    box-sizing: border-box;
}

.club-cont-box .col1-1 {
    float: left;
    box-sizing: border-box;
    padding-left: 5px;
}

.club-cont-box .col2 {
    float: left;
    box-sizing: border-box;
    margin-left: 5px;
    background: #f8f8f8;
}

.club-cont-box .col3 {
    float: left;
    width: 38%;
    box-sizing: border-box;
    padding-left: 10px;
}

.club-cont-box .col4 {
    float: left;
    width: 29%;
    box-sizing: border-box;
    padding-left: 10px;
    text-align: right;
}

.club-cont-box .col1 img {
    width: 96px;
    height: 100px;
}

.club-cont-box .col1-1 img {
    width: 50px;
    height: 100px;
}

.club-cont-box .col2 img {
    width: 30px;
    height: 30px;
}

.club-cont-box .font-blue {
    color: #7c91c1;
    font-size: 16px;
}

.club-cont-box .font-lgray {
    color: #979997;
}

.club-cont-box .font-dgray {
    color: #111;
}

.club-cont-box .bemember {
    color: #ed1c24;
    font-size: 13px;
}

.club-cont-box .btn {
    background: #c2c2c2;
    border: 1px solid #adadad;
    border-radius: 3px;
    padding: 5px 0;
    font-size: 14px;
    font-weight: bold;
    display: block;
    text-align: center;
}

.club-cont-box .accept {
    color: #111;
    float: right;
    width: 120px;
}

.club-cont-box .reject {
    color: #ed1c24;
    float: right;
    width: 120px;
}

.detailv {
    color: #111;
    width: 140px;
    margin: 10px auto;
    float: inherit !important;
}

.btnRed {
    line-height: 22px;
    background: linear-gradient(to bottom, #fb7272 0%, #e03734 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 1px solid #9c0606;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 3px 10px;
    box-sizing: border-box;
}

/*Center popup here*/

.cont-absol {
    margin: 0;
    position: fixed;
    z-index: 9999;
    top: 45%;
    left: 50%;
    margin-right: -50%;
    margin-bottom: -50%;
    transform: translate(-50%, -50%);
}

.cont-absol img {
    border: 1px solid #00a2e8;
    box-shadow: 0 0 7px #999;
    display: flex;
    border-radius: 10px;
}

.cont-absol .close {
    position: absolute;
    z-index: 10000;
    top: 10px;
    right: 10px;
    color: #111;
}

.cont-absol .close a {
    cursor: pointer;
}
/*new center popup here*/
.feedback-form {
    width: 600px;
    margin: 0 auto;
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 10px;
    font-family: Arial, sans-serif;
}

.feedback-form h2 {
    background-color: #800000;
    color: white;
    text-align: center;
    padding: 10px;
    margin: -20px -20px 20px -20px;
    border-radius: 10px 10px 0 0;
}

.form-content {
    display: flex;
}

#rating {
    width: 100%;
    padding: 10px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.rating {
    width: 30%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
}

.rating img {
    margin-right: 25px;
    width: 90px;
    height: 95px;
}

.rating label {
    text-align: center;
}

.stars {
    color: gold;
    text-align: center;
    margin: 10px 25px 10px 0px;
}

.feedback-section {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    margin-top: 10px;
}

.feedback-section textarea {
    display: block;
    width: 100%;
    padding: 0%;
}

textarea {
    height: 150px;
    padding: 10px;
    margin-top: 10px;
}

.button-section {
    text-align: center;
    margin-top: 20px;
}

button {
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
    margin: 0 10px;
}

.send {
    background-color: #f44336;
    color: white;
}

.cancel {
    background-color: #323232;
    color: white;
}

.toggle-buttons-container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
    margin-right: 19px;
}

.toggle-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #a5a3a3;
    border-radius: 20px;
    padding: 5px;
    background-color: #f9f9f9;
    margin: 0 8px;
}

.toggle-buttons input[type="radio"] {
    margin: 0 5px;
}

.feedback-label2 {
    background-color: #cbbceb;
    margin-top: 10px;
    display: block;
    width: 98.7%;
    padding: 1%;
}



.blank_input {
    width: 98%;
    margin-top: 10px;
}

.arrow {
    width: 0;
    height: 0;
    border-left: 10px solid transparent; /* Adjust size as needed */
    border-right: 10px solid transparent; /* Adjust size as needed */
    border-bottom: 20px solid gold; /* Change color to gold */
}
.rate {
    float: left;
    height: 46px;
    padding: 0 10px;
}
.rate:not(:checked) > input {
    position:absolute;
    top:-9999px;
}
.rate:not(:checked) > label {
    float:right;
    width:1em;
    overflow:hidden;
    white-space:nowrap;
    cursor:pointer;
    font-size:24px;
    color:#ccc;
}
.rate:not(:checked) > label:before {
    content: '★ ';
}
.rate > input:checked ~ label {
    color: #ffc700;    
}
.rate:not(:checked) > label:hover,
.rate:not(:checked) > label:hover ~ label {
    color: #deb217;  
}
.rate > input:checked + label:hover,
.rate > input:checked + label:hover ~ label,
.rate > input:checked ~ label:hover,
.rate > input:checked ~ label:hover ~ label,
.rate > label:hover ~ input:checked ~ label {
    color: #c59b08;
}

/*Center popup here*/

.fixed-center {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    margin-bottom: -50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

.fixed-center-pop {
    background: #fff;
    box-shadow: 0 0 5px #333;
    border-radius: 6px;
    padding: 10px;
}

.popup-close {
    float: right;
    margin-top: -15px;
    margin-right: -20px;
    font-size: 16px;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    padding-top: 3px;
    box-shadow: 0 0 3px #333;
    color: #333;
    line-height: 22px;
}

.popup-close a {
    display: block;
    color: #333;
}

.popup-overlay {
    position: fixed;
    z-index: 9999;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    opacity: 0.6;
    display: block;
}

.fixed .fixed-center {
    z-index: 11111111 !important;
}

.rof-popup {
    margin: 0;
    position: fixed;
    z-index: 9999;
    top: 100px;
    right: 302px;
    background: #fff;
    border-radius: 4px;
    border: 1px solid #111;
    width: 450px;
    padding: 10px;
}

.rof-popup .purple_apt {
    font-size: 18px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
}

.rof-popup .user-block {
    height: 440px;
    overflow-x: hidden;
    overflow-y: auto;
    margin-top: 10px;
}

.rof-popup .user-block ul {
    margin: 0;
    padding: 0;
    width: 100%;
}

.rof-popup .user-block ul li {
    display: inline-block;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #ccc;
    padding: 10px;
    border-collapse: collapse;
    border-bottom-width: 0px;
}

.rof-popup .user-block ul li:last-child {
    border-width: 1px;
}

.rof-popup .user-block ul li:hover {
    background: #e6e6e6;
}

.rof-popup .member_img_thumb {
    margin-bottom: 0;
    border-width: 0;
}

.rof-popup .member_img_thumb img {
    widows: 100%;
    height: 100%;
    border: 1px solid #bababa;
    margin: 0px;
}

.rof-popup .profile_detail {
    float: left;
    width: 82%;
    margin-left: 2%;
}

.rof-popup .new_member_title {
    color: #169AA6
}

.rof-popup .members {
    color: #666;
    font-size: 13px;
}

.rof-popup .user-block ul li:hover .new_member_title {
    color: #444;
}

.rof-popup .user-block ul li:hover .members {
    color: #169AA6;
}

.rof-popup .btn {
    float: left;
    display: block;
    padding: 0 10px;
    margin: 5px 10px 0 0;
    line-height: 26px;
    font-size: 15px;
    border-radius: 3px;
    width: auto;
}

.rof-popup .accept {
    color: #fff;
    background: #666;
    border: 1px solid #666;
}

.rof-popup .delete {
    float: right;
    color: #555;
    font-size: 18px;
}

/*************** package list popup *********************/

.ab-scroll-block {
    height: 530px;
    overflow-x: hidden;
    overflow-y: auto;
}

.ab-pop-close {
    float: right;
    margin-top: -20px;
    margin-right: -20px;
    font-size: 16px;
    width: 25px;
    height: 25px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    padding-top: 2px;
    box-shadow: 0 0 3px #333;
}

.ab-pop-close a {
    display: block;
    color: #333;
}

/**************** single user profile *********************/

.profile_lft {
    font-size: 14px;
}

.profile_lft .lft_item {}

.profile_lft .lft_item .left {
    float: left;
    margin-right: 20px;
}

.profile_lft .lft_item .left .profile_image {
    width: 100px;
    height: 100px;
}

.profile_lft .lft_item .right {
    float: left;
    width: 75%;
}

.profile_lft .fileUpload {
    position: relative;
    overflow: hidden;
    width: 120px;
}

.profile_lft .fileUpload input.browse {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.profile_lft .fileUpload span, .profile_lft .upload {
    font-family: 'segoe_uibold';
    display: inline-block;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    background: #3a3a3a;
    padding: 4px 15px;
}

.profile_lft .upload {
    margin-top: 10px;
}

.take-photo {
    padding-left: 140px;
    position: relative;
    min-height: 125px;
}

.take-photo .photo {
    /*float: left;*/
    position: absolute;
    top: 0;
    left: 0;
}

.take-photo .photo img {
    width: 125px;
    height: 125px;
}

.take-photo .upload_button {
    float: left;
    margin-top: 95staff whofsdfsdfsdfdsfpx;
}

.take-photo .upload_button1 {
    float: left;
    margin-top: 15px;
}

.take-photo .fileUpload {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    /*width: 120px;*/
}

.take-photo .fileUpload input.browse {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.take-photo .fileUpload span, .take-photo .upload {
    font-family: 'segoe_uibold';
    display: inline-block;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    background: #3a3a3a;
    padding: 4px 15px;
}

.take-photo .upload {
    margin-top: 10px;
}

.club-user-access-popup-scroll {
    height: 480px;
    overflow-y: auto;
    overflow-x: hidden;
}

.club-user-access-popup-tablecell {
    display: table-cell;
    height: 100%;
    width: 100%;
    vertical-align: middle;
}

.cuf-alert-popup {
    width: 650px;
    min-height: 140px;
    background: #F4EFCE;
    border: 1px solid #f00;
    border-radius: 4px;
    box-shadow: 0 0 6px #333;
    box-sizing: border-box;
    padding: 12px;
}

.cuf-alert-popup-card-payment_card {
    background: #f4efce none repeat scroll 0 0;
    border: 1px solid #f00;
    border-radius: 6px;
    box-shadow: 0 0 6px #333;
    box-sizing: border-box;
    min-height: 150px;
    padding: 15px;
    width: 650px;
}

.cuf-alert-popup-card-payment-five-day-msg {}

.cuf-alert-popup .title {
    color: #7a0000;
    font-size: 24px;
    padding: 5px 0;
}

.cuf-alert-popup .text {
    color: #7a0000;
    padding: 5px 0;
    font-size: 14px;
}

.cuf-alert-popup .subtitle {
    color: #7a0000;
    font-size: 16px;
    padding: 5px 0;
}

.cuf-alert-popup .date {
    color: #fff;
    background: #e3151a;
    font-size: 14px;
    padding: 3px 10px;
}

.cuf-alert-popup .cross {
    color: #e3151a;
}

.cuf-alert-popup .btn-row {
    padding: 5px 0;
    display: table;
    margin: 5px auto;
    width: 100%;
    text-align: center;
}

.cuf-alert-popup-message {
    width: 650px;
    min-height: 140px;
    background: #F4EFCE;
    border: 1px solid #f00;
    border-radius: 4px;
    box-shadow: 0 0 6px #333;
    box-sizing: border-box;
    padding: 12px;
}

.cuf-alert-popup-message .title {
    color: #7a0000;
    font-size: 24px;
    padding: 5px 0;
}

.cuf-alert-popup-message .text {
    color: #7a0000;
    padding: 5px 0;
    font-size: 14px;
}

.cuf-alert-popup-message .subtitle {
    color: #7a0000;
    font-size: 16px;
    padding: 5px 0;
}

.cuf-alert-popup-message .date {
    color: #fff;
    background: #e3151a;
    font-size: 14px;
    padding: 3px 10px;
}

.cuf-alert-popup-message .cross {
    color: #e3151a;
}

.cuf-alert-popup-message .btn-row {
    padding: 5px 0;
    display: table;
    margin: 5px auto;
    width: 100%;
    text-align: center;
}

.cuf-alert-popup-account {
    width: 600px;
    min-height: 200px;
    background: #F4EFCE;
    border: 1px solid #f00;
    border-radius: 4px;
    box-shadow: 0 0 6px #333;
    box-sizing: border-box;
    padding: 20px;
}

.cuf-alert-popup-account .title {
    color: #7a0000;
    font-size: 24px;
    padding: 5px 0;
}

.cuf-alert-popup-account .text {
    color: #7a0000;
    padding: 5px 0;
    font-size: 14px;
}

.cuf-alert-popup-account .subtitle {
    color: #7a0000;
    font-size: 16px;
    padding: 5px 0;
}

.cuf-alert-popup-account .date {
    color: #fff;
    background: #e3151a;
    font-size: 14px;
    padding: 3px 10px;
}

.cuf-alert-popup-account .cross {
    color: #e3151a;
}

.cuf-alert-popup-account .btn-row {
    padding: 5px 0;
    display: table;
    margin: 5px auto;
    width: 91%;
}

.cuf-alert-popup-card-payment {
    width: 600px;
    min-height: 200px;
    background: #F4EFCE;
    border: 1px solid #f00;
    border-radius: 6px;
    box-shadow: 0 0 6px #333;
    box-sizing: border-box;
    padding: 15px;
}

.cuf-alert-popup-card-payment-five-day-msg {
    width: 600px;
    min-height: 200px;
    background: #F4EFCE;
    border: 1px solid #f00;
    border-radius: 6px;
    box-shadow: 0 0 6px #333;
    box-sizing: border-box;
    padding: 15px;
}

.cuf-alert-popup-card-payment .title {
    color: #7a0000;
    font-size: 24px;
    padding: 5px 0;
}

.cuf-alert-popup-card-payment .text {
    color: #7a0000;
    padding: 5px 0;
    font-size: 14px;
}

.cuf-alert-popup-card-payment .subtitle {
    color: #7a0000;
    font-size: 16px;
    padding: 5px 0;
}

.cuf-alert-popup-card-payment .date {
    color: #fff;
    background: #e3151a;
    font-size: 14px;
    padding: 3px 10px;
}

.cuf-alert-popup-card-payment .cross {
    color: #e3151a;
}

.cuf-alert-popup-card-payment .btn-row {
    padding: 5px 0;
    display: table;
    margin: 5px auto;
    width: 91%;
}

.cuf-alert-popup-card-payment .subtitle-smartcard {
    color: #7a0000;
    font-size: 18px;
    padding: 5px 0;
    font-family: "open_sansbold";
}

.cuf-alert-close {
    color: #e3151a;
    float: right;
    font-size: 22px;
}

/******************* Buttons *******************/

.Event_select, .btn-red, .btn-gray, .btn-light-gray, .btn-medium-gray, .btn-white-gray {
    border-radius: 4px;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
    padding: 4px 12px;
    text-decoration: none;
    cursor: pointer;
    display: inline-block;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
}

.btn-medium-gray {
    color: #000;
    background: #cacaca;
    border: none;
}

.btn-red, .btn-gray {
    color: #fff;
}

.btn-light-gray {
    color: #111;
}

.btn-red {
    background: linear-gradient(to bottom, #fb7272 0%, #e03734 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    border: 1px solid #9c0606;
}

.btn-red:hover {
    background: linear-gradient(to bottom, #e03734 0%, #c32926 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.btn-gray {
    background: linear-gradient(to bottom, #666 0%, #333 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.btn-gray:hover {
    background: linear-gradient(to bottom, #444 0%, #222 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.btn-gray.big {
    min-width: 200px;
    padding: 12px;
}

.btn-light-gray {
    background: linear-gradient(to bottom, #e0e0e0 0%, #b0b0b0 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #b0b0b0;
}

.btn-light-gray:hover {
    background: linear-gradient(to bottom, #b0b0b0 0%, #999 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

input[type="buttonclockimg"].btn-red, input[type="submit"].btn-red {
    border: 1px solid #9c0606;
}

input[type="button"].btn-gray, input[type="submit"].btn-gray, input[type="reset"].btn-gray, button[type="submit"].btn-gray, button.btn-gray, button[type="reset"].btn-gray {
    border: 1px solid #333;
    line-height: 22px;
}

input[type="submit"] {
    margin: 0px 0;
}

/******************* Buttons *******************/

.v-detail-row {
    margin: 10px 0;
}

.v-detail-row span {
    float: left;
}

.v-detail-row .v-box {
    padding: 5px 10px;
    padding: 5px 10px;
    color: #111;
}

.v-detail-row .ds-box {
    background: #EBEBEB;
    border: 1px solid #ccc;
    padding: 5px 10px;
    color: #555;
}

.v-detail-row .de-box {
    background: #E3151A;
    border: 1px solid #ccc;
    padding: 5px 10px;
    color: #fff;
}

.shared-content-block {
    background: #f0f0f0;
    padding: 15px;
    border: 1px solid #dbdbdb;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    line-height: 22px;
}

.sh-c-row {
    padding: 10px 5px;
}

.sh-c-row .left {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding: 5px;
    line-height: 20px;
}

.sh-c-row .right {
    float: left;
    width: 50%;
}

.sh-c-row .right-1 {
    float: left;
    width: 10%;
    box-sizing: border-box;
    padding: 5px;
}

.sh-c-row .right-full {
    float: left;
    width: 75%;
}

.sh-btn-row {
    padding: 10px 0px;
    width: 200px;
    margin: 0 auto;
    box-sizing: border-box;
}

.sh-btn-row .btn-light-gray {
    color: #333;
}

.sh-select select {
    width: 110%;
}

.sh-info {
    font-size: 18px;
    color: #333;
}

/**************** Premium professional option **********************/

.pop-col {
    float: left;
    width: 50%;
    padding: 10px 0;
}

.pop-col span {
    float: left;
    margin-right: 10px;
    width: 26px;
    height: 26px;
    background: url("../img/pop-img.jpg") no-repeat;
}

.pop-col .span1 {
    background-position: -7px -6px;
}

.pop-col .span2 {
    background-position: -43px -6px;
}

.pop-col .span3 {
    background-position: -7px -42px;
}

.pop-col .span4 {
    background-position: -43px -42px;
}

.pop-col .span5 {
    background-position: -7px -78px;
}

.pop-col .span6 {
    background-position: -43px -78px;
}

.pop-block .btn-row {
    margin: 10px 0;
}

.pop-block .btn-call {
    float: left;
    padding: 6px 6px;
}

/*************** club social item **********************/

.csi-row .descript_block {
    width: 81.6% !important;
    box-sizing: border-box;
}

.csi-row .descript_block .desc_block {
    /*width: 20% !important;*/
    box-sizing: border-box;
}

.csi-row .img_block {
    min-height: 122px;
}

.csi-row .search_user {
    width: 13% !important;
    margin-right: 10px;
}

.csi-row .ordering {
    width: 20%;
}

.csi-row .search_block {
    width: 18% !important;
    margin-right: 10px;
}

.csi-row .search_block input[type="text"] {
    height: auto;
    line-height: 28px;
    width: 100%;
}

.csi-row .search_bt {
    margin-left: 0px;
}

.csi-row .search_bt .btnRed {
    font-size: 16px;
    font-weight: bold;
    line-height: 26px;
}

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

.hap-btn {
    position: absolute;
    right: 10px;
    top: 60px;
    z-index: 111;
}

.csi-row .descript_block .club-member-db {}

.club-member-db table {
    border-collapse: collapse;
    margin: -1px;
}

.club-member-db table td {
    border: 1px solid #989898
}

.club-member-db table td .desc_block {
    float: none;
    width: auto !important;
    border-right: none !important;
}

.club-member-db table td {
    width: 16.33%;
    vertical-align: top;
}

.club-member-db table td .desc_block .desc_title, .club-member-db table td .desc_block .desc_text {
    min-height: 30px;
}

.mcm-member-row {}

.mcm-member-row .filter a {
    width: auto;
}

.mcm-member-row .ordering {
    width: 14%;
}

.mcm-member-row .ordering-new {
    width: 14%;
    float: left;
    margin-right: 10px;
}

.mcm-member-row .search_user {
    width: 8% !important;
}

.mcm-member-row .search_block {
    width: 11% !important;
}

.mcm-table {}

.mcm-head {
    border: 1px solid #555;
}

.mcm-head td {
    background: #d9d2e9;
}

.mcm-content {
    border: 1px solid #bbb;
}

.mcm-content td {
    border-bottom: 1px solid #bbb;
}

.mcm-content tr:last-child td {
    border-bottom: none;
}

.mcm-table table {
    width: 100%;
    border-collapse: collapse;
}

.mcm-table tr:nth-child(2n+2) {
    background: #f1fafc;
}

.mcm-table td {
    vertical-align: middle;
    text-align: left;
    font-size: 13px;
    box-sizing: border-box;
    padding: 5px;
}

.mcm-table td:first-child, .mcm-table td:last-child {
    text-align: center;
}

.mcm-table .col1-check {
    width: 5%;
}

.mcm-table .col2-photo {
    width: 10%;
}

.mcm-table .col3-status {
    width: 13%;
}

.mcm-table .col4-name {
    width: 27%;
}

.mcm-table .col5-member {
    width: 20%;
}

.mcm-table .col6-debt {
    width: 10%;
}

.mcm-table .col7-expire {
    width: 15%;
}

.mcm-table .col2-photo img {
    width: 100%;
}

.cust-testi-select {}

.cust-testi-select .club-member-db table td.td-1 {
    width: 15% !important;
}

.cust-testi-select .club-member-db table td.td-2 {
    width: 15% !important;
}

.cust-testi-select .club-member-db table td.td-3 {
    width: 70% !important;
}

.cust-testi-select .csi-row .descript_block {
    width: 84.9% !important;
}

.cust-testi-select .csi-row .descript_block table {
    width: 100%;
}

.cust-testi-select .cust-testi-select .csi-row .descript_block {
    width: 100% !important;
}

.cust-testi-select .check_block {
    width: 4% !important;
}

.cust-testi-select .testimonial-lang-row .edit_pagelang a {
    font-size: 12px;
}

.cust-testi-select .edit_pagelang a {
    padding: 2px 5px;
    margin: 1px;
}

.cust-testi-select .testimonial-lang-row {
    padding: 0 0 0 110px;
}

.cust-testi-select table {
    width: 100%;
    border-collapse: collapse;
}

.cust-testi-select table td {
    padding: 0;
    border: 1px solid #aaa;
    font-weight: normal;
    text-align: center;
    vertical-align: top;
    text-align: center;
}

.cust-testi-select {}

.cust-testi-select .col-check {
    width: 5%;
    vertical-align: middle;
}

.cust-testi-select .col-img {
    width: 9%;
    vertical-align: middle;
}

.cust-testi-select .col-table {
    width: 27%;
}

.cust-testi-select .col-testi {
    width: 59%;
}

.cust-testi-select .col-img .colimgbox {
    width: 55px;
    height: 55px;
    overflow: hidden;
    margin: 0 auto;
}

.cust-testi-select .col-img .colimgbox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.cust-testi-select .col-img img {
    width: 60px;
}

.cust-testi-select table table td {
    width: 50%;
    border: none;
    border-bottom: 1px solid #989898;
    border-right: 1px solid #989898;
}

.cust-testi-select table table td:last-child {
    border-right: none;
}

.cust-testi-select table table tr:last-child td {
    border-bottom: none;
}

.cust-testi-select table table td .desc_block {
    float: none;
    width: auto;
}

.cust-testi-select table table td .desc_block {
    border-right: none !important;
}

.cust-testi-select table table td .desc_title {
    border-right: none !important;
}

.cust-testi-select table table td .desc_text {
    border-bottom: none;
    border-right: none
}

.cust-testi-select table td .commentesti {
    padding: 5px;
    line-height: 18px;
    text-align: left;
}

/******************** price cards css *****************/

.price-cards .row {
    border: 1px solid #ccc;
    padding: 10px;
    color: #111;
}

.price-cards .terms-row {}

.price-cards .terms-row span {
    float: left;
    margin-right: 10px;
    line-height: 30px;
    font-size: 14px;
}

.price-cards .message-row {}

.price-cards .message-row .editlast {
    width: 27%;
    font-size: 14px;
}

.price-cards .message-row .edit-language {
    width: 72%;
}

.price-cards .row .acc-select {
    width: 100px;
}

.price-cards .row .acc-select select {
    width: 120px;
}

.gray-tab {
    position: relative;
}

.gray-tab ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    width: 100%;
    display: table;
    border-bottom: 2px solid #777;
}

.gray-tab ul li {
    display: inline-block;
    float: left;
}

.gray-tab ul li a {
    background: url(../img/admin/admintab_bg.jpg) repeat-x bottom #bababa;
    display: block;
    padding: 10px 15px;
    color: #393838;
    font-size: 14px;
    font-weight: bold;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    margin: 0 2px;
}

.gray-tab ul li a:hover, .gray-tab ul li a.active {
    background: url(../img/admin/admin-tab-hover.jpg) repeat-x bottom #474747;
    color: #FFF !important;
}

.badges-row {
    width: 100%;
    display: table;
    font-size: 14px;
    margin: 2px 0;
    padding: 5px 0;
}

.badges-row .col-title {
    float: left;
    width: 35%;
    font-weight: bold;
    line-height: 24px;
}

.badges-row .col-box {
    float: left;
    width: 60px;
    margin: 0 5px;
    text-align: center;
}

.badges-row .pricing {
    font-size: 16px;
    line-height: 28px;
    font-weight: bold;
}

.badges-row .redbox {
    background: #ed1c24;
    text-align: center;
    color: #fff;
}

.badges-row .checkrowbox {
    border-bottom: 1px solid #999;
    text-align: center;
    margin-bottom: 10px;
}

.badges-row .checkbox {
    margin-bottom: -10px;
}

.badges-row-radio .checkbox {
    margin-bottom: -8px !important;
}

.badges-row .pricebox {
    background: #efe4b0;
    height: 30px;
    width: 40px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #b6b6b6;
}

.badges-row .t-pricebox {
    background: #fff200;
    height: 30px;
    width: 55px;
    text-align: center;
    line-height: 28px;
    border: 1px solid #b6b6b6;
}

.badges-row .pricebox input[type="text"], .badges-row .t-pricebox input[type="text"] {
    border: 0px solid #ccc;
    box-sizing: border-box;
    height: 30px;
    margin-left: 0px;
    padding: 5px;
    width: 100%;
    text-indent: inherit;
    font-weight: bold !important;
    color: #333;
}

.badges-row .pricebox input[type="text"] {
    background: #efe4b0;
}

.badges-row .t-pricebox input[type="text"] {
    background: #fff200;
}

/**************** historical of account purchased css *******************/

.his-acc-purchase {}

.his-acc-purchase .row {
    border: 1px solid #ccc;
    padding: 10px;
    color: #111;
}

.his-acc-purchase .check_link {
    float: left;
    line-height: 28px;
}

.back-btn-hofacutnt {
    float: left;
    margin-left: 10px;
}

.back-btn-hofacutnt .btn-black {
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
}

/****************** order to manufacture ********************/

.order-to-manu-tab .order-left {
    float: left;
}

.order-to-manu-tab .shipped-right {
    float: right;
}

.order-to-manu-tab .membership a {
    padding: 0 10px
}

.mo-user-list .check_block {
    padding-top: 10px;
}

.mo-user-list .circle {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 2px solid #555;
    margin: 4px;
}

.mo-user-list .green {
    background: #22B14C;
}

.mo-user-list .red {
    background: #eb1c24;
}

.mo-user-list .gray {
    background: #C3C3C3;
}

.mo-user-list .descript_block .desc_title, .mo-user-list .descript_block .desc_text {
    text-align: left;
    box-sizing: border-box;
    padding-left: 5px;
    padding-top: 0;
    word-wrap: break-word
}

.mo-user-list .col-1 {
    float: left;
    width: 14%;
    margin: 0;
}

.mo-user-list .col-2 {
    float: left;
    width: 12%;
    margin: 0;
}

.mo-user-list .col-3 {
    float: left;
    width: 16%;
    margin: 0;
}

.mo-user-list .col-4 {
    float: left;
    width: 10%;
    margin: 0;
}

.mo-user-list .col-5 {
    float: left;
    width: 11%;
    margin: 0;
}

.mo-user-list .col-6 {
    float: left;
    width: 12%;
    margin: 0;
}

.mo-user-list .col-7 {
    float: left;
    width: 11%;
    margin: 0;
}

.mo-user-list .col-8 {
    float: left;
    width: 14%;
    margin: 0;
}

.mo-user-list .col-9 {
    float: left;
    width: 12%;
    margin: 0;
}

/****************** order to manufacture with table ********************/

.mo-user-list table {
    width: 100%;
    border-collapse: collapse;
}

.mo-user-list table td {
    border: 1px solid #999;
}

.mo-user-list td.check_blockt {
    width: 3%;
    float: none;
}

.mo-user-list td.img_blockt {
    width: 10%;
    float: none;
}

.mo-user-list td.descript_block {
    width: 87%;
    float: none;
}

.mo-user-list td.img_blockt a {
    display: block;
    text-align: center;
}

.mo-user-list td.img_blockt img {
    width: 70px;
}

.mo-user-list td.descript_block {
    padding: 0px;
}

.mo-user-list td.descript_block table td {
    border: none;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    word-break: break-all;
    padding: 0;
}

.mo-user-list td.descript_block table tr td:last-child {
    border-right: none;
}

.mo-user-list td.descript_block table tr:last-child td {
    border-bottom: none;
}

.mo-user-list td.descript_block table tr td .desc_title {
    text-align: center;
    padding: 0;
    line-height: 20px;
    min-height: 35px;
}

.mo-user-list td.descript_block table tr td .desc_text {
    text-align: center;
    padding: 0;
    min-height: 35px;
    line-height: 16px;
}

.mo-user-list td.descript_block table tr td.col-1 {
    width: 15%;
    float: none;
}

.mo-user-list td.descript_block table tr td.col-2 {
    width: 10%;
    float: none;
}

.mo-user-list td.descript_block table tr td.col-3 {
    width: 15%;
    float: none;
}

.mo-user-list td.descript_block table tr td.col-4 {
    width: 15%;
    float: none;
}

.mo-user-list td.descript_block table tr td.col-5 {
    width: 15%;
    float: none;
}

.mo-user-list td.descript_block table tr td.col-6 {
    width: 10%;
    float: none;
}

.mo-user-list td.descript_block table tr td.col-7 {
    width: 10%;
    float: none;
}

.mo-user-list td.descript_block table tr td.col-8 {
    width: 10%;
    float: none;
}

/************* Height issues start ******************/

.mo-height-list .desc_text {
    min-height: 36px !important;
    line-height: 12px !important;
}

.mo-height-list .ibb_border {
    min-height: 130px !important;
}

.car-print-height .desc_title {
    min-height: 30px !important;
}

.car-print-height .desc_text {
    min-height: 42px !important;
}

.car-print-height .ibb_border {
    min-height: 156px !important;
}

.ibb_border-moul {
    border-left: 1px solid #909090;
    border-right: 1px solid #909090;
    height: 58px;
    text-align: center;
}

.ibb_border-moul img {
    max-height: 100%;
    max-width: 100%;
    padding: 4px;
    width: inherit !important;
    border-width: 0px !important;
}

.manuftr1 {
    width: 22% !important;
}

.manuftr1 select {
    width: 112% !important;
}

/************** For condition ********************/

.mo-user-list .normal_db {
    width: 97% !important;
}

.mo-user-list .normal_mode {
    width: 16.65% !important;
    border-left: 1px solid #989898;
    box-sizing: border-box;
}

/************* Historical card purchase *****************/

.hcp-user-list .user_list {}

.hcp-user-list .check_block {
    padding-top: 10px;
    width: 20px;
}

.hcp-user-list .img_block {
    width: auto;
    min-height: 110px;
}

.hcp-user-list .circle {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 2px solid #555;
    margin: 4px;
}

.hcp-user-list .green {
    background: #22B14C;
}

.hcp-user-list .red {
    background: #EB1C24;
}

.hcp-user-list .gray {
    background: #C3C3C3;
}

.hcp-user-list .descript_block {
    width: 83.2%
}

.hcp-user-list .descript_block .desc_title, .hcp-user-list .descript_block .desc_text {
    text-align: left;
    box-sizing: border-box;
    padding-left: 5px;
    padding-top: 0;
}

.hcp-user-list .col-1 {
    float: left;
    width: 16%;
}

.hcp-user-list .col-2 {
    float: left;
    width: 12%;
}

.hcp-user-list .col-3 {
    float: left;
    width: 22%;
}

.hcp-user-list .col-4 {
    float: left;
    width: 14%;
}

.hcp-user-list .col-5 {
    float: left;
    width: 12%;
}

.hcp-user-list .col-6 {
    float: left;
    width: 12%;
}

.hcp-user-list .col-7 {
    float: left;
    width: 12%;
}

.hcp-user-list .col-8 {
    float: left;
    width: 12%;
}

/*Historical card purchase*/

/***** manufacturing product add *****/

.manufacture-product {
    border: 4px solid #e8e8e8;
    padding: 10px;
}

.mp-form-block {}

.mp-field-row {
    float: left;
    width: 50%;
    padding: 5px 0;
}

.mp-field-row .left {
    float: left;
    width: 31%;
}

.mp-field-row .right {
    float: left;
    width: 69%;
}

.mp-field-row .titlefont, .mp-field-row-full .titlefont {
    font-weight: bold;
    line-height: 26px;
    padding-left: 10px !important;
    box-sizing: border-box;
}

.mp-field-row-full {
    float: left;
    width: 100%;
    padding: 5px 0;
}

.mp-field-row-full .left {
    float: left;
    width: 15.5%;
}

.mp-field-row-full .right {
    float: left;
    width: 84.5%;
}

.mp-field-row .right .col-1 {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-left: 5px;
}

.mp-field-row .right .col-2 {
    float: left;
    width: 50%;
    box-sizing: border-box;
    padding-left: 5px;
}

.mp-field-row .right .col-3 {
    float: left;
    width: 33.3%;
    box-sizing: border-box;
    padding-left: 5px;
}

.mp-field-row .right .col-3-2 {
    float: left;
    width: 66.66%;
    box-sizing: border-box;
    padding-left: 5px;
}

.mp-field-row-full .right .col-1 {
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding-left: 5px;
}

.mp-field-row-full .right .col-5 {
    float: left;
    width: 20%;
    box-sizing: border-box;
    padding-left: 5px;
}

.mp-field-row-full .right .col-6 {
    float: left;
    width: 13.8%;
    box-sizing: border-box;
    padding-left: 5px;
}

.mp-field-row .right .col-1 select {
    width: 110%;
}

.mp-field-row .right .col-2 select {
    width: 115%;
}

.mp-field-row .right .col-3 select {
    width: 125%;
}

.mp-field-row input[type="text"], .mp-field-row-full input[type="text"] {
    border: 1px solid #ccc;
    box-sizing: border-box;
    height: 30px;
    margin-left: 0px;
    padding: 5px;
    width: 100%;
}

.mp-btn-row {
    margin: 0 auto;
    text-align: center;
}

.mp-btn-row .btn-col {
    margin: 0 5px;
    display: inline-flex;
}

/***** payment form block *****/

.pfb-overlay {
    position: fixed;
    z-index: 999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
}

.payment-form-block {
    margin: 0;
    position: fixed;
    z-index: 1111;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    margin-bottom: -50%;
    transform: translate(-50%, -50%);
}

.payment-form {
    width: 500px;
    box-shadow: 0 0 8px #333;
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    position: relative;
}

.payment-form a.close {
    position: absolute;
    z-index: 1119;
    top: -8px;
    right: -8px;
    background: #fff;
    box-shadow: 0 0 3px #333;
    border-radius: 50%;
    padding: 2px 5px 1px 5px;
    cursor: pointer;
    color: #111;
    font-size: 16px;
}

.payment-form .green_row-pf {
    font-family: 'open_sansbold';
    font-size: 15px;
    color: #fff;
    padding: 5px 10px;
    background: #22b14c;
}

.payment-form table.payformtable {
    border-collapse: collapse;
    width: 100%;
}

.payment-form table.payformtable th {
    background: #d9d2e9;
}

.payment-form table.payformtable th, .payment-form table.payformtable td {
    padding: 5px;
    min-height: 30px;
    border: 1px solid #bbb;
    line-height: 20px;
    width: 30%;
    box-sizing: border-box;
    text-align: center;
}

.payment-form table.payformtable th:first-child, .payment-form table.payformtable td:first-child {
    width: 10%;
}

.payment-form-border {
    border: 1px solid #666;
}

.payment-form .row {
    padding: 7px;
    border: none;
}

.payment-form .bg-white {
    background: #fff;
}

.payment-form .bg-creamy {
    background: #efe4b0;
}

.payment-form .bbottom {
    border-bottom: 1px solid #ccc;
}

.payment-form .row .col {
    float: left;
    width: 25%;
}

.payment-form .row .col-left {
    float: left;
    width: 25%;
}

.payment-form .row .col-right {
    float: left;
    width: 75%;
}

.payment-form .row .col-right .col {
    float: left;
    width: 33.33%;
}

.payment-form .row .pro-image {
    text-align: center;
    margin: 3px;
}

.payment-form .row .pro-image img {
    width: 60px;
    height: 60px;
}

.payment-form .row .box-white, .payment-form .row .box-purple, .payment-form .row .box-red, .payment-form .row .box-gray {
    margin: 3px;
    padding: 3px 5px;
    line-height: 22px;
}

.payment-form .row .box-white, .payment-form .row .box-purple, .payment-form .row .box-gray {
    border: 1px solid #ccc;
}

.payment-form .row .box-red {
    border: 1px solid #ed1c24;
}

.payment-form .row .box-white {
    background: #fff;
}

.payment-form .row .box-purple {
    background: #d9d2e9;
}

.payment-form .row .box-red {
    background: #ed1c24;
    color: #fff;
}

.payment-form .row .box-gray {
    background: #c3c3c3;
}

.payment-form .row .box-white-input {
    margin: 3px;
    background: #fff;
}

.payment-form .row .box-gray-input {
    margin: 3px;
    background: #c3c3c3;
}

.payment-form .row .box-white-input input, .payment-form .row .box-gray-input input[type="text"] {
    border: 1px solid #ccc;
    box-sizing: border-box;
    height: 30px;
    margin-left: 0px;
    padding: 5px;
    width: 100%;
    text-indent: inherit;
}

.payment-form .row .box-gray-input input[type="text"] {
    background: #c3c3c3;
}

.payment-form .row .box-white select {
    width: 120%;
}

.payment-form-btn-row {
    margin: 5px auto;
    width: 175px;
}

.payment-form-btn-row a {
    margin: 0px 6px;
    float: left;
}

.payment-form-validation-row {
    margin: 5px auto 10px;
    width: 90%;
    text-align: center;
    color: #ed1c24;
}

/************* payment form block *****************/

/************** purchase a new stock of cards *****************/

.pns-stock-detail {
    font-family: 'segoe_uiregular';
}

.pns-stock-detail .col {
    box-sizing: border-box;
    padding: 5px;
}

.pns-stock-detail .col1, .pns-stock-detail .col5, .pns-stock-detail .col6 {
    float: left;
    width: 19%;
}

.pns-stock-detail .col2, .pns-stock-detail .col3, .pns-stock-detail .col4 {
    float: left;
    width: 14%;
}

.pns-stock-detail .col7 {
    float: left;
    width: 31%;
}

.pns-stock-detail .col1 select, .pns-stock-detail .col5 select, .pns-stock-detail .col6 select {
    width: 115%;
}

.pns-stock-detail .col2 select, .pns-stock-detail .col3 select, .pns-stock-detail .col4 select {
    width: 120%;
}

.pns-stock-detail .inputblock {
    background: #f5f5f5;
    border: 1px solid #c0c0c0;
    height: 35px;
}

.pns-stock-detail .leftd {
    float: left;
    width: 20%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}

.pns-stock-detail .rightd {
    float: left;
    width: 80%;
    font-size: 20px;
    font-weight: bold;
}

.pns-stock-detail .rightd input[type="text"] {
    padding: 5px 0 5px;
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    border-left: 1px solid #c0c0c0 !important;
    background: #fffcc6;
    border: 0px;
}

.pns-stock-detail input[type="text"] {
    border: 1px solid #ccc;
    box-sizing: border-box;
    height: 35px;
    margin-left: 0px;
    padding: 5px;
    width: 100%;
    text-indent: inherit;
}

.pns-btn-row {
    padding: 5px 10px;
}

.pns-btn-row a {
    float: right;
}

.payments-link-row {
    margin: 0 auto;
    width: 510px;
}

/**************** purchase a new stock of cards *****************/

.addastock {
    background: #efe4b0;
    border: 1px solid #7f7f7f;
    padding: 10px;
    margin-top: 10px;
}

.stock_detail {
    font-family: 'segoe_uiregular';
}

.stock_detail .column {
    float: left;
    width: 20%;
    box-sizing: border-box;
    padding: 5px;
}

.addstock_title {
    font-size: 22px;
    font-weight: bold;
    color: #111;
}

.stock_detail_title {
    font-size: 12px;
}

/**************** Right icons fixed *****************/

.right-icon-fixed, .righ-tp-icon {
    width: 50px;
    position: fixed;
    z-index: 1199;
    right: 0px;
    text-align: center;
    background: #fff;
    padding: 15px 0 15px 8px;
    border-radius: 20px 0px 0px 20px;
    box-shadow: 0 0 5px #666;
    border-right-width: 0px !important;
    border: 1px solid #E0483D;
}

.right-icon-fixed {
    top: 215;
}

.right-icon-fixed .text {
    color: #333;
    font-size: 11px;
    text-align: center;
    line-height: 16px;
}

.right-icon-fixed a {
    float: left;
    margin-left: 10px;
    background: #098591;
    box-shadow: 0 0 3px #555;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: block;
    position: relative;
}

.right-icon-fixed a span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    text-align: center;
    color: #fff;
    padding-top: 2px;
    font-size: 18px;
}

.right-icon-fixed .bug-report {
    border-bottom: 1px solid #ccc;
}

.right-icon-fixed .help {
    padding-top: 12px;
    border-bottom: 1px solid #ccc;
}

.right-icon-fixed .help-edit {
    padding-top: 12px;
    /*border-bottom: 1px solid #ccc;*/
}

.right-icon-fixed .help-edit span .fa-question {
    margin-left: -14px;
    color: #098591;
}

.right-icon-fixed>div:hover a {
    background: #8D051B
}

.right-icon-fixed .help-edit:hover a span .fa-question {
    color: #8D051B;
}

.right-help-support {
    right: -51px;
}

.righ-tp-icon {
    top: 165px;
    padding: 0 !important;
    border-radius: 15px 0px 0px 15px;
    height: 40px;
}

.righ-tp-icon a {
    font-size: 11px;
    padding: 13px 10px 11px 11px;
    color: #555;
    display: block;
}

/***************** Function training setting *****************/

.view-drop-country select {
    width: 110%;
}

.fts-block .left-col {
    float: left;
    width: 29%;
}

.fts-block .right-col {
    float: left;
    width: 69%;
    margin-left: 2%;
}

.fts-block .left-col .ad-tab-title-box {
    line-height: 4;
    font-weight: bold;
    padding-left: 25px;
}

.fts-block .right-col .ad-tab-titlt-box-right {
    line-height: 4;
    font-weight: bold;
    padding-left: 25px;
}

.lastID {
    border-right: 1px solid #fff;
    float: left;
    height: 30px;
    padding: 8px;
    position: relative;
    vertical-align: middle;
    width: 27%;
}

.feature_name {
    background: #f0f0f0;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    color: #000;
    padding: 5px 10px;
    line-height: 28px;
    width: 100%;
    display: table;
}

.sel_tab {
    background: #BABABA;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    color: #000;
    padding: 5px 10px;
}

.feature_name .left {
    float: left;
    width: 70%;
}

.feature_name .right {
    float: right;
    width: 25%;
}

/***************** Function training setting *****************/

.sp-payment-block {
    padding: 10px;
}

.spp-title {
    background: #4d81b8;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    padding: 5px;
}

.mbs-row {
    border: 1px solid #ccc;
    color: #111;
    padding: 10px;
    background: #E8E8E8;
}

.mbs-row .gymaccess {
    width: 200px;
    margin-left: 10px;
}

.mbs-row .gymaccess select {
    width: 112%;
}

/***************** Bug report css *****************/

.bug_report {
    background: #fff;
    height: auto;
    border: 1px solid #888;
    /*box-shadow:3px 4px 3px #ccc;*/
}

.bug_close {
    padding-right: 15px;
    float: left;
}

.bug_close img {
    width: 24px;
}

.bug_title {
    font-size: 16px;
    line-height: 24px;
    background: #f1f1f1;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 5px;
}

.bug_form {
    float: left;
    width: 50%;
}

.bug_cross {
    float: left;
    width: 50%;
    margin-top: 20px;
    text-align: center;
}

.bug_cross a img {
    width: 150px;
}

.bform_content {
    padding: 10px;
}

.bfomr {
    margin-bottom: 8px;
}

.bug_form input[type="text"], .bug_form textarea, .change-pass-popup input[type="text"], .change-pass-popup input[type="password"], .change-pass-popup textarea {
    border: 1px solid #c0c0c0;
    color: #888888;
    font-size: 13px;
    height: 30px !important;
    line-height: 24px;
    text-align: left;
    text-indent: 0px;
    width: 100%;
    box-sizing: border-box;
    padding: 5px;
}

.bug_form textarea {
    height: 80px !important;
}

.bug_send {
    padding: 6px 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 14px;
    background: #de4a4a;
    color: #fff;
    border: none;
}

.blink {
    padding-left: 8px;
    padding-top: 5px;
}

.bugrow_buttons {
    width: 70%;
    margin: 0 auto;
}

/***************** Bug report css *****************/

.requestDate .co-span {
    margin: 5px 20px 5px 0px;
    float: right;
}

.input-readonly {
    background: #f0f0f0;
}

/**************** Delete login css ****************/

.btn-delete-all {
    float: right;
}

.btn-delete-all a {
    background: #474747;
    color: #fff;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
    display: inline-block;
}

.delete-logins-row {}

.delete-logins-row th {
    border-bottom-width: 1px;
}

/***************** admin change password popup *****************/

.change-pass-popup {
    position: fixed;
    z-index: 9999;
    background: #fff;
    width: 400px;
    left: 50%;
    margin-left: -200px;
    top: 50%;
    margin-top: -100px;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 0 0 5px #333;
}

.change-pass-popup .cpp-content {
    padding: 20px;
    border: 1px solid #aaa;
}

.cpp-content .fieldrow {
    width: 100%;
    display: table;
    margin-bottom: 10px;
}

.cpp-content .left_row {
    float: left;
    width: 30%;
    line-height: 20px;
}

.cpp-content .right_row {
    float: left;
    width: 70%;
}

.cpp-content .button_row {
    width: 100px;
    margin: 0 auto;
}

.background_opacity {
    display: none;
    position: absolute;
    z-index: 9990;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.7;
}

.cpp-content .error {
    display: none;
    font-size: 15px;
    margin: 1px 0;
    color: red;
}

.cpp-close {
    background-color: #5c5c5c;
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff !important;
    cursor: pointer;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 0.5;
    overflow: visible;
    padding: 5px;
    position: absolute;
    right: -10px;
    top: -10px;
}

/********** admin change password popup css **********/

.card-magic-section {}

.card-magic-row {}

.card-magic-tabs {
    width: 100%;
    display: table;
}

.card-magic-tabs a {
    float: left;
    background: url(../img/admin/admintab_bg.jpg) repeat-x bottom #bababa;
    color: #393838;
    display: block;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 15px;
    text-align: center;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    margin-right: 5px;
}

.card-magic-tabs a:hover, .card-magic-tabs a.active {
    background: url(../img/admin/admin-tab-hover.jpg) repeat-x bottom #474747;
    color: #FFF !important;
}

.card-magic-section .row {
    border: 1px solid #ccc;
    color: #111;
    padding: 15px 10px;
    background: #e8e8e8;
}

.card-magic-content {
    box-sizing: border-box;
    width: 100%;
    display: table;
    margin-top: -1px;
}

.card-magic-content .col {
    float: left;
    margin-right: 8px;
    line-height: 30px;
}

/***************** manage your cards *****************/

.manage-card-title-tab, .manage-card-list-tab {
    border-bottom: 1px solid #b2b2b2;
    width: 100%;
    box-sizing: border-box;
    display: table;
}

.manage-card-title-tab a, .manage-card-list-tab a {
    background: #bababa url("../img/admin/admintab_bg.jpg") repeat-x scroll center top;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    position: relative;
    font-family: 'calibriregular';
    font-size: 13px;
    font-weight: bold;
    padding: 7px 9px;
    text-align: center;
    color: #333;
    display: block;
    float: left;
    margin-right: 5px;
}

.manage-card-title-tab a.active, .manage-card-list-tab a.active {
    background: #474747 url("../img/admin/admin-tab-hover.jpg") repeat-x scroll center bottom;
    color: #fff !important;
}

.manage-card-tabs {
    border-bottom: 1px solid #333;
    width: 100%;
    box-sizing: border-box;
    display: table;
}

.manage-card-tabs a {
    float: left;
    background: linear-gradient(to bottom, #515151 0%, #515151 47%, #363636 48%, #515151 99%);
    display: inline-block;
    font-family: "open_sansregular";
    font-size: 15px;
    font-weight: bold;
    padding: 7px 15px;
    text-align: center;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-right: 5px;
    color: #fff;
}

.manage-card-tabs a:hover, .manage-card-tabs a.active {
    background: linear-gradient(to bottom, #008080 0%, #008080 47%, #035f5f 48%, #008080 99%);
    color: #FFF !important;
}

.assign-card-tabs {
    width: 100%;
    box-sizing: border-box;
    display: table;
}

.assign-card-tabs a {
    float: left;
    margin-right: 5px;
}

.mcs-row {
    width: 100%;
    box-sizing: border-box;
    display: table;
}

.mcs-row .search_user {
    width: inherit;
}

.mcslist-block {
    background: #e8e8e8;
    border: 1px solid #ccc;
}

.mcslist-block .club-status {
    float: left;
    width: 72%;
    box-sizing: border-box;
    border-right: 1px solid #ccc;
}

.mcslist-block .system-status {
    float: left;
    width: 28%;
    box-sizing: border-box;
}

.mcslist-block .main-title-row, .mcslist-block .sub-title-row, .mcslist-block .list-row {
    border-bottom: 1px solid #ccc;
    width: 100%;
    display: table;
    position: relative;
}

.list-row.white {
    background-color:#fff;
}

.list-row.greyed, .list-row.greyed div, .list-row.greyed input {
    background-color:#e8e8e8 !important;
}

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

.mcslist-block .list-row:hover, .mcslist-block .list-row.active {
    background: #dff3f9;
}

.inactive {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity: 0.3;
    z-index: 111;
}

.mcslist-block .main-title-row .club-status {
    background: #fffee8;
}

.mcslist-block .main-title-row .system-status {
    background: #dff3f9;
}

.mcslist-block .main-title-row .club-status {
    color: #8c051b;
    padding: 8px 5px;
    min-height: 36px;
    position: relative;
}

.mcslist-block .main-title-row .system-status {
    color: #8c051b;
    padding: 12px 5px 7px;
    min-height: 46px;
    position: relative;
}

.mcslist-block .sub-title-row .club-status, .mcslist-block .sub-title-row .system-status {
    color: #111;
    font-size: 13.5px;
}

.mcslist-block .list-row .club-status, .mcslist-block .list-row .system-status {
    color: #333;
    font-size: 13.5px;
}

.ss-noneditable-block {
    position: absolute;
    z-index: 111;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #000;
    opacity: 0.1;
}

.noeditable-block {
    position: absolute;
    z-index: 111;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    opacity: 0.1;
}

.mcslist-block .cards {
    width: 13%;
}

.mcslist-block .assign {
    width: 12%;
}

.mcslist-block .qrcode {
    width: 16%;
}

.mcslist-block .suspend {
    width: 23%;
}

.mcslist-block .last-user {
    width: 36%;
}

.mcslist-block .enable {
    width: 52%;
}

.mcslist-block .date-block {
    width: 48%;
}

.mcslist-block .cards, .mcslist-block .assign, .mcslist-block .suspend, .mcslist-block .last-user, .mcslist-block .qrcode, .mcslist-block .enable, .mcslist-block .date-block {
    float: left;
    box-sizing: border-box;
    padding: 4px 4px 4px 4px;
    min-height: 46px;
    line-height: 15px;
}

.mcslist-block .cards, .mcslist-block .assign, .mcslist-block .qrcode, .mcslist-block .last-user, .mcslist-block .suspend {
    border-right: 1px solid #ccc;
    position: relative;
}

.mcslist-block .suspend input[type=text] {
    width: 68px !important;
    font-size: 12px;
}

.mcslist-block .suspend input[type=checkbox] {
    width: auto !important;
}

.mcslist-block .circle {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid #333;
}

.mcslist-block .circle, .mcslist-block input[type="checkbox"] {
    float: left;
    margin: 6px 4px;
}

.mcslist-block .list-row input[type="text"] {
    float: left;
    width: 60px;
    height: 26px;
    margin: 0px 2px;
}

.mcslist-block .green-bg {
    background: #b5e61d;
}

.mcslist-block .red-bg {
    background: #eb1c24;
}

.mcslist-block .gray-bg {
    background: #c3c3c3;
}

.mcslist-block .yellow-bg {
    background: #ffc90e;
}

.mcslist-block .white-bg {
    background: #ffffff;
}

.mcslist-block .list-row .enable span, .mcslist-block .list-row .enable input[type="radio"] {
    float: left;
    margin: 6px 0;
    line-height: 14px;
}

.mcslist-block .list-row .enable span {
    margin-right: 8px;
    margin-left: 2px;
}

.mcs-btn-row {
    margin: 0 -3px;
}

.mcs-col {
    float: left;
    margin: 0 3px;
}

.mcs-btn-row a {
    background: #bababa url("../img/admin/admintab_bg.jpg") repeat-x scroll center top;
    border-radius: 4px;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    color: #333;
    float: left;
    padding: 3px 6px;
    border: 1px solid #bbb;
}

.mcs-input1 {
    width: 60px;
}

.mcs-input2 {
    width: 70px;
}

.e-input {
    width: 90px !important;
    float: left;
}

.mcs-input2 input[type="text"] {
    height: 26px;
}

.mcslist-block .historical-mtr .club-status {
    background: #c8bfe7;
}

.mcslist-block .historical-mtr .system-status {
    background: #dff3f9;
}

.mcslist-block .historical-mtr .club-status, .mcslist-block .historical-mtr .system-status {
    min-height: 36px;
}

.mcslist-block .system-status span {
    float: right;
    margin-right: 0;
    margin-left: 4px;
    line-height: 22px;
}

.system-status-title {
    text-align: center;
    line-height: 24px;
    padding: 5px;
}

.mcslist-main-block {
    background: #e8e8e8;
    border: 1px solid #555;
}

.mcs-save-exit-row {
    width: 140px;
    margin: 0 auto 10px;
    display: table;
}

/***************** manage card list page *****************/

.card-lists-popup-overlay {
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
}

.card-lists-popup {
    margin: 0;
    position: fixed;
    z-index: 9999;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    margin-bottom: -50%;
    transform: translate(-50%, -50%);
}

.card-lists-popup .mcslist-main-block {
    width: 900px;
    padding: 10px;
}

.mcslist-assign-block .club-status {
    width: 63% !important;
}

.mcslist-assign-block .system-status {
    width: 37% !important;
}

.mcslist-assign-block .system-status .mcs-btn-row {
    margin-left: 2px;
    margin-top: 1px;
}

.mcslist-assign-block .system-status .mcs-btn-row #Assing_card_toUser {
    margin-left: 2px;
}

.mcslist-assign-block .system-status .mcs-btn-row #Assing_card_toUser a {
    padding: 5px 10px;
}

.imgfitness {
    float: left;
    width: 100px;
    height: 90px;
    margin-right: 10px;
    border: 1px solid #aaa;
    text-align: center;
}

.imgfitness img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.adjusterfitness {
    float: left;
    width: 70px;
    text-align: center;
    padding-top: 10px;
}

.adjusterbox {
    float: left;
    width: 120px;
    display: block;
    text-align: center;
    padding: 5px;
}

/***************** service page css (css from admin) *****************/

.admin_tab {
    background: url(../img/admin/admintab_bg.jpg) repeat-x bottom #bababa;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    position: relative;
}

.admin_tab ul {
    padding: 0px;
    margin: 0px;
}

.admin_tab ul li {
    padding: 0px;
    margin: 0px;
    display: inline-block;
    float: left;
    list-style: none;
}

.admin_tab ul li a {
    display: block;
    padding: 10px 11px;
    text-align: center;
    color: #393838;
    font-size: 14px;
    font-weight: bold;
}

.admin_tab ul li a:hover, .admin_tab ul li a.active, .admin_tab_active {
    background: url(../img/admin/admin-tab-hover.jpg) repeat-x bottom #474747;
    color: #FFF !important;
}

.admin_tab ul li:first-child a {
    border-top-left-radius: 7px;
}

.add-item-row {
    font-family: "open_sansbold";
    font-size: 14px;
    position: relative;
}

.add-item-row a, .add-item-row button[type="button"], .add-item-row input[type="submit"] {
    background: #474747 url("../img/admin/admin-tab-hover.jpg") repeat-x scroll center bottom;
    border-radius: 4px;
    color: #fff !important;
    display: block;
    float: left;
    font-weight: normal;
    line-height: 30px;
    margin: 0 2px;
    padding: 3px 10px;
}

.add-item-row button[type="button"] {
    border: none;
    border-width: 0px;
    padding: 2px 10px;
}

.add-edit-row-title {
    padding: 4px 10px;
    color: #333;
}

.add-edit-row-title .colk {
    float: left;
}

.add-edit-row-title .col-category {
    width: 20%;
}

.add-edit-row-title .col-name {
    width: 40%;
}

.add-edit-row-title .col-inputbox {
    width: 20%;
}

.add-edit-row-title .col-edit {
    width: 20%;
}

.add-edit-row-title .col-category-area {
    width: 80%;
}

.add-edit-row {
    background: #dcdada;
    border-radius: 3px;
    padding: 8px 10px;
    margin-bottom: 8px;
}

.add-edit-row .colk {
    float: left;
}

.add-edit-row .col-category {
    width: 20%;
    color: #a9021c;
    font-size: 20px;
}

.add-edit-row .col-name {
    width: 40%;
    color: #111;
    font-size: 20px;
}

.add-edit-row .col-inputbox {
    width: 20%;
}

.add-edit-row .col-edit {
    width: 20%;
    text-align: right;
    padding-top: 5px;
}

.add-edit-row .col-category-area {
    width: 80%;
    color: #a9021c;
    font-size: 20px;
}

.add-edit-row .col-inputbox .inputbox {
    background: #fff;
    border: 1px solid #888;
    padding: 3px 5px;
}

.add-edit-row .col-edit a {
    color: #111;
    margin: 5px;
}

.add-edit-row .col-edit a:hover {
    color: #a9021c;
}

.add-edit-row .col-addnew {
    width: 80%;
    position: relative;
}

.add-edit-row .col-addnew a {
    color: #444;
}

.no-padding-top {
    padding-top: 0 !important;
}

.addnew-absolute {
    position: absolute;
    z-index: 111;
    top: 25px;
    left: 0px;
}

.addnew-center-bot {
    position: absolute;
    z-index: 111;
    top: -45px;
    left: 50%;
    margin-left: -140px;
}

.addnew-center {
    position: fixed;
    z-index: 111;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -150px;
    transform: translate(-50%, -50%);
}

.addnew-absolute {
    width: 380px;
    border: 1px solid #666;
    padding: 10px;
    background: #fff;
    border-radius: 4px;
}

.addnew-popup {
    width: 380px;
    padding: 10px;
    background: #fff;
}

.addnew-popup .rowk {
    margin-bottom: 10px;
    width: 100%;
    display: table;
}

.addnew-popup .rowk .costk {
    color: #111;
}

.addnew-popup .rowk .pricek {
    font-size: 25px;
    color: #a9021c;
    position: relative;
}

.addnew-popup .rowk .pricek span {
    padding: 0 5px;
    background: #ccc;
    border: 1px solid #555;
}

.addnew-popup .rowk .btn-red {
    font-weight: bold;
    float: none;
    display: inline-block;
}

.addnew-popup .rowk .btn-gray {
    font-weight: bold;
    float: none;
    display: inline-block;
}

.addnew-popup .leftk {
    float: left;
    margin-top: 5px!important;
    margin-left: 10px;
}

.addnew-popup .handd {
    float: left;
    margin-top: 5px!important;
    margin-left: 10px;
}

.addnew-popup .rightk {
    float: left;
    ;
    margin-left: 5%;
    position: relative;
}

.addnew-popup .rightk .ordering {
    width: 160px;
}

.addnew-popup .rightk .ordering select {
    width: 180px;
}

/*.addnew-popup .rightk input[type="text"]{width:150px;}*/

.pricekinr {
    position: absolute;
    top: 8px;
    right: -25px;
    font-size: 16px;
}

.save-exit-row {
    text-align: center;
}

.save-exit-row a, .save-exit-row button, .save-exit-row input[type="submit"] {
    display: inline;
    border-radius: 4px;
    text-align: center;
    color: #111;
    margin: 5px;
    border-width: 0px;
    padding: 6px 20px;
    background: linear-gradient(to bottom, #fb7272 0%, #e03734 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #9c0606;
}

.save-exit-row a {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fb7272 0%, #e03734 100%) repeat scroll 0 0 !important;
    padding: 7px 20px;
    color: #fff;
}

/***************** membertyp discount page *****************/

.mmtype-title-row .colm, .mmtype-minititle-row .colm, .mmtype-content-row .colm {
    float: left;
    margin: 0.3%;
}

.mmtype-title-row, .mmtype-content-row {
    background: #dcdada;
    border-radius: 3px;
    margin-bottom: 8px;
    padding: 5px 10px;
    border: 1px solid #888;
}

.mmtype-title-row {
    font-size: 14px;
}

.mmtype-minititle-row {
    padding: 0px 10px;
    font-size: 11px;
}

.mmtype-content-row {
    font-size: 14px;
}

.mmtype-title-row .col-mmt {
    width: 10%;
}

.mmtype-title-row .col-mmdsct {
    width: 47%;
}

.mmtype-title-row .col-aft {
    width: 7%;
}

.mmtype-title-row .col-debt {
    width: 6%;
}

.mmtype-title-row .col-yn {
    width: 3%;
}

.mmtype-title-row .col-header {
    width: 7%;
}

.mmtype-title-row .col-model {
    width: 7%;
}

.mmtype-title-row .col-last {
    width: 7%;
}

.mmtype-minititle-row .colm {
    line-height: 16px;
}

.mmtype-minititle-row .col-sr, .mmtype-content-row .col-sr {
    width: 8%;
}

.mmtype-minititle-row .col-subs, .mmtype-content-row .col-subs {
    width: 7.2%;
}

.mmtype-minititle-row .col-cost, .mmtype-content-row .col-cost {
    width: 7%;
}

.mmtype-minititle-row .col-max, .mmtype-content-row .col-max {
    width: 7%;
}

.mmtype-minititle-row .col-yn, .mmtype-content-row .col-yn {
    width: 3%;
    text-align: center;
}

.mmtype-minititle-row .col-ab, .mmtype-content-row .col-ab {
    width: 6.5%;
}

.mmtype-minititle-row .col-sel, .mmtype-content-row .col-sel {
    width: 11%;
}

.mmtype-minititle-row .col-edit, .mmtype-content-row .col-edit {
    width: 6%;
}

.mmtype-content-row .col-edit {
    text-align: right;
    padding-top: 5px;
}

.mmtype-content-row .col-edit a {
    color: #111;
    margin: 3px;
    display: inline;
    font-size: 15px;
}

.mmtype-content-row .col-edit a:hover {
    color: #a9021c;
}

.mmtype-content-row .colbox {
    background: #fff;
    border: 1px solid #888;
    box-sizing: border-box;
    padding: 5px 3px;
}

.mmtype-content-row .colbox input[type="text"] {
    border-width: 0;
    margin: -5px -3px;
    padding: 4px;
    width: 108% !important;
}

.mmtype-content-row .col-yn-check {
    padding-top: 6px;
    text-align: center;
}

.mmtype-relative {
    position: relative;
    min-height: 1px;
}

.mmtype-edit-popup {
    position: fixed;
    z-index: 111;
    top: 50%;
    left: 50%;
    margin-top: -80px;
    margin-left: -400px;
    width: 800px;
    border-radius: 6px;
    padding: 10px;
    border: 1px solid #888;
    background: #fff;
    box-shadow: 0 0 6px #555;
}

.mmtype-edit-popup .mmtype-minititle-row {
    padding: 0;
}

.mmtype-edit-popup .mmtype-content-row {
    border: 0;
    background: #fff;
    padding: 0;
}

.mmtype-btn-row {
    text-align: center;
    padding: 5px;
    margin-bottom: 5px;
}

.mmtype-btn-row a.btn, .mmtype-btn-row button[type="button"].btn, .mmtype-btn-row button[type="submit"].btn, .mmtype-btn-row input[type="button"].btn, .mmtype-btn-row input[type="submit"].btn, .save-btn {
    background: linear-gradient(to bottom, #fb7272 0%, #e03734 100%) repeat scroll 0 0;
    border: 1px solid #9c0606;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    padding: 6px 15px;
    margin: 0 6px;
    width: auto;
    float: none;
    line-height: 19px;
}

.mmtype-btn-row .gray-btn {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #525252 1%, #2b2b2b 100%) repeat scroll 0 0 !important;
    border: 1px solid #111 !important;
}

/***************** for popup section edit *****************/

.mmtype-edit-popup .mmtype-minititle-row .col-sr, .mmtype-edit-popup .mmtype-content-row .col-sr {
    width: 13%;
}

.mmtype-edit-popup .mmtype-title-row .col-mmt {
    width: 12%;
}

.mmtype-edit-popup .mmtype-title-row .col-mmdsct {
    width: 48%;
}

.mmtype-edit-popup .mmtype-title-row .col-yn {
    width: 3%;
}

.mmtype-edit-popup .mmtype-minititle-row .col-sel, .mmtype-edit-popup .mmtype-content-row .col-sel {
    width: 12%;
}

.mmtype-edit-popup .mmtype-title-row .col-debt {
    width: 7%;
}

.mmtype-edit-popup .mmtype-content-row .colbox input[type="text"] {
    width: 105% !important;
}

.mmtype-edit-popup .select-sel select {
    width: 115px;
}

.mmtype-btn-row button[type="button"].btn, .mmtype-btn-row button[type="submit"].btn {
    padding: 5px 20px;
}

.mmtype-btn-row input[type="submit"].btn {
    padding: 5px 20px;
}

.select-ab select {
    width: 70px;
}

.select-sel select {
    width: 90px;
}

/***************** club setting typology subscription add *****************/

.typo-blue-title-row {
    background: #0060c0;
    border: 1px solid #0060c0;
    font-family: 'open_sansbold';
    font-size: 16px;
    color: #fff;
    padding: 5px 10px;
}

.red-title-row {
    background: #880015;
    color:#fff;
    font-size: 16px;
    padding: 5px !important;
    border: 1px solid #000;
}

.typo-blue-content {
    border: 1px solid #0060c0;
    padding: 10px;
    background: #f9f9f9;
    font-size: 15px;
}

.cts-fieldrow {
    padding: 4px 0;
    box-sizing: border-box;
    width: 100%;
    display: block;
    min-height: 36px;
    line-height: 24px;
}

.cts-fieldrow .col-1 {
    float: left;
    width: 18%;
    margin-right: 2%;
    text-align: right;
}

.cts-fieldrow .col-2 {
    float: left;
    width: 78%;
    margin-right: 0%;
}

.cts-fieldrow .col-2-1 {
    float: left;
    width: 38%;
    margin-right: 2%;
}

.cts-fieldrow .col-2-2 {
    float: left;
    width: 25%;
    margin-right: 2%;
}

.cts-fieldrow .col-3 {
    float: left;
    width: 38%;
    margin-right: 0%;
}

.cts-fieldrow .col-3-1 {
    float: left;
    width: 18%;
    margin-right: 2%;
    text-align: right;
}

.cts-fieldrow .col-4 {
    float: left;
    width: 31%;
    margin-right: 0%;
}

.cts-2 select {
    width: 105%;
}

.cts-2-1 select {
    width: 109%;
}

.cts-input input[type="text"] {
    width: 100%;
    box-sizing: border-box;
}

.cts-hr {
    border-bottom: 1px solid #c0c0c0;
    margin-bottom: 5px;
    padding-top: 5px;
}

span a.opentab {
    background: #ffffff;
    border: 1px solid #c0c0c0;
    height: 27px;
    width: 28px;
    display: block;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
}

.limit-title {
    font-size: 18px;
    padding-bottom: 5px;
}

input[type="text"].maxlimit {
    width: 70px;
    background: #eee;
}

.limit-row {
    padding: 5px 0;
}

.limit-row .left1 {
    float: left;
    width: 20%;
    margin-right: 2%;
}

.limit-row .right1 {
    float: left;
    width: 78%;
    margin-right: 0%;
}

.limit-row .right1 span {
    float: left;
    width: 35px;
    margin-right: 5px;
}

.limit-row .right1 span input[type="text"] {
    width: 100%;
}

.redtext {
    color: #d9261b;
}

.session-box {
    background: #eaeaea;
    border: 1px solid #ccc;
    padding: 10px;
}

.session-box .sessionleft {
    float: left;
    width: 50%;
    margin-right: 2%;
}

.session-box .sessionright {
    float: left;
    width: 48%;
    margin-right: 0;
}

.subscription-btns {
    padding: 5px 0;
    text-align: right;
}

.subscription-btns a, .subscription-btns button {
    background: #ccc none repeat scroll 0 0;
    border: 1px solid #666;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    margin: 5px;
    padding: 5px 0;
    text-align: center;
    width: 90px;
}

/***************** club setting typology subscription add end *****************/

/***************** club setting typology subscription *****************/

.typo-darksky-title-row {
    background: #7092be;
    font-family: 'open_sansbold';
    font-size: 16px;
    color: #fff;
    padding: 5px 10px;
}

.tab-btn-row {
    display: table;
    margin-top: 10px;
    width: 100%;
}

.tab-btn-row ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.tab-btn-row ul li {
    float: left;
    display: inline;
    margin: 0 5px;
}

.tab-btn-row ul li a {
    display: block;
    padding: 5px 20px;
    border-radius: 4px;
    color: #333;
    border: 1px solid #999;
    background: #bcbcbc;
    /* Old browsers */
    background: -moz-linear-gradient(top, #bcbcbc 0%, #dadada 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #bcbcbc 0%, #dadada 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #bcbcbc 0%, #dadada 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcbcbc', endColorstr='#dadada', GradientType=0);
    /* IE6-9 */
}

.activity-title-row {
    border: 1px solid #888;
    border-bottom-width: 0px;
    font-size: 15px;
}

.activity-content-row {
    border: 1px solid #888;
    font-size: 15px;
}

.cola0, .cola1, .cola2, .cola3, .cola4, .cola5, .cola6, .cola7 {
    float: left;
    box-sizing: border-box;
    padding: 5px;
    min-height: 40px;
}

.cola-radio, .cola-check, .cola-active, .cola-cost, .cola-comm, .cola-renew, .cola-corenew {
    float: left;
    box-sizing: border-box;
    padding: 4px;
    min-height: 40px;
}

.cola0 {
    width: 5%;
}

.cola1 {
    width: 20%;
}

.cola2 {
    width: 35%;
}

.cola3 {
    width: 8%;
}

.cola4 {
    width: 8%;
}

.cola5 {
    width: 8%;
}

.cola6 {
    width: 8%;
}

.cola7 {
    width: 8%;
}

.cola-radio {
    width: 4%;
    text-align: center;
}

.cola-check {
    width: 6%;
    text-align: center;
}

.cola-active {
    width: 22%;
}

.cola-cost {
    width: 8%;
}

.cola-comm {
    width: 9%;
}

.cola-renew {
    width: 7%;
}

.cola-corenew {
    width: 8%;
}

.activity-content-row .cola0, .activity-content-row .cola1, .activity-content-row .cola2, .activity-content-row .cola3, .activity-content-row .cola4, .activity-content-row .cola5, .activity-content-row .cola6 {
    border-right: 1px solid #ccc;
}

.activity-content-row .cola-radio, .activity-content-row .cola-check, .activity-content-row .cola-active, .activity-content-row .cola-cost, .activity-content-row .cola-comm, .activity-content-row .cola-renew {
    border-right: 1px solid #ccc;
}

.na-input input[type="text"] {
    width: 100%;
    height: 30px;
}

.fit-select select {
    width: 120%;
}

.in-check {
    text-align: center;
    padding-top: 8px;
}

.in-radio {
    text-align: center;
    padding-top: 8px;
}

.error {
    color: red;
    font-size: 13px;
}

/***************** club setting typology subscription pricelist *****************/

.session-box-p {
    border: 1px solid #bbb;
    padding: 15px 10px 10px;
    position: relative;
    margin-top: 17px;
}

.active-title {
    position: absolute;
    top: -15px;
    left: 10px;
    padding: 5px 10px;
    background: #eee;
}

.session-box-p input[type="radio"] {
    margin-right: 5px;
}

.cts-input {
    position: relative;
}

.cts-percent {
    position: absolute;
    top: 5px;
    right: -15px;
}

input[type="text"].maxsuspension {
    width: 60px;
    background: #fff;
}

.cts-fieldrow .colsp-1 {
    float: left;
    width: 40%;
    margin-right: 2%;
    text-align: right;
    line-height: 28px;
}

.cts-fieldrow .colsp-2 {
    float: left;
    width: 55%;
    margin-right: 0%;
}

.cts-fieldrow .colsp-2-1 {
    float: left;
    width: 25%;
    margin-right: 2%;
}

.cts-fieldrow .colsp-3 {
    float: left;
    width: 30%;
    margin-right: 0%;
}

.cts-fieldrow .colsp-2-2 {
    float: left;
    width: 15%;
    margin-right: 2%;
}

.cts-fieldrow .colsp-3-1 {
    float: left;
    width: 15%;
    margin-right: 2%;
    text-align: right;
}

.cts-fieldrow .colsp-4 {
    float: left;
    width: 20%;
    margin-right: 0%;
}

.cts-fieldrow .colsp-1-1 {
    float: left;
    width: 23%;
    margin-right: 2%;
    text-align: right;
    line-height: 28px;
}

.cts-fieldrow .colsp-3-2 {
    float: left;
    width: 23%;
    margin-right: 2%;
    text-align: right;
    line-height: 28px;
}

.cts-fieldrow .colsp-50 {
    float: left;
    width: 48%;
    margin-right: 2%;
    line-height: 28px;
}

.cts-fieldrow .colsp-20 {
    float: left;
    width: 15%;
    margin-right: 2%;
    line-height: 28px;
}

.cts-fieldrow .colsp-40 {
    float: left;
    width: 35%;
    margin-right: 2%;
    line-height: 28px;
}

.cts-fieldrow .colsp-10 {
    float: left;
    width: 11%;
    margin-right: 2%;
    line-height: 28px;
}

.cts-fieldrow .colsp-70 {
    float: left;
    width: 65%;
    margin-right: 2%;
    line-height: 28px;
}

.cts-fieldrow .colsp-stleft {
    float: left;
    width: 40%;
    margin-right: 2%;
    line-height: 28px;
    text-align: right;
}

.cts-fieldrow .colsp-stright {
    float: left;
    width: 45%;
    margin-right: 0%;
}

.cts-stu select {
    width: 110%;
}

.cts-fieldrow input[type="checkbox"] {
    margin-right: 5px;
}

/***************** Member profile section start *****************/

.mp-profile {}

.mp-pro-left {
    float: left;
    /*width: 24%; padding-right: 10px;*/
    box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

.mp-pro-right {
    float: left;
    /*width: 76% !important;*/
    box-sizing: border-box;
    width: 100%;
}

.mp-pro-left .take-photo {
    padding-left: 0px;
}

.mp-pro-left .take-photo img {
    width: 100%;
}

.mp-pro-right .ppro_form_bg {
    float: none;
    width: 100%;
    box-sizing: border-box;
}

.proleftleft {
    float: left;
    width: 22%;
}

.proleftright {
    float: left;
    width: 78%;
}

.click-to-change-box {
    background: #c3c3c3;
    position: relative;
    height: 130px;
    width: 135px;
    border: 2px solid #111;
}

.click-to-change-box img {
    width: 100% !important;
    height: 100% !important;
}

.click-to-change-box .click-to-change {
    position: absolute;
    z-index: 11;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: table;
    color: #111;
}

.click-to-change-box .click-to-change span {
    display: table-cell;
    height: 100%;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

.photo-img {
    text-align: center;
    padding-top: 10px;
}

/***************** popup password *****************/

.btn-password {
    display: block;
    text-align: center;
    padding: 5px 0;
    background: #ccc;
    color: #333;
    border-radius: 6px;
}

.password-popup {
    position: fixed;
    z-index: 1111;
    top: 50%;
    left: 50%;
    margin-bottom: -50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.pass-popup-box {
    width: 480px !important;
}

.ppr-leftside .ppr_fieldleft {
    width: 40%;
}

.ppr-leftside .ppr_fieldright {
    width: 60%;
}

.ppr-leftside .pprfieldc input[type=text] {
    background: #c3c3c3;
}

.pprfieldcolor input[type=text] {
    background: #c3c3c3;
}

/*Toolpit on anchor

.add-edit-row .col-edit a[title]{position:relative;}

.add-edit-row .col-edit a[title]:after{

content:attr(title);

color:#fff;

background:#333;

background:rgba(51,51,51,0.75);

padding:5px;

position:absolute;

left:-9999px;

opacity:0;

bottom:100%;

white-space:nowrap;

-webkit-transition:0.25s linear opacity;

}

.add-edit-row .col-edit a[title]:hover:after{ left:5px; opacity:1; }*/

/*Toolpit on anchor*/

/* 

.addnew-absolute{

position: fixed;

z-index: 9999;

top: 50%;

left: 50%;

margin-right:-50%;

margin-bottom:-50%;

transform: translate(-50%, -50%); 

box-shadow: 0 0 8px #888;

}*/

/***************** clubsetting_typology_subscription print *****************/

.club-typo-sub-print {
    background: #f8f8f8 none repeat scroll 0 0;
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.25);
    box-sizing: border-box;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 20px;
    margin: 4% auto;
    padding: 20px;
    width: 800px;
}

.cts-print-title-row {
    border-bottom: 1px solid #bcbcbc;
}

.cts-print-title-row .cont_title {
    color: #f26621;
    float: left;
    font-family: "segoe UI", "open Sans";
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 10px;
}

.cts-print-title-row .sbtitle {
    color: #000;
    float: right;
    font-family: "segoe UI", "open Sans";
    font-size: 22px;
    text-transform: uppercase;
}

/***************** Typology overview *****************/

.typosub-over-block {
    border: 1px solid #777;
    background: #ddd;
}

.typosub-links {
    padding: 15px 10px;
    margin: 10px;
    background: #fff;
    /*width:590px; overflow-x: scroll;*/
}

.typosub-links .typosub-name {}

.typosub-name-title {
    background: #7092be;
    color: #fff;
    font-size: 22px;
    padding: 5px 10px;
    border-radius: 3px;
}

.typosub-links ul {
    border-left: 1px solid #777;
    list-style: outside none none;
    margin: 5px 0 0 15px;
    padding: 8px 0;
    position: relative;
}

.typosub-links ul li {
    border-top: 1px solid #777;
    margin-top: 20px;
    padding-left: 0px;
    margin-left: -12px;
}

.typosub-links ul li ul {
    border-left: 1px solid #777;
    /*border-left: none;*/
    margin-left: 48px;
}

.typosub-links ul li ul li {
    border-top: 1px solid #8f8f8f;
    margin-top: 5px;
    padding-left: 25px;
    margin-left: 0px;
    min-height: 17px;
}

.typosub-links ul li a {
    background: #fff none repeat scroll 0 0;
    color: #111;
    display: block;
    font-size: 14px;
    line-height: 24px;
    margin-top: -17px;
    padding: 0 0 0 20px;
    text-align: left;
    position: relative;
}

.typosub-links ul li a span {
    left: -15px;
    position: absolute;
    top: 6px;
}

.span-zero {
    width: 0;
    display: none;
}

.typosub-links ul li ul li a {
    background: #fff none repeat scroll 0 0;
    color: #111;
    line-height: 28px;
    padding-left: 10px;
}

.white-span {
    background: #fff none repeat scroll 0 0;
    bottom: -4;
    height: 29px;
    left: -1px;
    position: absolute;
    width: 5px;
}

.white-span-ul {
    background: #fff none repeat scroll 0 0;
    bottom: 0;
    height: 65px;
    left: -1px;
    position: absolute;
    width: 5px;
}

.name-icon-box {
    /*background: #fff;*/
    font-size: 16px;
    color: #777;
    border-radius: 4px;
    margin-right: 6px;
}

.typosub-links ul li i {
    margin-left: 20px;
    margin-right: 5px;
}

.typosub-links ul li ul li i {
    margin-left: 0px;
    margin-right: 5px;
}

.typosub-links ul li ul li input[type="checkbox"] {
    margin-right: 5px;
}

.typosub-up {
    border: 1px solid #f36d72;
    border-radius: 3px;
}

.typosub-active {
    border: 1px solid #f36d72;
    border-radius: 3px;
    background: #fff200 !important;
}

.typosub-radio {
    position: absolute;
    top: -11px;
    right: 10px;
}

.assign-act-left {
    /*float: left; width: 75%;*/
    position: relative;
}

.assign-act-right {
    /*float: left; width: 25%;*/
    padding: 10px;
}

.assign-btn-reader-top {
    position: absolute;
    z-index: 111;
    top: 20px;
    right: 18px;
}

.assign-btn-row {
    /*padding-right:10px;*/
    margin-top: -15px;
    /*text-align: center;*/
}

.assign-btn-row a.btn, .assign-btn-row button[type="button"].btn, .assign-btn-row button[type="submit"].btn, .assign-btn-row input[type="submit"].btn, .en-pass-proceed-btn-row .btn, .change-op-exit-btn-row .btn, .exit-btn, .function-btn, .create-pass-btn-row a.btn {
    border-radius: 4px;
    border: none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    font-weight: bold;
    margin: 5px 5px;
    padding: 6px 15px;
    width: auto;
    box-sizing: border-box;
    float: none;
    background: #525252;
    background: -moz-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #525252), color-stop(100%, #2b2b2b));
    background: -webkit-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    background: -o-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    background: -ms-linear-gradient(top, #525252 1%, #2b2b2b 100%);
    background: linear-gradient(to bottom, #525252 1%, #2b2b2b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#525252', endColorstr='#2b2b2b', GradientType=0);
}

.assign-btn-row a.btn {
    padding: 7px 15px;
}

.assign-act-right .assign-btn-row button[type="button"].btn {
    margin: 5px 2px;
    padding: 6px 9px;
}

.fixed-popup {
    position: fixed;
    z-index: 1111;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    margin-bottom: -50%;
    transform: translate(-50%, -50%);
}

.edit-assign {
    border-radius: 6px;
    border: 1px solid #888;
    background: #fff;
    width: 400px;
    box-shadow: 0 0 6px #555;
}

.edit-assign .title-row, .edit-reader .title-row {
    border-radius: 6px 6px 0 0;
    background: #7092be;
    padding: 10px;
    color: #fff;
    font-size: 20px;
}

.edit-assign .content-row, .edit-reader .content-row {
    border-radius: 0 0 6px 6px;
    background: #eee;
    padding: 10px;
    font-size: 14px;
    line-height: 24px;
}

.edit-assign .reader-title {
    background: #fff;
    padding: 8px;
    border: 1px solid #999;
}

.edit-assign .reader-content {
    background: #fff;
    padding: 8px;
    border: 1px solid #999;
    margin-top: 8px;
}

.edit-assign .reader-content .reader-row {
    position: relative;
    padding: 5px;
    margin-bottom: 1px;
    border-bottom: none;
}

.edit-assign .reader-content .reader-select {
    right: 2px;
    top: 2px;
    width: 30px;
    bottom: 1;
    text-align: center;
    color: #3a5589;
    padding-top: 7px;
    padding-top: 5px;
}

.edit-assign .reader-content .reader-row.active {
    background: #99d9ea;
}

.edit-assign .reader-content .message-content {
    padding: 10px;
}

.ea-close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    height: 21px;
    padding-top: 4px;
    text-align: center;
    background: #fff;
    border-radius: 50%;
    color: #111;
    font-size: 18px;
    box-shadow: 0 0 6px #555;
}

/***************** Reader css *****************/

.edit-reader {
    border-radius: 6px;
    border: 1px solid #888;
    background: #fff;
    width: 600px;
    box-shadow: 0 0 6px #555;
}

.reader-box {
    border: 1px solid #bbb;
    margin-top: 20px;
    position: relative;
    padding: 15px 10px 10px;
}

.reader-box-title {
    position: absolute;
    top: -14px;
    left: 10px;
    background: #eee;
    padding: 0 5px;
    font-size: 16px;
}

.readersub-up {
    border: 1px solid #333;
    border-radius: 3px;
}

.readersub-active {
    border: 1px solid #333;
    border-radius: 3px;
    background: #eae6d1 !important;
}

.col-5 {
    float: left;
    width: 2%;
    margin: 0 1%;
}

.col-6 {
    float: left;
    width: 3%;
    margin: 0 1%;
}

.col-7 {
    float: left;
    width: 4%;
    margin: 0 1%;
}

.col-8 {
    float: left;
    width: 6%;
    margin: 0 1%;
}

.col-9 {
    float: left;
    width: 7%;
    margin: 0 1%;
}

.col-10 {
    float: left;
    width: 8%;
    margin: 0 1%;
}

.col-11 {
    float: left;
    width: 9%;
    margin: 0 1%;
}

.col-12 {
    float: left;
    width: 10%;
    margin: 0 1%;
}

.col-13 {
    float: left;
    width: 11%;
    margin: 0 1%;
}

.col-14 {
    float: left;
    width: 12%;
    margin: 0 1%;
}

.col-15 {
    float: left;
    width: 13%;
    margin: 0 1%;
}

.col-16 {
    float: left;
    width: 14%;
    margin: 0 1%;
}

.col-17 {
    float: left;
    width: 15%;
    margin: 0 1%;
}

.col-18 {
    float: left;
    width: 16%;
    margin: 0 1%;
}

.col-19 {
    float: left;
    width: 17%;
    margin: 0 1%;
}

.col-20 {
    float: left;
    width: 18%;
    margin: 0 1%;
}

.col-21 {
    float: left;
    width: 19%;
    margin: 0 1%;
}

.col-22 {
    float: left;
    width: 20%;
    margin: 0 1%;
}

.col-23 {
    float: left;
    width: 21%;
    margin: 0 1%;
}

.col-24 {
    float: left;
    width: 22%;
    margin: 0 1%;
}

.col-25 {
    float: left;
    width: 23%;
    margin: 0 1%;
}

.col-26 {
    float: left;
    width: 24%;
    margin: 0 1%;
}

.col-27 {
    float: left;
    width: 25%;
    margin: 0 1%;
}

.col-28 {
    float: left;
    width: 26%;
    margin: 0 1%;
}

.col-29 {
    float: left;
    width: 27%;
    margin: 0 1%;
}

.col-30 {
    float: left;
    width: 28%;
    margin: 0 1%;
}

.col-31 {
    float: left;
    width: 29%;
    margin: 0 1%;
}

.col-32 {
    float: left;
    width: 30%;
    margin: 0 1%;
}

.col-33 {
    float: left;
    width: 31%;
    margin: 0 1%;
}

.col-34 {
    float: left;
    width: 32%;
    margin: 0 1%;
}

.col-35 {
    float: left;
    width: 33%;
    margin: 0 1%;
}

.col-36 {
    float: left;
    width: 34%;
    margin: 0 1%;
}

.col-37 {
    float: left;
    width: 35%;
    margin: 0 1%;
}

.col-38 {
    float: left;
    width: 36%;
    margin: 0 1%;
}

.col-40 {
    float: left;
    width: 38%;
    margin: 0 1%;
    color: #000;
}

.col-45 {
    float: left;
    width: 43%;
    margin: 0 1%;
}

.col-50 {
    float: left;
    width: 48%;
    margin: 0 1%;
}

.col-55 {
    float: left;
    width: 53%;
    margin: 0 1%;
}

.col-60 {
    float: left;
    width: 58%;
    margin: 0 1%;
}

.col-65 {
    float: left;
    width: 63%;
    margin: 0 1%;
}

.col-70 {
    float: left;
    width: 68%;
    margin: 0 1%;
}

.col-75 {
    float: left;
    width: 73%;
    margin: 0 1%;
}

.col-80 {
    float: left;
    width: 78%;
    margin: 0 1%;
}

.col-85 {
    float: left;
    width: 83%;
    margin: 0 1%;
}

.col-87 {
    float: left;
    width: 85%;
    margin: 0 1%;
}

.col-88 {
    float: left;
    width: 86%;
    margin: 0 1%;
}

.col-90 {
    float: left;
    width: 88%;
    margin: 0 1%;
}

.col-95 {
    float: left;
    width: 93%;
    margin: 0 1%;
}

.col-100 {
    float: left;
    width: 98%;
    margin: 0 1%;
}

.reader-box input[type="text"] {
    width: 100%;
}

.reader-box select {
    width: 120%;
}

.listact-content {
    background: #fff;
    padding: 8px;
    border: 1px solid #999;
    height: 150px;
    overflow-y: auto;
}

/***************** Member otherdetails *****************/

.member-pay-col {
    border: 1px solid #ccc;
    font-size: 14px;
    margin-left: 10px;
}

.mp-bor-bot {
    border-bottom: 1px solid #ccc;
}

.member-pay-col .mp-title {
    background: #ddd;
    position: relative;
    padding: 8px;
}

.member-pay-col .mp-link-menu {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 24px;
    text-align: center;
    font-size: 18px;
    border-radius: 3px;
    background: #fff;
    color: #333;
}

.member-pay-col .mp-content {}

.member-pay-col .mp-row {
    position: relative;
    min-height: 60px;
    padding: 5px 5px 5px 60px;
    width: 180px;
}

.member-pay-col .mp-img {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 50px;
    height: 50px;
    background: #bbb
}

.member-pay-col .mp-img img {
    overflow: hidden;
    width: 100%;
}

.member-pay-col .mp-delete {
    position: absolute;
    top: 5px;
    right: 5px;
    text-align: center;
    font-size: 16px;
    border-radius: 3px;
    background: #fff;
    color: #555;
}

.member-pay-col .mp-footer {
    background: #ddd;
    position: relative;
    min-height: 60px;
    padding: 5px 5px 5px 60px;
}

.member-pay-col .mp-add-new {
    color: #111;
    margin-top: 13px;
    display: inline-block;
    font-size: 16px;
}

/***************** preference pge css *****************/

.pref-block {
    border: 1px solid #bbb;
    width: 90%;
    margin: 10px auto;
    font-size: 14px;
}

.pref-row {
    display: table;
    width: 100%;
    box-sizing: border-box;
    margin-bottom: 10px;
    line-height: 24px;
}

.pref-bor-bot {
    border-bottom: 1px solid #bbb;
}

.pref-title {
    background: #e0e0e0;
    padding: 5px 10px;
    border-bottom: 1px solid #bbb;
    border-top: 1px solid #bbb;
}

.pref-bor-bot {
    border-bottom: 1px solid #bbb;
}

.pref-content {
    padding: 10px;
}

.pref-select select {
    width: 110%;
}

.pstandard-select select {
    width: 120%;
}

.discount-box {
    background: #e0e0e0;
    border: 1px solid #999;
}

.discount-box .discount-title {
    background: #fff;
    padding: 5px;
    font-size: 13px;
}

.discount-box .discount-content {
    padding: 5px;
}

.disco-col {
    width: 14.5%;
    float: left;
    margin: 0 1%;
}

.disco-col input[type="text"] {
    width: 100%;
    height: 30px;
}

.disco-col discobox {
    border: 1px solid #999;
    height: 30px;
}

.no-border-top {
    border-top-width: 0px;
}

.pref-row input[type="text"] {
    width: 100%;
}

.access-control-row {
    background: #880015;
    color: #fff;
    font-size: 16px;
    padding: 5px;
    border-bottom: 1px solid #5e0311;
    border-top: 1px solid #5e0311;
}

.authorise-box {
    position: relative;
}

.authorise-box a {
    position: absolute;
    top: 5px;
    right: 5px;
}

.cts-fieldrow input[type="radio"], .cts-fieldrow input[type="checkbox"], .pref-row input[type="radio"], .pref-row input[type="checkbox"] {
    margin-right: 4px;
}

/***************** preference pge css *****************/

.setting-block {
    border: 1px solid #999;
    background: #eee;
    font-size: 14px;
}

.sett-reader-row {
    border-bottom: 1px solid #999;
    padding: 8px 5px;
}

.sett-content-row {
    padding: 10px;
}

.numr-select select {
    width: 130%;
}

.relaytype-select select {
    width: 120%;
}

.docu-select select {
    width: 117%;
}

.sett-columns-row {
    padding: 10px 0;
    margin: 0 -5px;
}

.setting-block .social_item_tabs ul {
    width: 100%;
}

.seats-gray {
    background: #ccc;
    font-size: 25px;
    color: #555;
    text-align: center;
    border: 1px solid #ccc;
}

.seats-red {
    background: #fff;
    font-size: 25px;
    color: #890828;
    text-align: center;
    border: 1px solid #ccc;
}

.seats-green {
    background: #eee;
    font-size: 25px;
    color: #22B14F;
    text-align: center;
    border: 1px solid #ccc;
}

.increase-seat a {
    background: #ccc none repeat scroll 0 0;
    border: 1px solid #666;
    border-radius: 3px;
    color: #333;
    display: block;
    padding: 5px;
    text-align: center;
}

.os-btn, input[type="submit"].os-btn, input[type="button"].os-btn, button[type="submit"].os-btn {
    background: #ccc;
    border: 1px solid #666;
    border-radius: 3px;
    color: #333;
    display: block;
    padding: 4px 10px;
    text-align: center;
}

.os-btn {
    padding: 2px 10px;
}

.cts-input textarea {
    width: 100%;
}

.set-textarea {
    width: 100%;
    height: 150px;
}

.renewal-red {
    color: #a00019;
}

/***************** Timetable page css *****************/

a.ttb-btn, input[type="submit"].ttb-btn, input[type="button"].ttb-btn, button[type="submit"].ttb-btn {
    background: #b2b2b2;
    border: 1px solid #666;
    border-radius: 3px;
    color: #111;
    font-weight: bold;
    display: block;
    padding: 4px 10px;
    text-align: center;
}

.time-scale {
    position: absolute;
    z-index: 11;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("../img/time-scale.png") no-repeat center bottom #000;
    background-size: 100%;
}

a.ttb-btn {
    padding: 3px 8px;
}

.title-btn-row {
    padding: 10px 0;
}

.timetable-block {
    background: #eee;
    border: 1px solid #999;
    padding: 10px;
    position: relative;
}

.timescale-row, .timeselect-row {
    position: relative;
    padding: 5px 23px 5px 50px;
}

.day-select {
    position: absolute;
    top: 13px;
    left: 0;
    font-weight: bold;
}

.radio-select {
    position: absolute;
    top: 17px;
    right: 0;
}

.timescale-block {
    font-size: 12px;
    margin: 0 -2%;
}

.timescale-block span {
    float: left;
    width: 4%;
    text-align: center;
}

.time-reset .ui-slider-handle {
    left: 0% !important;
}

.time-reset .ui-slider-range {
    width: 0 !important
}

/*Time slider selector css*/

.time-range {
    width: 100%;
}

.time-scale {
    position: absolute;
    z-index: 11;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: url("../img/time-scale.png") no-repeat center bottom;
    background-size: 100%;
}

/********** select typology print css ***********/

.set-print-content {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #bbb;
    font-size: 15px;
    padding: 10px;
    color: #444;
}

.st-print-row {
    padding: 5px 0;
    line-height: 26px;
}

.wbox {
    border: 1px solid #ccc;
    background: #fff;
    height: 20px;
    padding: 5px;
    line-height: 20px;
}

.st-day-session {}

.day-session-title {
    line-height: 20px;
}

.day-session-row {
    line-height: 24px;
    padding: 5px 0;
}

.circle-red, .circle-blue, .circle-gray, .circle-orange, .circle-green, .circle-sky-blue {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 8px 5px;
}

.circle-red {
    background: #EB0014;
}

.circle-blue {
    background: #0000FF;
}

.circle-gray {
    background: #666;
}

.circle-orange {
    background: #f35e15;
}

.circle-green {
    background: #22b14c;
}

.circle-sky-blue {
    background: #3cc1f9;
}

/*Card reader list popup css*/

.crlist-btn {
    font-size: 18px !important;
    margin: 4px 2px !important;
}

.crl-info-pop-box {
    background: #fff;
    border;
    border-radius: 6px;
    border: 2px;
    solid #888;
    box-shadow: 0 0 8px #555;
    width: 600px;
    padding: 20px;
    font-size: 14px;
    position: relative;
}

.crl-infobox-top {
    padding: 10px 0;
    font-family: 'open_sansbold';
    font-size: 14px;
}

.crl-info-pop-content {
    height: 560px;
    overflow-y: auto;
}

.crl-title1 {
    background: #ffe99b;
    padding: 2px 4px;
    border: 1px solid #333;
    border-radius: 3px;
    font-family: 'open_sansbold';
    font-size: 14px;
}

.add-activities {
    background: #ece9d8;
    border: 1px solid #888;
    padding: 3px 6px;
    border-radius: 3px;
    color: #111;
    font-weight: bold;
}

.crl-infobox {
    padding: 10px 0;
}

.crl-infotext {
    padding: 10px 0;
    line-height: 22px;
}

.info-red {
    color: #ed1c24;
}

.crl-pop-close {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #333;
    z-index: 11119;
    font-size: 20px;
}

.crl-infoleft {
    float: left;
    width: 60%;
}

.crl-inforight {
    float: left;
    width: 33%;
    margin-left: 2%;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #f00;
}

/*Card reader list popup css*/

.status-of-parking {
    padding-left: 40px;
    padding-right: 40px;
}

.setting-img-row {
    /*border: 1px solid #ccc;*/
    padding: 0;
}

.setting-img-row span {
    float: left;
    width: 100px;
    height: 100px;
    margin-right: 10px;
    border: 1px solid #ccc;
}

.setting-img-row span img {
    width: 100%;
}

.popup-block {
    background: #fff;
    border;
    border-radius: 6px;
    border: 1px;
    solid #888;
    box-shadow: 0 0 6px #555;
    padding: 15px;
    position: relative;
}

.popup-block-close {
    position: absolute;
    top: -10px;
    right: -10px;
    background: #fff;
    box-shadow: 0 0 6px #555;
    border-radius: 50%;
    text-align: center;
    padding: 1px 0 1px;
    color: #111;
    z-index: 111;
    width: 23px;
    height: 23px;
    font-size: 18px;
    border: none;
}

.enter-password {
    width: 460px;
    font-size: 14px;
}

.lock-icon {
    color: #f5740c;
    padding-top: 1px;
    background: #ccc;
    text-align: center;
    width: 28px;
    height: 28px;
    display: inline-block;
    font-size: 20px;
    border-radius: 3px;
    margin: 0 5px;
}

.enter-password .pass-title {
    float: left;
    padding: 14px 10px;
    color: #111;
    font-size: 18px;
    margin: -10px 0;
    border-right: 1px solid #bbb;
    font-family: 'open_sansbold';
}

.lock-icon-middle {
    color: #f5740c !important;
    padding: 6px 4px 2px;
    background: #ccc;
    text-align: center;
    width: 40px;
    height: 40px;
    display: inline-block;
    font-size: 34px;
    border-radius: 3px;
    margin: 0 5px;
}

.enter-password .input-pass {
    float: left;
    padding: 0 10px;
}

.enter-password .en-pass-proceed-btn-row {
    float: left;
    padding: 0 10px;
}

.enter-password .en-pass-proceed-btn-row .btn {
    margin: 0px;
    padding: 4px 15px;
}

.change-op-exit-btn-row {}

.change-op-pass-title {
    font-size: 18px;
    font-family: 'open_sansbold';
}

.change-op-table {
    margin-top: 20px;
    font-family: 'calibriregular';
}

.change-op-left {
    float: left;
    width: 77%;
    box-sizing: border-box;
}

.ch-op-rght-ab {
    position: absolute;
    top: 10px;
    left: 100%;
    margin-left: 16px;
    width: 160px;
}

.ch-op-rght-ab a {
    color: #3b5999;
    text-decoration: underline;
    font-size: 14px;
}

.change-op-table .ppr_fieldtitle {
    font-family: 'calibriregular';
    font-size: 15px;
}

.admin-pass-block {
    width: 460px;
    font-size: 14px;
}

.ad-pass-row {
    padding: 10px 0;
}

.ad-pass-field-title {
    color: #8d0f0a;
    line-height: 26px;
    font-size: 16px;
}

.ad-pass-btn-ok {
    font-weight: bold;
    text-decoration: underline;
    color: #111;
    font-size: 16px;
}

.retype-pass {
    color: #8d0f0a;
}

/*Enable password css*/

.enable-pass-block {}

.enable-pass-left {
    float: left;
    width: 15%;
    box-sizing: border-box;
}

.enable-pass-right {
    float: left;
    width: 63%;
    box-sizing: border-box;
    margin-left: 2%;
}

.enable-pass-right-end {
    float: left;
    width: 18%;
    box-sizing: border-box;
    margin-left: 2%;
}

.enable-pass-block .ppr_fieldleft {
    width: 40%;
}

.enable-pass-block .ppr_fieldright {
    width: 60%;
}

.icon-onoff {
    border-radius: 3px;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    font-size: 32px;
    padding-top: 10px;
    display: inline-block;
    box-sizing: border-box;
    background: #cc8789;
    background: -moz-linear-gradient(top, #cc8789 0%, #c30606 52%);
    background: -webkit-linear-gradient(top, #cc8789 0%, #c30606 52%);
    background: linear-gradient(to bottom, #cc8789 0%, #c30606 52%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc8789', endColorstr='#c30606', GradientType=0);
}

.down-arrow-icon {
    color: #eb1c24;
    font-size: 20px;
    text-align: center;
    display: inline-block;
}

.input-green {
    background: #17a641 !important;
    color: #fff !important;
}

.input-red {
    background: #eb1c24 !important;
    color: #fff !important;
}

.process-enable-block {
    border: 1px solid #7f7f7f;
    padding: 0px;
}

.process-en-point-row {
    padding-left: 50px;
    min-height: 60px;
    position: relative;
    font-size: 15px;
    margin-bottom: 10px;
    margin: 10px;
}

.pro-en-point {
    position: absolute;
    top: 5px;
    left: 0;
    width: 40px;
    height: 40px;
    background: #fff;
    border: 2px solid #444;
    text-align: center;
    padding-top: 6px;
    box-sizing: border-box;
    border-radius: 50%;
    font-size: 20px;
}

.text-bg-gray {
    background: #333;
    color: #fff;
}

.only-club-amin-row .left {
    float: left;
    width: 85%;
}

.only-club-amin-row .right {
    float: left;
    width: 13%;
    margin-left: 2%;
}

.only-club-amin-row .left .red_row1 {
    font-family: "calibriregular";
}

.only-club-amin-row .right .exit-btn {
    margin: 0;
}

.ena-disa-block {
    font-size: 15px;
    background: #f8f2dc;
    padding: 10px;
    border: 1px solid #888;
}

.ena-disa-block .left {
    float: left;
    width: 12%;
}

.ena-disa-block .right {
    float: left;
    width: 86%;
    margin-left: 2%;
    line-height: 24px;
}

.func-avai-block {
    border: 1px solid #888;
}

.func-avai-block .titlerow {
    border-bottom: 1px solid #888;
    font-size: 13px !important;
}

.func-avai-block .contentrow {}

.colm1, .colm2, .colm3, .colmcom {
    float: left;
    box-sizing: border-box;
    border-right: 1px solid #888;
}

.colm1 {
    width: 34%;
    border-right: 1px solid #888;
}

.colm2 {
    width: 54%;
    border-right: 1px solid #888;
}

.colm3 {
    width: 12%;
    border-right: none;
}

.colmcom {
    width: 25%;
}

.func-avai-block .titlerow .exit-btn {
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    padding: 6px 8px;
}

.func-avai-block .titlerow .colm1, .func-avai-block .titlerow .colm2, .func-avai-block .titlerow .colm3 {
    min-height: 80px;
}

.contentrow .colm1, .contentrow .colm2 {
    min-height: 30px;
}

.titlerow .colmcom {
    min-height: 36px;
}

.func-avai-block .titlerow .colm1 {
    padding: 5px;
}

.contentrow .colm1, .contentrow .colm3, .contentrow .colmcom {
    padding: 5px;
    box-sizing: border-box;
    min-height: 30px;
}

.contentrow .colmcom, .contentrow .colm3 {
    text-align: center;
}

.contentrow .colmcom input[type="checkbox"], .contentrow .colm3 input[type="checkbox"] {
    margin-top: 4px;
}

.contentrow .colm2 .colmcom:last-child {
    border-right: none;
}

.titlerow .colm2 .colmcom:last-child {
    border-right: none;
}

.operate-btn {
    border-radius: 4px;
    color: #111;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin: 0px;
    padding: 6px 8px;
    width: auto;
    box-sizing: border-box;
    background: #d4d4d4;
    background: -moz-linear-gradient(top, #d4d4d4 22%, #bfbfbf 60%, #bfbfbf 100%);
    background: -webkit-linear-gradient(top, #d4d4d4 22%, #bfbfbf 60%, #bfbfbf 100%);
    background: linear-gradient(to bottom, #d4d4d4 22%, #bfbfbf 60%, #bfbfbf 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4d4d4', endColorstr='#bfbfbf', GradientType=0);
}

.pass-to-access {
    float: left;
    width: 75%;
    box-sizing: border-box;
    margin-left: 2%;
    box-sizing: border-box;
    border: 1px solid #888;
    padding: 10px;
}

.password-tab {
    position: relative;
    padding: 0 15px;
}

.password-tab a {
    display: inline-block;
    float: left;
    background: url(../img/admin/admintab_bg.jpg) repeat-x bottom #bababa;
    padding: 10px 15px;
    color: #393838;
    font-size: 15px;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    margin: 0 2px;
}

.password-tab a:hover, .password-tab a.active {
    background: url(../img/admin/admin-tab-hover.jpg) repeat-x bottom #474747;
    color: #FFF !important;
}

/*create operator css*/

.create-pass-btn-row {
    margin: 0 -5px;
    padding: 5px 0;
}

.cr-operator-block {}

.op-block {}

.op-header {
    padding: 5px 10px;
    color: #fff;
    font-size: 18px;
    border-top-right-radius: 6px;
    border-top-left-radius: 6px;
    background: #3492ff;
    background: -moz-linear-gradient(top, #3492ff 0%, #0160ec 11%, #3492ff 69%, #0160ec 100%);
    background: -webkit-linear-gradient(top, #3492ff 0%, #0160ec 11%, #3492ff 69%, #0160ec 100%);
    background: linear-gradient(to bottom, #3492ff 0%, #0160ec 11%, #3492ff 69%, #0160ec 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3492ff', endColorstr='#0160ec', GradientType=0);
}

.op-contener {
    border: 1px solid #0e69f0;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
}

.op-contener table {
    font-size: 14px;
    border: 1px solid #666;
}

.op-contener table tr td {
    border-right: 1px solid #666;
    border-bottom: 1px solid #666;
    padding: 5px;
    margin: 0;
    box-sizing: border-box;
}

.op-contener table tr td:last-child {
    border-right: none;
}

.op-contener table tr:last-child td {
    border-bottom: none;
}

.op-col-1 {
    width: 4%;
}

.op-col-2 {
    width: 30%;
}

.op-col-3 {
    width: 16%;
}

.op-col-4 {
    width: 20%;
}

.op-col-5 {
    width: 18%;
}

.op-col-6 {
    width: 10%;
}

.op-top-row {
    background: #ece9d8;
}

.op-mid-row {
    background: #e2f5fa;
}

.op-edit, .op-delete {
    color: #333;
    margin: 0 2px;
}

.op-bg {
    background: #ece9d8;
}

.oplist-opname {
    padding-left: 50px;
    padding-top: 5px;
    position: relative;
    word-break: break-all;
    min-height: 45px;
}

.oplist-opname img {
    width: 45px;
    height: 45px;
    position: absolute;
    left: 0;
    top: 0;
}

/********** Free account available popup css ***********/

.freeacc-available-pop {
    background: #fff;
    width: 600px;
    box-shadow: 0 0 5px #888;
    border-radius: 6px;
    padding: 15px;
}

.fap-scroll {
    height: 350px;
    overflow-y: auto;
    overflow-x: hidden;
}

.freeacc-available-pop table {
    width: 100%;
    border-collapse: collapse;
}

.freeacc-available-pop table th, .freeacc-available-pop table td {
    border: 1px solid #ccc;
    padding: 5px;
    text-align: left;
}

.freeacc-available-pop table th {
    background: #ddd;
}

.close-fap {
    float: right;
    cursor: pointer;
    font-size: 18px;
    margin-bottom: 5px;
    margin-right: -5px;
    margin-top: -5px;
}

/**********clubs/editclubinfo css**********/

.club-pass-popup {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #555;
    width: 350px;
    text-align: center;
    box-sizing: border-box;
    padding-top: 30px;
    box-shadow: 0 0 5px #888;
    border-radius: 6px;
    padding: 40px 10px;
    position: relative;
}

.club-pass-popup .submit-row {
    text-align: center;
    padding-top: 20px;
}

.club-pass-popup .submit-row input[type=submit] {
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-family: "open_sansbold";
    font-size: 14px;
    padding: 7px 15px;
    text-align: center;
    border-width: 0px;
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #414141 0%, #262626 100%) repeat scroll 0 0;
}

.club-pass-popup input[type=password] {
    width: 230px;
}

.ecpp-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16px;
    color: #777;
}

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

/**********clubs/history-acc-purchase**********/

.all-the-purchase {
    padding: 10px;
    text-align: center;
}

.all-the-purchase.membership a {
    float: none;
    display: inline-block;
}

.all-the-purchase.membership a.active {
    background: linear-gradient(to bottom, #fb7272 0%, #e03734 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #9c0606;
    color: #fff;
}

/********** History account purchase page table css ***********/

.history-acc-purchase {}

.history-acc-purchase table {
    width: 100%;
    border-collapse: collapse;
}

.history-acc-purchase td {
    border: 1px solid #999;
    box-sizing: border-box;
}

.history-acc-purchase .check-block-td {
    width: 24px;
    text-align: center;
}

.history-acc-purchase .img-block-td {
    width: 90px;
    text-align: center;
}

.history-acc-purchase .descript-block-td {
    vertical-align: top
}

.history-acc-purchase td .img_block {
    border-left: none;
    border-right: none;
    float: none;
    width: auto;
    height: auto;
}

.history-acc-purchase td .check_block, .history-acc-purchase td .descript_block {
    float: none;
    width: auto;
}

.history-acc-purchase td .img_block img {
    width: 58px;
    height: 58px;
}

.history-acc-purchase td .check_block input[type=checkbox] {
    margin: 0;
}

.history-acc-purchase .descript_block table {
    width: 100%;
    border-collapse: collapse;
}

.history-acc-purchase .descript_block table td {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: none;
    border-top: none;
    width: 12.50%;
    vertical-align: top;
}

.history-acc-purchase .descript_block table td:last-child {
    border-right: none;
}

.history-acc-purchase .descript_block table td .desc_block {
    width: auto !important;
    float: none !important;
    border-right: none;
}

/********** Usermanagelist page table css ***********/

.user-managelist {}

.user-managelist table {
    width: 100%;
    border-collapse: collapse;
}

.user-managelist td {
    border: 1px solid #999;
    box-sizing: border-box;
}

.user-managelist .check-block-td {
    width: 24px;
    text-align: center;
}

.user-managelist .img-block-td {
    width: 90px;
    text-align: center;
}

.user-managelist .descript-block-td {
    vertical-align: top
}

.user-managelist td .img_block {
    border-left: none;
    border-right: none;
    float: none;
    width: auto;
    height: auto;
}

.user-managelist td .check_block, .user-managelist td .descript_block {
    float: none;
    width: auto;
}

.user-managelist td .check_block input[type=checkbox] {
    margin: 0;
}

.user-managelist .descript_block table {
    width: 100%;
    border-collapse: collapse;
}

.user-managelist .descript_block table td {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: none;
    border-top: none;
    width: 12.5%;
}

.user-managelist .descript_block table td:last-child {
    border-right: none;
}

.user-managelist .descript_block table td .desc_block {
    width: auto !important;
    float: none !important;
    border-right: none;
}

.user-managelist .descript_block table td .desc_block .dbb_right {
    border-right: none;
    border-bottom: none;
}

.user-managelist .descript_block table tr:last-child td {
    border-bottom: none;
}

/********** check status not renewed table css ***********/

.chksts-not-renewed {}

.chksts-not-renewed table {
    width: 100%;
    border-collapse: collapse;
}

.chksts-not-renewed td {
    border: 1px solid #999;
    box-sizing: border-box;
}

.chksts-not-renewed .check-block-td {
    width: 24px;
    text-align: center;
}

.chksts-not-renewed .img-block-td {
    width: 90px;
    text-align: center;
}

.chksts-not-renewed .descript-block-td {
    vertical-align: top
}

.chksts-not-renewed td .img_block {
    border-left: none;
    border-right: none;
    float: none;
    width: auto;
    height: auto;
    display: inline-block;
}

.chksts-not-renewed td .img_block img {
    width: 58px;
    height: 58px;
}

.chksts-not-renewed td .check_block, .chksts-not-renewed td .descript_block {
    float: none;
    width: auto;
}

.chksts-not-renewed td .check_block input[type=checkbox] {
    margin: 0;
}

.chksts-not-renewed .descript_block table {
    width: 100%;
    border-collapse: collapse;
}

.chksts-not-renewed .descript_block table td {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: none;
    border-top: none;
    width: 12.5%;
}

.chksts-not-renewed .descript_block table td:last-child {
    border-right: none;
}

.chksts-not-renewed .descript_block table td .desc_block {
    width: auto !important;
    float: none !important;
    border-right: none;
}

.chksts-not-renewed .descript_block table td .desc_block .dbb_right {
    border-right: none;
    border-bottom: none;
}

/********** Request of contact table css admin section ***********/

.request-contact {}

.request-contact table {
    width: 100%;
    border-collapse: collapse;
}

.request-contact td {
    border: 1px solid #999;
    box-sizing: border-box;
}

.request-contact .check-block-td {
    width: 24px;
    text-align: center;
}

.request-contact .img-block-td {
    width: 90px;
    text-align: center;
}

.request-contact .descript-block-td {
    vertical-align: top
}

.request-contact td .img_block {
    border-left: none;
    border-right: none;
    float: none;
    width: auto;
    height: auto;
    display: inline-block;
}

.request-contact td .img_block img {
    width: 58px;
    height: 58px;
}

.request-contact td .check_block, .request-contact td .descript_block {
    float: none;
    width: auto;
}

.request-contact td .check_block input[type=checkbox] {
    margin: 0;
}

.request-contact .descript_block table {
    width: 100%;
    border-collapse: collapse;
}

.request-contact .descript_block table td {
    vertical-align: top;
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    border-left: none;
    border-top: none;
    width: 14%;
}

.request-contact .descript_block table td:last-child {
    border-right: none;
}

.request-contact .descript_block table td .desc_title {
    padding: 4px;
}

.request-contact .descript_block table td .desc_text {
    word-wrap: break-word;
    word-break: break-all;
    padding: 4px;
}

/********** manage club member thumbnail css ***********/

.mngclub-mthumb-row {
    display: table;
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    border: 1px solid #999;
}

.mngclub-thumbox {
    float: left;
    width: 104px;
    min-height: 140px;
    margin: 0px;
    padding: 5px;
    border: 1px solid #909090;
    box-sizing: border-box;
}

.mngclub-thumb-img {
    width: 92px;
    height: 92px;
}

.mngclub-thumb-img img {
    width: 100%;
    height: 100%;
}

.mngclub-thumbox .fullname {
    padding: 5px 0px 0px 17px;
    position: relative;
    font-size: 12px;
    word-break: break-all;
    word-wrap: break-word;
    text-align: left;
}

.mngclub-thumbox .fullname input[type=checkbox] {
    position: absolute;
    left: 0;
    top: 7px;
    margin-left: 0;
}

/********** Calll center page css ***********/

.call-cetner-page {
    position: relative;
    background: #f4f4f4;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #ccc;
}

.movebook-call-block {
    padding: 10px 50px;
}

.movebook-call-form {
    padding: 10px 0;
}

.mb-call-form {
    background: #fff;
    border: 1px solid #ccc;
    padding: 10px;
}

.mb-call-btn-row {
    padding: 10px 0;
}

.mb-form-group {
    display: table;
    width: 100%;
}

.mb-fieldtitle {
    padding-bottom: 5px;
}

.mb-form-col-1 {
    float: left;
    width: 35%;
}

.mb-form-col-2 {
    float: left;
    width: 35%;
    margin-left: 2%;
}

.mb-form-col-3 {
    float: left;
    width: 25%;
    margin-left: 2%;
}

.mb-form-col-1-2 {
    float: left;
    width: 72%;
}

.mb-other-title {
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
    font-size: 18px;
    margin-bottom: 10px;
}

.require {
    color: #f00;
}

.mb-textarea textarea {
    width: 100%;
    height: 100px;
    box-sizing: border-box;
    padding: 5px;
}

.mb-call-btn {
    display: inline-block;
    padding: 6px 20px;
    cursor: pointer;
    border-radius: 4px;
    margin: 5px;
    color: #333;
}

.mb-call-btn {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cfcfcf+48,c7c7c7+50 */
    background: #cfcfcf;
    /* Old browsers */
    background: -moz-linear-gradient(top, #cfcfcf 48%, #c7c7c7 50%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #cfcfcf 48%, #c7c7c7 50%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #cfcfcf 48%, #c7c7c7 50%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfcfcf', endColorstr='#c7c7c7', GradientType=0);
    /* IE6-9 */
}

/*******swap*******/

.opacity_box {
    position: fixed;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    background: #cecece;
    z-index: 9999;
    display: none;
}

.image_loader {
    left: 50%;
    position: absolute;
    top: 118%;
    z-index: 1;
}

.popup {
    border-radius: 7px;
    background: #6b6a63;
    margin: 30px auto 0;
    padding: 6px;
    // here it comes
    position: absolute;
    width: 500px;
    top: 50%;
    left: 63%;
    position: fixed;
    height: 100px;
    display: none;
    z-index: 99999;
    margin-left: -400px; // 1/2 width
    margin-top: -40px; // 1/2 height
}

/*******swap*******/

#supportsHomeMessageDiv {
    background: #ddd;
    display: none;
    border-radius: 6px;
    box-shadow: 0 0 5px #333;
    padding: 20px;
    width: 350px;
    box-sizing: border-box;
}

#supportsHomeMessageDiv .close {
    float: right;
    cursor: pointer;
    margin-top: -14px;
}

.ordering-oals {
    width: 18.4%;
    float: left;
}

.search-block-oals {
    width: 29%;
    float: left;
    margin-left: 10px;
}

.search-block-oals .div1 {
    float: left;
    line-height: 24px;
}

.search-block-oals .div2 {
    float: left;
    margin-left: 8px;
    width: 128px;
}

.btn-link-oals {
    font-family: "open_sansbold";
    font-weight: normal;
    font-size: 15px;
    padding: 8px 0;
    text-align: left;
}

.btn-link-oals a {
    padding: 0 15px;
    color: #333;
    line-height: 30px;
    display: inline-block;
}

.btn-link-oals a.active {
    color: #000;
    border-bottom: 3px solid #99041e;
}

/***********Club management 28-12-16************/

.disable {
    display: none;
}

.current_log {
    background: #efe4b0;
    margin-bottom: 10px;
}

.current_log .custom-select {
    background: rgba(255, 255, 255, 0) url("../img/dropdown-current-log.png") no-repeat right;
}

.current_log select {
    font-size: 13px;
    border: none;
    font-weight: bold;
}

.co_admin_password_box {
    background: rgb(239, 228, 176) none repeat scroll 0 0;
    height: 79px;
    margin-bottom: 60px;
    margin-left: 238px;
    margin-top: -23px;
    padding: 14px;
    position: absolute;
    text-align: center;
    width: 231px;
    display: none;
    z-index: 1;
}

.delelete_managment_cookies {
    min-height: 24px;
    padding: 0;
    text-align: right;
    display: inline-block;
}

.delelete_managment_cookies span {
    color: #fff;
    cursor: pointer;
    font-weight: bold;
    font-size: 13px;
    cursor: pointer;
}

.audioclass {
    display: block;
    text-align: center;
    padding: -1px;
    padding-bottom: 8px;
    position: absolute;
    left: 449px;
    top: 509px;
    display: none;
}

.image-size {
    height: 30px;
    width: 30px;
}

.activity-clubs-typology {}

.activity-clubs-typology table {
    width: 100%;
    border-collapse: collapse;
}

.activity-clubs-typology th {
    height: 40px;
}

.activity-clubs-typology th, .activity-clubs-typology td {
    border: 1px solid #888;
    box-sizing: border-box;
    font-size: 15px;
    padding: 5px;
    text-align: center;
}

.activity-clubs-typology .srno {
    width: 4%;
}

.activity-clubs-typology .area-activity {
    width: 20%;
    text-align: left;
}

.activity-clubs-typology .name-activity {
    width: 20%;
    text-align: left;
}

.activity-clubs-typology .room {
    width: 10%;
}

.activity-clubs-typology .cost {
    width: 10%;
}

.activity-clubs-typology .limit {
    width: 10%;
}

.activity-clubs-typology .active {
    width: 10%;
}

.activity-clubs-typology .audio {
    width: 10%;
}

.activity-clubs-typology .action {
    width: 6%;
}

.cards-other-company {
    background: #f5efcf;
}

.userlist-links, .userlist-tab-links {
    padding: 10px 0;
    text-align: center;
}

.userlist-links a, .userlist-tab-links a {
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    line-height: 28px;
    margin: 0 2px;
    padding: 3px 15px;
    font-family: "open_sansbold";
    font-size: 14px;
}

.userlist-links a, .userlist-tab-links a:hover, .userlist-tab-links a.active {
    color: #fff;
    border: 1px solid #444;
    background: #444444;
    /* Old browsers */
    background: -moz-linear-gradient(top, #444444 1%, #222222 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #444444 1%, #222222 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #444444 1%, #222222 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222', GradientType=0);
    /* IE6-9 */
}

.userlist-tab-links a {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #e0e0e0 0%, #b0b0b0 100%) repeat scroll 0 0;
    border: 1px solid #b0b0b0;
    color: #111;
}

.proceed-row_u {
    padding: 10px 0;
    margin: 0 -5px;
}

.proceed-row_u .user-col, .proceed-row_u .sport-col, .proceed-row_u .contry-col, .proceed-row_u .order-col, .proceed-row_u .s-user-col, .proceed-row_u .fullname-col, .proceed-row_u .btn-col {
    float: left;
    margin: 0 5px;
}

.proceed-row_u .user-col-title {
    line-height: 24px;
}

.proceed-row_u .user-col {
    width: 100px;
}

.proceed-row_u .sport-col {
    width: 100px;
}

.proceed-row_u .contry-col {
    width: 120px;
}

.proceed-row_u .order-col {
    width: 110px;
    padding-top: 22px;
}

.proceed-row_u .s-user-col {
    padding-top: 22px;
    line-height: 26px;
}

.proceed-row_u .fullname-col {
    width: 140px;
    padding-top: 22px;
}

.proceed-row_u .btn-col {
    padding-top: 22px;
}

.proceed-row_u .btn-col .btn-red {
    padding: 2px 8px;
}

.paginat-row_u {
    padding: 10px 0;
}

.contry-table-row {
    padding: 10px 0;
    position: relative;
}

.contry-table-row table {
    width: 100%;
    border-collapse: collapse;
}

.contry-table-row td {
    border: 1px solid #aaa;
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
}

.contry-table-row .col-check {
    width: 4%;
    vertical-align: middle;
}

.contry-table-row .col-detail1 {
    width: 15%;
    vertical-align: top;
}

.contry-table-row .col-detail2 {
    width: 30%;
    vertical-align: top;
}

.contry-table-row .col-img {
    width: 50%;
}

.contry-table-row .dbb-block {
    border: 1px solid #aaa;
}

.contry-table-row .enable-row {
    padding-left: 27px;
    position: relative;
    text-align: left;
    min-height: 30px;
    line-height: 30px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.contry-table-row .enable-row span.check {
    position: absolute;
    top: 3px;
    left: 0px;
}

.contry-table-row .inputdd {
    background: #eee;
}

.contry-table-row .btn-light-gray {
    display: inline;
    margin: 0 5px;
    color: #111;
}

.contry-table-row .col-img img {
    width: 100%;
}

.row-refe-list {
    border: 1px solid #ccc;
    padding: 10px;
    color: #111;
}

.col-img1 img {
    width: 100%;
}

.refer-list-bar {
    margin-top: 20px;
}

.refer-list-bar .m-topbar {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #73828a 1%, #5e6d76 50%, #46555e 100%) repeat scroll 0 0;
    border-radius: 6px;
    padding: 10px;
}

.refer-list-title {
    float: left;
    color: #fff;
    font-size: 20px;
    font-family: "open_sansregular";
    font-weight: normal;
}

.re-col1 {
    float: left;
    width: 15%;
    margin-right: 1.5%;
}

.re-col2 {
    float: left;
    width: 15%;
    margin-right: 1.5%;
}

.re-col3 {
    float: left;
    width: 13%;
    margin-right: 1.5%;
}

.re-content-row {
    border: 1px solid #ccc;
    padding: 5px;
    font-size: 14px;
}

.re-content-row img {
    width: 100%;
    display: flex;
}

.re-tab-bar {
    border-bottom: 1px solid #333;
    font-family: "open_sansbold";
}

.re-tab-bar ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

.re-tab-bar ul li {
    display: inline-block;
    margin: 0 1px;
}

.re-tab-bar ul li a {
    padding: 0px 11px;
    color: #444;
    font-size: 14px;
    display: block;
    line-height: 36px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background: #d3d3d3;
    /* Old browsers */
    background: -moz-linear-gradient(top, #d3d3d3 0%, #969696 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #d3d3d3 0%, #969696 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #d3d3d3 0%, #969696 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#969696', GradientType=0);
    /* IE6-9 */
}

.re-tab-bar ul li a:hover, .re-tab-bar ul li a.active, .re-tab-bar .active {
    color: #FFF !important;
    background: #444444;
    /* Old browsers */
    background: -moz-linear-gradient(top, #444444 1%, #222222 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #444444 1%, #222222 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #444444 1%, #222222 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222', GradientType=0);
    /* IE6-9 */
}

.re-tab-bar ul li:first-child a {
    border-top-left-radius: 7px;
}

.re-tab-title {
    background: #7092be;
    border: 1px solid #7f7f7f;
    color: #fff;
    font-family: "open_sansbold";
    font-size: 24px;
    padding: 5px 10px;
}

.re-sporting-block {
    display: block;
}

.re-spo-row {
    margin: 0 -1.5%;
}

.re-spo-box {
    display: inline-block;
    width: 30%;
    margin: 0 1.5%;
    text-align: center;
    font-family: "open_sansbold";
    padding-bottom: 10px;
}

.re-spo-box .img-row {
    /*width: 320px; height: 110px;*/
    margin: 0 auto;
    border: 1px solid #ccc;
    overflow: hidden;
}

.re-spo-box .img-row img {
    width: 100%;
    display: block;
}

.re-spo-box .title1 {
    color: #ffa500;
    line-height: 40px;
    text-transform: uppercase;
    font-size: 20px;
}

.re-spo-box .title2 {
    color: #666;
    line-height: 30px;
    font-size: 18px;
}

.news-last {
    position: relative;
}

.news-last .banner-last {
    width: 100%;
    height: 150px;
    overflow: hidden;
}

.news-last .banner-last img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.news-last .button-last {
    position: absolute;
    z-index: 11;
    top: 10px;
    right: 10px;
}

/*Desktop wallpaper 27-01-17*/

.desktop-wallpaper {
    width: 640px;
    margin: 20px auto;
    border-radius: 6px;
    box-shadow: 0 0 3px #888;
    background: #fff;
}

.desk-header {
    padding: 10px;
}

.desk-content {
    padding: 10px;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.desk-footer {
    padding: 10px;
}

.desk-title {
    padding-top: 0;
    font-size: 20px;
    font-family: "open_sansbold";
}

.desk-col-row {
    padding-top: 10px;
}

.desk-col {
    font-weight: bold;
    float: left;
    margin-right: 10px;
}

.wall-btn-row {
    padding: 10px;
    text-align: right;
}

.ok-wall-btn, .cancel-wall-btn {
    border-radius: 24px;
    padding: 5px 15px;
    margin: 0 5px;
    font-size: 16px;
    font-family: "open_sansbold";
    display: inline-block;
    border: 1px solid #ccc;
}

.ok-wall-btn {
    background: #fff;
    color: #111;
}

.cancel-wall-btn {
    background: #7ac117;
    color: #fff;
}

/*Slider css 27-01-17*/

#container {
    position: relative;
}

#example {
    position: relative;
    margin: 0 auto;
    padding: 0 25px;
}

.slides_container {
    height: 450px;
}

#example, .slides_container div.slide {
    width: 550px;
    height: 270px;
}

#slides {
    position: relative;
}

.slides_container {
    overflow: hidden;
    position: relative;
    display: block;
}

.slides_container div.slide {
    text-align: center;
}

.slides_container .slide a {
    position: relative;
    display: inline-block;
}

.slides_container .slide a img {
    width: 255px;
}

.slides_container .slide a.selected img {
    border: 4px solid #222;
    width: 255px;
    display: block;
}

#slides .prev, #slides .next {
    position: absolute;
    top: 50%;
    display: block;
    z-index: 101;
    /*margin-top: -21px; width:24px; height:42px;*/
    margin-top: -14px;
    width: 16px;
    height: 28px;
    text-align: center;
    font-size: 20px;
    color: #333;
}

#slides .prev {
    left: -20px;
}

#slides .next {
    right: -20px;
}

.desk-content ul.pagination {
    display: none;
}

.slides_container div.slide .select {
    border: 2px solid #fff;
}

/*Slider css 27-01-17*/

.texture-back-row {}

.backg-title {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    margin-top: 10px;
}

.backg-title span {
    background: #fff;
    padding: 3px;
    margin-bottom: -15px;
    display: table;
}

.backg-block {}

.backg-box {
    margin: 10px 15px;
    display: inline-block;
    position: relative;
}

.backg-box-box {
    width: 120px;
    height: 120px;
    border: 5px solid #fff;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 5px;
    font-size: 14px;
    box-shadow: 0 0 2px #aaa;
    position: relative;
    text-align: center;
}

.bg-pale-yellow {
    background: #fff;
}

.bg-light-blue {
    background: #e6e9f0
}

.bg-light-gray {
    background: #e3e3e3;
}

.bg-gray {
    background: #b2b2b2;
}

.bg-straw-yellow {
    background: #f5efd1;
}

.bg-light-violet {
    background: #e6e1f4;
}

.bg-violet {
    background: #cbc2e9;
}

.bg-blue-gray {
    background: #a2b7d5;
}

.backg-box-box img {
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;
}

.backg-box-box {
    background-size: 100%;
    background-repeat: no-repeat;
}

.bg-mb-3d {}

.bg-mb-2d {}

.bg-mb-title {}

.bg-mb-id-logo {}

.backg-box-selected .backg-box-box {
    border: 5px solid #333;
}

.backg-radio {
    position: absolute;
    top: 5px;
    left: 5px;
}

.backg-name {
    text-align: center;
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 10px
}

/*Management info css*/

.product-infoblock {
    border: 1px solid #bbb;
}

.product-infoblock .proinfo-title {
    color: #111;
    font-size: 16px;
    font-family: "open_sansregular";
    line-height: 30px;
    padding: 0 10px;
    border-bottom: 1px solid #bbb;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdfcf9+0,eee8ce+100 */
    background: #fdfcf9;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fdfcf9 0%, #eee8ce 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fdfcf9 0%, #eee8ce 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fdfcf9 0%, #eee8ce 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfcf9', endColorstr='#eee8ce', GradientType=0);
    /* IE6-9 */
}

.product-infoblock .proinfo-content {
    padding: 10px;
    min-height: 200px;
}

.pricelist-management {
    position: relative;
}

.pricelist-management table {
    width: 100%;
    border-collapse: collapse;
    background: #e8e8e8;
}

.pricelist-management th {
    color: #333333;
}

.pricelist-management th, .pricelist-management td {
    border: 1px solid #aaa;
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
}

.pricelist-management td:first-child {
    color: #7a0000;
}

.pricelist-management th:first-child, .pricelist-management td:first-child {
    text-align: left;
}

.pricelist-management {}

.plm-check i {
    color: #53c100;
}

.plm-input {}

.plm-input table {
    width: 100%;
    border-collapse: collapse;
}

.plm-input td {
    border: none;
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
    color: #333;
    font-weight: normal;
}

.plm-input td:first-child {
    border-right: 1px solid #aaa;
    text-align: center;
    color: #333;
}

.plm-input td:last-child {
    border-left: 1px solid #aaa;
    text-align: center;
}

.plm-list {
    width: 45%;
}

.plm-basic, .plm-prem, .plm-pro {
    width: 8%;
}

.plm-original {
    width: 23%;
}

/*Management info css*/

/*Product info section dashboard*/

.proinfo-section {
    border: 1px solid #aaa;
    padding: 15px;
}

.proinfo-section .section-left {
    float: left;
    width: 25%;
}

.proinfo-section .section-right {
    float: left;
    width: 52%;
    margin-left: 3%;
}

.addasection {
    text-align: center;
    position: relative;
}

.movebooksection {}

.prinfo-title {
    font-size: 20px;
}

.movesection-title {
    border: 1px solid #aaa;
    background: #ede3ac;
    text-align: center;
    padding: 5px;
    font-family: "open_sansregular";
}

.movebooksectioncontent {
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
    border: 1px solid #aaa;
    background: #eee;
}

.movebooksectioncontent ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}

.movebooksectioncontent li {
    /*padding-right:70px; */
    position: relative;
    display: block;
    font-size: 16px;
}

.movebooksectioncontent li .licont {
    border-bottom: 1px solid #ccc;
    line-height: 36px;
}

.movebooksectioncontent li a {
    color: #111;
    padding-left: 10px;
}

.movebooksectioncontent ul li.active {
    background: #D5F2F9;
}

.mvs-action {
    position: absolute;
    top: 5px;
    right: 0px;
    text-align: right;
}

.mvs-action a {
    display: inline-block;
    margin: 0 5px;
    color: #333;
    font-size: 18px;
}

.addasection-pop {
    width: 300px;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 0 4px #888;
    padding: 10px;
}

.ada-sec-pop-title {
    text-align: center;
    font-size: 18px;
    padding-bottom: 10px;
    color: #000;
    font-family: "open_sansregular";
}

.ada-sec-btn-row {
    text-align: center;
    padding-top: 10px;
}

.ada-sec-btn-row .btn-red, .ada-sec-btn-row .btn-gray {
    margin: 0 5px;
}

.adasec-close-row {
    position: relative;
}

.adasec-close {
    position: absolute;
    right: 0px;
    color: #333;
    font-size: 16px;
    top: -2px;
}

/*Product info section dashboard*/

/**************** About info ******************/

.origin-page {}

.about-row-top {
    text-align: right;
}

.about-row-top .col-btn, .about-row-top .col-lang {
    display: inline-block;
    margin: 0 5px;
}

.about-row-top .col-lang .lang_select_tab {
    display: inherit;
    float: none;
}

.about-row-top .col-lang .lang_select_tab a {
    float: none;
    display: inline-block;
    font-size: 15px;
    padding: 2px 10px;
}

.origin-page .btn-row-c {
    text-align: center;
}

.origin-page .btn-row-c .btn-red, .origin-page .btn-row-c .btn-gray {
    min-height: 28px;
    margin: 0 5px;
}

.origin-page .btn-row-c .submit {
    display: inline-block;
}

.origin-page .btn-row-c .submit .btn-red {
    background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #fb7272 0%, #e03734 100%) repeat scroll 0 0 !important;
}

/**************** Back office secxtion ******************/

.backoffice {}

.backoffice-block {
    border: 1px solid #bbb;
    padding: 10px;
    width: 80%;
    margin: 0 auto;
}

.backoffice-block .add-new {
    color: #fff;
    font-weight: normal;
    padding-right: 10px;
}

.bckpg-row {
    position: relative;
    padding: 0px 70px 0px 30px;
    color: #333;
    margin-top: 10px;
}

.bckpg-row .bck-left {
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 5px;
}

.bckpg-row .bck-right {
    position: absolute;
    right: 0;
    top: 0;
    padding-top: 5px;
    width: 65px;
}

.bckpg-row .bck-right a {
    display: inline-block;
    margin: 0 6px;
    color: #555;
}

.bckpg-row .bck-middle {
    border: 1px solid #bbb;
    padding: 5px;
}

.backoffice-add {
    border: 1px solid #bbb;
    padding: 10px;
    width: 60%;
    margin: 0 auto;
    background: #f8f8f8;
}

.bckedit-row {
    color: #333;
    margin-top: 10px;
}

.bckedit-row span.title {
    display: block;
    padding-bottom: 5px;
    font-weight: 500;
}

.bckedit-select {
    background: #fff;
}

.pass-row-spread {}

.pass-row-spread .col-1 {
    float: left;
    width: 30%;
    margin-right: 2%;
}

.pass-row-spread .col-2 {
    float: left;
    width: 30%;
    margin-right: 2%;
}

.pass-row-spread .col-3 {
    float: left;
    width: 30%;
    margin-right: 2%;
}

.help-pg-toprow {}

.help-pg-toprow .col-1 {
    float: left;
    width: 8%;
    margin-right: 2%;
}

.help-pg-toprow .col-2 {
    float: left;
    width: 15%;
    margin-right: 2%;
}

.help-pg-toprow .col-3 {
    float: left;
    width: 30%;
    margin-right: 2%;
}

.help-pg-toprow .col-3 {
    float: left;
    width: 30%;
    margin-right: 2%;
}

.help-pg-toprow .col-50 {
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-left: 0;
}

.help-pg-toprow .col-20 {
    float: left;
    width: 18%;
    margin-right: 2%;
    margin-left: 0;
}

.help-pg-toprow .col-30 {
    float: left;
    width: 28%;
    margin-right: 2%;
    margin-left: 0;
}

.bggray-textred {
    background: #eee;
    color: #f00;
    font-size: 11px;
    padding: 5px;
}

.help-pg-toprow .col-2 .edit_pagelang {
    padding-top: 0;
}

/************* Your purchases ************/

.prsdisplay {}

.prs-purchases {
    background: #eee;
    border: 1px solid #aaa;
    padding: 15px;
    font-size: 15px;
}

.prs-row {
    margin-top: 15px;
    margin-left: -1%;
    margin-right: -1%;
}

.prs-box {
    border: 1px solid #bbb;
    border-radius: 4px;
    background: #fff;
    position: relative;
}

.prl-1, .prl-2, .prl-3, .prl-4, .prl-5, .prl-6, .prl-7, .prl-8, .prr-1 {
    float: left;
    box-sizing: border-box;
    padding: 5px;
    min-height: 38px;
    line-height: 24px;
}

.prl-1 {
    width: 20%;
    border-right: 1px solid #bbb;
}

.prl-2 {
    width: 24%;
}

.prl-3 {
    width: 7.5%;
}

.prl-4 {
    width: 10%;
}

.prl-5 {
    width: 8.5%;
}

.prl-6 {
    width: 10%;
}

.prl-7 {
    width: 10%;
}

.prl-8 {
    width: 10%;
}

.prr-1 {
    width: 25%;
}

.purchase-title {
    color: #880015;
    font-size: 18px;
}

.pur-cost {
    color: #ed1c24;
}

.green-cost {
    color: #57ba66;
}

.ttrow .prl-1 {
    border-right: none;
}

/************** Speedtest page css ***********/

.speedtest {
    border: 1px solid #bbb;
    padding: 10px;
}

.speedtest-row {}

.speedtest-row .speedleft {
    float: left;
    width: 50%;
}

.speedtest-row .speedright {
    float: left;
    width: 50%;
}

.titlespeed {
    font-size: 28px;
    font-style: italic;
    color: #880015;
    font-weight: bold;
}

.titletest {
    color: #ed1c24;
}

.speedtest-script {
    padding: 50px 10px;
}

/************** Informative sulla privacy ***********/

#defaultFrmID iframe {
    width: 100%;
    height: 800px;
}

/************** club-pricelist **************/

.cp-box {
    padding: 20px 10px;
    background: #e8f7fb;
    border: 1px solid #555;
}

.cp-box .column {
    float: left;
    width: 48%;
    margin: 0 1%;
    background: #eeeeee;
}

.cp-box .ss_sharing_block {
    width: 100%;
}

.cp-box .ath_unlimited {
    float: left;
}

.cp-box .ss_sharing_block .col1 {
    width: 25%
}

.cp-box .ss_sharing_block .col2 {
    width: 15%;
}

.cp-box .ss_sharing_block .col2-4-input {
    width: 30%;
}

.cp-box .ss_sharing_block .col3 {
    width: 15%;
}

.cp-box .ss_sharing_block .col4-input {
    width: 15%
}

.cp-box .ss_sharing_block .col4-input input[type="text"] {
    margin-left: 10%;
    width: 90%;
    height: 36px;
}

.cp-box .exceed-amt {
    background: #7092be;
    padding: 5px;
    text-align: center;
    border: 1px solid #555;
    color: #fff;
}

.cp-box .column .athlete_block, .cp-box .column .permi-mgn-box {
    min-height: 280px;
}

.cp-box .column .permi-mgn-box {
    border: 1px solid #bababa;
}

.permi-content {
    padding: 60px 60px;
    font-family: "open_sansbold";
    font-size: 15px;
    color: #333;
}

.permi-content .left1 {
    float: left;
    width: 55%;
}

.permi-content .right1 {
    float: left;
    width: 45%;
}

.permi-content .right1 input {
    width: 100px;
}

.ident-noti {
    margin: 0 auto;
    width: 80%;
}

.ident-noti .cards-other-company {}

.clb-subscription {
    width: 50%;
    margin: 20px auto 0;
}

.clb-subscription table {
    width: 100%;
    border-collapse: collapse;
}

.clb-subscription th {
    color: #fff;
    background: #098592;
    font-family: "open_sansregular";
}

.clb-subscription th, .clb-subscription td {
    border: 1px solid #aaa;
    box-sizing: border-box;
    padding: 5px;
    text-align: left;
}

.clb-subscription td:first-child {
    text-align: center;
}

.club-feature-image {}

.club-feature-image img {
    width: 100%;
}

.feature-list {
    width: 55%;
    margin: 20px auto 0;
}

.feature-list table {
    width: 100%;
    border-collapse: collapse;
    background: #e8e8e8;
}

.feature-list th {
    font-family: "open_sansregular";
    font-size: 15px;
}

.feature-list th, .feature-list td {
    color: #111;
    border: 1px solid #aaa;
    box-sizing: border-box;
    padding: 5px;
    text-align: center;
    text-align: center;
    border-right: none;
    border-left: none;
}

.feature-list th:first-child, .feature-list td:first-child {
    border-left: 1px solid #aaa;
}

.feature-list th:last-child, .feature-list td:last-child {
    border-right: 1px solid #aaa;
}

.feature-list .sr {
    width: 6%;
}

.feature-list .list {
    width: 50%;
    text-align: left;
}

.feature-list .optional {
    width: 16%
}

.colspan-optional .top {
    border-bottom: 1px solid #aaa;
    padding-bottom: 5px;
}

.colspan-optional .limit-col {
    width: 50%;
    float: left;
    text-align: center;
    padding-top: 5px;
}

/************** Introduction messages **************/

.intro-message {}

.intro-message table {
    width: auto;
}

.intro-message table td {
    padding: 10px;
    border: none;
    vertical-align: middle;
}

.intro-message input[type="checkbox"] {
    margin-right: 6px;
}

.intro-message table input[type="date"] {
    width: 100px;
    height: 30px;
}

.intro-message table input[type="text"] {
    width: 100px;
    height: 30px;
}

.msg-dis-btn-row {
    text-align: center;
}

.msg-dis-btn-row input[type="submit"].btn-red {
    background: linear-gradient(to bottom, #fb7272 0%, #e03734 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #9c0606;
    padding: 4px 15px;
    font-size: 16px;
}

.msg-dis-btn-row input[type="submit"].btn-red:hover {
    background: linear-gradient(to bottom, #e03734 0%, #c32926 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.intro-smg-title-row {
    position: relative;
    padding: 10px 0 30px 80px;
}

.intro-smg-title-row img {
    position: absolute;
    top: 0px;
    left: 0px;
}

/************** History user **************/

.lang-right-section {
    float: right;
    clear: both;
}

.lang-tabs {
    margin: 0;
    padding: 0;
}

.lang-tabs li {
    list-style: none;
    float: left;
    padding: 0 10px;
    border: 2px solid #fff;
    margin-left: 10px;
    margin-top: -2px;
}

.lang-tabs a {
    color: #fff;
}

.lang-tabs a:hover {
    color: #ccc;
}

.lang-tabs a.active {
    color: #ccc;
}

.lang-tab-content {
    display: none;
}

#lang-tab-1 {
    display: block;
}

/*********** club user popup *************/

.message-from-staff .green_row1, .message-from-staff .blue_row1 {
    color: #fff;
    width: 96%;
}

.message-from-staff .text {
    color: #111;
    padding: 10px 0;
}

.message-from-staff .green_row1 a, .message-from-staff .blue_row1 a {
    color: #fff;
}

.message-from-staff .green_row1 a i, .message-from-staff .blue_row1 a i {
    margin-right: 5px;
}

.message-from-staff .green_row1 .smallfont, .message-from-staff .blue_row1 .smallfont {
    padding-top: 4px;
}

.message-from-staff .text table {
    width: 100% !important;
}

/*create by amol*/

.text-red {
    color: #ed1c24;
    font-size: 18px;
}

.main-help-content {
    border: 1px solid #ddd;
    padding: 10px 10px;
    margin-top: 10px;
    /*    -webkit-box-shadow: 10px 10px 29px 0px rgba(0,0,0,0.75);

-moz-box-shadow: 10px 10px 29px 0px rgba(0,0,0,0.75);

box-shadow: 10px 10px 29px 0px rgba(0,0,0,0.75);*/
}

.left-help-column {
    width: 473px;
    float: left;
}

.right-help-column {
    width: 500px;
    ;
    float: left;
}

.help-thumbnail {
    width: 220px;
    float: left;
    position: relative;
    padding-right: 15px;
}

.help-thumbnail img {
    width: 100%;
    height: 190px;
    border: 1px solid #ccc
}

.close-help-btn {
    display: block;
    position: absolute;
    width: 22px;
    height: 22px;
    top: 4px;
    right: 20px;
    padding-top: 2px;
    text-align: center;
    background: #fff;
}

.close-help-btn i {
    font-size: 18px;
    color: rgb(105, 105, 105)
}

.btn-center-h {
    text-align: center;
    padding-top: 10px;
}

.load-help-btn {
    background: #ccc;
    color: #000;
    padding: 5px 30px;
    margin-top: 20px;
    font-size: 15px;
    border-radius: 3px;
}

.check-content-help {
    text-align: center;
}

.warning-help {
    background: #f6f283;
    padding: 10px 10px;
    border: 1px solid #ddd;
    margin-bottom: 5px;
}

.input-help {
    width: 100%;
    margin-bottom: 5px;
    height: 35px !important;
}

.file-help {
    cursor: pointer;
    direction: ltr;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 66px;
    top: 207px;
    width: 102px;
}

.btn-center-h input {
    cursor: pointer;
}

.first-section-help {
    width: 100%;
}

.second-section-help {
    width: 100%;
    padding-top: 20px !important;
}

.left-fhelp-column {
    width: 30%;
    float: left;
}

.right-fhelp-column {
    width: 70%;
    ;
    float: left;
}

.thumbnail-fhelp {
    width: 260px;
    margin-right: 20px;
}

.thumbnail-second-fhelp {
    padding-top: 20px !important;
    margin-right: 20px;
}

.thumbnail-fhelp img, .thumbnail-second-fhelp img {
    width: 160px;
    height: 140px;
    border: 1px solid #ddd;
}

.mrtp25 {
    margin-top: 25px !important;
}

.mrbtm10 {
    margin-bottom: 5px !important;
}

.textarea-help {
    width: 100%;
    margin-bottom: 5px;
    height: 130px;
}

.m0 {
    margin: 0 !important;
}

.blue_titile {
    background-color: #098592;
    color: #fff;
    font-family: "calibriregular";
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 8px;
}

.col-in-block {}

::-webkit-file-upload-button {
    cursor: pointer;
}

/* for all browsers */

.col-in-block .fileUpload {
    position: relative;
    overflow: hidden;
    width: auto;
}

.col-in-block .fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.col-in-block .fileUpload span {
    font-family: 'segoe_uibold';
    display: inline-block;
    box-sizing: border-box;
    border-radius: 4px;
    text-align: center;
    color: #fff;
    background: #3a3a3a;
    padding: 4px 15px;
}

.submit-content-help {
    text-align: center;
}

.submit-content-help .btn-red {
    background: linear-gradient(to bottom, #fb7272 0%, #e03734 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #9c0606;
}

.submit-content-help .btn-red:hover {
    background: linear-gradient(to bottom, #e03734 0%, #c32926 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.submit-content-help .btn-red, .submit-content-help .btn-gray {
    padding: 5px 15px;
}

.device-icons {
    border: 1px solid #ccc;
    padding: 10px;
    text-align: center;
}

.device-can {
    padding: 10px;
    background: #eeebf8;
    border: 1px solid #aaa;
}

.device-can .left {
    float: left;
    width: 60%;
    text-align: right;
    line-height: 24px;
}

.device-can .right {
    float: left;
    width: 38%;
    margin-left: 2%;
    text-align: left;
    line-height: 24px;
    background: #fff;
    padding-left: 5px;
}

.device-can span.red {
    color: #eb1c24;
}

.request-device {
    /*width: 80%;*/
    width: 100%;
    margin: 10px auto;
}

.request-device table {
    border-radius: 6px;
    width: 100%;
    border-collapse: collapse;
}

.request-device table td {
    border: 1px solid #ccc;
    padding: 5px;
}

.confirm-pop {
    background: #ffffe7;
    border: 1px solid #aaa;
    border-radius: 6px;
    box-shadow: 0 0 2px #333;
    padding: 15px;
    width: 850px;
}

.confirm-pop .left {
    float: left;
    width: 53%;
    margin: 0 1%;
}

.confirm-pop .right {
    float: left;
    width: 43%;
    margin: 0 1%;
}

.confirm-pop .redtext {
    font-size: 16px;
    color: #eb1c24;
    padding: 10px;
}

.autho-row {
    padding: 10px;
    background: #fff;
    border-radius: 6px;
    border: 1px solid #aaa;
}

.autho-row span {
    display: inline-block;
}

.blacktext {
    color: #333;
}

.bltext {
    color: #525394;
}

.greetext {
    color: #689b7a;
}

.panel-cont-title {
    color: #eb1c24;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
}

.cpclose {
    color: #555;
}

.permit-manage {
    background: #eeeeee;
    border-radius: 4px;
    padding: 5px;
    border: 1px solid #aaa;
}

.con-no-box {
    padding: 5px;
    background: #fff;
    width: 80px;
    margin: 2px;
}

.permit-manage table td:first-child {
    width: 80%;
}

.epblock {
    width: 30px;
}

.permit-manage .text-green {
    color: #09851a;
}

.permit-manage .text-red {
    color: #cb0c15;
    font-weight: normal;
}

/******** Employments add page ***********/

.eduformconteiner {
    margin: 0 auto;
    width: 70%;
}

.eduformconteiner .input {
    margin-top: 10px;
    width: 100%;
    display: table;
}

.eduformconteiner .input label {
    float: left;
    width: 50%;
    padding: 2px 0;
}

.eduformconteiner .input input {
    float: left;
}

.eduformconteiner .input textarea {
    float: left;
    width: 100%;
}

.eduformconteiner .input input[type="checkbox"] {
    margin-right: 10px;
    margin-top: 6px;
}

.eduformconteiner .input select {
    border: 1px solid #aaa;
}

/************* Language Operator section *************/

.language-operator {
    margin: 10px auto;
    width: 70%;
    border: 1px solid #aaa;
    padding: 10px;
}

.table-docu {}

.table-docu table {
    width: 100%;
}

.table-docu table td {
    padding: 6px;
    border: none;
    background: transparent;
}

.table-docu table td:first-child {
    width: 25%;
}

.table-docu .section-select {
    width: 50%;
}

.table-docu table tr:nth-child(2n+2) td {
    background: #fff !important;
}

.chara-row {
    position: relative;
    padding-right: 80px;
}

.chara-box {
    border: 1px solid #ccc;
    padding: 6px;
}

.chara-apply {
    position: absolute;
    top: 0;
    right: 0;
}

.char-btn-row {
    text-align: center;
    padding: 5px;
}

.chara-row table {
    width: 100%;
    border-collapse: collapse;
}

.chara-row table td {
    padding: 6px;
    border: 1px solid #ccc;
    background: transparent;
    text-align: center;
}

.chara-row table td:first-child {
    width: 15%;
}

.chara-row table td:last-child {
    width: 70%;
    text-align: left;
}

.flag-img {
    width: 25px;
    margin-right: 5px;
}

.caret-down {
    color: #cb0c15;
    font-size: 20px;
}

.table-vari {}

.table-vari table {
    width: 100%;
    border-collapse: collapse;
}

.table-vari table td {
    padding: 10px 6px;
    border: 1px solid #ccc;
    background: #f8f8f8;
}

.table-vari table td:first-child {
    width: 25%;
}

.table-vari table tr:nth-child(2n+2) td {
    background: #eee;
}

.table-vari table tr:hover td {
    background: #fffcb7;
}

.save-rename {
    border: 1px solid #aaa;
    background: #fff;
    padding: 10px;
    width: 350px;
    box-shadow: 0 0 5px #999;
}

.saverenametitle {
    background: #bccbe0;
    padding: 5px;
    text-align: center;
    font-family: "open_sansregular";
    font-size: 16px;
}

.save-rename .btn-row {
    padding: 5px;
    text-align: center;
}

.movebook-linked {
    border: 1px solid #aaa;
    background: #fff;
    padding: 10px;
    width: 630px;
    box-shadow: 0 0 5px #999;
}

.movelinktitle {
    background: #00a2e8;
    padding: 5px;
    text-align: center;
    font-family: "open_sansregular";
    font-size: 16px;
    color: #fff;
}

.movebooklinkscroll {
    overflow-x: hidden;
    overflow-y: auto;
    height: 175px;
}

.movelinkrow {
    padding: 8px 25px;
    position: relative;
}

.movelinkrow .iconleft {
    position: absolute;
    top: 10px;
    left: 5px;
    font-size: 18px;
    color: #333;
}

.movelinkrow .iconright {
    position: absolute;
    top: 9px;
    right: 5px;
    font-size: 18px;
    color: #333;
}

.inputbg-lightgray {
    background: #eeeeee;
}

.inputbg-lightblue {
    background: #dcf2f8;
}

.movebook-linked .btn-row {
    padding: 5px;
    text-align: center;
}

.movebook-linked-height {
    height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}

.movelinkrow-input {
    padding-left: 208px;
    position: relative;
}

.movelinkrow-input .iconleft {
    position: absolute;
    top: 0;
    left: 0;
    width: 210px;
    height: 28px;
    background: #ddd;
    padding: 2px 5px 5px;
}

.movelinkrow-input .iconleft a {
    font-size: 14px;
    color: #333;
}

.movelinkrow-pop {
    padding: 8px 50px 8px 30px;
    position: relative;
}

.movelinkrow-pop .iconleft {
    position: absolute;
    top: 5px;
    left: 5px;
    font-size: 18px;
    color: #333;
}

.movelinkrow-pop .iconright {
    position: absolute;
    top: 9px;
    right: 5px;
    font-size: 18px;
    color: #333;
}

.movelinkrow-pop .iconleft a {
    display: block;
    line-height: 10px;
    margin: 2px 0;
}

.movelinkrow-pop .iconleft a img {
    width: 20px;
}

.movelinkrow-pop .iconright a {
    font-size: 18px;
    color: #333;
    margin: 0 1px;
}

/*Device enable popup*/

/*.device-enable-popup{background: #fff; padding: 10px; border: 1px solid #aaa; box-shadow: 0 0 3px #555; border-radius: 6px; width: 740px;

height: 550px; overflow-x: hidden; overflow-y: auto;}*/

.device-enable {
    background: #fff;
}

.device-enable .ui-widget-content {
    border: none;
}

.device-enable .ui-tabs {
    padding: 0;
}

.device-enable .ui-tabs .ui-tabs-panel {
    padding: 10px;
    border: 1px solid #aaa;
}

.device-enable .ui-tabs .ui-tabs-nav {
    padding: 0;
}

.device-enable .ui-widget-header {
    background: none;
    border: none;
}

.device-enable .ui-widget-header .ui-state-default {
    color: #444;
    background: #d3d3d3;
    background: -moz-linear-gradient(top, #d3d3d3 0%, #969696 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #d3d3d3 0%, #969696 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #d3d3d3 0%, #969696 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#969696', GradientType=0);
    /* IE6-9 */
}

.device-enable .ui-widget-header .ui-state-active {
    background: #444444;
    /* Old browsers */
    background: -moz-linear-gradient(top, #444444 1%, #222222 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #444444 1%, #222222 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #444444 1%, #222222 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444444', endColorstr='#222222', GradientType=0);
    /* IE6-9 */
}

.device-enable .ui-state-active a, .device-enable .ui-state-active a:link, .device-enable .ui-state-active a:visited {
    color: #fff;
    font-size: 16px;
}

.device-enable .ui-state-default a, .device-enable .ui-state-default a:link, .device-enable .ui-state-default a:visited {
    font-size: 16px;
}

.device-enable .ui-tabs-anchor {
    padding: 6px 15px;
}

.device-enable .ui-widget-content {
    font-size: 14px;
}

.device-enable .ui-widget-content a.btn-red {
    color: #fff;
}

.device-enable .ui-widget input, .device-enable .ui-widget select, .device-enable .ui-widget textarea, .device-enable .ui-widget button {
    font-size: 14px;
}

.magicfilter {
    width: 80%;
    margin: 0 auto;
}

.magicfilter table {
    width: 100%;
    border-collapse: collapse;
}

.magicfilter table td {
    border: 1px solid #ccc;
    padding: 5px;
}

.magicfilter {}

.div-enable {}

.div-enable-img {
    padding: 5px;
    text-align: center;
}

.div-enable-img img {
    max-width: 100%;
}

.max-no-enable {}

.max-no-enable table {
    width: 100%;
    border-collapse: collapse;
}

.max-no-enable table td {
    border: 1px solid #aaa;
    padding: 10px;
    line-height: 24px;
}

.max-no-enable table td:last-child {
    width: 30%;
    background: #f5efcf;
}

.enable-accordian {}

.enable-accordian button.accordion {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 10px 15px;
    width: 100%;
    text-align: left;
    border: none;
    border-width: 0;
    outline: none !important;
    transition: 0.4s;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.enable-accordian button.accordion:hover {
    background-color: #ddd;
}

.hover-accordian {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 10px 10px;
    width: 100%;
    text-align: left;
    border: none;
    border-width: 0;
    outline: none !important;
    transition: 0.4s;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.hover-accordian:hover {
    background-color: #ddd;
}

.enable-accordian div.panel {
    padding: 10px 15px;
    background-color: white;
    display: none;
}

.enable-accordian table {
    margin-bottom: 0;
}

.enable-accordian table {
    border-collapse: collapse;
    width: 100%;
}

.enable-accordian table td {
    border: none;
    padding: 5px;
    font-size: 14px;
}

.enable-accordian table tr:nth-child(2n+2) td {
    background: #fff;
}

.enable-accordian .acc1 {
    width: 8%;
}

.enable-accordian .acc2 {
    width: 25%;
}

.enable-accordian .acc3 {
    width: 51%;
}

.enable-accordian .acc4 {}

.enable-accordian .acc5 {}

.enable-accordian .login-acc1 {
    width: 8%;
}

.enable-accordian .login-acc2 {
    width: 30%;
}

.enable-accordian .login-acc3 {
    width: 40%;
}

.font-red {
    color: #ed1c24;
}

.pca-table table {
    border-collapse: collapse;
}

.pca-table table td {
    padding: 5px;
    border: none;
    vertical-align: top;
}

.pca-table .suscription {
    padding-left: 30px;
    position: relative;
    line-height: 20px;
}

.pca-table .suscription input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 0px;
}

.pca-table table td table td {
    padding: 2px 5px;
}

.pcacredit a i {
    font-size: 24px;
    color: #333;
}

.pca-table .btn-gray {
    font-size: 13px;
}

/*********** Enable password popup page css ***********/

.max-device-popup {
    border: 1px solid #aaa;
    background: #fff;
    box-shadow: 0px 0px 3px #555;
    padding: 10px;
    width: 450px;
    position: relative;
}

.enable-div {
    padding: 5px 0;
    display: table;
    width: 100%;
    /*font-family: "calibribold";*/
}

.enable-div .eleft {
    float: left;
    width: 65%;
}

.enable-div .eright {
    float: left;
    width: 35%;
}

.enable-div .ecol50 {
    float: left;
    width: 50%;
}

.list-device-popup {
    border: 1px solid #aaa;
    background: #eee;
    box-shadow: 0px 0px 3px #555;
    padding: 10px;
    width: 450px;
    position: relative;
    /*top: 100px; z-index: 1111; left: -10px;*/
}

.lpcrow {
    margin: 10px 0 0;
    background: #fff;
    border: 1px solid #ccc;
    font-weight: bold;
    padding: 5px 10px;
}

.lpcrow a {
    color: #333;
    font-size: 18px;
}

.lppassrow {
    margin: 10px 0 0;
    font-weight: bold;
    padding: 5px 10px;
}

.device-close {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 3px #333;
    color: #333;
    height: 25px;
    padding-top: 3px;
    position: absolute;
    right: -8px;
    text-align: center;
    top: -8px;
    width: 25px;
}

.create-docu-pop {
    border: 1px solid #aaa;
    background: #fff;
    box-shadow: 0px 0px 3px #555;
    padding: 10px;
    width: 400px;
}

/************* link page css **************/

.linkpagepopup {
    border: 1px solid #aaa;
    background: #fff;
    box-shadow: 0px 0px 3px #555;
    padding: 10px;
    width: 400px;
    position: relative;
}

.linkpagepopup .yellow_row1 {
    color: #111 !important;
    text-align: center !important;
}

.linkpagebox {
    border: 1px solid #ddd;
    padding: 10px;
}

.linkpagebox table {
    width: 100%;
    border-collapse: collapse;
}

.linkpagebox table td {
    border: none;
    padding: 5px;
}

.linkpagebox table td:first-child {
    width: 30%;
}

.linkpagepopup .btn-row {
    text-align: center;
    padding: 10px 10px 0;
}

.selectdocubox {
    border: 1px solid #ddd;
    padding: 10px;
}

.selectdocubox table {
    width: 100%;
    border-collapse: collapse;
}

.selectdocubox table td {
    border: none;
    padding: 5px;
}

.selectdocubox table td:first-child, .selectdocubox table td:last-child {
    width: 15%;
}

.docuselectdiv {
    background: #ddd;
    color: #111;
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #555;
}

.popclose {
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 0 3px #333;
    color: #333;
    height: 25px;
    padding-top: 3px;
    position: absolute;
    right: -8px;
    text-align: center;
    top: -8px;
    width: 25px;
}

/************* Security block **************/

.security-block {
    background: #eee;
    border: 1px solid #aaa;
    padding: 10px;
}

.secu-title {
    font-size: 50px;
    text-align: center;
    padding: 10px;
    font-family: "open_sansbold";
}

.secu-subtitle {
    font-size: 18px;
    padding: 10px;
}

.secu-red-block {
    background: #ff;
    border: 1px solid #ee2124;
    padding: 10px;
}

.custom-pagin li.active a {
    background: #666;
    color: #FFF;
    border-color: #444;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
    cursor: default;
}

.custom-pagin li.disabled a {
    background: #666;
    color: #FFF;
    border-color: #444;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
    cursor: default;
}

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

.enable-accordian button.accordion-disabled {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 10px 15px;
    width: 100%;
    text-align: left;
    border: none;
    border-width: 0;
    outline: none !important;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.btn-print {
    padding: 1px 9px !important;
}

/*********** club social networking ***********/

.club-soci-net-bg {
    padding: 10px;
    background: url("../img/club-social-net-bg.jpg") no-repeat left top;
    background-size: 100%;
}

.club-soci-net-bg h1 {
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    line-height: 24px;
    color: #fff;
    padding: 5px;
}

.club-soci-net-block {}

/**** btn default btn ****/

a.start-now-free {
    background: #97cd62;
    background: -moz-linear-gradient(top, #97cd62 0%, #569017 100%);
    background: -webkit-linear-gradient(top, #97cd62 0%, #569017 100%);
    background: linear-gradient(to bottom, #97cd62 0%, #569017 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97cd62', endColorstr='#569017', GradientType=0);
    border-radius: 4px;
    padding: 8px 15px;
    color: #fff;
    font-size: 18px;
    margin-top: 3px;
}

/**** btn default btn ****/

.col-soci-right {
    width: 70%;
    float: left;
}

.col-soci-right .mid-right-block {
    border: 1px solid #ccc;
}

.col-soci-right .mid-right-block .top-title-row {
    background: #eee;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}

.col-soci-right .mid-right-block .soci-content-block {
    padding: 10px;
}

/************ Variable section css *************/

.langdocu-section {
    margin: 0 auto;
    width: 600px;
    border: 1px solid #aaa;
    padding: 10px;
}

.docutable {}

.varitable {}

.docutable table, .varitable table {
    width: 100%;
    border-collapse: collapse;
}

.docutable table td, .varitable table td {
    border: 1px solid #ccc;
    padding: 8px 6px;
    background: #fff;
    width: 33.33%;
}

.docutable table td:first-child {
    width: 16%;
    font-weight: bold;
}

.varitable table td:first-child {
    width: 32%;
    font-weight: bold;
}

.docutable table td {
    border: none;
}

.varitable table tr:nth-child(2n+1) td {
    background: #eee;
}

.varitable table tr:hover td {
    background: #fffcb7;
}

.varitable .langname img {
    margin-right: 10px;
}

.varibtn-row {
    text-align: center;
    padding: 10px
}

.docusectionselect {
    width: 250px;
}

.charat-row {
    padding: 0 75px 0 0;
    position: relative;
}

.charat-row table {
    width: 100%;
    border-collapse: collapse;
}

.charat-row table td {
    border: 1px solid #ccc;
    padding: 0px;
}

.charat-row table td:first-child {
    width: 35%;
}

.charat-row .charat-div {
    border: 1px solid #ddd;
    display: table;
    width: 100%;
}

.charat-row .buton {
    position: absolute;
    top: 0;
    right: 0;
}

/**************** Reference list of user *************/

.mn-manual-btn {}

.mn-manual-btn table td {
    font-size: 14px;
}

.mn-manual-popup-content {
    height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}

.mn-manual-popup {
    border: 1px solid #aaa;
    background: #fff;
    box-shadow: 0px 0px 3px #555;
    padding: 10px;
    width: 500px;
    position: relative;
}

.mn-manual-popup .popclose {
    padding-top: 1px;
    font-size: 18px;
}

.mn-row {
    padding: 0 90px 10px 30px;
    position: relative;
}

.mn-left {
    position: absolute;
    top: 25px;
    left: 0px;
}

.mn-right {
    position: absolute;
    top: 0px;
    right: 5px;
}

.mnfieldtitle {
    padding-bottom: 5px;
}

.mnfieldimg img {
    max-width: 100%;
}

.light-yellow-red-box {
    background: #fffdd0;
    border: 1px solid #ed1c24;
    padding: 5px;
}

.mn-manual-popup .include_box .include_fbox {
    padding: 10px 0 7px;
}

.add-banner-model {
    position: fixed;
    z-index: 9999;
    left: 50%;
    top: 50%;
    margin-bottom: -50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    width: 500px;
    padding: 10px;
    background: #fff;
    border: 1px solid #aaa;
    box-shadow: 10px 10px 5px #888888;
}

.add-banner-model table {
    width: 100%;
    border-collapse: collapse;
}

.add-banner-model table th {
    border: 1px solid #aaa;
    background: #c8bfe7;
    text-align: center;
    font-weight: bold;
}

.add-banner-model table th, .add-banner-model table td {
    padding: 5px;
}

.add-banner-model table td {
    border: none;
    background: none;
    line-height: 26px;
}

/**************** Comment and staff reply **************/

.comment-reply {
    width: 1000px;
    margin: 0 auto;
}

.sf-comment {
    padding-left: 50px;
}

.sf-comment .sfmainbox {}

.sf-comment .comment-box {
    position: relative;
    font-size: 15px;
    padding: 15px 15px 15px 50px;
    min-height: 100px;
    border-radius: 6px;
    margin-bottom: 20px;
}

.sf-comment .yellowbox {
    background: #f9f9e0;
}

.sf-comment .graybox {
    /*background: #f2f8fc;*/
    background: #e1eef6;
}

.sf-profile {
    position: absolute;
    top: 10px;
    left: -30px;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    overflow: hidden;
    background: #eee;
}

.sf-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sftitle {
    font-size: 18px;
    float: left;
}

.graybox .sftitle {
    color: #0099ff;
}

.yellowbox .sftitle {
    color: #7092be;
}

.sfdatetime {
    float: right;
    font-size: 14px;
}

.sfdatetime a {
    color: #333;
}

.sftexts {
    padding-top: 15px;
}

.sfcross a {
    color: #333;
    font-size: 18px;
}

.comment-section {
    padding-left: 50px;
}

.comment-section textarea {
    width: 80%;
    height: 80px;
}

.comment-section .commenttitle {
    font-family: "open_sansregular";
    font-size: 30px;
    color: #333;
}

.sfautopad {
    border: 1px solid #ccc;
    padding: 10px;
}

.select-version {}

.select-version table {
    width: 90%;
    border-collapse: collapse;
    margin: 0 auto;
}

.select-version table td {
    padding: 10px;
    border: none;
    vertical-align: middle;
    height: 120px;
}

.select-version table td:first-child {
    background: #eee;
    width: 60%;
}

.select-version table td:last-child {
    background: #444;
}

.getmovesbook {
    text-align: center;
    font-size: 20px;
    font-style: italic;
    color: #fff;
    text-transform: uppercase;
    padding: 5px;
}

.select-version .listbox {
    background: #fff;
    padding: 10px;
    color: #555;
}

.select-version .listbox ul {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 120px;
    overflow-x: hidden;
    overflow-y: auto;
}

.select-version .listbox ul li {
    padding: 5px 0;
}

/**************** Link page to process **************/

.linkpageprocess {
    width: 90%;
    margin: 20px auto;
}

.linkpageprocess .management_column_right {
    margin: 0;
    width: 100%;
}

.moveweb {
    position: relative;
    padding: 10px 10px 10px 65px;
    min-height: 70px;
}

.moveimg {
    position: absolute;
    left: 0;
    top: 10px;
}

.revihelppagebox {
    padding: 10px;
    border: 1px solid #aaa;
}

.typeedittable {}

.typeedittable table {
    width: 100%;
    border-collapse: collapse;
}

.typeedittable table td {
    border: none;
    padding: 5px;
    width: 25%;
}

.dismodetable {
    background: #f8f8f8;
    border: 1px solid #aaa;
    padding: 10px;
}

.dismodetable table {
    width: 100%;
    border-collapse: collapse;
}

.dismodetable table td {
    border: none;
    padding: 5px;
}

.dismodetable table td a {
    color: #333;
}

.dismodetable table .dcol1 {
    width: 15%;
}

.dismodetable table .dcol2 {
    width: 25%;
    background: #fff;
}

.dismodetable table .dcol3 {
    width: 25%;
}

.dismodetable table .dcol4 {
    width: 30%;
    background: #fff;
}

.dismodetable table .dcol5 {
    width: 5%;
}

.dismodetable table td .custom-select {}

input[type="submit"]:disabled {
    text-decoration: none;
    border: 1px solid #A3A2A2;
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    text-align: center;
    color: #FFFFFF;
    cursor: default;
    background-color: #333;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100%, #A3A2A2));
    background-image: -webkit-linear-gradient(top, #333, #A3A2A2);
    background-image: -moz-linear-gradient(top, #333, #A3A2A2);
    background-image: -ms-linear-gradient(top, #333, #A3A2A2);
    background-image: -o-linear-gradient(top, #333, #A3A2A2);
    background-image: linear-gradient(top, #333, #A3A2A2);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#3093c7, endColorstr=#1c5a85);
}

.delrowtable {}

.delrowtable table {
    border-collapse: collapse;
}

.delrowtable table td {
    border: none;
    padding: 5px;
}

/*********** Access to comments popup ***********/

#preview-popup {}

.acctocomm-popup {
    background: #fff;
    width: 800px;
    border-radius: 6px;
    box-sizing: border-box;
    padding: 10px;
    box-shadow: 0 0 5px #333;
}

.acctocomm-popup .sf-comment .comment-box {
    margin-bottom: 0;
}

.prob-encounter {
    border: 1px solid #bbb;
    padding: 10px;
}

.prob-encounter-header {
    background: #7092be;
    padding: 8px 10px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

.prob-encounter-content {
    background: #ecf8fb;
    border: 1px solid #bbb;
}

.prob-encounter-footer {
    text-align: center;
    padding-top: 10px;
}

.prob-encounter-header a.reset {
    color: #fff;
    font-size: 15px;
}

.prob-encounter-content textarea {
    width: 100%;
    min-height: 200px;
    background: #ecf8fb;
}

/*Home new pop up start*/

.homenew-pop {
    width: 700px;
    height: 590px;
}

.homenew-pop .w3-content {
    height: 365px !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.homenew-pop h1 {
    font-size: 24px;
}

.homenew-pop #sliderpop {
    position: relative;
    overflow: hidden;
    margin: 10px auto 0 auto;
    border-radius: 4px;
}

.homenew-pop #sliderpop ul {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

.homenew-pop #sliderpop ul li {
    position: relative;
    display: block;
    float: left;
    margin: 0;
    padding: 0px;
    width: 580px;
    height: 300px;
    background: #eee;
}

.homenew-pop #sliderpop ul li .homeslide-content {
    padding: 10px;
}

.homenew-pop a.control_prev_pop, .homenew-pop a.control_next_pop {
    position: absolute;
    bottom: 0px;
    z-index: 999;
    display: block;
    padding: 10px;
    width: auto;
    height: auto;
    background: #2a2a2a;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    font-size: 18px;
    opacity: 0.8;
    cursor: pointer;
}

.homenew-pop a.control_prev_pop:hover, .homenew-pop a.control_next_pop:hover {
    opacity: 1;
    -webkit-transition: all 0.2s ease;
}

.homenew-pop a.control_prev_pop {
    border-radius: 0 2px 2px 0;
}

.homenew-pop a.control_next_pop {
    right: 0;
    border-radius: 2px 0 0 2px;
}

.homenew-pop .slider_option_pop {
    position: relative;
    margin: 10px auto;
    width: 160px;
    font-size: 18px;
}

/*Home new pop up end*/

/************* Html editor css *************/

.html-editor-section {}

.html-editor {
    background: #eee;
    padding: 10px;
    border: 1px solid #ccc;
    font-size: 15px;
    color: #555;
    width: 100%;
    display: table;
}

.html-editor .he-title {
    font-size: 18px;
    font-family: "open_sansbold";
    text-transform: uppercase;
    color: #111;
    border-bottom: 1px solid #bbb;
    padding-bottom: 10px;
    width: 100%;
    display: table;
    line-height: 30px;
    position: relative;
}

.html-editor .he-title a {
    /*position: absolute; top:0; right:0;*/
}

.html-editor img {
    margin-top: 10px;
}

.html-editor .he-content {
    padding: 10px 0;
    line-height: 22px;
    word-wrap: break-word;
}

.html-editor .readmore {
    color: #880015;
}

.html-editor p {
    margin: 5px 0;
}

.slides_he {
    display: table;
}

.slides_he .slides_container {
    display: none;
}

.slides_he .slides_container, .slides_he .slides_container div {
    width: 1160px;
}

.slides_he .slides_container div {
    min-height: 150px;
    display: block;
}

.slides_he .pagination {
    display: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

.slides_he .pagination .current a {
    color: red;
}

.slides_he .prev, .slides_he .next {
    display: block !important;
    border-radius: 3px;
    background: #ddd;
    padding: 4px 10px;
}

.slides_he .prev {
    float: left;
}

.slides_he .next {
    float: right;
}

/********* Html order display **********/

.htmlorderdisplay {}

.htmlorderdisplay .archive_post {
    position: inherit;
    top: inherit;
    left: inherit;
    z-index: inherit;
    background: #fff;
    width: 100%;
    padding: 10px;
    color: #000;
    border: 1px solid #7b7b7b;
    margin: 10px auto;
}

.htmlorderdisplay .archive_post:after {
    display: none;
}

.htmlorderdisplay .archive_post .blog_block {
    height: 300px;
}

.htmlorderdisplay .archive_post .blog_block .blog_row .rright {
    width: 75%;
}

.htmlorderdisplay .archive_post .blog_block .blog_row .rright2 {
    width: 15%;
    float: right;
    padding: 5px;
}

.htmlorderdisplay .archive_post .blog_block .blog_row .rright2 a {
    display: inline-block;
    margin: 0 5px;
    color: #555;
}

.sortframesetting {}

.sortframesetting .archive_post {
    width: 100%;
}

.sortframesetting .brr_left {
    line-height: 26px;
}

.sortframesetting .brr_left span {
    width: auto;
    float: none;
    display: inline-block;
}

.sortframesetting .recentaccess {
    padding: 10px;
    background: #f5efcf;
    border: 1px solid #aaa;
}

.sortframesetting .recentaccess .colfirst {
    display: inline-block;
    width: 49%;
}

.sortframesetting .recentaccess .collast {
    display: inline-block;
    width: 50%;
    text-align: right;
}

.sortframesetting .recentaccess .colfirst input[type="checkbox"] {
    margin-right: 10px;
}

.sortframesetting {}

/********* Exhaustion status **********/

.exhaustion_title {
    color: #880015;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
}

.hap-btn-es {
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 111;
    margin-bottom: -50%;
    transform: translate(0px, -50%);
    text-align: center;
}

.hap-btn-es img {
    width: 100px;
}

.detail-about-account {
    padding: 5px 120px;
    position: relative;
}

.detail-about-block {}

.dat-left {
    position: absolute;
    left: 90px;
    top: 10px;
}

.dat-right {
    position: absolute;
    right: 10px;
    top: 50px;
}

.dat-right img {
    width: 100px;
}

.dat-header {}

.dat-content {
    margin-top: 10px;
}

.dat-footer {
    margin-top: 10px;
}

.dat-header table, .dat-content table, .dat-footer table {
    width: 100%;
    border-collapse: collapse;
}

.dat-header table td, .dat-content table td, .dat-footer table td {
    padding: 5px;
    text-align: center;
    vertical-align: top;
    width: 12%;
}

.dat-header table td:first-child, .dat-content table td:first-child, .dat-footer table td:first-child {
    width: 28%;
    text-align: right;
}

.dat-header table td:last-child, .dat-content table td:last-child, .dat-footer table td:last-child {
    width: 12%;
}

.dat-header table td {
    background: #45818e;
    font-size: 12px;
    border: 1px solid #fff;
    color: #fff;
}

.dat-content table td {
    border: 1px solid #999;
    font-weight: bold;
}

.dat-content table .col1 {
    background: #fff200;
}

.dat-content table .col2 {
    background: #ffd966;
}

.dat-content table .col3 {
    background: #ffd966;
}

.dat-content table .col4 {
    background: #ffd966;
}

.dat-content table .col5 {
    background: #c3c3c3;
}

.dat-content table .col6 {
    background: #22b14c;
    color: #fff;
}

.dat-content table .col7 {
    background: #880015;
    color: #fff;
}

.dat-footer table td {
    font-size: 12px;
    border: 1px solid #aaa;
}

.dat-footer table .col2 {
    background: #b6d7a8;
}

.dat-footer table .col3 {
    background: #b6d7a8;
}

.dat-footer table .col4 {
    background: #b6d7a8;
}

.dat-footer table .col5 {
    background: #b6d7a8;
}

.totalcardpurchase {
    border: 1px solid #999;
    margin: 5px 120px;
    padding: 10px;
}

.cpnobrd-table {}

.cpbordered-table {}

.cpnobrd-table table, .cpbordered-table table {
    width: 100%;
    border-collapse: collapse;
}

.cpnobrd-table table td, .cpbordered-table table th, .cpbordered-table table td {
    padding: 5px;
    text-align: center;
    width: 12%;
}

.cpbordered-table table th, .cpbordered-table table td {
    border: 1px solid #aaa;
    font-size: 15px;
}

.cpbordered-table table td {
    font-weight: bold;
}

.cpbordered-table table td:first-child {
    font-weight: normal;
}

.cpnobrd-table table td:first-child, .cpbordered-table table th:first-child, .cpbordered-table table td:first-child {
    width: 40%;
    text-align: left;
}

.cpnobrd-table table td {
    border: none;
    font-size: 12px;
}

.cpbordered-table .colth {
    background: #7092be;
    color: #fff;
}

.cpbordered-table .col1 {}

.cpbordered-table .col2 {}

.cpbordered-table .col3 {
    background: #eee;
}

.cpbordered-table .col4 {}

.cpbordered-table .col5 {
    background: #efe4b0;
    color: #880015;
}

.cpbordered-table .col6 {
    background: #cfeef5;
}

.cpnobrd-table .circle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #333;
    float: inherit;
    margin: 0;
}

.cpnobrd-table .circle.green {
    background: #6bc50a;
}

.cpnobrd-table .circle.red {
    background: #eb1c24;
}

.access-eng-slide img {
    width: 100%;
}

.access-eng {}

.access-eng .lefteng {
    float: left;
    width: 22%;
}

.access-eng .righteng {
    float: left;
    width: 78%;
    padding-left: 15px;
}

.popupPreview231-bugreport {
    z-index: 9999 !important;
}

#OpenPopupPrevPgID img {
    width: 100%;
}

#title_popup {
    border-bottom: 1px solid #000;
    padding-bottom: 5px;
    margin-bottom: 13px;
    font-weight: bold;
}

.he-mode {
    background: #fff;
    border: 1px solid #333;
    padding: 3px;
}

.he-mode a {
    display: inline-block;
    margin: 0 2px;
    padding: 2px;
    float: left;
}

.he-mode a:hover, .he-mode a.active {
    background: #fff200;
    padding: 2px;
}

.he-mode a img {
    display: flex;
}

.card-selected {
    font-weight: bold;
    line-height: 18px;
}

.card-selected span {
    color: #880015;
}

.search-assign-card {
    background: #eee;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 5px;
    display: table;
    width: 100%;
}

/********** Purchase information css **********/

.purchase-info {
    background: #eee;
    padding: 10px;
    border: 1px solid #aaa;
}

.purchase-info .totalcardpurchase {
    margin: 0px auto;
    width: 100%;
}

.purchase-info .athlete_block {
    background: #fff;
}

.cream-color {
    color: #efe4b0;
}

.crcl {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 4px 5px;
    border: 2px solid #333;
}

.crcl-white {
    background: #fff;
}

.crcl-red {
    background: #EB0014;
}

.crcl-gray {
    background: #ccc;
}

.crcl-yellow {
    background: #ffc90e;
}

.crcl-green {
    background: #b5e61d;
}

.crcl-skyblue {
    background: #99d9ea;
}

.section-left {
    float: left;
    width: 25%;
}

.section-right {
    float: left;
    margin-left: 3%;
    width: 72%;
}

.input-envelop {
    position: absolute;
    right: 12px;
    top: 7px;
    font-size: 18px;
    color: #333;
}

.ath-singleuser-box {
    border: 1px solid #b9b9b9;
}

.ath-singleuser-box .pass_field_block {
    margin: 0 auto;
    width: 70%;
}

.ath-singleuser-box .Field_title {
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
}

.ath-singleuser-box .pass_field_block .Field_title {
    width: 100%;
    display: inline-block;
}

.ath-singleuser-box .pass_field_block .Field_field {
    width: 100%;
    display: inline-block;
}

.ath-singleuser-box .fieldimag1 {
    float: left;
    /*width: 180px;*/
    width: 35%;
}

.ath-singleuser-box .fieldimagbtnfile {
    float: left;
    width: 65%;
}

.testimonial-lang-row {
    border: 1px solid #7f7f7f;
    color: #fff;
    font-family: "open_sansbold";
    font-size: 15px;
    background: #c8bfe7;
    color: #111;
    position: relative;
    padding: 0 0 0 130px;
}

.testimonial-lang-row .testi-title {
    position: absolute;
    left: 10px;
    top: 5px;
}

.testimonial-lang-row .edit_pagelang {
    border-bottom: none;
    padding: 0;
}

.testimonial-lang-row .edit_pagelang a {
    border: none;
    text-transform: uppercase;
    font-size: 16px;
}

.testimonial-lang-row .edit_pagelang a.select {
    border: 1px solid #fff;
}

.dst_box {
    border: 1px solid #888;
    margin-top: 20px;
    20px 10px 20px;
    font-size: 15px;
    color: #000;
    position: relative;
}

.dst_title {
    border: 1px solid #888;
    background: #fff;
    padding: 4px 10px;
    position: absolute;
    top: -15px;
    left: 20px;
}

.dst_box .dst_text {
    position: relative;
    padding: 10px 10px 10px 50px;
}

.dst_box .dst_text input[type="checkbox"] {
    position: absolute;
    top: 5xp;
    left: 25px;
}

.close1 {
    color: #555;
    display: block;
    font-size: 20px;
    padding: 3px 6px;
}

/********** Customer testimonial section *************/

.testimoni-title-row {
    border-radius: 6px;
    position: relative;
    padding: 10px 250px 10px 10px;
    background: #728189;
    /* Old browsers */
    background: -moz-linear-gradient(top, #728189 0%, #495861 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #728189 0%, #495861 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #728189 0%, #495861 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#728189', endColorstr='#495861', GradientType=0);
    /* IE6-9 */
}

.testimoni-title {
    color: #fff;
    font-size: 20px;
}

.testimoni-langu-right {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 250px;
    padding: 5px 10px;
}

.testimoni-langu-right {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    background: #333333;
}

.testimoni-langu-right .col-left {
    display: inline-block;
    line-height: 30px;
    color: #fff;
}

.testimoni-langu-right .col-right {
    display: inline-block;
    background: #fff;
}

.starfeedback {
    margin-right: 10px;
    margin-top: -5px;
}

.starfeedback span {
    /* background: #111;  */
    color: #bbb;
    font-size: 25px;
    /* margin-right: 5px; */
    margin-top: -2px;
}

.testimoni-head-row {
    background: #7092be;
    padding: 10px;
}

.testimoni-head-row .col-left {
    float: left;
    width: 30%;
}

.testimoni-head-row .col-med {
    float: left;
    width: 40%;
}

.testimoni-head-row .col-right {
    float: left;
    width: 30%;
}

.testimoni-head-row .col-left .all-courntry {
    display: inline-block;
    width: 250px;
    background: #fff;
}

.testimoni-head-row .col-left .contry-reset {
    display: inline-block;
}

.testimoni-head-row .col-left .contry-reset a {
    color: #fff;
    text-decoration: underline;
}

.testimoni-head-row .col-med {
    text-align: center;
    font-size: 22px;
    color: #fff;
}

/* .testimoni-content-row{padding: 0 15px;} */

.testimoni-content-row .bxslider_wrap {
    position: relative;
}

.testislider .prev, .testislider .next {
    position: absolute;
    z-index: 111;
    top: 50%;
    margin-top: -30px;
    color: #333;
    font-size: 50px;
}

.testislider .prev {
    left: 0px;
    /*transform: rotate(135deg);*/
    /*-webkit-transform: rotate(135deg);*/
}

.testislider .next {
    right: 0px;
    /*transform: rotate(-45deg);*/
    /*-webkit-transform: rotate(-45deg);*/
}

/*.bxslider_container{margin: 0 25px !important;}*/

.bx-width {
    width: 576px;
    padding: 10px 10px !important;
}

.testislider {
    position: relative;
}

.testislider li {
    padding: 10px;
    box-sizing: border-box;
}

.testislider li .testimoni-pro-img {
    border: 1px solid #ccc;
    position: relative !important;
    padding: 10px 10px 10px 155px;
    min-height: 240px;
}

.testislider li .testimoni-pro-img .testimoni-img {
    position: absolute;
    left: 10px;
    top: 10px;
    width: 150px;
    height: auto;
}

.testislider li .testimoni-pro-img .testimoni-img a {
    width: 120px;
    height: 120px;
    display: block;
}

.testislider li .testimoni-pro-img .testimoni-img a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.bxslider_container {
    width: 100% !important;
}

/******* Testimonial mode 1 start *******/

.testimoni-mode-1 {
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
}

.testimoni-mode-1 ul {
    margin: 0;
    padding: 0;
}

.testimoni-mode-1 ul li {
    width: 50%;
    float: left;
    position: relative;
    padding: 0px 15px 0px 160px;
    min-height: 245px;
}

.testimoni-mode-1 .testimoni-pro-img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.testimoni-mode-1 .testimoni-detail {
    color: #fff;
    line-height: 24px;
}

.testimoni-detail1 {
    color: #fff;
    line-height: 24px;
}

.testimoni-mode-1 .testimoni-img {
    width: 140px;
    height: 140px;
    overflow: hidden;
}

.testimoni-mode-1 .testimoni-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimoni-mode-1 .testiprotitle {
    color: #f7a017;
    font-size: 25px;
}

.testimoni-mode-1 .testiprocountry {
    color: #D7B119;
    font-weight: bold;
    font-size: 15px;
}

.testimoni-mode-1 .testiprosport {
    color: #93682A;
    font-size: 15px;
}

.testimoni-mode-1 .testiprotext {
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px
}

.testimoni-mode-1 .quote_top, .testimoni-mode-1 .quote_bottom, .testimoni-mode-1 .red_title, .testimoni-mode-1 .black_title {
    display: none;
}

/******* Testimonial mode 1 end *******/

/******* Testimonial mode 2 start *******/

.testimoni-mode-2 {
    padding: 20px;
}

.testimoni-mode-2 ul {
    margin: 0;
    padding: 0;
}

.testimoni-mode-2 ul li {
    float: none;
    position: relative;
    padding: 0px 15px 0px 160px;
    min-height: 200px;
    list-style: none;
}

.testimoni-mode-2 .testimoni-pro-img {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
}

.testimoni-mode-2 .testimoni-detail {
    color: #555;
    line-height: 24px;
}

.testimoni-mode-2 .testimoni-img {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    border: 4px solid #d9261b;
    overflow: hidden;
}

.testimoni-mode-2 .testimoni-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.testimoni-mode-2 .slides1_wrap {
    position: relative;
    margin: 0 auto;
    width: 800px;
}

.testimoni-mode-2 #slides1 li {
    width: 800px;
}

.testimoni-mode-2 #slides1 {
    overflow: hidden;
    min-height: 200px;
}

.testimoni-mode-2 .testiprotitle, .testimoni-mode-2 .testiprotext {
    display: none;
}

.bx_pager {
    padding-top: 0px;
    margin-top: 0px;
    z-index: 999;
    position: relative;
    text-align: center;
}

.bx_pager a {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin: 4px;
    background: #ccc;
}

.bx_pager a:hover, .bx_pager a.active {
    background: #c10303;
}

.auto_controls {
    position: absolute;
    bottom: -11px;
    left: 394px;
    display: none;
}

.quote_top {
    background: rgba(0, 0, 0, 0) url("../img/quote_top_03.png") no-repeat scroll center center;
    background-size: cover;
    display: inline-block;
    float: left;
    height: 45px;
    opacity: 0.5;
    width: 60px;
}

.quote_bottom {
    background: rgba(0, 0, 0, 0) url("../img/quote_bottom_03.png") no-repeat scroll center center;
    background-size: cover;
    display: inline-block;
    float: right;
    height: 45px;
    opacity: 0.5;
    width: 60px;
}

.red_title {
    color: #c10303;
    font-size: 22px;
    font-style: italic;
}

.black_title {
    color: #111;
    display: block;
    font-size: 16px;
    font-style: italic;
    padding-bottom: 0;
}

.slides1_wrap .prev, .slides1_wrap .next {
    display: none;
}

/*.slides1_wrap .prev {position: absolute; left: -6px; top: 100px; outline: 0; display:none;}

.slides1_wrap .next {position: absolute; right: 90px; top: 100px; outline: 0; display:none;}

.slides1_wrap a:active { top: 102px;}*/

/* Testimonial mode 2 end 

============================*/

.commu-new {
    background: #fff;
    padding: 5px;
    margin: 10px
}

.commu-new div {
    margin: 7px;
}

/* User event show

===================*/

.event_data {
    position: relative;
    padding-left: 150px;
    min-height: 150px;
    margin-bottom: 10px;
}

.event_data_lft {
    position: absolute;
    left: 0;
    top: 0;
    width: 140px;
}

.event_data_lft a {
    display: block;
}

.event_data_lft a img {
    width: 100%;
}

.event_data_rgt {}

.event_data_rgt .event_txt {
    color: #888;
}

.event_data_rgt .event_txt a {
    color: #888;
}

.event_data_rgt .event_txt p {
    margin: 5px 0;
}

.event_data_rgt fieldset {
    padding: 5px;
    border: 1px solid #ccc;
}

.event_data_rgt fieldset input[type="radio"] {
    margin: 5px;
}

.event_data_rgt fieldset legend {
    padding: 5px;
    background: #fff;
}

/* My education

===================*/

.classified {
    font-weight: normal;
}

.classified h3 {
    color: #555;
    font-weight: normal;
    font-size: 20px;
}

.classified p {
    color: #888;
}

.classified a {
    color: #333;
    text-decoration: underline;
}

.classified h3 a {
    text-decoration: none;
}

.educational_from_container {}

.educational_from_container .input {
    margin-bottom: 10px;
    position: relative;
    padding-left: 120px;
    width: 100%;
    display: table;
}

.educational_from_container .input label {
    position: absolute;
    left: 0;
    top: 5px;
}

.educational_from_container .submit {
    width: 100%;
    display: table;
    text-align: center;
}

.educational_from_container .input.checkbox label {
    position: inherit;
    left: 10px;
    top: 0px;
}

/* Employment

===================*/

.employment_listing_container {}

.employment_listing_container .input {
    margin-bottom: 10px;
    position: relative;
    padding-left: 120px;
    width: 100%;
    display: table;
}

.employment_listing_container .input label {
    position: absolute;
    left: 0;
    top: 5px;
}

.employment_listing_container .submit {
    width: 100%;
    display: table;
}

/* Process cards

===================*/

.process_cards_page {}

.process-card-select {
    border: 1px solid #bbb;
    padding: 5px;
}

.process-card-select table {
    width: 100%;
    border-collapse: collapse;
}

.process-card-select table td {
    padding: 5px;
}

.process-card-select .pccol1 {
    width: 5%;
}

.process-card-select .pccol2 {
    width: 10%;
}

.process-card-select .pccol3 {
    width: 10%;
}

.process-card-select .pccol4 {
    width: 10%;
}

.process-card-select .pccol5 {
    width: 18%;
}

.process-cards-popup {
    width: 800px;
    background: #fff;
    box-shadow: 0 0 5px #333;
    border-radius: 6px;
    padding: 10px;
}

.proc-scroll {
    overflow-x: hidden;
    overflow-y: auto;
    height: 100px;
}

/* Quick registration

===================*/

.quickregistration {
    border: 1px solid #bbb;
    padding: 30px 40px;
}

.quickregi-title {
    font-family: "open_sansregular";
    color: #880015;
    font-size: 38px;
    text-align: center;
}

.quickregi-subtitle {
    font-family: "open_sansregular";
    color: #555;
    font-size: 16px;
    text-align: center;
    padding-top: 10px 0;
}

.quickregi-subtitle a {
    color: #880015;
}

.quickregi-form {
    width: 100%;
    display: table;
    padding: 20px 0;
}

.quickregi-left {
    width: 55%;
    display: table-cell;
    border-right: 1px solid #bbb;
    padding-right: 80px;
}

.quickregi-right {
    width: 45%;
    display: table-cell;
    padding-left: 20px;
    vertical-align: middle;
    text-align: center;
    position: relative;
}

.quickregi-right .orr {
    position: absolute;
    z-index: 111;
    top: 50%;
    left: -20px;
    margin-top: -20px;
    border-radius: 50%;
    background: #880015;
    text-align: center;
    padding-top: 6px;
    font-size: 20px;
    color: #fff;
    width: 40px;
    height: 40px;
}

.terms-langu-row {}

.terms-langu-row .left {
    float: left;
    width: 30%;
}

.terms-langu-row .right {
    float: right;
    width: 20%;
}

.static-box {}

.static-box textarea {
    width: 100%;
    min-height: 200px;
}

.quickregi-accept {
    padding: 10px 0;
}

.quickfield-row {
    padding: 15px 5px 8px;
    border-bottom: 1px solid #ccc;
    position: relative;
}

.quickfield-row input[type="text"], .quickfield-row input[type="email"], .quickfield-row input[type="password"] {
    border: none;
    padding: 0;
}

.quickfield-row .span-title {
    position: absolute;
    left: 6px;
    top: 17px;
    color: #777 !important;
}

.quickfield-row .span-content {
    margin-left: 100px;
    width: 250px;
}

/* Feedback

===================*/

.send-your-story-btn-row {}

.send-your-story-btn-row span {
    background: #b80413;
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
    margin: 0px 10px;
}

.testi-feed {
    background: #eee;
    padding: 20px;
}

.testi-feed h1, .testi-feed h2, .testi-feed h3 {
    font-weight: normal;
}

.testi-feed .feedbox {
    background: #fff;
    padding: 20px;
}

.testi-feed .feedtitle {
    border-bottom: 1px solid #ccc;
    line-height: 30px;
    margin: 0;
}

.feeditem {
    padding: 10px 10px 10px 140px;
    position: relative;
    border-bottom: 1px solid #eee;
    min-height: 170px;
}

.testi-feed .feeditem:last-child {
    border-bottom: none;
}

.feed-absolute {
    position: absolute;
    left: 0;
    top: 20px;
}

.feedimg {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}

.feedimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.feedprotitle {
    font-size: 20px;
}

.feedstaff {
    margin: 10px auto;
}

.feedthankbox {
    border: 1px solid #ddd;
    padding: 10px;
    width: 100%;
}

.totals {}

.totals a {
    margin: 0 2px;
    font-size: 15px;
    color: #111;
    font-weight: bold;
    display: inline-block;
}

.totals a img {
    margin-right: 5px;
}

.feedproboxleft {
    float: left;
    width: 55%;
}

.feedproboxright {
    float: right;
    width: 45%;
}

.feedimg-absolute {
    position: absolute;
    left: 0;
    top: 20px;
}

.feedimg-absolute .commlink a {
    color: #333 !important;
}

.totals-absolute {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 1111;
    background: #fff;
    border: 1px solid #aaa;
    padding: 10px;
    width: 250px;
}

.statistics-absolute {
    position: absolute;
    left: 0;
    top: 30px;
    z-index: 1111;
    background: #fff;
    border: 1px solid #aaa;
    padding: 10px;
    width: 330px;
}

/* admin feedback

===================*/

.admin-feedback {}

.admin-feedback .testi-feed {
    padding: 10px;
}

.admin-feedback .testi-feed .feedbox {
    padding: 10px;
}

.admin-feedback .feedbox {
    font-family: 'calibriregular';
    font-size: 15px;
}

.feedcheck {
    display: inline-block;
    float: left;
    padding: 0 5px;
    line-height: 60px;
}

/*.admin-feedback  .feeditem{padding: 10px 10px 10px 150px; }*/

.admin-feedback .feedthankbox {
    /*border: none; padding: 0px; */
    width: 100%;
}

.admin-feedback .feedthankbox p {
    margin: 0px 0;
}

.admin-feedback .feedthankbox textarea {
    border: 1px solid #ddd;
    padding: 10px;
    width: 100%;
    min-height: 100px;
    font-size: 16px;
}

.admin-feedback .feedprotitle a {
    color: #333;
}

.replyiconrow {
    text-align: left;
}

.replyiconrow a {
    display: inline-block;
    margin: 3px 3px;
    color: #555;
}

.replyiconrow a:hover {
    color: #111;
}

.testifeed-pop {
    background: #fff;
    box-shadow: 0 0 5px #333;
    border-radius: 6px;
    padding: 10px;
    width: 621px;
    font-size: 14px;
}

.leavefeedback {
    border: 1px solid #7f7f7f;
}

.leavefeedback textarea {
    border: none;
    width: 100%;
    padding: 5px;
    margin: 0;
}

.leavefeedback label {
    padding: 5px;
}

.feedcommentrow {
    padding: 5px;
    text-align: center;
    border: 1px solid #aaa;
}

.feedcommentrow a, .feedcommentrow span, .feedcommentrow .starselect {
    display: inline-block;
    margin: 5px 2px;
}

.feedcommentrow .starselect {
    width: 200px;
}

.feedcommentrow a {
    color: #555;
}

.feedbtnrow {
    padding: 5px;
    text-align: center;
}

/* Promocode popup

===================*/

.promocode-pop {
    background: #fff;
    box-shadow: 0 0 5px #333;
    border-radius: 6px;
    padding: 10px;
    width: 450px;
    font-size: 14px;
}

.promo-code-content {
    background: #f7f1d7;
    padding: 10px;
}

.promo-code-content table {
    width: 100%;
    border-collapse: collapse;
}

.promo-code-content table td {
    border: none;
    padding: 2px;
    width: 22%;
}

.promo-code-content table tr td:first-child {
    width: 34%;
}

.promocode-v-scroll {
    overflow-x: hidden;
    overflow-y: auto;
    ;
    height: 500px;
}

.question-page {}

.question-page, .question-page label, .question-page input, .question-page select, .question-page h3 p, .question-page h3 .form_container, .question_pop_up h3, .question-page h3 {
    font-weight: normal !important;
}

.question p {
    margin: 10px 0;
}

.question_pop_up h3 {
    margin: 10px 0;
}

.question_pop_up div.select {
    margin-top: 10px;
}

.question_pop_up div.submit, .question_pop_up div.textarea textarea {
    margin-top: 10px;
}

.question_pop_up div.select select {
    margin-left: 10px;
}

.question_list_container select {
    margin-left: 10px;
}

.shortContent {
    height: 275px;
    overflow: hidden;
    padding-bottom: 70px;
    border-bottom: 1px solid #ccc;
}

.search-nm {
    background: #F5DA7B;
    padding: 9px;
    width: 42%;
    left: 12%;
    text-align: center;
    border: 1px solid #9D9C96;
    position: relative;
    color: #A64C66;
}

.magnetic-pop-box {
    width: 500px;
}

.magnetic-pop-box table {
    width: 100%;
    border-collapse: collapse;
}

.magnetic-pop-box table th, .magnetic-pop-box table td {
    width: 25%;
    padding: 5px;
    text-align: center;
}

.magnetic-pop-box table th {
    background: #45818e;
    color: #fff;
    border: 1px solid #fff;
}

.magnetic-pop-box table td {
    color: #111;
    border: 1px solid #888;
}

.characteristiche {
    border: 1px solid #555;
    padding: 10px;
}

.characteristiche .in-block {
    display: inline-block;
    margin: 0 5px;
}

.characteristiche .se-lng {
    background: #eee;
    padding: 5px 10px;
    color: #111;
}

.characteristiche .se-lng img {
    margin-right: 10px;
}

.addlinktable {}

.addlinktable table {
    width: 100%;
    border-collapse: collapse;
}

.addlinktable td {
    background: #eee;
    padding: 5px;
    text-align: center;
    border: 1px solid #ccc;
}

.addlinktable .col-title {
    width: 75%;
    text-align: left;
    font-size: 16px;
}

.addlinktable .col-addlink {
    width: 13%;
}

.addlinktable .col-action1 {
    width: 6%;
}

.addlinktable .col-action2 {
    width: 6%;
}

.addlinktable .col-action1 a {
    color: #f44e21;
    font-size: 16px;
}

.addlinktable .col-action2 a {
    color: #f44e21;
    font-size: 16px;
}

.addlinktable .linkrow td {
    background: #e7f5fa;
}

.addlinktable .linkrow td.col-title a {
    color: #0a72a8;
    text-decoration: underline;
}

.addlinkpage {
    background: #eee;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 20px auto;
}

.addlinkpage table {
    width: 100%;
    border-collapse: collapse;
}

.addlinkpage td {
    background: #fff;
    padding: 7px 10px;
    border: 1px solid #ccc;
}

.addlinkpage td:first-child {
    width: 30%;
    background: #f4f4f4;
    font-size: 18px;
    text-align: left;
    line-height: 30px;
}

.cardreturnbox {
    padding: 10px;
}

.cardreturnbox span {
    display: inline-block;
    margin: 0 5px;
}

.cardreturnbox table {
    border-collapse: collapse;
}

.cardreturnbox table td {
    padding: 5px;
    border: 1px solid #ccc;
}

.cardreturnbox table tr:first-child td {
    border-top: 1px solid #ccc !important;
}

.show-selected-bg {
    background: #EFE4B0 !important;
    color: #765C5C
}

.custom-color-picker {
    background: #EBEBEB;
    width: 275px;
    padding: 8px 5px;
    float: left;
}

.custom-color-picker span {
    padding: 2px 8px;
    cursor: pointer;
    border: 1px solid #fff;
}

.custom-color-picker span.active {
    padding: 4px 8px;
}

.custom-color-picker span:hover {
    padding: 4px 8px;
}

.selected-color-picker {
    width: 31px;
    margin-left: 12px;
}

.selectfontcode {
    width: 60px;
    float: left;
    padding: 9px 0 0 6px;
}

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

#file-upload, #file-upload1 {
    display: none;
}

.custom-file-upload {
    border: 1px solid #B6B6B6;
    display: inline-block;
    padding: 6px 12px;
    font-size: 14px;
    cursor: pointer;
}

.spaceli {
    padding-left: 45px !important
}

.append-banner {
    width: 100%;
    height: 320px;
    overflow: hidden
}

.append-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.online-training {}

.online-training .left-col {
    float: left;
    width: 30%;
}

.online-training .right-col {
    float: left;
    width: 69%;
    margin-left: 1%;
}

.online-training-diary {
    background: #eee;
    border-radius: 6px;
}

.online-training-diary .title {
    padding: 10px;
    color: #111;
    font-size: 20px;
    cursor: pointer;
}

.online-training-diary .title a {
    color: #111;
}

.online-training-diary ul {
    margin: 0;
    padding: 0;
    list-style: none;
    color: #555;
    font-size: 16px;
}

.online-training-diary ul li {
    border-top: 1px solid #ccc;
    list-style: none;
}

.online-training-diary ul li a {
    color: #555;
    padding: 10px;
    display: block;
    background: #E7F5FA;
}

.online-training-diary ul li ul {
    display: block;
    background: #e7f5fa;
}

/*.online-training-diary ul li ul li{margin-left: 10px;}*/

.online-training-diary ul li:last-child {
    border-bottom: none;
}

.online-training-diary ul li:hover {
    background: #e7f5fa;
}

.online-training-diary ul li:hover ul {
    display: block;
}

.online-training-diary ul li:hover ul li:hover {
    background: #fffcbf;
}

.online-training-header {
    background: #f8f4e9;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 10px;
}

.online-training-header .left1 {
    float: left;
}

.online-training-header .right1 {
    float: right;
    margin-top: -4px;
    margin-bottom: -4px;
}

.online-training-contener {
    border: 1px solid #ccc;
    border-radius: 6px;
    padding: 10px;
    margin-top: 10px;
}

.release-history-pop {
    width: 1150px;
    /*border: 1px solid #880015;*/
}

.release-history-pop .headerrow {
    background: #fff url("../img/bg_grad.jpg") repeat-x scroll center -25px;
    height: 85px;
    margin-top: -5px;
    position: relative;
    padding: 5px;
}

.release-history-pop .contentrow {
    height: 500px;
    overflow-y: auto;
}

.openinnewtab {
    border: 2px solid #feef0e;
    border-radius: 4px;
    padding: 5px 10px;
    margin-top: 35px;
    color: #fff;
    font-size: 16px;
    margin-right: 10px;
}

.release-history-pop .logo {
    width: 275px;
    padding: 10px;
}

.release-history-pop .logo img {
    width: 100%;
    height: 100%;
}

.release-history-pop .navrow {
    padding: 10px 0px 0;
    position: relative;
}

.release-history-pop .navrow ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    display: table;
}

.release-history-pop .navrow ul li {
    float: left;
    display: inline-block;
}

.release-history-pop .navrow ul li a {
    display: block;
    padding: 8px 30px;
    font-size: 18px;
    color: #888;
    border: 1px solid #aaa;
    font-size: 20px;
}

.release-history-pop .navrow ul li a.active {
    color: #333;
    border-bottom-color: #fff !important;
}

.release-history-pop .review-title {
    border-bottom: 1px solid #aaa;
    padding-bottom: 10px;
}

.release-history-pop .navcontent {
    border: 1px solid #aaa;
    margin-top: -1px;
    padding: 10px;
    background: #fff;
}

.release-history-pop .navcontent .selectlanguage {
    float: left;
    width: 200px;
}

.release-history-pop .navcontent .sharing {
    float: right;
}

.release-history-pop .navcontent .sharing a {
    display: inline-block;
    margin: 0 5px;
}

.release-history-pop .navrow .no-regi-link {
    position: absolute;
    right: 10px;
    top: 0px;
    display: inline-block;
    z-index: 11;
}

.post-new-btn {
    border: 1px solid #ce282a;
    border-radius: 4px;
    display: inline-block;
    padding: 3px 10px;
    color: #1d73a4;
    font-size: 18px;
    background: #fff;
}

.post-new-btn img {
    margin-right: 5px;
    width: 20px;
}

.sb-staff-popup {
    width: 480px;
}

.sb-staff-popup .review-right-section {
    width: auto;
    float: none;
    padding: 0px 5px;
}

.sb-staff-popup .stafftitle {
    padding: 5px 0;
    font-size: 22px;
    text-align: center;
    color: #111;
}

.sb-staff-popup .but-img {
    width: 100px;
    margin: 0 auto;
}

.sb-staff-popup .but-img img {
    width: 100%;
}

.but-img {
    width: 100px;
    margin: 0 auto;
}

.but-img img {
    width: 100%;
}

.stafftitle {
    padding: 5px 0;
    font-size: 22px;
    text-align: center;
    color: #111;
}

/*User review page

*******************************************/

.user-review-page {}

.user-review-page .navrow {
    padding: 0px 0;
}

.user-review-page .navrow ul {
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
    display: table;
}

.user-review-page .navrow ul li {
    float: left;
    display: inline-block;
}

.user-review-page .navrow ul li a {
    display: block;
    padding: 6px 25px;
    font-size: 18px;
    color: #888;
    border: 1px solid #aaa;
    font-size: 20px;
}

.user-review-page .navrow ul li a.active {
    color: #333;
    background: #eee;
    border-bottom-color: #fff !important;
}

.user-review-page .navcontent {
    border: 1px solid #aaa;
    margin-top: -1px;
    padding: 10px;
}

.user-review-page .review-title {
    border-bottom: 1px solid #aaa;
    padding-bottom: 10px;
}

.user-review-page .rls-fix {
    width: 100% !important;
}

.user-review-page .rrs-fix {
    float: none !important;
    width: 450px !important;
    padding: 15px !important;
    position: fixed;
    z-index: 1111;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: 130px;
}

.review-item-row .col-item {
    display: inline-block;
    margin: 0 4px;
}

.review-item-row .all-language {
    width: 150px;
}

.review-item-row .spam-btns {}

.review-item-row .search_bt {
    float: none;
    width: auto;
}

.review-item-row .filter {
    float: none;
    width: auto;
}

.review-item-row .deletion {}

.review-item-row .search_user {
    float: none;
    width: auto;
    margin-right: 0;
}

.review-item-row .search_block {
    float: none;
    width: auto;
    margin-right: 0;
}

.spam-btns ul {
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #aaa;
    background: #f8f8f8;
    display: flex;
}

.spam-btns ul li {
    display: inline-block;
}

.spam-btns ul li a {
    color: #333;
    padding: 4px 12px;
    display: inline-block;
    border-right: 1px solid #aaa;
}

.spam-btns ul a.active {
    background: #ce282a;
    color: #fff;
}

.user-review-page .reviews {
    padding: 10px 10px 10px 80px;
    position: relative;
    border-bottom: 1px dashed #eee;
    min-height: 80px;
    font-size: 14px;
    color: #555;
}

.user-review-page .reviews:last-child {
    border-bottom: none;
}

.user-review-page .reviews .review-img {
    position: absolute;
    left: 0;
    top: 10px;
    width: 60px;
    height: 60px;
}

.user-review-page .reviews .review-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.user-review-page .reviews .postedby {
    color: #888;
}

.user-review-page .reviews {}

.user-review-page .reviews img {
    width: 60px;
    height: 60px;
    margin: 0;
}

.review-popup {
    width: 400px;
    background: #f1f1f1;
}

.review-popup textarea {
    min-height: 150px;
    font-size: 15px;
}

.review-left-section {
    float: left;
    width: 60%;
    min-height: 400px;
}

.review-right-section {
    float: left;
    width: 40%;
    padding: 20px 10px;
    background: #fff;
}

.review-right-section textarea {
    min-height: 180px;
    font-size: 14px;
}

.review-block-overflow {
    overflow-x: hidden;
    overflow-y: auto;
    height: 350px;
}

.link-outline-rounded {
    display: inline-block;
    border-radius: 20px;
    padding: 3px 10px;
    border: 1px solid #555;
    margin: 0 3px;
    color: #555;
}

.review-not-expanded {}

.review-not-expanded .revie-list {}

.review-not-expanded .revie-list table {
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #888;
}

.review-not-expanded .revie-list table td {
    padding: 5px;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
}

.review-not-expanded .revie-list table .delete {
    width: 4%;
}

.review-not-expanded .revie-list table .image {
    width: 8%;
}

.review-not-expanded .revie-list table .point {
    width: 8%;
}

.review-not-expanded .revie-list table .object {
    width: 27%;
}

.review-not-expanded .revie-list table .description {
    width: 30%;
}

.review-not-expanded .revie-list table .thumb {
    width: 5%;
}

.review-not-expanded .revie-list table .like {
    width: 6%;
}

.review-not-expanded .revie-list table .image span {
    margin: auto auto;
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: flex;
}

.review-not-expanded .revie-list table .image span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.review-not-expanded .revie-list table .delete a {
    color: #F00;
    font-size: 20px;
}

.review-not-expanded .revie-list table .thumb {
    color: #333;
    font-size: 20px;
}

.flip {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

.review-not-expanded .revie-list table .point {
    font-size: 26px;
    line-height: 20px;
}

.review-not-expanded .revie-list table .point span {
    font-size: 14px;
    color: #ccc;
}

.review-not-expanded .revie-list table .object .objectbox {
    background: #dff3f9;
    border: 1px solid #aaa;
    font-size: 18px;
    padding: 5px;
    line-height: 18px;
}

.review-not-expanded .revie-list table .object .objectbox span {
    font-size: 14px;
    color: #f00;
}

.review-not-expanded .revie-list table .like span {
    border: 1px solid #b6d5eb;
    display: inline-block;
    border-radius: 4px;
    padding: 5px;
    position: relative;
    font-size: 15px;
}

.review-not-expanded .revie-list table .like span:after {
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #b6d5eb;
    content: "";
    top: 50%;
    right: 100%;
    margin-top: -6px;
    position: absolute;
    z-index: 111;
}

.review-not-expanded .revie-list .delete-row {
    padding: 0 10px;
}

.review-not-expanded .revie-list .delete-row a {
    color: #f00;
    font-size: 18px;
}

/*===========================*/

a {
    color: #333;
}

.myreviewbox {
    border: 1px solid #ccc;
    padding: 10px;
    width: 100%;
}

.myreviewbox .leftmain {
    width: 10%;
    float: left;
}

.myreviewbox .rightmain {
    width: 90%;
    float: left;
}

.myreviewbox .leftmain img {
    width: 50px;
    height: 50px;
}

.myreviewbox .rightmain .topone {
    background: rgb(223, 243, 249);
    width: 100%;
    display: table;
}

.myreviewbox .rightmain .toptwo {
    width: 100%;
    display: table;
}

.myreviewbox .rightmain .topone .leftone {
    width: 70%;
    padding: 8px;
}

.myreviewbox .rightmain .topone .rightone {
    width: 30%;
    padding: 8px;
    border-left: 2px solid #fff;
}

.myreviewbox .rightmain .toptwo .lefttwo {
    width: 70%;
    float: left;
    padding: 8px;
}

.myreviewbox .rightmain .toptwo .righttwo {
    width: 30%;
    float: left;
    padding: 8px;
}

.myreviewbox .rightmain .toptwo .righttwo a {
    display: inline-block;
    margin: 0 5px;
}

.replylink {
    color: #800000;
    text-decoration: underline;
}

/*-------------------*/

.commentreviewbox {}

.commentreviewbox .mycommentone {
    border: 1px solid #cecece;
    width: 100%;
    padding: 10px;
}

.commentreviewbox .othercommentone {
    border: 1px solid #cecece;
    width: 100%;
    padding: 10px;
}

.commentreviewbox .commentor {}

.commentreviewbox .comm-btn-row {}

.commentreviewbox .replybox {}

/*=========================*/

.revform {
    width: 80%;
    padding: 10px;
    background: #f8f8f8;
}

.revform .row {
    margin-bottom: 10px;
}

.revform .row input[type="text"] {
    width: 300px;
}

.revform .row textarea {
    width: 100%;
    min-height: 150px;
}

.revform .row.reply a {
    font-weight: bold;
    color: #333;
}

.revform .row.posted {
    color: #555;
}

.revform .row.posted .comments {
    color: #333;
    font-size: 17px;
}

.commentbox .reviews {
    min-height: 105px;
}

.commentbox .commenttitle {
    color: #333;
    font-size: 16px;
}

.commentbox .likeicon {
    position: absolute;
    top: 75px;
    left: 20px;
    font-size: 20px;
}

.refe-comment-block {
    height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
}

.refe-comment {
    border: 1px solid #aaa;
    padding: 10px;
}

.refe-comment table {
    width: 100%;
    border-collapse: collapse;
}

.refe-comment table td {
    padding: 5px;
    box-sizing: border-box;
    vertical-align: top;
    text-align: center;
}

.refe-comment table .vote {
    width: 12%;
}

.refe-comment table .image {
    width: 8%;
}

.refe-comment table .description {
    width: 57%;
}

.refe-comment table .thumb {
    width: 5%;
}

.refe-comment table .like {
    width: 6%;
}

.refe-comment table .vote {
    font-size: 26px;
    line-height: 20px;
}

.refe-comment table .vote .votebox {
    border: 1px solid #ccc;
    padding: 5px;
    width: 80px;
    box-shadow: 0 0 2px #333;
    margin: 0 auto;
}

.refe-comment table .vote span {
    font-size: 14px;
    color: #ccc;
}

.refe-comment table .vote .vote-btn {
    width: 80px;
    margin: 0 auto;
    background: #a6afc2;
    border-radius: 4px;
    text-align: center;
    color: #111;
    text-shadow: 1px 1px 2px #fff;
    padding: 5px;
    font-size: 15px;
    display: block;
}

.refe-comment table .image span {
    margin: auto auto;
    width: 50px;
    height: 50px;
    overflow: hidden;
    display: flex;
    box-shadow: 0 0 2px #333;
    border: 1px solid #fff;
}

.refe-comment table .image span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.refe-comment table .thumb {
    color: #333;
    font-size: 20px;
}

.refe-comment table .like span {
    border: 1px solid #b6d5eb;
    display: inline-block;
    border-radius: 4px;
    padding: 5px;
    position: relative;
    font-size: 15px;
}

.refe-comment table .like span:after {
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #b6d5eb;
    content: "";
    top: 50%;
    right: 100%;
    margin-top: -6px;
    position: absolute;
    z-index: 111;
}

.refe-comment table .description {
    text-align: left;
}

.refe-comment table .description .title {
    font-size: 22px;
    color: #1e98c5;
}

.refe-comment table .description .text {
    font-size: 15px;
    color: #333;
    padding-top: 10px;
}

.refe-comment table .description .postedby {
    color: #1e98c5;
}

.refe-comment table .description .posteddate {
    color: #880015;
}

.refe-comment table .description .postedtime {
    color: #7f7f7f;
}

.comment-click {
    width: 80%;
    margin: 0 auto;
}

.comment-click .commenttitle {
    font-size: 22px;
    line-height: 30px;
}

.comment-click textarea {
    width: 100%;
    min-height: 120px;
}

.comment-click .link {
    color: #007dbf;
}

/*Clubs expiring

********************************/

.clock-block {
    padding: 10px 0px 10px 98px;
    position: initial;
    top: 556px;
    left: 422px;
}

.clock-block .clockimg {
    float: left;
    top: 0px;
    left: 0px;
}

.clock-block .clockimg img {
    width: 80px;
}

.clock-block .clocklink {
    border: 1px solid #ccc;
    padding: 5px;
    margin-top: 10px;
}

.clock-block .clocklink a {
    color: #333;
    margin: 2px 5px;
    display: inline-block;
}

.clocktotalrow {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    margin-top: 10px;
}

.clocktotalrow img {
    vertical-align: middle;
}

.clock-block .membership a {
    margin-right: 4px;
    padding: 0 7px;
}

.fixed-assistance-form {
    position: fixed;
    right: 24px;
    width: 38%;
    margin-top: -51px;
}

.loadfiltericon {
    border: 1px solid #ccc;
    padding: 3px 5px;
    display: inline-block;
    margin-right: 5px;
    float: left;
}

.loadfiltericon img {
    color: #333;
    margin: 0px 3px;
    display: inline-block;
}

.detailrecordselected {}

.detailrecordselected table {
    width: 100%;
    border-collapse: collapse;
}

.detailrecordselected table th {
    padding: 10px 5px;
    border: 1px solid #333;
    color: #fff;
    font-weight: normal;
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
}

.detailrecordselected table td {
    padding: 5px;
    border: 1px solid #aaa;
    color: #555;
    font-weight: normal;
    text-align: center;
    font-size: 14px;
}

.detailrecordselected table td.text-red {
    color: red;
}

.detailrecordselected table tr:nth-child(2n+1) td {
    background: #eee;
}

.detailrecordselected table thead tr {
    background: #45818e;
}

.detailrecordselected table tr.active td {
    background: #f6e8a6;
}

.detailrecordselected .check {
    width: 5%;
}

.detailrecordselected .image {
    width: 8%;
}
.detailrecordselected .image-half{
    width: 8%;
}

.detailrecordselected .name {
    width: 12%;
    text-align: center;
}
.detailrecordselected .name-expand{
    width: 16%;
    text-align: center;
}
.detailrecordselected .phone {
    width: 10%;
}
.detailrecordselected  .description{
    width: 50%;
}

.detailrecordselected .email {
    width: 25%;
    text-align: left;
    word-break: break-all;
}   

.detailrecordselected .date {
    width: 9%;
}
.detailrecordselected .date-1 {
    width: 11%;
}
.detailrecordselected .value-in{
    width: 6%;
}

.detailrecordselected .view1 {
    width: 9%;
}

.detailrecordselected .option {
    width: 12%;
}

.detailrecordselected .delete {
    width: 5%;
}

.detailrecordselected .image span {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}

.detailrecordselected .image span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.detailrecordselected .view1 a, .detailrecordselected .delete a {
    color: #333;
}

.detailrecordselected {
    width: 100%;
}
.insertCreditTable table {
    width: 100%;
    border-collapse: collapse;
}

.insertCreditTable table th {
    padding: 10px 5px;
    border: 1px solid #333;
    color: #fff;
    font-weight: normal;
    text-align: center;
    font-size: 14px;
    vertical-align: middle;
}

.insertCreditTable table td {
    padding: 5px;
    border: 1px solid #aaa;
    color: #555;
    font-weight: normal;
    text-align: center;
    font-size: 14px;
}

.insertCreditTable table td.text-red {
    color: red;
}

.insertCreditTable table tr:nth-child(2n+1) td {
    background: #eee;
}

.insertCreditTable table thead tr {
    background: #45818e;
}

.insertCreditTable table tr.active td {
    background: #f6e8a6;
}

.insertCreditTable .check {
    width: 5%;
}

.insertCreditTable .image {
    width: 8%;
}

.insertCreditTable .image-half{
    width: 8%;
}

.insertCreditTable .name {
    width: 5%;
    text-align: center;
}

.insertCreditTable .name-expand{
    width: 9%;
    text-align: center;
}

.insertCreditTable .phone {
    width: 5%;
}

.insertCreditTable  .description{
    width: 50%;
}

.insertCreditTable .email {
    width: 25%;
    text-align: left;
    word-break: break-all;
}   

.insertCreditTable .date {
    width: 15%;
}

.insertCreditTable .date-1 {
    width: 11%;
}

.insertCreditTable .value-in{
    width: 6%;
}

.insertCreditTable .view1 {
    width: 5%;
}

.insertCreditTable .option {
    width: 12%;
}

.insertCreditTable .delete {
    width: 5%;
}

.insertCreditTable .image span {
    margin: 0 auto;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
}

.insertCreditTable .image span img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.insertCreditTable .view1 a, .insertCreditTable .delete a {
    color: #333;
}

.insertCreditTable {
    width: 100%;
}

/*Legenda block css

************************/

.legenda-block {
    width: 80%;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #aaa;
}

.legenda-block table {
    width: 100%;
}

.legenda-block table td {
    border: none;
    padding: 5px;
}

.legenda-block table .leftleg {
    width: 35%;
    text-align: right;
}

.legenda-block {}

.notregisterpopup {
    width: 500px;
}

.notregisterpopup input {
    border-radius: 4px;
    padding: 5px;
    height: 40px;
}

.notregisterpopup .signfacebook {
    position: absolute;
    top: 20px;
    right: 10px;
    z-index: 111;
}

.notregisterpopup .signfacebook .facebook {
    color: #3f5a9a;
    font-size: 22px;
    margin: 0 3px;
}

.notregisterpopup .signfacebook .google {
    color: #4286f1;
    font-size: 22px;
    margin: 0 3px;
}

.error-danger-message {
    padding: 7px 15px;
    background: #f2dede;
    border: 1px solid #ebccd1;
    color: #a94442;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 3px;
}

.success-danger-message {
    padding: 7px 15px;
    background: #dff0d8;
    border: 1px solid #d6e9c6;
    color: #3c763d;
    margin-bottom: 10px;
    margin-top: 10px;
    border-radius: 3px;
}

.m-l40 {
    margin-left: 40px;
}

.m-l10 {
    margin-left: 10px;
}

.fa-disabled {
    color: #a7a3a3 !important;
}

.fa-manage {
    padding: 4px 0px 4px 10px;
    background: #f5e0cf;
    border: 1px solid #ccc;
    margin: 10px 0;
}

/*Comment suggestion

***********************************************/

.comment-sugg {}

.comment-sugg.opp-comment {
    width: 100%;
    padding: 10px;
}

.comment-sugg .opp-comment-link {
    width: 43%;
}

.comment-sugg .opp-follow-us {
    width: 55%;
}

/* add-subscription

***********************************************/

.add-subscription {
    font-size: 14px;
    line-height: 20px;
}

.select-catego {
    border: 1px solid #ccc;
    margin-top: 10px;
}

.select-catego .btn-light-gray {
    font-size: 13px;
    padding: 2px 8px;
}

.pay-button-row {
    background: #fff;
    margin-top: 10px;
    padding: 10px;
}

.pay-button-row a {
    border: 1px solid #000;
    padding: 6px 8px;
    ;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin: 0 3px;
    display: inline-block;
}

.pay-button-row a i {
    margin-left: 5px;
}

/* add-subscription

***********************************************/

.help-pagek {
    padding: 10px;
    border: 1px solid #ccc;
}

/* Tax document

***********************************************/

.tax-document {
    border: 3px solid #0060c0;
}

.tax-document .title {
    background: #0060c0;
    color: #fff;
    padding: 10px;
}

.tax-document .content {
    background: #fff;
    padding: 10px;
}

.tax-document .block50 {
    border: 1px solid #ccc;
    padding: 20px 10px 10px;
    margin-top: 20px;
    position: relative;
    width: 48%;
    margin: 0 1%;
    float: left;
}

.tax-document .block50 .titleup {
    background: #fff;
    padding: 5px 10px;
    top: -17px;
    position: absolute;
    left: 10px;
}

/* Create or renew membership popup

***********************************************/

.renew-membership-pop {
    width: 450px;
    box-shadow: 0 0 5px #333;
    border-radius: 6px;
}

.renew-membership-pop .popheader {
    background: #0060c0;
    color: #fff;
    padding: 10px;
    border-radius: 6px 6px 0 0;
}

.renew-membership-pop .popcontainer {
    background: #fff;
    padding: 10px;
    border: 1px solid #0060c0;
    border-radius: 0 0 6px 6px;
}

.renew-membership-pop .blockrow {
    border: 1px solid #ccc;
    padding: 15px 10px 10px;
    margin-top: 20px;
    position: relative;
}

.renew-membership-pop .blockrow .titleup {
    background: #fff;
    padding: 5px 10px;
    top: -17px;
    position: absolute;
    left: 10px;
}

.div-danger {
    background: #f2dede;
    padding: 10px;
    text-align: center;
    border: 1px solid #ebccd1;
    border-radius: 4px;
    color: ##a94442;
}

.div-success {
    background: #dff0d8;
    padding: 10px;
    text-align: center;
    border: 1px solid #d6e9c6;
    border-radius: 4px;
    color: #3c763d;
}

.div-warning {
    background: #fcf8e3;
    padding: 10px;
    text-align: center;
    border: 1px solid #faebcc;
    border-radius: 4px;
    color: #8a6d3b;
}

/* Payment deadline

***********************************************/

.deadlinebox .blockrow {
    border: 1px solid #ccc;
    padding: 15px 10px 10px;
    margin-top: 20px;
    position: relative;
}

.deadlinebox .blockrow .titleup {
    background: #fff;
    padding: 5px 10px;
    top: -17px;
    position: absolute;
    left: 10px;
}

.deadlinebox .deadline-total {}

.deadlinebox .deadline-total .btn-light-gray {
    max-width: 90px;
    margin: 3px 0;
    padding: 2px 12px;
}

.deadlinebox .deadlinescroll {
    resize: vertical;
    background: #ecf9c6;
    border: 1px solid #aaa;
    width: 100%;
    height: 150px;
    overflow: scroll;
    padding: 10px;
}

.deadlinebox .deadlinescroll ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.deadlinebox .deadlinescroll ul li {
    margin: 5px 0;
    display: block;
    white-space: nowrap;
}

.deadlinebox .deadlinescroll ul li input[type="checkbox"] {
    margin-right: 10px;
}

.deadlinebox .deadlinescroll ul li ul {
    margin-left: 80px;
}

.deadlinebox .deadlinescroll ul li ul li {}

.input-lang-select {
    display: inline-block;
    width: 150px;
}

.loader_image img {
    vertical-align: middle;
}

.causal-area {
    border: #ccc 1px solid;
    padding: 10px;
    border-radius: 3px;
}

.causal-area li {
    list-style: none;
}

.causal-scroll ul {
    width: 100%;
    height: 100px;
    overflow-x: hidden;
    overflow-y: auto;
}

.conpro-section {
    padding-left: 140px;
    position: relative;
    min-height: 80px;
}

.country-right {}

.country-right table {
    border-collapse: collapse;
    width: 100%;
}

.country-right table td {
    padding: 5px;
    border: 1px solid #aaa;
    background: #f8f2dc;
    text-align: center;
    font-size: 15px;
    vertical-align: middle;
}

.conpro-section .imgleft {
    position: absolute;
    width: 120px;
    height: 80px;
    overflow: hidden;
    left: 0;
    top: 0;
}

.conpro-section .imgleft img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.con-setting-layout {
    background: #e2e2e2;
    border: 1px solid #aaa;
    padding: 10px;
}

.con-setting-layout .country_select {
    height: auto !important;
    top: inherit !important;
    left: inherit !important;
    width: 100%;
}

.con-setting-layout .edit_popup {
    width: auto;
}

/*************** Set languages css **************/

.set-language-block {
    width: 60%;
    margin: 10px auto;
}

.set-language-block dl {
    margin-top: 0;
    margin-bottom: 0;
    width: 100%;
    line-height: 26px;
}

.set-language-block {}

.set-language-block .user-langu-box dl dt, .set-language-block .user-langu-box dl dd {
    float: left;
    min-height: 40px;
    box-sizing: border-box;
    padding: 8px;
    height: 40px;
    min-height: 40px;
    font-size: 14px;
}

.set-language-block .user-langu-box dl dt {
    width: 25%;
}

.set-language-block .user-langu-box dl dd {
    width: 75%;
}

.set-language-block .user-langu-box dl dt img {
    margin-right: 5px;
}

.set-language-block .user-langu-box .list-lang {
    margin-top: 0px;
    padding: 10px 0;
}

.set-language-block .user-langu-box .list-lang a {
    color: #333;
    font-size: 14px;
    font-weight: bold;
}

.image-container {
    height: 100px;
    width: 100px;
    background: #8c8a8a;
}

.set-language-block .user-langu-box .languages {
    border: 1px solid #aaa;
    padding: 10px;
}

.set-language-block .user-langu-box table {
    border-collapse: collapse;
    width: 100%;
}

.set-language-block .user-langu-box table td {
    box-sizing: border-box;
    padding: 5px;
    height: 38px;
    font-size: 14px;
    border: 1px solid #ccc;
    vertical-align: middle;
}

.set-language-block .user-langu-box table td:first-child {
    font-weight: bold;
    width: 30%;
}

.set-language-block .user-langu-box table td:last-child {
    width: 70%;
}

.set-language-block .user-langu-box table td .checkname {
    float: left;
    width: 100px;
    padding-top: 5px;
}

.set-language-block .user-langu-box table td .rtoggle {
    display: inline-block;
}

.set-language-block .user-langu-box table td .rtoggle label.switch {
    margin-bottom: 0px;
    height: 30px;
}

.set-language-block .user-langu-box table td .rtoggle label.switch .slider::before {
    width: 22px;
    height: 22px;
}

.enabledisablefunction {
    background: #eee;
    border: 1px solid #999;
    padding: 10px;
}

.enabledisablefunction .title {
    text-align: center;
    font-size: 20px;
    padding-bottom: 10px;
}

.enabledisablefunction .enabledisablebox {
    background: #fff;
    border-radius: 6px;
    border: 1px solid #999;
}

.enabledisablefunction .enabledisablebox .enadisarow {
    border-bottom: 1px solid #999;
    position: relative;
    padding: 10px 100px 10px 65px;
    min-height: 50px;
}

.enabledisablefunction .enabledisablebox .enadisarow:last-child {
    border-bottom: none;
}

.enabledisablefunction .enabledisablebox .enadisarow .image {
    position: absolute;
    left: 10px;
    top: 10px;
}

.enabledisablefunction .enabledisablebox .enadisarow .rtoggle {
    position: absolute;
    right: 10px;
    top: 13px;
}

/*Switche css*/

.switch {
    position: relative;
    display: inline-block;
    width: 70px;
    height: 28px;
}

.switch input {
    display: none;
}

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

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

input:checked+.slider {
    background-color: #2196F3;
}

input:focus+.slider {
    box-shadow: 0 0 1px #2196F3;
}

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

/* Rounded sliders */

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

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

.icon-group-row {}

.icon-group-row img {
    vertical-align: middle;
}

.access-dbaserow {
    position: relative;
    margin-top: 30px;
    border: 1px solid #ccc;
    padding: 20px 10px;
}

.access-dbaserow .topbar {
    background: #efe4b0;
    border: 1px solid #aaa;
    padding: 5px 10px;
    position: absolute;
    z-index: 11;
    left: 20px;
    top: -16px;
}

.choose-datarow {}

.choose-datarow .leftd {
    width: 78%;
    float: left;
}

.choose-datarow .rightd {
    width: 22%;
    float: left;
    padding: 25px 10px;
}

.choose-datarow .datarow {
    padding: 5px 5px 5px 25px;
    position: relative;
}

.choose-datarow .datarow input[type="checkbox"] {
    position: absolute;
    left: 5px;
    top: 10px;
}

.choose-datarow .datarow img {
    float: right;
}

/* acceed popup */

.acceed-popup {
    width: 500px;
}

.acceed-popup {}

/*****************  Other info display *****************/

.otherinfodisplay {
    background: #eee;
    border: 1px solid #aaa;
    padding: 10px 0;
}

.otherinfodisplay .activecheck {
    padding: 10px 0;
}

.otherinfodisplay .selectdoucment {
    background: #fff;
    border: 1px solid #aaa;
    padding: 10px 65px 10px 170px;
    border-radius: 6px;
    position: relative;
    min-height: 50px;
    font-size: 14px;
    line-height: 30px;
}

.otherinfodisplay .selectdoucment .absoleft {
    position: absolute;
    left: 10px;
    top: 10px;
    font-weight: bold;
}

.otherinfodisplay .selectdoucment .absoright {
    position: absolute;
    right: 10px;
    top: 10px;
}

.otherinfodisplay .selectdoucment .absoright a {
    color: #555;
}

.otherinfodisplay .selectdoucment .absoright a.listdrop {
    border: 1px solid #aaa;
    padding: 5px;
    background: #fff;
    box-shadow: 0 0 4px #aaa inset;
    border-radius: 3px;
    margin-right: 5px;
    height: 20px;
    display: inline;
}

.relatedbtnrow {
    background: #e2f5fa;
    margin-top: 14px;
    border: 1px solid #aaa;
    position: relative;
    padding: 10px 100px;
    text-align: center;
    min-height: 48px;
}

.relatedbtnrow .btnleft {
    position: absolute;
    left: 10px;
    top: 10px;
}

.relatedbtnrow .btnright {
    position: absolute;
    right: 10px;
    top: 10px;
}

.lan-left-col {
    width: 200px;
    float: left;
    clear: both;
    line-height: 50px;
}

.lan-right-col {
    float: left;
    line-height: 50px;
    padding-top: 10px;
    width: 300px;
}

.lan-var-name {
    border: 2px solid rgb(150, 80, 106) !important;
}

.button-opt {
    padding-top: 10px;
}

.button-opt a {
    display: inline;
    padding: 10px 21px;
}

.button-opt a.red-bg {
    background: #e75e5e
}

.oi_col29 {
    width: 33%;
}

.brr_left .page_title {
    float: left;
    width: 170px;
    font-size: 13px;
    width: 177px;
}

.brr_left .page_cource {
    float: left;
    width: 150px;
    font-size: 13px;
    color: #ff0033;
    padding-left: 5px;
}

.add_new_bx {
    left: auto;
    right: 0;
    top: 34px;
    width: 352px;
    height: 434px
}

.add_new_bx .file_edit {
    border: none;
    width: auto !important;
}

.add_new_bx .imagePreview {
    width: 60px;
    height: 60px;
    float: right;
}
.athlete-slider-section{
    width: 100%;
    max-width: 372px !important;
}
.athlete-slider-section {
    position: absolute;
    left: 160px;
    top: 115px;
    background: #eee;
    border: 1px solid #ccc;
}

.typology-header {
    background: #5c5c5c;
    border: 1px solid #f04046;
    padding: 13px 10px;
}

.typology-header .adm-set {
    color: #f2c927;
    font-weight: bold;
    padding-left: 10px
}

.typology-header i {
    font-size: 20px
}

.typology-header .preset-btton {
    background: #c6c5c5;
    padding: 5px 22px;
    color: #000;
    border-radius: 3px;
}

.user-class {
    float: right;
    padding: 0px 5px;
    border: 1px solid #ccc
}

.heading-search-operator {
    font-size: 14px;
    margin: 0px 5px 0;
    text-align: center;
    color: #000;
    background: #efe4b0;
    padding: 5px;
    font-family: "open_sansregular";
    border: 1px solid #ee5652
}

.tpoc-search {
    padding: 10px 0
}

.tpoc-search div {
    padding: 5px 0
}

.tpoc-search input {
    width: 306px;
    height: 34px;
}

.btn-white-gray {
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 0;
    color: #000
}

.topic-menu {
    margin: 0;
    padding: 0;
}

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

.topic-menu ul li {
    list-style: none;
    padding: 3px 0;
}

.topic-menu ul li a {
    color: #000;
    padding-right: 3px;
}

.loading {
    padding: 10px;
    width: 43px;
    margin: 0 auto;
    margin-bottom: 25px;
}

.rv-container .left-section {
    float: left;
    width: 371px;
}

.rv-container .right-section {
    float: left;
    width: 809px;
    padding: 10px 0;
}

.top-container .breadcrumb {
    border: 1px solid #f69296;
    padding: 10px 6px;
    margin: 10px 0;
    font-size: 14px;
    color: #da7694;
    /*width: 371px; */
    float: left;
}

.top-container .breadcrumb .first {
    color: #be757a;
}

.top-container .breadcrumb .second {
    color: #fdb361;
}

.top-container .search-header {
    width: 300px;
    float: right;
    padding: 10px 0;
    position: relative;
}

.top-container .search-header input {
    height: 35px;
    margin: 0;
    padding-left: 30px;
    width: 100%;
}

.top-container .search-header .fa-icon {
    position: absolute;
    top: 19px;
    left: 8px;
    width: 24px;
    height: 24px;
}

.rv-container .left-section .search {
    padding: 10px 0;
    position: relative;
}

.rv-container .left-section .search input {
    height: 35px;
    margin: 0;
    padding-left: 30px;
    width: 88%;
    background: #dbf2f8
}

.rv-container .left-section .search .fa-icon {
    position: absolute;
    top: 19px;
    left: 8px;
    width: 24px;
    height: 24px;
}

.rv-container .view-topic-menu {
    margin: 0;
    padding: 0;
}

.rv-container .view-topic-menu ul {
    margin: 0;
    padding: 0;
}

.rv-container .view-topic-menu ul li {
    list-style: none;
    padding: 13px 0;
}

.rv-container .view-topic-menu ul li a {
    color: #000;
    padding-right: 3px;
}

.rv-container .view-topic-menu .topic-text {
    position: absolute;
    padding-left: 3px;
}

.rv-container .sub-text {
    font-size: 13px;
    padding-top: 5px;
    color: #a9a3a3;
}

.rv-container .right-section .header-review {
    color: #403d3d;
    font-size: 24px;
}

.comment-image-reply {
    position: absolute;
    z-index: 100;
    right: -30px;
    top: 10px;
    width: 50px;
    height: 50px;
}

.comment-image-reply img {
    width: 95%;
    height: 95%;
    border-radius: 50%;
    border: 4px solid #fff;
    position: absolute;
    z-index: 100;
    left: -30px;
    top: 10px;
    width: 50px;
    height: 50px;
}

.comment-date {
    font-style: italic;
    color: #55a7fa;
}

.opacity-container {
    opacity: 0.3;
    z-index: 999999
}

.comment-loading {
    background: #984141;
    width: 131px;
    padding: 6px 0 6px 12px;
    color: #fff;
    border-radius: 2px;
    font-size: 14px;
    margin: auto;
}

#testimonial-toggle {
    padding-left: 10px;
    color: #fff;
    font-size: 25px
}

.arrow-clm i {
    font-size: 34px;
    color: #fff;
    padding-top: 33px;
    font-weight: bold;
}

.html-editor-header {
    background: #d8d6c5
}

.html-editor-header .he-title {
    border: none !important;
    padding: 0 !important;
}

.hidden-overflow, .html-hidden-overflow {
    overflow: hidden;
    height: 180px;
}

.shortContent {
    height: auto !important;
    padding-bottom: 15px !important;
}

.bg-help-editor .textShort {
    padding: 0 15px;
}

.bg-help-editor .help-header-title {
    padding: 15px;
}

.complete-help-document, .complete-html-document {
    background: #eee;
    padding-bottom: 70px;
    border: 1px solid #ccc;
}

.bg-help-editor .help-header-title div {
    background: #ddd;
    padding: 10px;
    border: 1px solid #ccc;
    font-weight: bold;
}

.displaycontainerheight {
    height: 360px !important;
}

/*Set default management system*/

.sdms {}

.sdms-title {
    background: #cbc6bb;
    font-size: 22px;
    padding: 10px;
}

.sdms-title img {
    vertical-align: middle;
}

.sdmsbox {
    border: 1px solid #ccc;
    padding: 10px;
}

.sdmstitlerow {
    padding: 10px 100px;
    border: 1px solid #fff;
    display: table;
    width: 100%;
}

.sdms-row {
    padding: 10px;
    border: 1px solid #fff;
    display: table;
    width: 100%;
}

.sdms-row .inner {
    padding: 0px 100px 10px;
}

.sdmsbox .langu {
    float: left;
    width: 10%;
    margin: 0 1%;
    text-align: cneter;
}

.sdmsbox .user {
    float: left;
    width: 7%;
    margin: 0 1%;
    text-align: cneter;
}

.sdmsbox .textbox {
    float: left;
    width: 26%;
    margin: 0 1%;
}

.sdmsbox .viewdetail {
    float: left;
    width: 20%;
    margin: 0 1%;
    text-align: center !important;
}

.sdmsbox .viewdetail a {
    display: inline-block;
    margin: 0 5px;
}

.sdmsbox .langu .sdms-langu {
    background: #efe4b0;
    border: 1px solid #f00;
    text-align: center;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    line-height: 40px;
    height: 44px;
}

.sdms-row .user {
    text-align: cneter !important;
}

.sdms-row .user img {
    width: 45px;
    height: 45px;
    vertical-align: middle;
}

.sdms-row .textbox .box {
    border: 1px solid #ccc;
    padding: 10px;
    background: #fff;
}

.sdms-row:hover {
    border: 1px solid #aaa;
    background: #fffdcc;
}

.viewsetbox {
    padding: 10px;
    margin-top: 10px;
    border: 1px solid #ccc;
    text-align: center;
    background: #fff;
}

.viewsetbox a {
    margin: 0px 10px;
    display: inline-block;
    font-size: 15px;
}

.viewsetbox a .fa-flip {
    -webkit-transform: rotate(180deg);
    /* Safari */
    transform: rotate(180deg);
    margin-left: -2px;
}

.searchenglangu {}

.searchenglangu .col-s {
    display: inline-block;
    margin: 0 10px;
}

.langubox {
    background: #efe4b0;
    border: 1px solid #f00;
    color: #333;
    font-size: 15px;
    font-weight: bold;
    padding: 5px;
    display: inline-block;
}

.searchenglangu .langucol span {
    display: inline-block;
    margin: 0 5px;
}

.sdmsviewdetail {
    background: #0a8a9d;
    color: #fff;
    padding: 5px 10px;
    border-radius: 4px;
    border: none;
    font-size: 15px;
    line-height: 22px;
}

.promocodeAppl {
    padding-left: 100px;
}

.promocodeAppl .discount {
    font-size: 17px;
    font-weight: bold;
    color: red;
}

.date-per {
    padding-top: 8px;
    font-size: 14px;
    color: #f46463;
    font-weight: bold;
}

/*.date-per span{color: #e08896}*/

.secton-text {
    width: 83%;
    margin-bottom: 5px;
    cursor: pointer;
    float: left;
    background: #ccc;
    padding: 4px 9px;
    margin-left: 10px;
}

.secton-text-right {
    width: 12%;
    float: right;
}

.section-social {
    position: absolute;
    z-index: 999;
    left: 250px;
    top: 0;
    overflow: inherit !important;
}

.blog_row_content {
    width: 239px
}

.mc_social ul li.website-active {
    background: #7d7d7d;
    font-weight: bold;
}

.authorow2 {
    color: #000;
}

.title-review {
    padding-bottom: 10px;
    font-size: 21px;
}

/***********************************************************************************/

/**********************************************************************************/

/*  Message Button */

.change-layout a {
    background: #2b2b2b !important;
}

.change-layout ul {
    padding: 0px !important;
}

.tab_content_menu {
    padding: 0 !important;
    background: transparent;
}

.tab_content_menu ul li {
    margin-bottom: 1px;
    background: #2b2b2b;
}

.tab_content_menu ul li>a.tabBtnMenu {
    padding: 12px 15px;
    opacity: 1;
    font-weight: bold;
    font-size: 15px;
}

.tab_content_menu ul li>a.tabBtnMenu img.icon {
    width: 20px;
    float: left;
    margin-right: 9px;
}

.tab_content_menu ul li>a.darkbtn {
    background: #111;
    color: #fff;
}

.tab_content_menu ul li>a.colorbtn {
    background: #004040;
    color: #fff;
}

/*.tab_content_menu ul.sublinks{ padding: 12px 12px; background: #2b2b2b;

}*/

.tab_content_menu .sub_item_tab_menu {
    margin-bottom: 2px;
}

.tab_content_menu .sub_item_tab_menu .icon {
    width: 20px;
    left: 10px;
    top: 10px;
}

.tab_content_menu .sub_item_tab_menu.web-editor {
    background: transparent;
    padding-right: 5px !important;
}

.tab_content_menu .sub_item_tab_menu.web-editor .text {
    padding: 0 17px;
}

.tab_content_menu .sublinks.other_option_links li a {
    padding-right: 15px;
}

.tab_content_menu .official-web ul li {
    background: transparent;
}

.tab_content_menu li.club_favourite_li .sub_item_tab_menu .icon {
    top: 6px;
}

.tab_content_menu li.club_favourite_li .sub_item_tab_menu {
    padding: 11px 6px 3px 45px
}

.tab_content_menu li.club_favourite_li .links_block_div ul li a {
    padding: 6px 25px 10px 30px !important;
}

.tab_content_menu .dropdwn {
    right: -120% !important;
    top: -2px !important;
    left: auto !important;
}

.text-bold {
    font-weight: bold
}

.other_option_links {
   /* padding-left: 38px !important;
*/    padding-right: 0 !important;
}

.ml5 {
    margin-left: 5px;
}

.newimgicon {
    position: relative !imporatant;
    top: 0 !imporatant;
    left: 0 !imporatant;
}

.internetLinkIocn {
    font-size: 20px !important;
    margin-top: -3px;
    position: relative;
    top: 3px;
}

/*************************************/

.cm_tab_panel {}

.cm_tab_panel .cm_tab_action_btn {
    background: #7d0420;
    border: 1px solid #fff;
    padding: 0;
    position: relative;
}

.cm_tab_panel .cm_tab_action_btn .rightarrow {
    position: absolute;
    bottom: 7px;
    width: 100%;
    text-align: center;
}

.cm_tab_panel .cm_tab_action_btn .cm_tab_title {
    text-align: center;
    display: block;
    position: relative;
    padding: 30px 0;
}

.cm_tab_panel .cm_tab_action_btn .cm_tab_title a {
    color: #fff;
}

.cm_tab_panel .cm_tab_action_btn .rightarrow {}

.cm_tab_panel .cm_panel_tab_btn {
    background: #415f6b;
    border: 1px solid #7e7e7e;
    position: relative
}

.cm_tab_panel .cm_panel_tab_btn img.iconcunstome {
    float: left;
}

.cm_tab_panel .cm_panel_tab_btn.cm_btn_cma .text {
    padding: 12px 0 12px 30px;
    font-size: 13px;
}

.cm_tab_panel .cm_panel_tab_btn.cm_btn_cma img.icon {
    width: 21px;
    float: left;
    margin: 7px 0;
}

/******************************/

/* Club members accounts */

.cm_ama_container ul {
    border-bottom: 1px solid #424141;
}

.cm_tab_panel .cm_ma_sublink_menu {
    background: transparent;
    background-color: transparent !important;
    padding-left: 0px !important;
}

.cm_tab_panel .cm_ma_sublink_menu ul {
    background-color: #515151;
}

.cm_tab_panel .cm_ma_sublink_menu li a {
    padding: 6px 10px !important;
}

.cm_tab_panel .cm_ama_container .cm_cma_sublinks {
    padding: 6px 10px 12px !important;
}

.cm_tab_panel .cm_ama_container .cm_cma_sublinks .icon {
    width: 20px;
    float: left;
    position: relative;
    top: -2px;
    margin-left: -12px;
    margin-right: 10px;
}

.cm_tab_panel .cm_ama_container .cm_cma_sublinks .fa {
    color: #959595;
}

.greentwo {
    background: #008000;
}

.bg_yellow {
    background: #FAC800;
}

.bg_red {
    background: #eb1c24;
}

.text_yellow {
    color: #fff220 !important;
}

.text_green {
    color: #b5e62e !important;
}

/******************************/

.cm_tab_panel .cm_panel_tab_btn .text {
    padding: 12px 0 12px 50px;
    display: block;
    color: #fff;
    position: relative;
    font-size: 16px;
}

.cm_tab_panel .cm_panel_tab_btn .rightarrow {
    position: absolute;
    top: 13px;
    right: 0;
    float: right;
    text-align: center;
    padding: 5px 10px;
    cursor: pointer;
    color: #fff;
}

.cm_tab_panel .cm_panel_tab_btn.cm_administration_btn_col {
    background: #39734d;
}

.cm_tab_panel .cm_panel_tab_btn.cm_dashboard_btn_col {
    background: #343944;
}

.cm_tab_panel .cm_panel_tab_btn.cm_dashboard_btn_col .text, .cm_tab_panel .cm_panel_tab_btn.cm_dashboard_btn_col .text a {
    color: #fff21b;
}

.cm_tab_panel .cm_panel_tab_btn.cm_insert_item_col {
    background: #4f4f4f;
    border: 1px solid #7e7e7e;
}

.cm_tab_panel .cm_panel_tab_btn.cm_insert_item_col .text {
    color: #fff;
}

.cm_tab_panel .cm_co_heading_block {
    padding: 10px 0;
}

.cm_tab_panel .cm_co_heading_block .cm_admin_bg {
    background: #757575;
    color: #fff;
}

.cm_tab_panel .cm_co_heading_block .cm_coadbg {
    background: #757575;
    color: #fff;
}

.cm_tab_panel .cm_co_heading_block .cm_admintitle {
    padding: 8px 5px;
}

.cm_tab_panel .cm_co_heading_block .cm_admintitle .icon {
    float: left;
    width: 20px;
    margin: 4px;
}

.cm_tab_panel .cm_co_heading_block .cm_admintitle .text {
    display: block;
    padding: 5px 0 5px 35px;
    font-size: 15px;
}

/*********************/

/* Co-admin button */

.cm_tab_panel .cm_co_heading_block .cm_co_admin {
    background: #757575;
    padding: 7px 5px;
}

.cm_tab_panel .cm_co_heading_block .cm_co_admin .icon {
    float: left;
    display: block;
    padding: 4px;
}

.cm_tab_panel .cm_co_heading_block .cm_co_admin .text {
    display: inline-block;
    padding: 5px 0 5px 10px;
    font-size: 15px;
    color: #fff;
}

.cm_tab_panel .cm_co_heading_block .cm_co_admin .btn {
    float: right;
    padding: 0;
    background: transparent;
}

.cm_tab_panel .cm_co_heading_block .cm_co_admin .btn a {
    color: #fff;
    display: block;
    padding: 5px;
}

/*********************/

/*********************/

/* Operators button */

.cm_tab_panel .cm_co_heading_block .cm_operators_btn {
    background: #dadada;
    border: 1px solid #b1b0b0;
    padding: 5px;
}

.cm_tab_panel .cm_co_heading_block .cm_operators_btn .icon {
    float: left;
    display: block;
    width: 24px;
}

.cm_tab_panel .cm_co_heading_block .cm_operators_btn .text {
    display: inline-block;
    padding: 5px 0 5px 10px;
    font-size: 15px;
    color: #000;
}

.cm_tab_panel .cm_co_heading_block .cm_operators_btn .btn {
    float: right;
    padding: 0;
    background: transparent;
}

.cm_tab_panel .cm_co_heading_block .cm_operators_btn .btn a {
    color: #000;
    display: block;
    padding: 7px;
}

/*********************/

/*********************/

/* Staff & collaborators button */

.cm_tab_panel .cm_co_heading_block .cm_staff_coll {
    background: transparent;
    padding: 5px;
    margin: 15px 0;
}

.cm_tab_panel .cm_co_heading_block .cm_staff_coll .icon {
    float: left;
    display: block;
    width: 24px;
}

.cm_tab_panel .cm_co_heading_block .cm_staff_coll .text {
    display: inline-block;
    padding: 5px 0 5px 10px;
    font-size: 15px;
    color: #fff;
}

/*********************/

.hline {
    width: 100%;
    height: 2px;
    background: #c3c3c3;
}

.cm_tab_panel .cm_cl_selector {
    background: #222222;
    position: relative;
    padding: 5px 5px;
    color: #fff;
    border: 1px solid #555;
}

.cm_tab_panel .cm_cl_selector .cm_cl_icon {
    float: left;
    position: absolute;
    left: 7px;
}

.cm_tab_panel .cm_cl_selector select {
    width: 100%;
    outline: none;
    text-indent: 40px;
}

.mb5 {
    margin-bottom: 5px;
}

.spr0 {
    padding-right: 0 !important;
}

.clear {
    clear: both
}

#top_right #profile_row .content {
    padding: 0;
}

/********************************************/

/*   Horizontal Page  */

.hpage_header_panel {
    width: 100%;
    float: left;
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
    padding-top: 15px;
}

.hpage_header_panel .hp_left_icon {
    float: left;
    width: 80px;
}

.hpage_header_panel .hp_left_icon img {
    max-width: 90%;
    display: block;
}

.hpage_header_panel .hp_right_content {
    float: left;
    width: calc(100% - 80px);
    padding-left: 10px;
}

.hpage_header_panel .hp_right_content h3 {
    margin: 0;
    padding: 2px 14px 5px;
    background: #7092be;
    color: #fff;
    border: 1px solid #000000;
    font-weight: bold;
    font-size: 20px;
    text-decoration: none;
    text-shadow: none;
}

.hpage_header_panel .hp_right_content h6 {
    margin: 10px 0 0;
    background: #e4f5fa;
    color: #000;
    padding: 3px 15px;
    border: 1px solid #000;
}

.hpage_header_panel .hp_right_content .title {
    font-size: 15px;
    text-transform: uppercase;
    display: inline-block;
}

.hpage_header_panel .hp_right_content .subtext {
    display: inline-block;
    position: relative;
    top: 0;
    font-size: 15px;
    font-weight: normal;
    margin: 0 0 0 6px;
}

.hpage_header_panel .hp_right_content .hp_field_title {
    font-weight: bold;
    color: #000;
    padding: 4px 0;
    font-size: 14px;
    display: inline-block;
    float: left;
}

.hpage_header_panel .hp_right_content .hp_action_area {
    padding: 2px 0;
    margin-top: 11px;
    border-top: 1px solid #000;
    float: left;
    width: 100%;
}

.hpage_header_panel .hp_right_content .hp_fields {
    display: block;
    float: left;
    padding-top: 3px;
    margin-bottom: 6px;
}

.hpage_header_panel .hp_right_content .hp_fields+.hp_fields {
    margin-left: 15px;
}

.hpage_header_panel .hp_right_content .hp_fields input, .hpage_header_panel .hp_right_content .hp_fields select {
    display: inline-block;
    border: 1px solid #c0c0c0;
    font-size: 14px;
    padding: 2px 10px;
    height: auto;
    float: left;
}

.hpage_header_panel .hp_right_content .hp_fields input.input {
    width: 100px;
}

.hp_icon {
    width: 20px;
    display: inline-block;
}

.hp_icon img {
    max-width: 100%;
    display: block
}

.separator {
    margin-top: 5px;
    padding-left: 5px;
    display: block;
    float: left;
}

.hpage_header_panel .hp_right_content .hp_fields select.select {
    width: 130px;
    font-size: 14px;
    padding: 3px;
    height: auto;
    margin-left: 11px;
}

.hpage_header_panel .hp_right_content .hp_fields .select {
    float: left;
    display: inline-block;
}

.hpage_header_panel .hp_right_content .icon {
    margin: 0 0 0 6px;
    display: block;
    position: relative;
    top: 2px;
    width: 21px;
    float: left;
}

.hpage_header_panel .hp_right_content .icon img {
    max-width: 100%;
    display: block
}

.hpage_header_panel .hp_right_content .btn-proceed {
    border: 1px solid #9c0606;
    background: #fb7171;
    background: -moz-linear-gradient(top, #fb7171 0%, #e03835 100%);
    background: -webkit-linear-gradient(top, #fb7171 0%, #e03835 100%);
    background: linear-gradient(to bottom, #fb7171 0%, #e03835 100%);
    border-radius: 3px;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    padding: 2px 10px;
}

.hpage_header_panel .hp_right_content .btn-proceed:hover, .hpage_header_panel .hp_right_content .btn-proceed:focus {
    background: #e03835;
}

.hp_pss_container {
    text-align: right;
    float: left;
    width: 100%;
    border-bottom: 1px solid #000;
    padding: 10px 0;
}

.hp_pss_container.no-brd {
    border-bottom: 0;
}

.hp_pss_container .icon-btn {
    border: 0;
    background: transparent;
    position: relative;
    display: inline-block;
    margin-top: -21px;
    bottom: -14px;
    outline: none;
}

.hp_pss_container .btn {
    background: #d3d3d3;
    background: -moz-linear-gradient(top, #d3d3d3 0%, #c9c9c9 50%, #bebebe 51%, #d3d3d3 100%);
    background: -webkit-linear-gradient(top, #d3d3d3 0%, #c9c9c9 50%, #bebebe 51%, #d3d3d3 100%);
    background: linear-gradient(to bottom, #d3d3d3 0%, #c9c9c9 50%, #bebebe 51%, #d3d3d3 100%);
    border: 0;
    color: #000;
    padding: 2px 15px;
    height: auto;
    font-size: 14px;
}

.hp_pss_container .btn:hover, .hp_pss_container .btn:focus {
    background: #d3d3d3;
    color: #000;
}

.hp_pss_container .btn.btn-print {
    background: #525252;
    color: #fff;
    background: -moz-linear-gradient(top, #525252 0%, #373737 50%, #2d2d2d 50%, #515151 100%);
    background: -webkit-linear-gradient(top, #525252 0%, #373737 50%, #2d2d2d 50%, #515151 100%);
    background: linear-gradient(to bottom, #525252 0%, #373737 50%, #2d2d2d 50%, #515151 100%);
    min-width: 70px;
    font-size: 16px;
    padding: 1px 5px 3px !important;
}

.hp_pss_container .btn.btn-print:hover, .hp_pss_container .btn.btn-print:focus {
    background: #545454;
}

.hp_month_table {
    width: 100%;
    float: left;
    margin-bottom: 15px;
}

.hp_month_table .hp_table_heading, .hp_pss_compare_panel .hp_table_heading {
    margin-bottom: 8px;
}

.hp_month_table .hp_table_heading .title {
    font-size: 20px;
    font-weight: bold;
    color: #000;
}

.hp_month_table .hp_table_heading .count, .hp_pss_compare_panel .hp_table_heading .count {
    border: 1px solid #c0c0c0;
    width: 40px;
    height: auto;
    font-size: 15px;
    margin-left: 15px;
    padding: 5px 10px;
}

.hp_table {
    padding-left: 35px;
}

.hp_table.full-table {
    padding-left: 0
}

.hp_table table {
    border: 1px solid #eee;
}

.hp_table table th, .hp_table table td {
    border-color: #eee;
}

.hp_table .color-1 {
    background: #6d9eeb;
    color: #fff;
    border-right-color: #6d9eeb;
}

.hp_table .color-2 {
    background: #1155cc;
    color: #fff;
    border-right-color: #1155cc;
}

.hp_table th, .hp_table td {
    min-height: 20px;
    color: #000;
    font-size: 15px;
    padding: 5px;
}

.hp_table th {
    padding: 0px 5px;
}

.hp_table table th.strong {
    font-size: 17px;
    font-weight: bold;
}

.hp_pss_compare_panel {
    float: left;
    width: 100%;
    border-bottom: 1px solid #000;
    padding: 10px 0;
    margin-bottom: 10px;
}

.hp_pss_compare_panel .hp_flex_div {
    display: flex;
}

.hp_pss_compare_panel .left {
    flex: 0 0 100px;
}

.hp_pss_compare_panel .middle {
    flex: 0 0 calc(100% - 250px);
    padding-left: 5px;
    padding-right: 5px;
}

.hp_pss_compare_panel .right {
    flex: 0 0 150px;
}

.hp_pss_compare_panel .cmr-text {
    background: #c8bfe7;
    color: #000;
    border: 1px solid #000;
    font-size: 20px;
    font-weight: bold;
    padding: 1px 11px 4px;
    border-radius: 2px;
}

.hp_pss_compare_panel .btn, .right input[type="button"].btn {
    font-size: 16px;
    padding: 4px 15px 8px !important;
    width: 100%;
    border: 0;
    background: #525252;
    color: #fff;
    font-weight: bold;
    height: auto;
    background: -moz-linear-gradient(top, #525252 0%, #373737 50%, #2d2d2d 50%, #515151 100%);
    background: -webkit-linear-gradient(top, #525252 0%, #373737 50%, #2d2d2d 50%, #515151 100%);
    background: linear-gradient(to bottom, #525252 0%, #373737 50%, #2d2d2d 50%, #515151 100%);
    text-shadow: none;
}

.hp_pss_compare_panel .btn:hover, .right input[type="button"].btn:hover {
    background: #515151;
}

.hp_pss_compare_panel .chart-section {
    margin-bottom: 10px;
    margin-top: 10px;
}

.bg-1 {
    background: #d1eef5 !important;
}

.text-black {
    color: #000 !important;
}

.text-grey {
    color:#ccc !important;
}

.text-bold {
    font-weight: bold;
}

.col_green {
    background: #6aa84f;
    border-color: #5b9044 !important;
}

.col_red {
    background: #ff0000;
    border-color: #da0000 !important;
}

.table_total_input {
    font-size: 16px;
    font-weight: bold;
}

.table_total_input input {
    background: #c8bfe7;
    border: 1px solid #7f7f7f;
    width: 100px;
    height: 26px;
    padding: 0 5px;
    font-size: 16px;
    font-weight: normal;
    margin-left: 5px;
}

.hp_month_table .table_checkbox {
    margin-left: -12px;
    position: relative;
    left: -20px;
}

/*******************************************/

/*  My Club Tab Community Menu  */

.tanmenu_community_heading {
    background: #004040;
    color: #fff;
}

.tanmenu_community_heading img.icon {
    width: 20px;
    float: left;
    margin-right: 9px;
    position: relative;
    top: 7px;
}

.tabmenu_com_block .text {
    padding: 12px 0 12px 50px;
    display: block;
    color: #fff;
    position: relative;
    font-size: 16px;
}

.tabmenu_com_block .heading {}

.tabmenu_com_block .icon {
    width: 20px;
    margin-top: 5px;
    float: left;
    margin-right: 8px;
}

.tabmenu_com_block {
    padding: 5px 0 5px 15px;
}

.club_other_panel_container {
    background: #333333;
    padding: 12px;
}

.club_other_panel_container #block_title {
    color: #fff;
    background: #333333;
    border: 1px solid rgba(255, 255, 255, .2);
    padding: 5px 8px !important;
    margin-bottom: 5px;
}

.club_other_panel_container #block_title .icon {
    float: left;
    width: 21px;
    margin-right: 5px
}

.club_other_panel_container #block_title .text {
    display: inline-block;
    padding: 2px 5px;
}

.club_other_panel_container .block .space {
    padding: 10px;
}

.club_other_panel_container .mc_favorite span.icon img {
    width: 20px;
    float: left;
    margin-right: 5px;
    margin-top: 4px;
}

/************************************************************/

/*  Inline dropdown  */

.inline-dropdown {
    position: relative;
}

.inline-dropdown-container {
    display: none;
    border: 1px solid transparent;
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 8;
    background: #f2f2f4;
    width: 250px;
    transition: all .5s ease-in-out;
}

.inline-dropdown-container.active {
    background: #f2f2f4;
    display: block;
    border: 1px solid #000;
}

.inline-dropdown .dropdown-header {
    padding: 5px;
}

.inline-dropdown .dropdown-header img {
    width: 25px;
    float: left;
    margin-top: 3px;
}

.inline-dropdown .dropdown-header .text {
    font-size: 14px;
    padding: 5px;
    float: left;
}

.inline-dropdown .dropdown-header .select {
    width: 100px;
    height: auto;
    margin-top: 2px;
    background: #fff;
}

.inline-dropdown .dropdown-header .closed-btn {
    background: #fff;
    position: absolute;
    top: -10px;
    right: -10px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #ccc;
    cursor: pointer;
    padding: 2px 3px;
}

.inline-dropdown .dropdown-header .closed-btn .fa {
    font-size: 13px;
}

.inline-dropdown .dropdown-caption {
    background: #bfbfbf;
    border-radius: 5px;
    padding: 5px;
    margin: 5px;
    text-align: center;
    font-size: 16px;
}

.inline-dropdown .dropdown-caption span {
    font-size: 12px;
    position: relative;
    top: -1px;
}

.dropdown-content-panel {}

.dropdown-content-panel ul {
    margin: 0;
    padding: 0;
}

.dropdown-content-panel ul li {
    padding-bottom: 10px;
}

.dropdown-content-panel .dropdown-list-container {
    overflow: auto;
    height: 290px;
    padding: 15px;
}

.dropdown-content-panel .dropdown-footer-content {
    padding: 15px 10px 15px 0;
    display: flex;
}

.dropdown-content-panel .dropdown-footer-content .btn {
    font-size: 16px;
    padding: 6px 15px !important;
    width: 100%;
    border: 0;
    font-weight: bold;
    margin-left: 10px;
    background: #d3d3d3;
    color: #000;
    background: -moz-linear-gradient(top, #d3d3d3 0%, #c9c9c9 50%, #bebebe 51%, #d3d3d3 100%);
    background: -webkit-linear-gradient(top, #d3d3d3 0%, #c9c9c9 50%, #bebebe 51%, #d3d3d3 100%);
    background: linear-gradient(to bottom, #d3d3d3 0%, #c9c9c9 50%, #bebebe 51%, #d3d3d3 100%);
}

.dropdown-content-panel .dropdown-footer-content .btn:hover, .dropdown-content-panel .dropdown-footer-content .btn:focus {
    background: #525252;
    color: #fff;
    background: -moz-linear-gradient(top, #525252 0%, #373737 50%, #2d2d2d 50%, #515151 100%);
    background: -webkit-linear-gradient(top, #525252 0%, #373737 50%, #2d2d2d 50%, #515151 100%);
    background: linear-gradient(to bottom, #525252 0%, #373737 50%, #2d2d2d 50%, #515151 100%);
}

.hp_pie_block {
    flex: 1 1 100%;
    display: flex;
    padding-bottom: 15px
}

.hp_pie_col {
    flex: 0 0 50%;
}

.hp_pie_col.table_col {}

.hp_pie_container {
    display: block;
}

#col_middle.expandright .hp_pie_container, #col_middle.expandleft .hp_pie_container, #col_middle.expandright.expandleft .hp_pie_container {
    display: flex;
}

#col_middle.expandright .hp_pie_block, #col_middle.expandleft .hp_pie_block, #col_middle.expandright.expandleft .hp_pie_block {
    flex: 0 0 50%;
}

.hp_vchart_container {
    flex: 1 1 100%;
    display: block;
    padding-bottom: 15px
}

.hp_vchart_col {
    flex: 0 0 50%;
}

#col_middle.expandright .hp_vchart_container, #col_middle.expandleft .hp_vchart_container, #col_middle.expandright.expandleft .hp_vchart_container {
    display: flex;
}

/***************************************/

/*  New Post Toggle Panel  */

.np_toggle_container {
    clear: both;
    width: 100%;
    padding: 5px 15px 5px 0;
    background: #ececec;
    border: 1px solid #7f7f7f;
    margin-top: 5;
    height: 60px;
    overflow: hidden;
}

.np_toggle_container.active {
    height: auto;
    background: #ececec;
}

.np_toggle_container .np_tc_content {
    display: flex;
}

.np_left_content_col {
    flex: 0 0 calc(100% - 80px);
}

.np_right_content_col {
    flex: 0 0 80px;
}

.np_item_container {}

.np_item_container .np_item {
    display: inline-block;
    float: left;
    font-size: 14px;
    font-weight: normal;
    color: #444444;
    padding: 10px 0;
    margin-left: 20px;
}

.np_item_container .np_item .fa {}

.np_item_container .np_item span.icon {
    float: left;
    width: 25px;
    font-size: 13px;
}

.np_item_container .np_item span.icon img {
    max-width: 100%;
}

.np_item_container .np_item .np_title {
    padding: 4px 0 4px 5px;
    display: inline-block;
    font-size: 15px;
}

.np_right_content_col button.btn {
    border: 0;
    padding: 15px 20px;
    float: right;
    border-radius: 5px;
    margin-right: -10px;
}

/********************************************/

.dailyAvailabilityBtn {
    float: right;
    position: relative;
}

.dailyAvailabilityBtn .btn {
    border: 1px solid #989898;
    border-radius: 3px;
    padding: 2px 12px;
    background: #bbbbbb;
    color: #000;
    font-weight: bold;
    background: -moz-linear-gradient(top, #bbbbbb 0%, #d9d9d9 100%);
    background: -webkit-linear-gradient(top, #bbbbbb 0%, #d9d9d9 100%);
    background: linear-gradient(to bottom, #bbbbbb 0%, #d9d9d9 100%);
}

.da_dialog {
    position: absolute;
    z-index: 9;
    display: none;
    top: 36px;
    right: 0;
    width: 500px;
    border: 1px solid #7f7f7f;
    padding: 2px;
    background: #fff;
}

.dialog.active {
    display: block;
    background: #fff;
}

.da_dialog .da_dialog_head {
    color: #fff;
    background: #92abcc;
    text-align: center;
    padding: 5px;
}

.da_dialog .da_dialog_head .closed {
    background: #fff;
    width: 25px;
    height: 25px;
    border: 1px solid #666;
    font-size: 12px;
    color: #545454;
    padding: 5px 1px 0 0;
    display: block;
    position: absolute;
    top: -12px;
    right: -12px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer
}

.da_dialog .da_dialog_head .closed:hover {
    border: 1px solid #545454;
    background: #545454;
    color: #fff;
}

.da_dialog .da_dialog_body {
    padding: 5px;
    font-size: 13px;
}

.da_dialog .da_dialog_body table {
    margin-bottom: 15px;
}

.da_dialog .da_dialog_body table td {
    text-align: center;
}

.da_dialog .da_dialog_body table th {
    font-size: 14px;
}

.btn.btn-default {
    background: #ccc none repeat scroll 0 0;
    border: 1px solid #666;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    margin: 5px;
    padding: 2px 0;
    text-align: center;
    min-width: 90px;
    cursor: pointer;
    font-size: 14px;
}

.btn.btn-secondary {
    background: linear-gradient(to bottom, #fb7272 0%, #e03734 100%) repeat scroll 0 0;
    border: 1px solid #9c0606;
    border-radius: 3px;
    color: #fff;
    display: inline-block;
    margin: 5px;
    padding: 2px 0;
    text-align: center;
    min-width: 90px;
    cursor: pointer;
    font-size: 14px;
}

/********************************************/

.adjusterfitness .action-change-image {
    margin-bottom: 6px;
}

.col-na-input {
    float: left;
    width: 59.5%;
}

.col-code-field {
    float: right;
    width: 120px;
    padding-right: 12px;
    text-align: right;
}

.col-code-field span {}

.col-code-field .input {
    width: 60px;
    margin-left: 5px;
}

.cts_heading {
    background: #7092be;
    color: #fff;
    border: 1px solid #7f7f7f;
    padding: 6px 15px 8px;
    margin: 0;
    font-size: 17px;
}

.col-days-text {
    padding-left: 5px;
    width: 210px !important;
}

.col-days-text .input {
    width: 80px !important;
    display: inline-block;
}

.col-admissions-text {
    width: 140px !important;
}

.col-admissions-input {
    width: 250px !important;
}

.btn-cancel {
    background: #ccc none repeat scroll 0 0;
    border: 1px solid #666;
    border-radius: 3px;
    color: #333;
    display: inline-block;
    margin: 5px;
    padding: 5px 0;
    text-align: center;
    width: 90px;
}

.os_col_left {
    width: 10% !important
}

.os_col_right {
    width: 88% !important
}

.os_col_right span {
    padding: 5px 0;
}

/********************************************************/

/*    My Page Panel Css     */

.mupage-tab-menu {
    position: relative;
    padding: 13px 0 13px 45px !important;
    height: auto !important;
    line-height: normal !important;
}

.mupage-tab-menu img {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 30px;
}

.mupage-tab-menu.img-normal img {
    width: auto;
    top: 11px;
}

.mupage-tab-menu .see_all {
    float: right;
    margin-right: 10px
}

.mupage-tab-menu span {
    display: inline-block;
}

.mupage-tab-menu i {
    float: right;
    margin-right: 10px
}

#profile_links.bacheca_messages_links ul li {
    position: relative;
}

#profile_links.bacheca_messages_links ul li a {
    font-size: 15px;
    font-weight: normal;
    padding-left: 35px;
}

#profile_links.bacheca_messages_links ul li a.p0 {
    padding-left: 0;
}

#profile_links.bacheca_messages_links ul li img {
    position: absolute;
    top: 4px;
}

#profile_links.bacheca_messages_links.nolefticon ul li {
    display: block;
    width: 100%;
}

#profile_links.bacheca_messages_links.nolefticon ul li a {
    padding-left: 10px;
}

#profile_links.bacheca_messages_links.nolefticon ul li img {
    right: 0px;
    top: 8px;
    margin: 0;
}

#profile_links .mypageTabMenuLi {}

#profile_links .mypageTabMenuLi ul {
    margin: 0;
    padding: 0;
}

#profile_links .mypageTabMenuLi ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

#profile_links .mypageTabMenuLi ul li a {
    padding: 6px 25px 10px 30px;
    position: relative;
    color: #fff;
}

#profile_links .mypageTabMenuLi ul li a.sub_item_tab_menu {
    border: 1px solid #7f7f7f;
    background: #4e4e4e;
    padding: 5px 6px 5px 45px;
    font-size: 13px;
    min-height: 44px;
    line-height: 30px;
    margin-bottom: 2px;
}

#profile_links .mypageTabMenuLi ul li a .icon {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 20px;
}

#profile_links .mypageTabMenuLi ul li a .rightarrow {
    float: right;
}

#profile_links .mypageTabMenuLi ul li .ss-tab-link {
    background: #343944;
    position: relative;
    padding-left: 44px !important;
}

#profile_links .mypageTabMenuLi ul li .ss-tab-link .icon {
    position: absolute;
    top: 9px;
    left: 12px;
}

.hp_table table td .input.checkbox {
    position: absolute;
    margin-top: 10px
}

.hp_month_table form {
    float: left;
    width: 100%;
}

.hp_month_table .btn.btn-print {
    height: 27px;
    border: 0;
}

.hp_month_table .btn.btn-print {
    background: #525252;
    color: #fff;
    font-weight: bold;
    min-width: 70px;
    font-size: 16px;
    background: -moz-linear-gradient(top, #525252 0%, #373737 50%, #2d2d2d 50%, #515151 100%);
    background: -webkit-linear-gradient(top, #525252 0%, #373737 50%, #2d2d2d 50%, #515151 100%);
    background: linear-gradient(to bottom, #525252 0%, #373737 50%, #2d2d2d 50%, #515151 100%);
}

.hp_month_table .btn.btn-print:hover, .hp_month_table .btn.btn-print:focus {
    background: #545454;
}

/******************************************************************/

.hp_data_graph_filter {
    padding: 10px 0;
}

.hp_data_graph_filter .inlineBlock {
    display: inline-block;
    float: left
}

.hp_data_graph_filter .inlineBlock+.inlineBlock {
    margin-left: 15px
}

.hp_data_graph_filter .inlineBlock label {
    color: #000;
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding-bottom: 5px
}

.expandright .hp_data_graph_filter .inlineBlock label, .expandleft .hp_data_graph_filter .inlineBlock label {
    display: inline-block;
    float: left;
    padding-top: 5px;
    margin-right: 5px
}

.hp_data_graph_filter .inlineBlock .content {
    max-width: auto;
    margin: 0;
    padding: 0
}

.hp_data_graph_filter .inlineBlock .field {
    float: left;
}

.hp_data_graph_filter .inlineBlock .field select, .hp_data_graph_filter .inlineBlock .field input {
    padding: 3px;
    display: inline-block;
    height: auto;
    border: 1px solid #ccc;
    font-size: 14px;
    min-width: 110px;
}

.hp_data_graph_filter .inlineBlock .icon {
    float: left;
    display: inline-block;
    top: 0;
    position: relative;
    width: 25px;
    margin: 0
}

.hp_data_graph_filter .inlineBlock .icon.mr-6 {
    margin-right: 6px;
}

.hp_data_graph_filter .inlineBlock .icon.mt-2 {
    margin-top: 2px;
}

.hp_data_graph_filter .inlineBlock .icon.ml-6 {
    margin-left: 6px;
}

.hp_data_graph_filter .inlineBlock .icon img {}

.hp_data_graph_filter .inlineBlock #action-loader, .hp_data_graph_filter .inlineBlock #action-loader {
    margin-top: 19px;
}

.hp_data_graph_filter .inlineBlock .btn-proceed, .hp_data_graph_filter .inlineBlock .btn-proceed {
    margin-top: 21px;
}

.expandright .hp_data_graph_filter .inlineBlock #action-loader, .expandleft .hp_data_graph_filter .inlineBlock #action-loader, .expandright .hp_data_graph_filter .inlineBlock .btn-proceed, .expandleft .hp_data_graph_filter .inlineBlock .btn-proceed {
    margin-top: 0;
}

.expandright .hp_data_graph_filter .inlineBlock .field select, .expandright .hp_data_graph_filter .inlineBlock .field input, .expandleft .hp_data_graph_filter .inlineBlock .field select, .expandleft .hp_data_graph_filter .inlineBlock .field input {
    padding: 3px;
    display: inline-block;
    height: auto;
    border: 1px solid #ccc;
    font-size: 14px;
    min-width: 140px;
}

.gsat_container .gsat_heading {
    background: #7092BE;
}

/**********************************************************/

.insert_archive_container {
    background: #eeeeee;
    border: 1px solid #b0b0b0;
    position: absolute;
    width: 250px;
    z-index: 5
}

.insert_archive_container .ia_data_inner_warpper {
    padding: 0;
}

.insert_archive_container .ia_data_inner_warpper h4 {
    margin: 0;
    padding: 5px 15px;
    font-size: 18px;
    font-weight: normal;
    letter-spacing: 0;
    background: #b0b0b0;
}

.insert_archive_container .ia_data_inner_warpper h4 .icon {}

.insert_archive_container .ia_data_inner_warpper h4 .icon img {}

.insert_archive_container .ia_data_inner_warpper h4 .text {}

.insert_archive_container .ia_data_inner_warpper .list_container {
    padding: 15px;
}

.insert_archive_container .ia_data_inner_warpper .list_container ul {}

.insert_archive_container .ia_data_inner_warpper .list_container li {}

.insert_archive_container .ia_data_inner_warpper .list_container a {}

.insert_archive_container .ia_data_inner_warpper .list_container .icon {}

.insert_archive_container .ia_data_inner_warpper .list_container .icon img {}

.insert_archive_container .ia_data_inner_warpper .list_container .text {}

/**********************************/

/*   Color Table    */

.color_1 tr:nth-child(2n+1) td {
    background: #eeeeee !important;
}

.color_2 tr:nth-child(2n+1) td {
    background: #eaf8fb !important;
}

.color_3 tr:nth-child(2n+1) td {
    background: #f5eecd !important;
}

.color_4 tr:nth-child(2n+1) td {
    background: #ebf9c1 !important;
}

.color_5 tr:nth-child(2n+1) td {
    background: #ffe8ef !important;
}

.color_6 tr:nth-child(2n+1) td {
    background: #ffd5b9 !important;
}

.color_7 tr:nth-child(2n+1) td {
    background: #dec1b1 !important;
}

.color_8 tr:nth-child(2n+1) td {
    background: #dfdaf1 !important;
}

.color_9 tr:nth-child(2n+1) td {
    background: #e9cfe9 !important;
}

/**********************************/

.sublinks .icon {
    width: 20px;
    position: absolute;
    left: 6px;
    top: 1px;
}

.sublinks .icon img {
    width: 100%;
}

.mc_social .on_click.dropdwn .sublinks li a {
    padding-left: 40px !important;
}

.mc_social .on_click.dropdwn .sublinks li a .icon {
    left: 12px;
    top: 6px;
    width: 16px;
}

/*Lane assignment*/

.lane-assign {}

.lane-assign .lane-header {
    text-align: center;
}

.lane-assign .lane-header .column {
    display: inline-block;
    margin: 0 3px;
}

.lane-assign .lane-header .sortselect {
    width: 260px;
}

.lane-assign .lane-header img {
    vertical-align: middle;
}

.lane-assign .lane-content {}

.lane-assign .lane-content .lanebox {
    float: left;
    width: 32%;
    margin: 5px 0.6%;
    border: 1px solid #ddd;
    box-shadow: 0 0 3px #ddd;
    padding: 5px;
    border-radius: 3px;
}

.lane-assign .lane-content .lanebox .serial {
    background: #c6d3e6;
    padding: 5px;
    text-align: center;
    border: 1px solid #777;
    font-size: 18px;
}

.lane-assign .lane-content .lanebox .maxlimit {
    background: #fff8df;
    padding: 5px;
    text-align: center;
    border: 1px solid #ccc;
    color: #666;
    margin-top: 5px;
    font-size: 14px;
}

.lane-assign .lane-content .lanebox .maxlimit .count {
    background: #fff;
    padding: 3px 5px;
    text-align: center;
    border: 1px solid #ccc;
    color: #666;
    display: inline-block;
}

.lane-assign .lane-content .lanebox .listbox {
    padding: 5px 0;
}

.lane-assign .lane-content .lanebox .lanelist {
    position: relative;
    padding: 5px 0 5px 50px;
    min-height: 60px;
}

.lane-assign .lane-content .lanebox .lanelist .lanimg {
    position: absolute;
    left: 0;
    top: 5px;
    width: 40px;
    height: 40px;
    overflow: hidden;
    background: url(../img/user-not-assign.png) no-repeat;
    background-size: 100%;
    border-radius: 50%;
}

.lane-assign .lane-content .lanebox .lanelist .lanimg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.lane-assign .lane-content .lanebox .lanelist h4 {
    margin: 2px 0 5px;
    font-weight: normal;
}

.lane-assign .lane-content .lanebox .lanelist p {
    margin: 5px 0;
    font-size: 13px;
    color: #ed1c24;
}

.lane-assign .lane-content .lanebox .lanelist .noimg {
    background-image: none;
    color: #fff;
    padding-top: 5px;
    text-align: center;
    font-size: 24px;
}

.lane-assign .lane-content .lanebox .lanelist .noimg.gray {
    background-color: #455a63;
}

.lane-assign .lane-content .lanebox .lanelist .noimg.purple {
    background-color: #7b1fa2;
}

.lane-assign .lane-content .lanebox .lanelist .noimg.l-purple {
    background-color: #ac47bb;
}

.identification-title-row .typedevice, .identification-title-row .suspension, .identification-title-row .expiring {
    background: #bebebe;
    color: #880015;
    font-weight: bold
}

.identification-title-row .sadmin {
    background: #7f7f7f;
    color: #fff;
    text-align: center;
    font-weight: bold
}

.table-common .detail {
    font-weight: bold
}

.regen_heading {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
    padding: 0 0 5px;
}

.regen_caption {
    background: #e7f5fa;
    border: 1px solid #c3c3c3;
    padding: 6px 12px;
    display: inherit;
    font-size: 14px;
    float: left;
}

.regen_select {
    float: right;
    margin-left: 15px;
}

.regen_select span {
    border: 1px solid #c3c3c3;
    font-size: 15px;
}

.setting_for_messages {
    background: #4e4e4e;
    border: 1px solid #7f7f7f;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 32px;
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 15px;
}

.setting_for_messages .icon {
    float: left;
    width: 15px;
    margin-right: 8px;
    position: absolute;
    height: 15px;
    left: 8px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.setting_for_messages .icon img {
    max-width: 100%;
}

.setting_for_messages .caption {
    font-size: 12px;
    padding: 2px 0;
    display: inline-block;
}

.setting_for_messages .fa {
    font-size: 18px;
    position: absolute;
    right: 7px;
    width: 17px;
    height: 19px;
    color: #fff;
    top: 0;
    bottom: 0;
    margin: auto;
}

.setting_for_messages .highlight {
    color: #fff200
}

.user_message_dialog {
    width: 700px;
    height: 450px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999999 !important;
    margin: auto;
    position: fixed;
    transform: none;
}

.user_message_dialog .displaycontainerheight {
    height: 300px !important;
}

.user_setting_dialog {
    width: 700px;
    height: 450px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999999 !important;
    margin: auto;
    position: fixed;
    transform: none;
}

.user_setting_dialog .container {
    height: 430px !important;
    overflow: auto;
}

.userSettingMessageDialog .intro-message table input[type="text"] {
    width: 80px;
}

.userSettingMessageDialog .intro-message table .calendar_icon {
    width: 40px;
    float: right;
    padding: 2px 6px;
    margin: 0;
}

.userSettingMessageDialog .intro-message table .calendar_icon img {
    max-width: 100%
}

.alertMessageDialog {
    width: 780px;
    height: 470px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999999 !important;
    margin: auto;
    position: fixed;
    transform: none;
}

.alertMessageDialog .container {
    height: 450px !important;
    overflow: auto;
}

.userSettingMessageDialog.clubsl_left a.readon {
    border: 0;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    float: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}

.sky_blue_bg {
    background: #7092be;
}

.ssbox_title {
    color: #fff;
    font-family: "open_sansbold";
    font-size: 16px;
}

.ss_box_row {
    padding: 5px 10px;
    border: 1px solid #222;
}

.alertSectionInput .inputfiled {
    padding: 10px 0;
    width: 100%;
}

.alertSectionInput .inputfiled input {
    height: 40px;
    width: 100%;
    padding: 0 10px;
}

.alertSectionInput .blue_row1 {
    font-size: 14px;
}

.alertContentSection .ss_box_row {
    font-size: 13px;
}

.alertContentSection .intro-smg-title-row img {
    top: -10px;
}

.postSettingButton {
    position: absolute;
    top: 0;
    height: 40px;
    padding: 10px !important;
    right: 32px;
    z-index: 1;
    background: transparent !important;
    color: #fff !important;
}

.postSettingContainer {
    padding: 0;
    background: #fff !important;
}

.tab_content_menu .postSettingContainer ul, .tab_content_menu .postSettingContainer ul li, .tab_content_menu .postSettingContainer ul li a {
    background: transparent !important;
}

.tab_content_menu .postSettingContainer ul li {
    padding: 0;
    border: 0;
}

.tab_content_menu .postSettingContainer ul li a {
    padding: 5px;
}

.tab_content_menu .postSettingContainer .dashsetting ul li .memberpanel {
    padding: 0;
}

.tab_content_menu .postSettingContainer .dashsetting ul li .memberpanel:hover {
    background: #fffdcc !important;
}

.userTypeOptions .userTypeOptionContainer {
    padding: 10px;
}

.userTypeOptions .userTypeOptionContainer .itemOptions+.itemOptions {
    margin-left: 15px;
}

.userTypeOptions .userTypeOptionContainer .itemOptions input[type=checkbox] {}

/**************************************************************/

/**  Datepicker Css  **/

.ui-datepicker.ui-widget {
    font-size: 14px !important;
}

.ui-datepicker-header .ui-datepicker-prev, .ui-datepicker-header .ui-datepicker-next {
    border: 0 !important;
    top: 2px !important;
    cursor: pointer;
}

.ui-datepicker-header .ui-datepicker-next {
    border: 0 !important;
    right: 2px !important;
}

.ui-datepicker-header .ui-datepicker-prev {
    border: 0 !important;
    left: 2px !important;
}

.ui-datepicker-header .ui-datepicker-prev-hover, .ui-datepicker-header .ui-datepicker-next-hover {
    background: #671d18 !important;
    padding: 5px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
    filter: brightness(750%);
}

.ui-datepicker .ui-datepicker-header {
    border: 1px solid #671d18;
    color: #fff;
    background: #a00725;
    background: -moz-linear-gradient(top, #a00725 0%, #650d0b 100%);
    background: -webkit-linear-gradient(top, #a00725 0%, #650d0b 100%);
    background: linear-gradient(to bottom, #a00725 0%, #650d0b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a00725', endColorstr='#650d0b', GradientType=0);
}

.ui-datepicker {
    width: 20em !important
}

.ui-datepicker td a.ui-state-default {
    border: 1px solid rgba(0, 0, 0, .1);
    background: #fff;
    font-weight: normal;
    color: #000;
}

.ui-datepicker td a.ui-state-default.ui-state-active, .ui-datepicker td a.ui-state-default.ui-state-hover {
    border: 1px solid rgba(156, 0, 31, .2);
    background: rgba(156, 0, 31, .04);
    color: #9c001f;
}

.ui-datepicker td a.ui-state-default.ui-state-active {
    font-weight: bold !important;
}

.ui-datepicker td a.ui-state-default.ui-state-highlight {
    border: 1px solid #f3e489;
    background: #fbf9ee url(../img/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    font-weight: bold !important;
    color: #a58d03;
}

.ui-datepicker .ui-datepicker-title .ui-datepicker-month, .ui-datepicker .ui-datepicker-title .ui-datepicker-year {
    color: #fff;
    border: 1px solid #fff !important;
}

/**************************************************************/

.debts_purches_service {
    background: #fff;
    padding: 5px 0
}

.debts_purches_service ul {
    margin: 0;
    padding: 0;
}

.debts_purches_service ul li {
    padding: 20px 0px 20px 45px;
    position: relative;
}

.debts_purches_service .icons {
    width: 40px;
    display: block;
    height: 40px;
    position: absolute;
    left: 0;
    top: 10px;
}

.debts_purches_service .icons img {
    max-width: 80%;
    margin: auto;
    display: block;
}

.debts_purches_service .input-field .input {
    display: inline-block;
    margin-right: 6px;
}

.pl-align {
    padding-left: 45px !important;
}

.event-disabled {
    pointer-events: none;
}

.assigned_lane_form form {
    width: 59.2%;
}

/*************************************************************/

/*  For Admin New Left Collaps Section  */

.adminLeftCollapseContainer {
    float: left;
    width: 19%;
}

.adminCollapsePanel {
    background: #2b2b2b;
    margin-bottom: 1px;
}

.adminCollapsePanel .heading {
    background: #004040;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    position: relative;
    margin: 0;
}

.adminCollapsePanel .heading a {
    padding: 10px 35px 10px 45px;
    display: block
}

.adminCollapsePanel .heading .icon-left {
    width: 22px;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: 8px
}

.adminCollapsePanel .heading .icon-left img {
    max-width: 100%;
}

.adminCollapsePanel .heading .title {
    color: #fff;
}

.adminCollapsePanel .heading .drowpdown {
    position: absolute;
    right: 13px;
    top: 8px
}

.adminCollapsePanel .container {
    margin: 0;
    padding: 0;
}

.adminCollapsePanel .container ul {
    padding: 10px;
}

.adminCollapsePanel .container ul li+li {
    padding-top: 5px
}

.adminCollapsePanel .container ul li a {
    position: relative;
    display: block;
    padding: 10px 0 10px 45px;
    background: #4e4e4e;
    border: 1px solid #7f7f7f;
}

.adminCollapsePanel .container ul li .inner-icon {
    width: 24px;
    position: absolute;
    left: 8px;
    top: 6px;
}

.adminCollapsePanel .container ul li .inner-icon img {
    max-width: 100%;
}

.adminCollapsePanel .container ul li .title {
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}

.adminCollapsePanel .container .drowpdown {
    position: absolute;
    right: 13px;
    top: 8px
}

.adminCollapsePanel .container .subToggleContainer ul {
    padding: 5px 0 0 35px;
}

.adminCollapsePanel .container {
    width: auto !important
}

/** gurpreet**/

.lastmemberimage img {
    width: 30%;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 141px;
    margin-bottom: 10px;
}

span.lastlist {
    font-size: 27px;
    font-weight: 600;
    color: #820606;
}

ul.lastUser {
    padding: 20px;
}

ul.lastUser li {
    text-align: left;
    color: #a90f0f;
    font-size: 15px;
    font-weight: 600;
    padding: 4px;
}

ul.lastUser li p {
    float: right;
    margin: inherit;
}

tr.userText {
    background-color: #a8bcd7;
}

table.light.responsive {
    width: 100%;
}

.fixed-center-pop.select-member-pop {
    width: 600px;
    overflow-x: auto;
    max-height: 498px;
    padding: 20px;
}

tr.getuser td {
    padding: 5px;
}

span.allUser {
    float: right;
    margin-top: -36px;
    padding: 10px;
}

span.user {
    text-align: center;
    font-size: 25px;
    font-weight: 600;
    color: #820606;
}

/* access control */

.typo-white-title-row-access-control {
    background: #7092be;
    font-family: 'open_sansbold';
    font-size: 16px;
    color: #fff;
    padding: 5px 10px;
    text-align: center;
    border: 1px solid #151313;
}

/** access list **/

.typo-darksky-title-row-access-list {
    background: #d5deec;
    font-family: 'open_sansbold';
    font-size: 16px;
    color: #100f0f;
    padding: 5px 10px;
    text-align: center;
    border: 1px solid #151313;
}

.assign-right {
    margin-top: 12px;
    padding: 10px;
}

.acesslisttotalrow.pt-10.pb-10 {
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
    margin: 0px;
    padding: 0px;
    height: 64px;
}

.acesslisttotalrow form {
    margin: 6px;
    padding: 10px;
}

.print.access-list-grid {
    float: right;
}

.accesslist {
    border-top: 1px solid #aaa;
    margin-top: 10px;
    width: 100%;
}

.accesslist th {
    font-size: 19px;
}

tr.item {
    border: 1px solid black;
}

tr.item>td {
    padding: 5px;
}

.item>td>img {
    height: 64px;
    width: 64px;
    border-radius: 50%;
}

.item span.dot {
    height: 25px;
    width: 25px;
    background-color: #b5e61d;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid black;
    margin-bottom: -7px;
}

.access-list-grid .grid-list {
    padding: 5px;
}

/* 
Comment eduardo fix layout with more itens per grid
ul li.gridprofile {
    float: left;
    width: 46%;
    height: 350px;
    padding: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 4px #888888;
} */

/** access grid list **/

/* 
Comment eduardo fix layout with more itens per grid
ul li.gridprofile {
    float: left;
    width: 46%;
    height: 350px;
    padding: 10px;
    margin-right: 20px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 4px #888888;
} */

ul li.gridprofile.four-rows {
    width: 20%;
    float: left;
    height: 275px;
    margin-right: 20px;
    margin-bottom: 20px;
    box-shadow: 0px 0px 4px #888888;
    position: relative;
}

/*
Comment eduardo fix layout with more itens per grid
li.gridprofile img {
    width: 100%;
    height: 230px;
} */

li.gridprofile.four-rows img {
    width: 100%;
    height: 148px;
}

li.gridprofile.four-rows div.dot {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    border-radius: 50%;
}

li.gridprofile.four-rows div.dot.green {
    background-color: #b5e61d;
}

li.gridprofile.four-rows div.dot.orange {
    background-color: #ff7f41ff;
}

.r-side-grid {
    padding: 0px;
}

.r-side-grid.d-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 115px;
}

.r-side-grid p {
    margin: 0;
    font-size: 12px;
}

.r-side-grid p:first-child {
    margin-top: 15px;
}

.r-side-grid span.dot {
    height: 48px;
    width: 48px;
    background-color: #b5e61d;
    border-radius: 50%;
    display: inline-block;
    border: 2px solid black;
    margin-right: 10px;
    float: left;
}

p.userdetails {
    font-weight: 600;
}

/** access list right side **/

a.color {
    color: #2845d4;
    font-weight: 700;
    margin: 24px;
    border-bottom: 3px solid #2845d4;
}

.accesslistdata ul.userdata {
    padding: 4px;
}

.accesslistdata .userdata li.listaccess {
    height: 55px;
    margin: 0px 0px -5px 4px;
}

.useraccesslist {
    margin: 0px;
    padding: 0px;
    line-height: normal;
}

.accesslistdata .useraccesslist img {
    width: 45px;
    height: 45px;
    position: absolute;
}

.useraccesslist span.username {
    margin: 0px 50px;
    display: inline-block;
}

/** left sidebar Access Section control**/

/** monika 04/05/2020 **/

#content_wrap .leftside-access-control {
    text-transform: capitalize;
}

.new_member_title-2 {
    color: #000;
    background: #c3c3c3;
    padding: 6px 5px;
    font-weight: 800;
    border: 1px solid #000;
}

#content_wrap .leftsidebar {
    background: #f93737;
    text-transform: inherit;
}

span.seeall.leftsidebar a {
    color: #f3f3f3;
}

.new_member_content-2 {
    color: #f3f3f3;
    line-height: 18px;
    padding: 8px 5px;
}

span.leftsidedate {
    float: right;
}

.new_member_title-1 {
    color: #820011;
    background: #c3c3c3;
    padding: 2px 5px;
    float: left;
    width: 100%;
}

div#block_title.leftsidebar {
    border: 1px solid #000;
}

.member_img_thumb-1 {
    width: 60px;
    height: 60px;
    padding: 6px;
    float: left;
    margin-bottom: 6px;
}

span.new_member_title-3 {
    color: #820011;
    overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

span.nameday {
    color: red;
    margin: 12px;
    text-transform: capitalize;
}

span.birthday {
    color: red;
    margin: 12px;
    text-transform: capitalize;
}

.new_member_title-4 {
    color: #a20f0f;
    background: #c3c3c3;
    padding: 6px 5px;
    font-weight: 800;
    border: 1px solid #000;
}

.new_member_title-5 {
    font-weight: 700;
    color: #f3e9ea;
    background: #7092be;
    padding: 7px 5px;
    float: left;
    width: 100%;
}

.tab_content_menu-1 {
    padding: 5px !important;
    background: transparent;
}

.tab_content_menu-1 ul li {
    background: transparent;
}

.mc_social-1 ul li>a {
    background: #7092be;
    color: #fff;
    padding: 5px 8px;
    font-size: 13px;
    display: block;
    font-weight: 700;
}

.mc_social-1.tab_content_menu-1 {
    width: 284px;
    height: auto;
}

.mc_social-1.tab_content_menu-1 ul {
    margin-left: -33px;
}

.mc_social-1 ul li>a {
    background: #7092be;
    color: #fff;
    font-size: 14px;
    display: block;
    font-weight: 600;
    width: 93%;
    height: 37px;
    margin: -7px;
    padding: 0px 8px;
}

p span.seeall {
    float: right;
}

.accesscontrol .left {
    float: left;
    display: inline-block;
}

.accesscontrol li img {
    width: 45px;
    height: 45px;
    margin-right: 10px;
}

.accesscontrol .right p {
    font-size: 12px;
    line-height: normal;
}

span.lastlist {
    font-size: 27px;
    font-weight: 600;
    color: #820606;
}

ul.lastUser {
    padding: 20px;
}

ul.lastUser li {
    text-align: left;
    color: #a90f0f;
    font-size: 15px;
    font-weight: 600;
    padding: 4px;
}

ul.lastUser li p {
    float: right;
    margin: inherit;
}

.col-6.col-md-4 {
    width: 31%;
    height: 48px;
}

.col-6 {
    width: 64%;
    margin: 11px 1%;
    float: left;
    background: #fff;
    color: black;
    font-weight: 900;
    font-size: 17px;
}

.col-6.insurance {
    height: 48px;
}

.col-6.color {
    width: 31%;
    margin: 11px 1%;
    height: 53px;
    border: 1px solid black;
    float: left;
    background: #f2fd93;
    color: black;
    font-weight: 700;
    font-size: 17px;
    padding: 5px;
}

.denied-box-2 {
    background: #efe4b0;
    height: 219px;
}

table.deadline {
    width: 100%;
}

.deadline p {
    border: 1px solid #000;
    font-size: 17px;
    background: #fff;
    font-weight: 700;
    padding-top: 0px;
    padding-left: 7px;
    margin-bottom: 7px;
    height: 59px;
}

span.text-align-right {
    float: right;
}

.subcheck-row1.text-align.bold {
    color: #000;
}

.subcheck-row1.text-align {
    color: #000;
}

.subcheck-detail-row1.text-align {
    color: #000;
    background: #fff;
    font-weight: 700;
    text-align: center;
}

/** device_info_club**/

/** 08/05/2020 monika**/

td.acc1 i.fa.fa-cog {
    font-size: 23px;
}

.enable-accordian .acc1 {
    width: 10%;
}

.pop-outer-content {
    position: fixed;
    top: 71px;
    left: -4px;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.pop-inner-content {
    background-color: #eaf8fb;
    width: 580px;
    height: auto;
    padding: 10px;
    margin: 10% auto;
    border: 1px solid #000;
}

h6.checkboxdata2 p.password {
    border: 2px solid #ccc;
    width: 82%;
    padding: 5px;
    margin-left: 45px;
    margin-top: -12px;
    background: #f5efef;
}

p.enabledreaders {
    border: 1px solid #000;
    margin-top: 0px;
    font-size: 17px;
    padding: 7px;
    font-weight: 600;
    background: #00a2e8;
    color: #fff;
    padding-left: 32px;
    margin-top: 0px;
    margin-bottom: 6px;
}

h5.readerHeader {
    border: 1px solid #000;
    background-color: blue;
    color: #fff;
    margin: 0px;
    padding: 6px;
    font-weight: 500;
    font-size: 14px;
}

h6.checkboxdata {
    border: 1px solid #000;
    margin: 8px;
    background-color: #eeeeee;
}

h6.checkboxdata p {
    margin: 6px;
    color: #921627;
    font-weight: 700;
    font-size: 14px;
}

h6.checkboxdata p input[type="checkbox"] {
    margin-left: 12px;
}

h6.checkboxdata2 {
    font-weight: 600;
    margin-left: 4px;
    border: 1px solid #000;
    background: #fff;
    margin-top: -3px;
    padding-left: 10px;
    margin-bottom: 6px;
}

h6.checkboxdata2 p {
    font-size: 15px;
}

tr.ReaderData {
    border: 1px solid #000;
    background-color: #eeeeee;
}

.scrollbarReader {
    overflow-x: auto;
    max-height: 200px;
}

/* tr.readerdata2, td {
    padding-left: 20px;
} */

.mtop10.readerbutton {
    text-align: center;
    padding: 5px;
    margin-bottom: 5px;
}

button.btn.readerbutton {
    background-color: #940d0d;
    color: #fff;
    border: none;
    width: 104px;
    font-size: 17px;
    font-weight: 600;
}

button.btn.readerbutton2 {
    background-color: #232222;
    color: #fff;
    border: none;
    width: 104px;
    font-size: 17px;
    font-weight: 600;
}

/** card_reader_add**/

.ReaderTextInstruc {
    margin-top: 105px;
}

.ReaderTextInstruc p {
    border: 1px solid #aba6a6;
    padding: 8px;
    font-size: 17px;
    color: blue;
    font-weight: 600;
    margin: 0px 0px 0px 0px;
}

.col-70 {
    float: left;
    width: 68%;
    margin: 3px 1%;
    margin-left: -14px;
}

.col-30 {
    float: left;
    width: 28%;
    margin: 3px 1%;
}

.col-70.description {
    margin-left: -76px;
}

/** right side bar**/

span.lockicon {
    float: left;
    margin-top: 62px;
    margin-left: -74px;
    font-size: 27px;
}

span.signouticon {
    float: left;
    margin-top: 29px;
    margin-left: -74px;
    font-size: 27px;
}

ul.reader.door {
    border: 1px solid #000;
    background-color: #fff;
    margin-left: -45px;
}

ul.reader.door li {
    width: 100%;
    margin: 0px;
    padding: 0px;
    margin-left: -28px;
    line-height: normal;
}

p.door.description {
    border: 1px solid #000;
    width: 100px;
    padding-left: 6px;
    float: right;
    margin-top: -35px;
    margin-right: -13px;
}

p.door.reader {
    font-size: 13px;
    font-weight: 600;
}

p.door.description {
    font-size: 13px;
    font-weight: 600;
}

p.door.typename {
    font-size: 13px;
    font-weight: 600;
}

p.door.name {
    width: 100%;
    float: right;
    font-size: 13px;
    font-weight: 600;
}

.acrow.mt-10.test_random {
    background-color: #eaf8fb;
    margin-top: 0px;
}

.pop-outer-random {
    position: fixed;
    top: 100px;
    left: 500px;
    width: 100%;
    height: 100%;
    z-index: 9;
}

button.closecard {
    float: left;
    margin-left: 150px;
    margin-top: -34px;
    border: none;
    color: #f9f7f7;
    background-color: #5a5555;
    border-radius: 20px;
}

.pop-inner-random {
    background-color: #eaf8fb;
    width: 200px;
    height: 100px;
    padding: 31px;
    margin: 5% auto;
    border: 1px solid #000;
}

ul.cardmagnetic {
    margin-top: -35px;
    margin-left: 93px;
    font-size: 20px;
    font-weight: 600;
}

ul.cardrfidbadges {
    margin-top: -29px;
    margin-left: 93px;
    font-size: 20px;
    font-weight: 600;
}

ul.cardrfidbracelets {
    margin-top: -29px;
    margin-left: 93px;
    font-size: 20px;
    font-weight: 600;
}

ul.cardsmartcards {
    margin-top: -29px;
    margin-left: 93px;
    font-size: 20px;
    font-weight: 600;
}

p.cardtype {
    margin-top: -23px;
    margin-left: 23px;
    font-size: 20px;
    font-weight: 600;
}

/* club_cardreader_sporthalls_settings */

.pref-row input[type="text"] {
    width: 100%;
    background-color: #fffba6;
}

.col-70 {
    float: left;
    width: 68%;
    margin: 3px 1%;
}

.purple_row1 span {
    color: #fff;
    
}

.col-50.relay_closing_time_to {
    margin-top: 0;
    width: 50px
}

.col-50.relay_closing_time_from {
    width: 50px
}

.col-10.ms {
    margin-left: 4px;
}

input.ippublic {
    background-color: #e5e5e5;
}

input.iplocal {
    background-color: #e5e5e5;
}

.col-30.public {
    width: 30%;
}

.col-30.local {
    width: 26%;
}

/* club_access_setting */

.col-15.total_detb_value {
    float: right;
    margin-right: -8px;
    width: 10%;
}

.col-85.only_if_daily_dept_less {
    display: contents;
}

.cts-fieldrow.only_if_daily_dept_less {
    padding-left: 5px;
}

.cts-input.access {
    width: 31%;
    margin-bottom: 10px;
}

.col-70.access {
    width: 100%;
}

.col-100.access {
    margin-top: 15px;
}

.col-15.after {
    margin-left: -3px;
}

.col-15.max {
    margin-right: 6px;
    margin-left: 25px;
}

.col-15.max1 {
    margin-left: -12px;
}

.col-15.re-entires {
    margin-left: 7px;
    display: contents;
}

/* submenu */

.pop-outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}

.pop-inner {
    background-color: #ffffff;
    width: 450px;
    height: 250px;
    padding: 16px;
    margin: 10% auto;
    border: 2px solid #000;
}

button.close {
    float: right;
    border-radius: 70%;
    background: #7f7f78;
    border: none;
    color: #fff;
}

ul.menuList {
    margin: 0px;
    padding: 0px;
}

ul.menuList li {
    font-size: 18px;
    font-weight: 600;
    margin-left: 46px;
    margin-top: -52px;
    padding: 12px;
}

ul.menuList i.fa.fa-home {
    font-size: 45px;
}

ul.menuList i.fa.fa-desktop {
    font-size: 35px;
}

ul.menuList i.fa.fa-tablet {
    font-size: 40px;
}

ul.menuList i.fa.fa-shopping-cart {
    font-size: 40px;
}

ul.menuList i.fa.fa {
    margin: 1px;
    padding: 8px;
    margin-left: -7px;
}

/** admincardstype  **/

img.ui-datepicker-trigger {
    display: none;
}

span.col.cardtype {
    font-size: 15px;
    font-weight: 600;
    padding-left: 5px;
}

span.col.type {
    font-size: 14px;
    background-color: #fff;
    width: 74px;
    padding-left: 7px;
}

i.fa.fa-credit-card.type {
    padding-left: 10px;
    font-size: 16px;
}

.head-qr-code.typeofcards {
    margin-left: -30px;
}

.head-qr-code.typeofcards img {
    width: 46px;
    margin-top: -6px;
    padding-bottom: 3px;
}

.card-magic-content.row.card.type {
    width: 100%;
    padding: 0px;
    margin-top: -15px;
    height: 52px;
    padding-top: 10px;
}

span.col.rfid {
    margin-left: -6px;
}

span.col.smartcard {
    margin-left: -36px;
}

span.col.qrcode {
    margin-left: -47px;
    float: right;
}

/** monika 04/05/2020 **/

/**vertical **/

span.seeall.rightside {
    float: right;
}

span.number {
    color: yellow;
}

ul.birthdays_friend1 .left {
    float: left;
    display: inline-block;
}

ul.birthdays_friend1 img {
    width: 45px;
    height: 45px;
    margin-right: 10px;
}

ul.birthdays_friend1 .right p {
    font-size: 12px;
    line-height: normal;
}

p.dayname {
    float: left;
    margin-left: -4px;
    margin-top: 3px;
}

ul.dayname_friend1 .left {
    float: left;
    display: inline-block;
}

ul.dayname_friend1 img {
    width: 45px;
    height: 45px;
    margin-right: 10px;
}

ul.dayname_friend1 .right p {
    font-size: 12px;
    line-height: normal;
}

span.seeall.rightside1 {
    margin-right: -4px;
}

/** monika 04/05/2020 **/

.birthdays_friendhori {
    position: fixed;
    top: 75px;
    left: 120px;
    width: 100%;
    height: 100%;
}

.birthdays_friendhori-inner {
    background-color: #f5f5f5;
    width: 380px;
    padding: 4px;
    margin: 5% auto;
    border: 2px solid #b9b9b9;
    height: auto;
}

button.closelist {
    float: right;
    border-radius: 50%;
    margin-top: -11px;
    color: #fff;
    background-color: #000;
    margin-right: -9px;
    border: none;
    font-size: 21px;
}

.dayname_friend1hori {
    position: fixed;
    top: 150px;
    left: 120px;
    width: 100%;
    height: 100%;
}

.dayname_friend1hori-inner {
    background-color: #f5f5f5;
    width: 380px;
    padding: 4px;
    margin: 5% auto;
    border: 2px solid #b9b9b9;
    height: auto;
}

button.closelist1 {
    float: right;
    border-radius: 50%;
    margin-top: -11px;
    color: #fff;
    background-color: #000;
    margin-right: -9px;
    border: none;
    font-size: 21px;
}

/**add_subscriptions**/

.lgray_row2 {
    background: #e3e3e3;
    color: #a349a4;
    border: 1px solid #000;
    padding: 7px;
    font-size: 18px;
    font-weight: 600;
}

.col-12.places {
    margin-left: -21px;
}

.col-9.places {
    width: 12%;
}

span.statuscolor {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #008000;
    margin-left: 4px;
}

.yellow_row1.price {
    color: #000;
}

.lightblue_row1 {
    background: #c8bfe7;
    color: #ed1c24;
    font-size: 19px;
    font-weight: 600;
    padding: 8px;
    border: 1px solid #000;
}

.col-10.radiom1 {
    margin-left: 17px;
}

.input.radiom {
    border: 1px solid #989595;
    border-radius: 40%;
    width: 65%;
    padding: 4px;
    padding-left: 9px;
    padding-bottom: 0px;
}

.col-10.radiom {
    margin-left: 20px;
}

.col-12.payment {
    width: 35%;
    margin-left: -14px;
}

.col-12.credit {
    width: 40%;
    margin-left: -12px;
}

span.crediticon {
    font-size: 19px;
    background: #e8e7e7;
    margin-left: 8px;
    padding: 4px;
    padding-bottom: 5px;
}

a.btn-light-gray.clubsetting {
    width: 85px;
}

/**08/05/2020**/

/**monika**/

/**deviceclub**/

.otherdevices {
    border: 1px solid #000;
    background-color: #7092be;
    height: 62px;
    width: 100%;
    padding: 0px;
    margin: 0px;
    margin-top: 0px;
}

p.otherdevice {
    font-size: 22px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    margin-top: 15px;
}

.enable-accordian {
    border-top: 1px solid #ccc;
    margin-top: 13px;
}

.otherdevices.logins {
    margin-top: 10px;
    margin-bottom: 10px;
}

.otherdevices.main {
    margin-top: 10px;
    margin-bottom: 10px;
}

td.maindevicename {
    padding: 15px;
}

td.maindevice {
    padding-left: 129px;
}

.print.deviceinfoclub {
    float: right;
    margin-top: -51px;
    margin-right: 25px;
}

li.disabled.deviceinfo {
    display: inline-block;
    padding: 2px;
    font-size: 15px;
}

.custom-pagin li.disabled.deviceinfo a {
    background: #666;
    color: #FFF;
    border-color: #444;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 1), 0 0 2px rgba(0, 0, 0, 0.3) inset;
    cursor: default;
    background: linear-gradient(to bottom, #666 0%, #333 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 13%;
    padding: 3px;
}

.pagi_droplist.deviceinfo {
    margin-top: -4px;
}

/*sonucss*/

.slatecol {
    background: #eeeeee;
    border: 1px solid #000;
    padding: 30px 15px 15px 15px;
    margin: 20px auto;
    text-align: center;
}

.slatecol img {
    margin-bottom: 20px;
    height: 50px;
    margin: 0 auto;
    text-align: center;
}

.slatecol p {
    font: normal 14px arial;
    color: #000;
    display: block;
}

.slatecolblock {
    background: #eeeeee;
    border: 1px solid #000;
    padding: 0px 15px 15px 15px;
    border: 1px solid #ee2124;
}

.acceed-popup {
    width: 60vw;
    margin-top: 90px;
}

.class1beta {
    background: url(../img/putpause.jpg) no-repeat;
    width: 100px;
    height: 19px;
}

.class2beta {
    background: url(../img/restoresection.jpg) no-repeat;
    width: 144px;
    height: 19px;
}

/*sonucss*/

.lft7 {
    left: 7px!important;
}

.w100 {
    width: 100%!important;
}

.mrsst {
    margin: 10px;
    float: left;
    width: 12%;
}

.rtpae {
    margin: 10px;
    float: left;
    width: 80%;
}

.martrw {
    width: auto;
    float: left;
    margin-right: 11px;
}

.ledq {
    width: auto;
    float: left;
    margin-right: 11px;
}

.weauto {
    width: 80px!important;
    float: left!important;
}

.weauto2 {
    width: 40px!important;
    float: left!important;
}

.seve {
    width: 71.5%!important;
}

.mrwtop20 {
    margin: 10px 0 0 0;
    float: left;
    width: 100%;
}

.wgea {
    width: 100%;
}

.mrwwte {
    margin-top: 5px;
    text-align: center;
    ;
}

.swal2-container {
  z-index: 1000000;
}

.text-three-dots {
    text-transform: capitalize;
    white-space: nowrap;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
 }

ul.page-icon-list li {
    width: 100%;
    float:left;
    font-size:32px;
    margin-bottom:15px;
}

ul.page-icon-list li span.icon {
    width: 35px;
}

ul.page-icon-list li span.icon i {
    color:#aaa !important;
    /*margin-right: 10px;*/
}

ul.page-icon-list li span.text {
    margin-left:20px;
}

.page-icon i {
    font-size: 32px;
    color: #aaa;
    margin-top: 15px;
    margin-right: 20px;
}

.d-flex {
    display:flex;
}

.d-flex-col {
    flex-direction: column;
}

.d-flex-row {
    flex-direction: row;
}

.d-flex-center {
    justify-content: center;
}

.d-flex-a-center {
    align-items: center;
}
.d-flex-justify-between {
    justify-content: space-between;
}

.rightEditSection {
    float: right;
    color: #fff;
    padding-right: 20px
}

.space-height {
    padding: 5px;
    margin-top: 10px;
    height: 38.28px
}

/* RSS - buttons active/inactive css */
.toggle-button.black-active {background-color: rgba(0, 0, 0) !important;}

#timelineBackground iframe {
    width: 100% !important;
}

/* Table Styling */
.service-table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0;
    font-family: Arial, sans-serif;
    background: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    overflow: hidden;
}

/* Table Header */
.service-table thead {
    background-color: #A0A0A0;
    color: #2A2A2A;
    text-align: left;
}

.service-table th {
    padding: 15px;
    font-size: 16px;
    font-weight: bold;
}

/* Table Rows */
.service-table tbody tr {
    border-bottom: 1px solid #ddd;
    transition: background 0.3s ease;
}

.service-table tbody tr:hover {
    background-color: #f9f9f9;
}

/* Table Cells */
.service-table td {
    padding: 15px;
    font-size: 14px;
    color: #333;
}

/* Image Column */
.service-table td.image img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
}

/* Cost Column */
.service-table td.cost {
    font-weight: bold;
    color: #28a745;
    text-align: center;
}

/* Action Column */
.service-table td.action {
    text-align: center;
}

.service-table td.action a {
    margin: 0 8px;
    font-size: 16px;
    color: #007bff;
    transition: color 0.3s ease;
}

.service-table td.action a:hover {
    color: #0056b3;
}

/* Responsive Design */
@media (max-width: 768px) {
    .service-table {
        font-size: 0.9em;
    }

    .service-table th,
    .service-table td {
        padding: 10px;
    }

    .service-table td.image img {
        width: 40px;
        height: 40px;
    }

    .service-table td.action a {
        font-size: 14px;
    }
}



/* Popup styling */
.addnew-popup {
    background: #ffffff;
    max-width: 600px;
    margin: 20px auto;
    padding: 25px;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.addnew-absolute {
    position: absolute;
    z-index: 111;
    top: 25px;
    left: 0px;
}

/* Row styling */
.rowk {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}

.leftk {
    width: 100px;
    font-weight: 600;
    color: #333;
}

.rightk {
    flex: 1;
    margin-left: 15px;
}

/* Form controls */
select.common_blank_class,
input.common_blank_class {
    width: 90%;
    height: auto;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 14px;
    transition: border-color 0.3s;
}

select.common_blank_class:focus,
input.common_blank_class:focus {
    border-color: #4a90e2;
    outline: none;
    box-shadow: 0 0 0 2px rgba(74, 144, 226, 0.1);
}

/* Cost field specific styling */
.costk {
    display: flex;
    align-items: center;
}

.pricek {
    position: relative;
    display: flex;
    align-items: center;
}

.pricekinr {
    margin-left: 10px;
    color: #666;
    font-weight: 500;
}

/* File input styling */
input[type="file"] {
    padding: 10px 0;
}

/* Error messages */
[id^="error_msg_"] {
    color: #dc3545;
    font-size: 12px;
    margin-top: 5px;
}

.save-exit-row {
    display: flex;
    justify-content: center !important;
    gap: 15px;
    margin-top: 10px;
}

#save_dialogbox {
    padding: 10px 25px;
    background-color: #4a90e2;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-weight: 500;
    transition: background-color 0.3s;
}

#save_dialogbox:hover {
    background-color: #357abd;
}

#close_dialogbox {
    padding: 10px 25px;
    background-color: #f5f5f5;
    color: #333;
    text-decoration: none;
    border-radius: 4px;
    font-weight: 500;
    transition: background-color 0.3s;
}

#close_dialogbox:hover {
    background-color: #e5e5e5;
}

#image_preview {
    display: block;
    max-width: 50%;
    height: auto;
    margin: 10px auto;
    border-radius: 50%;
}

/* Responsive design */
@media (max-width: 480px) {
    .rowk {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .leftk {
        margin-bottom: 8px;
    }
    
    .rightk {
        width: 100%;
        margin-left: 0;
    }
    
    .save-exit-row {
        flex-direction: column;
    }
    
    #save_dialogbox,
    #close_dialogbox {
        width: 100%;
        text-align: center;
    }
}

.button-black-promocode {
    background: linear-gradient(to bottom, #444444 1%, #222222 100%);
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    border-radius: 4px;
}

.flex-content-center {
    display: flex;
    justify-content: center;
}

.fw {
    font-weight:100
}

/* Specific styles for user payment list table */
.user-payment-list .check {
    width: 5% !important;
}

.user-payment-list .image {
    width: 10% !important;
}

.user-payment-list .name {
    width: 15% !important;
    text-align: center !important;
}

.user-payment-list .email {
    width: 8% !important;
    text-align: center !important;
    word-break: break-all !important;
}

.user-payment-list .date {
    width: 8% !important;
}

.user-payment-list .phone {
    width: 8% !important;
}

.user-payment-list .view1 {
    width: 15% !important;
}

.user-payment-list .description {
    width: 15% !important;
}

.user-payment-list .option {
    width: 8% !important;
}

/* File upload styling */
.file-upload-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
}

.file-upload-btn {
    display: inline-block;
    background: #1aa1f0;
    color: white;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    margin-right: 15px;
    width: 140px;
    line-height: 30px;
}

.file-upload-btn:active {
    transform: translateY(0);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.file-upload-btn i {
    margin-right: 5px;
}

.file-name {
    color: #666;
    font-size: 14px;
    font-style: italic;
}

/* Remove image button styling */
.remove-image-btn {
    display: inline-block;
    background: linear-gradient(135deg, #ff6b6b 0%, #ee5a52 100%);
    color: white;
    border: none;
    padding: 2px 0px !important;
    border-radius: 4px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    transition: all 0.3s ease;
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    width: 140px;
}

.remove-image-btn i {
    margin-right: 5px;
}

/* Center the edit dialog */
.editPopup {
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    z-index: 1000 !important;
    max-width: 90vw;
    max-height: 90vh;
    overflow-y: auto;
}

/* Align buttons on the same line */
#tax-submit-action {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

#tax-submit-action .btn-gray {
    display: inline-block;
    margin: 0;
}