/*------------------------------------*\
  GENERAL
\*------------------------------------*/

/* Tabs */
.tabs {
	
}

	.tabs .tabs__content {
	
	}
	
		.tabs .tabs__content [tab-id]:not(.active) {
			display: none;
		}

/* Border Boxes */
.border-box { border: 0px solid #ccc; border-radius: 8px; padding: 0px; margin-bottom: 30px;}
.border-box2 { border: 2px solid #ccc; border-radius: 8px; padding: 15px 0 0; margin-bottom: 30px;}
.border-box3 { border: 2px solid #ccc; border-radius: 8px; padding: 25px; margin-bottom: 30px;}
.border-box4 { border: 2px solid #ccc; border-radius: 8px; padding: 5px; margin-bottom: 20px;}

/* Video List Thumbnails */
.videoThumb {position: relative;  display: block; height: 110px; z-index: 150; border-radius: 4px;}
.videoThumb img { position: absolute; z-index: 150;  border-radius: 4px;}
.videoLabel { font-size: 13px; font-weight: bold; display: block; padding-top: 5px;}
.videoLabel2 { font-size: 13px; font-weight: bold; display: block; padding-top: 115px;}
.vt-desc { display: none; position: absolute; top: 0px; left: 0px; width: 148px; padding: 15px; background: #dedede; border: 1px solid #555; border-radius: 4px;z-index: 200; font-size: 12px; font-weight: bold; }
.vt-desc2 { display: none; position: absolute; top: 0px; left: 0px; width: 148px; border-radius: 4px;z-index: 200;}
.videoThumb:hover .vt-desc, .videoThumb:hover .vt-desc2 {display: block; } 
ul.video-list li {list-style-type: none; display: block; float:left; margin: 0 11px 20px; position: relative; width: 148px; height: 158px; cursor: pointer; }
a.videoThumb-y, a.videoThumb-v { display:block; height: 110px; width: 148px; border-radius: 6px;}
.pd-vid-1 { background: url("/Portals/0/Images/Prof-vid-1.png") no-repeat;}
a.pd-vid-1:hover { background: url("/Portals/0/Images/Prof-vid-1-hov.png") no-repeat;}
.pd-vid-2 { background: url("/Portals/0/Images/Prof-vid-2.png") no-repeat;}
a.pd-vid-2:hover { background: url("/Portals/0/Images/Prof-vid-2-hov.png") no-repeat;}
.pd-vid-3 { background: url("/Portals/0/Images/Prof-vid-3.png") no-repeat;}
a.pd-vid-3:hover { background: url("/Portals/0/Images/Prof-vid-3-hov.png") no-repeat;}
.pd-vid-4 { background: url("/Portals/0/Images/Prof-vid-4.png") no-repeat;}
a.pd-vid-4:hover { background: url("/Portals/0/Images/Prof-vid-4-hov.png") no-repeat;}
.pd-vid-5 { background: url("/Portals/0/Images/Prof-vid-5.png") no-repeat;}
a.pd-vid-5:hover { background: url("/Portals/0/Images/Prof-vid-5-hov.png") no-repeat;}
.pd-vid-6 { background: url("/Portals/0/Images/Prof-vid-6.png") no-repeat;}
a.pd-vid-6:hover { background: url("/Portals/0/Images/Prof-vid-6-hov.png") no-repeat;}
.pd-vid-7 { background: url("/Portals/0/Images/WEBINAR1.png") no-repeat;}
a.pd-vid-7:hover { background: url("/Portals/0/Images/WEBINAR1-hover.png") no-repeat;}

.eeThumb { display: block; }
.eeThumb-wrapper, .eeThumb { min-width: 0px !important; max-width: 100% !important; background-size: 100% !important; }
.eeThumb-wrapper.mvcp-1 {background: url("/Portals/0/Images/MaxSpectera.png") no-repeat; width: 277px; height:155px;}
a.eeThumb.mvcp-1{background: url("/Portals/0/Images/MaxSpectera.png") no-repeat; width: 277px; height:155px;}
a.eeThumb.mvcp-1:hover {background: url("/Portals/0/Images/MaxSpectera-hover.png") no-repeat;}
.eeThumb-wrapper.mvcp-2 {background: url("/Portals/0/Images/MaxVSP.png") no-repeat; width: 277px; height:155px;}
a.eeThumb.mvcp-2 {background: url("/Portals/0/Images/MaxVSP.png") no-repeat; width: 277px; height:155px;}
a.eeThumb.mvcp-2:hover {background: url("/Portals/0/Images/MaxVSP-hover.png") no-repeat;}
.eeThumb-wrapper.mvcp-3 {background: url("/Portals/0/Images/MaxEyeMed.png") no-repeat; width: 277px; height:155px;}
a.eeThumb.mvcp-3 {background: url("/Portals/0/Images/MaxEyeMed.png") no-repeat; width: 277px; height:155px;}
a.eeThumb.mvcp-3:hover {background: url("/Portals/0/Images/MaxEyeMed-hover.png") no-repeat;}

.eeThumb-wrapper { display: block; width: 277px; height:155px; border-radius: 8px; }
.eeThumb-wrapper.vt-1 {background: url("/Portals/0/Images/ee-thumb-1.png") no-repeat;}
.eeThumb-wrapper.vt-2 {background: url("/Portals/0/Images/ee-thumb-2.png") no-repeat;}
.eeThumb-wrapper.vt-4 {background: url("/Portals/0/Images/ee-thumb-4.png") no-repeat;}
a.eeThumb.vt-brantley {background: url("/Portals/0/Images/ee-thumb-Brantley.png") no-repeat;}
a.eeThumb.vt-perry{background: url("/Portals/0/Images/ee-thumb-Perry.png") no-repeat;}
a.eeThumb { display: block; max-width: 277px; min-width: 277px; height:155px; pointer: cursor; border-radius: 8px; }
a.eeThumb.vt-1 {background: url("/Portals/0/Images/ee-thumb-1.png") no-repeat;}
a.eeThumb.vt-2 {background: url("/Portals/0/Images/ee-thumb-2.png") no-repeat;}
a.eeThumb.vt-4 {background: url("/Portals/0/Images/ee-thumb-4.png") no-repeat;}
a.eeThumb.vt-6 {background: url("/Portals/0/Images/ee-thumb-6.png") no-repeat;}
a.eeThumb.vt-1:hover {background: url("/Portals/0/Images/ee-thumb-1-hover2.png") no-repeat;}
a.eeThumb.vt-2:hover  {background: url("/Portals/0/Images/ee-thumb-2-hover2.png") no-repeat;}

.eeThumb-wrapper.vt-5 {background: url("/Portals/0/Images/frame-dream-btn2.png") no-repeat;}
a.eeThumb.vt-5{background: url("/Portals/0/Images/frame-dream-btn2.png") no-repeat;}
a.eeThumb.vt-5:hover {background: url("/Portals/0/Images/frame-dream-btn2-hover.png") no-repeat;}
.eeThumb-wrapper.vt-lux {background: url("/Portals/0/Images/lux-btn.png") no-repeat; position: relative;}
.eeThumb-wrapper.vt-lux:after { content: ''; border:1px solid #edc74c; position: absolute; left: 0; right: 0; top: 0; padding-top: 55%; border-radius: 6px; pointer-events: none; }
a.eeThumb.vt-lux {background: url("/Portals/0/Images/lux-btn.png") no-repeat;}
a.eeThumb.vt-lux:hover {background: url("/Portals/0/Images/lux-btn-hover.png") no-repeat;}

.eeThumb2-wrapper, .eeThumb2 { max-width: 100%; background-size: 100% !important; }
.eeThumb-wrapper.opt-dream {background: url("/Portals/0/Images/opt-dream-vid.png") no-repeat;}
a.eeThumb.opt-dream{background: url("/Portals/0/Images/opt-dream-vid.png") no-repeat;}
a.eeThumb.opt-dream:hover {background: url("/Portals/0/Images/opt-dream-vid-hover.png") no-repeat;}
.eeThumb2-wrapper.opt-dream-test {background: url("/Portals/0/Images/TOD-Testimonials.png") no-repeat;}
a.eeThumb2.opt-dream-test{background: url("/Portals/0/Images/TOD-Testimonials.png") no-repeat;}
a.eeThumb2.opt-dream-test:hover {background: url("/Portals/0/Images/TOD-Testimonials-hover.png") no-repeat;}
.eeThumb2-wrapper.opt-dream-coming {background: url("/Portals/0/Images/TOD-Coming-Soon.png") no-repeat;}
.eeThumb2-wrapper, a.eeThumb2 {height: 155px;border-radius: 8px; max-width: 277px; height: 155px; display: block;}

.eeThumb-wrapper.pl-1 {background: url("/Portals/0/Images/FreshDay.png") no-repeat;}
a.eeThumb.pl-1 {background: url("/Portals/0/Images/FreshDay.png") no-repeat;}
a.eeThumb.pl-1:hover {background: url("/Portals/0/Images/FreshDay-hover.png") no-repeat;}

.lwiThumb-wrapper, .lwiThumb { max-width: 100% !important; min-width: 0px !important; background-size: 100% !important; }
.lwiThumb-wrapper { display: block; width:155px; height:87px; border-radius: 6px; }
a.lwiThumb { display: block; max-width: 155px; min-width:155px; height:87px; pointer: cursor; border-radius: 6px; }
.vt-20  {background: url("/Portals/0/Images/lwi-direction-webinar-p1-sm.png") no-repeat;}
a.lwiThumb.vt-20:hover  {background: url("/Portals/0/Images/lwi-direction-webinar-p1-sm-hover.png") no-repeat;}
.vt-21  {background: url("/Portals/0/Images/lwi-direction-webinar-p2-sm.png") no-repeat;}
a.lwiThumb.vt-21:hover  {background: url("/Portals/0/Images/lwi-direction-webinar-p2-sm-hover.png") no-repeat;}
.vt-22  {background: url("/Portals/0/Images/LWI-worksheets.png") no-repeat;}
a.eeArticle.vt-22:hover  {background: url("/Portals/0/Images/LWI-worksheets-hover.png") no-repeat;}
.vt-25  {background: url("/Portals/0/Images/lwi-people-webinar-sm.png") no-repeat;}
a.lwiThumb.vt-25:hover  {background: url("/Portals/0/Images/lwi-people-webinar-sm-hover.png") no-repeat;}
.vt-26  {background: url("/Portals/0/Images/lwi-time-webinar-sm.png") no-repeat;}
a.lwiThumb.vt-26:hover  {background: url("/Portals/0/Images/lwi-time-webinar-sm-hover.png") no-repeat;}
.vt-27  {background: url("/Portals/0/Images/lwi-operational-performance-sm.png") no-repeat;}
a.lwiThumb.vt-27:hover  {background: url("/Portals/0/Images/lwi-operational-performance-sm-hover.png") no-repeat;}

/* Testimony Links */
.eeArticle-wrapper, .eeArticle { min-width: 0px !important; max-width: 100% !important; background-size: 100% !important; }
.eeArticle-wrapper { display: block; width: 277px; height:155px; border-radius: 8px; }
.eeArticle-wrapper.vt-3 {background: url("/Portals/0/Images/ee-thumb-3.png") no-repeat;}
.eeArticle-wrapper.vt-6 {background: url("/Portals/0/Images/ee-thumb-6.png") no-repeat;}
.eeArticle-wrapper.vt-brantley {background: url("/Portals/0/Images/ee-thumb-Brantley.png") no-repeat;}
.eeArticle-wrapper.vt-perry {background: url("/Portals/0/Images/ee-thumb-Perry.png") no-repeat;}
a.eeArticle.vt-brantley:hover {background: url("/Portals/0/Images/ee-thumb-Brantley-hover.png") no-repeat;}
a.eeArticle.vt-perry:hover {background: url("/Portals/0/Images/ee-thumb-Perry-hover.png") no-repeat;}
a.eeArticle { display: block; max-width: 277px; min-width: 277px; height:155px; pointer: cursor; border-radius: 8px; }
a.eeArticle.vt-3 {background: url("/Portals/0/Images/ee-thumb-3.png") no-repeat;}
a.eeArticle.vt-6:hover {background: url("/Portals/0/Images/ee-thumb-6-hover.png") no-repeat;}
a.eeArticle.vt-3:hover  {background: url("/Portals/0/Images/ee-thumb-3-hover.png") no-repeat;}

/* Alternate and Page Specific Buttons */
.hs-01  {background: url("/Portals/0/Images/hs-02.png") no-repeat;}
.hs-wrapper{}
.hs-link.hs-01 {background: #454545; color: #fff; font-weight: bold; text-align: center; font-size: 15px; padding: 8px; text-align:center; display: block; text-transform: uppercase;}
.hs-link.hs-01:hover {background: #666666; }

/* Vendor Logos */
ul.vendor-list li {list-style-type: none; display: block; float:left; margin: 0 33px 20px; position: relative; width: 148px; height: 110px;}
ul.video-list li {list-style-type: none; display: block; float:left; margin: 0 11px 20px; position: relative; width: 148px; height: 158px; }
ul.vendor-list li a img { border-radius: 4px;}

.vend-logo, .vend-logo-spec1, .vend-logo-spec2 { width: 148px; height: 110px; display: block; position: absolute; top: 0; z-index:100;}
.vend-hover { width: 148px; height: 110px; opacity:.80; display: none; border-radius: 4px; position: absolute; z-index:150; background: url("/images/VendorLogoImage/DryEye/small/Play.png") no-repeat; z-index:150;}
.vend-logo:hover .vend-hover, .vend-logo-spec1:hover .vend-hover, .vend-logo-spec2:hover .vend-hover, .videoThumb:hover .vend-hover { display: block; }

.vend-1 { background: url("/images/VendorLogoImage/DryEye/small/119.png") no-repeat;}
.vend-2 { background: url("/images/VendorLogoImage/DryEye/small/12.png") no-repeat;}
.vend-3 { background: url("/images/VendorLogoImage/DryEye/small/322.png") no-repeat;}
.vend-4 { background: url("/images/VendorLogoImage/DryEye/small/379.png") no-repeat;}
.vend-5 { background: url("/images/VendorLogoImage/DryEye/small/338.png") no-repeat;}
.vend-6 { background: url("/images/VendorLogoImage/DryEye/small/16.png") no-repeat;}
.vend-7 { background: url("/images/VendorLogoImage/DryEye/small/423.png") no-repeat;}
.vend-8 { background: url("/images/VendorLogoImage/DryEye/small/32.png") no-repeat;}
.vend-9 { background: url("/images/VendorLogoImage/DryEye/small/382.png") no-repeat;}
.vend-10 { background: url("/images/VendorLogoImage/DryEye/small/153.png") no-repeat;}
.vend-11 { background: url("/images/VendorLogoImage/DryEye/small/51.png") no-repeat;}
.vend-12 { background: url("/images/VendorLogoImage/DryEye/small/155.png") no-repeat;}
.vend-13 { background: url("/images/VendorLogoImage/DryEye/small/404.png") no-repeat;}
.vend-14 { background: url("/images/VendorLogoImage/DryEye/small/488.png") no-repeat;}
.vend-15 { background: url("/images/VendorLogoImage/DryEye/small/327.png") no-repeat;}
.vend-16 { background: url("/images/VendorLogoImage/DryEye/small/421.png") no-repeat;}

/* Modals */
.modal { position:fixed; top:0; left:0; z-index:1041; background: #000; opacity:1; width:100%; height:100%;}
.mobile-modal { display: block; position:fixed; top:0; left:0; z-index:1000; background: #000; width:100%; height:100%; text-align: center;}
.modal-window { display: block; width: 660px; position:fixed; z-index:1500;   height:auto; background: #fff;  border-radius: 10px;padding: 10px; opacity:1;}
a.modal-close {  float:right; cursor:pointer; }
.modal-window h3 {margin: 10px 0 0; float: left;}
.modal-window .btn { margin-top: 10px;}
.modal-window p { float: left; margin: 7px 0 0; padding: 0; font-size: 20px; font-weight: bold;}
.mobile-modal iframe { margin-top: 100px;}
.mobile-modal .btn { margin-top: 10px;}
.mobile-modal a.modal-close {  float:none;}
.modal-window { max-width: calc(100% - 30px); }
.modal-window iframe { max-width: 100%; }

/* Flipbooks */
.kit-box { margin: 0px 0 10px;}
.kit-col { width: 49%; float: left;}
ul.kit-list { margin: 10px 0 0px 20px;}
ul.kit-list li { list-style-type: none; display: block; margin: 0 0 10px 0;}
ul.kit-list li a { display: block; padding: 8px 0 8px 45px; color: #0E3D5B; font-weight: bold; border-radius:4px;}
a.pdf-link { background: url("/images/DryEyeEducation/pdf-icon.png") no-repeat 0 0;}
a.word-link { background: url("/Portals/0/Images/doc-icon.png") no-repeat 0 0;}
a.zip-link { background: url("/images/DryEyeEducation/zip-icon.png") no-repeat 2px 2px;}
a.zip-link:hover { background: #dedede url("/images/DryEyeEducation/zip-icon.png") no-repeat 2px 2px;}

a.flip-link { background: url("/images/DryEyeEducation/flip-icon.png") no-repeat 0 0; cursor: pointer;}
a.flip-link:hover  { background: #dedede url("/images/DryEyeEducation/flip-icon.png") no-repeat 0 0;}
a.flip-link.flip-on { background: #dedede url("/images/DryEyeEducation/flip-icon.png") no-repeat 0 0;}
.flip-widget {display: none;}
.flip-widget.flip-on {display: block;}

@media (max-width: 800px) {
	ul.mobile-list { margin-left: 0;}
	ul.mobile-list li {display:block; margin: 0; margin-bottom: 2px; list-style-type: none;}
	ul.mobile-list li a {display:block; padding: 10px 10px 10px 47px; border-radius: 4px;}
	ul.mobile-list li a.pdf-link {background: #ddd url("/images/DryEyeEducation/pdf-icon.png") no-repeat 5px center;}
}

/* Nav Buttons */
.nav-box { margin-bottom: 20px;}
ul.nav-btn-list { margin: 0 0 30px !important; padding: 0;}
.nav-btn-list li { list-style-type: none; float: left;  border-radius: 4px; margin: 0 10px 10px 0 !important; padding: 0;}
.nav-btn-list li a img { border-radius: 4px;}

/*------------------------------------*\
  HOME PAGE
\*------------------------------------*/

/* 10/5/2018 mg Right Sidebar new one*/
.home-skin #journalItems {
	max-height: 790px;
	overflow: auto;
}

/* Tabs */
.tabs--home {

}

	.tabs--home .tabs__bar {
		border-bottom: 1px solid #e5e5e5;
	}

		.tabs--home .tabs__bar [tab-id] {
			cursor: pointer;
			text-transform: uppercase;
			display: inline-block;
			padding: 10px 15px;
		}

		.tabs--home .tabs__bar [tab-id].active {
			color: #303030;
		}

		.tabs--home .tabs__bar [tab-id]:not(.active) {
			cursor: pointer;
			text-transform: uppercase;
			color: #aaa;
		}

/*------------------------------------*\
  TEAM PAGE
\*------------------------------------*/

.no-border {
    border: 0 !important;
    padding: 0 !important;
}

.all-grid-show {
    /*border-top: 9px solid #688e41;*/
    background: #fff;
    margin: 0 10px;
    /*padding: 25px 2% 0 2%;*/
    margin-top: 15px;
}

.grid {
    background: #fff;
    margin: 0 auto;
}

.grid-item {
    float: left;
    width: 160px;
    height: 200px;
    background: #fff;
    border: 2px solid #FFF;
    border-radius: 10px;
    margin-bottom: 20px;
    cursor: pointer;
}

.grid-item--width2 {
    width: 320px;
}

.grid-item--height2 {
    height: 320px;
}

.no-bio.grid-item--resize {
    width: 340px;
    height: 420px;
}

.grid-item--resize {
    width: 700px;
    height: 420px;
}

.All-grid-item {
    float: left;
    background: #fff;
    border: 2px solid #fff;
    border-radius: 10px;
    margin-bottom: 20px;
    cursor: pointer;
}

.All-grid-item--width2 {
    width: 320px;
}

.All-grid-item--height2 {
    height: 320px;
}

.no-bio.All-grid-item--resize {
    width: 340px;
    height: 428px;
}

.All-grid-item--resize {
    min-height: 428px;
}

.sm-blk {
    display: block;
    width: 140px;
    height: 194px;
    margin: 10px;
    overflow: hidden;
}

    .sm-blk p {
        font-size: 12px;
        padding: 0;
        margin: 0;
        overflow: hidden;
    }
    
        .sm-blk p:first-child {
            line-height: 14px;
            height: 14px;
        }
        
        .sm-blk p:nth-child(2nd) {
            line-height: 28px;
            height: 28px;
        }

        .sm-blk p.grid-name {
            font-weight: bold;
        }

    .sm-blk img {
        padding: 0;
        margin: 0 0 5px;
        width: 100%;
    }

.lg-blk, .grid-item--resize .sm-blk {
    display: none;
}

.grid-item--resize .lg-blk {
    display: block;
    width: 680px;
    height: 400px;
    margin: 10px;
    overflow: hidden;
}

.lg-blk, .All-grid-item--resize .sm-blk {
    display: none;
}

.All-grid-item--resize .lg-blk {
    display: block;
    margin: 10px;
    overflow: hidden;
}

.lg-blk p {
    font-size: 14px;
    line-height: 16px;
    padding: 0;
    margin: 0;
}

.lg-blk .split-col-2 p {
    margin-bottom: 10px;
}

.lg-blk p.grid-name {
    font-weight: bold;
}

.lg-blk img {
    padding: 0;
    margin: 0 0 10px;
    border: 1px solid #fff;
}

.split-col-1 {
    width: 320px;
    float: left;
    margin-right: 19px;
}

.split-col-2 {
    width: 330px;
    float: right;
    margin-right: 10px;
}

.no-bio.grid-item--resize .split-col-2 {
    display: none;
}

.no-bio.All-grid-item--resize .split-col-2 {
    display: none;
}

.VS-isotope .button-group {
	float: left;
	width: 100%;
}

.VS-isotope ul {
    padding: 0 0 0 30px;
    background: #fff;
    margin-bottom: 20px;
    position: relative;
    float: left;
    width: 97%;
    margin-left: 0;
}

.VS-isotope-tab:after {
    border-bottom: 2px solid #eceaea;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    z-index: 0;
    content: '';
}

.VS-isotope ul li {
    display: block;
    float: left;
    position: relative;
    z-index: 1;
    margin-right: 2px;
}

    .VS-isotope ul li a {
        font-size: 1em;
        line-height: 50px;
        text-transform: uppercase;
        display: block;
        padding: 0 25px;
        border: 0;
        background: none;
        color: #434849;
        margin: 0;
        position: relative;
        cursor: pointer;
    }

    .VS-isotope ul li.tab-co1,
    .VS-isotope ul li.tab-co2,
    .VS-isotope ul li.tab-co3,
    .VS-isotope ul li.tab-co4,
    .VS-isotope ul li.tab-co5,
    .VS-isotope ul li.tab-co6,
    .VS-isotope ul li.tab-co7,
    .VS-isotope ul li.tab-co8,
    .VS-isotope ul li.tab-co9,
    .VS-isotope ul li.tab-co10,
    .VS-isotope ul li.tab-co11 {
        border-bottom: 2px solid #ddd;
    }

        .VS-isotope ul li.tab-co1.active, .VS-isotope ul li.tab-co1:hover {
            border-bottom: 2px solid #e0b526;
        }

        .VS-isotope ul li.tab-co2.active, .VS-isotope ul li.tab-co2:hover {
            border-bottom: 2px solid #e0b526;
        }

        .VS-isotope ul li.tab-co3.active, .VS-isotope ul li.tab-co3:hover {
            border-bottom: 2px solid #e0b526;
        }

        .VS-isotope ul li.tab-co4.active, .VS-isotope ul li.tab-co4:hover {
            border-bottom: 2px solid #e0b526;
        }

        .VS-isotope ul li.tab-co5.active, .VS-isotope ul li.tab-co5:hover {
            border-bottom: 2px solid #e0b526;
        }

        .VS-isotope ul li.tab-co6.active, .VS-isotope ul li.tab-co6:hover {
            border-bottom: 2px solid #e0b526;
        }

        .VS-isotope ul li.tab-co7.active, .VS-isotope ul li.tab-co7:hover {
            border-bottom: 2px solid #e0b526;
        }

        .VS-isotope ul li.tab-co8.active, .VS-isotope ul li.tab-co8:hover {
            border-bottom: 2px solid #e0b526;
        }

        .VS-isotope ul li.tab-co9.active, .VS-isotope ul li.tab-co9:hover {
            border-bottom: 2px solid #e0b526;
        }

        .VS-isotope ul li.tab-co10.active, .VS-isotope ul li.tab-co10:hover {
            border-bottom: 2px solid #e0b526;
        }
        
        .VS-isotope ul li.tab-co11.active, .VS-isotope ul li.tab-co11:hover {
            border-bottom: 2px solid #e0b526;
        }

.VS-Group-one, .VS-Group-two, .VS-Group-three, .VS-Group-four, .VS-Group-five, .VS-Group-six, .VS-Group-seven, .VS-Group-eight {
    padding: 25px 0 0;
    margin: 15px 10px 0;
    display: none;
    border-top: 2px solid #ddd;
    float: left;
    width: 100%;
}

.all-grid-show {
	float: left;
	width: 100%;
}

.VS-isotope ul li a span.tab-arr {
    display: none;
    width: 11px;
    height: 5px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -6px;
    background: url(../images/tab-arr.png) no-repeat;
}

.VS-isotope .active {
    display: block;
}

.VS-isotope .disable {
    display: none;
}

/*------------------------------------*\
  VENDOR DIRECTORY PAGE
\*------------------------------------*/

.vendor-list-container .vendor-listing {
    border-left: 1px solid #fff;
    overflow: auto;
}

    .vendor-list-container .vendor-listing table {
        width: 100%;
        /*height: 100px;*/
    }

        .vendor-list-container .vendor-listing table thead {
            background: #f6f5f5;
        }

            .vendor-list-container .vendor-listing table thead th {
                text-align: center;
                font-family: 'ProximaNova-Regular';
                font-weight: normal;
                text-transform: uppercase;
                padding: 0px 20px;
                height: 55px;
                vertical-align: middle;
                color: #A7A9AB;
                border-top: 2px solid #D8E4E7 !important;
                border-bottom: 2px solid #D8E4E7 !important;
            }

                .vendor-list-container .vendor-listing table thead th:first-child {
                    text-align: left;
                    text-transform: uppercase;
                    font-size: 1em;
                    color: #A7A9AB;
                    border-left: 2px solid #D8E4E7 !important;
                }

                .vendor-list-container .vendor-listing table thead th:last-child {
                    border-right: 2px solid #D8E4E7 !important;
                }

                .vendor-list-container .vendor-listing table thead th:first-child label {
                    text-transform: uppercase;
                    font-size: 0.889em;
                    color: #A7A9AB;
                    font-family: 'ProximaNova-Regular';
                    font-weight: normal;
                    text-transform: uppercase;
                    margin: 0 10px 0 0;
                    line-height: 37px;
                }

                .vendor-list-container .vendor-listing table thead th:first-child .bootstrap-select .btn, .admin-dash-leftnav-mobile .bootstrap-select .btn {
                    border: 1px solid #434849;
                    font-size: 0.889em;
                    color: #5392bc;
                    height: 34px;
                    border: 1px solid #e6e7e8;
                    background: url(../images/main-nav-arr.png) no-repeat 88% center #fff;
                    padding: 5px 0 5px 15px;
                    line-height: 22px;
                    border-radius: 19px;
                    text-transform: uppercase;
                    width: 100%;
                    font-family: 'ProximaNova-Regular';
                    text-align: center;
                }

                    .vendor-list-container .vendor-listing table thead th:first-child .bootstrap-select .btn:focus {
                        outline: none !important;
                    }

                    .vendor-list-container .vendor-listing table thead th:first-child .bootstrap-select .btn span {
                        text-align: left;
                    }

                    .vendor-list-container .vendor-listing table thead th:first-child .bootstrap-select .btn .caret, .admin-dash-leftnav-mobile .bootstrap-select .btn .caret {
                        display: none;
                    }

        .vendor-list-container .vendor-listing table tbody {
            background: #fff;
            padding: 5%;
        }

            .vendor-list-container .vendor-listing table tbody tr {
                border-bottom: 1px solid #e6e7e8;
            }

                .vendor-list-container .vendor-listing table tbody tr:hover {
                    background: #5392bc;
                }

                    .vendor-list-container .vendor-listing table tbody tr:hover > td {
                        color: #fff;
                    }

                .vendor-list-container .vendor-listing table tbody tr td {
                    padding: 10px;
                    text-align: center;
                    vertical-align: middle;
                }

.vendor-list-container .vendor-listing table tbody tr td.first {
    text-align: left;
}

.vendor-list-container .vendor-listing table tbody tr td h3 {
    font-size: 1.111em;
    margin: 0 0;
    font-family: 'ProximaNova-Semibold';
}

    .vendor-list-container .vendor-listing table tbody tr td h3 a {
        color: #434849;
        transition: none;
        /*text-transform:capitalize;*/
    }

.vendor-list-container .vendor-listing table tbody tr td span {
    font-size: 0.889em;
    color: #ea9a2a;
    line-height: 18px;
    text-transform: uppercase;
}

.vendor-list-container input[value="Clear Filters"] {
	white-space: nowrap !important;
}

.vendor-list-container .vendor-listing table tbody tr td.rating-text {
    font-family: 'ProximaNova-Semibold';
    text-transform: uppercase;
}

.vendor-list-container .vendor-listing table tbody tr td.check-list {
    position: relative;
}

    .vendor-list-container .vendor-listing table tbody tr td.check-list:before {
        content: '';
        position: absolute;
        width: 100%;
        height: 90px;
        left: 0;
        top: 20 %;
        max-height: 60%;
        border-left: 1px solid #e0b526;
        top: 20%;
    }

.vendor-list-container .vendor-listing table tbody tr:hover > td h3 a {
    color: #fff;
}

.vendor-list-container .vendor-listing table tbody tr:hover > td span {
    color: #fff;
}

.page-title-box.vendor-title h2 {
    color: #5392bc;
}

.vendor-search-box {
    float: left;
    margin-top: 3px;
    width: 60%;
}

    .vendor-search-box.elite-vendor-search-box {
        min-width: 63%;
    }

.vendor-sorting-box {
    float: right;
    width: 32.6%;
}

.vendor-search-box .btn {
    background: #e0b526;
    border-radius: 30px 0 0 30px;
    color: #fff;
    height: 40px;
    padding: 0 20px;
    font-size: 14px;
}

    .vendor-search-box .btn span.caret {
        background: url(../images/tree-arr-active.png) no-repeat 0 0;
        border: 0;
        height: 11px;
        width: 11px;
        background-size: 100%;
        margin: -4px 0 0 4px;
    }

.vendor-list-container .vendor-listing table thead th .vendor-search-box .bootstrap-select .btn {
    background: #e0b526;
    border-radius: 30px 0 0 30px;
    color: #fff;
    height: 34px;
    padding: 0 20px;
    font-size: 14px;
    width: 120px;
    line-height: 34px;
}

    .vendor-list-container .vendor-listing table thead th .vendor-search-box .bootstrap-select .btn span.caret {
        background: url(../images/tree-arr-active.png) no-repeat 0 0;
        border: 0;
        height: 11px;
        width: 11px;
        background-size: 100%;
        margin: -4px 0 0 4px;
    }

.vendor-search-box .input-group-addon {
    background: none;
    border: 0;
    padding: 0 15px;
}

    .vendor-search-box .input-group-addon a {
        width: 29px;
        height: 28px;
        background: url(../images/vendor-search-icon.png) no-repeat center center;
        border: none;
        margin: 0 0;
        display: block;
    }

.vendor-search-box input[type=text] {
    background: #fff;
    /*height: 40px;*/
    border: 1px solid #e6e7e8;
    padding: 5px 20px;
    border-radius: 0 30px 30px 0 !important;
    font-size: 0.779em;
}

.vendor-sorting-box .bootstrap-select.btn-group .dropdown-menu {
    border: 1px solid #e6e7e8;
    box-shadow: none;
}

    .vendor-sorting-box .bootstrap-select.btn-group .dropdown-menu li {
        border-top: 1px solid #e6e7e8;
    }

        .vendor-sorting-box .bootstrap-select.btn-group .dropdown-menu li:first-child {
            border: 0;
        }

        .vendor-sorting-box .bootstrap-select.btn-group .dropdown-menu li a {
            color: #5392bc;
        }

.vendor-listing table tbody tr:hover .checkbox-primary input[type="checkbox"]:checked + label::before {
    background: url(../images/checked-icon-wh.png) no-repeat 0 0;
    width: 25px;
    height: 21px;
}

.vendor-listing table tbody tr:hover .tot-reviews {
    color: #fff;
}

.vendor-listing table img {
    max-width: inherit !important;
}

/*------------------------------------*\
  VS LIVE PAGE
\*------------------------------------*/

/* content layout */

.skin[data-name="VS Live"] .container-fluid.layoutContainer { background-color:#F1F1F1; padding-top:20px;}
.skin[data-name="VS Live"] .DNNContainer_Title_h3 h3 { text-align: right; margin-right: 10%; padding-right: 10px; }

/* Tabs */

.skin[data-name="VS Live"] .Conversationgroup { margin: 0px !important; }
.skin[data-name="VS Live"] .Conversationgroup li:nth-child(2) { margin: 0px 10px; }
.skin[data-name="VS Live"] .Conversationgroup a.activePage { color: #c99700 !important; font-weight: bold;}
.skin[data-name="VS Live"] .Conversationgroup a:not(.activePage) { color: #333 !important; }

/* activity stream */

.skin[data-name="VS Live"] .group-avatar { display: none !important; }
.skin[data-name="VS Live"] .journalContainer { max-width: 100%; }
.skin[data-name="VS Live"] .journalViewTools-container { display: none; }
.skin[data-name="VS Live"] .journalGetNewUpdates-container { margin-bottom: 20px; }
.skin[data-name="VS Live"] .journalEditor-Container { margin:0 19px 0 83px;}
.skin[data-name="VS Live"] #journalEditor { width: 100% !important; }
.skin[data-name="VS Live"] #journalEditor #journalPlaceholder, 
.skin[data-name="VS Live"] .jcmt .cmteditarea .editorPlaceholder { padding-left:7px !important; }
.skin[data-name="VS Live"] div#journalItems { padding: 0 !important; margin: 0;}
.skin[data-name="VS Live"] div#journalItems, 
.skin[data-name="VS Live"] .journalTools { background-color:#FFFFFF; }
.skin[data-name="VS Live"] #journalEditor #tbar { margin:12px 16px 4px; }
.skin[data-name="VS Live"] .journalTools { padding: 20px 0 20px 0; }
.skin[data-name="VS Live"] .journalTools .avatar { margin: 0; }
.skin[data-name="VS Live"] #journalItems .journalrow { padding: 15px 0px 15px !important; }
.skin[data-name="VS Live"] .journalrow { background: white; }
.skin[data-name="VS Live"] .vs-live-journal.btn-box a { margin: 0; }
.skin[data-name="VS Live"] .createNew.dnnRight { margin:20px 10px !important}
.skin[data-name="VS Live"] .journalitem p, 
.skin[data-name="VS Live"] span.journalsummary, .journalrow div.journalitem div.journalgroup span.journal-grouped-section { font-size: 16px; }
.skin[data-name="VS Live"] .likes, 
.skin[data-name="VS Live"] .journalrow div.journalitem .journalfooter { font-size: 16px; }
div#activityStream-ScopeWrapper > div.journalTools .avatar em {
    height: 75px;
    width: 75px;
    border: 0px !important;
}
.journalTools .avatar-v2 {
    height: 75px;
    width: 75px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    border: 1px solid #c99700;
}

.journalrow div.journalitem ul.jcmt li .activityStream-comment-avatar span,
.journalrow div.journalitem ul.jcmt li .activityStream-comment-avatar em,
.journalrow div.journalitem ul.jcmt li .activityStream-comment-avatar img {
    height: 35px;
    width: 35px;
}

.journalrow div.journalitem ul.jcmt li .activityStream-comment-avatar img {
    border: 1px solid #c99700 !important;
    border-radius: 50px;
    object-fit: cover;
}

.journalrow div.journalitem .journalfooter {
    display: flex;
}

.journalrow div.journalitem .journalfooter a[id*="like-"],
ul.jcmt > li > div.actStr_commentContent > p.journalfooter > a[id*="likecomment-"],
ul.jcmt > li > div.actStr_commentContent + .cmt-actions  a[id*="likecomment-"] {
    order: 1;
    visibility: hidden;
    width: 35px;
    overflow: hidden;
    height: 20px !important;
}

.journalrow div.journalitem .journalfooter a[id*="like-"]:before,
ul.jcmt > li > div.actStr_commentContent > p.journalfooter > a[id*="likecomment-"]:before,
ul.jcmt > li > div.actStr_commentContent + .cmt-actions  a[id*="likecomment-"]:before {
    content: '\f164' !important;
    font-family: "Font Awesome 6 Pro" !important;
    visibility: visible;
}

.journalrow div.journalitem .journalfooter a[id*="like-"]:hover:before,
ul.jcmt > li > div.actStr_commentContent > p.journalfooter > a[id*="likecomment-"]:hover:before,
ul.jcmt > li > div.actStr_commentContent + .cmt-actions  a[id*="likecomment-"]:hover:before {
    color: #159f83;
}

.journalrow div.journalitem .journalfooter a[class*="journalitem-remove"],
ul.jcmt > li > div.actStr_commentContent > p.journalfooter > a[class*="jcmt-remove"],
ul.jcmt > li > div.actStr_commentContent + .cmt-actions a[class*="jcmt-remove"] {
    order: 2;
    visibility: hidden;
    width: 35px;
    overflow: hidden;
    height: 20px !important;
}

.journalrow div.journalitem .journalfooter a[class*="journalitem-remove"]:before,
ul.jcmt > li > div.actStr_commentContent > p.journalfooter > a[class*="jcmt-remove"]:before,
ul.jcmt > li > div.actStr_commentContent + .cmt-actions a[class*="jcmt-remove"]:before {
    content: '\f2ed' !important;
    font-family: "Font Awesome 6 Pro" !important;
    visibility: visible;
}

.journalrow div.journalitem .journalfooter a[class*="journalitem-remove"]:hover:before,
ul.jcmt > li > div.actStr_commentContent > p.journalfooter > a[class*="jcmt-remove"]:hover:before,
ul.jcmt > li > div.actStr_commentContent + .cmt-actions a[class*="jcmt-remove"]:hover:before {
    color: #c22424;
}

ul.jcmt > li > div.actStr_commentContent + .cmt-actions li {
    border-left: 0 !important;
}

ul.jcmt > li > div.actStr_commentContent + .cmt-actions li:first-child {
    width: 25px;
}

.journalrow div.journalitem .journalfooter a[class*="actStr_pinLink"]{
    order: 3;
    visibility: hidden;
    width: 35px;
    overflow: hidden;
    height: 20px;
}

.journalrow div.journalitem .journalfooter a[class*="actStr_pinLink"]:before{
    content: '\f08d' !important;
    font-family: "Font Awesome 6 Pro" !important;
    visibility: visible;
}

.journalrow div.journalitem .journalfooter a[class*="actStr_pinLink"]:hover:before{
    color: #159f83;
}

.journalrow div.journalitem .journalfooter a[id*="cmtbtnUnsubscribe-"]{
    order: 4;
}

.journalrow div.journalitem .journalfooter a[id*="cmtbtnUnsubscribe-"]:before{
    content: '';
    padding: 0px !important;
}

ul.jcmt > li > div.actStr_commentContent > p.journalfooter > a.dnnSocialLink {
    margin-top: 4px;
}

/* group directory */

.skin[data-name="VS Live"] .dnnMobileStatusContainer, 
.skin[data-name="VS Live"] .dnnMobileIdeaVote, 
.skin[data-name="VS Live"] td.dnnMobileIdeaTitle > p.list-row-label,
.skin[data-name="VS Live"] .moduleContainer a.dnnMobileCreateNewButton, 
.skin[data-name="VS Live"] .list-container > .status-container,
.skin[data-name="VS Live"] .list-container > .sort-filter-container, 
.skin[data-name="VS Live"] div.group-listing div.group-edit,
.skin[data-name="VS Live"] div.group-listing div.group-info-primary, 
.skin[data-name="VS Live"] div.group-listing div.group-info-secondary div.group-info-description,
.skin[data-name="VS Live"] div.group-listing div.group-info-secondary div.group-info-stats,
.skin[data-name="VS Live"] .groupTooltip,
.skin[data-name="VS Live"] .groupTooltip + .group-info .group-info-secondary,
.skin[data-name="VS Live"] .groupTooltip + .group-info .group-edit {display:none;}
.skin[data-name="VS Live"] .group-info { padding: 0px !important; }
.skin[data-name="VS Live"] .group-tiles { border:none !important; width: 100% !important; margin: 0px !important; }
.skin[data-name="VS Live"] div.group-listing {margin-bottom:0 !important;padding-bottom:0 !important;border:0;text-align:right;}
.skin[data-name="VS Live"] .moduleContainer-normalView .pager-bottom.moduleTopInsetShadowBox {background:none;}
.skin[data-name="VS Live"] .dnnMobileListTbl td.dnnMobileIdeaTitle {border:0;}
.skin[data-name="VS Live"] .dnnMobileListTbl.dnnMobileGroupDirectoryTbl td.dnnMobileIdeaTitle {padding-top:5px; padding-right:10px;}
.skin[data-name="VS Live"] .dnnMobileListTblContainer { border-bottom: 0 !important; border-top: 0 !important; }
.skin[data-name="VS Live"] .dnnMobileListTbl.dnnMobileGroupDirectoryTbl td.dnnMobileIdeaTitle { text-align: right; }
.skin[data-name="VS Live"] .dnnMobileListContainer { background:#F1F1F1; padding: 0; width:60%; margin-left: auto; margin-right: 10%; }
.skin[data-name="VS Live"] .loading-container .dnnSocialLink { font-size: 14px; }
.skin[data-name="VS Live"] .dnnMobileListTblContainer a.dnnMobileLoadMoreLink { padding: 0; background: none; }

/* leaderboard */

.skin[data-name="VS Live"] .leaderboard { 
    width: 100%;
    margin-left: auto;
    margin-right: 10%;
}

.skin[data-name="VS Live"] .evoq-gallery-container {
	height: auto !important;
}

.skin[data-name="VS Live"] .evoq-gallery-container .evoq-gallery-thumbnail {
    width: 100% !important;
    position: static !important;
}
.skin[data-name="VS Live"] .evoq-gallery-control .evoq-gallery-container .evoq-gallery-thumbnail img{
    position: static !important;
    max-height: auto !important;
    margin: 15px auto !important;
}
.skin[data-name="VS Live"] .evoq-gallery-container .evoq-gallery-thumbnail + .evoq-gallery-thumbnail{
   margin-top: 10px;
}

.skin[data-name="VS Live"] .commentbox-height-expandable {
	max-height: 346px !important;
	min-height: 40px !important;
	height: auto !important;
}

.skin[data-name="VS Live"] .journalrow div.journalitem ul.jcmt > li.jcmt-loadmore {
    display: inherit;
    width: 100%;
}

.skin[data-name="VS Live"] #activityStream-ScopeWrapper #journalEditor {
    padding: 10px 15px !important;
}

.skin[data-name="VS Live"] #activityStream-ScopeWrapper .journalTools #share {
    margin-left: 5px;
}

/*------------------------------------*\
  USER / MY PROFILE PAGES
\*------------------------------------*/

/* Desktop */

form[action*="My-Profile"] .inner-skin__content > .row > [class*=col] > .panes,
form[action*="My-Profile"] .inner-skin__menu > .pane {
	margin-top: 0px !important;
}

#profileView .profile-topContainer {
    padding: 25px 20px 25px 145px;
    position: relative;
    background: none;
    border-bottom: 2px solid #d8e4e7;
}

#profileView .profile-statistics {
    margin-right: 30px;
}

#profileView .dnnLeft {
    padding-bottom: 0px !important;
}

#profileView .profile-statistics li {
    float: right;
    border-left: 1px solid #ddd;
    padding: 0 10px;
    text-align: center;
}

    #profileView .profile-statistics li > span {
        font-size: 0.889em;
        text-transform: uppercase;
        color: #333;
        line-height: 22px;
        margin: 0 0 5px;
        font-weight: normal;
    }

    #profileView .profile-statistics li .profile-item-data {
        font-size: 2em;
        color: #333;
        line-height: 35px;
        margin: 0;
        font-weight: normal;
    }

#profileView .profile-statistics > li:last-child {
    border-left: none;
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 0;
}

#profileView .profile-completion-image {
    display: none;
}

#profileView .profile-topContainer .profile-link {
    font-size: 2em;
    color: #E0B526;
    font-family: 'ProximaNova-Medium';
    text-transform: uppercase;
    margin: 0px !important;
    font-weight: normal;
    min-height: 62px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1;
}

#profileView .profile-avatar {
    display: block;
    width: 90px;
    height: 90px;
    overflow: hidden;
    top: inherit;
    left: 30px;
    bottom: 14px;
    border: none;
    border-radius: 4px;
}

    #profileView .profile-avatar span {
        width: 100%;
        height: 100%;
        display: block;
    }

    #profileView .profile-avatar em {
        width: 100%;
        height: 100%;
        display: block;
    }

#profileView .profile-bottomContainer {
    display: none;
}
#profileView .profile-bottomContainer .biography-wide, #profileView .profileContainer .biography-wide {
    display: none;
}

#profileFeatures .dnnAdminTabNav li:nth-child(2) {
    display: none;
}
#profileView .profile-statistics li:nth-child(1) {
    display: none;
}
.profileContainer .profile-bottomContainer > .dnnLeft > .profile-social-links .btn-box:nth-child(1) a {
    display: none;
}
.profileContainer .profile-bottomContainer > .dnnLeft > .profile-social-links .btn-box:nth-child(1) a.profile-message-btn {
    display: inline-block;
}
.dashboard-about-property {
    border-bottom: 1px solid #eee;
}


/* PROFILE BADGES */

.dashboard-profile-badge-list ul li {
    width: auto;
    height: auto;
    border: 1px solid #bbb;
}
.dashboard-profile-badge-list ul li img {
    width: auto;
    height: auto;
    padding: 15px;
    background: #eee;
    border-bottom: 1px solid #bbb;
	max-height: 180px;
}
span.badge-title {
    display: block;
    width: 100px;
    text-align: center;
    margin: 0 auto;
    padding: 5px;
    height: 55px;
    font-weight: bold;
}
.dashboard-profile-header {
    display: none;
}
/* Mobile */

.dnnMobile-profile-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

	.dnnMobile-profile-fullname {
		font-size: 21px !important;
		font-family: "ProximaNova-Bold", sans-serif;
		font-weight: normal !important;
	}

	ul.dnnMobile-profile-statistics > li {
		margin-left: 0px !important;
		margin-right: 0px !important;
		width: 50% !important;
		background: white !important;
		background-color: white !important;
		border: 1px solid #ddd !important;
		padding: 10px !important;
		margin-top: 10px !important;
	}

	ul.dnnMobile-profile-statistics > li:first-child {
		border-right: none !important;
	}

		ul.dnnMobile-profile-statistics > li > span:first-child {
			font-family: "ProximaNova-Bold", sans-serif;
			font-weight: normal !important;
			line-height: 1;
			font-size: 25px !important;
		}
		
		ul.dnnMobile-profile-statistics > li > span:last-child {
			font-size: 16px !important;
			color: #333 !important;
		}
		
/*9/10/2018 mg vendor stars*/	
.rating {
    background-image: url("../images/star-sprite.png");
    width: 122px;
    height: 21px;
    display: inline-block;
}

.ratingFive {
    background-position: 0 0;
}

.ratingFour_half {
    background-position: 0 -21px;
}

.ratingFour {
    background-position: 0 -42px;
}

.ratingThree_half {
    background-position: 0 -63px;
}

.ratingThree {
    background-position: 0 -84px;
}

.ratingTwo_half {
    background-position: 0 -105px;
}

.ratingTwo {
    background-position: 0 -126px;
}

.ratingOne_half {
    background-position: 0 -147px;
}

.ratingOne {
    background-position: 0 -168px;
}

.ratingHalf {
    background-position: 0 -189px;
}

.ratingZero {
    background-position: 0 -210px;
}

/*final stars*/