.alert-link {
  color: #ffffff;
}




.btn-info {
  border-color: #2A4B7C;
}



.btn-secondary {
    border-color: #000;
}

.btn-dark {
    border-color: #000;
}




.col{

    border: 1px solid black;
}






a:hover,
a:focus {
    color: black;
    text-decoration: none;
    transition: all 0.3s;
}

.navbar {
/*    
    
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid black;
    box-shadow: 0px 0px 10px black;*/
    background: #fff;
    margin-bottom: 0.3em;
}

.navbar-btn {
/*    box-shadow: none;
    outline: none !important;
    border: none;*/
}

nav#sidebar li.active{

    background-color: black;
}


div.desktop-buttons a{
    padding: 0.375rem 0.5rem!important;
    border: 2px solid #000000 !important;


    i{
    padding-right: 12px;
    padding-left: 0px;
    }

}



.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
}





.vermelho{

    color: #fff;
    background-color: #a02128;
}

.laranja{

    color: #fff;
    background-color: #ef6c00;
}

.azul{

    color: #fff;
    background-color: steelblue;
    /*background-color: steelblue;*/
}

.verde{

    color: #fff;
    background-color: #28a745;
}


.preto{


    color: #eeeeee;
    background-color: #222222;
    letter-spacing: 0.4px;
}






/* ------------
    TOP BAR
--------------- */


.btn-arrow-right{
   position: relative;
   padding-left: 18px;
   padding-right: 18px;
}

.btn-arrow-right {
   padding-left: 36px;
}

.frente.btn-arrow-right:after,
.frente.btn-arrow-left:after {
   /* make two squares (before and after), looking similar to the button */
   
   content: "";
   position: absolute;
   top: 4px;
   /* move it down because of rounded corners */
   
   width: 26px;
   /* same as height */
   
   height: 26px;
   /* button_outer_height / sqrt(2) */
   
   background: inherit;
   /* use parent background */
   
   border: inherit;
   /* use parent border */
   
   border-left-color: transparent;
   /* hide left border */
   
   border-bottom-color: transparent;
   /* hide bottom border */
   
   border-radius: 0px 4px 0px 0px;
   /* round arrow corner, the shorthand property doesn't accept "inherit" so it is set to 4px */
   
   -webkit-border-radius: 0px 4px 0px 0px;
   -moz-border-radius: 0px 4px 0px 0px;
}

/*.traz.btn-arrow-right:before,*/
.frente.btn-arrow-right:after {
   transform: rotate(45deg);
   /* rotate right arrow squares 45 deg to point right */
   
   -webkit-transform: rotate(45deg);
   -moz-transform: rotate(45deg);
   -o-transform: rotate(45deg);
   -ms-transform: rotate(45deg);
}


.traz.btn-arrow-right:before,
{
   
   left: -15px;
   z-index: -9999;
}

.frente.btn-arrow-right:after
{
   /* align the "after" square to the right */
   right: -13px;
   z-index: 9999;
}


a.traz.btn-arrow-right{
  padding-left: 22px!important;
}

.btn-group.topbar > .btn-arrow-right.btn:not(:first-child), .btn-arrow-right.btn-group > .btn-group:not(:first-child) {
  margin-left: -5px!important;
}






/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

@media (max-width: 1200px) {

}



#sidebar .sidebar-header {
    
}


#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    color: white;
    text-decoration: none;
    transition: all 0.3s;
    padding: 10px;
    font-size: 1.1em;
    display: block;
}



#sidebar ul li a:hover{

    background: #111;

}

#sidebar ul li.active>a,
a[aria-expanded="true"] {

}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    border:none!important;
}



ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}


p.version{

    text-align:center;
    margin:  0px;
    padding:    0px!important;
}



/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {

    min-height: 100vh;
    transition: all 0.3s;
}


/* date picker range*/
div.input-group.input-daterange div.input-group-addon{
    padding: 9px 12px!important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1!important;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #ccc!important;
}











/* ---------------------------------------------------
    TABLES
----------------------------------------------------- */

.table{
    /*border: $table-border-width solid #dee2e6;*/
    border-color: #dee2e6;
}


.table td, .table th {

    /*border-top: $table-border-width solid #dee2e6;*/
    border-color: #dee2e6;
    padding-left:2px!important;
}

.table td.fit, 
.table th.fit {
    white-space: nowrap;
    width: 1%;
}

td {

    vertical-align: middle!important;
}




.table-dark {
  color: #fff;
  background-color: #343a40;
  border: 1px solid #000!important;
}

.table-dark th,
.table-dark td,
.table-dark thead th {
  border-color: #454d55;
  border-top: 1px solid #000000!important;
}


div.table-responsive.dark {
    /* background-color: #c1c1c1 !important; */
    color: #c1c1c1;
    background-color: #222;
}








div.dataTables_wrapper 
{

    width:100%!important;

}


.no-sort::after { display: none!important; }

.no-sort { pointer-events: none!important; cursor: default!important; }







/* VERTICAL ALIGN */
.my-vertical-align{
  display: flex;
  flex-direction: column;
  justify-content: center;
}


.centrar-vertical{

    position: absolute;
    top: 25%;
    max-width: 100%;
    width: 100%;
}


.my-center-center{
  
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center !important;
}

.hide{
  display:none
}


.vertical-center
{
 display: table-cell;
 float: none;
 vertical-align: middle;
}

i.fas, i.fab{    

    padding: 0px 0.5rem 0px 0.5rem;
}

.btn-floating {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
    width: 47px;
    height: 47px;
    position: relative;
    z-index: 1;
    vertical-align: middle;
    display: inline-block;
    overflow: hidden;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    margin: 10px;
    border-radius: 50%;
    padding: 0;
    cursor: pointer;
}

.btn-floating i {
    font-size: 1.25rem;
    line-height: 47px;
}
.btn-floating i {
    display: inline-block;
    width: inherit;
    text-align: center;
    color: #fff;
}


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@keyframes bounceIn {
    20%,
    40%,
    60%,
    80%,
    from,
    to {
        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1);
        animation-timing-function: cubic-bezier(.215, .61, .355, 1)
    }
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }
    20% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1);
        transform: scale3d(1.1, 1.1, 1.1)
    }
    40% {
        -webkit-transform: scale3d(.9, .9, .9);
        transform: scale3d(.9, .9, .9)
    }
    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03, 1.03, 1.03);
        transform: scale3d(1.03, 1.03, 1.03)
    }
    80% {
        -webkit-transform: scale3d(.97, .97, .97);
        transform: scale3d(.97, .97, .97)
    }
    to {
        opacity: 1;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}

.bounceIn {
    -webkit-animation-duration: .75s;
    animation-duration: .75s;
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn
}


/* CSS não crítico*/
h2{color: #fcb600;}



.text-shadow{text-shadow: 0 0.032em 0 #000000, 0px 0.15em 0.11em rgba(0,0,0,0.35), 0px 0.25em 0.021em rgba(0,0,0,0.21), 0px 0.32em 0.32em rgba(0,0,0,0.21);}

.text-border{text-shadow: 0 1px 1px #000, 0 -1px 1px #000, 1px 0 1px #000, -1px 0 1px #000;}




/***********************/
/*   MODALS            */
/***********************/


.modal-title{
    font-weight:bold!important;
}

.modal-footer {

  // padding: 0px;
  border-top: none;
}




/***********************/
/*   F O R M S         */
/***********************/
div.grupo{

    padding: 0.5rem !important;
    border: 1px solid #0000000a;
    background-color: #f8f8ffd4;
    border-radius: 0.7em!important;
}

fieldset{
    border:1px solid #222;
    @include border-radius(8px);
    margin:20px 0 0 0;
    min-height: 90px;
    line-height: 90px;
    position: relative;
    float: left;
    margin-right: 20px;
    padding:20px;
    h2{
        font-family: 'Lobster', cursive;
        font-weight: normal;
        text-shadow:0 1px 0 rgba(255,255,255,.12);
        display: inline-block;
        margin: 0;
        line-height: 1.5;
        position: absolute;
        top: -20px;
        /*background:url('http://www.bradysammons.com/codepen/darkui/noise.png') repeat;*/
        padding: 0 5px 0 10px;
    }
}



/*****************/
/*  datables     */
/*****************/


div.dataTables_filter
{
    
    display: initial!important;
    float: right!important;

    input{height: calc(2.03rem + 2px);}
}



button.btn.btn-secondary.buttons-collection.buttons-page-length.dropdown-toggle::after {

    right: 0px;
  }



input#numSeriePicagem {

    box-shadow: 0 0 0 0.2rem rgba(118, 19, 25, 0.25);
    border-color: #a02128;
}

input#numSeriePicagem:focus {

    box-shadow: 0 0 0 0.2rem rgba(0, 126, 51, 0.25);
    border-color: #28a745;
}




div.card-header{

    font-weight: bold;
}


*:fullscreen, *:-webkit-full-screen, *:-moz-full-screen {
    background-color: white;
}

:root:-webkit-full-screen-ancestor{

    background-color: white;
}

html{

    background-color: white!important;
}

/* correção tema select2 */
.select2-container--default .select2-selection--single {

/*    border-color: #ced4da!important;
    border-radius: 0.12rem!important;
    height: 35px!important;*/

    span{
        height: 35px!important;
        padding: 0.25rem 0.5rem!important;
    }
}

span.select2-container{

    width: 100%!important;
}

span.select2-selection__clear{

    margin-right: 7px;
    font-size: x-large;
    top: 40%;
    transform: translateY(-50%);
}




.select2-container--default .select2-selection--single {
  border: 1px solid #e2e5ea;
  border-radius: 0.5rem!important;
  height: calc(2.375rem + 2px)!important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #2d3444;
  line-height: calc(2.375rem + 2px)-2px;
  padding-left: 0.875rem;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: calc(2.375rem + 2px)-2px;
  right: 0.5rem;
}

.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--single {
  border-color: #2a93ee;
  box-shadow: 0 0 0 0.15rem rgba(15, 108, 189, 0.15);
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid #e2e5ea;
  border-radius: 0.5rem;
  min-height: calc(2.375rem + 2px);
}

.select2-container--default .select2-dropdown {
  border-color: #eef0f4;
  border-radius: 0.5rem;
  box-shadow: 0 12px 32px rgba(15, 18, 25, 0.08), 0 4px 8px rgba(15, 18, 25, 0.04);
  overflow: hidden;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #0F6CBD;
}








body#tinymce p {

margin:0px!important;
}