/* Style the tab */
 
 .tab {
     overflow: hidden;
     border: 1px solid #ccc;
     background-color: #f1f1f1;
 }
 /* Style the buttons that are used to open the tab content */
 
 .tab button {
     background-color: inherit;
     float: left;
     border: none;
     outline: none;
     cursor: pointer;
     padding: 7px 8px;
     transition: 0.3s;
     width: 100%;
     border-bottom: 1px solid #bfc3c6;
 }
 
 .tab_button_50 {
     font-size: 12px !important;
     width: 50% !important;
 }
 /* Change background color of buttons on hover */
 
 .tab button:hover {
     background-color: #ddd;
 }
 /* Create an active/current tablink class */
 
 .tab button.active {
     background-color: #ccc;
 }
 /* Style the tab content */
 
 .tabcontent {
     display: none;
     padding: 6px 12px;
     border-top: none;
     transition: 3s opacity ease-out;
 }
 
 .tabcontent.animate {
     opacity: .3;
 }
 
 .tabcontent_r {
     display: none;
     padding: 6px 12px;
     border-top: none;
     transition: 3s opacity ease-out;
 }
 
 .tabcontent_r.animate {
     opacity: .3;
 }