/**
 * All of the CSS for your admin-specific functionality should be
 * included in this file.
 */

/* Authorization Log Modal Styles */
.ws-close{ 
    position:absolute; 
    right:16px; 
    top:14px; 
    background:#7c6bf9; 
    color:#fff; 
    opacity:1; 
    line-height:20px; 
    width:28px; 
    height:28px; 
    border-radius:50%; 
    text-align:center; 
    font-size:20px; 
}
.ws-close:hover{ 
    opacity:0.9; 
}
.ws-tabs { 
    display: flex; 
    gap: 12px; 
    border-bottom: 1px solid #e5e7eb; 
    margin-bottom: 10px; 
}
.ws-tabs a { 
    padding: 10px 14px; 
    border-radius: 10px 10px 0 0; 
    text-decoration: none; 
    color: #4b5563; 
    font-weight:600; 
}
.ws-tabs a.active { 
    background: #f3f4f6; 
    color:#111827; 
}
.ws-table { 
    width: 100%; 
    border-collapse: separate; 
    border-spacing: 0; 
    font-size:14px; 
}
.ws-table thead th { 
    background: #f3f4f6; 
    font-weight: 700; 
    text-align: left; 
    padding: 14px 16px; 
    border-bottom: 1px solid #e5e7eb; 
    color:#111827; 
}
.ws-table tbody td { 
    padding: 14px 16px; 
    border-bottom: 1px solid #eef2f7; 
    color:#374151; 
    vertical-align:middle; 
}
.ws-table tbody tr:last-child td{ 
    border-bottom:0; 
}
.ws-status { 
    display: inline-flex; 
    align-items: center; 
    gap: 8px; 
}
.ws-dot { 
    width: 8px; 
    height: 8px; 
    border-radius: 50%; 
    display: inline-block; 
}
.ws-dot.green { 
    background: #22c55e; 
}
.ws-dot.orange { 
    background: #fb923c; 
}
.ws-footer-btn{ 
    background:#6d5df6; 
    border:none; 
    padding:10px 22px; 
    border-radius:5px; 
    color:#fff; 
    font-weight:600; 
    box-shadow:0 6px 14px rgba(109,93,246,0.35); 
}
button#clear-logs-btn {
    padding: 3px;
}
button.ws-footer-btn {
    padding: 5px;
}
.ws-clear-btn {
    background: #fff;
    border: 1px solid #dc2626;
    padding: 10px 22px;
    border-radius: 5px;
    color: #dc2626;
    font-weight: 600;
    box-shadow: 0 2px 4px rgba(220, 38, 38, 0.2);
    margin-right: 10px;
}
.ws-clear-btn:hover {
    background: #fef2f2;
    border-color: #b91c1c;
    color: #b91c1c;
}
.ws-toggle-switch { 
    position: relative; 
    display: inline-block; 
    width: 50px; 
    height: 24px; 
}
.ws-toggle-switch input { 
    opacity: 0; 
    width: 0; 
    height: 0; 
}
.ws-toggle-slider { 
    position: absolute; 
    cursor: pointer; 
    top: 0; 
    left: 0; 
    right: 0; 
    bottom: 0; 
    background-color: #ccc; 
    transition: .4s; 
    border-radius: 24px; 
}
.ws-toggle-slider:before { 
    position: absolute; 
    content: ""; 
    height: 18px; 
    width: 18px; 
    left: 3px; 
    bottom: 3px; 
    background-color: white; 
    transition: .4s; 
    border-radius: 50%; 
}
.ws-toggle-switch input:checked + .ws-toggle-slider { 
    background-color: #3b82f6; 
}
.ws-toggle-switch input:checked + .ws-toggle-slider:before { 
    transform: translateX(26px); 
}

/* Alerts Tab Styles */
.ws-alerts-tab {
    display: none;
    padding: 6px 2px;
}
.ws-alerts-title {
    margin: 0 0 16px 0;
    font-size: 18px;
    font-weight: 600;
    color: #374151;
}
.ws-info-box {
    background: #eff6ff;
    border: 1px solid #3b82f6;
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
}
.ws-info-icon {
    color: #3b82f6;
    margin-right: 8px;
    font-weight: bold;
}
.ws-info-text {
    color: #374151;
    font-size: 14px;
}
.ws-form-group {
    margin-bottom: 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.ws-form-group.vertical {
    flex-direction: column;
    align-items: flex-start;
}
.ws-form-label {
    font-weight: 600;
    color: #1f2937;
    margin: 0;
    font-size: 14px;
}
.ws-form-input {
    width: 100%;
    padding: 12px 16px;
    border: 1px solid #3b82f6;
    border-radius: 8px;
    font-size: 14px;
    margin-top: 8px;
    background: #fff;
    color: #1f2937;
}
.ws-form-input:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
}
.ws-save-btn {
    background: #14b8a6;
    color: white;
    border: none;
    padding: 12px 24px;
    border-radius: 8px;
    font-weight: 600;
    cursor: pointer;
    margin-top: 16px;
    font-size: 14px;
    transition: background-color 0.2s;
}
.ws-save-btn:hover {
    background: #0d9488;
}
button#save-alerts-btn {
    padding: 6px;
}
 body{
     color: #000;  
 }

 .welcome-panel *{
     padding:0px;
 }
 .welcome-panel.ext-panel {
       /* padding: 22px 30px 5px 30px; */
}
 .welcome-panel{
        /* padding: 25px 18px 32px 16px; */
 }
  .welcome-panel > p{
      padding-left:13px;
      margin: 0px 0px 15px;
  }
 .welcome-panel h3{
     margin-top:0px;
 } 
.wp-square-connect-button span {
    vertical-align: top;
    display: inline-block;
    padding-top: 7px;
    padding-left: 10px;
}
.description.ext {
    font-size: 11px;
}
td.extlabel > label {
    font-weight: 500;
}
.setting_urlclass {
    float: left;
    padding: 0px 10px 0 0px;
}
a.wp-square-connect-button {
    display: inline-block;
    background-color: rgb(41, 150, 204);
    /* height: 30px; */
    color: rgb(255, 255, 255);
    /* box-shadow: rgb(153, 153, 153) 3px 4px 15px 2px; */
    font-weight: 700;
    /* font-family: "Square Market", Helvetica, Arial, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif; */
    /* text-rendering: optimizelegibility; */
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    border-radius: 0px;  
    padding: 7px 10px;
}
.form-table td {
   
    vertical-align: top!important;
}
.woosquare-plus_page_woosquare-plus-module .hentry.prtn-article .entry-content{
    margin-bottom:15px;
    }
.woosquare-plus_page_woosquare-plus-module .post-outer .entry-content{
    
} 
.woosquare-plus_page_woosquare-plus-module .extonoffpp label{
    border: none;
    margin: 5px;
    padding: 0px;  
}
.woosquare-plus_page_woosquare-plus-module .article-content a.btn-read {
    margin-top: 0px!important;
}
.woosquare-plus_page_woosquare-plus-module .onoffswitch-inner_items_sync:before,
.woosquare-plus_page_woosquare-plus-module .extonoffpp label span.extonoff:before
{
    /* background-color:#c3c3c3;
    color: #FFF;
    border-color:#c3c3c3!important;     */
}
.woosquare-plus_page_woosquare-plus-module .extonofflabel span.extonoff::after{
     background-color: #c3c3c3!important;
}
.woosquare-plus_page_woosquare-plus-module .onoffswitch-switch_items_sync,
.woosquare-plus_page_woosquare-plus-module .extonoffpp span.extonoffouter,
{
    border: 2px solid #64dd17;
}

.woosquare-plus_page_woosquare-plus-module .hentry.prtn-article .prtn-article a.btn-read{
    position:relative;
    float:left;
        padding: 4px 18px 3px;
    margin-top: 0px!important;
    margin-bottom: 0px;
    transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
}
.woosquare-plus_page_woosquare-plus-module .article-content .extonoffpp{
    float:right;
}
.prtn-featured-wid{
 border-radius:0px!important;   
}

article.hentry.prtn-article {
   height:auto;
}
.prtn-article-image {
   height: auto;
}

.article-content {
        transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
     min-height: 174px;
}
.welcome-panel textarea{
    width:100%;
}
.welcome-panel.ext-panel.square_card_sync {
    padding: 24px 30px 25px;
}
.welcome-panel.ext-panel.square_card_sync table.form-table tr td{
    padding-left:0px;
}
.welcome-panel.ext-panel.square_card_sync table.form-table td label {
    margin-right: 15px;
}
.welcome-panel.ext-panel.square-item-sync-1{
    /* padding: 23px 25px 25px 30px; */
}
.welcome-panel.ext-panel.order-sync-1{
    /* padding: 22px 30px 25px 30px; */
}
.welcome-panel.square-payment-gateway {
    /* padding: 0px 30px 25px 30px; */
}
.welcome-panel.ext-panel.square-transaction-sync {
    /* padding: 20px 30px 25px 28px; */
}
.welcome-panel.ext-panel.square-card-sync {
    /* padding: 23px 30px 25px 30px; */
}
.welcome-panel.square-item-sync-2 {
    /* padding: 30px 25px 0px 30px; */
}
.welcome-panel.ext-panel.square-settings-2 {
    /* padding: 22px 30px 25px 30px; */
}
.welcome-panel.ext-panel.square-settings-1 {
    /* padding: 22px 30px 0px 30px; */
}
.extonoffpp {
    /* width: 70px!important; */
}

.welcome-panel.square-item-sync-2 a#manual_sync_wootosqu_btn,
.welcome-panel.square-item-sync-2 a#manual_sync_squtowoo_btn {
    margin-top: 0px;
}
.extonoffpp .extonoffouter{
        /* right: 37px; */
}
.welcome-panel.woosquare-plus-module > h3 {
    padding-left: 15px;
    margin-bottom: 20px;
}
.welcome-panel::before {
background: none !important;
}
.welcome-panel {
    background: white;
}

.blog-posts.hfeed {
   display: flex;
   -webkit-flex-wrap: wrap;
   -ms-flex-wrap: wrap;
   }
   .post-outer {
   float: left;
   width: 33.33%;
   padding: 0px 15px;
   box-sizing: border-box;
   }
   .post-outer .prtn-article {
   background: #fff;
   padding-right: 0px;
   border-radius: 5px;
   box-shadow: 23px 24px 56px 0 rgba(17, 16, 16, 0.05);
   -webkit-transition: all .6s cubic-bezier(.165,.84,.44,1);
   -moz-transition: all .6s cubic-bezier(.165,.84,.44,1);
   -o-transition: all .6s cubic-bezier(.165,.84,.44,1);
   transition: all .6s cubic-bezier(.165,.84,.44,1);
   }
   .prtn-article {
   margin-bottom: 30px;
   border-radius: 0px;
   position: relative;
   }
   article {
   padding: 0 10px 0 0;
   }
   .prtn-article .prtn-article-image {
   position: relative;
   display: inline-block;
   width: 100%;
   }
   .prtn-article .prtn-bgr {
   bottom: 0;
   left: 0;
   opacity: 0.7;
   position: absolute;
   right: 0;
   top: 0;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   }
   a {
   text-decoration: none;
   color: #000;
   }
   .prtn-article .prtn-article-image .prtn-featured-wid {
   width: 100%;
   height: 200px;
   display: block;
   background-size: cover !important;
   background-position: center center !important;
   }
   .prtn-article .share-links {
   opacity: 0;
   left: 0;
   margin-top: -15px;
   position: absolute;
   right: 0;
   top: 50%;
   -webkit-transition: 0.4s;
   -o-transition: 0.4s;
   transition: 0.4s;
   display: inline;
   text-align: center;
   }
   .clearfix {
   clear: both;
   }
   .prtn-article .post-cat {
   position: absolute;
   top: 5px;
   left: 5px;
   font-size: 14px;
   font-weight: 400;
   display: block;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   width: 100%;
   }
   .prtn-article .article-content {
   box-sizing: border-box;
   padding: 10px 20px;
   }
   .prtn-featured-wid {
   border-radius: 10px 10px 0px 0px;
   box-shadow: 10px 3px 25px 0 rgba(17, 16, 16, 0.05);
   }
   .prtn-article a.btn-read {
   background: transparent;
   border: 1px solid #eaeaf1;
   display: inline-block;
   right: 20px;
   padding: 4px 18px 3px;
   margin-top: 20px;
   margin-bottom: 10px;
   font-size: 11.5px;
   color: #2f2f33;
   text-transform: uppercase;
   }
   .welcome-panel h3 {
   margin: 0.1em 0 0;
   font-size: 16px;
   }
   .prtn-article a.btn-read:hover {
   background: #222525;
   color: white;
   border: 1px solid #141a1b;
   }
   a.btn-read.ryt-btn {
   left: 180px;
   position: relative;
   }
   
   a.btn-read.video-btn{
        background: #222525;
        color: white;
        border: 1px solid #222525;
    }
    
    label.extonofflabel,
    label.onoffswitch-label_sales_sync,
    label.onoffswitch-label_customer_sync,
    label.onoffswitch-label_customer_sync{
        /* height: 28px!important; */
    }
    .extonoffpp span.extonoffouter{
        /* height:18px; */
    }

    label.onoffswitch-label_woosquare_transaction_addon {
        /* height: 28px; */
    }

    button.btn.btn-primary.video-btn.btn-read.video-btn {
        background: #23a8e1;
        color: #FFF;
        border-color: #23a8e1;
        display: inline-block;
        right: 20px;
        padding: 4px 18px 3px;
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 11.5px;
        color: #FFF;
        text-transform: uppercase;
        border-radius: 0px;
    }
    button.btn.btn-primary.video-btn.btn-read.video-btn {
        margin-top: 6px;
        padding: 4.5px;
    }
   #myModal .modal-body{
        padding: 0rem;
}
#myModal .modal-dialog {
    max-width: 700px;
    margin: 10rem auto;
}
.entry-content > div {
    padding-top: 20px;
}
.woosquare-plus-module .blog-posts .entry-content > div {
    font-size: 15px;
    line-height: 20px;
}
.woosquare-plus-module .blog-posts button.btn.btn-primary.video-btn.btn-read.video-btn {
    margin-top: 6px;
    border-radius: 21px;
    padding: 5px 25px;
    height: 31px;
    outline: none;
}
.woosquare-plus_page_woosquare-plus-module .article-content a.btn-read {
    margin-top: 0px!important;
    padding: 5px 25px;
    border-radius: 21px;
    margin-right: 10px;
}
.woosquare-plus-module .blog-posts h3.entry-title a {
    color: #111;
}

.extonoffpp {
    /* margin-top: 7px; */
}
span.mobiletext {
    display: none;
}

#packages {
    margin-top: 30px !important;
    float: left !important;
    width: 100% !important;
}
#packages > ul {
    max-width: 250px !important;
    margin: 0px auto !important;
}

button.apple_verify_domain, button.apple_verify_domain {
  padding: 3px 8px;
  background: #26c6da;
  color: white;
  border: none;
  cursor: pointer;
  border-radius: 3px;
}
button.apple_verify_domain:disabled, button.apple_verify_domain:disabled {
  cursor: not-allowed;
  background: #919191;
}
.apple_pay_verification {
  display: flex;
  align-items: center; /* Align vertically in the center */
  gap: 3px; /* Space between items */
}
.apple_pay_verification button,
.apple_pay_verification p {
  margin: 0; /* Remove default margins */
  margin-left: 5px;
  margin-top: -5px;
}
.apple_domain_error, .apple_domain_error_test {
  color: red; /* Add color to the error message */
@media only screen and (max-width: 1520px) {
    .article-content {
        height: 180px;
            transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    }
.prtn-article .article-content {
    /* padding: 10px 10px!important; */
}    
}
@media only screen and (max-width: 1345px) {
.woosquare-plus-module .blog-posts button.btn.btn-primary.video-btn.btn-read.video-btn,
.woosquare-plus_page_woosquare-plus-module .article-content a.btn-read{
    padding: 5px 10px;    
}    
    .woosquare-plus_page_woosquare-plus-module .article-content a.btn-read{
            margin-right: 1%;    
    }
.article-content {
    height: 230px;
}
.woosquare-plus-module .blog-posts button.btn.btn-primary.video-btn.btn-read.video-btn{
margin-top:0px;    
}
}
@media only screen and (max-width: 1200px) {
span.hidemobile{
    display:none;
    }    
span.mobiletext {
    display: block;
}
}
@media only screen and (max-width: 1099px) {
.article-content {
    height: 180px;
}     
        .post-outer{
            width:50%!important;
            transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;}
}
@media only screen and (max-width: 768px) {
    .post-outer{
        width:100%!important;
            transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;}
    .article-content {
            transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    height: auto;
    }
    .welcome-panel.ext-panel.square_card_sync table.form-table td label:first-child {
        margin-right: 0px;
        display:block;
        width:100%;
        margin-bottom:20px;
    }
}
