/*!
 * Start Bootstrap - Small Business (https://startbootstrap.com/template-overviews/small-business)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-small-business/blob/mahster/LICENSE)
 */
body {
  padding-top: 56px;
}

.hit-color{
	background-color:#001652;
	color:#fff;
}

table.hit-bg thead tr {
  background-color: #001652;
  color:#fff
}

.hit-letter-color{
  color : #001652;
}

.content-top-logo-space{
  padding-top: 10px;
}

.hit-th-color th{
  background-color: #001652;
  color: #fff;
}

.wrapHeader{
  display: none;
}

.grid-header{
  display: grid;
  grid-template-rows: auto auto;
  grid-row-gap: 30px;
  grid-column-gap: 200px;
}

.grid-header .left{
  grid-area: 1 / 1;
  display : none;
}

.grid-header .right{
  grid-area: 1 / 1;
}

.grid-info-search-list{
  display: grid;
  grid-template-rows: auto;
  grid-row-gap: 53px;

}

.grid-action{
  display:grid;
  grid-template-rows: auto;

}

.text-size-15{
  font-size: 15px !important;
}

.text-right-header{
  text-align: right !important;
}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.grid-search{
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 0px;
  padding-left:30px;
}



.grid-info-search-list{
  display: grid;
  grid-template-rows: auto;
  grid-row-gap: 53px;

}



.item1{
 grid-area: 1/ span 2;
}

.item2{
grid-area: 2/ span 2;
}

.item3{
grid-area: 3/ span 2;
}


.grid-header{
  display: grid;
  grid-template-rows: auto;
  grid-row-gap: 30px;
  grid-column-gap: 200px;
}

.grid-header .left{
  grid-area: 1 / 1;
  
}

.grid-header .right{
  grid-area: 1 / 1;
  margin-bottom: 40px;
}

.text-right-header{
  text-align: left !important;
}

}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.grid-search{
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 0px;
  padding-left:30px;
}


.grid-info-search-list{
  display: grid;
  grid-template-rows: auto;
  grid-row-gap: 53px;

}

.text-right{
  text-align: left !important;
}

.item1{
 grid-area: 1/ span 2;
}

.item2{
grid-area: 2/ span 2;
}

.item3{
grid-area: 3/ span 2;
}

.grid-header{
  display: grid;
  grid-template-rows: auto;
  grid-row-gap: 30px;
  grid-column-gap: 200px;
}

.grid-header .left{
  grid-area: 1 / 1;
  margin-bottom: 40px;
}

.grid-header .right{
  grid-area: 1 / 1;
  margin-bottom: 40px;
}

.text-right-header{
  text-align: left !important;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.grid-search{
  display: grid;
  grid-template-columns: 250px 250px auto;
  grid-gap: 30px;    
  padding-left: 0px;
}

.grid-header{
  display: grid;
  grid-template-rows: auto;
  grid-row-gap: 30px;
  grid-column-gap: 200px;
}

.grid-header .left{
  grid-area: 1 / 1;
  margin-bottom: 40px;
}

.grid-header .right{
  grid-area: 1 / 1;
  margin-bottom: 40px;
}

.text-right-header{
  text-align: left !important;
}

.grid-info-search-list{
  display: grid;
  grid-template-rows: auto;
  grid-row-gap: 53px;

}

.text-right{
  text-align: right !important;
}

.item1{
  grid-area: 1/1;
}

.item2{
 grid-area: 1/2;
}

.item3{
 grid-area: 1/ 3;
}

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  .grid-header{
    display: grid;
    grid-template-rows: auto auto;
    grid-row-gap: 30px;
    grid-column-gap: 200px;
  }
  
  .grid-header .left{
    grid-area: 1 / 1;
    margin-bottom: 0px;
  }
  
  .grid-header .right{
    grid-area: 1 / 1;
    margin-bottom: 0px;
  }

  .text-right-header{
    text-align: right !important;
  }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  .grid-header{
    display: grid;
    grid-template-rows: auto auto;
    grid-row-gap: 30px;
    grid-column-gap: 200px;
  }
  
  .grid-header .left{
    grid-area: 1 / 1;
    margin-bottom: 0px;
  }
  
  .grid-header .right{
    grid-area: 1 / 1;
    margin-bottom: 0px;
  }

  .text-right-header{
    text-align: right !important;
  }

  
}

.topSpace{
  padding : 7px !important;
}

.text-left-header{
  text-align: left !important;
}

@media print {

  .wrapHeader{
    display: block;
  }
  
  .grid-header .left{
    display : block;
  }

  .grid-header .right{
    grid-area: 1 / 2;
  }

  .text-left-header{
    text-align: right !important;
  }
}