﻿html {
    overflow-y: scroll;
}

body {
    /*background-color: #fff;*/
    background-color: #f5f5f5;
    line-height:40px;
    /*margin-top:70px;*/
    /*max-width: 1200px;*/ /*Remove this to make it full screen*/
}
/*@media screen and (max-width: 768px) {
    body { margin-top: 0px; }
}*/

.table th a
{
    cursor:pointer;
}
.dropdown-menu a
{
    cursor:pointer;
}

.pager-container
{
    padding:0px 10px 20px 15px;
}

.content-wrapper {
    margin: 0 auto;
    max-width: 960px;
    padding-right: 10px;
    padding-left: 10px;
}

.saving-message-container
{
    margin: 10px 0px;
}

.error-message-container
{
    margin: 10px 0px;
}

/* #region Tabs and edit style */

.tabs
{
    cursor:pointer;
}
.data-field-label
{
    font-weight:bold;
}
.bootstrap-grid-data-field-items input textarea
{
    width:90%;
}
.bootstrap-grid-data-field-items label
{
    font-weight:bold;
    padding:0em 0em 0em .2em;
}

/*.data-edit-two-column-layout-col1
{
    background-color:#f5f5f5;
    float:left; 
    width:400px; 
    padding:0px 5px;
}
.data-edit-two-column-layout-col2
{
    background-color:yellow; 
    float:left; 
    padding:5px;
}*/

/*#endregion */

/*#region Header */

#body {
    clear: both;
}

.hero-unit-loading
{
    padding:150px;
    text-align:center;
}

.well-container
{
    padding:0 25px 0 0;
}

.navbar-custom
{
    font-size:1.2em;
}
/*.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #484545, #333030);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#484545), to(#333030));
  background-image: -webkit-linear-gradient(top, #484545, #333030);
  background-image: -o-linear-gradient(top, #484545, #333030);
  background-image: linear-gradient(to bottom, #484545, #333030);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff484545', endColorstr='#ff333030', GradientType=0);
}*/

.account-links a a:hover a:visited
{
    color:#fff;
    text-decoration:none;
}

.ui-highlighted-autocomplete-term 
{   
    font-weight: bold; color: blue; 
}


ul
{
    list-style-type: none;
}
.accordian-row {
    margin-top: 15px;
}
.accordian-header-custom
{
    height:25px;
}




#userSettings {
    float: right;
    padding: 3em 2em 0em 0em;
}

    #userSettings > form:before {
        content: ' | ';
    }

    #userSettings form {
        display: inline;
    }

#menu {
    list-style-type: none;
    padding: 0;
}

    #menu li {
        display: inline-block;
    }

    #menu li:not(:first-child) {
        margin-left: .8em;
    }

/*#endregion */

/*#region forms */

#changePasswordForm input,
#registerForm input,
#loginForm input {
    border: 1px solid #dedede;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

    #changePasswordForm input[type=text], #changePasswordForm input[type=password],
    #registerForm input[type=text], #registerForm input[type=password],
    #loginForm input[type=text], #loginForm input[type=password] {
        background: white;
        width: 220px;
    }

#loginForm input[type=checkbox]{
    /*border: none;*/
}

#changePasswordForm input[type=submit] {
    margin-bottom: .8em;
}

#registerPanel{
    display: none;
    position: relative;
    float: left;
    text-align: left;
    padding: 25px;
}

#loginPanel {
     display: block;
    /*position: relative;*/
    float: left;
    text-align: center;
    padding: 25px;
    width: 600px;/**/
}

#registerPanel h2,
#loginPanel h2 {
    padding-bottom: .5em;
    margin: 0;
}

#registerPanel a,
#loginPanel a {
    color: navy;
    font-weight: bold;
    cursor: pointer;
}

#registerPanel p,
#loginPanel p {
    clear: both;
}

#localLoginPanel {
    /*border-right: solid 2px #c8c8c8;
    width: 45%;*/
    text-align: left;
    float: left;
}

#socialLoginPanel {
    margin-left: 40px;
    float: left;
    width: 45%;
    text-align: left;
}

    #socialLoginPanel h2 {
        margin-bottom:  5px;
    }

#socialLoginList button {
    margin-bottom: 12px;
}

#externalLogins {
    text-align: left;
    padding-left: 25px;
}

.login-rememberme-checkbox-section
{
     float:left;
}
.login-rememberme-label-section
{
    float:left;
    padding: 14px 0px 0px 8px;
}
.login-button-section
{
    clear:both;
    padding:10px 0px;
}

/*#endregion */

#main-content {
    min-height: 400px;
    text-align: left;
    padding:0em 1em 0em 1em;
}
.main-content-title
{
    padding:0em 0em 1em 2em;
}
    .main-content-title .title-main
    {
        font-weight:bold;
        font-size:1.3em;
        color:#5fbf5f;
    }
    .main-content-title .title-sub
    {
        font-size:1.3em;
        color: #0e190e;
    }
.main-content-data
{
    padding: 0em 0em 0em 2em;
}
.main-content-data label
{
    /*font-weight:bold;*/
}
.page-title
{
    height:20px; 
    background-image:url('images/dark_leather.png'); 
    background-repeat: repeat-x; 
    padding:30px; 
    /*background-color:black;
    font-size: 2em;
    padding: .5em 0em .5em 1em;*/
    
}

    .page-title .title-main
    {
        color:white;
        font-size: 2.5em;
    }
    .page-title .title-sub
    {
        /*color:orange;
        color:#67b2f8;*/
        color:#0088ac;
        font-size: 2em;
    }


/*#region info and errors */
.error {
    float: none;
    color: red;
    padding-left: .5em;
    vertical-align: top;
}

.validation-summary-errors {
    color: red;
    list-style: none;
    width: 220px;
    font-size: .8em;
}

.validation-summary-errors ul{
    padding: 0 !important;
    margin: 0 !important;
}

.main-content-data-save-cancel-print
{
    padding: 0em 0em 0em 0em;
}

/*#endregion */

/*#region Unauthorized */

#unauthorized {
    margin: 3em 0;
    text-align: center;
}

    #unauthorized ul {
        list-style: none;
        padding: 0;
        margin: 3em 0;
    }

    #unauthorized li {
        display: inline-block;
        padding: 6px 20px;
        background-color: #dedede;
        border: 1px solid gray;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
    }

        #unauthorized li:first-child {
            margin-right: 2em;
        }

/*#endregion */

/*#region Footer */

footer
{
    text-align:center;
    margin:2em 0em 0em 0em;
    padding:1em 0em 0em 1em;
    border-top: solid 1px #bcbcbc;
}

/*#endregion */

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

    body {
        margin: .2em 0;
    }

    header {
        text-align: center;
    }
}