.panel-info {
    margin-top: 20px;
}

#header > img {
    width: 7%;
}

h4 {
     color: #d36f39;
}

.bg-primary {
    height: 30px;
    font-size: 15px;
    padding: 4px;
}
.box1 {
        border: 2px solid #EE1D25;
        background: #EE1D25;
}
.box2 {
        border: 2px solid #FFCB05;
        background: #FFCB05;
}
.box3 {
        border: 2px solid #80C043;
        background: #80C043;
}
.box4 {
        border: 2px solid #171753;
        background: #171753;
}
.box1 h4{
    text-align: center;
    margin: 3px 0 0 0;
    color:#fff;
}
.box1 p{
    text-align: center;
    margin: 0 0 3px 0;
    color:#fff;
}
.box2 h4{
    text-align: center;
    margin: 3px 0 0 0;
    color:#fff;
}
.box2 p{
    text-align: center;
    margin: 0 0 3px 0;
    color:#fff;
}
.box3 h4{
    text-align: center;
    margin: 3px 0 0 0;
    color:#fff;
}
.box3 p{
    text-align: center;
    margin: 0 0 3px 0;
    color:#fff;
}
.box4 h4{
    text-align: center;
    margin: 3px 0 0 0;
    color:#fff;
}
.box4 p{
    text-align: center;
    margin: 0 0 3px 0;
    color:#fff;
}
#wrapper {
    margin-top: 5%;
}

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}

/* Basic Styles */
body {
    background-color: #f8f1e2;
    overflow-x: hidden;
    color: #000;
}

nav {
    height: 40px;
    width: 102%;
    background: #EE1D25;
    font-size: 11pt;
    font-family: Arial, sans-serif;
    // font-weight: bold;
    position: relative;
    // border-bottom: 2px solid #283744;
    margin-top: 0%;
}

   
.footer_bottom {
    /*background-color: #ffcb05;*/
    bottom: 0;
    padding: 10px 0;
    height: 60px;
    color: #ee1d25;
    text-align: center;
    font-size: 15px;
    or sd ccc width: 100%;
    padding: 20px;
    padding-top:13px;
}
#footer_bottom {
    background-color: #ffcb05;
    bottom: -9px;
    padding: 10px 0;
    height: 50px;
    color: #ee1d25;
    text-align: center;
    font-size: 15px;
    or sd ccc width: 100%;
    padding: 9px;
    position:fixed;
    width: 100%;
}
/*Styles for screen 600px and lower*/
/*Styles for screen 515px and lower*/
@media only screen and (max-width : 480px) {
    .img-responsive {
        height: 56px;
    }
    /*label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 700;
        width: 196px;
    }*/
    .box {
            margin-bottom:5px;
            color:#ffffff;
            border-right:1px solid #171753;
            border-bottom-right-radius:30px;
            border-top-right-radius:5px;
            border:0px !important;
             padding: 10px 5px;
              width: 100px;
              font-weight:bold;
              display:inline;
        }

}

.ui-datepicker {
    background: #333;
    border: 1px solid #555;
    color: #EEE;
}
/*Smartphone*/
@media only screen and (min-width : 768px) {
    label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 700;
        
    }
    .img-responsive {
        height: 30px;
    }
    .box {
            margin-bottom:5px;
            color:#ffffff;
            border-right:1px solid #171753;
            border-bottom-right-radius:30px;
            border-top-right-radius:5px;
            border:0px !important;
             padding: 10px 5px;
              width: 100px;
              font-weight:bold;
              display:block;
        }
    .like{ display:inline; position:fixed !important; top:30% !important; left:0 !important; z-index:10 !important;}
}



@media (max-width : 320px) {
    .box {
            margin-bottom:5px;
            color:#ffffff;
            border-right:1px solid #171753;
            border-bottom-right-radius:30px;
            border-top-right-radius:5px;
            border:0px !important;
             padding: 10px 5px;
              width: 100px;
              font-weight:bold;
              display:inline;
        }
}

@media only screen and (min-width : 320px) and (max-width : 480px) {
    .box {
            margin-bottom:5px;
            color:#ffffff;
            border-right:1px solid #171753;
            border-bottom-right-radius:30px;
            border-top-right-radius:5px;
            border:0px !important;
             padding: 10px 5px;
              width: 100px;
              font-weight:bold;
              display:inline;
        }
}

@media only screen and (min-width : 480px) and (max-width : 770px) {
    .box {
            margin-bottom:5px;
            color:#ffffff;
            border-right:1px solid #171753;
            border-bottom-right-radius:30px;
            border-top-right-radius:5px;
            border:0px !important;
             padding: 10px 5px;
              width: 100px;
              font-weight:bold;
              display:inline;
        }
}

@media only screen and (min-width : 1200px) {
    label {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
        font-weight: 700;
      
    }
    .box {
            margin-bottom:5px;
            color:#ffffff;
            border-right:1px solid #171753;
            border-bottom-right-radius:30px;
            border-top-right-radius:5px;
            border:0px !important;
             padding: 10px 5px;
              width: 100px;
              font-weight:bold;
              display:block;
        }
    .like{ display:inline; position:fixed !important; top:30% !important; left:0 !important; z-index:10 !important;}
}
hr {
    margin-top: 0px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #eee;
    margin-left: 93px;
    margin-right: 95px;
}
hr.underline {
  height: 5px;
  border-top: 0;
  background: #c4e17f;
  border-radius: 5px;
  background-image: linear-gradient(to right, #EE1D25, #EE1D25 23.5%, #FFCB05 22.5%, #FFCB05 49%, #80C043 35%, #80C043 78.5%, #171753 37.5%, #171753 50%);

  background-image: -moz-linear-gradient(left, #EE1D25, #EE1D25 23.5%, #FFCB05 22.5%, #FFCB05 49%, #80C043 35%, #80C043 78.5%, #171753 37.5%, #171753 50%);
  background-image: -o-linear-gradient(left, #EE1D25, #EE1D25 23.5%, #FFCB05 22.5%, #FFCB05 49%, #80C043 35%, #80C043 78.5%, #171753 37.5%, #171753 50%);
  background-image: linear-gradient(to right, #EE1D25, #EE1D25 23.5%, #FFCB05 22.5%, #FFCB05 49%, #80C043 35%, #80C043 78.5%, #171753 37.5%, #171753 50%);
}
.button {
    border-bottom-right-radius:30px !important;
    border-top-left-radius:30px !important;
    color:#fff !important;
    padding:35px !important;
    font-size:22px;
}
.button_1 {
    border-radius:5px !important;
    color:#fff !important;
    padding:10px !important;
    font-size:18px;
}
 .like input:hover{ 
            -webkit-transition: width .5s ease-in-out;
            -moz-transition: width .5s ease-in-out;
            -o-transition: width .5s ease-in-out;
            transition: width .5s ease-in-out;
            width:110px;
        }
         .main{ z-index:1 !important;}
.active {
    width:110px !important;
}
body {
    font-family:Calibri;
}