/*/////////////////////////////////////////////////////////////////////////////
//                                                                           //
//  Validation                                                               //
//                                                                           //
/////////////////////////////////////////////////////////////////////////////*/

.validate-error
{
	padding: 0 !important;
	margin: 0 !important;
	margin-top: 3px !important;
	color: #D9534F;
}

input[type=checkbox] { vertical-align: middle; margin-top: 1px;}
input[type=radio] { vertical-align: middle; margin-top: -2px;}

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

.widget-hover:hover{background: #f3f9ff !important; cursor: pointer;}

html, body{height: 100%; padding: 0; margin: 0;}
body {background: #d9dada; color: #6c6c6c; font-family: sans-serif, arial; font-size: 12px;}

body{background-image: url('/images/backgrounds/shattered.png'); background-repeat: all; background-attachment: fixed; background-color: #d9dada}

input[type=text], input[type=email], input[type=password], textarea {border: 1px solid #EAEAEA; padding: 5px; color: #3C3C3C; font-family: sans-serif, arial; font-size: 12px; width: 136px;}
select {border: 1px solid #EAEAEA; color: #3C3C3C; font-family: sans-serif, arial; font-size: 12px; padding: 5px;}
input[type=submit], input[type=button], input[type=file], button {font-family: sans-serif, arial; font-size: 12px;}
*{box-sizing: border-box;}
a {text-decoration: none; color: green;}
a:hover {color: orange;}
img {border: 0;}
:focus {outline:0;}
form {display:inline;}

input::placeholder{font-style: italic; color: silver;}

.wall_main div{
	-webkit-touch-callout: default;
  -webkit-user-select: text;
  -khtml-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

.showcase a, .panel{aborder: 1px solid #e5e5e9;}
.showcase a, .nav, .panel{border-radius: 3px !important;}

.form-group{margin-bottom: 10px;}
.form-group:last-child{margin-bottom: 0px;}
.form-group input, .form-group select {padding: 5px 5px;}

label.subtle{color: gray; font-size: 11px; font-style: italic;}

.move_push_separator{color: grey;}
.move_push_separator:after{content: " / ";}

.sole_icon{color: red;}
.sole_icon:after{content: "🏆 ";}

.improvable_icon{color: red;}
.improvable_icon:after{content: "🔥 ";}

.faded {opacity: .5;}

.container {width:1090px; margin: 0 auto;}

#div_main {float: left; width: 840px; margin-right: 10px;}
#div_main_full {float: left; width: 1090px;}
#div_side {float: left; width: 240px;}

.panel {overflow: hidden; margin-bottom: 10px;}
.panel-header {color: #fff; height: 40px; overflow: hidden; background: #0186ba; display: flex; justify-content: space-between; padding: 0px 10px; align-items: center;}
.panel-body {background: #fff; padding: 5px;}

.wall_container {border: 1px solid #EAEAEA; margin-bottom: 5px; background: #FBFBFB;}
.wall_header {border-bottom: 1px solid #EAEAEA; background: #F5F5F5; padding: 5px; color: #666;}
.wall_gutter {background: #FBFBFB; float: left; width: 180px; padding: 10px;}
.wall_main {border-left: 1px solid #EAEAEA; float: right; width: 640px; background: white; padding: 0px; min-height: 70px;}

.plate {border: 1px solid #EAEAEA; margin-bottom: 5px;}
.plate-header {border-bottom: 1px solid #EAEAEA; padding: 8px; font-weight: normal; background: #F5F5F5; width: 100%; display: table;}
.plate-header div:nth-child(1) {display: table-cell; vertical-align: middle;}
.plate-header div:nth-child(2) {display: table-cell; text-align: right; vertical-align: middle;}
.plate-body {aborder: 1px solid #EAEAEA; border-top: 0px; background: #FBFBFB;}
.plate-footer {border-top: 1px solid #f5f5f5; padding: 8px 10px; font-weight: normal; background: #fdfdfd; acolor: #777; font-style: italic;}

.plateTable{width: 100%; border-spacing: 0px; border-collapse: collapse;}
table.plateTable > tbody > tr > td{background: #fff; padding: 5px; text-align: center;}
.plateTable span.name{font-size: 11px; display: block; margin-bottom: 10px; color: grey;}
.plateTable span.val{font-size: 12px;}
.plateTable td.blue{background: #f3f9ff;}
.plateTable td.green{background: #f7fff8;}
.plateTable td.orange{background: #FFF9F5;}

table.plateTable > tbody > tr {
	border-collapse: collapse;
}
table.plateTable > tbody > tr > td, table.plateTable > tbody > tr > th {
	border: 1px solid #f5f5f5;
}
table.plateTable > tbody > tr:first-child > td {
	border-top: 0;
}
table.plateTable > tbody > tr:last-child > td {
	border-bottom: 0;
}
table.plateTable > tbody > tr:first-child > td {
	border-bottom: 0;
}
table.plateTable > tbody > tr > td:first-child,
table.plateTable > tbody > tr > th:first-child {
	border-left: 0;
}
table.plateTable > tbody > tr > td:last-child,
table.plateTable > tbody > tr > th:last-child {
	border-right: 0;
}

table.soldiers-record-table {width: 100%; border-collapse: collapse;}
table.soldiers-record-table > tbody > tr > th {text-align: center;}
table.soldiers-record-table > tbody > tr > td, table.soldiers-record-table > tbody > tr > th {border: 1px solid #ededed; padding: 5px;}
table.soldiers-record-table > tbody > tr > td:not(:first-child){ text-align: center; }
table.soldiers-record-table > tbody > tr:first-child > th:first-child {	border-top: 0; border-left: 0;}

.pad-5{padding: 5px;}

.clsHeading {afont-weight: bold; color: #0187BB; margin-bottom: 5px;}
.clsLabel {afont-weight: bold; color: #0187BB;}
.link {text-decoration: none; color: green; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.link:hover {color: orange; cursor: pointer;}
.pointy {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;}
.pointy:hover {color: orange;}

#divEditorMenu {width:  auto; height: auto; z-index: 1000; position: absolute; display: none; margin: 0; padding: 0; background-color: #F7F3F7; border: 1px solid #333;}
#divEditorMenu  .divider {margin-left: 30px; margin-right: 4px; border-top: 1px solid #E7E3E7; border-bottom: 1px solid white;}
#divEditorMenu a {display: block; padding: 10px 10px 10px 35px;}
#divEditorMenuBar {position: absolute; top: 4px; bottom: 4px; margin-left: 28px; border-left: 1px solid #E7E3E7; border-right: 1px solid white;}
#divEditorMenuOverlay {position:fixed; top:0; left:0; width:100%; height:100%; display: none; z-index: 10;}

.flatTable {border-collapse: collapse; width: 100%;}

.list-table {width: 100%; border-collapse: collapse; border: 1px solid #EAEAEA;}
.list-table th, .list-table td {height: 28px; padding: 4px;}
.list-table th {border-bottom: 1px solid #EAEAEA; background: #F5F5F5; font-weight: normal; border-collapse: collapse; color: #0187BB;}
.list-table tr:not(:last-child) td {border-bottom: 1px solid #f5f5f5;}
.list-table tr:nth-child(odd) {background-color: #FBFBFB;}
.list-table tr:nth-child(even) {background-color: #FFFFFF;}

.list-table.widget-table {border: 0px;}
.list-table.widget-table tr td:nth-child(1) {width: 1px; text-align: right;}
.list-table.widget-table tr td:nth-child(2) {text-align: left;}
.list-table.widget-table tr td:nth-child(3) {text-align: right;}

.widget-container{border: 1px solid #f1f1f1; background: #fbfbfb;}
.widget-container:not(:last-child){margin-bottom: 5px;}

.notify_success {background: #D4FFCD;}
.notify_info    {background: #DBECFF;}
.notify_warn    {background: #FEFCCB;}
.notify_error   {background: #FFD2D3;}

#divEditorMenu, .nav ul li:hover ul, .nav ul li a:hover ul, .nav, .panel, .showcase>a {abox-shadow: 0px 1px 8px rgba(50, 50, 50, 0.5);}

#divEditorMenu, .nav, .showcase>a, .panel {aborder-radius: 5px;}

#divGrid, .tabs li, .showcase, label, .nav{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none !important;}

.top-menu2 *{user-select: none !important;}

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

/*/////////////////////////////////////////////////////////////////////////////
//                                                                           //
//  Level Info Tabs                                                          //
//                                                                           //
/////////////////////////////////////////////////////////////////////////////*/

.tabs{list-style: none; padding: 0; margin: 0; font-size: 0; margin-bottom: -1px;}
.tabs li{display: inline-block; padding: 5px; margin: 0; font-size: 12px;}
.tabs li {amargin-left: -3px; cursor: pointer; color: #aaa; display: inline-block; border: 1px solid #EAEAEA; background: #FBFBFB; border-bottom: 0px; border-right: 0px; padding: 8px; padding-left: 5px;}
.tabs li:hover {color: orange;}
.tabs li.selected {background: #F5F5F5; border-bottom: 1px solid #F5F5F5; color: #666;}
.tabs li:last-child{border-right: 1px solid #eaeaea;}

/*/////////////////////////////////////////////////////////////////////////////
//                                                                           //
//  Top Nav                                                                  //
//                                                                           //
/////////////////////////////////////////////////////////////////////////////*/

.top-menu {background: #444; abackground: rgba(255,255,255,0.6); padding: 10px;}
.top-menu2{margin-bottom: 20px;}
.top-menu2 a{color: #999; margin-right: 20px;}
.top-menu2 a.selected{color: #fff;}
.top-menu2 a:hover{color: white;}

/*/////////////////////////////////////////////////////////////////////////////
//                                                                           //
//  Showcase                                                                 //
//                                                                           //
/////////////////////////////////////////////////////////////////////////////*/

.showcase{height: 100px;}
.showcase>a {position: relative; float: right; width: 100px; height: 100px; margin-left: 10px; text-align: center; background: #f5f5f5; aborder: 1px solid #111;}
.showcase>a>img{position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.showcase>a:hover{cursor: pointer; background: #fff; aborder: 1px solid white;}
.showcase>a:last-child{margin-left: 0px;}

/*/////////////////////////////////////////////////////////////////////////////
//                                                                           //
//  Main Menu                                                                //
//                                                                           //
/////////////////////////////////////////////////////////////////////////////*/

.nav{height: 40px; margin: 10px 0px; background: #555;}
.nav ul{padding:0; margin:0; list-style-type: none;}
.nav ul li{float: left; position:relative;}
.nav ul li a, .nav ul li a:visited{display: block; height: 40px; color: #eee; padding-left: 30px; line-height: 40px; margin-right: 10px;}
.nav ul li ul{visibility: hidden; position: absolute; top: 0; left: 0; height: 0;}
.nav ul li:hover a, .nav ul li a:hover{color: orange; border: 0;}
.nav ul li:hover ul, .nav ul li a:hover ul{z-index: 10; visibility:visible; padding-bottom: 8px; border-radius: 0px 0px 3px 3px; white-space: nowrap; height: auto; position: absolute; top: 37px; left: 0px; background: #555; overflow: visible;}
.nav ul li:hover ul.end, .nav ul li a:hover ul.end{left: -100px;}
.nav ul li:hover ul li a, .nav ul li a:hover ul li a{display:block; background: transparent; color: #fff; height: auto; line-height:1.5em; padding:8px 10px 8px 35px; min-width: 120px;}
.nav ul li:hover ul li a:hover, .nav ul li a:hover ul li a:hover{color: orange;}
.nav ul li ul li{background-position: 9px 9px !important; position: relative !important; display: inline-block !important; margin-bottom: -1px !important;}
.nav-right{float: right !important;}
.nav ul li{background-position: 9px 11px !important;}

.icon-bell{background: url(/images/bell.png) no-repeat;}
.icon-chart_bar{background:transparent url(/images/chart_bar.png) no-repeat;}
.icon-cog{background: url(/images/cog.png) no-repeat;}
.icon-contact{background: url(/images/contact.png) no-repeat;}
.icon-date{background:transparent url(/images/date.png) no-repeat;}
.icon-disk{background: url(/images/disk.png) no-repeat;}
.icon-disk_multiple{background: url(/images/disk_multiple.png) no-repeat;}
.icon-duplicates{background: url(/images/duplicates.png) no-repeat;}
.icon-edit{background: url(/images/edit.png) no-repeat;}
.icon-error{background: url(/images/error.png) no-repeat;}
.icon-events{background: url(/images/script.png) no-repeat;}
.icon-faq{background: url(/images/faq.png) no-repeat;}
.icon-faq{background:transparent url(/images/faq.png) no-repeat;}
.icon-find{background: url(/images/find.png) no-repeat;}
.icon-find2{background: url(/images/find2.png) no-repeat;}
.icon-help{background: url(/images/help.png) no-repeat;}
.icon-home{background: url(/images/home.png) no-repeat;}
.icon-key{background: url(/images/key.png) no-repeat;}
.icon-level{background: url(/images/level.png) no-repeat;}
.icon-lightning{background: url(/images/lightning.png) no-repeat;}
.icon-logout{background: url(/images/logout.png) no-repeat;}
.icon-logo{background: url(/images/logo_icon.png) no-repeat;}
.icon-map{background: url(/images/map.png) no-repeat;}
.icon-medal{background: url(/images/medal.png) no-repeat;}
.icon-medal{background:transparent url(/images/medal.png) no-repeat;}
.icon-medal{background:transparent url(/images/medal.png) no-repeat;}
.icon-medal{background:transparent url(/images/medal.png) no-repeat;}
.icon-money_dollar{background: url(/images/money_dollar.png) no-repeat;}
.icon-new{background:transparent url(/images/new.png) no-repeat;}
.icon-play{background: url(/images/play.png) no-repeat;}
.icon-profile{background: url(/images/profile.png) no-repeat;}
.icon-robot{background:transparent url(/images/robot.png) no-repeat;}
.icon-rosette{background:transparent url(/images/rosette.png) no-repeat;}
.icon-script{background: url(/images/script.png) no-repeat;}
.icon-shield{background: url(/images/shield.png) no-repeat;}
.icon-showcase{background:transparent url(/images/showcase.png) no-repeat;}
.icon-star{background: url(/images/star.png) no-repeat;}
.icon-table{background: url(/images/table.png) no-repeat;}
.icon-tag_blue{background: url(/images/tag_blue.png) no-repeat;}
.icon-tag_green{background: url(/images/tag_green.png) no-repeat;}
.icon-tag_orange{background: url(/images/tag_orange.png) no-repeat;}
.icon-tag{background: url(/images/tag.png) no-repeat;}
.icon-telephone{background: url(/images/telephone.png) no-repeat;}
.icon-thumb{background: url(/images/thumb.png) no-repeat;}
.icon-thumb{background:transparent url(/images/thumb.png) no-repeat;}
.icon-user_add{background: url(/images/user_add.png) no-repeat;}
.icon-users{background: url(/images/users.png) no-repeat;}
.icon-user{background: url(/images/users.png) no-repeat;}
.icon-wall{background: url(/images/wall.png) no-repeat;}
.icon-wand{background:transparent url(/images/wand.png) no-repeat;}

/*/////////////////////////////////////////////////////////////////////////////
//                                                                           //
//  CSS Flags (https://www.flag-sprites.com/)                                //
//                                                                           //
/////////////////////////////////////////////////////////////////////////////*/

.flag{display:inline-block; position: relative; width:16px; height:11px; margin-bottom: -1px; background: url('/images/flags.png') no-repeat}
.flag.flag-gu{background-position:-96px -55px}
.flag.flag-mn{background-position:-208px -88px}
.flag.flag-va{background-position:-48px -154px}
.flag.flag-tibet{background-position:-32px -143px}
.flag.flag-fo{background-position:-64px -44px}
.flag.flag-th{background-position:-16px -143px}
.flag.flag-tr{background-position:-144px -143px}
.flag.flag-tl{background-position:-80px -143px}
.flag.flag-kz{background-position:-144px -77px}
.flag.flag-zm{background-position:-16px -165px}
.flag.flag-uz{background-position:-32px -154px}
.flag.flag-dk{background-position:-64px -33px}
.flag.flag-scotland{background-position:-176px -121px}
.flag.flag-gi{background-position:-224px -44px}
.flag.flag-gy{background-position:-128px -55px}
.flag.flag-bj{background-position:-112px -11px}
.flag.flag-fr{background-position:-80px -44px}
.flag.flag-mo{background-position:-224px -88px}
.flag.flag-ir{background-position:-112px -66px}
.flag.flag-io{background-position:-80px -66px}
.flag.flag-tm{background-position:-96px -143px}
.flag.flag-ch{background-position:-96px -22px}
.flag.flag-mt{background-position:-32px -99px}
.flag.flag-nl{background-position:-240px -99px}
.flag.flag-gp{background-position:-16px -55px}
.flag.flag-im{background-position:-48px -66px}
.flag.flag-tv{background-position:-176px -143px}
.flag.flag-mu{background-position:-48px -99px}
.flag.flag-pe{background-position:-96px -110px}
.flag.flag-vi{background-position:-112px -154px}
.flag.flag-hn{background-position:-176px -55px}
.flag.flag-ss{background-position:-128px -132px}
.flag.flag-ae{background-position:-16px 0}
.flag.flag-td{background-position:-240px -132px}
.flag.flag-pw{background-position:0 -121px}
.flag.flag-nu{background-position:-32px -110px}
.flag.flag-bt{background-position:-208px -11px}
.flag.flag-ms{background-position:-16px -99px}
.flag.flag-cv{background-position:-240px -22px}
.flag.flag-es{background-position:-224px -33px}
.flag.flag-mh{background-position:-144px -88px}
.flag.flag-la{background-position:-160px -77px}
.flag.flag-vn{background-position:-128px -154px}
.flag.flag-py{background-position:-16px -121px}
.flag.flag-br{background-position:-176px -11px}
.flag.flag-ye{background-position:-224px -154px}
.flag.flag-ie{background-position:0 -66px}
.flag.flag-gh{background-position:-208px -44px}
.flag.flag-cg{background-position:-80px -22px}
.flag.flag-cu{background-position:-224px -22px}
.flag.flag-hu{background-position:-224px -55px}
.flag.flag-sg{background-position:-224px -121px}
.flag.flag-at{background-position:-176px 0}
.flag.flag-lk{background-position:-224px -77px}
.flag.flag-vu{background-position:-144px -154px}
.flag.flag-bo{background-position:-160px -11px}
.flag.flag-jo{background-position:-208px -66px}
.flag.flag-er{background-position:-208px -33px}
.flag.flag-za{background-position:-256px -154px}
.flag.flag-rs{background-position:-80px -121px}
.flag.flag-nr{background-position:-16px -110px}
.flag.flag-ls{background-position:-256px -77px}
.flag.flag-jm{background-position:-192px -66px}
.flag.flag-tz{background-position:-208px -143px}
.flag.flag-ki{background-position:-16px -77px}
.flag.flag-sj{background-position:0 -132px}
.flag.flag-cz{background-position:-16px -33px}
.flag.flag-pg{background-position:-128px -110px}
.flag.flag-lv{background-position:-32px -88px}
.flag.flag-do{background-position:-96px -33px}
.flag.flag-lu{background-position:-16px -88px}
.flag.flag-no{background-position:-256px -99px}
.flag.flag-kw{background-position:-112px -77px}
.flag.flag-mx{background-position:-96px -99px}
.flag.flag-yt{background-position:-240px -154px}
.flag.flag-ly{background-position:-48px -88px}
.flag.flag-cy{background-position:0 -33px}
.flag.flag-ph{background-position:-144px -110px}
.flag.flag-my{background-position:-112px -99px}
.flag.flag-sm{background-position:-48px -132px}
.flag.flag-et{background-position:-240px -33px}
.flag.flag-ru{background-position:-96px -121px}
.flag.flag-tj{background-position:-48px -143px}
.flag.flag-ai{background-position:-64px 0}
.flag.flag-pl{background-position:-176px -110px}
.flag.flag-kp{background-position:-64px -77px}
.flag.flag-uy{background-position:-16px -154px}
.flag.flag-gb{background-position:-112px -44px}
.flag.flag-gs{background-position:-64px -55px}
.flag.flag-kurdistan{background-position:-96px -77px}
.flag.flag-rw{background-position:-112px -121px}
.flag.flag-ec{background-position:-128px -33px}
.flag.flag-mm{background-position:-192px -88px}
.flag.flag-pa{background-position:-80px -110px}
.flag.flag-wales{background-position:-160px -154px}
.flag.flag-kg{background-position:-256px -66px}
.flag.flag-ve{background-position:-80px -154px}
.flag.flag-tk{background-position:-64px -143px}
.flag.flag-ca{background-position:-16px -22px}
.flag.flag-is{background-position:-128px -66px}
.flag.flag-ke{background-position:-240px -66px}
.flag.flag-ro{background-position:-64px -121px}
.flag.flag-gq{background-position:-32px -55px}
.flag.flag-pt{background-position:-256px -110px}
.flag.flag-tf{background-position:-256px -132px}
.flag.flag-ad{background-position:0 0}
.flag.flag-sk{background-position:-16px -132px}
.flag.flag-pm{background-position:-192px -110px}
.flag.flag-om{background-position:-64px -110px}
.flag.flag-an{background-position:-112px 0}
.flag.flag-ws{background-position:-192px -154px}
.flag.flag-sh{background-position:-240px -121px}
.flag.flag-mp{background-position:-240px -88px}
.flag.flag-gt{background-position:-80px -55px}
.flag.flag-cf{background-position:-64px -22px}
.flag.flag-zanzibar{background-position:0 -165px}
.flag.flag-mw{background-position:-80px -99px}
.flag.flag-catalonia{background-position:-32px -22px}
.flag.flag-ug{background-position:-240px -143px}
.flag.flag-je{background-position:-176px -66px}
.flag.flag-km{background-position:-32px -77px}
.flag.flag-in{background-position:-64px -66px}
.flag.flag-bf{background-position:-48px -11px}
.flag.flag-mc{background-position:-80px -88px}
.flag.flag-sy{background-position:-192px -132px}
.flag.flag-sn{background-position:-64px -132px}
.flag.flag-kr{background-position:-80px -77px}
.flag.flag-eu{background-position:-256px -33px}
.flag.flag-bn{background-position:-144px -11px}
.flag.flag-st{background-position:-144px -132px}
.flag.flag-england{background-position:-192px -33px}
.flag.flag-lc{background-position:-192px -77px}
.flag.flag-dm{background-position:-80px -33px}
.flag.flag-be{background-position:-32px -11px}
.flag.flag-ni{background-position:-224px -99px}
.flag.flag-ua{background-position:-224px -143px}
.flag.flag-mz{background-position:-128px -99px}
.flag.flag-pf{background-position:-112px -110px}
.flag.flag-tn{background-position:-112px -143px}
.flag.flag-ee{background-position:-144px -33px}
.flag.flag-xk{background-position:-208px -154px}
.flag.flag-sx{background-position:-176px -132px}
.flag.flag-sd{background-position:-192px -121px}
.flag.flag-gd{background-position:-128px -44px}
.flag.flag-ci{background-position:-112px -22px}
.flag.flag-sz{background-position:-208px -132px}
.flag.flag-cl{background-position:-144px -22px}
.flag.flag-fi{background-position:0 -44px}
.flag.flag-ga{background-position:-96px -44px}
.flag.flag-jp{background-position:-224px -66px}
.flag.flag-de{background-position:-32px -33px}
.flag.flag-np{background-position:0 -110px}
.flag.flag-re{background-position:-48px -121px}
.flag.flag-bg{background-position:-64px -11px}
.flag.flag-sc{background-position:-160px -121px}
.flag.flag-ng{background-position:-208px -99px}
.flag.flag-qa{background-position:-32px -121px}
.flag.flag-mk{background-position:-160px -88px}
.flag.flag-aw{background-position:-208px 0}
.flag.flag-kn{background-position:-48px -77px}
.flag.flag-al{background-position:-80px 0}
.flag.flag-bw{background-position:-240px -11px}
.flag.flag-um{background-position:-256px -143px}
.flag.flag-ky{background-position:-128px -77px}
.flag.flag-tt{background-position:-160px -143px}
.flag.flag-so{background-position:-80px -132px}
.flag.flag-lt{background-position:0 -88px}
.flag.flag-by{background-position:-256px -11px}
.flag.flag-bb{background-position:0 -11px}
.flag.flag-us{background-position:0 -154px}
.flag.flag-md{background-position:-96px -88px}
.flag.flag-ag{background-position:-48px 0}
.flag.flag-hm{background-position:-160px -55px}
.flag.flag-as{background-position:-160px 0}
.flag.flag-eg{background-position:-160px -33px}
.flag.flag-sv{background-position:-160px -132px}
.flag.flag-sl{background-position:-32px -132px}
.flag.flag-fk{background-position:-32px -44px}
.flag.flag-am{background-position:-96px 0}
.flag.flag-ck{background-position:-128px -22px}
.flag.flag-tw{background-position:-192px -143px}
.flag.flag-kh{background-position:0 -77px}
.flag.flag-to{background-position:-128px -143px}
.flag.flag-se{background-position:-208px -121px}
.flag.flag-cd{background-position:-48px -22px}
.flag.flag-pn{background-position:-208px -110px}
.flag.flag-gr{background-position:-48px -55px}
.flag.flag-id{background-position:-256px -55px}
.flag.flag-vc{background-position:-64px -154px}
.flag.flag-somaliland{background-position:-96px -132px}
.flag.flag-bi{background-position:-96px -11px}
.flag.flag-pk{background-position:-160px -110px}
.flag.flag-pr{background-position:-224px -110px}
.flag.flag-bd{background-position:-16px -11px}
.flag.flag-co{background-position:-192px -22px}
.flag.flag-fm{background-position:-48px -44px}
.flag.flag-bm{background-position:-128px -11px}
.flag.flag-ar{background-position:-144px 0}
.flag.flag-bv{background-position:-224px -11px}
.flag.flag-sb{background-position:-144px -121px}
.flag.flag-mq{background-position:-256px -88px}
.flag.flag-eh{background-position:-176px -33px}
.flag.flag-bh{background-position:-80px -11px}
.flag.flag-it{background-position:-144px -66px}
.flag.flag-hr{background-position:-192px -55px}
.flag.flag-sa{background-position:-128px -121px}
.flag.flag-mv{background-position:-64px -99px}
.flag.flag-mg{background-position:-128px -88px}
.flag.flag-dz{background-position:-112px -33px}
.flag.flag-gg{background-position:-192px -44px}
.flag.flag-gm{background-position:-256px -44px}
.flag.flag-af{background-position:-32px 0}
.flag.flag-li{background-position:-208px -77px}
.flag.flag-sr{background-position:-112px -132px}
.flag.flag-vg{background-position:-96px -154px}
.flag.flag-cr{background-position:-208px -22px}
.flag.flag-tc{background-position:-224px -132px}
.flag.flag-ao{background-position:-128px 0}
.flag.flag-ma{background-position:-64px -88px}
.flag.flag-mr{background-position:0 -99px}
.flag.flag-gn{background-position:0 -55px}
.flag.flag-ne{background-position:-176px -99px}
.flag.flag-nf{background-position:-192px -99px}
.flag.flag-wf{background-position:-176px -154px}
.flag.flag-hk{background-position:-144px -55px}
.flag.flag-gf{background-position:-160px -44px}
.flag.flag-ps{background-position:-240px -110px}
.flag.flag-ic{background-position:-240px -55px}
.flag.flag-cw{background-position:-256px -22px}
.flag.flag-ml{background-position:-176px -88px}
.flag.flag-ax{background-position:-224px 0}
.flag.flag-gl{background-position:-240px -44px}
.flag.flag-dj{background-position:-48px -33px}
.flag.flag-cn{background-position:-176px -22px}
.flag.flag-ht{background-position:-208px -55px}
.flag.flag-lr{background-position:-240px -77px}
.flag.flag-tg{background-position:0 -143px}
.flag.flag-ba{background-position:-256px 0}
.flag.flag-ge{background-position:-144px -44px}
.flag.flag-bz{background-position:0 -22px}
.flag.flag-au{background-position:-192px 0}
.flag.flag-iq{background-position:-96px -66px}
.flag.flag-cm{background-position:-160px -22px}
.flag.flag-gw{background-position:-112px -55px}
.flag.flag-az{background-position:-240px 0}
.flag.flag-na{background-position:-144px -99px}
.flag.flag-fj{background-position:-16px -44px}
.flag.flag-zw{background-position:-32px -165px}
.flag.flag-bs{background-position:-192px -11px}
.flag.flag-il{background-position:-16px -66px}
.flag.flag-nz{background-position:-48px -110px}
.flag.flag-me{background-position:-112px -88px}
.flag.flag-si{background-position:-256px -121px}
.flag.flag-nc{background-position:-160px -99px}
.flag.flag-lb{background-position:-176px -77px}

/*/////////////////////////////////////////////////////////////////////////////
//                                                                           //
//  The stuff for the diagonal tiles                                         //
//                                                                           //
/////////////////////////////////////////////////////////////////////////////*/

.tile-grid
{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	gap: 5px;
	margin-bottom: 5px;
}

.tile-grid a
{
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #eaeaea;
	background: #f9f9f9;
	height: 134.16px;
	position: relative;
	overflow: hidden;
}

.tile-grid a:hover
{
	cursor: pointer;
	border: 1px solid #ddd;
}

.tile-grid a.omg {
  background: linear-gradient(to bottom right, #F3F9FF 0%, #F3F9FF 50%, #F7FFF8 50%, #F7FFF8 100%);
}

.tile-grid a.omg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  background: linear-gradient(to bottom right, transparent 49.5%, white 49.5%, white 50.5%, transparent 50.5%);
  transform-origin: 0 0;
  transform: rotate(-5deg);
  mask-image: linear-gradient(to bottom right, transparent 49.5%, black 49.5%, black 50.5%, transparent 50.5%);
}

.top-left-text, .bottom-right-text {position: absolute; font-size: 12px;}
.top-left-text {top: 5px; left: 5px; color: #0084FF; opacity: 0.5;}
.bottom-right-text {bottom: 5px; right: 5px; color: #399C1E; opacity: 0.5;}

/*/////////////////////////////////////////////////////////////////////////////
//                                                                           //
//  Collection Search                                                        //
//                                                                           //
/////////////////////////////////////////////////////////////////////////////*/
.search-overlay {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 9999;}
.search-container {position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); text-align: center;}
.search-container input[type="text"] {padding: 20px; font-size: 24px;}
.search-container p {color: #999}