/* html,  */

body {
    margin: 0px 0px 0px 0px;
    /* font-family: 'Work Sans', sans-serif; */
    font-family: Arial;
    font-size: 16px;
    font-style: normal;
    /* color: #424450;  */
    width: 100%;

    /* background-color: #000; */
    /* height: 100%; */
    min-height: 100vh;
    overflow: auto;
    /* min-height:100vh;  */
    display:flex; flex-direction:column; 
    /* background-image: url('../../images/background.png'); */
    transition: 0.5s;
}
.col-6{
    transition:  1s ease-in-out;
}
.navBar{
    font-size: 16px!important;
}

.footer{
    background: #151515;
}

.container-full{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

.body{
    height: 100%;
    display: flex;
    flex-direction: column;
}

table, table.menu, table.foot, table.hprod, table.prof {
    width: 90%;
    border-collapse: collapse;
    border-spacing: 0px;
    font-size: 1rem;
}

    table > tbody > tr > td, table.menu > tbody > tr > td {
        padding: 0;
        /* background:#150F03; */
        /* color:#967E71 */
    }


    table.hprod > tbody > tr > td {
        padding: 0;
        line-height: 0;
        cursor: pointer;
    }

    table.foot > tbody > tr > td {
        border-right: 1px solid #2e2e2e;
        padding: 0 15px;
        color: #e5e5e5;
        /*vertical-align: text-top;*/
        text-transform: uppercase;
        font-size: 10.5px;
    }

        table.foot > tbody > tr > td:first-child {
            padding-left: 0;
        }
        table.foot > tbody > tr > td {
            width: 16.667%;
        }

        /* table.foot > tbody > tr > td:last-child {
            width: 25%;
            border-right: 0;
            padding-right: 0 !important;
        } */

    table.menu > tbody > tr > td {
        width:11%;
        height: 45px;
        line-height: 2;
        text-align: center;
        font-weight: 600;
        /*font-size: 0.75vw;*/
        font-size: 14px;
        cursor: pointer;
        /* color:#424040; */
        /* background-color: #000032; */
        
    }

    table.menu > tbody > tr > td:hover {
        /* zoom:1.05 */
        /* opacity: 0.7; */
        color:#24209e
    }

    table.menu > tbody > tr{
        background-color:#FFFFFF;
    }


    table.menu > tbody > tr > td:hover {
        /* background-color: #0A0A0A; */
    }

    table.menu > tbody > tr > td.active {
        /* color:#ffd86c; */
        color:#FDCA00
        ;
    }

    .sidenav {
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 215;
        top: 0;
        left: 0;
        background-color: #111;
        overflow-x: hidden;
        transition: 0.2s;
        padding-top: 60px; 
    }
      

    .sidenav a {
        padding: 8px 8px 8px 32px;
        text-decoration: none;
        font-size: 25px;
        color: #ffffff;
        display: block;
        transition: 0.3s;
    
        font-size: 1.2rem;
        font-weight: 600;
     
    }
      
    .sidenav a:hover {
    color: #f1f1f1;
    }
    
    .sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
    }

    .border-1{
        border: 1px solid ;
    }

    .border-2{
        border: 2px solid;
    }

    .border-3{
        border: 3px solid;
        border-color: #979797;
        -webkit-box-shadow: 6px 0px 2px 4px #979797; 
        box-shadow: 6px 0px 2px 4px #cecccc;
        border-radius: 1.25rem!important;
    }
    
    .bg-blue-171557{
        background-color: #171557;
    }

    .bg-blue-007bff{
        background-color: #007bff;
    }



    .btn-half-block {
        display: inline-block;
        width: 50%;
    }

    .dropbtn {
        border: none;
    }
    
    .dropdown {
        position: relative;
        display: inline-block;
    }

    .dropdown2 {
        position: relative;
        display: inline-block;
        width: 100%;
    }
    
    .dropdown-content {
        display: none;
        position: absolute;
        top:20px;
        left:0px;
        background-color: #f1f1f1;
        min-width: 160px;
        box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
        z-index: 111;
    }
    
    .dropdown-content a {
        color: black;
        /* padding: 12px 16px; */
        padding: 6px 8px;
        text-decoration: none;
        display: block;
    }
    
    .dropdown-content a:hover {background-color: #ddd;}
    
    .dropdown:hover > .dropdown-content {
        display: block;
        animation: fadeIn 0.3s;
        -webkit-animation: fadeIn 0.3s;
        -moz-animation: fadeIn 0.3s;
        -o-animation: fadeIn 0.3s;
        -ms-animation: fadeIn 0.3s;
    }

    .dropdown2:hover > .dropdown-content {
        display: block;
        animation: fadeIn 0.3s;
        -webkit-animation: fadeIn 0.3s;
        -moz-animation: fadeIn 0.3s;
        -o-animation: fadeIn 0.3s;
        -ms-animation: fadeIn 0.3s;
    }
    
    .dropdown:hover {background-color: rgb(245, 239, 239);}

    .formStyle { 
        /* background-color: #2ecc71; */
        padding: 5px; 
        width: 400px; 
        margin-bottom: 20px; 
        border-bottom-width: 1px; 
        border-bottom-style: solid; 
        border-bottom-color: #ecf0f1; 
        border-top-style: none; 
        border-right-style: none; 
        border-left-style: none; 
        font-size: 1em;
        font-weight: 100;
        color: black;
      }
      
      .formButton {
        float: right;
          background-color:#ffffff;
          display:inline-block;
          color:black;
          font-size:28px;
          font-weight: 500;
          padding:6px 24px;
        margin-top: 10px;
        margin-right: 60px;
          text-decoration:none;
      }
      
      .formButton:hover {
          /* background-color: #27ae60; */
        color:#ffffff;
      }
      
      .formButton:active {
          position:relative;
          top:3px;
      }
      
      /*To remove the outline that appears on clicking the input textbox*/
      input:focus {
        outline: none;
      }
      
      /* To format the placeholder text color */
      ::-webkit-input-placeholder {
         color: #6c757d;
      }
      
      :-moz-placeholder { /* Firefox 18- */
         color: #6c757d;  
      }
      
      ::-moz-placeholder {  /* Firefox 19+ */
         color: #6c757d;  
      }
      
      :-ms-input-placeholder {  
         color: #6c757d;  
      }

      /* Custom dropdown */
    .custom-dropdown {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        margin: 5px; /* demo only */
        }

    .custom-dropdown select {
        cursor: pointer;
    /* background-color: #326EDB;
    color: #fff; */

        color: black;
        font-size: inherit;
        padding: .1em;
        padding-right: 2.5em;	
        border: 0;
        margin: 0;
        border: .5px solid rgb(47, 68, 189);
        border-radius: 3px;
        text-indent: 0.01px;
        text-overflow: '';
        -webkit-appearance: button;
            -webkit-appearance: none;
        -moz-appearance: none;

    }



    .custom-dropdown::before,
    .custom-dropdown::after {
    content: "";
    position: absolute;
    pointer-events: none;
    }

    .custom-dropdown::after { /*  Custom dropdown arrow */
    content: "\25BC";
    height: 1em;
    font-size: .625em;
    line-height: 1;
    right: 1.2em;
    top: 50%;
    margin-top: -.5em;
    }

    .custom-dropdown::before { /*  Custom dropdown arrow cover */
    width: 2em;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 0 3px 3px 0;
    }

    .custom-dropdown select[disabled] {
    color: rgba(0,0,0,.3);
    }

    .custom-dropdown select[disabled]::after {
    color: rgba(0,0,0,.1);
    }

    .custom-dropdown::before {
    background-color: rgba(0,0,0,.15);
    }

    .custom-dropdown::after {
    color: rgba(0,0,0,.4);
    }



    .newsSpeakerText{
        /* position: absolute;
        top:20px;
        left:35px;
        right:15px; */
        color:rgb(253, 242, 242);
        background: #171557;
        padding:5px;
        width:100%;
        height:35px;
        font-weight: 300;
        font-size: 1rem;
        text-align: center;
        padding:auto;
    }

    .marquee {
        white-space: nowrap;
        overflow: hidden;
        box-sizing: border-box;
    }
    .marquee p {
        display: inline-block;
        padding-left: 100%;
        animation: marquee 40s linear infinite;
    }

    /* general div */
    .profile-div{
        cursor: pointer;
        width: fit-content;
    }
    .profile-div:hover{
        color: #ffff;
        background-color: #a59f9f;
    }
    /* general div end*/

  

    @keyframes marquee {
        0%   { transform: translate(0, 0); }
        100% { transform: translate(-100%, 0); }
    }

   

    @keyframes fadeIn {
        0% {opacity:0;}
        100% {opacity:1;}
    }

    @media only screen and (min-width: 768px) {
          /* //col */
        .col-md-2-5 {
            -ms-flex: 0 0 20%;
            flex: 0 0 20%;
            max-width: 20%;
        }
        
    }
   

    @media only screen and (max-width: 600px) {
  
        p{
            font-size: 0.8rem;
        }

        /* input{
            width: 80px;
        } */

        #bet-form  input[type=number]{
            width: 80px;
        }

 
        .formStyle{
            width: 100%;
        }
        
        .logoImg {
            width: 100%!important;
            /* height: 100%!important; */
            /* max-width: 100px; */
            transform: scale(1); 
            padding-left: 10px;
   
        }

        .user-name-div{
            text-align: center;
        }
    
      
    
        .navBar{
            display: none;
        }
    
        .sideMenu{
            display: block!important;
            /* color:white; */
        }
    
        .sidenav {padding-top: 15px;}
        .sidenav a {font-size: 18px;}
   
        .table-div{
            overflow:scroll;
        }
    
      }