@font-face {
  font-family: 'raleway';
  src: url('../../fonts/raleway/raleway-bold-webfont.eot');
  src: url('../../fonts/raleway/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../../fonts/raleway/raleway-bold-webfont.woff') format('woff'),
       url('../../fonts/raleway/raleway-bold-webfont.ttf') format('truetype'),
       url('../../fonts/raleway/raleway-bold-webfont.svg#ralewaybold') format('svg');
  font-weight: bold; /* SEE HERE. SAME NAME, BUT WE JUST CHANGED THE WEIGHT TYPE */
  font-style: normal;
}

@font-face {
  font-family: 'raleway';
  src: url('../../fonts/raleway/raleway-regular-webfont.eot');
  src: url('../../fonts/raleway/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
       url('../../fonts/raleway/raleway-regular-webfont.woff') format('woff'),
       url('../../fonts/raleway/raleway-regular-webfont.ttf') format('truetype'),
       url('../../fonts/raleway/raleway-regular-webfont.svg#ralewayregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

body,table,ul,li{
	font-family: Arial,sans-serif !important;
    font-size:14px !important;
}
.center {
  margin: auto;
  width: 50%;
 
  padding: 10px;
}
	
table td{
	font-size:12px !important;
}


.panel-success {
    border-color: #5cb85c;
}
.panel-success>.panel-heading {
    color: white;
    background-color:#5cb85c;
    border-color: #5cb85c;
}


#side-menu li >a {
	color:#333 !important;
	font-size:13px !important;
}


.container-fluid {
  
	height:auto ;
	min-height:100% ;
    overflow-y: hidden; /* don't show content that exceeds my height */
}




.stepwizard-step p {
    margin-top: 0px;
    color:#666;
}
.stepwizard-row {
    display: table-row;
}
.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}
.stepwizard-step button[disabled] {
    /*opacity: 1 !important;
    filter: alpha(opacity=100) !important;*/
}
.stepwizard .btn.disabled, .stepwizard .btn[disabled], .stepwizard fieldset[disabled] .btn {
    opacity:1 !important;
    color:#bbb;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content:" ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-index: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 35px;
    height: 35px;
    text-align: center;
    padding: 6px 0;
    font-size: 15px;
	font-weight:bold;
    line-height: 1.428571429;
    border-radius: 20px;
}


.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:focus, 
.nav-tabs>li.active>a:hover 
{
    color: #5554;
    cursor: default;
    background-color: #fff;
    border-leftx: 1px solid #d9534f !important;
	  border-rightx: 1px solid #d9534f !important;
	  border-topx: 1px solid #d9534f !important;
    xborder-bottom-color: transparent;
}


#nav-tab-dashboard >.nav-link:hover{
	background-color:#eee;
	color: #d9534f;
}


#nav-tab-dashboard >.nav-link{
	color:white;
}
#nav-tab-dashboard >.nav-link.active{
	color:#212529;
  border-bottom:transparent;
}

iframe {
	width:90% !important;
	height:300px !important;
}


.download {
	margin-left: 15px;
}



.wrapper {
    display: flex;
    width: 100%;
}

#sidebar {
    width: 300px;
    positionx: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
    background: white;
    color: white;
    transition: all 0.3s;
}



.card-text img {
  width:150px !important;
  height:150px !important;
}

#css_form td {
  border:1px solid black;
  padding:5px;
}

.table_no_border {
    border:0px;
}

.table_no_border  td {
    border:0px !important;
}


.star_danger .star-button.star-on .material-icons {
  color: #d9534f;
}

.star_success .star-button.star-on .material-icons {
  color: #5cb85c;
}

.col_input{
	padding:0px  !important;
	position:relative  !important;
	border:1px solid #eee !important;
	
}
.col_input input,
.col_input select {
	padding-left:10px !important;
	margin:0px !important;
	width:100% !important;
	positionx:absolute !important;
	height:30px !important;
	border:0px solid #eee !important;
	text-align:center;
}

#payslip_list td,
#payslip_list th {
   border:1px solid silver !important;
  
}

#payslip_list th{
	font-weight:normal !important;
}