﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

input[type=datetime-local] {
    max-width:220px;
}

/* Set padding to display errors that occur during databinding */
.padding-error {
    padding-top: 20px;
}

@media only screen and (max-width: 767px) {
    .nofloat {
        float: none;
        padding: 10px 15px;
    }
}

.navbar {
    color:rgb(255, 255, 255);
    border:0px;
    background-color:rgb(117,158,52);    
}

.navbar-inverse .navbar-brand, .navbar-inverse .navbar-nav > li > a {
    color:rgb(255, 255, 255);
    font-weight:bold;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:active {
    /*background-color:rgb(213,227,191); */
    /*color:rgb(0,0,0);    */
    text-shadow: 3px 1px 5px rgb(213,227,191);
}

.navbar-collapse {
    background-color:rgb(117,158,52);
    padding-left: 20px;
    padding-right:20px;
}

.navbar-collapse > ul > li > a > i.glyphicons {
    font-size:1.5em;
    margin-top:-.25em;
    color:rgb(213,227,191);
}

.navbar-barebones ul > li > a > i.glyphicons {
    font-size:1.5em;
    margin-top:-.25em;
}

.navbar-barebones ul > li > a.nidjit-disabled, .navbar-barebones ul > li > a.nidjit-disabled > i.glyphicons {
    cursor:not-allowed;
    color:rgb(213,227,191);
}

.navbar-barebones ul > li > a.nidjit-disabled:hover, .navbar-barebones ul > li > a.nidjit-disabled:hover > i.glyphicons,
.navbar-barebones ul > li > a.nidjit-disabled:active, .navbar-barebones ul > li > a.nidjit-disabled:active > i.glyphicons {
    text-shadow:none;
}

.navbar-barebones ul > li > a:hover {
    background-color:#ffffff;
    text-shadow: 3px 1px 3px rgb(213,227,191);
}

.navbar-collapse > ul > li > a:hover > i.glyphicons {
    color:rgb(117,158,52);
}

div.navbar-barebones {
    background-color:#ffffff;
    max-height:33px;
}

div.navbar-barebones > div.container > div.navbar-header {
    display:inline-block;
}

div.navbar-barebones .nidjit-header-logo {
    height:3.25em;
}

div.navbar-barebones a {
    color:rgb(117,158,52);
    font-weight:bold;
}

.navbar-nav-right {
    float:right;
    display:inline;
}

a {
    color:rgb(117,158,52);
}

/*nidjit styles*/
.nidjit-header-logo {
    max-height:4.4em;
    color:rgb(213,227,191);
    z-index:1351;
}

i.nidjit-avatar {
    font-size:8em;
    color:rgb(255, 255, 255);
    background-color: rgb(213,227,191);
    margin-top:.25em;
    padding:0;
    border-radius:3px;
}

img.nidjit-avatar {
    margin-top:1.25em;
    max-width:10em;
    border-radius:1em;;
}

i.nidjit-inbox-message-avatar {
    font-size:1.5em;
    color:rgb(255, 255, 255);
    background-color:rgb(213,227,191);
    border-radius:50%;
    padding:.1em;
}

img.nidjit-inbox-message-avatar {
    max-width:3em;
    border-radius:50%;
    padding:.1em;
    background-color:rgb(213,227,191);
}

@media(min-width:576px){
    .nidjit-header-logo {
        height:4.4em;
        margin-bottom:-.8em;
        background-color:transparent;
    }
    .body-content {
        margin-top:.6em;
    }
}
@media(min-width:768px){
    .navbar-collapse {
        max-height:50px;
    }
    .nidjit-header-logo {
        height: 4.4em;
        background-color:#ffffff;
        padding-right:4px;
    }
    .navbar {
        background-color:transparent;
        
    }
    i.nidjit-inbox-message-avatar {
        font-size: 3em;
    }
    img.nidjit-inbox-message-avatar {
        max-width:5em;
    }

}
@media(min-width:992px){}
@media(min-width:1200px){}


.nidjit-inbox, .nidjit-editcontainer {
    padding-top:.5em;
}

.nidjit-loader {
    margin:auto;
    padding-top:40px;
    padding-bottom:40px;
    display:block;
    text-align:center;
}

#nidjit-loader-text {
    font-weight: bolder;
    font-size:1.1em;
    color:#cccccc;
}

.nidjit-loader > img {
    margin:2px 10px;
}

.nidjit-inbox-message {
    border-bottom:1px solid #999999;
    padding-top:.5em;
    padding-bottom:.5em;
    background-color:#f9f9f9;
    cursor:pointer;
}

.nidjit-inbox-message:hover {
    border:1px solid #999999;
}

.nidjit-inbox-message-new {
    background-color:#ffffff;
}

.nidjit-inbox-message-author, .nidjit-inbox-message-title, .nidjit-inbox-message-bodysum, .nidjit-inbox-message-delivered {
    display:block;
}

.nidjit-inbox-message-author {
    font-size:.75em;
}

.nidjit-inbox-message-title {
    font-size:1.33em;
    font-weight:bold;
}

.nidjit-inbox-message-bodysum {
    font-size:.70em;
    color:#999999;
}

.nidjit-inbox-message-delivered {
    font-size:.75em;
    color:#999999;
}

.nidjit-inbox-message-read .glyphicons-message-new {
    display:none;
}

.nidjit-inbox-message-read .glyphicons-message-empty {
    color:#eeeeee;
}

.nidjit-inbox-message-new .glyphicons-message-new {
    
}

.nidjit-inbox-message-new .glyphicons-message-empty {
    display:none;   
}

.nidjit-inbox-message-closed .nidjit-inbox-message-bodysum {
    
}

.nidjit-inbox-message-closed .nidjit-inbox-message-body {
    display:none;
}

.nidjit-inbox-message-open {
    background-color:#ffffff;
    border-left:2px solid #999999;
    border-right:2px solid #999999;
    border-top:1px solid #999999;
    border-bottom:2px solid #999999;
}

.nidjit-inbox-message-open .nidjit-inbox-message-bodysum {
    display:none;
}

.nidjit-inbox-message-open .nidjit-inbox-message-body {
    padding:0em .5em;
}

.nidjit-inbox-message-open .nidjit-inbox-message-body > div {
     
}

.nidjit-inbox-message-body img {
    max-width:99%;
}

.nidjit-editcontainer .echo-panel {
    background-color:rgb(232,232,232);
}
.nidjit-editcontainer .echo-panel:nth-child(2n+1) {
    background-color:rgb(216,216,216);
}

.nidjit-editcontainer .echo-panel-body {
    margin-left:25%;
}

.nidjit-editcontainer .echo-panel-trigger, .nidjit-editcontainer .echo-panel-label {
    font-weight:bold;
    color:#666666;
    padding:.25em 0em .25em 1em;
}

.echo-panel-label {
    display:inline-block;
    min-width:25%;
    vertical-align:top;
}

.echo-panel-label > input.form-control {
    
}

.nidjit-editcontainer .echo-panel-header-cont {
    padding:.25em 0em .25em 0em;
    min-width:70%;
    display:inline-block;
    font-weight:bold;
}

.nidjit-editcontainer .echo-panel-trigger:before {
    color:rgb(117,158,52);
}

.nidjit-editcontainer .echo-panel-body {
    margin-bottom:.5em;
}

a.nidjit-disabled {
    cursor: not-allowed;
    color: rgb(213,227,191) !important;
}

.nidjit-status-info {
    color:#999999;
    font-size:.75em;
    vertical-align:middle;
    text-align:right;
    padding:0em 0em .5em 0em;
    margin-top:-1em;
    float:right;
}
/*end nidjit styles*/