/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 27/03/2020, 23:44:52
    Author     : samera
*/


body{
    font-size: 0.8rem;
}

.breadcrumb {
    padding-left: 0;
    margin-bottom: 1rem;
    background-color: transparent !important;
}

.table td, .table th {
    padding-right: 0;
}

form.user .form-control-user {
    font-size: .8rem;
    border-radius: 5px;
    padding: 0.8rem 0.5rem;
    max-height: 12px;
}

.custom-select{
    max-height: 27px;
    padding-top: 2px;
    padding-left: 0.25rem;
}

.form-control-user-date {
    font-size: .8rem;
    border-radius: 5px;
    padding: 0.1rem 1rem;
    max-height: 27px;
}

.alert-danger{
    background-color: #ff0000; 
    color: white;
}

.alert-success{
    background-color: #93c54b; 
    color: white;
}

.text-success{
    color: #93c54b !important; 
}

.border-left-success{
    color: #93c54b !important;
}

.custom-select{
    font-size: .8rem;
    border-radius: 5px;
}

.card-header {
    background-color: white;
    border-bottom: none;
}

.table td {
    padding: .25rem;
    font-size: .8rem;
}

.table th{
    padding-left: 5px !important;
    font-size: .8rem;
}

.btn-sm {
    padding: .25rem 0.7rem;
    font-size: .675rem;
}

.font-small{
    font-size: .8rem;
}

legend{
    width: auto;
    padding: 0 5px;
}

textarea{
    min-height: 50px !important;
}

.button.dt-button, div.dt-button, a.dt-button {
    background-color: #1165f1 !important;
}

.btn-primary{
    background-color: #1165f1 !important;
}

.page-item.active .page-link {
    background-color: #1165f1;
    border-color: #1165f1;
}

.badge-primary {
    background-color: #1165f1;
}

.bg-primary {
    background-color: #1165f1 !important;
}

table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr[role="row"] > th:first-child::before {
    background-color:
        #1165f1;
}

.select2-container {
    font-size: .8rem;

    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

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

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color:#6e707e;
}

#form_produtos input{
    background-color: yellow;
}

/*.search::placeholder{
    background-color: #3a3b45;
    color: #fff !important;
}*/

.close {
    font-size: 1.1rem;
    color: white !important;
}

.dt-buttons{
    float: left;
    width: 40px;
}

.conta-home{
    height: 5rem;
    overflow-y: scroll;
}

.pl-4-5 {
    padding-left: 2rem !important;
}

.badge-counter{
    font-size: 95%;
}

.swal2-popup {
    font-size: 0.8rem !important;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #fff;
    opacity: 1;
}

.top-5{
    height: 391.667px;
}

img[src="https://cdn.000webhost.com/000webhost/logo/footer-powered-by-000webhost-white2.png"]{
    display: none;
}

/*******************************/

/*Media queries*/
@media only screen and (max-width: 600px) {
    .container-contas{
        margin-top: 3rem;
    }

    .conta-home .none{
        display: none;
    }
}


.display-none{
    display: none;
}

.display-block{
    display: block;
}

.scroll{
    height: 300px;
    overflow-y: scroll;
   
}

.scroll-y{
    overflow-y: scroll;
}


.z-index{
    position: relative;
    z-index: 100;
}

.bb{
    border: 1px solid red;
}


.border{
    border: 1px solid rgb(46, 43, 43);
}

.modal .modal-dialog-aside-sm {
    width: 45%;
}

.modal .modal-dialog-aside-sm-2 {
    width: 55%;
}


.modal .modal-dialog-aside-small {
    width: 30%;
}


.modal .modal-dialog-aside-md {
    width: 70%;
}

.modal .modal-dialog-aside-lg {
    width: 83.4%;
}
#btn-close-modal {
    left: 20%;
    top: 8px
}

@media (min-width: 480px) {

    #btn-close-modal-sm {
        left: 50.5%;
        top: 8px
    }

    #btn-close-modal-sm-2 {
        left: 40.5%;
        top: 8px
    }

    #btn-close-modal-small {
        left: 65.5%;
        top: 8px
    }

    #btn-close-modal-md {
        left: 25.5%;
        top: 8px
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    .modal .modal-dialog-aside-sm, .modal .modal-dialog-aside-sm-2, .modal .modal-dialog-aside-small, .modal .modal-dialog-aside-md {
        width: 87%;
    }

    #btn-close-modal-sm, #btn-close-modal-sm-2, #btn-close-modal-small, #btn-close-modal-md {
        left: 1.5% !important;
        top: 1.5% !important;
        z-index: 9999;
    }
}

@media (min-width: 411px) and (max-width: 731px) {
    .modal .modal-dialog-aside-sm, .modal .modal-dialog-aside-sm-2, .modal .modal-dialog-aside-small, .modal .modal-dialog-aside-md {
        width: 87%;
    }

    #btn-close-modal-sm, #btn-close-modal-sm-2, #btn-close-modal-small, #btn-close-modal-md {
        left: 1.5% !important;
        top: 1.5% !important;
        z-index: 9999;
    }
}

.modal .modal-dialog-aside {
    max-width: 95%;
    height: 98%;
    /* margin: 0; */
    transform: translate(0);
    transition: transform .2s;
}

.modal .modal-dialog-aside .modal-content {
    height: inherit;
    border: 0;
    border-radius: 0;
}

.modal .modal-dialog-aside .modal-content .modal-body {
    overflow-y: auto
}

.modal.fixed-left .modal-dialog-aside {
    margin-left: auto;
    transform: translateY(100%);
}

.modal.fixed-right .modal-dialog-aside {
    margin-right: auto;
    transform: translateX(-100%);
}

.modal.show .modal-dialog-aside {
    transform: translateX(0);
}

.btns {
    position: relative;
  
    display: block;
    margin: 30px auto;
    padding: 2%;
  
    overflow: hidden;
  
    border-width: 0;
    outline: none;
    border-radius: 2px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
    
    /* background-color: #2ecc71; */
    /* color: #ecf0f1; */
    
    transition: background-color .3s;
  }
  
  /* .btns:hover, .btns:focus {
    background-color: #27ae60;
  }
   */
  .btns > * {
    position: relative;
  }
  
  .btns span {
    display: block;
    padding: 12px 24px;
  }
  
  .btns:before {
    content: "";
    
    position: absolute;
    top: 50%;
    left: 50%;
    
    display: block;
    width: 0;
    padding-top: 0;
      
    border-radius: 100%;
    
    background-color: rgba(236, 240, 241, .3);
    
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
  
  .btns:active:before {
    width: 120%;
    padding-top: 120%;
    
    transition: width .2s ease-out, padding-top .2s ease-out;
  }
  
  /* Styles, not important */
  *, *:before, *:after {
    box-sizing: border-box;
  }