
.btnCite {
    padding: 7px 15px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    border: 1px solid #182937 !important;
    border-radius: 6px;
    color: #fff !important;
    background-color: #f1f1f1 !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(89, 137, 177)), to(rgb(70, 121, 164)));
    display: inherit;
}

.btnCite:hover {
    background-color: #ccc !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#507ea4), color-stop(100%,#2c5b83));
}

.btnCiteBV {
    padding: 7px 15px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    border: 1px solid #182937 !important;
    border-radius: 6px;
    color: #fff !important;
    background-color: #f1f1f1 !important;
    background-image: -webkit-linear-gradient(top, #525c6b, #2b3038);
    background-image: -moz-linear-gradient(top, #525c6b, #2b3038);
    background-image: -o-linear-gradient(top, #525c6b, #2b3038);
    background-image: linear-gradient(to bottom, #525c6b, #2b3038);
    display: inherit;
}

.btnCiteBV:hover {
    background: #7994a3;
    background-image: -webkit-linear-gradient(top, #7994a3, #5b6e7a);
    background-image: -moz-linear-gradient(top, #7994a3, #5b6e7a);
    background-image: -o-linear-gradient(top, #7994a3, #5b6e7a);
    background-image: linear-gradient(to bottom, #7994a3, #5b6e7a);
    text-decoration: none;
}

.citeModal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 100; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.citeModalContent {
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 40%;
    color: initial;
}

.citeModalContent a, 
.citeModalContent a:visited {
    color: #2a6ba8;
    font-size: revert;
}

.citeModalSection {
    margin-bottom: 20px;
    clear:both;
}

.citeModalDDDiv {
    /* margin-bottom:10px; */
}

.citeModalDDTarget {
    /* width:75%; */
}

.citeModalGridColumn {
    display: inline-grid;
    margin: 0 20px 0 0;
}

.citeModalGridRow {
    height: 35px;
    padding: 0 0 2px 0;
}

.citeModalCopyBtn {
}

.headModal {
    font-weight: bold;
    margin-top:10px;
    margin-bottom:10px;
}

.closeModal {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.closeModal:hover,
.closeModal:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}		

.contentText {
    clear:both;
    border-color:gray;
    border-style:solid;
    border-width:1px;
    padding:4px;
    background-color:#fdede2;
    margin-bottom:5px;
    float:left;
    width:83%;
    font:revert;
}

.contentText i {
    font:revert;
}

#citationText {
    height:80px;
    overflow:auto;
}

.copyButton {
    padding: 1px 15px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    text-align: center;
    border: 1px solid #182937 !important;
    color: #fff !important;
    background-color: #f1f1f1 !important;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(89, 137, 177)), to(rgb(70, 121, 164)));    
    box-sizing: content-box;
    margin-left: 10px;
}

.copyButton:hover {
    background-color: #ccc !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#507ea4), color-stop(100%,#2c5b83));
}

.copyButton:active {
    background-color: #f1f1f1!important;
}

.citeDownload {
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.citeDownload img {
    margin-right: 5px;
}

.tempMsgSpanShow {
    visibility: visible;
    opacity: 1;
    width: 94%;
    display: inline-block;
    text-align: center;
    color: #2a6ba8;
    font-weight: bold;
}

.tempMsgSpanHide {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 2s, opacity 2s linear;
    width: 94%;
    display: inline-block;
    text-align: center;
    color: #2a6ba8;
    font-weight: bold;
}
