.alerts { margin:4px 0 16px 0;}
.alerts .alert { margin-bottom:4px; padding:8px 15px;}

.alert.info-bg { background: #dfd;} 
.alert.warning-bg { background: #fff000;} 
.alert.error-bg { background: #fdd;} 

.alert .fa { opacity:0.35; margin-right:8px;}
.alert .fa.pull-right { margin:0 0 0 8px;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { vertical-align: middle !important; }

.table-responsive { padding:0 10px;}

.picture-input-label { display: block; width: 100%; cursor: pointer; position: relative;}
.picture-input-label:hover:after { content:"schimba poza"; position: absolute; top:52%; left: 50%; margin:0 0 0 -58px; background: #444;color: #fff; padding:6px 16px; }
.picture-input-label input { margin-top:8px;}

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

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {    background-color: #984f4f;}

.jcarousel {
    position: relative;
    overflow: hidden;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
    width: 20000em;
    position: relative;

    /* Optional, required in this case since it's a <ul> element */
    list-style: none;
    margin: 0;
    padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
    /* Required only for block elements like <li>'s */
    float: left;
}