/* -- custom css for file hijackfight.html -- */

/* -- figure embed-responsive embed-responsive-cover -- */
#figure-7913 {
	background-image: url("../../img/47044.jpg");
	 background-size: cover;
}

/* -- block custom-block pb-2 pt-2 ml-0 mr-0 -- */
#div-7914 {
	position: absolute;
	 top: 0px;
	 left: 0px;
	 right: 0px;
	 background-color: rgba(0, 0, 0, 0.75);
	 min-height: 250px;
	 height: 250px;
	 border-top-width: 1px !important;
	 border-top-style: dashed !important;
	 border-top-color: transparent !important;
	 border-bottom-width: 1px !important;
	 border-bottom-style: dashed !important;
	 border-bottom-color: transparent !important;
}

/* -- figure ml-auto mr-auto embed-responsive embed-responsive-1by1 -- */
#opponentship {
	max-height: 100px;
	 background-image: url("../../img/merchanttypeb.jpg");
	 background-size: cover;
	 border-radius: 8px;
	 padding-top: 80px;
	 width: 80px;
}

/* -- h3 mb-0 text-center -- */
#opponentcrewname {
	margin-top: 58px;
}

/* -- figure embed-responsive embed-responsive-1by1 ml-auto mr-auto -- */
#opponentcrewimg {
	background-image: url("../../img/crew9.jpg");
	 background-size: cover;
	 width: 64px;
	 padding-top: 64px;
	 max-height: 64px;
	 min-width: 64px;
	 height: 64px;
	 border-radius: 24px;
}

/* -- progressbar -- */
#opponenthealthpb {
	background-color: rgb(64, 64, 64);
	 height: 10px;
}

/* -- block-footer text-center mt-1 font-weight-bold -- */
#opponenthealth {
	font-size: 16px;
}

/* -- grid grid-cols-3 mb-2 mt-3 -- */
#opponentattack {
	height: 36px;
}

/* -- figure embed-responsive embed-responsive-1by1 ml-auto mr-auto -- */
#attackright {
	background-image: url("../../img/26903.png");
	 background-size: cover;
	 padding-top: 32px;
	 width: 32px;
	 display: none;
}

/* -- figure embed-responsive embed-responsive-1by1 ml-auto mr-auto -- */
#attackcenter {
	background-image: url("../../img/26903.png");
	 background-size: cover;
	 padding-top: 32px;
	 width: 32px;
	 display: none;
}

/* -- figure embed-responsive embed-responsive-1by1 ml-auto mr-auto -- */
#attackleft {
	background-image: url("../../img/26903.png");
	 background-size: cover;
	 padding-top: 32px;
	 width: 32px;
	 display: none;
}

/* -- grid grid-cols-3 mb-2 mt-3 -- */
#opponentdef {
	height: 36px;
}

/* -- figure ml-auto mr-auto embed-responsive embed-responsive-1by1 -- */
#defright {
	background-image: url("../../img/shield.png");
	 padding-top: 32px;
	 width: 32px;
	 background-size: cover;
	 display: none;
}

/* -- figure ml-auto mr-auto embed-responsive embed-responsive-1by1 -- */
#defcenter {
	background-image: url("../../img/shield.png");
	 padding-top: 32px;
	 width: 32px;
	 background-size: cover;
	 display: none;
}

/* -- figure ml-auto mr-auto embed-responsive embed-responsive-1by1 -- */
#defleft {
	background-image: url("../../img/shield.png");
	 padding-top: 32px;
	 width: 32px;
	 background-size: cover;
	 display: none;
}

/* -- block custom-block pt-2 pb-2 ml-0 mr-0 -- */
#div-7915 {
	position: absolute;
	 bottom: 32px;
	 right: 0px;
	 left: 0px;
	 background-color: rgba(0, 0, 0, 0.75);
	 margin-bottom: 60px;
	 min-height: 250px;
	 border-top-width: 1px !important;
	 border-top-style: dashed !important;
	 border-top-color: transparent !important;
	 border-bottom-width: 1px !important;
	 border-bottom-style: dashed !important;
	 border-bottom-color: transparent !important;
}

/* -- h3 mb-0 text-center -- */
#mycrewname {
	margin-top: 58px;
}

/* -- figure ml-auto mr-auto embed-responsive embed-responsive-1by1 -- */
#myship {
	max-height: 100px;
	 background-image: url("../../img/merchanttypeb.jpg");
	 background-size: cover;
	 border-radius: 8px;
	 padding-top: 80px;
	 width: 80px;
	 height: 80px;
}

/* -- progressbar -- */
#myhealthpb {
	background-color: rgb(64, 64, 64);
	 height: 10px;
}

/* -- block-footer text-center mt-1 font-weight-bold -- */
#myhealth {
	font-size: 16px;
}

/* -- figure embed-responsive embed-responsive-1by1 ml-auto mr-auto -- */
#mycrewimg {
	background-image: url("../../img/crew9.jpg");
	 background-size: cover;
	 width: 64px;
	 padding-top: 64px;
	 height: 64px;
	 max-height: 64px;
	 min-width: 64px;
	 min-height: 64px;
	 border-radius: 24px;
}

/* -- col button btnimage font-weight-bold pl-3 mr-1 mt-2 mb-2 ml-0 bgimage button-fill -- */
#attackleftbtn {
	display: block;
	 color: rgb(232, 226, 217);
	 background-image: url("../../img/26903.png");
	 background-position: left center;
	 background-repeat: no-repeat;
}

/* -- col button btnimage font-weight-bold pl-3 mr-1 mt-2 mb-2 ml-0 bgimage button-fill -- */
#attackcenterbtn {
	display: block;
	 color: rgb(232, 226, 217);
	 background-image: url("../../img/26903.png");
	 background-position: left center;
	 background-repeat: no-repeat;
	 background-attachment: fixed;
}

/* -- col button font-weight-bold mr-1 mt-2 mb-2 ml-0 pl-4 pt-0 bgimage btnimage button-fill -- */
#attackrightbtn {
	line-height: 12px;
	 font-size: 12px;
	 height: 40px;
	 display: block;
	 background-image: url("../../img/26903.png");
	 background-position: left center;
	 background-repeat: no-repeat;
	 color: rgb(61, 47, 0);
	 background-attachment: fixed;
}

/* -- col button btnimage font-weight-bold pl-3 mr-1 mt-2 mb-2 ml-0 bgimage button-fill -- */
#defleftbtn {
	display: block;
	 color: rgb(232, 226, 217);
	 background-image: url("../../img/42177.png");
	 background-position: left center;
	 background-repeat: no-repeat;
}

/* -- col button btnimage font-weight-bold pl-3 mr-1 mt-2 mb-2 ml-0 bgimage button-fill -- */
#defcenterbtn {
	display: block;
	 color: rgb(232, 226, 217);
	 background-image: url("../../img/42177.png");
	 background-position: left center;
	 background-repeat: no-repeat;
	 background-attachment: fixed;
}

/* -- col button btnimage font-weight-bold pl-3 mr-1 mt-2 mb-2 ml-0 bgimage button-fill -- */
#defrightbtn {
	display: block;
	 color: rgb(232, 226, 217);
	 background-image: url("../../img/42177.png");
	 background-position: left center;
	 background-repeat: no-repeat;
	 background-attachment: fixed;
}

/* -- col button ml-5 mr-5 text-white mb-0 button-raised button-fill -- */
#hjgclosebtn {
	background-color: rgb(186, 0, 0);
	 position: absolute;
	 bottom: 32px;
	 left: 0px;
	 right: 0px;
	 display: none;
}