body {

}
.mobile-device, .mobile-inline{
    display:none;
}

outline.red { 
    background: #FFF;
}
.btn.btn-outline.red {
    background: #FFF;
}
 button, input, select, textarea{
        -webkit-appearance:none;
    }
input{
-webkit-appearance: none;
    -moz-appearance: none;
}
  .btn-primary {
    background-color: #14b9d6 !important;
    border-color: #14b9d6 !important;
  }
  .btn-primary:hover {
    background-color: #14b9d6 !important;
    border-color: #14b9d6 !important;
  }

  .font-green-sharp {
      color:#14B9D6 !important;
  }
  .progress-bar.green-sharp {
      background:#14b9d6 !important;
  }
  .font-red-haze {
      color:#FF5240 !important;
  }
  .progress-bar.red-haze {
      background:#FF5240 !important;
  }
  .font-blue-sharp {
      color:#FFB512 !important;
  }
  .progress-bar.blue-sharp {
      background:#FFB512 !important;
  }
  .badge-danger{
      background-color:#FF5240;
  }

.amcharts-graph-column-front:hover {
    fill: #4d5b69;
    stroke: #4d5b69;
    
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user>.dropdown-menu{
    max-height: calc(100vh - 150px );
    overflow: auto;
}
.slimScrollBar .bootstrap-select.btn-group .dropdown-menu.inner{
    overflow-x:auto;
    max-width:195px;
}
.slimScrollBar ::-webkit-scrollbar{
    width:7px;
    height:7px;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  box-shadow: inset 0 0 3px #4d5b69;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #14b9d6;
  border-radius: 10px;
}

.dropdown-menu > .dropdown-item  {
        padding: 8px 16px;
    color: #6f6f6f;
    text-decoration: none;
    display: block;
    clear: both;
    font-weight: 300;
    line-height: 18px;
    white-space: nowrap;
}
.dropdown ::-webkit-scrollbar {
  width: 5px;
}

.input-group-sm>.input-group-btn>select.btn, .input-group-sm>select.form-control, .input-group-sm>select.input-group-addon, select.input-sm{
    line-height:20px;
}
.dropdown-menu > .dropdown-item:hover {
        text-decoration: none;
    color: #262626;
    background-color: #e1e5ec;

}
.w-100{
    width:100%;
}
textarea {
    resize: none;
}
    textarea.form-control.pageDescription {
        height:150px;
    }
a {
        color: #14B9D6;
}
a:hover{        
        color: #14B9D6;
}
#loader {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            width: 100vw;
            height: 100vh;
            background-color: rgba(0,0,0, 0.4);
            background-repeat: no-repeat;
            background-attachment: fixed;
     
            background-image: url('../Images/image_1092204.gif');
            background-position: center;
            display: block;
}
 #progress-container {
            -webkit-box-shadow: none;
            box-shadow: inset none;
            display: none;
        }

        #drop_zone {
            border: 2px dashed #bbb;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            padding-top: 60px;
            text-align: center;
            font: 20pt bold 'Helvetica';
            color: #bbb;
            height: 140px;
        }

        #video-data {
            margin-top: 1em;
            font-size: 1.1em;
            font-weight: 500;
        }
    div.polaroid {

  background-color: #fff;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
  padding-top:20px;
}
.carousel-indicators li{
    width:5px;
    height:5px;
    border-radius:100% !important;
}
.carousel-indicators .active {
     width:7px;
    height:7px;
    border-radius:100% !important;
}
.dropdown-toggle{
    z-index:0 !important;
}
.StoreName{
    color:rgb(16, 143, 146);
}
.totalValueClass{
    background-color:#ed6b75; 
    color:#fff;
    padding: 10px;
}
tr.tableLink:hover td{
    background-color:#ddd !important;
    cursor:pointer;
}
td.tableLink:hover{
     background-color:#ddd !important;
    cursor:pointer;
}
/*Components*/
/*.pluPartial{
     margin-bottom:20px;
     min-height:508px; 
     border: 1px solid black; 
     background-color:#fff;

}*/
.naslov {
    font-size:26px;
}
.pluPartialUnitPromotionPrice{
    text-align:center;
    color:#000 !important;
}
.pluPartialUnitPrice{
   padding-top:20px;
}
/*SelectPlanPage*/
.pricing-content-2 .pricing-table-container .price-column-container{
    border-bottom: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: 6px 10px 42px -28px rgba(0,0,0,0.5);
-moz-box-shadow: 6px 10px 42px -28px rgba(0,0,0,0.5);
box-shadow: 6px 10px 42px -28px rgba(0,0,0,0.5);
margin-top: 0;
border: none !important;
}
.pricing-content-2 .pricing-table-container .price-column-container>.price-table-head>h2.opt-pricing-5{
    display:block;
    padding: 10px;
    margin: 0 40px;
}

.pricing-content-2 .pricing-table-container .price-column-container.Active{
    position:relative;
    /*padding: 90px 0 60px;
    margin: 0;*/
    -webkit-box-shadow: 6px 10px 42px -28px #14B9D6;
-moz-box-shadow: 6px 10px 42px -28px #14B9D6;
box-shadow: 6px 10px 42px -28px #14B9D6;
}
.pricing-content-2 .pricing-table-container .price-column-container.Active:after{
    content:"aktivno";
    position:absolute;
    top:-15px;
    background: #14B9D6;
    padding: 15px 20px;
    color:#FFF;
    text-transform:uppercase;
    border-radius: 4px;
    font-weight: 600;
    left: 0;
    right:0;
    margin: 0 80px;
}
/*.pricing-content-2 .pricing-table-container .price-column-container.Active button.btn.blue-steel{
    display:none;
}*/
.pricing-content-2 .pricing-table-container .price-column-container button.btn.btn-default.active-plan{
    display:none;
}
.pricing-content-2 .pricing-table-container .price-column-container.Active button.btn.btn-default.active-plan{
    display:inline;
}
 
.pricing-content-2{
    background-color:transparent;
}
.pricing-content-2 .pricing-table-container p.footnote{
    color: #ACB5C3;
    padding: 0 20px;
    font-size: 12px;
}
.pricing-content-2 .pricing-table-container .mt-radio{
    display:block;
    margin: 0 30px;
}

.pricing-content-2 .pricing-table-container .mt-radio h3{
        text-align: left;
    font-weight: 600;
    margin-top:35px;
}
.pricing-content-2 .pricing-table-container .mt-radio h3 .price-sign{
    font-size: 16px;
    
    padding-right: 2px;
    vertical-align: top;
}
.pricing-content-2 .pricing-table-container .mt-radio #personalClicked{
    margin-top:2px;
}
.pricing-content-2 .pricing-table-container .planSubmit{
    padding-top:40px;    
    border-top: 1px solid rgb(238, 238, 238);
    margin-top: 10px;
}
.pricing-content-2 .pricing-table-container{
    padding: 0;
}
.min-max-width{
    min-width:150px; max-width:150px; padding:0;
}

/*components View*/
       .componentPorlet{
            box-shadow:0 2px 4px rgba(0,0,0,0.1);
            margin-bottom:0px !important;
        }
        .componentTitle{
            
            padding: 5px 10px 1px !important;
             margin-bottom:0px !important;
        }
        .componentGreyFrame{
            margin-top:100px; 
            background-color:#eee;
        }
        .lightOrange{
            background-color:#ffffe6;
        }
        .lightBlue{
            background-color:#e6faff;
        }
        .lightViolet{
            background-color:#eee6ff;
        }
        .lightGreen{
            background-color:#ecf9f2
        }
        .lightRed{
        background-color: #ffe6e6;
        }
        .component-label{
            font-size:small;
            text-align:left !important;
        }
      .btnComponent{
          white-space:normal !important;
      }

      .cke_ltr
        {
   
    z-index:10000001 !important;
        }
       .btn-primary.active, .btn-primary:active, .btn-primary:focus {
        background-color: #4b77be;
    }
 .portlet.light.grayImg{
        margin-bottom:20px; 
        box-shadow:0 2px 4px rgba(0,0,0,0.1);
        background-color:#f5f6f7;
        min-height:276px;
         }
.portlet.light.frameShadow{
        box-shadow:0 2px 4px rgba(0,0,0,0.1); 
             margin-bottom:10px !important;
         }
.portlet.light.frameShadowGray{
        box-shadow:0 2px 4px rgba(0,0,0,0.1); 
        background-color:#f5f6f7;
         }

.catDiv{
       margin-bottom:0px !important; 
       padding-top:0px !important;
       padding-bottom:0px !important; 
       border:none !important;
       }
 .form-group.catGroup{
       margin-left:-20px;
       padding-bottom:0px !important; 
       margin-bottom:0px !important;
       }
       .pluGroup{
       padding-right:10px; 
       padding-left:10px;
       }
 .form-group.priceGroup{
       margin-right:10px; 
       width:70px;
       }

 .rightGroup{
     padding-right:10px; 
     padding-left:30px;
    

 }    
 .rightGroupBottom{
     padding-right:10px; 
     padding-left:10px; 
     padding-bottom:25px; 
     border-bottom: 2px solid #eee;
 } 
 .scrollit {
       display: block;
        overflow-x: auto;
    }
 #tools{
     color:#d7dbe0;
 }
  a .tools{
     color:#d7dbe0;
 }
  .UploadThumbnail {
            height: 100px !important;
            width: 100px !important;
            display: none;
        }

.UploadFileThumbnail {
            height: 50px !important;
            width: 50px !important;
            display: none;
        }

 .UploadImageThumbnail {
            height: 100px !important;
            width: 100px !important;
            display: none;
        }

.img-container, .img-preview {
            overflow: hidden;
            text-align: center;
            width: 100%;
        }

.img-preview-sm {
            height: 130px;
            width: 200px;
        }

/*#imgRes {
            width: 150px;
            height: 150px;
        }*/

#exportImportBreadcrumb{
    padding:7px 20px;
}

.breadcrumb-btn {
    color: #777 !important;
    border-color: #ddd;
    margin-left:12px;
}

#delete-all {
    float: right;
    padding: 8px 0;
}

#cropContainer {
            max-width: 640px;
            margin: 0px auto;
        }

img {
            max-width: 100%;
        }
.center {
    text-align: center;
}

.pagination {
    display: inline-block;
}

.pagination a {
    color: black;
    float: left;
    padding: 5px 14px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #ddd;
    margin: 0 2px;
}

.pagination a.active {
    background-color: #14B9D6;
    color: white;
    border: 1px solid  #14B9D6;
}

.pagination a:hover:not(.active) {background-color: #ddd;}

/*Main Menu*/

  .sidebar-nav {
            padding: 9px 0 !important;
        }

        .dropdown-menu .sub-menu {
            left: 100%;
            position: absolute;
            top: 0 !important;
            visibility: hidden !important;
            margin-top: -1px !important;
        }
        .navbar-fixed-top{
            max-height:60px;
        }

        .dropdown-menu li:hover .sub-menu {
            visibility: visible !important;
        }

        .dropdown:hover .dropdown-menu {
            display: block !important;
        }

        .nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
            margin-top: 0 !important;
        }
        .navbar{
            margin-bottom:0px !important;
        }
        .navbar-right .dropdown-menu {
            right: 0 !important;
            left: 0 !important;
        }
        
        /*Steps*/
        .wizard a {
    padding: 10px 12px 10px;
    margin-right: 7px;
    background: #eee;
    position: relative;
    display: inline-block;
    text-decoration:none;
}
.wizard a:before {
    width: 0;
    height: 0;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #fff;
    position: absolute;
    content: "";
    top: 0;
    left: 0;
}
.wizard a:after {
    width: 0;
    height: 0;
    border-top: 20px inset transparent;
    border-bottom: 20px inset transparent;
    border-left: 20px solid #efefef;
    position: absolute;
    content: "";
    top: 0;
    right: -20px;
    z-index: 2;
}
.wizard a:first-child:before,
.wizard a:last-child:after {
    border: none;
}
.wizard a:first-child {
    -webkit-border-radius: 4px 0 0 4px;
       -moz-border-radius: 4px 0 0 4px;
            border-radius: 4px 0 0 4px;
}
.wizard a:last-child {
    -webkit-border-radius: 0 4px 4px 0;
       -moz-border-radius: 0 4px 4px 0;
            border-radius: 0 4px 4px 0;
}
.wizard .badge {
    margin: 0 5px 0 18px;
    position: relative;
    top: -1px;
}
.wizard a:first-child .badge {
    margin-left: 0;
}
.wizard .current {
    background: #4B77BE;
    color: #fff;
}
.wizard .current:after {
    border-left-color: #4B77BE;
}




    .ShopenBadClass {
        border-color: red;
    }

    .ShopenBadNumberClass {
        /*//background-color:blue;*/
        border-color: red;
        background-color: #fbe1e3;
    }

    .ShopenBadFormatClass {
        background-color: #fbe1e3;
    }

    .ShopenErrorText {
        color: red;
        font-style: italic;
    }


    .captionImgWithOverlay {
        width: 100%;
        bottom: 10.3rem;
        position: absolute;
        /*background: #000;
        background: -webkit-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        background: -moz-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        background: -o-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
        background: linear-gradient(to top, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    }

    .thumbnail {
        border: 0 none;
        box-shadow: none;
        margin: 0;
        padding: 0;
    }

    .caption h4 {
        color: #fff;
        -webkit-font-smoothing: antialiased;
    }
    .minicolors-swatch-color{
        border: 1px solid rgba(0,0,0, 0.4) !important;
    }
    .subtable{
        background-color:#4b77be;
    }
      .daterangepicker .ranges li.active, .daterangepicker .ranges li:hover{
            background:#14B9D6 !important;
                border-color:#14B9D6 !important;
        }
        .daterangepicker td.active, .daterangepicker td.active:hover {
            background-color: #14B9D6 !important;
        }

        /*.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #eef1f5;
}
        .page-sidebar .page-sidebar-menu>li.active.open>a>i, .page-sidebar .page-sidebar-menu>li.active>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a>i, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a>i {
    color: #e73d4a !important;
}
        .page-sidebar-menu>li.active.open>a>span{
            color: #e73d4a !important;
        }
        .sub-menu>li.active.open>a>span{
            color: #e73d4a !important;
        }
        .control-label{
            padding-top:7px !important;
        }
        tr{
            vertical-align:middle !important;
        }*/
        .table-condensed>tbody>tr>td.promotion-padding{
            padding-left:50px;
        }
         note p, .page-loading, .panel .panel-body {
            font-size: 55px;
        }

        #macbookwrapper {
            width: 100%;
            display: inline-block;
            position: relative;
            border:0.5px solid #ddd;
        }

        #macbookiframe {
            width: 440%;
          
            padding-top: 17%;
            padding-left: 60%;
            border: 0px;
            transform: scale(0.20);
            transform-origin: 0 0;
            border-radius:15px; 
            overflow:hidden;
            pointer-events: none;
        }

        #macbookwrapper:after {
            /* padding-top: 56.25%; 16:9 ratio*/
            padding-top: 60%; /* ratio of background image used*/
            display: block;
            content: '';
        }

        .macbook {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0; /*fill parent*/
            /*background-image: url("http://www.businesstours.co.uk/wordpress/wp-content/uploads/2014/02/Macbook-blank-template-1024x611.png");*/
            background-repeat: no-repeat;
            background-size: contain;
            background-position: center;
            /* background-color: blue; */
        }

        #macbookwrapperMobile {
            width: 100%;
            display: inline-block;
            position: relative;
            margin-top: -280px;
            margin-left: -100px;
        }

        #macbookiframeMobile {
            width: 102.2%;
            height: 225%;
            padding-top: 15.5%;
            padding-left: 46%;
            border: 0px;
            transform: scale(0.40);
            transform-origin: 0 0;
            border-radius:15px; 
            overflow:hidden;
            pointer-events: none; 
        }

        #macbookwrapperMobile:after {
            /* padding-top: 56.25%; 16:9 ratio*/
            padding-top: 60%; /* ratio of background image used*/
            display: block;
            content: '';
        }

        .macbookMobile {
            position: absolute;
            top: 0;
            bottom: 0;
            right: 0;
            left: 0; /*fill parent*/
            background-image: url("http://images.samsung.com/is/image/samsung/p5/ie/home/ph_720x750.png?$ORIGIN_PNG$");
            background-repeat: no-repeat;
            background-size: contain;
            /*background-position:center;*/
            /* background-color: blue; */
        }
        #numRows:hover:not(.active) {
    background-color: #fff;
}
                     .table-striped > tbody > tr:nth-of-type(odd) {
                    /*background-color: #eef1f5;*/
                    /*background-color:#BFCAD1;*/
                    background-color: none;
                }
                     table.dataTable tbody th, table.dataTable tbody td {
    padding: 2px 10px;
}
                .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
                    vertical-align: middle;
                }
                     /*==========================================================Menu========================================================================================*/

                /**/



                 #pwindicator {
    margin-top: 4px;
    width: 150px;
}

.bar {
    height: 2px;
}

.pw-very-weak .bar {
    background: #d00;
    width: 30px;
}

.pw-very-weak .label {
    color: #d00;
}

.pw-weak .bar {
    background: #d00;
    width: 60px;
}

.pw-weak .label {
    color: #d00;
}

.pw-mediocre .bar {
    background: #4B77BE;
    width: 90px;
}

.pw-mediocre .label {
    color: #4B77BE;
}

.pw-strong .bar {
    background: #1BA39C;
    width: 120px;
}

.pw-strong .label {
    color: #1BA39C;
}

.pw-very-strong .bar {
    background: #0d0;
    width: 150px;
}

.pw-very-strong .label {
    color: #0d0;
}
table.dataTable.order-column tbody tr>.sorting_1, table.dataTable.order-column tbody tr>.sorting_2, table.dataTable.order-column tbody tr>.sorting_3, table.dataTable.display tbody tr>.sorting_1, table.dataTable.display tbody tr>.sorting_2, table.dataTable.display tbody tr>.sorting_3 {
    background-color: none !important;
}
table.dataTable td.sorting_1, table.dataTable td.sorting_2, table.dataTable td.sorting_3, table.dataTable th.sorting_1, table.dataTable th.sorting_2, table.dataTable th.sorting_3 {
    background: none !important;
}
.indexTable{
  padding-bottom:50px !important;
 padding-top:10px !important;
}
#storename{
    border:none;
    box-shadow:none;
    color: #4b77be;
    padding:0px;
    font-size:27px;
   background-color:rgba(255, 255, 255, 0);
   
   
}
#storename :hover{
    background-color:rgba(255, 255, 255, 0);
    box-shadow:none;
    border:none;
}
.leftPadding{
    padding-right:0px

}
.saveCancelDiv{
    background-color:#fff !important;
    border:none !important;
}

.modal.no-access-model{
    background:#000000b0;
    padding-left:200px;
}
#no-access-model{
    display:none;
}

.modal-dialog.no-access-model{
    margin: 37vh auto !important;
}

@media(max-width: 767px){
.modal.no-access-model{
    padding-left:0px;
}
}


#modalAddress {
    position: absolute;
    top: 50% !important;
    transform: translate(0, -50%) !important;
    -ms-transform: translate(0, -50%) !important;
    -webkit-transform: translate(0, -50%) !important;
    margin: auto 5%;
    width: 90%;
    height: 80%;
}
.cropper-canvas,  .cropper-drag-box, .cropper-modal, .cropper-wrap-box {
                /*outline: -webkit-focus-ring-color auto 5px !important;*/
    /*outline-color: -webkit-focus-ring-color;*/
    outline-style: auto;
    /*outline-width: 5px;*/
        }

    /*#printT {
        border-collapse: collapse;
    }
   .tableePrint{
         border: 1px solid black;
         background-color:red;
   }

    #printT, th, td {
        border: 1px solid black;
    }*/

    .ThemeWarring{
        background-color:none;
        position: fixed;
        bottom: 0;
      
    }

    
    .ThemeWarringBtn{
        width:100%;
    }
    .MarkerDivTheme2{
        min-height:30px;
    }
    .Marker {
  
    z-index: 1;
    padding: 5px 10px;
    border-radius: 5px;
    color: #fff;
    min-height:20px;
}

.Hit {
    background: #29aae3;
}

.Sold {
    background: #ed1b24;
    text-decoration: line-through;
}

.New {
    background: #23b574;
}

.Action {
    background: #fdd901;
}
.HotDeal{
    position: absolute;
    top: -50px;
    right: -60px;
    background: #ff0000;
    transform: rotate(45deg);
    font-size: 16px;
    line-height: 1;
    width: 80px;
    padding: 25px;
    padding-bottom: 0;
    padding-top: 80px;
    text-align: center;
}
.New1{
    position: absolute;
    top: -50px;
    right: -60px;
    background: #ff0000;
    transform: rotate(45deg);
    font-size: 16px;
    line-height: 1;
    width: 80px;
    padding: 25px;
    padding-bottom: 0;
    padding-top: 80px;
    text-align: center;
}
.Akcija1{
    position: absolute;
    top: -50px;
    right: -60px;
    background: #ff0000;
    transform: rotate(45deg);
    font-size: 16px;
    line-height: 1;
    width: 80px;
    padding: 25px;
    padding-bottom: 0;
    padding-top: 80px;
    text-align: center;
}
.Promo1{
    position: absolute;
    top: -50px;
    right: -60px;
    background: #ff0000;
    transform: rotate(45deg);
    font-size: 16px;
    line-height: 1;
    width: 80px;
    padding: 25px;
    padding-bottom: 0;
    padding-top: 80px;
    text-align: center;
}
.Sale1{
    position: absolute;
    top: -50px;
    right: -60px;
    background: #ff0000;
    transform: rotate(45deg);
    font-size: 16px;
    line-height: 1;
    width: 80px;
    padding: 25px;
    padding-bottom: 0;
    padding-top: 80px;
    text-align: center;
}
.MarkerDivTheme1{
    
    position:relative;
 width:100%;
    overflow: hidden;
}
.dd3-handle {
    background-color: #4d5b69;
    
    border: 1px solid #fff;
    border-right: none;
    
} 
 .dd3-handle.active {
    background-color: #4d5b69;
    
    border: 1px solid #14B9D6;
    border-right: none;
    
} 
.dd3-handle:before {
  
    color: #14B9D6 !important;
     
}



.dd-item:hover .dd3-handle:first-child{
      border: 1px solid #14B9D6 !important;
    border-right: none !important;
}

.dd3-content:hover label

{
   font-family:"Open Sans",sans-serif !important;
   color:#fff;
}

/*.dd3-content:hover {
    color: #14B9D6 !important;
        background-color:#4d5b69;
          border: 1px solid #14B9D6 !important;
    /*background: #fafafa;*/
}*/
/*.dd3-content {
    display: block;
    height: 30px;
    margin: 5px 0;
    padding: 5px 10px 5px 40px;
    color: #fff !important;
    text-decoration: none;
    font-weight: 400;
 
    background: #4d5b69 !important;

}*/

.dd3-content .fa{
    padding-top:3px!important;
}
 #hideHeader .fa{
    padding-top:3px!important;
}

    #footerBottomList .dd3-content{
    padding-top:7px!important;
}
.dd-header-item:hover .dd3-content,
.dd-footer-item:hover .dd3-content{
      border: 1px solid #14B9D6 !important;


}
.dd-header-item:hover .dd3-content.edit, .dd-footer-item:hover .dd3-content.edit {
    border: none !important;
}
.dd3-content.active{
    border-color:#14B9D6;
    color:#14B9D6;
}
.dd-header-item:hover .dd3-content.edit,
.dd-footer-item:hover .dd3-content.edit{
      border: none !important;


}
      .dd-header-item:hover .dd3-handle,
      .dd-footer-item:hover .dd3-handle{
      border: 1px solid #14B9D6 !important;
      border-right:none !important;

}
/*#headerEdit .dd-list:hover .dd3-handle:first-child{
      border: 1px solid #14B9D6 !important;
    border-right: none !important;
}
#headerEdit .dd-list:hover .dd3-content:first-child{
      border: 1px solid #14B9D6 !important;
    border-right: none !important;
}*/

.compPorletLight{
    padding-left:5px !important;
    padding-right:5px !important;
}
.page-footer-fixed.page-sidebar-menu-compact.navbar-fixed-bottom{
    bottom:25px !important;
}
.page-footer-fixed.page-sidebar-menu-compact.navbar-fixed-bottom input[type=button]{
    padding-top:5px;
    padding-bottom:5px;
    
}
.page-footer-fixed.page-sidebar-menu-compact.navbar-fixed-bottom .portlet{
 
    margin-bottom:0px;
    
}
.page-footer-fixed.page-sidebar-menu-compact.navbar-fixed-bottom input[type=button].btn-danger{
    margin-top:5px;
    
}
.page-footer-fixed.page-sidebar-menu-compact.navbar-fixed-bottom a.btn{
    padding-top:5px;
    padding-bottom:5px;
}
.page-footer-fixed.page-sidebar-menu-compact.navbar-fixed-bottom a.btn{
    padding-top:5px;
    padding-bottom:5px;
}
.page-footer-fixed.page-sidebar-menu-compact.navbar-fixed-bottom .col-md-12{
    padding-left:0;
    padding-right:5px;
}
.createPageConfirmButtons{
    bottom:0 !important;

}
.buttonBottomDiv{
    padding-top:100px !important;
}
   .login {
     
        background-repeat: repeat;
        background-image: url('./img/backback.png');
        background-size: 100%;

}
/*MARKER END */
#stDiv{
    max-height:500px;
    overflow-y:scroll;
    overflow-x:hidden;
}
#styleActionDiv{
    bottom:50px;
    position:fixed;
}
.styleHr{
    margin-top:5px;
    margin-bottom:10px;
}
#stDiv::-webkit-scrollbar,
#compDiv::-webkit-scrollbar {
    width: 7px;

}
#stDiv::-webkit-scrollbar-track, 
#compDiv::-webkit-scrollbar-track{
    box-shadow: inset 0 0 5px #eef1f5; 
    border-radius: 10px;
}
#stDiv::-webkit-scrollbar-thumb,
 #compDiv::-webkit-scrollbar-thumb{
    background: #eee; 
    border-radius: 10px;
    border-right: 1px solid #707c88;
  
}
#componentsAdd{
    overflow-y:hidden;
      overflow-x:hidden;
}
.daterangepicker_input{
    display:none !important;
}
.vendorSelect span{
    color:#000 !important;
}
.PluSelect button.bs-placeholder{
    background-color:#fff !important;
    width:100%;
    border:none;
    /*margin-left:25% !important;*/
   
}
.PluSelect span{
    color:#333 !important;
}
/*.PluSelect .form-control{
    background-color:#eef1f5!important;
}*/
.editor-icon{
    cursor:pointer;
}
.editor-icon:hover .editor-icon-pict{
 color:#4b77be;
}
.temp-image:hover {
    cursor: pointer;
}
.selected{
    border: 1px solid #ddd;
}
.data-tooltip {
    display:inline-block;
    position:relative;
}
.toolTipDiv:hover:before {
    content: attr(data-tooltip);
    position: absolute;
    padding: 5px 10px;
    margin: -3px 0 0 10px;
    left:0;
    background: #14B9D6;
    color: white;
    border-radius: 3px;
    font-family:"Open Sans",sans-serif;
    z-index:9999999999;
    font-size: 13px;
    min-width: 220px;
    line-height: 1.4;
    text-transform:none;
}

.toolTipDiv:hover:after {
    content: '';
    position: absolute;
        margin: 6px 0 0 -210px;
    left: 0;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-right: 10px solid #14B9D6;
	border-bottom: 5px solid transparent;
    min-width: 220px;
    z-index:9999999999;
    
}
.btn.cancel{
    color: #fff;
    background-color: #e7505a;
    border-color: #e7505a;
}
.page-container.editor{
    margin-top:0px;
}
.page-container-bg-solid .page-content.editor {
    /*background: #ffffff;*/
}
.headerComp a{
    color:#14B9D6;
}
#nekaLista a{
    color:#14B9D6;
}
#galleryBtn{
    color:#fff;
}
.headerComp span{
    font-size:13px !important;
    font-family:"Open Sans",sans-serif !important;
   vertical-align:middle !important;
}
.dd-footer-item span{
      font-size:13px !important;
}
.editorTools labels,
.editorTools{
    font-size:14px !important;
    font-family:"Open Sans",sans-serif !important;
}
#nekaLista .caption-subject{
    font-size:13px !important;
    font-family:"Open Sans",sans-serif !important;
     
}

#nekaLista .caption-subject{
    font-size:13px !important;
    font-family:"Open Sans",sans-serif !important;
     
}

.no-hover:hover {
    border: 1px solid #fff !important;
    color: white !important;
} 



#componentsAdd input{
    text-align:left;
    background-color:#4d5b69;
    color:#fff;
    border:1px solid #fff;
    font-family:"Open Sans",sans-serif !important;
    height:30px;
    border-radius:3px;
    margin-bottom:3px;
    width:220px;
    margin-left:10px
}
#compButtonsDiv .form-body{
    padding-top:10px;
}
#componentsAdd input:hover{

    color:#14B9D6;
    border:1px solid #14B9D6 !important;
   
}
[id^=porletDiv] label{
   font-family:"Open Sans",sans-serif !important;

}
[id^=porletDiv] .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width:198px;
    font-size:14px !important;
     font-family:"Open Sans",sans-serif !important;

}
[id^=porletDiv] .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) .filter-option pull-left{
   
    font-size:12px !important;
     font-family:"Open Sans",sans-serif !important;

}


[id^=porletDiv] .col-md-6{
   
    padding-left:0;
    padding-right:0;
    

}
[id^=porletDiv] .col-md-6:first-child{
   
    padding-left:0;
    padding-right: 5px;
    

}
[id^=porletDiv] .col-md-6:last-child{
   
    padding-left:5px;
    padding-right:0;
    

}

[id^=porletDiv] .col-md-6 input{
   
  width:100%
    

}
[id^=porletDiv] .col-md-6:first-child{
   
    padding-left:0;
    padding-right: 5px;
    

}

[id^=previewDiv] .col-md-6,
[id^=hideFooter] .col-md-6,
#hideHeader .col-md-6,
#footerCompDiv .col-md-6
{
   
    padding-left:0;
    padding-right:0;
    

}
[id^=previewDiv] .col-md-6:first-child,
[id^=hideFooter] .col-md-6:first-child,
#hideHeader .col-md-6:first-child,
#footerCompDiv .col-md-6:first-child{
       padding-left:0;
    padding-right: 5px;
    }
[id^=previewDiv] .col-md-6:last-child,
[id^=hideFooter] .col-md-6:last-child,
#hideHeader .col-md-6:last-child,
#footerCompDiv .col-md-6:last-child{   
    padding-left:5px;
    padding-right:0;
    }

[id^=previewDiv] .col-md-6 input,
[id^=hideFooter] .col-md-6 input,
#hideHeader .col-md-6 input,
#footerCompDiv .col-md-6 input,
{
   
  width:100%
    

}


[id^=updated] .col-md-6 input{
   
  width:100% !important;
    

}
[id^=updated] .col-md-6:first-child{
   
    padding-left:0;
    padding-right: 5px;
    

}
[id^=update] .col-md-6:last-child{
   
    padding-left:5px !important;
    padding-right:0 !important;
    

}
.dd3-content .col-md-6{
   
    padding-left:0;
    padding-right:0;
    

}
.dd3-content .col-md-6:first-child{
   
    padding-right:5px;
   padding-left:0px;
    

}
.dd3-content .col-md-6:last-child input{
   
width:100%;
    

}

#footerFa{
     color: #14B9D6;
     font-size:18px;
}
.selectpicker{
    width:100% !important;
}
#FrameDiv{
    min-height:500px;
}
#footerHandle, 
#hideHandleHeader{
    cursor:default !important;

}

.btn.blue-steel{
   background-color:#14B9D6 !important;
   border-color: #14B9D6 !important;
}
.page-sidebar .page-sidebar-menu>li.active.open>a, .page-sidebar .page-sidebar-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu>li.active>a {
    background: #38444e;
    color: #fff;
}
.page-sidebar .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar .page-sidebar-menu .sub-menu>li:hover>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.active>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li.open>a, .page-sidebar-closed.page-sidebar-fixed .page-sidebar:hover .page-sidebar-menu .sub-menu>li:hover>a {
    background: #38444e!important;
}
.CursorPointer{
    cursor:pointer;
}
.categoriDesc{
    overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
#promotionTable .categoriDesc{
    margin-right:0 !important;
}
.selectpicker{
    width:0px !important;
}
.categoryImg{
    width:100%;
}
.InputWithButton button {
   font-size:13px;
    color: #000;
}
.InputWithButton input{
    color:#797979;
    font-size:13px;
}
.editKomponentDiv .nav-tabs{
    margin-bottom:15px;

}
.slimScrollBar{
    margin-top:-10px;
    /*border-bottom:2px solid #14B9D6;*/
}

.placeholderOkBtn{
    width:100%;

}
[id^=divForText_]{
 max-height:200px !important;
 overflow-y:scroll;

}
/*#editable iframe{
       width:280px !important;
                 height:155px !important;
                 float:left;
                 margin-right:20px;
                 padding-bottom:5px;
                 padding-top:5px;
}*/
table.dataTable thead th, table.dataTable thead td {
    padding: 10px 8px;
    border-bottom: 1px solid #111;
}
#FrameDiv .ChooseQuantity button,#FrameDiv .ChooseQuantity input,#FrameDiv .ChooseQuantity optgroup,#FrameDiv .ChooseQuantity select,#FrameDiv .ChooseQuantity textarea {
    color: inherit;
    font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: 100%;
    font-size: 13.3333px;
    line-height: inherit;
    font-family:Arial ;
    margin: 0;

}
#FrameDiv .ChooseQuantity button{
    margin-left: 5px;
}
#FrameDiv .QuantitySelect .ChooseQuantity input {
    width: 60px;
}
.label-danger{
    float:right;
}
.caption-subject b{
    color:#ed6b75 !important;
}
#RowsPerPageTable{
    margin-top:0;
}
.sweet-alert h2 {
    font-size: 20px;
    padding-top: 10px !important;
    color:#333;
    font-weight:200;
}
.dd-item > button:before {
  color:#14B9D6; 
}
.dd3-content .mt-checkbox>span:after{
    border-top-color: rgb(255, 255, 255);
    border-top-style: solid;
    border-top-width: 0px;
    border-right-color: rgb(255, 255, 255);
    border-right-style: solid;
    border-right-width: 2px;
    border-bottom-color: rgb(255, 255, 255);
    border-bottom-style: solid;
    border-bottom-width: 2px;
    border-left-color: rgb(255, 255, 255);
    border-left-style: solid;
    border-left-width: 0px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}
.sweet-alert .sa-icon.sa-warning .sa-body {
    position: absolute;
    width: 5px;
    height: 28px;
    left: 50%;
    top: 10px;
    border-radius: 2px;
    margin-left: -2px;
 
}
.sweet-alert .pulseWarning {
    width: 60px;
    height: 60px;
    border: 4px solid gray;
    border-radius: 50%;
    margin: 20px auto;
    position: relative;
    box-sizing: content-box;
}
.sweet-alert .sa-confirm-button-container {
    display: inline-block;
    position: relative;
    margin-top: -20px;
}
.sweet-alert .sa-icon.sa-warning {
    border-color: #e7505a;
}
#toast-container{
    width: calc(99.5% - 200px);
    left:200px;
    margin-right:200px;   
}
/*.toast-info {
    background-color: #ed6b75;
}*/
#desktopImg{
    width:495px;
    max-height:780px;
    overflow:hidden;
    object-fit: cover;
    object-position: top;
}
.ThemeName{
    height:50px;
}
.mobileImageDiv{
   max-height:400px;
   height:400px;
   overflow:hidden;
   padding-top:400px;
   background-size: contain;
   margin-bottom:18px;
}
.stylesImageDiv{
     /*max-height:235px;*/
       padding-bottom:10px;
   overflow:hidden;
}
.stylesImageDiv div{
     /*max-height:230px;
      height:230px;*/
    border:1px solid grey;
    /*width:44.8%;*/
    width: 98%;
    
}
.stylesImageDiv div:first-child{
  /*margin-right:6%;
  margin-left:1%;*/
}
.stylesImageDiv div:last-child{
  /*margin-right:1%;*/
  
}
.ThemeName input[type=checkbox], input[type=radio] {
    margin: 4px 4px 0;
}
    .stylesImageDiv div {
        max-height:288px;
        /*max-height:208px;*/
    overflow:hidden;    
  
    margin: 15px 0px;
    border:1px solid #ddd;
    
   
    box-shadow: 1px 1px 5px #777;
    }
.theme-btn {
    width: 100%;
}
.theme-window:hover img {
       -webkit-filter: blur(1px);
        filter: blur(1px);
    }
.theme-name {
    font-weight:400;
        font-family: "Open Sans",sans-serif;
}
#divForThemeList h4.Active{
    font-weight: 700;
}

span.active-theme{
        font-size: 22px;
    color: #FFF;
    font-weight: 600;
    position: absolute;
    top: -60%;
    text-align: center;
    width: 100%;
}
.activeTheme {
    display:none;
}
.Active .activeTheme {
    display:block;
    position:relative;
}
.Active .otherTheme {
    display: none;
}

[id^=theme_].Active .overlay-filter {
        opacity:0;
        position:absolute;
        width: 100%;
        height: 100%;       
        top: 0;
       
        transition:all 2s ease;
        -webkit-transition: all 2s ease;
  -moz-transition: all 2s ease;
  -o-transition: all 2s ease;
        
    }
    #divForThemeList .col-md-4.no-padding, #divForThemeList > .col-md-12 > .col-md-4.no-padding:nth-child(3n+1){
        padding-right:13.3333px;
        padding-left:0px;
    }
     #divForThemeList > .col-md-12 > .col-md-4.no-padding:nth-child(3n-1){      
        padding-right:6.66666px;
        padding-left:6.66666px;
       
    }
    #divForThemeList > .col-md-12 > .col-md-4.no-padding:nth-child(3n){      
        padding-right:0px;
        padding-left:13.33333px;
       
    }
    #divForThemeList > .col-md-12 {
        padding-left:0;
        padding-right: 0;
    }
    .portlet-title > .caption > a.btn.blue-steel.theme-btn.FloatRight {
        float: right;
    display: inline-block;
    width: 100px;
    color: #FFF;
    }

.theme-window:hover .overlay-filter, .theme-window.Active .overlay-filter{
    opacity:.8;
    background: rgba(5,196,230,1);
        width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
background: -moz-linear-gradient(top, rgba(5,196,230,1) 0%, rgba(12,124,141,1) 17%, rgba(12,124,141,1) 29%, rgba(0,117,138,1) 43%, rgba(1,110,126,1) 66%, rgba(2,53,59,1) 98%, rgba(2,53,59,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(5,196,230,1)), color-stop(17%, rgba(12,124,141,1)), color-stop(29%, rgba(12,124,141,1)), color-stop(43%, rgba(0,117,138,1)), color-stop(66%, rgba(1,110,126,1)), color-stop(98%, rgba(2,53,59,1)), color-stop(100%, rgba(2,53,59,1)));
background: -webkit-linear-gradient(top, rgba(5,196,230,1) 0%, rgba(12,124,141,1) 17%, rgba(12,124,141,1) 29%, rgba(0,117,138,1) 43%, rgba(1,110,126,1) 66%, rgba(2,53,59,1) 98%, rgba(2,53,59,1) 100%);
background: -o-linear-gradient(top, rgba(5,196,230,1) 0%, rgba(12,124,141,1) 17%, rgba(12,124,141,1) 29%, rgba(0,117,138,1) 43%, rgba(1,110,126,1) 66%, rgba(2,53,59,1) 98%, rgba(2,53,59,1) 100%);
background: -ms-linear-gradient(top, rgba(5,196,230,1) 0%, rgba(12,124,141,1) 17%, rgba(12,124,141,1) 29%, rgba(0,117,138,1) 43%, rgba(1,110,126,1) 66%, rgba(2,53,59,1) 98%, rgba(2,53,59,1) 100%);
background: linear-gradient(to bottom, rgba(5,196,230,1) 0%, rgba(12,124,141,1) 17%, rgba(12,124,141,1) 29%, rgba(0,117,138,1) 43%, rgba(1,110,126,1) 66%, rgba(2,53,59,1) 98%, rgba(2,53,59,1) 100%);

}
.overlay-btn {
    display:none;
    position:absolute;
    top: 0;
    padding: 15px;
    transition:all 1s ease;

}
.btn.choose-theme{
    border: 2px solid #FFF;
    color: #FFF;
    width: 100%;
    font-size:17px !important;
}
.activeTheme, .otherTheme {
        width: 80%;
    text-align: center;
}
.choose-theme:hover{
    background:#FFF;
    color: #14b9d6;
    
}
.overlay-btn hr {
    border-top: 3px solid #FFF;
    border-bottom: 0;
    width: 100%;
}
.theme-window:hover .overlay-btn, .theme-window.Active .overlay-btn {
    display:flex;
    width: 100%;
    height: 100%;    
    justify-content:center;
    align-items:center;
    flex-direction:column;
    
}

[id^=theme_]{
    max-height:400px;
    overflow:hidden;    
    padding:0 !important;
    border:1px solid #ddd;
    width:30%;
    margin-right:4%;
     box-shadow: 1px 1px 5px #777;
     position:relative;
}
[id^=theme_]:nth-child(4n-1){
    margin-left:0;
}
[id^=theme_]:nth-child(4n+2){
    margin-right:0;
}
[id^=theme_] img{
    
}

.ranges ul li:last-child{
    display:none;
}
.ranges{
    padding-top:40px;
}
/*.page-content-wrapper {
    background-image: url('img/test background.png');
    background-repeat:repeat;
   
     z-index: -1;
}*/
.page-container-bg-solid .page-content {
    /*background:#eef1f5bf;*/
    /*background: #eef1f5e3;*/
  
}
.page-background{
    margin-left: 195px;
    background-image: url('img/backback.png');
    background-size:111%;
    background-repeat:repeat;   
     z-index: -1;
}
@keyframes pulseWarning{
    0% {
    border-color: #F44336;
}
100% {
    border-color: #F44336;
}
}
@keyframes pulseWarningIns{
    0% {
    border-color: #F44336;
}
100% {
    border-color: #F44336;
}
}
.sweet-alert .sa-icon.sa-warning .sa-dot,
.sweet-alert .sa-icon.sa-warning .sa-body {
    background-color:#F44336;
}



/*Plu Create View */
.portlet-title.pluCreateView{
    min-height:40px !important;
    padding-bottom:0px !important;
    padding-top:0px !important;
    
}
.portlet-title.pluCreateView .caption .caption-subject{
    font-size:14px !important;
}
.portlet-body.pluCreateView.name {
    max-height:80px;
    padding-top:0px !important;
}
.portlet-body.pluCreateView .control-label{
    text-align:left;
}
.portlet-body.pluCreateView .form-body{
    padding-bottom:0px !important;
    padding-top:0px !important;
}
.portlet-body.pluCreateView.price .advancePriceBtnDiv {
    margin-top:10px;

}
.portlet-body.pluCreateView.price .advancePriceBtnDiv a {
    margin-top:20px;
    text-decoration:underline;
    cursor:pointer;
}
.portlet-body.pluCreateView.price hr{
    margin-top:0;
    margin-bottom:10px;
}
.portlet-body.pluCreateView.price .form-group{
  
    margin-bottom:5px !important;
}
.portlet-body.pluCreateView.price .form-body,
.portlet-body.pluCreateView.description .form-body,
.portlet-body.pluCreateView.images .form-body,
.portlet-body.pluCreateView.video .form-body,
.portlet-body.pluCreateView.status .form-body,
.portlet-body.pluCreateView.stock .form-body,
.portlet-body.pluCreateView.otherDetails .form-body,
.portlet-body.pluCreateView.markers .form-body,
.portlet-body.pluCreateView.variant .form-body,
.portlet-body.pluCreateView.PLUMesurement .form-body
{  
    padding-bottom:10px !important;
}
.portlet.right{
    margin-bottom:0;
}
.portlet-title.pluCreateView .actions {
    padding-bottom:3px !important;    
}
.portlet-body.pluCreateView.images {
   min-height:15px !important;
    }
.portlet-body.pluCreateView.images .imagePluDiv,
.portlet-body.pluCreateView.video .videoPluDiv {
  padding-top:10px;
    }
.modal-header{
    padding:10px !important;
}
.pluCVBtn{
    width:100%;
    margin-bottom:10px;
}
.variantValues{
    margin-top:10px !important;
}
.variantRemoveBtn{
    border:none !important;
    box-shadow:none !important;   
    padding-left:0px !important;
}
.variantRemoveBtn.value{   
    color:#c2cad8 !important;
}
.variantRemoveBtn.variant{
    color:#e7505a !important;  
}
#modalVimeo .control-label{
    text-align:left;
}


  .tokenizationSelect2{
      width:100% !important;
  }
  .categoryName{
      margin-top:0px !important;
  }
  .categoriDesc{
      margin-right:60px !important;
      margin-bottom:5px !important;
  }
  @-moz-keyframes spin {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

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

    to {
        transform: rotate(360deg);
    }
}

    .progress-bar-info {
    background-color: #14B9D6 !important;
}
    #loaderN{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/*width: 100vw;
	height: 100vh;*/
	background-color: rgba(0, 0, 0, 0.4);
	display: none;
	z-index: 99999;
}
    #loaderCropImg{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(14, 13, 13, 0.59);
	display: none;
	z-index: 99999;
}
        #loaderGraph,
        #loaderGraph2,
        #loaderGraph3,
        #loaderGraph4{
		position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100vw;
	height: 100vh;
	background-color: rgba(14, 13, 13, 0.1);
	display: none;
	z-index: 99999;
}
       #loaderGraph #loaderPanel,
       #loaderGraph2 #loaderPanel,
       #loaderGraph3 #loaderPanel,
       #loaderGraph4 #loaderPanel{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
    height:200px;
    background-color:white;
    border:solid 1px;
    margin-top: -108px;
    margin-left: -200px;
        text-align: center;
    vertical-align: middle;
    padding-top: 40px;
    box-shadow: 1px 1px 10px 9px rgba(0, 0, 0, 0.1);
}

#loaderPanel{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
    height:200px;
    background-color:white;
    border:solid 1px;
    margin-top: -108px;
    margin-left: -200px;
        text-align: center;
    vertical-align: middle;
    padding-top: 40px;
    box-shadow: 1px 1px 10px 9px rgba(0, 0, 0, 0.2);
}
#loaderN #loaderPanel{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
    height:200px;
    background-color:white;
    border:none;
    margin-top: -108px;
    margin-left: -200px;
        text-align: center;
    vertical-align: middle;
    padding-top: 30px;
    box-shadow: 1px 1px 10px 9px rgba(0, 0, 0, 0.2);
    border-radius:5px;
}
#loaderNatpis{
    padding-top:20px;
    padding-bottom:20px;
}
#loaderImage{
	display: block;
    margin-left: auto;
    margin-right: auto;
    width:60px;
            -moz-animation: spin infinite linear 1.5s;
        -webkit-animation: spin infinite linear 1.5s;
        animation: spin infinite linear 1.5s;
}

.sweet-alert {
    background-color: #ffffff;
    width:400px !important;
    padding: 17px;
    border-radius: 5px;
    text-align: center;
    position: fixed;
    left: 50%;
    top: 50%;
     margin-top: -108px;
    margin-left: -200px;
    overflow: hidden;
    display: none;
    z-index: 2000;
    min-height:200px;
     box-shadow: 1px 1px 10px 9px rgba(0, 0, 0, 0.2);
}
.showSweetAlert {
    animation: showSweetAlert 0s;
}

    .sa-icon.sa-success.animate {
        margin-top: 5px !important;
        margin-bottom: 15px !important;
    }
    .sweet-alert .sa-icon.sa-success{
        border-color:#14B9D6;
    }
    .sweet-alert .sa-icon.sa-success .sa-line {
   
    background-color: #14B9D6;

}
    .sweet-alert .sa-icon.sa-success .sa-placeholder {
    
    border: 4px solid rgba(20, 185, 214, 0.26);
  
}
    .sweet-alert .sa-icon.sa-warning.pulseWarning{
  margin-bottom:-25px !important;
  margin-top:5px !important;
}
    .sweet-alert .sa-button-container{
        /*margin-bottom:55px !important;*/
        margin-top:20px;
    }
    .sweet-alert .lead.text-muted {
        margin:0 !important;
    }
    .imagePluDiv{
        min-height:162px !important;
    }
    .bold.theme-font.CursorPointer .fa.fa-circle{
        font-size:10px !important;
    }
.sweet-alert .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-lg {
    padding-top:3px;
    padding-bottom:3px;
    margin-bottom:5px;
}
#RegisterDiv{
    margin-top:50px;

}
#MenuDiv .Logo{
    height:123px;
}
.editorTools,
#pageInfo{
  padding-right:0;
  min-width:250px;
  max-width:250px;
  background-color: #4d5b69;
}
.editorToolsTop{
        background: #14B9D6;
        height:68px;
        margin-bottom: 0 !important;
        border-bottom:none !important;
}
.editorToolsBody{
 background-color: #4d5b69;
 font-size:14px !important;
}
.editorToolsBody label{

 font-size:14px !important;
 color:#ffffff;
}
.editorToolsBody .form-group{
    margin-bottom:0px;
}
.editorToolsBody .form-group .control-label {
    padding-top:0px ;
}
.editKomponentDiv{
     background-color: #4d5b69;
     padding:0;
}
.portletEditor{
    margin-bottom:0px !important;
}
.editKomponentDiv .nav-tabs .active a{
    color:#fff;
}
.editKomponentDiv .nav-tabs a{
    color:#fff;
}
.editKomponentDiv .nav-tabs > li.active > a{
    background-color:#495663;
    border: 1px solid #14B9D6;
    color:#fff;
    
}
.editKomponentDiv .nav-tabs > li.active > a:hover{
    background-color:#495663;
    border: 1px solid #14B9D6;
    color:#14B9D6;
}
.nav-tabs {
    border-bottom: 1px solid #14B9D6;
    margin-left:15px;
    margin-right:15px;
}
#componentsPage,
.tab-content,
.headerComp,
#compDiv,
#NewCompDiv,
#addCompButton,
#footerCompDiv,
#componentsAdd
{
    background:#4d5b69;
     /*padding-left: 8px;*/
}
#addCompButton{
    font-size:14px;
    font-family:"Open Sans" sans-serif;
    padding-left:25px
}
#footerCompDiv{
    width:220px !important;
    left:15px !important;
}

#footerStyleDiv {
    width: 220px !important;
    left: 15px !important;
    bottom: 25px !important;
    display: flex;
}
.editorToolsBody .form-body{
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;
    padding-right:0px;
}

.bcgray{
     background:#4d5b69 !important;
     color:#fff !important;
}
#addComp{
    color:#fff;
}
#addCompButton{
    padding-top:10px;
     font-family:"Open Sans",sans-serif !important;
}
#backToDefault{
    padding-top: 10px;
    font-family: "Open Sans",sans-serif !important;
    font-size: 14px;
    padding-left: 25px;
    color: white;
}
.removeStyleClass, #backToDefault a{
    color:white;
}
#backToDefault .fa-chevron-circle-left{
        color: #14B9D6;
    padding-right: 20px;
}

#addCompButton a{
    color:#fff;
}
#addCompButton .fa-plus-circle,
#addCompButton .fa-minus-circle{
   color:#14B9D6;
   padding-right:20px;
  
}
#bodyCreateDiv{
    max-width:1170px;
    margin-left:auto;
    margin-right:auto;
}


.page-title{
    font-weight:600;
}
.portlet.light.lastPortlet{
    margin-bottom:100px !important;
}

.page-bar .page-breadcrumb > li > a, .page-bar .page-breadcrumb > li > span,.page-bar .page-breadcrumb > li > i{
    color:#333;
}
.page-bar .page-breadcrumb > li > i[class^="icon-"], .page-bar .page-breadcrumb > li > i[class*="icon-"]{
    color:#333;

}
.portlet.light .portlet-title a {
    text-shadow: none;
    color: #32c5d2;
}
.portlet.light .pagination .active  {
    text-shadow: none;
    color: #fff;
}
.portlet.light .pagination a  {
    text-shadow: none;
    color: #333;
}
.mt-element-card .mt-card-item .mt-card-content .mt-card-social>ul>li>a:hover {
    color: #32c5d2;
}
.page-content-wrapper.editor{
    background-image:none;
}
.modal-title.imgwithOverlay{
    font-size:16px;
    color: #32c5d2!important;
    text-transform: uppercase!important;
    font-weight: 700!important;
    line-height:20px;
}
.modal-header.imgwithOverlay{
    height:40px;
}
.modal-header.imgwithOverlay .close{
    background-size:cover !important;
    width: 12px;
    height: 12px;
   
}
.modal-header.imgwithOverlay .col-md-1{
   padding-top:4px;
}
.closeCropimgWithOvrl, #closeHeaderModal{
    /*margin-top:10px;*/
    margin-left:5px !important;
}
[id^=previewDiv] .dropdown-menu.open{
    max-width:200px;
}
.glyphicon-new-window{
    color:#c1c1c1;
    font-size:19px;
}
.glyphicon-new-window:hover{
    color:#14B9D6;
    font-size:19px;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > .username {
    display: inline-block;
    font-size: 20px;
    font-weight: 400;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i {
    display: inline-block;
    margin-top: 5px;
    margin: 0;
    font-size: 20px;
    font-weight: 400;
}
.page-header.navbar .page-actions{
    padding-left:70px;
}
.page-header.navbar .top-menu{
    padding-right:70px;
}
/*.header-body{
    max-width:1100px;
    margin-left:auto;
    margin-right:auto;
}*/

.portlet.light .portlet-title .actions a.btn-danger,
.portlet.light .portlet-title .actions a.btn-success {
    text-shadow: none;
    color: #fff;
}
.promotionTable td input{
    text-align:right;
}
#extLinkIcon{
    width:20px;
}
.page-bar{
        box-shadow: 0px 2px 3px 2px rgba(0,0,0,.03);
}
.dropdown-header{
   
    background:#e9edef;
        font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.importPluTable img{
    max-width:none !important;
    width:70px;
}


.importPluTable th {
   
    padding-right:10px;
    white-space: nowrap;
}

.progress-bar.videoProgressBar {
 
    font-size: 10px;
    line-height: 8px;
   
}
.form-control.selectpicker{
    width:0px !important;
}
[id^=AttributeValueSelect]{
    position: relative;

}
[id^=AttributeValueSelect] .ShopenErrorText{
    position:absolute;
    top:40px;
}
[id^=NewAttributeID] td{
    margin-bottom:20px;
    border:none !important;
}
#AttributeDivTable .mt-checkbox span {
    height: 20px;
    width: 20px;
}
[id^=SelectDiv] {
    margin-bottom:5px;
   
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
}
.myStoresHome{
    margin-right:7px;
}
select:focus option.holder {
    display: none !important;
}
.Settings .control-label{
    text-align:left;
}
.Settings .active-shop{
    display:flex;
    align-items:center;
    padding-bottom:5px;
    justify-content:space-between;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary{
    background: #14b9d6!important;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default, .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default{
    background: buttonface !important;
    color:#888 !important;

}
.bootstrap-switch{
    border-color:
}
.Settings .btn{
    float:right;
}

.Settings #extLinkIcon{
    width:15px;
}
.nopadding{
    padding-left:0;
    padding-right:0;
}
.nopadding-right{
    padding-right:0;
}
.top30{
    margin-top:30px;
}
.top50{
    margin-top:50px;
}
.page-header.navbar .page-logo {
    background: #fff;
    display:flex;
    align-items:center;
    padding:10px;
}
.adminPanel .slimScrollBar {
    box-shadow: inset 0 0 5px #eef1f5 !important;
    border-radius: 10px;
    background:#fff !important;
    opacity:1 !important;
    border-bottom:none;
}
.orderDetPartial.col-md-3{
    width:21%;
}
.orderDetPartial.col-md-9{
    width:78%;
}
.input-box { position: relative; }

.followBtnsInput { display: block; border: 1px solid #d7d6d6; background: #fff; padding: 10px 10px 10px 55px; }

.unit { position: absolute; display: block; left: 5px; top: 8px; z-index: 9; }
#trackStockMessage label{
    font-size:12px;
    color:#ff0000;

}
.mt-radio>span,
.mt-radio>span:hover {
    -ms-border-radius: 5px!important;
    -o-border-radius: 5px!important;
    border-radius: 5px!important;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    border: 2px solid #c2cad8;
    background-color:#fff;
}

.mt-radio>input:checked~span,
 .mt-radio:hover>input:not([disabled]):checked~span, 
.mt-radio>input:checked~span,
 .mt-radio:hover>input:not([disabled])~span{
    background:#fff;
}
    .mt-radio > span:after,
    .mt-radio>input:disabled~span:after {
        left: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #888;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    background:none;
    border-radius:0 !important;
    }
    #VariantDiv .form-group{
        margin-bottom:0;
    }
          .Settings .glyphicon-calendar:before {
        content: "\e109";
        font-size: 24px;
        margin-right: 20px;
    }

  .Settings  .glyphicon-credit-card:before {
        content: "\e177";
        font-size: 24px;
        margin-right: 20px;
    }
  #browserDescription{
      overflow-wrap: break-word;
  }

  .mt-radio>input:disabled~span {
    opacity: 1;
    filter: alpha(opacity=60);
    pointer-events: none;
    background-color: #eef1f5;
}
  .cancelBtnDiv{
      display:none;
  }
  .ErrorText{
      margin-bottom:50px;
      margin-top:0px;
      display:none
  }
  .ErrorText label{
      color:#ff0000;
  }

  .order-table-confirm{
          width: 100% !important;
    text-align: center  !important;
    margin: 8px 0  !important;
  }

 .fa-info-circle{
     font-size: 14px;
    color: #14B9D6;
    vertical-align: top;
    padding: 3px 3px 0;
}

 #adminTooltipMenuItem{
      position: fixed;
    bottom: 0;
    width: 195px;
    background: #4d5b69;
 }
 .payment-row, .allPaymentChecks{
     display:flex
 }
 /*select.selectpicker[id^=newAddressSelect_]{
     display:block;
     width:100%;
 }*/
 .removeAddress{
     float:right;
 }
 .removeAddress i, a.blue-link, a.blue-link:hover{
     color:#14b9d6;
 }

    @media all and (max-width: 1500px) {
    .full-height-content .ShrinkContainer {
        width: 97%;
        min-width: 0;
    }
}
@media (min-width: 1350px) {

    .full-height-content.adminPanel,
    .page-bar,
    .titleDiv{
     width:975px;
     margin-left:auto;
     margin-right:auto;
    }
    .portlet-body.pluCreateView.name {
        max-height: 60px;
        padding-top: 0px !important;
    }
    #previewThemeDiv
        {
    
     margin-left:auto;
     margin-right:auto;
    }
    
 
}
@media all and (max-width: 1200px) { /* screen size until 1200px */
    .stepText {
        display:none;
    }
    .captionImgWithOverlay {
        width: 100%;
        bottom: .3rem !important;
        position: absolute;
        /*background: #000;
        background: -webkit-linear-gradient(bottom, none 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        background: -moz-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
        background: -o-linear-gradient(bottom, #000 40%, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);*/
        background: linear-gradient(to top, rgba(0, 0, 0, 0) 100%) repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    }
     .captionImgWithOverlay h4 {
   font-size:14px !important;
    }
       .captionImgWithOverlay h1 {
   font-size:16px !important;
    }
}
@media all and (min-width: 992px) {
    .insertUpdateDiv
    {
         width:696px;
    }
}
@media (min-width: 992px) {

       .page-container{
        overflow-x:hidden !important;
    }
       .mobileSaveDiv{
           display:none;
       }
}
@media (min-width: 992px) {
    .page-content-wrapper.editor .page-content {
        margin-left: 250px !important;
        margin-top: 0px;
        min-height: 600px;
        padding: 0px 5px 0px 5px;
    }
    .page-sidebar-fixed .page-sidebar.editor {
    position: fixed !important;
    margin-left: 0;
    top: 0px;
}
}

@media (min-width: 992px) {
    .page-content-wrapper .page-content {
        margin-left: 0px;
        margin-top: 0px;
        min-height: 600px;
        padding: 25px 20px 10px 20px;
    }
}
@media (max-width: 991px) {

 
       .desktopSaveDiv{
           display:none;
       }
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 640px;
        margin: 200px auto !important;
    }
}
@media all and (min-width:768px) {
   
    .component-label
    {
         text-align:left !important;
    }
}
@media (min-width: 768px) {
    
}

@media all and (max-width: 767px) { /* screen size until 1200px */

    #toast-container, #alertBanner {
        display:none;
    }


   .page-header.navbar .page-logo img{
    max-height:30px;
   }

    .searchComponent {
        margin-top: 100px;
        width: 70%;
        padding-bottom: 20px;
    }
    .searchComponentXS {
        margin-top: 10px;
        padding-top: 0px !important;
    }
    .componentImgWithOverlay {
        margin-top: 150px !important;
    }
    .componentImgWithOverlayXS {
        margin-top: 30px !important;
    }
    .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: #eee;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        float: none;
        background-clip: padding-box;
    }
    .page-background {
        background-size: 300%;
    }
    .page-header.navbar {
        position: fixed;
    }
    .page-header.navbar {
        background: #fff;
    }
    h2 {
        font-size: 25px;
        margin-bottom: 0;
    }
    .page-header.navbar .page-actions {
        padding-left: 0;
    }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user > .dropdown-menu {
        position: fixed;
        top: 50px;
        max-height: calc(100vh - 50px);
        background: #FFF;
        width: 100vw;
        padding-bottom: 20px;
        display: none !important;
    }
    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user.open > .dropdown-menu {
        display: block !important;
    }

    .dropdown-menu .divider {
        margin: 0;
    }

    .page-header.navbar .page-top {
        display: inline;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle {
        padding: 15px 3px;
    }

    .page-header.navbar .page-logo {
        height: 50px;
    }

    .page-header.navbar {
        min-height: 50px;
        height: 50px;
    }
    .page-header.navbar .page-logo img{
        margin-left:0 !important
    }

        .page-header.navbar .page-actions {
            margin: 11px 0 12px 0px;
        }
        .page-header.navbar .page-logo{
            padding:10px 5px;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle {
            padding: 16px 0 10px 3px;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-toggle {
            padding: 20px 0 10px 3px;
        }

        .page-header.navbar .top-menu .navbar-nav > li.dropdown {
            height: 50px;
        }

        .page-header.navbar .menu-toggler.responsive-toggler {
            margin-top: 19px;
            
           
        }
        .page-header.navbar .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle > i{
            font-size:25px;
            
        }
            .page-header.navbar .menu-toggler.responsive-toggler i{
                font-size:22px;
                 color:#7f96ac;
            }
            .page-header.navbar .top-menu .navbar-nav>li.dropdown .dropdown-toggle>i{
                font-size:20px;
                color:#7f96ac;
            }
     .page-sidebar.navbar-collapse.in, .page-sidebar, .page-sidebar.in{
         margin: 50px 0 0 0!important;
         position:fixed;
         width:100%;
         z-index:99999;
         max-height:calc(100vh - 50px)
     }

     #adminTooltipMenuItem{
        display:none;
     }
     .page-content-wrapper .page-content{
         padding-top:15px!important;
         margin-top:50px !important;
         min-height:calc(100vh - 50px)
     }
     .portlet{
         margin-bottom:10px;
     }
     .page-sidebar .page-sidebar-menu{
         
         top:50px;
     }
     .portlet.light.portlet-fit>.portlet-body{
         padding:0 10px 5px;
     }
     .portlet>.portlet-title{
         margin-bottom:0;
     }
     .blog-page .blog-container{
         margin-bottom:10px !important;
     }
     .page-header.navbar .top-menu .navbar-nav>li.dropdown.open .dropdown-toggle{
         background:transparent;
     }
       .dropdown-menu a {
             position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: #eee;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
        float: none;
        background:#FFF;
        /*background-clip: padding-box;*/
        }
       .page-header.navbar .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:hover{
           background:transparent;
       }
        .componentVideo{
            margin-top:10px;
        }
        .form-group.catGroup{
            margin-left:-15px;
        }
        .m-grid.m-grid-demo .m-grid-col.saveCancelDiv{
            display:block;
            padding:20px 10px 20px;
            height:unset;
           
        }
        .saveCancelDiv .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all){
            width:49%;
        }
        .portlet.light.lastPortlet{
            margin-bottom:30px!important;
        }
   .menu{
       top:0;
   }
   .btn.blue-steel {
       font-size:12px!important ;
      padding: 8px 14px 7px !important;
   }
   .form .form-body, .portlet-form .form-body{
       padding:10px;
   }
   .img-preview-sm{
       display:none;
   }
   .cropper-bg{
       margin-bottom:20px;
   }
   .modal-body{
       padding:0;
   }
   .m-grid.m-grid-demo .m-grid-col{
       height:unset;
       padding:20px 15px;
   }
   .mobile-full-width{
       float:unset!important;
       width:100% !important; 
       margin-top:0!important;      
   }
   .mobile-full-width .btn.blue-steel{
       width:100%;
   }
   .panel-body{
       padding:0;
   }
   .portlet.light{
       padding: 12px 15px 0;
   }
   .login{
       background-size:300%;
   }
   .categoryName{
       font-size:16px;
       margin-bottom:0;
       text-align:left;
   }
}
@media all and (max-width: 767px) {

    .full-height-content.adminPanel {
        width: 100%;
    }

    .page-bar {
        width: 100%;
    }

    .titleDiv {
        width: 100%;
    }

    .no-mobile {
        display: none !important;
    }

    .form-control, output {
        font-size: 16px;
    }

    .login .content {
        margin: 0 15px;
        width: auto;
        padding: 10px 15px 30px;
        ;
    }

        .login .content h3 {
            font-size: 22px !important;
        }

    .page-background {
        margin-left: 0;
    }

    dropdown-submenu {
        left: 0% !important;
        position: relative !important;
    }

    .mobile-device {
        display: block;
    }

    .mobile-inline {
        display: inline;
    }

    #numRows {
        display: none;
    }

    .min-max-width {
        max-width: unset;
        width: 100%;
    }

    .page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
        top: 10px;
        right: 11px;
    }

    .mobile-width-45 {
        width: 45% !important;
    }

    .mobile-width-49 {
        width: 49% !important;
    }

    .mobile-margin-top-0 {
        margin-top: 0 !important;
    }

    .mobile-margin-x-0 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .mobile-margin-right {
        margin-right: 10px;
    }

    .portlet > .portlet-title > .actions {
        display: flex;
        justify-content: space-between;
    }

    .flip-scroll tbody {
        display: table;
    }

        .flip-scroll tbody tr {
            display: table-row;
        }

    .flip-scroll th, .flip-scroll td {
        display: table-cell;
    }

    .flip-scroll .table-bordered.flip-content tbody tr td.mobile-width-100 {
        max-width: 150px;
        white-space: initial;
    }

    .table-checkable tr > td:first-child, .table-checkable tr > th:first-child {
        max-width: 100px;
    }

    table.order-table {
        min-width: 350px;
        max-width: unset;
    }

        table.order-table tbody, table.order-table thead, table.order-table tr {
            width: inherit;
        }

    .modal-overflow {
        overflow: auto;
    }

    .table-condensed > tbody > tr > td.promotion-padding {
        padding-left: 20px;
    }

    .orders-table .dropdown-menu {
        position: absolute;
    }

    .modal-body {
        max-width: 95%;
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 2.5%;
    }

    .orderDetPartial.col-md-3, .orderDetPartial.col-md-9 {
        width: 100%;
    }

    .orderDetPartial.col-md-9 {
        padding-left: 10px;
    }

    .portlet > .portlet-body .orderDetPartial p {
        margin: 20px 0 10px;
    }

    .order-receive tbody {
        width: 100%;
    }

    .flip-scroll table.order-receive {
        width: 94%;
    }

    .order-receive td {
        text-align: left !important;
        padding: 3px;
        font-size: 13px;
    }

    .order-receive .firstColumn {
        width: 100px;
        font-weight: 600;
    }

    .flip-scroll .order-receive td:last-child, .flip-scroll .order-receive th:last-child {
        border: none;
    }

    table.order-receive {
        margin: 0 3%;
    }

    .flip-scroll .order-receive tbody tr {
        border: none;
    }

    .order-receive td.sum {
        text-align: center !important;
        font-size: 16px;
    }

    .newOrder .dropdown-menu {
        position: absolute;
    }

    .newOrder #bodyTable tr {
        position: relative;
        background: transparent !important;
    }

    .table.newOrder > tbody > tr > td {
        display: block;
        max-width: unset !important;
        border: none;
        padding-left: 0;
        padding-right: 0;
    }

    .newOrder [id^=SelectDiv] {
        padding: 0;
    }

    .table-striped.newOrder > tbody > tr:nth-of-type(odd) {
        background: transparent;
    }

    .table-bordered.newOrder {
        border: none;
        margin: 20px 0 10px !important;
    }

    .table.newOrder > tbody > tr > td.OrderPluName {
        display: flex;
        justify-content: space-between;
        align-items: center;
        font-weight: 600;
        padding: 0 0 0 10px;
        border: 1px solid #7f96ac;
        border-radius: 2px;
        background: #7f96ac !important;
        color: #fff;
        font-size: 16px;
    }

    .OrderPluName .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all).btn-sm {
        padding: 8px 8px;
        background: none;
        border: none;
        box-shadow: none;
    }

    .table.newOrder > tbody > tr > td label {
        padding: 0;
        font-size: 14px;
    }

    .table.newOrder [id^=price] {
        font-size: 16px;
        display: flex;
        justify-content: flex-end;
    }

        .table.newOrder [id^=price] span {
            padding-right: 10px;
        }

    #CustomerDivTable .dropdown-menu:not(.inner) {
        position: absolute;
    }

    .note.note-info ul {
        padding-left: 18px;
    }

    .modal-dialog {
        width: unset !important;
    }

    .cropper-container cropper-bg {
        width: unset !important;
    }

    .login .loginOpacityDiv {
        padding-top: 0 !important;
        display: flex;
        align-items: center;
        flex-wrap:wrap;  

    }

    .portlet.light.portlet-fit > .portlet-title {
        padding: 7px 10px 5px;
        height: 30px;
    }

    .portlet.light > .portlet-title > .caption {
        padding: 5px 0;
        font-size: 16px;
    }

        .portlet.light > .portlet-title > .caption > i {
            font-size: 16px !important;
        }

        .portlet.light > .portlet-title > .caption > span.font-green {
            padding-left: 10px !important;
        }

    .portlet-read-more {
        margin-top: 4px;
    }

    .Attributes .col-md-3.AttributeName {
        display: inline;
        padding-left: 0;
    }

        .Attributes .col-md-3.AttributeName input.form-control {
            width: 80%;
            display: inline;
        }

    .Attributes .col-md-3.RemoveAttribute {
        display: inline;
        width: 40px;
        padding-right: 0;
    }

    .mobile-nopadding {
        padding: 0 !important;
    }

    .Attributes [id^=AttributeValues], .Attributes [id^=OldAttributeValues_] {
        margin-left: 0 !important;
    }

    .Attributes .col-md-3.NewVariant {
        display: inline;
    }

    .Attributes .NewVariant .VariantName {
        width: 80%;
        display: inline;
    }

    .Attributes .col-md-1.RemoveVariant {
        display: inline;
        width: 40px;
        padding-right: 0;
        padding-left: 30px;
    }

        .Attributes .col-md-1.RemoveVariant i {
            font-size: 20px;
        }

    .Attributes [id^=NewVariantValueID], .Attributes [id^=OldAttributeValueID] {
        margin-bottom: 10px;
    }

    .crop-btns {
        width: 100%;
    }

        .crop-btns .crop-save, .crop-btns .crop-cancel {
            width: 49% !important;
        }

        .crop-btns .crop-save {
            margin-right: 2%;
        }

    .header-footer-edit {
        padding-bottom: 20px;
    }

        .header-footer-edit table {
            margin-bottom: 0;
        }

    .navigationEdit {
        min-width: unset !important;
    }

    .navNewItem .dropdown-menu {
        position: absolute;
        max-width: 90%;
    }

        .navNewItem .dropdown-menu .dropdown-menu.inner {
            overflow-x: hidden;
        }

    .m-grid.m-grid-demo .m-grid-col {
        background: transparent;
    }

    .navNewItem .saveCancelDiv {
        max-width: 94vw;
        margin-left: auto;
        margin-right: auto;
    }

    #advancedPriceDiv [id^=NewPriceDiv], #PriceDivTable [id^=OldPriceDiv] {
        position: relative;
    }

        #advancedPriceDiv [id^=NewPriceDiv] > .form-group > .col-md-8, #PriceDivTable [id^=OldPriceDiv] > .form-group > .col-md-8 {
            position: absolute;
            top: 0;
            right: 0;
        }

    [id^=OldCatDiv], [id^=NewCatDiv] .form-group {
        display: flex;
    }

    .display-hide {
        display: none !important;
    }

    .bootstrap-switch .bootstrap-switch-handle-on, .bootstrap-switch .bootstrap-switch-handle-off, .bootstrap-switch .bootstrap-switch-label {
        font-size: 9px;
        line-height: 15px;
        padding: 1px;
    }

    [id^=shopName_] {
        font-size: 14px;
    }

    .storeGeneralData .dropdown-menu {
        position: absolute;
    }

    .allPaymentChecks {
        flex-direction: column;
    }

    .payment-row {
        margin-bottom: 5px;
    }

        .payment-row label.control-label.col-md-11 {
            margin-bottom: 3px;
            margin-top: 8px;
        }

    .style-editor .page-sidebar.navbar-collapse.collapse {
        display: block !important;
        z-index: 999999999999999;
    }

    .style-editor .page-sidebar.navbar-collapse.in, .style-editor .page-sidebar, .style-editor .page-sidebar.in {
        margin: 0 !important;
    }

    .left {
        top: 0;
    }

    .editorTools, #pageInfo {
        max-width: 100vw;
        min-width: 100vw;
    }

    .style-editor .page-sidebar.navbar-collapse.collapse .editorTools .dd3-content, #footerCompDiv {
        width: 90vw !important;
    }

    .mobile-flex {
        display: flex;
        justify-content: space-between;
    }

    #footerCompDiv.page-footer-fixed.page-sidebar-menu-compact.navbar-fixed-bottom a.btn, #footerCompDiv.page-footer-fixed.page-sidebar-menu-compact.navbar-fixed-bottom input[type=button] {
        padding: 7px 10px !important;
    }
    .page-footer-fixed.page-sidebar-menu-compact.navbar-fixed-bottom input[type=button].btn-danger{
        margin-top:0;
    }
    #componentsPage, .tab-content, .headerComp, #compDiv, #NewCompDiv, #addCompButton, #componentsAdd{
        background:transparent;
    }
    .previewBtn {
        padding: 10px;
        position:fixed;
        top:7px;
        right:10px;
        background: #4d5b69;
    }

        .previewBtn span {
            font-size: 20px;
            color: #FFF;
        }

    .mobile-theme-header{
        width:100%;
        position:fixed;
        top:0;
        left:0;
        height:50px;
        background:#4d5b69;
        z-index:99999999999999;
    }
     .editKomponentDiv .col-md-12{
        padding-left:0;
        padding-right:0;
    }
     #stDiv, .style-picker{
         margin-left:15px;
         margin-right:15px
     }
     #compDiv, .dd-header-item {
         padding-left:15px;
         padding-right:15px
     }
     #compDiv .col-md-6 > input{
    width:100%;
     }
     #compDiv .bootstrap-select{
         width:100%
     }
     #editLogo{
         margin:12px;
     }
    .editorToolsTop{
        height:50px;
    }
    .editor .MiddleHeader{
        top:50px;
    }

    .editor .modal{
        z-index:9999999999999
    }
    .editor .modal .modal-dialog{
        margin-left:auto!important;
        margin-right:auto!important;
    }
    .editor .page-content-wrapper .page-content{
        margin-top:50px !important;
        padding:0 0px !important;
        margin-bottom:50px !important;
    }
    .editorTools .name-atr.col-md-5{
        width:40%;
    }
    .editorTools .minicolors{
        width:60%;
    }
    #footerStyleDiv{
            width: 100vw!important;
            bottom:0px !important;
            left:0 !important;
            padding: 15px;
            background:#4d5b69;
    }
    #footerCompDiv{
        bottom:0px !important;
        left: 0 !important;
        width:100vw !important;
        padding:15px !important;
    }
    .slimScrollBar#compDiv{
        height:calc(100vh - 300px)!important;
        overflow-y:auto !important;
    }
    .slimScrollBar#compDiv.compDivSmall{
        height:calc(100vh - 50px)!important;
    }
    .editKomponentDiv #selectDiv{
        padding:0
    }
   
    #componentsAdd input{
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
	.editKomponentDiv .form-group{
		margin-left: 0;
		margin-right: 0;
	}
    .editorTools .portlet{
        box-shadow:none;
    }
    .editorTools textarea.form-control{
        max-height:150px;
    }
    [id^=update] .col-md-6:last-child, [id^=previewDiv] .col-md-6:last-child, [id^=hideFooter] .col-md-6:last-child, #hideHeader .col-md-6:last-child, #footerCompDiv .col-md-6:last-child{
        margin-top: 10px;    
        padding-left: 0px !important;
    }
    #shopen-logo{ 
        max-width: calc(100vw - 30px) !important;
        margin-left:15px;
    }
}

.BLQCheckTable .BLQCheckTableHeadCheck {
    -webkit-appearance: checkbox;
}

.BLQCheckTable .BLQCheckTableRowCheck {
    -webkit-appearance: checkbox;
}