body {
    padding-top: 45px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 5px;
    padding-right: 5px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.floatleft {
    float: left;
    margin-left: 3px;
}
.floatright {
    float: right;
    margin-right: 3px;
}

/* margin */
.mt0  { margin-top:0px; }
.mt3  { margin-top:3px; }
.mt5  { margin-top:5px; }
.mt8  { margin-top:8px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }

.ml0 { margin-left: 0px; }
.ml3 { margin-left: 3px; }
.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml25 { margin-left: 25px; }
.ml30  { margin-left:30px; }
.ml50  { margin-left:50px; }
.ml60  { margin-left:60px; }
.ml75  { margin-left:75px; }
.ml100{ margin-left:100px;}
.ml215{ margin-left:215px;}
.ml230{ margin-left:230px;}
.ml680 { margin-left:680px; }
.ml682 { margin-left:682px; }

.mr0 { margin-right: 0px; }
.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }
.mr100 { margin-right:100px; }
.mr220 { margin-right:220px; }

.mb10 { margin-bottom: 10px; }

/* padding */
.pt0 { padding-top:0px; }
.pt5 { padding-top:5px; }
.pt8 { padding-top:8px; }
.pt10 { padding-top:10px; }
.pt12 { padding-top:12px; }
.pt15 { padding-top:15px; }
.pt18 { padding-top:18px; }
.pt22 { padding-top:22px; }
.pl20 { padding-left:20px; }

/* text-align */
.tar { text-align:right; }
.tal { text-align:left; }

/* width */
.w40 { width:40px; }
.w50 { width:50px; }
.w60 { width:60px; }
.w70 { width:70px; }
.w80 { width:80px; }
.w90 { width:90px; }
.w100 { width:100px; }
.w110 { width:110px; }
.w120 { width:120px; }
.w130 { width:130px; }
.w140 { width:140px; }
.w150 { width:150px; }
.w160 { width:160px; }
.w170 { width:170px; }
.w180 { width:180px; }
.w190 { width:190px; }
.w200 { width:200px; }
.w250 { width:250px; }
.w300 { width:330px; }
.w330 { width:330px; }
.w400 { width:400px; }
.w500 { width:500px; }
.w600 { width:600px; }
.w650 { width:650px; }
.w700 { width:700px; }
.w800 { width:800px; }
.w900 { width:900px; }
.wp100{ width:100%; }
/* height */
h30 {height:30px;}
/* table */
.table thead {
    background-color: #5BB75B;
    background-image: -moz-linear-gradient(center top , #62C462, #51A351);
    background-repeat: repeat-x;
    color: #FFFFFF;
}

.table a {
	text-decoration: underline;
}

.div_round {
	border-radius: 5px 5px 5px 5px;
}

.tac {
	text-align: center;
}

.pd10{
	padding: 10px 10px 10px 10px;
}
.pd5{
	padding: 5px 5px 5px 5px;
}

/* input select */
input, select {
	font-size: 18px;
}

/* statistics graph */
.stat-graph {
	min-width: 940px;
	height: 400px;
	margin: 0 auto;
}
.border-round {
	border: 1px solid #BABABA;
	border-radius: 7px 7px 7px 7px;
}
.none {display:none;}

.ui-dialog .ui-dialog-titlebar {
	line-height: 10px;
	background-color: #457EBD;
    background-image: -moz-linear-gradient(center top , #428BCA, #428BCA);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

.ui-dialog .ui-dialog-titlebar-close span {
    display: block;
    margin: 1px;
    text-indent: 9999px;
    background-color: #428BCA;
}
.ui-dialog .ui-dialog-titlebar-close {
    background-image: url(images/ui-icons_ffffff_256x240.png);
    background-repeat:no-repeat;
    background-position: -96px -128px;
    margin-top: -10px;
    opacity: 0.9;
}

/*
.ui-widget-header .ui-icon {
    background-image: url("images/ui-icons_ffffff_256x240.png");
}
*/

#topLeftDiv-datatable {
	float: left;
}
#topRightDiv-datatable {
	padding: 5px;
	float: right;
}

.ui-dialog .ui-dialog-title {
    color: #FFFFFF;
}

.ui-datepicker select.ui-datepicker-month {
	width:42%;
}
.ui-datepicker select.ui-datepicker-year {
	width:45%;
}

.circl{
font-size: 24px; color: red;
}
.deleteRow{
	background-color: #D3D3D3;
}
.font-color-red {
	color: red;
}
/*
.ui-accordion .ui-accordion-header {
    background: -moz-linear-gradient(center top , #60A0D1 5%, #4F7BC3 100%) repeat-x scroll 0 0 #4F7BC3;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 0 #7DA7B6 inset;
	text-color:#ffffff;
	text-shadow:none;
}
.ui-accordion {
    box-shadow: 0 0 15px #000000;
    margin-bottom: 30px;
}*/


.loading {
	position: absolute;
	width: 30px;
    height: 30px;
	margin-top: -30px;
	margin-left: -30x;
	top: 50%;
	left: 50%;
	z-index: 9999999;
	display: none;
}

.dms-edit-table {
	float: left;
}
.dms-edit-table td {
	height: 30px;
	font-size: 18px;
	border: 1px solid #000000;
    padding: 5px;
}

.dms-edit-table .title {
	text-align: right;
	background-color: #7EC0EE;
}

.dms-edit-table .content {
    word-break: break-all;
}