.marquee-sell {
    width: 100%;
    overflow: hidden;
    /*  border: 1px solid #ccc;
      background: #ccc;*/
    height: 16px;
}

.marquee-buy {
    width: 100%;
    overflow: hidden;
    /* border: 1px solid #ccc;
    background: #ccc; */
    height: 16px;
}


#maintable { display:table;clear:both;vertical-align:top;}
#maintable1 { display:table;clear:both;vertical-align:top;}
#menu { clear: both; padding-left:11px; padding-right:11px; display: table-cell;background-color:#ffffff; vertical-align:top; }
#logo { clear: both; padding-left:11px; padding-right:11px; padding-top: 11px; padding-bottom: 10px; max-width:141px;display: table-cell;background-color:#ffffff; vertical-align:middle; height: 60px; }
#content { width:90%;display: table-cell;background-color:#ffffff;vertical-align:top; padding-top: 10px; padding-left:11px; padding-right:11px; }
#content1 { width:90%; max-width:600px; display: table-cell;background-color:#ffffff;vertical-align:middle; padding-left:17px; padding-right:10px; }          
#rightmenu { padding: 11px; display: table-cell; }
#rightmenu1 { padding: 11px; display: table-cell; }



.topheader {
    background-color:#ffffff;
    z-index:9999;
    width:100%;
    display: block;
}


.footer-blurb {
    padding: 30px 0;
    margin-top: 20px;
    background-color: #eee;
    color: black;
}

.footer-blurb-item {
    padding: 20px;
}

#sidebar { display:table; }



@media screen and (max-width: 1280px) {


}                                                   

@media screen and (max-width: 1024px) {
    #ico-price, #ico-announcement, #ico-admin, #ico-login, #ico-reg {display:none;}
}


@media screen and (max-width: 1024px) {

    #maintable {
        display:inline-block;
    }
    #rightmenu {
        display:inline-block;
    }
    #rightmenu1 {
        display:inline-block;
    }
}

@media screen and (max-width: 640px) {
    #maincontent {      
        width: 95%;
        min-width:600px;
        max-width:1000px;
    }
    #hello {
        display:none;
    }
    #logo {
        display: block;
    }
    #content {
        display:block;
    }
    #content1 {
        display:block;
        width: 100%;
    }
    #menu {
        width: 100%;
    }


}

@media screen and (max-width: 320px) {
    #maintable1 {
        display:inline-block;
    }
    #logo {
        display: block;
        padding-top: 0px;
        padding-bottom: 0px;
        height:auto;
    }
    .contentcell {
        padding-top: 0px;
        padding-bottom: 0px;
    }
    #content1 {
        width: 100%;
        display: block;
    }
    #maincontent {
        width: 95%;                                  
        min-width:300px;
        max-width:336px;
    }
    #texts,#rekl {
        display:none;
    }
    #leftcolumn {
        width: 100%;
        min-width:200px;
        max-width:300px;
    }
    #rightcolumn {
        width: 100%;
        min-width:200px;
        max-width:300px;
    }
    #menu {
        width: 100%;
    }


}

.rightdownmenu {
}

.upper {
    text-transform: uppercase;
}

.sticky {
    position: fixed;
    top: 0;
    box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0470588) 0px 1px 0px 0px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.0470588) 0px 1px 0px 0px inset, rgba(0, 0, 0, 0.0470588) 0px 1px 0px 0px;

}


.sticky-menu {
    position: fixed;
    top: 40px;
}


.nonsticky-menu {
    position: relative;
    background-color:#dddddd;
}

.margin {
    margin-top: 63px;
}



p { font-family: Arial, Tahoma, Helvetica;  margin: 5px 0px; font-size: 12px;  }
td { font-family: Arial, Tahoma, Helvetica; font-size: 12px; }
th { font-family: Arial, Tahoma, Helvetica; font-size: 12px; font-weight: bold; }

form { padding:0; margin:0; }
//body { padding:0; margin:0; font-family: Arial, Tahoma, Helvetica; font-size: 12px; color: #545454;}
//body { background: url("/img/spc.gif") no-repeat; background-attachment: fixed; z-index: 10; }

input[type=checkbox], input[type=radio] { margin: 0 3px 0 0 }
input[type=text], input[type=password] { border: 1px solid #ADADAD }
.bigbutton { font: bold 16px Arial; color: #474747; padding: 4px 15px; }
.bigbutton img { vertical-align: top; }
textarea { font-family: Arial, Tahoma, Helvetica; font-size: 11px; }

.links a, .links a:visited { color: blue; }

a.btnlink, a.btnlink:visited { color: black; font-family: Arial; font-size: 14px; }

.topline {  }
.toplink { font: 14px Arial, Tahoma;   color: #545454; }

.bottomline { padding: 5px 15px; }
.bottomline a { font: 12px Arial, Tahoma;   color: #545454; font-weight: bold;}


a img { border: 0; }

.blue, .blue:visited, .blue:hover { color: blue; }
.black, .black:visited, .black:hover {   color: #545454; }
.black2, .black2:visited, .black2:hover {   color: #545454; text-decoration: none;font-weight: normal;}
.green, .green:visited, .green:hover { color: green !important; }
.white, .white * { color: #FFFFFF; }
.lightgray, .lightgray * { color: #999999 !important }
.gray { color: #474747; }
.darkgray { color: #282c2e; }
.upper { text-transform: uppercase;  }
.small, .small * { font-size: 11px !important; }

.top-adv-link { text-align: right; font-size: 11px; margin-right: 15px; }
.top-adv-link a { color: blue;  }

.main-area { margin: 5px 15px 5px 15px; }
.header-links2 { line-height: 15px;}
.header-links2 a { font-family: Arial, Helvetica; color: #840107; font-size: 12px; margin-right: 6px; font-weight: normal;}
.header-links2 a.selected { font-weight: bold; }

.header-section { margin-top: 3px; padding-left: 15px; font-family: Arial, Helvetica; font-size: 12px; text-transform: uppercase; }

h1.main-header { margin: 10px 15px 5px 0px; font-family: Arial, Tahoma, Helvetica; font-size: 15px; font-weight: bold; }
h2 { margin: 10px 15px 5px 0px; font-family: Arial, Tahoma, Helvetica; font-size: 15px; font-weight: bold; }

/* h2 { font-family: Arial; font-size: 13px; color: rgb(163, 163, 163); font-weight: bold; font-style: none; text-decoration: none; text-transform: uppercase; } 
margin: 10px 5px 5px 0px; font-family: Tahoma, Helvetica; font-size: 14px; font-weight: normal
*/

h2.big { margin: 10px 5px 5px 0px; font-family: Arial, Tahoma, Helvetica; font-size: 14px; font-weight: bold; }
.navigation { padding-left: 0px; margin: 0px; }
.navigation a, .navigation .delimiter, .navigation b { font-family: Arial, Tahoma, Helvetica; font-size: 11px; font-weight: normal; color: black; }
.navigation .delimiter { margin: 0px 5px; }
.navigation a:visited { color: black; }

/* fast fix */
.navigation b { text-transform: uppercase; font-size: 10px; }

.content { margin: 0px 0px; }

.footer-line { background-color: #794203; padding: 5px; padding-right: 15px; padding-left: 15px;} /* padding: 5px 15px; } */
.footer-line .copy { font: 11px Arial, Tahoma; color: white; padding-right: 0px; }
.footer-line table td { padding-right: 15px; }
.footer-line a { text-transform: uppercase; font: 11px Arial, Tahoma; color: white; }

.footer-counters { background: #FFFFFF; padding: 10px 15px; }

.main-section-list { padding: 0px; font-size: 12px; margin: 0px;  padding-left: 0px; }
.main-section-list li { list-style-type: none; margin: 5px 0 0 0;}

.example { color: gray; font: 11px Arial Tahoma; }                                                                                               
.label { color: #474747; font: 12px Arial; padding-right: 10px; }

.selectChain select, .selectChain span.controls { display: block; width: 200px }
.selectChain select { color: #474747; font-family: Arial; font-size: 12px; border: 1px solid #ADADAD; }
.selectChain .viewLabel { margin: 6px 0; }
.selectChain .viewLabel .apply { margin-left: 5px; display: none }
.selectChain .viewLabel a { padding: 4px 30px 4px 3px; border: 1px solid #ADADAD; color: #474747; background: url("/img/magnifier2.png") no-repeat right center }
.selectChain .controls { margin-top: 5px; width: 200px; }
.selectChain .editArea { background: #FFFFFF; padding: 0px; border: 0px solid #ADADAD; }

.big { font: bold 16px Arial; color: #474747; }
.ui-autocomplete-input {
    padding: 2px 2px 2px 10px;
}

.company-table td { margin: 5px 0 0 0; vertical-align: top; font-size: 12px;}  
.company-table td.label { font-size:10px; color:#333333; font-weight: bold; padding-right: 20px }
.company-table b.label { font-size:10px; color:#333333; font-weight: bold; }

.contact-form { border: 0px solid #CCCCCC; padding:10px; width:100%; }

.contact-cell { font-size:11px; padding-right:10px;}
.contact-cell div.bg {padding:10px 15px;}

.cell-header { color:#555555; font-size:12px; background:#f9f9f9; border-bottom:1px solid #cccccc; padding:5px 5px 5px 5px; font-weight:bold; }
.form-header { font-size:13px; padding:4px 0 10px 0; }

.company { font-size:13px; color:#476128; }
.logo { text-align: center; }
.company a { color:#00055f; font-weight:bold; font-size:13px; }
.company span {   color: #545454; font-size:13px; }
.company span.cost { color:#007238; font-size:13px; }
.branch a { font-size:10px; color:#040404; line-height:16px; }

.geolink { font-size:11px; padding:1px 0 2px 19px; background:url(/img/arr.gif) 2px 6px no-repeat; color:#666666; }
.geolink a { color:#007238; }

a.geo { font-size: 10px; color: green; }
a.geo:hover, a.geo:visited { font-size: 10px; color: green; }

.announcement-column { border-left: 1px #999999; padding: 0 10px }
.announcement-text { margin: 2px 0; font-size: 11px; }
.price-table th {
    background: #F5F5F5; border-bottom: 1px solid #CCCCCC; border-right: 2px solid #FFFFFF; padding: 8px 4px 4px; font-size: 12px
}
.price-table td {
    padding: 5px 4px 4px; border-bottom: 1px dotted #999999; font-size: 11px;
}

.paid-placement-border { padding: 5px; border: 1px solid #cccccc; }

.placement-top { width:auto; margin-top: 3px; }
.placement-top td { font-size:11px !important; padding:1px !important; border:0 !important; }
.placement-top td.pic { padding-right:10px; }

.company-announcement-list { padding: 0; margin: 5px 0; }
.company-announcement-list li { margin: 5px 0; list-style-type: none; font-size: 11px; }

.count { color: #666666; margin-left: 5px; font-size: 10px }
.count2 { color: #000000; margin-left: 5px; font-size: 1.17em; font-weight: bold; }


table.cellpad-right td { padding-right: 10px }

.private-announcements { padding: 0; margin: 5px 0; }
.private-announcements li { list-style-type: none; margin: 5px 0; padding: 5px; border: 1px dotted #999999; background: url(/img/clasp.png) right 5px no-repeat;}
.private-announcements li.deleted { background: url(/img/row-deleted.png); }


a.blood, a.blood:visited { color: #840107; font-size: 11px; }
.blood { color: #cc000a; }

tr.space td { padding-top: 10px; }
td.lspace { padding-left: 10px; }

.status-new { color: orange; }
.status-accepted, .status-active { color: green; }
.status-rejected, .status-declined, .status-deleted { color: red; }
.status-expired, .status-suspended { color: gray; }

table.bordered { border-collapse: collapse; }
table.bordered td, table.bordered th { border: 1px solid gray; }
table.bordered th { background: #E4E9EF; }

table tr.selected { background: url(/img/row-selected.png); }
table tr.deleted { background: url(/img/row-deleted.png); }
table.service td { padding: 0; border: none; }

.switcher { margin: 0 0 20px 0; clear: both; }
.switcher * { float: left; font: 11px Verdana; margin: 0; }

.switcher b { color: #FFF; padding: 3px 12px; }
.switcher a {color: #840107; padding: 3px 12px; }
.switcher .sl { background: #840107 url(/img/hd-sl.gif) left no-repeat; }
.switcher .sr { background: #840107 url(/img/hd-sr.gif) right no-repeat; }
.switcher .gl { background: #E1E1E1 url(/img/hd-gl.gif) left no-repeat; }
.switcher .gc { background: #E1E1E1; }
.switcher .gr { background: #E1E1E1 url(/img/hd-gr.gif) right no-repeat; }

ul.adv-types li { font-size: 11px; list-style-type: square; }

div.bordered, li.bordered { padding: 5px; padding-left:10px; border: 1px solid #CCCCCC; margin-bottom: 10px; border-radius:3px; margin-right:0px; margin-left:-10px;}
td.rightpad { padding-right: 10px }

.pagebar { margin: 10px 0; text-align: right; font-size: 16px; clear:both;}
.pagebar a { margin: 1px; padding: 4px 8px; background: #CCCCCC; font-size: 16px; }
.pagebar b { margin: 1px; padding: 4px 8px; background: #FFFFFF; font-size: 16px; }

.modal-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("/img/modal-bg.png"); z-index: 90; opacity: 0.2 }
.modal-container { position: fixed; z-index: 100; }
.modal-shadow { padding: 5px; background: #999999; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 100%; }
.modal-title { padding: 5px; background: #FFFFFF;  }
.modal-content { background: #F8F8F8; -moz-border-radius: 5px; -webkit-border-radius: 5px; height: 100%; }
.modal-content .cnt { padding: 5px; background: url("/img/bg-highlight-250.png") repeat-x scroll 50% top #EEEEEE; }
.modal-content .title { padding: 5px; border-bottom: 1px solid #999999; cursor: move; }
.modal-content .title h3 { margin: 0px; color: #840107; cursor: move; }
.modal-content .title .close { float: right; width: 16px; height: 16px; cursor: pointer; background: url("/img/btn-close.png") no-repeat; }
.modal-content .buttonbar { padding: 5px; display: none; border-top: 1px solid #999999; text-align: right; }
.modal-wait, .ajax-wait { width: 66px; height: 66px; position: absolute; z-index: 110; background: url("/img/modal-wait.gif") no-repeat; }

.media-header { margin:0 0 10px 0; padding:4px; background: url(/img/dot-gray.gif) repeat-x bottom; }
.media-header a { font-family: Arial, Tahoma, Verdana; font-size: 14px; color: #333333; font-weight: bold; text-decoration: none }

.mediacell { margin:2px 2px; width: 170px; float: left; }
.mediacell div.name { background:#f6f6f6; font-size:10px; font-weight:bold; padding:2px 3px 2px 3px; border-left:6px solid #dadada; }
.mediacell div.name span{ font-weight:normal; }
.mediacell div.logo { border:1px solid #f6f6f6; margin:2px 0 0 0; padding:2px 0; height:65px; text-align:center; }

.block-header { margin:0 0 10px 0; padding:4px; background: url(/img/dot-gray.gif) repeat-x bottom; }
.block-header a { font-family: Arial, Tahoma, Verdana; font-size: 14px; color: #333333; font-weight: bold; text-decoration: none }

.blockcell { margin-right:15px; margin-bottom:10px; display:inline-block;}
.blockcell div.name { font-family: Arial; font-size: 13px;  font-weight: bold; color: #000; margin-top: 10px; }
.blockcell div.name span{ font-weight:normal; }
.blockcell div.logo { border:1px solid #f6f6f6; margin:2px 0 0 0; padding:2px 0; height:65px; text-align:center; }
.blockcell input { margin-top:5px;padding-left: 10px; font-size:14px; max-width: 336px; min-width: 270px; width:95%;height:30px; }
.blockcell input[type=radio] { margin-top:5px;padding-left: 10px; font-size:12px;min-width:40px;height:20px; }
.blockcell textarea { margin-top:5px;padding-top: 10px; padding-left: 10px; font-size:14px;max-width: 336px; min-width: 270px; width:95%; height: 70px; }


.yandexads {
    margin-top:10px;
    margin-bottom:10px;
}


.contentcell { margin:10px 10px; }

.left { float: left; }
.right { float: right; }

.itemcell { padding-top:10px; padding-bottom:10px; width:100%; margin-left:-10px;padding-left:10px;}

.logocell { margin:2px 2px; width: 163px; float: left; }
.logocell div.name { background:#f6f6f6; font-size:10px; font-weight:bold; padding:2px 3px 2px 3px; border-left:6px solid #dadada; }
.logocell div.name span{ font-weight:normal; }
.logocell div.logo { border:1px solid #f6f6f6; margin:2px 0 0 0; padding:2px 0; height:53px; text-align:center; }


.adv-leftcell { margin: 0px 0; }
.adv-topcell { margin: 5px 0; }
.adv-context { margin: 5px 0; border: 1px solid #CCCCCC; padding: 5px; background: #ffffff;}

a.section-links { font-weight: bold; color: black; }
div.arr { background: url(/img/adm/arr.gif) no-repeat 0 5px; padding: 0 0 0 12px; margin-left: 2px }

/* Rigth menu begin */
div.right-menu-block {
    /* border: 1px solid #ff8407;  */
    border-radius: 10px;
    /* background-color: #ffc488; */
    font-size: 12px;
    hyphens: auto;
    margin: 5px 0 0 0;
    padding: 0px;
    text-align: left;
    word-wrap: break-word;
    max-width:280px;
}

div.right-menu-block ul {
    list-style-type:none;
    padding:0px;
    margin:0px;
}

div.right-menu-block li {
    margin-top:5px;
}

li.right-menu-title a {
    font-family: Arial;
    font-size: 12px;
    color: rgb(10, 10, 10);
    font-weight: normal;
    text-decoration: underline;
    text-transform: uppercase;
}

div.right-menu-block li.right-menu-sub-title {
    margin-top:15px;
    font-family: Arial;
    font-size: 12px;
    color: rgb(163, 163, 163);
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

span.right-menu-himself {
    font-size: 12px;
    font-weight:bold;
}

span.right-menu-count {
    color: rgb(102, 102, 102);
    margin-left: 5px;
    font-size: 10px;
}
/* Rigth menu end */

/* Yandex search page begin */

ul.results{ margin:0 0 1.4em 0; padding:0; }
ul.results li{list-style-type: none; color:#bbbbbb;margin-bottom:25px; margin-top:15px; padding:0px; line-height:18px; font-size:15px;}
ul.results div.title{font-size:16px;line-height:1.2em; padding-bottom:2px;font-weight: normal;}
ul.results div.text{color:#333;padding-bottom:0; font-size:14px;}
ul.results div.info{color:#333;margin-top:0;overflow:hidden;font-weight: normal;}
ul.results div.info a{color:#007238;font-weight: normal;}
ul.results div.info a:visited{color:#007238;font-weight: normal;}
ul.results div.info span.count{font-size:14px}
ul.results div.info span.green_url{color:#060}
ul.results div.info span.green_url a{color:#060}
ul.results div.info span.green_url a:visited{color:#060}

.right-block { float:right; width:25%; }
.ya-logo {float:right;}
.search-stat {padding-top:5px; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding-left:2px;}
.space-line {background:#f0f0f0; margin:3px 0 10px 0; clear:both;}
.top-block {padding:5px 0 10px 10px; font-size:11px;}

.search-pagenav {font-size:13px; width:100%; padding-top:25px; font-family:Arial, Helvetica, sans-serif; text-align:center;}
.search-pagenav * {margin: 0 3px; }
.search-pagenav .num { font-size:14px;}


ul.results a { font-size:19px;color:#2200cc;font-weight: normal;}
ul.results a:hover {color:#2200cc ;}
ul.results a:visited {color:#2200cc ;}


ul.results span.linkname { font-size:14px;color:#006600;text-decoration:none;}
ul.results a.linkname { font-size:14px;color:#006600;text-decoration:none; font-weight: normal;}
ul.results a.linkname:hover { color:#006600;}
ul.results a.linkname:active { color:#006600;}
ul.results a.linkname:visited { color:#006600;}

/* Yandex search page end */



table.features-table { border-collapse: collapse; }
table.features-table td { border: 1px solid gray; }
table.features-table td.label { }

.table-stats {
    margin: 10px 0;
}

.table-stats span { color: #000; margin-right: 5px; }
.table-stats strong { font-weight: bold; } 

.scrollable-top { position: relative; background: white; }

.producers { clear: both; margin: 15px 0; }
.producers div.item { margin: 5px; float: left; width: 120px; height: 140px; padding: 5px; vertical-align: bottom; }
.producers div.item a { font-size: 11px; }
.producers img.logo { display: block; margin-bottom: 5px; }

.alloy-list { padding: 0; }
.alloy-list li { float: left; list-style-type: none; margin: 5px; }
.alloy-list li .amount { font: 24px Arial, Tahoma; float: left; }

div.company-comments { margin: 10px 0 }
div.company-comments .comment { margin: 10px 0 }
div.company-comments .comment .date { font-size: 10px; font-style: italic; }
div.company-comments .comment .date span { color: gray; }
div.company-comments .comment .body { font-size: 11px; margin: 10px 0; }
div.company-comments .comment .sign { font-size: 11px; } 


.brown { font-family: Arial, Helvetica; color: #840107; font-size: 12px; }

.details {float:right; padding-top:12px}
.details div {float:left; margin-left:15px; font-size:12px}
.tinytable * {font-size:11px; font-family: Verdana;}
.tinytable {border-left:1px solid #c6d5e1; border-top:1px solid #c6d5e1; border-bottom:none;}
.tinytable tr.header th {background:url(/img/adm/header-bg.gif); text-align:left; color:#cfdce7; border:1px solid #fff; border-right:none}
.tinytable tr.header th h3 {font-size:10px; padding:6px 8px 8px; margin: 0px}
.tinytable td {padding:4px 6px 6px; border-bottom:1px solid #c6d5e1; border-right:1px solid #c6d5e1}
.tinytable tr.header th h3.sort {background:url(/img/adm/sort.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.tinytable tr.header th div.sorting {background:url(/img/adm/header-selected-bg.gif); height: 26px}
.tinytable tr.header th div.sorting h3.desc {background:url(/img/adm/desc.gif) 7px center no-repeat; cursor:pointer; padding-left:18px}
.tinytable tr.header th div.sorting h3.asc {background:url(/img/adm/asc.gif) 7px  center no-repeat; cursor:pointer; padding-left:18px}
h3.sort:hover, h3.asc:hover, h3.desc:hover {color:#fff}
.tinytable .even td {background-color:#fff}
.tinytable .odd td {background-color:#ecf2f6}
.tinytable .deleted td { background: #a14d4d url(/img/adm/row-deleted.png); }
.tinytable td.evenselected {background:#ecf2f6}
.tinytable td.oddselected {background:#dce6ee}

.tinyblue-border { border: 1px solid #c6d5e1; background: #FFFFFF; }


.list-group-horizontal .list-group-item {
    display: inline-block;
    border: 0px;
}


.modal {
    top:15%;
    z-index:999999;
    outline: none;
    overflow:hidden;
}

#imagemodal .modal  {top:0 !important;}
#imagemodal .modal-dialog  {width:90%; height:90%;}

.btn.btn-lg,
.btn.btn-sm,
.btn.btn-xs {
    border-radius: 0;
}

input {
    border-radius: 0;
}

.form-group .form-control {
    border-radius: 0;
}

.panel-transparent {
    background: none;
    border: 0;
    padding: 0;
    box-shadow: 0;
}

.panel-transparent .panel-heading{
    background: none;
    border: 0;
    padding: 0;
    margin-bottom: 10px;
}

.panel-transparent .panel-body{
    background: none;
    border: 0;
    padding: 0;
}



.ms-parent.form-control {
    padding: 0; }
.ms-parent.form-control .ms-choice {
    height: 100%;
    border: 0; }
.ms-parent.form-control .ms-choice > span {
    top: 50%;
    transform: translateY(-50%); }
.ms-parent.form-control.form-control-sm .ms-drop input[type=radio],
.ms-parent.form-control.form-control-sm .ms-drop input[type=checkbox] {
    margin-top: 0.4rem; }
.ms-parent.form-control.form-control-lg .ms-drop input[type=radio],
.ms-parent.form-control.form-control-lg .ms-drop input[type=checkbox] {
    margin-top: 0.5rem; }

ul.list-unstyled > li {
    padding-top: 5px;
    padding-bottom: 5px;
}



.ellipsis {
  display: inline-flex;
  max-width: 85%;
  overflow:hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}