body, td, input, textarea, select, a, optgroup { font:12px arial; }

.redalert{ color:#FF0000; }
.text1{ font-size:11px; }
.subtext1{ font-size:11px; font-style: italic; }
.subtext2{ color: #6f6c6c; font-style: italic; font-size: 0.9em; }
.tabletext1 table, .tabletext1 tr, .tabletext1 td, .tabletext1 span, .tabletext1 div, .tabletext1 a { font-size:11px; }
.title1{ font-size:16px; font-weight:bold; }
.title2{ font:bold 14px verdana; }
.title3{ font:bold 12px verdana; }
.title4{ font-size:14px; font-weight:bold; }
.textBold { font-weight:bold; }
.InputToUpperCase{ text-transform:uppercase; }
.InputToLowerCase{ text-transform:lowercase; }
.inpCheckboxAsRadio, .clickOnLabelz{ cursor:pointer }

.brLine{ padding:2px; }
.brLine2{ padding:2px; }
.brLine3{ padding:3px; }
.brLine4{ padding:4px; }
.brLine5{ padding:5px; }

.padding2 td, .padding2 th{ padding: 2px; }
.padding3 td, .padding3 th{ padding: 3px; }
.padding5 td, .padding5 th{ padding: 5px; }

.rowListHeader { background-color:#a1c8fd }
.rowListContent { background-color: #ffffff; }
tr.rowListContent:hover { background-color: #E7E7FA; }

.rowListHeaderGray { background-color:#d7d5d5 }
.rowListContentGray { background-color: #ffffff; }
tr.rowListContentGray:hover { background-color: #f3f3f3; }

.solidLine{ border-width:0px; border-top:1px solid #696867; }
.topSolid{ border-width:0px; border-top:1px solid #696867; }
.rightSolid{ border-width:0px; border-right:1px solid #696867; }
.dotLine{ border-width:0px; border-top:1px dotted #696867; }
.rightDot{ border-width:0px; border-right:1px dotted #696867; }

.bdall{ border:1px solid #000000; }
.bdleft{ border-width:0px; border-left:1px solid #000000; }
.bdright{ border-width:0px; border-right:1px solid #000000; }
.bdtop{ border-width:0px; border-top:1px solid #000000; }
.bdbottom{ border-width:0px; border-bottom:1px solid #000000; }
.bdtopleft{ border-width:0px; border-top:1px solid #000000; border-left:1px solid #000000; }

.bdall_2{ border:1px solid #51669e; }
.b_all_grey{ border:1px solid #bfbdbe; }
.boxAllGrey{ border:1px solid #bfbdbe; padding:5px; background-color:#f3f3f3; }
.bdCellSpacing1 { border-spacing:1px; border-collapse: separate; }
.bdCellPadding2 td { padding: 2px; }
.bdCellPadding3 td { padding: 3px; }
	
.titlebar1{
	color:#000000; 
	border:1px solid #6c95c6; 
	background-color:#98c1f1;
}

.titlebar2{
	color:#000000; 
	padding:3px 3px 3px 5px; 
	background-color:#cde9fe; 
	border: 1px solid #a1c8fd;
}

.notelist{ font-style:italic; }
.numberTextInput{ 
	border-color:#f8f8f8; 
	background-color:#f8f8f8; 
	width:20px; 
}
.nomlisting, .nomlisting:hover, .nomlisting:focus, .nomlisting:focus:hover{
	color: #000000; 
	border:1px solid #f8f8f8; 
	background-color:#f8f8f8; 
	width:20px; 
	text-align:right;
}

.CheckboxClickChgBg {vertical-align:middle; outline:3px solid #ffffff;}

.popupBox{
	background-color:#ffffff;
	border:3px solid #000000;
	z-index:10000;
	position:absolute; 
	display:none;
	top:50%;
    left:35%;
}

.bulletImage1 {
	list-style-type: none;
	padding: 5px 0px 0px 0px;
    margin: 0px;
}

.bulletImage1 li {
	padding: 4px 0px 5px 20px;
	background-image: url("../img/icon_report.gif");
    background-repeat: no-repeat;
}

.bulletImage2 {
	list-style-position: outside;
	list-style-image: url("../img/icon_report.gif");
	list-style-type:square;
}

.bulletImage2 li {
	padding: 0px 0px 5px 0px;	
}

.bulletImage3 {
	list-style-type: none;
	padding: 5px 0px 0px 0px;
    margin: 0px;
}

.bulletImage3 li, li.bulletImage3 {
	padding: 4px 0px 5px 20px;
	background-image: url("../img/icon_graph.png");
    background-repeat: no-repeat;
}

@media print  { 
	.noprint{display:none;}
	.PageBreak { page-break-before: always; } 
	.pageSizeA4, .pageSizeA4-landscape{/*height: 11.5in; width:8.1in;*/ border:0px solid #000000;}
	thead {display: table-header-group;} 
	tfoot {display: table-footer-group;}
	
	.pagebreakTable { page-break-inside:auto }
	.pagebreakTable tr td{ 
		page-break-inside:avoid; 
		page-break-after:auto;
	}	
}

@media screen { 
	.PageBreak { padding:4px; } 
   	.pageSizeA4{width:8.1in;}
   	.pageSizeA4-landscape{width:11.5in;}
}

.boxMessageBubble{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding:8px; 
	background-color:#f2f3f5;
}

.boxcontent, .boxtitlebar{
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.boxcontent{
	background-color:#FFF;
	border: 1px solid #C8C9CA;
	margin: 0 0 10px;
	padding: 1px;
	text-align: left;
}

.boxtitlebar {	
	background-color:#FBB117;
	background: #fb9a17 url(../img/header_bg.png) repeat-x 0 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9E9E9E;
	
	padding: 6px;
	color: #000;
	font-weight: bold;
	font-size: 12px;
	text-shadow:0px 1px 1px #FFFFFF;
	letter-spacing:1px;
}

.cancelledImg{ 
    position: absolute;
    width: 375px;
    height: 267px;
    background: url("../img/dibatalkan_txt.png");
    background-repeat:no-repeat;
	z-index:1000;
	left: 150px;
	/*background-image: url("../img/dibatalkan_txt.png");
	background-repeat:no-repeat;
	background-position:center;*/
}

.imgLoadingSpinner{
    margin-right: 7px;
    margin-left:5px;
    display:inline-block; 
    background: url("../img/icon_loading.gif"); 
    width:16px; height:16px; 
    vertical-align:text-bottom;
	background-repeat:no-repeat;
	z-index:1000;
}

.imgLoadingSpinner2{
    margin-top: 3px;
    margin-left: -22px;
    display:inline-block; 
    background: url("../img/icon_loading2.gif"); 
    width:16px; height:16px; 
	background-repeat:no-repeat;
	position:absolute;
	z-index:1000;
}

.imgLoadingLoader{
    margin:10px;
    display:inline-block; 
    background: url("../img/icon_loadingbig.gif"); 
    width:48px; height:48px; 
    vertical-align:text-bottom;
	background-repeat:no-repeat;
	z-index:1000;
}

.imgLoadingLoader2{
    margin:10px;
    display:inline-block; 
    background: url("../img/icon_loadingbig2.gif"); 
    width:48px; height:48px; 
    vertical-align:text-bottom;
	background-repeat:no-repeat;
	z-index:1000;
}

.imgLoadingSmall{
    margin: 3px;
    display:inline-block; 
    background: url("../img/icon_loading2.gif"); 
    width:16px; height:16px; 
	background-repeat:no-repeat;
	position:absolute;
	z-index:1000;
}

.imgLoadingBig{
    margin:3px;
    display:inline-block; 
    background: url("../img/icon_loadingbig.gif"); 
    width:48px; height:48px; 
	background-repeat:no-repeat;
	position:absolute;
	z-index:1000;
}

.imgLoadingCenter{
	position: absolute;
	z-index:1000;
    left: 50%;
	/* display:none; */	
}

.imgIconPinup{
    background: url("../img/icon_pinup.png"); 
    display:inline-block; 
    width:32px; height:32px; 
    vertical-align:middle;
	background-repeat:no-repeat;
}

.imgPinup1{
    background: url("../img/icon_pinup_blue.png"); 
    display:inline-block; 
    width:32px; height:32px; 
    vertical-align:middle;
	background-repeat:no-repeat;
}

.imgIconPinupNeb{
    background: url("../img/icon_pinup_neb.png"); 
    display:inline-block; 
    width:48px; height:48px; 
    vertical-align:middle;
	background-repeat:no-repeat;
	margin-right:8px;
}

.imgIconPrinter{
    background: url("../img/icon_printer.png"); 
	cursor:pointer;
    display:inline-block; 
    width:24px; height:24px; 
    vertical-align:middle;
	background-repeat:no-repeat;
}

.imgIconPdf{
    background: url("../img/icon_pdf.png"); 
	cursor:pointer;
    display:inline-block; 
    width:24px; height:24px; 
    vertical-align:middle;
	background-repeat:no-repeat;
}

.imgIconPdf_small{
    background: url("../img/icon_pdf_small.png"); 
    display:inline-block; 
    width:16px; height:16px; 
    vertical-align:middle;
	background-repeat:no-repeat;
}

.imgIconExcel{
    background: url("../img/icon_xls.png"); 
	cursor:pointer;
    display:inline-block; 
    width:24px; height:24px; 
    vertical-align:middle;
	background-repeat:no-repeat;
}

.imgIconExcel_small{
    background: url("../img/icon_xls_small.png"); 
    display:inline-block; 
    width:16px; height:16px; 
    vertical-align:middle;
	background-repeat:no-repeat;
}

.imgIconWord{
    background: url("../img/icon_doc.png"); 
	cursor:pointer;
    display:inline-block; 
    width:24px; height:24px; 
    vertical-align:middle;
	background-repeat:no-repeat;
}

.imgIconFindParameter{
    background: url("../img/icon_page_find.png"); 
    display:inline-block; 
    width:16px; height:16px; 
    vertical-align:middle;
	background-repeat:no-repeat;
}

.imgIconArrowMenu{
    background: url("../img/icon_play_blue.png"); 
    display:inline-block; 
    width:16px; height:16px; 
    vertical-align:middle;
	background-repeat:no-repeat;
}

.imgIconAdd{
    background: url("../img/icon_add.png"); 
    display:inline-block; 
    width:16px; height:16px; 
    vertical-align:middle;
	background-repeat:no-repeat;
}

.imgIconAccept{
    background: url("../img/icon_accept.png"); 
    display:inline-block; 
    width:16px; height:16px; 
    vertical-align:middle;
	background-repeat:no-repeat;
}

.imgIconEdit{
    background: url("../img/icon_edit.png"); 
    display:inline-block; 
    width:16px; height:16px; 
    vertical-align:middle;
	background-repeat:no-repeat;
}

.imgIconMagnifier{
    background: url("../img/icon_magnifier.png"); 
    display:inline-block; 
    width:16px; height:16px; 
    vertical-align:middle;
	background-repeat:no-repeat;
}

.imgIconEmailNew{
    background: url("../img/email_star.png"); 
    display:inline-block; 
    width:16px; height:16px; 
    vertical-align:middle;
	background-repeat:no-repeat;
}

.imgIconBackButton{
    background: url("../img/icon_backbutton.png"); 
    display:inline-block; 
    width:24px; height:24px; 
    vertical-align:middle;
	background-repeat:no-repeat;
}

.imgIconTick{
    background: url("../img/icon_tick.png"); 
    display:inline-block; 
    width:16px; height:16px; 
    vertical-align:middle;
	background-repeat:no-repeat;
}

.imgIconCancel{
    background: url("../img/icon_cancel.png"); 
    display:inline-block; 
    width:16px; height:16px; 
    vertical-align:middle;
	background-repeat:no-repeat;
}

.imgLogoST{
    background: url("../img/logo_st.png"); 
    display:inline-block; 
    width:247px; height:50px; 
    vertical-align:middle;
	background-repeat:no-repeat;
}

.boxWrapperMsg_Ok{
	margin: 0px; 
	min-width: 550px;
	padding: 8px 20px;
	background-color: #f0fb96;
	border:1px solid #b8cf03;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.boxWrapperMsg_Error{
	background-color: #fdd8d8;
	border:1px solid #cf0303;
}

.boxSimpleWrapper{
	margin: 0px;
	/*width:97%;*/
	padding:10px;
	/*height:110px;
	background-repeat: no-repeat;*/
	background-color: #ffffff;
	border:1px solid #d7dadb;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.PageSelectArrow-next, .PageSelectArrow-next-disabled, .PageSelectArrow-prev, .PageSelectArrow-prev-disabled{
	display:inline-block; 
	width:16px; height:16px; 
	vertical-align:text-bottom;
	background-repeat:no-repeat;
}

.PageSelectArrow-next{ background: url("../img/iconresult_next.png"); cursor:pointer; }
.PageSelectArrow-next-disabled{ background: url("../img/iconresult_next_gray.png"); }
.PageSelectArrow-prev{ background: url("../img/iconresult_previous.png"); cursor:pointer; margin-left: 5px; }
.PageSelectArrow-prev-disabled{ background: url("../img/iconresult_previous_gray.png"); margin-left: 5px; }

.tableborder
{	
	padding: 5px;
	border-collapse: collapse;
}

.tableborder th
{
	font-weight: bold;
	padding: 5px;
	background: #a1c8fd;
	border: 1px solid #000000;	
}

.tableborder td
{	
	text-align:left;
	padding: 5px; 
	border: 1px solid #000000;	
	/*border-top: 1px solid transparent;*/
}

.app-list
{	
	padding: 10px;
	margin-bottom:5px;
	border-collapse: collapse;
}

.app-list th
{
	font-weight: bold;
	padding: 3px;
	background: #a1c8fd;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff; 
	text-align: center;
	font-size:11px;
}

.app-list-bdtop
{	
 	border-top: 1px solid #fff;
}

.app-list td
{	
	text-align:left;
	font-size:11px;
	padding: 3px; 
	border-bottom: 1px solid #8A8889;
	/*border-top: 1px solid transparent;*/
}
	
.app-list tr:hover td
{
	background: #D8E0F0;
}

.app-list td a{
	font-size:11px;
}

/* Bootstrap */
.m-0 { margin: 0!important }
.m-1 { margin: 0.25rem!important }
.m-2 { margin: 0.5rem!important }
.m-3 { margin: 1rem!important }
.m-4 { margin: 1.5rem!important }
.m-5 { margin: 3rem!important }

.mt-0 { margin-top: 0!important }
.mt-1 { margin-top: 0.25rem!important }
.mt-2 { margin-top: 0.5rem!important }
.mt-3 { margin-top: 1rem!important }
.mt-4 { margin-top: 1.5rem!important }
.mt-5 { margin-top: 3rem!important }

.mb-0 { margin-bottom: 0!important }
.mb-1 { margin-bottom: 0.25rem!important }
.mb-2 { margin-bottom: 0.5rem!important }
.mb-3 { margin-bottom: 1rem!important }
.mb-4 { margin-bottom: 1.5rem!important }
.mb-5 { margin-bottom: 3rem!important }

.ml-0 { margin-left: 0!important }
.ml-1 { margin-left: 0.25rem!important }
.ml-2 { margin-left: 0.5rem!important }
.ml-3 { margin-left: 1rem!important }
.ml-4 { margin-left: 1.5rem!important }
.ml-5 { margin-left: 3rem!important }

.mr-0 { margin-right: 0!important }
.mr-1 { margin-right: 0.25rem!important }
.mr-2 { margin-right: 0.5rem!important }
.mr-3 { margin-right: 1rem!important }
.mr-4 { margin-right: 1.5rem!important }
.mr-5 { margin-right: 3rem!important }