body,html{
    font-family:  'Source Sans Pro', sans-serif;
}

#global-loader{
    position:fixed;
    z-index:50000;
    left:0;
    top:0;
    right:0;
    bottom:0;
    /*background:#fff;*/
    background:rgba(0,0,0,0.5);
    margin:0 auto;
    text-align:center;
}

#global-loader img{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 45%;
    margin: 0 auto;
}

#loader {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	width: 120px;
	height: 120px;
	margin: -76px 0 0 -76px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #004069;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
0% { -webkit-transform: rotate(0deg); }
100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}

#txt-loader {
	position: absolute;
	left: 50%;
	top: 50%;
	z-index: 1;
	/*width: 120px;
	height: 120px;
	margin: -76px 0 0 -76px;
	border: 16px solid #f3f3f3;
	border-radius: 50%;
	border-top: 16px solid #004069;
	-webkit-animation: spin 2s linear infinite;
	animation: spin 2s linear infinite;*/
}

/* Add animation to "page content" */
.animate-bottom {
position: relative;
-webkit-animation-name: animatebottom;
-webkit-animation-duration: 1s;
animation-name: animatebottom;
animation-duration: 1s
}

@-webkit-keyframes animatebottom {
from { bottom:-100px; opacity:0 } 
to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
from{ bottom:-100px; opacity:0 } 
to{ bottom:0; opacity:1 }
}

#global-popup{
    position:fixed;
    z-index:50000;
    left:0;
    top:0;
    right:0;
    bottom:0;
    /*background:#fff;*/
    background:rgba(0,0,0,0.5);
    margin:0 auto;
    text-align:center;
}

#global-popup img{
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 100px;
    margin: 0 auto;
}

#dc_login::placeholder {
    text-align: left;
}

a, a:visited{
    color: #fff;
    font-weight: bolder;
    font-size: 1em;
}

#produtos a, a:visited{
    color: #054168;
    font-weight: normal;
    font-size: .9rem;
    text-decoration: none;
}

#produtos div:hover{
    background-color: #e0e0e0;
}

.btn-forms {
    border-radius: 10px !important;
    /*font-size: 1rem !important;*/
    font-weight: 400 !important;
    background-color: #004069 !important;
}

.btn-orange{
    background-color: #f16e50 !important;
    font-size: .8rem !important;
    font-weight: bold !important;
    border-radius: 10px !important;
}

.btn-orange:hover{
    background-color: #f38c76 !important;
    font-size: .8rem !important;
    font-weight: bold !important;
    border-radius: 10px !important;
}

.btn-blue{
    background-color: #004069 !important;
    font-size: .8rem !important;
    font-weight: bold !important;
    border-radius: 10px !important;
}

.btn-blue:hover{
    background-color: #006db7 !important;
    font-size: .8rem !important;
    font-weight: bold !important;
    border-radius: 10px !important;
}

.btn-outline-primary:hover{
    background-color: #004069 !important;
    color: #ffffff !important;
}

.btn-outline-primary{
    color: #004069 !important;
    border-color: #004069 !important ;
}

.txt-primary{
    color: #054168 !important;
}
.txt-secondary{
    color: #909090 !important;
}

.txt-size-07{
    font-size: .7rem!important;
}
.txt-size-08{
    font-size: .8rem!important;
}
.txt-size-09{
    font-size: .9rem!important;
}
.txt-size-1{
    font-size: 1rem!important;
}
.txt-size-1-1{
    font-size: 1.1rem!important;
}
.txt-size-1-2{
    font-size: 1.2rem!important;
}
.txt-size-1-3{
    font-size: 1.3rem!important;
}
.txt-size-1-4{
    font-size: 1.4rem!important;
}
.txt-size-1-5{
    font-size: 1.5rem!important;
}

.img-fluid-logo-home{
    max-width: 70% !important;
    height: auto;
}

.bg-field-forms{
    background-color: #f5f5f5 !important;
}

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

.back-g-primary{
    background-color: #004069 !important;
}

.back-g-secondary{
    background-color: #cccccc !important;
}

.txt-primary-placeholder::placeholder{
    color: #004069 !important;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
  }

 .card-deck1{
    margin-top: 10px;
    margin-left: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: .5rem;
}

.card-deck-parceiros{
    margin-top: .8rem;
    margin-left: auto;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(140px, 1fr));
    grid-gap: .8rem;
}

.border-radius-all{
    border-radius: 20px !important;
}


/* width */
#outlet::-webkit-scrollbar {
  width: 10px;
}

/* Track */
#outlet::-webkit-scrollbar-track {
  background: #999; 
}
 
/* Handle */
#outlet::-webkit-scrollbar-thumb {
  background: #004069; 
}

/* Handle on hover */
#outlet::-webkit-scrollbar-thumb:hover {
  background: #004069; 
}

.border-card-primary{
    border: 2px solid #004069 !important;
    border-radius: 10px !important;
}

.border-card-secondary{
    border: 2px solid #909090 !important;
    border-radius: 10px !important;
}


.zoom-icon {
    transition: transform .1s; /* Animation */
    font-size: 1.5em;
}

.zoom-icon:hover {
    transform: scale(1.2); /* (110% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.menu-click-here{
    font-size: .7rem;
    line-height: .8rem;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background-color: #004069 !important;
    color: #fff !important;
    object-fit: contain;
    padding: .9rem;
    transition: transform .2s; /* Animation */
}

.menu-click-here:hover{
    background-color: #04468e !important;
    transform: scale(1.1);
}

.descr-prods-2-lines{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; /* number of lines to show */
            line-clamp: 2; 
    -webkit-box-orient: vertical;
 }

    #line-up{
        margin-top: 250px;
    }

 @media screen and (max-width: 500px) {
    #search{
        width: 200px !important;
    }
/*
    #line-up{
        margin-top: 250px;
    }
  */  
    /*
    .sidebar{
        display: none;
    }
    html {
        font-size: 0.75rem;
    }
    .navbar{
        display: block !important;
    }
    */
}