/*** BEGIN: HTML elements ***/
body {
    font-family: "open sans", "tahoma", sans-serif;
}

select option.others {
    color: #999;
}
/*** END: HTML elements ***/

/*** BEGIN: CUSTOM CHECKBOX ***/
/* Customize the label (the container) */
label.container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    font-weight: normal;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width:100%;
}

/* Hide the browser's default checkbox */
label.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
}

/* On mouse-over, add a grey background color */
label.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
label.container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
label.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
label.container .checkmark:after {
    left: 9px;
    top: 5px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/*** END: CUSTOM CHECKBOX ***/


/*** BEGIN: HEADER ***/
header {
    background-color: #148;
}

header a, header .subtitle {
    color: #fff;
}

header a:hover {
    color: #def;
    text-decoration:none;
}
/*** END: HEADER ***/


/*** BEGIN: SIDEBAR ***/
.sidebar .block {
    margin-bottom: 35px;
}

.sidebar .block h4 {
    font-weight: bold;
}

.menu-label {
    font-size: 14px;
}

aside.menu .menu-item {
    margin-bottom: 10px;
}

.menu-list a.is-active {
    background-color: #999;
}

.menu-item.info {
    border-bottom: 1px dotted #999;
}
/*** END: SIDEBAR ***/


/*** BEGIN: MAIN NAVIGATION ***/
.navbar {
    border-top: 6px solid #6ac;
    border-bottom: 3px solid #eee;
}

.navbar-responsive-divider {
    border-bottom: 1px solid #ddd;
}
/*** END: MAIN NAVIGATION ***/


/*** BEGIN: MAIN CONTENT ***/
.main {
    padding-top: 30px;
}

.main > .container {
    min-height: 400px;
}

.main .filter {
    margin-bottom: 5px;
}

.greeting {
    margin-bottom: 20px;
}

.content .project.teaser {
    margin-top: 15px;
    margin-bottom: 5px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.content.project-info {
    margin-bottom: 1.5rem;
}

h3.title a,
.tag a {
    color: #333;
}

.tag.is-success a {
    color: #fff;
}

.message {
    margin-bottom: 10px;
}

.user-form {
    margin-bottom: 20px;
}

.table-my-project, .pagination {
    margin-bottom: 20px;
}

.myproject-search {
    border:1px solid #ccc;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 30px;
    background-color: #f5f5f5;
}

.content ul.pagination-list {
    list-style: none;
    margin-left: 0;
    margin-top: 0;
}

/*** END: MAIN CONTENT ***/


/*** BEGIN: SEARCH RESULT ***/
.search-result .project {
    margin-bottom: 30px;
}

.search-result .project .heading .title {
    margin-bottom: 5px;
}

.search-result .project .heading .sub-title {
    margin-bottom: 5px;
}

.search-result .project .body .action {
    margin-top: 10px;
    margin-left: 0;
}

/*** END: SEARCH RESULT ***/


/*** BEGIN: FOOTER ***/
.footer {
    font-size: 14px;
    padding: 10px;
    color:#fff;
    background-color: #222;
}

.footer a {
    color:#fff;
}
/*** END: FOOTER ***/


/*** BEGIN: FORM COMPONENTS ***/
.input.multiline, .textarea.multiline  {
    margin-bottom: 5px;
}
/*** END: FORM COMPONENTS ***/


/*** BEGIN: ADDITIONAL COMPONENTS ***/
.font-normal {
    font-weight: normal;
}

.action {
    margin: 5px;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.hidden {
    display: none;
}
/*** END: ADDITIONAL COMPONENTS ***/