footer {
     padding: 10px 0;
}
/* for share buttons */
 .btn-sh, .btn-group-sh > .btn {
     padding: 8px 15px !important;
     margin: 5px !important;
     font-size: 18px;
     line-height: 1.3333333;
     border-radius: 6px;
}
/* for cards */
 .card{
     position:relative;
     display:block;
     margin-bottom:.75rem;
     background-color:#fff;
     border-radius:.25rem;
     border:1px solid rgba(0,0,0,.125) 
}
 .card-block{
     padding:1.25rem 
}
 .card-block::after{
     content:"";
     display:table;
     clear:both 
}
 .card-title{
     margin-bottom:.75rem 
}
 .card-subtitle{
     margin-top:-.375rem;
     margin-bottom:0 
}
 .card-text:last-child{
     margin-bottom:0 
}
 .card-link:hover{
     text-decoration:none 
}
 .card-link+.card-link{
     margin-left:1.25rem 
}
 .card>.list-group:first-child .list-group-item:first-child{
     border-top-right-radius:.25rem;
     border-top-left-radius:.25rem 
}
 .card>.list-group:last-child .list-group-item:last-child{
     border-bottom-right-radius:.25rem;
     border-bottom-left-radius:.25rem 
}
 .card-header{
     padding:.75rem 1.25rem;
     margin-bottom:0;
     background-color:#f5f5f5;
     border-bottom:1px solid rgba(0,0,0,.125) 
}
 .card-header::after{
     content:"";
     display:table;
    clear:both
}
.card-header:first-child{
    border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}
.card-footer{
    padding:.75rem 1.25rem;
    background-color:#f5f5f5;
    border-top:1px solid rgba(0,0,0,.125)
}
.card-footer::after{
    content:"";
    display:table;
    clear:both
}
.card-footer:last-child{
    border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}
.card-header-tabs{
    margin-right:-.625rem;
    margin-bottom:-.75rem;
    margin-left:-.625rem;
    border-bottom:0
}
.card-header-pills{
    margin-right:-.625rem;
    margin-left:-.625rem
}
.card-primary{
    background-color:#0275d8;
    border-color:#0275d8
}
.card-primary .card-footer,.card-primary .card-header{
    background-color:transparent
}
.card-success{
    background-color:#5cb85c;
    border-color:#5cb85c
}
.card-success .card-footer,.card-success .card-header{
    background-color:transparent
}
.card-info{
    background-color:#5bc0de;
    border-color:#5bc0de
}
.card-info .card-footer,.card-info .card-header{
    background-color:transparent
}
.card-warning{
    background-color:#f0ad4e;
    border-color:#f0ad4e
}
.card-warning .card-footer,.card-warning .card-header{
    background-color:transparent
}
.card-danger{
    background-color:#d9534f;
    border-color:#d9534f
}
.card-danger .card-footer,.card-danger .card-header{
    background-color:transparent
}
.card-outline-primary{
    background-color:transparent;
    border-color:#0275d8
}
.card-outline-secondary{
    background-color:transparent;
    border-color:#ccc
}
.card-outline-info{
    background-color:transparent;
    border-color:#5bc0de
}
.card-outline-success{
    background-color:transparent;
    border-color:#5cb85c
}
.card-outline-warning{
    background-color:transparent;
    border-color:#f0ad4e
}
.card-outline-danger{
    background-color:transparent;
    border-color:#d9534f
}
.card-inverse .card-footer,.card-inverse .card-header{
    border-color:rgba(255,255,255,.2)
}
.card-inverse .card-blockquote,.card-inverse .card-footer,.card-inverse .card-header,.card-inverse .card-title{
    color:#fff
}
.card-inverse .card-blockquote .blockquote-footer,.card-inverse .card-link,.card-inverse .card-subtitle,.card-inverse .card-text{
    color:rgba(255,255,255,.65)
}
.card-inverse .card-link:focus,.card-inverse .card-link:hover{
    color:#fff
}
.card-blockquote{
    padding:0;
    margin-bottom:0;
    border-left:0
}
.card-img{
    border-radius:calc(.25rem - 1px)
}
.card-img-overlay{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    padding:1.25rem
}
.card-img-top{
    border-top-right-radius:calc(.25rem - 1px);
    border-top-left-radius:calc(.25rem - 1px)
}
.card-img-bottom{
    border-bottom-right-radius:calc(.25rem - 1px);
    border-bottom-left-radius:calc(.25rem - 1px)
}
@media (min-width:576px){
    .card-deck{
        display:table;
        width:100%;
        margin-bottom:.75rem;
        table-layout:fixed;
        border-spacing:1.25rem 0
    }
    .card-deck .card{
        display:table-cell;
        margin-bottom:0;
        vertical-align:top
    }
    .card-deck-wrapper{
        margin-right:-1.25rem;
        margin-left:-1.25rem
    }
}
@media (min-width:576px){
    .card-group{
        display:table;
        width:100%;
        table-layout:fixed
    }
    .card-group .card{
        display:table-cell;
        vertical-align:top
    }
    .card-group .card+.card{
        margin-left:0;
        border-left:0
    }
    .card-group .card:first-child{
        border-bottom-right-radius:0;
        border-top-right-radius:0
    }
    .card-group .card:first-child .card-img-top{
        border-top-right-radius:0
    }
    .card-group .card:first-child .card-img-bottom{
        border-bottom-right-radius:0
    }
    .card-group .card:last-child{
        border-bottom-left-radius:0;
        border-top-left-radius:0
    }
    .card-group .card:last-child .card-img-top{
        border-top-left-radius:0
    }
    .card-group .card:last-child .card-img-bottom{
        border-bottom-left-radius:0
    }
    .card-group .card:not(:first-child):not(:last-child){
        border-radius:0
    }
    .card-group .card:not(:first-child):not(:last-child) .card-img-bottom,.card-group .card:not(:first-child):not(:last-child) .card-img-top{
        border-radius:0
    }
}
@media (min-width:576px){
    .card-columns{
        -webkit-column-count:3;
        -moz-column-count:3;
        column-count:3;
        -webkit-column-gap:1.25rem;
        -moz-column-gap:1.25rem;
        column-gap:1.25rem
    }
    .card-columns .card{
        display:inline-block;
        width:100%
    }
}
 .link-row {
     padding-bottom: 15px;
}
/* for responsive images */
 .img-fluid {
     max-width: 100%;
     height: auto;
}
 .card-header-title{
     font-weight: bold;
     padding:.75rem 1.25rem;
     margin-bottom:0;
     color: #ffffff;
     background-color:#337ab7;
     border-bottom:1px solid rgba(0,0,0,.125) 
}
/* For share page */
 hr.title_sep {
     margin-top: 0px;
     margin-bottom: 10px;
     border: 0;
     border-top: 1px solid #eee;
}
 .card-title {
     font-size: 18px;
     font-weight: bold;
}
 h1.title {
     margin-top: 0px;
}
 div.separator {
     padding: 10px;
}
 .excerpt {
     padding: 15px;
     font-size: 16px;
}
 .share-panel-heading {
     font-size: 12px;
     padding: 2px 5px;
     border-bottom: 1px solid transparent;
     border-top-left-radius: 3px;
     border-top-right-radius: 3px;
     color: #f5f5f5;
     background-color: #333;
     border-color: #ddd;
}
 .well-share {
     padding: 5px !important;
}
 .col-share {
     padding-right: 1px !important;
     padding-left: 1px !important;
}
/* to center link image on share page when screen resized to position it above text */
 @media (max-width: 768px) {
     img.link_thumb {
         display: block;
         margin: 0 auto;
    }
}
 .modal-header, .close {
     background-color: #5cb85c;
     color:white !important;
     text-align: center;
     font-size: 30px;
}
 .modal-footer {
     background-color: #f9f9f9;
}
/* for create page errors */
 .error {
    color: #FF0000;
}
/* To format image appearing with link */
 .img_wrapper {
     width: 100%;
    /* whatever width you want */
     display: inline-block;
     position: relative;
}
 .img_wrapper:after {
     padding-top: 56.25%;
    /* 16:9 ratio */
     display: block;
     content: '';
}
 .thumb {
     position: absolute;
     top: 0;
     bottom: 0;
     right: 0;
     left: 0;
    /* fill parent */
     background-color: #CACACA;
    /* let's see it! */
     color: white;
}
 img.link_thumb{
     padding: 1px;
     max-height: 100%;
    /* center things */
     margin: 0;
     background: #CACACA;
     position: absolute;
     top: 50%;
     left: 50%;
     margin-right: -50%;
     transform: translate(-50%, -50%) 
}
/* For summary text of link */
 .txt_wrapper {
     padding-right: 1em;
}
/* styles for '...' */
 .link_summary {
     font-size: 1.2em;
    /* hide text if it more than N lines */
     overflow: hidden;
    /* for set '...' in absolute position */
     position: relative;
    /* use this value to count block height */
     line-height: 1.7em;
    /* max-height = line-height * lines max number */
     max-height: 5.1em;
    /* fix problem when last visible word doesn't adjoin right side */
     text-align: justify;
    /* place for '...' */
     margin-right: -1em;
     padding-right: 1em;
}
/* create the ... */
 .link_summary:before {
    /* points in the end */
     content: '...';
    /* absolute position */
     position: absolute;
    /* set position to right bottom corner of block */
     right: 0;
     bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
 .link_summary:after {
    /* points in the end */
     content: '';
    /* absolute position */
     position: absolute;
    /* set position to right bottom corner of text */
     right: 0;
    /* set width and height */
     width: 1em;
     height: 1em;
     margin-top: 0.2em;
    /* bg color = bg color under block */
     background: white;
}
/* styles for '...' */
 .link_title {
     font-size: 1.2em;
    /* hide text if it more than N lines */
     overflow: hidden;
    /* for set '...' in absolute position */
     position: relative;
    /* use this value to count block height */
     line-height: 1.7em;
    /* max-height = line-height * lines max number */
     max-height: 3.4em;
    /* fix problem when last visible word doesn't adjoin right side */
     text-align: justify;
    /* place for '...' */
     margin-right: 1em;
     padding-right: 1em;
}
/* create the ... */
 .link_title:before {
    /* points in the end */
     content: '...';
    /* absolute position */
     position: absolute;
    /* set position to right bottom corner of block */
     right: 0;
     bottom: 0;
}
/* hide ... if we have text, which is less than or equal to max lines */
 .link_title:after {
    /* points in the end */
     content: '';
    /* absolute position */
     position: absolute;
    /* set position to right bottom corner of text */
     right: 0;
    /* set width and height */
     width: 1em;
     height: 1em;
     margin-top: 0.2em;
    /* bg color = bg color under block */
     background: white;
}
/* For profile pic upload function */
 #frame1, #frame0 {
     background-color: #F7F7F7;
     margin: 30px auto auto;
     padding: 10px;
     width: 750px;
     border:1px solid #EEE;
}
 #fade {
     background: none repeat scroll 0 0 #D3DCE3;
     display: none;
     height: 100%;
     left: 0;
     opacity: 0.4;
     position: fixed;
     top: 0;
     width: 100%;
     z-index: 99;
}
 #centerBox {
     background-color: #FFFFFF;
     border: 5px solid #FFFFFF;
     border-radius: 2px 2px 2px 2px;
     box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);
     display: none;
     max-height: 480px;
     overflow: auto;
     visibility: hidden;
     width: 710px;
     z-index: 100;
}
 .box1 {
     background: none repeat scroll 0 0 #F3F7FD;
     border: 1px solid #D3E1F9;
     font-size: 12px;
     margin-top: 5px;
     padding: 4px;
}
 .button1 {
     background-color: #FFFFFF;
     background-image: -moz-linear-gradient(center bottom, #EDEDED 30%, #FFFFFF 83%);
     border-color: #999999;
     border-radius: 2px 2px 2px 2px;
     border-style: solid;
     border-width: 1px;
     box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
     color: #333333;
     cursor: pointer;
     display: inline-block;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     font-weight: 700;
     height: 25px;
     line-height: 24px;
     margin-right: 2px;
     min-width: 40px;
     padding: 0 16px;
     text-align: center;
     text-decoration: none;
     -webkit-user-select: none;
    /* Chrome all / Safari all */
     -moz-user-select: none;
    /* Firefox all */
     -ms-user-select: none;
    /* IE 10+ */
}
 .button1:hover {
     text-decoration: underline;
}
 .button1:active, .a:active {
     position: relative;
     top: 1px;
}
/* For profile pic upload function */
 #imgContainer {
     width: 100%;
     text-align: center;
     position: relative;
}
 #imgArea {
     display: inline-block;
     margin: 0 auto;
    /* customizing width: 150px;
     height: 150px;
     */
     width: 100px;
     height: 100px;
     position: relative;
     background-color: #eee;
     font-family: Arial, Helvetica, sans-serif;
     font-size: 13px;
}
 #imgArea img {
     outline: medium none;
     vertical-align: middle;
     width: 100%;
}
 #imgChange {
     background: url("/images/overlay.png") repeat scroll 0 0 rgba(0, 0, 0, 0);
     bottom: 0;
     color: #FFFFFF;
     display: block;
     height: 30px;
     left: 0;
     line-height: 32px;
     position: absolute;
     text-align: center;
     width: 100%;
}
 #imgChange input[type="file"] {
     bottom: 0;
     cursor: pointer;
     height: 60px;
     left: 0;
     margin: 0;
     opacity: 0;
     padding: 0;
     position: absolute;
     width: 100%;
     z-index: 0;
}
/* Progressbar */
 .progressBar {
     background: none repeat scroll 0 0 #E0E0E0;
     left: 0;
     padding: 3px 0;
     position: absolute;
     top: 50%;
     width: 100%;
     display: none;
}
 .progressBar .bar {
     background-color: #FF6C67;
     width: 0%;
     height: 14px;
}
 .progressBar .percent {
     display: inline-block;
     left: 0;
     position: absolute;
     text-align: center;
     top: 2px;
     width: 100%;
}
/* For nav */
 body {
     padding-top: 70px;
}
/* Background Logo*/
 .lsnavbar .navbar-brand{
     background: url(/images/logo.png) center / contain no-repeat;
     width: 200px;
}
/********************************** Responsive navbar-brand image CSS - Remove navbar-brand padding for firefox bug workaround - add 100% height and width auto ... similar to how bootstrap img-responsive class works ***********************************/
 .navbar-brand {
     padding: 0px;
}
 .navbar-brand>img {
     height: 100%;
     padding: 15px;
     width: auto;
}
 img.profile-image {
     height: 20px;
     width: auto;
     padding: 0px;
}