.calleman-widget {
  font-family: "Helvetica", "Arial", sans-serif;
  padding: 1rem; }
  .calleman-widget-content {
    background-color: #efefef; }
    .calleman-widget-content-login {
      margin: 2rem -1rem -1rem -1rem;
      padding: 0 1rem; }
      .calleman-widget-content-login .calleman-widget-full-info {
        padding-top: 1rem; }
      .calleman-widget-content-login .calleman-widget-form {
        padding-bottom: 1rem; }
  .calleman-widget-btn {
    border-radius: 0.25rem;
    padding: 0.8rem;
    font-size: 1.2rem;
    font-weight: bold;}    
  #widget-call-button:hover, #widget-sms-button:hover {
      background-color: #efefef;}
    .calleman-widget-btn:not(:disabled):not(.disabled) {
      cursor: pointer; }
    .calleman-widget-btn-primary {
      border-color: #d33b2f;
      background-color: #d33b2f;
      color: white; }
    .calleman-widget-btn-secondary {
      color: #d33b2f;
      background-color: white;
      border: 1px solid #efefef;
      font-size: 1.2rem;
      font-weight: bold;  
    color:blue;}
      .calleman-widget-btn-secondary .calleman-widget-icon > svg {
        height: 1rem;
        width: auto; }
    .calleman-widget-btn-block {
      display: block;
      width: 100%; }
  .calleman-widget-status {
    border: 1px solid grey;
    border-radius: 1rem;
    font-size: 0.8rem;
    padding: 0.35rem 0.5rem 0.25rem 0.5rem; }
    .calleman-widget-status-online .calleman-widget-status-marker {
      color: #1e8235; }
    .calleman-widget-status-offline .calleman-widget-status-marker {
      color: #d33b2f; }
  .calleman-widget-input-group {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    width: 100%;
    -ms-flex-align: stretch;
        align-items: stretch; }
    .calleman-widget-input-group-prepend {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      margin-right: -1px;
      display: -ms-flexbox;
      display: flex; }
    .calleman-widget-input-group-text {
      color: #495057;
      padding: 0.75rem .75rem;
      background-color: #e9ecef;
      border: 1px solid #ced4da;
      border-radius: 0.25rem; }
  .calleman-widget-input-group > .calleman-widget-form-control:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0; }
  .calleman-widget-input-group > .calleman-widget-form-control:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .calleman-widget-input-group > .calleman-widget-input-group-prepend > .calleman-widget-input-group-text {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }
  .calleman-widget-form {
    margin-top: 1rem; }
    .calleman-widget-form-heading {
      font-weight: bold;
      padding-bottom: 0.8rem; }
    .calleman-widget-form-control {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
      padding: .75rem .75rem;
      background-color: #fff;
      border: 1px solid #ced4da;
      border-radius: 0.25rem;
      background-clip: padding-box;
      -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
      transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
      -o-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
      transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
      transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; }
    .calleman-widget-form-group {
      margin-bottom: 1rem; }
    .calleman-widget-form-check {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
      -ms-flex-pack: justify;
          justify-content: space-between; }
      .calleman-widget-form-check input {
        -ms-flex: 0 0 10%;
            flex: 0 0 10%;
        margin-right: 0.5rem; }
      .calleman-widget-form-check-label {
        -ms-flex: 0 0 85%;
            flex: 0 0 85%;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
        -ms-flex-line-pack: left;
            align-content: left;
        font-size: 0.9rem; }
        .calleman-widget-form-check-label-text {
          -ms-flex: 1 1 auto;
              flex: 1 1 auto; }
        .calleman-widget-form-check-label-logo {
          -ms-flex: 0 0 auto;
              flex: 0 0 auto;
          padding-top: 0.5rem;
          width: 200px;
          height: auto; }
      .calleman-widget-form-check .calleman-widget-form-feedback {
        -ms-flex: 0 0 100%;
            flex: 0 0 100%; }
    .calleman-widget-form-feedback {
      padding-top: 0.5rem;
      color: #d3330e;
      font-size: 0.9rem;
      width: 100%; }
    .calleman-widget-form-text {
      line-height: 1.5;
      padding-top: 0.5rem;
      font-size: 0.9rem;
      color: #495057; }
  .calleman-widget-loading {
    padding: 0.75rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
    -ms-flex-align: center;
        align-items: center;
    color: #a8a8a8; }
    .calleman-widget-loading-icon {
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
      border: 16px solid #f3f3f3;
      /* Light grey */
      border-top: 16px solid #3498db;
      /* Blue */
      border-radius: 50%;
      width: 120px;
      height: 120px;
      -webkit-animation: spin 2s linear infinite;
              animation: spin 2s linear infinite; }
    .calleman-widget-loading-text {
      padding-top: 1rem;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }
  .calleman-widget-logo {
    text-align: center;
    margin-bottom: 1rem; }
  .calleman-widget-user-info, .calleman-widget-card-info {
    line-height: 1.5;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid lightgray; }
    .calleman-widget-user-info .calleman-widget-title, .calleman-widget-card-info .calleman-widget-title {
      font-weight: bold; }
    .calleman-widget-user-info a, .calleman-widget-card-info a {
      font-size: 1rem; }
  .calleman-widget-user-info .calleman-widget-phone {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    -ms-flex-flow: row wrap;
        flex-flow: row wrap; }
    .calleman-widget-user-info .calleman-widget-phone .calleman-widget-strong {
      font-size: 1.5rem; }
    .calleman-widget-user-info .calleman-widget-phone .calleman-widget-logout {
      -ms-flex-item-align: end;
          align-self: flex-end; }
  .calleman-widget-service-info {
    line-height: 1.5;
    font-size: 0.8rem;
    color: #495057; }
    .calleman-widget-service-info a {
      padding-top: 0.5rem; }
  .calleman-widget-alert {
    padding: .75rem 1.25rem;
    border-radius: 0.25rem;
    border: 1px solid transparent;
    margin-bottom: 1rem; }
    .calleman-widget-alert-danger {
      color: #721c24;
      background-color: #f8d7da;
      border-color: #f5c6cb; }
    .calleman-widget-alert-success {
      color: #155724;
      background-color: #d4edda;
      border-color: #c3e6cb; }
    .calleman-widget-alert-clickable {
      cursor: pointer; }
  .calleman-widget-hidden {
    display: none; }
  .calleman-widget-toggle-buttons {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
        justify-content: space-between;
    margin: -1rem; }
    .calleman-widget-toggle-buttons .calleman-widget-btn {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
      .calleman-widget-toggle-buttons .calleman-widget-btn.calleman-widget-active {
        background-color: #efefef; }
    .calleman-widget-toggle-buttons .calleman-widget-btn:not(:last-child) {
      margin-right: 0.5rem; }
    .calleman-widget-toggle-buttons ~ .calleman-widget-full-info {
      margin-top: 1rem;
      padding-top: 1rem; }
  .calleman-widget-full-info {
    text-align: center;
    line-height: 1.5;
    margin-top: -0.5rem; }
    .calleman-widget-full-info .calleman-widget-info {
      font-size: 1.5rem;
      margin: 0 0 0.7rem; }
      .calleman-widget-full-info .calleman-widget-info .calleman-widget-strong {
        color: #d33b2f;
        font-weight: bold; }
      .calleman-widget-full-info .calleman-widget-info .calleman-widget-price {
        color: #5c5c5c;
        font-size: 0.9rem; }
      .calleman-widget-full-info .calleman-widget-info .calleman-widget-new-price {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
            justify-content: center;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
        color: #5c5c5c;
        font-size: 0.9rem;
        padding-top: 0.5rem; }
        .calleman-widget-full-info .calleman-widget-info .calleman-widget-new-price > span {
          margin: 0 0.2rem;
          -ms-flex: 1 1 50%;
              flex: 1 1 50%; }
      .calleman-widget-full-info .calleman-widget-info .calleman-widget-old-price {
        text-decoration: line-through; }
      .calleman-widget-full-info .calleman-widget-info .calleman-widget-happy-price {
        color: black; }
      .calleman-widget-full-info .calleman-widget-info .calleman-widget-happy-banner {
        background: #f52c0c;
        border-radius: 5px;
        color: white;
        font-size: 0.9rem;
        line-height: 1.25;
        padding: 0.5rem;
        margin-top: 1rem; }
        .calleman-widget-full-info .calleman-widget-info .calleman-widget-happy-banner p {
          margin: 0; }
    .calleman-widget-full-info .calleman-widget-alternative {
      font-weight: bold;
      margin-bottom: 0; }
  .calleman-widget-separator {
    font-style: italic;
    color: #535353;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    margin-bottom: 1rem; }
    .calleman-widget-separator div {
      -ms-flex: 1 1 auto;
          flex: 1 1 auto; }
      .calleman-widget-separator div:not(:first-child):not(:last-child) {
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
        padding: 0 2rem; }
  .calleman-widget-provided-by {
    color: #5c5c5c;
    font-size: 0.9rem;
    text-align: center; }
  .calleman-widget a {
    color: #d33b2f;
    text-decoration: underline; }
    .calleman-widget a:hover {
      color: #aa332b;
      cursor: pointer; }
    .calleman-widget a:visited {
      color: #d33b2f; }
      

  .calleman-widget-volani, .calleman-widget-sms { 
    display:none; 
    background-color: #efefef;
    border-radius: 0.25rem;
    padding: 0.8rem 0.5rem 0.3rem 0.5rem;
    font-size: 1.2rem;
    font-weight: bold; }     
      
#widget-place {
    font-weight: normal;
}  
#widget-place .volani_vyber_obal .infotext_2 { 
  font-family: Quicksand,Helvetica, sans-serif; 
  font-size:28px;
  line-height:30px;
  color:#434e9c;
  margin-bottom:20px;
} 
.calleman-widget-volani-title{
    text-align:center;
    font-size: 1.0rem;
    font-weight: normal;
    padding: 0  0 15px 0;  
      color: #0f1349;
}          
.calleman-widget-sms-title{
    text-align:center;
    font-size: 1.2rem;
    font-weight: normal;
    padding: 0  0 15px 0;  
      color: #0f1349;
}    
  .calleman-widget-volani-1, .calleman-widget-volani-2,  .calleman-widget-volani-3,  .calleman-widget-sms-1,  .calleman-widget-sms-2,  .calleman-widget-sms-3 {
    border-radius: 0.25rem;
    font-size: 1.2rem;
    font-weight: bold;  
      color: #0f1349;
    background-color: #ffffff;
    margin-bottom:3px;
    }    
  .calleman-widget-volani-2,  .calleman-widget-volani-3,.calleman-widget-sms-2,  .calleman-widget-sms-3 {
    cursor:pointer;
    cursor:hand;
    } 
    
 .calleman-widget-volani-20 {
    margin-bottom:3px; 
    background-color: #ffffff;
 }  

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.calleman-widget-td1-phone, .calleman-widget-td1-phone a {  
padding-top:20px;font-size:1.2rem;    
text-decoration:none;    
      color: #0f1349;
}  
.calleman-widget-td1-card {  
padding-top:11px;font-size:1.2rem;
}     
.calleman-widget-td1-card-img {  
position:relative;top:5px;margin:0 5px;
}                   
.calleman-widget-td1-card-img1 {  
float:left;position:relative;top:-9px;left:-10px;margin-bottom:-13px;
}                 
.calleman-widget-td1-card-span {  
position:inline-block;float:left;font-size:0.7rem;position:relative;top:-3px;left:-10px;margin-bottom:-16px;
}                   
.calleman-widget-td1-card-span1 {  
text-decoration:underline;
}    
.calleman-widget-td1-purse {  
padding-top:20px;font-size:1.2rem;text-decoration:none;
}         
.calleman-widget-td1-img {  
position:relative;top:-5px;margin:0 5px;
}            
.calleman-widget-td1-card-img {  
position:relative;top:5px;margin:0 5px;
} 
.calleman-widget-td2 {  
padding-top:13px;
}    
.calleman-widget-td2-span1 {  
position:inline-block;font-size:0.8rem;float:left;
}       
.calleman-widget-td2-span2-img {  
float:left;position:relative;top:-5px;
}    
.calleman-widget-td2-span3 {  
position:inline-block;float:left;font-size:0.7rem;position:relative;top:-16px;margin-bottom:-16px;
}                
.calleman-widget-td3 {  
padding:0;
}
.calleman-widget-td4 {
padding-top:10px;font-size:1.1rem;
} 
.calleman-widget-td4-img {
position:relative;top:0;margin:0 5px;
}  
.calleman-widget-td4-span {
position:inline-block;position:relative; top:10px;
}  
.calleman-widget-td4-3-span {
position:inline-block;position:relative; top:10px;text-decoration:none;
}
     

span[vlastni-title] {position: relative; border-bottom: 1px dotted #000; cursor: help}
span[vlastni-title]:hover:after {border: 1px solid #0f1349; color: #0f1349; border-radius: .2em; background: #ffffff; content: attr(vlastni-title); position: absolute; top: 2.2em; left: -17em; z-index:1000; padding: .5em; width: 30em;font-weight:normal;font-size:15px;line-height:17px}



@media screen and (max-width: 700px) {  
.calleman-widget-td1-phone, .calleman-widget-td1-phone a {  
padding-top:20px;font-size:1.0rem;   
text-decoration:none;    
      color: #0f1349;
}              
.calleman-widget-td1-card {  
padding-top:11px;font-size:1.0rem;
}        
.calleman-widget-td1-purse {  
padding-top:20px;font-size:1.0rem;text-decoration:none;
}     
.calleman-widget-td1-img {  
position:relative;top:-5px;margin:0 5px;
}            
.calleman-widget-td1-card-img {  
position:relative;top:5px;margin:0 5px;
}                   
.calleman-widget-td1-card-img1 {  
float:left;position:relative;top:-9px;left:-10px;margin-bottom:-13px;
}                 
.calleman-widget-td1-card-span {  
position:inline-block;float:left;font-size:0.6rem;position:relative;top:-3px;left:-10px;margin-bottom:-16px;
}                   
.calleman-widget-td1-card-span1 {  
text-decoration:underline;
} 
.calleman-widget-td2 {  
padding-top:13px;
}    
.calleman-widget-td2-span1 {  
position:inline-block;font-size:0.6rem;float:left;
}       
.calleman-widget-td2-span2-img {  
float:left;position:relative;top:-5px;
}    
.calleman-widget-td2-span3 {  
display:block;float:left;width:95%;font-size:0.6rem;position:relative;top:-16px;margin-bottom:-16px;
}                
.calleman-widget-td3 {  
padding:0;
}
.calleman-widget-td4 {
padding-top:10px;font-size:0.8rem;
} 
.calleman-widget-td4-img {
position:relative;top:0;margin:0 5px;
}  
.calleman-widget-td4-span {
position:inline-block;position:relative; top:10px;
}  
.calleman-widget-td4-3-span {
position:inline-block;position:relative; top:10px;text-decoration:none;
}
}     


@media screen and (max-width: 450px) {  
.calleman-widget-td1-phone, .calleman-widget-td1-phone a {  
padding-top:20px;font-size:0.7rem;   
text-decoration:none;    
      color: #0f1349;
}              
.calleman-widget-td1-card {  
padding-top:11px;font-size:0.7rem;
}        
.calleman-widget-td1-purse {  
padding-top:20px;font-size:0.7rem;text-decoration:none;
}     
.calleman-widget-td1-img {  
position:relative;top:-5px;margin:0 5px;
}            
.calleman-widget-td1-card-img {  
position:relative;top:5px;margin:0 5px;
}     
.calleman-widget-td1-card-img {  
position:relative;top:5px;margin:0 5px;
}                   
.calleman-widget-td1-card-img1 {  
float:none;position:relative;top:-9px;left:-10px;margin-bottom:-13px;
}                 
.calleman-widget-td1-card-span {  
position:inline-block;float:left;font-size:0.5rem;position:relative;top:-3px;left:10px;margin-bottom:-16px;
}                   
.calleman-widget-td1-card-span1 {  
text-decoration:underline;
} 
.calleman-widget-td2 {  
padding-top:13px;
}    
.calleman-widget-td2-span1 {  
position:inline-block;font-size:0.5rem;float:left;
}       
.calleman-widget-td2-span2-img {  
float:left;position:relative;top:-5px;
}    
.calleman-widget-td2-span3 {  
display:block;float:left;width:95%;font-size:0.5rem;position:relative;top:-16px;margin-bottom:-16px;
}                
.calleman-widget-td3 {  
padding:0;
}
.calleman-widget-td4 {
padding-top:10px;font-size:0.7rem;
} 
.calleman-widget-td4-img {
position:relative;top:0;margin:0 5px;
}  
.calleman-widget-td4-span {
position:inline-block;position:relative; top:10px;
}  
.calleman-widget-td4-3-span {
position:inline-block;position:relative; top:10px;text-decoration:none;
}
}