body, html{padding: 0px; margin: 0px; height: 100%; width: 100%; }
body{background: url(https://raidc.frostcandy.com/public/assets/images/Raid-1024x526.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
#container{display: block; position: relative; margin: 0px; padding: 0px; padding-bottom: 200px; height: 30000px; width: 100%; font-size: 20px; overflow: hidden; }
#clean{display: none;}

#nav_menu{position: relative; display: block; width: 100%; margin: -28px 10px 0px 10px; height: 24px; }
.nav_item{position: relative; margin: 10px; }
.nav_item>.nav_icon{ float: right; cursor: pointer; margin-left: 16px; overflow: hidden; }
.nav_item>.nav_icon:hover{ color:#1F85DE; }
.nav_item>.nav_icon:active{ position: relative; top: 1px; }
#nav_search{float:right; margin-right: -6px; }
.nav_ops{ display: none; position: absolute; top: 24px; left: 0px; width: 100px; border: 1px solid #000; background-color: #fff; z-index: 30; }
.nav_ops>div{ cursor: pointer; padding: 6px; }
.nav_ops>div:hover{ background-color: #FBA2A2; }
.nav_ops>div:active{ position: relative; top: 1px; }

#nav_item_pay{display: none;}
#nav_item_pay_comment{display: none;}
#nav_item_user{display: none;}
#nav_item_search{display: none;}
#nav_item_search_box{display: none;}


.nav_item>form{ margin: 0; margin-right: -16px; padding: 0; }
#nav_search{ width: 140px; }


.hide_class{display: none;}

.olinkb{ margin-left: 10px; color:#AAAAAA; font-size:13px; font-style: italic; }
.olink{ display: inline-block; color: #1F85DE; font-weight: bold; text-decoration: none; cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.link, a{ display: inline-block; color: #1F85DE; text-decoration: none; cursor: pointer;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.olink:hover, .link:hover, a:hover{ text-decoration: underline; }
.olink:active, .link:active{ position: relative; top: 1px; }

#login_submit{  }
.submit{ border: 1px solid #000; padding: 4px 6px; background-color: #6DB7F8; color:#000; cursor: pointer; margin: 10px; border-radius: 10px; width: 80px; text-align: center; float: right; }
.submit:hover{ background-color: #EBF85B;  }
.submit:active{ position: relative; top: 1px; }

#login_regular_block{ display: block; }
#login_first_run_block{ display: none; }

#hasEmail{ font-size:14px; }

.box{ display: block; position: relative; border: 1px solid #333; margin: 10px; border-radius: 10px; color:#000; }
.boxt{ position: relative; top: 0px; left: 0px; padding: 20px; z-index: 10; overflow: hidden; }
.boxi{ position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #F2F9FF; opacity: 0.9; border-radius: 10px; z-index: 0; }

#title_box{}
#explain_box{}

.center{ text-align: center; }
.smalltext{ font-size: 14px; }
.floatleft{ float: left; }
.floatright{ float: right; }
.float-box{ overflow: hidden; }

#block_service{ margin: 10px auto; max-width: 94%; }

#title{ margin: 0px; font-size: 38px; text-align: center; }
#tsmall{ margin-bottom: 20px; }
#login_block{ width: 320px; margin: 0px auto; }


#clan_user_add_member_title{ display: none; }

.title_clan_name{ margin: 0px; font-size: 38px; text-align: center; }

.title_me_clan{position: relative; width:100%; overflow: hidden; margin: 10px; }

.title_me{position: relative; float: left; display: inline-block; background-color:#fff; border: 1px solid #333; padding: 20px; width: 45%; max-height: 300px; overflow-y: scroll; }
.title_me_clan_extra_links{ position: absolute; bottom: 10px; left: 0px; width: 90%; margin: 5px 20px; overflow: hidden; }
#setUnit_button{ position: absolute; right:10px; top:10px; }

.title_clan_clan{float: right; display: inline-block; background-color:#fff; border: 1px solid #333; padding: 20px; width: 45%;  max-height: 300px; overflow-y: scroll;}
@media only screen and (max-width: 1000px) {
	.title_me{width: 90%; margin-bottom: 8px; }
	.title_clan_clan{float: left;width: 90%;}
}    

#title_clan_champions_under{ margin: 10px; overflow: hidden; }

#title_clan_champions{position: relative; display: block; background-color:#fff; border: 1px solid #333; padding: 20px; margin: 20px; }
.clan_memeber_champs_item{ float: left; margin: 5px; border: 1px solid #333; text-align: center; font-size: 13px; }
.clan_memeber_champs_img{ width: 80px; margin: 0px auto;}


#title_clan_add_member{ display: none; }
#add_remove_member_list{}

.unit_1{ -webkit-box-shadow: 0px 0px 28px 3px rgba(204,204,204,1);-moz-box-shadow: 0px 0px 28px 3px rgba(204,204,204,1);box-shadow: 0px 0px 28px 3px rgba(204,204,204,1); }
.unit_2{ -webkit-box-shadow: 0px 0px 28px 3px rgba(124,222,91,1);-moz-box-shadow: 0px 0px 28px 3px rgba(124,222,91,1);box-shadow: 0px 0px 28px 3px rgba(124,222,91,1); }
.unit_3{ -webkit-box-shadow: 0px 0px 28px 3px rgba(91,150,222,1);-moz-box-shadow: 0px 0px 28px 3px rgba(91,150,222,1);box-shadow: 0px 0px 28px 3px rgba(91,150,222,1); }
.unit_4{ -webkit-box-shadow: 0px 0px 28px 3px rgba(189,91,222,1);-moz-box-shadow: 0px 0px 28px 3px rgba(189,91,222,1);box-shadow: 0px 0px 28px 3px rgba(189,91,222,1); }
.unit_5{ -webkit-box-shadow: 0px 0px 28px 3px rgba(222,184,89,1);-moz-box-shadow: 0px 0px 28px 3px rgba(222,184,89,1);box-shadow: 0px 0px 28px 3px rgba(222,184,89,1); }
.champion_selection_separate{ display: none; margin: 10px 0px; height: 10px; width: 100%; clear: both; border-top: 1px solid #cccccc; }

#block_champs{ position: absolute; display: none; top:0px; left:0px; margin:0px; padding: 20px; width: 100%; height: 100%; z-index: 20; background-color: #000; text-align: center; }
#block_champs_rel{ position: relative; }
.champ_select_title{ width: 100%; font-size: 22px; color:#fff; text-align: center; }
.champ_icon{ border: 1px solid #333; width: 40px; height: 40px; background-color: #fff; }

#champ_list_sel{ max-width: 1000px; margin: 0px auto; }
.faction_select{ display: inline-block; width: 150px; color:#CCCCCC; margin: 6px; cursor: pointer; font-size: 18px; text-decoration: underline;}
.faction_select:hover{ color:#fff; }
.faction_select:active{ position: relative; top: 1px; }
.clan_user_faction_selector_dark{ color:#000000 !important; }
.clan_user_faction_selector{ margin: 5px; font-size: 14px; color:#9AB3C9; cursor: pointer; }
.clan_user_faction_selector:hover{ color:#000; }
.clan_user_faction_selector:active{ position: relative; top: 1px; }
.unit_user_item{ display: none; width: 141px; text-align: center; font-size: 14px; color:#fff; margin: 10px 4px; }
/* 141 182 */
.unit_user_item_img{ width: 90px; display: block; margin: 0px auto; border: 2px solid #333; cursor: pointer; }
.unit_user_item_img:active{ position: relative; top: 1px; }
.champ_active{ border: 2px solid #3AF326 !important; }



#block_clanmembers{ margin: 10px; }
.clanmember_item{ margin: 5px 0px; }
.clanmember_item:hover{ background-color: #C5E4FF; }
.clanmamber_name{ }




#slide_in_1{ display: none; position: absolute; right: 0px; top: 10px; background-color: #fff; height: 500px; width: 300px; border: 1px solid #000; border-right: none; padding: 10px; z-index: 50; overflow: scroll; font-size: 14px; }
.clan_user_item{ padding: 3px; margin: 0px 10px; border-bottom: 1px solid #888; }
.clan_user_item:hover{ background-color: yellow; }

#setUnit_div{ display: none; }.noselect{-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;outline: 0;}
.box_shadow{-webkit-box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.75);-moz-box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.75);box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.75);}
.error{ background-color: #FFADAD; border:1px solid #FF2206;}
.note{ background-color: #35C01E; }
.codefont{ font-family: 'Source Code Pro', monospace; }

#error,#note,#allow_cookies{ display: none; position: fixed; min-height: 24px; padding: 6px 10px; bottom: 0px; left: 0px; right: 0px; border-top: 2px solid #000; font-weight: bold; color:#000; }
#error{ background-color: #FFADAD; z-index: 10000; }
#note{ background-color: #D9FFCF; z-index: 10000; }
#allow_cookies{ background-color: #BEE1FF; z-index: 500; }
.closeE,.closeN,#allow_cookies>div{float: right; cursor: pointer; border-radius: 10px; color:#FFF; border: 1px solid #000; width: 25px; height: 25px; line-height: 25px; background-color: #4186DC; text-align: center; font-size: 18px; font-weight: bold;}
.closeE{ background-color:#DE1F62; animation-name: breathing; animation-delay: 2s; animation-duration: 2s; animation-iteration-count: infinite; }
.closeN{ background-color:#3ADE1F; animation-name: breathing; animation-delay: 2s; animation-duration: 2s; animation-iteration-count: infinite; }
@-webkit-keyframes breathing { 0% {  } 50% { background-color:#BFBFBF; } }
@-moz-keyframes breathing { 0% {  } 50% { background-color:#BFBFBF; } }
@keyframes breathing { 0% {  } 50% { background-color:#BFBFBF; } }

.lib_item{ display:block; margin: 10px 4px; }

.float-left{float:left;}
.float-right{float:right;}
.text-align-center{ text-align: center; }
.hidden{display: none;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.underline{text-decoration: underline;}
.space10{ margin-left: 10px; }

.contact_box_link{ display: inline-block; color:#1F73BC; text-decoration: underline; cursor: pointer; }
.contact_box_link:hover{ color:#66AFEE; transition: color 1s; }
.contact_box_link:active{ position: relative; top: 1px; transition: color 1s; }


.sticky{position: -webkit-sticky; position: -moz-sticky; position: -ms-sticky; position: -o-sticky; top: 15px; }


/* P O P U P S  */
#darkback{ display: none; position: fixed; top: 0px; left: 0px; opacity: 0.7; background-color: #000; height: 100%; width: 100%; z-index: 2000; cursor: pointer; }
#popup{ display: none; position: fixed; top: 0px; left: 0px; z-index: 2001; height: 1px; width: 100%; margin: 0px; padding: 0px; }
.popup_white{ display: block; position: relative; background-color: #fff; border: 3px solid #000; padding: 15px; border-radius: 15px; margin: 20px auto; max-width: 650px; max-height: 400px; overflow: auto; }
.click_close{ cursor: pointer; }
.closeDarkBack{ display:inline; position: absolute; top: -10px; right: -10px; border-radius: 10px; padding: 15px 20px 10px 10px; background-color: #D91F3D; color:#FFF; cursor: pointer;
	-animation: breathingClose 2s ease-out infinite alternate; -webkit-animation: breathingClose 2s ease-out infinite alternate; -webkit-font-smoothing: antialiased; z-index: 20; }
@keyframes breathingClose { 0% { color:#FFF; background-color:#D91F3D; } 100% { color:#FFF; background-color:#8A1225; } }
.closeDarkBack:active{top: -9px;}
#popframe{ display: none; position: fixed; top: 0px; left: 0px; z-index: 2001; height: 1px; width: 100%; margin: 0px; padding: 0px; }
#popframe iframe{ width: 100%; height: 400px; border: 0;}
.popframe_white{ display: block; position: relative; background-color: #fff; border: 3px solid #000; margin: 20px auto; max-width: 650px; max-height: 400px; overflow: auto; }

.p_frost{ color:#84BBEC; }
.p_candy{ color:#EC84E9; }
.logo_frost{  }
.logo_candy{  }

/* B U T T O N */
.default_button{position: relative; display: inline-block; float: right; border: 1px solid #000; font-weight: bold; padding: 6px 12px; font-size: 18px; cursor: pointer; margin: 0px 4px; 
	background-color: #C2E2FD; text-align: center; transition: background-color 2s;}
.default_button:hover{background-color:#60B2FA; transition: background-color 2s;}
.default_button:active{position: relative; top: 1px;}