/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
/*Add*/
.modal button.close {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #d29309;
    border-radius: 50%;
    color: #fff;
    font-family: "Myriad Pro Condensed";
    position: absolute;
    top: -10px;
    right: -10px;
    opacity: 1;
}

    .modal button.close:hover {
        background-color: #82572d;
    }

.btn-brown {
    background-color: #00B7F1;
}

.btn-orange {
    background-color: #d29309;
}

.btn-more {
    border: 1px solid #82572d;
    background-color: #fff;
    color: #82572d;
}

.btn-orange, .btn-brown, .btn-facebook {
    color: #fff;
}

    .btn-orange:hover, .btn-brown:hover, a.btn-facebook:hover {
        color: #fafafa !important;
    }

.or {
    font-size: 11px;
    text-align: center;
    margin: 20px 0;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
}

    .or:before {
        content: '';
        position: absolute;
        width: 45%;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.5);
        top: 8px;
        left: 0;
    }

    .or:after {
        content: '';
        position: absolute;
        width: 45%;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.5);
        top: 8px;
        right: 0;
    }

#sortable li {
    overflow: hidden;
    cursor: move;
    float: left;
    width: 25%;
    text-align: center;
    border: solid 1px #f2f2f2;
}

@media(max-width:768px) {
    #sortable li {
        width: 33%;
    }
}

@media(max-width:420px) {
    #sortable li {
        width: 50%;
    }
}

.login-panel .panel-heading {
    color: #fff !important;
    text-transform: uppercase;
    padding: 7px 10px !important;
    background: #009be3;
    background: -moz-linear-gradient(top, #009be3 0%, #008bcc 48%, #0273a3 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #009be3), color-stop(48%, #008bcc), color-stop(100%, #0273a3));
    background: -webkit-linear-gradient(top, #009be3 0%, #008bcc 48%, #0273a3 100%);
    background: -o-linear-gradient(top, #009be3 0%, #008bcc 48%, #0273a3 100%);
    background: -ms-linear-gradient(top, #009be3 0%, #008bcc 48%, #0273a3 100%);
    background: linear-gradient(to bottom, #009be3 0%, #008bcc 48%, #0273a3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009be3', endColorstr='#0273a3', GradientType=0 );
}

    .login-panel .panel-heading .panel-title img {
        margin: -5px 0;
        height: 36px;
    }

.login-panel .form-group {
    position: relative;
}

    .login-panel .form-group input {
        padding: 5px 6px 5px 32px;
    }

.user-icon, .password-icon {
    position: absolute;
    left: 8px;
    top: 5px;
    font-size: 18px;
    color: #999;
}

    .user-icon img, .password-icon img {
        height: 24px;
    }

.panel-bottom {
    background-color: #f0f0f0;
    border-top: 1px solid #ddd;
    padding: 10px 15px;
    margin: -15px 0 0 0;
}

    .panel-bottom .btn-login {
        color: #fff;
        background: #009be3;
        background: -moz-linear-gradient(top, #009be3 0%, #008bcc 48%, #0273a3 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #009be3), color-stop(48%, #008bcc), color-stop(100%, #0273a3));
        background: -webkit-linear-gradient(top, #009be3 0%, #008bcc 48%, #0273a3 100%);
        background: -o-linear-gradient(top, #009be3 0%, #008bcc 48%, #0273a3 100%);
        background: -ms-linear-gradient(top, #009be3 0%, #008bcc 48%, #0273a3 100%);
        background: linear-gradient(to bottom, #009be3 0%, #008bcc 48%, #0273a3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009be3', endColorstr='#0273a3', GradientType=0 );
    }

        .panel-bottom .btn-login:hover {
            background: #008bcc;
        }

    .panel-bottom .forgotpass {
        float: right;
        margin-top: 8px;
    }

.form-control-inline {
    min-width: 0;
    width: auto;
    display: inline;
}

table tr th {
    text-align: center;
}

.login-panel {
    margin-top: 25%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}

.login-body {
    background: url(/Assets/Admin/images/bg-login.jpg) center center no-repeat fixed;
    -webkit-background-size: 100% 100%; /* For WebKit*/
    -moz-background-size: 100% 100%; /* Mozilla*/
    -o-background-size: 100% 100%; /* Opera*/
    background-size: 100% 100%; /* Generic*/
}

/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
/*Add*/
.modal button.close {
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #d29309;
    border-radius: 50%;
    color: #fff;
    font-family: "Myriad Pro Condensed";
    position: absolute;
    top: -10px;
    right: -10px;
    opacity: 1;
}

    .modal button.close:hover {
        background-color: #82572d;
    }

.btn-brown {
    background-color: #00B7F1;
}

.btn-orange {
    background-color: #d29309;
}

.btn-more {
    border: 1px solid #82572d;
    background-color: #fff;
    color: #82572d;
}

.btn-orange, .btn-brown, .btn-facebook {
    color: #fff;
}

    .btn-orange:hover, .btn-brown:hover, a.btn-facebook:hover {
        color: #fafafa !important;
    }

.or {
    font-size: 11px;
    text-align: center;
    margin: 20px 0;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
    position: relative;
}

    .or:before {
        content: '';
        position: absolute;
        width: 45%;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.5);
        top: 8px;
        left: 0;
    }

    .or:after {
        content: '';
        position: absolute;
        width: 45%;
        height: 1px;
        background-color: rgba(0, 0, 0, 0.5);
        top: 8px;
        right: 0;
    }

#sortable li {
    overflow: hidden;
    cursor: move;
    float: left;
    width: 25%;
    text-align: center;
    border: solid 1px #f2f2f2;
}

@media(max-width:768px) {
    #sortable li {
        width: 33%;
    }
}

@media(max-width:420px) {
    #sortable li {
        width: 50%;
    }
}

.login-panel .panel-heading {
    color: #fff !important;
    text-transform: uppercase;
    padding: 7px 10px !important;
    background: #009be3;
    background: -moz-linear-gradient(top, #009be3 0%, #008bcc 48%, #0273a3 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #009be3), color-stop(48%, #008bcc), color-stop(100%, #0273a3));
    background: -webkit-linear-gradient(top, #009be3 0%, #008bcc 48%, #0273a3 100%);
    background: -o-linear-gradient(top, #009be3 0%, #008bcc 48%, #0273a3 100%);
    background: -ms-linear-gradient(top, #009be3 0%, #008bcc 48%, #0273a3 100%);
    background: linear-gradient(to bottom, #009be3 0%, #008bcc 48%, #0273a3 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009be3', endColorstr='#0273a3', GradientType=0 );
}

    .login-panel .panel-heading .panel-title img {
        margin: -5px 0;
        height: 36px;
    }

.login-panel .form-group {
    position: relative;
}

    .login-panel .form-group input {
        padding: 5px 6px 5px 32px;
    }

.user-icon, .password-icon {
    position: absolute;
    left: 8px;
    top: 5px;
    font-size: 18px;
    color: #999;
}

    .user-icon img, .password-icon img {
        height: 24px;
    }

.panel-bottom {
    background-color: #f0f0f0;
    border-top: 1px solid #ddd;
    padding: 10px 15px;
    margin: -15px 0 0 0;
}

    .panel-bottom .btn-login {
        color: #fff;
        background: #009be3;
        background: -moz-linear-gradient(top, #009be3 0%, #008bcc 48%, #0273a3 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, #009be3), color-stop(48%, #008bcc), color-stop(100%, #0273a3));
        background: -webkit-linear-gradient(top, #009be3 0%, #008bcc 48%, #0273a3 100%);
        background: -o-linear-gradient(top, #009be3 0%, #008bcc 48%, #0273a3 100%);
        background: -ms-linear-gradient(top, #009be3 0%, #008bcc 48%, #0273a3 100%);
        background: linear-gradient(to bottom, #009be3 0%, #008bcc 48%, #0273a3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#009be3', endColorstr='#0273a3', GradientType=0 );
    }

        .panel-bottom .btn-login:hover {
            background: #008bcc;
        }

    .panel-bottom .forgotpass {
        float: right;
        margin-top: 8px;
    }

.form-control-inline {
    min-width: 0;
    width: auto;
    display: inline;
}

table tr th {
    text-align: center;
}

.login-panel {
    margin-top: 25%;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.3);
}

.login-body {
    background: url(/Assets/Admin/images/bg-login.jpg) center center no-repeat fixed;
    -webkit-background-size: 100% 100%; /* For WebKit*/
    -moz-background-size: 100% 100%; /* Mozilla*/
    -o-background-size: 100% 100%; /* Opera*/
    background-size: 100% 100%; /* Generic*/
}
#preview{
    width:600px;
    font-size: small;
    font-family: arial,sans-serif;
    line-height: 1.2;
    text-align: left;
    
}
#gTitle {
    color: #1a0dab;
    font-size: 18px;
    cursor: pointer;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom:0px;
    line-height:21.6px;
    text-decoration-style:solid;
    font-family:Arial;
}

    #gTitle:hover {
        text-decoration: underline;
    }

#gUrl {
    font-size: 14px;
    color: #006621;
    font-style: normal;
}

#gDescription {
    line-height: 1.4;
    word-wrap: break-word;
}