body {
    padding-top: 54px;
    padding-bottom: 20px;
    background-color:#e2f1fe;
}
.body-content {
    background-color: #fafaff;
    padding:8px;
    -moz-box-shadow:  0px 0px 60px 60px #fafaff;
    -webkit-box-shadow:  0px 0px 60px 60px #fafaff;
    box-shadow:  0px 0px 60px 60px #fafaff;
}
.dl-horizontal dt {
    white-space: normal;
}

.certback {
    background-image:url(/Content/certborder.jpg);
}

input,
select,
textarea {
    max-width: 600px;
}
.greyout {
    background-color: #e0e0e0;
}
.wide {
    width: 600px;
}
/*.resizeable {
    min-height:20px;
    resize: none;
}*/

.smaller {
    font-size: 1.1em;
}
.noshow { display:none;}

.button-social {
    cursor:pointer;color:transparent;border:none;width:94px;height:34px;margin-right:10px;margin-bottom:5px;
}

.button-google {
    width:161px;height:31px;
    background:url(/Content/Buts/button-google.png);
}

.button-microsoft {
    width:170px;height:31px;
    background:url(/Content/Buts/button-microsoft.png);
}


#feedback { font-size: 1.4em; }
#selectable .ui-selecting { background: #FECA40; }
#selectable .ui-selected { background: #F39814; color: white; }
#selectable { list-style-type: none; margin: 0; padding: 0; width: 60%; }
#selectable li { margin: 3px; padding: 6px; font-size: 18px; }
.boxcard {
    box-shadow: 3px 5px 8px 0 rgba(197, 72, 0, 0.2), 11px 6px 20px 0px rgba(183, 127, 0, 0.19);
}
.boxcardlight {
    box-shadow: 3px 5px 8px 0 rgba(197, 72, 0, 0.2), 11px 6px 20px 0px rgba(183, 127, 0, 0.19);
}
.bin-icon {
    background: url('Buts/bin.png');
    width: 20px;
    height: 20px;
    display: inline-block;
}
.edit-icon {
    background: url('Buts/edit.png');
    width: 20px;
    height: 20px;
    display: inline-block;
}
.email-icon {
    background: url('Buts/email.png');
    width: 20px;
    height: 20px;
    display: inline-block;
}
a:hover, .btn:hover, .grow:hover {
    transform: scale(1.01);
    cursor: pointer;
}
.growslight:hover {
    transform: scale(1.05);
    cursor: pointer;
}
@media (max-width: 1501px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

        .navbar-nav > li {
            float: none;
        }

            .navbar-nav > li > a {
                padding-top: 10px;
                padding-bottom: 10px;
            }

    .collapse.in {
        display: block !important;
    }
}