


.jl-insights table.table1 td {
    border: 1px solid #ccc;
    padding: 8px;
}
.homeGS .fixed-height{
    height: 325px;
    overflow: hidden;
}
.homeGS .fixed-height-top {
    height: 238px !important;
    overflow: hidden;
}
.homeGS .homeGS td{
    padding: 5px;
}
.homeGS .titleBx-home {
    background-color: #003c64 !important;
    padding: 10px 10px !important;
}
.homeGS .titleBx-home p{
    color:white !important;
}

.homeJL .fixed-height {

    height: 315px;
}
.calendar .fixed-height{
    height: 565px;
}
.calendar .h3-special{
    font-size: 25px;
}
.calendar table{
    border-collapse: collapse !important;
}
.calendar .table-1-border td{
    padding: 5px;
}
.calendar .table-2-inside td{
    padding: 3px;
}

.iconSize50x37 {
    width:100%;
    height:auto;
    }
    .iconSize90x120 {
        width: 100px;
        height: 140px;
    }
.iconSize70{
    width:70px;
    height: 60px;
}
.calendar img.iconSize70 {
    padding: 2px 5px;
}
.calendar .iconSize151 {
    width: 151px;
    height: auto;
}

/* testing borders */
.calendar table.table-1-border td {
    border-top: .1px solid #000;
    border-right: .1px solid #000;
    border-left: .1px solid #000;
}
/* whole border table 2 */
.calendar table.table-border{
    border-top: .1px solid #000;
    border-left: .1px solid #000;
}
/* birthright border */
.calendar table.table-border .calendar-border-1 {
    border-right: .1px solid #ccc !important;
  
}
/* number border */
.calendar table.table-border .calendar-border-2 {
    border-right: .1px solid #000 !important;
  
}

/* bottom place holder 2 images */
.calendar table.table-border .calendar-border-3 {
    border-top: .1px solid #ccc !important;
    border-right: .1px solid black;
  
}
/* background colors */
.calendar table.table-2 {
    background-color: #EDB4B4;
}

.calendar table.table-4 {
    background-color: #ACD6F2;
}
.calendar table.table-5 {
    background-color: #F1DDAA;
}

.calendar table.table-5{
    border-bottom: .1px solid #000;

}
.calendar .glyphicon {
    color: #fff !important;
    font-size: 28px !important;
    top: -2px !important;

}

.calendar .glyphicon:hover {
    color: #ccc !important;
    font-size: 18px !important;
    text-decoration: underline !important;
}
.calendar .table-bordered {
    border: 3px solid #000;
}

.calendar .font-p-16-popup p{
    font-size:16px;
}
.calendar h3.font-h3-18 {
    font-weight:bold;
    color:#003c64 !important;
    font-size:19px !important;
    
}
.calendar .table-bordered>tbody>tr>td {
        border: 2px solid #ccc !important;
}
.calendar .table-bordered>tbody>tr>td.no-top-border {
    border-top: hidden !important;
}

.calendar .heaven-table td{
   border:.5px solid #ddd !important;
}
.calendar td.locked-table-calendar {
    background: #faf69b;
}

.calendar img.unlocked-images {
    width: 90%;
    height: 70px;
}
.calendar .no-table-border-top {
    border-style: hidden;
}
.calendar .font-p-8-mobile a {
    font-size: 14px !important;
}
.calendar td.table-2-inside.locked-table-calendar.no-table-border-top {
    border: solid 0.5px #faf69b !important;
}
.calendar td.calendar-border-3 {
    height: 90px;
}
.quick-start .custom-padding {
    margin-top: 4%;
}

.quick-start .image-full{
    min-height: 200px; 
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3) ), url(../art/blocks/unfold.jpg) no-repeat center center;
    background-position: center;
    background-size: 100%;
    padding: 55px 30px 30px 30px;
    width: 100%;
  
  }

  .quick-start .image-full h3 {
    font-size: 35px;
    color: white;
    font-weight: bold;
}


.quick-start .image-full2{
    min-height: 200px; 
    background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.3) ), url(../art/blocks/rotating-light.png) no-repeat center center;
    background-position: center;
    background-size: 100%;
    padding: 40px 40px 30px 40px;
    width: 100%;
  
  }

  .quick-start .image-full2 h3 {
    font-size: 30px;
    color: white;
    font-weight: bold;

}

.quick-start .image-full2 p {
    font-size:18px;
    color: white;
    font-weight: bold;

}
.quick-start .image-full2 h4 {
    font-size: 22px;
    color: white;
    font-weight: bold;

}

.quick-start .image-full2 a {

     color: white !important;

}

.quick-start .image-full2 li {
    font-size: 20px;
    color: white;
    font-weight: bold;

}
@media (min-width: 1200px){
    .homeGS h4 {
        font-size: 20px !important;
    }
}

@media only screen and (min-width: 640px) and
(max-device-width: 900px){
    .homeGS .fixed-height-top {
        height: 155px;
        overflow: hidden;
    }
    .calendar .font-p-16 p {
        font-size: 10px !important;
    }
    
    .calendar .iconSize80x60 {
        width: 50px !important;
        height: 35px !important;
    }
    .iconSize90x120 {
        width: 50px;
        height: 70px;
    }
    
    .calendar .iconSize55x75 {
        width: 30px !important;
        height: 40px !important;
    }
    .calendar .iconSize70 {
        width: 39px !important;
        height: 45px !important;
    }
    .calendar .table-2-inside td {
        padding: 0px !important;
    }
    .calendar h4 {
        font-size: 12px !important;
        margin-top: 0px !important;
        margin-bottom: 5px !important;
    }

    .calendar .iconSize151 {
        width: 80px;
        height: auto;
    }
    .calendar .font-p-16-popup p{
        font-size:14px !important;
    }
    
    .calendar h3.font-h3-18 {
    font-weight:bold;
    color:#003c64 !important;
    font-size:16px !important;
    
    }
    .calendar img.unlocked-images {
        width: 90%;
        height:35px;
    }
    .calendar .font-p-8-mobile a {
        font-size: 8px !important;
    }
    .quick-start .custom-padding {
        margin-top: 1%;
    }
   
}

@media only screen and (min-width: 990px) and
(max-device-width: 1199px) {

    .iconSize90x120 {
        width: 72px !important;
        height: 110px !important;
    }
    .iconSize70 {
        width: 55px !important;
        height: 50px !important;
    }
    
    .iconSize70 {
        width: 55px !important;
        height: 50px !important;
    }
    .quick-start .custom-padding {
        margin-top: 1%;
    }
}

@media only screen and (min-width: 901px) and
(max-device-width: 991px){

    .iconSize90x120 {
        width: 51px !important;
        height: 73px !important;
    }
    
    .iconSize70 {
        width: 41px !important;
        height: 41px !important;
    }
    
    .font-p-16 p {
        font-size: 12px !important;
    }
    .quick-start .custom-padding {
        margin-top: 1%;
    }
}
@media only screen and  (min-width: 361px) and
(max-device-width: 500px){
    .calendar .link-whiteBG a {
        font-size: 10px !important;
    }
    .calendar h4 {
        font-size: 7px !important;
    }
    
    .calendar img.iconSize70 {
        padding: 0px !important;
    }
    .calendar .iconSize70 {
        width: 15px !important;
        height: 15px !important;
    }
    .calendar .table-2-inside td {
        padding:0px !important;
    }
    
    .calendar .font-p-16 p {
        font-size: 5px !important;
    }
    .calendar .iconSize90x120 {
        width: 27px !important;
        height: 37px !important;
    }
}

@media only screen and 
(max-device-width: 1240px) {
    .homeGS .fixed-height-top {
        height: auto !important;
        overflow: hidden;
    }

 
}

@media only screen and 
(max-device-width: 360px){
    .iconSize90x120 {
        width: 25px !important;
        height: 37px !important;
    }
    .calendar .link-whiteBG a {
        font-size: 10px !important;
    }
    .calendar h4 {
        font-size: 7px !important;
    }
    
    .calendar img.iconSize70 {
        padding: 0px !important;
    }
    .calendar .iconSize70 {
        width: 15px !important;
        height: 15px !important;
    }
    .calendar .table-2-inside td {
        padding: 2px !important;
    }
    
    .calendar .font-p-16 p {
        font-size: 5px !important;
    }
    .calendar .table-1-border td {
        padding: 0px !important;
    }
}




