@font-face
{
	font-family: fertigo_pro;
	src: url("../fonts/fertigo_pro.otf");
}

@font-face
{
	font-family: Nexa_Light;
	src: url("../fonts/Nexa_Light.otf");
}

@font-face
{
	font-family: Nexa_Bold;
	src: url("../fonts/Nexa_Bold.otf");
}

body
{
	background-image: url(../imagens/_common/pipes_2.png);
	font-family: Nexa_Light !important;
	background-repeat: repeat;
	background-attachment: fixed;
}

.shadow-div
{
	-webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
	-moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);
	box-shadow: 0px 0px 20px 0px rgba(0,0,0,1);

	background-color: white;
}

.logo-banner
{
	background: url(../imagens/_common/Darul_iftaa_banner04.png); 
  background-repeat: no-repeat;
  background-size: cover;
}

.logo-banner img{
	width: 50%;
  height: 50%;
  /* max-width: 1080px; */
  display: block;
  margin-left: auto;
  margin-right: auto;
}


.navbar
{
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.bg-light-1
{
	background-color: transparent !important;
	border: 2px solid #B7B7B7;
	border-radius: 5px;
}

.fa-home
{
	color: #B01A1A;
}

#navbarNav .nav-item
{
  color: #B7B7B7 !important;
  font-size: .875em !important;
  text-transform: uppercase;
}

#navbarNav li
{
	padding-right: 15px;
}

.text-focus
{
	color: #B01A1A !important;
}

/*.dropdown:hover > .dropdown-menu
{
	display: block;
}

.dropdown:hover>.dropdown-menu {
        animation-name: slidenavAnimation;
        animation-duration:.2s;
        animation-iteration-count: 1;
        animation-timing-function: ease;
        animation-fill-mode: forwards;
      
        -webkit-animation-name: slidenavAnimation;
        -webkit-animation-duration:.2s;
        -webkit-animation-iteration-count: 1;
        -webkit-animation-timing-function: ease;
        -webkit-animation-fill-mode: forwards;
      
        -moz-animation-name: slidenavAnimation;
        -moz-animation-duration:.2s;
        -moz-animation-iteration-count: 1;
        -moz-animation-timing-function: ease;
        -moz-animation-fill-mode: forwards;
 }
 @keyframes slidenavAnimation {
    from {
        -webkit-transform: scale(0.5);
    }
    to {
        -webkit-transform: scale(1);
    }
 }
 @-webkit-keyframes slidenavAnimation {
    from {
 	   -webkit-transform: scale(0.5);
    }
    to {
       -webkit-transform: scale(1);
        }
 }
 */
 .red-icon
 {
 	color: #B01A1A;
 	padding-right: 5px !important;
 }

 .white-icon
 {
 	color: #fff;
 	padding-right: 5px !important;
 	float: left !important;
 	position: relative;
 	left: 20px !important;
 }

 .red-color
 {
 	color: #B01A1A;
 }


 #data-pesquisa
 {
 	margin-bottom: 20px !important;
 	display: flex;
 }

 .data
 {
 	position: relative;
  top: 10px;
} 

.pesquisa-menu
{
  float: right !important;
  display:flex;
  flex-direction:row;
  border: 2px solid #B7B7B7;
  border-radius: 5px;
  padding: 5px 16px;
  margin-left: auto;
  order: 2;

}

.pesquisa-menu button
{
 color: #B7B7B7;
 border: none;
 background-color: transparent;
}

.pesquisa-menu button:focus
{
  outline: none;
}

.pesquisa-menu button:hover
{
  color: #B01A1A;
  cursor: pointer;
}

.caixa-de-pesquisa
{
  /* Tell the input to use all the available space */
  flex-grow:2;
  /* And hide the input's outline, so the form looks like the outline */
  border:none;
  color: #B01A1A;
  width: 200px;
  transition: .2s ease-in-out;
}

.caixa-de-pesquisa:focus
{
  outline: none;
  width: 250px;
}

#show_up{
  width: 319px;
  border: 2px solid #B7B7B7;
  display: none;
  position: absolute;
  background-color: white;
  margin-top: 35px;
  margin-left: -17px;
  z-index: 1;
  border-radius: 5px;
  max-height:350px;
  overflow-y: scroll;
}

#show_up .titulo_upp{
  font-family: Nexa_Bold;
  color: #fff;
  padding-left: 10px;
  font-size: 18px;
  margin-bottom: 20px;
  background-color: #B01A1A;
  height: 40px;
}

#show_up .titulo_upp span{
 position: relative;
 top: 8px;
}

#show_up .titulo_upp i{
 position: relative;
 top: 9px;
 float: right;
 padding-right: 17px; 
}

/*#show_up .titulo_upp:after{
  content: " ";
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-bottom-color: rgba(176, 26, 26, 1);
  display: table;
  width: 155px;
  position: relative;
  left: 10%;
  margin-bottom: -10px !important;
}

// Small devices (landscape phones, less than 768px) is 600px or smaller
@media only screen and (max-width: 991.98px) {

  #show_up .titulo_upp:after{
    content: " ";
    border-bottom-style: solid;
    border-bottom-width: 3px;
    border-bottom-color: rgba(176, 26, 26, 1);
    display: table;
    width: 155px;
    position: relative;
    left: 10%;
    margin-bottom: 5px !important;
  }

  }*/

  #show_up a{
    border-bottom: 1px solid #ddd;
    display: block;
    padding: 10px;
    padding-left: 15px;
    color: #3D3D3D;
    background-color: white;
    transition: .1s ease-in-out;
    text-decoration: none;
    font-size: 16px;
  }
  #show_up a:hover {
    background-color: rgba(176, 26, 26, .1);
  }

  #show_up .no_results{
    display: block;
    padding: 20px;
    padding-left: 15px;
    padding-top: 5px;
    color: #A3A3A3;
    background-color: white;
    font-size: 12px;
  }

  #show_up .icon{
    padding-top: 10px;
    color: rgba(176, 26, 26, .5);
  }

  .style-2::-webkit-scrollbar-track
  {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
  }

  .style-2::-webkit-scrollbar
  {
    width: 12px;
    background-color: #F5F5F5;
  }

  .style-2::-webkit-scrollbar-thumb
  {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #D62929;
  }
  
  @media (max-width: 991px){
    .container {
        max-width: 100% !important;
    }
  }