/*-------------------------- Close ----------------------------*/ .close-variant(@color, @bg-color, @color-hover, @bg-color-hover) { span { background-color: @bg-color; color: @color; } &:hover, &:focus { span { background-color: @bg-color-hover; color: @color-hover; } } } .close { right: 15px; font-weight: normal; opacity: 1; font-size: 18px; position: absolute; text-align: center; top: 16px; z-index: 1; padding: 0; border: 0; background-color: transparent; span { width: 25px; height: 25px; display: block; border-radius: 50%; line-height: 24px; text-shadow: none; } &:not(.close-alt) { .close-variant(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.1), @white, rgba(255, 255, 255, 0.2)); } } .close-alt { .close-variant(#989898, #efefef, #7b7b7b, #e8e8e8); } /*-------------------------- Hidden ----------------------------*/ .hidden { display: none !important; } /*-------------------------- Copy text ----------------------------*/ .copy-text { input { width: 100%; border-radius: 1px; border: 1px solid @input-border; padding: 7px 12px; font-size: 13px; line-height: 100%; cursor: text; .transition(border-color); .transition-duration(300ms); &:hover { border-color: darken(@input-border, 5%); } } } /*-------------------------- Sharing ----------------------------*/ .share-availability { margin-bottom: 40px; &:before, &:after { position: absolute; bottom: -30px; font-size: 10px; } &:before { content: '01 Sec'; left: 0; } &:after { content: '7 days'; right: 0; } } .modal-aheader { height: 100px; &:before { height: 0 !important; } .modal-dialog { margin: 0; vertical-align: top; } }