body {
	font-family               : Verdana;
	font-size                 : 12px;
	color                     : #000000;
}

tr {
    font-family               : Verdana;
	font-size                 : 12px;
	border-collapse				: collapse;
	padding				:0px;
}
tab.td {
    font-family               : Verdana;
	font-size                 : 12px;
	border-collapse				: collapse;
	padding-left				:5px;
}
tab1.td {
    font-family               : Verdana;
	font-size                 : 12px;
	border-collapse				: collapse;
	padding-left				:5px;
    color           : black;
}
input, textarea{
    border:1px solid #999;
    padding:1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    color: #5b5b5b;
    height: 22px;
}
option, select {
	font-size        : 12px;
	font-family      : Verdana;
	color            : #000000;
	background-color : #FFFFFF;
    border:1px solid #999;
    padding:1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    height: 26px;
}
a, a:link, a:visited, a:active {
    color           : black;
    font-weight     : bold;
    font-family     : Verdana;
    font-size       : 12px ;
	text-decoration : none;
}
a:hover {
    color           : red;
	font-weight     : bold;
    font-family     : Verdana;
    font-size       : 12px;
	text-decoration : none;
}
A.headerlink {
    margin           : 1px;
	font-size        : 12px;
	font-family      : Verdana;
	color       : #FFFFFF;
	
}

.but{
    cursor:pointer;
    box-shadow: none;
    border-color: #007bff;
    background-color: #007bff;
    color: #ffffff;
    padding: 0.125rem 0.25rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.15rem;
}

.but:hover{
    color: #ffffff;
    background-color: #0069d9;
    border-color: #0062cc;
}

.but:focus, .btn.focus{
    color: #ffffff;
    background-color: #0069d9;
    border-color: #0062cc;
    box-shadow: none, 0 0 0 0 rgba(38, 143, 255, 0.5);
}
  
.but2{
    cursor:pointer;
    box-shadow: none;
    border-color: #17a2b8;
    background-color: #17a2b8;
    color: #ffffff;
    padding: 0.125rem 0.25rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.15rem;
}

.but2:hover{
    color: #2b2b2b;
    background-color: #e9ecef;
    border-color: #0062cc;
}

.but2:focus, .btn.focus{
    color: #2b2b2b;
    background-color: #e9ecef;
    border-color: #0062cc;
    box-shadow: none, 0 0 0 0 rgba(38, 143, 255, 0.5);
}

.butprimary{
    cursor:pointer;
    box-shadow: none;
    border-color: #007bff;
    background-color: #007bff;
    color: #ffffff;
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    height: 30px;
}

.butprimary:hover{
    color: #2b2b2b;
    background-color: #e9ecef;
    border-color: #0062cc;
}

.butprimary:focus, .btn.focus{
    color: #2b2b2b;
    background-color: #e9ecef;
    border-color: #0062cc;
    box-shadow: none, 0 0 0 0 rgba(38, 143, 255, 0.5);
}

.butdanger{
    cursor:pointer;
    box-shadow: none;
    border-color: #dc3545;
    background-color: #dc3545;
    color: #ffffff;
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    height: 30px;
}

.butdanger:hover{
    color: #2b2b2b;
    background-color: #e9ecef;
    border-color: #dc3545;
}

.butdanger:focus, .btn.focus{
    color: #2b2b2b;
    background-color: #e9ecef;
    border-color: #dc3545;
    box-shadow: none, 0 0 0 0 rgba(38, 143, 255, 0.5);
}

.disabled{
    background:#c0c0c04d;
    padding: 1px 2px;
	color:#000000;
}

.textboxred{
	color:#000000;
	padding: 1px 2px;
	background-color: #FB4678;
}

.header {
    border:outset 1px #ccc;
    background:#999;
    color:#FFFFFF;
    font-weight:bold;
    padding: 1px 2px;
    border-collapse    : collapse;
    font-size        : 12px;
}

.headers {
    border:outset 1px #000000;
    background:#FFFFFF;
    color:#000000;
    font-weight:bold;
    padding: 1px 2px;
    border-collapse    : collapse;
    font-size        : 12px;
}

.headerpesan {
    border:outset 1px #ccc;
    background:#999;
    color:#FFFFFF;
    font-weight:bold;
    padding: 1px 2px;
    border-collapse    : collapse;
    font-size        : 12px;
}
.headerlong {
    border:outset 1px #ccc;
    background:#999;
    color:#FFFFFF;
    font-weight:bold;
    padding: 1px 2px;
    border-collapse    : collapse;
    font-size        : 12px;
}
.headerlink2 {
	cursor:pointer;
    border:outset 1px #ccc;
    background:#999;
    color:#fcf300;
    font-weight:bold;
    padding: 1px 2px;
    border-collapse    : collapse;
    font-size        : 12px;
	
}
.headerlink2active {
	cursor:pointer;
    border:outset 1px #ccc;
    background:#999;
    color:#fcf300;
    font-weight:bold;
    padding: 1px 2px;
    border-collapse    : collapse;
    font-size        : 12px;
	
}
.tab {
    font-family               : Verdana;
	font-size                 : 12px;
	color                     : #706666;
	background-color          : #FFFFFF;
	border            : groove 1px #666666;
	border-collapse    : collapse;
}
.tabs {
    font-family               : Verdana;
	font-size                 : 12px;
	color                     : #000000;
	background-color          : #FFFFFF;
	border            : groove 1px #000000;
	border-collapse    : collapse;
}
.h {
	background-color:#007bff;
	border-collapse    : collapse;
	color:#FFFFFF;
    font-weight:bold;
	}
.back_table {
	background-repeat: no-repeat;
}
.tab_kelas {
	background-color: #FFFFFF;
	border-bottom-style: none;
}
.miring {
	border-bottom-style: none;
	font-style: italic;
}
.brown {
	color: #663333;
}
.ukuran {
	width: 135px;
}
.ukuranemail {
	width: 150px;
}
.Ukuranketerangan {
	height: 40px;
	width: 200px;
}
.text_merah{
    background:#FFFFFF;
    padding: 1px 2px;
	color:#FF0000;
}

input,textarea
{
    border:1px solid #999;
    padding:1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 12px;
    color: #5b5b5b;
    height: 22px;
}