html,body,select,form,input { font-family:"Arial",Tahoma, sans-serif; font-size: 14px; color: #fff; font-style: normal; font-weight: normal; }
html { background: #0B0F13; padding: 0 0 300px 0; position: relative; width: 100%; margin: 0px;}
body {
    /*fix cleartype*/
    -webkit-font-smoothing: antialiased !important;
    -webkit-text-stroke: 1px transparent;
    text-shadow: 0px 0px 1px rgba(0,0,0,0.05);
    /*end fix cleartype*/
    background:#1C272D ;
    background-size: 100% auto;
    width: 100%;
    padding:0px 0 80px 0;
}
/* For Firefox */
input[type='number'] {
    -moz-appearance:textfield !important;
}
/* Webkit browsers like Safari and Chrome */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}
input[type=text]:disabled { background: #ccc;   -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: no-drop;
}
.focheckbox { text-shadow: none; position: relative; display: inline-block; margin-bottom: 7px; margin-right: 3px; font-size: 13px; line-height: 16px; cursor: pointer; }
.focheckbox b{ border: 1px dashed #333; /*transition: border 0.3s;*/ padding:3px 5px 3px 20px; color: #aaa; width: 100%; display: inline-block; }
.focheckbox:hover b { color: #fff; }
.focheckbox input { position: absolute; left: 5px; top: 1px; z-index: 2;}
.focheckbox input:checked + b { z-index: 1; background: #231800; color: #fff000; border: 1px solid #8E6800;  }

.swal2-overlay {background-color: rgba(0,0,0,.6); }
.fo-facebook-likebox {  position: relative; display: block; }
.fo-circle { border-radius: 50%;}
a,a:hover,a:visited { outline: 0; }
.nobreak { white-space:pre; word-wrap: break-word; }

.panel-body { background:#162026;}

.table { display: table;  width: 100%; margin: 0px; padding: 0px;}
.table .table-row { display: table-row; }
.table .table-cell { display: table-cell; vertical-align: top; padding: 0px; }

.fifaaddict_container { width: 100%; max-width: 1260px; margin: 0 auto; position: relative; }
.fifaaddict_container .rowoverflow {  overflow: hidden;  }

#footer { height: 300px;  width: 100%; padding: 30px 0 0 0; display: block; position: absolute; margin: 0 0 0px 0; bottom:0px; background:#162026 ; z-index: 1;}
#footer a.logo-footer { display: block; width: 200px; height: 131px; background: url('img/fifaaddict_app_icon.png');text-indent:-1000px; overflow: hidden; opacity: 0.1; float: left;}

.fotable { display: table; width: 100%; }
.fotable-row { display: table-row; }
.fotable-cell { display: table-cell; vertical-align: top; }

.foresp { padding: 0 7px; }

.fodropmenu { position: relative; cursor: pointer; }
.fodropmenu .fodroplink {  }
.fodropmenu.open { background: #000;}
.fodropmenu.open .fodroplink,
.fodropmenu .fodroplink:hover  { color: #fff000;}

select.fo-select { padding: 0px 0px; font-size:0.8em ; line-height: 1em;height: 20px; border-radius:0px; width: auto; max-width: 100%; text-align: left; color: #000;  border: 1px solid #fff; box-shadow: 0 0 0 1px #000; text-shadow: none;}
select.fo-select.block { width: 100%;}
select.fo-select option { background: #fff; font-size: 1em;  text-align: left; color: #000; }
option.disabled_nav { padding: 7px 0 0 0; }
input[type=text],input[type=number] ,input[type=text]:focus,textarea,textarea:focus {
    background: #fff; outline: 0; box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.15),0 0 0 1px #000;
}
input[type=text]:focus  {  }
.menu { background:#1b1c1b; margin-bottom: 15px; border-radius: 5px; display: none;}
.menu a { font-size: 1.2em; display: block; line-height: 1em; padding: 10px; color: #fff; font-weight: bold;}
.menu a:hover { text-decoration: none; color: #ffcc00;}

.badge_position { color: #fff; background: #ce7a00; position: relative; z-index: 9;text-transform: uppercase; border-radius: 3px;  font-weight: bold;}
.badge_position_att,.foposcolor_att { background: #c0000b; }
.badge_position_mid,.foposcolor_mid { background: #3da457; }
.badge_position_def,.foposcolor_def{ background: #127cbc; }
.badge_position_gk,.foposcolor_gk { background: #cc9900;}

.fobreadcrumb {font-size: 11px; list-style: none; top:-2px; position: relative; color: #444; z-index: 1; padding:0 50px 0 0; margin: 0px 0 5px; background:transparent;   border-radius: 0px;}
.fobreadcrumb .badge { font-size: 11px; color: #ccc; font-weight: normal;  text-shadow: none; background: #333; border-top: 1px solid #444; padding-bottom: 4px;}
.fobreadcrumb .badge i { font-size: 14px; line-height: 0px; top: 2px; position: relative; right: -2px;}
.fobreadcrumb .badge .text_xs { display: none;}
.fobreadcrumb .league_logo { height: 16px; margin: 0 3px 0 0; position: relative; top: -2px;}
.fobreadcrumb .flagf16{ position: relative; line-height: 0px; display: inline-block; line-height: 0px; }
.fobreadcrumb .flagf16 i { position: relative; top:-2px; }
.fobreadcrumb li { display: inline-block; padding: 0 0px 0 0;  margin: 0px; color:#888;  line-height: 0em; }
.fobreadcrumb a { color: #aaa; font-weight: bold;}
.fobreadcrumb a:hover { color: #fff000;}
.fobreadcrumb .breadcrumb-list:first-child { padding-right: 7px;}
.badge_position_recomment { font-size: 0.9em; border-radius: 3px; font-style: normal;font-weight: bold; padding: 5px;}
@media (max-width: 500px) {
    .fobreadcrumb .badge .text_lg { display: none;}
    .fobreadcrumb .badge .text_xs { display: inline-block;}
}

.navbar-fifa {  background:#0F161A; /*box-shadow: 0 5px 10px rgba(0,0,0,0.4);*/ margin: 0 0 10px 0; border-radius:0px; padding: 0px; height: 40px; display: block; clear: both; position: relative; z-index: 99;}
.navbar-fifa .fifaaddict_container { margin: 0 auto; padding: 0 8px; }
.navbar-fifa .brandwrapper { position: relative; float: left; display: block;}
.navbar-fifa .brand img { width: 100%;}
.navbar-fifa .brand { display: none; width: 50px; padding: 3px 0 0 0;}
.navbar-fifa .brandx { float: left; clear: none; width:150px; margin: 0px; padding: 0px; top:6px; position: relative; z-index: 2;}
.navbar-fifa .brandx img { width: 100%; margin: 0px;}
.navbar-fifa .localebadge { display: block; text-transform: uppercase; font-weight: bold; padding:12px 0px 0 0; height: 23px; width: 25px; overflow: hidden; text-align: center; border-radius: 50%; background: #806000; font-size: 12px;line-height: 0px; position: absolute; right: -30px; top:10px;}

.dropdowntop {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    height: 40px;
    float: right;
    position: relative;
    vertical-align: top;
    font-size: 12px;
}
.dropdowntop .langmenu { padding: 0px; width: 50px; position: relative; background: transparent;border-left: 1px dashed #444;}
.dropdowntop .langbtn { height: 40px; }
.dropdowntop .langbtn:hover { background: #000;}
.dropdowntop .caret { position: absolute; right: 3px; top:16px; z-index: 99;}
.dropdowntop .lang { z-index: 1; text-transform: uppercase; height: 22px; width: 40px; font-size: 12px; text-align: left; line-height: 0px; padding: 4px 0 0 0;  position: absolute; right: 5px; top:8px;  background: #375a7f; background: transparent; color: #fff000; font-weight: bold;}
.dropdowntop .lang .flag { position: relative; top: -1px; margin: 0 2px 0 0;}

.dropdowntop .dropdown-menu {
    -webkit-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.32);
    -moz-box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.32);
    box-shadow: 0px 0px 5px 4px rgba(0,0,0,0.32);
    right: 0px;
    left: auto;
}
.dropdowntop .dropdown-menu li a{ padding: 2px 5px;}
.dropdowntop .dropdown-menu li a .flagf16 { position: relative; top: 1px; margin: 0 2px 0 0;}

.dropdowntop .btn-fo3tax_calculator { background: transparent; padding: 5px 2px 0 5px; opacity: 0.7;}
.dropdowntop .btn-fo3tax_calculator .foicon { display: block; width: 30px; height: 30px; background: url(img/fo3taxcalculator_icon.png); background-position: top;}
.dropdowntop .btn-fo3tax_calculator:hover{ opacity: 1; }

.dropdowntop .btn-toggle-searchform { background: transparent; border: none; padding: 5px 5px 0 5px;  opacity: 0.7; }
.dropdowntop .btn-toggle-searchform .foicon { display: block; width: 30px; height: 30px; background: url(img/fo3search_icon.png); background-position: top;}
.dropdowntop .btn-toggle-searchform.collapsenow .foicon {  background-position: bottom; }
.dropdowntop .btn-toggle-searchform:hover { opacity: 1;}

.dropdowntop .fodropmenu { height: 40px; display: inline-block; margin:0px;  vertical-align: top; border-right: 1px dashed #444; }
.dropdowntop .fodropmenu:hover { background: #000;}

#user_profiletop { padding: 0px 5px 10px 5px; }
#user_profiletop .profile_img { position: relative; top:5px;width: 30px; float: left;}
#user_profiletop .profile_name {  float: left; display: block; white-space:pre; word-wrap: break-word;line-height: 12px; font-size: 12px; padding:8px 0 0 5px; width: 68px; height: 30px; overflow: hidden; font-weight: bold;}
#user_profiletop .profile_name b { display: block; clear: both;  font-size: 11px; font-weight: normal;color: #777;}
#user_profiletop .fodroplink { color: #aaa;}
#user_profiletop.open .fodroplink,
#user_profiletop .fodroplink:hover { color: #fff000;}
#user_profiletop .fa-caret-down { color: #fff000; font-size: 12px; line-height: 0px;}
#user_profiletop .loginlink { color: #8C9091; }
#user_profiletop .loginlink .fa { font-size: 30px; float: left; margin: 5px 0 0 0;}
#user_profiletop .loginlink .login_text { display: inline-block; line-height: 23px; padding: 8px 5px 0 5px; font-size: 18px; font-weight: bold;}
#user_profiletop .loginlink .login_text  b { display: block; clear: both; font-size: 10px; font-weight: normal; color: #fff;}

#user_profiletop .dropdown-menu { padding: 0px; overflow: hidden; border: none; min-width: 240px; cursor: default;  }
#user_profiletop .dropdown-menu li { border-bottom: 1px dashed #444; }
#user_profiletop .dropdown-menu li:last-child { border: none;}
#user_profiletop .dropdown-menu li .list { padding: 5px 7px; font-size: 14px; line-height: 18px;  color: #fff;}
#user_profiletop .dropdown-menu li .list .fa { font-size: 24px; float: left; position: relative; top: -3px; margin-right: 5px;}
#user_profiletop .dropdown-menu li .list.mystafflink  { font-weight: bold; color: #fff000; font-size: 18px; padding: 10px 7px;}
#user_profiletop .dropdown-menu li .list.mysettinglink {  color: #cc9900; font-size: 16px; padding: 10px 7px; cursor: pointer;  }
#user_profiletop .dropdown-menu li .list.mysettinglink .fa { top: -4px;}
#user_profiletop .dropdown-menu li .list.profile_id { display: block;cursor: default; padding:7px 7px; color: #888;}
#user_profiletop .dropdown-menu li .list.profile_id .userlabel { font-size: 16px; text-transform: uppercase;}
#user_profiletop .dropdown-menu li .list.profile_id .userlabel.donator { color: #cc9900;}
#user_profiletop .dropdown-menu li .list.profile_id .userid { background: #111; padding:3px 5px; border-radius: 5px; position: relative; top: -2px; left: 5px;}
#user_profiletop .dropdown-menu li .list.logoutlink { cursor: pointer; padding-left: 50px; text-align: right; float: right; padding: 5px 7px 0px; background: #111;  color: #cc9900;}
#user_profiletop .dropdown-menu li .list.logoutlink:hover { color: #fff000; background: #000;  }
#user_profiletop .dropdown-menu li .list.mysettinglink {  color: #cc9900; font-size: 16px; padding: 10px 7px; cursor: pointer;  }
#user_profiletop .dropdown-menu li a:hover,#user_profiletop .dropdown-menu .list.mysettinglink:hover { color: #fff000; background: #000;}

@media (max-width: 640px) {
    .navbar-fifa .brandx { width: 140px; top: 8px;}
}

@media (max-width: 420px) {
    .dropdowntop #user_profiletop,
    .dropdowntop .langmenu { border: none;}
    .navbar-fifa .brandx { display: none;}
    .navbar-fifa .brand { display: block;}
    .navbar-fifa .localebadge { display: none;}
}

.profiletop { float: right; display: inline-block; background:rgba(0,0,0,0.3); padding: 5px;  margin: 0px 0 0 0px; height: 40px;}
.profiletop .profile_img.small { width: 25px; float: left; border-radius: 3px;}
.profiletop .profile_name { display: inline-block; width: 80px; overflow: hidden; padding: 0 0 0 5px; font-size: 11px; line-height: 12px;}
.profiletop .btn { float: right;}
.profiletop .btn .fa { font-size: 16px;}
.profiletop .dropdown-menu { right: 0px; left: auto;}
.profiletop .loginlink { color: #eee; line-height: 0px; padding: 0px 0px 0px;}
.profiletop .loginlink b { display: inline-block; padding: 0 5px; width: 80px; line-height: 13px; font-size: 12px;}
.profiletop .loginlink .fa { font-size: 28px; position: relative; top: -1px;  }
.profiletop .loginlink:hover {  color: #fff000;}

#main-body { }
.panel-title {font-weight: bold; text-shadow: 0 0px 10px rgba(0,0,0,0.8); }
.panel .panel-heading {  box-shadow: inset 0px -2px 10px rgba(45, 0, 0, 0.4); border-bottom: none;}
#form-search-panel { position: relative; z-index: 1; }
#form-search-panel .addmoreinput { position: absolute; top: 5px; left: 203px;}
#form-search-panel .addmoreinput .fa { font-size: 20px; position: relative; top: -3px; color: #cc9900; cursor: pointer;}
#form-search-panel .addmoreinput:hover .fa { color: #fff000; }

#form-search-panel .panel-body { padding:7px 15px 0; }
#form-search-panel #btn-toggle-searchform { background: #333; border-color: #333; color: #ffff00; text-align: left; font-weight: bold; width: 160px; position: absolute; text-shadow: 0 0 3px rgba(0,0,0,0.8); top: 0px; right: 0px; padding:5px 5px 7px; line-height: 1em;  border-radius: 0 5px 0 0; height: 28px; overflow: hidden;}
#form-search-panel #btn-toggle-searchform i { font-size: 1.4em; line-height: 0em; position: relative; top: 2px; margin: 0px 5px 0 0; }
#form-search-panel #btn-toggle-searchform:hover { color: #ffff00; }
#form-search-panel.panel.panel-default.collapsenow { margin: 0px 0 15px 0; position: relative; }
#form-search-panel .searchform_show { display: none; }
#form-search-panel.collapsenow #btn-toggle-searchform { background: #222; border-color: #222; color: #ffff00;  border-radius: 0 5px 5px 0;  }
#form-search-panel.collapsenow #btn-toggle-searchform b{  display: inline-block; border-bottom: 1px dashed #ffff00;}
#form-search-panel.collapsenow #btn-toggle-searchform:hover { background: #000; border-color:#000;  }
#form-search-panel.collapsenow .searchform_show { display: block; }
#form-search-panel.collapsenow .searchform_hide { display: none; }
#form-search-panel.collapsenow .panel-heading { border-radius: 5px; background: #333; border-bottom: none; }
#form-search-panel.collapsenow .panel-body,#form-search-panel.collapsenow .panel-footer { display: none; }
#form-search-panel button { font-size: 1.1em; font-weight: bold; }

#fo3-searchform .form-group {  margin-top: 0px; margin-bottom:0px;}
#fo3-searchform label { font-size: 0.8em; font-weight: normal}
#fo3-searchform .panel { box-shadow: none; border: none; background: #1e1d1e; margin: 0px 0 7px 0; }
#fo3-searchform .panel .panel-body { padding-bottom: 0px; padding-top: 3px;}
#fo3-searchform .panel .panel-heading { background-image: none;  padding:4px 0 5px 7px; height: 28px; overflow: hidden; }
#fo3-searchform .help-block { font-size: 0.8em; margin-bottom: 7px; color: #888; line-height: 1em;}
#fo3-searchform .help-block b { color: #ccc; }
#fo3-searchform .fotable-cell  {  padding:5px 0px 5px 0px;  }
#fo3-searchform .section_gab { padding-bottom: 5px;}

#server_group { width: 100%; margin: 4px 0 0 0;}
#server_group .server_name { position: relative; color: #ffcd35; font-weight: bold; font-size: 13px;}
#server_group .btn-group { float: left;margin-right: 3px; }
#server_group select { width: 50px; border-radius:0px; height: 20px; font-size: 11px;padding: 0px;  float: left; margin: 1px 0 0 0; }

#fo3-searchform .player_price_wrapper { border: 1px dashed #936f00; padding:3px 5px 5px; margin: 3px 0 0; }
#fo3-searchform .player_price_wrapper .table-cell:first-child  { width: 75px; line-height: 10px;}
#fo3-searchform .player_price_wrapper .table-cell:first-child small { display: block; clear: both; font-size: 10px; color: #888;}
#fo3-searchform .player_price_wrapper input { float: left; width:49%; margin: 0 0 0 1%;}
#fo3-searchform .player_price_wrapper input:first-child { margin: 0 1% 0 0;}
#fo3-searchform .player_price_wrapper .label { display: block; padding-top: 3px; margin: 3px 0 0 0; background: #8c8500;}
#fo3-searchform .player_price_wrapper .label b { color: #fff000; }

#form_player_position { border-bottom:  1px dashed #444; margin: 0px 0 0 0; padding: 0px 0 3px 0;  }
#form_player_position .col-xs-6 { padding-right: 0px; padding-left: 0px;}
#form_player_position .postion_name_event b { display: inline-block; border-bottom: 1px dashed #cc9900; cursor: pointer;}
#form_player_position .postion_name_event:hover b { color: #fff000;}

#fo3-searchform #player_season,
#fo3-searchform #player_teamcolor { border-bottom: 1px dashed #444; padding-bottom: 3px; margin-bottom: 3px; }

#fo3-searchform .pleft,#fo3-searchform .postion_name  {width: 70px; font-size: 0.9em;  line-height: 1.08em; font-weight: bold; color: #ffcd35; overflow: hidden;}
#fo3-searchform .player_liveboost { text-transform: uppercase;}

#fo3-searchform .fo-form-group { margin: 0 5px 0px 0; display: inline-block; }
#fo3-searchform .fo-form-group select.fo-select-search { width: 130px; padding: 0px; margin: 0 2px 0 0; height: 20px; font-size: 0.8em; border-radius: 0;  float: left;}
#fo3-searchform .fo-form-group select.fo-select-search option { font-size: 1em; }
#fo3-searchform .fo-form-group select,#fo3-searchform .fo-form-group input { display: inline-block;}
#fo3-searchform .fo-form-group input[type=text] { float: left;width: 25px; padding: 2px 5px; height: 20px; position: relative; top: 0px; border-radius: 0; }

#fo3-searchform #ability_wrapper .col-xs-6 { padding: 0px;   }

#fo3-searchform .fo-form-bgroup { padding: 7px 0 0;}
#fo3-searchform .fo-form-bgroup .input-name { display: block; float: left; width: 80px; text-align: right; color: #aaa; margin: 0 5px 0 0;}

#fo3-searchform #input_player_name { margin: 3px 0 5px 0;}
#fo3-searchform #input_player_name,#fo3-searchform .input_foclean { height: 26px; border-radius: 0; }
#fo3-searchform .select-player-nation-wrapper { position: relative;  font-size: 0.9em; }
#fo3-searchform #select-player-nation ,
#fo3-searchform #select-player-league ,
#fo3-searchform #select-player-club ,
#fo3-searchform #select-player-continents { height: 23px; padding-top:0px;  border-radius: 0; width: 100%; }
#fo3-searchform #select-player-league option.disabled_nav { font-weight: bold; color: #755800; margin: 8px 0 0 0; padding: 0 0 0 20px; background: #ffdf80;}

#fo3-searchform .panel-footer .fotable-cell  { vertical-align: middle; padding: 0px;}
#fo3-searchform .panel-footer  { padding: 0px; min-height: 0px; margin: 0px;}
#fo3-searchform .panel-footer .fo-form-group { margin: 0px; padding: 0px; /*border: 1px solid #fff;*/ width: 100%; float: left;}
#fo3-searchform .panel-footer #search-submit {  outline: none; margin:4px 0px 5px 0px; font-weight: bold; font-size: 1.2em; padding: 1px 7px 2px; text-shadow: 0 0 3px rgba(0,0,0,0.8); box-shadow:0 0 0 1px rgba(0,0,0,0.30); border-top: 1px solid #ffc411;}
#fo3-searchform .panel-footer #search-submit:hover { border-color:#8a6800; background: #8a6800;  color: #fff000; box-shadow:0 0 0 3px rgba(0,0,0,0.3);}
#fo3-searchform .panel-footer #player_search_limit { float: none;  width: 70px;}
#clear_search_form { font-weight: bold; font-size: 16px; line-height: 0px;color: #ccc; text-decoration: none; background: #333; margin: 0 5px 0 0;}
#clear_search_form:hover { color: #fff000; background: #111; }

#fo3-searchform .player_order_wrapper { padding: 0 0 0 0; display: inline-block; margin: 0px 0 0; float: none;position: relative; bottom: -8px; }
#fo3-searchform .player_order_wrapper .fo-form-bgroup { padding: 0px;}
#fo3-searchform .player_order_wrapper .input-name { font-size: 0.8em; line-height: 0.9em; display: block; clear: both; padding: 0 0 2px 0;}

#fo3-searchform .player_body { position: relative;  }
#fo3-searchform .player_body .row { border-top: 1px dashed #444; padding-top: 5px; margin-top: 5px; padding-bottom: 5px;}
#fo3-searchform .player_body .col-xs-6 { padding: 0px;}

#fo3-searchform .fotable-cell { padding-bottom: 0px;}
#fo3-searchform .player_body .fo-form-group { margin: 1px 5px 0px 0; display: inline-block; }

#fo3-searchform .player_perfcons .fo-input-name { padding-top: 5px;}

#fo3-searchform .linkoption { margin: 0 0 5px 0; }
#fo3-searchform .linkoption .fotable-cell { padding-bottom: 0px; }
#fo3-searchform .linkoption .pleft { padding-top: 9px; }
#fo3-searchform .linkoption a { margin: 0 7px 0px 0;text-shadow: 0 1px #000; text-decoration: none; display: block; background: #7d5f00; color: #fff;float: left; padding:0px 5px 0 0; font-size: 0.8em; line-height: 0.7em; border-radius: 5px; border-top: 1px solid #e8ae00;}
#fo3-searchform .linkoption a b { display: inline-block; padding: 5px; color: #fff000; font-weight: bold; background: #554000; border-radius: 5px 0px 0px 5px; }
#fo3-searchform .linkoption a:hover {  border-color: #111; }

#fo3-searchform .linkoption a.option-best-player { background: #7d0ac2; border-color: #b850f5; }
#fo3-searchform .linkoption a.option-best-player:hover { border-color: #111; }
#fo3-searchform .linkoption a.option-best-player b { background: #5b078d; }

#fo3-searchform label.checkbox-inline {  font-size: 12px; line-height: 11px;display: inline-block !important; float: left;  position: relative; top:1px; font-weight: bold;margin: 0 5px 5px 0; padding: 0;}
#fo3-searchform label.checkbox-inline:hover { color: #fff000;}
#fo3-searchform label.checkbox-inline input { display: none; padding: 0px; margin: 0px;}
#fo3-searchform label.checkbox-inline .fa {  top:1px;  font-size:15px; margin-right: 2px;position: relative;}
#fo3-searchform label.checkbox-inline .check { display: none;}
#fo3-searchform label.checkbox-inline .uncheck { }
#fo3-searchform label.checkbox-inline.active { color: #fff000; }
#fo3-searchform label.checkbox-inline.active .uncheck { display: none; }
#fo3-searchform label.checkbox-inline.active .check { display: inline; }

#skintone_wrapper { padding:3px 0 0 0;}

#fo3-searchform label.checkbox-inline.skintone { width: 20px; height: 18px; position: relative;  margin: 0px; text-align: center;}
#fo3-searchform label.checkbox-inline.skintone .check { position: absolute; top: 1px; left: 3px; color: #775900;}
#fo3-searchform label.checkbox-inline.skintone.active { }
#fo3-searchform label.checkbox-inline.skintone.active .check {  display: inline-block;}

#fo3-searchform label.checkbox-inline.skintone.skintone_color6.active .check { color: #cac000;}
#fo3-searchform label.checkbox-inline.skintone.skintone_color7.active .check { color: #cac000;}
#fo3-searchform label.checkbox-inline.skintone.skintone_color8.active .check { color: #cac000;}
#fo3-searchform label.checkbox-inline.skintone.skintone_color9.active .check { color: #cac000;}
#fo3-searchform label.checkbox-inline.skintone.skintone_color10.active .check { color: #fff000;}

.skintone_color1 { background: #f8dfb2; }
.skintone_color2 { background: #ebc7a1; }
.skintone_color3 { background: #cca87a; }
.skintone_color4 { background: #be8f67; }
.skintone_color5 { background: #b8865d; }
.skintone_color6 { background: #a36f44; }
.skintone_color7 { background: #7d4f38; }
.skintone_color8 { background: #6b4732; }
.skintone_color9 { background: #543828; }
.skintone_color10 { background: #3f2d26; }

.folabelpad .fo-input-name,
.folabelpad .fo-input-name { padding-top: 3px;}

#fo3-searchform #haircolor_wrapper label.checkbox-inline { margin: 0px; text-align: center;  }
#haircolor_wrapper .haircolor { background: #000;  width: 20px; height: 18px; margin: 0px; position: relative; cursor: pointer; text-align: center; float: left; text-shadow: none; }
#haircolor_wrapper label.checkbox-inline .fa {  font-size: 16px; position: relative; top: 2px; color: #fff000; display: none; margin: 0px;}
#haircolor_wrapper label.checkbox-inline.haircolor_color0 .fa,
#haircolor_wrapper label.checkbox-inline.haircolor_color2 .fa,
#haircolor_wrapper label.checkbox-inline.haircolor_color4 .fa { color: #990000;}
#haircolor_wrapper .haircolor b { display: none; width: 80px; height: 80px; position: absolute; background: #000; top: -80px; left: -30px; background: url(img/hairColorScreenShot.png) no-repeat;  border-radius: 5px; }
#haircolor_wrapper .haircolor_color0 { background: url(img/hairColorbg0.png) no-repeat right top; }
#haircolor_wrapper .haircolor_color2 { background: #e7bf79;}
#haircolor_wrapper .haircolor_color3 { background: #473D23;}
#haircolor_wrapper .haircolor_color4 { background: #f3eed3;}
#haircolor_wrapper .haircolor_color5 { background: #b3a276;}
#haircolor_wrapper .haircolor_color6 { background: #866430;}
#haircolor_wrapper .haircolor_color7 { background: #694430;}
#haircolor_wrapper .haircolor_color9 { background: #737374;}
#haircolor_wrapper .haircolor_color12 { background: #a57b58;}
#haircolor_wrapper .haircolor_color13 { background: #ff2626;}
#haircolor_wrapper .haircolor_color2 b {  background-position: -80px 0px; }
#haircolor_wrapper .haircolor_color3 b {  background-position: -160px 0px; }
#haircolor_wrapper .haircolor_color4 b {  background-position: -240px 0px; }
#haircolor_wrapper .haircolor_color5 b {  background-position: -320px 0px; }
#haircolor_wrapper .haircolor_color6 b {  background-position: -400px 0px; }
#haircolor_wrapper .haircolor_color7 b {  background-position: -480px 0px; }
#haircolor_wrapper .haircolor_color9 b {  background-position: -560px 0px; }
#haircolor_wrapper .haircolor_color12 b {  background-position: -640px 0px; }
#haircolor_wrapper .haircolor_color13 b {  background-position: -720px 0px; }
#haircolor_wrapper .haircolor:hover b { display: block;}

.foinput-wrapper { position: relative; padding-left: 70px; padding-bottom: 5px;  }
.foinput-wrapper .fo-input-name { position: absolute; left: 0px; top: 4px; width:67px; font-weight: bold; color: #ffcb35; font-size: 0.9em; line-height: 1.1em;  white-space: nowrap; overflow: hidden;}
.foinput-wrapper .fo-input-name small { position: relative; top: -3px; display: block; clear: both; color: #888;}
.foinput-wrapper.foinput-typetext .fo-input-name { top: -2px; }
.foinput-wrapper .input_text { float: none; top:0px; display: inline-block; font-weight: bold; color: #F50014; border-radius:0; width: auto; height: 18px; line-height: 0px; width: 28px; padding: 0px 2px; text-align: center;}
.foinput-wrapper .input_text_limitthree { width: 35px; text-align: center;}
.foinput-wrapper .input_text_limitone { width:20px; text-align: center;}
.foinput-wrapper .fomeasure_type { position: relative; top: 0px; font-size:12px;}
.foinput-wrapper .foformclearboth { clear: both; width: 100%;}

#fo3-searchform .addbottomspace {  margin-bottom: 5px;}
#fo3-searchform #ability_wrapper .foinput-wrapper { padding-bottom: 0px; }
#fo3-searchform #ability_wrapper .foformclearboth { margin: 2px 0 0 0;}
#fo3-searchform #form_player_ability .addmoreinput { left: 230px;}
#fo3-searchform #player_workrate b{ position: relative; top: 1px; display: inline-block; padding-right: 2px; font-size: 12px;}

@media (max-width: 550px) {
    #fo3-searchform .fixe-col-xs { width: 100%; }
    #fo3-searchform .fixe-col-xs .col-xs-6 { width: 100%; clear: both;}
}

.searchform_hide #fo3-searchform {  display: none;}

.advside_right { margin:0px auto 7px; text-align: center; padding: 0 0 0px 0;}
.advcenter { margin:25px auto 20px; text-align: center; }
.advcenter_top { margin:0px auto 15px;; text-align: center; }
.banner_exchange img{ width: 100%; }

#fodb-search-info { border: none; position: relative; z-index: 3;}
#fodb-search-info .panel-heading { padding:7px 15px;}
#fodb-search-info h4 { font-weight: bold; }
#fodb-search-info b { color: #ffcc00; }
#fodb-search-info .input-share-wrapper { width: 30%; float: left; }
#fodb-search-info .input-share-wrapper .form-control.input-sm.url-for-share { float: left; padding: 0px 10px; height: 26px;background: #222; border-color: #000; color: #cc9900; }
#fodb-search-info .panel-share { font-size: 0.9em; color: #ccc; border-top:1px solid #444; padding: 10px 0 0; }
#fodb-search-info .fo-facebook-likebox  { position: absolute; right: 15px; bottom: 15px; text-align: right;}
#fodb-search-info .fo-facebook-likebox .fb-like { display: block; clear: both; text-align: left;}

.sidebar_right {  border-radius: 5px; padding: 0px 0; text-align: center; }
.player_skillmoves {  color: #fff000;}
.f3player-single { background: #162026;  border-radius:0 0 5px 5px; margin: 0 0 15px 0;}
.f3player { padding: 10px;  text-shadow: 0 1px #000; position: relative; }
.link-watermark { display: block; position: absolute; font-size: 1.8em; letter-spacing: -1px;line-height: 0;color: #fff; opacity: 0.15;  bottom: 8px; right: 8px; text-shadow: none; z-index: 9;}

#position_tab {position: relative;  text-align: left;  z-index: 2;  border-radius:5px 5px 0px; top:0px;  left:0px; background:transparent; border-bottom: none; }
#position_tab .player_position { display: table;  width: 100%;}
#position_tab .player_position .player_position_table_row { display:table-row; }
#position_tab .player_position_list {display: table-cell; position: relative; z-index: 2; text-align: center; font-size: 0.8em; cursor: pointer; padding:3px 1px 10px;  border: 1px dashed #444;  border-right: none; background: #10151d; line-height: 0;}
#position_tab .player_position_list .badge_position { border-top: 1px solid  rgba(255,255,255,0.5); font-size: 10px;display: inline-block; clear: both; text-align: center; float: none; line-height: 15px;padding:1px 4px; margin: 0px 0px 7px; }
#position_tab .player_position_list .badge_position .fa { font-size: 12px; line-height: 0px; position: relative; bottom: 0px; color: #fff000;}
#position_tab .player_position_list i,
#position_tab .player_position_list b { opacity: 0.5;}
#position_tab .player_position_list:hover,
#position_tab .player_position_list.player_position_active i,
#position_tab .player_position_list.player_position_active b { opacity:1; }
#position_tab .player_position_list.player_position_active { background:#162026; border-bottom: none;  }
#position_tab .player_position_list .fa.fa-list-alt { font-size: 16px; border-right: none; border-radius:5px 0px 0px; }
#position_tab .player_position_list:last-child { border-right: 1px dashed #444; border-radius:0px 5px  0px 0px; }
#position_tab .player_position_list .stat_value {  float: none; display: inline-block;}
#position_tab .player_position_list .fa.fa-star { line-height: 0px; margin: 0px; padding: 0px; top: 0px; position: relative; color: #fff000;}
#position_tab span { float:none; }
#position_tab span i { font-style: normal; }

#position_tab .floattop  { float: left; width: auto; position: relative; top: 1px; }
#position_tab .floattop .player_actionlink .fa { font-size: 14px; position: relative; top: -2px; color: #cc9900;}
#position_tab .floattop .player_actionlink,
#position_tab .floattop .player_position_list { color: #888; cursor: pointer; display: block; line-height: 0px; font-size: 12px; border-radius:5px; position: relative; top: 0px; left: 0px; height: 25px; width: auto; border: 1px dashed #444; border-bottom: none; text-align: left; padding:6px 15px 0px 5px; z-index: 1;}
#position_tab .floattop .formationmap_trigger.active i,
#position_tab .floattop .formationmap_trigger.active b { color: #fff000; }
#position_tab .floattop .formationmap_trigger.active b { border-bottom: 1px dashed #cc9900;}
#position_tab .floattop .formationmap_trigger .fmshow,
#position_tab .floattop .formationmap_trigger.active .fmhide { display: none;  }
#position_tab .floattop .formationmap_trigger.active .fmshow { display: block;}
#position_tab .floattop .fotable-cell:first-child {  border-radius: 5px 0 0 0; border: 1px dashed #444; border-right: none;border-bottom: none; padding: 1px 0px 0px 3px; background: #111;}
#position_tab .floattop .fotable-cell .player_actionlink {  border-radius: 0px 0 0 0;  border-right: none;}
#position_tab .floattop .fotable-cell:last-child .player_actionlink { border-radius: 0px 5px 0 0; border: 1px dashed #444; }
#position_tab .floattop .player_actionlink b { position: relative; left: 5px; top: -3px; opacity: 1; color: #cc9900; }
#position_tab .floattop .player_position_list b { position: relative; left: 5px; top: -3px; }
#position_tab .floattop .player_position_list.player_position_active { background: #000; }

.f3player .flagf16 { position: relative;bottom: -1px; }
#position_tab .smallsc_show { display: none;}

.f3player_topinfo { border-radius:5px 5px 0 0;  text-shadow: 0 0px 3px #000; background:#243e13 url("img/bg_reviews_big_resize.png"); position: relative; margin: 0 0 0px 0;z-index: 1; }
.f3player_topinfo .fotable-cell { padding: 42px 10px 3px; }
.f3player_topinfo b {  color: #eee;}
.f3player_topinfo .label_xs { display: none;}
.f3player_topinfo .player_img_cell { width: 110px; min-width: 110px; max-width: 110px;  }
.f3player_topinfo .player_img_cell .player_img_wrapper { width: 92px; min-width: 92px; max-width: 92px; height:92px; min-height: 92px; max-height: 92px; position: relative;}
.f3player_topinfo .player_img_cell .gray_img { -webkit-filter: grayscale(100%); filter: grayscale(70%)  }
.f3player_topinfo .player_img_cell .badged { position: absolute; bottom: 1px;  right:1px; z-index:100; }
.f3player_topinfo .player_img_cell .player_current_number { position: absolute; top: -2px; left:3px; z-index:100; font-size: 18px; text-shadow: none; color: #aaa; letter-spacing: -1px; }

.f3player_topinfo .player_img_cell .toggle_player_face { cursor: pointer; text-shadow: none; position: absolute; background: #0b6a00;  line-height: 0px; bottom: 1px; left:1px; z-index:100; padding:0px 3px; border-radius:10px;}
.f3player_topinfo .player_img_cell .toggle_player_face i { font-weight: normal;font-style: normal; margin: 0px 0 0 0px; line-height: 14px; font-size: 14px; vertical-align: text-top;}
.f3player_topinfo .player_img_cell .toggle_player_face.realface { padding:0px 3px 0px; }
.f3player_topinfo .player_img_cell .toggle_player_face.realface i {
    margin: 0px 0 0 0px;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}
@-moz-document url-prefix() {
    .f3player_topinfo .player_img_cell .toggle_player_face.realface i {
        margin: 0px 0 0 0px;
    }
    .f3player_topinfo .player_img_cell .toggle_player_face { padding:1px 3px;}
    .f3player_topinfo .player_img_cell .toggle_player_face.realface { padding:2px 3px 0px; }
}
.faceswitch { cursor: pointer; }

.f3player_topinfo .player_img { background: #fff; float: left; width: 100%; margin: 0 0px 0 0;}
.f3player_topinfo .stat_foot_cell { width: 43px; padding:0px 0 0 0px; vertical-align: top; }
.f3player_topinfo .stat_foot {  width: 40px; height: 41px; position: relative; top: -2px; left: -3px; margin: 0 0 0 0px;}
.f3player_topinfo .stat_foot .stat_foot_bg { color: #888; text-align: center; overflow: hidden; padding: 5px 0 0 0; font-size: 1.5em; font-weight: bold; width: 20px; height: 41px; background: url("img/foot-player50.png");   background-position: top left;float: left;}
.f3player_topinfo .stat_foot .stat_foot_bg.rightfoot { background-position: top right;}
.f3player_topinfo .stat_foot .stat_foot_bg.rightfoot.footok { background-position: 20px -41px;}
.f3player_topinfo .stat_foot .stat_foot_bg.leftfoot.footok { background-position: 0px -41px; }
.f3player_topinfo .stat_foot .stat_foot_bg.footok  { color: #ffcc00; }

.f3player_topinfo .player_position_recomment {  text-shadow: none; font-weight: normal;  color: #fff; opacity: 0.15;letter-spacing: -2px; font-size:2.5em; text-transform: uppercase; line-height: 1em; position: absolute; top: 25px; right: 10px; z-index: 1;}
.f3player_topinfo .player_position_recomment .stat_value {  color: #fff; font-weight: bold; padding-left: 2px;}
.f3player_topinfo div.player_info { padding:40px 0px 3px;   }
.f3player_topinfo div.player_info .player_info_list { display: block;clear: both; font-size: 0.9em; line-height: 1.4em; padding: 0 0px 0px 0; color: #ccc; }
.f3player_topinfo div.player_info .player_info_list b { color: #fff; }
.f3player_topinfo div.player_info .player_info_list a:hover b { text-decoration: underline; color: #fff000;}
.f3player_topinfo div.player_info .player_info_list .club_crest {  width: 20px; position: relative; top: -3px; left: 0px; margin: 0px; padding: 0px;}
.f3player_topinfo div.player_info .player_info_list .player_nation,
.f3player_topinfo div.player_info .player_info_list .player_club { display: inline-block;  }
.f3player_topinfo div.player_info .player_info_list .flag { position: relative; bottom: 1px;  }
.f3player_topinfo div.player_info .player_info_list.player_body { padding: 1px 5px 1px 0; }
.f3player_topinfo div.player_info h1.player_name {  word-break:  break-all; border-radius:5px 5px 0 0; font-family: 'Arial',Tahoma,sans-serif; font-size: 1.6em; margin: 0px; line-height: 0.6em; position: absolute; top:11px; left: 0px; z-index: 9; padding: 7px 10px 10px 10px; width: 100%;}
.f3player_topinfo div.player_info .player_name a { color:#ffff00; text-decoration: none; font-weight: bold; float: left;}
.f3player_topinfo div.player_info .player_name .badged { top: 1px; margin: 0 3px 0 0; border-radius: 3px;}
.f3player_topinfo div.player_info .player_name .label { font-size:0.6em; position: relative; top: -3px; color: #fff000; background: #000; text-shadow: none;}
.f3player_topinfo .pglink {text-decoration: none; z-index: 9999;font-size: 12px; font-weight: bold; background: rgba(0,0,0,0.5); color: #fff000; text-shadow: none; padding: 2px 5px; border-radius: 3px;  right: 5px; top: 95px;position: absolute;  line-height: 1.1em; }
.f3player_topinfo .pglink .xs { display: none;}
.f3player_topinfo .pglink .fa { font-size:1.2em; margin: 0 3px 0 0;}
.f3player_topinfo .pglink b { position: absolute; bottom: -8px; font-size: 10px; right: 0px; color: #cc9900; background: rgba(0,0,0,0.5); padding: 0 5px; border-radius: 3px;}
.f3player_topinfo .pglink:hover { background: #000; color: #fff000;}

.team_color_label_wrapper { position: absolute; right: 3px; top: -8px; width: 100%; z-index: 10;}
.team_color_label_wrapper .team_color_allstar { float: right; position: relative;}
.team_color_label {
    position: relative; display:inline-block; background: #715500; padding:5px 6px 2px 5px; margin: 0 3px 0 0px; border-radius:0 0 5px 5px; font-size: 11px; line-height: 11px; border-top: 1px solid #936f00;
    -moz-box-shadow: 0px 1px rgba(0,0,0,0.4);
    -webkit-box-shadow: 0px 1px rgba(0,0,0,0.4);
    box-shadow: 0px 1px rgba(0,0,0,0.4);
}
.team_color_label:hover { text-decoration: none; }
.team_color_label.label_season{
    background: #6c0000;
    border-top: 1px solid #b70000;
    position: absolute; top: 0px; left: 10px;
}
.team_color_label.label_season b {  color: #e6ac00;}
.team_color_label.label_season .fa { position: relative; top: -1px; font-size: 20px; margin: 0 3px 0 0; color: #cc9900;}

.team_color_label .badge_text { text-transform: uppercase;color: #fff000; position: relative; font-weight: bold; padding: 5px; background: rgba(0,0,0,0.3); padding:4px 5px 3px 5px; left: -5px; top: -1px; border-radius:0 0 0px 5px;}
/*
.team_color_label.label_14wc { background: #d76b00; border-top: 1px solid #ffb062;}

.team_color_label.label_10u {  background: #006bac; border-top: 1px solid #2fb1ff;}
.team_color_label.label_10u .badge_text { color: #9fdbff; }

.team_color_label.label_08e {  background: #894647; border-top: 1px solid #ca9798;}
.team_color_label.label_08e .badge_text { color: #d7b0b1; }

.team_color_label.label_bp {  background: #216266; border-top: 1px solid #28767A;  }
.team_color_label.label_bp .badge_text,.team_color_label.label_bp .badge_text .fa { color: #eee; }

.team_color_label.label_bpkr { padding-right: 25px;}
.team_color_label.label_bpkr .badge_text,.team_color_label.label_bpkr .badge_text .fa {   }
.team_color_label .minibadge { display: inline-block; position: absolute; font-size: 10px;padding: 3px; right: -23px; top: -3px; background: #0D292B; border-radius: 50%;}
*/
.team_color_label b,.team_color_label i { font-style: normal; }
.team_color_label b { top: -1px; position: relative;}
.team_color_label .fa { margin: 0px; margin-right: 2px; position: relative;top: -1px; font-size: 12px; line-height: 0px; color: #fff000;}

.team_color_label .text { position: relative; top: 0px; color: #f9bb00;}
.team_color_label .text.xs,
.team_color_label .badge_text.xs { display: none;}

.team_color_icon { padding:0px; margin: 0px; border-radius: 100%; line-height: 0px; width: 35px; height:35px; border:2px solid #380000; text-align: center; position: relative;}
.team_color_icon img { margin: 0px; line-height: 0px; width: 100%;}
.team_color_icon .label { display: block; background-color: #000; color: #fff000; border-radius: 50%; width: 17px; height: 17px;padding: 9px 0 0; text-align: center;line-height: 0px; position: absolute; top: 0px; right: -7px;}

@media (max-width: 500px) {
    .team_color_label_wrapper .team_color_allstar { top: -5px; }
    .team_color_label_wrapper .team_color_allstar.iconlong .team_color_icon {  width: 30px; height:30px; }
    .f3player_topinfo .pglink { top: 110px;}
    .f3player_topinfo .pglink .xs,
    .team_color_label .text.xs,
    .team_color_label .badge_text.xs { display: inline; }
    .f3player_topinfo .pglink .lg,
    .f3player_topinfo .pglink b,
    .team_color_label .text.lg,
    .team_color_label .badge_text.lg { display:none; }
}

.f3player_topinfo div.player_info .player_skillmoves { float: left; left: -1px; font-size: 1em; position: relative; padding: 2px 4px 0 0;}
.f3player_topinfo div.player_info .player_skillmoves span { display: none; font-size: 0.9em; position: relative; top: -1px; color: #ccc;}
.f3player_topinfo div.player_info .player_skillmoves .fa.fa-star { position: relative; top: -1px; font-size: 13px; color: #fff000;}
.f3player_topinfo div.player_info .badge_position { color: #fff000; font-style: normal; font-weight: bold; padding:1px 5px 1px; text-align: center; font-size: 11px; margin: 0 3px 0 0; border-top: 1px solid rgba(255,255,255,0.3); box-shadow:0 0 0 2px rgba(0,0,0,0.4); }
.f3player_topinfo div.player_info .player_position { padding-top: 2px;}
.f3player_topinfo div.player_info .player_position .player_position_list { padding: 0 6px 0 0; font-size: 11px; line-height: 16px;}
.f3player_topinfo .player_info_table { position: relative; z-index: 999;}
.f3player_topinfo .player_price  { display: block; position: relative; top: 2px;  z-index: 999; float: left; text-align: left; line-height: 12px;}
.f3player_topinfo .player_price label { font-size: 0.9em; display: none; color: #ccc;font-weight: normal; margin: 0px; padding: 0 3px 0 0; }
.f3player_topinfo .player_price div { display: inline-block; }
.f3player_topinfo .player_price b { font-size: 12px; display: inline-block; padding-right: 5px; color: #fff000;}
.f3player_topinfo .player_price .enchanttxt { color: #fff; padding: 0 0 0 2px; font-weight: normal;}
.f3player_topinfo .player_price .flagf16 { position: relative; top: 1px; margin: 0 2px 0 0;}
.f3player_topinfo.f3player_vs .player_price { left: -45px; width: 120%;}

 .f3player_topinfo div.player_info .player_name img { margin: 0 5px 0 0; position: relative; top: -2px;}

#player_price_bar { display: block; clear: both; width: 100%; margin-bottom:4px; padding-top: 2px;}
#player_price_bar .inner { float: left; padding-right: 140px;}
#player_price_bar .player_price  { display: block; position: relative; top: 2px;  z-index: 999; float: left; text-align: left; line-height: 12px;}
#player_price_bar .player_price label { font-size: 0.9em; display: none; color: #ccc;font-weight: normal; margin: 0px; padding: 0 3px 0 0; }
#player_price_bar .player_price div { display: inline-block; }
#player_price_bar .player_price b { font-size: 11px; display: inline-block; padding-right: 5px; color: #fff000;}
#player_price_bar .player_price .enchanttxt { color: #fff; padding: 0 0 0 2px; font-weight: normal;}
#player_price_bar .player_price .flagf16 { position: relative; top: 1px; margin: 0 1px 0 0;}

.player_market_wrapper { position: relative;z-index: 1;}
.player_market_wrapper h4 { text-align: center; padding: 0px; margin: 0px 0 5px 0;}

#player_price_table { font-size: 12px; border-bottom: 2px solid #0e2d61;border-top: 1px solid #1c5ac1; position: relative; z-index: 2;}
#player_price_table .att { width: 70px; text-align: center;}
#player_price_table .grade { width: 50px; text-align: center;}
#player_price_table .price {  text-align: right;}
#player_price_table th { background: #0e2d61; padding: 5px 5px; }
#player_price_table th .flagf16 { position: relative; top:-1px;}
#player_price_table td { padding: 5px 5px;}
#player_price_table>tbody>tr:nth-child(odd)>td,
#player_price_table>tbody>tr:nth-child(odd)>th {
   background-color: #141414;
 }
.player_price_link_wrapper { position: absolute; right: 0px; top:6px; display: none;}
.player_price_link_wrapper .player_price_menu { padding: 0 0px 0; text-align: right; float: right; font-size: 11px; line-height: 12px; background: #121212;  border-radius: 5px 5px 0 0; }
.player_price_menu .pricelist_link:first-child.active  { border-radius: 5px 0px 0 0; }
.player_price_menu .pricelist_link:last-child.active  { border-radius: 0px 5px 0 0; }
.player_price_menu .pricelist_link { border: none; cursor: pointer;display: inline-block; line-height: 0px; padding: 2px 2px 5px; margin: 0px;}
.player_price_menu .pricelist_link b { color:#ccc; position: relative; top: 2px;}
.player_price_menu .pricelist_link.active { color: #fff000; background: #463500;}
.player_price_menu .pricelist_link.price_kr { display: none;}

@media (max-width:615px) {
    .player_price_link_wrapper  { display: block;}
    .player_market_wrapper h4 { text-align: left; position: relative; top: 5px;}
    #player_price_table .price {  display: none;}
    #player_price_table .price.active_kr { display:  table-cell;}
}
@media (max-width:385px) {
    .player_price_menu .pricelist_link.price_kr { display: inline-block;}
}
.pricelink {position: relative; z-index: 10; display: inline-block;color: #fff000; text-shadow: none; cursor: pointer; float: left;padding: 2px 5px 3px;background: #004080; border-top:1px solid #0063c6;border-bottom:1px solid #000; line-height: 12px;font-size: 14px;  border-radius: 5px; margin: 0 5px 0 0; top:1px;}
.pricelink .fa-money { font-size: 14px; margin: 0 3px 0 0; }
.pricelink .fa-play-circle { position: relative; top: -2px; font-size: 11px; }
.pricelink b { font-size: 11px;  position: relative; top: -1px;  }
.pricelink:hover { color: #fff000; text-decoration: none; background: #000; border-bottom:1px solid #000; border-top:1px solid #000;}

.pricelink.goback { font-size: 14px; padding: 2px 5px 3px; background: #c40000; border-top:1px solid #ff4111;}
.pricelink.goback  b { font-size: 11px;  position: relative; top: -1px; text-transform: uppercase; padding: 0 2px 0 5px; }
#pricecomment { padding: 5px 5px 0;}
#pricecomment p { font-size: 12px; color: #cc9900;}
@media (max-width: 530px) {
    #f3player_single_wrapper .f3player_topinfo .player_price { position: relative; left: -154px; width: 160%;}
}
@media (max-width: 430px) {
    .f3player_topinfo .player_img_cell { width: 95px; min-width: 95px; max-width: 95px;  }
    .f3player_topinfo .player_img_cell .player_img_wrapper { width: 80px; min-width: 80px; max-width: 80px; height:80px; min-height: 80px; max-height: 80px; position: relative;}
    .f3player_topinfo .player_position .player_position_list { display: block; width:60px; float: left;margin: 0 0 5px 0;}
    .f3player_topinfo div.player_info .player_info_list .club_crest {  left: -2px;}
    #f3player_single_wrapper .f3player_topinfo .player_price {  left: -128px;  }
}

@media (max-width: 350px) {
    .f3player_topinfo div.player_info {  }
    .f3player_topinfo div.player_info .player_name {  }
}

@media (max-width: 600px) {
    .f3player_topinfo .player_position_recomment  { font-size: 2em; }
    .f3player_topinfo .link-watermark  { font-size: 1.2em; bottom:6px;}
}

.player_stat_list_wrapper {
    position: relative;
    line-height: 14px;
    -webkit-columns: 3  ;
    -moz-columns: 3 ;
    columns: 3 ;

    -webkit-column-gap: 5px;
    -moz-column-gap: 5px;
    column-gap: 5px;

    -webkit-column-rule: 1px dashed #333;
    -moz-column-rule: 1px dashed #333;
    column-rule: 1px dashed #333;
}
.player_stat_list_wrapper .spinner{margin:70px auto 0; width: 100%; position: absolute; text-align:center; min-height: 150px;}

@media (min-width: 1300px) {
    .formationmap_hide .player_stat_list_wrapper {
        -webkit-columns: 4;
        -moz-columns:4;
        columns: 4;
    }
}

@media (max-width: 1200px) {
    .player_stat_list_wrapper {
        -webkit-columns: 2  ;
        -moz-columns:2 ;
        columns: 2  ;
    }
    .formationmap_hide .player_stat_list_wrapper {
        -webkit-columns: 3;
        -moz-columns:3;
        columns: 3;
    }
}
@media (max-width: 980px){
    .player_stat_list_wrapper {
        -webkit-columns: 3  ;
        -moz-columns:3 ;
        columns: 3  ;
    }
    .formationmap_hide .player_stat_list_wrapper {
        -webkit-columns: 4;
        -moz-columns:4;
        columns: 4;
    }
}

@media (max-width: 660px) {
    .player_stat_list_wrapper {
        -webkit-columns: 2  ;
        -moz-columns:2 ;
        columns: 2  ;
    }
    .formationmap_hide .player_stat_list_wrapper {
        -webkit-columns: 3 ;
        -moz-columns:3 ;
        columns: 3  ;
    }
}
@media (max-width: 480px) {
    .player_stat_list_wrapper {
        -webkit-columns: 1  ;
        -moz-columns:1 ;
        columns: 1  ;
    }
    .formationmap_hide .player_stat_list_wrapper {
        -webkit-columns: 3 ;
        -moz-columns:3 ;
        columns: 3  ;
    }
    #fo3-searchform .player_body .col-xs-6 { display: block; width: 100%;clear: both;}
}

@media (max-width: 320px) {
    .player_stat_list_wrapper,
    .formationmap_hide .player_stat_list_wrapper{
        -webkit-columns: 1  ;
        -moz-columns:1 ;
        columns: 1;
    }
}

.player_stat_inner { border: 1px dashed #444; padding: 6px 5px 5px; border-radius:0 5px 5px; margin:0px 0 0; position: relative; z-index: 1; top:-2px;}
.player_stat .stat_list { font-size: 13px; display: inline-block; position: relative; width: 100%;  margin: 0px; padding:0px 4px 2px; height: 18px; line-height: 18px;}
.player_stat .stat_list .clearfix {}
.player_stat .stat_list_nav { height: 14px; margin: 0 0 5px 0; border-bottom: 1px dashed #333;}
.player_stat .stat_name { display:block; float: left; width: 90px; overflow: hidden; white-space:pre; word-wrap: break-word; }
.player_stat .stat_value,.player_stat .stat_value_h { display:block; float: right; }
.player_stat.stat_value.player_stat_color_4,
.player_stat .stat_value.player_stat_color_4,
.player_stat.stat_value.player_stat_color_5,
.player_stat .stat_value.player_stat_color_5 { font-weight: bold;  }
.player_stat .stat_list.active {   background: #10151D; border-radius: 5px;}
.player_stat .stat_list.perfcon .stat_name { width: 100px; overflow: hidden; white-space:pre; word-wrap: break-word;}
.player_stat ul { font-size: 0.9em; line-height: 1.5em; float: left; border-right: 1px dashed #333; list-style: none; padding: 0px 20px 0 0; margin: 0px 20px 0 0px; }
.player_stat ul:last-child { border: 2px solid #000; margin: 0px 0px 0 5px}

.player_stat_color_1 { color: #687c80;}
.player_stat_color_2 { color: #bcbfbf;}
.player_stat_color_3 { color: #fff;}
.player_stat_color_4 { color: #3d7dd5;}
.player_stat_color_5 { color: #0070c0;}
.player_stat_color_6 { color: #ba8cb1;}
.player_stat_color_7 { color: #7a3ac0;}
.player_stat_color_8 { color: #fff700;}

select#player_enchant ,
select#player_level,
select.player_enchant,
select.player_level { width: 50px;  font-size: 0.9em; display: inline-block;  }
select#player_level,
select.player_level { width: 60px; }

.f3player .enchant_select_wrapper { display: inline-block; float: left; padding: 0px 5px 0px 0;}
.f3player .enchant_select_wrapper select.fo-select {  height: 18px; font-size: 12px !important; }
.f3player .enchant_select_wrapper select.fo-select option {   }

.trait { background: #1C1600; border-radius:5px; margin:0px 0 0; padding: 5px 10px; color: #ccc; text-align: left; position: relative;}
.trait label { display: inline-block; color: #000; font-weight: bold;font-size: 0.9em; margin: 0 3px 0 0; padding:3px 10px 2px; background: #75ad0c; text-shadow: none; border-radius: 3px; }
.trait .list { display: inline-block; width: 100%; border-bottom: 1px dashed #333; padding: 3px 0px; font-size:13px; line-height: 16px; text-wrap: normal; white-space: pre-line;}
.trait .list:last-child {  border-bottom:none;}
.trait b { color: #cc9900; display: inline-block; padding-right: 5px;}
.trait b.hl { color: #fff000; font-weight: bold; }
.trait .list.hd { color: #666; text-shadow: none}
.trait .list.hd b,
.trait b.hd { color: #777; text-shadow: none}

.trait.sm { line-height: 14px; padding: 5px 7px 5px; margin:5px 0 0px; border-radius:5px; }
.trait.sm label { padding:3px 6px 2px; left: -2px; position: relative;  }
.trait.sm b { font-size: 12px; font-weight:  normal; padding-right: 2px;}

.speciality { margin-top: 0px; background: #031521; position: relative;}
.speciality label {  background: #6aaaf9;}
.speciality .spbadge { width: 35px; float: left; position: relative; left: -2px;}
.speciality .list { border-bottom: 1px dashed #3B3021; padding: 3px 0px;}
.speciality .list:last-child { border-bottom:none; }

.lpbonusteam { background: #031521; }
.lpbonusteam label { background: #1d3163; color: #e2a539;}
.lpbonusteam a { display: inline-block;}
.lpbonusteam a b { border-bottom: 1px dashed #cc9900;}
.lpbonusteam a:hover b { color: #fff000;}
.lpbonusteam img { width: 20px; }

.toggleMore { z-index: 9; display: block; bottom: -10px; right: 7px; width:29px; height: 29px; line-height: 0px;text-align: center; background: #031521; cursor: pointer;  padding: 0px 0 0 0; position: absolute;  border-radius:45px; font-size: 12px; font-weight: bold;}
.toggleMore.active {  background: #031521;  }
.toggleMore .less,.toggleMore.active .more { display: inline-block; }
.toggleMore.active .less,.toggleMore .more { display: none;}
.toggleMore .fa { color: #cc9900; font-size: 2em; position: relative; top: 3px; z-index: 2;}
.toggleMore:hover .fa { color: #fff000;}
.toggleMore  b { animation: moreTextBlinker 1s linear infinite; z-index: 1;display: block; width: 15px; height: 15px; text-align: center; border-radius: 50%; line-height: 0px; position: absolute; top: -5px; right: -5px; line-height: 12px; color: #fff; text-shadow: none; padding: 2px 0 0 0; }
@keyframes moreTextBlinker { 50% { opacity: 0.2; } }

.player_trai_exp { margin:10px 0 10px 0;}
.player_trai_exp .trait { border-radius:0 0 5px 5px; }
.player_trai_exp .labeltext { font-weight: normal; font-size: 12px;display: inline-block; background:rgba(0,0,0,0.2); padding: 2px 7px; border-radius: 3px; margin-right: 3px; color: #aaa;}
.player_trai_exp .nav-tabs .active .labeltext { background:rgba(0,0,0,0.7);  }
.player_trai_exp .nav-tabs { border-bottom: 1px solid #444;}
.player_trai_exp .nav-tabs li {   }
.player_trai_exp .nav-tabs li.active a { border: 1px solid #444; border-bottom: none; }
#market_price { background: #111; }

.market_triggler #player_price_bar ,
.market_triggler #player_price_bar .player_price_kr { padding: 0px; margin: 0px;display: inline-block; clear: none; }

.player_trai_exp .nav-tabs a { height: 27px; padding: 2px 7px 0px 3px; color: #aaa; font-weight: bold; outline: 0; }
.player_trai_exp .nav-tabs .active a,
.player_trai_exp .nav-tabs .active a:hover,
.player_trai_exp .nav-tabs .active a:focus {  color:#fff000; outline: 0; font-weight: bold;}
.player_trai_exp .nav-tabs .trigger_specialities.active a { background:#031521;}
.player_trai_exp .nav-tabs .trigger_traits.active a {  background:#1C1600; }
.player_trai_exp .nav-tabs .trigger_price.active a {  background:#111; }
.player_trai_exp .spinner {margin: 20px auto 30px; }

.workrate { font-size: 12px; position: relative; height:28px; max-width:170px; margin: 0 auto; }
.workrate small { color:#cc9900; position: absolute;}
.workrate .fa { font-size:20px; line-height: 0px;  color:#8F310B; margin: 0 3px 0 0; position: relative;bottom: -2px; }
.workrate span { color:#8F310B;  line-height: 8px;display: block; font-size: 12px; letter-spacing: -0.5px;padding:4px 5px; border-radius: 5px; background: #facab6; float: left; text-shadow: none; }
.workrate span.def { background: #acd5fd;  color:#076FD2; float:right;  }
.workrate b { display: inline-block; padding: 4px; border-radius: 5px; background: #fff; color:#8F310B; text-shadow: none; font-size: 13px; letter-spacing: 1px; }
.workrate span.def b,
.workrate span.def .fa { color:#076FD2; }

#formation_map { background: url("img/formation_map2016.png") top left  no-repeat; background-size: contain;width: 170px; height: 278px; position: relative; text-align: center;}
#formation_map .zone { opacity: 1; overflow: visible; position: relative;  }
#formation_map .zone .zone_circle { width:26px; height: 26px; overflow: visible; position: absolute; border-radius: 50%; background-color:  #222; background:rgba(0,0,0,0.4); text-align: center;}
#formation_map .zone .zone_circle .stat_value { font-size: 13px; float: none; color: #666; font-weight: bold; display: inline-block; padding: 4px 0 0 0; text-align: center;}
#formation_map .zone_att { height: 30%;   }
#formation_map .zone_mid { height: 40%; }
#formation_map .zone_df { height: 20%; }
#formation_map .zone_gk { height: 10%;  }

#formation_map .zone.zone_att .zone_circle.player_position_active { background: #c0000b; }
#formation_map .zone.zone_mid .zone_circle.player_position_active { background: #3da457; }
#formation_map .zone.zone_df .zone_circle.player_position_active { background: #127cbc; }
#formation_map .zone .zone_circle.player_position_active .stat_value { color: #ddd; font-size: 15px;  padding: 3px 0 0 0; }
#formation_map .zone .zone_circle.player_position_recom {  box-shadow:0 0 0px 3px rgba(0,0,0,0.5);}
#formation_map .zone .zone_circle.player_position_recom .stat_value { color: #fff000; font-size: 17px; padding: 1px 0 0 0;}

#formation_map .zone .zone_circle.st { left: 72px; top: 20px;}
#formation_map .zone .zone_circle.lw { left: 10px; top: 32px;}
#formation_map .zone .zone_circle.rw { right: 10px; top: 32px;}
#formation_map .zone .zone_circle.lf { left: 40px; bottom: 0px;}
#formation_map .zone .zone_circle.rf { right: 40px; bottom: 0px;}
#formation_map .zone .zone_circle.cf { left: 72px; bottom: 0px;}

#formation_map .zone .zone_circle.lm { left: 10px; bottom: 42px;}
#formation_map .zone .zone_circle.rm { right: 10px; bottom: 42px;}
#formation_map .zone .zone_circle.cam { left: 72px; top: 10px;}
#formation_map .zone .zone_circle.cm { left: 72px; bottom: 42px;}
#formation_map .zone .zone_circle.cdm { left: 72px; bottom: 4px;}

#formation_map .zone .zone_circle.lwb { left: 10px; bottom: 45px;}
#formation_map .zone .zone_circle.rwb { right: 10px; bottom: 45px;}
#formation_map .zone .zone_circle.lb { left: 10px; bottom: 16px;}
#formation_map .zone .zone_circle.rb { right: 10px; bottom: 16px;}
#formation_map .zone .zone_circle.cb { left: 72px; bottom: 24px;}
#formation_map .zone .zone_circle.sw { left: 72px; bottom: -6px;}
#formation_map .zone .zone_circle.gk { left: 72px; bottom: -5px;}
#formation_map .btninmap { margin: 5px 0 0 0; text-shadow: none; color: #0a3274; font-weight: bold; position: absolute; bottom:3px; right:3px; width:28px; height: 25px;}
#formation_map .btninmap .title { display: none; }
#formation_map .btninmap .fa { display: inline-block; font-size: 1.5em; position: relative; bottom: -1px; left: -1px; color: #fff;}

.f3player .formation_map_cell { width: 180px;min-width: 180px;max-width: 180px;padding: 0 0 0 10px;position: relative; visibility: visible; }

.fomation_small_sc,
.formationmap_hide .formation_map_cell,
.formationmap_hide .fomation_small_sc {  display: none;}
.formationmap_hide #formation_map {  }

#market_price_flag { position: absolute; left:  0px; bottom: 5px; text-align: right;  width:100%;}
#market_price_flag .title { width:40px; overflow: hidden;float: left;text-align: center; display: inline-block; font-size: 13px; line-height: 11px;  padding:0px 0px 0 0; position: relative; }
#market_price_flag .title b { font-size: 11px; font-weight: normal; color: #cc9900;}
#market_price_flag .title .nosort { display: block; clear: both;}
#market_price_flag .flag_list { display: block; float: left; cursor: ns-resize; margin-right: 2px;border-radius: 5px; background:rgba(0,0,0,0.3); padding: 3px 4px 2px; text-align: center; }
#market_price_flag .show_all_price.flag_list  { line-height: 14px; font-size: 12px;}
#market_price_flag .flag_list:hover { background:rgba(0,0,0,1);}
#market_price_flag .flag_list .flag16 { margin: 0px; padding: 0px; display: inline-block;   }
#market_price_flag .flag_wrapper { text-align: left;}
#market_price_flag .asc_sort ,
#market_price_flag .desc_sort { display: none;}
#market_price_flag.asc .asc_sort { display: block;}
#market_price_flag.desc .desc_sort { display: block;}
#market_price_flag.asc .nosort,
#market_price_flag.desc .nosort { display: none;}
.show_all_price .h { display: none;}
.show_all_price.active .h { display: inline;}
.show_all_price.active .s { display: none;}

#fo3-single-result .show_all_price { display: inline-block ; background: #9d7600; padding: 1px 7px; border-radius: 5px; color: #000; text-shadow: none;cursor: pointer;}
#fo3-single-result .player_toggle { display: none; }
#fo3-single-result .player_toggle.show_row { display: table-row; }
#fo3-single-result .more_player_toggle { cursor: pointer; text-align: center; display: block; padding: 3px 0; background: #775900; border-top: 1px solid #9b7500; border-radius: 0 0 5px 5px; margin: 3px; font-size: 12px; font-weight: bold; line-height: 12px; color: #fff000; }
#fo3-single-result .more_player_toggle .text_more { display: inline-block;}
#fo3-single-result .more_player_toggle .text_less { display: none;}
#fo3-single-result .more_player_toggle.showless .text_more { display: none;}
#fo3-single-result .more_player_toggle.showless .text_less { display: inline-block;}

#player_reviews .wrapper { width:100%;}
#player_reviews .right { background: #111; border-radius: 0 5px 0px 0px; position: relative;}
#player_reviews .left { width: 140px; background: #2B2B2B; }
#player_reviews #useract_reviews { position: absolute; bottom: 0px; left:0px; width: 100%; z-index: 1;}
#player_reviews .rateresult_trigger { padding: 7px 0px 7px 7px; opacity: 0.3;}
#player_reviews .rateresult_trigger.active {
    background: #111;
    opacity: 1;
    -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.38);
    -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.38);
    box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.38);
}
#player_reviews .rateresult_trigger .title { font-weight: bold; color: #888;}
#player_reviews .rateresult_trigger .title .fa { margin:0 3px 0 0;}
#player_reviews .reviews_list { display: none; padding: 7px; word-break: break-all;}
#player_reviews .reviews_list .title { position: relative; font-size: 14px; line-height: 14px; font-weight: bold; color: #888; display: block; margin: 0 0 5px 0; padding: 3px 0 3px 0; border-bottom: 1px solid #444;}
#player_reviews .reviews_list .title .label { position: absolute; right: 0px;}
#player_reviews .reviews_list.active { display:block; }
#player_reviews .alert-warning { background: transparent; border:1px dashed #523D00; color: #cc9900; font-weight: bold; text-align: center; margin: 0px;}

.reviews_barchart .table td { vertical-align: middle;padding: 0px;  line-height: 11px;}
.reviews_barchart .labeltitle {font-weight: bold; color: #888;  width:18px; letter-spacing: -1px; padding-left: 0px; text-align: right; font-size: 11px; }
.reviews_barchart .labeltitle .fa { margin:0 0 0 2px; color: #fff000;}
.reviews_barchart .table tr td.bar { padding: 0px 0px 2px 3px;}
.reviews_barchart .table tr td .bar_wrapper { background: #222; padding: 1px; border-radius: 5px; width: 100%;height: 18px; }
.reviews_barchart .graphbar { padding: 3px;height: 100%; background: #cc9900; border-radius: 3px; font-size: 10px;}
.reviews_barchart .graphbar b { display:inline-block; padding: 2px 5px; font-size: 10px; line-height: 10px; top: -2px; left: -1px; position: relative; background: #990000; color: #fff; text-shadow: none;  border-radius: 3px; }

.pleaselogin { text-align: center; border-top:2px dashed #cc9900; padding: 7px 0 15px;}
.pleaselogin .desc { display:block; clear: both; padding: 0 0 5 0; color: #cc9900;}
.pleaselogin .loginlink { line-height: 12px; padding-top: 3px}
.pleaselogin .loginlink .fa { font-size:1.5em; position: relative; bottom: -3px;}

#latest_reviews_single { margin: 12px 0 7px;}
#latest_reviews_single .fotabbtn_wrapper { text-align: left;}
#latest_reviews_single .headtitle { border-right: 1px solid #222; border-bottom: 1px solid #222; height: 26px; float: left; position: relative; font-size: 14px; color: #997300; background: #1a1a1a; padding: 3px 10px 0px 5px; display: inline-block; }
#latest_reviews_single .headtitle:first-child .fa { font-size: 1.2em;}
#latest_reviews_single .headtitle:last-child { border-radius: 0px 5px 0 0; border-right: none;}
#latest_reviews_single .headtitle .fa { font-size:1.2em;}
#latest_reviews_single .iconrank { position: absolute; display: inline-block; left:0px;top: -10px; width: 40px; height: 40px; background: url("img/rank_icon80.png"); background-position: left top;}
#latest_reviews_single .iconrank.mana { background-position: right top; }
#latest_reviews_single .fotabbtn_trigger { font-weight: bold; padding: 3px 10px 0px 40px; cursor: pointer; }
#latest_reviews_single .fotabbtn_trigger.active { border-bottom: 1px solid #111; color: #fff000; background: #111;}
#latest_reviews_single .headtitle:first-child { border-radius: 5px 0px 0 0;  font-size: 14px; padding: 3px 10px 0px 10px;}
#latest_reviews_single .player_info .player_name { display: none;}
#latest_reviews_single .player_info a { color: #666;}
#latest_reviews_single .player_info a b { color: #cc9900; }

@media (max-width: 760px) {
    #latest_reviews_single .headtitle:first-child { display: none;}
}
@media (max-width: 640px) {
    #player_reviews .left { width:100px; display: none; }
}

.reviewform_wrapper { padding: 10px 7px 0px; background: #473A13 url('img/bg_reviews-min.png') left bottom ;  border-radius: 0 0px 5px 5px;  }
.reviewform .recomend_msg { color: #A847FF; font-size: 12px; font-weight: bold;  padding-bottom: 7px;}
.reviewform {  width: 100%;   }
.reviewform .profileimg { width: 100%;}
.reviewform textarea { width: 100%; padding:8px 10px; min-height: 150px; height: 150px; color: #111; resize: vertical;  }
.reviewform .fright_bottom { padding: 3px 0 0 0; text-align: center;}
.reviewform .rule_desc { font-size: 11px; margin: 5px 0 0; padding: 3px 0 0 0; color: #cc9900; border-top: 1px dashed #cc9900;}

#rankmode { float:left; margin-right: 5px;}

#forating { position:relative; display: block; text-align: center; bottom: -1px; padding-bottom: 10px; }
#forating .foradio { opacity: 0.4; background: #111; width: 19px; height: 19px; line-height: 0px; text-align: center; overflow: hidden; padding:3px 0px 0px 0px;  display: inline-block; font-size: 13px; line-height: 0px; margin-right: 2px;  color:#000;}
#forating .foradio .fa {   text-shadow: none; }
#forating .foradio input { display:none; }
#forating .foradio .rate_text  { position: absolute;bottom: 7px; left: 0px; width: 100%; display: none; text-align: center; color: #BF1928; font-weight: bold; letter-spacing: 1px;}
#forating .foradio:hover,
#forating .foradio.active_same,
#forating .foradio.active { opacity: 1; cursor: pointer; color: #fff000; }
#forating .foradio.active .rate_text,
#forating .foradio:hover .rate_text { display: block; }

.submitreviewsbtn {
    -webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.5);
    display:inline-block; width: 143px; height: 45px; background: url(img/rank_btn.png); background-position:-5px -4px; margin: 0 5px 5px; border-radius: 5px; cursor: pointer;
}
.reviewsbtn_wrapper { text-align: center;}
.submitreviewsbtn.rankmana { background-position:146px -4px; }
.submitreviewsbtn:hover {
    -webkit-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.8);
    -moz-box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.8);
    box-shadow: 0px 0px 0px 3px rgba(0,0,0,0.8);
}

.reviewrow { padding:0 0 5px 35px; min-height: 36px; margin-bottom: 5px; position: relative; border-bottom: 1px dashed #333;  word-break: break-all;}
.reviewrow:last-child { border-bottom: none;}
.reviewrow .user_img {width: 30px; position: absolute; left: 0px; top: 0px; z-index: 1; }
.reviewrow .user_name { font-weight: bold; color: #3184D6;}
.reviewrow .desc { font-size: 12px; color: #ccc; }
.reviewrow .star_wrapper { color: #fff000; padding-right: 5px;}
.reviewrow .text { padding-right: 5px; display: inline; text-shadow: 0 1px #000; }
.reviewrow .review_link {display: inline-block; padding: 0px 5px 0px 3px; border-radius: 3px;background: #806000; color: #fff;  font-size: 11px; }
.reviewrow .review_link:hover { background: #990000; color: #fff000;}
.reviewrow .review_link .fa { margin-right: 2px;}
.reviewrow .review_link b { letter-spacing: 1px;}
.reviewrow.shortdesc .review_link { background: #333; border: none;  padding: 1px 5px 0 3px; color: #ccc;}
.reviewrow.shortdesc .review_link:hover { background: #990000; color: #fff000; }
#latestreviewstab .reviewrow { min-height: 36px;  }
#latestreviewstab .reviewrow .user_img { height: 30px; }

.foalert .swal2-content { }
.foalert .swal2-image { width: 80px;border-radius:50%; background: #eee; margin: 0 auto 10px;}
.foalert h2 { font-family:  sans-serif; margin: 5px 0px 10px; line-height: 24px; font-size: 28px; font-weight: bold;}
.foalert h2 .alertname { display:block; clear: both; font-size: 18px; color: #21C100}
.foalert h2 .alert_playername { display:block; clear: both; color: #2290FF; letter-spacing: 1px; line-height: 18px; }
.foalert h2 .alert_playername b { display: block; clear: both; font-size: 14px; color: #21C100; font-weight: normal; }
.foalert h2 .mode { display:inline-block; padding:0 5px; background: #999000; color: #fff; }
.foalert .swal2-validationerror p { margin-bottom: 5px; }

.foalert #forating { width: 100%; }
.foalert #forating .foradio { opacity: 0.4; background: #eee;   }
.foalert #forating .foradio .fa { }
.foalert #forating .foradio:hover,
.foalert #forating .foradio.active_same,
.foalert #forating .foradio.active { opacity: 1; background: #7A1019;   }

.fo3loop { background: #162026; border-top: 2px solid #000; padding:0px 0; border-radius: 5px; color: #ddd; text-shadow: 0 1px #000; position: relative;z-index: 9; margin-bottom: 10px;}
.fo3loop .stat_cell_price { display: none;}
.fo3loop .table-striped { z-index: 1; table-layout: fixed; }
.fo3loop .table-striped>tbody>tr:nth-child(odd),
.fo3loop .table-striped>tbody>tr:nth-child(odd) {
   background-color: #121b21;
 }

.fo3loop .table-striped>tbody>tr:hover td,
#fo3-single-result th.player_stat { background: #0d1317 url(img/bg_linedash.png) repeat-y left;}
.fo3loop .table-striped>tbody>tr:hover td:first-child { background: #0d1317; }

.fo3loop #playerlistable { border-radius: 5px; border: none; }
.fo3loop .table-striped td { padding: 8px 8px 3px; }
.fo3loop #playerlistable_head .labeltext { display: inline-block; margin: 5px 0 0; line-height: 13px;}
.fo3loop #playerlistable_head .labeltext_detail{ display: none; position: absolute; bottom: 5px; left: 5px;}
.fo3loop #playerlistable_head .labeltext.labeltext_sort {  position: relative; font-weight: normal; font-size: 0.85em; cursor: n-resize; display: block; padding: 3px 2px; border-radius: 5px; background:rgba(0,0,0,0.4); margin-bottom: 1px;}
.fo3loop #playerlistable_head .labeltext.labeltext_sort b { font-weight: normal;}
.fo3loop #playerlistable_head .labeltext.labeltext_sort .fa {}
.fo3loop #playerlistable_head .labeltext.labeltext_sort:hover { background:rgba(0,0,0,0.8);  color: #fff000; text-shadow: none;}
.fo3loop #playerlistable_head th{
    font-size: 0.9em;
    color: #ffcc00;
    vertical-align: bottom;
    text-align: center;
    position: relative;
}
.fo3loop #playerlistable_head th:first-child,#fo3-single-result th:first-child {
    text-align: left;
    font-size: 1.1em;
    border-radius: 5px 0 0 0;
    border-left: none;

}
.fo3loop #playerlistable_head th:last-child,#fo3-single-result th:last-child {
    border-radius: 0px 5px 0 0;
    border-right: none;
}
.fo3loop #playerlistable_head th.player_stat { vertical-align: top;  font-size:0.9em; font-weight: normal;}
.fo3loop #playerlistable_clone th { line-height: 0px; border-left:none;}
.fo3loop #playerlistable_clone { border-bottom:2px solid #000; background: #4f3c00;  border-radius: 5px 5px 0 0;}

#fosticky { position: fixed; left: 0px; top:-3px; z-index:10; width: 100%; padding: 0px;margin: 0 auto;}
#fosticky .fo3loop { border: none;}
#fosticky .fo3loop #playerlistable_clone { border-radius:0px;}

#fosticky .fo3loop #playerlistable_clone { box-shadow: 0 5px 20px #000}

.fo3loop td.player_stat { text-align: center;  border: none; /*border-left: 1px dashed #333;*/ background: url(img/bg_linedash.png) repeat-y left; font-size: 0.9em; line-height:0em; vertical-align: middle;   padding-top: 0px; padding-bottom: 0px;}
/*
.fo3loop .table-striped>tbody>tr:nth-child(odd)>td:nth-child(odd),
.fo3loop td.player_stat:nth-child(odd) { background-color: rgba(0,0,0,0.2);  }
*/
.fo3loop .player_stat select.fo-select { font-size: 0.9em; background: #fff; color: #000; text-align: left; }
.fo3loop .player_stat select.fo-select>option { font-size: 1em; }
.fo3loop .player_img_cell { width: 40px; padding: 0 5px 0 0; position: relative;}
.fo3loop .player_img { width: 100%; background: #eee; display: block; float: left; margin: 0 5px 0 0px;}
.fo3loop #playerlistable_head th.player_info { position: relative; vertical-align: top; text-align: center;}
.fo3loop #playerlistable_head th.player_info {  vertical-align: top; text-align: center; }
.fo3loop th.player_info .player_enchant_wrapper  { font-size: 12px; font-weight: normal; text-align: left; position: relative; top: -3px;}
.fo3loop td.player_info { vertical-align: top; padding-left: 5px; padding-right: 0px; position: relative; }
.fo3loop td.player_info .player_img { position: relative; z-index: 2;}
.fo3loop th.stat_cell1,
.fo3loop td.stat_cell1 { width: 50px; min-width: 50px; max-width: 50px; text-align: center; vertical-align:top;  padding:  5px 3px 3px 3px ;}
.fo3loop #playerlistable_head th.stat_cell1 { vertical-align:middle; padding: 25px 3px 3px 3px;  }
.fo3loop th.player_stat,
.fo3loop td.player_stat { width: 50px; min-width: 50px; max-width: 50px; vertical-align: middle; padding:0; text-align: center; }
.fo3loop #playerlistable_clone th.player_stat {  padding:  5px 3px 0px 3px ;   }
#playerlistable .playerlistable_head_hide { display:none; }
#playerlistable.tabledata { position: relative;  }
#playerlistable.makemarginfosticky tr:first-child td {padding-top: 75px; }

.add_compare { opacity: 0.7; text-shadow: none; z-index: 1; text-align: center; cursor: pointer; font-weight: bold; color: #444; font-size:10px;line-height: 0px; background: #111; border: 2px solid #444;  border-radius:5px; padding:1px 2px 1px 3px;}
.add_compare { position: absolute; display: block; width: 38px; height: 19px;}
.add_compare b { float: left; margin:0px 0 0 0; top:7px;position: relative; font-size: 11px; font-weight: bold;}
.add_compare .fa {  float: right; margin: 0px 0 0 3px; font-size: 13px; position: relative; top: 0px;  }
.add_compare .fa.del { display: none;}
.add_compare:hover,.fo3loop .table-striped>tbody>tr:hover td .add_compare:hover { color: #ffff00; }
.add_compare.active { opacity: 1; color: #919100; border-color: #919100; font-weight: normal;  }
.add_compare.active .fa.del { display: inline-block;}
.add_compare.active .fa.add { display: none;}
.fo3loop .table-striped>tbody>tr:hover td .add_compare {  opacity: 1; color: #fff000; border-color: #fff000; }
.fo3loop .add_compare{ left: -2px; top:38px; }
#f3player_single_wrapper .add_compare { top: 0px;  right: 0px; background: transparent;  }
#f3player_single_wrapper .add_compare.active { }
@-moz-document url-prefix() {
    .add_compare .fa { top: -1px; }
}

.fo3loop .label_xs { display: none;}
.fo3loop .player_info_inner_left { position: relative; top: -4px;margin: 0px; padding: 0;  }
.fo3loop .player_info_inner_left .player_info_list { display: block; clear: both; padding: 0;}
.fo3loop .player_info_list.player_name { line-height:1em; height:25px; padding: 6px 0  0px; position: relative; top: 1px; word-break:  break-all;}
.fo3loop .player_name { }
.fo3loop .player_name .badged { float: left; display: inline-block; margin: 0 3px 0 0; position: relative; top:-3px;}
.fo3loop .player_name a { color: #fff; float: left; font-weight: bold; font-size: 1.1em;  text-decoration: none;  display: inline-block; padding: 0px 3px 0 0;}
.fo3loop .player_name a:hover { color: #fff000;  }
.fo3loop .player_info .player_position { padding: 0px; font-size: 0.7em; font-family: sans-serif; font-style: normal;}
.fo3loop .player_info .badge_position {  font-weight: bold;font-weight: bold; font-style: normal; text-shadow: 0 1px #000; border-top: 1px solid rgba(255,255,255,0.5); display: inline-block;  padding: 0 5px; margin: 0 2px 0 0; color: #ccc;}
.fo3loop .player_info .player_position_list { padding: 0 5px 0 0;}

.fo3loop .player_info_list.player_position { display: block; padding: 0px 0px 0 0; margin: 0px; top: 1px; position: relative;  }
.fo3loop .player_info_list.player_price { line-height: 11px;display:inline-block; text-align: left; clear: both; position: relative; top: 0px; padding-bottom: 0px;}
.fo3loop .player_price_value { display: inline-block;}
.fo3loop .player_price_value b { display: none; font-size: 11px; padding-right: 3px; color: #fff000;}
.fo3loop .player_price_value.static b,.fo3loop .player_price_value.active b { display: inline-block;  }
.fo3loop .player_price_value.active b {  }
.fo3loop .player_price .flagf16 { position: relative; top: 1px; margin: 0 1px 0 0;}
.fo3loop .player_price .flagf16:hover {  cursor: pointer;}

.fo3loop .player_info_list.player_skillmoves { display: inline-block; top: 0px; position: relative; padding:0; line-height: 13px; letter-spacing: 1px; font-size: 13px;  }
.fo3loop .player_info_list.player_skillmoves b { letter-spacing: 0px;  font-weight: normal; color: #aaa;}


@media (max-width: 1100px) {
    .fo3loop .stat_cell7 { display: none; }
}
@media (max-width: 1024px) {
    .fo3loop .stat_cell7 { display: table-cell; }
}
@media (max-width: 960px) {
    .fo3loop .stat_cell7 { display: none; }
}
@media (max-width: 920px) {
    .fo3loop .stat_cell7 { display: table-cell; }
}
@media (max-width: 780px){
    .fo3loop .stat_cell7 { display: none; }
}
@media (max-width: 740px){
    .fo3loop .stat_cell6 { display: none; }
}
@media (max-width: 680px) {
    .fo3loop .stat_cell5 { display: none; }
}
@media (max-width: 640px) {
    .fo3loop .stat_cell6 ,
    .fo3loop .stat_cell7 { display: table-cell; }
}
@media (max-width: 580px) {
    .fo3loop .stat_cell6 ,
    .fo3loop .stat_cell7,
    .fo3loop .stat_cell5 { display: none; }
}
@media (max-width: 480px) {
    .fo3loop .stat_cell4 { display: none; }
}
@media (max-width: 440px) {
    .fo3loop .stat_cell3 { display: none; }
}
@media (max-width: 400px) {
    .fo3loop .label_xs { display: inline-block;}
    .fo3loop .label_lg { display: none;}
    .fo3loop .stat_cell1 { display: none; }
    .fo3loop .player_name img { position: relative; top: -2px;}
}

.fo3loop-row-line { display: block; clear: both; margin: 5px 0 5px 0; border-top: 1px solid #0e151d;border-bottom: 1px solid #1e2d3f;}

.fo3loop a.rosterupdate_statchange { background: #666; color: #ccc;  font-size: 14px; text-shadow: none; display: inline-block; position: relative; border-radius: 7px;  padding:1px 3px;  margin: 0 3px 0 0; top: -1px;  }
.fo3loop a.rosterupdate_statchange.statdown { background: darkred; color: #000; }
.fo3loop a.rosterupdate_statchange.statup { background: green; color: #ffff00;  }
.fo3loop a.rosterupdate_statchange.statup:hover,
.fo3loop a.rosterupdate_statchange.statdown:hover,
.fo3loop a.rosterupdate_statchange:hover { background: #ffff00; color: #000; text-decoration: none; }
.fo3loop a.rosterupdate_statchange i {  margin: 0 2px 0 0;}

.rosterupdate_statchange.liveboost { background: #0070ca;  font-size: 14px; line-height: 14px; color: #fff; text-shadow: none; display: inline-block; position: relative; border-radius:7px;  margin: 0 3px 0 0; top: -1px; }
.rosterupdate_statchange.liveboost .fa { margin-right: 2px;}
.player_name .rosterupdate_statchange.liveboost { position: relative; top: -2px;  padding:2px 4px; }

#fo3-single-result { border:1px dashed #313131; margin: 10px 0 0px 0; position: relative;}
#fo3-single-result table { border: none; }
#fo3-single-result th { color: #ffcc00; background: #111;  }
#fo3-single-result th.player_info { font-size: 0.9em; }
#fo3-single-result table.table { margin: 0px;}
#fo3-single-result .player_stat { position: relative; z-index: 5;font-size: 0.9em; font-weight: normal;  padding-top:5px;  }
#fo3-single-result td.player_stat { padding-top: 0px;  }
#fo3-single-result .player_img_cell { position: relative;}
#fo3-single-result .add_compare { top: 38px;}

#fo-tax-form { background: #1b1c1b; }
#fo-tax-form .panel-heading { font-weight: bold; padding:10px 10px; line-height: 1em; font-size: 0.8em; }
#fo-tax-form .panel-heading .panel-title {  margin: 0px;  }
#fo-tax-form { border: none;}
#fo-tax-form #tax_calculator { margin: 10px 0 0 0; }
#tax_calculator .fotable { border: 1px solid #333; border-radius: 5px;}
#tax_calculator .fotable-cell { padding:7px 7px 4px; border-bottom: 1px solid #333; vertical-align: top;}
#tax_calculator .fotable-row:first-child .fotable-cell:first-child { padding-top: 12px; }
#tax_calculator .fotable-row:last-child .fotable-cell { border-bottom: none; vertical-align: middle; }
#fo-tax-form .fotable-row .fotable-cell:first-child { max-width: 100px; width: 100px; text-align: right;  padding-right: 5px; color: #999;}
#tax_calculator label b { display: inline-block;  }
#tax_calculator #tax_commission { font-size: 1.5em; line-height: 0.8em; color: #d50500; display: inline-block; padding:0px 0 0 0;}
#tax_calculator #tax_total_price {  font-size: 2.5em; line-height:1em;font-weight: bold; color: #ffcc00; display: inline-block; }
#tax_calculator #tax_total_price small { display: block; margin: 5px 0 0 1px; padding: 0 0 0 2px;height: 10px; overflow: hidden; clear: both; line-height: 11px;font-size: 11px; font-weight: normal; border-left: 10px solid #444; color: #777;}
#tax_calculator #tax_sellprice { min-height: 80px; width: 100%;padding: 5px; color: #999000;  font-size: 14px; font-weight: bold; border-radius: 5px;  }
#tax_calculator .fotable-row:last-child .fotable-cell { height:70px; overflow: hidden;  }
#tax_calculator .pcbonus { background: #123f68; border-top: 1px solid #4b9ae0; border-bottom: 1px solid #000;}
#tax_calculator .vipbonus { background: #5f1d0e; border-top: 1px solid #e8765e; border-bottom: 1px solid #000;}
#tax_calculator .help-text { margin: 0 0 5px 0; color: #bf8f00; font-size: 14px;}
#tax_calculator .coupon_result:empty,#tax_calculator .bonus_result:empty { display: none;}
#tax_calculator .bonuscoupon_result { display: inline-block; margin-right: 7px; color: #cc9900; line-height: 0em;}
#tax_calculator .focheckboxwrap label { margin: 0 3px 3px 0; }
#tax_calculator .focheckboxwrap label b { position: relative; padding-bottom: 2px; }
#tax_calculator .focheckboxwrap label b u { text-decoration: none; color: #fff;}
#tax_calculator .focheckboxwrap .focheckbox input:checked + b { background: #111; z-index: 1;}
#tax_calculator .focheckboxwrap .focheckbox input:checked + b u { color: #fff000;}


.adv-center-margin { text-align: center; padding: 50px 0;}
.adv_left { text-align: center; padding: 0 0 20px 0;}

@media (max-width: 800px) {
    .adv_left { padding: 0px 0 15px; }
}
#taxform-sidebar { margin: 0 0 15px 0; position: relative; color: #ccc; }
#taxform-sidebar .inner{ background: #162026; padding:2px 7px 7px; border-radius:0 0 5px 5px; font-size: 12px; }
#taxform-sidebar .help-text { margin: 0 0 0px 0; color: #bf8f00; font-size: 12px;}
#taxform-sidebar h3 {  font-size:14px; font-weight: bold; margin: 0px; padding:3px 10px 17px 32px; border-radius:5px 5px 0 0;  background: #162026; text-shadow: 0 0 3px #000; position: relative; }
#taxform-sidebar h3 a {  color: #CE9000;  }
#taxform-sidebar h3 a:hover { color: #ffcc00; text-decoration: none;}
#taxform-sidebar h3 .fa{ font-size:1.8em; position: absolute; left: 5px; top: -3px;}
#taxform-sidebar .help-text { font-size:11px; position: absolute; left: 5px; top: 22px; color: #888; }
#taxform-sidebar #tax_calculator .fotable-row .fotable-cell { padding:3px 3px 3px 5px; vertical-align: top;}
#taxform-sidebar #tax_calculator .fotable { font-size: 12px;}
#taxform-sidebar #tax_calculator .fotable-row .fotable-cell:first-child { width: 60px; min-width: 60px; max-width:60px; text-align: left; padding-right: 0px;}
#taxform-sidebar #tax_calculator .fotable-row:first-child .fotable-cell:first-child { padding-top: 6px; }
#taxform-sidebar #tax_calculator #tax_sellprice { padding:5px 7px 2px; min-height: 23px; height: 23px; line-height: 1em; border-radius: 3px;}
#taxform-sidebar #tax_calculator .focheckboxwrap label b u { display: none;}
#taxform-sidebar #tax_calculator .bonus-cell .focheckboxwrap label { margin-right: 0px; margin-left: -1px;}
#taxform-sidebar #tax_calculator .coupon_discount_wrap .focheckbox b { padding-right: 2px;}
/*
#taxform-sidebar #tax_calculator label b { display: inline-block;  }
#taxform-sidebar #tax_calculator label input { position: relative; top: 1px; left: -1px;}
*/
#taxform-sidebar #tax_calculator #tax_total_price {  font-size: 1.5em; }
#taxform-sidebar #tax_calculator #tax_commission { font-size: 1.2em; }
#taxform-sidebar.taxform-sidebar-active h3 { border-radius: 5px; background: #444; color: #aaa; border: none;}
#taxform-sidebar #tax_calculator .fotable-row:last-child .fotable-cell { padding:0px 3px 0px 5px; height:30px; overflow: hidden;  }
#taxform-sidebar #tax_calculator .fotable-cell.bonus-cell { padding: 5px 0px 0px 5px;}
#taxform-sidebar #tax_calculator .vipbonus,#taxform-sidebar #tax_calculator .pcbonus { padding:1px 5px;}
#taxform-sidebar #tax_calculator .coupon_wrap .coupon { padding: 2px 5px;  line-height: 0px; border: none;}
#taxform-sidebar #tax_calculator .coupon_wrap .rowname,
#taxform-sidebar #tax_calculator .bonus_wrap .rowname { position: relative; top:4px;}
#taxform-sidebar #tax_calculator .coupon_wrap .bonus_result { line-height: 1em; padding:3px 0 2px;}
#taxform-sidebar #tax_calculator .coupon_wrap .checkbox { font-size: 11px; }

#banner_left { position: relative; margin:0 auto 10px; max-width: 285px;}
.banner_title { display: block; padding:0px 7px 0; background: #2c404b; color: #777; font-size: 10px; position: absolute; z-index: 99; left: 0px; top: -7px;}
.banner_link_img img { width: 100%; height: auto; margin-bottom: 5px; }
.banner_list { border: 1px dashed #2c404b; padding: 5px;   }
.banner_link_text  { padding:3px 7px; background: #111; display: block; clear: both; color: #ccc; font-size: 12px; }
.banner_link_text.dark { background: #111; color: #999; margin-bottom: 7px;}
.banner_link_text:hover { color: #fff; background: #000;  text-decoration: none; }
.banner_link_text .fb_pagename { text-decoration: none; color: #fff000;  border-radius: 3px;display: inline-block; clear: both; background: rgba(0,0,0,0.5); padding:2px 5px;}
.banner_link_text .fb_pagename .fa { position: relative; top:0px; font-size: 1.2em;}
.banner_link_text:hover .fb_pagename  { background: rgba(0,0,0,0.8);  }

@media (max-width: 1024px) {
    .taxform-sidebar-wrapper { display: none;}
   #taxform-sidebar .inner { display: none;}
   #taxform-sidebar h3 { border-radius: 5px; }
   #banner_left  { display: none; }
}

#player-compare-cart-wrapper { border: none; position: fixed; bottom: -7px; left: 0px; z-index: 99; width: 100%; padding: 0px; }
#player-compare-cart-wrapper .container-fluid {  position: relative; }
#player-compare-cart  { padding: 4px 5px 10px 5px;  background: #624900; border-radius: 5px 5px 0 0; border-top: 1px solid #9d7600; box-shadow: 0 -5px 15px rgba(0,0,0,0.8) }
#player-compare-cart .fotable-cell:first-child { width: 50px;min-width: 50px;max-width: 50px;}
#player-compare-cart h4 { color: #cc9900; display: block; background: #352800; font-weight: bold; z-index: 1; position: relative;  float: left; padding: 5px 5px 5px 5px; text-align: center; font-size: 13px; border-radius: 5px; margin:0px;}
#player-compare-cart h4 .fa { margin: 0 5px 0 0; }
#player-compare-cart h4 b { font-size: 14px; line-height: 0px;}
#player-compare-cart .prow { position: relative; z-index: 2; padding:2px 2px; vertical-align: top; height: 24px;display: block; margin: 0 3px 3px 0;float: left; border: 1px dashed #888; line-height: 0px; border-radius: 5px;}
#player-compare-cart .player_list { height: 24px; overflow: hidden;}
#player-compare-cart .prow .player_img { float: left; width:18px; margin: 0 3px 0 0; border-radius: 4px;}
#player-compare-cart .prow .btn { float: right; background:transparent; border: none; padding: 0px; margin: 0px; color: #352800; font-size: 16px; line-height: 0px;}
#player-compare-cart .prow .btn:hover { color: #fff000;}
#player-compare-cart .prow .name { float: left; display: block;line-height: 0px; color: #fff; font-weight: bold; font-size: 12px; padding:10px 5px 0 0; margin: 0px;}
#player-compare-cart .prow .name:hover { color: #fff000; text-decoration: none;}
#player-compare-cart .prow .name .badged  { top: -10px; margin: 0 3px 0 0; float: left;}
#player-compare-cart .prow .del_compare { padding:0 2px ; font-size: 18px; }
#player-compare-cart .prow:hover { background: #2f2300; border-color: #aaa200;}
#player-compare-cart .prow:hover .fa { color: #fff000;}
#player-compare-cart .showmore_compare { font-size: 12px; width: 120px;}
#player-compare-cart .comparelink { width: 110px; min-width: 110px; max-width: 110px;  }
#player-compare-cart .comparelink .btn { border: none; border-top: 1px solid #fff000; text-shadow: 0 1px #000;}
#player-compare-cart .comparelink .clear-compare { float: right; background: #333; border-top: 1px solid #888; color: #ccc;}
#player-compare-cart .comparelink .clear-compare:hover { color: #fff000; background: #000; border: none; padding-top: 2px;}
#player-compare-cart .comparelink .goto-compare { float: left; background: #999000; color: #fff; font-weight: bold;}
#player-compare-cart .comparelink .goto-compare:hover {  color: #fff000; background: #2b2800; border: none; padding-top: 2px; }
#player-compare-cart .comparelink .goto-compare .fa { font-size: 16px; position: relative; top: 1px; margin: 0 3px 0 0;}
#player-compare-cart .showmore_compare { width: 70px; min-width: 70px; max-width: 70px;}
#player-compare-cart .compare_viewmore_link {display: inline-block; padding: 2px 0 0 0;  cursor: pointer; color: #fff000;}
#player-compare-cart .compare_viewmore_link b { font-size: 1.2em; line-height: 0px; position: relative; top: 2px; }
#player-compare-cart .compare_viewmore_link i { border-bottom: 1px dashed #fff000; font-style: normal; }
#player-compare-cart .compare_viewmore_link:hover { text-shadow: 0 0 3px #000;}

#players_compare { background: #1b1c1b; padding: 15px; border-radius: 5px; }
#players_compare .statscore { float: right;}
#players_compare .statscore .stats_value,#compare_players .statscore .stats_diff { display: inline-block; width: 20px; text-align: right;}

.scrollup { cursor: pointer; width: 40px; height: 40px; opacity: 0.2; border-radius: 50px; position: fixed; bottom: 10px; right: 10px; display: none; line-height: 0px; z-index: 9999; font-size: 3em; color: #000; background: #fff; text-align: center; }
.scrollup.active { display: block; }
.scrollup i { color: #000; display: block; padding: 0; margin: -2px 0 0; }
.scrollup:hover { opacity: 0.8 }

@media (max-width: 680px) {
    .scrollup { display: none !important;}
}

#comment { background: #fff; border-radius: 5px; }
#comment .comment_wrapper { padding:0 8px 8px;}
#comment .title { display: block; font-weight: bold; font-size: 16px; text-shadow: none; padding:5px 7px 7px;  margin: 10px 0 0;}
#comment .title a {  color: #3b5998; }
#comment .title a .fa { font-size: 24px; margin: 0 5px 0 0; }
#comment .fo-facebook-likebox { margin-left: 10px; margin-bottom: 0px;}

#latestfbcomment{ margin:0px 0px 15px; background: #111; border-radius: 5px; }
@media (max-width:990px) {
    #latestfbcomment { display: none;}
}
#latestfbcomment .wrapper { height: 250px; overflow: auto; padding: 0 5px;  }
#latestfbcomment h3 {
    border-top: 1px solid #258335;
    border-radius: 5px 5px 0 0;
    display: block;
    margin: 0px 0px 0px;
    color: #fff;
    letter-spacing: 0px;
    background: #14471d;
    font-size: 16px;
    font-weight: bold;
    padding:7px  10px 8px;
}
#latestfbcomment h3 i { font-size: 1.4em;  line-height: 0px; padding: 0 5px 0 0; position: relative; bottom: -2px;}
#latestfbcomment .fotable {  width: 100%; }
#latestfbcomment .comment_list .fotable-cell { padding: 5px  0px 7px; border-bottom: 1px dashed #444;  line-height: 14px;  }
#latestfbcomment .comment_list:last-child .fotable-cell { border-bottom: none;}
#latestfbcomment .comment_list .fotable-cell.fbimg  { width: 35px; min-width: 35px; max-width: 35px; padding: 5px 5px 5px 0;}
#latestfbcomment .comment_list .fotable-cell.fbimg img  { width: 100%; border-radius: 50%;}
#latestfbcomment .comment_list .commentlink {  display: inline-block; padding: 0px 0 0; text-decoration: none; font-size: 12px;  color: #eee;}
#latestfbcomment .comment_list .fbprofilelink  {  display: block; color: #888;font-size: 10px; text-decoration: none; line-height: 0px; }
#latestfbcomment .comment_list .fbprofilelink .fa { font-size: 14px; position: relative; top: 2px;}
#latestfbcomment .comment_list a:hover { color: #ffff00;}
#latestfbcomment .descrip { display: block; clear: both; padding: 0px 0px 5px; margin: 0 10px; font-size: 10px; color: #aaa; }

#debugjs { position : fixed; top:0; right:0; background-color: black; color:white; padding:5px; font-size:10px; opacity : 0.4; z-index: 99999;}
.fb-like-box, .fb-like-box span, .fb-like-box span iframe[style] { width: 100% !important; }
.fb-comments iframe .action_links { font-size: 25px !important; }

.fofblikebox,.fblikebox-center { background: #162026; border: 1px dashed #666; margin: 0 0 7px 0;}
#fblikebox_frontpage { width: 100%; height: 210px; overflow: hidden; border:none;}
#fblikebox_frontpage .cella { width: 300px; padding-right: 8px;}
#fblikebox_frontpage #fbfeed  { height: 214px; overflow: auto;}
#fblikebox_frontpage #fbfeed a { text-align: left; display: block; height: 40px; overflow: hidden; padding: 0 0 3px 0; margin-bottom: 3px; border-bottom: 1px dashed #797979;}
#fblikebox_frontpage #fbfeed a:hover { background: #000; }
#fblikebox_frontpage #fbfeed img { width: 16%; float: left; margin: 0px;}
#fblikebox_frontpage #fbfeed .title { display: block; width: 83%;float: right; font-size: 12px; color: #ccc; padding-right: 1%;}
#fblikebox_frontpage #fbfeed a:hover .title {  color: #fff000;}
@media (max-width: 620px) {
    #fblikebox_frontpage .cella { width: 250px; padding-right: 8px;}
    #fblikebox_frontpage #fbfeed img  { display: none; }
    #fblikebox_frontpage #fbfeed .title { width: 99%; }
}
@media (max-width: 420px) {
    #fblikebox_frontpage .cella { width: 100%;}
    #fblikebox_frontpage .cellb { display: none;}
}
#fblikebox_frontpage.disablefeed .cella {width: 305px; padding-right: 0px; }
#fblikebox_frontpage.disablefeed .cellb .col-sm-6 { width: 100%; clear: both; padding: 0px; margin: 0px;}
#fblikebox_frontpage.disablefeed .cellb .col-sm-6 a { text-decoration: none;}
#fblikebox_frontpage.disablefeed .cellb .col-sm-6 a .desc { display:none;}

#advexchange_list { display: none;}

#packlist { background: #080808 url(img/bg_binding_dark.png);  padding: 0px 0px; margin-bottom: 7px;text-align: center; vertical-align: top; border-radius: 5px; overflow: hidden;}
#packlist .list { background:rgba(0,0,0,0.3); border-radius: 5px; margin: 5px 3px;display: inline-block;  padding:0px 7px 5px; text-align: center; vertical-align: top;}
#packlist .list .btnplay { margin: 0px 0 2px; font-weight: bold; border: none; padding: 4px 0; text-shadow: 0 0 5px #000;}
#packlist .list img { width: 120px; clear: both; display: block;}
#packlist .list .name { display: inline-block; clear: both; color: #cc9900; font-size: 13px; font-weight: bold; width: 120px; line-height: 14px;}
#packlist .list:hover { background: #000; text-decoration: none;}
#packlist .list:hover .name { color: #fff000; }
#packlist .list .stat { display: block;clear: both; font-size: 12px; color: #888;}
#packlist .list .stat b { color: #ccc;}
#packlist .list .btnviewrankxs { background: #111; color: #aaa200;}
#packlist .list .btnviewrankxs:hover { color: #fff; background: #f00000;}
#packlist .list .btnviewrankxs .fa{margin-right: 5px;  }
#packlist .desc {  background:rgba(0,0,0,0.4); margin:0;padding:6px 10px 7px; text-align: center; font-size: 14px; color: #cc9900;}
#packlist .desc a { border-bottom: 1px dashed #cc9900; color: #cc9900;}
#packlist .desc:hover a { text-decoration: none; color: #fff000; border-bottom: 1px dashed #fff000;}

.linkblock { display: block; width: 100%; height: 100px; overflow: hidden;  margin-bottom: 10px; padding: 10px;}
.linkblock.roster2015 { display: block; width: 100%; height: 100px; overflow: hidden; background: url("img/roster_2015_link_bg.jpg") right top; margin-bottom: 10px; padding: 10px;}
.linkblock .title { font-size: 28px; line-height:42px;  font-weight: bold; padding: 5px 10px; background:rgba(0,0,0,0.5); color: #fff000;position: relative; }
.linkblock .desc { font-size: 12px; display: inline-block;  position: relative; top: 5px; padding: 5px 10px;  background:rgba(0,0,0,0.5); color: #fff;  }
.linkblock:hover .title { background:#000; }
.linkblock:hover {text-decoration: none;  }
.linkblock.fo3staff { background: url("img/staff_info_bg.jpg") right top;  }
.linkblock.fo3staff .title { color: #fff;  background:rgba(0, 0, 130, 0.8); }
.linkblock.fo3staff .desc {  background:rgba(0, 0, 130, 0.7);  }
.linkblock.fo3staff:hover .title ,
.linkblock.fo3staff:hover .desc { background: #1e0d51; color: #fff000; }
.linkblock.fo3level { background:url("img/fo3level_reward_link_bg.jpg") center top; }
.linkblock.roster16ec { display: block; width: 100%; height: 100px; overflow: hidden; background: url("img/roster_16ec_link_bg.png") right top; margin-bottom: 10px; padding: 10px;}
.linkblock.fo3roster162nd { background:#232323 url("img/2016roster2ndbg.png") center no-repeat;  }
.linkblock.fo3roster171st { background:#232323 url("img/2017roster1stbglink.png") center no-repeat;  }
.linkblock.fo3limited16 { background:#232323 url("img/2016roster2nd_limited_bn.png") center no-repeat;  }
.linkblock.fo3transfer16 { background:#232323 url("img/2016roster2nd_transfer_bn.png") center no-repeat;  }

.rosterlink { text-align: center;  letter-spacing: 3px; padding: 10px; color: #fff000; background: #6f5300; clear: both; border-radius: 5px;  display: block; width: 100%; font-size: 16px;  }
.rosterlink:hover { text-decoration: none; background: #423200;  color: #fff000; }

a.playernotice { text-align: center; display: block; font-size: 12px;padding: 5px; margin: 5px 0; background: #000; border-radius: 5px; color: #fff000;}

.price_chart_wrapper { padding-top: 7px;}
.price_chart_wrapper h3{ text-align: center; font-size: 12px; margin: 0px 0 0px 0; color: #eee;}
#player_price_graph { position: relative; height: 250px;   background: #111; margin-bottom: 7px;}
#player_price_graph .ct-label { color: #fff;}
#player_price_graph .ct-label.ct-vertical { padding-left: 7px; color: #cc9900;}
#player_price_graph .ct-grid { outline-color: #ccc;}
#player_price_graph .ct-grids line { stroke: #333; }
/*.chartist-tooltip { padding: 5px; background: #000; z-index: 999999;} */
.chartist-tooltip {
    text-shadow: none;
    position: absolute;
    display: inline-block;
    opacity: 0;
    min-width: 5em;
    padding: .5em;
    background: #F4C63D;
    color: #453D3F;
    /*font-family: Oxygen,Helvetica,Arial,sans-serif;*/
    font-weight: 700;
    text-align: center;
    pointer-events: none;
    z-index: 1;
    -webkit-transition: opacity .2s linear;
    -moz-transition: opacity .2s linear;
    -o-transition: opacity .2s linear;
    transition: opacity .2s linear;
}
.chartist-tooltip:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -15px;
    border: 15px solid transparent;
    border-top-color: #F4C63D;
}
.chartist-tooltip.tooltip-show {  opacity: 1; }
.chartist-tooltip-value { display: none;}

/*# sourceMappingURL=chartist-plugin-tooltip.css.map */

/*# sourceMappingURL=chartist-plugin-tooltip.css.map */

.note {
    position: relative;
    width: auto;
    display: inline-block;
    padding:0px 20px 2px 5px;
    margin:0 5px 0px 0;
    color: #fff;
    background: #97C02F;
    overflow: hidden;
}

.note:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-width: 0 16px 16px 0;
    border-style: solid;
    border-color: #131313 #131313 #658E15 #658E15;
    background: #658E15;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    box-shadow: 0 1px 1px rgba(0,0,0,0.3), -1px 1px 1px rgba(0,0,0,0.2);
    /* Firefox 3.0 damage limitation */
    display: block; width: 0;
}
#latestluckycode { background: #000; margin: 0 7px 7px; padding: 7px 7px 0px 7px; border: 2px dashed #33470B;}
#latestluckycode .inner { max-height: 150px; overflow: auto;}
#latestluckycode .title { display: block; clear: both; padding:3px 10px; letter-spacing: 1px; font-weight: bold; text-align: center; margin: 0px 5px 5px 0; background: #121212; border:none; font-size: 12px; color: #cc9900; }
#latestluckycode .note {  border-radius: 50px 0 0px 50px; }
#latestluckycode .note:before { border-color: #000 #000 #658E15 #658E15; }
#latestluckycode .userimg { width: 20px; position: relative; left: -1px; border: 2px solid #fff; }
#latestluckycode .codeshare { background: transparent; width: 78px; font-size: 12px; font-weight: bold; color: #363200; border: none; box-shadow: none; }
#latestluckycode .codeshare:focus { text-shadow: none; color: #000; }

/*** 2016 editions***/
.foflex {
    width: 100%;
    margin: 0 auto;
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    position: relative;
}
.foflex .foflex-right {  width:174px; max-width:174px; min-width: 174px; padding: 0 7px; }
.foflex .foflex-center { padding: 0 7px;}
.foflex .foflex-left { width: 300px; max-width: 300px; min-width: 300px; padding: 0 7px;}

#fo3player .foflex-right {  width:220px; max-width:220px; min-width: 220px; padding: 0 7px; }

@media (max-width:1028px) {
    .foflex .foflex-left { width: 174px; max-width: 174px; min-width: 174px; padding: 0 7px;}
}
@media (max-width: 920px) {
    .foflex { display: block; }
    .foflex .foflex-left { position: absolute; left: 0px; top: 0px;}
    .foflex .foflex-center { padding-left: 180px; padding-right: 7px; display: block;}
    .foflex .foflex-right { width: 100%; max-width: 100%; min-width: 100%; clear: both; text-align: center; padding-top: 10px;  }
}

@media (max-width: 640px) {
   .foflex .foflex-center { padding:0 7px; display: block;}
   .foflex .foflex-left { position: relative; width:100%; max-width:100%; min-width:100%; padding: 0 7px; margin: 0px;  }
}

.mystaffplus { font-weight: bold; font-size: 10px; line-height: 0px; text-align: center; padding: 8px 1px 0 0px; text-shadow: none; color: #fff000; background: #003007; border-radius: 50%; position: absolute; z-index: 8; overflow: hidden;width: 15px; height: 15px; vertical-align: middle; display: block;}
.mystaffplus.two { width: 23px; border-radius:3px;}
#formation_map .mystaffplus { top: -8px; right: -3px;}
#playerposition .mystaffplus { position: relative; display: inline; margin: 0px; padding: 0px 0px 0 0px;margin: 0 0 0 2px; top: -1px; border: 2px solid #111; background: #111;}
#playerposition .player_position_active .mystaffplus { border: 2px solid #000; background: #000; }
#playerposition .player_position_list .stat_value { line-height: 0px;}
#player_single_stat_list .mystaffplus { top: 1px; right: 30px; background: #111; color: #9E7506;}
#player_single_stat_list .active .mystaffplus  { background: #0A0A0A; color: #cc9900; }
#player_single_stat_list .mystaffplus.staffactive,#player_single_stat_list .mystaffplus.hlp { color: #fff000; }
#player_single_stat_list .poten .mystaffplus , #player_single_stat_list .perfcon .mystaffplus { display: none;}
.player_position_recomment .mystaffplus { font-size: 16px; width: 20px; height: 20px; padding:11px 5px 0 0px; right: -2px; bottom: -7px; text-align: center; background: #000;}
#mystaff .fo-select { display: none; }
#position_tab .floattop .player_actionlink.mystaffbtn.active { background: #072a4c; }
#position_tab .floattop .player_actionlink.mystaffbtn.active b { color: #fff000;  }
#position_tab .floattop .player_actionlink.mystaffbtn b{ position: relative; top: 5px; font-weight: bold; }
#position_tab .floattop .player_actionlink.staffselect .fo-select { top: -4px; position: relative; }

.neoselect { position: relative; text-shadow: none; margin-right: 3px;}
.neoselect .title { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;position: relative; z-index: 9; top: 2px; background: #000; padding: 3px 5px 2px; border-radius: 3px; font-size: 12px; line-height: 12px; font-weight: bold; cursor: pointer;}
.neoselect select { display: none; }
.neoselect .popmenu { -webkit-box-shadow: 0px 0px 32px -7px rgba(0,0,0,0.9); -moz-box-shadow: 0px 0px 32px -7px rgba(0,0,0,0.9); box-shadow: 0px 0px 32px -7px rgba(0,0,0,0.9); color: #333; padding:4px 0px 2px 5px; position: absolute; width: 250px; background: #fff; border-radius: 5px; z-index: 9; bottom: 20px; left: -5px;}
.neoselect.more .popmenu { width: 450px; }
@media (max-width: 768px) { .neoselect.more .popmenu {  width:378px;  } }
@media (max-width: 640px) { .neoselect.more .popmenu {  width:378px;  } }
@media (max-width: 375px) { .neoselect.more .popmenu {  width:340px;  } }
@media (max-width: 360px) { .neoselect.more .popmenu {  width:328px;  } }
@media (max-width: 320px) { .neoselect.more .popmenu {  width:285px;  } }
.neoselect .wrapper { padding: 0 0 2px 60px; position: relative;}
.neoselect .folabel { position: absolute; width: 55px; left: 0px; top: 1px; font-weight: bold; background: #cc9900; font-size: 12px; padding: 2px 0px 0px 5px; border-radius: 3px; }
.neoselect .fobtn { font-weight: bold; display:inline-block; padding: 2px 7px 0px; border-radius: 3px; background: #eee; margin: 0 2px 2px 0; font-size: 12px; }
.neoselect .fobtn:hover { background: #cc9900; cursor: pointer; }
.neoselect .title i { display:inline-block; color: #666; padding: 0 3px; font-style: normal; position: relative; top: -1px;}
.neoselect .title { color: #aaa;}
.neoselect .title b { color: #fff000;}
.neoselect .gradewrap .folabel {background: #3d9eff; color: #fff;}
.neoselect .gradewrap .fobtn {background: #C9E4FF; color: #4423BA;}
.neoselect .levelwrap .folabel { color: #fff;}
.neoselect .levelwrap .fobtn {background: #F4E0A8; color: #8E6A05;}
.neoselect .bonuswrap .folabel {background: #00a396; color: #fff;}
.neoselect .bonuswrap .fobtn {background: #A3EDE7; color: #05877C;}
.neoselect .fobtn.active { background: #473302; color: #fff000;}
.neoselect:hover .title { background: #4F4A03;  }
.neoselect .fa-sort-desc { position: absolute; bottom: -8px; left:7px; font-size: 24px; color: #fff;}
.neoselect .foclose { cursor: pointer; position: absolute; bottom: 3px; right: 3px; z-index: 9;}
.neoselect .lessmorewrap { text-align: left; padding: 0 0 2px 0px; top: -2px;}
.neoselect .lessmorewrap .folabel { background: #3BA52B; cursor: pointer; width: auto; position: relative; display: inline-block; padding: 2px 15px 0px; color: #fff; }
.neoselect .lessmorewrap .folabel:hover { background: #8E6A05;}
.neoselect .lessmorebtn .fa { margin-left: 3px; position: relative;}
.neoselect .lessmorebtn .lesstitle { display: none;}
.neoselect .lessmorebtn.active .lesstitle { display: inline;}
.neoselect .lessmorebtn.active .moretitle { display: none;}

.pinbox { display: flex; margin: 0 7px 7px; }
.pinbox .left { width:100%;background: #111;}
.pinbox .right { width:350px; min-width: 350px;  padding-left: 10px;}
.pinbox .linkblock { margin:0px;}
.pinbox .linkblocktext { border-bottom: 1px dashed #333; display: block; text-decoration: none;  padding: 5px 0px; margin: 0 7px;}
.pinbox .linkblocktext .title { font-size:18px; font-weight: bold; display: block; clear: both; color: #cc9900;}
.pinbox .linkblocktext .desc { font-size: 13px; line-height: 1em;}
.pinbox .linkblocktext:hover .title {  color: #fff000;}
.pinbox .linkblocktext:hover .desc {  color: #fff;}
.pinbox .left .linkblocktext:last-child { border-bottom: none; }
@media (max-width: 768px) {
    .pinbox { display: block; }
    .pinbox .left , .pinbox .right { width:100%; min-width: 100%; padding: 0px; }
}
.plusDefault { position: relative; z-index: 1;}
/*
.neoselect.active select.fo-select { display: block; position: absolute; top: 0px; left: 0px; z-index: 8;}
*/
#duoshuoment { text-shadow: none; padding: 7px;}
#cncomment { padding:5px 7px 7px; background: #111; margin: 0 8px 7px;}
#cncomment h3 { font-weight: bold; margin: 0px; padding: 0px; font-size: 20px; color: #cc9900;}
#cncomment .ds-comment { border-top:1px dashed #333 !important;}
#cncomment .ds-comment:first-child { border-top: none  !important;}
#cncomment .ds-excerpt { padding-bottom: 5px; color: #aaa;}
#cncomment .ds-thread-title,#cncomment .ds-thread-title a { font-size: 11px !important;  }

.fo3shortlist_ico { position: absolute; font-size: 20px; right: 7px; top:18px; cursor: pointer; z-index: 9; }
.fo3shortlist_ico:focus { outline: none; }
.fo3shortlist_ico .fa { color: #666; text-shadow: none;}
.fo3shortlist_ico:hover .fa-list-alt,.fo3shortlist_ico:active .fa-list-alt,.fo3shortlist_ico.active .fa-list-alt {color: #fff; }
.fo3shortlist_ico .fa-plus-circle { font-size:14px;line-height: 12px; position: absolute; right: -6px; bottom: -2px; color: #666; background: #111; border-radius: 100%;  }
.fo3shortlist_ico:hover .fa-plus-circle,.fo3shortlist_ico.active .fa-plus-circle { display: block; color: #cc9900; }

/*
for popover bootstrap
.popover { width: 180px; padding: 0px; background: #fff; color: #666; border:none;}
.popover.top > .arrow:after {    border-top-color: #fff; }
.popover .popover-title { padding: 7px;font-weight: bold; color: #ccc;background: #eee;}
.popover .popover-content { padding:7px; }
*/

.webui-popover { color: #666; width: 180px;}
.webui-popover .webui-popover-title { padding: 7px; }
.webui-popover .webui-popover-content { padding: 7px 0 3px; margin: 0px;}
.fo3shortlistpop { font-size: 13px; }
.fo3shortlistpop .list { border-bottom: 1px solid #f2f2f2; margin: 0 0 0px 0; padding: 0 7px 0px; position: relative;}
.fo3shortlistpop .popbtncontain {
    display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex;     /* NEW - Chrome */
    display: flex;
    width: 100%;
 }
.fo3shortlistpop a.popbtn { font-size: 13px; color: #666;  width: 100%; cursor: pointer; padding: 2px 7px 0; width: 50%;}
.fo3shortlistpop a.fo3shortlist_createbtn { border-right: 1px solid #f2f2f2; padding-right: 6px; }
.fo3shortlistpop a.fo3shortlist_createbtn.full { color: #ccc; cursor:no-drop; }
.fo3shortlistpop a.fo3shortlist_createbtn.active { font-weight: bold; color: #999000;}
.fo3shortlistpop a.popbtn .fa { margin-right: 3px;}
.fo3shortlistpop.guest .list { border-bottom: none; margin: 0; padding: 0px;}
.fo3shortlistpop.guest a.popbtn,
.fo3shortlistpop.guest  .fo3shortlistform { display:none;}
.fo3shortlistpop .shortlist-checkbox { border-bottom: 1px dashed #ccc;margin-bottom: 2px; padding-bottom: 2px; position: relative;}
.fo3shortlistpop .shortlist-checkbox:hover span { color: #333;}
.fo3shortlistpop .shortlist-checkbox a.gotolink { position: absolute; right: 0px;}
.fo3shortlistpop .shortlist-checkbox:last-child { border-bottom: none;}
.fo3shortlistpop .shortlist-checkbox:last-child .focheckbox { margin-bottom: 0;}
.fo3shortlistpop .shortlist-checkbox .focheckbox { padding-left: 18px; line-height: 14px; margin-bottom: 0px; }
.fo3shortlistpop .shortlist-checkbox .focheckbox input { left: 0px; top: -4px;}
.fo3shortlistpop .shortlist-checkbox .focheckbox span { color: #999; font-weight: normal;}
.fo3shortlistpop .shortlist-checkbox .focheckbox fo-count { font-size: 12px; padding-left: 3px; font-weight: normal; opacity: 0.8; }
.fo3shortlistpop .shortlist-checkbox .focheckbox fo-count u { text-decoration: none; }
.fo3shortlistpop .shortlist-checkbox .focheckbox .detail { font-weight: normal; opacity: 0.8; line-height: 12px;   display: block; clear: both; font-size: 0.8em;}
.fo3shortlistpop .shortlist-checkbox input:checked + .title { color: #990000; opacity: 1; font-weight: bold; }
.fo3shortlistform { padding:2px 5px 2px 7px; margin: 0px; border: none;}
.fo3shortlistform input.error { border: 1px solid #990000; background: #fff78d;}
.fo3shortlistform input {  margin: 0 0 5px 0; }
.fo3shortlistform input,
.fo3shortlistform textarea { font-size: 12px; color:#666; padding: 0 3px;  border: 1px solid #ccc; width: 100%;box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.05); outline: none;  }
.fo3shortlistform textarea { height: 40px; margin: 0 0 3px 0;  resize: vertical;}
.fo3shortlistform input::placeholder,.fo3shortlistform textarea::placeholder { color: #aaa;}
.fo3shortlistform input:focus,.fo3shortlistform textarea:focus { outline: none; border-color: #666; box-shadow: none;}
.fo3shortlistform .poperrmsg { color: #990000; font-size: 12px; line-height: 14px;}
.fo3shortlistform .poperrmsg .msg { padding: 5px; border-radius: 3px; background: #fae9ba; margin: 0 0 3px 0;}
.fo3shortlistform .poperrmsg .msg b { text-decoration: underline; }
.fo3shortlistform.popup {  padding:2px 0px 2px 0px; margin: 10px 0 0 0; display: none; }
.fo3shortlistform.popup.active { display: block; }
.fo3shortlistform.popup label { text-align: left; font-size: 13px; color: #666; display: block; margin-bottom: 0px; }
.fo3shortlistform.popup input,
.fo3shortlistform.popup textarea { padding:7px 5px; }
.fo3shortlistform.popup .shortlistBtnWrap { display: flex; width: 100%; }
.fo3shortlistform.popup .shortlistBtnWrap .shortlistBtnSaveWrap { width: 100%; padding: 0 7px 0 0; }
.fo3shortlistform.popup .shortlistBtnWrap .shortlistBtnCancelWrap { width: 100px; }
.fo3shortlistform.popup .errMsgWrap .msg { border: 2px dashed #cc9900; color: #cc9900; padding: 5px; margin-bottom: 5px; font-size: 15px;}

.swal2-container { z-index: 10000;}
.fo3shortlist-manage-sw { color: #666;  color: #888;}
.fo3shortlist-manage-sw .fo3shortlistNav { text-align: left; font-size: 16px; font-weight: bold; margin-top:-13px; margin-bottom: 7px;  background: #eee; border-radius: 3px; padding: 5px;}
.fo3shortlist-manage-sw .fo3shortlistNav .fa { font-size: 1.2em;margin-right: 3px;}
.fo3shortlist-manage-sw .fo3shortlistNav .linkbtn { color: #1a7cba; cursor: pointer;}
.fo3shortlist-manage-sw .fo3shortlistNav .linkbtn.linkbtnShortlistEdit { color: #990000;  }
.fo3shortlist-manage-sw .fo3shortlistNav .linkbtn:hover { color: #cc9900; }
table.fo3shortlistManage th { font-size: 13px; }
table.fo3shortlistManage { width: 100%; display:none;}
table.fo3shortlistManage.active { display:table;}
table.fo3shortlistManage .cp { width: 30px; text-align: center;  padding: 3px 5px;}
table.fo3shortlistManage .shinfo { text-align: left; }
table.fo3shortlistManage .shinfo .title { font-size: 14px; font-weight: bold; color: #a02323;}
table.fo3shortlistManage .shinfo .detail { font-size: 12px; color: #888; }
table.fo3shortlistManage td,
table.fo3shortlistManage th { padding: 3px; border: 0.5px solid #eee; }
.fo3shortlist-manage-sw.animated,.animated.fofadeIn {
    -webkit-animation: fadeIn 0.5s; /* Safari 4+ */
    -moz-animation:    fadeIn 0.5s; /* Fx 5+ */
    -o-animation:      fadeIn 0.5s; /* Opera 12+ */
    animation:         fadeIn 0.5s; /* IE 10+, Fx 29+ */
  }
#fo3shortlist-info { background: #0D1317; padding: 10px; position: relative; margin-bottom: 7px;border-radius: 5px 5px 5px 28px;}
#fo3shortlist-info h1 { margin:-5px 0 0 0px; font-weight: bold; font-size: 24px; }
#fo3shortlist-info .title { background: #755a08; padding: 3px 5px; display: inline-block; text-align: center; font-size: 0.6em; border-radius: 3px; margin-right: 7px; color: #fff000; position: relative;top: -2px;}
#fo3shortlist-info .title .fa { margin-right: 5px; }
#fo3shortlist-info .detail { padding: 10px 0; color: #ccc; font-size: 13px;}
#fo3shortlist-info .owner .avatar { width: 40px; height: 40px; border-radius: 50%; overflow: hidden;  float: left; margin-right: 7px;}
#fo3shortlist-info .owner .avatar img { width: 100%;}
#fo3shortlist-info .owner { border-top:1px dashed #333; padding: 10px 0 0 0;  }
#fo3shortlist-info .owner .name { position: relative; top: 5px; color: #999;}

#loginPanelWrap { background: #fff; padding: 10px 15px 5px; max-width: 320px; margin: 0 auto;  }
#loginPanelWrap a.btnlogin { outline:none; text-align: left; position: relative; display: block; clear: both; height: 40px; overflow: hidden;  padding: 7px 10px 7px 45px; font-size: 18px; line-height: 18px; font-weight: bold; box-shadow: 0 2px 2px 0 rgba(41,48,59,.24), 0 0 2px 0 rgba(41,48,59,.12); border-radius: 2px; margin: 0 0 10px 0; }
#loginPanelWrap a.btnlogin .fa { font-size: 1.5em; position: absolute; left: 10px; }
#loginPanelWrap a.btnlogin b { position: relative; top: 5px;  }
#loginPanelWrap a.btnlogin.twitter { background:#33AADF; color: #fff; }
#loginPanelWrap a.btnlogin.twitter:hover { background: #229FD7;}
#loginPanelWrap a.btnlogin.facebook { background:#3C5996; color: #fff; }
#loginPanelWrap a.btnlogin.facebook:hover {  background:#364F82; }
#loginPanelWrap a.btnlogin.google { color: #E9423A; }
#loginPanelWrap a.btnlogin.live  { color: #0F73C4; }
#loginPanelWrap a.btnlogin.live:hover,#loginPanelWrap a.btnlogin.google:hover { background: #eee;}
#loginPanelWrap a.btnlogin.google .ico-img { position: absolute; left: 7px; top: 5px; display: block; width: 30px; height: 30px; background: url(img/google-brand200x200.png); background-size: cover;}#loginPanelWrap a.btnlogin.live .ico-img { position: absolute; left: 10px; display: block; width: 25px; height: 25px; background: url(img/outlook-brand200x200.png); background-size: cover;}
#loginPanelWrap a.btnlogin:hover,#loginPanelWrap a.btnlogin:focus { text-decoration: none; }
.loginpanel { max-width: 320px; padding: 0px; }
.loginpanel .swal2-title {  font-family:"Arial", sans-serif; font-size: 16px; line-height: 16px; border-bottom: 1px solid #ccc; background: #eee; padding:12px 0 8px;}

/** inpopup sweetalert 9neo */
#profilesettingPop { padding: 0px; }
#profilesettingPop .inputflex { display: none; text-align: center;  width: 100%; }
#profilesettingPop .inputflex input { width: 100%; }
#profilesettingPop .inputflex .left { padding: 0 3px;}
#profilesettingPop .inputflex .right {  padding: 7px 0 0 0; }
#profilesettingPop .input_displayname_error { text-align: center; padding: 5px 7px; font-size: 14px; color: #999000;margin:0;}
#profilesettingPop .displaynamewrap.active .inputflex  { display: table; }
#profilesettingPop .displaynamewrap.active .displayname  { display: none; }
#profilesettingPop .inputwrap { padding: 0 0 7px 0;}
#profilesettingPop .displaynamewrap { padding:0 10px; }
#profilesettingPop .btnDpName-cancel:hover { color:#cc9900; }
#profilesettingPop .avartarwrap { position: relative; width: 100%;  text-align: center; padding: 0 0 10px 0; }
#profilesettingPop .avatar {  width:100px; }
#profilesettingPop .avartarwrap input { display: none;}
#profilesettingPop .avatarpicwrap { position: relative; display: inline-block; width: 100px; height: 100px; border-radius: 50%; overflow: hidden;}
#profilesettingPop .avatarpicwrap:hover .avatar { opacity: 0.3;}
#profilesettingPop .avatarpicwrap .btnavatartriggerwrap {  position: absolute; top: 35px;left:0px; width: 100%; display: none; }
#profilesettingPop .avatarpicwrap .btnavatartriggerwrap .desc { font-size: 11px; display: block; text-align: center;}
#profilesettingPop .avatarpicwrap:hover .btnavatartriggerwrap { display: block;}
#profilesettingPop .avatarpicwrap .btnavatartrigger { font-size: 24px; color:#990000; cursor: pointer;}
#profilesettingPop .avartarwrap.readyupload .btnavatartriggerwrap { display: none; }
#profilesettingPop .avartarwrap.readyupload .btnavatarreadywrap { position: absolute; top: 30px;left:0px; width: 100%; display: none; }
#profilesettingPop .avartarwrap.readyupload .btnavatarreadywrap { display: block;}
#profilesettingPop #avatarProgressbar { display: none; width: 80px; margin-top: 7px;}
#profilesettingPop #uploadCancelBtn { margin: 3px 0 0;}
#profilesettingPop #uploadCancelBtn:hover { background: #cc9900;}
#profilesettingPop .displayname { font-size: 16px; font-weight: bold; color: #817901; display: block; clear: both; text-align: center;}
#profilesettingPop .displayname b { padding:0 5px 0 20px;}
#profilesettingPop .editdpname { color: #cc9900; cursor: pointer; position: relative;  }
#profilesettingPop .editdpname:hover { color: #1835b8;}
#profilesettingPop #input_displayname {  color: #666; padding:5px 7px; font-size: 16px; box-shadow: inset 0 3px 0px rgba(0, 0, 0, 0.15), 0 0 0 3px #817901;}
#profilesettingPop #socialmergwrap { padding: 7px 0; border-top: 1px solid #ccc; margin: 7px 0 0 0;}
#profilesettingPop #socialmergwrap .fb .fa { font-size: 50px;}
#profilesettingPop #socialmergwrap .fb { margin-right:3px;}
#profilesettingPop #socialmergwrap .gg .ico-img { position: absolute; display: block; top:0px; left:3px; width: 45px; height: 45px; background: url(img/google-brand200x200.png); background-size: cover;}
#profilesettingPop #socialmergwrap .wl .ico-img { position: absolute; display: block; left:7px; top:5px; width: 35px; height: 35px; background: url(img/outlook-brand200x200.png); background-size: cover;}
#profilesettingPop #socialmergwrap .icoimgwrap { position: relative; display:inline-block; width: 50px; height: 43px; background: #eee; padding:6px 5px; margin:0px 3px 0; top:4px; border-radius: 3px; text-align: center; }