/*!
 * Start Bootstrap - SB Admin Bootstrap Admin Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

body {
    margin-top: 100px;
    background-color: #222;
}

@media(min-width:768px) {
    body {
        margin-top: 50px;
    }
}

#wrapper {
    padding-left: 0;
}

#page-wrapper {
    width: 100%;
    padding: 0;
    background-color: #fff;
}

.huge {
    font-size: 50px;
    line-height: normal;
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 225px;
    }

    #page-wrapper {
        padding: 10px;
    }
}

/* Top Navigation */

.top-nav {
    padding: 0 15px;
}

.top-nav>li {
    display: inline-block;
    float: left;
}

.top-nav>li>a {
    padding-top: 15px;
    padding-bottom: 15px;
    line-height: 20px;
    color: #999;
}

.top-nav>li>a:hover,
.top-nav>li>a:focus,
.top-nav>.open>a,
.top-nav>.open>a:hover,
.top-nav>.open>a:focus {
    color: #fff;
    background-color: #000;
}

.top-nav>.open>.dropdown-menu {
    float: left;
    position: absolute;
    margin-top: 0;
    border: 1px solid rgba(0,0,0,.15);
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
}

.top-nav>.open>.dropdown-menu>li>a {
    white-space: normal;
}

ul.message-dropdown {
    padding: 0;
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: auto;
}

li.message-preview {
    width: 275px;
    border-bottom: 1px solid rgba(0,0,0,.15);
}

li.message-preview>a {
    padding-top: 15px;
    padding-bottom: 15px;
}

li.message-footer {
    margin: 5px 0;
}

ul.alert-dropdown {
    width: 200px;
}

/* Side Navigation */

@media(min-width:768px) {
    .side-nav {
        position: fixed;
        top: 51px;
        left: 225px;
        width: 225px;
        margin-left: -225px;
        border: none;
        border-radius: 0;
        overflow-y: auto;
        background-color: #222;
        bottom: 0;
        overflow-x: hidden;
        padding-bottom: 40px;
    }

    .side-nav>li>a {
        width: 225px;
    }

    .side-nav li a:hover,
    .side-nav li a:focus {
        outline: none;
        background-color: #000 !important;
    }
}

.side-nav>li>ul {
    padding: 0;
}

.side-nav>li>ul>li>a {
    display: block;
    padding: 10px 15px 10px 38px;
    text-decoration: none;
    color: #999;
}

.side-nav>li>ul>li>a:hover {
    color: #fff;
}

/* Flot Chart Containers */

.flot-chart {
    display: block;
    height: 400px;
}

.flot-chart-content {
    width: 100%;
    height: 100%;
}

/* Custom Colored Panels */

.huge {
    font-size: 40px;
}

.panel-green {
    border-color: #5cb85c;
}

.panel-green > .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}

.panel-green > a {
    color: #5cb85c;
}

.panel-green > a:hover {
    color: #3d8b3d;
}

.panel-red {
    border-color: #d9534f;
}

.panel-red > .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}

.panel-red > a {
    color: #d9534f;
}

.panel-red > a:hover {
    color: #b52b27;
}

.panel-yellow {
    border-color: #f0ad4e;
}

.panel-yellow > .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}

.panel-yellow > a {
    color: #f0ad4e;
}

.panel-yellow > a:hover {
    color: #df8a13;
}

.form-box-withborder {
	display:block;
	height:40px;
	border-color: #d3d3d3 ;
	border-width:1px;
	border-style:solid;
	padding: 5px;
	border-radius: 0;	
	line-height:1.4;
}

 .custom-combobox {
    position: relative;
    display: inline-block;
  }
  .custom-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
  }
  .custom-combobox-input {
    margin: 0;
    padding: 5px 10px;
  }
  
  .tab {
    overflow: hidden;
    border: 1px solid #ccc;
    background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */
.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
    background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-top: none;
}
.tabcontent {
    animation: fadeEffect 1s; /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

.cell {
	float: left;
	display:block;
	min-width:100px;
	height : 100%;
}

.custom-select {
	position: relative;
	display: block;
}

/* This is the native select, we're making everything but the text invisible so
 * we can see the button styles in the wrapper */
.custom-select select {
	width: 100%;
	margin: 0;
	outline: none;
	padding: .6em .8em .5em .8em;

	/* Prefixed box-sizing rules necessary for older browsers */
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;

	/* Font size must be 16px to prevent iOS page zoom on focus */
	font-size: 16px;
}


/* Custom arrow sits on top of the select - could be an image, SVG, icon font,
 * etc. or the arrow could just baked into the bg image on the select. */
.custom-select::after {
	content: " ";
	position: absolute;
	top: 50%;
	right: 1em;
	z-index: 2;
	/* These hacks make the select behind the arrow clickable in some browsers */
	pointer-events: none;
	display: none;
}

/* Firefox <= 34 has a false positive on @supports( -moz-appearance: none )
 * @supports ( mask-type: alpha ) is Firefox 35+
 */
@supports (-webkit-appearance: none) or (appearance: none) or ((-moz-appearance: none) and (mask-type: alpha)) {

	/* Show custom arrow */
	.custom-select::after {
		display: block;
	}

	/* Remove select styling */
	.custom-select select {
		padding-right: 2em; /* Match-01 */
		/* inside @supports so that iOS <= 8 display the native arrow */
		background: none; /* Match-04 */
		/* inside @supports so that Android <= 4.3 display the native arrow */
		border: 1px solid transparent; /* Match-05 */

		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.custom-select select:focus {
		border-color: #aaa; /* Match-03 */
	}
}

.search-select option {
        height: 50px;
    }
.row_order_finish{
	background-color: darkgreen;
	color:white;
	text-decoration: none;
}
.row_order_notstarted{
	background-color: white;
	color:black;
	text-decoration: none;	
}
.row_order_working{
	background-color: seagreen;
	color:white;
	text-decoration: none;	
}
.row_order_cancel{
	background-color: red;	
	color:white;	 
	 text-decoration: none;
}

.row_client_005{
	background-color: #020202;	
	color:white;	 
	 text-decoration: none;
}
.row_client_051{
	background-color: #202620;	
	color:white;	 
	 text-decoration: none;
}
.row_client_115{
	background-color: #424e42;	
	color:white;	 
	 text-decoration: none;
}
.row_client_152{
	background-color: #5c6e5c;	
	color:white;	 
	 text-decoration: none;
}
.row_client_225{
	background-color: #7d967d;	
	color:white;	 
	 text-decoration: none;
}
.row_client_253{
	background-color: #a4c5a4;	
	color:white;	 
	 text-decoration: none;
}
 .row_client_335{
	background-color: #7dc57d;	
	color:white;	 
	 text-decoration: none;
}
.row_client_354{
	background-color: #5ac55a;	
	color:white;	 
	 text-decoration: none;
}
.row_client_445{
	background-color: #2cab2c;	
	color:white;	 
	 text-decoration: none;
}
.row_client_455{
	background-color: #037b03;	
	color:white;	 
	 text-decoration: none;
}

.row_order_finish a:link {
    color: white;
}
.row_order_finish a:visited {
    color:white;
}

.row_order_cancel a:link {
    color: white;
}
.row_order_cancel a:visited {
    color:white;
}
.row_order_working a:link {
    color: white;
}
.row_order_working a:visited {
    color:white;
}

.row_client_005 a:link {
	color:white;
}
.row_client_051 a:link {
	color:white;
}
.row_client_115 a:link {
	color:white;
}
.row_client_152 a:link {
	color:white;
}
.row_client_225 a:link {
	color:white;
}
.row_client_253 a:link {
	color:white;
}
.row_client_335 a:link {
	color:white;
}
.row_client_354 a:link {
	color:white;
}
.row_client_445 a:link {
	color:white;
}
.row_client_455 a:link {
	color:white;
}

.row_client_005 a:visited {
	color:white;
}
.row_client_051 a:visited {
	color:white;
}
.row_client_115 a:visited {
	color:white;
}
.row_client_152 a:visited {
	color:white;
}
.row_client_225 a:visited {
	color:white;
}
.row_client_253 a:visited {
	color:white;
}
.row_client_335 a:visited {
	color:white;
}
.row_client_354 a:visited {
	color:white;
}
.row_client_445 a:visited {
	color:white;
}
.row_client_455 a:visited {
	color:white;
}