
    /***** Standard Styles *****/

    .container { 
        max-width: 100%; width: 100%; 
    }

    .wrapper {
        position: relative;
        min-height: 100%;
    }

    .bodycontent {
        padding-bottom: 30px;
    }

    .content { 
        position: absolute; 
        top: 50px; 
        bottom: 0px; 
        width: 100%;
        /*color: white;*/
        font-family: Century Gothic, Arial, Tahoma, Helvetica;
        padding: 10px;
        /*
        background-image: url('images/bg-scene.jpg'); 
        background-repeat:repeat-y; 
        background-size:cover;
        background-position:center;*/
    }

    .footer { 
        position: absolute; 
        bottom: 0px; 
        width: 100%;
        height: 30px;
        text-align: center;
        color: white;
        font-family: Century Gothic, Arial, Tahoma, Helvetica;
    }

    .navbar-toggle .icon-bar {
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
        background-color: #777777 !important;
    }
    
    /***** End Standard Styles *****/

    /***** Page Styles *****/
    #page-container { 
        width: 100%;
        margin: 10px 0px 10px 0px;
    }

    #page-header {
        padding: 12px 20px;
        margin-bottom: 1em;
        background: #000000;    /*#222; #26499A; /*#222;*/
        border-radius: 5px;
        border: solid 1px #222; /*#26499A; /*3px #222;*/
        /*text-shadow: 1px 1px 2px #1F1F1F; /*1px 1px 2px rgba(0,0,0,.5);*/
    }

    #page-header h3 {
        margin: 0;
        font-size: 14px;
        color: #FFFFFF;   /*#FFF;*/
        text-decoration: 1px 1px 2px rgba(0,0,0,.4);
        font-weight: bold;
    }

    #page-content {
        padding: 20px;
        margin-bottom: 20px;
        background: #FFF;
        border: 1px solid #DDD;
        border-radius: 5px;
        box-shadow: 0 0 6px rgba(0,0,0,.10);
    }

    #page-content input {
        width: 100%;
        padding: 2% 2%;
    }

    .page-content {
        padding: 20px;
        margin-bottom: 20px;
        background: #FFF;
        border: 1px solid #DDD;
        border-radius: 5px;
        box-shadow: 0 0 6px rgba(0,0,0,.10);
    }

    .page-content input {
        width: 100%;
        padding: 2% 2%;
    }

    #page-content #remember-me {
        margin-top: 3px;
    }

    #page-content #remember-me input {
        display: inline-block;
        width: auto;
        padding: 0;
    }

    #page-content #remember-me label {
        position: relative;
        top: 2px;
        display: inline-block;
        margin-left: .5em;
        font-weight: normal;
    }

    /***** End Page Styles *****/

    /***** Grid Column Styles *****/
    .col-gutter {
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 10px;
    }

    /***** End Grid Column Styles *****/

    /***** Panel Styles *****/
    .panel-container {
        padding: 0px;
        /*margin-bottom: 15px;*/
        background: #FFF;
        border: 1px solid #DDD;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        box-shadow: 0 0 6px rgba(0,0,0,.10);
    }

    .panel-header {
        padding: 5px 10px 5px 10px;
        font-size: 10pt;
        /*font-weight: bold;*/
        border-radius-top-left: 4px;
        border-radius-top-right: 4px;
        -webkit-border-radius-top-left: 4px;
        -webkit-border-radius-top-right: 4px;
        -moz-border-radius-top-left: 4px;
        -moz-border-radius-top-right: 4px;
        border-bottom: 1px solid #DDD;
    }

    .panel-footer {
        padding: 5px 10px 5px 10px;
        font-size: 10pt;
        /*font-weight: bold;*/
        border-radius-bottom-left: 4px;
        border-radius-bottom-right: 4px;
        -webkit-border-radius-bottom-left: 4px;
        -webkit-border-radius-bottom-right: 4px;
        -moz-border-radius-bottom-left: 4px;
        -moz-border-radius-bottom-right: 4px;
        border-top: 1px solid #DDD;
    }

    .panel-default {
        color: black;
        background-image: -webkit-linear-gradient(top,#fff 0,#e0e0e0 100%);
        background-image: linear-gradient(to bottom,#fff 0,#e0e0e0 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        background-repeat: repeat-x;
    }

    .panel-primary {
        color: white;
        background-image: -webkit-linear-gradient(top,#428bca 0,#2d6ca2 100%);
        background-image: linear-gradient(to bottom,#428bca 0,#2d6ca2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff428bca', endColorstr='#ff2d6ca2', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        background-repeat: repeat-x;
        /*border-color: #2b669a;*/
    }

    .panel-success {
        color: white;
        background-image: -webkit-linear-gradient(top,#5cb85c 0,#419641 100%);
        background-image: linear-gradient(to bottom,#5cb85c 0,#419641 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        background-repeat: repeat-x;
        /*border-color: #3e8f3e;*/
    }

    .panel-info {
        color: black;
        background-image: -webkit-linear-gradient(top,#5bc0de 0,#2aabd2 100%);
        background-image: -o-linear-gradient(top,#5bc0de 0,#2aabd2 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#5bc0de),to(#2aabd2));
        background-image: linear-gradient(to bottom,#5bc0de 0,#2aabd2 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        background-repeat: repeat-x;
        /*border-color: #28a4c9;*/
    }

    .panel-warning {
        color: black;
        background-image: -webkit-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
        background-image: -o-linear-gradient(top,#f0ad4e 0,#eb9316 100%);
        background-image: -webkit-gradient(linear,left top,left bottom,from(#f0ad4e),to(#eb9316));
        background-image: linear-gradient(to bottom,#f0ad4e 0,#eb9316 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        background-repeat: repeat-x;
        /*border-color: #e38d13;*/
    }

    .panel-danger {
        color: white;
        background-image: -webkit-linear-gradient(top,#d9534f 0,#c12e2a 100%);
        background-image: linear-gradient(to bottom,#d9534f 0,#c12e2a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
        background-repeat: repeat-x;
        /*border-color: #b92c28;*/
    }

    .panel-content {
        padding: 10px;
        /*height: 120px;*/
        color: black;
        background: #FFF;
        font-size: 10pt;
    }

    .panel-content input {
        width: 100%;
        padding: 2% 2%;
    }

    .panel-divider {
        margin-top: 10px; 
        margin-bottom: 10px;
        border: 0;
        border-top: 1px solid #DDD;
    }

    /***** End Panel Styles *****/
