@import url("../libs/bootstrap-glyphicons.css");
         html,
         body {
             height: 100%;
             width: 100%;
             background-color: #0b243a;
             background-image: url(../img/surf.jpg);
             background-repeat: no-repeat;
             background-attachment: fixed;
             background-position: center;
             background-size: cover;
             overflow-x: hidden;
         }
         
         html .play-nav {
             height: 55px;
             background: #4083B3;
             background: -webkit-linear-gradient(top, #4083B3 10%, #133852);
             margin-right: -15px;
             margin-left: -15px;
             -webkit-box-shadow: 12px 16px 16px -7px white;
             -moz-box-shadow: 12px 16px 16px -7px white;
             box-shadow: 12px 16px 16px -7px white;
         }
         
         html .embed-responsive-item {
             overflow-x: hidden;
             background-color: #f0fafe;
         }
         
         html .panel {
             background-color: transparent;
         }
         
         html .play-nav .navbar-nav>li>a {
             color: white;
             height: 3.76em;
             font-weight: 600;
         }
         
         html .play-nav .navbar-nav>li>a:hover,
         .navbar-nav>li>a:focus,
         .navbar-nav>li>a:visited {
             background-color: #4083B3;
             color: white;
             text-decoration: underline;
         }
         
         html .play-nav .navbar-nav .c1:hover,
         .navbar-nav .c1:focus,
         .navbar-nav .c1:visited {
             background-color: #f49400;
             color: white;
             text-decoration: underline;
         }
         
         html .play-nav .navbar-nav .c2:hover,
         .navbar-nav .c2:focus,
         .navbar-nav .c2:visited {
             background-color: #d30d52;
             color: white;
             text-decoration: underline;
         }
         
         html .play-nav .navbar-nav .c3:hover,
         .navbar-nav .c3:focus,
         .navbar-nav .c3:visited {
             background-color: #0f9388;
             color: white;
             text-decoration: underline;
         }
         
         html .play-nav .navbar-nav .c4:hover,
         .navbar-nav .c4:focus,
         .navbar-nav .c4:visited {
             background-color: #334f64;
             color: white;
             text-decoration: underline;
         }
         
         html .play-nav .navbar-nav .c5:hover,
         .navbar-nav .c4:focus,
         .navbar-nav .c4:visited {
             background-color: #4083B3;
             color: white;
             text-decoration: underline;
         }
         /*
         html .play-nav .navbar-nav .current {
             background-color: white;
             color: black;
             text-decoration: underline;
         }
         */
         
         html .play-nav .navbar-nav .current .c1 {
             background-color: #f49400;
             color: white;
             text-decoration: underline;
         }
         
         html .play-nav .navbar-nav .current .c2 {
             background-color: #d30d52;
             color: white;
             text-decoration: underline;
         }
         
         html .play-nav .navbar-nav .current .c3 {
             background-color: #0f9388;
             color: white;
             text-decoration: underline;
         }
         
         html .play-nav .navbar-nav .current .c4 {
             background-color: #334f64;
             color: white;
             text-decoration: underline;
         }
         
         html .play-nav .navbar-nav .current .c5 {
             background-color: #4083B3;
             color: white;
             text-decoration: underline;
         }
         
         html .first-item {
             margin-left: 0;
             width: 345px;
             /*  background-color: #40849d; */
         }
         
         .holder {
             margin-top: 42px;
         }
         
         .holder .panel-heading {
             background: #133852;
             /* Old browsers */
             background: -moz-linear-gradient(top, #4083B3 10%, #133852);
             background: -webkit-linear-gradient(top, #4083B3 10%, #133852);
             background: linear-gradient(to bottom, #4083B3 10%, #133852);
             border: 0;
             color: white;
             text-align: center;
             font-weight: bold;
             font-size: 18px;
             text-shadow: 1px 2px 1px #000000;
         }
         
         html .play-nav .logo {
             float: left;
             position: absolute;
             border: 0;
             width: 355px;
             height: 106px;
             background-image: url(../img/new-logo1.png);
             background-repeat: no-repeat;
             background-position: left;
             background-size: cover;
             margin-top: -20px;
             overflow: hidden;
             top: 23px;
             left: 10px;
             z-index: 44;
         }
         
         html .play-nav .sun {
             position: relative;
             border: 0;
             width: 231px;
             height: 125px;
             background-image: url(../img/sun.png);
             background-repeat: no-repeat;
             background-position: center;
             background-size: cover;
             margin-top: -20px;
             overflow: hidden;
         }
         
         .panel-body {
             position: relative;
             padding-top: 0;
             border-bottom-left-radius: 5px;
             border-bottom-right-radius: 5px;
             background: #94979b;
             /* Old browsers */
             background: -moz-linear-gradient(top, #133852, #4083B3 10%, #16334a);
             background: -webkit-linear-gradient(top, #133852, #4083B3 10%, #16334a);
             background: linear-gradient(to bottom, #133852, #4083B3 10%, #16334a);
             height: 84%;
             opacity: 0.98;
         }
         
         .panel-body .embed-responsive-16by9 {
             position: absolute;
             bottom: 0px;
             height: 99%;
             width: auto;
             left: 15px;
             top: -5px;
             right: 15px;
             padding: 0;
         }
         /* info css*/
         
         #text {
             position: relative;
             width: 100%;
             min-height: 100%;
             border: 0;
             margin-left: auto;
             margin-right: auto;
             background-color: #ecf1f6;
             padding: 5em;
         }
         
         html.panel-body {
             position: relative;
         }
         
         hr {
             border: 0.1em solid lightgray;
         }
         /* table css*/
         
         table {
             background-color: rgb(195, 210, 224);
             border-top-width: 0px;
             border-right-width: 0px;
             border-bottom-width: 0px;
             border-left-width: 0px;
             width: 100%;
             border-spacing: 2px;
         }
         
         user agent stylesheet table {
             white-space: normal;
             line-height: normal;
             font-weight: normal;
             font-size: medium;
             font-style: normal;
             color: -internal-quirk-inherit;
             text-align: start;
             font-variant: normal normal;
         }
         
         user agent stylesheet table {
             display: table;
             border-collapse: separate;
             border-spacing: 2px;
             border-color: grey;
         }
         
         td,
         th {
             padding: 1em;
         }
         
         td.new3 {
             color: #2e992e;
             padding: 1em;
         }
         
         td.new2 {
             color: #992e3c;
             background: #ecf1f6;
             padding: 1em;
         }
         
         td.new1 {
             color: #c25305;
             padding: 1em;
         }
         
         td.new4 {
             color: #992e79;
             background: #e6f2ff;
             padding: 1em;
         }
         
         td.cap {
             color: white;
             background: #3b7c95;
             padding: 10px;
             padding: 1em;
         }
         
         td.top {
             height: 0;
             padding: 0;
         }
         
         html.panel-body {
             position: relative;
         }
         
         .table-holder {
             width: 100%;
             overflow-y: scroll;
             height: 100%;
         }
         
         .bottom-table {
             text-align: left;
             background: #ecf1f6;
         }
         
         #ShareSidebar {
             float: bottom;
             position: absolute;
             right: 1.1em;
             top: -63px;
             padding-left: 33px;
             padding-top: 7px;
             background: url(../img/share-background.png);
             background-repeat: no-repeat;
             background-repeat: no-repeat;
             background-position: center;
             background-size: cover;
             width: 396px;
             height: 101px;
         }
         
         #ShareSidebar a:visited {
             float: left;
             margin-left: 13px;
             margin-top: 29px;
         }
         
         #ShareSidebar a:link {
             float: left;
             margin-left: 13px;
             margin-top: 29px;
         }
         
         #ShareSidebar a:hover {
             float: left;
             margin-left: 13px;
             margin-top: 25px;
         }
         
         #ShareSidebar img {
             border-radius: 50%;
             height: 38px;
             width: 38px;
             -webkit-box-shadow: 10px 10px 6px 0px rgba(38, 38, 38, 0.12);
             -moz-box-shadow: 10px 10px 6px 0px rgba(38, 38, 38, 0.12);
             box-shadow: 10px 10px 6px 0px rgba(38, 38, 38, 0.12);
         }
         
         a.c1 {
             outline: none;
         }
         
         .mobile-menu {
             margin: 0;
             width: 5em;
         }
         
         .mobile-menu li {
             padding-top: 1.4em;
         }
         
         .mobile-menu a {
             color: white;
             margin-top: 2em;
             cursor: pointer;
         }
         
         .on-top {
             z-index: 9;
             background-color: #2d2d2d;
             opacity: 0.9;
         }
         
         .on-top li {
             width: 97.7%;
         }
         
         .on-top li a {
             padding-left: 4em;
         }
         
         html p {
             font-size: 14px;
         }
         
         html .footer {
             text-align: center;
             font-weight: bold;
             margin-top: -14px;
         }