@import url("/VanillaTheme/Theme.VanillaTheme.css?2239");

* 
    {
    font-family: Meiryo, sans-serif;
    font-family: Lato,sans-serif;
    }

/***************************************/
/***** PRIMARY COLOR CUSTOMIZATION *****/
/***************************************/

.Header{
    background:#ff4900; /*primary-color*/
}

a,
a:link,
a:visited {
    color: #ff4900; /*primary-color*/
}

a.Button{
    color: #999;
}

span.ListNavigation_CurrentPageNumber{
    color:#FFF;
}

.EditableTable tr.RowControlGroup a.SaveRowAction,
.EditableTable tr.RowControlGroup a.CancelRowAction{
    color: #ff4900; /*primary-color*/
}

.Button.ButtonDefault,
.Button.Is_Default {
    background-color: #ff4900; /*primary-color*/
    border-color: #ff4900; /*primary-color*/
    color: #fff;
    text-shadow: none;
}

.desktop .Button.ButtonDefault:hover,
.desktop .Button.Is_Default:hover {
    background-color: #ff4900; /*primary-color*/
    border-color: #ff4900; /*primary-color*/
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    
}

.Button.Cancel {
    border-color: #999;
    color: #999;
}

.desktop .Button.Cancel:hover {
    background-color: #fff;
    border-color: #999;
    color: #999;
}

.desktop .Button:hover,
.desktop a.Button:hover {
    background-color: #cfcfcf;
    -webkit-filter: brightness(0.9);
    filter: brightness(0.9);
    
}

.Button.Link {
    background-color: #fff;
    border-color: #fff;
    color: #ff4900; /*primary-color*/
}

.desktop .Button.Link:hover {
    background-color: #fff;
    border-color: #ff4900; /*primary-color*/
    color: #ff4900; /*primary-color*/
}

.Button.Danger{
    background-color: #e09d90;
    border-color: #df3a01;
    color: #fff;
}

a.ActionDelete{
    background-color: transparent;
}

a.ActionAdd:before, 
a.ActionEdit:before, 
a.ActionDelete:before, 
a.ActionChange:before, 
.Actions [class^=fa]{
    background: #ff4900; /*primary-color*/
}

.DropdownMenu .PH > a {
    color: #ff4900; /*primary-color*/
}

.DropdownMenu .PH > a:hover {
    background-color: #efefef;
    color: #ff4900; /*primary-color*/
    text-decoration: none;
}

.phone .Login_Info_Logout:before,
.tablet .Login_Info_Logout:before {
    color: #ff4900; /*primary-color*/
}

.IconBadge_number {
    background-color: #ff4900; /*primary-color*/
}

.NavigationBar a.Active:after {
    background-color: #ff4900; /*primary-color*/
}

.NavigationBar a.Active:not(.ie7):before,
.NavigationBar a.Active:not(.ie8):before {
    border-bottom-color: #ff4900; /*primary-color*/
}


/* Responsive Context **************************/

.desktop .NavigationBar a:hover:after,
.desktop .NavigationBar a:link:hover:after {
    background-color: #ff4900; /*primary-color*/
}


.phone .NavigationBar a:active:after,
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after,
.tablet .NavigationBar a:link:active:after {
    background-color: #ff4900; /*primary-color*/
}


/* NavigationBar: Vertical **************************/

.NavigationBar.Vertical a.Active,
.NavigationBar.Vertical a:link.Active {
    border-color: #ff4900; /*primary-color*/
}

.NavigationBar.Vertical a.Active:not(.ie7):before,
.NavigationBar.Vertical a.Active:not(.ie8):before {
    border-left-color: #ff4900; /*primary-color*/
}

/* Responsive Context **************************/
.desktop .NavigationBar.Vertical a:hover,
.desktop .NavigationBar.Vertical a:link:hover {
    border-color: #ff4900; /*primary-color*/
}


.SectionIndex a.active, 
.SectionIndex a:hover{
    border-bottom-color: #ff4900; /*primary-color*/
    color: #ff4900; /*primary-color*/
}

.SectionIndex.vertical a.active, 
.SectionIndex.vertical  a:hover{
    border-left-color: #ff4900; /*primary-color*/
}

.Tabs__tab.active {
    border-top: 1px solid #ccc;
}

/* Calendar **************************/
.Calendar-navBtn > div,
.pika-prev:after,
.pika-next:after {
    color: #ff4900; /*primary-color*/ 
}

.pika-title {
    border-bottom: 2px solid #ff4900; /*primary-color*/
}

.is-selected .pika-button {
   background-color: #ff4900; /*primary-color*/
}

.has-event .pika-button:after {
   background-color: #ff4900; /*primary-color*/ 
}