body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: 'Open Sans', sans-serif, "Helvetica Neue", Helvetica, Arial, sans-serif;
}


/*.form-group { margin-bottom: 10px; }*/

header .bg-dark {
    background: #8eb516 !important;
}

header strong {
    font-weight: 400;
}

header .navbar-brand {
    text-decoration: none;
}

header .navbar-brand img {
    height: 48px;
    margin: 0 20px 0 0;
}

header p {
    margin: 0;
}

header .float-right {
    color: #d0dea5;
    font-size: 90%;
}

html {
    position: relative;
    min-height: 100%;
}

body {

    /* Margin bottom by footer height */
    color: #222;
    font-size: 14px;
}

footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 60px;
    /* Set the fixed height of the footer here */
    line-height: 60px;
    /* Vertically center the text there */
    background-color: #f5f5f5;
    font-size: 80%;
    z-index: 111;
}

footer a {
    color: inherit;
    text-decoration: underline;
}

main section>.container {
    padding: 30px 0;
}

/*#main-tabs a {
    color: #495057 !important;
    border-radius: 0;
    font-size: 11px;
    color: inherit;
    text-align: left;
    text-decoration: none;
    padding-bottom: 16px;
    border: none;
    border-bottom: 2px solid transparent;
}

#main-tabs a.active {
    color: #789e00 !important;
    border: none;
    border-bottom: 2px solid #789e00;
}

#main-tabs a:not(.active):hover {
    color: #000;
    border-bottom: 2px solid #777;
}

#main-tabs a strong {
    display: block;
    font-size: 20px;
}
*/
.tab-pane {
    padding: 2rem 2rem;
    font-size: 0.9rem;
}

.tab-pane> :last-child {
    margin-bottom: 0;
}

.tab-pane a {
    color: inherit;
}

.tab-pane a:hover {
    color: #000;
}

.tab-pane.active {
    border: 1px solid #dee2e6;
    border-top: none;
}

a {
    color: #8eb516;
    text-decoration: underline;
}

a:hover {
    color: #8eb516;
    color: inherit;
}

.card.heading-text p:last-child {
    margin-bottom: 0px;
}

.card.heading-text {
    margin-bottom: 1rem;
    background: #f8f8f8;
    border-color: transparent;
}

.card {
    border-radius: 0px;
}

.card-header {
    cursor: pointer;
}

/*#settings-accordion .card-header.collapsed,*/
#settings-accordion .card-header:hover {
    color: #000;
    background: rgba(0, 0, 0, .05)
}

.btn {
    text-decoration: none;
    font-size: 13px !important;
    text-transform: uppercase;
    font-weight: 600;
}

/*.btn:not(.btn-outline-secondary) {
    border: none;
}
*/
.btn.btn-small {
    text-decoration: none;
    border: 1px solid #ddd;
    padding: 3px 6px;
    font-size: inherit !important;
    text-transform: none;
}



.btn-danger {
    border: 1px solid #dc3545;
}

.btn-info,
.btn-primary {
    color: #8eb516 !important;
    background: #fff;
    border: 1px solid #8eb516;
    font-weight: 600 !important;
}

.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-primary:hover {
    color: #fff !important;
}

.btn-danger {
    color: #fff !important;
}

.btn-primary:focus,
.btn-primary:active,
.btn-primary:hover {
    background: #81a515 !important;
    border-color: #81a515 !important;
    box-shadow: none !important;
    color: #fff !important;
}

.form-control {
    line-height: 1;
    height: auto;
    /*padding: .275rem .55rem;*/
    color:inherit;
}

.form-control.inline {
    display: inline-block;
    ;
}

.form-control.sirv-account {
    margin-left: 5px;
    margin-right: 5px;
}

select.form-control {
    width: auto;
}

.alert h1,
.alert h2,
.alert h3 {
    margin-bottom: 0px;
}

.alert a {
    color: inherit;
}


.fas.fa-check {
    color: #8eb516;
}

.fas.fa-times {
    color: red;
}

b.green {
    color: green;
}

.message-card {
    max-width: 550px;
    margin: 30px auto;
}

.message-card h3 {
    margin-bottom: 20px;
    margin-top: 40px;
}

.message-card h3:first-child {
    margin-top: 0px;
}

p {
    margin-bottom: 20px;
}

.progress {
    margin-bottom: 1.5rem;
}

.hidden {
    display: none;
}

.btn-secondary {
    color: #fff !important;
}

.alert {
    border: none;
    border-radius: 0px;
}

.alert> :last-child {
    margin-bottom: 0px;
}


/*#main-tabs a {
    outline: none !important;
}
*/
.video-holder {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    height: auto;
}

.video-holder iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

img {
    max-width: 100%;
}

.nav-item .fas {
    font-size: 18px;
}

.nav-item .badge {
    font-size: 13px;
    vertical-align: middle;
}


.nav-item .fas.fa-exclamation-triangle {
    color: #dc3545;
}

b.green,
.nav-item .fas.fa-check-circle {
    color: green;
}

.nav-item .badge.badge-success .fas,
.nav-item .badge.badge-success {
    font-size: inherit;
    color: #fff;
}

.nav-item .badge.badge-success {
    margin-top: -3px;
}




.option-SirvIconURL,
.option-360IconURL {
    display: inline-block;
    position: relative;

    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    margin: 0 10px 10px 0;
}

.option-SirvIconURL input,
.option-360IconURL input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

.option-SirvIconURL label,
.option-360IconURL label {
    cursor: pointer;
}

/* On mouse-over, add a grey background color */
.option-SirvIconURL:hover input~label,
.option-360IconURL:hover input~label {
    opacity: 1;
}

/* When the checkbox is checked, add a blue background */
.option-SirvIconURL input:checked~label,
.option-360IconURL input:checked~label {
    opacity: 1;
}



.form-control {
    height: auto;
    padding: .3rem .5rem;
    font-size: inherit;
}

.card-header {
    padding: .55rem 1rem;
}

.card-body {
    padding: 1rem;
}

.card-body .form-group.row:last-child {
    margin-bottom: 0px;
}

.card-body .btn.btn-primary {
    font-size: inherit;
}

.card-body .text-muted {
    color: #aba6a6 !important;
    font-size: 12px;
    line-height: 16px;
}

.card-body .col-form-label {
    padding-top: 0px;
}











/* TOGGLE STYLING */

.form-check.form-check-inline {
    margin: 0;
    box-sizing: border-box;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    align-items: stretch;
}

.form-check.form-check-inline input {
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px;
}

.form-check.form-check-inline input+label {
    margin: 0;
    padding: .2rem 0.5rem;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    border: solid 1px #cecece;
    background-color: #FFF;
    line-height: 140%;
    text-align: center;
    border-right-width: 0px;
    transition: border-color .15s ease-out,
        color .25s ease-out,
        background-color .15s ease-out,
}

.form-check.form-check-inline input:hover+label {
    cursor: pointer;
    background: #efefef;
}

.form-check.form-check-inline input:checked+label {
    background-color: #53bdc7;
    color: #FFF;
    border-color: #53bdc7;
    z-index: 1;
}

/* sirv icons */
.option-360IconURL input+label,
.sirv-icon-option-row .form-check.form-check-inline input+label {
    border: solid 2px transparent !important;
    padding:2px !important;
}

.option-360IconURL label:hover,
.sirv-icon-option-row .form-check.form-check-inline label:hover {
    cursor: pointer;
    border: 2px solid rgba(83 189 199, 0.5) !important;
    background: none !important;
}

.option-360IconURL input:checked+label:hover,
.option-360IconURL input:checked+label,
.sirv-icon-option-row .form-check.form-check-inline input:checked+label:hover,
.sirv-icon-option-row .form-check.form-check-inline input:checked+label {
    background: none !important;
    border-color: #53bdc7 !important;
}

label[for="360IconURL-overlay"] {
    position: relative;
}
label[for="360IconURL-overlay"]:before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: inline-block;
    width: 75%;    
    height: calc(100% - 6px);
    background: url(../assets/magic360/icons/overlay-360-icon.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: center bottom;
}
/* /sirv icons */



.form-check.form-check-inline input:focus+label {}

.form-check.form-check-inline label.fchild {
    border-radius: .25rem 0 0 .25rem;
    border-right: none;
}

.form-check.form-check-inline label:last-child {
    border-radius: 0 .25rem .25rem 0;
    border-right-width: 1px;
}

.form-check.form-check-inline.yes-no-radios {
    position: relative;
    cursor: pointer;
    outline: none;
    width: 36px;
    height: 20px;
    appearance: none;
    background-color: #ccc;
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 50px;
    transition-duration: 200ms;

}

.form-check.form-check-inline.yes-no-radios:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 1px 0px 1px 0px rgba(0, 0, 0, 0.21);
    transition-duration: 200ms;

}

.form-check.form-check-inline.yes-no-radios.yes-value {
    background-color: #6edc5f;
}

.form-check.form-check-inline.yes-no-radios.yes-value:after {
    right: 0px;
    left: auto;
    box-shadow: -1px 0px 1px 0px rgba(0, 0, 0, 0.21);
}

.form-check.form-check-inline.yes-no-radios label,
.form-check.form-check-inline.yes-no-radios input {
    display: none;
}



.form-check.form-check-inline.option-option-360IconURL,
.form-check.form-check-inline.option-SirvIconURL {
    flex-wrap: wrap;
    margin-bottom: 20px;

}

.form-check.form-check-inline.option-option-360IconURL label,
.form-check.form-check-inline.option-SirvIconURL label {
    margin: 0 4px 4px 0;
    border: none;
    border-radius: 0;
}



#magicscroll_option_icon {
    float: left;
    margin-right: 10px;
}


.block-info {
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #dedede;
    margin-bottom: 1.5rem;
}

.block-info p:last-child {
    margin-bottom: 0px;
}

.accordion .card:last-of-type {
    /*border-bottom: 1px solid rgba(0, 0, 0, .125);*/
}

.form-group [data-toggle="tooltip"] {
    margin-left: 5px;
    opacity: 0.4;
}

div.card {
    border: none;
    margin-bottom: 30px;
    border-radius: 5px !important;
    background: #fff;
    box-shadow: 0px 0px 15px 1px rgba(0, 0, 0, 0.1);
    padding: 0 5px;
}

div.card,
div.card input,
div.card select {
    /*font-weight: 100;*/
}

.card-header {
    background: none;
    font-size: inherit;

    padding: 18px 14px 14px 14px;


    margin-bottom: 0px;
    border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.card-header h5 {
    color: inherit;
    font-size: inherit;
    font-weight: 600;
    text-transform: uppercase;
}

.card-body {
    padding-top: 10px;
}

.card .form-group {
    /*color: #222;*/
}

.tab-pane.active {
    border: none;
    padding: 2rem 0rem;
}

.form-control {
    border-color: #cecece;
}


.left-sidebar ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.left-sidebar ul li {
    margin-bottom: 20px;
    line-height: 16px;
}

.left-sidebar ul a {
    text-decoration: none;
    text-transform: uppercase;
    ;
    font-weight: 600;
    color: rgba(187, 187, 187);
    display: flex;
    align-items: center;
}

.left-sidebar ul a i {
    font-size: 16px;
    margin: 0 25px 0 0;
}


.left-sidebar ul a.active {
    color: inherit;
}

.left-sidebar ul a:hover {
    color: inherit;
}

.shop_name {
    color: #fff;
}

.shop_name img {
    max-height: 22px;
    margin: 0 10px 0 0;
    vertical-align: text-bottom;
}

.video-container {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    padding-bottom: 56.25%;
    height: 0;
    height: auto;
    margin-bottom: 1rem;
}

.video-container iframe {
    position: absolute;
    border: none !important;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}



.instructions>li {
    margin: 20px 0 30px 0 !important;
    padding: 0px 0px 25px 50px !important;
    position: relative;
    border-bottom: 1px solid #e3e3e3;
}

.instructions>li:first-child {
    margin-top: 0px;
}

.instructions>li:last-child {
    margin-bottom: 0px !important;
    border: none !important;
}

.instructions {
    counter-reset: instructions-list-counter;
    list-style: none;
    margin: 20px 0px 20px 0px;
    padding: 0px;
}

.instructions>li:before {
    content: counter(instructions-list-counter);
    counter-increment: instructions-list-counter;
    display: block;
    font-size: 12px;
    color: #ccc;
    background: #fff;
    border: 1px solid #ccc;
    line-height: 26px;
    width: 24px;
    height: 24px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: -3px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out;
}

.instructions li:after {
    clear: both;
    content: '';
    display: block;
    height: 1px;
    overflow: hidden;
    width: 1px;
}

/*#main-tabs a .tab-icon {
    display: none;
}
*/
@media only screen and (max-width: 992px) {




}

@media only screen and (max-width: 1024px) {
    .stretch-nav { display: none; } 
/*    #main-tabs a { padding-left: 5px; padding-right: 10px; }*/
}
@media only screen and (max-width: 767px) {


 /*   #main-tabs a,
    #main-tabs a strong,
    #main-tabs a i,
    #main-tabs a span {
        font-size: 0px;
    }
    #main-tabs a .tab-icon {
        display: inline-block;        
    }    
    #main-tabs a .tab-icon i {
        display: inline-block;
        font-size: 20px;        
    }    
    #main-tabs a:hover .tab-icon i {
        color: #789e00 !important;
    }    
    #main-tabs a:hover {
        border-bottom: 2px solid #789e00 !important;
    }    
*/
    .nolicense  .fas.fa-check-circle{ color:inherit !important; }

}

a[itemprop="screenshot"] {
    float: right;
    margin-left: 15px;
    padding-left: 15px;
    border-left: 1px solid #e3e3e3;
}

a[itemprop="screenshot"] img {
    max-width: 75px;
}

.card-header {
    cursor: inherit;
}

.save-progress {
    position: fixed;
    top: 0;
    width: 100%;
    border-radius: 0px;
    height: 6px;
    opacity: 0;
    transition: 0.5s;
    z-index: 111111;
}

.save-settings .save-progress {
    opacity: 1;
    transition: 0.5s;
}

.save-progress .progress-bar {
    background-color: #777;
}


.stretch {
    width: 100%;
}
.stretch.force {
    width: 100% !important;
}

.page-link.disabled {
    cursor: inherit;
    color: inherit;
    opacity: 0.5;
}


#products-list .table-thumbnail {
    min-width: 32px;
}

#products-list td {
    vertical-align: middle;
}

.nowrap {
    white-space: nowrap;
}

#products-list th {
    
}


#images-modal .modal-content,
.manage-images-block,
#products-list {
    position: relative;
}

#delete-archived-spins-modal .loading:after,
.manage-images-block.loading:after,
#images-modal.loading .modal-content:after,
#products-list.loading:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 1;
}

.lds-ring {
    display: inline-block;
    position: relative;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 2;
}

.lds-progress {
    position: absolute;
    z-index: 111;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    margin-top: 34px;
    font-size: 10px;
    /*text-transform: uppercase;*/
    font-weight: bold;
    text-align: center;
}

.manage-images-block .lds-ring,
#delete-archived-spins-modal .lds-ring,
#delete-archived-spins-modal-preview .lds-ring,
#images-modal .modal-content .lds-ring,
#images-modal .modal-content .lds-progress,
#products-list .lds-ring {
    display: none;
}

.manage-images-block.loading .lds-ring,
#delete-archived-spins-modal .loading .lds-ring,
#delete-archived-spins-modal-preview .loading .lds-ring,
#images-modal.loading .modal-content .lds-progress,
#images-modal.loading .modal-content > .lds-ring,
#products-list.loading .lds-ring {
    display: inline-block !important;
}

.lds-ring div {
    box-sizing: border-box;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    border: 3px solid #555;
    border-radius: 50%;
    animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
    border-color: #555 transparent transparent transparent;
}

.lds-ring div:nth-child(1) {
    animation-delay: -0.45s;
}

.lds-ring div:nth-child(2) {
    animation-delay: -0.3s;
}

.lds-ring div:nth-child(3) {
    animation-delay: -0.15s;
}

@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.muted-button {
    color: #999 !important;
    border-color: #999;
    background: #fff;
}

.muted-button:hover {
    opacity: 1;
}

#products-list .table thead th {
    border-width: 1px;
}

#images-modal .modal-footer.text-left {
    justify-content: flex-start;
}

#images-modal .modal-footer form {
    display: none;
}

#images-modal .modal-dialog,
#images-modal .modal-content {
    /* 80% of window height */
    height: 80%;
}

#images-modal .modal-body {
    /* 100% = dialog height, 120px = header + footer */
    max-height: calc(100% - 120px);
    overflow-y: auto;
}

#images-modal ul.images-list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

#images-modal .images-list li {
    width: 120px;
    height: 120px;
    position: relative;
    margin: 5px;
}

#images-modal .images-list li a {
    position: absolute;
    width: 100%;
    height: 100%;
    display: inline-block;
    ;
    border: 2px solid rgba(195, 207, 216, 0.3);
    background: #fafbfc;
}

#images-modal .images-list li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#images-modal .images-list li a:hover {
    border: 2px solid #dc3545;
    background: rgba(0, 0, 0, 0.1);
}

#images-modal .images-list li a:hover img {
    opacity: 0.7;
}

#images-modal .images-list li a[data-checked="1"] {
    border: 2px solid #dc3545;
    background: rgba(0, 0, 0, 0.3);
}

#images-modal .images-list li a[data-checked="1"] img {
    opacity: 0.4;
}

#products-list .pagination {
    justify-content: center;
}

#products-list .image-thumbnail {
    width: 48px;
    height: 48px;
    display: inline-block;
    border: 1px solid rgba(195, 207, 216, 0.3);
    background: #fafbfc;
}

#products-list .image-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#products-list .image-thumbnail.no-image {
    position: relative;
}
#products-list .image-thumbnail.no-image .fas {
    font-size:32px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0.12;
}

.quick-search-container {
    margin-bottom: 5px;
    border-bottom: 1px solid rgb(222, 226, 230, 0);
    border: 1px solid #dee2e6;
    border-radius: 5px;
}
.quick-search-container .input-group-text {
    color: #bbbbbb;
}

.quick-search-container .form-control {
    padding: 0.7rem;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: none;
}

.quick-search-container .input-group-prepend .input-group-text {
    border-top: none;
    border-left: none;
    background: none;
    border-bottom: none;
    padding: .75rem calc(.15rem ) .75rem calc(.15rem + 17px);
}

.page-link,
a.btn {
    box-shadow: none !important;
}

.select-all-block {
  border-bottom: 1px solid rgb(222, 226, 230, 0);
  margin: 0 10px 10px 5px;
  padding: 0 0 0 0;
}

.select-all-block a {
  display: inline-block;
  margin-right: 5px;
  color:#777;
}

.product-preview-link {
  color: #8eb516 !important;
  line-height: 1.5;
  font-size: 1.25rem;
  display: inline-block;
  margin-left:5px;
}
.product-preview-link i { margin-right: 10px; }

/*#products-list thead { display: none; }*/

.page-link { text-decoration: none; }
.page-link.prev-link i { margin-right: 5px;} 
.page-link.next-link i { margin-left: 5px;} 


h3, h4, h5 { font-weight: 100; }


.tab-pane h3.sub-border {
    border-bottom: 1px solid #dee2e6;
    text-align: center;
    padding: 0 0 20px 0px;
    margin:0 0 30px 0;

}

.cards-list-small { display: flex; flex-wrap: wrap; margin-bottom:0px; justify-content: space-between;}
.cards-list-small .card-small {
    position: relative;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;    
    text-align: center;
    width: calc(25% - 20px);
    margin-bottom: 20px;
}
.cards-list-small .card-small a {
    text-decoration: none;    
    display: inline-block;
    padding: 1rem;
}
.cards-list-small .card-small:hover {
    border-color: #789e00;
}
.cards-list-small .card-small a:hover {
    color: #789e00;
}
.cards-list-small .card-small i {
    display: block;
    margin-bottom: 10px;
    font-size:40px;
}

@media only screen and (max-width: 767px) {
    .cards-list-small .card-small {
        width: calc(50% - 20px);
    }
}

.no-border  { border:none !important; }

div.text-muted{ opacity: 0.7; }

.btn.btn-lg.btn-info { color:#fff !important; background: #8eb516 !important; border-color: #8eb516 !important; }

.btn.btn-info:hover { color:#fff !important; background: #8eb516 !important; border-color: #8eb516 !important; }


.btn.btn-lg { font-size: 120% !important; font-weight: 600 !important; }

@media only screen and (min-width: 768px) {
.info-block-right { border-left: 1px solid rgba(0,0,0,.125); padding-left: 30px; }
}

.connect-sirv-account { margin:0; }

.create-account-card .card-header { padding-bottom: 0px;  }

::placeholder {
    font-weight: 100;
}

.loading-block { position: relative; }
.loading-block .lds-ring { display: none; }
.loading-block.loading .lds-ring { display: inline-block; }
.loading-block.loading:after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0;
    height: 100%;
    background: rgba(255, 255, 255, 0.7);
    z-index: 1;
}

.variant-line td { border-top-color:rgba(222, 226, 230, 0.5); padding:0.35rem .75rem; border:none;}

.show-variant-line, .variant-line td { background: rgba(0,0,0,0.03); }

#products-list .variant-line .image-thumbnail { /*width: 36px; height: 36px; */}


a[data-variant-line] .fas { margin-left: 5px; }


.fas.fa-angle-down { display: none; }
.fas.fa-angle-right { display: inline-block; }

.show-variant-line .fas.fa-angle-down { display: inline-block; }
.show-variant-line .fas.fa-angle-right { display: none; }


.settings-button-container { display: flex; justify-content: flex-end; align-items: center; }

.modal-footer.text-left { text-align: left !important; justify-content: start; }

#settings-modal .modal-body  { padding-bottom: 0px; }
/*#settings-modal .SirvSpinsPath-row  { display: none; }*/
#settings-modal .option-SirvIconURL  { flex-wrap: wrap; margin-bottom: 0px; }
#settings-modal .option-SirvIconURL label { min-width: 50px; border: none; margin: 0 2px 2px; width: calc( 16% - 10px); }

.form-check.form-check-inline.option-360IconURL  { flex-wrap: wrap; margin-bottom: 0px; }
.form-check.form-check-inline.option-360IconURL label { min-width: 50px; border: none; margin: 0 2px 2px; width: calc( 16% - 10px); }

.modal-content { border:none; }

.already-have-account-block { display: flex; justify-content: space-around; border-bottom:1px solid #dee2e6; margin-bottom: 10px; }
.already-have-account-block label { padding: 10px 15px; text-transform: uppercase; flex-grow: 1; white-space: nowrap; border-bottom:2px solid transparent; margin:0; text-align: center; margin-bottom:-1px; color:#888; cursor: pointer; }
.already-have-account-block label.checked { border-bottom-color:rgb(34, 34, 34); font-weight: bold; color:inherit; }
.already-have-account-block label input { display: none; }

.form-control-helper-text { font-size: 12px; color:rgba(150, 150, 150); }

.connect-sirv-account .form-group.row label { font-size: 12px; font-weight: bold; text-transform: uppercase; padding-bottom: 5px; }

.connect-sirv-account .form-group { margin-bottom: 1rem;  }
.connect-sirv-account .row-submit-btn { margin-top: 1rem;  }

.row-with-tooltip { position: relative; }
.row-with-tooltip span { position: absolute; top:50%; right: 20px; transform: translateY(-50%);}
.row-with-tooltip input { padding-right: 25px; }


.connect-sirv-account  ::-webkit-input-placeholder {
    /* WebKit browsers */
     color: transparent;
}
.connect-sirv-account  :-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
     color: transparent;
}
.connect-sirv-account  ::-moz-placeholder {
    /* Mozilla Firefox 19+ */
     color: transparent;
}
.connect-sirv-account  :-ms-input-placeholder {
    /* Internet Explorer 10+ */
     color: transparent;
}
.connect-sirv-account  input::placeholder {
     color: transparent;
}


.create-account-card {
    border:1px solid rgba(222, 226, 230, 0.7)
}
.create-account-card .card-body {
    padding: 1rem;
}
.create-account-card .card-header {
    text-align: center;
    background: #dee2e636;
    margin: 0 -5px;
    padding: 15px 0;
    border-bottom: 1px solid rgba(222, 226, 230, 0.7);
}
.create-account-card .card-header img {
    max-height: 28px;
}

.stretch-nav { flex-grow: 1; }

    .zoom-gallery { 
        text-align: center; 
    }
    .zoom-gallery-slide { 
        display: none; 
    }
    .zoom-gallery-slide.active { 
        display: block; 
    }
    .zoom-gallery .video-slide {
        position:relative;
        padding-bottom:56.25%;
        padding-top:30px;
        height:0;
        overflow:hidden;
    }
    .zoom-gallery .video-slide iframe, 
    .zoom-gallery .video-slide object,
    .zoom-gallery .video-slide embed {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        border: none !important;
    }
    .zoom-gallery .selectors { 
        text-align: center; 
        margin:10px 0; 
    }
    .zoom-gallery .selectors a { 
        margin:5px; 
        border:1px solid transparent; 
        display: inline-block; 
        padding: 0 !important;
        border:none !important;
    }
    .zoom-gallery .selectors a:hover,
    .zoom-gallery .selectors a.active { 
        border-color: #ccc; 
    }
    .zoom-gallery .selectors img { 
        box-shadow: none !important; 
        filter:none !important; 
        -webkit-filter: none !important;
        height: 75px;
        padding: none !important;
        border:none !important;
    }
    a[data-slide-id^=video] {
      position: relative;
  }
  a[data-slide-id^=video]:before {
      content: '';
      position: absolute;
      color: #fff;
      text-shadow: 0px 1px 10px #000;
      top: 50% !important;
      left: 50% !important;
      display: inline-block;
      transform: translateY(-50%) translateX(-50%) !important;
      -webkit-transform: translateY(-50%) translateX(-50%) !important;
      z-index: 100;
      width: 36px !important;
      height: 36px !important;
      border-radius: 50%;
      background-repeat: no-repeat;
      background-color: rgba(0,0,0,0.6) !important;
      background-size: 50%;
      background-position: center center;
      border: 2px solid rgba(255,255,255,0.8);
      z-index:1;
  }
  a[data-slide-id^=video]:after {
      position: absolute;
      content: '';
      width: 12px;
      height: 16px;
      border-top: 8px solid transparent;
      border-left: 12px solid rgba(255,255,255,0.8);
      border-bottom: 8px solid transparent;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translateY(-50%) translateX(-50%);
      -webkit-transform: translateY(-50%) translateX(-50%);
      margin-left: 1px;
      box-sizing: border-box !important;
      z-index:2;
  }
  a[data-slide-id^=video]:hover:before {
      background-color: rgba(0,0,0,0.7) !important;
      border-color:rgba(255,255,255,1);
  }
  a[data-slide-id^=video]:hover:after {
      border-left-color: rgba(255,255,255,1);
  }


.cards-list-small-dashboard { display: flex; flex-wrap: wrap; margin-bottom:0px; justify-content: space-between;}
.cards-list-small-dashboard a {
    position: relative;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid #789e00;;
    color: #789e00;
    border-radius: .25rem;    
    text-align: center;
    width: calc(25% - 20px);
    margin-bottom: 20px;
    font-size: 16px;
    text-decoration: none;    
    padding: 1rem;
    display: block;
}
.cards-list-small-dashboard a b {
    font-size: 22px;
}
.cards-list-small-dashboard a:hover {
    color: #789e00;
    background: rgba(120, 158, 0, 0.1);

}
.cards-list-small-dashboard .thumb-cont {
    max-width: 150px;
    margin:20px auto;
    display: block;
}
.cards-list-small-dashboard .thumb {
    height: 0px; line-height: 0px; font-size: 0px;
    position: relative; display: block; padding-bottom: 100%;
}
.cards-list-small-dashboard .thumb svg,
.cards-list-small-dashboard .thumb img {
    position: absolute; top: 0; left: 0; right:0; bottom: 0; margin:auto; width: 100%; fill:#789e00;
}

@media only screen and (max-width: 1200px) {
    .cards-list-small-dashboard a {
        width: calc(50% - 20px);
    }
}

.account-info td { text-align: left; padding-right: 5px;}

.account-settings {
    font-size: 0.8rem;  
    color: #777;
    /* border-bottom: 1px solid #dee2e6; */
    padding-bottom: 10px;
    margin-bottom: 20px;
    
}

.account-settings .row > div table {
    background: #f2f2f2;
    border:10px solid #f2f2f2;
    width: 100%;
}

.settings-button {
    font-size: 12px !important;
    padding: 0;
    margin-top: 15px;
}
.settings-button i { margin-right:5px; }

.settings-table { width: 100%; }
.pull-right { float: right; }

.account-settings td:first-child { padding-right: 10px; white-space: nowrap; }
.account-settings td:last-child { width: 100%; }
.account-settings td { padding-top: 5px; padding-bottom: 5px; }

.my-sirv-link { margin-left: 5px; }
.my-sirv-link img { max-width: 54px; vertical-align: top; }
.valign-top { vertical-align: top; }

.SirvSpinsPathTransform-holder,
.sirv-path-type { margin-top: 5px; }

a > .fas.fa-external-link-alt { margin-left: 5px; }

td.product-name { vertical-align: top; }
td.product-name ul { margin:5px 0; padding: 0; list-style:none; font-size: 0px; visibility: hidden; }
tr:hover td.product-name ul { visibility: visible; }
td.product-name ul li { padding: 0; font-size: 12px;  display: inline-block;}
td.product-name ul a { color:#8eb516; text-decoration: none; }
td.product-name ul a i { font-size: 10px; margin-left: 0px !important; position: relative; top:-1px; }
td.product-name ul li:after { content: '|'; color:#aaa; margin:0 8px; display: inline-block;}
td.product-name ul li:last-child:after { content: '' !important; }

td.product-name ul li { display: none; }
td.product-name ul li:first-child { display: inline-block; }
td.product-name ul li:first-child:after { content: ''; }

.has-spin td.product-name ul li { display: inline-block; }
.has-spin td.product-name ul li:after { content: '|'; }

.clearfix { clear: both; }

.sirv-demo-container { text-align: center; clear: both; max-width: 400px; margin:0 auto;}
.sirv-welcome h5, 
.sirv-welcome h3 { margin-bottom: 1rem; } 

a.normal-link { color:#8eb516; white-space: nowrap; }

.sku-td { color:#999; }

#accountinfo .form-group  { margin-bottom:2px; }

.sirv-preview { font-size:13px; color: #495057; }

.sirv-preview table td:first-child { padding-right:10px; }
.sirv-preview table tr:not(:last-child) td { padding-bottom:8px; }


.upload-images-big {
    color: #495057;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    left: 50%;
}
.upload-images-big-btn { font-size: 30px !important; }
.upload-images-big p { margin:5px 0; }

ul#upload-images a { text-decoration: none; }

.manage-images-block .tab-pane.active { padding:15px 0 0 0 !important; }

.manage-images-block .tab-content { min-height: 100px; }

.table.spins-list td { vertical-align: middle; }
.table.spins-list tr { cursor:pointer; }
.table.spins-list tr.line-0 td { border-color:#000; }

.manage-images-block { height: 100%; }

.manage-spin-link {  border: 1px solid #495057; color: #495057 !important; }
.product-preview-link { display: none; }

.account-info .btn.btn-small { background: #fff; }


.archived-products-processing { position: relative; display: none; }
.archived-products-processing .lds-ring { position: relative;  transform: none; top: 0; left: 0; margin: 5px 0 0 0; }


.archived-spins ul { margin: 0; padding: 0; }
.archived-spins ul li { padding: 0; font-size: 12px;  display: inline-block;}
.archived-spins ul a { color:#8eb516; text-decoration: none; }
.archived-spins ul a i { font-size: 10px; margin-left: 0px !important; position: relative; top:-1px; }
.archived-spins ul li:after { content: '|'; color:#aaa; margin:0 8px; display: inline-block;}
.archived-spins ul li:last-child:after { content: '' !important; }

.archived-spins tr:first-child td { border:none !important; }

.account-info td.generate-cache-holder { text-align: right; }

.generate-cache-holder .btn.generate-cache span { font-weight: 100;}

.generate-cache-holder .loader { display: none; }

.generate-cache-holder.loading .loader {display: block; padding-right:22px;}
.generate-cache-holder.loading .generate-cache-info { display: none; }
.generate-cache-holder.loading .generate-cache { display: none; }
.generate-cache-holder.loading .lds-ring { width:18px; height:18px;  right:18px; left:auto; }

.form-check.main-theme { font-weight: bold; /*margin-bottom: 15px; padding-bottom:  15px; border-bottom: 1px solid #dee2e6;*/ }
.form-check.main-theme .badge { text-transform: uppercase; }

.theme-selector-block {
    background: #e5e5e5;
    padding: 8px 0;
    font-size: 14px;
    text-align: right;
    border-bottom: 1px solid #d5d5d5;
}
.theme-selector-block select{ display:inline-block;padding: .1rem .2rem;color: #000;}
.theme-selector-block option[selected] { font-weight:bold; }

.spin-preview { text-align: center; }

.Magic360, .Magic360-container { border:none !important; }

.form-group.row:has(#MagicScrollLicenseKey) { display:none !important; }

.btn.btn-lg.install-btn {
    font-weight:normal !important;
    text-transform: none;
    font-size:110% !important;
}

header .dropdown .btn { text-transform:none; font-weight:200; font-size:15px !important; }
header .dropdown .dropdown-menu { left:auto; right:0; font-size:inherit; }
header .dropdown .dropdown-menu .dropdown-item{ background: none !important; }
header .dropdown .dropdown-menu ul { padding:0; margin:0; list-style:none; }
header .dropdown .dropdown-menu ul a { color: inherit;}
header .dropdown .dropdown-menu .themes-list { max-height:150px; overflow-y:auto; }
header .dropdown .dropdown-menu .themes-list li { margin:0.25rem; }
header .dropdown .dropdown-menu hr { margin:0.75rem 0 0.5rem 0; }

.nowrap { white-space:nowrap; }


.gray-text { opacity:0.6; color: inherit;}

.tab-pane { padding:0 !important; }

/*.left-sidebar { padding-top:25px; }
.right-sidebar { padding-top:25px; }
*/
.cards-list-small-dashboard { margin:25px; }

#sidebarMenu ul { border: none; list-style: none; padding:0; margin:0; padding: 0 15px; }
#sidebarMenu ul li { background:none; border:none; }
#sidebarMenu ul li a { background:none; border:none; color: inherit; outline: none; text-decoration: none; display: flex; color:#999; padding: .5rem 1rem; font-weight: bold; align-items: baseline;}
#sidebarMenu ul li a.active { color:inherit; }
#sidebarMenu ul li a > .fas,
#sidebarMenu ul li a .tab-icon { flex-grow:0; margin-right:1rem; }
#sidebarMenu ul li a .badge { font-size:11px; text-transform:uppercase; }
#sidebarMenu ul li a > span { display:none; }

.main-content-container { padding-top:2rem; padding-left: 2rem !important;  padding-right: 2rem !important; padding-bottom: 60px; }

.left-sidebar { display:none; }
.right-sidebar { width:100%; flex-basis:100%; max-width:100%; }

#sidebarMenu { padding:25px 0; border-right:1px solid #ddd; }

#sidebarMenu ul:first-child { margin-bottom:1rem; padding-bottom:1rem; border-bottom:1px solid #ddd;  }


html,
body {
  height: 100%;
}

body {
  display: -ms-flexbox;
  display: flex;
  flex-direction: column;
}

main { flex-basis:100%; display:flex; justify-content: center; }
main > section { display:flex; flex-basis: 100%; }
main > section > .container-fluid { display:flex; flex-basis:100%; }
main > section > .container-fluid > .row { flex-basis:100%; flex-grow: 1; }

footer { box-shadow: 0 -0.15rem 1rem rgba(0,0,0,.15)!important  }

.tab-content { width:100%; }




.container-fluid { justify-content:center;  }

.themes-manage-list .badge { font-size:12px; padding:0.25rem 0.5rem; vertical-align: bottom; }
.themes-manage-list .btn { text-transform:none; margin-left:0.5rem;}
.themes-manage-list .card-body { align-items: center; }
.themes-manage-list .theme-name { flex-grow:1; }
.themes-manage-list .theme-actions { flex-grow:0; }
.themes-manage-list .theme-actions .loading-icon { display:none; }

.themes-manage-list .card.no-data .theme-actions .btn { display:none; }
.themes-manage-list .card.no-data .theme-actions .loading-icon { display:inline-block; }

.themes-manage-list .card.installed .action-configure-app { display:inline-block; }
.themes-manage-list .card.installed .action-remove-app { display:inline-block; }
.themes-manage-list .card.installed .action-install-app { display:none; }

.themes-manage-list .card.not-installed .action-configure-app { display:none; }
.themes-manage-list .card.not-installed .action-remove-app { display:none; }
.themes-manage-list .card.not-installed .action-install-app { display:inline-block; }


.loading-icon {
    position: relative;
    display: inline-block;
    width: 2.5em;
    height: 2.5em;
    transform: translateY(17%);
    margin-right: 1rem;
}

.loading-icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}

.loading-icon:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 4px solid rgb(0, 138, 189, 0.1);
    /* Light grey */
    border-top: 4px solid #008abd;
    /* Blue */
    border-radius: 50%;
    width: 100%;
    height: 100%;
    animation: spin 2s linear infinite;
    z-index: 101;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading-icon.small { width: 1.5rem; height: 1.5rem; margin: 0; }
.loading-icon.small:after { border-width: 3px; }


.btn.btn-outline-secondary:hover,
.btn.btn-outline-secondary:active,
.btn.btn-outline-secondary:focus { color:#fff; }

#main-tabs li { width:100%; }


a.navbar-brand small {
    display: block;
    font-size:12px;
    color:#aaa;
}
a.navbar-brand i {
    margin-right: 5px;
}

.settings-menu-alternate { margin-bottom:15px; }

.badge { border-radius:0; }
.badge.badge-danger { background: rgb(220,53,69,0.6); }
.badge.badge-success { background: rgba(40,167,69,0.6); }

.action-configure-app { zoom:1.2; border-coplor: rgba(40,167,69,1);; background: rgba(40,167,69,0.9); color:#fff !important; }

.card.installed .tool-installed-text { display:block; }
.card.installed .tool-not-installed-text { display:none; }

.card.not-installed .tool-installed-text { display:none; }
.card.not-installed .tool-not-installed-text { display:block;  }




.card .tool-installed-text,
.card .tool-not-installed-text { opacity:0.5; margin-bottom:0; margin-top:10px; }


.modal-body p:last-child { margin-bottom:0; }

.modal-footer .btn-outline-secondary { opacity:0.7; }

.upload-images-big button { margin-bottom:12px; }

code { color:inherit; font-size:inherit; }

#products-list thead td { text-align:left; }

.card.no-data .tool-installed-text { display:none; }
.card.no-data .tool-not-installed-text { display:none; }


.input-group-text { padding:0 .75rem; }

#sidebarMenu { position:relative; }
#sidebarMenu .copy-text { 
    color: #595959;
    bottom:0; 
    width: 100%;
    left: 0;
    padding:20px;
    text-align: center;
    font-size: 80%;
    z-index: 111;
    border-top: 1px solid #ddd;
    margin-top: 20px;
}


#sidebarMenu .copy-text  a {
    color: inherit;
    text-decoration: underline;
}


.main-content-container > .tab-content > .tab-pane[id] {
    margin-top: -100px;
    padding-top: 100px !important;
}

.manage-images-block-inner { display:flex; flex-direction:column; }
.manage-images-block-main-content { flex-basis:100% }
.manage-images-block-footer { flex-shrinnk:0; }

#sidebarMenu {
    display: flex !important;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom:     0;
}

.copy-text i { 
    font-size: 200%;
    opacity: 0.3; 
}
.copy-text {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.show-history-block { text-align:center; margin:10px 0; opacity:0.5; font-size:11px; }
.show-history-block i { margin-right:10px; }

.refresh-themes-block { text-align:center; margin:10px 0; opacity:0.5; font-size:11px; }
.refresh-themes-block i { margin-right:10px; }


.form-check.form-check-inline.yes-no-radios.yes-value:before {
    content: '';
    position:absolute;
    z-index:111;
    right:6px;
    top:8px;
    transform: translateY(-50%) rotate(45deg);
    height: 9px;
    width: 5px;    
    border-bottom: 2px solid #6edc5f;
    border-right: 2px solid #6edc5f;    
}



.show-if-not-installed, .show-if-installed { display:none; cursor: pointer; }

.not-installed .show-if-not-installed { display:inline-block; }
.installed .show-if-installed { display:inline-block; }

.theme-actions .fa-toggle-on,
.theme-actions .fa-toggle-off { font-size:30px; }

.theme-actions .fa-toggle-on { color:#28a745; }
.theme-actions .fa-toggle-off { color:#ddd; }

.embed-block-instructions img { opacity:0.75; }

.refresh-theme-block { display:none; text-align:center;  opacity:1; font-size:11px; }
.refresh-theme-block a i { margin-right:10px; }

.need-refresh { position:relative; z-index: 1; }
.need-refresh:before { content: ''; position: absolute; top:0; left: 0; bottom: 0; right:0; background: rgba(255, 255, 255, 0.8);z-index:1111; }
.need-refresh .refresh-theme-block { display:inline-block; position: absolute; top:50%; left: 50%; transform:translate(-50%,-50%); z-index:2222;}

[name="hr_code"] { max-width:100px; }

.requestHelp { margin:0 auto; filter: grayscale(1); }



.spinproducts-tabs { margin-bottom:20px; }
.spinproducts-tabs li { margin-right:5px; }
.spinproducts-tabs li button { outline:none !important; cursor:pointer; }


.loading-icon {
    position: relative;
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    transform: translateY(17%);
    margin-right: 0.5rem;
    top:2px;
}

.loading-icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 100;
}

.loading-icon:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    border: 4px solid rgb(0,0,0, 0.05);
    /* Light grey */
    border-top: 2px solid #555;
    /* Blue */
    border-radius: 50%;
    width: 100%;
    height: 100%;
    animation: spin 2s linear infinite;
    z-index: 101;
}


.spin-quick-search { display:flex; flex-direction:row; margin-bottom: 10px; align-items: flex-start;}
.spin-quick-search > select:last-child { margin-left:1rem; }
.spin-quick-search select {
    padding: 0.7rem;    
}

input[disabled] { opacity:0.3 !important; }

.deleteimages-modal .modal-dialog { max-width:400px; }

.images-modal-btn > .loading-icon { display:none;}

.images-modal-btn.loading > span { display:none; }
.images-modal-btn.loading > .loading-icon { display:inline-block; width: 1rem; height: 1rem; margin: 0; }
.images-modal-btn.loading:not(.muted-button) > .loading-icon:after { 
    border: 2px solid rgba(142, 181, 22, 0.3) !important;
    /* Light grey */
    border-top: 2px solid #8eb516 !important;
    /* Blue */

}

.images-modal-btn.loading > .loading-icon:after { border-width: 2px; }



.manage-images-block-inner .page-item.disabled { opacity:0.5; }


.folder-on-sirv { font-size:12px; display:block; color:#999; }