/* PERSONALIZE COMMON CSS  */

/********** GENERAL **********/

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}

input[type=number] {
    -moz-appearance:textfield;
}

#wrapper{
	margin: 0% 2% 0% 2%;
	
}


	.spinner {
	    position: relative;
	    left: 46%;
	    margin-top: 15%;
	    color: #DF007F;
	}


.btn{
			border-color:transparent;
		}
		
.panel-heading{
	background-color:#f39c12 !important;
	color:white !important;
}


li{
	cursor:pointer;
}

.dataTables_length label select{
	padding:5px;
}

.dataTables_filter label{
	float:right !important;
	padding:5px;
}
		
.paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
	background-color: #f39c12 !important;
    border-color: #f39c12 !important;
	background: #f39c12 !important;
}

.padding-bottom-25px {
    padding-bottom: 25px;
}

.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th:not(.employee_name) {
   background-color: Gainsboro ;
}

thead tr th {
  background-color:  #f39c12;
  color: white;
  text-align: center;
}

.btn-warning{
	background: #f39c12 !important;
	color: #fff !important;
}

.sidenav {
    height: 100%; /* Full-height: remove this if you want "auto" height */
    width: 160px; /* Set the width of the sidebar */
    position: fixed; /* Fixed Sidebar (stay in place on scroll) */
    z-index: 1; /* Stay on top */
    top: 0; /* Stay at the top */
    left: 0;
    background-color: #111; /* Black */
    overflow-x: hidden; /* Disable horizontal scroll */
    padding-top: 20px;
}

/* The navigation menu links */
.sidenav a {
    padding: 6px 8px 6px 16px;
    text-decoration: none;
    font-size: 25px;
    color: #818181;
    display: block;
}

/* When you mouse over the navigation links, change their color */
.sidenav a:hover {
    color: #f1f1f1;
}

/* Style page content */
.main {
    margin-left: 160px; /* Same as the width of the sidebar */
    padding: 0px 10px;
}

/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
    .sidenav a {font-size: 18px;}
}

.main-footer {
  background: #ecf0f5 !important;
}

a {
	color: inherit;
}

.content-wrapper {
	background-color:#fff !important;
}

.bckgrnd-gray {
	background: #f1f1f1 !important;
}

.color-gray {
	color: #c0c0c0 !important;
}

.transparent-bckgrnd {
	background-color:transparent !important;
}

.border-gray {
	border: 1px solid #d2d6de !important;
}

.border-bottom-gray {
	border-bottom: 1px solid #d2d6de !important;
}

.content-header>.breadcrumb{
	float: left !important;
	position: initial !important;
	font-size:11px !important;
}

.none-border {
	border: 0px !important;
}

#usuario-info {
    z-index: 1;
}

#nav-menu-gasopas {
	z-index: 0;
}


.navbar.navbar-fixed-top{
    width:65% !important;
    height:15% !important;
    margin:0px auto;
    left:0;
    right:0;
    padding:0;
}

.nav>li>a{
	color: white !important;
}
.nav>li>a:hover{
	background-color: orange !important;
}
.open>a{
	background-color: orange !important;
}

.navbar-nav>li>a {
    border-right: 0px solid #f39c12 !important;
}

.gasopas-user-image{
	float: left;
   	width: 25px;
   	height: 25px;
   	border-radius: 50%;
   	margin-right: 10px;
   	margin-top: -2px; 
}

.navbar-brand
.navbar.navbar-gasopas{
    height:1% !important;
}

.box {
	border: 0px !important;
}

.btn-default-white {
	background-color: #fff;
    color: #444;
    border-color: #ddd;
}

body {
 font-family: "Ubuntu", Helvetica, Arial, sans-serif !important;
 font-size:11px !important;
}

.box-header>.fa, .box-header>.glyphicon, .box-header>.ion, .box-header .box-title {
	font-size: 15px !important;
}

.btn {
	font-size: 13px !important;
}

.form-control-feedback {
	height: 25px !important;
	line-height: 25px !important;
}


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

.box-body {
	/*padding: 5px 10px !important;*/
}

.form-control-feedback {
    position: absolute;
    height: 25px !important;
    line-height: 23px !important;
}

.form-horizontal .has-feedback .form-control-feedback {
	right: 10px;
}

ul.nav.nav-tabs {
    margin-bottom: 15px;
}

.main-header .logo {

	width: auto;
	padding: 5px 5px;
}


.formDiv{
	font-weight: bold;
}


#yearDiv .btn-default{
  background-color: #f39c12;
  color: white;

}

#year, #month{
	padding: 14px 12px;
	border: 0px
}

.weekendDay {
	background: #FFE933;
	color:black;
}

.calendarHoliday{
	background-color: #FF6347;	
	color:black;
}

.date-own{
	cursor: default !important
}


.dt-button{
	background: #f39c12 !important;
	border-color: #f39c12 !important;
	color:white !important;
	border-radius: 4px;
	padding: 5px 15px;
	margin: 4px;
	font-size: large;
	
}

/* SWITCH STYLE */
/* The switch - the box around the slider */
.switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
}

/* Hide default HTML checkbox */
.switch input {
	display: none;
}

/* The slider */
.slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
}

.slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
}

input:checked+.slider {
	background-color: #f39c12;
}

input:focus+.slider {
	box-shadow: 0 0 1px #f39c12;
}

input:checked+.slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
	border-radius: 34px;
}

.slider.round:before {
	border-radius: 50%;
}


/********** END GENERAL **********/

/********** RESPONSIVE **********/
@media (max-width: 991px) {
	.content-header>.breadcrumb {
		margin-top: -2px !important;
	}
	.navbar-collapse.pull-left {
		float:left !important;
	}
	.navbar-collapse.pull-left.menu-links-gasopas {
		float:none !important;
	}
}

@media (min-width: 767px) and (max-width: 992px) {
	.container-menu-gasopas {
		padding-right: 5px !important;
		padding-left: 20px !important;
		margin-right: auto !important;
		margin-left: auto !important;
	}

	.container-menu-gasopas .nav>li>a {
		position: relative  !important;
		display: block !important;
		font-size: 11px !important;
		padding: 10px 6px !important;
	}

	.container-menu-gasopas .navbar-brand {
		padding: 10px 6px !important;
	}
}

@media (min-width: 1200px) {
  .container {
     width: 100% !important;
  }
}

@media (max-width: 768px){
	label.col-sm-0.control-label {
    	padding-left: 15px;
	}	
}

@media (min-width: 768px){
	.col-sm-0 {
   	    width: 4%;
    	float: left;
	}
}
/********** END RESPONSIVE **********/