@charset "UTF-8";

.top_tr td, p, input, button, textarea, select{
	font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

.top_tr{height:54px;}
	.home_td{background-color:#191c1f; text-align:center;}
	.home_td > a {color:#fff; font-size:26px; font-weight:bold;}
	.menu_td{background-color:#383b3f;}
	.menu_div{float:left;}
	.menu_div > a {color:#fff; font-size:16px; font-weight:bold; margin: 0 14px; line-height:54px;}
	
.card2 {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #373333;
    background-clip: border-box;
    position: relative;
	margin:5px;
    /*margin-bottom: 1.5rem;*/
    /*width: 100%;*/    
	border: 1px solid #dbe2eb;
    box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);
    border-radius: 8px;
}

.card2-header {
    background: transparent;
    padding: 15px 20px;
    display: -ms-flexbox;
    display: flex;
    /*min-height: 3.5rem;*/
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    border-bottom: 1px solid #ebecf1;
    position: relative;
	font-weight: bold;
}

.card2-header:before {
	background-color: #705ec8;
    content: "";
    position: absolute;
    left: 0px;
    padding: 3px;
    border-radius: 0 50px 50px 0;
    height: 20px;
	box-sizing: border-box;
}

.card2-header:first-child {
    border-radius: calc(3px - 1px) calc(3px - 1px) 0 0;
}

.card2-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
    padding: 20px 20px;
    position: relative;
}

.list-group {
	list-style-type: none;
    padding: 0px;
    margin: 0px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
	border-radius: .25rem;
}

.list-group-item {
    position: relative;
    /*display: block;*/
	display: table;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ebecf1 !important;
}

.list-group-item:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.t_sub_10{
	display: table-cell;
	width:10%;
	vertical-align: middle;
}

.t_sub{
	display: table-cell;
	width:15%;
	vertical-align: middle;
}

.t_con{
	display: table-cell;
	width:35%;
	vertical-align: middle;
	align : left;
}

.t_con_20{
	display: table-cell;
	width:20%;
	vertical-align: middle;
}

.t_con_25{
	display: table-cell;
	width:25%;
	vertical-align: middle;
}

.t_con_90{
	display: table-cell;
	width:90%;
	vertical-align: middle;

}

.td4{
	display: table-cell;
    width: 25%;
    text-align: middle;
}
.td2{
	display: table-cell;
    width: 50%;
    text-align: middle;
}

.bgcol3 { background-color:#705ec8; padding:5px; }
.bgcol3 > td { color:#fff; }

.TextBGBlue { 
	background-color: #338FFF;
    color: #fff;
	padding: 0px 10px;
    border-radius: 5px 5px 5px 5px;
}
.TextBGRed { 
	background-color: #dd0000;
    color: #fff;
	padding: 0px 10px;
    border-radius: 5px 5px 5px 5px;
}
.TextBGGold { 
	background-color: #FFD700	;
    color: #dd0000;
	padding: 0px 10px;
    border-radius: 5px 5px 5px 5px;
}

.card_dark {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #282727;
    background-clip: border-box;
    position: relative;
	margin:5px;
    /*margin-bottom: 1.5rem;*/
    /*width: 100%;*/    
	border: 1px solid #282727;
    box-shadow: 0px 6px 8px rgb(4 4 7 / 10%);
    border-radius: 8px;
}

.card_dark-header {
    background: transparent;
    padding: 15px 20px;
    display: -ms-flexbox;
    display: flex;
    /*min-height: 3.5rem;*/
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    border-bottom: 1px solid #ebecf1;
    position: relative;
	font-weight: bold;
	color: #fff;
	font-size: 13px;
}
.card_dark-header:before {
	background-color: #705ec8;
    content: "";
    position: absolute;
    left: 0px;
    padding: 3px;
    border-radius: 0 50px 50px 0;
    height: 20px;
	box-sizing: border-box;
}

.card_dark-header:first-child {
    border-radius: calc(3px - 1px) calc(3px - 1px) 0 0;
}

.card_dark-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    margin: 0;
    padding: 20px 20px;
    position: relative;
	color: #c9c9c9;
}