html {
    position: relative;
    min-height: 100%;
}

body {
    padding-top: 60px;
    padding-bottom: 40px;
    font-family: 'Calibri', sans-serif;
    background-color: #ffd7d7;
}
@media (max-width: 980px) {
    body {
      padding-top: 20px;
    }
}

.btn-success {
  background-color: #57a900;
  background-image: -moz-linear-gradient(top, #70d900, #57a900);
  background-image: -ms-linear-gradient(top, #70d900, #57a900);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#70d900), to(#57a900));
  background-image: -webkit-linear-gradient(top, #70d900, #57a900);
  background-image: -o-linear-gradient(top, #70d900, #57a900);
  background-image: linear-gradient(top, #70d900, #57a900);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#70d900', endColorstr='#57a900', GradientType=0);
}

@media (min-width: 970px) {
    body{padding-top: 0px;}
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  background-color: #57a900;
}

.btn-success:active, .btn-success.active {
  background-color: #57a900;
}

div.container a.brand {
    background: url("../img/zf2-logo.png") no-repeat scroll 0 10px transparent;
    margin-left: 0;
    padding: 8px 20px 12px 40px;
}

h1{font-size: 19px; font-weight: bold; font-family: 'Calibri', sans-serif; margin-top: 5px;}
h2{font-size: 15px; font-weight: bold; font-family: 'Calibri', sans-serif;}
h3{font-family: 'Calibri', sans-serif;}
h4{font-family: 'Calibri', sans-serif;}

.table-striped > tbody > tr > .danger,
.table-striped > tbody > .danger > td,
.table-striped > tbody > .danger > th {
  background-color: #f2dede !important;
}

.table-striped > tbody > tr > .warning,
.table-striped > tbody > .warning > td,
.table-striped > tbody > .warning > th {
  background-color: #fcf8e3 !important;
}

.table-striped > tbody > tr > .success,
.table-striped > tbody > .success > td,
.table-striped > tbody > .success > th {
  background-color: #dff0d8 !important;
}

.table-striped > tbody > tr > .info,
.table-striped > tbody > .info > td,
.table-striped > tbody > .info > th {
  background-color: #d9edf7 !important;
}

.bold{font-weight: bold;}

.glyphicon-remove{color: #cd0a0a;}
.glyphicon-edit{color: #ed7500;}
.glyphicon-off{color: #000000;}
.glyphicon-list{color: #00b8ba;}
.glyphicon-lock{color: #000;}
.glyphicon-th-list{color: #006ea2;}
.glyphicon-fire{color: #ed7500;}
.glyphicon-folder-open{color: #2893e0;}
.glyphicon-euro{color: #0092c4;}
.glyphicon-camera{color: #2fa011;}
.glyphicon-chevron-up{color: #515151;}
.glyphicon-envelope{color: #469cdf;}

.minheight300{min-height: 300px;}
.marginleft50{margin-left: 50px;}
.marginleft10{margin-left: 10px;}
.marginleft5{margin-left: 5px;}
.pricefont{font-size: 16px;}

footer{color: #000;}
footer a{color: #000; text-decoration: underline;}

.dl-horizontal dt {text-align: left;}

.panel-heading-lg{
    background: -webkit-linear-gradient(#ffa6a6, #ba0000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffa6a6, #ba0000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffa6a6, #ba0000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffa6a6, #ba0000); /* Standard syntax */
    color: #fff !important; font-weight: bold; padding: 6px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.panel-search .form-group{margin: 0; padding: 0;}
.panel-heading-sm{
    background: -webkit-linear-gradient(#ffa6a6, #ba0000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffa6a6, #ba0000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffa6a6, #ba0000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffa6a6, #ba0000); /* Standard syntax */
    color: #fff !important; font-weight: bold;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 6px;
}
.navbar-inverse .navbar-nav > li > a{color: #fff; font-weight: bold}
.navbar-inverse .navbar-brand {color: #fba2a2; font-weight: bold}

.colorwhite{color: #fff;}

textarea{min-height: 200px;}

.clear5{clear: both; height: 5px;}

.trlistresults{
    background: -webkit-linear-gradient(#ffa6a6, #ba0000); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#ffa6a6, #ba0000); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#ffa6a6, #ba0000); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#ffa6a6, #ba0000); /* Standard syntax */
    color: #fff !important;
}

.subheader { text-transform: uppercase; margin-top: 5px; }

.errorfield{border: 2px solid #b84442 !important; background-color: #F2DEDE !important;}

.text-danger{color: #CD0A0A;}
.text-success{color: #5cb85c;}

.h-49{height: 49px;}
.h-150{height: 150px;}
.h-160{height: 160px;}

.w-120{width: 120px;}

.c-b{clear: both;}
.c-p{cursor: pointer;}

.bgc-white{background-color: #fff;}
.bgc-transparent{background: transparent;}

.p-0{padding: 0;}
.m-0{margin: 0;}

.mt-0{margin-top: 0;}

.text-danger{color: #CD0A0A;}
.text-success{color: #5cb85c;}

.fs14{font-size: 14px;}
.fs15{font-size: 15px;}
.fs16{font-size: 16px;}
.fs17{font-size: 17px;}
.fs18{font-size: 18px;}
.fs19{font-size: 19px;}
.fs20{font-size: 20px;}

.hobbybanner{position: relative; margin: auto; width: 160px; padding: 20px 0 20px 0; background-color: #B60000; font-size: 20px; color: #fff;}
.hobbybanner1{}
.hobbybanner2{margin-bottom: -70px;}
.hobbybanner3{margin-bottom: -47px;}
.relative{position: relative;}
.relative a:hover{text-decoration: none;}

#sortable { list-style-type: none; margin: 0; padding: 0; width: 100%;}
#sortable li { margin: 5px 5px 5px 0; padding: 0px; float: left; width: 200px; height: 180px; text-align: center; }