/* Fix for shadow in global header, since it overlaps some stuff */
header .shadow.v4 {
    z-index: 0;
}

.fa-ul li {
    text-align: left;
    list-style: disc;
}

/* Tag stuff */
tags.tagify {
    min-height: 50px;
    padding: 1px;
    border-radius: 3px;
    padding-top: 5px;
}

.tagify tag {
    background: #E5E5E5;
}

.taglist {
    padding: 4px 6px 4px 6px;
    color: #505050;
    background: #e0e0e0;
    text-decoration: none;
    display: inline-block;
    margin-right: 2px;
    font-size: 11px;
}

.tagList {
    font-size: 12px;
    margin-bottom: 3px;
    margin-top: 3px;
    font-family: "Lato", "Open Sans Regular", "sans-serif";
}

.tagList a {
    padding: 6px 8px 6px 8px;
    background: #ededed;
    text-decoration: none;
    display: inline-block;
    margin: 4px 6px;
	font-size: 13px;
	color: #00aaff;
}

.tagList a:hover {
    text-decoration: none;
    background: #ddeaf0;
}

.taglist img {
    vertical-align: middle;
    margin-top: -5px;
    margin-bottom: -3px;
}

.tagbox {
    background-color: #fff; 
    border-radius: 4px; 
    font-size: 12px; 
    padding: 5px;
    min-height: 35px;
}

/* Star rating stuff */

#voteDiv {
    float: right;
    font-size: 32px;
    color: gray;
    padding-left: 10px;
    padding-right: 10px;
}

#voteDiv:hover {
    text-decoration: none;
}

#voteDiv.voted i.fa-thumbs-up {
    color: #00aaff;
}

#options-navbar li a:hover {
    background: lightgray;
}

.collection-info {
    border-left: 1px solid #DEDEDE;
    padding-left: 60px;
    padding-top: 35px;
    color: gray;
}

.button.submit-your-work {
    font-size: 14px; 
    border-color: #FFFFFF;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: 500;
	background-color: rgb(255, 255, 255, 0.1);
}

.button.submit-your-work:hover {
    background-color: #0391d9;
}

.editable {
    border: 1px solid #a5a5a5;
    background-color: white;
    padding: 5px;
    border-radius: 2px;
}

.popover {
    max-width: 100%;
}

.popover-content a {
    margin-top: 10px;
    margin-right: 5px;
}

.headerlogo {
    text-decoration: none;
}

.underline {
    text-decoration: underline;
}

.underline-hover:hover {
    text-decoration: underline;
}
#searchApplications {
    background-color: #FFFFFF;
    color: #00aaff;
}

#searchApplications::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #00aaff !important;
}

#searchApplications::-moz-placeholder { /* Firefox 19+ */
    color: #00aaff !important;
}

#searchApplications:-ms-input-placeholder { /* IE 10+ */
    color: #00aaff !important;
}

#searchApplications:-moz-placeholder { /* Firefox 18- */
    color: #00aaff !important;
}

.call .shop-col-item {
    text-align: left;
}

.shop-col-item .info h6 {
    word-wrap: break-word;
}

.shop-col-item {
    height: auto;
    cursor: default;
    background: white;
}

.shop-col-item:hover {
    cursor: default;
}

.shop-col-item .img-responsive {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    width: 100%;
    max-height: 200px;
}

.row .collection-divider {
    border-top: 1px solid #e1e1e1;
    margin-top: 30px; 
    padding: 0px
}


.tooltip .tooltip-inner {
    color: white;
}

.fa.fa-thumb-tack.pinned {
    color: #FFB000; 
    width: 30px; 
    padding-top: 6px; 
    padding-bottom: 6px;
	margin-bottom: 10px;
    margin-left: 10px;
	border: 1px solid #ccc!important;
	border-radius: 4px;
	font-size: 14px;
}

.fa.fa-thumb-tack.unpinned {
    color: #666666; 
    width: 30px; 
    padding-top: 6px; 
    padding-bottom: 6px;
	margin-bottom: 10px;
    margin-left: 10px;
	border: 1px solid #ccc!important;
	border-radius: 4px;
	font-size: 14px;
}

.fa-thumb-tack.hover:hover {
    cursor: pointer;
}

.fa.fa-eye {
    color: #666666; 
    width: 30px; 
    padding-top: 6px; 
    padding-bottom: 6px;
	margin-bottom: 10px;
	border: 1px solid #ccc!important;
	border-radius: 4px;
	font-size: 14px;
}

.fa.fa-eye:hover {
    cursor: pointer;
	color: #00aaff;
}

.fa.collection-type-collection {
    color: gold;
    width: 25px;
    padding-top: 15px;
    padding-left: 15px;
}

.fa.collection-type-author {
    color: dodgerblue;
    width: 25px;
    padding-top: 15px;
    padding-left: 15px;
}

.fa.collection-type-tag {
    color: indianred;
    width: 25px;
    padding-top: 15px;
    padding-left: 15px;
}

.fa.fa-circle-o-notch.pinned {
    width: 50px; 
    padding-top: 15px; 
    padding-bottom: 15px;
}

.fa.fa-circle-o-notch.unpinned {
    width: 50px; 
    padding-top: 15px; 
    padding-bottom: 15px;
}

.fa.fa-thumb-tack.unpinned:hover {
    color: #FFB000;
}

.fa.fa-chevron-circle-right:hover {
    color: grey;
}

.collection-type-label {
    position: absolute;
    top: 0;
    left: 0;
}

.pin-button {
    position: absolute;
    bottom: 0;
    left: 0;
}

.dropdown-menu.collection-menu li a:hover {
    color: white;
    background-color: #0095e0;
}

#notification-count {
    height: 22px;
    width: 22px;
    border: 1px solid red;
    border-radius: 50%;
    display: inline-block;
    background: red;
    position: absolute;
    z-index: 99999;
    color: white;
    font-size: 16px;
    font-weight: bold;
    top: -10px;
}

#notification-count div {
    margin-top: -2px;
    text-align: center
}

.infinite-scroll-checkbox {
    top: 92px;
    position: -webkit-sticky;
    position: sticky;
    border: 1px solid #00aaff;
    z-index: 99;
    float: right;
    background: white;
    border-radius: 3px;
    padding: 3px 5px 3px 5px;
}

.infinite-scroll-checkbox input {
    margin-right: 2px;
}

.infinite-scroll-checkbox label {
    margin-bottom: 0px;
}

#results {
    clear: both;
}

#results.row {
    padding: 0;
}

#results > .row {
    padding-top: 0px;
    padding-bottom: 0px;
}

#results > .row .main-el {
    padding-top: 15px;
    padding-bottom: 15px;
}

#results > .main-el {
    padding-top: 30px;
    padding-bottom: 30px;
}

a.main-text-color {
    color: #00aaff;
    text-decoration: none;
}

a.main-text-color:hover {
    color: #006699;
}

a.main-text-color > i {
    color: black;
}

.app-preview .popover {
    position: absolute;
    color: white;
    background: linear-gradient(#006699, #00aaff);
    text-align: center;
    top: auto;
    width: 85%;
    margin-left: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.app-preview:hover > .popover {
    display: block;
}

.app-preview .popover .tag-overlay {
    border: 1px solid white;
    color: white;
}

.app-preview .popover.bottom>.arrow:after {
    border-bottom-color: #006699;
}

.tag-overlay {
    border-radius: 3px;
    border: 1px solid black;
    padding: 5px;
    margin: 3px;
	color: black;
	font-weight: 400;
    font-size: 13px;
    display: inline-block;  
}

.search-filter-toggle {
    background-color: lightgray;
    color: dodgerblue;
    border-radius: 5px;
    padding: 5px 10px 5px 10px;
}

.search-filter-toggle.active {
    background-color: dodgerblue;
    color: white;
}

/* Submit page file dropper */
.file-drop {
    height: 175px;
    border: 2px dashed rgba(0,0,0,0.3);
    text-align: center;
    position: relative;
    font-size: 20px;
    color: rgba(0,0,0,0.3);
    margin: 15px;
    padding-top: 5%;
}

.file-drop input {
    position: absolute;
    cursor: pointer;
    left: 0px;
    top: 0px;
    opacity:0; 
    width: 100% !important;
    height: 100% !important;
}

.file-drop.mouse-over {            
    border: 2px dashed rgb(36, 134, 255);
    color: rgb(36, 134, 255);
}

.file-button {
    cursor: pointer;
    line-height: 26px;
    color: white;
    font-size: 12px;
    border-radius: 4px;
    background-color: #3b85c3;
    padding: 10px;
}

.file-button:hover {
    background-color: #4499DD;
}

.user-menu-dropdown-toggle {
    font-size: 12px;
    height: 100%;
    width: 10px;
    background: white;
    position: absolute;
    padding-top: 7px;    
    padding-left: 1px;
}

.user-menu-dropdown-toggle:hover {
    cursor: pointer;
}

.multiform {
    margin: 50px auto;
    text-align: center;
    position: relative;
    font-family: 'lato', sans-serif;
}

.multiform fieldset {
    display: none;
    background: white;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    padding: 50px 50px;
    box-sizing: border-box;
    width: 80%;
    margin: 0 10%;
    position: relative;
}

.multiform fieldset.active {
    display: block;
}

.multiform input.input, .multiform textarea.input {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 15px;
    width: 100%;
    box-sizing: border-box;
    /*color: #00aaff;*/
    color: black;
    font-size: 13px;
}

.multiform select.input {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    /*color: #00aaff;*/
    color: black;
    font-size: 14px;
}

.multiform .action-button {
    width: 100px;
    background: #00aaff;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 1px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

.multiform .action-button:hover, .multiform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #00aaff;
}

.multiform .fs-title {
    font-size: 22px;
    text-transform: uppercase;
    color: #00aaff;
    margin-bottom: 10px;
}

.multiform .fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}

.progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    counter-reset: step;
}

.progressbar li {
    list-style-type: none;
    color: black;
    text-transform: uppercase;
    font-size: 9px;
    float: left;
    position: relative;
}

.progressbar.progressbar2 li {
    width: 50%;
}

.progressbar.progressbar3 li {
    width: 33.3%;
}

.progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 20px;
    line-height: 20px;
    display: block;
    font-size: 10px;
    color: #333;
    background: white;
    border-radius: 3px;
    margin: 0 auto 5px auto;
}

.progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: white;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1;
}

.progressbar li:first-child:after {
    content: none;
}

.progressbar li.active:before, .progressbar li.active:after {
    background: #00aaff;
    color: white;
}

.thumb .overlay {
    text-align: center;
    background: linear-gradient(#006699, #00aaff);
    display: flex;
    justify-content: center;
    align-items: center; 
}

.add-me .overlay, .open-search .overlay {
    text-align: center;
    background: rgba(39, 232, 54, 0.85);
}

.add-me .overlay .overlay-text, .open-search .overlay .overlay-text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -25px;
    padding-left:5px;
    padding-right: 5px;
}

.delete-me .overlay {
    text-align: center; 
    background: rgba(173, 0, 0, 0.85);
}

.delete-me .overlay .overlay-text {
    position: absolute; 
    top: 50%; 
    left: 0;
    width: 100%;
    margin-top: -25px;
    padding-left:5px;
    padding-right: 5px;
}

.product-select {
    margin-left: 15px;
    margin-bottom: 15px;
}

.product-version-select {
    margin-left: 15px;
}

.product-version-select input {
    margin-right: 5px;
}

.radioList label {
    font-weight: normal;
    margin-left: 5px;
}

label.addToCollection  {
  display: block;
  padding-left: 15px;
  text-indent: -15px;
  margin:5px;
}

label.addToCollection:hover  {
    color: white;
    background-color: #0095e0;
}

.addToCollection input {
  width: 15px;
  height: 15px;
  padding: 0;
  margin:0;
  vertical-align: bottom;
  position: relative;
  top: -1px;
  *overflow: hidden;
}

.description a {
    color: royalblue;
    text-decoration: underline;
}

.parent-test {
    display: flex;
	flex-direction: row;
}

.child-test {
    flex: 1;
	align-items: stretch;
}

.profile-badge {
    padding: 0px 10px 0px 2px;
    display: inline-block;
    border: 0;
    position: relative;
    border: 1px solid lightgrey;
    margin: 3px;
    border-radius: 4px;
}

.legacy-maple-warning-modal .modal-dialog {
    width: 500px;
    border: 2px solid #00aaff;
}

.legacy-maple-warning-modal .modal-content {
    border-radius: 0px;
    margin-right: -1px;
}

.form-line {
    clear: both;
    margin-bottom: 15px;
    float: left;
    width: 100%;
}

.form-line label {
    padding: 0;
    text-align: right;
    margin-top: 6px;
}

.block {
    display: block;
}