@charset "utf-8";

/*
 * Base structure
 */

/* Move down content because we have a fixed navbar that is 50px tall */

body {
  padding-top: 50px;
  background-color:#F1F3F6;
}

.cursor-pointer{
	cursor: pointer !important;
}

.input-search{
    margin-top:10px;
    margin-left:10px;
    padding-right: 35px;
    background-color:#f8f8f8;	
}

.icon-search{
	top:20px;
	right:1px;
	border:none;
    background: transparent;
    position:absolute;	
}

.results-search{
	padding: 0;	
	float: left;
	width: 100%;
	max-height: 500px;
	overflow-y: auto;		
	z-index: 1000;
	margin-top: -1px;
	margin-left: 10px;
	list-style: none;
	position: absolute;	
	border: 1px solid #ccc;	
	background: none repeat scroll 0% 0% #FFF;
	
	box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
    -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
    -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
    -o-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
}

.results-search > li{
    /*padding: 0 10px 0 10px;*/    
}

.results-search > li:hover{
	cursor: pointer;
    background: none repeat scroll 0% 0% #0074C3;
}

.results-search > li > a{
	width: 100%;	
	clear: both;
	outline: none;
	display: block;
    font-weight: 400;
    line-height: 1.42857;
	white-space: nowrap;
    text-decoration: none;    
    padding: 5px 10px 5px 10px;	
}

.results-search > li > a:hover{
	color: #fff;
}

.results-search > li > a > small{
    display: block;
    font-size: 9px;
    line-height: 1.42857;
    padding: 0 10px 10px 0;
}
	
.results-header{
	color: #999;
	display: block;
	font-size: 12px;
	line-height: 1.42857;
	padding: 10px 10px 0 10px;
}


.results-users{
    padding: 0; 
    float: left;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;       
    z-index: 1000;     
    margin-top: -1px;
    margin-right: 0;        
    list-style: none;
    position: absolute; 
    border: 1px solid #ccc; 
    background: none repeat scroll 0% 0% #FFF;
    
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
    -moz-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
    -webkit-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
    -o-box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
}

.results-users > a {
	outline: none;
}
.results-users > a > li{
	padding: 10px 15px;
	cursor: pointer;
	color: #333;	
	line-height: 1.25rem;
	border-top: 1px solid #EEE;
}

.results-users > a > li:hover {
    cursor: pointer;
    background: none repeat scroll 0% 0% #E6EEF5;
}

.results-users > a > li.active {
    background: none repeat scroll 0% 0% #E6EEF5;
}

/*
 * Global add-ons
 */

.sub-header {
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}

/*
 * Sidebar
 */

/* Hide for mobile, show later */
.sidebar {
  display: none;
  width: 296px;
}

@media (min-width: 768px) {
  .sidebar {
    top: 51px;
    bottom: 0;
    left: 0;
    width: 296px;
    position: fixed;
    z-index: 1000;
    display: block;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
    background-color: #f5f5f5;
    border-right: 1px solid #eee;
  }
}

/* Sidebar navigation */

.nav-sidebar {
  margin-right: -21px; /* 20px padding + 1px border */
  margin-bottom: 20px;
  margin-left: -20px;
}

.nav-sidebar > li:first-child{
	border-top: 1px solid #e7e7e7;
}
	
.nav-sidebar > li{
	border-bottom: 1px solid #e7e7e7;
	background-color: #F8F8F8;
}

.nav-sidebar > li > a.menu-uo i,
.nav-sidebar > li > a.menu-case i.fa-angle-right,
.nav-sidebar > li > a.menu-case i.fa-warning{
	float:right;
	color:#999;
	font-size: 15px;	
	transition: all 300ms ease-in-out 0s;
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
}

.nav-sidebar > li > a.menu-case i.fa-warning{
	color: #e08625;		
}


.nav-sidebar > li > a.menu-uo:hover i,
.nav-sidebar > li > a.menu-case:hover i.fa-angle-right{
	color:#006CB7;
}

.nav-sidebar > li > a.menu-uo,
.nav-sidebar > li > a.menu-case,
.nav-sidebar > li > a.menu-case-calc{
	color:#5f5f5f;
	margin-left:45px;
	padding-right: 20px;
	outline:none;
}


.nav-sidebar > li > a.menu-uo:hover,
.nav-sidebar > li > a.menu-case:hover,
.nav-sidebar > li > a.menu-case-calc:hover{
	color:#006CB7;
	margin-left:0;	
	padding-left: 55px;
	border-left: 5px solid #006CB7;
	background-color: transparent;
}

.nav-sidebar > li > a.menu-case-calc:hover{
	border-left: 5px solid #3E8F3E;
}

.nav-sidebar > li > a.menu-case-calc.active{
	color:#006CB7;
	margin-left:0;	
	padding-left: 55px;
	border-left: 5px solid #006CB7;
	background-color: transparent;
	border-left: 5px solid #3E8F3E;	
}

.nav-sidebar > li > a.menu-item,
.nav-sidebar > li > a.icon{
	height: 40px;
	float: left;
	outline:none;
	margin-left:5px;
	padding-top:12px;	
	background-color: transparent;
}

.nav-sidebar > li > a.menu-item:hover{
	color:#000;
	margin-left:0;
	border-left: 5px solid #006CB7;
}

.nav-sidebar > .active > a.menu-uo,
.nav-sidebar > .active > a.menu-case{
	color:#006CB7;
	margin-left:0;	
	padding-left: 55px;
	border-left: 5px solid #006CB7;
	background-color: transparent;
}

.nav-sidebar > .active > a.menu-uo i{
	color:#006CB7;	
}

.panel-collapse{
	background-color: #fff;
}
.panel-collapse .first{
	border-bottom: 1px solid #e7e7e7; 
}


/* Sidebar navigation child */

.nav-sidebar .sub-nav,
.nav-sidebar .sub-nav-child{
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

.nav-sidebar .sub-nav > li,
.nav-sidebar .sub-nav-child > li{
	border:none;
	background-color: transparent;
}

.nav-sidebar .sub-nav > li > a{
	color:#000;
	outline:none;
	padding-left:40px;
	background-color: transparent;
}
.nav-sidebar .sub-nav-child > li > a{
	color:#000;
	outline:none;
	padding-left:70px;
	background-color: transparent;
}

.nav-sidebar .sub-nav > li > a > i,
.nav-sidebar .sub-nav-child > li > a > i{
	color:#000;
	margin-right: 10px;		
}

.nav-sidebar .sub-nav > li > a > i.fa-angle-right{
	float:right;
	color:#999;
	font-size: 15px;	
	transition: all 300ms ease-in-out 0s;
	font-family: "FontAwesome";
	font-style: normal;
	font-weight: normal;
	margin-right: 5px;
}


.nav-sidebar .sub-nav > li > a,
.nav-sidebar .sub-nav-child > li > a{
	color:#5f5f5f;
	border-bottom: 1px solid #e7e7e7; 
}

.nav-sidebar .sub-nav > li > a:hover,
.nav-sidebar .sub-nav-child > li > a:hover{
	color:#006CB7;
	background-color: #f5f7fa;
}

.nav-sidebar .sub-nav .active > a,
.nav-sidebar .sub-nav .active > a > i.fa-angle-right{
	color:#006CB7;	
}

.nav-sidebar .sub-nav-child .active > a{
	color:#006CB7;
}

.nav-sidebar .sub-nav-child .badge{
	float:right;
	background-color: #3492d4;
}

.sub-nav-child-active{
	color:#006CB7 !important;
    background-color: #f5f7fa !important;
}


/*
 * Main content
 */

.main {
  padding: 20px;
}
@media (min-width: 768px) {
  .main {
    padding-right: 40px;
    padding-left: 336px;
  }
  
  .main-settings {
    padding-right: 40px;
    padding-left: 40px;
  }
}
.main .page-header {
  margin-top: 0;
}

@media (max-width: 767px) {
  .main-settings {
    padding-right: 20px;
    padding-left: 20px;
  }
  
  .navbar-header img{
    margin-left: 35px !important;
  }  
}

/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

/* Custom Header Page Bootstrap */

a, a:active, a:hover, a:visited, a:focus{
	text-decoration: none;
}

.header{	
	border-bottom: 1px solid #E4E5E7;
	background: none repeat scroll 0% 0% #FFFFFF; /* alterando de #CCC para #FFFFFF apenas para o programa swxponto*/ 	
}

.navbar-header{
	width: 296px;
	border-right: 1px solid #E4E5E7;
    /*border-bottom: 1px solid #E4E5E7;*/
    background: none repeat scroll 0% 0% #F7F9FA; /* alterando de #009C59 para #F7F9FA apenas para o programa swxponto*/
}
.navbar-header img{
	float: left;
	/* width: 32px;
	height: 32px; */
	margin-top: 10px;
	margin-left:73px;			
}

.navbar-header a{
	color: #FFF;
	text-decoration: none;	
	float: left;
	padding: 15px;	
	line-height: 23px;
	height: 50px;
	font-weight: 400;
	font-size: 24px;
	font-family: "Lato-Regular",Arial,"Helvetica Neue",Helvetica,sans-serif;		
	
	text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    -moz-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    -webkit-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    -o-text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3);
    
}

.container-header{
	padding-left: 0;
}

.navbar-nav li a{
	color: #666;
	text-shadow: none;
  	-moz-text-shadow: none;
  	-webkit-text-shadow: none;
  	-o-text-shadow: none;
}

.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus{
	background: none repeat scroll 0% 0% #e5e5e5;
}

.navbar-brand, .navbar-nav > li > a{
	padding-bottom: 16px;
	text-shadow: none;
  	-moz-text-shadow: none;
  	-webkit-text-shadow: none;
  	-o-text-shadow: none;
}

/* Custom nav-bar Bootstrap */

.navbar-brand{
	font-size: 17px;
}

.navbar-custom a.btn{
	width: 80px;
}

/* Custom DropDown Bootstrap */
 
.dropdown-menu > li > a{
	color: #333;
}

.dropdown-menu > li > a:hover{
	color:#fff;	
	background: none repeat scroll 0% 0% #0074c3;
}

.dropdown.open {
    text-shadow: none;
  	-moz-text-shadow: none;
  	-webkit-text-shadow: none;
  	-o-text-shadow: none;
}

.dropdown.open .dropdown-toggle {
    color: #000;
}

.navbar .nav .open > .dropdown-toggle, .navbar .nav .active > .dropdown-toggle, .navbar .nav .open.active > .dropdown-toggle {
	background: none repeat scroll 0% 0% #e5e5e5;
}

/* Custom Table Bootstrap */

.table-custom{		
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.075);
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.075);
	-o-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.075);
}

.table-custom thead th {
	color: white;
	font-size: 17px;
	font-weight:normal;
	text-align: center;		
	background-image: linear-gradient(to bottom, #428BCA 0px, #3278B3 100%);	
}

.table-custom thead tr{
	border: 1px solid #3278B3;
}

.table-custom tbody tr td{
	color: #555;	
	vertical-align: text-bottom;
	border: 1px solid #DDD;
}


  
.frm-input{
}

.frm-input input[type=text] {
	border:1px solid #d8d8d8;
	border-radius:3px;
	font:14px;
	height:27px;	
	padding-left:10px;
}

.frm-input label{
	float:left;
	width:185px;
	display:block;
	font-weight: normal;
}

.frm-custom label{
   font-weight: normal;
}

.frm-custom .row {
    margin-bottom: 20px;
}

.review label{
	width:265px;
	font-weight: normal;
}

.field-login{
	margin-top: 10px;
}

.shadow{	
	box-shadow:0px 5px 30px #CCC;
	-moz-box-shadow:0px 5px 30px #CCC;
	-webkit-box-shadow:0px 5px 30px #CCC;
	-o-box-shadow:0px 5px 30px #CCC;
}

.field-input{
	border:1px solid #d8d8d8;
	border-radius:3px;
	font:14px;
	height:27px;	
	padding-left:10px;
}

.custom-border{
	border-radius:3px;
	border:1px solid #d8d8d8;
}

.handsontable .currentRow {
	background-color: #E7E8EF;
}

/* Custom tabs jquery UI */

#tabs .ui-widget-header {    
	background-color: #ffffff;     
	background-image: none;
}


#tabs .ui-tabs-nav {
	background: #F4F4F4;
}


#tabs .ui-state-active a { 
	color: #000000;
	font-weight:normal; 
}

#tabs .ui-state-default a { 
	font-weight:normal; 
}

#tab-content{
	border: 1px solid #e8e8e8;
}

.nav-tabs-container {
	padding: 3px;
	border: 1px solid;
	border-radius:5px;	
}

.nav-tabs {
 padding: 5px 5px 0 5px;
 margin-bottom: 1px;
 background-color: #f4f4f4;
}

.nav-tabs > li > a {
	background-color: #e8e8e8;
	outline: none;
}

.nav-tabs > li > a:hover {
	color: #fff;
	background-color: #428bca;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	outline: none;
}

.tab-pane{
	padding: 15px 20px 0 20px;
}

 .selected {	
	background-image: none;
	float: right;	
	margin-right: -10px;
	background: none;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 12px 8px 12px 0;
	border-color: transparent #428bca transparent transparent;
}

.transition{
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Custom Modal Bootstrap */

.modal-header{
	border-radius:5px 5px 0 0;
	background-color:#428BCA;
}

.modal-title{
	color: #ffffff;
}

.modal-footer{
	background-color:#f5f5f5;
	border-radius:0 0 5px 5px;
	margin-top: 0px;
}

.tooltip {
    z-index: 2000 !important;
}


/* Custom breadcrumb Bootstrap */

.breadcrumb{
	border: 1px solid #e7e7e7;
}

.breadcrumb > li > i,
.breadcrumb > li > a > i{
	margin-right: 6px;	
}

/*  Custom page-header Bootstrap */

.page-header{
	color: #2679B5;
	font-size: 24px;
	line-height: 1.1;
	font-weight: normal;	
}

.sub-header{
	color: #2679B5;
	font-size: 24px;	
	font-weight: normal;
}

.panel-default > .panel-heading {	

	background-image: none;
	background-color: #eee;
}

.panel-title {
	font-size:15px;
	font-weight:normal;
}
/**
 * CSS Reports page
 */
.panel-heading-custom {
	background-color: #F8F8F8 !important;
}

.panel-body-custom {
	padding: 5px !important;
}

/* Custom class NumericRenderer of the Handsontable */

.panel-group-custom {
	margin-bottom: 0px !important;
}

.handsontable .htNumeric {
	text-align: center;
}

.panel-title-reports {
	margin-left: 10px;
	color: #5f5f5f !important;
}

.panel-title-reports:hover {
	color: #428bca !important;
	text-decoration: none;
}

.row-custom-reports {
	margin-right: 0px !important;
	margin-left: 0px !important;
	margin-bottom: 20px !important;
}

.row-inner-reports {
	margin-right: 0px !important;
	margin-left: 0px !important;
	margin-bottom: 0px !important;
}

/**
 * End CSS Reports Page
 */

.tab-content-chart > .tab-pane-chart,
.pill-content-chart > .pill-pane-chart {
    display: block !important;     /* undo display:none          */
    height: 0 !important;          /* height:0 is also invisible */ 
    overflow-y: hidden !important; /* no-overflow                */
}
.tab-content-chart > .active,
.pill-content-chart > .active {
    height: auto !important;       /* let the content decide it  */
}

.row.text-center canvas{
	margin-top: 20px;
}

/* Customization to fit 3 col-sm with a col-sm-5 */

.col-sm-custom{
	width:19.44444443%;
}

/* Custom textarea Bootstrap */

.area-custom{
	border: none;	
	resize: none;
  	background: #fff;
	box-shadow: none;
 	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	transition: none;
  	-moz-transition: none;
  	-webkit-transition: none;
  	-o-transition: none;
}

.area-custom[readonly]{
	background: #fff;
}

.area-custom:focus{
	border: none;
	background: #fff;	
	box-shadow: none;
 	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	-o-box-shadow: none;
	transition: none;
  	-moz-transition: none;
  	-webkit-transition: none;
  	-o-transition: none;
}

.icon-lock{
	float:right;
	font-size:17px;
	margin-top:4px;
	color:#e08625;
	cursor:pointer;
}

.icon-results-success{
    float:right;    
    margin-top:4px;
    margin-left:20px;
    color:green;
    cursor:pointer;	
}

.icon-results-warning{
    float:right;    
    margin-top:4px;
    margin-left:20px;
    color:#e08625;
    cursor:pointer;
}

.custom-pointer{
	cursor:pointer;
}

.hidden-border .wtBorder{
	visibility: hidden;
}

.notification-warning{
    border-left: 5px solid #F5E79E;	
}

.notification-warning > a > i.fa-warning{
    color:#F5E79E;
}

.notification-danger{
    border-left: 5px solid #A94442;    
}

.notification-danger > a > i.fa-times{
	color: #A94442;
}

/* Custom popover bootstrap */

.popover-custom{
	max-width: 350px;
	width: 290px;
}

.form-control{
    background-color: #FFF;
    border: 1px solid #E3E3E3;
    border-radius: 4px;
    box-shadow: none;
    color: #444;
    height: 38px;
    padding: 6px 16px;
}

.form-control-custom{	
	height: 30px;
	padding: 5px 10px;
	font-size: 12px;
	line-height: 1.5;
	color: #555;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #CCC;
	border-radius: 3px;
	
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	-moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	-webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	-o-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	
	transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	-moz-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	-webkit-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	-o-transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}

/* Custom btn-link Bootstrap */

.btn-link:hover,.btn-link:focus{
    color:#000;        
}

/* Custom App Switcher */

.switcher {
  width: 40px;
  height: 51px;
  float: left; 
 }
 .switcher__btn {
    display: block;
    background: #009C59;
    line-height: 51px;
    height: 51px;
    width: 40px;
    text-align: center;
    color: white;
    cursor: pointer; 
    border-right: 1px solid #006339;
    border-bottom: 1px solid #006339;
}
.switcher__btn img{
	margin-top: 17px;
}
.switcher__btn:hover {
    background: #12824A;
    color: white; 
}
.switcher__btn__icon {
    color: #fff !important;
    font-size: 16px; 
}
.switcher__dropdown {
    visibility: hidden;
    position: absolute;
    top: 52px;
    left: 1px;
    width: 336px;
    background: #fff;    
    box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);
    -o-box-shadow: 0 3px 6px -2px rgba(0, 0, 0, 0.2);    
    font-size: 12px;
    font-family: "Lato-Regular", Arial, "Helvetica Neue", Helvetica, sans-serif;
    border-left: 8px solid #008542;
    outline: 1px solid #cccccc; 
}
.switcher__dropdown__btn {
    display: block;
    color: #333333;
    font-size: 12px !important;
    line-height: 18px !important;
    padding: 8px 12px;
    border: solid #cccccc;
    border-width: 1px 0 0 0;
    text-decoration: none;
}
.switcher__dropdown__btn:hover {
    background: #ededed; 
}
.switcher__dropdown__btn img {
    vertical-align: baseline; 
}
.switcher__dropdown__loading {
    text-align: center; 
}
.switcher__dropdown__loading i {
    font-size: 40px; 
}
.switcher__dropdown__label {
    padding-left: 4px;
    font-weight: bold;
    color: #666; 
}
.switcher--open .switcher__btn {
    background: #12824A !important; 
}
.switcher--open .switcher__btn__icon {
    color: #fff !important; 
}
.switcher--open .switcher__dropdown {
    visibility: visible; 
}

/* Icon inside input block */

.inner-addon {
    position: relative;
}

.inner-addon .fa {
  position: absolute;
  padding: 8px;
}

.left-addon .glyphicon {
    left:  0px;
}

.right-addon .glyphicon {
    right: 0px;
}

.left-addon input {
    padding-left:  30px;
}
.right-addon input {
    padding-right: 30px;
}

/* Icon autosave */

.icon-autosave {
	position: fixed;
    right: 20px;
    top: 94%;    
    font-size: 55px;
    z-index: 9999;
    color: green;/*#0074C3;*/
}

/* Custom select2 */

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}

.select2-container--default .select2-selection--single {
    height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 38px;
}

.select2-container--default .select2-selection--single {
    border: 1px solid #E3E3E3;
}

/* Custom progress bar bootstrap */

.progress{
	height: 38px;
	margin-bottom: 0;
}

.progress-bar {
	line-height: 38px;
}

/* Helper classes */

.bg-default{
	background-color: #F5F5F5;
}

.text-default{
	color: #444;
}

/* End helper classes */