/*** SEVERAL ***/
.margin-bottom-5px {
    margin-bottom: 5px !important;
}

.margin-bottom-10px {
    margin-bottom: 10px !important;
}

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

.margin-bottom-30px {
    margin-bottom: 30px !important;
}

.margin-top-5px {
    margin-top: 5px !important;
}

.margin-top-10px {
    margin-top: 10px !important;
}

.margin-top-20px {
    margin-top: 20px !important;
}

.margin-top-30px {
    margin-top: 30px !important;
}

.margin-left-20px {
    margin-left: 20px !important;
}

.margin-right-20px {
    margin-right: 20px !important;
}

margin-left-10px {
    margin-left: 10px !important;
}

margin-right-10px {
    margin-right: 10px !important;
}

.margin-left-none {
    margin-left: 0 !important;
}

.margin-right-none {
    margin-right: 0 !important;
}

.margin-top-none {
    margin-top: 0 !important;
}

.margin-bottom-none {
    margin-bottom: 0 !important;
}

.margin-left-right-none {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.margin-top-bottom-none {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.margin-none {
    margin: 0 !important;
}

.padding-bottom-5px {
    padding-bottom: 5px !important;
}

.padding-bottom-10px {
    padding-bottom: 5px !important;
}

.padding-bottom-20px {
    padding-bottom: 20px !important;
}

.padding-bottom-30px {
    padding-bottom: 30px !important;
}

.padding-top-5px {
    padding-top: 5px !important;
}

.padding-top-10px {
    padding-top: 10px !important;
}

.padding-top-20px {
    padding-top: 20px !important;
}

.padding-top-30px {
    padding-top: 30px !important;
}

.padding-left-20px {
    padding-left: 20px !important;
}

.padding-right-20px {
    padding-right: 20px !important;
}

.padding-left-right-none {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.padding-top-bottom-none {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.padding-left-none {
    padding-left: 0 !important;
}

.padding-right-none {
    padding-right: 0 !important;
}

.padding-top-none {
    padding-top: 0 !important;
}

.padding-bottom-none {
    padding-bottom: 0 !important;
}

.padding-none {
    padding: 0 !important;
}

.full-width {
    width: 100% !important;
}

.full-height {
    height: 100% !important;
}

@media (min-width: 768px) {
    .row [class*="col-sm"].padding-left-none {
        padding-left: 0 !important;
    }

    .row [class*="col-sm"].padding-right-none {
        padding-right: 0 !important;
    }
}

@media (max-width:767px) {
    .row [class*="col-sm"].padding-left-none {
        padding-right: 0 !important;
    }

    .row [class*="col-sm"].padding-right-none {
        padding-left: 0 !important;
    }
}

.form-control-default {
    border-radius: 0;
}

.btn-block {
    border-radius: 0;
}

.carrousel-thumbnail:hover {
    outline: 3px solid #007DC3;
}

.truncate {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

/* USAGE
<div class="row">
  <div class="row-height">
    <div class="col-xs-2 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
    <div class="col-xs-4 col-lg-5 col-xs-height col-xs-middle">
      <div class="inside"></div>
    </div>
  </div>
</div>
*/

/* content styles */

.inside {
    margin-top: 20px;
    margin-bottom: 20px;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom,color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
    background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
    background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
}

.inside-full-height {
    /*
  // if you want to give content full height give him height: 100%;
  // with content full height you can't apply margins to the content
  // content full height does not work in ie http://stackoverflow.com/questions/27384433/ie-display-table-cell-child-ignores-height-100
  */
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

/* columns of same height styles */

.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%;
}

.col-height {
    display: table-cell;
    float: none;
    height: 100%;
}

.col-top {
    vertical-align: top;
}

.col-middle {
    vertical-align: middle;
}

.col-bottom {
    vertical-align: bottom;
}

@media (min-width: 480px) {
    .row-xs-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-xs-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-xs-top {
        vertical-align: top;
    }

    .col-xs-middle {
        vertical-align: middle;
    }

    .col-xs-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 768px) {
    .row-sm-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-sm-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-sm-top {
        vertical-align: top;
    }

    .col-sm-middle {
        vertical-align: middle;
    }

    .col-sm-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 992px) {
    .row-md-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-md-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-md-top {
        vertical-align: top;
    }

    .col-md-middle {
        vertical-align: middle;
    }

    .col-md-bottom {
        vertical-align: bottom;
    }
}

@media (min-width: 1200px) {
    .row-lg-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%;
    }

    .col-lg-height {
        display: table-cell;
        float: none;
        height: 100%;
    }

    .col-lg-top {
        vertical-align: top;
    }

    .col-lg-middle {
        vertical-align: middle;
    }

    .col-lg-bottom {
        vertical-align: bottom;
    }
}
/***/

.social-share {
    padding: 0;
    margin: 0;
}

    .social-share > div {
        padding: 0;
        margin: 0;
        left: 0;
        float: left;
        display: block !important;
        position: fixed;
        top: 20%;
        width: 3pc;
        z-index: 100020;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-name: slideInLeft;
        -moz-animation-name: slideInLeft;
        -o-animation-name: slideInLeft;
        animation-name: slideInLeft;
        opacity: 1 !important;
        background: none;
        right: auto;
    }

        .social-share > div > a {
            position: relative;
            display: block;
            width: 3pc;
            margin: 0;
            outline: 0;
            text-align: center;
            float: left;
            -webkit-transition: width .15s ease-in-out;
            -moz-transition: width .15s ease-in-out;
            -o-transition: width .15s ease-in-out;
            transition: width .15s ease-in-out;
            overflow: hidden;
            color: #fff !important;
            z-index: 100030;
            text-decoration: none;
            font-size: 25px;
            padding: 5px;
        }

            .social-share > div > a:hover {
                width: 4pc;
            }

    .social-share a.facebook {
        background-color: #3b5998;
    }

    .social-share a.twitter {
        background-color: #1da1f2;
    }

    .social-share a.linkedin {
        background-color: #0177b4;
    }

    .social-share a.email {
        background-color: #848484;
    }


.make-it-fast:hover {
    box-shadow: -1px 0px 3px 1px rgba(0,0,0,0.15);
    transition: box-shadow 0.3s ease-in-out;
    z-index: 10000;
}

.st-container .sidebar:after {
    content: none;
}