/**
 * Main app styles
 */

select {
    border-radius:3px;
}

legend {
    margin-bottom:20px;
}
legend + .control-group {
    margin-top:0;
}

#content > h1 {
    padding: 0px 0px 14px; border-bottom: 1px solid rgb(229, 229, 229); margin: 0px 0px 10px;
}

#profile-photo {
    margin:4px auto 4px !important;
    width:120px;
    height:110px;
}
#notes-dropdown {
    min-width:210px;
    padding:10px 0 0;
    color:#333;
}
    #notes-dropdown > div {
        padding:0 10px;
    }
    #notes-dropdown > div a {
        display:block;
        width:100%;
        margin:0 0 10px;
        padding:5px 0;
    }
    #notes-dropdown > p {
        padding:10px 10px;
        border-top:1px solid #eee;
        margin:0;
    }
    #notes-dropdown > p:hover {
        background:#f8f8f8;
    }
    
    #notes-dropdown > p a {
        color:#0088CC;
        display:inline;
        padding:0;
        font-weight:bold;
    }
    #notes-dropdown > p a:hover {
        color:#005580;
    }
    #notes-dropdown > p .label {
        position:relative;
        top:-2px;
    }
    #notes-dropdown > p:last-child {
        text-align: center;
        font-size:12px;
        background:#f8f8f8;
        border-color:#ccc;
    }

table .progress {
    margin:0;
}

.note {
    font-style:italic;
    margin:0 0 13px;
}

.simpleBlockList, .simpleBlockListSortable {
    margin:0;
}

.simpleBlockList li, .simpleBlockListSortable li {
    list-style:none;
    padding:5px;
    display:inline-block;
    border:1px solid #ddd;
    margin:0 3px 7px 0;
}
.simpleBlockList li:hover, .simpleBlockListSortable li:hover {
    background:#F9F9F9;
}

.simpleBlockListSortable {
    display:table-row;
}
.simpleBlockListSortable li {
    display:block;
}
.simpleBlockListSortable li > span {
    margin-right:8px;
}
.simpleBlockListSortable li > a {
    float:right;
    margin-left:5px;
}

.simpleBlockListSortablePlaceholder {
    background:#eee;
    border:1px solid #ddd;
    margin:0 3px 7px 0;
    height:18px;
}

.countdown {
    font-size:20px;
    display:inline-block;
    width:30px;
    color:#777;
    position:relative;
    top:5px;
    text-align:center;
}

.form-container {
    margin-left:39px;
}
@media (max-width: 767px) { 
    .form-container {
        margin-left:0;
    }
}

.relationCategory {
    color:#0066cc;
}
.relationType {
    color:#0a7f0a;
}

.titleBorder {
    border-bottom:1px solid #e5e5e5;
    margin:12px 0 13px;
    padding-bottom:1px
}

.searchChosen {
    display:inline-block;
    position:relative;
    top:11px;
    margin-top:-12px;
    margin-bottom:12px;
    vertical-align: top;
}
    .searchChosen .chzn-container-multi .chzn-choices .search-field input {
        padding: 5px 5px 4px;
    }
.searchResult h2 a, .searchResult .searchDescription a {
    color:#444;
}
.searchResult h2 a:hover, .searchResult .searchDescription a:hover {
    color:#666;
    text-decoration:none;
}

.tooltip.in {
    opacity:1;
}

/* Training */
.trainingItems {
    position:relative;height:125px;
}
    .trainingItems > div {
        display:none;
        clear:left;
        position:absolute;
        top:0;
        width:100%;
    }
    .trainingItems > div > a {
        display:inline-block;
        float:left;
        margin-right:15px;
    }
    .trainingItems > div > div {
        margin-left:120px;
    }
    .trainingItems > div > div p {
        color:#888;
    }
    .trainingItems > div > div blockquote {
        margin-left:5px;
    }

/* Logo */
.navbar .brand {
    padding: 6px 20px 0px;
    color:white;
    font-style: normal;
}
.brand img {
    width:auto;
    height:auto;
}

.icon-tree-view {
    background:transparent url(/images/ico-tree-view.png) 1px 1px no-repeat;
}
.icon-return {
    background:transparent url(/images/ico-return.png) 0px 1px no-repeat;
}

.help-small {
    font-size:11px;
    margin-top:1px !important;
}

.noty_bar.noty_layout_topCenter {
    top:40px;
}

.inlineProgressBar {
    margin-top:3px;
}
@media (min-width: 450px) {
    .inlineProgressBar {
        display:inline-block;
        width:400px;
        margin:0;
        position:absolute;
        top:1px;
        left:87px;
    }
}

@media (max-width: 979px) {
    .sidebarShortText {
        display:none !important;
    }
}
@media (min-width: 1350px) {
    .sidebarShortText {
        display:none !important;
    }
}
@media (min-width: 768px) and (max-width: 1350px) {
    /**/
    .sidebarLongText {
        display:none !important;
    }
}


.dropdown-menu li > a:hover i[class^="icon-"], .dropdown-menu li > a:hover i[class*=" icon-"], 
.dropdown-menu .active > a i[class^="icon-"], .dropdown-menu .active > a:hover i[class*=" icon-"]{
    background-image:url("/template/img/glyphicons-halflings-white.png");
}
.dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    background:#D65F58;
}

/* FIX dropdown in btn-group */
.btn-group > .btn-group {
    float:left;
}
.btn-group > .btn-group > .btn.dropdown-toggle {
  margin-left: -1px;
  border-radius:0;
}
.btn-group > .btn-group:last-child > .btn.dropdown-toggle {
  margin-left: 0;
  border-top-right-radius:4px;
  border-bottom-right-radius:4px;
  border-left: 1px;
}
.btn-group > .btn-group:first-child > .btn.dropdown-toggle {
  margin-right: 0;
  border-top-left-radius:4px;
  border-bottom-left-radius:4px;
  border-right:1px;
}
.btn-group.dropdown+.btn-group.dropdown {
    margin-left: 0;
}

/* Text colors */
.text-warning {
    color: #C09853;
}
.text-error {
    color: #B94A48;
}
.text-info {
    color: #3A87AD;
}
.text-success {
    color: #468847;
}

/* Chosen plugin in gridview */
.grid-view .filters .chzn-container .chzn-choices {
    margin:-6px 0;
    top:5px;
}
.grid-view .filters .chzn-container .search-field {
    height: 29px;
}
.grid-view .filters .chzn-container .search-field input {
    height:27px;
}
.grid-view .filters .chzn-container {
    /*margin-right:-33px;*/
    -moz-box-sizing:border-box;
    width:100% !important;
}
/* Deleted row */
.grid-view .deleted td {
    background:#F2DEDE !important;
}

.grid-view .deleted:hover td {
    background:#F2D1D1 !important;
}


/* Detail view */
table.detail-view .null {
    color:#bbb;
    font-style: italic;
}