html, body { background-color: #f5f5f5; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; height: 100%; }

::-moz-selection { background: #3399ff; color: #fff; text-shadow: none; }
::selection { background: #3399ff; color: #fff; text-shadow: none; }

/*@font-face { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; src: url('../fonts/Roboto-Regular-webfont.eot'); src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Regular-webfont.woff') format('woff'), url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'), url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'robotobold'; src: url('../fonts/Roboto-Bold-webfont.eot'); src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/Roboto-Bold-webfont.woff') format('woff'), url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'), url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg'); font-weight: normal; font-style: normal; }*/

a, button, input[type="submit"], input[type="button"] { -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; }

#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -45px; padding: 0 0 45px; }

.container { padding-left: 0; padding-right: 0; }

.navbar { margin-bottom: 0; }
.navbar-default { background-color: #fff; border-color: #ececec; position: relative; z-index: 99; }

.navbar-brand { float: left; height: auto; line-height: initial; padding: 0; }
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { margin-left: 0; }

.navbar h2.title { font-size: 20px; margin-top: 17px; padding-right: 3.1%; position: absolute; right: 0; text-transform: uppercase; }

.navbar-nav { border-top: 1px solid #ccc; float: right; margin: 53px 1.4% 0 0; padding-top: 12px; }
.nav > li > a { padding: 0 0 0 68px; }
.nav > li:first-child > a { padding: 0 0 0 8px; }
.nav > li:last-child > a { padding: 0 5px 0 64px; }
.navbar-default .navbar-nav > li > a { color: #000; }
.navbar-default .navbar-nav > li > a:hover { color: #999; }

.navbar-nav .dropdown-menu {  border-radius: 2px !important; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.176); }

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background-color: #fff; color: #0894d7; }

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #fff; color: #000; }

.navbar-nav .profile-picture { height: 40px; width: 40px; position: absolute; left: 15px; }

.logo { max-width:160px; position: relative; top: 7px; }

.main-nav { float: right; position: relative; top: 60px; }
.main-nav ul { border-top: 1px solid #ccc; list-style: outside none none; margin-bottom: 0; padding-left: 0; padding-top: 12px; position: relative; top: -6px; }
.main-nav ul li { display: inline-block; padding: 0 0 0 64px; }
.main-nav ul li:first-child { padding-left: 8px; }
.main-nav ul li:last-child { padding-right: 5px; }
.main-nav ul li a { color: #000; }
.main-nav ul li a:hover { color: #999; }

.main-search .form-control { border: 1px solid #bbb; border-radius: 2px; height: 50px; }
.main-search .form-control:focus { border-color: #cc0066; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(204, 0, 102, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(204, 0, 102, .6); }
.main-search .btn { background-color: #cc0066; border-color: #cc0066; border-radius: 3px; font-size: 22px; height: 50px; line-height: 39px; padding: 6px 20px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.main-search .btn:hover { background-color: #e00573; border-color: #e00573; }

.main-search .input-group-addon, .input-group-btn { vertical-align: top; }

.main-search tags-input .tags .input { color: #000; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; padding: 0 0 0 3px; }
.main-search tags-input .autocomplete .suggestion-item { color: #000 !important; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 14px; }
.main-search tags-input .autocomplete .suggestion-item em { color: black; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 14px; }

.main-search tags-input .tags .tag-item { background: #6db311; border: 1px solid #6db311; border-radius: 2px; color: #fff; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 13px; line-height: 22px; margin: 2px 4px 0 0; }
.main-search tags-input .tags .tag-item .remove-button { color: #fff !important; font-family: "robotoregular"; font-weight: normal; position: relative; top: 1px; vertical-align: top; }

.main-search tags-input .tags { border: 1px solid #bbb; border-radius: 2px; min-height: 50px; padding: 9px 12px; }
.main-search tags-input .tags.focused, .main-search tags-input.focused { border-color: #cc0066; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(204, 0, 102, .6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px rgba(204, 0, 102, .6); }

.main-search input::-webkit-input-placeholder { color: #000; opacity: 1; }
.main-search input:-moz-placeholder { color: #000; opacity: 1; }
.main-search input::-moz-placeholder { color: #000; opacity: 1; }
.main-search input:-ms-input-placeholder { color: #000; }


footer { background-color: #444; color: #fff; }
footer a { color: #fff; }
footer a:hover { color: #999; }
footer .container .credit { font-size: 0.85em; margin-bottom: 0; }


/* Helper Classes
-------------------------------------------------- */
.float-left { float: left !important; }
.float-right { float: right !important; }
.center-align { text-align: center !important; }
.right-align { text-align: right !important; }

.inline-block { display: inline-block; }

.uppercase { text-transform: uppercase !important; }

.margin-0 { margin: 0 !important; }
.padding-0 { padding: 0 !important; }

.m-bottom-0 { margin-bottom: 0 !important; }
.m-bottom-5 { margin-bottom: 5px !important; }
.m-bottom-10 { margin-bottom: 10px !important; }
.m-bottom-15 { margin-bottom: 15px !important; }
.m-bottom-20 { margin-bottom: 20px !important; }
.m-bottom-25 { margin-bottom: 25px !important; }
.m-bottom-30 { margin-bottom: 30px !important; }

.m-left-0 { margin-left: 0 !important; }
.m-left-2 { margin-left: 2px !important; }
.m-left-5 { margin-left: 5px !important; }
.m-left-10 { margin-left: 10px !important; }
.m-left-15 { margin-left: 15px !important; }
.m-left-20 { margin-left: 20px !important; }
.m-left-25 { margin-left: 25px !important; }
.m-left-30 { margin-left: 30px !important; }

.m-right-0 { margin-right: 0 !important; }
.m-right-5 { margin-right: 5px !important; }
.m-right-10 { margin-right: 10px !important; }
.m-right-15 { margin-right: 15px !important; }
.m-right-20 { margin-right: 20px !important; }
.m-right-25 { margin-right: 25px !important; }
.m-right-30 { margin-right: 30px !important; }

.m-top-0 { margin-top: 0 !important; }
.m-top-5 { margin-top: 5px !important; }
.m-top-10 { margin-top: 10px !important; }
.m-top-15 { margin-top: 15px !important; }
.m-top-20 { margin-top: 20px !important; }
.m-top-25 { margin-top: 25px !important; }
.m-top-30 { margin-top: 30px !important; }

.p-bottom-0 { padding-bottom: 0 !important; }
.p-bottom-5 { padding-bottom: 5px !important; }
.p-bottom-10 { padding-bottom: 10px !important; }
.p-bottom-15 { padding-bottom: 15px !important; }
.p-bottom-20 { padding-bottom: 20px !important; }
.p-bottom-25 { padding-bottom: 25px !important; }
.p-bottom-30 { padding-bottom: 30px !important; }

.p-left-0 { padding-left: 0 !important; }
.p-left-5 { padding-left: 5px !important; }
.p-left-10 { padding-left: 10px !important; }
.p-left-15 { padding-left: 15px !important; }
.p-left-20 { padding-left: 20px !important; }
.p-left-25 { padding-left: 25px !important; }
.p-left-30 { padding-left: 30px !important; }

.p-right-0 { padding-right: 0 !important; }
.p-right-5 { padding-right: 5px !important; }
.p-right-10 { padding-right: 10px !important; }
.p-right-15 { padding-right: 15px !important; }
.p-right-20 { padding-right: 20px !important; }
.p-right-25 { padding-right: 25px !important; }
.p-right-30 { padding-right: 30px !important; }

.p-top-0 { padding-top: 0 !important; }
.p-top-5 { padding-top: 5px !important; }
.p-top-10 { padding-top: 10px !important; }
.p-top-15 { padding-top: 15px !important; }
.p-top-20 { padding-top: 20px !important; }
.p-top-25 { padding-top: 25px !important; }
.p-top-30 { padding-top: 30px !important; }

.w-100 { width: 100% !important; }

/* Important for angular ng-cloak directive */
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak, .ng-hide { display: none !important; }

.btn-green { background-color: #6db311; border-color: #6db311; color: #fff; padding: 10px 26px; }
.btn-green:hover, .btn-green:focus { background: #79c712; border-color: #79c712; color: #fff; }

input.btn-green { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }

.btn-med { font-size: 14px; padding: 10px 26px; text-transform: uppercase; }
.btn-large { font-size: 16px; padding: 12px 38px; text-transform: uppercase; }

.modal-header .close { -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.modal-footer .btn { font-size: 15px; line-height: 23px; padding: 8px 22px; }
.modal-title { font-size: 20px; }

.validation {
    color: #cc0000;
    float: left;
    font-family: "robotoregular";
    font-size: 13px;
    font-style: italic;
    margin: 5px 0 10px;
    width: 100%;
}

.validation-summary-errors { border: 1px solid #ccc; border-radius: 2px; margin-bottom: 15px; padding: 10px 10px 0; }
.validation-summary-errors ul { list-style-type: none; padding: 0; }
.validation-summary-errors ul li { color: #cc0000; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 13px; }
.validation-summary-errors ul li:after { content: " *" }

.input-validation-error, .has-error .form-control { border-color: #cc0000 !important; -webkit-box-shadow: inset 0 1px 1px rgba(204, 0, 0, .075); box-shadow: 0 1px 1px rgba(204, 0, 0, 0.075) inset, 0 0 6px rgba(204, 0, 0, 0.6) !important; }

.field-validation-error { color: #cc0000; float: left; font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; font-size: 13px; font-style: italic; margin: 5px 0 10px; width: 100%; }
.field-validation-error:after { content: " *" }

label {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    font-size: 13px;
    font-weight: normal;
}

input:-webkit-autofill { -webkit-box-shadow:0 0 0 1000px #fff inset;  -webkit-text-fill-color: #000; }
input:-webkit-autofill:focus { -webkit-box-shadow: 0 0 0 1000px #fff inset, 0 0 6px rgba(8, 148, 215, .6); -webkit-text-fill-color: #000; } 


.unsorted-header:before, .headerSortDown:before, .headerSortUp:before { display: inline-block; font-family: 'FontAwesome'; font-feature-settings: normal; font-kerning: auto; font-language-override: normal; font-size: inherit; font-size-adjust: none; font-stretch: normal; font-style: normal; font-synthesis: weight style; font-variant: normal; font-weight: normal; line-height: 1; padding-right: 5px; text-rendering: auto; transform: translate(0px, 0px); }
.unsorted-header:before {content:"\f0dc"} 
.headerSortDown:before {content:"\f0dd"}
.headerSortUp:before {content:"\f0de"}

td.edit-icons a { color: #000; display: inline-block; font-size: 18px; }
td.edit-icons a .fa { font-size: 21px; }
td.edit-icons a:hover, td.edit-icons a:focus { color: #999; }
td.edit-icons a:focus .fa { color: #000; }

.radio-inline, .checkbox-inline { padding-left: 0 !important; }

input[type="checkbox"].greyout, input[type="checkbox"].greyout + .lbl, input[type="checkbox"].greyout + .lbl:before { color: #999; cursor: not-allowed; }
input[type=checkbox],input[type=radio] { cursor: pointer; height: 16px; margin: 0 !important; width: 16px; z-index: 12; }
input[type=checkbox]:checked,input[type=radio]:checked,input[type=checkbox]:focus,input[type=radio]:focus { outline: none !important; }
input[type=checkbox]+.lbl,input[type=radio]+.lbl { display: inline-block; font-weight: normal; line-height: 23px; margin: 0; min-height: 24px; min-width: 24px; position: relative; z-index: 11; }
input[type=checkbox]+.lbl::before,input[type=radio]+.lbl::before { background-color: #fff; border: 1px solid #bbb; border-radius: 0; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); color: #2091cf; content: "\a0"; display: inline-block; font-family: 'FontAwesome'; font-weight: normal; font-size: 15px; text-align: center; vertical-align: middle; height: 24px; line-height: 22px; min-width: 25px; margin-right: 7px; margin-top: -2px; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
input[type=checkbox]+.lbl::before { line-height: 22px; }
input[type=checkbox]:checked+.lbl::before,input[type=radio]:checked+.lbl::before { background-color: #fff; border-color: #bbb; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05),inset 15px 10px -12px rgba(255, 255, 255, 0.1); content: '\f00c'; display: inline-block; }
input[type=checkbox]:hover+.lbl::before,input[type=radio]:hover+.lbl::before,input[type=checkbox]+.lbl:hover::before,input[type=radio]+.lbl:hover::before { border-color: #2091cf; }
input[type=checkbox]:active+.lbl::before,input[type=radio]:active+.lbl::before,input[type=checkbox]:checked:active+.lbl::before,input[type=radio]:checked:active+.lbl::before { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),inset 0px 1px 3px rgba(0, 0, 0, 0.1); }
input[type=checkbox]:disabled+.lbl::before,input[type=radio]:disabled+.lbl::before,input[type=checkbox][disabled]+.lbl::before,input[type=radio][disabled]+.lbl::before,input[type=checkbox].disabled+.lbl::before,input[type=radio].disabled+.lbl::before { background-color: #fff; border-color: #bbb; }
input[type=radio]+.lbl::before { border-radius: 100px; font-size: 34px; line-height: 22px; }
input[type=radio]:checked+.lbl::before { content: "\2022"; }
input[type=checkbox].greyout:hover+.lbl::before, input[type=checkbox].greyout+.lbl:hover::before { border-color: #bbb; }

strong.required { color: #999; padding-left: 1px; }

.multiselect-clear-filter { box-shadow: none !important; }
.multiselect-clear-filter:hover { color: #999; }


/* Main Site
-------------------------------------------------- */

#top-link { background: #b51845; bottom: 75px; color: #fff; display: none; font-size: 22px; height: 28px; outline: medium none; padding: 0 6px 0 4px; position: fixed; right: 15px; text-align: center; text-decoration: none; z-index: 999; }

.main-content-container { float: left; margin-top: 20px; }

.homepage-main-content {  margin-top: 22px; }

.homepage-content-right-container { background: #fff; border: 1px solid #bbb; border-radius: 2px; float: left; padding: 10px 18px; position: relative; }
.homepage-content-right-container .title { border-bottom: 1px solid #bbb; color: #000; float: left; font-size: 24px; line-height: 30px; margin-bottom: 8px; margin-top: 5px; padding-bottom: 10px; width: 100%; }
.homepage-content-right-container .title:hover { color: #777; }
.homepage-content-right-container small { color: #777; float: left; margin: 0 0 10px; width: 100%; }
.homepage-content-right-container p { margin: 0 0 18px; }
.homepage-content-right-container .bottom-container { position: absolute; bottom: 8px; width: 95%; }

.video-container { height: 0; overflow: hidden; padding-bottom: 56.25%; padding-top: 30px; position: relative; z-index: 1; }
.video-container iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }

.social-media-counter { margin: 0 0 20px; height: 86px; }
.social-media-counter .facebook, .social-media-counter .twitter, .social-media-counter .google-plus { float: left; margin-left: 16px; }

.browse-resources { border-bottom: 1px solid #bbb; float: right; margin: 0 0 22px; padding-bottom: 35px; text-align: right; width: 92%; }
.browse-resources ul { background: #fff; border: 1px solid #bbb; border-radius: 2px; display: block; float: left; list-style: outside none none; margin: 10px 0 0; padding: 2px; width: 100%; }
.browse-resources li { background: #004c99; background: #6db311; float: left; margin: 0 0 2px; width: 100%; }
.browse-resources li:last-child { margin: 0; }
.browse-resources a { color: #fff; display: block; height: 38px; line-height: 38px; padding: 0 8px; }
.browse-resources a:hover { background: #0894d7; background: #79c712; }
.browse-resources .category-name { color: #fff; }
.browse-resources .badge { background-color: #fff; border-radius: 2px; color: #000; font-weight: normal; height: 23px; line-height: 22px; margin-left: 12px; padding: 0 8px; position: relative; text-shadow: none; top: 0; }

.ie9 .browse-resources .badge { top: -2px; } 
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .browse-resources .badge { top: -2px; } 
}

.suggest-resource { margin: 0 0 35px; }
.suggest-resource .box-container { border-radius: 2px; margin: 12px 0; padding: 12px 0; }
.suggest-resource .btn { background: #cc0066; border-color: #cc0066; border-radius: 2px; color: #fff; float: left; font-size: 16px; padding: 14px; text-align: center; text-transform: uppercase; width: 100%; }
.suggest-resource .btn:hover { background: #e00573; }

.popular-resources { margin-left: -10px; margin-right: -10px;}
.popular-resources .col-md-4 { padding-left: 10px; padding-right: 10px;}

.resource-container { background: #fff; border: 1px solid #bbb; border-radius: 2px; display: block; float: left; margin: 0 0 22px; padding: 8px 16px; position: relative; }

.resource-container .title { border-bottom: 1px solid #bbb; color: #000; float: left; font-size: 18px; line-height: 26px; margin-bottom: 6px; margin-top: 8px; padding-bottom: 8px; width: 100%; }

.resource-container .title:hover { color: #777; }
.resource-container small { color: #777; float: left; margin: 0 0 6px; width: 100%; }
.resource-container .abstract { float: left; font-size: 13px; height: 55px; margin: 5px 0 15px; overflow: hidden; width: 100%; }
.col-md-4 .resource-container .btn-more, .homepage-content-right .btn-more { position: relative; right: 0; top: 18px; }

small.rating { color: #000; direction: ltr; font-size: 13px; margin: 0; width: 100%; }

.rating { direction: rtl; float: left; font-size: 26px; unicode-bidi: bidi-override; }
.rating span.star { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: normal; float: right; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.rating span.star:hover { cursor: pointer; }
.rating span.star:before { color: #777; content: "\f006"; padding-right: 6px; -webkit-transition: all 0.1s ease 0s; -moz-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; }
.rating span.star:hover:before, .rating span.star:hover ~ span.star:before { color: #ffcc00; content: "\f005"; }
.rating span.star.averagerating:before { color: #ffcc00; content: "\f005"; }
.rating span.star.userrating:before { color: #777; content: "\f005"; }
.rating span.star.userrating:hover:before { color: #ffcc00; content: "\f005"; }

.btn-more { background: #6db311; border-color: #6db311; float: right; font-size: 1.6em; height: 36px; line-height: 31px; padding: 0; width: 40px; }
.btn-more:hover, .btn-more:focus { background: #79c712; border-color: #79c712; width: 40px; }
.btn-more .fa-fw { position: relative; right: -1px; width: auto; }

.tag-container { float: left; margin: 10px 0 5px; width: 100%; }
.tag-link { background: #0894d7; border-radius: 2px; color: #fff !important; float: left; font-size: 12px; height: 28px; line-height: 27px; margin: 0 5px 5px 0; padding: 0 8px; }
.tag-link.featured { background: #cc0066; }
.tag-link:hover, .tag-link.featured:hover { background: #029fea; color: #fff; }
.tag-link.featured:hover { background: #e00573; }

.btn-browse-library, .btn-load-more { background-color: #cc0066; border-color: #cc0066; font-size: 16px; margin: 10px 0 40px; padding: 14px 88px; }
.btn-browse-library:hover, .btn-browse-library:focus, .btn-load-more:hover, .btn-load-more:focus { background-color: #e00573; border-color: #e00573; }
.btn-load-more { background-color: #6db311; border-color: #6db311; }
.btn-load-more:hover, .btn-load-more:focus { background-color: #79c712; border-color: #79c712; }

.resource-item-wrapper img { display: block; height: auto; width: 100%; }

.resource-item-info a { bottom: 4px; color: #000; font-size: 13px; height: 42px; line-height: 38px; overflow: hidden; position: absolute; text-overflow: ellipsis; top: 3px; white-space: nowrap; width: 100%; }
.resource-item-info a:hover { color: #777; }

.resource-wrapper:hover .resource-item-preview { display: block; filter:Alpha(opacity=100); opacity: 1; }
.resource-item-preview a.title { border-bottom: 1px solid #444; color: #fff; display: block; font-size: 15px; left: 8px; padding-bottom: 3px; position: relative; top: 8px; width: 95%; -webkit-backface-visibility: hidden; }
.resource-item-preview a.title:hover { color: #999; }
.resource-item-preview small { bottom: 8px; color: #fff; font-size: 11px; left: 8px; position: absolute; }
.resource-item-preview .abstract { color: #ccc; font-size: 12px; left: 8px; margin-top: 18px; position: relative; width: 95%; }

.resource-item-preview .bookmark-container { bottom: -4px; position: absolute; right: -9px; }
.resource-item-preview .bookmark-container .bookmark { background: transparent; border: none; box-shadow: none !important; font-size: 23px; }
.resource-item-preview .bookmark-container .bookmark .fa { color: #fff; -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition: color 300ms, background-color 300ms; transition: color 300ms, background-color 300ms; }
.resource-item-preview .bookmark-container .bookmarked, .resource-item-preview .bookmark-container .bookmark:hover { border: none; }
.resource-item-preview .bookmark-container .bookmarked .fa, .resource-item-preview .bookmark-container .bookmark:hover .fa { color: #6db311; color: #0894d7; }
.resource-item-preview .bookmark-container .tooltip-inner { width: 175px; }

.resource-item-preview .view { float: left; margin: 8px; }

.tag-ellipsis-rest { background: #fff; border: 1px solid #bbb; border-radius: 2px; bottom: -28px; left: 7px; opacity: 0; padding: 10px 5px 5px 10px; position: absolute; z-index: 99; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.tag-ellipsis-wrapper:hover .tag-ellipsis-rest { bottom: 6px; display: block; opacity: 1; }

.ie8 .tag-ellipsis-rest { display: none; }
.ie8 .tag-ellipsis-wrapper:hover .tag-ellipsis-rest { display: block; }

.resources-top-container { float: left; width: 100%; }
.resources-top-container .items { float: left; padding-top: 7px; }
.resources-top-container .btn-group { float: right; }
.resources-top-container .btn-group .btn-default:hover { background-color: #e9e9e9; box-shadow: none; }
.resources-top-container .btn-group .btn-default.active { background-color: #e9e9e9; }
.resources-top-container .btn-group visitor-only .btn, .resources-top-container .btn-group visitor-only .btn-default { border-top-left-radius: 0; border-bottom-left-radius: 0; border-left: 0; box-shadow: none !important; }
.resources-top-container .btn-group .btn-default:active, .resources-top-container .btn-group .btn-default.active, .resources-top-container .btn-group .btn-default:focus  { box-shadow: none; }
.resources-top-container .btn-group visitor-only .tooltip-inner { width: 175px; }

#breadCrumb { color: #888; float: left; height: 20px; margin: 10px 0; padding: 0 0 0 5px; width: 100%; }
#breadCrumb a { color: #000; }
#breadCrumb a:hover { color: #888; }

.details-content .back-btn { padding: 10px 20px 10px 31px; position: absolute; top: 18px; }
.details-content .back-btn .fa { font-size: 18px; position: absolute; right: 58px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .details-content .back-btn .fa { top: 11px; }
}
.ie9 .details-content .back-btn .fa { top: 11px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .details-content .back-btn .fa { top: 11px; }
}

.details-container { background: #fff; border: 1px solid #bbb; border-radius: 2px; float: left; margin-bottom: 45px; padding: 10px 25px; }
.details-container small { color: #777; float: left; margin: 0 0 10px; width: 100%; }
.details-container .title { border-bottom: 1px solid #ccc; padding-bottom: 12px; padding-right: 165px; }
.details-container h3 { font-size: 22px; margin: 0 0 18px; }
.details-container p { margin: 0 0 18px; }
.details-container img.right { background: #fff; border: 1px solid #bbb; border-radius: 2px; display: block; float: right; margin: -5px 0 20px 35px; padding: 5px; }

.details-container .bookmark-container { position: absolute; top: 17px; }
.details-container .bookmark-container .bookmark { background-color: #fff; border: 2px solid; border-radius: 100px; box-shadow: none !important; color: #ccc; font-size: 22px; height: 45px; line-height: 26px; width: 45px;  -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.details-container .bookmark-container .bookmark .fa { color: #999; display: table-cell; }
.details-container .bookmark-container .bookmarked, .details-container .bookmark-container .bookmark:hover { border: 2px solid #6db311; }
.details-container .bookmark-container .bookmarked .fa, .details-container .bookmark-container .bookmark:hover .fa { color: #63a30f; }

.details-container .bookmark-container .tooltip-inner, .details-container .visitor-only-discussion .tooltip-inner, .resource-container visitor-only .tooltip-inner, .homepage-content-right-container .bottom-container visitor-only .tooltip-inner { width: 175px; }

.details-sidebar .social-media-counter { margin: -4px 0 16px;  top: 0; }

.details-sidebar .main-cat-btn { background-color: #6db311; border-color: #6db311; float: right; height: 35px; line-height: 32px; margin: 0 0 5px 5px; padding: 0 6px 0 10px; }
.details-sidebar .main-cat-btn:hover { background: #79c712; border-color: #79c712; }
.details-sidebar .main-cat-btn .badge { background-color: #fff; border-radius: 2px; color: #000; font-weight: normal; height: 23px; line-height: 20px; margin-left: 12px; padding: 1px 7px 2px; position: relative; top: 0; }

.details-sidebar .tag-link {  }
.details-sidebar .tag-link:before { content: ' ' }
.details-sidebar .related-resources { border-bottom: 1px solid #bbb; float: left; margin: 10px 0 25px; padding-bottom: 35px; text-align: right; width: 100%; }
.details-sidebar .related-resources a { color: #000; float: left; margin: 8px 0 0; text-decoration: underline; width: 100%; }
.details-sidebar .related-resources a:hover { color: #888; text-decoration: none; }

.details-sidebar .resource-ratings-container { float: right; margin: 0 0 10px; text-align: right; width: 100%; }
.details-sidebar .resource-ratings-container .rating { float: right; }
.details-sidebar .resource-categories-container { float: left; margin: 0 0 8px; width: 100%; }
.details-sidebar .resource-tags-container { float: right; margin: 10px 0; }
.details-sidebar .resource-ratings-container .visitor-only  { width: 175px; }
.details-sidebar .resource-ratings-container visitor-only .tooltip-inner { width: 175px; }

.visitor-only { position: relative; display: inline-block }
.visitor-only .visitor-only-overlay { bottom: 100%; height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 1; }

.visitor-only-discussion .visitor-only { width: 100%; }
.visitor-only-discussion { float: left; margin-top: 25px; width: 100%; }

.visitor-only-discussion .inline-block { display: block; }

#discussion textarea::-webkit-input-placeholder { color: #999; opacity: 1; }
#discussion textarea:-moz-placeholder { color: #999; opacity: 1; }
#discussion textarea::-moz-placeholder { color: #999; opacity: 1; }
#discussion textarea:-ms-input-placeholder { color: #999; }

.comment-body { border: 1px solid #ccc; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12); margin: 25px 0 0; padding: 25px 25px 30px 100px; }
.comment-body p { padding-right: 45px; margin: 0; }
.comment-body img { height: 60px; left: 23px; position: absolute; top: 21px; width: 60px; }
.reply { position: absolute; right: 15px; top: 15px; }
.reply button { background-color: #444; border: none; border-radius: 2px; color: #fff; cursor: pointer; font-size: 13px; padding: 3px 8px 4px; width: auto; }
.reply button:hover { background: #0894d7; color: #fff; }
.discussion-replies { background-image: url("../images/comment-line.png"); background-position: left 15px; background-repeat: no-repeat; border-left: 1px solid #ccc; display: block; padding-left: 40px; position: relative; }

.comment-body .delete-btn { background-color: #444; border: none; border-radius: 2px; color: #fff; cursor: pointer; font-size: 13px; padding: 3px 8px 4px; position: absolute; right: 70px; top: 15px; width: auto; z-index: 1; }
.comment-body .delete-btn:hover { background: #0894d7; }

/* Full Width Page Layouts Styling
-------------------------------------------------- */
.full-width-content { float: left; padding-left: 20px; padding-right: 20px; width: 100%; }
.full-width-content .box-container { background: #fff; border: 1px solid #bbb; border-radius: 2px; margin: 0 -20px 45px; position: relative; }
.full-width-content h2 { border-bottom: 1px solid #ccc; margin-bottom: 25px; margin-top: 2px; padding-bottom: 16px; }
.full-width-content p { margin-bottom: 18px; }


/* Login Page
-------------------------------------------------- */
#login.box-container { padding: 45px 25px; }

#login-main { float: left; padding-top: 5px; }

.register-account-container { float: left; }
.register-account-container p {  border-bottom: 1px solid #ddd; margin-bottom: 18px; padding: 6px 0 10px; text-align: center; width: 100%; }

.facebook-btn, .twitter-btn, .google-plus-btn { color: #fff !important; }
.facebook-btn { background-color: #3b5998; border-color: #3b5998; }
.twitter-btn { background-color: #1ab2e8; border-color: #1ab2e8; }
.google-plus-btn { background-color: #da4735; border-color: #da4735; }

.register-btn, .facebook-btn, .twitter-btn, .google-plus-btn { margin: 0 0 7px; padding: 12px 30px 12px 75px; position: relative; text-transform: none; width: 100%; }

.facebook-btn .fa, .twitter-btn .fa, .google-plus-btn .fa { font-size: 20px; height: 48px; left: 0; line-height: 47px; padding-left: 18px; padding-right: 33px; position: absolute; top: -1px; }

.facebook-btn .fa { border-right: 1px solid #24427f; }
.twitter-btn .fa { border-right: 1px solid #0e95c9; }
.google-plus-btn .fa { border-right: 1px solid #b33223; }

.register-btn { padding: 12px 30px; text-align: center; text-transform: uppercase; }
.register-btn .fa { font-size: 18px; }


/* About Page
-------------------------------------------------- */
#about img { float: right; margin: -42px 0 35px 65px; }


/* My Profile
-------------------------------------------------- */
.user-image { border: 1px solid #bbb; display: block; margin: 0 0 10px; padding: 2px; }


/* Back to Top button styling
-------------------------------------------------- */

.cd-top { border: none; border-radius: 2px; color: #fff; display: inline-block; font-size: 22px; height: 35px; width: 38px;  padding: 0; position: fixed;
bottom: 55px; right: 10px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); outline: none; overflow: hidden; white-space: nowrap; background: #0894d7; z-index: 1;
visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-top .fa { position: relative; top: -2px; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible { visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { opacity: .5; }
.no-touch .cd-top:hover { background-color: #029fea; opacity: 1; }


/* Admin Interfaces
-------------------------------------------------- */

table thead { background-color: #3399ff; }
.table > thead > tr > th { border-bottom: none; color: #ffffff; padding: 10px; white-space: nowrap; }
.table > thead > tr > th > a { color: #ffffff; }
.table > thead > tr > th > a:hover { color: #ffffff; }

/* User Manager*/
.user-manager-active-container { float: left; width: 325px; }
.user-manager-admin-container { float: left; width: 115px; }
.user-manager-active-container .radio-inline, .user-manager-admin-container .checkbox-inline { margin-top: 7px; }
.user-manager-btn-container { float: left; margin-top: 25px; }

.search-container, .search-container-resources { padding-right: 10px; }
.search-btn-container { margin-top: 23px; padding-left: 0; width: 300px; }

.user-manager-btn-container .btn, .search-btn-container .btn, .categories-container-resources .btn { font-size: 15px; padding: 7px 20px; }

/* Resources List */
.categories-container-resources { padding-left: 10px; }
.categories-container-resources label { width: 100%; }
.categories-container-resources select { float: left; margin-right: 15px; width: 350px; }

.display-website-group { margin-bottom: 16px; margin-top: -2px; }
.featured-group { margin-bottom: 15px; }
.multiselect-dropdown-container label.related-tags { margin-bottom: 6px; }
.multiselect-dropdown-container label.related-resources { margin-bottom: 4px; }
.multiselect-dropdown-container .btn-group, .multiselect-dropdown-container .btn-group .multiselect-container { width: 100%; }
.multiselect-dropdown-container .btn-group .dropdown-toggle { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset; padding: 8px 12px; text-align: left; width: 100%; }
.multiselect-dropdown-container .btn-group.open .dropdown-toggle, .multiselect-dropdown-container .btn-group .dropdown-toggle:focus { box-shadow: none; }
.multiselect-dropdown-container .btn-group .dropdown-toggle:focus { border-color: #0894d7; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(8, 148, 215, 0.6); }
.multiselect-dropdown-container .btn-group .multiselect-container { margin: 4px 0 0; }
.multiselect-dropdown-container .btn-group .multiselect-container > li > a > label { padding: 6px 20px 6px 15px; }
.multiselect-dropdown-container .btn-group .dropdown-menu {border-color: #ccc; border-radius: 2px; box-shadow: 0 0px 4px rgba(0, 0, 0, 0.176); box-shadow: none; }

#thumbnails .thumbnail { border: 1px solid #ccc; border-radius: 2px; display: inline-block; margin-right: 8px; visibility: hidden; }
#thumbnails .thumbnail .radio-inline { margin-top: 4px; }

#_uploadedThumbContainer { display: none; }

.video-icons .article-icon, .video-icons .pdf-icon, .video-icons .video-icon { font-size: 28px; }
.video-icons .vimeo-icon, .video-icons .youtube-icon { font-size: 30px; }

.admin-back-btn { padding: 10px 20px 10px 31px; position: absolute; right: 25px; top: 15px; }
.admin-back-btn .fa { font-size: 18px; position: absolute; right: 58px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
  .admin-back-btn .fa { top: 11px; }
}
.ie9 .admin-back-btn  .fa { top: 11px; }
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .admin-back-btn .fa { top: 11px; }
}


/* Media Queries
-------------------------------------------------- */

@media (min-width: 200px) {
  .container { padding: 0 15px; width: 100%; }
  .main-content, .search-sidebar, .details-sidebar, .details-container, .register-account-container, #login-main { width: 100%; }
  .btn-mobile { width: 100%; }
  #login.box-container { padding: 25px 5px; }
  .register-account-container { margin: 0 0 20px; padding-left: 15px; padding-right: 15px; }
  #login-main { border-left: none; padding-left: 15px; padding-right: 15px; }
  .homepage-content-right-container { min-height: 350px; }
  .popular-resources .col-md-4 { width: 100%; }
  .social-media-counter { float: left; }
  .browse-resources { float: left; text-align: left; width: 100%; }
  .suggest-resource { float: left; width: 100%; }
  footer { height: auto; padding: 15px 0; }
  footer .container .credit { line-height: initial; }
  footer .container .credit .float-right { float: left; padding-top: 15px; width: 100%; }
  .resources-top-container { margin: 10px 0px 0; }
  .resources-top-container .btn-group { margin: 5px 0 0; width: 100%; }
  .browse-resources h4.right-align, .suggest-resource h4.right-align, .suggest-resource .box-container { text-align: left !important; }
  .btn-browse-library, .btn-load-more { padding: 14px 0; width: 100%; }
  .popular-resources .col-md-4 { width: 100%; }
  .browse-resources .badge { float: right; top: 8px; }
  .details-sidebar .resource-ratings-container, .details-sidebar .related-resources { text-align: left; }
  .details-sidebar .resource-ratings-container .rating, .details-sidebar .resource-tags-container { float: left; }
  .details-sidebar .main-cat-btn { float: left; margin: 0 5px 5px 0; }
  .social-media-counter .twitter { margin-left: 0; }
  .homepage-content-right { margin-top: 25px; }
  .details-container img.right { float: left; margin: -5px 0 20px; width: 100%; }
  .cd-top { bottom: 10px; }
  .details-sidebar .tag-link { margin: 0 5px 5px 0; }
  .details-container { padding: 10px 15px 0; }
  .details-container .title { margin: 65px 0 10px; padding-right: 0; }
  .details-container .bookmark-container { left: 29px; top: 16px; }
  .details-content .back-btn { right: 31px; }
  .register-btn { padding: 12px 0; }
  .user-manager-container, .search-container { width: 100%; }
  .user-manager-active-container { margin: 0 0 15px; width: 100%; }
  .user-manager-active-container .radio-inline { margin-left: 0; width: 100%; }
  .user-manager-btn-container, .reset-btn, .search-btn, .user-save-btn, .update-resource-btn, .save-btn { width: 100%; }
  .search-btn, .user-save-btn, .update-resource-btn, .save-btn { margin-top: 10px; }
  .search-container-categories { padding-right: 15px; width: 100%; }
  .search-btn-container { margin-top: 0; padding-left: 15px; width: 100%; }
  .user-manager-btn-container .btn, .search-btn-container .btn, .categories-container-resources .btn { font-size: 15px; padding: 8px 20px; text-transform: uppercase; }
  .search-container, .search-container-resources { padding-right: 15px; width: 100%; }
  .categories-container-resources { margin-bottom: 25px; padding-left: 15px; width: 100%; }
  .categories-container-resources select { margin-bottom: 15px; width: 100%; }
  .admin-back-btn { display: none; }
  .comment-body { padding: 25px 25px 30px 20px; }
  .comment-body img { display: none; }
  .comment-body .post-content { display: inline-block; margin: 0 0 18px; width: 100%; }
  .reply { position: relative; right: 15px; text-align: right; top: -38px; width: 100%; }
  .resource-post { display: inline-block; margin-bottom: 3%; margin-right: 0; vertical-align: top; width: 100%; }
  .resource-wrapper { background: #fff; border: 1px solid #cbcbcb; min-height: 245px; padding: 9px; position: relative; text-align: left; }
  .resource-item-wrapper { height: auto; overflow: hidden; padding: 0; position: relative; }
  .resource-item-info { background: #fff; bottom: 4px; height: 42px; line-height: 38px; position: absolute; width: 96.5%; z-index: 1; }
  .resource-item-preview { background: #000; background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9); height: 93%; left: 9px; opacity: 0; position: absolute; top: 9px; width: 93.8%; z-index: 1; -webkit-transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; transition: all 0.4s ease-in-out 0s; }
  .tag-ellipsis-rest { width: 95.2%; }
  .navbar-header { height: 88px; padding-left: 14px; }
  .navbar-collapse { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 4px 3px rgba(0, 0, 0, 0.3); padding: 0; }
  .navbar-collapse.in { padding: 0; }
  .navbar-nav .dropdown-menu { margin-top: 0 !important; }
  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 12px 15px; }
  .navbar-nav { border-top: 1px solid #ececec; float: left; margin: 48px 0 0; padding-top: 0; width: 100%; }
  .nav > li:first-child > a { padding: 12px 15px; }
  .nav > li > a { padding: 12px 15px; }
  .nav > li:last-child > a { padding: 12px 15px; }
  .navbar h2.title { left: 0; margin-top: 14px; padding-left: 15px; padding-right: 0; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #000; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover { color: #999; }
  .navbar-default { height: 90px; }
  .logo { max-width: 140px; top: 12px; }
  .navbar h2.title { font-size: 17px; }
  .full-width-content .box-container { padding: 15px; }
  #__logout { line-height: 40px; padding: 0 15px 8px 65px; }
  .main-search tags-input .tags .input { width: auto !important; }
  .homepage-content-right-container .btn-more { right: 20px; }
  .homepage-content-right-container .abstract { font-size: 13px; }
}

@media (min-width: 360px) {
  .resource-item-preview { width: 94.6%; }
}

@media (min-width: 375px) {
  .resource-item-preview { width: 94.8%; }
}


@media (min-width: 400px) {
  .navbar-default { height: 105px; }
  .navbar-header { height: 103px;}
  .logo { max-width: 160px; top: 7px; }
  .navbar h2.title { font-size: 20px; }
  .navbar-nav { margin: 53px 0 0; }
}

@media (min-width: 480px) {
  .resource-item-preview { height: 95%; width: 96%; }
  .tag-ellipsis-rest { width: 96.8%; }
  .main-search tags-input .tags .input { width: 300px !important; }
  .homepage-content-right-container .btn-more { right: 13px; }
}

@media (min-width: 533px) {
  .resource-item-preview { width: 96.4%; }
  .tag-ellipsis-rest { width: 97.2%; }
  .homepage-content-right-container .btn-more { right: 11px; }
}

@media (min-width: 540px) {
  .user-manager-active-container .radio-inline { margin-right: 7px; width: auto; }
  .btn-mobile { width: auto; }
  .user-manager-btn-container, .reset-btn, .search-btn, .user-save-btn, .update-resource-btn, .save-btn { width: auto; }
  .search-btn { margin-left: 2px; margin-top: 0; }
  .user-save-btn, .update-resource-btn, .save-btn { margin-left: 5px; margin-top: 0; }
  .search-container-categories { padding-right: 10px; width: 61%; }
  .search-btn-container { margin-top: 24px; padding-left: 0; width: auto; }
  .user-manager-btn-container .btn, .search-btn-container .btn, .categories-container-resources .btn { padding: 7px 20px; text-transform: none; }
  .search-btn-container .btn { padding: 7px 20px 8px; }
  .admin-back-btn { display: block; }
  .resource-item-info { width: 98%; }
}

@media (min-width: 568px) {
  .resource-item-preview { width: 96.6%; }
  .tag-ellipsis-rest { width: 97.4%; }
  .homepage-content-right-container .btn-more { right: 9px; }
}

@media (min-width: 600px) {
  .resource-item-preview { width: 96.8%; }
  .tag-ellipsis-rest { width: 97.6%; }
  .homepage-content-right-container .btn-more { right: 7px; }
}

@media (min-width: 640px) {
  .resource-item-preview { height: 96%; width: 97%; }
}

@media (min-width: 690px) {
  .comment-body { padding: 25px 25px 30px 100px; }
  .comment-body img { display: block; }
  .comment-body .post-content { margin: 0; }
  .reply { position: absolute; right: 15px; top: 15px; }
}

@media (min-width: 768px) {
  .container, .navbar .container-fluid { padding: 0; width: 96%; }
  .main-content, .search-sidebar, .details-sidebar { width: 100%; }
  .homepage-content-right-container { min-height: 372px; }
  .popular-resources .col-md-4 { float: left; width: 50%; }
  #login.box-container { padding: 35px 15px; }
  footer { height: 45px; padding: 0; }
  footer .container .credit { line-height: 45px; }
  footer .container .credit .float-right { float: right; padding-top: 0; width: auto; }
  .cd-top { bottom: 55px; }
  .register-btn { padding: 12px 30px; }
  .details-container { padding: 10px 25px; }
  .details-container img.right { float: right; margin: -5px 0 20px 35px; max-width: 500px; width: auto; }
  .details-container .bookmark-container { left: 35px; }
  .details-content .back-btn { right: 41px; }
  .search-container, .search-container-resources { width: 380px; }
  .search-container-categories { padding-right: 10px; width: 73%; }
  .categories-container-resources { margin-bottom: 25px; padding-left: 15px; width: 100%; }
  .categories-container-resources select { float: left; margin-bottom: 0; margin-right: 15px; width: 350px; }
  .resources-top-container { margin: 25px 0px 4px; }
  .resources-top-container .btn-group { margin: 0; width: auto; }
  .resource-item-wrapper { height: 250px; }
  .resource-post { margin-bottom: 2%; margin-right: 2%; width: 49%; }
  .resource-post:nth-of-type(2n+0) { margin-right: 0; }
  .resource-item-preview { height: 93%; width: 95%; }
  .resource-item-info { width: 96.4%; }
  .tag-ellipsis-rest { width: 96%; }
  .navbar-header { padding-left: 2px; }
  .navbar-collapse { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset; }
  .navbar-nav .dropdown-menu { margin-top: 6px !important; padding: 0 0 5px; }
  .navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 6px 15px; }
  .navbar-nav { border-top: 1px solid #ccc; float: right; margin: 53px 0 0 0; padding-top: 12px; width: auto; }
  .nav > li:first-child > a { padding: 0 0 0 8px; }
  .nav > li > a { padding: 0 0 0 68px; }
  .nav > li:last-child > a { padding: 0 2px 0 64px; }
  .navbar h2.title { left: auto; margin-top: 17px; padding-left: 0; padding-right: 2.4%; right: 0; }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #000; text-align: right; }
  .full-width-content .box-container { padding: 15px 25px; }
  #__logout { line-height: 40px; padding: 10px 15px 8px 65px; }
  .navbar-admin-nav > li > a { padding: 0 0 0 9px; }
  .navbar-admin-nav > li:last-child > a { padding: 0 2px 0 9px; }
  .homepage-content-right-container .btn-more { right: -1px; }
}

@media (min-width: 992px) {
  .social-media-counter { float: right; }
  .browse-resources { float: right; text-align: right; width: 92%; }
  .suggest-resource { float: right; width: 92%; }
  .main-content { width: 74.333%; }
  .search-sidebar, .details-sidebar { width: 25.667%; }
  .popular-resources .col-md-4 { width: 50%; }
  .register-account-container { margin-left: 1%; margin-right: 3%; padding: 4px 0 0; width: 40%; }
  #login-main { border-left: 1px solid #ccc; padding-left: 3%; width: 56%; }
  .browse-resources h4.right-align, .suggest-resource h4.right-align, .suggest-resource .box-container { text-align: right !important; }
  .btn-browse-library, .btn-load-more { padding: 14px 88px; width: auto; }
  .browse-resources .badge { float: none; top: 0; }
  .details-sidebar .resource-ratings-container, .details-sidebar .related-resources { text-align: right; }
  .details-sidebar .resource-ratings-container .rating, .details-sidebar .resource-tags-container { float: right; }
  .details-sidebar .main-cat-btn { float: right; margin: 0 0 5px 5px; }
  .details-sidebar .resource-categories-container { width: 100%; }
  .homepage-content-right { margin-top: 0; }
  .details-sidebar .tag-link { margin: 0 0 5px 5px; }
  .details-container .title { margin: 20px 0 10px; padding-right: 165px; }
  .details-container .bookmark-container { position: absolute; left: auto; right: 155px; top: 16px; }
  .search-container { width: 640px; }
  .user-manager-active-container { width: 325px; }
  .search-container-categories { width: 33.3333%; }
  .search-btn-container { width: 300px; }
  .search-container, .search-container-resources { width: 33.3333%; }
  .categories-container-resources { margin-bottom: 0; padding-left: 10px; width: 66.6667%; }
  .navbar-admin-nav > li > a { padding: 0 0 0 34px; }
  .navbar-admin-nav > li:last-child > a { padding: 0 2px 0 34px; }
  .homepage-content-right-container .title { font-size: 20px; padding-bottom: 6px; margin-top: 0; }
}

@media (min-width: 1024px) {
  .resource-item-preview { width: 94.85%; }
  .homepage-content-right-container { min-height: 372px; }
  .tag-ellipsis-rest { width: 95.8%; }
  .homepage-content-right-container { min-height: 300px; }
  .homepage-content-right-container .btn-more { right: 16px; }
}

@media (min-width: 1152px) {
  .resource-item-preview { width: 95.5%; }
}

@media (min-width: 1200px) {
  .container, .navbar .container-fluid { width: 94%; }
  .popular-resources .col-md-4 { width: 50%; }
  .register-account-container { width: 30%; }
  #login-main { width: 65%; }
  .navbar h2.title { padding-right: 3.1%; }
}

@media (min-width: 1220px) {
  .search-container { width: 33.3333%; }
  .user-manager-container { width: 66.6667%; }
}

@media (min-width: 1280px) {
  .resource-item-preview { width: 95.8%; }
  .homepage-content-right-container { min-height: 274px; }
  .tag-ellipsis-rest { width: 96.8%; }
  .homepage-content-right-container .btn-more { right: 15px; }
}

@media (min-width: 1366px) {
  .popular-resources .col-md-4 { width: 33.3333%; }
  .main-content { width: 76.333%; }
  .search-sidebar, .details-sidebar { width: 23.667%; }
  .tag-ellipsis-rest { width: 95.4%; }
  .resource-wrapper { min-height: 215px; }
  .resource-item-wrapper { height: 225px; }
  .resource-post { margin-bottom: 1%; margin-right: 1%; width: 32.6666%; }
  .resource-post:nth-of-type(2n+0) { margin-right: 1%; }
  .resource-post:nth-of-type(3n+0) { margin-right: 0%; }
  .resource-item-preview { width: 94.2%; }
  .homepage-content-right-container { min-height: 297px; }
  .homepage-content-right-container .btn-more { right: 12px; }
}

@media (min-width: 1400px) {
  .register-account-container { width: 25%; }
  #login-main { width: 70%; }
  .resource-item-preview { width: 94.6%; }
  .homepage-content-right-container { min-height: 310px; }
  .tag-ellipsis-rest { width: 95.8%; }
  .homepage-content-right-container .btn-more { right: 10px; }
  .homepage-content-right-container .title { font-size: 24px; margin-top: 5px; padding-bottom: 10px; }
  .homepage-content-right-container .abstract { font-size: 14px; }
}

@media (min-width: 1600px) {
  .homepage-content-right-container { min-height: 345px; }
  .popular-resources .col-md-4 { width: 33.3333%; }
  .resource-item-preview { width: 95.2%; }
  .tag-ellipsis-rest { width: 96.2%; }
  .homepage-content-right-container .btn-more { right: 8px; }
}

@media (min-width: 1680px) {
  .main-content { width: 78.333%; }
  .search-sidebar, .details-sidebar { width: 21.667%; }
  .homepage-content-right-container { min-height: 372px; }
  .resource-post { display: inline-block; margin-bottom: 1%; margin-right: 1%; vertical-align: top; width: 24.2%; }
  .resource-post:nth-of-type(3n+0) { margin-right: 1%; }
  .resource-post:nth-child(4n+4) { margin-right: 0; }
  .resource-wrapper { background: #fff; border: 1px solid #cbcbcb; min-height: 250px; padding: 9px; position: relative; text-align: left; }
  .resource-item-wrapper { height: 200px; overflow: hidden; padding: 0; position: relative; }
  .resource-item-preview { width: 93.8%; }
  .tag-ellipsis-rest { width: 96.4%; }
  .homepage-content-right-container .btn-more { right: 5px; }
}

@media (min-width: 1915px) {
  .main-content { width: 80.333%; }
  .search-sidebar, .details-sidebar { width: 19.667%; }
  .resource-item-preview { width: 94.8%; }
  .homepage-content-right-container { min-height: 425px; }
  .tag-ellipsis-rest { width: 96.95%; }
  .homepage-content-right .btn-more { right: 0; }
}