/*  FontAwesome  */
i.fa{
    margin-left: 5px !important;
}
i.fa{
    margin-right: 5px !important;
}


.ajax_select-appendix {
    height: 0;
}

.ajax_select-appendix > .ajax_select-results {
    background-color: #fff;
    color: #333333;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-radius: 3px;
    position: relative;
    z-index: 5;
    margin: 0;
    padding: 0;
    cursor: pointer;
    list-style: none;
    display: inline-block;
    overflow: auto;
    max-height: 150px;
    width: 100%;
    line-height: 30px;

}

.ajax_select-appendix > .ajax_select-results li {
    padding: 2px 8px;
}

.ajax_select-appendix > .ajax_select-results li:hover {
    box-shadow: inset 0 0 5px #6bc;
}

.ajax_select-appendix > .ajax_select-results li:hover {
    box-shadow: inset 0 0 5px #0cf;
}

.employee_field {
    height: 36px;
    padding: 7px 12px;
    border-radius: 3px;
    border: 1px solid #ddd;
    outline: 0;
    width: 100%;
}

.file-content {
    width: 100%;
    max-width: 900px;
}

.file-content.image-content {
    max-width: 500px;
    min-height: 500px;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.file-content.pdf-content {
    min-height: 600px;
}

input.form-control[readonly] {
    border: 0;
    box-shadow: inset 0 0 1px 2px rgba(164,164,164,0.2);
}

.btn-flat{
    border:1px solid transparent;
}
.btn-flat:hover, .btn-flat:focus{
    border:1px solid rgba(0,0,0,0.1);
}


/**
*   Cards
 */

.card h1, .card h2, .card h3, .card h4, .card h5, .card h6{
    margin-bottom: .75rem;
}

.card {
    position: relative;
    display: block;
    margin-bottom: .75rem;
    background-color: #fff;
    border-radius: .25rem;
    border: 1px solid rgba(0,0,0,0.08);
}

.card-block .card-body, .card-link .card-body{
    padding: 1.25rem;
}

.card-text{
    font-size:1.33rem;
    line-height:2.25rem;
    padding: 3px 5px 3px 10px;
}

.card-img-top {
    border-top-right-radius: calc(.25rem - 1px);
    border-top-left-radius: calc(.25rem - 1px);
}

.card-title {

}

.card-subtitle {
    margin-top: -.375rem;
    margin-bottom: 0;
}

.card-link>a{
    color:inherit;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card .list-group {
    margin-bottom: 0;
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0;
}
.card-header {
    padding: .75rem 1.25rem;
    margin-bottom: 0;
    background-color: #fafafa;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.card:hover .card-header{
    background:linear-gradient(125deg,transparent 11%,transparent 50%, hsl(70,70%,94%), hsl(40,70%,98%));
}

.list-group-flush .list-group-item {
    border-right: 0;
    border-left: 0;
    border-radius: 0;
}

/**
*   Card shadows
 */

.card{
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
.card:hover{
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.card-2{
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.card-3 {
    box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
}
.card-4 {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
.card-5 {
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.tag-select-input{
    background:white;
    border:1px solid #ddd;
    padding:10px;
}
.tag-select-input .tag{
    position:relative;
    cursor: default;
    color:whitesmoke;
    display: inline-block;
    padding: 4px 10px;
    margin: 2px;
    border:2px double;
    background: linear-gradient(180deg, hsl(200,80%,45%) 45%,hsl(200,80%,38%) 60%);
    -webkit-box-shadow:  0 1px 2px rgba(0,0,0,0.15);
    -moz-box-shadow:  0 1px 2px rgba(0,0,0,0.15);
    box-shadow:  0 1px 2px rgba(0,0,0,0.15);
}
.tag-select-input .tag:after{
    content:'';
    position: absolute;
    top:0;
    left:0;
    z-index: -1;
    width:100%;
    height:100%;
    -webkit-box-shadow:  0 5px 15px rgba(0,0,0,0.3);
    -moz-box-shadow:  0 5px 15px rgba(0,0,0,0.3);
    box-shadow:  0 5px 15px rgba(0,0,0,0.3);
    opacity: 0;
}
.tag span{
    margin-right:8px;
}
.tag-select-input .tag i{
    font-size:1.18em;
    position:absolute;
    top: 3px;
    right: 3px;
    cursor: pointer;
    color: whitesmoke;
    text-shadow:  0 0 1px black;
}
.tag-select-input .tag:hover, .tag-select-input .tag:active{
    color:white;
    transform:scale(1.03,1.03);
    background: linear-gradient(180deg, hsl(200,80%,50%) 50%,hsl(200,80%,43%) 50%);
}
.tag-select-input .tag:hover:after, .tag-select-input .tag:active:after {
    opacity: 1;
}
.tag-select-input .tag:hover i, .tag-select-input .tag:active i{
    font-size:1.35em;
    color:white;
    text-shadow:  0 0 5px azure;
}