@import url('https://fonts.googleapis.com/css?family=Ubuntu');
@import url('animatii.css');

::-webkit-scrollbar { 
width: 6px; 
height: 6px;
}
::-webkit-scrollbar-button {  
 background-color: #0a5089; 
}
::-webkit-scrollbar-track {  
background-color: #FFFFFF;
}
::-webkit-scrollbar-track-piece { 
background-color: #FFFFFF;
}
::-webkit-scrollbar-thumb { 
    height: 3px; 
    background: #165492 url(thumb.webp) no-repeat center;
}
::-webkit-scrollbar-corner { 
    background-color: #1D3861;
}
::-webkit-resizer {
    background-color: #005BB7;
}
html{
  scrollbar-base-color:  #165492;
  scrollbar-3dlight-color:  #005BB7;
  scrollbar-highlight-color:  #005BB7;
  scrollbar-track-color: #FFF;
  scrollbar-arrow-color: #0A5089;
  scrollbar-shadow-color:  #0A5089;
  scrollbar-dark-shadow-color:  #005BB7;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
*{
    margin:0;
    padding:0;
}

.fa {
  margin-left: 12px;
  margin-right: -8px;
}
.asculta{
    margin-top:-44px;
    float:right;
}
#actiuni {
  display:none;
  margin:5px 0 10px 0;
  text-align:left;
}
 .play{
    width: 50px;
    height: 43px;
    background: url(../img/play.png) no-repeat 0px 0px;
    cursor:pointer;
}
 .stop_play{
    width: 50px;
    height: 43px;
    background: url(../img/play_stop.png) no-repeat 0px 0px;
    cursor:pointer;
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v14/4iCs6KVjbNBYlgoKcQ72j00.woff2) format('woff2');
   font-display: swap;
}
@font-face {
  font-family: 'Ubuntu';
  font-style: normal;
  font-weight: 400;
  src: local('Ubuntu Regular'), local('Ubuntu-Regular'), url(https://fonts.gstatic.com/s/ubuntu/v14/4iCs6KVjbNBYlgoKfw7w.woff) format('woff');
   font-display: swap;
}
body{
    font-family: Tahoma,HelveticaNeue,HelveticaNeue-Light,Helvetica Neue Light,helvetica,arial,sans-serif;
    font-size: 98%;
    background: #F7F8F8 url("../img/c.png") fixed left 108px repeat-x;
    color: #222;
    margin: 0;
    width: 100%;
    height: 100%;
    font-family: Arial;
    position: relative;
    top: 0px;
    overflow-x: hidden;   
    user-select: none; 
}
img{
    border:0;
}
.hd.logo{
  background: url(../img/click.png) 0 -8px no-repeat;
}
.hd.logo:hover{
  animation: none;
}
.fix{
 width:100%;
 position: fixed;
 z-index:700;   
}
.head .icon {
    position: absolute;
    left: 13px;
    width: 32px;
    height: 63px;
    text-align: center;
    color: #595b5c;
}
.icon:hover{
    -webkit-animation: e 1s;
    -o-animation: e 1s;
    animation: e 1s;
}
.head {
    position: fixed;
    width: 100%;
    background-color: #fff ;
    font-size: 17px;
    font-color: #404547;
    height: 63px;
    border-bottom: 1px solid #e6e6e6;
    /*padding-left: 60px;*/
    line-height: 63px;
    font-weight: 400;
    box-sizing: border-box;
    top: 0;
    left: 0;
    z-index: 1000;
    box-shadow: 0 10px 20px -8px rgba(0,0,0,.04);
}
.no-select{
    display:none;
}
.header_row {
    background: url(../img/header-m.png) repeat-x;
    width: 100%;
    height: 8px;
}
div#meniu_logare {
    color: #232122;
    height: 33px;
    right: 10px;
    position: absolute;
    top: 0;
    background-color: transparent;
    background-image: none;
    font-size: 12px;
    font-family: "Trebuchet MS",Verdana,sans-serif;
    display: inline;
    width: auto;
}
.td_stanga {
    background-image: url(../img/info-arh.png);
    background-position: right center;
    background-repeat: no-repeat;
    margin: 0px;
    padding: 0px;
    height: 50px;
    width: 7px;
}
.td_mijloc {
    background-image: url(../img/info-arj.png);
    background-position: center top;
    background-repeat: repeat-x;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    height: 50px;
}
.td_dreapta {
    background-image: url(../img/info-ari.png);
    background-position: left center;
    background-repeat: no-repeat;
    font-size: 12px;
    margin: 0px;
    padding: 0px;
    height: 50px;
    width: 7px;
}
.meniu_tabel {
    width: 100%;
    height: 51px;
    border: none;
    width: 100%;
    table-layout: fixed;
}
hr{
    border: 0;
    height: 1px;
    background: #E1E2E3;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #ff5f2e, rgba(0, 0, 0, 0));
    margin: 5px;
}

.fundal{
    width: 990px;
    min-height: 350px;
    margin: auto;
   
}
.continut-left {
    background:#FFF;    
    width: 510px;
     padding: 10px 20px;  
    _width:40%;
    min-height: 308px;
    margin-top: 15px;
    margin-left: 14px;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .50rem;
    *border: 1px solid #DEDEDE;
    border-top: 1px solid #DDDFE2;
    border-left: 1px solid #DDDFE2;
    -webkit-box-shadow: 0 2px 4px 0 #c6c8c9;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .100);
    /**box-shadow: 0 10px 40px 0 rgba(18, 106, 211, .07), 0 2px 9px 0 rgba(18, 106, 211, .06);*/
    float: left;
}
.sunet {
    float: right;
    background: url(../img/v1.png?a=1) right no-repeat;
    width: 32px;
    height: 32px;
    margin: -38px 8px 0;
    cursor: pointer;
}
.stop {
    float: right;
    background: url(../img/v2.png) right no-repeat;
    width: 32px;
    height: 32px;
    margin: -38px 8px 0;
    cursor: pointer;
}
.s1{
 background: url(../img/v1.png?a=2) right no-repeat; 
   width: 32px;
    height: 32px;
    margin: -38px 8px 0;  
       float: right;
}
.s2{
    background: url(../img/v3.png) right no-repeat;
    width: 32px;
    height: 32px;
    margin: -38px 8px 0;
       float: right;
}
.s3{
    background: url(../img/v2.png) right no-repeat;
    width: 32px;
    height: 32px;
    margin: -38px 8px 0;
       float: right;
}
.continut-right {
    background:#FFF;  
    width: 368px;
    min-height: 308px;
    margin-top: 15px;
    margin-left: 10px;
    padding: 10px 16px;   
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .50rem;
    *border: 1px solid #DEDEDE;
    border-top: 1px solid #DDDFE2;
    border-left: 1px solid #DDDFE2;
    -webkit-box-shadow: 0 2px 4px 0 #c6c8c9;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .100);
    float: left;
}

#footer-nav {
    text-align: center;
    margin: auto;
    padding: 30px 0;
}
#footer-nav a {
    line-height: 30px;
    margin-right: 3px;
    padding: 5px 20px;
    color: #333;
    margin: auto;
    box-shadow: 0 1px 0 rgba(0,0,0,.100) inset;
    transition: background-color .3s cubic-bezier(0,0,0.58,1) 0;
    text-decoration: none;
}
.Buton {
    font-family:Ubunu;
    width: 100px;
    background: #FF5F2E;
    font-weight: bold;
    color: #FFF;
    margin-top: -33px;
    margin-left: 250px;
    border-radius: 5px;
    padding: 7px;
    cursor: pointer;
    text-align: center;
    float: right;
}
.Buton:hover{
    background:#506B44;
}
.text {
    font-family: 'Ubuntu',Helvetica,Arial,sans-serif;
    font-size: 25px;
    color: #2E6399;
    font-weight: bold;
    padding: 0 0 0 8px;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
#progres {
    display: none;
    background: url(../img/progress.gif) no-repeat center center #FFF;
    width: 380px;
    height: 315px;
    margin-top: -40px;
    opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    filter: alpha(opacity=60);
    position: absolute;
    cursor: wait;
    z-index:900;
}
.Input {
    width: 333px;
    border: 1px solid #DEDEDE;
    background-color: #FFF;
    color: #636363;
    font-size: 15px;
    border-radius: 5px;
    padding: 10px;
    font-family: "Lucida Sans","Lucida Sans","Lucida Grande",Helvetica;
}
.Input:hover {
	background: #F5FCED;
	border: 1px dashed #77B517;
}
.eroare_input {
    width: 333px;
    background-color: #FEF5F3;
    color: #FF0000;
    border: 1px dashed #D62424;
    font-size: 15px;
    border-radius: 5px;
    padding: 10px;
    font-family: "Lucida Sans","Lucida Sans","Lucida Grande",Helvetica;
}
.succes_input {
    width: 333px;
    background: #F5FCED;
    color: #4C8304;
    border: 1px dashed #77B517;
    font-size: 15px;
    border-radius: 5px;
    padding: 10px;
    font-family: "Lucida Sans","Lucida Sans","Lucida Grande",Helvetica;
}
span.req {
    color: #FF0000;
}
ul.no-style {
    margin-left: 0px;
    list-style: none outside none;
}

input,textarea{
    outline:0;
}
.header{
    background:#0c62a9  url(../img/br.png?a) right no-repeat;
    height:70px; /** 60    49px**/
}
img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
user-select: none;
}
.logo{
 width:84px;
 height:84px;
 background: url(../img/log.png) center no-repeat;
 border:0;
 margin: 26px 0 0 10px; /**16**/
 cursor:pointer;
 position:absolute;
}
.logo:hover{
 animation: swing 0.5s  linear;
}
.bara{
    width:100%;
    background: #FFF;
    box-shadow: 0 2px 0px 0px rgba(0, 0, 0, .100);
    font-family: "Tahoma", serif;
    color: #000;
    box-sizing: border-box;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    border-bottom: 1px solid #dedede;
}   

h1,h2 {
    font-family: Ubuntu;
    color: #2E6399;
    font-size: 30px;
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
    padding: 5px;
    text-overflow: ellipsis;
    overflow: hidden;
}
  .container {
    width: 957px;
    *width: 963px;
    margin: auto;
    word-wrap: break-word;
    border-radius: 5px;
    margin-top:-3px;
}
.sageata {
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -12px;
    top: -11px;
    width: 24px;
    height: 11px;
    z-index: 123;
    background-image: url(../img/logare.png);
    background-repeat: no-repeat;
    background-position: 0px -2249px;
}
.eroare {
    display: none;
    width: 350px;
    min-height: 35px;
    background:#FFF;
    color:#FF0000;
    margin: auto;
    top: 185px;
    right: 0%;
    left: 0%;
    box-sizing: border-box;
    border-radius:5px;
    box-shadow: 0 0 0 4px rgba(255, 0, 0, .15);
    position: absolute;
    animation: fadeInDown 0.2s linear;
    z-index: 0;
    text-align:center;
}
.apl{
    padding:10px;
}
img, div, a, input {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.border {
    background: #FFF;
    border: 1px solid #fff;
    *border: 1px solid #DEDEDE;
    margin: 20px auto auto;
    border-radius: 5px;
    height: 45px;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, .100);
    position: relative;
}
input.cautare {
    font-family: Ubuntu;
    width: 99%;
    background: none;
    color: #AEB5BC;
    border: none;
    outline: none;
    margin-top: 11.5px;
    float: right;
    text-align: center;
    font-size: 20px;
}
input.cautdump {
    font-family: Ubuntu;
    width: 99%;
    background: none;
    color: #AEB5BC;
    border: none;
    outline: none;
    margin-top:5px;
    text-align: center;
    font-size: 20px;
}
.cauta {
    background: url(../img/cauta.png) no-repeat;
    color: #9E2221;
    width: 53px;
    height: 45px;
    margin-left: -57px;
    border: 0px;
    outline: 0px;
    top: 0px;
    right: 0px;
    cursor: pointer;
    position: absolute;
    float: left;
}
.caut{
    background: url(../img/cautah.png) no-repeat;
    color: #9E2221;
    width: 53px;
    height: 35px;
    margin-top: 6px;
    border: 0px;
    outline: 0px;
    top: 0px;
    right: -15px;
    cursor: pointer;
    position: absolute;
    float: left;   
}
.cdaut {
    background: url(../img/cautah.png) no-repeat;
    color: #9E2221;
    width: 53px;
    height: 35px;
    margin-top: -5px;
    border: 0px;
    outline: 0px;
    top: 0px;
    right: 0px;
    cursor: pointer;
    position: absolute;
    float: left;
}
#cauta{
display:none;
width:100%;
background: #FFF url(../img/cauta.gif) center no-repeat; 
white-space:nowrap;
position:fixed;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
z-index:900;
}
#rezultatc{
width:100%;
background: #F7F8F8;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
z-index:900; 
animation: bounceIn 0.5s linear;   
}
.nobody{
 background: #F7F8F8;  
 width: 100%;
 height: 100%; 
}
#re{
    margin-top:-6px;
    text-align: center;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
.bgr{
    background:#fff;
    width:600px;
    margin:10px auto;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0 0 .2rem .2rem;
    border: 1px solid #dddfe2;
    -webkit-box-shadow: 0 2px 4px 0 #c6c8c9;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);   
}
.mpr {
    width:600px;
    margin: auto auto 7px;
    background: #fff url(../img/fon13.gif);
    border: 1px solid rgba(0,0,0,.125);
    border-radius: 0 0 .2rem .2rem;
    border: 1px solid #dddfe2;
    -webkit-box-shadow: 0 2px 4px 0 #c6c8c9;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    word-wrap: break-word;
    position:relative;
}
.nbr {
    font-family:Ubuntu;
    background: #F9F9F9;
    background-image: radial-gradient(center center, circle cover, #FFFFFF, #EEEEEE);
    background-image: -o-radial-gradient(center center, circle cover, #FFFFFF, #EEEEEE);
    background-image: -ms-radial-gradient(center center, circle cover, #FFFFFF, #EEEEEE);
    background-image: -moz-radial-gradient(center center, circle cover, #FFFFFF, #EEEEEE);    
    background-image: -webkit-radial-gradient(center center, circle cover, #FFFFFF, #EEEEEE);
    padding: 8px;
    border-bottom: 1px solid #D8D8D8;
    text-align: center;
}
.mr {
    font-size: 12px;
    padding-bottom: 5px;
    color: #888888;
}
.desc{
    font-family: Tahoma;
    display: block;
    padding: 8px;
    overflow: hidden;
}
a.acaut{
  color:#2E6399;
  text-decoration:none;  
}
a.acaut:hover{
    color: red;
    text-decoration:underline;
}
a.acaut:visited{
  color: #777;  
}
#ul-menu-new {
    float: right;
    list-style-type: none;
    margin-right: 7px;
}
#ul-menu-new li {
    float: left;
    padding-left: 0px;
    padding-right: 5px;
    padding-top:6px;
    top:0
}
li {
    display: list-item;
    text-align: -webkit-match-parent;
}

#ul-menu-new li a {
    font-family: Giorgia;
    font-size: 1.30em;
    font-weight:bold;
    color: #FFF;
    cursor: pointer;
    text-decoration: none;
    overflow: hidden;
    text-align: center;
    display: inline-block;
    background: transparent;
    padding: 5px 15px;
    border: 1px solid #FFF;
    border-radius: 5px;

}

.spinner.preloader {
    display:none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1100;
    background: #fff;
}
.spinner {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 8;
}
.spinner .spinWrap {
    width: 200px;
    height: 100px;
    position: fixed;
    top: 42%;
    left: 50%;
    margin-left: -98px;
    margin-top: -50px;
}
.spinner .loader, .spinner .spinnerImage {
    height: 100px;
    width: 100px;
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
}
.spinner .spinnerImage {
    margin: 28px 0 0 -25px;
    background: url(../img/loader.png) no-repeat;
}
.spinner .loader {
    margin: 0 0 0 -55px;
    background-color: transparent;
    -webkit-animation: e 0.6s infinite linear;
    -o-animation: e 0.6s infinite linear;
    animation: e 0.6s infinite linear;
    border-left: 5px solid #cbcbca;
    border-right: 5px solid #cbcbca;
    border-bottom: 5px solid #cbcbca;
    border-top: 5px solid #2380be;
    border-radius: 100%;
}
.spinner .loader, .spinner .spinnerImage {
    height: 100px;
    width: 100px;
    position: absolute;
    top: 0;
    left: 50%;
    opacity: 1;
    filter: alpha(opacity=100);
}
.spinner .loadingMessage {
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin-top: 125px;
    text-align: center;
    z-index: 10;
    outline: none;
}
#notificare {
    display: none;
    width: 100%;
    background: #D5F0BD;
    background-image: radial-gradient(center center, circle cover, #FFFFFF, #a4de4a);
    background-image: -o-radial-gradient(center center, circle cover, #FFFFFF, #a4de4a);
    background-image: -ms-radial-gradient(center center, circle cover, #FFFFFF, #a4de4a);
    background-image: -moz-radial-gradient(center center, circle cover, #FFFFFF, #a4de4a);
    background-image: -webkit-radial-gradient(center center, circle cover, #FFFFFF, #a4de4a);
    color: #36642E;
    border-bottom: 2px solid #77b517;
    text-align: center;
}
a.no {
    display: inline-block;
    line-height: 38px;
    border-right: 1px solid #EEE;
    font-size: 14px;
}
.user-box {
    width: 35px;
    height: 35px;
    background: url('../img/pr.png') no-repeat;
    box-sizing: border-box;
    vertical-align: middle;
    text-align: center;
    margin-top:2px;
    float:left;
}
.user-box:hover{
     -webkit-animation: e 1s;
    -o-animation: e 1s;
    animation: e 1s;   
}
.user{
 font-family: Tahoma;
 text-transform:uppercase;
 display:inline;
 padding:2px 5px 0 5px;
 cursor:pointer;  
}
.user:hover{
    color:#2E6399;
}
#alerta_ajax_login,#alerta_info  {
    width: 500px;
    margin-top:-10px;
}
a#rcod{
    color:#ff0000;
    text-decoration:none;
}
a#rcod:hover{
   text-decoration: underline; 
}
a.adm{
 color:#005bb7;
 text-decoration:none;   
}
a.adm:hover{
   text-decoration: underline; 
}
.alerta {
    z-index: 900;
    background: #FFF;
    padding: 2px;
    margin: auto;
    border: 1px solid rgba(0,0,0,.125);
    border-radius:0 0 .20rem .20rem ;
    *border: 1px solid #DEDEDE;
    border-top: 1px solid #DDDFE2;
    border-left: 1px solid #DDDFE2;
    -webkit-box-shadow: 0 2px 4px 0 #c6c8c9;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .100);
    
}
.alerta_titlu {
    font-family: "Ubuntu", sans-serif;
    font-weight: bold;
    font-size: 18px;
    background: #D5F0BD;
    background-image: radial-gradient(center center, circle cover, #FFFFFF, #a4de4a);
    background-image: -o-radial-gradient(center center, circle cover, #FFFFFF, #a4de4a);
    background-image: -ms-radial-gradient(center center, circle cover, #FFFFFF, #a4de4a);
    background-image: -moz-radial-gradient(center center, circle cover, #FFFFFF, #a4de4a);
    background-image: -webkit-radial-gradient(center center, circle cover, #FFFFFF, #a4de4a);
    border: #FFFFFF 1px solid;
    border-bottom: none;
    text-align: center;
    color: #595b5c;
    padding: 10px 10px 10px 15px;
}
.a_blue {
    font-family: "Ubuntu", sans-serif;
    font-weight: bold;
    font-size: 18px;
    background: #CBE4FE;
    background-image: radial-gradient(center center, circle cover, #FFFFFF, #2991FA);
    background-image: -o-radial-gradient(center center, circle cover, #FFFFFF, #2991FA);
    background-image: -ms-radial-gradient(center center, circle cover, #FFFFFF, #2991FA);
    background-image: -moz-radial-gradient(center center, circle cover, #FFFFFF, #2991FA);
    background-image: -webkit-radial-gradient(center center, circle cover, #FFFFFF, #2991FA);
    border: #FFFFFF 1px solid;
    border-bottom: none;
    text-align: center;
    color: #034B94;
    padding: 10px 10px 10px 15px;
}
.alerta_continut {
    font-family: "Tillana", sans-serif;
    background: white;
    border: #FFFFFF 1px solid;
    border-top: none;
    padding: 5px;
}
.alerta_noua{
    text-align:center;
    padding:10px;
}
.clr {
    font-size: 0! important;
    line-height: 0! important;
    height: 0! important;
    margin: 0;
    padding: 0;
}
.sus {
    width: 490px;
    height: 87px;
    background: url(../img/em.png) no-repeat scroll right transparent;
    margin: auto;
    margin-top: 20px;
    position: relative;
}
.sus .text {
    margin: 0px;
    margin-right: 105px;
    padding: 15px;
    font-size: 14px;
    font-weight: normal;
    width: 260px;
    line-height: 18px;
    color:#FFF;
    float: right;
}
.sbuton {
    font-family:Ubuntu;
    background: #FDD53D;
    font-weight: bold;
    color: #000;
    border: 1px solid #F4BB58;
    border-radius: 5px;
    width: 250px;
    padding: 13px;
    margin:15px auto auto;
    text-align:center;
    cursor: pointer;
}
.sbuton:hover {
	background:#FFE373;
	border:1px solid  #F4BB58;	
}
button, input, select, textarea, img, div, a {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
.sinfo{
    display:none;
}

.dialog{
    display:none;
    background: #FFF;
    position:fixed;
    top:5%;
    right:50%; 
    margin-right:-252px; 
    width:500px;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, .100);
    border-top: 0;
    text-align: center;
    animation: fadeInDown 0.2s running linear;
    z-index: 1000;
}
.center{
text-align:center;
}
.dbcg {
    font-family: 'Ubuntu', serif;
    background: #d2322d;
    color: #0091EA;
    font-size: 20px;
    font-weight: normal;
    padding: 11px 0;
}
strong#del {
    font-size: 1em;
    font-weight: bold;
    color: #FFF;
}
h2#dnu, h2#onu, h2#dNu {
    float: left;
    cursor: pointer;
}
h2#dda, h2#da, h2#oda, h2#kil, h2#Kil {
    float: right;
    cursor: pointer;
    color: #FF0000;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}
.erroare {
    font-family:Ubuntu;
    background: #FCE9E4;
    position:fixed;
    right:50%; 
    margin-right:-252px; 
    width:500px;
    border: 3px solid #800;
    border-radius: 0 0 10px 10px;
    border-top: 0;
    text-align: center;
    opacity: 0.85;
    -moz-opacity: 0.85;
    -khtml-opacity: 0.85;
    filter: alpha(opacity=85);
    font-size: 20px;
    color: #CC0000;
    animation: fadeInDown 0.2s running linear;
    z-index: 1000;  
}
#stext{
    padding:8px;
}
.mlogare{
    display:none;
    background:#FFF;
    width:300px;
    height:200px;
    margin-top:-3px;
    z-index:1000;
    position:absolute;
    right:15px;
    box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.2);
    border:1px solid #EEE;
    cursor:auto;
    animation: bounceInDown 0.5s running linear;
}
#default{
    z-index:100;
}
.mlogare .sageata{
    left:85%;
}
#background{
    display:none;
    background: #FFF url(../img/textura.jpeg);
    width: 100%;
    height: 100%;
    opacity: 0.1;
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
    filter: alpha(opacity=20);
    position: fixed;
    z-index:100;
}
#ok,#okr{
    min-width:50px;
    background:#B24926;
    margin: 8px -5px 0 5px;
    padding:7px;
    color:#fff;
    text-align:center;
    float:right;
    cursor:pointer;
    border-radius:5px;
}
#ok:hover,#okr:hover{
  background:#FF0000;
}
.taut{
    font-family:Ubuntu;
    padding: 10px;
    background: #D5F0BD;
    background-image: radial-gradient(center center, circle cover, #FFFFFF, #a4de4a);
    background-image: -o-radial-gradient(center center, circle cover, #FFFFFF, #a4de4a);
    background-image: -ms-radial-gradient(center center, circle cover, #FFFFFF, #a4de4a);
    background-image: -moz-radial-gradient(center center, circle cover, #FFFFFF, #a4de4a);
    background-image: -webkit-radial-gradient(center center, circle cover, #FFFFFF, #a4de4a);
    border: #FFFFFF 2px solid;
    font-size: 18px;
    font-weight:bold;
    text-align:center;
    position: relative;   
}
.mlogare input[name='Email'], .mlogare input[type='password'] {
    width: 200px !important;
    padding: 5px 5px 5px 30px;
    *line-height:25px;
    height: 25px;
    border: none;
    border-radius: 5px;
}
.mlogare input[type='password'] {
    background: #F0F0F0 url(../img/parola.png) 4px center no-repeat;
}
.mlogare input[name='Email'] {
    background: #F0F0F0 url(../img/login.png) 4px center no-repeat;
}

.input {
display:block;
position:relative;
z-index:1;
margin:2.1em 0;
}
.input.ia{
 margin:2px;   
}
.input >label {
font-family:Ubuntu;
position:absolute;
max-width:100%;
height:2.3em;
line-height:2.3em;
color:#767676;
cursor:text;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
-webkit-transition:all .2s;
transition:all .2s; 
pointer-events:none;
-webkit-font-smoothing:antialiased;
-webkit-transform:translate3d(0,3px,0) scale(1);
transform:translate3d(0,3px,0) scale(1);
-webkit-transform-origin:left top;
transform-origin:left top;
}

.input.focus >label {
color:#0086FE;
font-size:0.875em;
}

.input.focus >label,.input.active >label {
top:-1.9em;
font-size:0.875em;
}

.input.focus .side div {
color:#1428a0;
}

.input >input,.input >select {
height:3em;
line-height:2;

}
.input >select::-ms-expand {
display:none;
}
.input >input{
display:block;
width:100%;
color:#000;
border:none;
border-bottom:1px solid #c6c8c9;
background-color:transparent;
box-sizing:border-box;
}
.input.active >select {
color:#000;
}
.input >input:focus, .input >select:focus{
outline:0;
border-color:#0067C4;
border-width:2px;
color:#0086FE;
}

.input select {
   display: block;
    width: 100%;
    color: #000;
    border: 1px solid #c6c8c9;
    background-color: transparent;
    box-sizing: border-box;
    outline:0;
} 
.input.focus > label { 
  font-size: 0.875em; 
}
.input.focus > label, 
.input.active > label { 
    top: -1.9em; 
    left: auto; 
    font-size: 0.875em; 
}
.input.focus .side div { 
color: #1428a0; 
}
button,
input,
select,
textarea {
font-size: 1rem;
}
textarea {
    font-family:Ubuntu;
	border: 0;
	border-radius: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	display: block;
	width: 100%;
	padding: .5rem 1rem;
}
.input >textarea {
    display: block;
    width: 100%;
    color: #000;
    border: none;
    padding:7px;
    margin-top: 12px;
    border: 1px solid #c6c8c9;
    background-color: transparent;
    box-sizing: border-box;
}
textarea {
	height: 70px;
    resize:none;
}
textarea:focus{
color:#0086FE;
border: 2px solid #0067C4;
}
.input.er label, .input.er input, .input.er select { 
  color: #d0021b; 
}
.input.er input{ 
  border-bottom-color: #d0021b; 
  border-bottom-width: 2px;  
}
.input.er textarea{
  border: 2px solid #d0021b;     
} 
.input.er select{
  border-color: #d0021b;     
} 
label#lab {
    left: 9px;
    *padding: 9px 0 0 0;
}

.pad {
    padding: 50px 60px 60px;
}
.ad_dump{
    width:85%;
    margin:auto;
}

button,input,select,textarea,img,div,a {
-webkit-tap-highlight-color:rgba(0,0,0,0);
outline:0;
}
.ltr {
	direction: ltr
}

[dir=rtl] .ltr {
	text-align: right
}

.submeniu {
    font-family:Ubuntu;
    width: 170px;
    min-height: 700px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    background: #FFF;
    box-shadow: 4px 0 0 0 rgba(0,0,0,.1);
    _box-shadow: 0px 0px 5px rgba(0,0,0,.1);
    border-collapse: separate;
    _border-right:3px solid #FFF;
    position: fixed;
    top: 0;
    bottom: 0;
    z-index: 901;
}
ul li{
 list-style: none;
}
li {
    border-bottom: 1px solid #E6E6E6;
    padding: 10px;
    cursor: pointer;
}
li:hover{
    background:#F9F9F9;
}
i.ispa {
    padding-right: 5px;
}
.esubmeniu {
    width:167px;
    background: #fff;
    z-index: 1;
}
.imeniu {
    font-family: 'Tahoma', serif;
    background: #ff5f2e;
    background-image: linear-gradient(left, #9e2221, #ff5f2e);
    background-image: -webkit-linear-gradient(left, #9e2221, #ff5f2e);
    background-image: -moz-linear-gradient(left, #9e2221, #ff5f2e);
    background-image: -o-linear-gradient(left, #9e2221, #ff5f2e);
    background-image: -ms-linear-gradient(left, #9e2221, #ff5f2e); 
    border-bottom:3px solid #9e2221;
    color: #FFF;
    border-top: 3px solid #9e2221;
    font-size: 20px;
    font-weight: normal;
    text-transform: Capitalize;
    padding: 6px 0;
}
.logg{
    width:60px;
    height:60px;
    background:url(../img/logo.png) center no-repeat;
    margin:auto;
    cursor:pointer;
}
.logg:hover{
 animation: e 1.5s  linear;
}
.container_log{
 display:inline-block;
 width:80%; /*70*/
 margin:0 5% 0 19% ; /*24*/
}
.container_loga{
 display:inline-block;
 width:70%;
 margin:0 5% 0 24% ;
}
.aDump{
  width:60%;
  background:#fff url(../img/fon13.gif);
  border: 1px solid rgba(0,0,0,.125);
  border-radius:0 0 .20rem .20rem ;
  border: 1px solid #DEDEDE;
  -webkit-box-shadow: 0 2px 4px 0 #c6c8c9;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .100);
  float:left;  
}
.statistica{
  width:35%; /*35 / 38*/
  min-height: 100px;
  background:#fff;
  margin-left: 0.5%; 
  border: 1px solid rgba(0,0,0,.125);
  border-radius:0 0 .20rem .20rem ;
  border: 1px solid #DEDEDE;
  -webkit-box-shadow: 0 2px 4px 0 #c6c8c9;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .100);
  float:left;    
}
.contai {
    width: 50%;
    margin: auto;
    background: #FFFFFF;
    word-wrap: break-word;
    padding: 5px;
}
.bordu {
    background: #FFF;
    border:0;
    border-bottom: 1px solid #DDD;
    margin: auto;
    height: 35px;
    position: relative;
    z-index:700;
}
.bord{
    background: #F9F9F9;
    border: 0;
    border: 1px solid #DDD;
    margin: auto;
    height: 35px;
    border-radius: 20px;
    position: relative;
    z-index: 700;    
}
#upload{
    font-family:Tahoma;
    background:#FF0000;
    width:180px;
    margin:auto;
    color:#FFF;
    border-radius:20px;
    margin-top: 10px;
    padding:10px;
    text-align:center;
    cursor:pointer;
}
#upload:hover{
  background:#548C3A;    
  animation: sonarSuccess 1.5s ease infinite;
}
.iUpload{
font-family:Tahoma;
color:#555;
margin-top:-50px;
line-height:20px;
border-top:1px solid #DEDEDE;
padding: 7px;    
}
.dtsvsamp {
    display:none;
    margin-top: -30px;
}
.verde {
    background: #88B975;
    border: 1px solid #62984D;
    color: #3B7D22;
    text-align: right;
    font-weight: bold;
}
.ic-info {
    border-radius: 0px;
    overflow: hidden;
    padding: 0 0 0 40px;
}
.ii-text {
    font-family: Ubuntu;
    background: #FFF;
    font-size: 13px;
    line-height: 23px;
    margin: 0px;
    padding: 7px;
}
img.profil {
    position:relative;
    background-size: cover;
    cursor:pointer;
    margin-bottom: -1px;
}
.addp {
    display:none;
    width: 155px;
    padding: 10px;
    float: right;
    margin-top: -43px;
    margin-left: -8px;
    text-align: right;
    background: #0D0D0D;
    opacity: 0.6;
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    filter: alpha(opacity=60);
    color: #EEE;
    position:absolute;
    *position:relative;
    z-index: 1600
}
.addim {
    background: url(../img/6F1KLv4M0s7.png?r=0) 15px 0 no-repeat;
    height: 21px;
    cursor: pointer;
    z-index: -101;
}
.rcontinut {
    background: #FFF;
    margin: 5px auto;
    padding: 10px;
    display: block;
    font-family: Ubuntu;
}
.map {
    width: 100%;
}
.info_dump{
   width: calc(100% - 230px);
   left:200px;
   position:relative; 
}
.dump_link{
    background:#FFF;
    margin-top:-5px;
    padding:15px;  
    border: 1px solid #DEDEDE;
   -webkit-box-shadow: 0 2px 10px 0 #c6c8c9;
   box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .100);  
   text-align:right; 

}
.d_linkof{
    width:94.8%;
    background:#FFF;
    color:#999;
    margin:auto;
    padding:10px;  
    border: 1px solid #DEDEDE;
   -webkit-box-shadow: 0 2px 10px 0 #c6c8c9;
   box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .100);  
   border-radius:.50rem;  
   text-align:right;   
}
.i_useru{
 width:97%; 
 margin:auto;  
}
.fun{
    background: #fff url(../img/fon13.gif);
}
.doff{
  width:96.5%;
}
hr.dsc{
    border: 0;
    height: 1px;
    background: #EEE;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #AAA, rgba(0, 0, 0, 0));
    margin: 5px;
}
h1.dump_h1,h2.dump_h1{
    font-size:20px;
    padding:10px;
}
h2.dump_h1{
    margin:0;
}
h1.dump_h1:hover,h2.dump_h1:hover{
    color:#20456A;
}
.dump_link a,.d_linkof a{
    font-family: Tahoma;
    color: #0C62A9;
    text-decoration:none;
    font-weight:bold;
}
.dump_link a:hover,.d_linkof a:hover{
    color: #FF0000;
    text-decoration:underline;
}
.d_dump{
font-family:Tahoma;
margin-top:5px;
padding:7px;
background: #fff;
border: 1px solid #DEDEDE;
-webkit-box-shadow: 0 2px 10px 0 #c6c8c9;
box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .100);   
color:#999;  
border-radius:.50rem; 
}
.d_dump:hover{
    color:#444;
}
.d_dump a{
   color:#0C62A9;
   text-decoration:none; 
   font-weight: 700;
}
.d_dump a:hover{
   color: #FF0000;
   text-decoration:underline; 
}
.back{
 margin-top:-7px;
 background: #fff url(../img/fon13.gif);
}
span._span{
    position:absolute;
    right:15px;
}
.dedump,.astdump{
    font-family:Verdana;
    width:230px;
    margin:auto;
    background:#FF0000;
    color:#FFF;
    border-radius:20px;
    padding:10px;
    text-align:center;
    cursor:pointer;
}
.dedump:hover,.astdump:hover{
    background:#548C3A;
    animation: sonarSuccess 1.5s ease infinite
}
#rCerere{
    display:none;
    line-height:22px;
}
.adCom,.tCerere{
    font-family:Ubuntu;
    background:#177EC9;
    padding: 12px 20px;
    color:#FFF;
    border-radius:5px;
    transition: 0.1s all linear;
    text-align: center;
    cursor:pointer;
    float: right !important;
    animation: sonarInfo 1.5s ease infinite;
}
.adCom:hover,.tCerere:hover{
    background:#3592D7;
}
.asteapta{
    margin-bottom:5px
}
.demo-wrapper {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height:80px;
    z-index: 900;
    margin: auto;
}
.html5-progress-bar {
    padding: 15px 15px;
    border-radius: 0px;
    background: #fff;
    z-index: 900;
}
.html5-progress-bar .progress-bar-wrapper {
    background: #f3f3f3;
    border: 0;
    width: 100%;
    height: 40px;
    border-radius: 0px;
}
.html5-progress-bar #progressbar {
    width: 0;
    background: #99CC00;
    background: -moz-linear-gradient(top, #cdeb8e 0%, #a5c956 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdeb8e), color-stop(100%,#a5c956));
    background: -webkit-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
    background: -o-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
    background: -ms-linear-gradient(top, #cdeb8e 0%,#a5c956 100%);
    background: linear-gradient(to bottom, #cdeb8e 0%,#a5c956 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cdeb8e', endColorstr='#a5c956',GradientType=0 );
    border-radius: 0px;
    height: 40px;
}
#prg{
font-family: Arial;
font-size: 13px;
}
#crs{
 font-family: Arial;
  font-size: 13px;
  margin-top:5px;   
  *margin-top:-10px;
  float:right
}
.ds{
    font-family:Arial;
    margin-bottom:10px;
}
sub, sup {
    font-size: 80%;
    line-height: 0;
    position: relative;
    margin-left: .1em;
    vertical-align: baseline;
    color:#FF0000;
}
sup {
    top: -.2em;
}
#omis,#neomis{
 position:relative;
 margin-top:15px;
 cursor:pointer;   
}
#omis:hover,#neomis:hover{
    color:#FF0000;
    text-transform:uppercase;
}
#ok,#okr{
 position:relative;
 margin-top:-25px;
}
.ProfileHeader {
text-align:center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: relative;
padding: 10px;
}
.ProfileAvatar {
    width: 160px;
    height: 160px;
    position: relative;
    margin-bottom: 8px;
}
.nobg {
    font-family: Ubuntu;
    background: #8ab509;
    border-radius: 10px 10px 0 0;
    padding: 8px;
    text-align: left;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    display: block;
}
span.scom {
    background: #FFF;
    border-radius: 103px;
    color: #000;
    font-size: 19px;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    *line-height: 23px;
    padding: 0 7px;
    margin-top:-1px;
    *margin-top:-23px;
    float: right;
}
span.susr {
    font-family:Ubuntu;
    background: #FF0000;
    border-radius: 103px;
    color: #FFF;
    font-size: 19px;
    font-weight: 700;
    height: 25px;
    line-height: 25px;
    *line-height: 23px;
    padding: 0 7px;
    *margin-top:-21px;
    float: right;
}
.pd {
    font-family: Tahoma;
    font-size: 15px;
    text-align: right;
    padding: 4px 7px;
}
.lista {
   font-family: Ubuntu;
    background: #fff;
    border-collapse: collapse;
    width: 100%;
    border-top: 1px solid #DDDFE2;
    border-left: 1px solid #DDDFE2;
    -webkit-box-shadow: 0 2px 4px 0 #c6c8c9;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .100);
}
.lista a{
    color:#333;
    text-decoration:none;
}
.lista a:hover{
 text-decoration:underline;  
 color: #318BFF; 
}
.lista .right {
    text-align: right;
    padding: 7px;
}
td.s {
    width: 130px;
    text-align: left;
}
.detalii {
    font-weight: 400;
    font-size: 15px;
    border-radius: 10px;
    width: 100%;
    border: 0;
}
.detalii td {
    border: 0;
    padding: 5px;
}
td.ima {
    width: 100px;
    text-align: center;
}
.lista td {
    border-right: 1px solid #DDDFE2;
    border-bottom: 1px solid #DDDFE2;
}
.lista td.s{
   border:0; 
}
td {
vertical-align: inherit;
}
.ProfileAvatar--clickable {
    -webkit-transition: all .3s;
    transition: all .3s;
}
.ProfileAvatar--clickable:hover img{   
left: -85px;
filter: grayscale(100%);
-webkit-filter: grayscale(100%); 
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%); 
-o-filter: grayscale(100%);
-webkit-filter: grayscale(1);
animation:e 0.5s running linear;
filter: gray;
}
.ProfileAvatar__Photo {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 100%;
}
.ProfileName {
    font-family:Ubuntu;
    color: #2E6399;
    display: -webkit-box;
    display: -ms-flexbox;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
    font-size: 22px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 5px;
    white-space: nowrap;
}
.bld{
  font-family:Ubuntu;
  font-size: 19px;
  font-weight: 700;  
}
a.prim{
    font-family:Ubuntu;
    color:#278BEF;
    text-decoration:none;
   
}
a.prim:hover{
    color:#0C62A9;
   text-decoration:underline; 
}
._spn {
    color: #318BFF;
    font-weight: bold;
}
._spn a {
 color: #318BFF;
 text-decoration:none;
}
._spn a:hover{
    color:#FF0000;
    text-decoration:underline
}
.ribbon {
    width: 90px;
    height: 50px;
    overflow: hidden;
    top: -1px;
    position: absolute;
    left: -5px;
}
.ribbon span {
    position: absolute;
    display: block;
    width: 90px;
    padding: 10px;
    background-color: #4680ff;
    box-shadow: 0 5px 10px rgba(0,0,0,.05);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0,0,0,.2);
    text-transform: uppercase;
    text-align: center;
    top: 10px;
    z-index: 9;
}
.donor span{
 background-color: #4caf50;
}
.pageload-overlay {
    z-index: 1000;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #FFFFFF;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}
.pageload-overlay .container {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
.row {
    max-width: 75rem;
    margin-right: auto;
    margin-left: auto;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}
.text-center {
    text-align: center;
}
.column, .columns {
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
    padding-right: .625rem;
    padding-left: .625rem;
    min-width: 0;
}
.pace {
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 2000;
    position: fixed;
    margin: auto;
    top: 15%;
    left: 0;
    right: 0;
    bottom: 0;
    height: 5px;
    width: 200px;
    overflow: hidden;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.pace .pace-progress {
    box-sizing: border-box;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    max-width: 200px;
    position: fixed;
    z-index: 2000;
    display: block;
    position: absolute;
    top: 0;
    right: 100%;
    height: 100%;
    width: 100%;
    background: #1377B3;
}
h4.txl{
    font-family:Ubuntu;
    font-size: 45px;
    text-transform:uppercase;
    margin-top: 0;
    color:#1377B3;
    animation: expandOpen 1s linear;
}

.con{
    font-family:Ubuntu;
    background:#4BCC1F;
    color:#FFFFFF;
    margin:-5px 0 5px;
    padding:7px;
    border-top:2px solid #4BCC1F;
    border-bottom:2px solid #4BCC1F;
    text-align:center;
}
.dcon{
    font-family:Ubuntu;
    background:#FF6F6F;
    color:#FFFFFF;
    margin:-5px 0 5px;
    padding:7px;
    border-top:1px solid #FF0000;
    border-bottom:1px solid #FF0000;
    text-align:center;
}
._1img {
    width: 50px;
    height: 50px;
    align-items: center;
    background-color: rgba(0, 0, 0, .05);
    border-radius: 100%;
    display: flex;
    justify-content: center;
    overflow: hidden;
    float: left;
    border: 2px #fff solid;
    box-shadow: 0 0 2px rgba(0, 0, 0, 1);
    margin-right: 9px;
}

._1img:hover{
    animation: e 1s linear;
}
li.cnt {
    margin-top: -15px;
    padding:10px 0px 0;
    border-bottom: 0;
}
li.cnt:hover {
   background:none;
}
._2img {
    height: 50px;
}
._3img {
    padding-top: 10px;
    overflow: hidden;
    flex: 1 1 0%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align:left;
}
._1qt5 {
    font-family: Arial;
    color: #999;
}
._1qt5 {
    flex: 1 1 0%;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
._5l-3 {
    background: url(../img/msg.png) no-repeat;
    margin: -45px 5px;
    cursor: pointer;
    display: flex;
    height: 50px;
    width: 50px;
    right:0;
    position:absolute;
}
.b-dr {
    display:block;
    float: right;
    margin-top: -35px;
    margin-right: 2%;
    position:relative;
}
.medr {
    display: block;
    margin-left: 10px;
    width: 44px;
    float: left;
    position: relative;
    cursor: pointer;
    z-index: 700;
}
.medr img{
    margin-top:-8px;
}
.anim{ 
   animation: sonarInfo 1.5s ease infinite;
   border-radius: 50px; 
}
.rad{
    border-radius: 103px;  
}
.radi{
   border-radius:100%;
}
.nu{
    display:none;
}
.notfr {
    background: #da2929;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    border:2px solid #FFF;
    _height: 17px;
    line-height: 16px;
    padding: 0 5px;
    position: absolute;
    top: -5px;
    margin-left: -15px;
}
#mob{
    display:none;
}
.istoric::-webkit-scrollbar {
	display: none;
}
.istoric_lista{
  text-align:center;
  margin-top:40px;  
  padding:8px;
}
.istoric {
    display:none;
    position: fixed;
    top: 122px;
    right: 15px;
    width: 500px;
    margin:auto;
    background: #fff;
    color: #263238;
    z-index: 900;
    border-radius: 0 0 4px 4px;
    padding-top: 12px;
    max-height: 600px;
    overflow-y: scroll;
     overflow-x: hidden;
    text-align: left;
    -webkit-box-shadow: 0 2px 2px 2px rgba(0, 0, 0, .1);
    box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1);
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #DEDEDE;
    animation: fadeIn  0.5s running linear;
    border-radius: 0 0 20px 20px;
    transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1), width 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
li.recente {
    width:477px;
    background: #ff0000;
    background-image: linear-gradient(110deg, #ff5f2e 0%, #ff0000 42%, #ff5f2e 100%);
    color: #FFF;
    font-weight: bold;
    margin-top: -12px;
    padding: 5px 5px 5px 18px;
    border-bottom: 1px solid #E6EBEF;
    list-style: none;
    position:fixed;
    z-index:100;
}
.istoric__entry {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 40px;
}
.istoric__text {
    font-family:Tahoma;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    direction: ltr;
    line-height: 1;
    margin-left: -40px;
    color:#777;
    white-space: nowrap;
}

.istoric__icon {
    width: 106px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 96px;
    flex: 0 0 96px;
    background-repeat: no-repeat;
}
.imes{
    width:40px;
    height:40px;
   *border-radius:0;
}
.data_adaugare{
    font-size: 12px;
    text-align: right;
}
.nrms {
    padding: 5px 10px;
    border-radius: 50px;
    background: #999;
    display: inline-block;
    font-size: 12px;
    text-transform: uppercase;
    text-align: center;
    line-height: 15px;
    color: #ffffff;
    margin-bottom: 3px;
    margin-left: 10px;
}
.nrmn{
    background: #FF0000;
}
img.emo {
    width: 24px;
    height: 24px;
    pointer-events: none;
    vertical-align: middle;
    position: relative;
}
#actz{
margin-right:15px;
margin-top: -18px;
}
.ico_maimult{
    display:none;
    position: fixed;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    z-index: 100;
    text-align:center;

}
#lmore{
    text-align: center;
    margin-top: 8px;
}
.ist{
    background:#FFF7F7;
    border:2px dashed #FF5F2E;
    padding:5px;
    margin:-6px;
    margin-bottom:0;
}
.contact {
    width:650px;
    flex: 1 1 auto;
    margin: 3% auto;
    font-family: Tahoma;
}
.coment {
    display:table;
    width:750px;
    flex: 1 1 auto;
    margin: 3% auto;
    font-family: Tahoma;
}
.cc {
    height: 40px;
    line-height: 1;
    font-size: 1.1em;
    font-family: 'Ubuntu','Arial Narrow', serif;
}
.tt{
    line-height: 1;
    font-size: 1.1em;
    font-family: 'Ubuntu','Arial Narrow', serif;
}
.tmail,.sdate {
    background: #4c69ba;
    background: -webkit-linear-gradient(#0084FF,#4c69ba);
    background: linear-gradient(#0084FF,#4c69ba);
    color: #FFF;
    cursor: pointer;
    display: block;
    margin-right: 5px;
    margin-top:1px;
    padding: 10px;
    border:0px;
    border-radius: 2px;
    font-weight: bold;
    text-align: center;
    animation: sonarInfo 1.5s ease infinite;
}
.tmail:hover,.tmail:focus,.sdate:hover, .sdate:focus{
   background: #69A74E;
   background: -webkit-linear-gradient(#69A74E,#3B6E22);
   background: linear-gradient(#69A74E,#3B6E22);   
   animation: sonarSuccess 1.5s ease infinite;
}
.checkbox {
    position: relative;
    background: #EEE;
    width: 55px;
    height: 26px;
    -webkit-appearance: initial;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    outline: none;
    margin-top:-3px;
    font-size: 14px;
    font-family: Ubuntu;
    cursor: pointer;
}
.checkbox:after{
position:absolute;
top:8%;
display:block;
line-height:22px;
width:45%;
height:85%;
background:#fff;
box-sizing:border-box;
text-align:center;
transition:all 0.5s ease-in 0s;
color:#333;
}
.checkbox:after{
background:#FF0000;
left:1%;
content:"NU";
color:#FFF;
margin-left:2px;
}
.checkbox:checked:after{
background: #709500;
left:53%;
content:"DA";
color:#FFF;
margin-left:-2px;
}
.hparola {
    background: url(../img/show.png) 99% 50% no-repeat;
    width: 32px;
    height: 32px;
    cursor: pointer;
    _top: 5px;
    right: 5px;
    position: absolute;
    float: right;
}
.aparola {
    background: url(../img/hide.png) 99% 50% no-repeat;
    width: 32px;
    height: 32px;
    _top: 5px;
    right: 5px;
    cursor: pointer;
    position: absolute;
    float: right;
}
.regu{
    width:95px;
    height:100px;
    background: url(../img/regulament.png?v=0) center no-repeat;
    margin:auto;
    top:-60px;
    position:relative;
}
.cdmp{
    width:95px;
    height:100px;
    background: url(../img/dmp.png) center no-repeat;
    margin:auto;
    top:-65px;
    position:relative;
}
.cdmp:hover{
 animation: swing 0.5s  linear;
}
.sda{
    width:60px;
    background: #FF0000;
    font-family:Ubuntu;
    padding:10px;
    color:#fff;
    border:0;
    border-radius:20px;
    outline:0;
    cursor:pointer;
}
.snu{
    width:60px;
    background: #669DF6;
    font-family:Ubuntu;
    margin-right:10px;
    padding:10px;
    color:#fff;
    border:0;
    border-radius:20px;
    outline:0;
    cursor:pointer;
}
.del,.stergere{
display:none;
background:#fff;
position:fixed;
top:50%;
right:50%;
left:50%;
width:250px;
height:100px;
margin-left:-125px; 
border:1px solid #fff;
border-radius:2px;
-webkit-box-shadow: 0px 0px 5px #00436A;
-moz-box-shadow: 0px 0px 5px #00436A;
-ms-box-shadow: 0px 0px 5px #00436A;
-o-box-shadow: 0px 0px 5px #00436A;
box-shadow: 0px 0px 5px #00436A;
filter: progid:DXImageTransform.Microsoft.Shadow(Color=#E6E6E6, Strength=5, Direction=0),
        progid:DXImageTransform.Microsoft.Shadow(Color=#E6E6E6, Strength=5, Direction=90),
        progid:DXImageTransform.Microsoft.Shadow(Color=#E6E6E6, Strength=5, Direction=180),
        progid:DXImageTransform.Microsoft.Shadow(Color=#E6E6E6, Strength=5, Direction=270);
z-index:101;
}
.credit_insuficient{
display:none;
background:#fff;
margin-top: 5px;
min-height:100px;
border: 1px solid #DEDEDE;
-webkit-box-shadow: 0 2px 10px 0 #c6c8c9;
box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
z-index:101;
}
span.som {
    background: #FFF;
    border-radius: 3px;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding: 0 7px;
    position: absolute;
    right: 7px;
    cursor: pointer;
}
.dcom {
    background: #A8D6FF;
    color: #115C95;
    margin: 5px 0 5px;
    padding: 15px;
    text-align: left;
    font-weight: bold;
    border-radius: .50rem .50rem 0 0;
}
.cmpr {
    width: 100%;
    margin: auto;
    background: #FFFFFF;
    margin-bottom: 5px;
    border: 1px solid #DEDEDE;
    -webkit-box-shadow: 0 2px 10px 0 #c6c8c9;
    box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%);
    word-wrap: break-word;
}
.nobr {
    background: #E8E8E8;
    padding: 13px;
    border: 1px solid #FFF;
    text-align: center;
    color: #365899;
    font-weight: bold;
    display: block;
}
.mesaje {
    display: inline-block;
    padding: 15px;
    overflow: hidden;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    white-space: normal;
}
.l:hover,.lc:hover {
    background: url(../img/xh.png) no-repeat;
}
.l,.lc{
    background: url(../img/xx.png) no-repeat;
    margin: -35px -3px;
    cursor: pointer;
    height: 20px;
    width: 20px;
    float: right;
    z-index: 901;
}

.poza {
    width:300px;
    cursor:pointer;
}
a.lnk{
 text-decoration:none;
 color:#1155D6;
}
a.lnk:hover{
   text-decoration:underline; 
}
.ZoomScr {
    position: fixed;
    z-index: 160;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,.5);
}
img.Zoom {
    background-color: #fff;
    -webkit-box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
    box-shadow: 0 2px 2px rgb(0 0 0 / 10%);
    height: auto;
    max-height: 95%;
    width: calc(100% - 20px);
    max-width: 650px;
    position: fixed;
    z-index: 161;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    border: 2px solid #FFF;
}
.logopaypal {
    background: url(../img/paypal.gif) no-repeat scroll 0px 3px;
    width: 280px;
    height: 50px;
}
.paypal {
    float: right;
    margin-top: -50px;

}
a.cmp{
    color:#318BFF;
    text-decoration:none;
}
a.cmp:hover{
    color:#FF0000;
    text-decoration: underline;
}
a.admn{
    font-size:14px;
    line-height:25px;
    cursor:pointer;
    margin-top:-3px;
    float:right;
}
#preloader {
    display: none;
    background: url(../img/progress.gif) no-repeat center 120px;
    position: fixed !important;
    width: 100%;
    height: 100%;
    z-index: 100;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index: 1000;
}
@media (min-width: 100px) and (max-width:1005px) {
    .fundal,.container{
        width:600px; /**95**/
        margin:auto; 
    }
    .mesaje{
         padding: 10px;
    }
    
    .contai{
        width:600px;
    }
    .a_blue{
        padding:15px;
    }
    .submeniu{
        display:none;
        width:200px;
        
    }
    img.profil,.esubmeniu  {
     width: 197px;
     height: auto;
     }
     .addp{
        width:185px;
     }
     #actz{
        margin-right: 30px;
     }
    .d_linkof{
        width:97%;
    }
    .i_useru{
        width:101%
    }
    .info_dump{
      width: calc(100% - 8%);
      margin:auto;
      right:0;
      left:0;
      position:relative;
    }
    .statistica{
        width: 600px;
        position:relative;
        top:5px;
        right:0;
        margin:auto;
        float:none;
    }
    .aDump{
        width: 600px;
        margin:auto; 
        float:none;  
    }
    .container_log{
         display:block;
         width:600px;
         margin:auto;
         float:none;
    }
    .mlogare{
        width:360px;
    }  
    .continut-left {
        width:100%;
        float:none;
        margin:auto;
        margin-top:15px;
        padding:0;
    }    
    .continut-right {
        width:100%;
        margin:auto;
        margin-top:10px;
        float:none;
        padding:0;
 
    }
    .log{
      padding: 10px 20px;  
    }
    .reg{
      padding: 10px 16px;   
    }
    .Input,.eroare_input,.succes_input{
        width:94%;
    }
    #progres{
        width:90%;
    }
}

@media (min-width: 100px) and (max-width:800px) {
    .anim{
      animation: 1.5s swing infinite;  
      border-radius: 0; 
     }
    #pc{
        display:none;
    }
    #mob{
        display:block;
    }
    .b-dr{
    display: block;
    margin-top: -92px;
    margin-left: 35px;
    position: absolute;
    }
    .notfr{
        margin-left: 25px;
    }
    .istoric{
    width: 100%;
    max-height:70%;
    top: 70px;
    left: 0px;
    border-radius:0;
    border-top: 1px solid #FFF;
    border-left:0;
    border-right:0;
    }
    li.recente{
        width:100%;
    }
    .istoric__text{
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    }
    .contact,.coment{
        width:95%;
    }
}
@media (min-width: 100px) and (max-width:700px) {
    .contai{
        width:80%;
    }
}
@media (min-width: 100px) and (max-width:650px) {
    .fundal,.container,.mpr{
        width:95%;
        float:none;
    } 
    .bgr {
      width:95%;
      margin:10px auto;
    }
    .container_log,.ad_dump,.statistica,.aDump{
        width:98%;
        float:none;      
    }
}
@media (min-width:100px) and (max-width:550px){
    .erroare{
      margin-right:-48.2%;
      width:95%
    }
    .dialog{
      margin-right:-50%;
      width:100%;
      top:0;  
      box-shadow:none;
    }
    #alerta_ajax_login,#alerta_info, .container,.d_linkof{
     width:95%
    }
    .i_useru{
        width:100%;
    }
    .sus{
     width:98%;
  }
}
@media only screen and (min-width: 100px) and (max-width: 450px) {
    .contai{
        width:95%;
    }
     .poza, iframe{
        width:100%;
    }
    .adCom,.tCerere{
       float: none !important;
    }
}
@media only screen and (min-width: 100px) and (max-width: 427px) {
     #cont,.sus{
        display:none;
    } 
    .mlogare{
      width:95%; 
      margin:auto;
      right:0;
      left:0;
    }
    .sinfo{
        display:block;
        background:#FFF;
        width:95%;
        margin:auto;
        margin-top: 10px;
        margin-bottom: 20px;
        border: 1px solid rgba(0,0,0,.125);
        border-radius: .50rem;
        *border: 1px solid #DEDEDE;
        border-top: 1px solid #DDDFE2;
        border-left: 1px solid #DDDFE2;
        -webkit-box-shadow: 0 2px 4px 0 #c6c8c9;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .100);
    }  
    .pad{
         padding: 30px 20px 30px;
    } 
    .iUpload{
        margin-top:-20px;
    }
}
@media (min-width: 100px) and (max-width:400px) {
  .logo{
     background:url(../img/logo.png) no-repeat;
     margin: 7px 0 0 10px; /**16**/
  } 
  .d_linkof{
    width:93%;
  }
  .hd.logo{
    margin: 25px 0 0 10px;
  }
  .dedump, .astdump{
    width:auto;
  }
} 

@keyframes sonarSuccess {
	0% {
		box-shadow: 0 0 0 0 #28a745
	}

	to {
		box-shadow: 0 0 0 10px transparent
	}
}
@keyframes sonarInfo {
	0% {
		box-shadow: 0 0 0 0 #486ab4
	}

	to {
		box-shadow: 0 0 0 10px transparent
	}
}