@charset "utf-8";
/* Style Sheet for Accounts */
/* Built by South Coast Web Design Ltd */
/* Orange Black Theme */


/* Growl Message */
#growlMsgHolder {
    position:fixed;
    top:10px;
    right:10px;
    z-index:9999;
    height:0px;
}
#growlMsg {
    position:absolute;
    right:0px;
    background: rgba(51,122,183,1);
    border-radius:4px;
    /*border:4px solid rgba(66,139,202,0.3);*/
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
    padding:20px;
    width:350px;
    color:#fff;
    text-align: left;
}

/* some jquery ui changes */
.ui-autocomplete {
    font-size:14px;
    max-height: 150px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}
select.ui-datepicker-month,select.ui-datepicker-year {
    color:#000;
    font-weight:400;
}

.ui-widget-header { background: #3D86C5;border:1px solid #3D86C5;}

/*========================================*/
/* ORANGE BLACK ADMIN THEME */
/*==============================================================================*/
/* TOP BAR NAVIGATION */
/*==============================================================================*/

#navbar {
    width:100%;
    height:81px;
    color:#000;
    /* Change the top bar colour or background */
    background:#fff;
    border-bottom:1px solid rgba(0,0,0,0.2);
    position:fixed;
    z-index:999;
}
#logo {
    width:auto;
    height:80px;
    z-index:1;
    position:relative;
    margin-left:10px;
}
#pushdown {
    height:0px;
    background:#F3F3F3;
}
#detailsmenu {

}
#detailsmenu a {
    display:block;
    text-align:center;
    margin-right:20px;
    font-size:12px;
    border-radius: 4px;
    border:1px solid rgba(0,0,0,0.2);
    padding:3px 5px;
    margin-top:12px;
    color:#fff;
    background:rgba(120,120,120,0.4);
    -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#detailsmenu a:hover {
    background:rgb(140,140,140);
}
#detailsmenu .fa-user {
    font-size:2em;
    margin-top:3px;
}

.dropdown-menu {
    z-index:9999;
    text-align: left;
    margin-right:20px;
    opacity:1;
    color:#000;
}
.dropdown-header {
    color:#000;
}
.dropdown-menu li, .dropdown-menu li a {
    opacity:1;
    margin:0px 2%;
    text-align: left;
    background:#fff;
    width:96%;
    border:0px;
}
.dropdown-menu li:hover {
    background:#fff;
}
.dropdown-menu li a:hover {
    background:#FBC42D;
    color:#000;
    opacity:1;
    border-radius: 3px;
}
.caret {
    margin-top:0px;
    margin-bottom:-4px;
}
.dropdown-menu {
    font-size:0.8em;
}
.dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}
.dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    border-left: 6px solid transparent;
    content: '';
}

/*==============================================================================*/
/* SIDE BAR NAVIGATION */
/*==============================================================================*/

#navbar-sidebar {
    /* Change color of sidebar background */
    background:#fff;
    color:#171717;
    overflow:auto;
    width:260px;
    top:81px;
    bottom:0;
    left:0;
    position:fixed;
    border-right:1px solid rgba(0,0,0,0.2);
}
.menuDate {
    height:40px;
    font-size:0.8em;
    line-height:40px;
    text-align:center;
    background:#f3f3f3;
    color:#000;
}
#sidemenu ul {
    list-style: none;
    margin:0px;
    padding:0px;
    font-size:14px;
    color:#fff;
}
#sidemenu li, #timeDate {
    border-bottom:1px solid rgba(0,0,0,0.2);
}
#sidemenu li:first-child {
    border-top:1px solid rgba(0,0,0,0.2);
}

#sidemenu li a {
    display:block;
    padding:10px 10px;
    color:#171717;
    text-align: left;
        -moz-transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
#sidemenu li a:hover {
    background:rgba(236, 20, 29,0.2);
    color:#000;
}
.slidedown {
    display: none;
}
#sidemenu li ul li {
    border-bottom:1px solid rgba(255,255,255,0.2);
    background:#eee;
    color:#000;
}
#sidemenu li ul li {
    border-bottom: 1px solid rgba(0,0,0,0.2);
}
#sidemenu li ul li:last-child {
    border-bottom: 0px;
}
#sidemenu li ul li a {
    padding-left: 35px;
    color:#000;
}
#sidemenu li ul li a:hover {
    background:#ddd;
    color:#000;
}
.selectedMenu, .selectedMenu:hover {
    background:#ccc !important;
}
.sidebarFoot {
    position:relative;
    bottom:0px;
    left:0;
    width:100%;
    padding-top:5px;
    border-top:1px solid rgba(0,0,0,0.2);
}
.foot p {
    margin:2px 0px;
}

/* Panel Colors */

.panel-color {
  border-color: rgb(51,122,183);
}

.panel-heading {
    padding:10px 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}

.panel-color > .panel-heading {
    color: #fff;
    background-color: rgba(51,122,183,1);
    border: rgb(51,122,183);
}

ol.breadcrumb li.active {
    color: rgba(51,122,183,1);
}