/******************************************************************************
 * Cascading-Style-Sheets file for Admidio - 'simple' Theme
 *
 * Author       : Christian Koslowski (chr.koslowski@gmx.de)
 * 
 * This stylesheet is based on the admidio.css of the 'modern' theme created
 * by the admidio team:
 *
 * Homepage     : http://www.admidio.org
 * License      : GNU Public License 2 http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Here you can edit the look and feel of Admidio
 *
 *****************************************************************************/

/* Installation instructions:

Please copy the complete theme folder 'modern' to the same place with another 
name, e.g. 'simple'. Then replace the admidio.css within the subfolder 'css'
with this version of the file.
Now logon to admidio, go to Preferences->General and change the theme to the 
new folder name created before. Save the settings.
If you now reload the page the new theme become visible.

*/


/* Adapt this CSS to your organization:

This CSS uses two basic colors only: 
#96c4cb - light grayblue, the 'Admidio' color, used for background and title font
#44939f - dark grayblue, used for title background

If you have special colors assigned to your organisation, you can just replace the 
two colors above with yours using the search and replace function of your editor. 
To get the html color code you may use http://www.w3schools.com/tags/ref_colornames.asp
or a similiar tool. The color of the editor box is defined within admidio. If this 
color is no more suitable please change this in Preferences->General. #e0e0e0 (light grey)
would fit to most color schemes.

If you would like to use your own logo please exchange logo.png in the images subfolder
with your own. If this logo has a different format as the existing one (300 x 130)
you may update the settings of #admidio-logo within this CSS file.

*/
  

/**************************************************/
/* Basic Admidio layout classes */
/**************************************************/

body {
    color: #474b4c;
    background-color: #1e9254;
    text-align: center;
}

#page {
    text-align: center;
    margin: auto;
    margin-bottom: 5px;
    padding: 0;
    max-width: 1200px;
    background-color: #ffffff; 
}

#page-h1-membership {
    color: #1e9254;
    font-weight: bold;
    border-bottom: none;
    margin-top: 0;
}

#page-h1-orga {
    font-size: 13pt;
    font-weight: bold;
    background-color: #1e9254;
    color: #ffffff;
}

body > .admContent {
    background-color: #ffffff;
    padding: 15px;
}

.admidio-container {
    text-align: left;
    padding: 5px;
    padding-bottom: 0px !important;
    background-color: #ffffff; 
}

/* Layout adjustments for devices > 7" */
@media (min-width: 768px) {
    body {
        padding: 0px 20px 0px 20px;
    }

    .admidio-container {
        padding: 15px;
    }
    
    #page-h1-membership {
        font-size: 14pt;
        letter-spacing: 0.2em;
        margin-left: 240px;
    }

    #page-h1-orga {
        font-size: 14pt;
        letter-spacing: 0.2em;
        margin: 0 0 25px 0;
        padding: 3px 10px 3px 240px;
        border-radius: 0px;
    }

    #admidio-logo {
        visibility: inherit;
        position: relative;
        top: -10px;
        width: 180px;  
	    padding: 0px 0px 0px 18px;
	    margin: 0px;
        margin-bottom: -105px;
    }

}

@media (min-width: 992px) {
    body {
        padding: 0px 30px 0px 30px;
    }

    #page-h1-membership {
        font-size: 18pt;
        margin-left: 350px;
    }

    #page-h1-orga {
        font-size: 24pt;
        padding: 3px 10px 3px 350px;
    }

    #left-col {
    	padding-right: 0px;
    }
    
    #right-col {
    	 padding-left: 0px; 
    }
    

    #admidio-logo {
        visibility: inherit;
        width: 300px;
	    padding: 0px 0px 0px 30px;
        margin-bottom: -125px;
    }

    .admidio-default-menu-item {
        display: none !important;
    }
}

/* Layout adjustments for small devices */
@media (max-width: 767px) {
    #page-h1-orga {
	    color: #ffffff;
	    background-color: #1e9254;
        font-size: 14pt;
        letter-spacing: 0.1em;
        padding: 7px 10px 7px 5px;
        margin: -5px;
    }
}

@media (max-width: 991px) {
    #header-block {
    	padding-top: 0px;
    	margin-top: -5px;
    }

    #adm_menu_item_login, #adm_menu_item_registration, #adm_menu_item_my_profile,
    #adm_menu_item_logout, #right-block {
        display: none !important;
    }
}

/**************************************************/
/* Headlines */
/**************************************************/

h1, h2, h3, h4, h5 {
    color: #333333;
    font-weight: bold;
    margin: 20px 0 15px 0;
}


h1 {
    border-bottom: 2px solid #1e9254;
}

h2 {
    border-bottom: 1px solid #1e9254;
    font-size: 130%;
}

h3 {
    font-size: 110%;
}

@media (min-width: 768px) {
    h1 {
        font-size: 140%;
        font-weight: bold;
        letter-spacing: 0.2em;
    }
}

@media (min-width: 992px) {
    h1 {
        font-size: 170%;
        font-weight: bold;
        letter-spacing: 0.2em;
    }
}

@media (max-width: 767px) {
    h1 {
        font-size: 140%;
        font-weight: bold;
    }

}

/**************************************************/
/* Other styles */
/**************************************************/

hr {
	border: 0px;
    border-top: 1px solid #1e9254;
    width: 100%;
    margin-bottom: 15px;
}

.ekko-lightbox-nav-overlay a:link, .ekko-lightbox-nav-overlay a:visited,
.ekko-lightbox-nav-overlay a:hover, .ekko-lightbox-nav-overlay a:active {
    color: #ffffff;
    text-decoration: none;
}

.badge {
    margin-left: 4px;
}

.lead {
    font-size: 12pt;
}

.modal-footer {
    text-align: left;
}

.alert {
    margin-top: 15px;
}

.alert-small {
    margin-top: 5px;
    padding: 5px;
}

.caret, .caret-right {
    margin-right: 3px;
}

.caret-right {
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
    border-left: 4px solid;
    display: inline-block;
    height: 0;
    vertical-align: middle;
    width: 0;
}

/**************************************************/
/* Links */
/**************************************************/

a:link, a:visited {
    color: #222222;
    text-decoration: underline;
}

a:hover, a:active, a.btn:hover, a.btn:active {
    text-decoration: underline;
    color: #d92530;
}

a.btn {
    padding-top: 0;
    padding-left: 0;
    text-align: left !important;
}

.admidio-menu a, .nav li a {
    color: #000000 !important;
    text-decoration: none !important;
}

.admidio-menu a:hover, .admidio-menu a:active, .nav li a:hover, .nav li a:active {
    background-color: #eeeeee;
}

/**************************/
/* Settings for all icons */
/**************************/

.admidio-icon-link img, .admidio-icon-info, .btn img, .dropdown-toggle span.glyphicon {
    border: none;
    vertical-align: text-top;
    margin-left: 3px;
    height: 16px;
}

.navbar-link img, .btn img, .alert .glyphicon, .btn, .dropdown-toggle span.glyphicon {
    margin-right: 5px;
}

.admidio-icon-info {
    cursor: help;
    margin-right: 2px;
}

.pagination img {
    margin: 0 5px;
}

/*******************************/
/* Settings for navigationbars */
/*******************************/

.navbar {
    min-height: 0;
    margin-left: -5px;
    margin-right: -5px;
    border: 0;
    border-radius: 0;
    background-color: #eeeeee;
}

.nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #474b4c !important;
}

.navbar .form-control, .navbar .btn {
    height: 28px;
    padding: 3px 8px;
}

.navbar-brand {
    color: #474b4c !important;
    padding: 10px 15px 10px 15px;
    line-height: inherit;
}

.navbar-toggle {
    margin-right: 5px;
}

.navbar .checkbox {
    padding-top: 2px;
    margin-bottom: 0;
}

.navbar .checkbox input {
    margin-right: 5px;
}

@media (min-width: 768px) {
    .navbar {
        margin-left: 0px;
        margin-right: 0px;
    } 
    .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-nav > li:first-child > a {
        padding-left: 0;
    }
}

/* Style for tabs */

.nav-tabs > .active > a:link, .nav-tabs > .active > a:visited, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:active {
    font-weight: bold;
    text-decoration: none !important;
    border-color: #bbbbbb !important;
}

/* Customize css for module menu */

.navbar-brand:link, .navbar-brand:visited, .navbar-brand:hover, .navbar-brand:active  {
    text-decoration: none !important;
}

/**************************************************/
/* Customized layout for forms and their elements */
/**************************************************/

.form-horizontal .control-label {
    text-align: left;
}


.admidio-form-vertical .form-control-static {
    padding-top: 0;
}

.form-control-static {
    padding-bottom: 0;
    min-height: 0;
}

.admidio-form-vertical label {
    margin-bottom: 0;
}

.form-group, input[type="file"] {
    margin-bottom: 10px;
    padding-top: 0;
}

.navbar-form .form-group {
    margin-left: 0;
    margin-right: 10px;
}

.navbar-form label {
    margin-right: 5px;
}

@media (min-width: 768px) {
    .col-sm-offset-3.btn {
        margin-left: 26%;
    }

    .form-control-small {
        width: 50%;
    }
}

.form-control:focus, .select2-container-active, .select2-choices, .select2-drop {
    border-color: #1e9254 !important;
    background-color: #f8f8f8 !important;
    box-shadow: none !important;
}

select.form-control {
    width: auto;
}

select[multiple] {
    min-width: 250px;
}

.select2-results {
    text-align: left;
}

input[data-provide="datepicker"], input[type="number"], input[type="time"] {
    width: 130px !important;
}

.datetime-date-control {
    display: inline;
}

.datetime-time-control {
    width: 100px !important;
    margin-left: 20px;
}

.form-horizontal .form-group-editor {
    margin-left: 0;
    margin-right: 0;
}

.btn-group .btn {
    margin-right: 0;
}

.btn-primary {
    background-color: #cccccc;  
    border-color: #cccccc;
    color: #000000;
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #aaaaaa;
    border-color: #aaaaaa;
    color: #000000;
}

.btn.disabled {
    background-color: #eeeeee !important;
    border-color: #eeeeee !important;
    color: #ffffff;
}

.admidio-form-group-required label:after, .admidio-form-required-notice span:after {
    content: url(../icons/bullet_red.png);
    white-space: nowrap;
    vertical-align: top;
}

.admidio-form-required-notice {
    font-size: 9pt;
    margin-top: 5px;
    margin-bottom: -10px;
    text-align: right;
    width: 100%;
    display: inline-block;
}

/********************************************************************************/
/* A simple groupbox/panel to group some elements. This is often used in forms. */
/********************************************************************************/

.panel-default {
    border: 1px solid #eeeeee; 
}

.panel-default > .panel-heading {
    color: #333333;
    font-weight: bold;
    letter-spacing: 0.1em;
    background-color: #eeeeee;
}

.panel-default.in > .panel-heading {
    background-image: -moz-linear-gradient(top, #55b6c5 0%, #347078 95%); background-image: -webkit-linear-gradient(top, #55b6c5 0%, #347078 95%); background-image: -ms-linear-gradient(top, #55b6c5 0%, #347078 95%);
}

.panel-heading {
    display: inline-block;
    width: 100%;
}

.panel-heading a:link, .panel-heading  a:visited {
    color: #222222;
    font-weight: bold;
    text-decoration: none;
}


.panel-group .panel, .panel-default {
    border-radius: 0px !important;
}


/* Panel which includes the ckeditor in a nice way without separate borders */
.admidio-panel-editor .panel-body {
    padding: 0;
}

.admidio-panel-editor .panel-body .form-group {
    margin-bottom: 0;
}

.admidio-panel-editor .panel-body .cke_chrome {
    border-width: 0;
}


/* Information block with user and timestamp who created and edited the data */

.admidio-admidio-info-created-edited {
    font-size: 8pt;
    margin-top: 8px;
}

.admidio-info-created {
    display: block;
}

/* Layout for some boxes that is used in announcements or events module */

.panel-primary {
    background-color: transparent;
    border-color: transparent;
    box-shadow: none;
    margin-bottom: 30px;
}

.panel-primary > .panel-heading {
    color: #333333;
    font-size: 12pt;
    font-weight: bold;
    letter-spacing: 0.1em;
    background-color: transparent;
    border-bottom: 2px solid #1e9254;
    padding: 3px 0;
}

.panel-primary > .panel-body {
    padding: 10px 0;
}


.panel-primary > .panel-footer {
    padding: 0;
    background-color: white;
    border-top: 1px solid #1e9254;
}

.admidio-panel-heading-icon {
    margin-right: 8px;
    vertical-align: sub;
    border-width: 0;
}

.admidio-panel-comment {
    overflow: hidden;
    margin: 10px 20px;
}

/*******************************************************************/
/* Layout for tables that will be used in lists or download module */
/*******************************************************************/

@-moz-document url-prefix() {
    fieldset {
        display: table-cell;
    }
}

.table thead > tr > th {
    color: #333333;
    padding: 5px !important;
    border-bottom: 1px solid #1e9254;
}

.admidio-group-heading td {
    color: #515556;
    font-weight: bold;
    letter-spacing: 0.2em;
    border-bottom: 1px solid #1e9254;
}

.admidio-group-heading {
  cursor: pointer;
}

.table tbody > tr > td {
    word-break: break-all;
    word-wrap: break-word;
}

.table-hover > tbody > tr:hover > td {
    background-repeat: repeat-x;
    background-color: #eeeeee;
}

.dataTable {
    border-bottom: 1px solid #1e9254;
}

.dt-bootstrap {
    margin-bottom: 20px;
}

/**************************************************/
/* Module specific css layout */
/**************************************************/

#login_registration_link, #login_admidio_link {
    margin-top: 15px;
}

/* Profile */

@media (min-width: 768px) {
    #div_profile_photo {
        text-align: right;
    }

    #div_profile_photo a.btn {
        padding-right: 0;
        text-align: right !important;
    }
}


@media (max-width: 767px) {
    #div_profile_photo {
        text-align: left;
    }
}

#profile_photo {
    display: inline;
}

.admidio-list-roles-assign li, .admidio-list-roles-assign-pos li {
    border-width: 0;
}

.admidio-list-roles-assign li {
    padding: 0 0 15px 0;
}

.admidio-list-roles-assign, .admidio-list-roles-assign-pos {
    margin-bottom: -5px;
}

.admidio-list-roles-assign-pos li {
    padding: 0 0 5px 0;
}

/* Photos */

.admidio-img-presenter {
    margin-bottom: 10px;
}

.admidio-album-thumbnail {
    height: 200px;
}

.thumbnail:hover {
    border: 1px solid #d92530;
}

.thumbnail {
    margin-bottom: 5px;
}

/* Weblinks */

.admidio-weblink-item {
    padding-top: 15px;
}

.admidio-weblink-description {
    padding: 5px 0;
}

/* Events */

tr.admidio-event-highlight, .admidio-event-highlight .panel-heading {
    font-weight: bold;
    background-color: #1e9254;
}