body {font-family: Arial;}

/* Style the tab */
.tab {
    overflow: hidden;
   /* border: 1px solid #ccc;*/
    background-color: #fff;
}
#loading {width: 100%; display:none; height: 100%;top: 0px;left: 0px;position: fixed;display: block; z-index: 99}

#loading-image {position: absolute;width:50px; height:50px;top: 40%;left: 45%; display:none; z-index: 100}
/* Style the buttons inside the tab */


/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddd;

}

/* Create an active/current tablink class */


/* Style the tab content */



.tab button {    padding: 36px 30px;    border: 0;}
.tab button.active {    background-color: #006bb4;    color: #fff;}
.tabcontent {    padding: 40px 0px;}
.cbp-l-loadMore-button-link:hover {
  cursor:pointer;
}
.loader {

    border: 7px solid #f3f3f3;
    border-radius: 50%;
    border-top: 7px solid #1979c3;
    width: 50px;
    height: 50px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    margin-left:50%;
    margin-top: 5%;
    display:none;
    }
  
  @-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
  }
  
  @keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }