﻿
.il-search-bar {
    display: inline-block !important;
    border-radius: 20px !important;
    height: 40px !important;
    margin-top: 30px !important;
    margin-bottom: 40px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
/*    background-repeat: no-repeat;
    background-size: 30px 30px;
    background-position: center right 10px;*/
    font-size: 17px !important;
  
}

.il-search-bar-wrapper {
    max-width: 500px !important;
    margin: auto;
}

.il-insta-icon{
    display:inline-block;
}

.il-modal-img{
    margin-bottom:10px;
}

.il-author{
    vertical-align:top;
}

.il-modal-message div{
    display:inline-block;
}

.il-modal-message div:first-child{
    padding-left:10px;
}

.il-modal-message{
    margin-bottom:30px;
}

.il-search-header {
    font-size: 17px;
}

.il-popular-images-header{

    white-space:nowrap;
    text-align:center;
}

.zig-zag-header:before, .zig-zag-header:after{
    width:19% !important;
    margin-top:10px !important;
}

.il-search-bar-search {
    display: inline-block;
    margin-left: -80px;
    margin-top: 65px;
    zoom: .5;
    height:65px;
    width:65px;
    cursor:pointer;
    position: absolute;
    background-image: url('data:image/svg+xml, %3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22%230799c9%22%20viewBox%3D%220%200%2072%2072%22%20width%3D%2264px%22%20height%3D%2264px%22%3E%3Cpath%20d%3D%22M%2031%2011%20C%2019.973%2011%2011%2019.973%2011%2031%20C%2011%2042.027%2019.973%2051%2031%2051%20C%2034.974166%2051%2038.672385%2049.821569%2041.789062%2047.814453%20L%2054.726562%2060.751953%20C%2056.390563%2062.415953%2059.088953%2062.415953%2060.751953%2060.751953%20C%2062.415953%2059.087953%2062.415953%2056.390563%2060.751953%2054.726562%20L%2047.814453%2041.789062%20C%2049.821569%2038.672385%2051%2034.974166%2051%2031%20C%2051%2019.973%2042.027%2011%2031%2011%20z%20M%2031%2019%20C%2037.616%2019%2043%2024.384%2043%2031%20C%2043%2037.616%2037.616%2043%2031%2043%20C%2024.384%2043%2019%2037.616%2019%2031%20C%2019%2024.384%2024.384%2019%2031%2019%20z%22%2F%3E%3C%2Fsvg%3E') !important;
}

.il-search-bar-close g{
    fill: gray;
    
}

.il-search-bar-close {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    width: 20px;
    position: absolute;
    margin-top: 40px;
    margin-left: -65px;
    background-image: url('data:image/svg+xml, %0A%20%3Csvg%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20id%3D%22SVGRepo_bgCarrier%22%20stroke-width%3D%220%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_tracerCarrier%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3C%2Fg%3E%3Cg%20id%3D%22SVGRepo_iconCarrier%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5.29289%205.29289C5.68342%204.90237%206.31658%204.90237%206.70711%205.29289L12%2010.5858L17.2929%205.29289C17.6834%204.90237%2018.3166%204.90237%2018.7071%205.29289C19.0976%205.68342%2019.0976%206.31658%2018.7071%206.70711L13.4142%2012L18.7071%2017.2929C19.0976%2017.6834%2019.0976%2018.3166%2018.7071%2018.7071C18.3166%2019.0976%2017.6834%2019.0976%2017.2929%2018.7071L12%2013.4142L6.70711%2018.7071C6.31658%2019.0976%205.68342%2019.0976%205.29289%2018.7071C4.90237%2018.3166%204.90237%2017.6834%205.29289%2017.2929L10.5858%2012L5.29289%206.70711C4.90237%206.31658%204.90237%205.68342%205.29289%205.29289Z%22%20fill%3D%22darkgray%22%3E%3C%2Fpath%3E%20%3C%2Fg%3E%3C%2Fsvg%3E');
}

._thumb{
    width:100%;
}

div.list-group a {
    border-left: 0 !important;
    border-right: 0 !important;
}

.modal-content {
    margin: 0px !important;
}

.confirmation.modal-container {
    padding: 50px;
}

.create-gallery-form-wrapper {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
    max-width: 500px;
    margin: auto;
}

    .create-gallery-form-wrapper .field-validation-error {
        margin-top: -5px !important;
    }

@media only screen and (max-width: 600px) {
    .confirmation.modal-container {
        padding: 20px !important;
    }

    .confirmation .actions {
        margin-top: -10px !important;
        margin-bottom: 30px !important;
    }

    body {
        /*overflow: hidden !important;*/
        width: 100% !important;
        -webkit-box-sizing: border-box !important;
        -moz-box-sizing: border-box !important;
        box-sizing: border-box !important;
    }
}

.modal-img-shadow {
    -webkit-box-shadow: 10px 10px 40px -20px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 40px -20px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 40px -20px rgba(0,0,0,0.75);
}

.modal-container {
    margin: 0 auto !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

#_imageLibrary a.active {
    background-color: #0799c9 !important;
    border-color: #0799c9 !important;
    color: white !important;
}

#_imageLibrary a {
    color: #0799c9 !important;
}

.grid-item {
    padding: 0px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 10px;
}

.spinner {
    margin: 0px auto 0 auto;
    width: 70px;
    text-align: center;
}

    .spinner > div {
        width: 18px;
        height: 18px;
        background-color: #333;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
        animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    }

    .spinner .bounce1 {
        -webkit-animation-delay: -0.32s;
        animation-delay: -0.32s;
    }

    .spinner .bounce2 {
        -webkit-animation-delay: -0.16s;
        animation-delay: -0.16s;
    }

#collections_dd {
    display: none;
}

@media (max-width: 960px) {
    #collections_list {
        display: none;
    }

    #collections_dd {
        display: inline-block;
    }
}

@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}
