/*!
 * Copyright (c) 2018 Nakatani Shinji
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy of this 
 * software and associated documentation files (the "Software"), to deal in the Software 
 * without restriction, including without limitation the rights to use, copy, modify, merge,
 * publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons 
 * to whom the Software is furnished to do so, subject to the following conditions:
 *  
 * The above copyright notice and this permission notice shall be included in all copies or 
 * substantial portions of the Software.
 * 
 * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING 
 * BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND 
 * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, 
 * DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 
 * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
 */

/**
 * .board_wrapper
 *   .board_container - the board container itself
 *   .modalBaseLayer
 *      .IGop_modal_container - modal window
 */

.board_wrapper{
	position:relative;
	width:100%;
	min-width:320px;
	background-color:rgb(245, 245, 245);
	padding-top: 40px;
	padding-bottom: 20px;
	left: -10px;
	z-index: 1;
}

output.game_board {
	margin-top: 15px;
	width: 100%;
	display: flex;
	flex-direction: column;
}


/** 19x19 : 16px*18=288, 17px*18=306 **/
.board_container {
	position:relative;
	width:320px;
	height:438px;
	background-image: url("../img/board/goban.png");
	left: 0px;
	margin: auto;
}

.board_grid {
	position:absolute;
    top: 16px;  
    left: 16px;  
	width:288px;
	height:306px;
	border: solid 1px #000000;
	background-image:
    linear-gradient(
      transparent 95%,
      rgba(0, 0, 0, 0.5) 5%,
	  rgba(0, 0, 0, 0.7) 4%
    ),
    linear-gradient(
      90deg,
      transparent 95%,
      rgba(0, 0, 0, 0.5) 5%,
	  rgba(0, 0, 0, 0.7) 4%
    );
    background-size: 16px 17px;
    background-repeat: repeat;
}

.star {
	position:absolute;
	width: 3px;
	height: 3px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #000000;
}

.board_19 .star.left{ left: 63px; }
.board_19 .star.center{ left: 159px; }
.board_19 .star.right{ left: 255px; }
.board_19 .star.top { top: 66px; }
.board_19 .star.middle { top: 168px; }
.board_19 .star.bottom { top: 270px; }

.grid_point {
	position:absolute;
	width: 16px;
	height: 16px;
}

.black_stone {
	position:absolute;
	width: 16px;
	height: 16px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #ccc;
	-webkit-box-shadow: inset 0px 5px 8px 10px #111111;
	-moz-box-shadow: inset 0px 5px 8px 10px #111111;
	box-shadow: inset 0px 2px 5px 5px #111111;
	-moz-transform: rotate(-210deg);
	-webkit-transform: rotate(-210deg);
	transform: rotate(-210deg);
}

.white_stone {
	position:absolute;
	width: 16px;
	height: 16px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	-webkit-box-shadow: inset 0px 5px 8px 10px #111111;
	-moz-box-shadow: inset 0px 5px 8px 10px #111111;
	box-shadow: inset 0px 5px 6px 1px #aaa;
	-moz-transform: rotate(-210deg);
	-webkit-transform: rotate(-210deg);
	transform: rotate(-210deg);
}

.last_move {
	position:absolute;
	width: 8px;
	height: 8px;
	border-style: solid;
	border-color: red;
	border-width: 2px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: 3px;
    margin-left: 3px;
	border-radius: 3px;
}

.IGop_comment_container {
	width: 100%;
	height: 70px;
	padding: 3px 20px 0px 20px;
	font-size: small; 
	overflow: auto;
}

.horizontal_scale_wrapper {
	position:absolute;
	display: flex;
	justify-content:space-between;
	padding: 1px 14px 0px 14px;
	width: 100%;
	height: 20px;
	font-size: x-small;
	cursor: default;
}

.vertical_scale_wrapper div{
	text-align: center;
}

.vertical_scale_wrapper {
	position:absolute;
	display: flex;
	flex-direction: column;
	justify-content:space-between;
	padding: 10px 0px 16px 0px;
	width: 16px;
	height: 345px;
	font-size: x-small;
	cursor: default;
}

.last_move.hideBorder{
	visibility:hidden;
}
.hideBorderFlag .last_move {
	visibility:hidden;
}
.hide_comment_flag {
	visibility:hidden;
}
.hide_scale_flag {
	visibility:hidden;
}

.move_num {
	position:absolute;
	width: 16px;
	height: 16px;
	top: 1px;
	left: -1.5px;
	-moz-transform: rotate(40deg);
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	font-size:9px;
	text-align: center;
}
.black_stone .move_num {
        color: #ffffff;
}

.hide_num .move_num {
        display: none;
}

.IGop_cell_marking {
	cursor: default;
	position: absolute;
	font-weight: bold;
	color: #000000;
	top: -1px;
	left: 4px;
}

.IGop_cell_marking .fa_tr{
	margin-top: -3px;
}

.IGop_comment_container{
	font-size: 0.8em;
}

.board_19 ._1_1{top:8px;left:8px;}
.board_19 ._1_2{top:25px;left:8px;}
.board_19 ._1_3{top:42px;left:8px;}
.board_19 ._1_4{top:59px;left:8px;}
.board_19 ._1_5{top:76px;left:8px;}
.board_19 ._1_6{top:93px;left:8px;}
.board_19 ._1_7{top:110px;left:8px;}
.board_19 ._1_8{top:127px;left:8px;}
.board_19 ._1_9{top:144px;left:8px;}
.board_19 ._1_10{top:161px;left:8px;}
.board_19 ._1_11{top:178px;left:8px;}
.board_19 ._1_12{top:195px;left:8px;}
.board_19 ._1_13{top:212px;left:8px;}
.board_19 ._1_14{top:229px;left:8px;}
.board_19 ._1_15{top:246px;left:8px;}
.board_19 ._1_16{top:263px;left:8px;}
.board_19 ._1_17{top:280px;left:8px;}
.board_19 ._1_18{top:297px;left:8px;}
.board_19 ._1_19{top:314px;left:8px;}
.board_19 ._2_1{top:8px;left:24px;}
.board_19 ._2_2{top:25px;left:24px;}
.board_19 ._2_3{top:42px;left:24px;}
.board_19 ._2_4{top:59px;left:24px;}
.board_19 ._2_5{top:76px;left:24px;}
.board_19 ._2_6{top:93px;left:24px;}
.board_19 ._2_7{top:110px;left:24px;}
.board_19 ._2_8{top:127px;left:24px;}
.board_19 ._2_9{top:144px;left:24px;}
.board_19 ._2_10{top:161px;left:24px;}
.board_19 ._2_11{top:178px;left:24px;}
.board_19 ._2_12{top:195px;left:24px;}
.board_19 ._2_13{top:212px;left:24px;}
.board_19 ._2_14{top:229px;left:24px;}
.board_19 ._2_15{top:246px;left:24px;}
.board_19 ._2_16{top:263px;left:24px;}
.board_19 ._2_17{top:280px;left:24px;}
.board_19 ._2_18{top:297px;left:24px;}
.board_19 ._2_19{top:314px;left:24px;}
.board_19 ._3_1{top:8px;left:40px;}
.board_19 ._3_2{top:25px;left:40px;}
.board_19 ._3_3{top:42px;left:40px;}
.board_19 ._3_4{top:59px;left:40px;}
.board_19 ._3_5{top:76px;left:40px;}
.board_19 ._3_6{top:93px;left:40px;}
.board_19 ._3_7{top:110px;left:40px;}
.board_19 ._3_8{top:127px;left:40px;}
.board_19 ._3_9{top:144px;left:40px;}
.board_19 ._3_10{top:161px;left:40px;}
.board_19 ._3_11{top:178px;left:40px;}
.board_19 ._3_12{top:195px;left:40px;}
.board_19 ._3_13{top:212px;left:40px;}
.board_19 ._3_14{top:229px;left:40px;}
.board_19 ._3_15{top:246px;left:40px;}
.board_19 ._3_16{top:263px;left:40px;}
.board_19 ._3_17{top:280px;left:40px;}
.board_19 ._3_18{top:297px;left:40px;}
.board_19 ._3_19{top:314px;left:40px;}
.board_19 ._4_1{top:8px;left:56px;}
.board_19 ._4_2{top:25px;left:56px;}
.board_19 ._4_3{top:42px;left:56px;}
.board_19 ._4_4{top:59px;left:56px;}
.board_19 ._4_5{top:76px;left:56px;}
.board_19 ._4_6{top:93px;left:56px;}
.board_19 ._4_7{top:110px;left:56px;}
.board_19 ._4_8{top:127px;left:56px;}
.board_19 ._4_9{top:144px;left:56px;}
.board_19 ._4_10{top:161px;left:56px;}
.board_19 ._4_11{top:178px;left:56px;}
.board_19 ._4_12{top:195px;left:56px;}
.board_19 ._4_13{top:212px;left:56px;}
.board_19 ._4_14{top:229px;left:56px;}
.board_19 ._4_15{top:246px;left:56px;}
.board_19 ._4_16{top:263px;left:56px;}
.board_19 ._4_17{top:280px;left:56px;}
.board_19 ._4_18{top:297px;left:56px;}
.board_19 ._4_19{top:314px;left:56px;}
.board_19 ._5_1{top:8px;left:72px;}
.board_19 ._5_2{top:25px;left:72px;}
.board_19 ._5_3{top:42px;left:72px;}
.board_19 ._5_4{top:59px;left:72px;}
.board_19 ._5_5{top:76px;left:72px;}
.board_19 ._5_6{top:93px;left:72px;}
.board_19 ._5_7{top:110px;left:72px;}
.board_19 ._5_8{top:127px;left:72px;}
.board_19 ._5_9{top:144px;left:72px;}
.board_19 ._5_10{top:161px;left:72px;}
.board_19 ._5_11{top:178px;left:72px;}
.board_19 ._5_12{top:195px;left:72px;}
.board_19 ._5_13{top:212px;left:72px;}
.board_19 ._5_14{top:229px;left:72px;}
.board_19 ._5_15{top:246px;left:72px;}
.board_19 ._5_16{top:263px;left:72px;}
.board_19 ._5_17{top:280px;left:72px;}
.board_19 ._5_18{top:297px;left:72px;}
.board_19 ._5_19{top:314px;left:72px;}
.board_19 ._6_1{top:8px;left:88px;}
.board_19 ._6_2{top:25px;left:88px;}
.board_19 ._6_3{top:42px;left:88px;}
.board_19 ._6_4{top:59px;left:88px;}
.board_19 ._6_5{top:76px;left:88px;}
.board_19 ._6_6{top:93px;left:88px;}
.board_19 ._6_7{top:110px;left:88px;}
.board_19 ._6_8{top:127px;left:88px;}
.board_19 ._6_9{top:144px;left:88px;}
.board_19 ._6_10{top:161px;left:88px;}
.board_19 ._6_11{top:178px;left:88px;}
.board_19 ._6_12{top:195px;left:88px;}
.board_19 ._6_13{top:212px;left:88px;}
.board_19 ._6_14{top:229px;left:88px;}
.board_19 ._6_15{top:246px;left:88px;}
.board_19 ._6_16{top:263px;left:88px;}
.board_19 ._6_17{top:280px;left:88px;}
.board_19 ._6_18{top:297px;left:88px;}
.board_19 ._6_19{top:314px;left:88px;}
.board_19 ._7_1{top:8px;left:104px;}
.board_19 ._7_2{top:25px;left:104px;}
.board_19 ._7_3{top:42px;left:104px;}
.board_19 ._7_4{top:59px;left:104px;}
.board_19 ._7_5{top:76px;left:104px;}
.board_19 ._7_6{top:93px;left:104px;}
.board_19 ._7_7{top:110px;left:104px;}
.board_19 ._7_8{top:127px;left:104px;}
.board_19 ._7_9{top:144px;left:104px;}
.board_19 ._7_10{top:161px;left:104px;}
.board_19 ._7_11{top:178px;left:104px;}
.board_19 ._7_12{top:195px;left:104px;}
.board_19 ._7_13{top:212px;left:104px;}
.board_19 ._7_14{top:229px;left:104px;}
.board_19 ._7_15{top:246px;left:104px;}
.board_19 ._7_16{top:263px;left:104px;}
.board_19 ._7_17{top:280px;left:104px;}
.board_19 ._7_18{top:297px;left:104px;}
.board_19 ._7_19{top:314px;left:104px;}
.board_19 ._8_1{top:8px;left:120px;}
.board_19 ._8_2{top:25px;left:120px;}
.board_19 ._8_3{top:42px;left:120px;}
.board_19 ._8_4{top:59px;left:120px;}
.board_19 ._8_5{top:76px;left:120px;}
.board_19 ._8_6{top:93px;left:120px;}
.board_19 ._8_7{top:110px;left:120px;}
.board_19 ._8_8{top:127px;left:120px;}
.board_19 ._8_9{top:144px;left:120px;}
.board_19 ._8_10{top:161px;left:120px;}
.board_19 ._8_11{top:178px;left:120px;}
.board_19 ._8_12{top:195px;left:120px;}
.board_19 ._8_13{top:212px;left:120px;}
.board_19 ._8_14{top:229px;left:120px;}
.board_19 ._8_15{top:246px;left:120px;}
.board_19 ._8_16{top:263px;left:120px;}
.board_19 ._8_17{top:280px;left:120px;}
.board_19 ._8_18{top:297px;left:120px;}
.board_19 ._8_19{top:314px;left:120px;}
.board_19 ._9_1{top:8px;left:136px;}
.board_19 ._9_2{top:25px;left:136px;}
.board_19 ._9_3{top:42px;left:136px;}
.board_19 ._9_4{top:59px;left:136px;}
.board_19 ._9_5{top:76px;left:136px;}
.board_19 ._9_6{top:93px;left:136px;}
.board_19 ._9_7{top:110px;left:136px;}
.board_19 ._9_8{top:127px;left:136px;}
.board_19 ._9_9{top:144px;left:136px;}
.board_19 ._9_10{top:161px;left:136px;}
.board_19 ._9_11{top:178px;left:136px;}
.board_19 ._9_12{top:195px;left:136px;}
.board_19 ._9_13{top:212px;left:136px;}
.board_19 ._9_14{top:229px;left:136px;}
.board_19 ._9_15{top:246px;left:136px;}
.board_19 ._9_16{top:263px;left:136px;}
.board_19 ._9_17{top:280px;left:136px;}
.board_19 ._9_18{top:297px;left:136px;}
.board_19 ._9_19{top:314px;left:136px;}
.board_19 ._10_1{top:8px;left:152px;}
.board_19 ._10_2{top:25px;left:152px;}
.board_19 ._10_3{top:42px;left:152px;}
.board_19 ._10_4{top:59px;left:152px;}
.board_19 ._10_5{top:76px;left:152px;}
.board_19 ._10_6{top:93px;left:152px;}
.board_19 ._10_7{top:110px;left:152px;}
.board_19 ._10_8{top:127px;left:152px;}
.board_19 ._10_9{top:144px;left:152px;}
.board_19 ._10_10{top:161px;left:152px;}
.board_19 ._10_11{top:178px;left:152px;}
.board_19 ._10_12{top:195px;left:152px;}
.board_19 ._10_13{top:212px;left:152px;}
.board_19 ._10_14{top:229px;left:152px;}
.board_19 ._10_15{top:246px;left:152px;}
.board_19 ._10_16{top:263px;left:152px;}
.board_19 ._10_17{top:280px;left:152px;}
.board_19 ._10_18{top:297px;left:152px;}
.board_19 ._10_19{top:314px;left:152px;}
.board_19 ._11_1{top:8px;left:168px;}
.board_19 ._11_2{top:25px;left:168px;}
.board_19 ._11_3{top:42px;left:168px;}
.board_19 ._11_4{top:59px;left:168px;}
.board_19 ._11_5{top:76px;left:168px;}
.board_19 ._11_6{top:93px;left:168px;}
.board_19 ._11_7{top:110px;left:168px;}
.board_19 ._11_8{top:127px;left:168px;}
.board_19 ._11_9{top:144px;left:168px;}
.board_19 ._11_10{top:161px;left:168px;}
.board_19 ._11_11{top:178px;left:168px;}
.board_19 ._11_12{top:195px;left:168px;}
.board_19 ._11_13{top:212px;left:168px;}
.board_19 ._11_14{top:229px;left:168px;}
.board_19 ._11_15{top:246px;left:168px;}
.board_19 ._11_16{top:263px;left:168px;}
.board_19 ._11_17{top:280px;left:168px;}
.board_19 ._11_18{top:297px;left:168px;}
.board_19 ._11_19{top:314px;left:168px;}
.board_19 ._12_1{top:8px;left:184px;}
.board_19 ._12_2{top:25px;left:184px;}
.board_19 ._12_3{top:42px;left:184px;}
.board_19 ._12_4{top:59px;left:184px;}
.board_19 ._12_5{top:76px;left:184px;}
.board_19 ._12_6{top:93px;left:184px;}
.board_19 ._12_7{top:110px;left:184px;}
.board_19 ._12_8{top:127px;left:184px;}
.board_19 ._12_9{top:144px;left:184px;}
.board_19 ._12_10{top:161px;left:184px;}
.board_19 ._12_11{top:178px;left:184px;}
.board_19 ._12_12{top:195px;left:184px;}
.board_19 ._12_13{top:212px;left:184px;}
.board_19 ._12_14{top:229px;left:184px;}
.board_19 ._12_15{top:246px;left:184px;}
.board_19 ._12_16{top:263px;left:184px;}
.board_19 ._12_17{top:280px;left:184px;}
.board_19 ._12_18{top:297px;left:184px;}
.board_19 ._12_19{top:314px;left:184px;}
.board_19 ._13_1{top:8px;left:200px;}
.board_19 ._13_2{top:25px;left:200px;}
.board_19 ._13_3{top:42px;left:200px;}
.board_19 ._13_4{top:59px;left:200px;}
.board_19 ._13_5{top:76px;left:200px;}
.board_19 ._13_6{top:93px;left:200px;}
.board_19 ._13_7{top:110px;left:200px;}
.board_19 ._13_8{top:127px;left:200px;}
.board_19 ._13_9{top:144px;left:200px;}
.board_19 ._13_10{top:161px;left:200px;}
.board_19 ._13_11{top:178px;left:200px;}
.board_19 ._13_12{top:195px;left:200px;}
.board_19 ._13_13{top:212px;left:200px;}
.board_19 ._13_14{top:229px;left:200px;}
.board_19 ._13_15{top:246px;left:200px;}
.board_19 ._13_16{top:263px;left:200px;}
.board_19 ._13_17{top:280px;left:200px;}
.board_19 ._13_18{top:297px;left:200px;}
.board_19 ._13_19{top:314px;left:200px;}
.board_19 ._14_1{top:8px;left:216px;}
.board_19 ._14_2{top:25px;left:216px;}
.board_19 ._14_3{top:42px;left:216px;}
.board_19 ._14_4{top:59px;left:216px;}
.board_19 ._14_5{top:76px;left:216px;}
.board_19 ._14_6{top:93px;left:216px;}
.board_19 ._14_7{top:110px;left:216px;}
.board_19 ._14_8{top:127px;left:216px;}
.board_19 ._14_9{top:144px;left:216px;}
.board_19 ._14_10{top:161px;left:216px;}
.board_19 ._14_11{top:178px;left:216px;}
.board_19 ._14_12{top:195px;left:216px;}
.board_19 ._14_13{top:212px;left:216px;}
.board_19 ._14_14{top:229px;left:216px;}
.board_19 ._14_15{top:246px;left:216px;}
.board_19 ._14_16{top:263px;left:216px;}
.board_19 ._14_17{top:280px;left:216px;}
.board_19 ._14_18{top:297px;left:216px;}
.board_19 ._14_19{top:314px;left:216px;}
.board_19 ._15_1{top:8px;left:232px;}
.board_19 ._15_2{top:25px;left:232px;}
.board_19 ._15_3{top:42px;left:232px;}
.board_19 ._15_4{top:59px;left:232px;}
.board_19 ._15_5{top:76px;left:232px;}
.board_19 ._15_6{top:93px;left:232px;}
.board_19 ._15_7{top:110px;left:232px;}
.board_19 ._15_8{top:127px;left:232px;}
.board_19 ._15_9{top:144px;left:232px;}
.board_19 ._15_10{top:161px;left:232px;}
.board_19 ._15_11{top:178px;left:232px;}
.board_19 ._15_12{top:195px;left:232px;}
.board_19 ._15_13{top:212px;left:232px;}
.board_19 ._15_14{top:229px;left:232px;}
.board_19 ._15_15{top:246px;left:232px;}
.board_19 ._15_16{top:263px;left:232px;}
.board_19 ._15_17{top:280px;left:232px;}
.board_19 ._15_18{top:297px;left:232px;}
.board_19 ._15_19{top:314px;left:232px;}
.board_19 ._16_1{top:8px;left:248px;}
.board_19 ._16_2{top:25px;left:248px;}
.board_19 ._16_3{top:42px;left:248px;}
.board_19 ._16_4{top:59px;left:248px;}
.board_19 ._16_5{top:76px;left:248px;}
.board_19 ._16_6{top:93px;left:248px;}
.board_19 ._16_7{top:110px;left:248px;}
.board_19 ._16_8{top:127px;left:248px;}
.board_19 ._16_9{top:144px;left:248px;}
.board_19 ._16_10{top:161px;left:248px;}
.board_19 ._16_11{top:178px;left:248px;}
.board_19 ._16_12{top:195px;left:248px;}
.board_19 ._16_13{top:212px;left:248px;}
.board_19 ._16_14{top:229px;left:248px;}
.board_19 ._16_15{top:246px;left:248px;}
.board_19 ._16_16{top:263px;left:248px;}
.board_19 ._16_17{top:280px;left:248px;}
.board_19 ._16_18{top:297px;left:248px;}
.board_19 ._16_19{top:314px;left:248px;}
.board_19 ._17_1{top:8px;left:264px;}
.board_19 ._17_2{top:25px;left:264px;}
.board_19 ._17_3{top:42px;left:264px;}
.board_19 ._17_4{top:59px;left:264px;}
.board_19 ._17_5{top:76px;left:264px;}
.board_19 ._17_6{top:93px;left:264px;}
.board_19 ._17_7{top:110px;left:264px;}
.board_19 ._17_8{top:127px;left:264px;}
.board_19 ._17_9{top:144px;left:264px;}
.board_19 ._17_10{top:161px;left:264px;}
.board_19 ._17_11{top:178px;left:264px;}
.board_19 ._17_12{top:195px;left:264px;}
.board_19 ._17_13{top:212px;left:264px;}
.board_19 ._17_14{top:229px;left:264px;}
.board_19 ._17_15{top:246px;left:264px;}
.board_19 ._17_16{top:263px;left:264px;}
.board_19 ._17_17{top:280px;left:264px;}
.board_19 ._17_18{top:297px;left:264px;}
.board_19 ._17_19{top:314px;left:264px;}
.board_19 ._18_1{top:8px;left:280px;}
.board_19 ._18_2{top:25px;left:280px;}
.board_19 ._18_3{top:42px;left:280px;}
.board_19 ._18_4{top:59px;left:280px;}
.board_19 ._18_5{top:76px;left:280px;}
.board_19 ._18_6{top:93px;left:280px;}
.board_19 ._18_7{top:110px;left:280px;}
.board_19 ._18_8{top:127px;left:280px;}
.board_19 ._18_9{top:144px;left:280px;}
.board_19 ._18_10{top:161px;left:280px;}
.board_19 ._18_11{top:178px;left:280px;}
.board_19 ._18_12{top:195px;left:280px;}
.board_19 ._18_13{top:212px;left:280px;}
.board_19 ._18_14{top:229px;left:280px;}
.board_19 ._18_15{top:246px;left:280px;}
.board_19 ._18_16{top:263px;left:280px;}
.board_19 ._18_17{top:280px;left:280px;}
.board_19 ._18_18{top:297px;left:280px;}
.board_19 ._18_19{top:314px;left:280px;}
.board_19 ._19_1{top:8px;left:296px;}
.board_19 ._19_2{top:25px;left:296px;}
.board_19 ._19_3{top:42px;left:296px;}
.board_19 ._19_4{top:59px;left:296px;}
.board_19 ._19_5{top:76px;left:296px;}
.board_19 ._19_6{top:93px;left:296px;}
.board_19 ._19_7{top:110px;left:296px;}
.board_19 ._19_8{top:127px;left:296px;}
.board_19 ._19_9{top:144px;left:296px;}
.board_19 ._19_10{top:161px;left:296px;}
.board_19 ._19_11{top:178px;left:296px;}
.board_19 ._19_12{top:195px;left:296px;}
.board_19 ._19_13{top:212px;left:296px;}
.board_19 ._19_14{top:229px;left:296px;}
.board_19 ._19_15{top:246px;left:296px;}
.board_19 ._19_16{top:263px;left:296px;}
.board_19 ._19_17{top:280px;left:296px;}
.board_19 ._19_18{top:297px;left:296px;}
.board_19 ._19_19{top:314px;left:296px;}


/** 9x9 39px*8=312 40px*8=320 include controller's height **/
.board_container.board_9 {
	width:359px;
	height:468px;
}

.board_9 .board_grid {
	top: 24px;  
    left: 24px;  
	width:312px;
	height:320px;
	border: solid 1px #000000;

	background-image:
    linear-gradient(
      transparent 97%,
      rgba(0, 0, 0, 0.5) 3%,
	  rgba(0, 0, 0, 0.7) 2%
    ),
    linear-gradient(
      90deg,
      transparent 97%,
      rgba(0, 0, 0, 0.5) 3%,
	  rgba(0, 0, 0, 0.7) 2%
    );
    background-size: 39px 40px;
}

.board_9 .center_point_9 {
	top: 182px;  
    left: 178px;  
}

.board_9 .last_move {
	width: 17px;
	height: 17px;
	border-style: solid;
	border-color: red;
	border-width: 2px;
	margin-top: 11px;
    margin-left: 11px;
}

.board_9 .horizontal_scale_wrapper {

}

.board_9 .vertical_scale_wrapper {
	padding: 16px 0px 16px 0px;
	width: 16px;
	height: 365px;
}

.board_9 .black_stone,.board_9 .white_stone {
	width: 39px;
	height: 39px;
}

.board_9 .black_stone {
	-webkit-box-shadow: inset 0px 5px 8px 10px #111111;
	-moz-box-shadow: inset 0px 5px 8px 10px #111111;
	box-shadow: inset 0px 5px 17px 12px #111111;
	-moz-transform: rotate(-210deg);
	-webkit-transform: rotate(-210deg);
	transform: rotate(-210deg);
}

.board_9 .IGop_cell_marking {
	font-size: 1.2em;
	font-weight: bold;
	top: 5px;
	left: 13px;
}

.board_9 .IGop_cell_marking .fa_tr{
	margin-top: -3px;
}

.board_9 .controller_btn_container {
	position:absolute;
	width: 100%;
	height: 100px;
    background-color:rgb(245, 245, 245);
    top: 368px;
}

.board_9 ._1_1{top:5px;left:5px;}
.board_9 ._1_2{top:45px;left:5px;}
.board_9 ._1_3{top:85px;left:5px;}
.board_9 ._1_4{top:125px;left:5px;}
.board_9 ._1_5{top:165px;left:5px;}
.board_9 ._1_6{top:205px;left:5px;}
.board_9 ._1_7{top:245px;left:5px;}
.board_9 ._1_8{top:285px;left:5px;}
.board_9 ._1_9{top:325px;left:5px;}
.board_9 ._2_1{top:5px;left:44px;}
.board_9 ._2_2{top:45px;left:44px;}
.board_9 ._2_3{top:85px;left:44px;}
.board_9 ._2_4{top:125px;left:44px;}
.board_9 ._2_5{top:165px;left:44px;}
.board_9 ._2_6{top:205px;left:44px;}
.board_9 ._2_7{top:245px;left:44px;}
.board_9 ._2_8{top:285px;left:44px;}
.board_9 ._2_9{top:325px;left:44px;}
.board_9 ._3_1{top:5px;left:83px;}
.board_9 ._3_2{top:45px;left:83px;}
.board_9 ._3_3{top:85px;left:83px;}
.board_9 ._3_4{top:125px;left:83px;}
.board_9 ._3_5{top:165px;left:83px;}
.board_9 ._3_6{top:205px;left:83px;}
.board_9 ._3_7{top:245px;left:83px;}
.board_9 ._3_8{top:285px;left:83px;}
.board_9 ._3_9{top:325px;left:83px;}
.board_9 ._4_1{top:5px;left:122px;}
.board_9 ._4_2{top:45px;left:122px;}
.board_9 ._4_3{top:85px;left:122px;}
.board_9 ._4_4{top:125px;left:122px;}
.board_9 ._4_5{top:165px;left:122px;}
.board_9 ._4_6{top:205px;left:122px;}
.board_9 ._4_7{top:245px;left:122px;}
.board_9 ._4_8{top:285px;left:122px;}
.board_9 ._4_9{top:325px;left:122px;}
.board_9 ._5_1{top:5px;left:161px;}
.board_9 ._5_2{top:45px;left:161px;}
.board_9 ._5_3{top:85px;left:161px;}
.board_9 ._5_4{top:125px;left:161px;}
.board_9 ._5_5{top:165px;left:161px;}
.board_9 ._5_6{top:205px;left:161px;}
.board_9 ._5_7{top:245px;left:161px;}
.board_9 ._5_8{top:285px;left:161px;}
.board_9 ._5_9{top:325px;left:161px;}
.board_9 ._6_1{top:5px;left:200px;}
.board_9 ._6_2{top:45px;left:200px;}
.board_9 ._6_3{top:85px;left:200px;}
.board_9 ._6_4{top:125px;left:200px;}
.board_9 ._6_5{top:165px;left:200px;}
.board_9 ._6_6{top:205px;left:200px;}
.board_9 ._6_7{top:245px;left:200px;}
.board_9 ._6_8{top:285px;left:200px;}
.board_9 ._6_9{top:325px;left:200px;}
.board_9 ._7_1{top:5px;left:239px;}
.board_9 ._7_2{top:45px;left:239px;}
.board_9 ._7_3{top:85px;left:239px;}
.board_9 ._7_4{top:125px;left:239px;}
.board_9 ._7_5{top:165px;left:239px;}
.board_9 ._7_6{top:205px;left:239px;}
.board_9 ._7_7{top:245px;left:239px;}
.board_9 ._7_8{top:285px;left:239px;}
.board_9 ._7_9{top:325px;left:239px;}
.board_9 ._8_1{top:5px;left:278px;}
.board_9 ._8_2{top:45px;left:278px;}
.board_9 ._8_3{top:85px;left:278px;}
.board_9 ._8_4{top:125px;left:278px;}
.board_9 ._8_5{top:165px;left:278px;}
.board_9 ._8_6{top:205px;left:278px;}
.board_9 ._8_7{top:245px;left:278px;}
.board_9 ._8_8{top:285px;left:278px;}
.board_9 ._8_9{top:325px;left:278px;}
.board_9 ._9_1{top:5px;left:317px;}
.board_9 ._9_2{top:45px;left:317px;}
.board_9 ._9_3{top:85px;left:317px;}
.board_9 ._9_4{top:125px;left:317px;}
.board_9 ._9_5{top:165px;left:317px;}
.board_9 ._9_6{top:205px;left:317px;}
.board_9 ._9_7{top:245px;left:317px;}
.board_9 ._9_8{top:285px;left:317px;}
.board_9 ._9_9{top:325px;left:317px;}


/** 13x13 23px*12=276 24px*12=288 **/
.board_container.board_13 {
	width:320px;
	height:430px;
}

.board_13 .board_grid {
	top: 21px;  
    left: 21px;  
	width:276px;
	height:288px;
	border: solid 1px #000000;

	background-image:
    linear-gradient(
      transparent 97%,
      rgba(0, 0, 0, 0.5) 3%,
	  rgba(0, 0, 0, 0.7) 2%
    ),
    linear-gradient(
      90deg,
      transparent 97%,
      rgba(0, 0, 0, 0.5) 3%,
	  rgba(0, 0, 0, 0.7) 2%
    );
    background-size: 23px 24px;
}

.board_13 .center_point_13 {
	top: 211px;  
    left: 205px;  
}

.board_13 .last_move {
	width: 10px;
	height: 10px;
	border-width: 2px;
	margin-top: 6px;
    margin-left: 6px;
}

.board_13 .horizontal_scale_wrapper {

}

.board_13 .vertical_scale_wrapper {
	padding: 12px 0px 12px 0px;
	width: 16px;
	height: 330px;
}

.board_13 .black_stone,.board_13 .white_stone {
	width: 23px;
	height: 23px;
}

.board_13 .black_stone {
	-webkit-box-shadow: inset 0px 3px 9px 6px #111111;
	-moz-box-shadow: inset 0px 3px 9px 6px #111111;
	box-shadow: inset 0px 3px 10px 6px #111111;
	-moz-transform: rotate(-210deg);
	-webkit-transform: rotate(-210deg);
	transform: rotate(-210deg);
}

.board_13 .IGop_cell_marking {
	font-size: 1.2em;
	font-weight: bold;
	top: 0px;
	left: 5px;
}

.board_13 .IGop_cell_marking .fa_tr{
	margin-top: -3px;
}

.board_13 .controller_btn_container {
	position:absolute;
	width: 100%;
	height: 100px;
    background-color:rgb(245, 245, 245);
    top: 330px;
}

.board_13 ._1_1{top:10px;left:10px;}
.board_13 ._1_2{top:34px;left:10px;}
.board_13 ._1_3{top:58px;left:10px;}
.board_13 ._1_4{top:82px;left:10px;}
.board_13 ._1_5{top:106px;left:10px;}
.board_13 ._1_6{top:130px;left:10px;}
.board_13 ._1_7{top:154px;left:10px;}
.board_13 ._1_8{top:178px;left:10px;}
.board_13 ._1_9{top:202px;left:10px;}
.board_13 ._1_10{top:226px;left:10px;}
.board_13 ._1_11{top:250px;left:10px;}
.board_13 ._1_12{top:274px;left:10px;}
.board_13 ._1_13{top:298px;left:10px;}
.board_13 ._2_1{top:10px;left:33px;}
.board_13 ._2_2{top:34px;left:33px;}
.board_13 ._2_3{top:58px;left:33px;}
.board_13 ._2_4{top:82px;left:33px;}
.board_13 ._2_5{top:106px;left:33px;}
.board_13 ._2_6{top:130px;left:33px;}
.board_13 ._2_7{top:154px;left:33px;}
.board_13 ._2_8{top:178px;left:33px;}
.board_13 ._2_9{top:202px;left:33px;}
.board_13 ._2_10{top:226px;left:33px;}
.board_13 ._2_11{top:250px;left:33px;}
.board_13 ._2_12{top:274px;left:33px;}
.board_13 ._2_13{top:298px;left:33px;}
.board_13 ._3_1{top:10px;left:56px;}
.board_13 ._3_2{top:34px;left:56px;}
.board_13 ._3_3{top:58px;left:56px;}
.board_13 ._3_4{top:82px;left:56px;}
.board_13 ._3_5{top:106px;left:56px;}
.board_13 ._3_6{top:130px;left:56px;}
.board_13 ._3_7{top:154px;left:56px;}
.board_13 ._3_8{top:178px;left:56px;}
.board_13 ._3_9{top:202px;left:56px;}
.board_13 ._3_10{top:226px;left:56px;}
.board_13 ._3_11{top:250px;left:56px;}
.board_13 ._3_12{top:274px;left:56px;}
.board_13 ._3_13{top:298px;left:56px;}
.board_13 ._4_1{top:10px;left:79px;}
.board_13 ._4_2{top:34px;left:79px;}
.board_13 ._4_3{top:58px;left:79px;}
.board_13 ._4_4{top:82px;left:79px;}
.board_13 ._4_5{top:106px;left:79px;}
.board_13 ._4_6{top:130px;left:79px;}
.board_13 ._4_7{top:154px;left:79px;}
.board_13 ._4_8{top:178px;left:79px;}
.board_13 ._4_9{top:202px;left:79px;}
.board_13 ._4_10{top:226px;left:79px;}
.board_13 ._4_11{top:250px;left:79px;}
.board_13 ._4_12{top:274px;left:79px;}
.board_13 ._4_13{top:298px;left:79px;}
.board_13 ._5_1{top:10px;left:102px;}
.board_13 ._5_2{top:34px;left:102px;}
.board_13 ._5_3{top:58px;left:102px;}
.board_13 ._5_4{top:82px;left:102px;}
.board_13 ._5_5{top:106px;left:102px;}
.board_13 ._5_6{top:130px;left:102px;}
.board_13 ._5_7{top:154px;left:102px;}
.board_13 ._5_8{top:178px;left:102px;}
.board_13 ._5_9{top:202px;left:102px;}
.board_13 ._5_10{top:226px;left:102px;}
.board_13 ._5_11{top:250px;left:102px;}
.board_13 ._5_12{top:274px;left:102px;}
.board_13 ._5_13{top:298px;left:102px;}
.board_13 ._6_1{top:10px;left:125px;}
.board_13 ._6_2{top:34px;left:125px;}
.board_13 ._6_3{top:58px;left:125px;}
.board_13 ._6_4{top:82px;left:125px;}
.board_13 ._6_5{top:106px;left:125px;}
.board_13 ._6_6{top:130px;left:125px;}
.board_13 ._6_7{top:154px;left:125px;}
.board_13 ._6_8{top:178px;left:125px;}
.board_13 ._6_9{top:202px;left:125px;}
.board_13 ._6_10{top:226px;left:125px;}
.board_13 ._6_11{top:250px;left:125px;}
.board_13 ._6_12{top:274px;left:125px;}
.board_13 ._6_13{top:298px;left:125px;}
.board_13 ._7_1{top:10px;left:148px;}
.board_13 ._7_2{top:34px;left:148px;}
.board_13 ._7_3{top:58px;left:148px;}
.board_13 ._7_4{top:82px;left:148px;}
.board_13 ._7_5{top:106px;left:148px;}
.board_13 ._7_6{top:130px;left:148px;}
.board_13 ._7_7{top:154px;left:148px;}
.board_13 ._7_8{top:178px;left:148px;}
.board_13 ._7_9{top:202px;left:148px;}
.board_13 ._7_10{top:226px;left:148px;}
.board_13 ._7_11{top:250px;left:148px;}
.board_13 ._7_12{top:274px;left:148px;}
.board_13 ._7_13{top:298px;left:148px;}
.board_13 ._8_1{top:10px;left:171px;}
.board_13 ._8_2{top:34px;left:171px;}
.board_13 ._8_3{top:58px;left:171px;}
.board_13 ._8_4{top:82px;left:171px;}
.board_13 ._8_5{top:106px;left:171px;}
.board_13 ._8_6{top:130px;left:171px;}
.board_13 ._8_7{top:154px;left:171px;}
.board_13 ._8_8{top:178px;left:171px;}
.board_13 ._8_9{top:202px;left:171px;}
.board_13 ._8_10{top:226px;left:171px;}
.board_13 ._8_11{top:250px;left:171px;}
.board_13 ._8_12{top:274px;left:171px;}
.board_13 ._8_13{top:298px;left:171px;}
.board_13 ._9_1{top:10px;left:194px;}
.board_13 ._9_2{top:34px;left:194px;}
.board_13 ._9_3{top:58px;left:194px;}
.board_13 ._9_4{top:82px;left:194px;}
.board_13 ._9_5{top:106px;left:194px;}
.board_13 ._9_6{top:130px;left:194px;}
.board_13 ._9_7{top:154px;left:194px;}
.board_13 ._9_8{top:178px;left:194px;}
.board_13 ._9_9{top:202px;left:194px;}
.board_13 ._9_10{top:226px;left:194px;}
.board_13 ._9_11{top:250px;left:194px;}
.board_13 ._9_12{top:274px;left:194px;}
.board_13 ._9_13{top:298px;left:194px;}
.board_13 ._10_1{top:10px;left:217px;}
.board_13 ._10_2{top:34px;left:217px;}
.board_13 ._10_3{top:58px;left:217px;}
.board_13 ._10_4{top:82px;left:217px;}
.board_13 ._10_5{top:106px;left:217px;}
.board_13 ._10_6{top:130px;left:217px;}
.board_13 ._10_7{top:154px;left:217px;}
.board_13 ._10_8{top:178px;left:217px;}
.board_13 ._10_9{top:202px;left:217px;}
.board_13 ._10_10{top:226px;left:217px;}
.board_13 ._10_11{top:250px;left:217px;}
.board_13 ._10_12{top:274px;left:217px;}
.board_13 ._10_13{top:298px;left:217px;}
.board_13 ._11_1{top:10px;left:240px;}
.board_13 ._11_2{top:34px;left:240px;}
.board_13 ._11_3{top:58px;left:240px;}
.board_13 ._11_4{top:82px;left:240px;}
.board_13 ._11_5{top:106px;left:240px;}
.board_13 ._11_6{top:130px;left:240px;}
.board_13 ._11_7{top:154px;left:240px;}
.board_13 ._11_8{top:178px;left:240px;}
.board_13 ._11_9{top:202px;left:240px;}
.board_13 ._11_10{top:226px;left:240px;}
.board_13 ._11_11{top:250px;left:240px;}
.board_13 ._11_12{top:274px;left:240px;}
.board_13 ._11_13{top:298px;left:240px;}
.board_13 ._12_1{top:10px;left:263px;}
.board_13 ._12_2{top:34px;left:263px;}
.board_13 ._12_3{top:58px;left:263px;}
.board_13 ._12_4{top:82px;left:263px;}
.board_13 ._12_5{top:106px;left:263px;}
.board_13 ._12_6{top:130px;left:263px;}
.board_13 ._12_7{top:154px;left:263px;}
.board_13 ._12_8{top:178px;left:263px;}
.board_13 ._12_9{top:202px;left:263px;}
.board_13 ._12_10{top:226px;left:263px;}
.board_13 ._12_11{top:250px;left:263px;}
.board_13 ._12_12{top:274px;left:263px;}
.board_13 ._12_13{top:298px;left:263px;}
.board_13 ._13_1{top:10px;left:286px;}
.board_13 ._13_2{top:34px;left:286px;}
.board_13 ._13_3{top:58px;left:286px;}
.board_13 ._13_4{top:82px;left:286px;}
.board_13 ._13_5{top:106px;left:286px;}
.board_13 ._13_6{top:130px;left:286px;}
.board_13 ._13_7{top:154px;left:286px;}
.board_13 ._13_8{top:178px;left:286px;}
.board_13 ._13_9{top:202px;left:286px;}
.board_13 ._13_10{top:226px;left:286px;}
.board_13 ._13_11{top:250px;left:286px;}
.board_13 ._13_12{top:274px;left:286px;}
.board_13 ._13_13{top:298px;left:286px;}

.controller_btn_container {
	position:absolute;
	width: 100%;
	height: 100px;
        background-color:rgb(245, 245, 245);
        top: 338px;
}

.controller_btn {
	height: 50px;
	top: 0px;
        background-color:rgb(245, 245, 245);
        cursor: default;
        display: flex;
        align-items: center;
}

.controller_btn:focus {
        background-color:rgb(245, 245, 245);
}

.controller_btn i{
	width: 25px;
	font-size:25px;
	margin:auto;
}

.backward_move {
	width: 33%;
	position:absolute;
        left:0;
}
.forward_move {
	width: 33%;
	position:absolute;
        left:33%;
        margin-right:0.5%;
        margin-left:0.5%;
        
}

.play_move {
	width: 33%;
	position:absolute;
        left:67%;
}
.range-info{
	position:absolute;
	top: 67px;
	width:60%;
	height:33px;
	left:5%;
	background-color:;
}

#numberOfMoves {
	top: -5px;
	width:12%;
	height:30px;
	left:112%;
	position:absolute;
	padding: 4px 5px 2px;
	min-width: 40px;
	color: rgb(255, 255, 255);
	background-color: rgb(153, 153, 153);
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	white-space: nowrap;
	vertical-align: middle;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;

}

.moveNumber {
	top: -5px;
	width:12%;
	height:30px;
	left:112%;
	position:absolute;
	padding: 4px 5px 2px;
	min-width: 40px;
	color: rgb(255, 255, 255);
	background-color: rgb(153, 153, 153);
	text-align: center;
	text-decoration: none;
	border-radius: 5px;
	white-space: nowrap;
	vertical-align: middle;

    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;

    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;

}

#display_option{
    top: -5px;
	width:12%;
	height:30px;
	left:137%;
	position:absolute;
	padding: 2px 5px 3px;
	min-width: 30px;

}


@media screen and (min-width:375px) { 
/********************************* for small devices *********************************/

.board_wrapper{	
	min-width:375px;
	left: -10px;
}

.board_container {
	width:375px;
	height:493px;
}
.board_grid {
    top: 16px;  
    left: 16px;  
	width:342px;
	height:360px;
	border: solid 1px #000000;
	background-image:
    linear-gradient(
      transparent 96%,
      rgba(0, 0, 0, 0.1) 4%,
	  rgba(0, 0, 0, 0.55) 3%
    ),
    linear-gradient(
      90deg,
      transparent 96%,
      rgba(0, 0, 0, 0.1) 4%,
	  rgba(0, 0, 0, 0.55) 3%
    );
    background-size: 19px 20px;
}

.black_stone {
	position:absolute;
	width: 16px;
	height: 16px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #aaa;
	-webkit-box-shadow: inset 0px 5px 8px 10px #111111;
	-moz-box-shadow: inset 0px 5px 8px 10px #111111;
	box-shadow: inset 0px 2px 6px 6px #111111;
	-moz-transform: rotate(-210deg);
	-webkit-transform: rotate(-210deg);
	transform: rotate(-210deg);
}

.white_stone {
	position:absolute;
	width: 16px;
	height: 16px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	-webkit-box-shadow: inset 0px 5px 8px 10px #111111;
	-moz-box-shadow: inset 0px 5px 8px 10px #111111;
	box-shadow: inset 0px 5px 6px 1px #aaa;
	-moz-transform: rotate(-210deg);
	-webkit-transform: rotate(-210deg);
	transform: rotate(-210deg);
}

.board_19 .star.left{ left: 72px; }
.board_19 .star.center{ left: 186px; }
.board_19 .star.right{ left: 300px; }
.board_19 .star.top { top: 75px; }
.board_19 .star.middle { top: 195px; }
.board_19 .star.bottom { top: 315px; }

.board_19 .last_move {
	width: 10px;
	height: 10px;
	border-style: solid;
	border-color: red;
	border-width: 2px;
	margin-top: 4px;
    margin-left: 4px;
	border-radius: 3px;
}

.horizontal_scale_wrapper {
	padding: 2px 16px 0px 16px;
	height: 20px;
}

.vertical_scale_wrapper {
	padding: 10px 0px;
	height: 393px;
}


.black_stone,.white_stone {
	width: 19px;
	height: 19px;
}

.controller_btn_container {
        top: 393px;
}

.board_19 ._1_1{top:7px;left:7px;}
.board_19 ._1_2{top:27px;left:7px;}
.board_19 ._1_3{top:47px;left:7px;}
.board_19 ._1_4{top:67px;left:7px;}
.board_19 ._1_5{top:87px;left:7px;}
.board_19 ._1_6{top:107px;left:7px;}
.board_19 ._1_7{top:127px;left:7px;}
.board_19 ._1_8{top:147px;left:7px;}
.board_19 ._1_9{top:167px;left:7px;}
.board_19 ._1_10{top:187px;left:7px;}
.board_19 ._1_11{top:207px;left:7px;}
.board_19 ._1_12{top:227px;left:7px;}
.board_19 ._1_13{top:247px;left:7px;}
.board_19 ._1_14{top:267px;left:7px;}
.board_19 ._1_15{top:287px;left:7px;}
.board_19 ._1_16{top:307px;left:7px;}
.board_19 ._1_17{top:327px;left:7px;}
.board_19 ._1_18{top:347px;left:7px;}
.board_19 ._1_19{top:367px;left:7px;}
.board_19 ._2_1{top:7px;left:26px;}
.board_19 ._2_2{top:27px;left:26px;}
.board_19 ._2_3{top:47px;left:26px;}
.board_19 ._2_4{top:67px;left:26px;}
.board_19 ._2_5{top:87px;left:26px;}
.board_19 ._2_6{top:107px;left:26px;}
.board_19 ._2_7{top:127px;left:26px;}
.board_19 ._2_8{top:147px;left:26px;}
.board_19 ._2_9{top:167px;left:26px;}
.board_19 ._2_10{top:187px;left:26px;}
.board_19 ._2_11{top:207px;left:26px;}
.board_19 ._2_12{top:227px;left:26px;}
.board_19 ._2_13{top:247px;left:26px;}
.board_19 ._2_14{top:267px;left:26px;}
.board_19 ._2_15{top:287px;left:26px;}
.board_19 ._2_16{top:307px;left:26px;}
.board_19 ._2_17{top:327px;left:26px;}
.board_19 ._2_18{top:347px;left:26px;}
.board_19 ._2_19{top:367px;left:26px;}
.board_19 ._3_1{top:7px;left:45px;}
.board_19 ._3_2{top:27px;left:45px;}
.board_19 ._3_3{top:47px;left:45px;}
.board_19 ._3_4{top:67px;left:45px;}
.board_19 ._3_5{top:87px;left:45px;}
.board_19 ._3_6{top:107px;left:45px;}
.board_19 ._3_7{top:127px;left:45px;}
.board_19 ._3_8{top:147px;left:45px;}
.board_19 ._3_9{top:167px;left:45px;}
.board_19 ._3_10{top:187px;left:45px;}
.board_19 ._3_11{top:207px;left:45px;}
.board_19 ._3_12{top:227px;left:45px;}
.board_19 ._3_13{top:247px;left:45px;}
.board_19 ._3_14{top:267px;left:45px;}
.board_19 ._3_15{top:287px;left:45px;}
.board_19 ._3_16{top:307px;left:45px;}
.board_19 ._3_17{top:327px;left:45px;}
.board_19 ._3_18{top:347px;left:45px;}
.board_19 ._3_19{top:367px;left:45px;}
.board_19 ._4_1{top:7px;left:64px;}
.board_19 ._4_2{top:27px;left:64px;}
.board_19 ._4_3{top:47px;left:64px;}
.board_19 ._4_4{top:67px;left:64px;}
.board_19 ._4_5{top:87px;left:64px;}
.board_19 ._4_6{top:107px;left:64px;}
.board_19 ._4_7{top:127px;left:64px;}
.board_19 ._4_8{top:147px;left:64px;}
.board_19 ._4_9{top:167px;left:64px;}
.board_19 ._4_10{top:187px;left:64px;}
.board_19 ._4_11{top:207px;left:64px;}
.board_19 ._4_12{top:227px;left:64px;}
.board_19 ._4_13{top:247px;left:64px;}
.board_19 ._4_14{top:267px;left:64px;}
.board_19 ._4_15{top:287px;left:64px;}
.board_19 ._4_16{top:307px;left:64px;}
.board_19 ._4_17{top:327px;left:64px;}
.board_19 ._4_18{top:347px;left:64px;}
.board_19 ._4_19{top:367px;left:64px;}
.board_19 ._5_1{top:7px;left:83px;}
.board_19 ._5_2{top:27px;left:83px;}
.board_19 ._5_3{top:47px;left:83px;}
.board_19 ._5_4{top:67px;left:83px;}
.board_19 ._5_5{top:87px;left:83px;}
.board_19 ._5_6{top:107px;left:83px;}
.board_19 ._5_7{top:127px;left:83px;}
.board_19 ._5_8{top:147px;left:83px;}
.board_19 ._5_9{top:167px;left:83px;}
.board_19 ._5_10{top:187px;left:83px;}
.board_19 ._5_11{top:207px;left:83px;}
.board_19 ._5_12{top:227px;left:83px;}
.board_19 ._5_13{top:247px;left:83px;}
.board_19 ._5_14{top:267px;left:83px;}
.board_19 ._5_15{top:287px;left:83px;}
.board_19 ._5_16{top:307px;left:83px;}
.board_19 ._5_17{top:327px;left:83px;}
.board_19 ._5_18{top:347px;left:83px;}
.board_19 ._5_19{top:367px;left:83px;}
.board_19 ._6_1{top:7px;left:102px;}
.board_19 ._6_2{top:27px;left:102px;}
.board_19 ._6_3{top:47px;left:102px;}
.board_19 ._6_4{top:67px;left:102px;}
.board_19 ._6_5{top:87px;left:102px;}
.board_19 ._6_6{top:107px;left:102px;}
.board_19 ._6_7{top:127px;left:102px;}
.board_19 ._6_8{top:147px;left:102px;}
.board_19 ._6_9{top:167px;left:102px;}
.board_19 ._6_10{top:187px;left:102px;}
.board_19 ._6_11{top:207px;left:102px;}
.board_19 ._6_12{top:227px;left:102px;}
.board_19 ._6_13{top:247px;left:102px;}
.board_19 ._6_14{top:267px;left:102px;}
.board_19 ._6_15{top:287px;left:102px;}
.board_19 ._6_16{top:307px;left:102px;}
.board_19 ._6_17{top:327px;left:102px;}
.board_19 ._6_18{top:347px;left:102px;}
.board_19 ._6_19{top:367px;left:102px;}
.board_19 ._7_1{top:7px;left:121px;}
.board_19 ._7_2{top:27px;left:121px;}
.board_19 ._7_3{top:47px;left:121px;}
.board_19 ._7_4{top:67px;left:121px;}
.board_19 ._7_5{top:87px;left:121px;}
.board_19 ._7_6{top:107px;left:121px;}
.board_19 ._7_7{top:127px;left:121px;}
.board_19 ._7_8{top:147px;left:121px;}
.board_19 ._7_9{top:167px;left:121px;}
.board_19 ._7_10{top:187px;left:121px;}
.board_19 ._7_11{top:207px;left:121px;}
.board_19 ._7_12{top:227px;left:121px;}
.board_19 ._7_13{top:247px;left:121px;}
.board_19 ._7_14{top:267px;left:121px;}
.board_19 ._7_15{top:287px;left:121px;}
.board_19 ._7_16{top:307px;left:121px;}
.board_19 ._7_17{top:327px;left:121px;}
.board_19 ._7_18{top:347px;left:121px;}
.board_19 ._7_19{top:367px;left:121px;}
.board_19 ._8_1{top:7px;left:140px;}
.board_19 ._8_2{top:27px;left:140px;}
.board_19 ._8_3{top:47px;left:140px;}
.board_19 ._8_4{top:67px;left:140px;}
.board_19 ._8_5{top:87px;left:140px;}
.board_19 ._8_6{top:107px;left:140px;}
.board_19 ._8_7{top:127px;left:140px;}
.board_19 ._8_8{top:147px;left:140px;}
.board_19 ._8_9{top:167px;left:140px;}
.board_19 ._8_10{top:187px;left:140px;}
.board_19 ._8_11{top:207px;left:140px;}
.board_19 ._8_12{top:227px;left:140px;}
.board_19 ._8_13{top:247px;left:140px;}
.board_19 ._8_14{top:267px;left:140px;}
.board_19 ._8_15{top:287px;left:140px;}
.board_19 ._8_16{top:307px;left:140px;}
.board_19 ._8_17{top:327px;left:140px;}
.board_19 ._8_18{top:347px;left:140px;}
.board_19 ._8_19{top:367px;left:140px;}
.board_19 ._9_1{top:7px;left:159px;}
.board_19 ._9_2{top:27px;left:159px;}
.board_19 ._9_3{top:47px;left:159px;}
.board_19 ._9_4{top:67px;left:159px;}
.board_19 ._9_5{top:87px;left:159px;}
.board_19 ._9_6{top:107px;left:159px;}
.board_19 ._9_7{top:127px;left:159px;}
.board_19 ._9_8{top:147px;left:159px;}
.board_19 ._9_9{top:167px;left:159px;}
.board_19 ._9_10{top:187px;left:159px;}
.board_19 ._9_11{top:207px;left:159px;}
.board_19 ._9_12{top:227px;left:159px;}
.board_19 ._9_13{top:247px;left:159px;}
.board_19 ._9_14{top:267px;left:159px;}
.board_19 ._9_15{top:287px;left:159px;}
.board_19 ._9_16{top:307px;left:159px;}
.board_19 ._9_17{top:327px;left:159px;}
.board_19 ._9_18{top:347px;left:159px;}
.board_19 ._9_19{top:367px;left:159px;}
.board_19 ._10_1{top:7px;left:178px;}
.board_19 ._10_2{top:27px;left:178px;}
.board_19 ._10_3{top:47px;left:178px;}
.board_19 ._10_4{top:67px;left:178px;}
.board_19 ._10_5{top:87px;left:178px;}
.board_19 ._10_6{top:107px;left:178px;}
.board_19 ._10_7{top:127px;left:178px;}
.board_19 ._10_8{top:147px;left:178px;}
.board_19 ._10_9{top:167px;left:178px;}
.board_19 ._10_10{top:187px;left:178px;}
.board_19 ._10_11{top:207px;left:178px;}
.board_19 ._10_12{top:227px;left:178px;}
.board_19 ._10_13{top:247px;left:178px;}
.board_19 ._10_14{top:267px;left:178px;}
.board_19 ._10_15{top:287px;left:178px;}
.board_19 ._10_16{top:307px;left:178px;}
.board_19 ._10_17{top:327px;left:178px;}
.board_19 ._10_18{top:347px;left:178px;}
.board_19 ._10_19{top:367px;left:178px;}
.board_19 ._11_1{top:7px;left:197px;}
.board_19 ._11_2{top:27px;left:197px;}
.board_19 ._11_3{top:47px;left:197px;}
.board_19 ._11_4{top:67px;left:197px;}
.board_19 ._11_5{top:87px;left:197px;}
.board_19 ._11_6{top:107px;left:197px;}
.board_19 ._11_7{top:127px;left:197px;}
.board_19 ._11_8{top:147px;left:197px;}
.board_19 ._11_9{top:167px;left:197px;}
.board_19 ._11_10{top:187px;left:197px;}
.board_19 ._11_11{top:207px;left:197px;}
.board_19 ._11_12{top:227px;left:197px;}
.board_19 ._11_13{top:247px;left:197px;}
.board_19 ._11_14{top:267px;left:197px;}
.board_19 ._11_15{top:287px;left:197px;}
.board_19 ._11_16{top:307px;left:197px;}
.board_19 ._11_17{top:327px;left:197px;}
.board_19 ._11_18{top:347px;left:197px;}
.board_19 ._11_19{top:367px;left:197px;}
.board_19 ._12_1{top:7px;left:216px;}
.board_19 ._12_2{top:27px;left:216px;}
.board_19 ._12_3{top:47px;left:216px;}
.board_19 ._12_4{top:67px;left:216px;}
.board_19 ._12_5{top:87px;left:216px;}
.board_19 ._12_6{top:107px;left:216px;}
.board_19 ._12_7{top:127px;left:216px;}
.board_19 ._12_8{top:147px;left:216px;}
.board_19 ._12_9{top:167px;left:216px;}
.board_19 ._12_10{top:187px;left:216px;}
.board_19 ._12_11{top:207px;left:216px;}
.board_19 ._12_12{top:227px;left:216px;}
.board_19 ._12_13{top:247px;left:216px;}
.board_19 ._12_14{top:267px;left:216px;}
.board_19 ._12_15{top:287px;left:216px;}
.board_19 ._12_16{top:307px;left:216px;}
.board_19 ._12_17{top:327px;left:216px;}
.board_19 ._12_18{top:347px;left:216px;}
.board_19 ._12_19{top:367px;left:216px;}
.board_19 ._13_1{top:7px;left:235px;}
.board_19 ._13_2{top:27px;left:235px;}
.board_19 ._13_3{top:47px;left:235px;}
.board_19 ._13_4{top:67px;left:235px;}
.board_19 ._13_5{top:87px;left:235px;}
.board_19 ._13_6{top:107px;left:235px;}
.board_19 ._13_7{top:127px;left:235px;}
.board_19 ._13_8{top:147px;left:235px;}
.board_19 ._13_9{top:167px;left:235px;}
.board_19 ._13_10{top:187px;left:235px;}
.board_19 ._13_11{top:207px;left:235px;}
.board_19 ._13_12{top:227px;left:235px;}
.board_19 ._13_13{top:247px;left:235px;}
.board_19 ._13_14{top:267px;left:235px;}
.board_19 ._13_15{top:287px;left:235px;}
.board_19 ._13_16{top:307px;left:235px;}
.board_19 ._13_17{top:327px;left:235px;}
.board_19 ._13_18{top:347px;left:235px;}
.board_19 ._13_19{top:367px;left:235px;}
.board_19 ._14_1{top:7px;left:254px;}
.board_19 ._14_2{top:27px;left:254px;}
.board_19 ._14_3{top:47px;left:254px;}
.board_19 ._14_4{top:67px;left:254px;}
.board_19 ._14_5{top:87px;left:254px;}
.board_19 ._14_6{top:107px;left:254px;}
.board_19 ._14_7{top:127px;left:254px;}
.board_19 ._14_8{top:147px;left:254px;}
.board_19 ._14_9{top:167px;left:254px;}
.board_19 ._14_10{top:187px;left:254px;}
.board_19 ._14_11{top:207px;left:254px;}
.board_19 ._14_12{top:227px;left:254px;}
.board_19 ._14_13{top:247px;left:254px;}
.board_19 ._14_14{top:267px;left:254px;}
.board_19 ._14_15{top:287px;left:254px;}
.board_19 ._14_16{top:307px;left:254px;}
.board_19 ._14_17{top:327px;left:254px;}
.board_19 ._14_18{top:347px;left:254px;}
.board_19 ._14_19{top:367px;left:254px;}
.board_19 ._15_1{top:7px;left:273px;}
.board_19 ._15_2{top:27px;left:273px;}
.board_19 ._15_3{top:47px;left:273px;}
.board_19 ._15_4{top:67px;left:273px;}
.board_19 ._15_5{top:87px;left:273px;}
.board_19 ._15_6{top:107px;left:273px;}
.board_19 ._15_7{top:127px;left:273px;}
.board_19 ._15_8{top:147px;left:273px;}
.board_19 ._15_9{top:167px;left:273px;}
.board_19 ._15_10{top:187px;left:273px;}
.board_19 ._15_11{top:207px;left:273px;}
.board_19 ._15_12{top:227px;left:273px;}
.board_19 ._15_13{top:247px;left:273px;}
.board_19 ._15_14{top:267px;left:273px;}
.board_19 ._15_15{top:287px;left:273px;}
.board_19 ._15_16{top:307px;left:273px;}
.board_19 ._15_17{top:327px;left:273px;}
.board_19 ._15_18{top:347px;left:273px;}
.board_19 ._15_19{top:367px;left:273px;}
.board_19 ._16_1{top:7px;left:292px;}
.board_19 ._16_2{top:27px;left:292px;}
.board_19 ._16_3{top:47px;left:292px;}
.board_19 ._16_4{top:67px;left:292px;}
.board_19 ._16_5{top:87px;left:292px;}
.board_19 ._16_6{top:107px;left:292px;}
.board_19 ._16_7{top:127px;left:292px;}
.board_19 ._16_8{top:147px;left:292px;}
.board_19 ._16_9{top:167px;left:292px;}
.board_19 ._16_10{top:187px;left:292px;}
.board_19 ._16_11{top:207px;left:292px;}
.board_19 ._16_12{top:227px;left:292px;}
.board_19 ._16_13{top:247px;left:292px;}
.board_19 ._16_14{top:267px;left:292px;}
.board_19 ._16_15{top:287px;left:292px;}
.board_19 ._16_16{top:307px;left:292px;}
.board_19 ._16_17{top:327px;left:292px;}
.board_19 ._16_18{top:347px;left:292px;}
.board_19 ._16_19{top:367px;left:292px;}
.board_19 ._17_1{top:7px;left:311px;}
.board_19 ._17_2{top:27px;left:311px;}
.board_19 ._17_3{top:47px;left:311px;}
.board_19 ._17_4{top:67px;left:311px;}
.board_19 ._17_5{top:87px;left:311px;}
.board_19 ._17_6{top:107px;left:311px;}
.board_19 ._17_7{top:127px;left:311px;}
.board_19 ._17_8{top:147px;left:311px;}
.board_19 ._17_9{top:167px;left:311px;}
.board_19 ._17_10{top:187px;left:311px;}
.board_19 ._17_11{top:207px;left:311px;}
.board_19 ._17_12{top:227px;left:311px;}
.board_19 ._17_13{top:247px;left:311px;}
.board_19 ._17_14{top:267px;left:311px;}
.board_19 ._17_15{top:287px;left:311px;}
.board_19 ._17_16{top:307px;left:311px;}
.board_19 ._17_17{top:327px;left:311px;}
.board_19 ._17_18{top:347px;left:311px;}
.board_19 ._17_19{top:367px;left:311px;}
.board_19 ._18_1{top:7px;left:330px;}
.board_19 ._18_2{top:27px;left:330px;}
.board_19 ._18_3{top:47px;left:330px;}
.board_19 ._18_4{top:67px;left:330px;}
.board_19 ._18_5{top:87px;left:330px;}
.board_19 ._18_6{top:107px;left:330px;}
.board_19 ._18_7{top:127px;left:330px;}
.board_19 ._18_8{top:147px;left:330px;}
.board_19 ._18_9{top:167px;left:330px;}
.board_19 ._18_10{top:187px;left:330px;}
.board_19 ._18_11{top:207px;left:330px;}
.board_19 ._18_12{top:227px;left:330px;}
.board_19 ._18_13{top:247px;left:330px;}
.board_19 ._18_14{top:267px;left:330px;}
.board_19 ._18_15{top:287px;left:330px;}
.board_19 ._18_16{top:307px;left:330px;}
.board_19 ._18_17{top:327px;left:330px;}
.board_19 ._18_18{top:347px;left:330px;}
.board_19 ._18_19{top:367px;left:330px;}
.board_19 ._19_1{top:7px;left:349px;}
.board_19 ._19_2{top:27px;left:349px;}
.board_19 ._19_3{top:47px;left:349px;}
.board_19 ._19_4{top:67px;left:349px;}
.board_19 ._19_5{top:87px;left:349px;}
.board_19 ._19_6{top:107px;left:349px;}
.board_19 ._19_7{top:127px;left:349px;}
.board_19 ._19_8{top:147px;left:349px;}
.board_19 ._19_9{top:167px;left:349px;}
.board_19 ._19_10{top:187px;left:349px;}
.board_19 ._19_11{top:207px;left:349px;}
.board_19 ._19_12{top:227px;left:349px;}
.board_19 ._19_13{top:247px;left:349px;}
.board_19 ._19_14{top:267px;left:349px;}
.board_19 ._19_15{top:287px;left:349px;}
.board_19 ._19_16{top:307px;left:349px;}
.board_19 ._19_17{top:327px;left:349px;}
.board_19 ._19_18{top:347px;left:349px;}
.board_19 ._19_19{top:367px;left:349px;}




}

@media screen and (min-width:380px) { 
output.game_board {
	width: 100%;
	display: flex;
	flex-direction: column;
}
	
.board_wrapper{	
    min-width:375px;
	left:-10px;
}
	
.entry-content .board_wrapper{
	left: -0px;
}

}

@media screen and (min-width:414px) { 
/****************************** for medium devieces ************************************/
output.game_board {
	width: 100%;
	display: flex;
	flex-direction: column;
}
.board_wrapper{	
	left:0px;
	top: 0px;
	min-width: 414px;
	margin-bottom: 20px;
}
	
.IGop_comment_container{
	font-size: 1em;
}
	
/** 13x13 31px*12 = 372 32px*12 = 384 **/
.board_container.board_13 {
	width:414px;
	height:526px;
}

.board_13 .board_grid {
	top: 21px;  
    left: 21px;  
	width:372px;
	height:384px;
	border: solid 1px #000000;

	background-image:
    linear-gradient(
      transparent 97%,
      rgba(0, 0, 0, 0.5) 3%,
	  rgba(0, 0, 0, 0.7) 2%
    ),
    linear-gradient(
      90deg,
      transparent 97%,
      rgba(0, 0, 0, 0.5) 3%,
	  rgba(0, 0, 0, 0.7) 2%
    );
    background-size: 31px 32px;
}

.board_13 .center_point_13 {
	top: 211px;  
    left: 205px;  
}

.board_13 .last_move {
	width: 13px;
	height: 13px;
	border-width: 2px;
	margin-top: 9px;
    margin-left: 9px;
}

.board_13 .horizontal_scale_wrapper {

}

.board_13 .vertical_scale_wrapper {
	padding: 14px 0px 16px 0px;
	width: 16px;
	height: 427px;
}

.board_13 .black_stone,.board_13 .white_stone {
	width: 31px;
	height: 31px;
}

.board_13 .black_stone {
	background-color: #ccc;
	-webkit-box-shadow: inset 0px 5px 8px 10px #111111;
	-moz-box-shadow: inset 0px 5px 8px 10px #111111;
	box-shadow: inset 0px 5px 8px 10px #111111;
}
	
.board_13 .IGop_cell_marking {
	font-size: 1.2em;
	font-weight: bold;
	top: 1px;
	left: 8px;
}

.board_13 .IGop_cell_marking .fa_tr{
	margin-top: -3px;
}

.board_13 .controller_btn_container {
	position:absolute;
	width: 100%;
	height: 100px;
    background-color:rgb(245, 245, 245);
    top: 426px;
}

.board_13 ._1_1{top:6px;left:6px;}
.board_13 ._1_2{top:38px;left:6px;}
.board_13 ._1_3{top:70px;left:6px;}
.board_13 ._1_4{top:102px;left:6px;}
.board_13 ._1_5{top:134px;left:6px;}
.board_13 ._1_6{top:166px;left:6px;}
.board_13 ._1_7{top:198px;left:6px;}
.board_13 ._1_8{top:230px;left:6px;}
.board_13 ._1_9{top:262px;left:6px;}
.board_13 ._1_10{top:294px;left:6px;}
.board_13 ._1_11{top:326px;left:6px;}
.board_13 ._1_12{top:358px;left:6px;}
.board_13 ._1_13{top:390px;left:6px;}
.board_13 ._2_1{top:6px;left:37px;}
.board_13 ._2_2{top:38px;left:37px;}
.board_13 ._2_3{top:70px;left:37px;}
.board_13 ._2_4{top:102px;left:37px;}
.board_13 ._2_5{top:134px;left:37px;}
.board_13 ._2_6{top:166px;left:37px;}
.board_13 ._2_7{top:198px;left:37px;}
.board_13 ._2_8{top:230px;left:37px;}
.board_13 ._2_9{top:262px;left:37px;}
.board_13 ._2_10{top:294px;left:37px;}
.board_13 ._2_11{top:326px;left:37px;}
.board_13 ._2_12{top:358px;left:37px;}
.board_13 ._2_13{top:390px;left:37px;}
.board_13 ._3_1{top:6px;left:68px;}
.board_13 ._3_2{top:38px;left:68px;}
.board_13 ._3_3{top:70px;left:68px;}
.board_13 ._3_4{top:102px;left:68px;}
.board_13 ._3_5{top:134px;left:68px;}
.board_13 ._3_6{top:166px;left:68px;}
.board_13 ._3_7{top:198px;left:68px;}
.board_13 ._3_8{top:230px;left:68px;}
.board_13 ._3_9{top:262px;left:68px;}
.board_13 ._3_10{top:294px;left:68px;}
.board_13 ._3_11{top:326px;left:68px;}
.board_13 ._3_12{top:358px;left:68px;}
.board_13 ._3_13{top:390px;left:68px;}
.board_13 ._4_1{top:6px;left:99px;}
.board_13 ._4_2{top:38px;left:99px;}
.board_13 ._4_3{top:70px;left:99px;}
.board_13 ._4_4{top:102px;left:99px;}
.board_13 ._4_5{top:134px;left:99px;}
.board_13 ._4_6{top:166px;left:99px;}
.board_13 ._4_7{top:198px;left:99px;}
.board_13 ._4_8{top:230px;left:99px;}
.board_13 ._4_9{top:262px;left:99px;}
.board_13 ._4_10{top:294px;left:99px;}
.board_13 ._4_11{top:326px;left:99px;}
.board_13 ._4_12{top:358px;left:99px;}
.board_13 ._4_13{top:390px;left:99px;}
.board_13 ._5_1{top:6px;left:130px;}
.board_13 ._5_2{top:38px;left:130px;}
.board_13 ._5_3{top:70px;left:130px;}
.board_13 ._5_4{top:102px;left:130px;}
.board_13 ._5_5{top:134px;left:130px;}
.board_13 ._5_6{top:166px;left:130px;}
.board_13 ._5_7{top:198px;left:130px;}
.board_13 ._5_8{top:230px;left:130px;}
.board_13 ._5_9{top:262px;left:130px;}
.board_13 ._5_10{top:294px;left:130px;}
.board_13 ._5_11{top:326px;left:130px;}
.board_13 ._5_12{top:358px;left:130px;}
.board_13 ._5_13{top:390px;left:130px;}
.board_13 ._6_1{top:6px;left:161px;}
.board_13 ._6_2{top:38px;left:161px;}
.board_13 ._6_3{top:70px;left:161px;}
.board_13 ._6_4{top:102px;left:161px;}
.board_13 ._6_5{top:134px;left:161px;}
.board_13 ._6_6{top:166px;left:161px;}
.board_13 ._6_7{top:198px;left:161px;}
.board_13 ._6_8{top:230px;left:161px;}
.board_13 ._6_9{top:262px;left:161px;}
.board_13 ._6_10{top:294px;left:161px;}
.board_13 ._6_11{top:326px;left:161px;}
.board_13 ._6_12{top:358px;left:161px;}
.board_13 ._6_13{top:390px;left:161px;}
.board_13 ._7_1{top:6px;left:192px;}
.board_13 ._7_2{top:38px;left:192px;}
.board_13 ._7_3{top:70px;left:192px;}
.board_13 ._7_4{top:102px;left:192px;}
.board_13 ._7_5{top:134px;left:192px;}
.board_13 ._7_6{top:166px;left:192px;}
.board_13 ._7_7{top:198px;left:192px;}
.board_13 ._7_8{top:230px;left:192px;}
.board_13 ._7_9{top:262px;left:192px;}
.board_13 ._7_10{top:294px;left:192px;}
.board_13 ._7_11{top:326px;left:192px;}
.board_13 ._7_12{top:358px;left:192px;}
.board_13 ._7_13{top:390px;left:192px;}
.board_13 ._8_1{top:6px;left:223px;}
.board_13 ._8_2{top:38px;left:223px;}
.board_13 ._8_3{top:70px;left:223px;}
.board_13 ._8_4{top:102px;left:223px;}
.board_13 ._8_5{top:134px;left:223px;}
.board_13 ._8_6{top:166px;left:223px;}
.board_13 ._8_7{top:198px;left:223px;}
.board_13 ._8_8{top:230px;left:223px;}
.board_13 ._8_9{top:262px;left:223px;}
.board_13 ._8_10{top:294px;left:223px;}
.board_13 ._8_11{top:326px;left:223px;}
.board_13 ._8_12{top:358px;left:223px;}
.board_13 ._8_13{top:390px;left:223px;}
.board_13 ._9_1{top:6px;left:254px;}
.board_13 ._9_2{top:38px;left:254px;}
.board_13 ._9_3{top:70px;left:254px;}
.board_13 ._9_4{top:102px;left:254px;}
.board_13 ._9_5{top:134px;left:254px;}
.board_13 ._9_6{top:166px;left:254px;}
.board_13 ._9_7{top:198px;left:254px;}
.board_13 ._9_8{top:230px;left:254px;}
.board_13 ._9_9{top:262px;left:254px;}
.board_13 ._9_10{top:294px;left:254px;}
.board_13 ._9_11{top:326px;left:254px;}
.board_13 ._9_12{top:358px;left:254px;}
.board_13 ._9_13{top:390px;left:254px;}
.board_13 ._10_1{top:6px;left:285px;}
.board_13 ._10_2{top:38px;left:285px;}
.board_13 ._10_3{top:70px;left:285px;}
.board_13 ._10_4{top:102px;left:285px;}
.board_13 ._10_5{top:134px;left:285px;}
.board_13 ._10_6{top:166px;left:285px;}
.board_13 ._10_7{top:198px;left:285px;}
.board_13 ._10_8{top:230px;left:285px;}
.board_13 ._10_9{top:262px;left:285px;}
.board_13 ._10_10{top:294px;left:285px;}
.board_13 ._10_11{top:326px;left:285px;}
.board_13 ._10_12{top:358px;left:285px;}
.board_13 ._10_13{top:390px;left:285px;}
.board_13 ._11_1{top:6px;left:316px;}
.board_13 ._11_2{top:38px;left:316px;}
.board_13 ._11_3{top:70px;left:316px;}
.board_13 ._11_4{top:102px;left:316px;}
.board_13 ._11_5{top:134px;left:316px;}
.board_13 ._11_6{top:166px;left:316px;}
.board_13 ._11_7{top:198px;left:316px;}
.board_13 ._11_8{top:230px;left:316px;}
.board_13 ._11_9{top:262px;left:316px;}
.board_13 ._11_10{top:294px;left:316px;}
.board_13 ._11_11{top:326px;left:316px;}
.board_13 ._11_12{top:358px;left:316px;}
.board_13 ._11_13{top:390px;left:316px;}
.board_13 ._12_1{top:6px;left:347px;}
.board_13 ._12_2{top:38px;left:347px;}
.board_13 ._12_3{top:70px;left:347px;}
.board_13 ._12_4{top:102px;left:347px;}
.board_13 ._12_5{top:134px;left:347px;}
.board_13 ._12_6{top:166px;left:347px;}
.board_13 ._12_7{top:198px;left:347px;}
.board_13 ._12_8{top:230px;left:347px;}
.board_13 ._12_9{top:262px;left:347px;}
.board_13 ._12_10{top:294px;left:347px;}
.board_13 ._12_11{top:326px;left:347px;}
.board_13 ._12_12{top:358px;left:347px;}
.board_13 ._12_13{top:390px;left:347px;}
.board_13 ._13_1{top:6px;left:378px;}
.board_13 ._13_2{top:38px;left:378px;}
.board_13 ._13_3{top:70px;left:378px;}
.board_13 ._13_4{top:102px;left:378px;}
.board_13 ._13_5{top:134px;left:378px;}
.board_13 ._13_6{top:166px;left:378px;}
.board_13 ._13_7{top:198px;left:378px;}
.board_13 ._13_8{top:230px;left:378px;}
.board_13 ._13_9{top:262px;left:378px;}
.board_13 ._13_10{top:294px;left:378px;}
.board_13 ._13_11{top:326px;left:378px;}
.board_13 ._13_12{top:358px;left:378px;}
.board_13 ._13_13{top:390px;left:378px;}

}

@media screen and (min-width:600px){
/********************************* for large devieces  *********************************/
.board_wrapper{	
	left:0px;
	min-width: 600px;
	margin-bottom: 20px;
}	

.board_container {
	width:600px;
	height:718px;
}
.board_grid {
    top: 21px;  
    left: 21px;  
	width:558px;
	height:576px;
	border: solid 1px #000000;
	
	background-image:
    linear-gradient(
      transparent 98%,
      rgba(0, 0, 0, 0.08) 2%,
      rgba(0, 0, 0, 0.7) 1%,
      transparent
    ),
    linear-gradient(
      90deg,
      transparent 98%,
      rgba(0, 0, 0, 0.08) 2%,
      rgba(0, 0, 0, 0.7) 1%,
      transparent
    );

    background-size: 31px 32px;
}

.black_stone {
	position:absolute;
	width: 16px;
	height: 16px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #aaa;
	-webkit-box-shadow: inset 0px 5px 8px 10px #111111;
	-moz-box-shadow: inset 0px 5px 8px 10px #111111;
	box-shadow: inset 0px 5px 8px 10px #111111;
	-moz-transform: rotate(-210deg);
	-webkit-transform: rotate(-210deg);
	transform: rotate(-210deg);
}

.white_stone {
	position:absolute;
	width: 16px;
	height: 16px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	-webkit-box-shadow: inset 0px 5px 8px 10px #111111;
	-moz-box-shadow: inset 0px 5px 8px 10px #111111;
	box-shadow: inset 0px 5px 6px 1px #aaa;
	-moz-transform: rotate(-210deg);
	-webkit-transform: rotate(-210deg);
	transform: rotate(-210deg);
}

.star {
	position:absolute;
	width: 5px;
	height: 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #000000;
}

.board_19 .star.left{ left: 112px; }
.board_19 .star.center{ left: 298px; }
.board_19 .star.right{ left: 484px; }
.board_19 .star.top { top: 115px; }
.board_19 .star.middle { top: 307px; }
.board_19 .star.bottom { top: 499px; }

.board_19 .last_move {
	width: 13px;
	height: 13px;
	margin-top: 8px;
    margin-left: 9px;
	border-radius: 3px;
}

.horizontal_scale_wrapper {
	padding: 2px 20px 0px 20px;
	height: 20px;
}

.vertical_scale_wrapper {
	padding: 16px 0px;
	height: 620px;
}

.black_stone,.white_stone {
	width: 31px;
	height: 31px;
}

.controller_btn_container {
        top: 618px;
}

.IGop_cell_marking {
	font-size: 1.1em;
	top: 2px;
	left: 7px;
}
.IGop_cell_marking .fa_tr{
	margin-top: -3px;
}
	
	
.board_19 ._1_1{top:7px;left:7px;}
.board_19 ._1_2{top:39px;left:7px;}
.board_19 ._1_3{top:71px;left:7px;}
.board_19 ._1_4{top:103px;left:7px;}
.board_19 ._1_5{top:135px;left:7px;}
.board_19 ._1_6{top:167px;left:7px;}
.board_19 ._1_7{top:199px;left:7px;}
.board_19 ._1_8{top:231px;left:7px;}
.board_19 ._1_9{top:263px;left:7px;}
.board_19 ._1_10{top:295px;left:7px;}
.board_19 ._1_11{top:327px;left:7px;}
.board_19 ._1_12{top:359px;left:7px;}
.board_19 ._1_13{top:391px;left:7px;}
.board_19 ._1_14{top:423px;left:7px;}
.board_19 ._1_15{top:455px;left:7px;}
.board_19 ._1_16{top:487px;left:7px;}
.board_19 ._1_17{top:519px;left:7px;}
.board_19 ._1_18{top:551px;left:7px;}
.board_19 ._1_19{top:583px;left:7px;}
.board_19 ._2_1{top:7px;left:38px;}
.board_19 ._2_2{top:39px;left:38px;}
.board_19 ._2_3{top:71px;left:38px;}
.board_19 ._2_4{top:103px;left:38px;}
.board_19 ._2_5{top:135px;left:38px;}
.board_19 ._2_6{top:167px;left:38px;}
.board_19 ._2_7{top:199px;left:38px;}
.board_19 ._2_8{top:231px;left:38px;}
.board_19 ._2_9{top:263px;left:38px;}
.board_19 ._2_10{top:295px;left:38px;}
.board_19 ._2_11{top:327px;left:38px;}
.board_19 ._2_12{top:359px;left:38px;}
.board_19 ._2_13{top:391px;left:38px;}
.board_19 ._2_14{top:423px;left:38px;}
.board_19 ._2_15{top:455px;left:38px;}
.board_19 ._2_16{top:487px;left:38px;}
.board_19 ._2_17{top:519px;left:38px;}
.board_19 ._2_18{top:551px;left:38px;}
.board_19 ._2_19{top:583px;left:38px;}
.board_19 ._3_1{top:7px;left:69px;}
.board_19 ._3_2{top:39px;left:69px;}
.board_19 ._3_3{top:71px;left:69px;}
.board_19 ._3_4{top:103px;left:69px;}
.board_19 ._3_5{top:135px;left:69px;}
.board_19 ._3_6{top:167px;left:69px;}
.board_19 ._3_7{top:199px;left:69px;}
.board_19 ._3_8{top:231px;left:69px;}
.board_19 ._3_9{top:263px;left:69px;}
.board_19 ._3_10{top:295px;left:69px;}
.board_19 ._3_11{top:327px;left:69px;}
.board_19 ._3_12{top:359px;left:69px;}
.board_19 ._3_13{top:391px;left:69px;}
.board_19 ._3_14{top:423px;left:69px;}
.board_19 ._3_15{top:455px;left:69px;}
.board_19 ._3_16{top:487px;left:69px;}
.board_19 ._3_17{top:519px;left:69px;}
.board_19 ._3_18{top:551px;left:69px;}
.board_19 ._3_19{top:583px;left:69px;}
.board_19 ._4_1{top:7px;left:100px;}
.board_19 ._4_2{top:39px;left:100px;}
.board_19 ._4_3{top:71px;left:100px;}
.board_19 ._4_4{top:103px;left:100px;}
.board_19 ._4_5{top:135px;left:100px;}
.board_19 ._4_6{top:167px;left:100px;}
.board_19 ._4_7{top:199px;left:100px;}
.board_19 ._4_8{top:231px;left:100px;}
.board_19 ._4_9{top:263px;left:100px;}
.board_19 ._4_10{top:295px;left:100px;}
.board_19 ._4_11{top:327px;left:100px;}
.board_19 ._4_12{top:359px;left:100px;}
.board_19 ._4_13{top:391px;left:100px;}
.board_19 ._4_14{top:423px;left:100px;}
.board_19 ._4_15{top:455px;left:100px;}
.board_19 ._4_16{top:487px;left:100px;}
.board_19 ._4_17{top:519px;left:100px;}
.board_19 ._4_18{top:551px;left:100px;}
.board_19 ._4_19{top:583px;left:100px;}
.board_19 ._5_1{top:7px;left:131px;}
.board_19 ._5_2{top:39px;left:131px;}
.board_19 ._5_3{top:71px;left:131px;}
.board_19 ._5_4{top:103px;left:131px;}
.board_19 ._5_5{top:135px;left:131px;}
.board_19 ._5_6{top:167px;left:131px;}
.board_19 ._5_7{top:199px;left:131px;}
.board_19 ._5_8{top:231px;left:131px;}
.board_19 ._5_9{top:263px;left:131px;}
.board_19 ._5_10{top:295px;left:131px;}
.board_19 ._5_11{top:327px;left:131px;}
.board_19 ._5_12{top:359px;left:131px;}
.board_19 ._5_13{top:391px;left:131px;}
.board_19 ._5_14{top:423px;left:131px;}
.board_19 ._5_15{top:455px;left:131px;}
.board_19 ._5_16{top:487px;left:131px;}
.board_19 ._5_17{top:519px;left:131px;}
.board_19 ._5_18{top:551px;left:131px;}
.board_19 ._5_19{top:583px;left:131px;}
.board_19 ._6_1{top:7px;left:162px;}
.board_19 ._6_2{top:39px;left:162px;}
.board_19 ._6_3{top:71px;left:162px;}
.board_19 ._6_4{top:103px;left:162px;}
.board_19 ._6_5{top:135px;left:162px;}
.board_19 ._6_6{top:167px;left:162px;}
.board_19 ._6_7{top:199px;left:162px;}
.board_19 ._6_8{top:231px;left:162px;}
.board_19 ._6_9{top:263px;left:162px;}
.board_19 ._6_10{top:295px;left:162px;}
.board_19 ._6_11{top:327px;left:162px;}
.board_19 ._6_12{top:359px;left:162px;}
.board_19 ._6_13{top:391px;left:162px;}
.board_19 ._6_14{top:423px;left:162px;}
.board_19 ._6_15{top:455px;left:162px;}
.board_19 ._6_16{top:487px;left:162px;}
.board_19 ._6_17{top:519px;left:162px;}
.board_19 ._6_18{top:551px;left:162px;}
.board_19 ._6_19{top:583px;left:162px;}
.board_19 ._7_1{top:7px;left:193px;}
.board_19 ._7_2{top:39px;left:193px;}
.board_19 ._7_3{top:71px;left:193px;}
.board_19 ._7_4{top:103px;left:193px;}
.board_19 ._7_5{top:135px;left:193px;}
.board_19 ._7_6{top:167px;left:193px;}
.board_19 ._7_7{top:199px;left:193px;}
.board_19 ._7_8{top:231px;left:193px;}
.board_19 ._7_9{top:263px;left:193px;}
.board_19 ._7_10{top:295px;left:193px;}
.board_19 ._7_11{top:327px;left:193px;}
.board_19 ._7_12{top:359px;left:193px;}
.board_19 ._7_13{top:391px;left:193px;}
.board_19 ._7_14{top:423px;left:193px;}
.board_19 ._7_15{top:455px;left:193px;}
.board_19 ._7_16{top:487px;left:193px;}
.board_19 ._7_17{top:519px;left:193px;}
.board_19 ._7_18{top:551px;left:193px;}
.board_19 ._7_19{top:583px;left:193px;}
.board_19 ._8_1{top:7px;left:224px;}
.board_19 ._8_2{top:39px;left:224px;}
.board_19 ._8_3{top:71px;left:224px;}
.board_19 ._8_4{top:103px;left:224px;}
.board_19 ._8_5{top:135px;left:224px;}
.board_19 ._8_6{top:167px;left:224px;}
.board_19 ._8_7{top:199px;left:224px;}
.board_19 ._8_8{top:231px;left:224px;}
.board_19 ._8_9{top:263px;left:224px;}
.board_19 ._8_10{top:295px;left:224px;}
.board_19 ._8_11{top:327px;left:224px;}
.board_19 ._8_12{top:359px;left:224px;}
.board_19 ._8_13{top:391px;left:224px;}
.board_19 ._8_14{top:423px;left:224px;}
.board_19 ._8_15{top:455px;left:224px;}
.board_19 ._8_16{top:487px;left:224px;}
.board_19 ._8_17{top:519px;left:224px;}
.board_19 ._8_18{top:551px;left:224px;}
.board_19 ._8_19{top:583px;left:224px;}
.board_19 ._9_1{top:7px;left:255px;}
.board_19 ._9_2{top:39px;left:255px;}
.board_19 ._9_3{top:71px;left:255px;}
.board_19 ._9_4{top:103px;left:255px;}
.board_19 ._9_5{top:135px;left:255px;}
.board_19 ._9_6{top:167px;left:255px;}
.board_19 ._9_7{top:199px;left:255px;}
.board_19 ._9_8{top:231px;left:255px;}
.board_19 ._9_9{top:263px;left:255px;}
.board_19 ._9_10{top:295px;left:255px;}
.board_19 ._9_11{top:327px;left:255px;}
.board_19 ._9_12{top:359px;left:255px;}
.board_19 ._9_13{top:391px;left:255px;}
.board_19 ._9_14{top:423px;left:255px;}
.board_19 ._9_15{top:455px;left:255px;}
.board_19 ._9_16{top:487px;left:255px;}
.board_19 ._9_17{top:519px;left:255px;}
.board_19 ._9_18{top:551px;left:255px;}
.board_19 ._9_19{top:583px;left:255px;}
.board_19 ._10_1{top:7px;left:286px;}
.board_19 ._10_2{top:39px;left:286px;}
.board_19 ._10_3{top:71px;left:286px;}
.board_19 ._10_4{top:103px;left:286px;}
.board_19 ._10_5{top:135px;left:286px;}
.board_19 ._10_6{top:167px;left:286px;}
.board_19 ._10_7{top:199px;left:286px;}
.board_19 ._10_8{top:231px;left:286px;}
.board_19 ._10_9{top:263px;left:286px;}
.board_19 ._10_10{top:295px;left:286px;}
.board_19 ._10_11{top:327px;left:286px;}
.board_19 ._10_12{top:359px;left:286px;}
.board_19 ._10_13{top:391px;left:286px;}
.board_19 ._10_14{top:423px;left:286px;}
.board_19 ._10_15{top:455px;left:286px;}
.board_19 ._10_16{top:487px;left:286px;}
.board_19 ._10_17{top:519px;left:286px;}
.board_19 ._10_18{top:551px;left:286px;}
.board_19 ._10_19{top:583px;left:286px;}
.board_19 ._11_1{top:7px;left:317px;}
.board_19 ._11_2{top:39px;left:317px;}
.board_19 ._11_3{top:71px;left:317px;}
.board_19 ._11_4{top:103px;left:317px;}
.board_19 ._11_5{top:135px;left:317px;}
.board_19 ._11_6{top:167px;left:317px;}
.board_19 ._11_7{top:199px;left:317px;}
.board_19 ._11_8{top:231px;left:317px;}
.board_19 ._11_9{top:263px;left:317px;}
.board_19 ._11_10{top:295px;left:317px;}
.board_19 ._11_11{top:327px;left:317px;}
.board_19 ._11_12{top:359px;left:317px;}
.board_19 ._11_13{top:391px;left:317px;}
.board_19 ._11_14{top:423px;left:317px;}
.board_19 ._11_15{top:455px;left:317px;}
.board_19 ._11_16{top:487px;left:317px;}
.board_19 ._11_17{top:519px;left:317px;}
.board_19 ._11_18{top:551px;left:317px;}
.board_19 ._11_19{top:583px;left:317px;}
.board_19 ._12_1{top:7px;left:348px;}
.board_19 ._12_2{top:39px;left:348px;}
.board_19 ._12_3{top:71px;left:348px;}
.board_19 ._12_4{top:103px;left:348px;}
.board_19 ._12_5{top:135px;left:348px;}
.board_19 ._12_6{top:167px;left:348px;}
.board_19 ._12_7{top:199px;left:348px;}
.board_19 ._12_8{top:231px;left:348px;}
.board_19 ._12_9{top:263px;left:348px;}
.board_19 ._12_10{top:295px;left:348px;}
.board_19 ._12_11{top:327px;left:348px;}
.board_19 ._12_12{top:359px;left:348px;}
.board_19 ._12_13{top:391px;left:348px;}
.board_19 ._12_14{top:423px;left:348px;}
.board_19 ._12_15{top:455px;left:348px;}
.board_19 ._12_16{top:487px;left:348px;}
.board_19 ._12_17{top:519px;left:348px;}
.board_19 ._12_18{top:551px;left:348px;}
.board_19 ._12_19{top:583px;left:348px;}
.board_19 ._13_1{top:7px;left:379px;}
.board_19 ._13_2{top:39px;left:379px;}
.board_19 ._13_3{top:71px;left:379px;}
.board_19 ._13_4{top:103px;left:379px;}
.board_19 ._13_5{top:135px;left:379px;}
.board_19 ._13_6{top:167px;left:379px;}
.board_19 ._13_7{top:199px;left:379px;}
.board_19 ._13_8{top:231px;left:379px;}
.board_19 ._13_9{top:263px;left:379px;}
.board_19 ._13_10{top:295px;left:379px;}
.board_19 ._13_11{top:327px;left:379px;}
.board_19 ._13_12{top:359px;left:379px;}
.board_19 ._13_13{top:391px;left:379px;}
.board_19 ._13_14{top:423px;left:379px;}
.board_19 ._13_15{top:455px;left:379px;}
.board_19 ._13_16{top:487px;left:379px;}
.board_19 ._13_17{top:519px;left:379px;}
.board_19 ._13_18{top:551px;left:379px;}
.board_19 ._13_19{top:583px;left:379px;}
.board_19 ._14_1{top:7px;left:410px;}
.board_19 ._14_2{top:39px;left:410px;}
.board_19 ._14_3{top:71px;left:410px;}
.board_19 ._14_4{top:103px;left:410px;}
.board_19 ._14_5{top:135px;left:410px;}
.board_19 ._14_6{top:167px;left:410px;}
.board_19 ._14_7{top:199px;left:410px;}
.board_19 ._14_8{top:231px;left:410px;}
.board_19 ._14_9{top:263px;left:410px;}
.board_19 ._14_10{top:295px;left:410px;}
.board_19 ._14_11{top:327px;left:410px;}
.board_19 ._14_12{top:359px;left:410px;}
.board_19 ._14_13{top:391px;left:410px;}
.board_19 ._14_14{top:423px;left:410px;}
.board_19 ._14_15{top:455px;left:410px;}
.board_19 ._14_16{top:487px;left:410px;}
.board_19 ._14_17{top:519px;left:410px;}
.board_19 ._14_18{top:551px;left:410px;}
.board_19 ._14_19{top:583px;left:410px;}
.board_19 ._15_1{top:7px;left:441px;}
.board_19 ._15_2{top:39px;left:441px;}
.board_19 ._15_3{top:71px;left:441px;}
.board_19 ._15_4{top:103px;left:441px;}
.board_19 ._15_5{top:135px;left:441px;}
.board_19 ._15_6{top:167px;left:441px;}
.board_19 ._15_7{top:199px;left:441px;}
.board_19 ._15_8{top:231px;left:441px;}
.board_19 ._15_9{top:263px;left:441px;}
.board_19 ._15_10{top:295px;left:441px;}
.board_19 ._15_11{top:327px;left:441px;}
.board_19 ._15_12{top:359px;left:441px;}
.board_19 ._15_13{top:391px;left:441px;}
.board_19 ._15_14{top:423px;left:441px;}
.board_19 ._15_15{top:455px;left:441px;}
.board_19 ._15_16{top:487px;left:441px;}
.board_19 ._15_17{top:519px;left:441px;}
.board_19 ._15_18{top:551px;left:441px;}
.board_19 ._15_19{top:583px;left:441px;}
.board_19 ._16_1{top:7px;left:472px;}
.board_19 ._16_2{top:39px;left:472px;}
.board_19 ._16_3{top:71px;left:472px;}
.board_19 ._16_4{top:103px;left:472px;}
.board_19 ._16_5{top:135px;left:472px;}
.board_19 ._16_6{top:167px;left:472px;}
.board_19 ._16_7{top:199px;left:472px;}
.board_19 ._16_8{top:231px;left:472px;}
.board_19 ._16_9{top:263px;left:472px;}
.board_19 ._16_10{top:295px;left:472px;}
.board_19 ._16_11{top:327px;left:472px;}
.board_19 ._16_12{top:359px;left:472px;}
.board_19 ._16_13{top:391px;left:472px;}
.board_19 ._16_14{top:423px;left:472px;}
.board_19 ._16_15{top:455px;left:472px;}
.board_19 ._16_16{top:487px;left:472px;}
.board_19 ._16_17{top:519px;left:472px;}
.board_19 ._16_18{top:551px;left:472px;}
.board_19 ._16_19{top:583px;left:472px;}
.board_19 ._17_1{top:7px;left:503px;}
.board_19 ._17_2{top:39px;left:503px;}
.board_19 ._17_3{top:71px;left:503px;}
.board_19 ._17_4{top:103px;left:503px;}
.board_19 ._17_5{top:135px;left:503px;}
.board_19 ._17_6{top:167px;left:503px;}
.board_19 ._17_7{top:199px;left:503px;}
.board_19 ._17_8{top:231px;left:503px;}
.board_19 ._17_9{top:263px;left:503px;}
.board_19 ._17_10{top:295px;left:503px;}
.board_19 ._17_11{top:327px;left:503px;}
.board_19 ._17_12{top:359px;left:503px;}
.board_19 ._17_13{top:391px;left:503px;}
.board_19 ._17_14{top:423px;left:503px;}
.board_19 ._17_15{top:455px;left:503px;}
.board_19 ._17_16{top:487px;left:503px;}
.board_19 ._17_17{top:519px;left:503px;}
.board_19 ._17_18{top:551px;left:503px;}
.board_19 ._17_19{top:583px;left:503px;}
.board_19 ._18_1{top:7px;left:534px;}
.board_19 ._18_2{top:39px;left:534px;}
.board_19 ._18_3{top:71px;left:534px;}
.board_19 ._18_4{top:103px;left:534px;}
.board_19 ._18_5{top:135px;left:534px;}
.board_19 ._18_6{top:167px;left:534px;}
.board_19 ._18_7{top:199px;left:534px;}
.board_19 ._18_8{top:231px;left:534px;}
.board_19 ._18_9{top:263px;left:534px;}
.board_19 ._18_10{top:295px;left:534px;}
.board_19 ._18_11{top:327px;left:534px;}
.board_19 ._18_12{top:359px;left:534px;}
.board_19 ._18_13{top:391px;left:534px;}
.board_19 ._18_14{top:423px;left:534px;}
.board_19 ._18_15{top:455px;left:534px;}
.board_19 ._18_16{top:487px;left:534px;}
.board_19 ._18_17{top:519px;left:534px;}
.board_19 ._18_18{top:551px;left:534px;}
.board_19 ._18_19{top:583px;left:534px;}
.board_19 ._19_1{top:7px;left:565px;}
.board_19 ._19_2{top:39px;left:565px;}
.board_19 ._19_3{top:71px;left:565px;}
.board_19 ._19_4{top:103px;left:565px;}
.board_19 ._19_5{top:135px;left:565px;}
.board_19 ._19_6{top:167px;left:565px;}
.board_19 ._19_7{top:199px;left:565px;}
.board_19 ._19_8{top:231px;left:565px;}
.board_19 ._19_9{top:263px;left:565px;}
.board_19 ._19_10{top:295px;left:565px;}
.board_19 ._19_11{top:327px;left:565px;}
.board_19 ._19_12{top:359px;left:565px;}
.board_19 ._19_13{top:391px;left:565px;}
.board_19 ._19_14{top:423px;left:565px;}
.board_19 ._19_15{top:455px;left:565px;}
.board_19 ._19_16{top:487px;left:565px;}
.board_19 ._19_17{top:519px;left:565px;}
.board_19 ._19_18{top:551px;left:565px;}
.board_19 ._19_19{top:583px;left:565px;}




}


/********************************* For slider *********************************/

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
-webkit-touch-callout: none;
-webkit-user-select: none;
-ms-touch-action: none;
-ms-user-select: none;
-moz-user-select: none;
-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.noUi-target {
	position: relative;
	direction: ltr;
}
.noUi-base {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1; /* Fix 401 */
    background-color: rgb(153, 153, 153);
}
.noUi-origin {
	position: absolute;
	right: 0;
	top: 0;
	left: 0;
	bottom: 0;
}
.noUi-handle {
	position: relative;
	z-index: 1;
}
.noUi-stacking .noUi-handle {
/* This class is applied to the lower origin when
   its values is > 50%. */
	z-index: 10;
}
.noUi-state-tap .noUi-origin {
-webkit-transition: left 0.3s, top 0.3s;
	transition: left 0.3s, top 0.3s;
}
.noUi-state-drag * {
	cursor: inherit !important;
}

/* Painting and performance;
 * Browsers can paint handles in their own layer.
 */
.noUi-base {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
	height: 3px;
	top: 3px;
}
.noUi-horizontal .noUi-handle {
	width: 10px;
	height: 30px;
	left: -2px;
	top: -15px;
}
.noUi-vertical {
	width: 18px;
}
.noUi-vertical .noUi-handle {
	width: 28px;
	height: 34px;
	left: -6px;
	top: -17px;
}

/* Styling;
 */
.noUi-background {
	background: #FAFAFA;
	box-shadow: inset 0 1px 1px #f0f0f0;
}
.noUi-connect {
	background: #85B2E8;
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45);
-webkit-transition: background 450ms;
	transition: background 450ms;
}
.noUi-origin {
	border-radius: 2px;
}
.noUi-target {
	border-radius: 4px;
	border: 1px solid #D3D3D3;
	box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-target.noUi-connect {
	box-shadow: inset 0 0 3px rgba(51,51,51,0.45), 0 3px 6px -5px #BBB;
}

/* Handles and cursors;
 */
.noUi-dragable {
	cursor: w-resize;
}
.noUi-vertical .noUi-dragable {
	cursor: n-resize;
}
.noUi-handle {
	border: 1px solid #D9D9D9;
	border-radius: 3px;
	background: #FFF;
	cursor: default;
	box-shadow: inset 0 0 1px #FFF,
				inset 0 1px 7px #EBEBEB,
				0 3px 6px -3px #BBB;
}
.noUi-active {
	box-shadow: inset 0 0 1px #FFF,
				inset 0 1px 7px #DDD,
				0 3px 6px -3px #BBB;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
	background: #B8B8B8;
}
[disabled].noUi-origin,
[disabled] .noUi-handle {
	cursor: not-allowed;
}

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

.IGop_modal_container {
    width:50%;
	margin:1.5em auto 0;
	padding:10px 20px;
	border:2px solid #aaa;
	background:#fff;
    position: absolute; /* .modalBaseLayer */
    top: 10px;
    left: 10px;
    right: 10px;
    margin: auto;
}

.IGop_modal_container .IGop_toggle_btn {
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 1.2em;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor:pointer;
}

.IGop_modal_container .IGop_toggle_btn.IGop_primary {	
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}

.IGop_toggle_btn.IGop_primary:hover {
    background-color: #286090;
    border-color: #204d74;
}

.IGop_modal_container .IGop_toggle_btn.IGop_secondary {
	color: #fff;
	background-color: #c7c7c7;
}

.IGop_toggle_btn_container {
	display: flex;
	margin-bottom: 20px;
}

a.IGop_btn, a.IGop_btn:active, a.IGop_btn:visited {
	cursor:pointer;
	position: relative;
    display: inline-block;
	font-size: 1.2em;
	font-weight: 400;
    padding: 0.25em 0.5em;
    text-decoration: none !important;
    color: #FFF !important;
    background: #00bcd4 !important;
	transition: none;
}

a.IGop_btn:hover {
	color: #FFF !important;
	font-size: 1.2em;
	font-weight: 400;
	text-decoration: none;
    background: #1ec7bb;
}

.IGop_config_btn, .IGop_config_btn:hover, .IGop_config_btn:active, .IGop_config_btn:visited{
	color: #FFF;
	font-size: 1.2em;
	font-weight: 400;
	text-decoration: none;
    background-color: #337ab7;
    border: none;
    cursor: pointer;
}


.IGop_modal_container h5{
	font-size: 1.1em;
	font-weight: 500;
	text-decoration: none;
    background: transparent;
    background: transparent;
	Color: #111;
	border: 0px;
	margin: 0px 0px 6px 0px;
}

.IGop_modal_content {
	margin: 10px 10px 20px 10px;
}

.IGop_modal_footer {
	margin: 20px 10px 10px 10px;
	padding-top:20px;
	border-top: solid #c1c1c1 1px; 
}

.modalBaseLayer {
    visibility: hidden;
    position: absolute;
    z-index: 10;
    top: 0; 
    left: 0;
    right: 0; 
    bottom: 0;
    margin: auto;
    width: 100%; 
    background-color: rgba(0,0,0,0.45);
}
/*
 * Board Appearance
 */
.board_container.gorgeous_flag{
	background-color: transparent;
	background-image: url("../img/board/goban.png");
}

.board_container.simple_flag{
	background-color: #F8C06F;
	background-image: none;
}

.board_container.simple_flag .black_stone{
	background-color: #111111;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-moz-transform: none;
	-webkit-transform: none;
	transform: none;
}

.board_container.simple_flag .white_stone{
	background-color: #ffffff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	-moz-transform: none;
	-webkit-transform: none;
	transform: none;
	border: #111111 solid 1px;
}

.IGop_info_container .name{
	display:inline-block;
	font-size: 1.3em;
	font-weight: 500;
	margin-right: 10px;
    margin-top: -5px;
}

.IGop_info_container .rank{
	display:inline-block;
	font-size: 1.3em;
    margin-top: -5px;
}
.IGop_info_container .black_player, .IGop_info_container .white_player{
	margin-bottom: 20px;
}
.IGop_info_container .black_player .name, .IGop_info_container .white_player .name{
	padding-left: 30px;
}

.IGop_info_container .black_player::before {
    content: '';
	position:absolute;
	width: 21px;
	height: 21px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #666;
	-webkit-box-shadow: inset 0px 5px 8px 10px #111111;
	-moz-box-shadow: inset 0px 5px 8px 10px #111111;
	box-shadow: inset 0px 5px 8px 1px #111111;
	-moz-transform: rotate(-210deg);
	-webkit-transform: rotate(-210deg);
	transform: rotate(-210deg);

}

.IGop_info_container .white_player::before {
    content: '';
	position:absolute;
	width: 21px;
	height: 21px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: #fff;
	-webkit-box-shadow: inset 0px 5px 8px 10px #111111;
	-moz-box-shadow: inset 0px 5px 8px 10px #111111;
	box-shadow: inset 0px 5px 6px 1px #aaa;
	-moz-transform: rotate(-210deg);
	-webkit-transform: rotate(-210deg);
	transform: rotate(-210deg);

}

@media screen and (max-width:600px) {
.IGop_modal_container {
    width:90%;
}
	
.IGop_modal_container h5{
	font-size: 0.9em;
}
	
.IGop_modal_container .IGop_toggle_btn {
	font-size: 1em;
}
}

output.game_board {
	width: 100%;
	display: flex;
	justify-content: center;
}

.IGop_info_container{
	width: 100%;
	max-width: 700px;
	flex-grow: 1;
	padding: 0px 30px 10px 30px;
}
.IGop_comment_header{
	border-top: solid 1px #aaa;
	margin-top: 10px;
	padding-top: 5px;
	width: 100%;
}
.IGop_players{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.black_player, .white_player{
	flex-basis: 200px;
	flex-grow: 1;
}

@media screen and (max-width:414px) {
.IGop_info_container{
	padding: 0px 5px 10px 5px;
}
}