body {
    height: 100%;
}

.table a:not([class]):visited {
    color: #828282;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 20px 15px 20px;
}

.footer {
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view th {
    white-space: nowrap;
}

.pagination > .active > span {
    color: #fff!important;
    background-color: #337ab7!important;
    border-color: #337ab7!important;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

/* ====================================== */
.navbar{
    background-color: #f5f5f5;
    border-radius: 0;
    border: 0px solid transparent;
    margin-bottom: 0px;

    border-bottom: 1px solid #ddd;
}
.navbar-inverse{
    box-shadow: 0 -5px 5px rgba(0, 0, 0, 0.5) inset;
}

.footer{
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.5) inset;
}


.navbar.toogle{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0.65+0,0+100;Neutral+Density */
    /*background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); !* FF3.6-15 *!
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); !* Chrome10-25,Safari5.1-6 *!
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); !* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ *!
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); !* IE6-9 *!*/
    background-color: #ffffff;

    position: relative;
    z-index:1;
    overflow:hidden;
}

.navbar.toogle{
    /*background-image: url("/img/back22.jpg");*/
    position: relative;
    left: 0px;
    top: 0px;
    z-index: 999;
    opacity: 1;
}

.navbar.toogle:before {
    /*z-index:-1;
    position:absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    content: url('/img/back22.jpg');
    opacity:0.3;*/

    content: '';
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #f5f5f5;
    opacity: .2;
    z-index: 2;
}

a.navbar-brand{
    min-height: 150px;
    line-height: 130px;
    z-index: 3;
    position: relative;
}
.navbar-brand > img{
    float: left;
    margin-right: 30px;
}

.toogle .navbar-toggle{
    display: none;
}

/* This stylesheet generated by Transfonter (https://transfonter.org) on July 4, 2017 2:29 AM */

@font-face {
    font-family: 'Bebas Neue';
    src: url('/fonts/bebas/BebasNeueRegular.eot');
    src: local('Bebas Neue Regular'), local('BebasNeueRegular'),
    url('/fonts/bebas/BebasNeueRegular.eot?#iefix') format('embedded-opentype'),
    url('/fonts/bebas/BebasNeueRegular.woff') format('woff'),
    url('/fonts/bebas/BebasNeueRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('/fonts/bebas/BebasNeueBold.eot');
    src: local('Bebas Neue Bold'), local('BebasNeueBold'),
    url('/fonts/bebas/BebasNeueBold.eot?#iefix') format('embedded-opentype'),
    url('/fonts/bebas/BebasNeueBold.woff') format('woff'),
    url('/fonts/bebas/BebasNeueBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('/fonts/bebas/BebasNeueLight.eot');
    src: local('Bebas Neue Light'), local('BebasNeueLight'),
    url('/fonts/bebas/BebasNeueLight.eot?#iefix') format('embedded-opentype'),
    url('/fonts/bebas/BebasNeueLight.woff') format('woff'),
    url('/fonts/bebas/BebasNeueLight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Neue';
    src: url('/fonts/bebas/BebasNeue-Thin.eot');
    src: local('Bebas Neue Thin'), local('BebasNeue-Thin'),
    url('/fonts/bebas/BebasNeue-Thin.eot?#iefix') format('embedded-opentype'),
    url('/fonts/bebas/BebasNeue-Thin.woff') format('woff'),
    url('/fonts/bebas/BebasNeue-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Bebas Neue Book';
    src: url('/fonts/bebas/BebasNeueBook.eot');
    src: local('Bebas Neue Book'), local('BebasNeueBook'),
    url('/fonts/bebas/BebasNeueBook.eot?#iefix') format('embedded-opentype'),
    url('/fonts/bebas/BebasNeueBook.woff') format('woff'),
    url('/fonts/bebas/BebasNeueBook.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}


.navbar-text{
    font-size: 33px;
    line-height: 130px;
    color: #5060e2 !important;
    z-index: 3;
    position: relative;
    font-weight: bold;
    /*text-shadow:
            -1px -1px 0 #000,
            1px -1px 0 #000,
            -1px 1px 0 #000,
            1px 1px 0 #000;*/
    font-family: 'Bebas Neue';
    font-style: normal;
}

@media (max-width: 1024px) {
    .navbar-text{
        font-size: 21px;
    }
}

.footer{
    background-color: #34418f;
    color: #fff;
}

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

.footer .container > .row{
    margin-bottom: 20px;
}
.preload, #errors, #message {
    display: none;
}

.navbar-right{
    margin-right: 0px;
}

/* clock */

nav div.cl{
    margin:45px 0px 0px 0px;
    margin-right:5px;
    text-align:center;

    line-height: 30px;
}
nav div.cl div.t{
    font-weight:bold;
    padding:0px 8px 0px 0px;
    color:#FFFFFF;
    background:#333333 url('/img/clock/cl.png') no-repeat right top;
}
nav div.cl div.t div{
    padding:7px 0px 7px 8px;
    background:url(/img/clock/clL.png) no-repeat left top;
}
nav div.cl div.d{
    color:#333333;
    margin:3px 0 0 0;
    font-weight:bold;
    font-size: 18px;

}
/* end clock */
.body-content{
    padding: 10px;
}
.zebr{
    background-color: #f5f5f5;
    padding: 10px;
}
/* end clock */

#lotEditForm .input-group, #lotEditForm .form-control {
    z-index: 0;
}

pre.preview {
    background: none;
    white-space: pre-wrap;
    word-break: break-word;
}

#time-remain {
    height: 40px;
    text-align: center;
    background: #777777;
    color: #ffffff;
    font-weight: bold;
    vertical-align: middle;
    padding: 5px;
    font-size: 1.5em;
    border-radius: 5px;
}
#time-remain.danger {
    background: #ff4747;
}

#gz-custom-alert {
    position: fixed;
    top: 50px;
    right: 50px;
    z-index: 1200;
    width: auto;
    min-width: 400px;
}

.reason-list-item:hover {
    background: #eee;
}

@media (min-width: 1024px) {
    html {
      position: relative;
      min-height: 100%;
    }
    body {
      padding-bottom: 130px; /* Margin bottom by footer height */
    }
    .wrap {
        margin: 0 auto -40px;
    }
    .footer {
      position: absolute;
      bottom: 0;
      width: 100%;
      height: 161px; /* Set the fixed height of the footer here */
    }
}

@media (min-width: 1024px) and (max-width: 1200px) {
    .footer {
        height: 181px;
    }
    .wrap {
        margin: 0 auto -20px;
    }
}

.msg-text-new {
    font-weight: bold;
}

.ch-b label{
    margin: 5px 10px 5px 5px;
}

.ui-front {
    z-index: 1100!important;
}

.toggle-block {
    display: none;
}
span.nw {
    white-space: nowrap;

}
span.hlt{
    background:#feef3a;
    color:#000000;
}

.readonly-select {
    pointer-events: none;
    touch-action: none;
}

.chronology-events-list a:visited {
    color: #337ab7!important;
}

a.invalid-chronology, a.invalid-chronology:visited{
    color: #cfcfcf!important;
}

.image-news{
    margin: 0 20px 5px 0;
}

.btn-loader {
    background: url("/img/ajax-loader.gif") 100% 100% no-repeat;
    background-size: cover;
    width: 18px;
    height: 18px;
    display: block;
    float: right;
    margin-left: 5px;
}

#infoMenu.tooltip-inner{
    width: 170px;
}

.th-inherit th{
    white-space: inherit;
}

.text-red {
    color: #f3051c;
}

.text-green {
    color: #02ca1c;
}

.unvisible {
    display: none;
}

.table-tds--word-break td {
    word-break: break-word;
}
.word-break {
    -ms-word-break: break-all;
    word-break: break-word;
}
.div-warning{
    background-color: #fcf8e3;
}
#calist-table {
    margin-top: 20px;
}
#calist-table a:visited, #accredited-companies a:visited {
    color: #337ab7;
}
.inline-flex {
    display: inline-flex;
}
#accredited-companies .inline-flex > i {
    padding-right: 3px;
    margin-top: 2px;
}

.button-favorite {
    cursor: pointer;
    color: #337ab7!important;
}
.wrap-drop-selected-favorites {
    text-align: right;
    margin: 0 20px 20px 0;
}
.wrap-favorite-view {
    float: right;
}
.button-favorite-view {
    z-index: 99;
    color: #efefef !important;
    font-size: 28px;
    margin-right: -10px;
    margin-top: -8px;
    padding: 5px 5px 3px 8px;
}
.wrap-favorite-view .glyphicon-star {
    color: rgb(255, 251, 251) !important;
}

.modal-content .modal-loader{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 101;
    background-color: #fff;
    opacity: 0.7;
    background-image: url(/img/loader3.gif);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 150px;
    display: none;
}
td.lot-description {
    word-break: break-word;
}
.lot-inf .list-group-item {
    max-width: 800px;
}

.selected-industries {
    margin: 0;
    padding: 0;
    min-height: 30px;
}
.selected-industries ul#industry_text {
    min-height: 30px;
    margin: 0;
    padding: 0;
    list-style: none;
    border: 1px solid #ccc;
    border-radius: 3px;
    background: #dedede;
    max-height: 150px;
    overflow-y: auto;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.selected-industries ul#industry_text li {
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #ededed;
    padding: 3px 5px;
    margin: 2px 5px;
    display:inline;
    width: auto;
    white-space: nowrap;
}
.own-sub-items {
    margin-left: 40px;
}