/*CUSTOM CSS*/
textarea, input, button { outline: none; }
.form-control:focus {border-color: none; box-shadow: none; }
.shadow-user {box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
.no-padding { padding: 0; }
.no-margin { margin: 0; }
/*---------------- LOGIN*/
#login{ margin-top: 100px!important; }
.panel-dark .panel-heading {  background-color: #333; padding: 3px; }

.login-container {}
.main-grid {display: flex; height: 100vh; width: 60%; align-items: center; margin: 0 auto; margin-top: -100px; }
.grid_panel {width: 60%; height: 50vh; }
.grid_panel table {width: 90%; }
.grid_panel table td {vertical-align: top; text-align: center; padding: 5px; }
.grid_panel img {width: 100%; opacity: 0.4; transition: opacity 0.5s; }
.grid_panel img:hover {opacity: 1; }
.noheight { padding: 0; margin: 0; font-size: 0; line-height: 0; }
img.logo { opacity: 1; }
.loginbox { 
    width: 40%; 
    display: block;  
    margin-right: auto;  
    margin-left: auto;  
}

/*---------------- SIDE BAR*/
.boxflex {
  display: -webkit-flex;
  display: flex;
  min-height: 100vh;
}
aside {
    width: 200px;
    border-right: 1px solid #ccc;
    background: #fff;
    padding: 15px 0;
}

section {
    background-color: #f5f7fa;
	flex: 5;
}

/*---------------- MENU*/

.menu,
.menu ul,
.menu li,
.menu a,
.menu span {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

.menu li {
    list-style: none;
}

.menu li > a {
    display: block;
    position: relative;
    min-width: 110px;
    padding: 5px 5px 5px 15px;
    text-decoration: none;
    border-left: 4px solid #fff;
}

.menu li > a:hover {
	background-color: #f9f9f9;
	border-left: 4px solid #008cba;
}

.menu li > a > i { padding-right: 5px; }

.sub-menu li a {
    color: #797979;
    background: #e5e5e5;
    border-bottom: 1px solid #c9c9c9;
    border-left: 4px solid #c9c9c9;
    padding: 5px 5px 5px 25px;
}

.sub-menu li:last-child a { border-bottom: none; }

ul.sub-menu {
	max-height: 0;
	overflow: hidden;
    transition: all 0.4s;
}

.menu .open ul.sub-menu {
    max-height: 200px;
}

/*---------------- MENU*/


.avatarcard
{
	background-color: #008cba;
	padding: 20px 40px;
	margin-bottom: 40px;
	margin-top: 50px;
	height: 90px;
	text-align: center;
	color: #fff;
}

.avatarcard img
{
	padding: 5px;
	background-color: #fff;
	border: 3px solid #008cba;
	margin-top: -80px;
	margin-bottom: 5px;
}

.fa-times {
    color: red;
}

.tbl-lote { 
  /*transition: all ease-in-out 0.5s;*/
}
.tbl-lote.ng-show {
  transition: all ease-in-out 0.5s;
  opacity: 0;
}

.row-lote.ng-move,
.row-lote.ng-enter,
.row-lote.ng-leave {
    -webkit-transition:all ease 0.5s;
    transition:all ease 0.5s;
}

.row-lote.ng-leave.ng-leave-active,
.row-lote.ng-move,
.row-lote.ng-enter {
    opacity:0;
    max-height:0;
}

.row-lote.ng-leave,
.row-lote.ng-move.ng-move-active,
.row-lote.ng-enter.ng-enter-active {
    opacity:1;
    max-height:40px;
}

.switch {
  background: #fff;
  border: 1px solid #dfdfdf;
  position: relative;
  display: inline-block;
  box-sizing: content-box;
  overflow: visible;
  width: 52px;
  height: 30px;
  padding: 0px;
  margin: 0px;
  border-radius: 20px;
  cursor: pointer;
  box-shadow: rgb(223, 223, 223) 0px 0px 0px 0px inset;
  transition: 0.3s ease-out all;
  -webkit-transition: 0.3s ease-out all;
  top: -1px;
}
/*adding a wide width for larger switch text*/
.switch.wide {
  width:70px;
}
.switch small {
  background: #fff;
  border-radius: 100%;
  box-shadow: 0 1px 3px rgba(0,0,0,0.4);
  width: 30px;
  height: 30px;
  position: absolute;
  top: 0px;
  left: 0px;
  transition: 0.3s ease-out all;
  -webkit-transition: 0.3s ease-out all;
}
.switch.checked {
  background: #008cba;
  border-color: #008cba;
}
.switch.checked small {
  left: 22px;
}
/*wider switch text moves small further to the right*/
.switch.wide.checked small {
  left:40px;
}
/*styles for switch-text*/
.switch .switch-text {
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
}

.switch .off {
  display:block;
  position: absolute;
  right: 10%;
  top: 25%;
  z-index: 0;
  color:#000;
}

.switch .on {
  display:none;
   z-index: 0;
  color:#fff;
  position: absolute;
  top: 25%;
  left: 9%;
}

.switch.checked .off {
  display:none;
  
}

.switch.checked .on {
  display:block;

}

.switch.disabled {
  opacity: .50;
  cursor: not-allowed;
}

.text-error {
  color: #f00;
}

.st-sort-ascent:after {
    content: '\25B2';
}

.st-sort-descent:after {
    content: '\25BC';
}

.select-page {
  width: 50px;
  text-align: center;
}

.pagination li a {
  cursor: pointer;
}

.pagination > li > a, .pagination > li > span {
    
    border: 1px solid #cfdbe2;
}

.pagination > li > a:hover, .pagination > li > span {
    background-color: #f5f5f5;
    border: 1px solid #cfdbe2;
}


















.footer__links {
    position: relative;
    width: 100%;
    background-color: white;
    margin: 0;
    bottom: 0;
    padding: 20px 20px 10px;
    font-size: 14px;
    color: gray;
    letter-spacing: 0;
    display: flex;
    justify-content: space-between;
}

.footer__links p {
    float: left;
    width: unset;
    padding: 0 0 0 10px;
    text-align: center;
    font-family: "Open Sans", sans-serif;
}

.footer__links p:first-child {
    padding: 0 10px;
}
.footer__links p:not(:last-child) {
    border-right: 1px solid gray;
    padding: 0 10px;
}

.footer__links p a {
    color: gray;
}

.footer__links p a:hover {
    text-decoration: underline;
}

.footer__links  #copyright p {
    width: 100%;
    text-align: right;
}


@media (max-width: 768px) {

    body {
        height: 1170px;
    }

    .footer__links {
        position: absolute;
        display: block;
        padding: 30px 20px;
        left: 0;
        bottom: -410px;
        z-index: 500;
    }
     .footer__links .links {
        display: flex;
        flex-flow: column;
    }

    .footer__links .links p {
        border: none !important;
        text-align: left !important;
    }

    .footer__links #copyright {
        position: relative;
        margin-top: 15px;
    }
    .footer__links #copyright p {
        text-align: left;
        margin: 0;
    }
}