@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+KR&display=swap');
@import url('https://fonts.googleapis.com/css?family=PT+Serif&display=swap');
@import url('https://fonts.googleapis.com/css?family=Farro&display=swap');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display&display=swap');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css?family=Kanit&display=swap');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css?family=Abril+Fatface&display=swap');
@import url('https://fonts.googleapis.com/css?family=Fira+Sans+Extra+Condensed&display=swap');
@import url('https://fonts.googleapis.com/css?family=Vidaloka&display=swap');
@import url('https://fonts.googleapis.com/css?family=DM+Serif+Text&display=swap');
@import url('https://fonts.googleapis.com/css?family=Vast+Shadow&display=swap');
@import url('https://fonts.googleapis.com/css?family=Paprika|ZCOOL+XiaoWei&display=swap');
@import url('https://fonts.googleapis.com/css?family=Libre+Baskerville&display=swap');
.inputdesign
{
	border: none !important;
    border-bottom: 1px solid rgb(27, 50, 94) !important;
    display: block !important;
    font-family: Helvetica,Arial,sans-serif !important;
    font-size: 16px !important;
    line-height: 16px !important;
    padding: 4px 0 !important;
    margin: 0 !important;
    width: 100 !important;
    background: 0 0 !important;
    text-align: left !important;
    color: rgb(27, 50, 94) !important;
}

.inputdesign:active, .inputdesign:focus
{
    border-bottom: 2px solid rgb(27, 50, 94) !important;
    outline: 0;

}

.labeldesign
{
	font-size: 15px !important;
    color: rgb(27, 50, 94) !important;
}

.breadcrumbdesign
{
    color: rgb(27, 50, 94) !important;
    text-decoration-line: none !important;
}

.breadcrumbdesign:hover
{
	color: rgb(255, 0, 0) !important;
}

.loginform
{
	background: transparent !important;
	border: 1px solid rgb(27, 50, 94) !important; 
}

.logincopy
{
	color: #fff;
}

.tableborder 
{
	border: 1.5px solid #336699 !important;
}
.tableabove
{
	border-top: 2px solid #6777ef !important;
}
.toborder
{
	border-right: 2px solid #fff !important;
}
.tableheading
{
	background-color: #80bfff !important;
	color: #000 !important;
	border: 1px solid #336699 !important;
}
.tiesheetheading
{
	background-color: #80bfff !important;
	color: #000 !important;
}

.tiesheettable td, th
{
	font-family: 'Farro', sans-serif;
	border: 1px solid #cccccc !important;
	color: #000 !important;

}

.tablebody
{
	color: #1B325E !important;
}
.tableinput
{
	border: 1px solid #6777ef !important;
}
.section-title
{
	color: #1B325E !important;
}

.searchbar
{
	border-radius: 6px !important;
	border: 1px solid rgb(27, 50, 94) !important;
	height: 40px !important;
}

.addbutton
{
	color: rgb(27, 50, 94);
	cursor: pointer;
}

.btn_remove
{
	color: rgb(27, 50, 94);
	cursor: pointer;
}

.championshipprepend
{
	width: 40%;
	border: 1px solid #336699 !important;
	border-radius: 4px;
}

.champname
{
	color:rgb(27, 50, 94);
	font-weight: 700; 
}

.deletecontent
{
	background-color: #ffe6e6;
	color: #000;
	font-family: 'Rubik', sans-serif;
}

.deletebody
{
	font-size: 18px;
	font-family: 'Noto Sans KR', sans-serif;
}

.disabledtable
{
	background-color: #f2f2f2 !important;
}


.cursortype
{
	cursor: pointer !important;
}

.eventname
{
font-family: 'PT Serif', serif;
color: #000 !important;
}

.navbar-bg
{
	background-image:  url("../img/bg.jpg") !important;
	background-repeat: no-repeat;
	height: 13vw !important;
	border-bottom: 5px solid #01ABAA !important;
}


.section-header
{
	border-top: 5px solid #01ABAA !important;
	font-family: 'Playfair Display', serif;
	letter-spacing: 1.5px !important;
	color: #000033 !important;
	margin-top: 5vw !important;
}
.section-header-breadcrumb
{
	font-family: 'Kanit', sans-serif;
	letter-spacing: 1px !important;
}
.main-sidebar
{
	border-left: 5px solid #01ABAA !important; 
}
.main-sidebar .sidebar-brand a 
{
	color: #264d73 !important;
	font-size: 25px;
	font-family: 'Playfair Display', serif;
	letter-spacing: 2px !important;
}

.card
{
	border-radius: 6px !important;
	border: 1px solid #01ABAA !important;
}

.section .section-title:before
{
	background-color: #ff0000 !important;
}

.section-title
{
	color: #000033 !important;
	font-family: 'Source Sans Pro', sans-serif;
}

.btn
{
	border-radius: 4px !important;
}
.btn-primary
{
	background-color: #286DA8 !important;
	border: 1px solid #286DA8 !important;
}
.btn-primary:hover
{
	background-color: #88BBD6 !important;
	border: 1px solid #88BBD6 !important;
}
.btn-success
{
	background-color: #01ABAA !important;
	border:1px solid #01ABAA !important;
	box-shadow: 1px #01ABAA !important; 
}
.btn-success:hover
{
	background-color: #02C8A7 !important;
	border:1px solid #02C8A7 !important;
	color:#FFFFFF !important;
}
.section .section-header h1
{
	color: #264d73 !important;

}

select
{
	cursor: pointer;
}

.champdetails
{
	background-image:  url("../img/detailsbg.png") !important;
	background-repeat: no-repeat;
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  opacity: 0.8;
  filter: alpha(opacity=80); /* For IE8 and earlier */
  padding: 2%;
}

.champbody
{
  padding: 0.5%;

}
.champbody2
{
  padding: 1%;

}
.innerbody
{
background-color: #fff;
  padding: 1%;

}
.detailsheader
{
	
	width: 100%;
	color: #000;
	font-size: 3vw;
	font-family: 'ZCOOL XiaoWei', serif;

}

.divider
{
	width: 75% !important;
	border-top: 1px solid #000;
}

.detailsbody
{
	font-family: 'Fira Sans Extra Condensed', sans-serif;
	font-size: 1.5vw;
	color: #000;
}

#champ_name
{
	border:1px solid #264d73 !important;
}

.tshead
{
	font-size: 20px;
	font-family: 'Vidaloka', serif;
	letter-spacing: 2px;
}

.nsa
{
	font-size: 25px;
	font-family: 'DM Serif Text', serif;
	letter-spacing: 3px;
}

.alertbox
{
	width: 50%;

}
.alert.alert-success
{
	background-color: #5cd65c !important;
	text-align: left;
}

.back {
background-image:  url("../img/bgswim.jpg") !important;
	background-repeat: no-repeat;
	background-position: center;
}


.whitebox{
	background-color: white !important;
}

.oldpw, .newpw
{
	font-size: 1vw !important;
}

#oldpw, #newpw
{
	border:1px solid #264d73 !important;
	border
}

.buttonsave
{
	width: 100% !important;
	letter-spacing: 4px;
	font-size: 1vw !important;
}

.buttonsave:hover
{
	color: #FFFFFF !important;
	background-color: #3973ac !important;
}

.playerheader
{
	font-family: 'Libre Baskerville', serif;
	letter-spacing: 2px;
	color: #000;
	font-size: 15px;
}

.pptrhead
{
	background-color: #fff !important;
	border: none !important;
	-webkit-box-shadow: 0px 14px 13px 2px rgba(222,226,230,0.84);
-moz-box-shadow: 0px 14px 13px 2px rgba(222,226,230,0.84);
box-shadow: 0px 14px 13px 2px rgba(222,226,230,0.84);
}

.pphead
{
	border: none !important;

}

.pptable tr
{
	border-bottom: 1px solid #f2f2f2 !important;
}

input { display: block; }