@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;200&display=swap');

body {
  margin-top: 70px;
}
#wrapper {
  padding-left: 0;
}
#page-wrapper {
  width: 100%;
  padding: 15px 25px;
  margin-top: 30px;
}


/* Nav Messages */
.messages-dropdown .dropdown-menu .message-preview .avatar,
.messages-dropdown .dropdown-menu .message-preview .name,
.messages-dropdown .dropdown-menu .message-preview .message,
.messages-dropdown .dropdown-menu .message-preview .time {
  display: block;
}
.messages-dropdown .dropdown-menu .message-preview .avatar {
  float: left;
  margin-right: 15px;
}
.messages-dropdown .dropdown-menu .message-preview .name {
  font-weight: bold;
}
.messages-dropdown .dropdown-menu .message-preview .message {
  font-size: 12px;
}
.messages-dropdown .dropdown-menu .message-preview .time {
  font-size: 12px;
}

body {
  font-family: Verdana,Helvetica,sans-serif;  
  font-size: 14px;  
  color: #000;  
  line-height: 1.42857143;  
  background-color: #fff;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #428bca;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.navbar-inverse {
  background-color: #424141;
  border-color: #e7e7e7;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #428bca;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #428bca;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #DFF0D9;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #428bca;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #999;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #428bca;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}

/* Nav Announcements */
.alerts-heading {
  font-size: 50px;
  margin: 0;
}
.alerts-text {
  margin: 0;
}

/* Table Headers */
table.tablesorter thead {
  cursor: pointer;
}

table.tablesorter thead tr th:hover {
  background-color: #f5f5f5;
}

/* Edit Below to Customize Widths > 768px */
@media (min-width:768px) {
  /* Wrappers */
  #wrapper {
	padding-left: 225px;
  }
  #page-wrapper {
	padding: 15px 25px;
  }

  /* Side Nav */
  .side-nav {
	margin-left: -225px;
	left: 225px;
	width: 225px;
	position: fixed;
	top: 50px;
	height: 100%;
	border-radius: 0;
	border: none;
	background-color: #F3F3F3;
	overflow-y: auto;
  }

  /*menu overrides*/
  .side-nav>li.dropdown>ul.dropdown-menu {
	position: relative;
	min-width: 225px;
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
  }
  .side-nav>li.dropdown>ul.dropdown-menu>li>a {
	color: #999999;
	padding: 15px 15px 15px 25px;
  }
  .side-nav>li.dropdown>ul.dropdown-menu>li>a:hover,
  .side-nav>li.dropdown>ul.dropdown-menu>li>a.active,
  .side-nav>li.dropdown>ul.dropdown-menu>li>a:focus {
	color: #fff;
	background-color: #428bca;
  }
  .side-nav>li>a {
	width: 225px;
  }

  .navbar-inverse .navbar-nav>li>a:hover,
  .navbar-inverse .navbar-nav>li>a:focus {
	background-color: #428bca;
  }

  /* Nav Messages */
  .messages-dropdown .dropdown-menu {
	min-width: 300px;
  }
  .messages-dropdown .dropdown-menu li a {
	white-space: normal;
  }
  .navbar-collapse {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}


.btnadd{
  margin-top:  15px;
}



.right  {
  right: 0;
    left: auto;
    vertical-align: middle;
}

.right {
    right: auto;
    left: 0;
    float: left !important;
}
.right {
    float: right !important;
    margin-right: -15px;
}

.right ~ .right {
    margin-right: 0;
}

.left  {
    left: 0;
    right:  auto;
    vertical-align: middle;
}

.left {
    left: auto;
    right:  0;
    float: right !important;
}

.left {
    float: left !important;
    margin-left: -15px;
}

.left ~ .left {
    margin-left: 0;
}

/* //login */
/* CSS Document */
/* ------------ MENU ------------ */
.menu {width:200px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.menu ul {padding-left:0 !important;}
.menu a {text-decoration:none; color:#96979d;}
.menu a:hover {border-left:2px solid #999;}
.menu li {border-bottom:1px dashed #E7E7E7;}
.menu li a {padding:8px 20px; display:block; background:url('../img/arrowcategory.png') 0 12px no-repeat;}
.menu ul li {display:block; position:relative;}
.sub-menu {display:none; position:absolute; top:0; left:100%; z-index:9999; width:210px; background:#FFF; border:1px solid #EEE;}
.sub-menu li {display:block; position:absolute; width:200px; margin:0;}


.admincp  {
    min-height: 900px;
    font-size: 12px;
    line-height: 1.42857;        
    padding: 0;
    margin: 0;
} 
.container-login {
    min-height: 0;
    max-width: 300px;
    color: #000;
   

    margin-top: 10px;
    padding: 0;

}
.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.container-login > section {
    margin-left: 0;
    margin-right: 0;
    padding-bottom: 10px;
}
#top-bar {
    display: inherit;
}
.nav-tabs.nav-justified {
    border-bottom: 0 none;
    width: 100%;
}
.nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
    float: none;
}
.container-login .nav-tabs.nav-justified > li > a,
.container-login .nav-tabs.nav-justified > li > a:hover,
.container-login .nav-tabs.nav-justified > li > a:focus {
    background: #000;
    border: medium none;
    color: #ffffff;
    margin-bottom: 0;
    margin-right: 0;
    border-radius: 0;
}
.container-login .nav-tabs.nav-justified > .active > a,
.container-login .nav-tabs.nav-justified > .active > a:hover,
.container-login .nav-tabs.nav-justified > .active > a:focus {
    background: #ffffff;
    color: #000;
}
.container-login .nav-tabs.nav-justified > li > a:hover,
.container-login .nav-tabs.nav-justified > li > a:focus {
    background: #de2f18;
}
.tabs-login {
    background-color: #ffc90c;
    border: medium none;
    border-radius: 6px;    
    padding: 50px 50px;
}
.container-login h2 {
    color: #000;
}
.form-control {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #999999;
    border-radius: 0;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #000;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    
}
.container-login .checkbox {
    margin-top: -15px;
}
.container-login button {
    background-color: #000;
    border-color: #000;
    color: #ffffff;
    border-radius: 3px;
    font-size: 18px;
    line-height: 1.33;
    padding: 10px 16px;
    
}
.container-login button:hover,
.container-login button:focus {
    background: #000;
    border-color: #000;
}


#slides_control > div{
  height: 380px;
}
/* img{
  margin:auto;
  width: 1140px;
} */
#slides_control {
  position:absolute;
  width: 1140px;
  left:50%;
  top:20px;
 margin-left:-200px;
}


.center{
    text-align: center;
    margin: 0 auto;
}


.loading {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 5; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.8); /* Black w/ opacity */
}

/* Modal Content/Box */
.loading-content {    
    color:#d3d3d3;
    font-size: 3em;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 30px;    
    width: 80%; /* Could be more or less, depending on screen size */
}        





  .full button span {
    background-color: limegreen;
    border-radius: 32px;
    color: black;
  }
  .partially button span {
    background-color: orange;
    border-radius: 32px;
    color: black;
  }


  .btn-info {
    color: #fff;
    background-color: ffc90c;
    border-color: ffc90c;
}

i{
  color: ffc90c;
}

button>i{
  color: #000;
}

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    
    background-color: ffc90c;
    border-color: ffc90c;
}

.btn-primary:hover {    
    background-color: ffc90c;    
    border-color: ffc90c;
}
.btn-primary {    
    background-color: ffc90c;    
    border-color: ffc90c;
}

.glyphicon {
 color: ffc90c; 
}


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {    
    background-color: #ffc90c;
    color: #000;
}

.navbar-inverse .navbar-nav >  a:hover {    
    background-color: #ffc90c;
    color: #000;
}

.navbar-inverse .navbar-nav >  li:hover {    
    background-color: #ffc90c;
    color: #000;
}

.backgreen{
  background-color: #ffc90c;
}
.backgreen>td{
  background-color: #ffc90c;
}

.backred{
  background-color: #ffa8a8;
}

.backred>td{
  background-color: #ffa8a8;
}

a.event-item.ng-binding {
    color: #000;
}

a:link.event-item.ng-binding {
    color: #000;
}

a:hover.event-item.ng-binding {
    color: #000;
}
.navbar-badge {
  font-size: .6rem;
  font-weight: 300;
  padding: 2px 4px;
  position: absolute;
  right: 5px;
  top: 9px;
}

.badge-warning {
  color: #1f2d3d;
  background-color: #ffc107;
}

.badge {
  display: inline-block;
  padding: .25em .4em;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.md-autocomplete-suggestions-container{  
  z-index:100000 !important; /* any number of choice > 1050*/
 }

 .footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #ffc90c;
  color: #000;
  text-align: center;
}

input[readonly].ro{
  background-color:transparent;
  border: 0;
  font-size: 1em;
}



select[readonly].ro{
  background-color:transparent;
  border: 0;
  font-size: 1em;
}

input.rof{
  background-color:transparent;
  border: 0;
  font-size: 1em;
}



select.rof{
  background-color:transparent;
  border: 0;
  font-size: 1em;
}

button.ro { 
  /* background-color: gray; */
  /* background-color:transparent; */
  /* border: 5px royalblue solid; */
  /* font-size: 1em; */
}

button.rw { 
  /* border: 5px purple solid; */
}

.btnentrada{
  width: 100%; height: 150px; background-color: green; padding: 10px;
}

.btnpausa{
  width: 100%; height: 150px; background-color: skyblue; padding: 10px;
}
.btnfimpausa{
  width: 100%; height: 150px; background-color: orange; padding: 10px;
}
.btnsaida{
  width: 100%; height: 150px; background-color: red; padding: 10px;
}
h2{
  color: ffc90c;
}

hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #ccc;
}

.grafico{
  width: 900px; 
  height: 500px;
}
@media (max-width: 767px) {
  .grafico{
    width: 250px; 
    height: 250px;
  }
}

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

@media (max-width: 768px){
  .page-login.md-default-theme, .page-login, .html-login.md-default-theme, .html-login {
    background-color: #ffc90c;
  }
  
}

.html-login, .maincontainser {
  background-color: #ffc90c;
}

/* .ng-invalid .ng-valid-required .ng-touched  {
  border: 2px solid red;
}
.ng-valid .ng-valid-required .ng-touched  {
  border:2px solid green;
} */


/* .form-control .ng-pristine .ng-empty .ng-invalid .ng-invalid-required .ng-touched{
  border: 2px solid red;
} */

.ng-invalid-required .ng-touched {
  border: 2px solid red;
}

/* ng-valid ng-empty ng-valid-maxlength ng-touched */
/* //form-control ng-touched ng-not-empty ng-dirty ng-valid-parse ng-valid ng-valid-required */

.status-pag {
  padding: 5px;
  /* margin-bottom: 20px; */
  border: 1px solid transparent;
  border-radius: 4px;
}

.status-pag-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.status-pag-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}