@font-face {
	font-family: 'Garamond Pro';
	src: url('../../fonts/AGaramondPro-Regular.otf');
	src: url('../../fonts/AGaramondPro-Regular.eot') format('embedded-opentype'), 
         url('../../fonts/AGaramondPro-Regular.woff') format('woff'), 
         url('../../fonts/AGaramondPro-Regular.woff2') format('woff2'), 
         url('../../fonts/AGaramondPro-Regular.ttf') format('truetype'), 
         url('../../fonts/AGaramondPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro Regular';
	src: url('../../fonts/MyriadPro-Regular.otf');
	src: url('../../fonts/MyriadPro-Regular.eot') format('embedded-opentype'),
         url('../../fonts/MyriadPro-Regular.woff') format('woff'), 
         url('../../fonts/MyriadPro-Regular.woff2') format('woff2'), 
         url('../../fonts/MyriadPro-Regular.ttf') format('truetype'), 
         url('../../fonts/MyriadPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro Light';
	src: url('../../fonts/MyriadPro-Light.otf');
	src: url('../../fonts/MyriadPro-Light.eot') format('embedded-opentype'), 
         url('../../fonts/MyriadPro-Light.woff') format('woff'), 
         url('../../fonts/MyriadPro-Light.woff2') format('woff2'), 
         url('../../fonts/MyriadPro-Light.ttf') format('truetype'), 
         url('../../fonts/MyriadPro-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro Light It';
	src: url('../../fonts/MyriadPro-LightIt.otf');
	src: url('../../fonts/MyriadPro-LightIt.eot') format('embedded-opentype'), 
         url('../../fonts/MyriadPro-LightIt.woff') format('woff'), 
         url('../../fonts/MyriadPro-LightIt.woff2') format('woff2'), 
         url('../../fonts/MyriadPro-LightIt.ttf') format('truetype'), 
         url('../../fonts/MyriadPro-LightIt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro Semibold';
	src: url('../../fonts/MyriadPro-Semibold.otf');
	src: url('../../fonts/MyriadPro-Semibold.eot') format('embedded-opentype'),
         url('../../fonts/MyriadPro-Semibold.woff') format('woff'), 
         url('../../fonts/MyriadPro-Semibold.woff2') format('woff2'),
         url('../../fonts/MyriadPro-Semibold.ttf') format('truetype'), 
         url('../../fonts/MyriadPro-Semibold.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro Bold It';
	src: url('../../fonts/MyriadPro-BoldIt.otf');
	src: url('../../fonts/MyriadPro-BoldIt.eot') format('embedded-opentype'), 
         url('../../fonts/MyriadPro-BoldIt.woff') format('woff'), 
         url('../../fonts/MyriadPro-BoldIt.woff2') format('woff2'),
         url('../../fonts/MyriadPro-BoldIt.ttf') format('truetype'), 
         url('../../fonts/MyriadPro-BoldIt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro Italic';
	src: url('../../fonts/MyriadPro-It.otf');
	src: url('../../fonts/MyriadPro-It.eot') format('embedded-opentype'),
         url('../../fonts/MyriadPro-It.woff') format('woff'), 
         url('../../fonts/MyriadPro-It.woff2') format('woff2'), 
         url('../../fonts/MyriadPro-It.ttf') format('truetype'), 
         url('../../fonts/MyriadPro-It.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro Black It';
	src: url('../../fonts/MyriadPro-BlackIt.otf');
	src: url('../../fonts/MyriadPro-BlackIt.eot') format('embedded-opentype'),
         url('../../fonts/MyriadPro-BlackIt.woff') format('woff'), 
         url('../../fonts/MyriadPro-BlackIt.woff2') format('woff2'), 
         url('../../fonts/MyriadPro-BlackIt.ttf') format('truetype'), 
         url('../../fonts/MyriadPro-BlackIt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro Semi It';
	src: url('../../fonts/MyriadPro-SemiboldIt.otf');
	src: url('../../fonts/MyriadPro-SemiboldIt.eot') format('embedded-opentype'),
         url('../../fonts/MyriadPro-SemiboldIt.woff') format('woff'), 
         url('../../fonts/MyriadPro-SemiboldIt.woff2') format('woff2'), 
         url('../../fonts/MyriadPro-SemiboldIt.ttf') format('truetype'), 
         url('../../fonts/MyriadPro-SemiboldIt.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro Semibold Cond';
	src: url('../../fonts/MyriadPro-SemiboldIt.otf');
	src: url('../../fonts/MyriadPro-SemiboldCond.eot') format('embedded-opentype'), 
         url('../../fonts/MyriadPro-SemiboldCond.woff') format('woff'), 
         url('../../fonts/MyriadPro-SemiboldCond.woff2') format('woff2'), 
         url('../../fonts/MyriadPro-SemiboldCond.ttf') format('truetype'), 
         url('../../fonts/MyriadPro-SemiboldCond.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Myriad Pro Black';
	src: url('../../fonts/MyriadPro-SemiboldCond.otf');
	src: url('../../fonts/MyriadPro-SemiboldCond.eot') format('embedded-opentype'), 
         url('../../fonts/MyriadPro-SemiboldCond.woff') format('woff'), 
         url('../../fonts/MyriadPro-SemiboldCond.woff2') format('woff2'),
         url('../../fonts/MyriadPro-SemiboldCond.ttf') format('truetype'), 
         url('../../fonts/MyriadPro-SemiboldCond.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}





html,body {
    font-family: 'Myriad Pro Regular', Arial, sans-serif;
}

body {
    background-color: #e0e0db;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Myriad Pro Semibold', Arial, sans-serif;
}

h1 {
    font-size: 25px;
}

h2 {
    font-size: 18px;
}

p {
    font-family: 'Myriad Pro Regular', Arial, sans-serif;
    font-size: 14px;
}

a:hover, a:focus {
    color: #005DAA;
}

.noBottMarg {
    margin-bottom: 0;
}

nav.left-menu {
    z-index: 199;
    border-right: none;
    width: 260px;
}

nav.top-menu {
    height: 158px;
    z-index: 99999;
}

nav.left-menu + nav.top-menu {
    left: 0;
}

select::-ms-expand {
    display: none;
}

nav.top-menu .menu {
    height: 110px;
    padding: 35px 16px;
}

nav.top-menu .menu-icon-container {
    font-size: 27px;
    float: right;
    margin: 60px 20px 0px 20px;
}

nav.top-menu .logo-container {
    padding: 52px 0 0 30px;
    width: 450px;
    height: 158px;
    float: left;
    position: absolute;
    top: 5px;
    left: 0px;
}

nav.left-menu .logo-container .logo {
    max-width: 500px;
}

nav.left-menu .logo-container .logo img {
    display: block;
    width: 330px;
    max-height: none;
    height: auto;
}

nav.left-menu .left-menu-inner {
    top: 158px;
    width: 260px;
}

nav.left-menu .left-menu-list li .left-menu-link {
    font-weight: normal;
    font-size: 14px;
    color: rgb(138,138,141);
    padding: 15px 25px;
    font-family: 'Myriad Pro Semibold', Arial, sans-serif;
    font-style: normal;
}

nav.left-menu .left-menu-list li.left-menu-list-submenu > .left-menu-link:after, #angle {
    border-color: transparent transparent transparent rgb(138,138,141);
    top: 12px;
    right: 10px;
    content: '\f105';
    font-family: FontAwesome;
    font-weight: bold;
    font-style: normal;
    margin:0px 0px 0px 10px;
    text-decoration:none;
    font-size: 18px;
    border: 0;
    transition: all .2s;
    width: 5px;
    height: 5px;
    color: #ddd;
}

nav.left-menu .left-menu-list li .left-menu-link.activeLink {
    background-color: rgb(224,224,219);
    color: #000;
}

nav.left-menu .left-menu-list li.left-menu-list-opened {
    background: transparent;
}

nav.left-menu .left-menu-list li.left-menu-list-submenu.left-menu-list-opened > .left-menu-link:after {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}


nav.left-menu .left-menu-list li .left-menu-link .left-menu-link-icon {
    color: #ddd;
}

nav.left-menu .left-menu-list li .left-menu-link.activeLink .left-menu-link-icon {
    color: #000;
}

nav.left-menu .left-menu-list li  .left-menu-link-icon {
    color: #D31245;
}

nav.left-menu .left-menu-list li.left-menu-list-opened > .left-menu-link,
nav.left-menu .left-menu-list li.left-menu-list-opened > .left-menu-link .left-menu-link-icon {
    color:rgb(138,138,141) !important;
}

nav.left-menu .left-menu-list li .left-menu-link:hover .left-menu-link-icon {
    color: #ddd;
}

nav.left-menu .left-menu-list li .left-menu-link:hover {
    color: #000;
    background: #e0e0db;
}

nav.left-menu .left-menu-list li .left-menu-link:hover .left-menu-link-icon {
    color: #000;
}

nav.left-menu .left-menu-list-color-primary:hover:before, nav.left-menu .left-menu-list-color-primary.left-menu-list-opened:before, nav.left-menu .left-menu-list-color-primary.left-menu-list-active:before {
    background-color: #1057A2;
}

nav.top-menu + .page-content {
    margin-top: 158px;
    background-color: rgb(224,224,219);
}

nav.left-menu + * + .page-content {
    margin-left: 260px;
}

.jspContainer {
    background-color: #fff;
}

.activeMenuItem {
    background:#e0e0db ;
}

nav.left-menu .left-menu-list li .left-menu-link.activeMenuItem,
nav.left-menu .left-menu-list li .left-menu-link.activeMenuItem .left-menu-link-icon {
    color:#000 !important;
}

.animate-menu-button div, .animate-menu-button div:before, .animate-menu-button div:after {
    background: #000;
}

.myClearFix {
    clear: both;
}

#mobileLogo {
    display: none;
}

.topMenu {
    margin-top: 17px;
}

.topMenu li {
    list-style: none;
    display: inline-block;
}

nav.top-menu .menu .menu-user-block {
    float: right;
    margin-top: 25px;
}

.blueButton,
.blueButton:focus {
    width: 143px;
    height: 43px;
    border-radius: 20px;
    border: none;
    background-color: rgb(23,78,143);
    color: #fff;
    margin-right: 5px;
    transition: all .3s;
    font-size: 13px;
    font-family: 'Myriad Pro Light', Arial, sans-serif;
    font-style: normal;
    display: block;
    text-align:center;
    padding: 12px 0;
}

.blueButton.active,
.blueButton:hover,
.blueButton:focus {
    outline: 0;
    border: none;
    color: #fff;
    background-color: #005da3;
}

.myInfoButton,
.myInfoButton:focus,
.myInfoButton:active,
.myInfoButton:hover  {
    padding: 10px 30px;
}

#employeeActiveImg {
    width: 40px;
    border-radius: 50%;
    margin-left: 5px;
}

nav.top-menu .menu .menu-info-block {
    margin-right: 0;
}

#navProspectRequest p {
    float: right;
    margin-right: 10px;
    font-size: 16px;
}

.mobileProfile {
    display: none;
}

.mobileManagerMenu {
    padding-left: 0;
    margin: 0;
    border-top: none;
    border-bottom: none;
    display: none;
}

.mobileManagerMenu li {
    list-style: none;
    text-align: center;
    background-color:rgb(23,78,143);
    height: 45px;
}

.mobileManagerMenu li a,
.mobileManagerMenu li a :focus {
    text-transform: uppercase;
    color: #fff;
    display: block;
    width: 100%;
    border-radius: 0;
    padding: 15px 25px;
    display: block;
    font-size: 1rem;
}


.mobileManagerMenu li a:hover {
    background-color: #005da3;
}

.panel {
    border-color: rgb(224,224,219);
}

.panel .panel-body {
    padding: 40px;
}

.panel .panel-heading + .panel-body {
    padding-top: 40px;
}

/*************************   Dashboard Styles    **************************/

.homeBox {
    border-radius: 5px;
    border: none;
}
.carouselImg {
    width: 100%;
}

#dashboardImg {
    margin: 40px auto 20px;
    display: block;
}

#caroBG {
    background: blue;
    background: url('/assets/common/img/abcportal_home_bluebackground3.png') no-repeat center center;
    background-size: cover;
    position: relative;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

#homeCaro {
    height: 150px;
}

.mainSlide {
    height:350px;
}

.carousel .carousel-indicators li {
    background-color: rgb(224,224,219);
    border-color:rgb(224,224,219);
}

.carousel-indicators li.active {
    background-color: rgb(23,78,143);
    border-color:rgb(23,78,143);
}

.homeTagline {
    text-align: center;
    margin-top: 40px;
    font-family: 'Myriad Pro Italic', sans-serif;
    font-style: normal;
    font-size: 16px;
    margin-bottom: 80px;
    color: #6D6E71;
}

.carousel .carousel-caption {
    position: absolute;
    width: 100%;
    top: 20px;
    left: 0;
    color: rgb(138,138,141);
}

.carousel-inner > .item > img, .carousel-inner > .item > a > img{
    margin:auto;
}

.caroSmallP {
    font-family: 'Myriad Pro Italic', Arial, sans-serif;
    font-style: normal;
    line-height: 24px;
    text-shadow: none;
    position: absolute;
    color: #fff;
    font-size: 18px;
    text-align: center;
    left: 0;
    right: 0;
    top:26%;
    margin-left: auto;
    margin-right: auto;
    width: 60%;
}

.caroLargeP {
    font-size: 21px;
    font-family: 'Myriad Pro Italic', Arial, sans-serif;
    font-style: normal;
    line-height: 24px;
    text-shadow: none;
}

span.slideSpan {
    font-size: 21px;
    font-family: 'Myriad Pro Black It', Arial, sans-serif;
    font-style: normal;
    letter-spacing: -1px;
    line-height: 24px;
}

.carousel  {
    height: 325px;
}

.greyBar {
    background-color: #cbcbcb;
    position: relative;
    z-index: 10;
}

.greyBar p {
    text-transform: uppercase;
    color: #fff;
    padding: 5px 0;
    margin-bottom: 0;
    text-align:center;
}

.widget-seven .widget-body .widget-body-icon {
    bottom: 0px;
    right: -20px;
}

.cis {
    border-radius: 5px;
}

.homeTitleWrap {
    text-align:center;
    padding: 50px 10px 50px;
}

.panel .panel-heading h1.pageTitle,
.panel .panel-heading h2.pageTitle {
    text-transform: uppercase;
    color: #fff;
    font-family: "Myriad Pro Semibold", Arial, sans-serif;
    font-style: normal;
    font-size: 25px;
}

.homeTitle {
    color: #fff;
    letter-spacing: -2px;
    margin-bottom: 25px;
    font-size: 52px;
    font-family: 'Myriad Pro Bold It', Arial, sans-serif;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    text-align:center;
}

.homeSubTitle {
    color: rgb(138,138,141);
    font-size: 24px;
    letter-spacing: 0;
    font-family: 'Myriad Pro Semi It', Arial, sans-serif;
    font-style: normal;
    margin-bottom: 0;
    -webkit-font-smoothing: antialiased;
}

.homeListRow {
    margin-right: 0;
    margin-left: 0;
}

.homeList {
    text-align: center;
    margin: 0 auto;
    padding-left: 0;
    margin-bottom: 50px;
}

.homeList li {
    padding-left: 0;
    text-align: center;
    font-family: 'Myriad Pro Light It', Arial, sans-serif;
    font-style: normal;
    color: #fff;
    font-size: 21px;
    line-height: 24px;
    list-style: none;
    display: inline-block;
    padding: 0 2px;
}

#caroContentWrap {
    padding-top: 75px;
    padding-bottom: 65px;
}

.startInstruction {
    text-align:center;
    color:#fff;
    font-family: 'Myriad Pro Regular', Arial, sans-serif;
    font-size: 17px;
}

body .panel {
    border-radius: 5px;
}

.panel .panel-heading.pageHeading{
    border-radius: inherit;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-color: lightblue;
    padding: 19px 20px;
    background: url(/assets/common/img/abcportal_home_bluebackground.png) no-repeat center center;
    background-size: cover;
}

.customReqLabel {
    margin-top: 5px;
}

.topMarg {
    margin-top: 15px;
}

.dbUploadWrap {
    display: none;
}

#singleEvent {
    display: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    z-index: 9999;
}

/***  Home Modules  ***/

.homeMod {
    width: 100%;
    height: 175px;
    background: white;
    padding: 15px;
    border-radius: 5px;
    border: none;
    border-top: 30px solid #1d518b;
    margin-bottom: 15px;
}

.modContent {
    position: absolute;
    top: 40px;
    left: 20px;
}

.modContentNew {
    position: absolute;
    top: 38px;
    left: 30px;
}

.modContent p {
    margin-bottom: 0;
}

.modContentNew p {
    margin-bottom: 0;
}

.moduleLightBulb {
    width: 75px;
    position: absolute;
    right: 8px;
    bottom: 15px;
} 

.moduleChat {
    width: 120px;
    position: absolute;
    right: 8px;
    bottom: 15px;
} 

.moduleNew {
    width: 220px;
    position: absolute;
    right: 8px;
    bottom: 15px;
} 

.modHeadline {
    position: absolute;
    left: 50%;
    margin-left: -85px;
    top: -3px;
    font-size: 24px;
    color: #fff;
    font-family: 'Myriad Pro Bold It', Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
}

.modHeader {
    font-size: 30px;
    font-family: 'Myriad Pro Regular', Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    color: rgb(138,138,141);
    line-height: 32px;
}

.modSubHead {
    font-size: 24px;
    font-family: 'Myriad Pro Regular', Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: rgb(138,138,141);
    line-height: 24px;
}

.popupDisclaimer {
    font-size: 12px;
}

.modLinkWrap {
    position: absolute;
    bottom: 15px;
    left: 20px;
}

p.modLink a {
    color:#1D518B;
    font-family: 'Myriad Pro', Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
}

p.mod1p1 {
    font-size: 1.1em;
    font-style: italic;
    color: #777;
}

p.mod1p2 {
    color: #D01747;
    font-weight: bold;
    font-size: 13px;
    line-height: 1.2em;
    font-family: 'Myriad Pro Black', Arial, sans-serif;
    font-style: normal;
    margin-bottom: 10px;
}



p.mod2p1 {
    font-weight: bold;
    font-style: italic;
    font-size: 1.2em;
    color: #777;
}

p.mod2p2 {
    color: #787878;
    font-size: 13px;
    margin-bottom: 10px;
}

p.mod2Link a {
    color: #1D518B;
    font-size: 1.1em;
}

p.mod3p1 {
    font-size: 2.1em;
    font-weight: bold;
    font-style: italic;
    line-height: 1.2em;
    margin-bottom: 10px;
    color: #777;
}

p.mod3Link a {
    color: #1D518B;
    font-weight: bold;
    font-size: 1.1em;
}

.upper {
    text-transform: uppercase;
}

.center {
    text-align:center;
}

.footerLogo {
    width: 300px;
    margin: 0 auto;
    display: block;
    margin-top: 25px;
    margin-bottom: 10px;
}

.poweredBy {
    color: rgb(138,138,141);
    font-size: 11px;
}

.menuHover .menuHoverText {
    display: none;
    min-width: 90px;
    max-width: 300px;
    font-size: 12px;
    background-color: rgb(23,78,143);
    color: #fff;
    text-align: center;
    border-radius: 20px;
    padding: 5px 5px;
    left: 160px;
    top: 12px;

    /* Position the tooltip */
    position: absolute;
    z-index: 1;
}

.menuHover:hover .menuHoverText {
    display: inline;
}

#homePopupWrapper {
    display: none;
}

#homePopupOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    display: block;
    top: 0;
    background-color: rgba(0,0,0,0.7);
    z-index: 998;

}

#homePopup {
    margin: auto;
    position: fixed;
    top: 30%;
    left: 10%;
    right:0;
    width: 50%;
    min-width: 300px;
    padding: 40px;
    background-color: #fff;
    z-index: 999;
}

.modal-dialog {
    top: 25%;
}
/*************************   Build Page Styles    **************************/

input:focus,
select:focus {
    outline: 0;
}


#buildAccordion .panel-heading.active a{
    color: rgb(23,78,143);
}

#buildAccordion .panel-heading a {
    color: rgb(167,169,172);
    font-family: 'Myriad Pro Semibold Cond', Arial, sans-serif;
    font-style: normal;
    font-size: 2.1em;
    letter-spacing: -1px;
}

#buildAccordion .accordion-indicator {
    padding-top: -8px;
    color: rgb(224,224,219);
    margin-top: -5px;
    font-size: 32px;
}

#buildAccordion .panel:first-child,
#buildAccordion .panel:last-child {
    border-radius: 0;
}

p.buildInstruction,
label.buildInstruction {
    font-family: 'Myriad Pro Light', Arial, sans-serif;
    font-style: normal;
    color: rgb(51,51,51);
    font-size: 1.625em;
    margin-bottom: 17px;
    line-height: 1.3em;
}

p.smallInstruction {
    color: rgb(51,51,51);
    font-family: 'Myriad Pro Light', Arial, sans-serif;
}

p.instructionMarg {
    margin-left: 15px;
}

.panel.panel-with-sidebar .panel-sidebar {
    width: 260px;
    padding: 25px 20px 20px 20px;
}

.panel .buildHeading {
    padding-top: 0;
}

.panel.panel-with-sidebar.panel-with-right-sidebar .buildCollapseHeading, .panel.panel-with-sidebar.panel-with-right-sidebar .panel-body, .panel.panel-with-sidebar.panel-with-right-sidebar .panel-footer {
    margin-left: 0px;
    margin-right: 260px;
    padding-right: 20px;
    padding-left: 20px;
}

.panel.panel-with-sidebar.panel-with-right-sidebar:before {
    left: auto;
    right: 260px;
    background: rgb(224,224,219);
}

#pageBuildDrop,
#orderOptionsWrap {
    padding: 20px;
    border: 1px solid rgb(224,224,219);
}

#pageBuildDrop {
    margin-bottom: 0;
}

#pageBuildDrop:hover {
    cursor: pointer;
}

.optionsAccordionWrap {
    position:relative;
}

#orderOptionsWrap {
    border-top:none;
    display: none;
    position: absolute;
    top: 63px;
    left: 16px;
    z-index: 5;
    width: 98%;
    background-color: white;
}


.preview2 {
    background-color: #6D6E71;
    height: 500px;
}

.panelTitle {
    margin-bottom: 40px;
}

.logoSearchButton {
    margin-top: 10px;
}

.blueLink {
    color: blue;
}

.searchSpan {
    float: right;
    margin-right: 10px;
    margin-top: -30px;
    position: relative;
    z-index: 2;
    font-size: 20px;
}

.panel.panel-with-sidebar.panel-with-right-sidebar .buildCollapseHeading,
.panel.panel-with-sidebar.panel-with-right-sidebar .buildCollapseBody {
    width: 100%;
}

.panel.panel-with-sidebar.panel-with-right-sidebar .innerPanel {
    margin-bottom: 5px;
    border: 1px solid rgb(224,224,219);
}



#multipleEventCollapse {
    border: 0;
}

.panel.panel-with-sidebar.panel-with-right-sidebar .buildCollapseHeading.collapsed {
    background-color: rgb(224,224,219);
}

.panel.panel-with-sidebar.panel-with-right-sidebar .buildCollapseHeading.completedSection {
    background: #fff;
}
.panel.panel-with-sidebar.panel-with-right-sidebar .buildCollapseHeading.active {
    border-bottom: 1px solid rgb(224,224,219);
    background: #fff;
}

.panel.panel-with-sidebar.panel-with-right-sidebar .buildCollapseBody {
    padding: 40px;
}

.panel.panel-with-sidebar.panel-with-right-sidebar .buildCollapseBody2 {
    padding: 40px 30px 0 30px;
}

.panel .buildBodyRow2 {
    padding: 0;
}

div.panel-title.buildSectionTitle a{
    font-size: 18px;
}

.buildTitleSection {
    padding-top: 38px;
    padding-bottom: 54px;
}

.buildTitleSection h2 {
    font-family: "Myriad Pro", Arial, sans-serif;
    font-style: normal;
    margin-bottom: 0;
    text-align:center;
    color: rgb(23,78,143);
    text-transform: uppercase;
    font-size: 2.5em;
}

#headerBar {
    width: 90px;
    height: 4px;
    background-color: rgb(167,169,172);
    margin: 16px auto;
}

.buildTitleSection span.italicIntro {
    color: rgb(138,138,141);
    font-size: 18px;
    text-align:center;
    font-family: "Myriad Pro Italic", Arial, sans-serif;
    font-style: normal;
    margin-bottom: 2px;
}

.buildTitleSection p {
    color: rgb(138,138,141);
    font-size: 18px;
    text-align:center;
    font-family: "Myriad Pro Light", Arial, sans-serif;
    font-style: normal;
}

.buildOption label {
    float:left;
    width:50%;
    background-color:#EFEFEF;
    overflow:auto;
}

label.optionButton.imgOptButton {
    width: 100%;
}

.buildOption input.vendorLogoOption{
    float:left;
    width:20%;
    overflow:auto;
}

.buildOption input.numbOfEventsOption {
    float:left;
    width:33%;
    overflow:auto;
}

.mailListHeader {
    font-family: 'Myriad Pro Light', Arial, sans-serif;
    font-style: normal;
    color: rgb(51,51,51);
    font-size: 16px;
    margin-bottom: 5px;
}

.mailListSection {
    margin-bottom: 20px;
}
.sampleCheck {
    margin-bottom: 0;
}

/*#eventPanel1,
#eventPanel2,
#eventPanel3,
#eventPanel4,
#eventPanel5 {
    display: none;
}*/
.buildOption #datePickerLabel {
    width: 100%;
    margin-bottom: 30px;
}

.buildOption label span {
    text-align:center;
    font-size: 14px;
    padding:15px 0px;
    display:block;
    border: 1px solid rgb(224,224,219);
    color: rgb(224,224,219);
    background-color: #fff;
    font-family: "Myriad Pro", Arial, sans-serif;
    font-style: normal;
    font-size: 1.3em;
    margin-top: 15px;
}

.buildOption label input {
    display: none;
}

.optionButton.activeOption {
    background-color:#fff;
    color:rgb(51,51,51);
    border-color: #005da3;
    font-family: "Myriad Pro", Arial, sans-serif;
    font-style: normal;
}

.buildOption input:not(:checked) + span {
    text-align:center;
    padding:15px 0px;
    display:block;
    border: 1px solid rgb(224,224,219);
    color:  rgb(138,138,141);
    background-color: #fff;
    font-family: "Myriad Pro", Arial, sans-serif;
    font-style: normal;
    font-size: 1.3em;
    margin-top: 15px;
}

.buildRow {
    margin-bottom: 20px;
}

.selectCol img {
    width: 100%;
}

.optionButton {
    height: 60px;
    border: 1px solid rgb(224,224,219);
    font-size: 1.3em;
    color:rgb(138,138,141);
    background-color:#FFF;
    margin-bottom: 30px;
    margin-top: 10px;
    width: 100%;
}

.eventNumberOption, .eventNumberOptionInactive {
    height: 60px;
    border: 1px solid rgb(224,224,219);
    font-size: 1.3em;
    color:rgb(138,138,141);
    background-color:#FFF;
    margin-bottom: 30px;
    margin-top: 10px;
    width: 50%;
    float: left;
}

.eventNumberOption.activeOption {
    background-color:#fff;
    color:rgb(51,51,51);
    border-color: #005da3;
    font-family: "Myriad Pro", Arial, sans-serif;
    font-style: normal;
}

.eventNumberOptionInactive {
    background-color:rgb(224,224,219);
    color:rgb(138,138,141);
    font-family: "Myriad Pro", Arial, sans-serif;
    font-style: normal;
}

.eventNumberOptionInactive:hover {
    cursor: not-allowed;
}

.eventNumberOption:focus {
    outline: 0;
}

.optionButton:focus {
    outline: 0;
}

#eventTypeWrap .optionButton,
#imageTypeWrap .optionButton
#altImgWrap .optionButton{
    width: 100%;
    margin-bottom: 30px;
}

#eventTypeWrap .selectCol1,
#imageTypeWrap .selectCol1 {
    padding-left:0;
    padding-right: 15px;
}

#eventTypeWrap .selectCol2,
#imageTypeWrap .selectCol2{
    padding-left:15px;
    padding-right: 0px;
}

.btn.stepBack {
    background-color:rgb(224,224,219);
    border-radius: 0;
    border: none;
    margin-right: 5px;
    padding: 7px 30px;
}

.btn.stepFwd {
    background-color: rgb(23,78,143);
    color: #fff;
    border-radius: 0;
    border: none;
    width: 116px;
    height: 40px;
    font-family: 'Myriad Pro Italic', Arial, sans-serif;
    font-style: normal;
    font-size: 1.2em;
}

.btn.stepFwd:hover {
    background-color: rgb(0,93,163);
}

.btn.stepBack {
    background-color: rgb(224,224,219);
    color: rgb(138,138,141);
    border-radius: 0;
    border: none;
    width: 116px;
    height: 40px;
    font-family: 'Myriad Pro Italic', Arial, sans-serif;
    font-style: normal;
    font-size: 1.2em;
}

.playBG,
#previewBG,
#previewBG2,
.vlBG {
    background-color:rgb(224,224,219);
    padding: 10px;
    position:relative;
}

#previewWrap {
    position: fixed;
    top: 180px;
}

#previewBG {
    margin-bottom: 16px;
    width: 220px;
    display: none;
}

#frontPreviewIcon {
    position: relative;
    top: -60px;
    left: 150px;
    width: 20px;
    display: none;
}

#previewBG2 {
    width: 220px;
    display:none;
}

#previewIcon {
    position: relative;
    top: -70px;
    left: 30px;
    width: 20px;
}

#servicesPreviewIcon {
    position: relative;
    top: -200px;
    left: 40px;
    width: 25px;
}

#detailsPreview {
    position: relative;
    top: -85px;
    left: -15px;
    width: 60px;
    display: none;
}

#optionPreview {
    position: relative;
    top: -130px;
    left: 90px;
    width: 80px;
    display: none;
}

#modulePreview {
    position: relative;
    top: -123px;
    left: 8px;
    width: 100px;
}

#overlayPreview {
    position: relative;
    top: -131px;
    left: 0px;
    display: none;
}

#couponPreview {
    position: relative;
    top: -128px;
    left: 0px;
    width: 100px;
    display: none;
}

#rightOptionPreview {
    position: relative;
    top: -241px;
    left: 116px;
    width: 84px;
    display: none;
}

.playBG:hover {
    cursor: pointer;
}

#previewImg,
#previewBackImg {
    width: 100%;
}
.zoomPlay {
    position: absolute;
    margin-right: 8px;
    margin-top: 8px;
    right: 0;
    top: 0;
    padding: 5px;
    color: #fff;
    background-color: rgb(224,224,219);
    font-size: 21px;
}

.optionCenter {
    width: 100%;
}

.optionWrap {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
}

#datePicker {
    height: 60px;
}

#datePicker,
.input-group-addon:last-child {
    border-radius: 0;
}

.inner-addon { 
    position: relative; 
    width: 100%;
}

.datePickWrap,
.timePickWrap {
    position:relative;
}

.timePickWrap {
    width: 100%;
    margin-bottom: 30px;
}

.datePickWrap i,
.timePickWrap i {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 28px;
    padding: 10px;
    margin: 6px;
    background-color: rgb(224,224,219);
}

.datePickWrap input,
.timePickWrap input {
    height: 60px;
    border-radius: 0;
    margin-bottom: 5px;
    font-size: 1.3em;
    position: relative;
    z-index: 1049;
    background-color: transparent;
}

.datePickWrap .calendarInput {
    width: 100%;
    position: relative;
    border: 1px solid rgb(224,224,219);
    padding: 10px;
}

.datePickWrap .calendarIcon {
    height: 40px;
    position:absolute;
    right: 10px;
    top: 10px;
}

.datePickWrap .calendarPopup {
    position: absolute;
    z-index: 50;
}

/*.datePickWrap .calendarPopup th {
    text-align:center;
}*/

/*.calNext a{
    text-align: center;
    width: 40px;
    display: block;
}

.datePickWrap .calendarPopup{
    background-color:#ffffff;
    width:250px;
    height:50px;                                                       
    font-size:12px;
    font-family:Arial;
    border-width:1px;                                                      
    border-color:rgb(224,224,219);
    padding: 10px;
}

.timePicker span table tbody tr td {
    padding-top: 0 !important;
}*/

span.smallInstruction {
    font-size: 16px;
}

.form-group {
    margin-bottom: 30px;
}

.centerText {
    text-align:center;
    background-color: #fff;
    color: rgb(51,51,51);
    border-color: rgb(23,78,143);
    font-family: "Myriad Pro", Arial, sans-serif;
    font-style: normal;
    font-size: 1.2em;
}


.left {
    float: left;
}

.eventRadioWrap {
    margin-bottom: 30px;
}

.locationInstruction {
    margin-bottom: 5px;
    color:rgb(51,51,51);
    font-family: 'Myriad Pro Light', Arial, sans-serif;
    font-size: 16px;
}

/*input[type='radio'] { transform: scale(1.4);}*/

input[name="eventAtBranch"]:checked + label {
   color:rgb(138,138,141);
 }

label.eventRadioLabel {
    margin-right: 35px;
    margin-bottom: 0;
}

#eventNotAtBranch {
    display: none;
}

.eventRadio,
.dateTimeRadio {
    margin-right: 20px;
    color:rgb(138,138,141);
    font-size: 1.3em;
    margin-top: -5px;
}

.mapError {
    margin-right: 20px;
    color:rgb(138,138,141);
    font-size: 1em;
    margin-top: 0px;
}

.mapError input[type='radio']{
    transform: scale(1);
    margin-top: .25rem !important;
}

.radio-inline + .radio-inline.mapError {
    margin-top: 0;
}

.radio-inline + .radio-inline {
    margin-top: -5px;
}

.radio input[type=radio],
.radio-inline input[type=radio] {
    margin-top: .45rem;
}

.activeRadio {
    color: rgb(51,51,51);
}

.selectPicker {
    height: 60px;
    border-radius: 0;
    width: 100%;
    padding: 10px;
    padding-right: 60px;
    background-color: transparent;
    position: relative;
    z-index: 1049;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
    font-family: "Myriad Pro", Arial, sans-serif;
    font-style: normal;
    font-size: 1.3em;
}

#OtherBranchesList, #sampleCostWrap {
    display: none;
}

#sampleCostWrap {
    margin-bottom: 8px;
}

.eventLogo,
#selectedLogo,
.logoLibImg {
    width: 200px;
}

#multiEvent {
    margin-bottom: 30px;
}

#detailSelectError, #detailSelectError2 {
    color: red;
    
}

#otherCustomerList {
    margin-bottom:0;
}

.selectArrow {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1048;
    width: 40px;
}

.sectionDivide {
    clear: both;
    background-color: rgb(51,51,51);
    height: 3px;
    width: 100%;
    margin: 40px 0;
}

.eventDetailRow {
    margin-top: 5px;
    color: rgb(51,51,51);
}

.eventBuildInput {
    height: 60px;
    border-radius: 0;
    width: 100%;
    border: 1px solid rgb(224,224,219);
    padding: 10px;
    font-family: "Myriad Pro", Arial, sans-serif;
    font-style: normal;
    font-size: 1.3em;
}

#recieptCustomerWrap,
#prospectiveWrap {
    display:none;
}

.addMsgWrap {
    width: 175px;
    background-color: rgb(224,224,219);
    padding: 10px;
    position: relative;
}

.addMapWrap {
    width: 175px;
    position: relative;
}

.addMapWrap img {
    width: 100%;
}

.addMsgWrap img {
    width: 100%;
}

#homeLeftArrow {
    width: 40px;
    margin-top: -3px;
}

.storeMapPreview {
    border: 10px solid rgb(224,224,219);
}

.addMsgWrap img:hover {
    cursor: pointer;
}

.customCouponWrap,
.calMsgWrap {
    margin-bottom: 30px;
}

.addMsgWrap i {
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgb(224,224,219);
    color: #fff;
    padding: 10px;
}

.addMapWrap i {
    position: absolute;
    top: 0;
    right: 0;
    background-color: rgb(224,224,219);
    color: #fff;
    padding: 10px;
}

.addMsgWrap.noWidth {
    width: auto;
}

.modalImg {
    width: 100%;
}
#customEventLabel, .eventBullets {
    color: rgb(51,51,51);
    margin-bottom: 5px;
}

.mailListChecks {
    margin-left: 15px;
}

.eventBullets input {
    margin-right: 5px;
}

#customOptionInput, #customOption2Input {
    width: 100%;
    height: 60px;
    border-radius: 0;
    display: none;
}

.underBold {
    text-decoration: underline;
    font-weight:bold;
    text-transform:uppercase;
}

.customerCheckWrap label, .prospectCheckWrap label, .sampleCheck label {
    margin-bottom: 0;
}


.vendorLogoPreview {
    margin-bottom: 30px;
}

.mailRadio {
    color: rgb(51,51,51);
    margin-top: 10px;
    font-family: "Myriad Pro", Arial, sans-serif;
    font-style: normal;
    font-size: 1.3em;
}

#hiddenLabel, #hiddenLabel2 {
    display: none;
}

p.mailDateIntro {
    margin-bottom: 10px;
}

label.darkLabel {
    color: rgb(51,51,51);
    font-family: "Myriad Pro", Arial, sans-serif;
    font-style: normal;
    font-size: 1.3em;
}

.formWithLessMarg {
    margin-bottom: 10px;
}

.noMarg {
    margin-bottom: 0;
}

.uploadDBWrap,
.requestDBWrap {
    display: none;
}

#mailQuantity {
    width: 30%;
    height: 60px;
    border: 1px solid rgb(224,224,219);
    padding: 10px;
    font-family: "Myriad Pro", Arial, sans-serif;
    font-style: normal;
    font-size: 1.3em;
}

.mailQuantityRow {
    margin-top: 20px;
}

#estimatedMailCount {
    border: 1px solid rgb(224,224,219);
    height: 60px;
    width: 100%;
    padding: 10px;
    font-family: "Myriad Pro", Arial, sans-serif;
    font-style: normal;
    font-size: 1.3em;
}

.proofButton {
    background-color: rgb(23,78,143);
    color: #fff;
    border-radius: 0;
    border: none;
    width: 190px;
    height: 50px;
    margin-top: 10px;
    font-family: 'Myriad Pro Italic', Arial, sans-serif;
    font-style: normal;
    font-size: 1.2em;
    margin-right: 10px;
}

.proofButton:hover {
    background-color: rgb(0,93,163);
}

.submitButton {
    background-color: rgb(224,224,219);
    color: rgb(138,138,141);
    border-radius: 0;
    border: none;
    width: 190px;
    height: 50px;
    margin-top: 10px;
    font-family: 'Myriad Pro Italic', Arial, sans-serif;
    font-style: normal;
    font-size: 1.2em;
    margin-right: 5px;
    padding: 7px 30px;
}

.finalButtons {
    margin-top: 25px;
}

.rowSpace {
    margin-bottom: 20px;
}

.image-upload > input {
    display: none;
}

.image-upload img {
    width: 95px;
    height:95px;
    cursor: pointer;
    float: left;
}

.btn-group,
.btn-group>.btn:first-child,
.btn.btn-default, .open > .btn.btn-default{
    width: 100%;
    border-radius: 0;
    background-color: transparent;
    height: 60px;
    color: rgb(51,51,51) !important;
    font-family: "Myriad Pro", Arial, sans-serif;
    font-style: normal;
    font-size: 1.2em;
    text-align: left;
}

.dropdown-toggle::after {
    display: none !important;
}

.open > .dropdown-menu {
    width: 100%;
}

.btn.btn-default:hover, .btn.btn-default:active, .btn.btn-default:focus,.open > .btn.btn-default:hover, .open > .btn.btn-default:active {
    background-color: transparent;
    color: rgb(51,51,51);
    border: 1px solid rgb(224,224,219);
}

.btn.btn-default:hover:active, .btn.btn-default:focus, .btn.btn-default.active, .open > .btn.btn-default:hover:active, .open > .btn.btn-default:focus, .open > .btn.btn-default.active {
    background-color: transparent;
    color: rgb(51,51,51);
    border: 1px solid rgb(224,224,219);
}

#multipleEvents {
    display: none;
}

#multipleEventCollapse .panel-heading {
    height: 60px;
    padding: 0;
}



#multipleEventCollapse .accordion-indicator {
    margin-top: -14px;
    padding: 15px 20px;
}

#multipleEventCollapse .panel-heading a {
    font-family: "Myriad Pro", Arial, sans-serif;
    font-style: normal;
    color: rgb(138,138,141);
    font-size: 1.4em;
    margin-top: 2px;
    display: block;
    padding: 15px 20px;
}

#multipleEventCollapse .innerPanelBody {
    border: 1px solid rgb(224,224,219);
    border-top: 0;
    margin-top: -5px;
    margin-bottom: 5px;
    padding: 20px;
    padding-top: 40px;
}

#multipleEventCollapse .lastPanelBody {
    margin-bottom: 30px;
}
#multipleEventCollapse .innerPanelBody {
    width: 100%;
}

.selectIcon {
    position: absolute;
    width: 40px;
    right: 10px;
    top: 10px;
    display:block;
    z-index: 1048;
}

#branchMap,
#customCoupon,
#vendorLogos,
#addImages,
#addCalendar,
#customAmountWrap,
#managerPhoto,
#messageOnly,
#messageOffer{
    display: none;
}    

.customCouponImg {
    margin-bottom: 30px;
}

.vlBG {
    width: 255PX;
    margin-bottom: 30px;
}

.vlBG:hover {
    cursor: pointer;
}

.logoButton {
    width: 95px;
    height:95px;
    margin-right: 5px;
    float: left;
}

.prospectButton {
    width: 95px;
    height:95px;
    margin-right: 5px;
    float: left;
    margin-bottom: 15px;
}

.calBG {
    width: 255px;
    margin-bottom: 20px;
}

p.calInstruction {
    margin-bottom: 10px;
}

.buildOption label.featureButton {
    width: 100%;
}

#calendarUploadWrap, .calendarUploadWrap {
    float: left;
}

.tabBreak {
    display: none;
}

.buttonRow {
    margin-top: 30px;
}

.logoUploadWrap {
    float: left;
}

.datepicker table tr td.active:active, 
.datepicker table tr td.active.highlighted:active, 
.datepicker table tr td.active.active, 
.datepicker table tr td.active.highlighted.active {
  background-color: rgb(0,93,163);
}

.datepicker .prev,
.datepicker .next {
    color: rgb(0,93,163) !important;
}

.datepicker table thead tr:first-child th:hover {
    color: #005da3 !important;
}

.btn-primary {
    background-color: rgb(0,93,163) !important;
    border-color:rgb(0,93,163) !important;
}

.btn:active,.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: #005da3 !important;
}

#logoRequestWrap {
    display:none;
}

.vendorLogoLink:hover {
    cursor: pointer;
}

.open > .multiselect-container {
    z-index: 198;
}

.btn.multiselect:active {
    background-color: transparent !important;
}

.eventPanelBody {
    display: none;
}

#finalButtons {
    margin-left: 24px;
    display: none;
}

#proofSubmitStep2, #proofSubmitStep3, #proofSubmitStep4, #proofSubmitStep5, #proofSubmitStep6 {
    display: none;
}

label.noPaddLabel {
    padding: 0;
}

.checkbox label .inlineInput {
    box-shadow: 0;
    border: 1px solid rgb(224,224,219);
}

.inlineInput {
    box-shadow: 0;
    border: 1px solid rgb(224,224,219);
    height: 30px;
    padding-left: 8px;
    width: 75px;
    border-radius: 3px;
}

.countyInput {
    box-shadow: 0;
    border: 1px solid rgb(224,224,219);
    height: 30px;
    padding-left: 8px;
    border-radius: 3px;
    margin-right: 20px;
}

#finalButtons {
    margin-top: 30px;
    margin-left: 24px;
}

.prospectPopupTitle {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 20px;
}

.popupEnable {
    margin-top: 20px;
}

.popupEnable a {
    color: #0275d8;

}

/*************************   My Info Styles    **************************/

.panel .profileBody {
    height: 400px;
}

#branchInfoHeader {
    border-bottom: 1px solid rgb(224,224,219);
    padding: 20px;
    font-size: 1.5em;
}

.branchInfoSection {
    margin-bottom: 20px;
}

.branchInfoSection p {
    margin-bottom: 0;
}

.branchInfoMap {
    width: 75%;
    margin: 5px 0 20px;
    border: 1px solid rgb(224,224,219);
}

.profile-header-title {
    padding-left: 0;
}

.managerInfoRow {
    padding: 0;
}

.managerInfoWrap {
    float:left;
}

.mimicUserWrap {
    float:right;
}

#managerPhoto, #branchManagerPhoto {
    width: 150px;
    margin-top: 5px;
}

nav.top-submenu.top-submenu-with-background, .top-submenu.top-submenu-with-background {
    background-color: rgb(224,224,219);
    border-bottom: 0;
}

.profile-header .profile-header-info {
    background-color: rgb(224,224,219);
}

/* Hide Table Filters*/
.dataTables_length,
#example1_filter,
.dataTables_info,
.dataTables_paginate {
    display: none;
}

#example1 thead th {
    border-top: none;
}

.profile-user {
     margin-top: 0;
}

.profile-header {
    height:140px;
    margin-top: 5px;
    background-color: rgb(224,224,219);
}

#employeeName {
    margin-bottom: 0;
}

.employeeInfo p {
    margin-bottom: 0;
}

.storePhotoWrap {
    margin-bottom: 15px;
    position: relative;
}

#storePhoto {
    width: 100%;
    border-radius: 5px;
}

.uploadWrap {
    position: absolute;
    right: 0;
    bottom: 0;
}

.btn.fileUpload {
    position: relative;
    overflow: hidden;
    margin: 10px;
    background-color: rgb(23,78,143);
    border: none;
    padding: 5px 10px;
}

.btn.fileUpload:hover,
.btn.fileUpload:hover:active,
.btn.fileUpload:focus,
.btn.fileUpload:active,
.btn.fileUpload:visited {
    background-color: rgb(23,78,143) !important;
}

.btn.fileUpload span {
    color: #fff;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 14px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

#updateBranch,
#updateManager,
#storeHours {
    border-bottom: 0;
}

#productOfferings {
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

#updateProductsWrapper {
    margin-bottom: 15px;
}

.openCloseSelect {
    width: 441px;
    color: #777;
    margin-bottom: 26px;
}

#storeHoursSatWrap,
#storeHoursSunWrap,
#seasonalSatWrap,
#seasonalSunWrap {
    display: none;
}


.updateInfoBtn:focus,
.updateInfoBtn:active,
.updateInfoBtn:visited {
    background-color: #fff;
}

.updateInfoBtn:hover {
    background-color: rgb(23,78,143);
    color: #fff;
    transition: all .3s;
}

.btn.btn-primary.updateSubmitButton,
.btn.btn-primary.updateSubmitButton:hover,
.btn.btn-primary.updateSubmitButton:focus,
.btn.btn-primary.updateSubmitButton:active,
.btn.btn-primary.updateSubmitButton:visited {
    background-color: rgb(23,78,143) !important;
    border:none;
}

.newTimeSelect {
    width: 45%;
}

#mapErrorComment {
    display: none;
}

#mapErrorInput {
   font-family: 'Myriad Pro Regular', Arial, sans-serif;
   font-size: 14px;
}

h2#managerName {
    font-size: 25px;
}

/*************************   Order History Styles    **************************/

h1.pageTitle {
    font-family: 'Myriad Pro Semibold', Arial, sans-serif;
    font-style: normal;
    font-size: 25px;
    color: rgb(48,49,51);
}

.orderHistoryButtons {
    padding-left: 0;
}

.orderHistoryButtons li:first-child {
    padding-left: 0;
}

.orderHistoryButtons li{
    display: inline-block;
    padding: 0 5px;
}




/*************************   Program FAQs Styles    **************************/

#faqPanel {
    margin-bottom: 16px;
}

.accordion .panel-heading a {
    font-size: 15px;
}

.accordion .panel-body {
    color: #767676;
}
/*************************   Contact Us Styles    **************************/

.form-control {
    font-family: "Myriad Pro", Arial, sans-serif;
    font-style: normal;
    font-size: 1.3em;
    border-color: rgb(224,224,219);
}

.form-actions {
    border-top: none;
    padding-top: 0;
}

.form-control:focus {
    border-color: rgb(224,224,219);
}

.bootstrap-datetimepicker-widget {
    display: block !important;
}

.customRequestRow {
    margin-bottom: 20px;
}

.crLeadIn {
    font-size: 18px;
    line-height: 22px;
    font-weight: normal;
    font-family: 'Myriad Pro Regular', Arial, sans-serif;
}

.customRadio {
    margin-bottom: 0;
}

.fileUploadWrap input {
    margin-bottom: 10px;
}


#poweredByTWO {
    display: block;
    width: 150px;
    margin: 0 auto;
    margin-bottom: 10px;
}

#customRequestSubmit,
#customRequestSubmit:focus,
#customRequestSubmit:hover,
#customRequestSubmit:active,
#contactUsSubmit,
#contactUsSubmit:focus,
#contactUsSubmit:hover,
#contactUsSubmit:active {
    background-color: rgb(23,78,143) !important;
    border:none;
}

.contactSidebar {
    padding: 20px;
    margin-top: 65px;
}

.contactSidebar p {
    margin-bottom: 0px;
    text-align:center;
}

.modal-title {
    font-family: inherit;
    font-weight: 500;
}

/*************************    Login Styles    ********************************/

.loginLogo {
    width: 400px;
    display:block;
    margin: 0 auto 30px;
}

.loginWrap {
    margin-top: 30px;
}

#loginSubmit {
    display:block;
    margin:0 auto;
}

/*************************   Logo Upload Styles    **************************/
#vendor2Logos, #vendor4Logos, #vendor6Logos, #vendor9Logos, #vendor12Logos {
    display: none;
}

.logoImagePreview {
    margin-bottom: 30px;
    margin-right: 30px;
    max-height: 50px;
    max-width: 150px;
}

.panel-body ul.LogoGuideline {
    font-size: 17px;
    margin-bottom: 8px;
    font-family:'HelveticaNeueLTStd-Lt', Arial, sans-serif;
    line-height: 24px;
}

.panel-body p.uploadInstruction,
.panel-body p.uploadFinish {
    font-size: 17px;
    margin-bottom: 30px;
    font-family:'HelveticaNeueLTStd-Lt', Arial, sans-serif;
    line-height: 24px;
}

.panel-body p.uploadFinish {
    margin-bottom: 30px;
}

.uploadStepTitle {
    margin-bottom: 30px;
}

.uploadedLogo {
    margin-bottom: 30px;
}

ul.cropButtonsWrap {
    padding: 0;
}

ul.cropButtonsWrap li{
    list-style:none;
    display: inline-block;
    margin-right: 10px;
}

.cropButton {
    background-color:#008a52;
    color: #fff;
    border: 0;
    height: 50px;
    width: 120px;
    font-family: 'CaeciliaLTStd-Italic', Arial, sans-serif;
}

.logoUploadCustom,
.logoUploadCustom:hover {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 0;
    height: 50px;
    color: rgb(51,51,51);
    font-size: 14px;
    border: 2px solid #f1f0ee;
    background-color: #fff !important;
    padding: 11px 16px;
    text-align:left;
}

.logoUploadCustom:focus,
.logoUploadCustom:active {
    border: 2px solid rgb(23,78,143) !important;
    background-color: #fff !important;
}


.logoUploadCustom input.logoUpload {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 100%;
    height: 46px;
}

.alphaLogoSort {
    list-style-type: none;
    padding:0;
    cursor: pointer;
    width:80%;
    text-align:center;
    height: 20px;
}

.alphaLogoSort li{
    float:left;
    margin:0;
    padding:0;
    font-size: 13px;
    -moz-box-sizing:border-box;
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:2.7%;
    text-decoration: underline;
    color: rgb(138,138,141);
    font-family:'HelveticaNeueLTStd-Lt', Arial, sans-serif;
}

.alphaLogoSort li.activeAlphaSort {
    text-decoration: none;
}

.alphaLogoSort li.activeAlphaSort a{
    color:#008a52;
    font-weight: bold;
}

.alphaLogoSort li:last-child {
    border-right: none;
}

.alphaLogoSort li:hover {
    color:rgb(51,51,51);
    font-weight: bold;
    background-color: #F1F0ED;
}

.alphaLogoSort .tabSortBreak,
.alphaLogoSort .mobileSortBreak {
    display: none;
}

.alphaSortTitle {
    margin-bottom: 16px;
    font-size: 17px;
    margin-bottom: 8px;
    font-family:'HelveticaNeueLTStd-Lt', Arial, sans-serif;
    line-height: 24px;
}

.logoSelectPopupPanel {
    max-height: 580px; 
    overflow-y: auto;
    width: 100%;
    padding: 20px;
}

.alphaSortTitlePopup {
    margin-bottom: 16px;
    font-size: 17px;
    margin-bottom: 8px;
    font-family:'HelveticaNeueLTStd-Lt', Arial, sans-serif;
    line-height: 24px;
}

.alphaLogoSortPopup {
    list-style-type: none;
    padding:0;
    cursor: pointer;
    width:100%;
    text-align:center;
    height: 20px;
}

.alphaLogoSortPopup li{
    float:left;
    margin:0;
    padding:0;
    font-size: 13px;
    -moz-box-sizing:border-box;
    display:inline-block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:3.7%;
    text-decoration: underline;
    color: rgb(138,138,141);
    font-family:'HelveticaNeueLTStd-Lt', Arial, sans-serif;
}

.logoImg {
    width: 100%;
    margin: 40px 0 60px;
}

.logoPageRule {
    height: 1px;
    width: 100%;
    background-color: rgb(138,138,141);
    margin-bottom: 30px;
}

.logoPopup {
    padding: 10px;
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 600px;
    height: 600px;
}



.logoPopupBackground {
    background-color: Black;
    filter: alpha(opacity=90);
    opacity: 0.8;
}

.logoPopupBreak {
    display: none;
}

.logoPopupSearchArrow {
    top: 0;
}

.eventLogoMagnify {
    top: 30px;
    right: 20px;
}

.fileUpload {
    position: relative;
    overflow: hidden;
    color: rgb(51,51,51);
    display:block;
    width: 180px;
    height: 50px;
    background-color: #008a52;
    line-height: 50px;
    padding-left: 10px;
}
.fileUpload span {
    color: rgb(51,51,51);
    color:#fff;
    font-family: "CaeciliaLTStd-Italic", Arial, sans-serif;
}

.fileUpload input.upload {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    font-size: 20px;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
}

.fileUploadIcon {
    position: absolute;
    right: 10px;
    top: 16px;
}

p.uploadDisclaimer {
    font-family:'HelveticaNeueLTStd-Lt', Arial, sans-serif;
    font-size: 11px;
    color: rgb(51,51,51);
}

.logoPhotoWrap {
    margin: 30px 0;
}


p.logoName {
    font-family: "HelveticaNeueLTStd-Roman", Arial, sans-serif;
    font-size: 14px;
    color: rgb(51,51,51);
}


/*************************   Prospect Form Styles    **************************/

.prospectSectionTitle {
    font-size: 24px;
    font-family: 'Myriad Pro Semibold', Arial, sans-serif;
    color: #24222f;
}

#signature-pad {
    border: 1px solid rgb(224,224,219);
}

#useOtherInput{
    display: none;
}

.prospectFormList {
    list-style: none;
    padding-left:0;
}

.prospectFormList li {
    padding: 5px;
    padding-right: 0;
}

.prospectFormList .checkbox {
    margin-bottom: 0;
}

.prospectFormList li.firstLevel {
    background-color: red;
    color: white;
}

.prospectNested li.secondLevel {
    background-color: blue;
    color: white;
}

.prospectDoubleNested li.thirdLevel {
    color: green;
}

.prospectDoubleNested li.thirdLevel label {
    font-weight: bold;
}

.prospectNested,
.prospectDoubleNested,
.prospectTripleNested {
    list-style: none;
}

.prospectFormSection {
    display: none;
}

#prospectListPanel {
    padding: 10px;
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: black;
    padding-top: 10px;
    padding-left: 10px;
    width: 600px;
    height: 300px;
}

/*************************   Responsive Styles    **************************/
@media screen and (max-width: 1300px) {
    .moduleNew {
        width: 200px;
    }
}


@media screen and (max-width: 1200px) {

    .orderHistoryButtons li{
        display: block;
        padding: 0;
        margin-bottom: 5px;
    }

    .orderHistoryButtons li a {
        padding: 5px 5px 5px 0;
        
    }

    .orderHistoryButtons li:nth-child(even) {
        display: none;
    }

    .caroSmallP {
        font-size: 16px;
        top: 25%;
    }

    .caroLargeP {
        font-size: 22px;
    }

    .homeListRow {
        padding: 30px 0;
        margin-right: -60px;
        margin-left: 15px;
    }

    .updateBranchWrap {
        margin-bottom: 15px;
    }

    .moduleNew {
        width: 220px;
    }

    #poweredByTWO  {
        width: 100%;
    }

    .buildOption label span,
    .buildOption input:checked + span,
    .buildOption input:not(:checked) + span{
        font-size: 1em;
    }

    .blueButton, .blueButton:focus {
        width: 105px;
    }

    .tabBreak {
        display: block;
    }

    .eventLogo,
    #selectedLogo{
        width: 100px;
    }

    .profile-user-content {
        clear:both;
    }

    #mobilePixel {
        height: 1px;
        clear: both;
    }

    .storePhotoWrap {
        width: 49%;
        margin-right: 1%;
        float: left;
    }

    .updateBranchWrap {
        width: 50%;
        float:left;
    }
}

@media screen and (min-width: 1001px) and (max-width: 1200px) {

    .eventBG .zoomPlay,
    .featureBG .zoomPlay {
        margin-right: 0;
        margin-top: 0;
        padding: 5px;
    }

}

@media screen and (min-width: 992px) and (max-width: 1100px) {
    .selectCol {
        width: 100%;
    }

    #eventTypeWrap .selectCol2, #imageTypeWrap .selectCol2 {
        padding-left: 0;
        padding-right: 0px;
    }

    #eventTypeWrap .selectCol1, #imageTypeWrap .selectCol1 {
        padding-left: 0;
        padding-right: 0;
    }

    .submitButton,
    .proofButton {
        width: 140px;
    }
}

 @media screen and (min-width: 1001px) and (max-width: 1063px) {
      
    .logoButton,
    .image-upload img {
        width: 74px;
        height: 74px;
    }
}


@media screen and (max-width: 1000px) {
    .panel.panel-with-sidebar .panel-sidebar {
        width: 100%;
    }

    .panel.panel-with-sidebar .panel-sidebar {
        display: none;
    }

    .panel.panel-with-sidebar .panel-heading, .panel.panel-with-sidebar .panel-body, .panel.panel-with-sidebar .panel-footer {
        margin-left: 0px !important;
        margin-right: 0px !important;
    }

    .panel.panel-with-sidebar:before {
        content: '';
        display: block;
        width: 0px;
        background: rgb(224,224,219);
        position: absolute;
        left: 240px;
        top: 0px;
        height: 100%;
        z-index: 0;
    }
}

@media screen and (max-width: 991px) {

    .buildOption label span, .buildOption input:checked + span, .buildOption input:not(:checked) + span {
        font-size: 1.3em;
    }

    .infoColumn,
    .managerInfo {
        margin-bottom: 40px;
        clear:both;
    }

    .homeSubTitle  {
        font-size: 24px;
    }

    
    .mainSlide {
        height: 300px;
    }

    .caroSmallP {
        font-size: 16px;
        top: 15%;
    }

    .homeListRow {
        padding: 30px 0;
        margin-right: -8px;
        margin-left: -8px;
    }

    #poweredByTWO  {
        width: 150px;
    }

    .carousel-inner>.carousel-item>img {
        height: 300px;
    }

    .desktopProfile {
        display: none;
    }

    nav.left-menu {
        transform: translateX(-260px);
        -webkit-transform: translateX(-260px);
        -ms-transform: translateX(-260px);
        -o-transform: translateX(-260px);
    }

    nav.left-menu + * + .page-content {
        margin-left: 0;
    }

    nav.left-menu .left-menu-list-root {
        margin-top: 0;
    }

    .mobileManagerMenu {
        display: block;
    }

    .tabBreak {
        display: none;
    }

    .blueButton, .blueButton:focus {
        width: 100%;
        border-radius: 0;
    }

    .eventLogo,
    #selectedLogo {
        width: 200px;
    }

    #navProspectRequest p {
        display: none;
    }
}

@media (min-width: 768px) {
    .previewDialog {
        width: 750px;
        margin: 30px auto;
    }

    .tallPreviewDialog {
        width: 650px;
    }
}

@media screen and (max-width: 767px) {
    nav.left-menu .logo-container {
        display: none;
    }

    nav.left-menu #mobileLogo {
        display: block;
        width: 100%;
        padding-top: 0;
    }

    nav.left-menu #mobileLogo .logo img {
        width: 70%;
        margin-top: 15px;
    }

    .homeTitle {
        font-size: 40px;
    }

    .homeSubTitle {
        font-size: 22px;
    }

    .mainSlide {
        height: 150px;
    }

    .newTimeSelect {
        width: 40%;
    }

    #mailQuantity {
        width: 80%;
    }

    .tabBreak {
        display: block;
    }

    .buildOption label span, .buildOption input:checked + span, .buildOption input:not(:checked) + span {
        font-size: 1em;
    }
    
    .eventLogo,
    #selectedLogo {
        width: 100px;
        margin-left: 20px;
    }

    .previewDialog {
        width: 90%;
        margin: 30px auto;
    }

    .tallPreviewDialog {
        width: 90%;
    }

    
}

@media screen and (max-width: 543px) {
    .modFooterTxt {
        bottom: -5px;
    }

    .moduleLightBulb,
    .moduleChat,
    .moduleNew,
    .modLinkWrap {
        bottom: 0px;
    }

    #eventTypeWrap .selectCol1,
    #eventTypeWrap .selectCol2,
    #imageTypeWrap .selectCol1,
    #imageTypeWrap .selectCol2 {
        clear: both;
        padding: 0 15px;
    }

    #altImgWrap .selectCol {
        clear: both;
    }

    .logoPopup {
        width: 400px;
    }

    .logoPopupSearchArrow {
        top: 30px;
        right: 20px;
    }
}

@media screen and (max-width: 517px) {
    .openCloseSelect {
        width: 200px;
    }

}

@media screen and (max-width: 480px) {
    .homeTitle {
        font-size: 34px;
    }

    .homeSubTitle {
        font-size: 18px;
    }

    .mainSlide {
        height: 350px;
    }

    .caroLargeP {
        font-size: 18px;
        line-height: 16px;
    }

    .caroSmallP {
        font-size: 14px;
        top: 10%;
        width: 90%;
    }

    .homeList li {
        font-size: 18px;
        display: block;
    }

    span.slideSpan {
        font-size: 22px;
    }

    .btn.stepBack,
    .btn.stepFwd {
        width: 100px;
    }

    .vlBG,
    .vlBG img {
        width: 100%;
    }

    .logoButton {
        clear: both;
        margin-bottom: 10px;
    }

    .footerLogo {
        width: 300px;
    }

    nav.top-menu .logo-container {
        padding: 52px 0 0 20px;
        width: 350px;
        height: 158px;
        float: left;
        position: absolute;
        top: 12px;
        left: 0px;
        border-bottom: none;
    }

    .mobileManagerMenu {
        border-top: 5px solid rgb(224,224,219);
        border-bottom: 5px solid rgb(224,224,219);
    }

    nav.left-menu {
        transform: translateX(-120%);
        -webkit-transform: translateX(-120%);
        -ms-transform: translateX(-120%);
        -o-transform: translateX(-120%);
        width: 100%;
    }

    nav.left-menu .left-menu-list li .left-menu-link,
    nav.left-menu .left-menu-list-root {
        width: 100%;
    }

    nav.left-menu .left-menu-inner {
        width: 100vw;
    }


    .managerInfoWrap {
        float:none;
    }

    .mimicUserWrap {
        float:none;
    }

    .mimicNoPadd {
        padding: 0;
    }

    .eventLogo,
    #selectedLogo {
        width: 100px;
        margin-left: 20px;
    }

    nav.top-submenu.top-submenu-with-background, .top-submenu.top-submenu-with-background {
        margin-top: 20px;
    }

    .profile-user-content {
        clear:none;
    }

    #mobilePixel {
        display:none;
    }

    .storePhotoWrap {
        width: 100%;
        margin-right: 0;
        float: none;
    }

    .updateBranchWrap {
        width: 100%;
        float:none;
    }
}

.errorMessage{
    color: red;
}