/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/
/*
.portlet {
    border-radius: 4px !important;
}

.portlet .portlet-title {
    border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
    border-radius: 0px 0px 4px 4px !important;
}
*/
.page-logo a, .testing {
    font-size: 20px;
    line-height: 75px;
}

.testing {
    color: red;
    width: 200px;
}

.page-header .container, .page-header .container-fluid {
}

.pagination {
    text-align: center;
    width: 100%;
}
.pagination span {
    padding: 4px 12px 8px;
    border-radius: 25px !important;
    border: none;
    color: #868c93;
}

.pagination span.current {
    background: #eee;
    border-color: #dddddd;
    color: #333;
}
.pagination a {
    padding: 4px 12px 8px;
    border-radius: 25px !important;
    border: none;
    color: #868c93;
}
.pagination a:hover {
    text-decoration: none;
    background: #eee;
}

.app_title {
    /*display: none;*/
    color: #697882;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 10px;
}

.submenu .dropdown-menu {
    position: relative;
    display: block;
    z-index: 1;
}
.submenu .dropdown-menu li {
    display: inline-block;
}

.page-breadcrumb {
    margin-top: 25px;
}
.page-breadcrumb li {
    border-right: 1px solid grey;
    padding-right: 10px;
    margin-right: 5px;
}
.page-breadcrumb li:last-child {
    border: none;
}


/** default color **/
body.color-default .page-header .page-header-menu {
    background: #939393;
}

body.color-default .page-header .page-header-menu .hor-menu .navbar-nav > li > a,
body.color-default .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i{
    color: #FFF;
    font-size: 12px;
}
body.color-default .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu,
body.color-default .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover,
body.color-default .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a{

    background-color: #585858 !important;
}


body.color-default .page-header .page-header-menu .search-form .input-group,
body.color-default .page-header .page-header-menu .search-form .input-group .form-control,
body.color-default .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i{
    background-color: #585858 !important;
    color: #FFF;
}
body.color-default .page-content {
    background-color: #D3D3D3;
}


/** color blue-hoki **/
body.color-blue-hoki .page-header .page-header-menu {
    background-color: #336699;
}
body.color-blue-hoki .page-header .page-header-menu .hor-menu .navbar-nav > li > a,
body.color-blue-hoki .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i{
    color: #FFF;
    font-size: 12px;
}
body.color-blue-hoki .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu,
body.color-blue-hoki .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover,
body.color-blue-hoki .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a{

    background-color: #2d5882 !important;
}

body.color-blue-hoki .page-header .page-header-menu .search-form .input-group,
body.color-blue-hoki .page-header .page-header-menu .search-form .input-group .form-control,
body.color-blue-hoki .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i{
    background-color: #2d5882 !important;
    color: #FFF;
}
body.color-blue-hoki .page-content {
    background-color: #D1E1F0;
}

/** color yellow-orange **/
body.color-yellow-orange .page-header .page-header-menu {
    background-color: #D8652E;
}
body.color-yellow-orange .page-header .page-header-menu .hor-menu .navbar-nav > li > a,
body.color-yellow-orange .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i{
    color: #FFF;
    font-size: 12px;
}
body.color-yellow-orange .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu,
body.color-yellow-orange .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover,
body.color-yellow-orange .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a{

    background-color: #753b20 !important;
}

body.color-yellow-orange .page-header .page-header-menu .search-form .input-group,
body.color-yellow-orange .page-header .page-header-menu .search-form .input-group .form-control,
body.color-yellow-orange .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i{
    background-color: #753b20 !important;
    color: #FFF;
}
body.color-yellow-orange .page-content {
    background-color: #FFCB84;
}

/** color red-sunglo **/
body.color-red-sunglo .page-header .page-header-menu {
    background-color: #FFCBA4;
}
body.color-red-sunglo .page-header .page-header-menu .hor-menu .navbar-nav > li > a,
body.color-red-sunglo .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i{
    color: #FFF;
    font-size: 12px;
}
body.color-red-sunglo .page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu,
body.color-red-sunglo .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a:hover,
body.color-red-sunglo .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a{
    background-color: #753b20 !important;
}

body.color-red-sunglo .page-header .page-header-menu .hor-menu .navbar-nav > li.open > a,
body.color-red-sunglo .page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover {
    background-color: #753b20 !important;
}
body.color-red-sunglo  .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a,
body.color-red-sunglo  .page-header .page-header-menu .hor-menu .navbar-nav > li.active > a:hover,
body.color-red-sunglo  .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a,
body.color-red-sunglo  .page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
    background-color: #753b20 !important;
}

body.color-red-sunglo .page-header .page-header-menu .search-form .input-group,
body.color-red-sunglo .page-header .page-header-menu .search-form .input-group .form-control,
body.color-red-sunglo .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit > i{
    background-color: #753b20 !important;
    color: #FFF;
}
body.color-red-sunglo .page-content {
    background-color: #eff3f8;
}
body.color-red-sunglo .panel-primary {
    border-color: #e26a6a;
}
body.color-red-sunglo .panel-primary .panel-heading {
    background-color: #FFCBA4;
    color: #e26a6a !important;
    border-color: #e26a6a;
}
body.color-red-sunglo .btn-primary {
    background-color: #e26a6a;
}
body.color-red-sunglo .bg-success,
body.color-red-sunglo .btn-success {
    background-color: #FFCB84;
}



body.color-blue-hoki .page-header .page-header-menu .search-form .form-control::-moz-placeholder,
body.color-yellow-orange .page-header .page-header-menu .search-form .form-control::-moz-placeholder,
body.color-default .page-header .page-header-menu .search-form .form-control::-moz-placeholder {
  color: #FFF;
  opacity: 1;
}
body.color-blue-hoki .page-header .page-header-menu .search-form .form-control:-ms-input-placeholder,
body.color-yellow-orange .page-header .page-header-menu .search-form .form-control:-ms-input-placeholder,
body.color-default .page-header .page-header-menu .search-form .form-control:-ms-input-placeholder {
  color: #FFF;
}
body.color-blue-hoki .page-header .page-header-menu .search-form .form-control.form-control::-webkit-input-placeholder,
body.color-yellow-orange .page-header .page-header-menu .search-form .form-control.form-control::-webkit-input-placeholder,
body.color-default .page-header .page-header-menu .search-form .form-control.form-control::-webkit-input-placeholder {
  color: #FFF;
}

body .page-header .page-header-menu .hor-menu .navbar-nav > li > a,
body .page-header .page-header-menu .hor-menu .navbar-nav > li > a > i{
    color: #FFF;
    font-size: 12px;
}


.page-header-menu .tt-dropdown-menu {
    min-width: 290px;
    margin-left: -150px;
    color: #000;
}

.app_title.caption a {
    color: #FFF;
    text-decoration: underline;
}

.alpha_search .highlight {
    font-weight: bold;
}

.datepicker .today {
    background: #d9edf7;
}
.datepicker .day:hover {
    background: rgba(0,0,0,.15);
    cursor: pointer;
}
.datepicker .old, .datepicker .new {
    opacity: 0.2;
}



/** Fixed footer **/
.fixed-footer.floating {
    position: fixed;
    bottom: 20px;
}

.error_message {
    color: #a94442;
    font: normal normal normal 18px/24px FontAwesome;
    text-align: center;
    background-color: #f2dede;
    border-color: #ebccd1;
    margin: 0px 10px 10px 10px;
    padding: 10px;
}
.error_message::before {
    content: "\f071  ";
}

ul.errorlist {
    list-style: none;
    color: #a94442;
    font: normal normal normal 14px/1 FontAwesome;
}
ul.errorlist li::before {
    content: "\f071  ";
}
ul {
    list-style: none;
}
table#orderlog_list td {
    padding: 2px 1px 2px 1px;
}
table#orderlog_list td table td {
    padding: 0px;
}
table#scheduling_team_visits td {
    padding: 3px;
}
table#scheduling_team_visits div {
    padding: 0;
}
table#referral_list td, #referral_list th {
    padding: 3px 2px 3px 2px;
}
table#referral_list div {
    padding: 0;
}
table#staffassign_list td, table#staffassign_list th {
    padding: 4px;
}
table#staffassign_list div {
    padding: 0;
}
table#edoc_list td, #edoc_list th {
    padding: 3px 2px 3px 2px;
}
table#edoc_list div {
    padding: 0;
}
table#recall_list td, table#recall_list th {
    padding: 3px 2px 3px 2px;
}
table#recall_list div {
    padding: 0;
}
.tabbable-custom > .nav>li {
    /*padding: 10px 9px;*/
    padding: 10px 3px;
}
.tabbable-custom > .nav>li>a {
    padding: 0px;
}
.tabbable-custom > .nav-tabs>li.active>a,
.tabbable-custom > .nav-tabs>li.active>a:hover,
.tabbable-custom > .nav-tabs>li.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 0px solid #ddd;
    border-bottom-color: transparent;
}
.tabbable-custom > .nav-tabs>li.active {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    border-top: 3px solid #d9edf7;
}

.tt-input {
    color: #333333;
}


.use-inline-list ul li {
    display: inline;
    margin-right: 15px;
}

/* Autosave notification */
#autosave_notification {
    position: fixed;
    top: 0px;
    right: 20px;
    font-size: 13px;
    line-height: 30px;
    display: none;
    z-index: 1000;
}

#autosave_notification_error {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    font-size: 24px;
    line-height: 35px;
    padding: 5px;
    background: red;
    display: none;
    color: white;
    z-index: 1000;
}

#maypad_notification_header {
    height: 30px;
    background-color: #f36a5a;
    color: #fff;
    position: fixed;
    width: 100%;
    z-index: 999;
    font-size: 13px;
    line-height: 30px;
    display: none;
}

#maypad_offline_notification {
    height: 24px;
    background-color: #659be0;
    color: #fff;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 999;
    font-size: 10px;
    line-height: 30px;
    display: none;
}

/* tabs */
.tab-with-error {
    background: url('../../../../images/underline.gif') bottom repeat-x;
}



.header-search {
    float: right;
    width: 50%;
    padding-top: 20px;

}

@media(max-width:767px){
    .header-search {
        width: 100%;
    }
}
@media(min-width:768px){
    .header-search {
        width: 50%;
    }
}


.tt-dropdown-menu {
    z-index: 9999;
}


ul.form-control {
    height: auto;
}
