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

body {
    margin: 0 0 50px; /* bottom = footer height */
}

.fullheight
{
	min-height: 460px;
}
.footer {
	padding-top: 30px;
    height: 50px;
    width: 100%;
}


/*body {
  height: 100%;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
}
 
.container {
  display: table;
  height: 100%;
  table-layout: fixed;
}
 

.footer {
  display: table-row;
  height: 1px;
}
*/
body {
    font-family: 'open sans';
    font-size:15px;
}


.row {
    margin-right:0px;
    margin-left:0px;    
}

.hr-gray {
    border-color: #ccc;
}

.modal
{
	z-index: 200;
}	
.modal-title {
    font-family: 'open sans';
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.btn-no-uppercase {
	text-transform: none;
}

.ol-table td {
	padding:10px;
}

.hp-list-title {
	margin-bottom: 5px;
	margin-top: 12px;
}

.list-counter {
    display: block;
    height: 60px;
    width: 60px;
    line-height: 60px;

    -moz-border-radius: 30px; /* or 50% */
    border-radius: 30px; /* or 50% */

    background-color: black;
    color: white;
    text-align: center;
    font-size: 2.5em;
    font-weight: 700;
}

.shit-happens {
    font-size:65px;
    font-weight:700;
}

.check-url {
    height:70px !important; 
    /*border-top:none;
    border-left:none;
    border-right:none;
    border-bottom: 1px solid #ccc;*/
    border: 1px solid #a0a0a0;
    padding: 10px;
    background: white;
    width:100%;
}
.check-url:focus {
    outline: 0;
}

.check-url[placeholder] {
    font-size:40px !important; 
}       

.check-url-ico {
    font-size:600px
}


.table-ico {
    font-size: 20px;
}

.cursor-pointer {
    cursor: pointer;
}


.status-up {
    color: green;
}

.status-down {
    color: red;
}

.ico-small {
    font-size: 20px
}

.about-img {
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .4);
    width:100px;
    height:100px;
    margin: 20px auto;
}

.border-dotted {
    border-bottom: 1px dotted #777;
}

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

/* Wizard related */
.steps {
    font-family: 'open sans';
}

.steps div {
    background: none repeat scroll 0% 0% #000;
    border-radius: 100%;
    height: 60px;
    width: 60px;
    display: inline-block;
    text-align: center;
    font-size: 1.5em;
    font-weight: 700;
    /*paddinsg: 2px;*/
    position: absolute;
    margin: -5px 0 0 -80px;
    line-height: 60px;
    color: #FFF;
}

.wiz-url-input {
    font-size: 30px;
    padding: 5px;
}

.bordered {
    border: 1px solid #a0a0a0;
}

#step2body {
    display: none;
}

#step3body {
    display: none;
}
.dimmed {
    opacity: 0.15;
    /*color: #ccc !important;*/
}

/* s.html page */
.service-address {
    font-size: 16px;
}

.service-address a {
    color: #aaa;
    text-decoration: none;
}

.service-address a:hover {
    text-decoration: none;
}

.title-gray {
    color: #aaa;
}

.title-dark {
    color: #666;
}

.service-sub-title {
    margin-bottom: 0;
}

/*#footer-bg {
    left:0;
    right:0;
    bottom:0;
    opacity: 0.7;
    background-color: #000;
    height: 95px;
    position:fixed;
    display:none;

}

#footer-body {
    position:fixed;
    float: right;
    bottom: 0px;
    z-index: 50;
    opacity: 1;
    display: none;
}

#footer a {
    color: #ddd;
}

#footer a:hover {
    color: #fff;
}

.logo-float {
    opacity: 0.2;
    position:fixed;
    bottom: 20px;
    right: 20px;
    z-index: 100;

    width:100px;
    height:100px; 
    border: 1px solid #000;
     
    -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .4);
    -moz-box-shadow: 0 0 8px rgba(0, 0, 0, .4);
    width:100px;
    height:100px;
    margin: 20px auto;
    border-radius: 50%;
}

.logo-float:hover {
    opacity:1;
}

.logo-float a:before {
    content: "M";
    font-size:30px;
    font-weight: 700;
    margin-left: -1px;
    top: -6px;
    position: relative;
    color: #fe001a;
}*/



/* Smartphones (portrait and landscape) ----------- */
@media (max-width: 480px) {
    .shit-happens {
        font-size:35px;
        font-weight:700;
    }

    .check-url {
        height: 66px !important;
    }

    .check-url[placeholder] {
        font-size:20px !important; 
    }  

    .check-url-ico {
        font-size:300px
    }

    .steps div {
        display: none; /* hide big numbers in wizard */
    } 

    .wiz-url-input {
        font-size: 16px;
        padding: 5px;
    }
}

/* tablets  ----------- */
@media (min-width: 480px) and (max-width: 768px ) {
    .shit-happens {
        font-size:50px;
        font-weight:700;
    }

    .check-url {
        height: 66px !important;
    }

    .check-url[placeholder] {
        font-size:20px !important; 
    } 

    .check-url-ico {
        font-size:300px
    }

}

.badge {
  display: inline-block;
  padding: 2px 4px;
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999999;
}


.badge {
  padding-right: 9px;
  padding-left: 9px;
  -webkit-border-radius: 9px;
     -moz-border-radius: 9px;
          border-radius: 9px;
}


a.label:hover,
a.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

.label-important,
.badge-important {
  background-color: #C34848;
}

.label-important[href],
.badge-important[href] {
  background-color: #953b39;
}

.label-warning,
.badge-warning {
  background-color: #f89406;
}

.label-warning[href],
.badge-warning[href] {
  background-color: #c67605;
}

.label-success,
.badge-success {
  background-color: #4CAF50;
}

.label-success[href],
.badge-success[href] {
  background-color: #356635;
}

.label-info,
.badge-info {
  background-color: #3a87ad;
}

.label-info[href],
.badge-info[href] {
  background-color: #2d6987;
}

.label-inverse,
.badge-inverse {
  background-color: #333333;
}

.label-inverse[href],
.badge-inverse[href] {
  background-color: #1a1a1a;
}

.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}