@font-face{font-family:"telenet-glyphs";src:url("../../media/fonts/telenet-glyphs.eot");src:url("../../media/fonts/telenet-glyphs.eot?#iefix") format("embedded-opentype"),url("../../media/fonts/telenet-glyphs.woff") format("woff"),url("../../media/fonts/telenet-glyphs.ttf") format("truetype"),url("../../media/fonts/telenet-glyphs.svg#telenet-glyphs") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"telenet-glyphs";src:url("../../media/fonts/telenet-glyphs.eot");src:url("../../media/fonts/telenet-glyphs.eot?#iefix") format("embedded-opentype"),url("../../media/fonts/telenet-glyphs.woff") format("woff"),url("../../media/fonts/telenet-glyphs.ttf") format("truetype"),url("../../media/fonts/telenet-glyphs.svg#telenet-glyphs") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"telenet-glyphs";src:url("../../media/fonts/telenet-glyphs.eot");src:url("../../media/fonts/telenet-glyphs.eot?#iefix") format("embedded-opentype"),url("../../media/fonts/telenet-glyphs.woff") format("woff"),url("../../media/fonts/telenet-glyphs.ttf") format("truetype"),url("../../media/fonts/telenet-glyphs.svg#telenet-glyphs") format("svg");font-weight:normal;font-style:normal}.prefillEmail{position:relative;left:20px}.formMarginTop{margin-top:15px}.profile-signup-next{margin-top:30px !important}@media only screen and (min-width:700px){.formMarginLeft{margin-left:50px}.disableAvatar{margin-left:7px;width:111%}}.comparetransform{-moz-transform:scale(.9);-o-transform:scale(.9);-webkit-transform:scale(.9);transform:scale(.9);-moz-transform-origin:80px 50px 0;-o-transform-origin:80px 50px 0;-webkit-transform-origin:80px 50px 0;transform-origin:80px 50px 0;-moz-transition:all .1s ease-out 0s;-o-transition:all .1s ease-out 0s;-webkit-transition:all .1s ease-out 0s;transition:all .1s ease-out 0s}.rotate5deg{-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}.bgTransition{-webkit-transition:background-color 500ms linear;-moz-transition:background-color 500ms linear;-o-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;transition:background-color 500ms linear}.createMiniPave{text-align:right}.createMiniPave .block{width:auto;padding:2px 10px;display:inline-block;margin:0 0 10px 0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#f2877a;color:#fff;margin-bottom:10px;position:relative;font-weight:bold;text-align:center}.createMiniPave .block:before{content:"";display:block;position:absolute;bottom:-10px;left:calc(50% - 10px);width:0;border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #f2877a}.createMiniPave .block a{color:#fff;text-decoration:none}.basePadding1{padding-bottom:60px}.basePadding2{padding-bottom:40px}.basePadding2b{padding-bottom:30px}.basePadding3{padding-bottom:20px}.basePadding4{padding-bottom:10px}.basePaddingTop1{padding-top:60px}.basePaddingTop2{padding-top:40px}.basePaddingTop2b{padding-top:30px}.basePaddingTop3{padding-top:20px}.baseMarginTop3{margin-top:20px}.basePaddingTop4{padding-top:10px}.GreyCircle{background:#bab6b5;color:#fff;font-family:'telenet-glyphs';font-size:10px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;margin-left:10px;cursor:pointer}.newButton2017{border:1px solid #dddbda;border-bottom:2px solid #dddbda;background:#fff;display:inline-block;padding:10px}.myTelenetMobileButton{background-color:transparent;padding:0;display:inline-block;position:fixed;top:7px;right:10px;z-index:605}.myTelenetMobileButton:hover{background-color:transparent}.myTelenetMobileButton img{width:36px;height:36px;display:inline-block;vertical-align:middle}.myTelenetMobileButton span{display:none}.show-more-cards{clear:both}.show-more-use-tags{cursor:pointer}.one-care-portal{padding-top:0}.one-care-portal .search_greybox_desktop{background:#eeeded;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;padding:10px 1.5%;z-index:500;top:0;width:97%;margin-bottom:38px}.one-care-portal .search_greybox_desktop .search_whitebox{background:#fff;border:1px solid #8f8986;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:10px 2%;margin:4px 0;width:96%;overflow:hidden}.one-care-portal .search_greybox_desktop .search_whitebox .searchbox_button{width:45px;vertical-align:middle;float:right}.one-care-portal .search_greybox_desktop .search_whitebox .searchbox_button .tn_searchbutton{background-color:#fff;background-image:url("../../media/general/search-icon.png");background-position:50% 50%;background-repeat:no-repeat;border:none;float:right;height:30px;overflow:hidden;text-indent:-200px;width:45px}.one-care-portal .search_greybox_desktop .search_whitebox .searchbox_left{width:auto;overflow:hidden}.one-care-portal .search_greybox_desktop .search_whitebox .searchbox_left .searchbox-tags{max-width:60%;float:left}.one-care-portal .search_greybox_desktop .search_whitebox .searchbox_left .searchbox-tags .searchbox-tag{float:left;margin-bottom:2px}.one-care-portal .search_greybox_desktop .search_whitebox .searchbox_left .searchbox-tags .searchbox-tag .search_category_box{border:1px solid #dddbda;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block;padding:0 10px;margin-right:5px;cursor:pointer}.one-care-portal .search_greybox_desktop .search_whitebox .searchbox_left .searchbox-tags .searchbox-tag .search_category_box:after{width:15px;height:15px;vertical-align:baseline;line-height:30px;font-family:'telenet-glyphs';font-size:.6em;content:" x";padding-left:5px}.one-care-portal .search_greybox_desktop .search_whitebox .searchbox_left .searchbox-tags .searchbox-tag .search_category_box span{border-right:1px solid #dddbda;padding:0 10px 0 0}.one-care-portal .search_greybox_desktop .search_whitebox .searchbox_left .searchbox-field{width:auto;overflow:hidden;padding-top:2px}.one-care-portal .search_greybox_desktop .search_whitebox .searchbox_left .searchbox-field input{font-style:italic;font-size:1.1em;font-family:'TelenetAlbra-Regular';border:none;color:#8f8986;width:100%;line-height:normal;height:auto;margin-bottom:0}.one-care-portal .search_greybox_desktop .search_whitebox .searchbox_left .searchbox-field .autocomplete li{cursor:pointer}.one-care-portal .search_greybox_desktop .search_whitebox .searchbox_left .searchbox-field .autocomplete li.active{font-weight:bold}.one-care-portal .search_greybox_desktop .search_categories{overflow:hidden;width:100%}.one-care-portal .search_greybox_desktop .search_categories .cat{color:#291d18;text-decoration:none;background-repeat:no-repeat;background-position:top left;display:block;float:left;padding-left:40px;margin:15px 10px 10px 10px;height:22px;line-height:22px;cursor:pointer}.one-care-portal .search_greybox_desktop .search_categories .cat:hover{background-position:bottom left;color:#f7945c}.one-care-portal .search_greybox_desktop .search_categories .cat.active{background-position:bottom left;color:#f7945c}.one-care-portal .search_greybox_desktop .search_categories .cat.cat_button{float:right;padding-left:10px;margin-top:13px;margin-bottom:7px;color:#8f8986}.one-care-portal .search_greybox_desktop .search_categories .cat.cat_open:after{width:15px;height:15px;vertical-align:middle;line-height:30px;font-family:'glyphs';font-size:.8em;content:" \e805"}.one-care-portal .search_greybox_desktop .search_categories .cat.cat_close:after{width:15px;height:15px;vertical-align:baseline;line-height:25px;font-family:'telenet-glyphs';font-size:.6em;content:" x"}.one-care-portal .search_greybox_desktop.neutered{position:fixed;width:907px}.one-care-portal .search_greybox_desktop.unneutered{position:relative;width:97%}.one-care-portal .search_greybox_desktop .search_facets .use-cat{display:inline-block}.one-care-portal .search_greybox_desktop .search_facets .show-more-use-tags{width:100%;overflow:hidden}.one-care-portal .search_greybox_desktop .search_facets .show-more-use-tags .button{color:#8f8986}.one-care-portal .search_greybox_desktop .search_facets .show-more-use-tags .button:after{width:15px;height:15px;vertical-align:middle;line-height:30px;font-family:'glyphs';font-size:.8em;content:" \e805"}.one-care-portal .search_greybox_desktop .search_facets .facet{cursor:pointer;background:#fff;border:1px solid #dddbda;border-bottom:2px solid #dddbda;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:5px 10px;margin:5px;display:inline-block}.one-care-portal .search_greybox_desktop .search_facets .facet.active{border:1px solid #bab6b5}.one-care-portal .search_greybox_desktop .search_facets .facet:hover{border-bottom:2px solid #8f8986}.one-care-portal .autobox{border:1px solid #dddbda;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;margin:0 -7px;background:#fff;position:absolute;z-index:120}.one-care-portal .autobox ul li{padding:5px 10px}.one-care-portal .autobox ul li:hover{background-color:#f7f6f6}.one-care-portal .autobox ul li:hover:first-child{border-radius:10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-moz-border-radius:10px 10px 0 0}.one-care-portal .autobox ul li:hover:last-child{border-radius:0 0 10px 10px;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px}.one-care-portal .search_greybox_mobile{display:none;padding:10px 1.5%;z-index:499;top:0;width:97%}.one-care-portal .search_greybox_mobile.neutered{position:fixed;background-color:#8f8986;top:49px;left:0}.one-care-portal .search_greybox_mobile.unneutered{position:relative;background-color:transparent}.one-care-portal .search_greybox_mobile .search_whitebox{background:#fff;border:1px solid #8f8986;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;padding:10px 2%;margin:10px 0;width:96%;overflow:hidden}.one-care-portal .search_greybox_mobile .search_whitebox .searchbox-field{min-width:34%;float:left;width:80%}.one-care-portal .search_greybox_mobile .search_whitebox .searchbox-field input{font-style:italic;font-family:'TelenetAlbra-Regular';font-size:1.1em;border:none;color:#8f8986;width:100%;line-height:normal;height:auto;margin-bottom:0}.one-care-portal .search_greybox_mobile .search_whitebox .searchbox-field .autocomplete li{cursor:pointer}.one-care-portal .search_greybox_mobile .search_whitebox .searchbox_button{width:45px;vertical-align:middle;float:right}.one-care-portal .search_greybox_mobile .search_whitebox .searchbox_button .tn_searchbutton{background-color:#fff;background-image:url("../../media/general/search-icon.png");background-position:50% 50%;background-repeat:no-repeat;border:none;float:right;height:30px;overflow:hidden;text-indent:-200px;width:45px}.one-care-portal .search_greybox_mobile2{display:none;width:100%}.one-care-portal .search_greybox_mobile2 .search_filter_button_top_container{width:100%;overflow:hidden;margin-left:-2%}.one-care-portal .search_greybox_mobile2 .search_filter_button_top,.one-care-portal .search_greybox_mobile2 .search_filter_button_bottom{background:#8f8986;width:76%;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;padding:10px 0}.one-care-portal .search_greybox_mobile2 .search_filter_button_top a,.one-care-portal .search_greybox_mobile2 .search_filter_button_bottom a{color:#fff;text-decoration:none;font-weight:bold;padding:0 10px 0 5%;display:block}.one-care-portal .search_greybox_mobile2 .search_filter_button_top a.open:after,.one-care-portal .search_greybox_mobile2 .search_filter_button_bottom a.open:after{width:15px;height:15px;vertical-align:middle;line-height:30px;font-family:'glyphs';font-size:.8em;content:" \e805";margin-right:10px;float:right}.one-care-portal .search_greybox_mobile2 .search_filter_button_top a.close:after,.one-care-portal .search_greybox_mobile2 .search_filter_button_bottom a.close:after{width:15px;height:15px;vertical-align:baseline;line-height:30px;font-family:'telenet-glyphs';font-size:.6em;content:" x";margin-right:10px;float:right}.one-care-portal .search_greybox_mobile2 .search_filter_button_bottom{margin-left:-2%}.one-care-portal .search_greybox_mobile2 .search_filter_button_clear{background:#dddbda;width:76%;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;padding:10px 0;margin-bottom:10px}.one-care-portal .search_greybox_mobile2 .search_filter_button_clear a{color:#fff;text-decoration:none;font-family:'TelenetAlbra-Regular';padding:0 10px 0 5%;display:block}.one-care-portal .search_greybox_mobile2 .search_filter_button_clear a.close:after{width:15px;height:15px;vertical-align:baseline;line-height:30px;font-family:'telenet-glyphs';font-size:.6em;content:" x";margin-left:10px;float:right}.one-care-portal .search_greybox_mobile2 .search_filter_button_top{display:block}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown{background:#fff;width:74%;margin-left:-2%;border-right:1px solid #dddbda}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .searchbox-tag{margin-bottom:2px;border-bottom:1px solid #dddbda;padding:10px}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .searchbox-tag .search_category_box{border:1px solid #dddbda;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;display:inline-block;padding:0 10px;margin:0 5px 2px 0;cursor:pointer}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .searchbox-tag .search_category_box:after{width:15px;height:15px;vertical-align:baseline;line-height:30px;font-family:'telenet-glyphs';font-size:.6em;content:" x";padding-left:5px}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .searchbox-tag .search_category_box span{border-right:1px solid #dddbda;padding:0 10px 0 0}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .search_mobile_categories{padding-bottom:10px}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .search_mobile_categories .borderedbutton{border:1px solid #dddbda;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:10px 0 0 10px;padding:5px;display:inline-block}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .search_mobile_categories .borderedbutton .catimage{width:40px;background-repeat:no-repeat;background-position:top left;height:22px;margin:auto;cursor:pointer;display:inline-block;float:left}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .search_mobile_categories .borderedbutton .catimage:hover{background-position:bottom left;color:#f7945c}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .search_mobile_categories .borderedbutton .catimage.active{background-position:bottom left;color:#f7945c}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .search_mobile_categories .borderedbutton .cat{padding-left:40px;color:#291d18;text-decoration:none;line-height:22px;cursor:pointer}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .search_mobile_categories .borderedbutton .cat:hover{color:#f7945c}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .search_mobile_categories .borderedbutton .cat.active{color:#f7945c}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .search_mobile_categories .borderedbutton:hover .catimage{background-position:bottom left}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .search_mobile_categories .borderedbutton:hover .cat{color:#f7945c}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .search_mobile_morefacets{border-top:1px solid #dddbda;padding:10px}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .search_mobile_morefacets .cat_button{text-align:center;cursor:pointer}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .search_mobile_morefacets .cat_button.cat_open:after{width:15px;height:15px;vertical-align:middle;line-height:30px;font-family:'glyphs';font-size:.8em;content:" \e805"}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .search_mobile_morefacets .cat_button.cat_close:after{width:15px;height:15px;vertical-align:baseline;line-height:30px;font-family:'telenet-glyphs';font-size:.6em;content:" x"}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .search_mobile_facets{padding:0 10px}.one-care-portal .search_greybox_mobile2 .searchbox-dropdown .search_mobile_facets .facet{cursor:pointer;background:#fff;border:1px solid #dddbda;border-bottom:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;padding:5px 10px;margin:5px;display:inline-block}.one-care-portal .searchcard_container{padding-top:20px;width:100%;overflow:hidden}.one-care-portal .show-more-cards{padding:10px 0}.one-care-portal .show-more-cards button.button--primary{display:block}.one-care-portal .textundersearchbar{padding-top:20px}.one-care-portal .SearchDidYouMean h3,.one-care-portal .SearchNoResultsFound h3{font-weight:bold;font-size:1.2em}@media only screen and (max-width:939px){header .upc-bgcontainer-top,header .upc-bgcontainer-top_nospot{min-height:49px}body.mobileView .upc-basic-aspot-responsive-container{margin:49px 0 0 0}body.mobileView .upc-bgcontainer-center_nospot{padding:0}.one-care-portal .search_greybox_desktop{width:100%;z-index:499}.one-care-portal .search_greybox_desktop.neutered{position:fixed;width:97%}.one-care-portal .search_greybox_desktop.unneutered{position:relative;width:97%}}@media only screen and (max-width:768px){.one-care-portal .search_greybox_desktop{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;width:97%;z-index:500}.one-care-portal .search_greybox_desktop.neutered{position:fixed;width:97%;left:0;top:49px;z-index:200}.upc-bgcontainer-service{right:5px}}@media only screen and (max-width:480px){.one-care-portal .search_greybox_desktop{display:none}.one-care-portal .search_greybox_mobile{display:block}.one-care-portal .search_greybox_mobile2{display:block}.one-care-portal .searchcard_container{padding-top:60px}}

@font-face{font-family:"telenet-glyphs";src:url("../../media/fonts/telenet-glyphs.eot");src:url("../../media/fonts/telenet-glyphs.eot?#iefix") format("embedded-opentype"),url("../../media/fonts/telenet-glyphs.woff") format("woff"),url("../../media/fonts/telenet-glyphs.ttf") format("truetype"),url("../../media/fonts/telenet-glyphs.svg#telenet-glyphs") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"telenet-glyphs";src:url("../../media/fonts/telenet-glyphs.eot");src:url("../../media/fonts/telenet-glyphs.eot?#iefix") format("embedded-opentype"),url("../../media/fonts/telenet-glyphs.woff") format("woff"),url("../../media/fonts/telenet-glyphs.ttf") format("truetype"),url("../../media/fonts/telenet-glyphs.svg#telenet-glyphs") format("svg");font-weight:normal;font-style:normal}@font-face{font-family:"telenet-glyphs";src:url("../../media/fonts/telenet-glyphs.eot");src:url("../../media/fonts/telenet-glyphs.eot?#iefix") format("embedded-opentype"),url("../../media/fonts/telenet-glyphs.woff") format("woff"),url("../../media/fonts/telenet-glyphs.ttf") format("truetype"),url("../../media/fonts/telenet-glyphs.svg#telenet-glyphs") format("svg");font-weight:normal;font-style:normal}.prefillEmail{position:relative;left:20px}.formMarginTop{margin-top:15px}.profile-signup-next{margin-top:30px !important}@media only screen and (min-width:700px){.formMarginLeft{margin-left:50px}.disableAvatar{margin-left:7px;width:111%}}.comparetransform{-moz-transform:scale(.9);-o-transform:scale(.9);-webkit-transform:scale(.9);transform:scale(.9);-moz-transform-origin:80px 50px 0;-o-transform-origin:80px 50px 0;-webkit-transform-origin:80px 50px 0;transform-origin:80px 50px 0;-moz-transition:all .1s ease-out 0s;-o-transition:all .1s ease-out 0s;-webkit-transition:all .1s ease-out 0s;transition:all .1s ease-out 0s}.rotate5deg{-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-webkit-transform:rotate(5deg);transform:rotate(5deg)}.bgTransition{-webkit-transition:background-color 500ms linear;-moz-transition:background-color 500ms linear;-o-transition:background-color 500ms linear;-ms-transition:background-color 500ms linear;transition:background-color 500ms linear}.createMiniPave{text-align:right}.createMiniPave .block{width:auto;padding:2px 10px;display:inline-block;margin:0 0 10px 0;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;background-color:#f2877a;color:#fff;margin-bottom:10px;position:relative;font-weight:bold;text-align:center}.createMiniPave .block:before{content:"";display:block;position:absolute;bottom:-10px;left:calc(50% - 10px);width:0;border-right:10px solid transparent;border-left:10px solid transparent;border-top:10px solid #f2877a}.createMiniPave .block a{color:#fff;text-decoration:none}.basePadding1{padding-bottom:60px}.basePadding2{padding-bottom:40px}.basePadding2b{padding-bottom:30px}.basePadding3{padding-bottom:20px}.basePadding4{padding-bottom:10px}.basePaddingTop1{padding-top:60px}.basePaddingTop2{padding-top:40px}.basePaddingTop2b{padding-top:30px}.basePaddingTop3{padding-top:20px}.baseMarginTop3{margin-top:20px}.basePaddingTop4{padding-top:10px}.GreyCircle{background:#bab6b5;color:#fff;font-family:'telenet-glyphs';font-size:10px;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;margin-left:10px;cursor:pointer}.newButton2017{border:1px solid #dddbda;border-bottom:2px solid #dddbda;background:#fff;display:inline-block;padding:10px}.myTelenetMobileButton{background-color:transparent;padding:0;display:inline-block;position:fixed;top:7px;right:10px;z-index:605}.myTelenetMobileButton:hover{background-color:transparent}.myTelenetMobileButton img{width:36px;height:36px;display:inline-block;vertical-align:middle}.myTelenetMobileButton span{display:none}.loading-block{position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;background:#f7f6f6;opacity:.7}.loading-content{position:fixed;width:300px;height:200px;z-index:1001;text-align:center;padding-top:20px;top:50%;left:50%;margin:-100px 0 0 -150px;background:#bab6b5;border-radius:5px 5px 5px 5px;-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px 5px 5px 5px;font-weight:bold}

/* Animation styles */
.ng-hide-add, .ng-hide-remove {
    /* ensure visibility during the transition */
    display: block !important; /* yes, important */
}

.css-fade {
    transition: 0.5s linear all;
    opacity: 1;
}

.css-fade.ng-hide {
    opacity: 0;
}

.article-sorting {
    float: left;
    clear: none;
    width: 100%;
    min-height: 500px;
}

.tn-styling .btn-save {
    margin-bottom: 10px;
    background-image: none;
    padding-right: 12px;
    line-height: 20px;
    height: 43px;
}

.toolbar-container {
    width: 100%;
    height: 50px;
    margin-bottom: 15px;
}

.toolbar-container .tag-selector {
    float: left;
    clear: none;
    width: 30%;
}

.toolbar-container .btn-container {
    width: 10%;
    float: right;
}

.toolbar-container .msg-container {
    width: 59%;
    float: left;
    line-height: 43px;
    font-weight: bold;

}

.toolbar-container .msg-container .msg-success {
    padding-left: 10px;
    color: #ffc423;
}

.toolbar-container .msg-container .msg-error {
    padding-left: 10px;
    color: #c95942;
}

.article-sorting li[draggable] {
    cursor: move;
}

/**
 * For the correct positioning of the placeholder element, the dnd-list and
 * it's children must have position: relative
 */
.article-sorting ul[data-dnd-list],
.article-sorting ul[data-dnd-list] > li {
    position: relative;
}

/**
 * The dnd-list should always have a min-height,
 * otherwise you can't drop to it once it's empty
 */
.article-sorting ul[data-dnd-list] {
    min-height: 42px;
    padding-left: 0px;
}

/**
 * The dndDraggingSource class will be applied to
 * the source element of a drag operation. It makes
 * sense to hide it to give the user the feeling
 * that he's actually moving it.
 */
.article-sorting ul[data-dnd-list] .dndDraggingSource {
    display: none;
}

/**
 * An element with .dndPlaceholder class will be
 * added to the dnd-list while the user is dragging
 * over it.
 */
.article-sorting ul[data-dnd-list] .dndPlaceholder {
    display: block;
    background-color: #dddbda;
    min-height: 42px;
}

/**
 * The dnd-lists's child elements currently MUST have
 * position: relative. Otherwise we can not determine
 * whether the mouse pointer is in the upper or lower
 * half of the element we are dragging over. In other
 * browsers we can use event.offsetY for this.
 */
.article-sorting ul[data-dnd-list] li {
    background-color: #fff;
    border: 1px solid #dddbda;
    border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
}

/**
 * Show selected elements in green
 */
.article-sorting ul[data-dnd-list] li.selected {
    background-color: #dddbda;
    color: #99bd66;
}
.ocp-search .masonry .item{float:left;margin-bottom:10px;width:364px}