body { background: #fafafa !important; margin-top: 50px;}

.top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top20 { margin-top:20px; }
.top30 { margin-top:30px; }
.top40 { margin-top:40px; }
.top50 { margin-top:50px; }
.top60 { margin-top:60px; }
.top70 { margin-top:70px; }
.top80 { margin-top:80px; }
.top90 { margin-top:90px; }
.top100 { margin-top:100px; }
.top150 { margin-top:150px; }

.bottom5 { margin-bottom:5px; }
.bottom7 { margin-bottom:7px; }
.bottom10 { margin-bottom:10px; }
.bottom15 { margin-bottom:15px; }
.bottom17 { margin-bottom:17px; }
.bottom20 { margin-bottom:20px; }
.bottom30 { margin-bottom:30px; }
.bottom40 { margin-bottom:40px; }
.bottom50 { margin-bottom:50px; }
.bottom60 { margin-bottom:60px; }
.bottom70 { margin-bottom:70px; }
.bottom80 { margin-bottom:80px; }
.bottom90 { margin-bottom:90px; }
.bottom100 { margin-bottom:100px; }
.bottom150 { margin-bottom:150px; }

.left5 { margin-left:5px; }
.left7 { margin-left:7px; }
.left10 { margin-left:10px; }
.left15 { margin-left:15px; }
.left17 { margin-left:17px; }
.left20 { margin-left:20px; }
.left25 { margin-left:25px; }
.left30 { margin-left:30px; }
.left35 { margin-left:35px; }
.left40 { margin-left:40px; }
.left45 { margin-left:45px; }
.left50 { margin-left:50px; }
.left60 { margin-left:60px; }
.left70 { margin-left:70px; }
.left80 { margin-left:80px; }
.left90 { margin-left:90px; }
.left100 { margin-left:100px; }

.pointarea { cursor: pointer;}

.table tbody>tr>td.vert-align{
    vertical-align: middle;
}

.thumbnail {
        position: relative;
        padding: 10px;
        margin-bottom: 10px;
    }

.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
}

.Absolute-Center.is-Responsive {
  width: 50%; 
  min-width: 200px;
  max-width: 400px;
    padding: 10px;
}

.title-Main {
	margin: 1em 0 0.5em 0;
	font-weight: normal;
	position: relative;
	text-shadow: 0 -1px rgba(0,0,0,0.6);
	background: #355681;
	background: rgba(53,86,129, 0.8);
	border: 1px solid #fff;
	padding: 5px 15px;
	color: white;
	border-radius: 0 10px 0 10px;
	box-shadow: inset 0 0 5px rgba(53,86,129, 0.5);
}

.title-MainBody {
	margin: 0;
	font-weight: normal;
	position: relative;
	background: #e5f0f6;
	padding: 10px 10px;
}


.text-P {
	font-weight: bold;
	color: blue;
}

.text-K {
	font-weight: bold;
	color: blue;
}

.text-C {
	font-weight: bold;
	color: green;
}

.text-Exp {
	font-weight: bold;
	color: green;
}

.text-EXP {
	font-weight: bold;
	color: green;
}


.text-GP {
	font-weight: bold;
	color: purple;
}

.full-width {
    display:block;
}

 .footercolor {
      background-color: #555;
      color: white;
      padding: 15px;
    }

.table-nonfluid {
   width: auto !important;
}

.table-center
{
  margin: 0 auto !important;
  float: none !important;
}

.nobordertop td, .nobordertop th {
    border-top: none !important;
}

.nopadding {padding:0;}
.nomargin {margin:0}

.badge-danger {
background-color: #d9534f;
}
.badge-warning {
background-color: #f0ad4e;
}
.badge-success {
background-color: #5cb85c;
}
.badge-info {
background-color: #5bc0de;
}
.badge-inverse {
background-color: #333333;
}

.tdSmWidth{ width: 40px !important; }
.tdMdWidth{ width: 80px !important; }
.tdLgWidth{ width: 160px !important; }

.form-horizontal .control-label.text-left{
text-align:left;
}

.panel.noborder {
    border: 0;
    box-shadow: none;
}
.panel.noborder > .panel-heading {
    border: 0;
}
.panel.noborder > .panel-body {
    border: 0;
}
.panel.noborder > .panel-footer {
    border: 0;
}

@media (min-width: 768px) {
  .modal-xl {
    width: 90%;
   max-width:1200px;
  }
}

.badge-notify{
   background:red;
   position:relative;
   top: -20px;
   left: -35px;
  }