body {
    padding-top: 120px;
    padding-bottom: 30px;
}

.theme-dropdown .dropdown-menu {
    position: static;
    display: block;
    margin-bottom: 20px;
}

.theme-showcase > p > .btn {
    margin: 5px 0;
}

.log-in-out {
    margin-top: 23px;
}

div.brand-text { 
    text-shadow: 0 1px 0 rgba(255, 255, 255, .4), 0 0 15px rgba(255, 255, 255, .175); 
    text-align: center; 
    font-family: playball, sans-serif; 
    font-size: 48px 
}

.post-date {
    color: #999;
}

.exotic{
    text-shadow: 0 1px 1px rgba(124, 115, 115, 0.75); 
    font-family: playball, sans-serif; 
}

.btns-lang{
    margin-top: 8px;
}

/*** VALIDATE ***/

input.error {
    background: url('../img/assets/system/icon-fail.png') no-repeat right center #ffebef;
    color: #480000;
}

select.error {
    background: url('../img/assets/system/icon-fail.png') no-repeat 87% center #ffebef;
    color: #480000;
}

span.form-error.help-block {
    display: block;
    color: red;
    margin-top: 6px;
    padding-left: 0;
}

label.error{
    color: #a94442;
}

input.valid {
    background: url('../img/assets/system/icon-ok.png') no-repeat right center #e3ffe5 !important;
    color: #002f00;
    border-color: #96b796 !important;
}

select.valid {
    background: url('../img/assets/system/icon-ok.png') no-repeat 87% center #e3ffe5 !important;
    color: #002f00;
    border-color: #96b796 !important;
}

/****** System Messages warnings/information *******/
/* alert_warning, alert_danger, alert_success, alert_info */

#alert-box div.alert {
    padding-top: 15px;
    padding-bottom: 15px;
}

div.alert button.close {
    color: #000000 !important;
    background: transparent !important;
}

#msg-box .close {
    position: relative;
    top: 0px;
    right: 0px;
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000000 !important;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

#msg-box .close:hover,
#msg-box .close:focus {
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    opacity: 0.4;
    filter: alpha(opacity=40);
}

#msg-box button.close {
    /*    display: none;*/
    padding: 0;
    cursor: pointer;
    background: transparent !important;
    border: 0;
    -webkit-appearance: none;


}

#msg-box div.alert 
{
    margin: 20px;
    padding: 10px 20px;
    text-align: left;
    min-height: 100px;
}

#msg-box div.alert h5
{
    margin-left: 40%;
    border: 0px;
    font-size: 16px;
    font-weight: bold;
}

#msg-box .alert em {
    font-weight: bold;
}

#msg-box div.alert_danger {
    border: 2px solid #990033;
    color: #600;
    background: #fee url(../img/assets/system/alert-error.png) no-repeat;
    background-position: center left;
    padding-left: 92px;
    /*min-height: 80px;*/
}
#msg-box div.alert_danger h5 {
    color: #600;
    background-color: #fee;
}
#msg-box div.alert_danger em {
    color: #600;
}
#msg-box div.alert_info {
    border: 2px solid #00c;
    color: #006;
    background: #eef url(../img/assets/system/alert-info.png) no-repeat;
    background-position: center left;
    padding-left: 92px;
    /*min-height: 100px;*/
}
#msg-box div.alert_info h5 {
    color: #00c;
    background-color: #eef;
}
#msg-box div.alert_info em {
    color: #00c;
}
#msg-box div.alert_warning {
    border: 2px solid #9E6722;
    color: #333;
    background: #ffc url(../img/assets/system/alert-info.png) no-repeat;
    background-position: center left;
    padding-left: 92px;
    /*min-height: 70px;*/
}
#msg-box div.alert_warning h5 {
    color: #777712;
    background-color: #ffc;
}
#msg-box div.alert_warning em {
    color: #777712;
}
#msg-box div.alert_success {
    border: 2px solid #336600;
    color: #333;
    background: #ccffcc url(../img/assets/system/alert-success.png) 10px no-repeat;
    padding-left: 80px;
    /*min-height: 40px;*/
}
#msg-box div.alert_success h5 {
    color: #336600;
    background-color: #ccffcc;
}
#msg-box div.alert_success em {
    color: #336600;
}


/*** DATEPICKER ***/
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  color: #555;
  /*font: initial;*/
}


/*** MARKDOWN ***/

.markdown-body {
    font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, freesans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 16px;
    line-height: 1.6;
    word-wrap: break-word;
}

.markdown-body a {
    color: #4078c0;
    text-decoration: none;
}

.markdown-body h1 {
    padding-bottom: 0.3em;
    font-size: 2.25em;
    line-height: 1.2;
    border-bottom: 1px solid #eee;
}

.markdown-body h2 {
    padding-bottom: 0.3em;
    font-size: 1.75em;
    line-height: 1.225;
    border-bottom: 1px solid #eee;
}

.markdown-body h3 {
    font-size: 1.5em;
    line-height: 1.43;
}

.markdown-body h1, 
.markdown-body h2, 
.markdown-body h3, 
.markdown-body h4, 
.markdown-body h5, 
.markdown-body h6 {
    /*margin-top: 1em;*/
    margin-bottom: 16px;
    font-weight: bold;
    line-height: 1.4;
}

.markdown-body code, .markdown-body tt {
    color: #333;
    background-color: #F7F7F7;
}

.markdown-body table {
    display: block;
    width: 100%;
    overflow: auto;
    word-break: normal;
    word-break: keep-all;
    border-collapse: collapse;
    border-spacing: 0;
}

.markdown-body table tr {
    background-color: #fff;
    border-top: 1px solid #ccc;
}

.markdown-body table th, .markdown-body table td {
    padding: 6px 13px;
    border: 1px solid #ddd;
}

.markdown-body p, 
.markdown-body blockquote, 
.markdown-body ul, 
.markdown-body ol, 
.markdown-body dl, 
.markdown-body table, 
.markdown-body pre {
    margin-top: 0;
    margin-bottom: 16px;
}

.modalDialog {
    position: fixed;
    font-family: Arial, Helvetica, sans-serif;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.8);
    opacity:0;
    -webkit-transition: opacity 400ms ease-in;
    -moz-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
    pointer-events: none;
}

.modalDialog:target {
    opacity:1;
    pointer-events: auto;
}

.modalDialog > div {
    max-width: 95%;
    position: relative;
    margin: 10% 25px;
    padding: 5px 20px 13px 20px;
    border-radius: 10px;
    background: #fff;
    background: -moz-linear-gradient(#fff, #999);
    background: -webkit-linear-gradient(#fff, #999);
    background: -o-linear-gradient(#fff, #999);
}

.close {
    background: #606061;
    color: #FFFFFF;
    line-height: 25px;
    position: absolute;
    right: -12px;
    text-align: center;
    top: -10px;
    width: 24px;
    text-decoration: none;
    font-weight: bold;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
    opacity: 0.75;
}

.close:hover { background: #00d9ff; }

.loader {
    border: 16px solid #f3f3f3; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 2s linear infinite;
}

#loading{
    background-color: #000;
    opacity: .5;
}

#loading .modal-dialog{
    width: 90px;
    top: 50%;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
.loader-gif {
    width: 60px;
    height: 60px;
}