/* CV.TRIPLE-C
 * (COMPUTER CARE CENTER) Banjarmasin
 * Perusahaan Pengembang Aplikasi Berbasis Web
 * Order Contact: +62 82155717976
 */
/* ======================================================================================================================================= CV.TRIPLE-C ==============
 * GENERAL CSS
 * Pengaturan Umum untuk Tampilan Webpage
 * body, h1, h2, h3, h4, h5, h5, hr, p, a, ol, ul, fieldset, font,
 * Class="clear"
 */
html{
	scroll-behavior: smooth;
}
body {
	scroll-behavior: smooth;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15pt;
}
h1, h2, h3, h4, h5, h6 {
	text-align: center;
	text-transform: uppercase;
	margin: 0px;
}
ol, ul {
	padding-left: 20px;
	margin: 0px;
}
p {
	margin: 0px;
}
a:link, a:visited {
	text-decoration: none;
	transition: all ease 1s;
}
a:hover {
	transition: all ease 1s;
}
.infobar {
	border: 1px outset #808080;
	margin: 3px;
	padding: 5px 5px;
	background: linear-gradient(#dedede,#929292);
	border-radius: 5px;
	outline: none;
}
.infobar:hover {
	background: linear-gradient(#929292,#dedede);
}
.fixed{
    position: fixed;
    top: 50px;
    padding: 10px;
    right: 0px;
    background: linear-gradient(to right, rgb(53, 177, 223, 0.1), rgb(53, 177, 223, 0.9));
    border-left: 3px outset rgb(194, 231, 245, 0.1);
    border-top: 3px outset rgb(194, 231, 245, 0.1);
    border-bottom: 3px outset rgb(194, 231, 245, 0.1);
    border-radius: 25px 0px 0px 25px;
}
.fixed:hover{
    background: linear-gradient(to right, rgb(194, 231, 245), rgb(53, 177, 223));
    border-left: 3px outset rgb(194, 231, 245);
    border-top: 3px outset rgb(194, 231, 245);
    border-bottom: 3px outset rgb(194, 231, 245);
}
.paragraf {
	text-indent: 50px;
}
.note {
	border-left: 5px solid;
	font-size: 10pt;
	padding: 5px;
	margin: 5px 0px
}
.error {
	border-left: 5px solid;
	font-size: 10pt;
	padding: 5px;
	margin: 5px 0px
}
.tandatangan {
	padding-left: 50%;
	text-align: center;
}
.very-small {
	font-size: 10pt;
}
.small {
	font-size: 12pt;
}
.big {
	font-size: 20pt;
}

.a{ text-transform: uppercase; }
.b{ font-weight: bold; }
.c{ text-align: center; }
.d{ cursor: default; }
.e{ empty-cells: hide; }
.f{ width: 100%; }
.g{ }
.h{ vertical-align: bottom; }
.i{ font-style: italic; }
.j{ text-align: justify; }
.k{ }
.l{ text-align: left; }
.m{ vertical-align: middle; }
.n{ font-weight: normal; }
.o{ }
.p{ cursor: pointer; }
.q{ }
.r{ text-align: right; }
.s{ overflow: scroll; }
.t{ vertical-align: top; }
.u{ text-decoration: underline; }
.v{ }
.w{ }
.x{ overflow-x: scroll; }
.y{ overflow-y: scroll; }
.z{ }

.fl{ float: left; }


.fr{ float: right; }
.oh{ overflow: hidden; }
.os{ overflow: scroll; }

/* WIDTH on Percent
 * CLASS = fifty, ninety, max70, max50, max40
 */

.fifty{
	width: 50%;
}
.seventy{
	width: 70%;
}
.thirdty{
	width: 30%;
}
.thirdty3{
	width: 33%;
}
.twinty{
	width: 20%;
}
.twinty-five{
	width: 25%;
}
.fifteen{
	width: 15%;
}
.ten{
	width: 10%;
}
.ninety{
	width: 90%;
}
.box643{
	width: 16%;
}

.max70{
	max-width: 70%;
}
.max50{
	max-width: 50%;
}
.max40{
	max-width: 40%;
}

/* WIDTH on Pixel
 * CLASS = w30, w50, w75, w100
 */
.w30{
	width: 30px;
	text-align: center;
}
.w50{
	width: 50px;
	text-align: center;
}
.w75{
	width: 75px;
	text-align: center;
}
.w100{
	width: 100px;
	text-align: center;
}

/* MARGIN on Pixel
 * CLASS = ml, mr, mt, mb, ma
 * 10, 50, 100
 */
.ma10{
	margin: 10px;
}
.ma50{
	margin: 50px;
}
.ma100{
	margin: 100px;
}

.mt10{
	margin-top: 10px;
}
.mt50{
	margin-top: 50px;
}
.mt100{
	margin-top: 100px;
}
.mb10{
	margin-bottom: 10px;
}
.mb50{
	margin-bottom: 50px;
}
.mb100{
	margin-bottom: 100px;
}
.ml10{
	margin-left: 10px;
}
.ml50{
	margin-left: 50px;
}
.ml100{
	margin-left: 100px;
}
.mr10{
	margin-right: 10px;
}
.mr50{
	margin-right: 50px;
}
.mr100{
	margin-right: 100px;
}
.centering, .auto {
	margin: 0 auto;
}
fieldset {
	border-radius: 7px;
	border-width: 1px;
	border-style: solid;
}
legend {
	font-size: 10pt;
	border: 1px solid #000;
    padding: 2px 8px;
    border-radius: 10px;
}
legend:hover{
	font-weight: bold;
}
.hidden{
	display: none;
}
.clear {
	clear: both;
}

/* PADDING and BORDER on Pixel
 * CLASS = padl, padr, padt, padb
 * 5, 10, 15, 20, 50, 100
 */
.padl5{
	padding-left: 5px;
}
.padl10{
	padding-left: 10px;
}
.padr5{
	padding-right: 5px;
}
.padr10{
	padding-right: 10px;
}
.pad5{
	padding: 5px;
}
.pad10{
	padding: 10px;
}
.inset{
	border: 3px inset #c0c0c0;
	border-radius: 15px;
	padding: 10px;
	background: rgba(0,0,0,0.2);
}
.outset{
	border: 3px outset #c0c0c0;
	border-radius: 15px;
	padding: 10px;
	background: rgba(255,255,255,0.2);
	box-shadow: 3px 3px 6px #000;
}
.notif{
	background: #f00;
	color: #fff;
	font-weight: bold;
	padding: 0px 5px;
	border-radius: 15px;
	margin-top:-10px 
}
.absolute{
	position: absolute
}
.img{
	width: 100%;
}