/*!
 * Start Bootstrap - Full Width Pics (https://startbootstrap.com/template-overviews/full-width-pics)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-full-width-pics/blob/master/LICENSE)

    Eroga blue: #2184be

 */

body {
    position: relative;
    overflow-y: scroll;
    background-image: url("../img/background_ibill_new.png");
    background-repeat: no-repeat;
    width: 100%;
    height: auto;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

.wrapper_1{
    min-height: 100%;
    position: relative;
    overflow: hidden;
    /*margin-bottom: -35px;*/
}

.list-group {
    margin-bottom: 20px;
}

.list-group-item {
    border: none;
}


.h5
{
    color: #2184be !important;
}

.a .nav-link
{
    color: #2184be !important;
}

/* SHOW text only on desktop screen */
.showHide { display:none; }

/* Desktop*/
@media screen and (min-width: 768px) {
    .showHide  { display: block; }

}

.rate-section img
{
    /* max-width: 180px; */
    /* max-height: 312px; */
    width: 100%;
    height: auto;
    opacity: 1;
    margin: auto;
    /* padding-top: 20%; */
    display: block;
    transition: opacity 0.3s ease-out 0s;
    /*box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 0 8px 22px 0 rgba(0, 0, 0, 0.19);*/
}

.rate-section img:hover
{
    /* max-width: 180px; */
    /* max-height: 312px; */
    width: 100%;
    height: auto;
    margin: auto;
    /* padding-top: 20%; */
    display: block;
    opacity: 0.8;
    /*box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19);*/
}

.img-responsive {
    width:100%;
}

.rate-section img:focus
{
    /* max-width: 180px; */
    /* max-height: 312px; */
    width: 100%;
    height: auto;
    margin: auto;
    /* padding-top: 20%; */
    display: block;
    /*box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.2), 0 0px 0px 0 rgba(0, 0, 0, 0.19);*/
}

.rate-section-clicked img
{
    /* max-width: 180px; */
    /* max-height: 312px; */
    width: 100%;
    height: auto;
    margin: auto;
    opacity: 1;
    /* padding-top: 20%; */
    display: block;
    /* box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.19); */
    /* border: 5px solid green; */

}

.bg-image-full {
    background-position: center;
    margin: 0 auto;
    /*height: auto;*/
  /*-webkit-background-size: cover;*/
  /*-moz-background-size: cover;*/
  /*background-size: cover;*/
  /*-o-background-size: cover;*/
}

.card
{
    margin-top: 50px;
    margin-bottom: 50px;
    min-height: 400px;
    width: auto;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.19);
    text-align: left;
}

.card-box
{
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 20px;
    border: 3px solid rgba(54, 64, 74, .08);
    -webkit-border-radius: 35px;
    -moz-border-radius: 35px;
    border-radius: 35px;
    -webkit-border-top-left-radius: 0px;
    -moz-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    background-clip: padding-box;
    background-color: rgba(255, 255, 255, 0.88);
    -webkit-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 9px 1px rgba(0,0,0,0.3);
}

.card-title
{
    text-align: center;
    text-transform: uppercase;
    padding-top: 10px;
    padding-bottom: 10px;
}

.submit
{
    padding-top: 25px;
    padding-bottom: 25px;
}


/* SWITCHERY */

.switchery {
    background-color:#fff;
    border:1px solid #dfdfdf;
    border-radius:20px;
    cursor:pointer;
    display:inline-block;
    height:30px;
    position:relative;
    vertical-align:middle;
    width:50px
}
.switchery>small {
    background:#fff;
    border-radius:100%;
    box-shadow:0 1px 3px rgba(0, 0, 0, 0.4);
    height:30px;
    position:absolute;
    top:0;
    width:30px
}
.checkedStyle{
    box-shadow: rgb(100, 189, 99) 0px 0px 0px 16px inset; border-color: rgb(100, 189, 99); transition: border 0.4s, box-shadow 0.4s, background-color 1.2000000000000002s; -webkit-transition: border 0.4s, box-shadow 0.4s, background-color 1.2000000000000002s; background-color: rgb(100, 189, 99);
}