/** link color */
a {
    color: #1b9996;
}

body{
    background: #ffffff  repeat top left !important;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: #000000;
}

#header{
    background:  #ffffff no-repeat;
    background-repeat: no-repeat;
    background-position: left top;
}

#body {
    background: #ffffff;
}

#navigation-menu,
#employee-list .employee-list-header{
    background: #1b9996; /* Old browsers */
    background: -moz-linear-gradient(top, #1b9996 0%, #D4D4D3 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1b9996), color-stop(100%,#D4D4D3)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #1b9996 0%,#D4D4D3 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #1b9996 0%,#D4D4D3 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #1b9996 0%,#D4D4D3 100%); /* IE10+ */
    background: linear-gradient(to bottom, #1b9996 0%,#D4D4D3 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b9996', endColorstr='#D4D4D3',GradientType=0 ); /* IE6-9 */
}

#header-background .logo-header-pos {
    float: ::logoPosition-logoAlign::;
}

#header-background .logo-header-pos {
    ::logoPosition-logoAlign::: 0;
}

#header-background .user-menu-pos {
    ::logoPosition-navAlign::: 0;
}

#header-background .navbar-nav > li {
    float: ::logoPosition-navAlign::;
}

#header-background .logo-header {
    text-align: ::logoPosition-logoAlign::;
}

#admin-setting-id span {
    color: ::headingBannerCogColor::;
}

#user-menu .user-menu-icon .dropdown-menu {
    ::logoPosition-logoAlign::: auto;
    ::logoPosition-navAlign::: 0;
}

#footer{

}

.label-primary {
    background-color: #1b9996;
}

.btn-primary.disabled {
    background-color: #1b9996;
    border-color: #ffffff;
    color: #ffffff;
}
.btn-primary {
    background-color: #1b9996;
    border-color: #ffffff;
    color: #ffffff;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
    background-color: #a3b1a8;
    border-color: #ffffff;
    color: #ffffff;
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
    background-image: none;
}

.btn-arrow-left .arrow:before, .btn-arrow-right .arrow:before {
    background-color: #1b9996;
    border: 1px solid #ffffff;
}
.btn-arrow-left:hover .arrow:before, .btn-arrow-right:hover .arrow:before ,
.btn-arrow-left:focus .arrow:before, .btn-arrow-right:focus .arrow:before ,
.btn-arrow-left:active .arrow:before, .btn-arrow-right:active .arrow:before {
    background-color: #a3b1a8;
}

input[type=submit],
input[type=button],
button{
    background-color: #1b9996;
    border-color: #ffffff;
    color: #ffffff;

    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}
input[type=submit]:hover,
input[type=button]:hover,
button:hover,
input[type=submit]:focus,
input[type=button]:focus,
button:focus,
input[type=submit]:active,
input[type=button]:active,
button:active,
input[type=submit].active,
input[type=button].active,
button.active{
    background-color: #1b9996;
    border-color: #ffffff;
    color: #ffffff;
}

.calendar-header{
    background-color: #1b9996;
    color: #FFFFFF;
}

.table th,
#body table > tbody > tr > th,
#body .generaltable th.header,
.expandable-edge-sencond,
.expandable-edge-sencond h4 small,
.profile-section .panel-heading,
#section-list .section-title,
.block-header
{
    background-color: #1b9996;
    color: #FFFFFF;
    border-color: #1b9996;
}

/* border on login page */
#section-list.panel.panel-primary, #section-list panel.panel-primary.no-margin {
 border-color: #1b9996;
}

/* this style is to ensure dropdown and input text always black */
.table th select,
.table th input,
#body table > tbody > tr > th select,
#body table > tbody > tr > th input{
    color: #000;
}

.employee-list-header{
    background-color: #1b9996;
    color: #FFFFFF;
}

.table-hover > tbody > tr:hover > th {
    background-color: #1b9996;
}

.navbar-default .navbar-brand {
    color: #FFFFFF;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #FCFCFC;
    background-color: rgba(54, 25, 25, 0.2);
}
.navbar-default .navbar-text {
    color: #FFFFFF;
}
.navbar-default .navbar-nav > li > a {
    color: #FFFFFF;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
    color: #FCFCFC;
    background-color: rgba(54, 25, 25, 0.2);
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
    background-color: #E7E7E7;
    color: #FCFCFC;
    background-color: rgba(54, 25, 25, 0.2);
}

#user-menu .navbar-nav > li > a {
    color: #666666;
}

#user-menu .navbar-nav > li > a:hover,
#user-menu .navbar-nav > li > a:focus {
    color: #000000;
}

.gantt-th{
	background-color : #ccc;
}

#employee-list .list-group-item{
	padding-left:0px !important;
	padding-right:0px !important;
}

.block-header{
    padding: 10px;
    margin-left: -10px;
    margin-right: -10px;
    font-weight: bold;
    cursor: pointer;
}

/** style for LMS **/
.generalbox .header,
.userprofile .header{
    background: #1b9996;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px;
}

#page-course-notifications #notification-list .list-group-item {
    border: 0;
    padding-top: 0;
    padding-bottom: 0;
}

#page-course-notifications #notification-list .panel-body {
    padding-left: 0;
    padding-right: 0;
}

#page-course-notifications #add-notification {
    margin-top: 24px;
}

.modal-content {
    background: #1b9996;
    color: #ffffff;
}

/* @2x Images  */
@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 13/10),
only screen and (min-resolution: 120dpi) {
    /* Retina-specific stuff here */
    body{
        background-image:  !important;
    }
}