html {
    height:100%;
}
body {
    height:100%;
    background-color : #103644;
}

#wrapper {
    width : 100%;
}

.container-fluid {
    padding-left : 0px;
}

#page-wrapper {
    padding          : 0 15px;
    min-height       : 100%;
    background-color : #fcfcfc;
   /* height:100%;*/
}

@media (min-width : 768px) {

    #page-wrapper {
        position    : inherit;
        margin      : 0 0 0 250px;
        padding     : 10px 30px;
        border-left : 1px solid #e7e7e7;
    }
    .tab-content > .active {
        margin-top:20px;
    }
}

.navbar-default {
    background-color : #103644;
}

.navbar-default .navbar-brand {
    color : #c7081b;
}

.navbar-static-top {
    background-color : #103644;
}

.navbar-top-links {
    margin-right : 0;
}

.navbar-top-links li {
    display : inline-block;
}

.navbar-top-links li:last-child {
    margin-right : 15px;
}

.navbar-top-links li a {
    padding    : 15px;
    min-height : 50px;
}

.navbar-top-links .dropdown-menu li {
    display : block;
}

.navbar-top-links .dropdown-menu li:last-child {
    margin-right : 0;
}

.navbar-top-links .dropdown-menu li a {
    padding    : 3px 20px;
    min-height : 0;
}

.navbar-top-links .dropdown-menu li a div {
    white-space : normal;
}

.navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {
    width     : 310px;
    min-width : 0;
}

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    color : #337ab7;
}

.navbar-top-links .dropdown-messages {
    margin-left : 5px;
}

.navbar-top-links .dropdown-tasks {
    margin-left : -59px;
}

.navbar-top-links .dropdown-alerts {
    margin-left : -123px;
}

/*.navbar-top-links .dropdown-user { right: 0; left: auto; }*/

.sidebar-nav li a, .dropdown-toggle {
    color         : #c4c4c4;
    font-weight   : 200;
    border-bottom : 1px solid #585858;
    border-left   : 0px solid #c7081d;
    transition    : all 0.2s ease-in;
}

.sidebar-nav li a i {
    width      : 30px;
    text-align : left;
}

.sidebar-nav li a:hover, .nav > li > a:focus {
    background-color : #444444;
    color            : #fff;
}

.sidebar .sidebar-nav.navbar-collapse {
    padding-right : 0;
    padding-left  : 0;
}

.sidebar .sidebar-search {
    padding : 15px;
}

.sidebar ul li {
}

.sidebar li.active {
    border-left : 5px solid #c7081d;
    color       : #fff;
}

.sidebar a.active {
    background-color : #444444;
    color            : #fff;
}

.sidebar .arrow {
    float : right;
}

.sidebar .fa.arrow:before {
    content : "\f078";
}

.sidebar .active > a > .fa.arrow:before {
    content : "\f077";
}

.sidebar .nav-second-level li, .sidebar .nav-third-level li {
    border-bottom : 0 !important;
}

.sidebar .nav-second-level li a {
    padding-left : 37px;
}

.sidebar .nav-third-level li a {
    padding-left : 52px;
}

#collapse-side {
    border-left      : none;
    background-color : #666666;
}

@media (min-width : 768px) {

    .sidebar, #page-wrapper {
        transition : all .2s linear;
        margin-bottom: 30px;
    }

    .sidebar.change {
        width : 50px;
    }

    #side-menu li a span#side-link.change {
        display   : none;
        font-size : 30px;
    }

    #page-wrapper.change {
        margin : 0px 0px 0px 50px !important;
    }

    .nav-second-level li a {
        padding-left : 15px !important;
    }

    .sidebar {
        z-index    : 1;
        position   : absolute;
        width      : 250px;
        margin-top : 68px;
        padding-top: 10px;
    }

    .navbar-top-links .dropdown-messages, .navbar-top-links .dropdown-tasks, .navbar-top-links .dropdown-alerts {
        margin-left : auto;
    }
}

.btn-outline {
    color            : inherit;
    background-color : transparent;
    transition       : all .5s;
}

.btn-primary.btn-outline {
    color : #428bca;
}

.btn-success.btn-outline {
    color : #5cb85c;
}

.btn-info.btn-outline {
    color : #5bc0de;
}

.btn-warning.btn-outline {
    color : #f0ad4e;
}

.btn-danger.btn-outline {
    color : #d9534f;
}

.btn-primary.btn-outline:hover, .btn-success.btn-outline:hover, .btn-info.btn-outline:hover, .btn-warning.btn-outline:hover, .btn-danger.btn-outline:hover {
    color : #fff;
}

.chat {
    margin     : 0;
    padding    : 0;
    list-style : none;
}

.chat li {
    margin-bottom  : 10px;
    padding-bottom : 5px;
    border-bottom  : 1px dotted #999;
}

.chat li.left .chat-body {
    margin-left : 60px;
}

.chat li.right .chat-body {
    margin-right : 60px;
}

.chat li .chat-body p {
    margin : 0;
}

.panel .slidedown .glyphicon, .chat .glyphicon {
    margin-right : 5px;
}

.chat-panel .panel-body {
    height     : 350px;
    overflow-y : scroll;
}

.flot-chart {
    display : block;
    height  : 400px;
}

.flot-chart-content {
    width  : 100%;
    height : 100%;
}

.dataTables_wrapper {
    position : relative;
    clear    : both;
}

table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled {
    background : 0 0;
}

table.dataTable thead .sorting_asc:after {
    content     : "\f0de";
    float       : right;
    font-family : fontawesome;
}

table.dataTable thead .sorting_desc:after {
    content     : "\f0dd";
    float       : right;
    font-family : fontawesome;
}

table.dataTable thead .sorting:after {
    content     : "\f0dc";
    float       : right;
    font-family : fontawesome;
    color       : rgba(50, 50, 50, .5);
}

.btn-circle {
    width         : 30px;
    height        : 30px;
    padding       : 6px 0;
    border-radius : 15px;
    text-align    : center;
    font-size     : 12px;
    line-height   : 1.428571429;
}

.btn-circle.btn-lg {
    width         : 50px;
    height        : 50px;
    padding       : 10px 16px;
    border-radius : 25px;
    font-size     : 18px;
    line-height   : 1.33;
}

.btn-circle.btn-xl {
    width         : 70px;
    height        : 70px;
    padding       : 10px 16px;
    border-radius : 35px;
    font-size     : 24px;
    line-height   : 1.33;
}

.show-grid [class^=col-] {
    padding-top      : 10px;
    padding-bottom   : 10px;
    border           : 1px solid #ddd;
    background-color : #eee !important;
}

.show-grid {
    margin : 15px 0;
}

.huge {
    font-size : 40px;
}

.panel-default > .panel-heading {
    color            : #333;
    background-color : #fff;
    border-bottom    : 3px solid #dbdfe2;
    width            : auto;
    margin           : 0 10px;
    padding          : 15px 0px;
    font-weight      : 200;
    font-size        : 20px;
}

.panel-primary {
    border-color : #fd8962;
}

.panel-primary > .panel-heading {
    color            : #fff;
    background-color : #fd8962;
    border-color     : #fd8962;
}

.panel-primary a {
    color : #fd8962;
}

.panel-secondary {
    border-color : #7bbce4;
}

.panel-secondary > .panel-heading {
    color            : #fff;
    background-color : #7bbce4;
    border-color     : #7bbce4;
}

.panel-secondary a {
    color : #7bbce4;
}

.panel-green {
    border-color : #5cb85c;
}

.panel-green .panel-heading {
    border-color     : #5cb85c;
    color            : #fff;
    background-color : #5cb85c;
}

.panel-green a {
    color : #5cb85c;
}

.panel-green a:hover {
    color : #3d8b3d;
}

.panel-red {
    border-color : #d9534f;
}

.panel-red .panel-heading {
    border-color     : #d9534f;
    color            : #fff;
    background-color : #d9534f;
}

.panel-red a {
    color : #d9534f;
}

.panel-red a:hover {
    color : #b52b27;
}

.panel-yellow {
    border-color : #f0ad4e;
}

.panel-yellow .panel-heading {
    border-color     : #f0ad4e;
    color            : #fff;
    background-color : #f0ad4e;
}

.panel-yellow a {
    color : #f0ad4e;
}

.panel-yellow a:hover {
    color : #df8a13;
}

/************METIS MENU STYLES ***********************/

.arrow {
    float       : right;
    line-height : 1.42857;
}

.glyphicon.arrow:before {
    content : "\e079";
}

.active > a > .glyphicon.arrow:before {
    content : "\e114";
}

.fa.arrow:before {
    content : "\f104";
}

.active > a > .fa.arrow:before {
    content : "\f107";
}

.plus-times {
    float : right;
}

.fa.plus-times:before {
    content : "\f067";
}

.active > a > .fa.plus-times {
    filter            : progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
    -webkit-transform : rotate(45deg);
    -moz-transform    : rotate(45deg);
    -ms-transform     : rotate(45deg);
    -o-transform      : rotate(45deg);
    transform         : rotate(45deg);
}

.plus-minus {
    float : right;
}

.fa.plus-minus:before {
    content : "\f067";
}

.active > a > .fa.plus-minus:before {
    content : "\f068";
}

/***************MORRIS CHART STYLES*************************/

.morris-hover {
    position : absolute;
    z-index  : 1000
}

.morris-hover.morris-default-style {
    border-radius : 10px;
    padding       : 6px;
    color         : #666;
    background    : rgba(255, 255, 255, 0.8);
    border        : solid 2px rgba(230, 230, 230, 0.8);
    font-family   : sans-serif;
    font-size     : 12px;
    text-align    : center
}

.morris-hover.morris-default-style .morris-hover-row-label {
    font-weight : bold;
    margin      : 0.25em 0
}

.morris-hover.morris-default-style .morris-hover-point {
    white-space : nowrap;
    margin      : 0.1em 0
}

/***************TIME LINE STYLES**************************/

.timeline {
    position   : relative;
    padding    : 20px 0 20px;
    list-style : none;
}

.timeline:before {
    content          : " ";
    position         : absolute;
    top              : 0;
    bottom           : 0;
    left             : 50%;
    width            : 3px;
    margin-left      : -1.5px;
    background-color : #eeeeee;
}

.timeline > li {
    position      : relative;
    margin-bottom : 20px;
}

.timeline > li:before, .timeline > li:after {
    content : " ";
    display : table;
}

.timeline > li:after {
    clear : both;
}

.timeline > li:before, .timeline > li:after {
    content : " ";
    display : table;
}

.timeline > li:after {
    clear : both;
}

.timeline > li > .timeline-panel {
    float              : left;
    position           : relative;
    width              : 46%;
    padding            : 20px;
    border             : 1px solid #d4d4d4;
    border-radius      : 2px;
    -webkit-box-shadow : 0 1px 6px rgba(0, 0, 0, 0.175);
    box-shadow         : 0 1px 6px rgba(0, 0, 0, 0.175);
}

.timeline > li > .timeline-panel:before {
    content       : " ";
    display       : inline-block;
    position      : absolute;
    top           : 26px;
    right         : -15px;
    border-top    : 15px solid transparent;
    border-right  : 0 solid #ccc;
    border-bottom : 15px solid transparent;
    border-left   : 15px solid #ccc;
}

.timeline > li > .timeline-panel:after {
    content       : " ";
    display       : inline-block;
    position      : absolute;
    top           : 27px;
    right         : -14px;
    border-top    : 14px solid transparent;
    border-right  : 0 solid #fff;
    border-bottom : 14px solid transparent;
    border-left   : 14px solid #fff;
}

.timeline > li > .timeline-badge {
    z-index          : 100;
    position         : absolute;
    top              : 16px;
    left             : 50%;
    width            : 50px;
    height           : 50px;
    margin-left      : -25px;
    border-radius    : 50% 50% 50% 50%;
    text-align       : center;
    font-size        : 1.4em;
    line-height      : 50px;
    color            : #fff;
    background-color : #999999;
}

.timeline > li.timeline-inverted > .timeline-panel {
    float : right;
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    right              : auto;
    left               : -15px;
    border-right-width : 15px;
    border-left-width  : 0;
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    right              : auto;
    left               : -14px;
    border-right-width : 14px;
    border-left-width  : 0;
}

.timeline-badge.primary {
    background-color : #2e6da4 !important;
}

.timeline-badge.success {
    background-color : #3f903f !important;
}

.timeline-badge.warning {
    background-color : #f0ad4e !important;
}

.timeline-badge.danger {
    background-color : #d9534f !important;
}

.timeline-badge.info {
    background-color : #5bc0de !important;
}

.timeline-title {
    margin-top : 0;
    color      : inherit;
}

.timeline-body > p, .timeline-body > ul {
    margin-bottom : 0;
}

.timeline-body > p + p {
    margin-top : 5px;
}

@media (max-width : 767px) {

    ul.timeline:before {
        left : 40px;
    }

    ul.timeline > li > .timeline-panel {
        width : calc(100% - 90px);
        width : -moz-calc(100% - 90px);
        width : -webkit-calc(100% - 90px);
    }

    ul.timeline > li > .timeline-badge {
        top         : 16px;
        left        : 15px;
        margin-left : 0;
    }

    ul.timeline > li > .timeline-panel {
        float : right;
    }

    ul.timeline > li > .timeline-panel:before {
        right              : auto;
        left               : -15px;
        border-right-width : 15px;
        border-left-width  : 0;
    }

    ul.timeline > li > .timeline-panel:after {
        right              : auto;
        left               : -14px;
        border-right-width : 14px;
        border-left-width  : 0;
    }
}

/*********************SOCIAL BUTTON STYLES ********************************/

.btn {
    transition  : 0.1s all ease-in;
    text-shadow : 0px 0px 0px rgba(0, 0, 0, 0.0);
}

.btn:hover {
    text-shadow : 2px 2px 0px rgba(0, 0, 0, 0.20);
}

.btn-circle {
    padding     : 6px 0;
    font-size   : 12px;
    transition  : 0.1s all ease-in;
    text-shadow : 0px 0px 0px rgba(0, 0, 0, 0.30);
}

.btn-circle:hover {
    padding     : 2px 0;
    font-size   : 16px;
    text-shadow : 3px 3px 0px rgba(0, 0, 0, 0.30);
}

.btn-primary {
    /*color            : #fff;*/
    /*background-color : #fd8962;*/
    /*transition       : 0.2s all ease-in;*/
    /*border-color     : #fd8962;*/
}

.btn-primary:hover {
    /*color            : #fff;*/
    /*background-color : #fd8962;*/
    /*border-color     : #fd8962;*/
}

.btn-primary .badge {
    color            : #fff;
    background-color : #fd8962;
}

.btn-social {
    position      : relative;
    padding-left  : 44px;
    text-align    : left;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis
}

.btn-social > :first-child {
    position     : absolute;
    left         : 0;
    top          : 0;
    bottom       : 0;
    width        : 32px;
    line-height  : 34px;
    font-size    : 1.6em;
    text-align   : center;
    border-right : 1px solid rgba(0, 0, 0, 0.2)
}

.btn-social.btn-lg {
    padding-left : 61px
}

.btn-social.btn-lg :first-child {
    line-height : 45px;
    width       : 45px;
    font-size   : 1.8em
}

.btn-social.btn-sm {
    padding-left : 38px
}

.btn-social.btn-sm :first-child {
    line-height : 28px;
    width       : 28px;
    font-size   : 1.4em
}

.btn-social.btn-xs {
    padding-left : 30px
}

.btn-social.btn-xs :first-child {
    line-height : 20px;
    width       : 20px;
    font-size   : 1.2em
}

.btn-social-icon {
    position      : relative;
    padding-left  : 44px;
    text-align    : left;
    white-space   : nowrap;
    overflow      : hidden;
    text-overflow : ellipsis;
    height        : 34px;
    width         : 34px;
    padding       : 0
}

.btn-social-icon > :first-child {
    position     : absolute;
    left         : 0;
    top          : 0;
    bottom       : 0;
    width        : 32px;
    line-height  : 34px;
    font-size    : 1.6em;
    text-align   : center;
    border-right : 1px solid rgba(0, 0, 0, 0.2)
}

.btn-social-icon.btn-lg {
    padding-left : 61px
}

.btn-social-icon.btn-lg :first-child {
    line-height : 45px;
    width       : 45px;
    font-size   : 1.8em
}

.btn-social-icon.btn-sm {
    padding-left : 38px
}

.btn-social-icon.btn-sm :first-child {
    line-height : 28px;
    width       : 28px;
    font-size   : 1.4em
}

.btn-social-icon.btn-xs {
    padding-left : 30px
}

.btn-social-icon.btn-xs :first-child {
    line-height : 20px;
    width       : 20px;
    font-size   : 1.2em
}

.btn-social-icon :first-child {
    border     : none;
    text-align : center;
    width      : 100% !important
}

.btn-social-icon.btn-lg {
    height        : 45px;
    width         : 45px;
    padding-left  : 0;
    padding-right : 0
}

.btn-social-icon.btn-sm {
    height        : 30px;
    width         : 30px;
    padding-left  : 0;
    padding-right : 0
}

.btn-social-icon.btn-xs {
    height        : 22px;
    width         : 22px;
    padding-left  : 0;
    padding-right : 0
}

.btn-adn {
    color            : #fff;
    background-color : #d87a68;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-adn:hover, .btn-adn:focus, .btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn {
    color            : #fff;
    background-color : #ce563f;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-adn:active, .btn-adn.active, .open > .dropdown-toggle.btn-adn {
    background-image : none
}

.btn-adn.disabled, .btn-adn[disabled], fieldset[disabled] .btn-adn, .btn-adn.disabled:hover, .btn-adn[disabled]:hover, fieldset[disabled] .btn-adn:hover, .btn-adn.disabled:focus, .btn-adn[disabled]:focus, fieldset[disabled] .btn-adn:focus, .btn-adn.disabled:active, .btn-adn[disabled]:active, fieldset[disabled] .btn-adn:active, .btn-adn.disabled.active, .btn-adn[disabled].active, fieldset[disabled] .btn-adn.active {
    background-color : #d87a68;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-adn .badge {
    color            : #d87a68;
    background-color : #fff
}

.btn-bitbucket {
    color            : #fff;
    background-color : #205081;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-bitbucket:hover, .btn-bitbucket:focus, .btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket {
    color            : #fff;
    background-color : #163758;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-bitbucket:active, .btn-bitbucket.active, .open > .dropdown-toggle.btn-bitbucket {
    background-image : none
}

.btn-bitbucket.disabled, .btn-bitbucket[disabled], fieldset[disabled] .btn-bitbucket, .btn-bitbucket.disabled:hover, .btn-bitbucket[disabled]:hover, fieldset[disabled] .btn-bitbucket:hover, .btn-bitbucket.disabled:focus, .btn-bitbucket[disabled]:focus, fieldset[disabled] .btn-bitbucket:focus, .btn-bitbucket.disabled:active, .btn-bitbucket[disabled]:active, fieldset[disabled] .btn-bitbucket:active, .btn-bitbucket.disabled.active, .btn-bitbucket[disabled].active, fieldset[disabled] .btn-bitbucket.active {
    background-color : #205081;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-bitbucket .badge {
    color            : #205081;
    background-color : #fff
}

.btn-dropbox {
    color            : #fff;
    background-color : #1087dd;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-dropbox:hover, .btn-dropbox:focus, .btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox {
    color            : #fff;
    background-color : #0d6aad;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-dropbox:active, .btn-dropbox.active, .open > .dropdown-toggle.btn-dropbox {
    background-image : none
}

.btn-dropbox.disabled, .btn-dropbox[disabled], fieldset[disabled] .btn-dropbox, .btn-dropbox.disabled:hover, .btn-dropbox[disabled]:hover, fieldset[disabled] .btn-dropbox:hover, .btn-dropbox.disabled:focus, .btn-dropbox[disabled]:focus, fieldset[disabled] .btn-dropbox:focus, .btn-dropbox.disabled:active, .btn-dropbox[disabled]:active, fieldset[disabled] .btn-dropbox:active, .btn-dropbox.disabled.active, .btn-dropbox[disabled].active, fieldset[disabled] .btn-dropbox.active {
    background-color : #1087dd;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-dropbox .badge {
    color            : #1087dd;
    background-color : #fff
}

.btn-facebook {
    color            : #fff;
    background-color : #3b5998;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-facebook:hover, .btn-facebook:focus, .btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
    color            : #fff;
    background-color : #2d4373;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-facebook:active, .btn-facebook.active, .open > .dropdown-toggle.btn-facebook {
    background-image : none
}

.btn-facebook.disabled, .btn-facebook[disabled], fieldset[disabled] .btn-facebook, .btn-facebook.disabled:hover, .btn-facebook[disabled]:hover, fieldset[disabled] .btn-facebook:hover, .btn-facebook.disabled:focus, .btn-facebook[disabled]:focus, fieldset[disabled] .btn-facebook:focus, .btn-facebook.disabled:active, .btn-facebook[disabled]:active, fieldset[disabled] .btn-facebook:active, .btn-facebook.disabled.active, .btn-facebook[disabled].active, fieldset[disabled] .btn-facebook.active {
    background-color : #3b5998;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-facebook .badge {
    color            : #3b5998;
    background-color : #fff
}

.btn-flickr {
    color            : #fff;
    background-color : #ff0084;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-flickr:hover, .btn-flickr:focus, .btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr {
    color            : #fff;
    background-color : #cc006a;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-flickr:active, .btn-flickr.active, .open > .dropdown-toggle.btn-flickr {
    background-image : none
}

.btn-flickr.disabled, .btn-flickr[disabled], fieldset[disabled] .btn-flickr, .btn-flickr.disabled:hover, .btn-flickr[disabled]:hover, fieldset[disabled] .btn-flickr:hover, .btn-flickr.disabled:focus, .btn-flickr[disabled]:focus, fieldset[disabled] .btn-flickr:focus, .btn-flickr.disabled:active, .btn-flickr[disabled]:active, fieldset[disabled] .btn-flickr:active, .btn-flickr.disabled.active, .btn-flickr[disabled].active, fieldset[disabled] .btn-flickr.active {
    background-color : #ff0084;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-flickr .badge {
    color            : #ff0084;
    background-color : #fff
}

.btn-foursquare {
    color            : #fff;
    background-color : #f94877;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-foursquare:hover, .btn-foursquare:focus, .btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare {
    color            : #fff;
    background-color : #f71752;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-foursquare:active, .btn-foursquare.active, .open > .dropdown-toggle.btn-foursquare {
    background-image : none
}

.btn-foursquare.disabled, .btn-foursquare[disabled], fieldset[disabled] .btn-foursquare, .btn-foursquare.disabled:hover, .btn-foursquare[disabled]:hover, fieldset[disabled] .btn-foursquare:hover, .btn-foursquare.disabled:focus, .btn-foursquare[disabled]:focus, fieldset[disabled] .btn-foursquare:focus, .btn-foursquare.disabled:active, .btn-foursquare[disabled]:active, fieldset[disabled] .btn-foursquare:active, .btn-foursquare.disabled.active, .btn-foursquare[disabled].active, fieldset[disabled] .btn-foursquare.active {
    background-color : #f94877;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-foursquare .badge {
    color            : #f94877;
    background-color : #fff
}

.btn-github {
    color            : #fff;
    background-color : #444;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-github:hover, .btn-github:focus, .btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github {
    color            : #fff;
    background-color : #2b2b2b;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-github:active, .btn-github.active, .open > .dropdown-toggle.btn-github {
    background-image : none
}

.btn-github.disabled, .btn-github[disabled], fieldset[disabled] .btn-github, .btn-github.disabled:hover, .btn-github[disabled]:hover, fieldset[disabled] .btn-github:hover, .btn-github.disabled:focus, .btn-github[disabled]:focus, fieldset[disabled] .btn-github:focus, .btn-github.disabled:active, .btn-github[disabled]:active, fieldset[disabled] .btn-github:active, .btn-github.disabled.active, .btn-github[disabled].active, fieldset[disabled] .btn-github.active {
    background-color : #444;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-github .badge {
    color            : #444;
    background-color : #fff
}

.btn-google-plus {
    color            : #fff;
    background-color : #dd4b39;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-google-plus:hover, .btn-google-plus:focus, .btn-google-plus:active, .btn-google-plus.active, .open > .dropdown-toggle.btn-google-plus {
    color            : #fff;
    background-color : #c23321;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-google-plus:active, .btn-google-plus.active, .open > .dropdown-toggle.btn-google-plus {
    background-image : none
}

.btn-google-plus.disabled, .btn-google-plus[disabled], fieldset[disabled] .btn-google-plus, .btn-google-plus.disabled:hover, .btn-google-plus[disabled]:hover, fieldset[disabled] .btn-google-plus:hover, .btn-google-plus.disabled:focus, .btn-google-plus[disabled]:focus, fieldset[disabled] .btn-google-plus:focus, .btn-google-plus.disabled:active, .btn-google-plus[disabled]:active, fieldset[disabled] .btn-google-plus:active, .btn-google-plus.disabled.active, .btn-google-plus[disabled].active, fieldset[disabled] .btn-google-plus.active {
    background-color : #dd4b39;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-google-plus .badge {
    color            : #dd4b39;
    background-color : #fff
}

.btn-instagram {
    color            : #fff;
    background-color : #3f729b;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-instagram:hover, .btn-instagram:focus, .btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram {
    color            : #fff;
    background-color : #305777;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-instagram:active, .btn-instagram.active, .open > .dropdown-toggle.btn-instagram {
    background-image : none
}

.btn-instagram.disabled, .btn-instagram[disabled], fieldset[disabled] .btn-instagram, .btn-instagram.disabled:hover, .btn-instagram[disabled]:hover, fieldset[disabled] .btn-instagram:hover, .btn-instagram.disabled:focus, .btn-instagram[disabled]:focus, fieldset[disabled] .btn-instagram:focus, .btn-instagram.disabled:active, .btn-instagram[disabled]:active, fieldset[disabled] .btn-instagram:active, .btn-instagram.disabled.active, .btn-instagram[disabled].active, fieldset[disabled] .btn-instagram.active {
    background-color : #3f729b;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-instagram .badge {
    color            : #3f729b;
    background-color : #fff
}

.btn-linkedin {
    color            : #fff;
    background-color : #007bb6;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-linkedin:hover, .btn-linkedin:focus, .btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
    color            : #fff;
    background-color : #005983;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-linkedin:active, .btn-linkedin.active, .open > .dropdown-toggle.btn-linkedin {
    background-image : none
}

.btn-linkedin.disabled, .btn-linkedin[disabled], fieldset[disabled] .btn-linkedin, .btn-linkedin.disabled:hover, .btn-linkedin[disabled]:hover, fieldset[disabled] .btn-linkedin:hover, .btn-linkedin.disabled:focus, .btn-linkedin[disabled]:focus, fieldset[disabled] .btn-linkedin:focus, .btn-linkedin.disabled:active, .btn-linkedin[disabled]:active, fieldset[disabled] .btn-linkedin:active, .btn-linkedin.disabled.active, .btn-linkedin[disabled].active, fieldset[disabled] .btn-linkedin.active {
    background-color : #007bb6;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-linkedin .badge {
    color            : #007bb6;
    background-color : #fff
}

.btn-microsoft {
    color            : #fff;
    background-color : #2672ec;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-microsoft:hover, .btn-microsoft:focus, .btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft {
    color            : #fff;
    background-color : #125acd;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-microsoft:active, .btn-microsoft.active, .open > .dropdown-toggle.btn-microsoft {
    background-image : none
}

.btn-microsoft.disabled, .btn-microsoft[disabled], fieldset[disabled] .btn-microsoft, .btn-microsoft.disabled:hover, .btn-microsoft[disabled]:hover, fieldset[disabled] .btn-microsoft:hover, .btn-microsoft.disabled:focus, .btn-microsoft[disabled]:focus, fieldset[disabled] .btn-microsoft:focus, .btn-microsoft.disabled:active, .btn-microsoft[disabled]:active, fieldset[disabled] .btn-microsoft:active, .btn-microsoft.disabled.active, .btn-microsoft[disabled].active, fieldset[disabled] .btn-microsoft.active {
    background-color : #2672ec;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-microsoft .badge {
    color            : #2672ec;
    background-color : #fff
}

.btn-openid {
    color            : #fff;
    background-color : #f7931e;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-openid:hover, .btn-openid:focus, .btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid {
    color            : #fff;
    background-color : #da7908;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-openid:active, .btn-openid.active, .open > .dropdown-toggle.btn-openid {
    background-image : none
}

.btn-openid.disabled, .btn-openid[disabled], fieldset[disabled] .btn-openid, .btn-openid.disabled:hover, .btn-openid[disabled]:hover, fieldset[disabled] .btn-openid:hover, .btn-openid.disabled:focus, .btn-openid[disabled]:focus, fieldset[disabled] .btn-openid:focus, .btn-openid.disabled:active, .btn-openid[disabled]:active, fieldset[disabled] .btn-openid:active, .btn-openid.disabled.active, .btn-openid[disabled].active, fieldset[disabled] .btn-openid.active {
    background-color : #f7931e;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-openid .badge {
    color            : #f7931e;
    background-color : #fff
}

.btn-pinterest {
    color            : #fff;
    background-color : #cb2027;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-pinterest:hover, .btn-pinterest:focus, .btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest {
    color            : #fff;
    background-color : #9f191f;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-pinterest:active, .btn-pinterest.active, .open > .dropdown-toggle.btn-pinterest {
    background-image : none
}

.btn-pinterest.disabled, .btn-pinterest[disabled], fieldset[disabled] .btn-pinterest, .btn-pinterest.disabled:hover, .btn-pinterest[disabled]:hover, fieldset[disabled] .btn-pinterest:hover, .btn-pinterest.disabled:focus, .btn-pinterest[disabled]:focus, fieldset[disabled] .btn-pinterest:focus, .btn-pinterest.disabled:active, .btn-pinterest[disabled]:active, fieldset[disabled] .btn-pinterest:active, .btn-pinterest.disabled.active, .btn-pinterest[disabled].active, fieldset[disabled] .btn-pinterest.active {
    background-color : #cb2027;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-pinterest .badge {
    color            : #cb2027;
    background-color : #fff
}

.btn-reddit {
    color            : #000;
    background-color : #eff7ff;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-reddit:hover, .btn-reddit:focus, .btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit {
    color            : #000;
    background-color : #bcddff;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-reddit:active, .btn-reddit.active, .open > .dropdown-toggle.btn-reddit {
    background-image : none
}

.btn-reddit.disabled, .btn-reddit[disabled], fieldset[disabled] .btn-reddit, .btn-reddit.disabled:hover, .btn-reddit[disabled]:hover, fieldset[disabled] .btn-reddit:hover, .btn-reddit.disabled:focus, .btn-reddit[disabled]:focus, fieldset[disabled] .btn-reddit:focus, .btn-reddit.disabled:active, .btn-reddit[disabled]:active, fieldset[disabled] .btn-reddit:active, .btn-reddit.disabled.active, .btn-reddit[disabled].active, fieldset[disabled] .btn-reddit.active {
    background-color : #eff7ff;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-reddit .badge {
    color            : #eff7ff;
    background-color : #000
}

.btn-soundcloud {
    color            : #fff;
    background-color : #f50;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-soundcloud:hover, .btn-soundcloud:focus, .btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud {
    color            : #fff;
    background-color : #c40;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-soundcloud:active, .btn-soundcloud.active, .open > .dropdown-toggle.btn-soundcloud {
    background-image : none
}

.btn-soundcloud.disabled, .btn-soundcloud[disabled], fieldset[disabled] .btn-soundcloud, .btn-soundcloud.disabled:hover, .btn-soundcloud[disabled]:hover, fieldset[disabled] .btn-soundcloud:hover, .btn-soundcloud.disabled:focus, .btn-soundcloud[disabled]:focus, fieldset[disabled] .btn-soundcloud:focus, .btn-soundcloud.disabled:active, .btn-soundcloud[disabled]:active, fieldset[disabled] .btn-soundcloud:active, .btn-soundcloud.disabled.active, .btn-soundcloud[disabled].active, fieldset[disabled] .btn-soundcloud.active {
    background-color : #f50;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-soundcloud .badge {
    color            : #f50;
    background-color : #fff;
}

.btn-tumblr {
    color            : #fff;
    background-color : #2c4762;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-tumblr:hover, .btn-tumblr:focus, .btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr {
    color            : #fff;
    background-color : #1c2d3f;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-tumblr:active, .btn-tumblr.active, .open > .dropdown-toggle.btn-tumblr {
    background-image : none
}

.btn-tumblr.disabled, .btn-tumblr[disabled], fieldset[disabled] .btn-tumblr, .btn-tumblr.disabled:hover, .btn-tumblr[disabled]:hover, fieldset[disabled] .btn-tumblr:hover, .btn-tumblr.disabled:focus, .btn-tumblr[disabled]:focus, fieldset[disabled] .btn-tumblr:focus, .btn-tumblr.disabled:active, .btn-tumblr[disabled]:active, fieldset[disabled] .btn-tumblr:active, .btn-tumblr.disabled.active, .btn-tumblr[disabled].active, fieldset[disabled] .btn-tumblr.active {
    background-color : #2c4762;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-tumblr .badge {
    color            : #2c4762;
    background-color : #fff
}

.btn-twitter {
    color            : #fff;
    background-color : #55acee;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-twitter:hover, .btn-twitter:focus, .btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
    color            : #fff;
    background-color : #2795e9;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-twitter:active, .btn-twitter.active, .open > .dropdown-toggle.btn-twitter {
    background-image : none
}

.btn-twitter.disabled, .btn-twitter[disabled], fieldset[disabled] .btn-twitter, .btn-twitter.disabled:hover, .btn-twitter[disabled]:hover, fieldset[disabled] .btn-twitter:hover, .btn-twitter.disabled:focus, .btn-twitter[disabled]:focus, fieldset[disabled] .btn-twitter:focus, .btn-twitter.disabled:active, .btn-twitter[disabled]:active, fieldset[disabled] .btn-twitter:active, .btn-twitter.disabled.active, .btn-twitter[disabled].active, fieldset[disabled] .btn-twitter.active {
    background-color : #55acee;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-twitter .badge {
    color            : #55acee;
    background-color : #fff
}

.btn-vimeo {
    color            : #fff;
    background-color : #1ab7ea;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-vimeo:hover, .btn-vimeo:focus, .btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo {
    color            : #fff;
    background-color : #1295bf;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-vimeo:active, .btn-vimeo.active, .open > .dropdown-toggle.btn-vimeo {
    background-image : none
}

.btn-vimeo.disabled, .btn-vimeo[disabled], fieldset[disabled] .btn-vimeo, .btn-vimeo.disabled:hover, .btn-vimeo[disabled]:hover, fieldset[disabled] .btn-vimeo:hover, .btn-vimeo.disabled:focus, .btn-vimeo[disabled]:focus, fieldset[disabled] .btn-vimeo:focus, .btn-vimeo.disabled:active, .btn-vimeo[disabled]:active, fieldset[disabled] .btn-vimeo:active, .btn-vimeo.disabled.active, .btn-vimeo[disabled].active, fieldset[disabled] .btn-vimeo.active {
    background-color : #1ab7ea;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-vimeo .badge {
    color            : #1ab7ea;
    background-color : #fff
}

.btn-vk {
    color            : #fff;
    background-color : #587ea3;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-vk:hover, .btn-vk:focus, .btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk {
    color            : #fff;
    background-color : #466482;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-vk:active, .btn-vk.active, .open > .dropdown-toggle.btn-vk {
    background-image : none
}

.btn-vk.disabled, .btn-vk[disabled], fieldset[disabled] .btn-vk, .btn-vk.disabled:hover, .btn-vk[disabled]:hover, fieldset[disabled] .btn-vk:hover, .btn-vk.disabled:focus, .btn-vk[disabled]:focus, fieldset[disabled] .btn-vk:focus, .btn-vk.disabled:active, .btn-vk[disabled]:active, fieldset[disabled] .btn-vk:active, .btn-vk.disabled.active, .btn-vk[disabled].active, fieldset[disabled] .btn-vk.active {
    background-color : #587ea3;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-vk .badge {
    color            : #587ea3;
    background-color : #fff
}

.btn-yahoo {
    color            : #fff;
    background-color : #720e9e;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-yahoo:hover, .btn-yahoo:focus, .btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo {
    color            : #fff;
    background-color : #500a6f;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-yahoo:active, .btn-yahoo.active, .open > .dropdown-toggle.btn-yahoo {
    background-image : none
}

.btn-yahoo.disabled, .btn-yahoo[disabled], fieldset[disabled] .btn-yahoo, .btn-yahoo.disabled:hover, .btn-yahoo[disabled]:hover, fieldset[disabled] .btn-yahoo:hover, .btn-yahoo.disabled:focus, .btn-yahoo[disabled]:focus, fieldset[disabled] .btn-yahoo:focus, .btn-yahoo.disabled:active, .btn-yahoo[disabled]:active, fieldset[disabled] .btn-yahoo:active, .btn-yahoo.disabled.active, .btn-yahoo[disabled].active, fieldset[disabled] .btn-yahoo.active {
    background-color : #720e9e;
    border-color     : rgba(0, 0, 0, 0.2)
}

.btn-yahoo .badge {
    color            : #720e9e;
    background-color : #fff
}

/*********new table styles**************/

table#stretchTable {
    margin          : 0 auto;
    border-collapse : collapse;
    width           : 100%;
}

table#stretchTable caption {
    font-size : 2rem;
    color     : #444;
    margin    : 1rem;
}

table#stretchTable thead th {
    font-weight : 600;
}

table#stretchTable thead th, table#stretchTable tbody td {
    padding   : .8rem;
    font-size : 1.4rem;
}

table#stretchTable tbody td {
    padding   : .8rem;
    font-size : 1.4rem;
}

table#stretchTable tbody tr:not(:last-child) {
    border-top    : 1px solid #ddd;
    border-bottom : 1px solid #ddd;
}

.table-hover > tbody > tr:hover {
    background-color : #c7d2db;
}

@media screen and (max-width : 600px) {

    table#stretchTable caption {
        background-image : none;
    }

    table#stretchTable thead {
        display : none;
    }

    table#stretchTable tbody td {
        display : block;
        padding : .6rem;
    }

    table#stretchTable tbody tr td:first-child {
        background : #eee; /*color: #fff; */
    }

    table#stretchTable tbody td:before {
        content     : attr(data-th);
        font-weight : bold;
        display     : inline-block;
        width       : 6rem;
    }
}

/**********************page header*****************************/

h1 {
    font-weight : 200;
    color       : #103644;
    font-family : 'Open Sans', sans-serif
}

.page-header {
    vertical-align : middle;
    margin         : 15px 0;
    padding        : 0;
    /*border-bottom  : none;*/
    font-weight    : 200;
    font-size      : 60px;
    color          : #103644;
    font-family    : 'Open Sans', sans-serif;
}

.page-header h1 {
    font-family   : 'Open Sans', sans-serif;
    font-weight   : 200;
    font-size     : 50px;
    color         : #103644;
    display       : inline-block;
    margin-bottom : 15px;
    margin-top    : 0;
}

.breadcrumb {
    display        : inline-block;
    vertical-align : middle;
    background     : none;
    margin         : 0;
    padding        : 0 10px;
    font-size      : 25px;
    margin-top     : 18px;
}

.breadcrumb > li {
    display : inline-block;
}

.breadcrumb li a {
    color     : #103644;
    font-size : 25px;
    padding   : 0px;
    margin    : 0px;
}



.tpl-panel-body {
    padding : 10px !important;
}

.space-plus-10 {
    padding-top : 30px;
}

.space-plus-20 {
    padding-top : 40px;
}

.space-plus-30 {
    padding-top : 50px;
}

.main-body-tab {
    padding-top : 15px;
}

.option_container {
    border-left : 1px solid #ccc;
}

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

.option_container .panel-title {
    font-size : 14px;
}

.option_container .panel-heading {
    background : #f1f1f1;
}

.option_container .form-control {
    background : #f2f2f2;
    height     : 30px;
}

.img_row {
    margin-bottom  : 10px;
    border-bottom  : 1px solid #ccc;
    padding-bottom : 10px;
}

/* ----- Settings form changes -----*/
#social-media .form-inline .form-group {
    display : block;
    width   : 100%;
}

#social-media .form-inline .form-group .input-group {
    width : 100%;
}

#social-media .form-inline .form-group .input-group .input-group-addon {
    width : 1% !important;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color : #103644;
    border-color     : #103644;
}

.pagination > li > a, .pagination > li > span, .pagination > li > a:hover, .pagination > li > span:hover {
    color : #103644;
}

/* ----- Login -----*/
.login-container {
    padding-top : 15%;
}

.login-panel {
    margin-top : 10%;
}

.login-panel h3 {
    font-size   : 29px;
    font-weight : 200;
    font-family : 'Open Sans', sans-serif;
}

.loginAd1, .loginAd2 {
    border-radius : 5px;
}

.loginAd1 {
    margin-top : 17.5%;
    height     : 280px;
    overflow   : hidden;
}

.loginAd2 {
    height   : 400px;
    overflow : hidden;
}

/* ------ Tyre display ------*/
.tyre-show {
    margin-bottom : 5px;
}

.tyre-badge- {
    /*color: #fff;
    background-color: #fd8962;*/
}

.tyre-circle {
    color         : #fff;
    float         : left;
    margin-left   : 15px;
    margin-bottom : 5px;
}

.tyre-circle-A {
    background-color : #1C9D40;
}

.tyre-circle-B {
    background-color : #40C02B;
}

.tyre-circle-C {
    background-color : #BCD700;
    color            : #000;
}

.tyre-circle-D {
    background-color : #FFF201;
    color            : #000;
}

.tyre-circle-E {
    background-color : #FABA01;
}

.tyre-circle-F {
    background-color : #F07600;
}

.tyre-circle-G {
    background-color : #EC2019;
}

.tyre-circle-black {
    background-color : #000;
}

.tyre-circle-Summer {
    background-color : #FFDF00;
    color            : #000;
}

.tyre-circle-Winter {
    background-color : #C3C3C3;
    color            : #000;
}

.tyre-circle-AS {
    background-color : #18B600;
}

.tyre-circle-text {
    float        : left;
    margin-left  : 5px;
    margin-right : 5px;
    margin-top   : 4px;
}

.tyre-price-show {
    font-size : 32px;
    float     : right;
}

#tyreClassShow {
    height      : 25px;
    width       : 100%;
    text-align  : center;
    margin-top  : -15px;
    line-height : 1.7;
}

#tyreBrandShow {
    height     : 25px;
    width      : 100%;
    text-align : center;
    margin-top : -15px;
}

#tyreImageShow {
    /* float: left; */
}

#tyreImageShow img {
    max-height : 150px;
    max-width  : 100%;
}

#tyreFuelRatingShow {
    margin-top : 5px;
    height     : 30px;
}

#tyreWetRatingShow {
    margin-top : 5px;
    height     : 30px;
}

#tyreNoiseRatingShow {
    margin-top : 5px;
    height     : 30px;
}

#tyreWidthShow, #tyreHeightShow, #tyreDiameterShow, #tyreSpeedShow, #tyreLoadShow {
    float : left;
}

#tyreRecommendedShow {
    height           : 25px;
    width            : 100%;
    text-align       : center;
    background-color : #FF0000;
    margin-top       : -15px;
    line-height      : 1.7;
    display          : none;
    color            : #FFF;
}

#tyreDescriptionHide {
    display : none;
}

#tyreSpecHide {
    display : none;
}

#tyreRatingsHide {
    display : none;
}

/*--- FOR THE TYRE FORM STICKY TOP ---*/
.fixed {
    position : fixed;
    top      : 0;
    z-index  : 99999;
}

/*** WE ARE GOING TO AUCTION... ***/
.dashboard-panel-body {
    background-color : #666666;
    color            : #F9F9F9
}

.table-dashboard > tbody > tr:nth-of-type(2n) {
    background-color : #CDCDCD;
    color            : #1F1F1F;
}

.table-dashboard > tbody > tr:nth-of-type(2n+1) {
    color : #1F1F1F;
}

.panel-auction {
    background-color : #999 !important;
    border-bottom    : none !important;
}

.chart-canvas {
    width     : 100% !important;
    max-width : 5000px;
    height    : auto !important;
}

.alert-danger {
    width  : 96%;
    margin : 2% auto;
}

.alert-danger li {
    list-style-type : none;
}

.block-20 {
    display : block;
    height  : 20px;
}

.logo {
    padding : 10px;
}

.logo img {
    margin-top : 10px;
}

.vendor-title {
    color          : #fff;
    font-size      : 150%;
    vertical-align : bottom;
}


.badge-labels {
    position:relative;
}
.badge-labels input{
    margin-left: 0 !important;
    position: absolute;
    top: 50%;
    left: 2px;
    -ms-transform: translate(0, -50%); /* IE 9 */
    -webkit-transform: translate(0, -50%); /* Safari */
    transform: translate(0,-50%);
}

/*--------------------DASH BOARD--------------------------*/
#popular_products_loading {
    display : none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.7;
    filter: Alpha(opacity=70); /* IE8 and earlier */
    z-index: 9;
    top: 0;
    left: 0;
}
.popular_products_panel_body{
    position:relative;
}
.spinner-container{
    position: absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#ccc;

}