/*  ==========================================================================
    CONTENT
    ========================================================================== */


/*
    Lists
    ==================================== */

.Flat {

    .Flat-item, li, dt, dd {
        display: inline-block;
        margin-bottom: 5px;
    }

}


/*
    Media Listing
*/
.Media {
    margin-bottom: 0px;
}

.Media-item {
    text-align: center;
}

/*
    Branding elements
*/






/* Message Center */
/* @todo:
    - refaktozirirati
    - izbaciti suvišne elemente
    - izbaciti id
*/

#cf-message-center {
    @include position(fixed, 69px 0px 0 0px);
    text-align: center;
    z-index: 900;

    .cf-message {
        color: $color-white;
        text-shadow: 0px 1px 0px rgba($color-black,.2);

        .cf-message-wrapper {
            background: $color-brand-delta;
            padding: 10px 60px;
        }

        a {
            color: $color-white;
            text-decoration: underline;

            @include hover {
                text-decoration: none;
            }
        }

        .cf-message-close {
            background-color: $color-brand-delta;
            color: $color-white;
            font-weight: bold;
            margin: 0 -10px 0 10px;
            padding: 0 10px 2px;
        }
    }

    .cf-message-error {

        .cf-message-wrapper,
        .cf-message-close   { background-color: $color-error; }

    }

    .cf-message-success {

        .cf-message-wrapper,
        .cf-message-close   { background-color: $color-success; }

    }

    .cf-message-warn {

        .cf-message-wrapper,
        .cf-message-close   { background-color: #ff9400; }
    }

    .cf-message-log {
        color: $color-black;
        text-shadow: 0px 1px 0px rgba($color-white,.20);

        .cf-message-wrapper,
        .cf-message-close   { background-color: #eee; }

        a { color: $color-black; }
    }

    .cf-message-debug {
        color: $color-black;
        text-shadow: 0px 1px 0px rgba($color-white,.20);

        .cf-message-wrapper,
        .cf-message-close   { background-color: #fbf1cd; }

        a { color: $color-black; }

    }

}


/* Flash */
.Flash {
    background-color: $color-brand-delta;
    border-radius: $border-radius-s;
    color: $color-white;
    margin-bottom: $spacing-size-xl + px;
    margin-top: $spacing-size-xl + px;
    padding: $spacing-size-m + px;
    text-shadow: 0px 1px 0px rgba($color-black,.2);

    p {
        margin: 0;
    }
}

.Flash--success {
    background-color: $color-success;
}

.Flash--error {
    background-color: $color-error;
}

.Flash--warn {
    background-color: #ff9400;
}

.Flash--log {
    background-color: #eee;
    color: $color-black;
    text-shadow: 0px 1px 0px rgba($color-white,.20);
}

.Flash--debug {
    background-color: #fbf1cd;
    color: $color-black;
    text-shadow: 0px 1px 0px rgba($color-white,.20);
}

.Flash-icon {
    margin-right: $spacing-size-s + px;
}





/* flash messages */
#flash-messages {
    list-style: none;
    padding: 0;
}
#flash-messages .success {
    background: green;
    color: white;
}

/* notification */
.cg-notify-message {
    position:fixed;
    left: 50%;
    top: 60px;
    z-index: 9999;

    border:1px solid rgb(240, 195, 109);
    background-color: rgb(249, 237, 190);
    font-size: 13px;
    font-weight: bold;
    padding:2px 8px 2px 8px;

    /* 4 sec delay for longer message visibility */
    -webkit-transition: top 0.5s ease-out,opacity 0.5s ease-out 4s;
    -moz-transition: top 0.5s ease-out,opacity 0.5s ease-out 4s;
    -o-transition: top 0.5s ease-out,opacity 0.5s ease-out 4s;
    transition: top 0.5s ease-out,opacity 0.5s ease-out 4s;
}
.cg-notify-message a {
    padding: 0 5px;
}
.cg-notify-message.success {
    background-color: rgb(190, 237, 190);
    border-color: rgb(109, 195, 109);
}
.cg-notify-message.error {
    background-color: rgb(249, 190, 190);
    border-color: rgb(240, 109, 109);
}
.cg-notify-message.hold {
    opacity: 1 !important;
}
.cg-notify-message.hold-end {
    -webkit-transition: opacity 0.5s ease-out 0s !important;
    -moz-transition: opacity 0.5s ease-out 0s !important;
    -o-transition: opacity 0.5s ease-out 0s !important;
    transition: opacity 0.5s ease-out 0s !important;
}










.g > .cf-form-field-label label { float: right; padding-top: 8px; text-align: right; }
.g > .cf-form-field-label.u-textLeft label { float: none; text-align: left; }

/* Related list items */
.cf-form-entity-collection > span { background: white; display: block; padding: 5px 10px; position: relative; border-bottom: 1px solid #eee; }
/*.cf-form-entity-collection-remove a { color: red; }
.cf-form-entity-collection-edit a { color: blue; }*/

.cf-form-entity-collection > span:last-child { border-bottom: none; }
.cf-form-entity-collection-item .fa { position: absolute; top: 11px; right: 10px; display: none; color: red; }
.cf-form-entity-collection-item .fa:last-child { right: 26px; color: #666;  }
.cf-form-entity-collection-item .fa:hover { color: black; }
.cf-form-entity-collection-item:hover .fa { display: inline-block; }

.cf-list-type-image .cf-list-item { display: inline-block; vertical-align: top; }
.cf-list-type-file .cf-list-item { display: block; }

.cf-list-type-widget 
{
    display: block;
    
    .cf-list-item 
    {
        display: block;    
    }
}
.k-pager-wrap.k-widget { clear: both; }

.tmp-itemID { color: #424242; display: block; font-size: em(12,15); font-style: italic; }
.tmp-itemInfo 
{ 
    position: relative; padding: 10px;
    .cf-list-type-file & {
        padding-top: 5px; padding-bottom: 5px; 
    }
}

html body .k-multiselect-wrap li { @include rem('font-size', 12px); @include rem('line-height', 20px); margin: 2px; padding: .5em; }









