@charset "utf-8";

body,span,div,td,th,select,input,button,textarea,p,li {
	/*font-size: 0.85rem;*/
}

.img-nickdog {
	aspect-ratio: 3 / 2;
	border: 1px outset #cccccc;
	border-radius: 0.5rem;
}

textarea, input[type=text], input[type=file], input[type=date], input[type=email], input[type=number], input[type=password], input[type=time], input[type=search] {
	/*background-color: #ffffff;*/
	min-height: 36px;
	padding: 5px;
	border: 1px inset #cccccc;
	border-radius: 0.35rem;
	/*color: #000000;*/
}

/*input[type=checkbox], input[type=radio] {
	width: 22px; height: 22px;
}*/

button, select {
	/*background-color: #ffffff;*/
	min-width: 36px;
	min-height: 36px;
	cursor: pointer;
	padding: 5px;
	border: 1px outset #cccccc;
	border-radius: 0.5rem;
	/*color: #000000;*/
}

button:hover, select:hoverr {
	background-color: #ffffff;
}

button:disabled {
	border: 1px solid gray;
	background-color: #dddddd;
	color: gray;
}
button:disabled:hover {
	border: 1px solid gray;
	background-color: #dddddd;
	color: gray;
}

.btnWarning {
	color: #fff;
	background-color: #0b5ed7;
	border-color: #0a58ca;
	padding: 8px 20px;
	border-radius: 4px;
	border:none;
	margin-top: 10px;
}
.btnWarning:hover {
	color: #fff;
	background-color: #0d6efd;
	border-color: #0d6efd;
}

.btnReset {
	color: #fff;
	background-color: #5c636a;
	border-color: #565e64;
	padding: 8px 20px;
	border-radius: 4px;
	border:none;
	margin-top: 10px;
}
.btnReset:hover {
	color: #fff;
	background-color: #6c757d;
	border-color: #6c757d;
}

.btnSubmit {
	color: #fff;
	background-color: #bb2d3b;
	border-color: #b02a37;
	padding: 8px 20px;
	border-radius: 4px;
	border:none;
	margin-top: 10px;
}
.btnSubmit:hover {
	color: #fff;
	background-color: #dc3545;
	border-color: #dc3545;
}

.btnInfo {
	color: #000;
	background-color: #0dcaf0;
	border-color: #0dcaf0;
	padding: 8px 20px;
	border-radius: 4px;
	border:none;
	margin-top: 10px;
}
.btnInfo:hover {
	color: #000;
	background-color: #31d2f2;
	border-color: #25cff2;
}

.item {
	cursor: pointer;
	color: #999999;
	text-decoration:none;
}
.item.active {
	font-weight: bold;
	color: #000000;
}

.listStyle {
	/*border-right: 1px solid #cccccc;*/
	/*border-bottom: 1px solid #cccccc;*/
	border-spacing: 0px;
	/*border: 1px outset;*/
}
.listStyle>tbody>tr>td,
.listStyle>tbody>tr>th,
.listStyle>thead>tr>th,
.listStyle>thead>tr>th
{
	/*border-top: 1px solid #cccccc;*/
	/*border-left: 1px solid #cccccc;*/
	border-bottom: 1px solid #cccccc;
	height: 48px;
	padding: 5px;
	vertical-align: middle;
}

.listTitle {
	text-align: left;
	/*border-top: 1px solid #cccccc;*/
	/*border-left: 1px solid #cccccc;*/
	border-bottom: 1px solid #cccccc;
	height: 48px;
	padding: 5px;
	color: #112a5e;
	background-color: #F0F0F0;
}

.listContent {
	text-align: left;
	/*border-top: 1px solid #cccccc;*/
	/*border-left: 1px solid #cccccc;*/
	border-bottom: 1px solid #cccccc;
	height: 48px;
	padding: 5px;
	color: #3C3C3C;
	/*background-color: #ffffff;*/
}

.listTR {
	/*border-bottom: 1px outset #cccccc;*/
}

.listTR:hover {
	background-color: #ffe8ff;
	/*border-bottom: 1px outset #cccccc;*/
}

.tdStyle {
	/*border-spacing: 2px;*/
	/*border: 1px outset;*/
}
.tdTitle {
	font-weight:bold;
	color:#ffffff;
	background-color: #0066CC;
	height: 48px;
	padding: 5px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
.tdContent {
	background-color: #ffffff;
	height: 48px;
	padding: 5px;
	border-top: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}