/* The Modal (background) */
 .gta5-modal {
   display: none;
   /* Hidden by default */
   position: fixed;
   /* Stay in place */
   z-index: 1;
   /* Sit on top */
   left: 0;
   top: 0;
   width: 100%;
   /* Full width */
   height: 100%;
   /* Full height */
   overflow: auto;
   /* Enable scroll if needed */
   background-color: rgb(0, 0, 0);
   /* Fallback color */
   background-color: rgba(0, 0, 0, 0.4);
   /* Black w/ opacity */
 }

 /* Modal Content/Box */
 .modal-content p, ul {
    font-size:15px;
    margin:10px;
   text-align: left;
 }

 .modal-content li {
     list-style-type: circle;
    margin-left: 10px;
    font-size:15px;
 }
 
 .modal-content i {
    font-size: 14px;
    font-style: italic;
}

.modal-content .tip {
    background: #eff0f8;
padding: 3px;
}

 .modal-content {
   border:1px solid;
   font-family: trebuchet ms;
   text-align: center;
   background-color: #fefefe;
   margin: 15% auto;
   /* 15% from the top and centered */
   padding: 20px;
   border: 1px solid #888;
   width: 50%;
   z-index: 99;
   /* Could be more or less, depending on screen size */
 }

 /* The Close Button */
 .closeme {
   color: #aaa;
   float: right;
   font-size: 28px;
   font-weight: bold;
 }

 .closeme:hover,
 .closeme:focus {
   color: black;
   text-decoration: none;
   cursor: pointer;
 }

 .case-button {
   background-color: #008CBA;
   border: none;
   color: white;
   padding: 15px 32px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 15px;
 }

 .case-button:hover {
   box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
 }

 .modal-header {
   text-align: center;
   font-size: 19px;
   font-family: helvetica;
 }

 .modal-special-color {
   color: red;
 }

 /*finish*/

.modal-content .tip {
   cursor: help;
   border-bottom: 1px dashed;
   text-decoration: none
 }

.modal-content .tip:hover {
   position: relative
 }

.modal-content .tip span {
   display: none
 }

.modal-content .tip:hover span {
   border: #c0c0c0 1px dotted;
   padding: 5px 20px 5px 5px;
   display: block;
   z-index: 100;
   background: url(../images/status-info.png) #f0f0f0 no-repeat 100% 5%;
   margin: 10px;
   position: absolute;
   bottom: 10px;
   text-decoration: none;
   
 }

.modal-hr {
position: relative;
top: 20px;
z-index: 10;
margin: 7px;
height: 1px;
background-image: linear-gradient(to right, #1098f7, white, #1098f7);
}

.modal-img {
  bottom:27px;
  position: relative;
z-index: 12;
margin-bottom:-25px;
}

.top-wrap {
    z-index:1 !important;
}

#gta-win {
    font-size:15px;
    color:red;
    cursor: pointer;
}