/* single styles */
.align-left { text-align: left; }

.align-right { text-align: right; }

.align-center { text-align: center; }

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

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

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

.border-collapse { border-collapse: collapse; }

.border-black { border: solid 1px #000; }

.case-upper { text-transform: uppercase; }

.case-lower { text-transform: lowercase; }

.cursor-hand { cursor: pointer; }

.cursor-hourglass { cursor: wait; }

.disabled { background-color: #dcdcdc; }

.display-none { display: none; }

.float-left { float: left; }

.float-right { float: right; }

.float-clear { clear: both; }

.margin-auto { margin: auto; }

.margin-none { margin: 0; }

.left-nav-push { margin-top: 40px; }

.padding-none { padding: 0; }

.text-small { font-size: 7pt; }

.text-normal { font-size: 12pt; }

.text-large { font-size: 12pt; }

.text-underline { text-decoration: underline; }

.text-italic { font-style: italic; }

.text-bold { font-weight: 700; }

.text-color-blue { color: #0088cc; }

.text-color-black { color: #000; }

.text-color-grey { color: grey; }

.text-color-lightgrey { color: lightgray; }

.word-wrap { word-wrap: break-word; }

.wide-textarea { width: 100% !Important; }

.width-auto { width: auto !Important; }

/* Sticky footer styles
-------------------------------------------------- */

html, body { height: 100%;
    /* The html and body elements cannot have any padding or margin. */ }



/* Wrapper for page content to push down footer */

#wrap {
    height: auto !important;
    height: auto !important;
    /* Negative indent footer by it's height */
    margin: 0 auto -32px;
    min-height: 100%;
}


#main { padding-top: 90px;padding-bottom: 20px; }

@media (max-width: 979px) {
    #main { padding-top: 0px; }
}

    /* Set the fixed height of the footer here */

#push, #footer { height: 31px; }

#footer {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */

    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */
    border-top: 1px solid #d4d4d4;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); /* IE6-9 */
    font-size: 0.75em;
    line-height: 1em;
}

#footer p { padding-top: 0.95em; }

#footer a,
#footer a:visited { color: #333333; }

#footer a:hover { color: #0088cc }

#footerAbout:hover { text-decoration: none; }

.no-round-corners {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.about-us-well { background-color: #ffffff; }


/* data table styling */

table.table thead tr th {
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* Opera 11.10+ */
    color: #0088cc;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0); /* IE6-9 */
    font-weight: normal;
}

table.table tbody tr td.one-third { width: 33%; }

/* for now - this is the sub text (exception info) on the application log */

div.application-log-details {
    color: #808080;
    display: none;
    font-size: 0.8em;
}




/* Lastly, apply responsive CSS fixes as necessary */

@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}


/*  Style for normal dev pages
=================================================    */

#site-hero
{
    margin-top: 40px;
    /*background-image: url('../../content/images/corporate/logo.jpg');
    background-repeat: no-repeat;*/
}
#site-hero img
{
    max-width: 100%; 
    height: auto;
}

#site-hero h1 {
    font-size: 1.75em;
    padding: 0 0 0 12px;
}

.group-header{
 text-align:center;
       color: #0088cc;
    background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%); /* FF3.6+ */
}

.tt-dropdown-menu
{
    /*display:block !important;*/
    max-height:500px;
    overflow: scroll;
}

.twitter-typeahead span {
    font-size:medium !important;
}

.loading{
    background: url(../../images/loading.gif) no-repeat 170px !important;
    height: 24px;
}

.small-indent, input.small-indent
{
    margin-left: 15px;
}

.small-top-margin{
    margin-top:20px;
}

.company-form {
    display: flex;
    flex-wrap: wrap;
}

.company-form .group {
    margin-right: 20px;
}

.company-form .group.main-fields {
    width: 300px;
    border: 1px solid #eee;
    border-radius: 3px;
    padding-left: 15px;
    box-shadow: #808080 1px 1px inset;
}

.company-form-controls {
    margin-top: 20px;
    display: flex;
}

.company-form-controls .btn {
    margin-right: 5px;
}

#archive-company-modal .company-name {
    color: red;
}

.archive-company-form {
    display: none;
}

.detail-information {
    margin-top: 10px;
    font-size: 11px;
}

.bootstrap-table .dropdown-item {
    padding-left: 10px;
    padding-right: 10px;
}

.empty-field-block {
    height: 50px;
    padding-bottom: 15px;
}