/* -- dynamic code css -- */
         
    #offer_roopDetails_loading{
      clear:both;
      position:relative;
      margin-top:10px;
    }
    
    #offer_roopDetails{
      padding-top:5px;
    }

    #offer_roopDetails_priceFor{
      font-weight:normal;
      font-size:15px;
    }

  /* -- dynamic code css -- */
      
    #offerDates_loader{
      padding:40px;
      text-align:center;
      width:100%;
    }
    #offerDates_loader img{
      width:150px;
      height:150px;
    }
  /* -- dynamic code css -- */
      
    #offer_shareLink{
      display:none;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translateX(-50%) translateY(-50%);
      background: #fff;
      padding: var(--default-margin);
      border: solid 1px #ddd;
      border-radius: 4px;
      font-size: 14px;
      font-weight: normal;
      cursor: pointer;
      -webkit-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.35);
      -moz-box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.35);
      box-shadow: 0px 0px 14px 1px rgba(0,0,0,0.35);
      text-align: left;
      width: 100%;
      z-index: 9;
      max-width: 300px;
    }
    
    #offer_shareLink .title{
      height: 30px;
      line-height: 30px;
    }

    #offer_shareLink_close{
      position: absolute;
      top: var(--default-margin);
      right: var(--default-margin);
      background-image: url(../skin/img/close.svg);
      background-position: center;
      background-size: 12px 12px;
      background-repeat: no-repeat;
      box-sizing: border-box;
      width: 30px;
      height: 30px;
      cursor: pointer;
      z-index: 999;
      border-radius: 15px;
      line-height: 30px;
      text-align: center;
      transition: var(--default-transition);
      box-shadow: var(--default-shadow);
    }
    #offer_shareLink_close:hover{
      background-color: var(--color-main-1);
    }

    #offer_shareLink_input{
      width: 100%;
      box-sizing: border-box;
      padding: 10px;
      line-height: 28px;
      color: var(--text-color-general);
      font-size: var(--font-size-defaut-text);
      border-radius: var(--default-radius);
      border: solid 1px var(--color-main-light-frame);
    }

    #offer_shareLink_copyBtn{
      margin-top: 15px;
      margin-bottom: 15px;
      background: var(--color-btn-action-bg);
      color: var(--color-btn-action-font);
      padding: 8px;
      text-align: center;
      width: 100%;
      font-size: 14px;
      cursor: pointer;
      border-radius: var(--default-radius);
      transition: var(--default-transition);
    }

    #offer_shareLink_copyBtn:hover{
      background: var(--color-btn-action-bg-hv);
      color: var(--color-btn-action-font-hv);
    }

    #offer_shareLink_copyMsg{
      margin-bottom:15px ;
      padding:5px;
      text-align:center;
      width:100%;
      font-size:14px;
      font-weight:bold;
      color:#666;
    }
    
    /*
      Share link
    */

    .sk-copy-offer-link{
      display:block;
      font-size:15px;
      color:var(--color-main-2);
      background-image:url(../skin/img/ico-copy.svg);
      background-repeat: no-repeat;
      background-position: left;
      background-size:16px 18px;
      box-sizing:border-box;
      padding-left:25px;
      cursor:pointer;
      position:relative;
      box-sizing:border-box;
      text-decoration:underline;
      font-weight:bold;
    }

    .sk-copy-offer-link:hover{
      color:var(--color-main-2);
    }

    .sk-copy-offer-link-cnt{
      position:absolute;
      top:0px;
      left:0px;
      box-sizing:border-box;
      width:100%;
      height:100%;
      display:none;
      background:#fff;
    }

  /* -- dynamic code css -- */
      
  
    .pay-po-btn{
      display:none;
      width:100%;
      float:left;
      box-sizing:
      border-box;
      border-radius:var(--default-radius);
      transition:var(--default-transition);     
      margin-bottom:10px;
      margin-top:5px;
      padding-top:7px;
      border:solid 1px #00000000;
    }
    
    .pay-po-btn:hover{
      border:solid 1px #00000066;
    }
    
    .pay-po-img{
      width:100%;
      max-width:320px;
    }

    #tab_description{
      padding-bottom:30px;
    }

    #desc-content.ovhidden{
      max-height:391px;
      overflow:hidden;
    }

    #desc-content-toggle{
      color:var(--color-main-1);
      font-weight:bold;
      position:absolute;
      bottom:0px;
      cursor:pointer;
      transition:var(--default-transition);
      text-decoration:underline;
      text-align:center;
      color:#000;
      background:var(--color-main-1);
      border-radius:var(--default-radius);
      padding:5px 10px;
      display:block;
    }

    /* #desc-content-toggle:before{
      content:'';
      background:red;
      width:calc(100% - 2 * var(--sk-offer-padding-boxes) );
      height:40px;
      position:absolute;
      left:0px;
      top:-50px;
      background: linear-gradient( rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    }*/

    #desc-content-toggle:hover{
      background:#000;
      color:#fff;
    }

    #desc-cnt{
      padding-bottom:33px;
    }

  /* -- dynamic code css -- */
      
    #text-search-cnt{
      display:none;
      position:fixed;
      top:var(--default-margin);
      left:calc( (100% - var(--max-cnt-width)) / 2 );
      width:100%;
      max-width:var(--max-cnt-width);
      padding:30px;
      box-sizing:border-box;
      background:var(--color-main-1);      
      border-radius:var(--default-radius);
      box-shadow:var(--shadow-default);
      z-index:999;
    }
    
    /* 1170px - 2 * --default-margin */
    @media all and ( max-width: 1140px ){
      #text-search-cnt{
        left:var(--default-margin);
        width:calc( 100% - 2 * var(--default-margin) ) ;
      }
    }
    
    #text-search-cnt input{
      height:36px;
      color:#666;
      border-radius:var(--default-radius);
      border:0px;
      font-family:var(--default-font);
      padding:0px 10px;
      box-sizing:border-box;
    }

    #text-search-cnt .close{
      position:absolute;      
      color:#fff;
      display:block;
      bottom:30px;
      right:30px;
      width:36px;
      height:36px;
      border-radius:18px;
      background-color:#fff;
      background-image:url('../skin/img/close.svg');
      background-size:14px 14px;
      background-repeat:no-repeat;
      background-position: center;
      cursor:pointer;
      transition:var(--default-transition);
    }
    
    #text-search-cnt .close:hover{
      transform:rotate(180deg);
    }