button.dt-button, div.dt-button, a.dt-button, input.dt-button {
    border-radius: 2px !important;
    color: white !important;
    background-color: blue !important;
}

.dt-button{
    background-color: #FF0 !important;
}

.dt-buttons
{
    text-align-last: center !important;
    margin-top: 5px !important;
}
div.dt-buttons {
    float: none !important;
    text-align: center !important;
}

.phil-rightpad-for-sort-arrow {
   padding-right: 32px !important;
}

div.modal-header{background-color: lightblue !important;}
div.modal-body{background-color: lightblue !important;}
div.modal-body>div.row{background-color: lightblue !important;}
div.modal-body>div.row>div.c-form{background-color: lightblue !important;}


.EasyDNNSkin_Galore .eds_headerContainer .eds_fixedHeader.eds_headerStyle5 .eds_headerBackground .eds_header .eds_userLogin .registerGroup > ul li.userMessages a span, .EasyDNNSkin_Galore .eds_headerContainer .eds_fixedHeader.eds_headerStyle5 .eds_headerBackground .eds_header .eds_userLogin .registerGroup > ul li.userNotifications a span {
    background-color: #F00 !important;
    color: #ffffff !important;
    opacity: 1.0 !important;
    font-weight: bold !important;
}

/* hide expand button column for responsivegrid */
.dt-responsive .expand { display:none;  }
.dt-responsive.collapsed .expand { display:table-cell; }

#dnn_USER1_messageLink {
    width: 32px;
    display: block;
    position: absolute;
    left: 0;
    top: 8px;
    }

.EasyDNNSkin_Galore .eds_fixedHeader.eds_headerStyle5 .eds_headerBackground .eds_header .eds_userLogin .registerGroup > ul li + li.userDisplayName {
    margin-left: 32px !important;
}

/*
#login .loginGroup a strong, #login .registerGroup a strong {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    overflow: hidden;
    font-size: 11px;
    text-indent: -9999px;
}

#login .userMessages strong {
    height: 100%;
    background: url('https://snowridercentral.com/Portals/_default/skins/xcillion/images/message_icon.png') center center no-repeat;
}
*/

.registerGroup > ul li.userMessages a strong::before{
/*display: none !important; */
}

div.EmptyBackground {background-color: #FFF !important;}

.myList_wrapper {
padding: 5px !important;
background-color: lightblue !important;
}
.myList {
background-color: #FFF !important;
}


.dataTables_length {padding-bottom:5px;}

td.DTButtons { vertical-align: middle;}

td.mydate {
    max-width:150px;
}


td.tdMaxWidth{
   min-width: 100% !important; 
white-space:normal !important;
overflow-wrap: break-word !important;
}

td.wrapok {
    white-space:normal;
    min-width:150px;
}

td.wrapok a{
    white-space:normal
}


.EasyDNNSkin_Galore .responsAbilityMenu.eds_menuType5 .raMenuWrapper ol li > div .edsmm_menuListsContainer > ol > li.edsmm_active > span .edsmm_itemContainer {
    color: #ccc !important;
    font-weight: bold !important;
}

/* get rid of no wrap from datatables.net */
table.dataTable.nowrap th, table.dataTable.nowrap td {
/*    white-space: inherit !important; */
}

span.dtr-data {
    white-space: break-spaces;
}


.form-group-sr_dropdown button {
    background-color: #187cc2;
    border-color: #187cc2;
    color: #FFF;
}

/* show asterick automatically for any form field required */
label.required:after {
color: #e32;
content: '*';
display:inline;
} important!

/*code for the test site only */
/*.EasyDNNSkin_Ozone2 {
    background-color: #FFFFCC !important;
}*/

.donotshow {display:none !important;}

/* datatables css */
#myList_wrapper, #myListHistoryDays_wrapper, #myListSeasonDays_wrapper, #myListUpcomingDays_wrapper {
padding: 5px !important;
background-color: lightblue !important;
}
#myList, #myListHistoryDays, #myListSeasonDays, #myListUpcomingDays {
background-color: #FFF !important;
}


#myModalTable_wrapper {
padding: 5px !important;
background-color: lightblue !important;
}
#myModalTable {
background-color: #FFF !important;
}



table.dataTable>tbody>tr.child ul.dtr-details{
width: 100% !important;
background-color: rgb(252, 224, 224) !important;
/*padding: 5px !important;
    border-left-width: 5px;
    border-left-color: #000;
    border-style:solid ;
    border-left: thick double #32a1ce !important;*/
}

tr.odd.dt-hasChild.parent tr.child{
    background-color:#0F0 !important;
}

table.dataTable>tbody>tr.child {
    background-color:rgb(252, 224, 224) !important;
    border-left-width: 5px;
    border-left-color: #000;
    border-style:solid ;
    border: thick double #32a1ce !important;
}
/* end datatables css */


.card.dropdown-panel
{
    max-height: 400px;
    overflow: scroll;}
div.c-form
{
    background-color: lightyellow;
    padding: 20px;
}

.form-label {
font-weight: bold;
}
@media handheld, only screen and (max-width: 992px), only screen and (max-device-width: 992px){
.raMenuWrapper
    {
        background-color: #ebebeb;
    }
}

.EasyDNNSkin_Galore .container-fluid {
    max-width: 1600px !important;
}
@media (min-width: 1200px) {
  .EasyDNNSkin_Galore .container {
    max-width: 1570px !important;
  }
}
.EasyDNNSkin_Galore .eds_pageDetails.eds_pageDetails1 .eds_pageTitle > span {
    padding-left: 0px !important;
}   
/*code for new skin*/
.eds_template_ColorBox {margin-bottom: 10px !important;}

/*
.eds_headerHeightHolder
{height: auto !important;}
*/

/*galore header3 */
#dnn_dnnBreadcrumbx_lblBreadCrumb
{float: right;}

#dnn_dnnLOGO_imgLogo {
    max-height: 64px !important;
}

.eds_searchButtonContainer {Display:none !important;}
.eds_header8SearchPanelTrigerContainer {Display:none !important;}
.searchbar-icon {color: #FFF !important;}

#dnn_headerBanner {display:flex !important;}
.eds_fixedHeader.eds_headerStyle5 .eds_headerBackground .eds_header .eds_logoMenuSearchContainer {height:auto !important;}

.EasyDNNSkin_Galore .eds_fixedHeader.eds_headerStyle5 .eds_headerBackground .eds_header .eds_headerBanner {
    margin: 0px 0 0px 0px !important;
}

/*#dnn_USER1_messageGroup {Display:none !important;} */
#dnn_USER1_notificationGroup {Display:none !important;}
#dnn_USER1_avatarGroup {Display:none !important;}

#mvcContainer-404 {padding-top: 9px;}

@media handheld, only screen and (max-width: 992px), only screen and (max-device-width: 992px){
.EasyDNNSkin_Galore .responsAbilityMenu.eds_menuType5 .raMenuTriggerWrapper .raMenuTrigger {
    margin-right: 0px !important;
}}

.searchbar-bs5 {max-width:100px !important;}

.EasyDNNSkin_Galore .eds_fixedHeader.eds_headerStyle5 .eds_headerBackground .eds_header .eds_topRibbon {
  padding-top: 0px !important;
  padding-bottom: 5px !important;
}

.eds_userLogin
{padding-top: 6px;}

.tt-menu {background-color: lightblue;}

.eds_template_BoxTitleWithBackgroundAndCarret {padding-bottom: 10px;}

@media screen and (max-width : 1200px) {
.eds_pageTitle 
{width: 100% !important;}
.eds_breadCrumbs
{display:none !important;}

}


@media screen and (max-width : 768px) {
    
.eds_pageTitle {width: 100% !important;}
.eds_breadCrumbs {display:none !important;}

/*.edsmm_menuItem {background-color: #eee !important;} 
.edsmm_active {background-color: #187cc2 !important;} */

.EasyDNNSkin_Galore .responsAbilityMenu .raMenuWrapper > ol > li.edsmm_megaMenu.edsmm_multiColumn > div > div {
    padding: 0px !important;}
	
	.EasyDNNSkin_Galore .responsAbilityMenu .raMenuWrapper > ol > li.edsmm_megaMenu:hover > div *, .EasyDNNSkin_Galore .responsAbilityMenu .raMenuWrapper > ol > li.edsmm_megaMenu.raItemOpened > div * {
    visibility: visible !important;
    background-color: #187cc2 !important;
	}

.EasyDNNSkin_Galore .responsAbilityMenu.raMenuOpened .raMenuWrapper ol li > div .edsmm_menuListsContainer > ol > li {
    background-color: #187cc2 !important;}

}
.edsmm_menuListsContainer
{
background-color: #187cc2 !important;}
}

/*********** skin page and title (breadcrumb bar **************************/

.EasyDNNSkin_Galore .eds_fixedHeader.eds_headerStyle5 .eds_headerBackground .eds_header .eds_logoMenuSearchContainer > div {
    vertical-align: middle !important;
}

/*.EasyDNNSkin_Galore .eds_pageDetails.eds_pageDetails1 .eds_breadCrumbs */
.eds_breadCrumb {
    padding: 5px !important;
    color: #000 !important;
    margin-bottom: 10px;
    margin-top: 5px !important;
    text-transform: none !important;
    font-size: 12px !important;
    font-weight: bold;
}
.eds_breadcrumbSeparator{
    padding: 5px !important;
    color: #000 !important;
    margin-bottom: 10px;
    margin-top: 5px !important;
    text-transform: none;
    font-size: 12px !important;
    font-weight: bold;
}


.searchbar-icon {
    font-size: 18px !important; 
}
.searchbar-bs5 .searchbar-input.show {
    transition: width .15s ease-in-out;
    width: 240px;
    height: 12px !important;
    margin-top: 8px !important;
}

#dnn_dnnCURRENTDATE_lblDate {Display:none !important;}

.eds_pageDetails.eds_pageDetails1 {
    background: #187cc2 !important; 
    min-height: 45px;
    height: auto;
    }

.EasyDNNSkin_Galore .eds_pageDetails.eds_pageDetails1::after {
/*background: #FF0 !important;*/
background: url(Images/1x1-00000000.png) !important;
height: auto;
}

.eds_pageTitle > span {
        background-color: rgba(0, 0, 0, 0.0) !important
}

.eds_breadCrumb	> a {background-color: rgba(0, 0, 0, 0.0) !important;}
.eds_breadCrumbs {margin-top: 0.0rem !important;}

.EasyDNNSkin_Galore .eds_pageDetails.eds_pageDetails1 .eds_breadCrumbs .eds_breadCrumb, .EasyDNNSkin_Galore .eds_pageDetails.eds_pageDetails1 .eds_breadCrumbs .eds_breadcrumbSeparator {
    background-color: rgba(255, 226, 1, 0.0) !important;
}

.EasyDNNSkin_Galore .eds_pageDetails.eds_pageDetails1 .eds_pageTitle {
    margin-top: -8px !important;
}

/* .eds_pageTitle {background: #41c0bb !important;} */
/* .eds_breadCrumbs {background: #41c0bb !important;} */
.sticky-top {
    z-index: 999 !important;
}

#dnn_dnnBreadcrumb_lblBreadCrumb>span {display:flex !important; float:right !important;}
.EasyDNNSkin_Galore .eds_pageDetails.eds_pageDetails1 {
    padding-bottom: 0px !important;}

.EasyDNNSkin_Galore .responsAbilityMenu.eds_menuType5 .raMenuWrapper > ol > li {
    padding: 2px  !important;
}

.eds_headerContainer
{margin-bottom: 5px !important;}

.eds_contentBellowBackground{
    background-image: url(Images/1x1-00000000.png) !important;
    background-color: #FFF !important;
}


/****************************************************************/

.table.angrid-grid td {
vertical-align: top !important;
}


./*alignleft*/
.philAlignLeft {
 text-align: left !important; 
}

/*.bstrap30 .input-lg {
 margin-top: 30px;
}*/

/*for custom form background color*/
.form-group-formSpecialBackground{
 background-color: #FFCCCB; 
}

/* for ddr menu */
#dnn_ctr2283_MenuView ul{
  list-style: none !important;
}
#dnn_ctr2283_MenuView  li{
  display: inline !important;
}

#dnn_ctr2283_MenuView ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

#dnn_ctr2283_MenuView li {
  float: left;
  border-right:1px solid #bbb;
}

#dnn_ctr2283_MenuView li:last-child {
  border-right: none;
}

#dnn_ctr2283_MenuView li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

#dnn_ctr2283_MenuView li a:hover:not(.active) {
  background-color: #111;
}

#dnn_ctr2283_MenuView .active {
  background-color: #04AA6D;
}





/*set tab colors*/
.tabYellow
{
 background-color: #FFFFE0;
}
.tabGreen
{
 background-color: #95FF80;
}
.tabBlue
{
 background-color: #80EAFF;
}
.tabGray
{
 background-color: #dddddd;
}
.tabRed
{
 background-color: #FFCCEE;
}
.tabOrange
{
 background-color: #FFE6CC;
}

/* show asterick automatically for any form field required - added 2021-08-11*/
.bstrap30 label.required:after {
color: #e32;
content: '*';
display:inline;
} important!

/*see if this fixes the search box vertical alignment*/
.search-btn
{
    height: 31px !important;
    margin-top: -4px !important;
}

.gm-style-iw-d > div > div {
  width: 300px !important;
}

@media screen and (max-width : 768px) {
.storeLegend { 
margin-top:64px !important;
}
.storeLegend  span{  
  font-size:6px !important;
  font-weight: bold;
outline: #000 solid 1px;
}

}

@media screen and (min-width : 769px) {
.gm-style .gm-style-iw {
    font-weight: 400 !important;
    font-size: 16px !important;
}
  .storeLegend { 
margin-top:20px !important;
}
.storeLegend span { 
  font-size:20px !important;
  font-weight: bold;
outline: #000 solid 1px;
}

}


/* added 2001-05-18 to get buttons alignedle */
.philbuttonspacing  {
     margin-top 3px !important;
   margin-bottom: 3px !important;
}


  
}

/* added 2001-05-14 to get rid of middle */
.bstrap30 .table.angrid-grid td {
    vertical-align: top !important;
}


.modal-dialog {
    max-width: 98% !important;
}

.philTable td {
vertical-align: top !important;
}

.philTable2 th {
background-color:#eee;
}
.philTable2 td {
background-color:#FFF !important;
}

.philFooter {
background-color:#F00 !important;
}


#t01 tr:nth-child(even) {
  background-color: #eee;
}
#t01 tr:nth-child(odd) {
  background-color: #fff;
}

.submit-confirm {
  width: 100% !important;
}

.padActionGridLeftRight {
margin-left: 10px !important;
margin-right: 10px !important;
}

img {
max-width: 100% !important;
}

.angrid-loading{
  height: 0px !important;
}

@media screen and (max-width : 768px) {
.bstrap30 .col-xs-10{ 
  width: 100% !important
}
}

.pagination-touch
{
 width:100% !important; 
}

.iframe-container {
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.iframe-container iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  overflow:auto;
}

/*fix the actionform help popup*/
.popupOnHover-title {
   padding: 8px 14px !important;
   margin: 0 !important;
   font-size: 14px !important;
   background-color: #F00 !important;
   border-bottom: 1px solid #ebebeb !important;
   border-radius: 5px 5px 0 0 !important;
  max-width: 200px !important;
}

.popupOnHover-content {
  padding: 9px 14px !important;
  background-color: #FFF !important;
}

/*have the action grid inline field editors center themselves*/
.angrid-inline-edit-container {
display:table !important;
margin:0 auto  !important;
width:100% !important;
}

.angrid-inline-edit-container>input {
width:100% !important;
}


/*checkbox for row selection*/
.rowIsSelected{
display:none;
}
.selected .rowIsSelected{
display:block;
}
.selected .rowIsNotSelected{
display:none;
}

.rowIsNotSelected{
display:block;
}


.wrapbutton {
  /%max-width: 100px !important; */
  max-width: 100%  !important; 
    white-space: normal !important;
}

/*this is to make the arrows reversed for action grid*/
.bstrap30 .glyphicon-chevron-down:before {
    content: "\e113" !important;
}
.bstrap30 .glyphicon-chevron-up:before {
    content: "\e114"  !important;
}


/*fix to get rid of black overlay issue*/
.modal-backdrop {
    /* bug fix - no overlay */    
    display: none !important;    
}

/*for now, get rid of search*/
.eds_search2 {display: none;}


/*flexlist settings*/
.GrayedTreeNode,.HoverTreeNode,.SelectedTreeNode,.TreeNode,.comboGrayedTreeNode,.comboHoverTreeNode,.comboSelectedTreeNode,.comboTreeNode{
   font-size:inherit !important;
    padding:1px 3px;
   font-family:inherit  !important; 
}
.MenuGroup, .TreeView {
    background-color: inherit  !important;
    cursor: default;
}

.File a, .File a:link, .File a:visited, .File a:link, .File a:visited {
    color: #093890 !important;
    text-decoration: none !important;
}



/* to pad the header */
.eds_headerContainer {margin-bottom:0px;} /*was 20px*/


/* put buttons vertically for smaller screens*/
@media screen and (max-width : 768px) {
tr.angrid-item > td.angrid-item-buttons {
    white-space: normal !important;
 }
  
  .eds_logo.eds_logo2 {
    width: 100% !important;
  }
  
  .eds_search2 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
    float: none !important;
  }
  
tr.angrid-item > td {
    white-space: normal !important;
}
  
div.angrid .angrid-item-buttons a {
    white-space: normal !important;
  padding:1px;
  }
  
.inlineEdit {display:none !important;}
}


.jq-toast-wrap {
 width: 80% !important; 
}  

@media screen and (max-width : 768px) {
 .eds_breadCrumbs{
  display: none !important;
  }
  
  .angrid-item-buttons {
    max-width: 70px !important;
    white-space: normal !important;
}  
  
  
  
  }

.table-striped-phil div.angrid .angrid-item-buttons {
   overflow: hidden !important;
    max-width: 136px !important;
}  

.modal-lg, .modal-xl{
width: 96% !important; 
max-width: 96% !important;
}


.eds_titleAndDescription div:first-child
{
background-color: inherit !important;
}

.eds_pageDetails2 .eds_titleAndDescription > div 
{
background-color: inherit !important;
}

.eds_titleAndDescription {
    margin: 0 !important;
}

.eds_breadCrumbs{
float: right;
margin-top: .7rem;
}

.eds_pageTitle{
float: left;
}

.eds_titleAndDescription div:first-child{
width:100%;
}


.philgrid
{
      margin: 10px;
}

/* .angrid-item-buttons {width: 1%; } */
td {
    width: auto;
}

td.min {
    /*width: 1%;*/
    white-space: nowrap;
}

/* put buttons vertically for smaller screens*/
@media screen and (max-width : 768px) {
tr.angrid-item > td.angrid-item-buttons {
    white-space: normal !important;
}
}

/* these next ones are for action form, so popups show up and are formatted properly*/
/* this next line should go only in the forms that have tooltips */
/*.fade:not(.show) {opacity: 1 !important;}*/

.popover-title {
   padding: 8px 14px !important;
   margin: 0 !important;
   font-size: 14px !important;
   background-color: #f7f7f7 !important;
   border-bottom: 1px solid #ebebeb !important;
   border-radius: 5px 5px 0 0 !important;
   font-weight: bold !important;;
}
.popover-content {
   padding: 9px 14px !important;
}


/* 
 * Deprecated DNN CSS class names will remain available for some time
 * before being  permanently removed. Removal will occur according to
 * the  following process:
 *
 * 1. Removal will only occur with a major (x.y) release, never
 *    with a maintenance (x.y.z) release.
 * 2. Removal will not occur less than six months after the release
 *    when it was deprecated.
 * 3. Removal will not occur until after deprecation has been noted 
 *    in at least two major releases.
 *
 *                                              |        |Planned |
 *  Name                                        |Release |Removal |
 *----------------------------------------------+--------+--------+
 * Mod{NAME}C                                     5.6.2    6.2
 *   {NAME} = sanitized version of the DesktopModule Name 
 *   Used on <div> tag surrounding Module Content, inside container
 *----------------------------------------------+--------+--------+
 */  



/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body
{
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:hover    {
}

A.SelectedTab:active   {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:hover    {
}

A.OtherTabs:active   {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:hover    {
}
    
A.CommandButton:active   {
}

/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:hover {
}

A:active    {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}
OL UL LI   {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBreak {
}

.MainMenu_MenuItemSel {
}

.MainMenu_MenuArrow {
}

.MainMenu_RootMenuArrow {
}

/* Login Styles */
.LoginPanel{
}

.LoginTabGroup{
}

.LoginTab {
}

.LoginTabSelected{
}

.LoginTabHover{
}

.LoginContainerGroup{
}

.LoginContainer{
}

.SonnyAdjustment {
  width: 100%;
}

.DownloadButton {
  padding: 15px  !important;
}

.dnn2425DealerSignaturecanvasSignature{
  height:200px;
}