/**
 * Olegnax
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Olegnax.com license that is
 * available through the world-wide-web at this URL:
 * https://www.olegnax.com/license
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade this extension to newer
 * version in the future.
 *
 * @category    Olegnax
 * @package     Olegnax_Athlete2
 * @copyright   Copyright (c) 2010-2021 Olegnax (http://www.olegnax.com/)
 * @license     https://www.olegnax.com/license
 */

@import '_icons.less';

@athlete2__support-icon--active: '@{baseDir}Olegnax_Athlete2/images/support-icon-black.png';
@athlete2__support-icon--expired: '@{baseDir}Olegnax_Athlete2/images/support-icon-white.png';
@athlete2__license-icon--disable: '@{baseDir}Olegnax_Athlete2/images/warning-icon.png';
@athlete2__license-icon--active: '@{baseDir}Olegnax_Athlete2/images/license-icon.png';

.admin__menu .item-olegnax-athlete2.parent.level-0 > a:before {
  content: @icon-athlete2__content;
  font-family: @icons-athlete2__font-name;
  font-size: 17px;
}

.ox-admin__import{
    display:flex;
    flex-wrap:wrap;
    .ox-admin-import__name{
        display: block;  
        text-align: center;
        font-size: 1.8rem;
        font-weight: @font-weight__bold;
        margin: 12px 0;
    }
}

.ox-admin-import__block{
    text-align: center;
    text-align: center;
    padding: 20px;
    background: #f8f8f8;
    margin: 5px;
    img{
        display: block;
        width: 300px;
        height: 300px;
    }
}

.ox-admin__modal{
    background: rgba(105, 105, 105, 0.36);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 880;
    overflow: hidden;
    display: none;
    align-items: center;
    justify-content: center;
    &.opened{
        display: flex;

    }
}
.ox-admin-modal__inner{
    position: relative;
    background-color: #ffffff;
    max-width: 600px;
    width: 100%;
    padding: 40px;
    max-height: 100vh;
    overflow:auto;
    h3,
    h2{
        font-weight: @font-weight__bold;
    }
    h2{
        font-size: 1.7em;
        margin-bottom: 25px;
    }
    .import-not-replace{
        margin-right: 5px;
    }
    .ox-checkbox{
        display: block;
        margin-top: 5px;
    }
    .attention{
        color:#a91e1e;
    }
    .small{
        font-size: 13px;
        margin-top: 5px;
    }
    table{
        h3{
            margin: 0;
        }
        text-align: left;
        width: 100%;
        tr{
            td{
                padding: 12px 8px;
                border-bottom: 1px solid #e6e6e6;
                &:last-of-type{
                    text-align: right;
                }
            }
            &:last-of-type{
                td{
                    border-bottom: none;
                }
                
            }
        }
    }
}
.ox-overlay-close-btn {
    cursor: pointer;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px;
    z-index: 90;
    transition: transform .3s ease .3s;
    transition-property: transform, opacity;
    span {
      display: inline-block;
      width: 20px;
      height: 20px;
      vertical-align: middle;
      position: relative;
      overflow: hidden;
        &:before,
        &:after {
          content: '';
          position: absolute;
          height: 2px;
          width: 100%;
          top: 50%;
          left: 0;
          margin-top: -1px;
          background-color: #ffffff;
          transform-origin: 50% 50%;
          opacity: 1;
          transition: transform ease 0.3s;
        }
        &:before {
          transform: rotate(45deg);
        }        
        &:after {
        transform: rotate(-45deg);
      }
    
    }
    &:hover span{
        &:before,
        &:after {
          transform: rotate(0);
        }
    }
}
.accordion .config {
    .value{
        width: 70%!important;
    }
    label {
        width: 25%!important;
    }
}
.ox-license-status{
    h2{
        font-size: 18px;
        font-weight: @font-weight__semibold;
        color: #1d1d1d;
        margin-bottom: 0;
        a{
            margin-left: 10px;
            text-decoration: none;
            color: #004eff;
            border-bottom: 2px solid #004eff;
            &:hover{
                color: #000;
                border-color: #000;
            }
        }
    }
}
.ox-license-status{
    margin-bottom: 22px;
    box-shadow: 0px 4px 22px 0px rgba(0, 0, 0, 0.05);
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    .undelined{
       border-bottom: 2px solid;
    }
    .b-info{
        margin-top: 3px;
        display: block;
    }
    .icon{
        width: 100px;
        height: 100px;
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    &.ox-notice-license{
        .icon{
            width: 80px;
            height: 80px;
        }
    }
    .inner{
        padding: 12px 26px;
    }
    &.support-expired,
    &.status-disable{
        .undelined{
            border-color: #f03d1b;
        }
    }
    &.status-active,
    &.support-active{
        .undelined{
            border-color: #bfe834;
        }
    }
    .icon:before{
        content: '';
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
    }
    &.status-disable .icon:before{
        background-image: url(@athlete2__license-icon--disable);
    }
    &.status-active {
        .icon:before{
            background-image: url(@athlete2__license-icon--active);
        }
        &.developer{           
            .icon{
                background: #dcec1f;
                &:before{
                    background-image: url('data:image/svg+xml;base64, ');
                    background-position: center;
                    background-size: 53px;
                }
            }
        }
    }
    &.support-expired .icon:before{
        background-image: url(@athlete2__support-icon--expired);
    }
    &.support-active .icon:before{
        background-image: url(@athlete2__support-icon--active);
    }
    &.support-expired,
    &.status-disable{
        .icon{
            background: #f03d1b;
        }
    }
    &.support-active,
    &.status-active{
        .icon{
            background: #bfe834;
        }
    }
    .underline-link{
        color:black;
        border-bottom:1px solid;
        text-decoration: none;
        &:hover{
          text-decoration: none;
          border-color:transparent;
        }
    }
    .button{
        padding: 10px 18px;
        color: #1d1d1d;
        border-radius: 3px;
        background: #c7ed35;
        text-transform: uppercase;
        font-weight: 800;
        text-decoration: none;
        transition: all 0.3s ease;
        &:hover{
            color: #ffffff;
            background: #393939;
        }
    }
    .right{
        margin-left: auto;
        padding-right: 26px;
    }
}

.ox-license-status__block{
    padding: 13px 19px;
    background: #e02c22;
    color: #fff;
    font-weight: @font-weight__semibold;
    font-size: 16px;
}
.status-active .ox-license-status__block{
        background: #9eca1d;
}
.license-description{
    padding:40px;
    border: 3px solid #f5f5f5;
    margin-bottom: 20px;
    ul{
        padding-left: 17px;
    }
}
.ox-subtitle{
    font-weight:700;
    text-transform: uppercase;
    margin-bottom: 10px;
    color:#1d1d1d;
}
.license-description-gray{
    background:#f5f5f5;
    padding:40px;
    margin-top: -20px;
}
.two-blocks{
    display:flex;
    > .ox-license-status{
        width: 100%;
        max-width:50%;
        &:first-child{
            margin-right:15px;
        }
        &:last-child{
            margin-left:15px;
        }
    }
}
#athlete2_license_general_code.input-text{
    height: 50px;
    border-width: 2px;
}

#athlete2_settings_header .section-config .config h4{
    border-top: 1px solid #e4e4e4;
    margin-top: 34px;
}
