/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Mar 24, 2014, 4:02:03 PM
    Author     : Dimensions-IT-08
*/

* { 
    margin: 0; 
    padding: 0; 
    -webkit-font-smoothing: antialiased; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box;
    font-family: 'Open Sans', sans-serif;
}

body{
    background: lightgray;
    font-size: 13px;
}
a{
    color: #079DE6;
}

#container{
    width: 998px;
    margin: auto; 
    /* background-color: mintcream; */
    background-color: #fff;
    -moz-box-shadow: 1px 3px 14px #000000;
    -webkit-box-shadow: 1px 3px 14px #000000;
    box-shadow: 1px 3px 14px #000000;
}

#admin-header{
    width: 998px;
    height: 80px;

}

#admin-logo-container{
    width: 420px;
    height: 80px;
    padding-left: 10px;
    float: left;
}

#admin-top-links-container{
    width: 450px;
    height: 30px;
    float: right;
    clear: right;
    padding-right: 10px;
    /* margin-top: 25px; */
}

#admin-top-links-container ul{
    list-style-type: none;
}

#admin-top-links-container ul li{
    display: block;
    float: right;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}

#admin-content{
    width: 998px;
    min-height: 400px;
    padding: 0 15px 10px 15px;
}

#admin-footer-container{
    margin-top: 20px;
    width: 998px;
    height: 50px;
    border-top: #999 thin solid;
}

#admin-footer-container p{
    padding: 10px 0 10px 15px;
}

#admin-content fieldset{
    border: 1px solid #E1E1E1;
    margin: 20px 0px;
    padding: 10px;
    border-radius: 3px;
}

#admin-content legend{
    text-align: left;
    color: #FFF;
    background-color: #454545;
    border: 1px solid #DCDCDC;
    margin-bottom: 5px;
    padding: 6px;
    border-radius: 5px;
    width: 20%;
}

#admin-content table tr th{
    background-color: #454545;
    color: #FFF;
}

#admin-content table tr td{
    width: 50%;
}

#admin-content table tr td a{
    float: left;
    padding-right: 15px;
    display: block;
}

#admin-user-table tr td{
    width: 20% !important;
}

.deletesforms
{
    display: block;
    position: relative;
    float: left;
}

.deleteform{
    margin-right: 10px;
}

/* #admin-main{
    width: 700px;
    height: 300px;
    background-color: mintcream;
    margin: auto;
    -moz-box-shadow: 1px 3px 14px #000000;
    -webkit-box-shadow: 1px 3px 14px #000000;
    box-shadow: 1px 3px 14px #000000;
    border-radius: 10px;
    margin-top: 20px;
} */

#admin-login-logo{
    float: left;
    width: 300px;
    height: 200px;
    /* margin-top: 50px; */
    margin-top: 28px;
    margin-left: 10px;
}

#admin-login-form{
    float: left;
    width: 300px;
    height: 250px;
    display: block;
    margin-top: 5px;
    margin-left: 45px;
}

.jp-form-small{
    width: 250px;
}

/*SD*/
#welcome-note{
    overflow: hidden;
    padding-top: 10px;
    padding-right: 15px;
}
#welcome-note p{
    float: right;
}
#welcome-note p span{
    color: #079DE6;
}
.dropdown-menu{
    font-size: 13px;
}
.dropdown-menu>li>a{
    font-weight: 600;
    padding: 10px 20px;
}
.navbar-inverse .navbar-nav>li>a{
    font-weight: 600;
}
.navbar-nav{
    float: right;
    /* margin-right: -30px; */
}
.navbar-inverse .navbar-brand{
    color: #D8D8D8;
}
.navbar-inverse .navbar-nav>li>a{
    color: #D8D8D8;
}
#admin-top-links-container ul li a{
    font-weight: 600;
}
#user-options legend{
    width: 30%;
    padding-left: 12px;
}
/*--------------------------------------------------------Admin LTE ------------------------------------------------------------*/
.content-header{
    padding: 5px 15px 12px 0px;
}
.table{
    background-color: #fff;
}
.paginationControl{
    margin-bottom: 10px;
}
.sidebar-menu .treeview-menu > li > a{
    font-size: 13px;
}
.defaultSkin .mceStatusbar{
    width: 100% !important;
}
dt{
    margin-top: 8px;
    margin-bottom: 5px;
}
td{
    padding-top: 13px !important;
}
.actions{
    padding-top: 9px !important;
}
/* #submit-label{
     display: none; 
} */
#confirm-page #valid-label, #confirm-page #submit-label{
    display: none;
}
#uploaderform input{
    padding: 6px 8px !important;
}
#AddFileInputBox span{
    display: block;
    width: 100%;
    clear: both;
}
#AddFileInputBox span a{
    margin-top: 6px;
    margin-left: 5px;
}
#AddFileInputBox .form-control{
    width: 96%;
    float: left;
    margin-bottom: 8px;
    padding: 5px 8px !important;
}
.gallery-upload-btn{
    margin-top: 10px;
}
.gallery-img-list{
    margin-top: 8px;
}
#gallery-img-title-edit #image_id-label{
    display: none;
}
#gallery-img-title-edit #image_name-label{
    display: none;
}
#gallery-img-title-edit #thumb_name-label{
    display: none;
}
#del-gallery-img #valid-label{
    display: none;
}
#gllery-delete #valid-label{
    display: none;
}
#file-delete #valid-label{
    display: none;
}
.option-btn{
    min-width: 82px;
}
#user-delete #valid-label{
    display: none;
}
form label{
    font-size: 14px;
}
#create-page label{
    padding-top: 15px;
    padding-right: 35px;
    /* background: url(../images/r-sm.png) no-repeat right center; */

}

@-webkit-keyframes pulse 
{       
    0% {-webkit-transform: scale(0); opacity: 0;}
    8% {-webkit-transform: scale(0); opacity: 0;}
    15% {-webkit-transform: scale(0.1); opacity: 1;}
    30% {-webkit-transform: scale(0.5); opacity: 1;}
    100% {opacity: 0; -webkit-transform: scale(1);}
}

@-moz-keyframes pulse 
{       
    0% {-moz-transform: scale(0); opacity: 0;}
    8% {-moz-transform: scale(0); opacity: 0;}
    15% {-moz-transform: scale(0.1); opacity: 1;}
    30% {-moz-transform: scale(0.5); opacity: 1;}
    100% {opacity: 0; -moz-transform: scale(1);}
}
.pulse_marker 
{
    width: 32px;
    height: 28px;
    background: url(../images/r-16x16.png) no-repeat 54% 10%;
    position: relative;
    float: right;
}
.pulse_rays{
    margin: 0 auto;
    border-radius: 100px;
    position: absolute;
    right: -5px;
    top: -9px;
    z-index: 10;
    background-color: transparent;
    opacity: 0.1;
    width: 38px;
    height: 38px;
    border: 2px solid rgba(223, 20, 2, 1);
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -o-border-radius: 100px;
    -ms-border-radius: 100px;
    border-radius: 100px;

    -webkit-animation: pulse 2s linear infinite;
    -moz-animation: pulse 2s linear infinite; 
    border-image: initial;
}

#content-label .pulse_marker, #navoptions-label .pulse_marker, #navoptions-element .pulse_marker{
    display: none;
}
.blue-ring{
    border: 2px solid rgba(1, 112, 236, 1);
}
.blue-fire{
    background: url(../images/b-16x16.png) no-repeat no-repeat 54% 10%;
    -webkit-transition: background 1.5s;
    -moz-transition: background 1.5s;
    -o-transition: background 1.5s;
    transition: background 1.5s;
}
.tooltip-inner {
    max-width: 400px;
}
.jp-tip + .tooltip > .tooltip-inner {
    background-color: #0850D1; 
    color: #FFFFFF; 
    padding: 15px;
    font-size: 13px;
}
.admin-intro{
    min-height: 280px;
    padding-top: 20px;
}
.admin-intro h4{
    margin: 0;
    padding: 10px 10px 10px 15px;
    color: #fff;
}
.mov-box{
    margin-top: 20px;
    -webkit-transition: margin 0.8s ease-out;
    -moz-transition: margin 0.8s ease-out;
    -o-transition: margin 0.8s ease-out;
}
.mov-box h4{
    border-radius: 4px 4px 0 0;
}
.admin-intro p{
    text-align: justify;
    color: #333;
}
.intro-box-def{
    min-height: 200px;
    padding: 15px;
    line-height: 1.6;
    /* color: #fff; */
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    background-color: #fff !important;
    border: 3px solid;
}
.mov-box:hover{
    margin-top: -10px;
}
#intro-1{
    border-color: #F79500;
} 
#intro-1-h4{
    background-color: #F79500;
}
#intro-2{
    border-color: #00BD69;
}
#intro-2-h4{
    background-color: #00BD69;
}
#intro-3{
    border-color: #FF5736;
}
#intro-3-h4{
    background-color: #FF5736;
}
#intro-4{
    border-color: #00B1DC;
}
#intro-4-h4{
    background-color: #00B1DC;
}
#intro-5{
    border-color: #DC4169;
}
#intro-5-h4{
    background-color: #DC4169;
}
#intro-6{
    border-color: #501bb6
}
#intro-6-h4{
    background-color: #501bb6
}
/*---------------------------Login-------------------------------*/
#login-wrapper{
    width:700px; 
    min-height:330px; 
    margin:auto; 
    position:fixed; 
    top: 25%; 
    left:0; 
    right: 0;
    margin: 0 auto;
    background-color: rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 3px 14px #000000;
    -webkit-box-shadow: 1px 3px 14px #000000;
    box-shadow: 1px 3px 14px #000000;
    border-radius: 10px;
}
.background {
    height: 100%;
    width: 100%;
    min-width: 100%;
    min-height: 1200px;
    margin: 0;
    padding: 0;
}
.background-image {
    z-index: 0;
}
.background {
    background-image: url('../images/jp-2.jpg');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: -100px;
    background-position-x: 44%;
}
.animate-bg {
    -webkit-animation: breath 6s ease-in-out alternate infinite;
    animation: breath 6s ease-in-out alternate infinite;
    -webkit-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
}


@-webkit-keyframes breath {
    from { 
        transform: scale(1);
    }
    to {
        transform: scale(1.09)
    }
}
@keyframes breath {
    from { 
        transform: scale(1);
    }
    to {
        transform: scale(1.09)
    }
}




/* @-webkit-keyframes animate-move-bg {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        -webkit-transform: translateY(-400px);
        transform: translateY(-400px);
    }
}
@keyframes animate-move-bg {
    0% {
        -webkit-transform: translateY(0px);
        transform: translateY(0px);
    }
    100% {
        -webkit-transform: translateY(-400px);
        transform: translateY(-400px);
    }
} */
#admin-main{
    width: 100%;
    margin-top: 0;
    background-color: transparent;
}
/*---------------------------Login-------------------------------*/

#cus-log-out a{
    font-weight: bold;
    color: #d73925;
    padding-bottom: 24px;
    border-bottom: 2px solid #d73925;
}
.skin-black .main-header li.user-header{
    background-color: #222D32;
}

/*---------------------------------------------------------------*/

table{
    margin-top: 10px;
}
#save-gallery-order{

}
.popup-succesful{
    margin-top: 15px;
    display: none;
}
.form-control{
    height: auto;
}





/*----------------------------------*****************************************--------------------------*/
/*---------------******************-------------*/



@media (min-width: 992px) and (max-width: 1199px) {

    #login-wrapper{
        left: 17%;
    }

}

@media (min-width: 768px) and (max-width: 991px) {


    #login-wrapper{
        left: 15%;
    }

}


@media (max-width: 767px) {

    /*form label {
           font-size: 12px;
        margin: 7% 1%;
    }*/



    #admin-login-logo {
        float: left;
        width: 100%;
        height: 139px;
        /* margin-top: 50px; */
        margin-top: 6px;
        margin-left: 0px;
    }
    #admin-login-logo img{
        max-width: 165px;
        margin: 0px auto;
        display: block;
    }
    #admin-login-logo p{
        text-align: center;
    }
    #admin-login-form {
        float: none;
        width: 90%;
        height: 248px;
        display: block; 
        margin-top: 5px;
        /* margin-left: 0px; */
        margin: 5px auto;

    }
    #admin-login-form h1{
        font-size: 25px;
        text-align: center;
        margin-top: 10px; 
    } 


    .navbar-custom-menu .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
        line-height: 7px;
        padding: 11px !important;
    }
    .main-header .sidebar-toggle {
        float: left;
        background-color: transparent;
        background-image: none;
        padding: 10px 15px;
        font-family: fontAwesome;
    }  
    .content .btn {
        margin: 2px;
        /*min-width: 70px;*/
    }
    
    form dt {
        width: 100% !important;
        margin: 0;
    }

    form label {
        margin: 3% 1% !important;
    }
    /*dd {
        margin: 8% 0 0 4px !important;
    }*/
    .form-control {
        width: 100% !important;
        /*font-size: 12px;*/
    }
    textarea {
        overflow: auto;
        width: 100%;
    }
    .navbar-custom-menu .navbar-nav > li > a {
        padding: 10px !important;
    }  
}
@media (min-width: 320px) and (max-width: 766px) {

    /*    form dt {
        width: 33%;
        margin: 0;
    }
    form label {
           font-size: 12px;
        margin: 7% 1%;
    }*/

    #login-wrapper {
        width: 100%;
        height: 398px;
        margin: 0 auto;
        position: fixed;
        top: 10%;
        left: 0%;
    }
}
.errors li{
    color: #ff0000; 
    margin: 0 0 0 5px; 
    list-style: none;
}





/*New Styles*/
#admin-login-form h1{
    color: #fff;
    font-family: 'Oswald', sans-serif;
}
#admin-login-form form label{
    color: #fff;
    font-family: 'Oswald', sans-serif;
}
#admin-login-logo p{
    color: #fff;
    font-family: 'Oswald', sans-serif;
}






/*large screen*/
@media (min-width: 1400px) {
    .background{
        background-position-y: 0;
        background-position-x: 30%;
    }
}