@font-face{
	src: url(/SnapOnline/Content/Fonts/MrEavesXLModOT-Reg.ttf);
	font-family: MrEavesXLModOT-Reg;
}


/* Body */
#masthead {
    background: #5B2567;
}

#logo {
    height: 50px;
    margin: 0px 15px;
}

#login a{color:#fff;text-decoration:none;padding-right:15px}

#masthead .fms-icon {
    color: #fff;
}

body, input, textarea {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;

}

a {
    color: #5B2567;
}

a:hover {
    color: #0A0E0F;
}


/* Accordion */
.ui-accordion ul.sublist li.active {
    background-color: #dedede;
}

.ui-widget-content {
    background: #f0f4f4;
}

.ui-accordion-header .fms-icon {
    color: #2C4EB2;
}

.k-treeview .k-item .k-state-selected.k-in {
    color: #2C4EB2;
}


/* Tabs */
.tabs li.active a {
    border-bottom: 4px solid #2846A5;
}

.tabs li:not(.disabled):not(.active):hover a {
    border-bottom: 4px solid #bbb;
}

.tabs li:not(.disbaled) .fms-icon {
    color: #2C4EB2;
}


/* Forms */
.sol-button.branded {
    background-color: #5B2567;
}

.sol-button.branded:hover:not(:disabled) {
    background-color: #152C51;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=tel]:focus,
input[type=email]:focus,
input[type=number]:focus,
textarea:focus,
select:focus,
label.checkradio-container > input:not([type='hidden']):not(:disabled):focus ~ span.styled-checkbox,
label.checkradio-container > input:not([type='hidden']):not(:disabled):focus ~ span.styled-radiobutton {
    box-shadow: 0 0 6px rgba(40, 70, 165, 0.9);
}

label.checkradio-container > input:checked ~ span.styled-checkbox::after,
label.checkradio-container > input:checked ~ span.styled-radiobutton::after,
label.checkradio-container:hover > span.styled-checkbox,
label.checkradio-container:hover > span.styled-radiobutton {
    border-color: #2846A5;
}

.tooltip-ex { /* Container for our tooltip */
 position: relative;
 display: inline-block;
}

.tooltip-ex-common {
    background-color: #2846A5;
    color: white;
    text-align: center;
    padding: 0px;
    border-radius: 5px; /* This defines tooltip text position */
    position: absolute;
    z-index: 1;
    margin-right:10px;
    bottom: 25px;
    font-size:10px !important;
    text-transform: none !important;
    margin-bottom:5px;
}

.tooltip-ex .tooltip-ex-text { /* This is for the tooltip text */
 visibility: hidden;
 width: 475px;
 height: 30px !important;
 line-height: 6px;
 margin-top: 10px;
 padding-top: 12px !important;
}

.tooltip-ex-summary-text { /* This is for the tooltip text */
 visibility: hidden;
 width: 420px;
 height: 24px !important;
 padding-top:10px;
 opacity: 0.5 !important;
}

.tooltip-ex:hover .tooltip-ex-text { /* Makes tooltip text visible when text is hovered on */
 visibility: visible;
}

.tooltip-ex:hover .tooltip-ex-summary-text { /* Makes tooltip text visible when text is hovered on */
 visibility: visible;
}