/****************************************/
/* generic template
/****************************************/
body{
	padding:0px !important;
	overflow:auto !important;
}
.modal{
	padding:0px !important;
}

/* desktop */
@media (min-width: 768px){
	.container{
		width:95%;
		max-width:1440px;
	}
	select.form-control{
		padding-left:8px;
	}
}

/* Mobile XS */
@media (max-width: 767px){
	.container{
		padding-left: 10px;
	    padding-right: 10px
	}

	.row{
		margin-left: -10px;
    	margin-right: -10px;
	}
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
		padding-left: 10px;
    	padding-right: 10px;
	}
	
	#navbar,
	.navbar-header {
	    margin-right: -10px !important;
	    margin-left: -10px !important;
	}
	
	.panel{
		margin-bottom:15px;
	}
	.panel-heading,
	.panel-body,
	.panel-footer{
		padding:10px;
	}
	.alert{
		padding:10px;
		margin-bottom:15px;
	}
	
	.btn{
		/*padding-left:8px;
		padding-right:8px;*/
	}	
	.form-group{
		margin-bottom:10px;
	}
	.form-control, .input-group-addon{
		padding: 6px 10px;
	}
	select.form-control{
		padding-left:6px;
	}
	.popover{
		font-size:13px;
	}
}

/* Mobile XXS */
@media (max-width: 599px){
	body, .btn, .dropdown-menu, .form-control, .input-group-addon{
		font-size:13px;
	}
	.form-control{
		height:auto;
	}
	.btn-sm{
	 	padding:4px 8px;
	 }
}
@media (max-width: 300px){
	.navbar-brand{
		display:none;
	}
}

a:hover{
	cursor:pointer;
}
a.disabled:hover{
	cursor: not-allowed;
}

/****************************************/
/* Border colors
/****************************************/
.btn-default,
.form-control{
	border-color:#D6D6D6;
}

/****************************************/
/* text context
/****************************************/
.text-warning{
	
}

/****************************************/
/* Title
/****************************************/
h1, .h1, h2, .h2, h3, .h3, h4, .h4{
	line-height:normal;
}
h1{
	text-transform:uppercase;
}
h3, .h3{
	font-size:1.8em;
	margin-bottom:20px;
}
h4{
	font-size:1.5em;
	margin-bottom:20px;
}
table h4{
	margin-bottom:10px;
}
h5, .h5{
	font-size:1.3em;
	margin-top:5px;
	margin-bottom:15px;	
}
/* Mobile (XXS) */
@media (max-width: 599px){
	h4{
		font-size:1.4em;
	}	
}

/****************************************/
/* Paragraph
/****************************************/
p{
	margin-bottom:15px;
}

/****************************************/
/* Navbar
/****************************************/
.navbar{
	margin-bottom:0px;
	text-transform:uppercase;
}

/****************************************/
/* Navbar - Toggle / Brand
/****************************************/
.navbar-toggle{
	border:none;
}

.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover{
	background-color:transparent;
}

/* Mobile XS */
@media (max-width: 767px){
	.navbar-toggle{
		float:left;
	    margin-right:0px;
	    margin-top:10px;
	}
	.navbar-brand{
		padding-left:0px;
	}
}

/****************************************/
/* Navbar - Caret
/****************************************/
.caret{
	margin-top:-2px;
}

/****************************************/
/* Navbar - Custom
/****************************************/
.navbar > .container{
	position:relative;
}
.navbar-custom{
	position:absolute;
	right:15px;
	top:0;
}

/* dropdown */
.navbar-custom div.dropdown-toggle{
	padding: 15px 15px;
	line-height: 20px;
	color: #888;
}
.navbar-custom div.dropdown-toggle:hover{
	cursor:pointer;
	color: #333;
}

/* Mobile  XS */
@media (max-width: 767px){
	.navbar-custom .navbar-nav{
		margin:0px;
		margin-right:-10px;
	}
	.navbar-custom .nav > li {
   		float: left;
	}
	.navbar-custom .nav > li > a,
	.navbar-custom div.dropdown-toggle{
   		padding:15px 10px;
	}
	.navbar-custom .navbar-nav .open .dropdown-menu{
		left: auto;
    	right: 0;
		position: absolute;
	    background-color: #fff;
	    border: 1px solid rgba(0, 0, 0, 0.15);
	    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
	}
	.navbar-custom > .navbar-nav .open .dropdown-menu > li > a{
		color: #333;
		line-height: 1.42857;
	}
	.navbar-custom > .navbar-nav .open .dropdown-menu > li > a:hover, 
	.navbar-custom > .navbar-nav .open .dropdown-menu > li > a:focus {
	    background-color: #f5f5f5;
	    color: #262626;
	}
}

/* Mobile XXS */
@media (max-width: 599px){
	.navbar-custom .nav > li > a,
	.navbar-custom div.dropdown-toggle {
   		padding:15px 7px;
	}
}

/* Mobile XXXS */
@media (max-width: 329px){
	.navbar-custom .nav > li > a {
   		padding:15px 4px;
	}
}

/****************************************/
/* Navbar - Form
/****************************************/
.navbar select.form-control{
	margin:5px 15px;
	width:auto;
	max-width:280px;

}

/* Mobile XXS */
@media (max-width: 599px){
	.navbar select.form-control{
		max-width:220px;
	}
}

/* Mobile XXXS */
@media (max-width: 399px){
	.navbar select.form-control{
		max-width:160px;
	}
}

/****************************************/
/* Navbar - Mobile collapsed
/****************************************/
/* Mobile XXS */
@media (max-width: 767px){
	.navbar-default .navbar-nav .open .dropdown-menu > li > a{
		color:#565656;
	}
}

/************************************/
/* Panel - General					*/
/************************************/
.panel-default{
	border-color:#e4e4e4;
	box-shadow:none;
}

/************************************/
/* Panel - Heading					*/
/************************************/
.panel-default > .panel-heading{
	padding:15px;
	font-weight:bold;
	text-transform:uppercase;
	background-color: #f8f8f8;
}
.panel-heading[data-toggle='collapse']{
	color:#337ab7;
	position:relative;
	padding-right:40px;
}
.panel-heading[data-toggle='collapse']:hover{
	cursor:pointer;
	text-decoration:underline;
}
.panel-heading[data-toggle='collapse']:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';
    content: "\e114";
   	position:absolute;
   	top:25px;
   	right:10px;
}
.panel-heading[data-toggle='collapse'].collapsed:after {
    content: "\e080";
}
.panel-heading > table{
	width:100%;
}
.panel-heading+.panel-heading{
	border-top:1px solid #DDD;
}

/* mobile */
@media (max-width: 767px){
	.panel-default > .panel-heading{
		padding:15px 10px;
	}
}
/* mobile XXS */
@media (max-width: 599px){
	.panel-default > .panel-heading{
		padding:14px 10px;
	}
}

/************************************/
/* Panel - Body						*/
/************************************/
.panel-body{
	position:relative;
}


/************************************/
/* Table							*/
/************************************/
.table{
	background-color:#FFF;
}
.table-hover > tbody > tr > td.active:hover, 
.table-hover > tbody > tr > th.active:hover, 
.table-hover > tbody > tr.active:hover > td, 
.table-hover > tbody > tr:hover > .active, 
.table-hover > tbody > tr.active:hover > th{
	background-color:#F0F0F0;
}
.table > thead > tr > th{
	border-bottom-width:1px;
}
.table > thead > tr > th:not([class*="col-"]),
.table > tbody > tr > td:not([class*="col-"]){
	width:100%;
}

/* vertical align */
.table > thead > tr > th, .table > tbody > tr > th, 
.table > tfoot > tr > th, .table > thead > tr > td,
.table > tbody > tr > td, .table > tfoot > tr > td{
	vertical-align:middle;
}
.table > thead > tr > th.top, .table > tbody > tr > th.top, 
.table > tfoot > tr > th.top, .table > thead > tr > td.top,
.table > tbody > tr > td.top, .table > tfoot > tr > td.top{
	vertical-align:top;
}

/* generic padding left */
.table > thead > tr > th:first-child,
.table > tbody > tr > td:first-child{
	padding-left:12px;
}

/* generic padding right */
.table > thead > tr > th:last-child,
.table > tbody > tr > td:last-child{
	padding-right:12px;
}

/* Mobile XL */
@media (max-width: 767px){
	.table > thead > tr > th:first-child,
	.table > tbody > tr > td:first-child{
		padding-left:10px;
	}
	.table > thead > tr > th:last-child,
	.table > tbody > tr > td:last-child{
		padding-right:10px;
	}
}

/* Mobile XXL */
@media (max-width: 599px){
	.table > thead > tr > th,
	.table > tbody > tr > td{
		padding:8px 6px;
	}
	table > thead > tr > th.action, table > tbody > tr > td.action{
		padding-left:6px !important;
	}
	.table > thead > tr > th.input,
	.table > tbody > tr > td.input{
		padding:8px 8px;
	}
}

/************************************/
/* Table responsivel				*/
/************************************/
.table-responsive{
	position:relative;
	border:none;
	overflow:hidden;
	overflow-x:scroll;
	-ms-overflow-style: none;
	overflow: -moz-scrollbars-none;
}
/* cursor */
.table-responsive:hover{
	cursor:move;
}
.table-responsive::-webkit-scrollbar {
	height: 0 !important;
}

.table-responsive-overflow{
	position:absolute;
	width:20px;
	height:100%;
	top:0px;
	z-index:3;
}
.table-responsive-overflow-left{
	left:0px;
	background-image: linear-gradient(-90deg, transparent, rgba(0, 0, 0, 0.1));
}
.table-responsive-overflow-right{
	right:0px;
	background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.1));
}

/************************************/
/* Form								*/
/************************************/
/* label */
label{
	color: #666;
	font-weight:normal;
	width:100%;
}

/* select */
select.form-control{
	line-height:28px;
	text-indent:0px;
}
form select.form-control option.disabled{
	color:#DDD;
}

/* readonly */
.form-control[readonly]{
	background-color: #fafafa;
}

/* input group */
.input-group{
	width:100%;
	height: 34px;
}
.input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group{
	margin-right:-2px;
}
.input-group-btn:not(:first-child)>.btn{
	margin-left:-2px;
}

/* input group addon */
.input-group-addon,
.form-control{
	box-shadow:none;
	border-color:#D6D6D6;
	background-color:#fafafa;
}
.input-group-addon~.input-group-addon{
	border-left:none;
}
.input-group-addon+.input-group-addon{
	border-left:1px solid #DDD;
	/*height: 34px;*/
	background-color:#fafafa;
	color:#555;
}

.my-input-group-addon{
	width:auto;
	text-align:left;
	max-width: 0;
	overflow-x: hidden;
  	text-overflow: ellipsis;
  	white-space: nowrap; 
}

/* input group select */
.my-input-group-select .form-control:first-child{
	width:80% !important;
}
.my-input-group-select .form-control:last-child{
	margin-left:-1px;
	width:20% !important;
}

/* check box and radio box */
.radio, .checkbox{
	margin-top:5px;
}
.radio label, .checkbox label{
	min-height:auto;
	padding-left:20px;
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{
	margin:0px;
	margin-right:6px;
	margin-top:3px;
	margin-left:-20px;
}

/* Mobile XS */
@media (max-width: 767px){
	/*form select.form-control{
		padding-left:6px;
	}*/
	
	/* input group select */
	.my-input-group-select .form-control:first-child{
		width:70% !important;
	}
	.my-input-group-select .form-control:last-child{
		margin-left:-1px;
		width:30% !important;
	}
}

/* Mobile XXS */
@media (max-width: 599px){
	/* input group */
	.input-group{
		height:30px;
	}
	.input-group .form-control,
	.input-group .btn{
		 height:30px;
	}
	.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{
		margin-top:1px;
	}
	
	/* input group select */
	.my-input-group-select .form-control:first-child{
		width:60% !important;
	}
	.my-input-group-select .form-control:last-child{
		margin-left:-1px;
		width:40% !important;
	}
}


/****************************************/
/* Form - My btn
/****************************************/
.form-group.has-error .my-form-group-btn .btn{
	color: #b42b23;
	border-color: #b42b23;
}


/************************************/
/* Button - general					*/
/************************************/
.btn-group-sm .dropdown-menu{
	font-size:0.9em;
}
.btn-sm, .btn-group-sm > .btn{
	font-size:0.9em;
}
.btn-sm > i, .btn-group-sm > .btn > i{
	
}

/* input group btn */
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus{
	z-index:3;
}

/* Mobile XXS */
@media (max-width: 599px){
	.btn > .fa-plus-circle{
		font-size:14px;
	}
}

.btn.text-success{
	color:#00993c !important;
}

.btn.text-danger{
	color:#b42b23 !important;
}

.input-group-primary > .input-group-addon{
	color: #fff;
	background-color: #337ab7;
	border-color: #2e6da4;
}
.input-group-primary > a.input-group-addon:hover{
	text-decoration:none;
}
.input-group-primary > a.input-group-addon:focus{
	color:#fff;
	background-color:#286090;
	border-color:#122b40;
}
.input-group-primary > a.input-group-addon:hover{
	color:#fff;
	background-color:#286090;
	border-color:#204d74;
}

.btn-warning {
    color: #fff;
    background-color: #ec7600;
    border-color: #d96c00;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active{
    color: #fff;
   	background-color: #d76b00;
    border-color: #ca6500;
}
.btn-warning:active:hover{
	background-color: #ca6500;
}

/****************************************/
/* Badge
/****************************************/
.badge{
	border-radius:0px;
}
.badge:not(:last-child){
	margin-right:2px;
}

a.badge,
.panel-default > .panel-heading .badge-default{
	color: #337ab7;
	background-color: #f8f8f8;
	border:1px solid #ddd;
}

a.badge-primary,
.panel-default > .panel-heading .badge-primary{
	color: #FFF;
	background-color: #333;
	border:1px solid #555;
}

a.badge:hover,
a.badge:focus,
a.badge:active,
.panel-default > .panel-heading .badge-default:hover,
.panel-default > .panel-heading .badge-default:focus,
.panel-default > .panel-heading .badge-default:active{
	color: #23527c;
	background-color: #F5F5F5;
}

a.badge-primary:hover,
a.badge-primary:focus,
a.badge-primary:active,
.panel-default > .panel-heading .badge-primary:hover,
.panel-default > .panel-heading .badge-primary:focus,
.panel-default > .panel-heading .badge-primary:active{
	color: #FFF;
	background-color: #000;
	border:1px solid #555;
}

.badge-warning{
	color: #fff !important;
	background-color: #ec7600 !important;
	border: 1px solid #d96c00 !important;
}

.badge-danger{
	color: #fff !important;
	background-color: #c93027 !important;
	border-color: #b42b23 !important;
}

/****************************************/
/* Alert
/****************************************/
.alert label,
.alert label .my-label-infos{
	color:inherit;
}
.alert hr{
	border-style: dotted;
}

.alert-default{
	border-color:#DDD;
	background-color:#FFF;
}

.alert a:not(.btn){
	text-decoration:underline;
	text-decoration-style:dotted;
}

.alert-danger a:not(.btn){
	color:#b42b23;
	font-weight:bold;
}
.alert-warning a:not(.btn){
	color: #8a6d3b;
	font-weight:bold;
}
.alert-success a:not(.btn){
	color:#00993c;
	font-weight:bold;
}

.alert-danger label{
	color:#b42b23;
}
.alert-danger label .my-label-infos{
	color:#b42b23;
}

.alert-warning{
	color:#d46a00;
}
.text-warning{
	color:#d46a00;
}


/************************************/
/* Dropdown							*/
/************************************/
.dropdown-menu > .active > a, 
.dropdown-menu > .active > a:hover, 
.dropdown-menu > .active > a:focus {
    background-color: #F1F1F1;
  	color:#333;
}

.dropdown-menu .dropdown-header{
	font-weight: normal;
}

.dropdown-menu .form-group{
 	padding: 3px 20px;
}

/****************************************/
/* Strong
/****************************************/
h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6,
b,
strong{
	font-weight:bold;
}

/****************************************/
/* Pagination
/****************************************/
.pagination > li > a, 
.pagination > li > span{
	background-color: #fff;
    border-color: #CCC;
    color: #333;
}
.pagination > li > a:hover, 
.pagination > li > span:hover{
	background-color: #e6e6e6;
    border-color: #adadad;
    color: #333;
}

/****************************************/
/* Carousel
/****************************************/
.carousel-control.left{
	background-image:none;
}
.carousel-control.right{
	background-image:none;
}


/****************************************/
/* HR
/****************************************/
hr{
	border-color:#DDD;
}

/* Mobile XS */
@media (max-width: 767px){
	hr{
		margin-top: 15px;
		margin-bottom: 15px;
	}
}

/****************************************/
/* Tooltip
/****************************************/
.tooltip{
	z-index:9999;
}
.tooltip-inner{
	line-height: 1.2;
	max-width:400px;
	white-space: nowrap;
}
*:not(.disabled):not(.btn):not(a)[data-toggle='tooltip']:hover{
	cursor:default;
}

/****************************************/
/* Popover
/****************************************/

/* general */
*[data-toggle='popover']:hover{
	cursor:pointer;	
}

.popover{
	z-index:1040;
	padding:0px;
	border-color:#CCC;

}

.popover.right>.arrow{
	border-right-color:#CCC;
}
.popover.left>.arrow{
	border-left-color:#CCC;
}

.popover.bottom>.arrow:after{
	border-bottom-color:#f7f7f7;
}
.popover.bottom>.arrow{
	/*display:none;*/
}

/* padding / margin */
.popover .popover-title,
.popover .popover-content{
	padding: 15px;
}
.popover .popover-content{
	padding-bottom:5px;
}

/* Mobile XXS */
@media (max-width: 599px){
	.popover .popover-title,
	.popover .popover-content{
		padding:10px;
	}
	.popover .popover-content{
		padding-bottom:5px;
	}	
}

/* hr */
.popover hr{
	margin-bottom:15px;
	
}

/* Mobile XS */
@media (max-width: 767px){
	.popover{
	   	max-width: 226px;
    }
	.popover hr{
		margin-bottom:10px;
	}
}

/****************************************/
/* Icon
/****************************************/
.glyphicon{
	top:2px;
}

.panel-heading .fa.pull-right{
	margin-right:-2px;
}

.fa-play,
.fa-hourglass-start,
.fa-hourglass-half{
	font-size:0.9em;
}
.fa-sitemap.fa-rotate-90{
	margin-right:-2px;
}
.fa-long-arrow-right{
	margin-bottom:-2px;
}

/****************************************/
/* Modal
/****************************************/
.modal-header{
	background-color:#222;
	color:#FFF;
	text-transform:uppercase;
}
.modal-title{
	text-align:center;
	font-size:1.8em;
	line-height:1em;
	padding:5px;
}
.modal-footer{
	border-top-color:#E2E2E2;
	padding:15px;
}
.modal-content{
	background-color:#EDEDED;
}
.modal-body{
	padding:15px;
	padding-bottom:0px;
}

.modal .table{
	padding:15px;
	margin-bottom:15px;
}

.modal-body .alert{
	margin-bottom:15px;
}

.modal-dialog{
	margin-bottom:120px;
}

/* Mobile (XXS) */
@media (max-width: 599px){
	.modal-title{
		font-size:1.6em;
	}
}
	
/****************************************/
/* Progress bar
/****************************************/
.progress{
	position:relative;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
}

.alert-info .progress{
	background-color:#2c647e;
}

.progress,
.my-progress-bar-text{
	height: 24px;
	line-height: 24px;
}

.my-progress-bar-text{
	color:#FFF;
	font-size:0.9em;
	position:absolute;
	width:100%;
	text-align:center;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
}

/* Mobile XS */
@media (max-width: 767px){
	.progress{
		margin-bottom:15px;
	}
	.progress,
	.my-progress-bar-text{
		height: 20px;
		line-height: 20px;
	}
}

/****************************************/
/* Slider
/****************************************/


/****************************************/
/* Iframe responsive
/****************************************/
.embed-responsive{
	margin-bottom:20px;
}