﻿.w-phantom-row>.w-phantom-cell-last {
    flex-grow:0;
}
.site-header-row {
    background-image: url('/assets/cards/card-1.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center; 
}
.w-site-subheader {
    background-color: #726c87;
    background-image: linear-gradient(to bottom, #726c87, #5b4f61, #40353e, #241d21, #000000);
    border-bottom: 1px solid white;
}

.search-panel {
    margin-top: 10px;
    margin-right:10px;
}
.search-options-container,
.search-options,
.search-options-icon {
    width: 40px;
    height: 40px;
}

.search-options {
    overflow: hidden;
    display: inline-block;
    background: white;
    border-radius: 5px;
    border: 1px solid white;
}

.search-options-icon {
    background-image: url('/assets/cards/settings.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50px;
    display: inline-block;
}


.search-options:hover > .search-options-icon {
}

.search-options:hover {
    width: auto;
    height: auto;
    background-image: url('/assets/cards/card-6.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px;
    border: 1px solid white;
    border-radius: 5px;
    position: absolute;
    width: 350px;
    height: 200px;
    z-index: 999;
    right:10px;
}

.search-options-header {
    font-size: x-large;
    border-bottom: 1px solid white;
    display: inline-block;
}

.search-options-header-text {
    font-size: x-large;
    border-bottom: 1px solid white;
    display: inline-block;
}


.search-panel {
    display: flex;
}

.search-url {
    border: 1px solid #CCC;
    -webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #FFF;
    -moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: black;
    float: left;
    height: 20px;
    padding: 10px;
    width: 420px;
    font-size:medium;
}

    .search-url:-moz-placeholder,
    .search-url:-ms-input-placeholder,
    .search-url::-webkit-input-placeholder {
        color: #999;
        font-weight: normal;
    }


.btn-search-url {
    background-color: #0483a0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#31b2c3), to(#0483a0));
    background-image: -webkit-linear-gradient(top, #31b2c3, #0483a0);
    background-image: -moz-linear-gradient(top, #31b2c3, #0483a0);
    background-image: -ms-linear-gradient(top, #31b2c3, #0483a0);
    background-image: -o-linear-gradient(top, #31b2c3, #0483a0);
    background-image: linear-gradient(top, #31b2c3, #0483a0);
    border: 1px solid #00748f;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #FFF;
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #FFF;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #FFF;
    color: #fafafa;
    cursor: pointer;
    height: 42px;
    float: right;
    font: 15px Arial, Helvetica;
    padding: 0;
    text-transform: uppercase;
    text-shadow: 0 1px 0 rgba(0, 0,0, .3);
    width: 100px;
}

    .btn-search-url:hover,
    .btn-search-url:focus {
        background-color: #31b2c3;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#0483a0), to(#31b2c3));
        background-image: -webkit-linear-gradient(top, #0483a0, #31b2c3);
        background-image: -moz-linear-gradient(top, #0483a0, #31b2c3);
        background-image: -ms-linear-gradient(top, #0483a0, #31b2c3);
        background-image: -o-linear-gradient(top, #0483a0, #31b2c3);
        background-image: linear-gradient(top, #0483a0, #31b2c3);
    }
