@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;
    border-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;
}

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


.download {
	margin-left: 15px;
}

.snapshot-data {
	width: 330px;
	height: 120px;
	white-space: normal;
}

.webcam {
	margin-top: 22px;
}

.cropArea {
  background: #E4E4E4;
  overflow: hidden;
  width:500px;
  height:350px;
}


.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;
}



.attachment-medium {
	float:left;margin-right:5px;*/
	vertical-align:middle;
	padding:5px;
}


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

.datepicker .table-condensed {

	  width: 250px;
	  height:250px;
}
.datepicker .table-condensed td{
	border:1px solid #eee;

}
.datepicker .table-condensed td{
	border:1px solid #eee;
		
}
.datepicker .table-condensed .day:not(.disabled){
	 color:white;
	 font-weight:bold;
	 font-size:15px;
	 background-color:#5cb85c;
	 borderx:1px solid green;	
}


.datepicker .table-condensed td .active{
	 color:white;
	 font-weight:bold;
	 font-size:15px;
	 background-color:#eee !important;
	 borderx:1px solid green;	
}


.list-group-flush .list-group-item {
	border:0px !important;
	padding:3px;padding-left:20px !important;
}

#sidebar li{
	border:0px;
}


td .rounded-circle {
	width:100px;

}


.text-decoration-line-through {
   text-decoration: line-through !important;
}


.list-group-item {
  padding:5px !important;
  border:0px solid #eee !important;
}

.list-group-item a {
  padding:2px !important;
}

.nav-link:hover{
	background-color:#eee !important;
}

/* width */
::-webkit-scrollbar {
  width:  8px;
  height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}