.required-indicator {
    color: red;
    display: inline-block;
    font-weight: bold;
    margin-left: 0.3em;
    position: relative;
    top: 0.1em;
}

.sign-indicator {
    color: #868686;
    display: inline-block;
    font-weight: bold;
    margin-left: 0.3em;
    position: relative;
    top: 0.1em;
}

body {
    color: #868686;
    background: #316190  !important;
}

label{
    color: #868686;
    font-size: 12px;
}

select,input{
    color: #868686;
    font-size: 12px;
}



#main-content {
    box-shadow: 0 0 10px #316190;
    -moz-box-shadow: 0 0 10px #316190;
    -webkit-box-shadow:0 0 10px #316190 ;
}
a, a:hover {
    text-shadow: none !important;
    color: #316190;  /*50%*/
}
ul.faq-list li a:hover, ul.faq-list li a.active{
    background: #316190; /*50%*/
}
#header.navbar-inverse .navbar-inner {
    background:#4e4e4e url("../img/top-bg.jpg") repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e4e4e',endColorstr='#4e4e4e',GradientType=0)
border-width: 0;
}

#header .navbar-inner .nav .dropdown-toggle:hover, .navbar-inner .nav .dropdown.open .dropdown-toggle {
    background-color: #333 !important;
}

#header.navbar-inverse .divider-vertical {
    border-left-color: #2c2d2f;
    border-right-color: #181a1b;
}

#sidebar > ul > li > a {
    color: #FFFFFF !important;  /*75%*/
}

#sidebar > ul > li a i {
    color: #fff !important;
}

#sidebar > ul > li >a:hover, #sidebar > ul > li:hover>a {
    color: #fff !important;
    background: url("../img/side-bar-list-bg.png");
}

#sidebar > ul > li.active > a{
    background: url("../img/side-bar-list-bg.png");
}

#sidebar > ul > li > ul.sub > li > a {
    color: #FFFFFF;    /*75%*/
}

#sidebar > ul > li > ul.sub > li > a:hover , #sidebar > ul > li > ul.sub > li.active a{
    color: #fff;
}

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    background-color: #EEEEEE;
    background-image: none;
    color: #333333;
    filter: none;
    text-decoration: none;
}


#sidebar > ul > li > ul.sub > li {
    border-bottom: 1px solid #316190;
}

#sidebar > ul > li > ul.sub > li:last-child {
    border-bottom:none;
}

.chats li.out .name {
    color: #585fbe;
}

.information{
    width: 400px;
    font-weight: bold;
    color: #000000;
}

.chats li.in .message {
    border-left: 2px solid #316190;   /*50%*/
}

.chats li.in .message .arrow {
    border-right: 8px solid #316190;  /*50%*/
}

.chats li.out .message .arrow {
    border-left: 8px solid #585fbe;
}

.chats li.out .message {
    border-right: 2px solid #585fbe;
}

/* Landscape phone to portrait tablet */
@media (max-width:979px) {
    #sidebar {
        background-color:#FFFFFF !important;  /*60%*/
        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        border-radius: 4px !important;
    }

    #sidebar > ul > li > a {
        border-bottom: 1px solid #316190 !important; /*50%*/
    }

    #sidebar > ul > li.active > a, #sidebar > ul > li:hover > a, #sidebar > ul > li > a:hover {
        border-bottom: 1px solid #316190 !important;  /*50%*/
    }
}

/*----*/

/*lock*/

.lock-avatar-row, .lock-form-row .tarquoise  {
    background: #316190;    /*50%*/
}


.lock-identity span {
    color:#316190;; /*50%*/
}

.lock-form-row .tarquoise {
    border:1px solid #316190 !important; /*50%*/
}

/*coming soon*/

.coming-soon .input-append .submit-btn {
    background: #316190; /*50%*/
    color: #316190;
}

.twt-color , .twt-color:hover, .blog .date .day{
    color: #316190 !important; /*50%*/
}

ul.social-link li a:hover, .blog .date .month {
    background: #316190;  /*50%*/
}


/*blog*/

.blog .date {
    border: 1px solid #316190;  /*50%*/
}

.blog ul li a:hover, .blog-side-bar ul li a:hover { color: #439bd7; text-decoration: none;}  /*50%*/

.blog .btn:hover {
    background: #316190; /*50%*/
}

.blog-side-bar ul.tag li a, .inbox-compose-btn button:hover, .btn.colored, .inbox .inbox-header {
    background:#316190; /*50%*/
}

/*invoice-list*/


.invoice-list h5 {
    color: #316190;  /*50%*/
}

/*about us*/

.about-us h4, .team-member h3, .team-member ul li a:hover, .contact-us h4, .news h1 {
    color: #316190; /*50%*/
}

/*form */
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border:1px solid #316190;  /*50%*/
}

/*overrides*/
.input-xlarge {
    width: 294px !important;
}
.chosen.input-xlarge{
    width: 309px !important;
}
.slct.input-xlarge{
    width: 309px !important;
}


.dataTable .row-details {
    margin-top: 3px;
    display: inline-block;
    cursor: pointer;
    width: 14px;
    height: 14px;
}

.dataTable .row-details.row-details-close {
    background: url("../img/datatable-row-openclose.png") no-repeat 0 0;
}

.dataTable .row-details.row-details-open {
    background: url("../img/datatable-row-openclose.png") no-repeat 0 -23px !important;
}

.dataTable .details {
    background-color: #eee !important;
}

.dataTable .details td,
.dataTable .details th {
    padding: 4px;
    background-color: none !important;
    border: 0;
}

.dataTable .details tr:hover td,
.dataTable .details tr:hover th {
    background-color: none !important;
}

.dataTable .details tr:nth-child(odd) td,
.dataTable .details tr:nth-child(odd) th {
    background-color: #eee !important;
}

.dataTable .details tr:nth-child(even) td,
.dataTable .details tr:nth-child(even) th {
    background-color: #eee !important;
}

.unit {
    color: #666666;
    text-align: right;
    cursor: pointer;
    display: inline-block;
    margin: 0 0.25em 0 0;
}


.totals {
    font-weight:bold;
    border: none;
}