body {
    color: #7e7e7e;
    background-color: #03aae3; /* For browsers that do not support gradients */
   background: linear-gradient(to bottom, #0bc2a8 0%, #03a9e4 20%);
}

#main-content {
    box-shadow: 0 0 10px #757575;
    -moz-box-shadow: 0 0 10px #757575;
    -webkit-box-shadow: 0 0 10px #757575;
}

a {
    text-shadow: none !important;
    color: #0093ce;
        text-decoration: none;
        font-family:"Roboto", "Helvetica", "Arial", sans-serif;
        font-size: 14px;
}
 a:hover
 {color:#000;
     }

ul.faq-list li a:hover, ul.faq-list li a.active {
    background: #22C0CB;
}

#header.navbar-inverse .navbar-inner {
    background: #fff !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 {
        color: #0093ce !important;
}

#header.navbar-inverse .divider-vertical {
    border-left-color: #2c2d2f;
    border-right-color: #181a1b;
}

#sidebar > ul > li > a {
    color: #fff !important;
}

#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: #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 #3393A2;
}

    #sidebar > ul > li > ul.sub > li:last-child {
        border-bottom: none;
    }

.chats li.out .name {
    color: #b14c4c;
}

.chats li.in .message {
    border-left: 2px solid #2f8e95;
}

    .chats li.in .message .arrow {
        border-right: 8px solid #2f8e95;
    }

.chats li.out .message .arrow {
    border-left: 8px solid #b14c4c;
}

.chats li.out .message {
    border-right: 2px solid #b14c4c;
}

#lock-body {
    background: url(../img/bg-grey.jpg) !important;
}

.lock-header {
    margin-top: 50px;
    text-align: center;
}

#lock {
    background: #fff;
    margin: 50px auto 0;
    padding: 10px 0;
    width: 420px;
}

.lock-title {
    text-align: center;
}

    .lock-title i, .lock-title h3 {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .lock-title i {
        font-size: 25px;
        padding: 0 5px;
    }

.lock-avatar-row {
    display: block;
    text-align: center;
    margin-top: 20px;
    padding: 20px;
}

.lock-round {
    border: 10px solid #5ACED6;
    border-radius: 300px;
    -moz-border-radius: 300px;
    -webkit-border-radius: 300px;
    -khtml-border-radius: 300px;
    display: inline-block;
}

.lock-avatar-row img {
    border-radius: 300px;
    -moz-border-radius: 300px;
    -webkit-border-radius: 300px;
    -khtml-border-radius: 300px;
}

.lock-identity {
    text-align: center;
    display: block;
    width: 100%;
}

    .lock-identity h3 {
        margin: 20px 0 0 0;
        padding: 0;
        line-height: 22px;
    }

.lock-form-row {
    display: block;
    margin-top: 20px;
}

    .lock-form-row i {
        text-shadow: none;
        color: #fff;
    }

    .lock-form-row .tarquoise {
        margin-left: 10px;
        box-shadow: none;
    }

/* Landscape phone to portrait tablet */
@media (max-width:979px) {
    #sidebar {
        background-color: #03aae3 !important;
        background: linear-gradient(to bottom, #0bc2a8 0%, #03a9e4 20%);
        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        border-radius: 4px !important;
    }

        #sidebar > ul > li > a {
            border-bottom: 0px solid #30c1cb !important;
        }

            #sidebar > ul > li.active > a, #sidebar > ul > li:hover > a, #sidebar > ul > li > a:hover {
                border-bottom: 0px solid #30c1cb !important;
            }
}

/*----*/

/*lock*/

.lock-avatar-row, .lock-form-row .tarquoise {
    background: #30c1cb;
}


.lock-identity span {
    color: #30c1cb;
}

.lock-form-row .tarquoise {
    border: 1px solid #30c1cb !important;
}

/*coming soon*/

.coming-soon .input-append .submit-btn {
    background: #2fbfca;
    color: #195e63;
}

.twt-color, .twt-color:hover, .blog .date .day {
    color: #2fbfca !important;
}

ul.social-link li a:hover, .blog .date .month {
    background: #2fbfca;
}


/*blog*/

.blog .date {
    border: 1px solid #2fc0ca;
}

.blog ul li a:hover, .blog-side-bar ul li a:hover {
    color: #2fc0ca;
    text-decoration: none;
}

.blog .btn:hover {
    background: #2fc0ca;
}

.blog-side-bar ul.tag li a, .inbox-compose-btn button:hover, .btn.colored, .inbox .inbox-header {
    background: #2fc0ca;
}

/*invoice-list*/


.invoice-list h5 {
    color: #2fc0ca;
}

/*about us*/

.about-us h4, .team-member h3, .team-member ul li a:hover, .contact-us h4, .news h1 {
    color: #2badb6;
}

/*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 #39c0cd;
}


/*New Design By ST** */

.table-bordered thead th {
   background-color: #03aae1 !important;
    color: #fff !important;
    font-size: 14px;
    border:0px;
        font-weight: normal;   
   
      font-family:"Roboto", "Helvetica", "Arial", sans-serif; font-weight:300;
}
.table th, .table td {
    line-height: 15px;
     font-family:"Roboto", "Helvetica", "Arial", sans-serif; font-weight:300;color: #394955;
}
table.table thead .sorting {
    background: url(images/sort_both.png) no-repeat top 28px right -4px;
}
label, input, button, select, textarea {
    font-size: 13px;
    font-weight: normal;
    line-height: 20px;
}

.widget-title span.tools > a:hover {
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    /*opacity: .6;*/
    color: #0093ce;
}

.widget-title span.tools > a.active {
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    /*opacity: .6;*/
    color: #7e7e7e;
}

.Adetcls {
    color: #fff !important;
    padding-left: 30px!important;
    height: 25px;
}

.detcls {
    color: #195e63 !important;
   padding-left: 30px!important;
   font-style:italic;
    
}

.text-middle-header {
    color: #0093ce !important;
    padding-left: 20px;
}

 .nav-tabs > li > a {
                        padding-top: 3px !important;
                        padding-bottom: 3px !important;
                        line-height: 18px !important;
                        border-radius: 4px !important;
                        background-color: #21BFCB !important;
                        color: white !important;
                    }