{background-color: rgba(255, 255, 255, 1);color: #000000 ;background-size:cover;} /*background-color: rgba(44, 43, 43, 0.02); background-image: url("../../images/v2/background_white.jpg");*/
.content {background:transparent;}
.textshadowNone{text-shadow: none;}
.card-login .card-content{padding: 0px 30px 0px 30px;}
/*
  OBS:. This fucking line paints the backgorund input with orange. -Douglas Saldanha
*/

/*.form-group.is-focused .form-control {outline: none;background-image: linear-gradient(#fe4c30, #fe4c30), linear-gradient(#D2D2D2, #D2D2D2);}*/
.form-group.is-focused .form-control {outline: none;background-image: none;border-color:#fe4c30;}
.padding40{padding:0px 40px;}
.navbar .dropdown-menu li a:hover, .navbar .dropdown-menu li a:focus, .navbar .dropdown-menu li a:active, .navbar.navbar-default .dropdown-menu li a:hover, .navbar.navbar-default .dropdown-menu li a:focus, .navbar.navbar-default .dropdown-menu li a:active, .bootstrap-table .dropdown-menu li a:hover, .bootstrap-table .dropdown-menu li a:focus, .bootstrap-table .dropdown-menu li a:active{background:#252a39;color:#6c7d94;box-shadow:0px 5px 10px 0px rgba(37, 42, 57,0.2);}
.table>thead>tr>th.active{background:transparent;}
.full-page:before{background-color: rgba(0, 0, 0, 0.6);}
.vhostname{border: 1px solid #e9c95f;color: #ae8500;background-color: #f3dc8f;background-image: -webkit-gradient(linear,50% 0%,50% 100%,color-stop(0%,#ffeaa7),color-stop(100%,#f3d573));background-image: -webkit-linear-gradient(#ffeaa7,#f3d573);background-image: -moz-linear-gradient(#ffeaa7,#f3d573);background-image: -o-linear-gradient(#ffeaa7,#f3d573);background-image: linear-gradient(#ffeaa7,#f3d573);-moz-text-shadow: 0px 1px rgba(255,255,255,0.2);text-shadow: 0px 1px rgba(255,255,255,0.2);text-align:center;position:fixed;top:0px;left:0px;width:100%;z-index:99999;text-transform:uppercase;padding:3px;}
.btn{padding:12px 20px;}
.btn.gradientFacestore{min-width:120px;}
.card.card-product .card-title{max-width:100%;}
.card.card-product{padding-bottom:50px; z-index: 1}
.card .card-title{float: left;line-height: 28px;padding: 20px;padding-bottom:15px;padding-top:15px;font-size: 22px;font-weight: 300;color: #728197;margin-bottom: 0px;text-align: left;text-overflow: ellipsis;display: inline-block;overflow: hidden;max-width: 90%;}/*white-space: nowrap;*/
.card .card-content .card-title{float:none;color: #3C4858;font-size: 1.3em;line-height: 1.5em;margin:0px;width: 100%;display: inline-block;text-align: center;}
.card .card-content .card-title a{float:none;}
.card .card-title span{float:left;}
.card .card-title span label{font-size: 16px;font-weight: 300;color: #728197;}
.card .card-title i{float:left;padding-top: 6px;margin-bottom: -3px;}
.card .card-title a{float:left;}
.card .links{display: inline-block;float: right;padding: 15px;}
.card .links .searchBox{float:left;margin-right:70px;margin-top: 20px;position:relative;padding-bottom: 20px;}
.card .links .searchBox:hover .info{cursor:pointer;opacity:0.8;}
.card .links .searchBox .info{color:#6c7d94;font-size:16px;}
.card .links .searchBox .info i{margin-right:10px;}
.card .links .searchBox .data form{padding: 20px 15px;}
.card .links .searchBox .data{background:white;position:absolute;width:330px;border-radius:10px;min-height:200px;z-index: 9;left:-150px;transform:translateX(-50%);top:34px;    -webkit-transform: translate3d(0, -20px, 0);-moz-transform: translate3d(0, -20px, 0);-o-transform: translate3d(0, -20px, 0);-ms-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);    -webkit-transition: all 150ms linear;-moz-transition: all 150ms linear;-o-transition: all 150ms linear;-ms-transition: all 150ms linear;transition: all 150ms linear;-webkit-transform: translate3d(0, -20px, 0);-moz-transform: translate3d(0, -20px, 0);-o-transform: translate3d(0, -20px, 0);-ms-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);opacity: 0;filter: alpha(opacity=0);visibility: hidden;display: block;box-shadow: 0px 0px 80px 0px rgba(114, 129, 151, 0.4);}
.card .links .searchBox .data:after{content: '';position: absolute;top: -20px;left:50%;transform:translateX(-50%);width: 20px;background: transparent;height: 20px;border-bottom: 11px solid white;border-right: 10px solid transparent;border-left: 10px solid transparent;}
.card .links .searchBox .data input{width:100%;height:48px;border:1px solid #6c7d94;border-radius:5px;font-weight:500;color:#6c7d94;font-size:16px;padding-left:20px;}
.card .links .searchBox .data input::-webkit-input-placeholder {color: #6c7d94;font-size:16px;font-weight:500;}
.card .links .searchBox .data input::-moz-placeholder {color: #6c7d94;font-size:16px;font-weight:500;}
.card .links .searchBox .data input:-ms-input-placeholder {color: #6c7d94;font-size:16px;font-weight:500;}
.card .links .searchBox .data input:-moz-placeholder {color: #6c7d94;font-size:16px;font-weight:500;}
.card .links .searchBox .data .options{width:100%;display:inline-block;padding:20px 0px 0px;width:100%;}
.card .links .searchBox .data .options label{position:relative;display: block;position: relative;margin-bottom:25px;color: #6c7d94;cursor: pointer;/*text-transform:capitalize;*/font-size: 16px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.card .links .searchBox .data .options label:hover{color:#F63D1C}
.card .links .searchBox .data .options label input{position: absolute;opacity: 0;cursor: pointer;width:100%;top:0px;left:0px;margin-top:0px;}
.card .links .searchBox .data .options label .checkmark{position: absolute;top: 0;left: 0;height: 23px;width: 22px;background-color: transparent;border-radius: 50%;border:1px solid #6c7d94;}
.card .links .searchBox .data .options label .checkmark:after {content: "";position: absolute;display: none;top: 4px;left: 4px;width: 13px;height: 13px;border-radius: 50%;background: #f0261f;}
.card .links .searchBox .data .options label input:checked ~ .checkmark:after {display: block;}
.card .links .searchBox .data .options label input:checked ~ .checkmark{border:1px solid #f0261f;}
.card .links .searchBox .data .action{width:100%;text-align:center;margin-top: 10px;}
.card .links .searchBox .data .action button{width:100%;}
.card .links .searchBox .data .action .clean{width:100%;padding:10px 0px;color:#6c7d94;font-weight:400; cursor: pointer}
.card .links .searchBox .data .action .clean:hover{color:#F63D1C}
.card .links .searchBox.open .data{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);    opacity: 1;visibility: visible;}
.card .links .btn{margin-top:5px;}
.buttonV3{padding: 12px 20px;height:45px;text-shadow: none;border-radius: 10px;border:none;text-transform:uppercase;display: inline-block;color: #fff;background: #dd092a;background: -moz-linear-gradient(left, #dd092a 0%, #fd5d00 100%);background: -webkit-linear-gradient(left, #dd092a 0%,#fd5d00 100%);background: linear-gradient(to right, #dd092a 0%,#fd5d00 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd092a', endColorstr='#fd5d00',GradientType=1 );font-size: 13px;font-weight: 600;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;    box-shadow: 0 2px 2px 0 rgba(221, 41, 5, 0.14), 0 3px 1px -2px rgba(221, 41, 5, 0.2), 0 1px 5px 0 rgba(221, 41, 5, 0.12)!important;}
.buttonV3:hover{cursor: pointer;text-decoration: none;color:white;}
.buttonV3 i {font-size: 14px;margin-top: 3px;float: left;margin-right: 10px;}
.table>tbody>tr{background:white;}
.seeAllCombsAttr .table thead tr th,
.seeAllCombsAttr .table tbody tr td{width: auto!important;white-space: nowrap;}
.seeAllCombsAttr .table thead tr th.option{min-width: 200px}
.form-horizontal .form-group{padding-top: 0px!important;}
.fb_dialog_content.fb_dialog_iframe iframe{width:500px!important;}

.table>thead>tr>th:last-child{max-width:150px;}
.card .card-content {display: inline-block;width: 100%;padding-top:0px;}
.tableList{width:100%;}
.checkbox .checkbox-material .check{width:17px;height:17px;}
.checkbox .checkbox-material .check:before{margin-top: -4px;margin-left: 6px;}
.bootstrap-select.btn-group .dropdown-menu li a .text{font-weight:normal;}
.dropdown-menu li a:hover, .dropdown-menu li a:focus .text, .dropdown-menu li a:active .text, .dropdown-menu li a:hover .text{color:white;}
.controls.delete{margin:10px 10px 0px;}
.controls.delete a{margin:0px;cursor: pointer}
a:hover, a:focus {color: #fe4c30;}
body{background: white;}
body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {font-weight: 500;}
.navbar>.container-fluid .navbar-brand{font-size:24px;font-weight:300;color:#728197;}
.navbar>.container-fluid button i{color:#728197;}
.btn, .btn.btn-default, .navbar .navbar-nav>li>a.btn, .navbar .navbar-nav>li>a.btn.btn-default{box-shadow: 0 2px 2px 0 rgba(114, 129, 151, 0.14), 0 3px 1px -2px rgba(114, 129, 153, 0.2), 0 1px 5px 0 rgba(114, 129, 151, 0.12);}
.togglebutton label .toggle, .togglebutton label input[type=checkbox][disabled]+.toggle{background-color:rgba(114, 129, 151, 1);}
.togglebutton label .toggle:after{box-shadow:0 1px 3px 1px rgba(114, 129, 151, 0.4);border:1px solid rgba(114, 129, 151, 1);}
.navbar>.container-fluid ul li .togglebutton label span{margin-right:10px;font-size:16px;}
.navbar .container-fluid .collapse ul li a.dropdown-toggle.icon{padding: 12px 25px;}
.navbar .container-fluid .collapse ul li.avatarProfile{margin: 0px 25px;padding: 0px 12px;}
.navbar .container-fluid .collapse ul li.avatarProfile .dropdown-toggle.icon{width:45px;height:45px;margin: 0px 0px;background:#495564;display:inline-block;padding:0px;border-radius:50%;text-align:center;background-size:cover;background-position:center;}
.navbar .container-fluid .collapse ul li a.dropdown-toggle.icon i{font-size: 22px;margin-top: 2px;}
.navbar .container-fluid .collapse ul li a.dropdown-toggle.icon img{height: 28px;}
.navbar .container-fluid .collapse ul li a.dropdown-toggle.icon span{text-transform: initial;font-size: 15px;font-weight: 400;margin: 3px 7px;display: inline-block;float: right;}
.navbar .container-fluid .collapse ul li a.dropdown-toggle .notification_icon span{font-weight:bold;height: 26px;width: 26px;display: inline-block;text-align: center;color: white;border-radius: 50%;padding-top: 3px;float: none;margin:0px;font-size:12px;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl{padding: 25px 30px;width:400px;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .user{width:100%;padding-bottom:20px;border-bottom:1px solid #e4eaee;display:inline-block;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .user .avatar{width:45px;height:45px;background:#dbe3e9;display:inline-block;border-radius:50%;text-align:center;background-size:cover;background-position:center;float:left;margin-right:15px;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .user .data{font-size: 14px;font-weight: 400;color:#728197;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .user .data .edit{float:right;text-transform:lowercase;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings{width: 100%;display:inline-block;padding:30px 10px 0px;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul{margin:0px;padding:0px;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li{margin:0px;padding:0px;width:100%;display:inline-block;list-style:none;padding-bottom:30px;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li.border{border-bottom:1px solid #e4eaee;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li .icon{float:left;margin-right:20px;width:30px;display:inline-block;font-size:24px;text-align:center;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li .name{float:left;font-size:16px;font-weight:400;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li .action{float:right;font-size:28px;line-height:20px;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li .action i {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li.active .action i {transform: rotate(180deg);}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li .link{color:#728197;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li .logout{color:#728197;display:inline-block;padding:0px;margin:0px;margin-top:20px;display:inline-block;width:100;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li .logout i{transform: rotate(180deg);}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li:last-child{padding-bottom:0px;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li .action span{margin:0px;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li.expandRow{cursor:pointer;opacity:0.8;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li ul{margin:10px 0px;display: inline-block;width:100%;float:left;display:none;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li ul li{width:100%;display:inline-block;padding-left:45px;padding-bottom:0px;margin-top:10px;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li ul li .name{width:100%;display:inline-block;font-size:14px;font-weight:400;margin-bottom:5px;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li ul li .input{width:100%;display: inline-block;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li ul li .input input{width:180px;height:30px;float:left;display:inline-block;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li ul li .input a{float:right;display:inline-block;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li ul li .input a{background:transparent!important;color: #dd2905!important;box-shadow:none;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li ul li a.link{padding:0px;width:100%;display:inline-block;font-size:16px;font-weight:400;color:#728197!important;margin:0px;margin-bottom:10px;box-shadow:none;background:transparent!important;}
.navbar .container-fluid .collapse ul li.avatarProfile .panelControl .menuSettings ul li a{box-shadow:none;background:transparent!important;}
#orderList .card .table,
.table.promotioncode {table-layout: fixed;}
.promotioncode.table tbody tr td a.link{max-width: 100%;}
.fal.fa-info-circle{cursor:pointer;}
.table>thead>tr>th b,
.table>thead>tr>th a,
.table>thead>tr>th span{text-transform:capitalize;font-weight:400;color:#6c7d94;font-size: 18px;}
.table .td-actions .btn{padding:6px;}
.table .td-actions .btn:hover{background:white;box-shadow: 0 0 30px 0px rgba(114, 129, 151, 0.2);}
.table .td-actions .btn:hover i{color:#f24440;}
.table .td-actions .gradientFacestore.btn:hover i{color:white;}
.table-striped>tbody>tr:nth-of-type(odd){background:transparent;}
.table>tbody>tr>td{border:none;border-bottom:1px solid #edf1f3;}
.table>thead>tr>th{border-bottom:none;}
.table thead tr th.in_homepage{text-align:center;}
.btn.gradientFacestore span{font-weight: 500;font-size: 14px;}
.btn.gradientFacestore span i{margin-right:5px;}
.td-actions .actionTable{width:32px;height:32px;display:inline-block;background:#edf1f4;color:#6c7d94;box-shadow:none;font-size: 15px;float:left;margin-left:10px!important;}
.td-actions .actionTable[disabled]{color:#bdcbd5;}
.td-actions .actionTable[disabled]:hover{background:#edf1f4;}
.td-actions .actionTable[disabled]:hover i{color:#bdcbd5!important;}
.td-actions .actionTable:nth-child(1){margin-left:0px!important;}
.actionRow{display:inline-block;}
.table .actionRow{margin-bottom:-5px;display: flex;justify-content: center;}
.table .radio, .table .checkbox{margin-top:5px;}
table.table th > div.checkbox{margin-top: 0px;}
.navbar.navbar-transparent.active{background: #ff4c26;color:white;}
.togglebutton label{color:#728197;}
.line{width:100%;height:1px; background:#ddd;}
.noticiationMessages{margin-bottom:0px!important;}
.row{margin:0px;}
.sidebar .nav p{font-size:15px;text-align:left;}
.container-fluid{padding:0px;float: left;width: 100%;}
a.link{color:rgba(0, 0, 0, 0.87);}
.main-panel{position: relative;overflow: hidden!important;}
.subTitleSection{font-weight: normal;width: 100%;display: inline-block;margin: 0px 0px 50px 0px;font-size: 24px;text-transform: uppercase;}
.subTitleSection .link{float: right;font-size: 14px;text-transform: initial;text-decoration: underline;}
.bootstrap-select.btn-group .dropdown-toggle .caret{right: 8px;}
.navbar-right{ margin-right:0px;}
.perfect-scrollbar-on .sidebar .sidebar-wrapper, .sidebar .sidebar-wrapper, .perfect-scrollbar-on .main-panel, .main-panel{overflow: scroll;}
.ui-state-default{overflow: hidden;}
.dropdown-menu > li.selected > a {background-color: #fe4c30;opacity: 1;text-decoration: none;}
.navbar .container-fluid .collapse ul li a.dropdown-toggle{font-weight:600;}
.fileinput .thumbnail{background:#e7e7e7;}
#socialnetworks_form .fileinput,
#socialnetworks_form .fileinput .thumbnail{width: 100%;display: inline-table;}
#socialnetworks_form .fileinput .thumbnail img {height: auto;width: auto;}
.bootstrap-select.btn-group .dropdown-toggle .filter-option{width:100%;}
.textCenter{text-align:center;}
.form-horizontal .wrapperForm .row input[type=file]:focus{outline:none;}
.form-horizontal .wrapperForm .row input[disabled] ~ span{opacity: 0.5;}
.navbar.navbar-transparent{background-color: transparent;color:#728197;border-radius:0px;}
.ct-line{stroke-width: 2px;}
.sidebar .sidebar-wrapper>.nav [data-toggle="collapse"]~div>ul>li>a .sidebar-normal{text-align:left;}
.cke_wysiwyg_frame{width:100%!important;}
.swal2-modal{overflow-x: visible;overflow-y: visible;}
.swal2-modal .swal2-checkbox input:focus{outline: none;}
.tooltip{position: fixed;}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before{display:none;}
.cke_editable{height: 200px;border-bottom: #dfe3e7 solid 1px!important;color: #6d7681;}
.form-group textarea{color: #6d7681;height: 200px;border-bottom: #dfe3e7 solid 1px!important;}
.payment_status-0{font-weight: bold!important; color: #BD362F!important;}
.payment_status-1{font-weight: bold!important; color: #5BB75B!important;}
.payment_status-2{font-weight: bold!important; color: #F89406!important;}
.CodeMirror{min-height:60vh;}
.container{max-width:100%;}
.disabledButton{opacity: 0.5;}
.togglebutton .activeCheckbox.disabled{opacity:0.5;}
.card.col-md-8{width: 65%;}
.card.col-md-4{width: 33%}
#api .card.col-md-4{width: 32%}
#api .card.col-md-4:nth-child(2){margin:25px 2%;}
.floatRight{float:right;}
.floatLeft{float:left;}
.tooltip .tooltip-inner a{color:#f0251f;}
.tooltip .tooltip-inner a:hover{color:#f0251f;opacity: 0.8}
.moduleEmpty{margin-bottom: 100px;}
.shadowFacestore{    box-shadow: 0 5px 20px 0px rgba(114, 129, 151, 0.1);}
.form-group .required-info{display: none;color: #f13430;    position: absolute;bottom: -10px;right: 0px;font-size: 10px;}
.error-field label{color: #f13430!important;}
.error-field input{border-color: #f13430!important;}
.error-field .required-info{display: block!important;}


/* NAV - BEGIN */
.sidebar{overflow:hidden;box-shadow: none;}
.sidebar .nav li>a{margin:0px;padding:12px 35px;}
.sidebar .nav li:first-child>a{margin:0px;}
.sidebar .nav li i,
.sidebar .nav li.active>a i,
.sidebar .nav li img,
.sidebar .nav li.active>a img{margin-right:30px;color:#6c7d94;font-size:18px;width:20px;float:left;}
.sidebar .nav li.orange p{color:#ec4325;}
.sidebar .nav li.helpLink img{margin-top: 5px;}
.sidebar .nav li p{font-size: 17px;font-weight: 400;color:#6c7d94}
.sidebar .logo {text-align:center;padding:12px 0px 4px 0px;position: relative;z-index: 9;}
.sidebar .logo:after{display: none;}
.sidebar .user{background:white;padding-top:30px;margin-top:0px;display: inline-block;width: 100%;padding-bottom:30px;z-index: 0;text-align: center;}
.sidebar .user .group{display: inline-block;background: red;border-radius:30px;background: #f3f6f7;}
.sidebar .logo a.logo-mini{width: 64px;margin-right:12px;}
.sidebar .sidebar-wrapper{z-index: auto;overflow-x: hidden;padding-bottom:100px;}
.sidebar .sidebar-wrapper::-webkit-scrollbar{display: none;}
.sidebar .sidebar-wrapper::-moz-scrollbar{overflow: -moz-scrollbars-none;}
.sidebar .shadowScroll{position:absolute;bottom:0px;left:0px;width:100%;height:100px;background:red;background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 1%, rgba(255,255,255,1) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0) 1%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}

.sidebar .sidebar-wrapper .user .info{display: inline-block;text-align: center;width: 100%;padding-left:10px;min-width: 150px;}
.sidebar .sidebar-wrapper .user .info .store_name{color: #728197;float: left;font-size: 16px;padding:0px;max-width: 60%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.sidebar .sidebar-wrapper .user .info .linkStore{padding:0px;color: #728197;margin-left:10px;}
.sidebar .sidebar-wrapper .user .info .expand{float: right;color: #6c7d94;font-size: 18px; padding-right: 10px;}
.sidebar .sidebar-wrapper .user .info .expand:hover{cursor:pointer;}

.sidebar .user .info a{text-align:left;color:#000;font-size: 16px;font-weight: 400;    display: inline-block;float: left;}
.sidebar .user .info a i{margin-top:3px;float:right;}
.sidebar .user .info .caret{position: relative;top:0px;right:0px;}
.sidebar .logo .group{display:inline-block;display:inline-block;min-width:200px;}
.sidebar-mini .logo .group{margin-left:15px;}
.sidebar .logo a.simple-text {display:inline-block;margin:0px;float: left;}
.sidebar .logo a.simple-text img{height:40px;}
.sidebar .logo a.simple-text.logo-mini img{height: 50px;}
.sidebar .user .groupAvatar{width:auto;display:inline-block;text-align:center;float: left;}
.sidebar .user .groupAvatar .photo{box-shadow:none;display:inline-block;margin:0px;float:left;height:50px;width:50px;background:#495564;font-size: 28px;color: white;line-height: 48px;position:relative;padding:0px;-webkit-transition: all 0.5s  ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s  ease-in-out;transition: all 0.5s  ease-in-out;background-position:center;background-size:cover;}
.sidebar .user .groupAvatar .photo span{font-weight: 300;text-transform:uppercase;font-size:20px;}
.sidebar-mini .user .groupAvatar .photo{height:50px;width:50px;line-height: 50px;font-size:20px;}
.sidebar-mini .user .info{display:none!important;}
.sidebar .sidebar-wrapper .user .info{float: left;width: auto;padding-top: 14px;color:white;}
.sidebar[data-background-color="black"] .nav li>a{text-align:center;}
.sidebar .user .groupAvatar .photo i{position: absolute;top: 50%;left: 50%;color: white;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);display:none;font-size:20px;}
.sidebar .nav{margin-top: 0px;}
.sidebar .nav li{margin-bottom: 10px;}
.sidebar .infoAccount{float:left;width:100%;}
.sidebar .infoAccount .nav{margin-top:10px;text-align:center;}
.sidebar .infoAccount .nav li a span{color:#000;font-size: 14px;font-weight: 400;}
.sidebar .nav li ul li a{padding-left:45px;}
.sidebar .nav li p i{float:right;margin-right:0px!important;top: 0px;position: absolute;right: 0px;}
.sidebar ul .nav{margin-top:10px;}
.sidebar ul .nav li a{font-size: 17px;font-weight: 400;color: #6c7d94;padding-right: 0px;padding-left: 85px!important;}
.sidebar .nav li.active>a{color:#6c7d94;}
.sidebar .collapse.in .nav li.active>a{color:#6c7d94!important}
/* NAV - END */


/* LOADPAGE - BEGIN */
#loadPage{position: fixed;width:100%;display:block;height:100%;background:rgba(0,0,0,0.5);z-index: 99999;}
#loadPage .title{width: 100%;text-align: center;color: white;top: 50%;position: relative;transform: translateY(100px);}
#loadPage .spinner{top:50%;}
/* LOADPAGE - END*/

/* COLORS - BEGIN */
.title a{color:#fe4c30;}
.sidebar .nav li:hover>a, .sidebar .nav li.active>[data-toggle="collapse"], .sidebar .nav li.active>a{background: #f2f3f5;background: -moz-linear-gradient(left, #f2f3f5 0%, #f9fafb 100%);background: -webkit-linear-gradient(left, #f2f3f5 0%,#f9fafb 100%);background: linear-gradient(to right, #f2f3f5 0%,#f9fafb 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f5', endColorstr='#f9fafb',GradientType=1 );border-top-right-radius: 30px;border-bottom-right-radius: 30px;position: relative;}
.sidebar .nav li.active:after{position: absolute;top: 0px;height: 100%;width: 5px;background: #eb251b;left: 0px;content: '';}
.sidebar .nav li.active p{font-weight: 600;}
.card [data-background-color="colorFacestore"],
.sidebar[data-active-color="colorFacestore"] li.active>a,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover{background: #e51736;background: -moz-linear-gradient(left, #e51736 0%, #f63d1c 100%);background: -webkit-linear-gradient(left, #e51736 0%,#f63d1c 100%);background: linear-gradient(to right, #e51736 0%,#f63d1c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e51736', endColorstr='#f63d1c',GradientType=1 );box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(254, 76, 48, 0.4);}
.colorFacestore{color:#fe4c30!important;}
.gradientFacestore{background-color: #fe4c30!important;background: #e51736;background: -moz-linear-gradient(left, #e51736 0%, #f63d1c 100%);background: -webkit-linear-gradient(left, #e51736 0%,#f63d1c 100%);background: linear-gradient(to right, #e51736 0%,#f63d1c 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e51736', endColorstr='#f63d1c',GradientType=1 );box-shadow: 0 2px 2px 0 rgba(221, 41, 5, 0.14), 0 3px 1px -2px rgba(221, 41, 5, 0.2), 0 1px 5px 0 rgba(221, 41, 5, 0.12)!important;}
.togglebutton label input[type=checkbox]:checked+.toggle{background-color: #f81b00;}
.btn.btn-primary, .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .open>.btn.btn-primary.dropdown-toggle, .open>.btn.btn-primary.dropdown-toggle:focus, .open>.btn.btn-primary.dropdown-toggle:hover, .navbar .navbar-nav>li>a.btn.btn-primary, .navbar .navbar-nav>li>a.btn.btn-primary:hover, .navbar .navbar-nav>li>a.btn.btn-primary:focus, .navbar .navbar-nav>li>a.btn.btn-primary:active, .navbar .navbar-nav>li>a.btn.btn-primary.active, .navbar .navbar-nav>li>a.btn.btn-primary:active:focus, .navbar .navbar-nav>li>a.btn.btn-primary:active:hover, .navbar .navbar-nav>li>a.btn.btn-primary.active:focus, .navbar .navbar-nav>li>a.btn.btn-primary.active:hover, .open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle, .open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle:focus, .open>.navbar .navbar-nav>li>a.btn.btn-primary.dropdown-toggle:hover{background: #dd092a;background: -moz-linear-gradient(left, #dd092a 0%, #fd5d00 100%);background: -webkit-linear-gradient(left, #dd092a 0%,#fd5d00 100%);background: linear-gradient(to right, #dd092a 0%,#fd5d00 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd092a', endColorstr='#fd5d00',GradientType=1 );}

.btn.btn-orange,
.backgroundOrange .btn{background-color:#fd6327;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{background:transparent;}
.btn.btn-sm input{position: absolute; top: 0px; left: 0px; display: inline-block; height: 100%; width: 100%;opacity: 0;}
.btn.btn-sm input:hover{cursor:pointer;}
/* COLORS - END */


/* COLORS - BEGIN */
.main-panel nav .container-fluid .navbar-collapse ul .currentPlan .image {display: inline-block;width:100%;padding:20px;position: relative;box-sizing: border-box;}
.main-panel nav .container-fluid .navbar-collapse ul .currentPlan .image img{width: 100%;display: inline-block;position: relative;z-index: 9;}
/* COLORS - END */


/* PRE LOAD - BEGIN */
.loader-wrapper {width: 148px;height: 100px;position: absolute;margin: -50px 0 0 -74px;left: 50%;top: 50%;}
.loader {width: 148px;height: 100px;top: 0;left: 0;position: absolute;}
.loader:after {content: "";top: auto;position: absolute;display: block;animation: shadow 1.5s infinite linear;-moz-animation: shadow 1.5s infinite linear;bottom: 0em;left: 0;height: .25em;width: 1em;border-radius: 50%;background-color: #ddd;opacity: 0.1;}
.roller,
.roller:last-child {width: 70px;height: 70px;position: absolute;top: 0;left: 0;-webkit-animation: rollercoaster 1.5s infinite linear;-webkit-transform: rotate(135deg);-moz-animation: rollercoaster 1.5s infinite linear;-moz-transform: rotate(135deg);animation: rollercoaster 1.5s infinite linear;transform: rotate(135deg);}
.roller:last-child {left: auto;right: 0;-webkit-transform: rotate(-45deg);-webkit-animation: rollercoaster2 1.5s infinite linear;-moz-transform: rotate(-45deg);-moz-animation: rollercoaster2 1.5s infinite linear;transform: rotate(-45deg);animation: rollercoaster2 1.5s infinite linear;}
.roller:before,
.roller:last-child:before {content: "";display: block;width: 15px;height: 15px;background: #ddd;border-radius: 50%;}
@-webkit-keyframes rollercoaster {
  0% { -webkit-transform: rotate(135deg);}
  8% {-webkit-transform: rotate(240deg);}
  20% {-webkit-transform: rotate(300deg);}
  40% {-webkit-transform: rotate(380deg);}
  45% {-webkit-transform: rotate(440deg);}
  50% {-webkit-transform: rotate(495deg);opacity: 1;}
  50.1% {-webkit-transform: rotate(495deg);opacity: 0;}
  100% {-webkit-transform: rotate(495deg);opacity: 0;}
}
@-webkit-keyframes rollercoaster2 {
  0% {opacity: 0;}
  49.9% {opacity: 0;}
  50% {opacity: 1;-webkit-transform: rotate(-45deg);}
  58% {-webkit-transform: rotate(-160deg);}
  70% {-webkit-transform: rotate(-240deg);}
  80% {-webkit-transform: rotate(-300deg);}
  90% {-webkit-transform: rotate(-340deg);}
  100% {-webkit-transform: rotate(-405deg);}
}
@-webkit-keyframes shadow {
  0% {opacity: .3;-webkit-transform: translateX(65px) scale(0.5, 0.5);}
  8% {-webkit-transform: translateX(30px) scale(2, 2);}
  13% {-webkit-transform: translateX(0px) scale(1.3, 1.3);}
  30% {-webkit-transform: translateX(-15px) scale(0.5, 0.5);opacity: 0.1;}
  50% {-webkit-transform: translateX(60px) scale(1.2, 1.2);opacity: 0.3;}
  60% {-webkit-transform: translateX(130px) scale(2, 2);opacity: 0.05;}
  65% {-webkit-transform: translateX(145px) scale(1.2, 1.2);}
  80% {-webkit-transform: translateX(120px) scale(0.5, 0.5);opacity: 0.1;}
  90% {-webkit-transform: translateX(80px) scale(0.8, 0.8);}
  100% {-webkit-transform: translateX(60px);opacity: 0.3;}
}
@-moz-keyframes rollercoaster {
  0% {-moz-transform: rotate(135deg);}
  8% {-moz-transform: rotate(240deg);}
  20% {-moz-transform: rotate(300deg);}
  40% {-moz-transform: rotate(380deg);}
  45% {-moz-transform: rotate(440deg);}
  50% {-moz-transform: rotate(495deg);opacity: 1;}
  50.1% {-moz-transform: rotate(495deg);opacity: 0;}
  100% {-moz-transform: rotate(495deg);opacity: 0;}
}
@-moz-keyframes rollercoaster2 {
  0% {opacity: 0;}
  49.9% {opacity: 0;}
  50% {opacity: 1;-moz-transform: rotate(-45deg);}
  58% {-moz-transform: rotate(-160deg);}
  70% {-moz-transform: rotate(-240deg);}
  80% {-moz-transform: rotate(-300deg);}
  90% {-moz-transform: rotate(-340deg);}
  100% {-moz-transform: rotate(-405deg);}
}
@-moz-keyframes shadow {
  0% {opacity: .3;-moz-transform: translateX(65px) scale(0.5, 0.5);}
  8% {-moz-transform: translateX(30px) scale(2, 2);}
  13% {-moz-transform: translateX(0px) scale(1.3, 1.3);}
  30% {-moz-transform: translateX(-15px) scale(0.5, 0.5);opacity: 0.1;}
  50% {-moz-transform: translateX(60px) scale(1.2, 1.2);opacity: 0.3;}
  60% {-moz-transform: translateX(130px) scale(2, 2);opacity: 0.05;}
  65% {-moz-transform: translateX(145px) scale(1.2, 1.2);}
  80% {-moz-transform: translateX(120px) scale(0.5, 0.5);opacity: 0.1;}
  90% {-moz-transform: translateX(80px) scale(0.8, 0.8);}
  100% {-moz-transform: translateX(60px);opacity: 0.3;}
}
@keyframes rollercoaster {
  0% {transform: rotate(135deg);}
  8% {transform: rotate(240deg);}
  20% {transform: rotate(300deg);}
  40% {transform: rotate(380deg);}
  45% {transform: rotate(440deg);}
  50% {transform: rotate(495deg);opacity: 1;}
  50.1% {transform: rotate(495deg);opacity: 0;}
  100% {transform: rotate(495deg);opacity: 0;}
}
@keyframes rollercoaster2 {
  0% {opacity: 0;}
  49.9% {opacity: 0;}
  50% {opacity: 1;transform: rotate(-45deg);}
  58% {transform: rotate(-160deg);}
  70% {transform: rotate(-240deg);}
  80% {transform: rotate(-300deg);}
  90% {transform: rotate(-340deg);}
  100% {transform: rotate(-405deg);}
}
@keyframes shadow {
  0% {opacity: .3;transform: translateX(65px) scale(0.5, 0.5);}
  8% {transform: translateX(30px) scale(2, 2);}
  13% {transform: translateX(0px) scale(1.3, 1.3);}
  30% {transform: translateX(-15px) scale(0.5, 0.5);opacity: 0.1;}
  50% {transform: translateX(60px) scale(1.2, 1.2);opacity: 0.3;}
  60% {transform: translateX(130px) scale(2, 2);opacity: 0.05;}
  65% {transform: translateX(145px) scale(1.2, 1.2);}
  80% {transform: translateX(120px) scale(0.5, 0.5);opacity: 0.1;}
  90% {transform: translateX(80px) scale(0.8, 0.8);}
  100% {transform: translateX(60px);opacity: 0.3;}
}
#loader2:after {-webkit-animation-delay: 0.15s;animation-delay: 0.15s;}
#loader2 .roller {-webkit-animation-delay: 0.15s;animation-delay: 0.15s;}
#loader3:after {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
#loader3 .roller {-webkit-animation-delay: 0.3s;animation-delay: 0.3s;}
/* PRE LOAD - END */


/* LOAD PAGE - BEGIN */
#shadow_load{width: 100%;visibility: hidden;opacity: 0;height: 100vh;background: rgba(238,238,238,0.9);position: fixed;top: 0px;left: 0px;z-index: 999999;text-align: center;-webkit-transition: all 0.3s  ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s  ease-in-out;transition: all 0.3s  ease-in-out;}
#shadow_load.active{visibility: visible;opacity: 1}
#shadow_load .element{position: relative;top: 50%;transform:translateY(-50%);}
#shadow_load .element .text{width: 100%; display: inline-block;margin-top: 10px;font-size: 16px; color: #555;font-weight: bold;}
#shadow_load .element svg path, #shadow_load .element svg rect{fill: #555;}
.load{display: none;}
.load.active{display: inline-block;}
.load .shadow_load{-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;width:100%;display: inline-block;height: 100%;position: absolute;top:0px;left:0px;z-index: 999;opacity: 0;background: -moz-linear-gradient(top,  rgba(17,17,17,0.8) 0%, rgba(0,0,0,0.9) 100%); /* FF3.6+ */background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(17,17,17,0.8)), color-stop(100%,rgba(0,0,0,0.9))); /* Chrome,Safari4+ */background: -webkit-linear-gradient(top,  rgba(17,17,17,0.8) 0%,rgba(17,17,17,1) 100%); /* Chrome10+,Safari5.1+ */background: -o-linear-gradient(top,  rgba(17,17,17,0.8) 0%,rgba(0,0,0,0.9) 100%); /* Opera 11.10+ */background: -ms-linear-gradient(top,  rgba(17,17,17,0.8) 0%,rgba(0,0,0,0.9) 100%); /* IE10+ */background: linear-gradient(to bottom,  rgba(17,17,17,0.8) 0%,rgba(0,0,0,0.9) 100%); /* W3C */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */}
.load.active .shadow_load{opacity: 0.7}
.load #loader {display: block;height: 80px;width: 80px;position: absolute;right: 20px;bottom: 50px;}
.load #loader #circle {display: block;position: absolute;z-index: 9999;left: 0;top: 0;width: 100%;height: 100%;background: #FFF;border-radius: 50%;-webkit-transition: all 180ms linear;transition: all 180ms linear;opacity: 0;-webkit-transform: translateY(0%);transform: translateY(0%);}
.load #loader #circle:after {content: '';display: block;position: absolute;width: 30px;height: 30px;border: 3px solid #5677fc;border-radius: 50%;border-left-color: transparent;border-top-color: transparent;left: 50%;top: 50%;-webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0);-webkit-animation: RotateIt 1s linear infinite; animation: RotateIt 1s linear infinite;}
.load #loader #circle:before {content: '';display: block;position: absolute;width: 30px;height: 30px;border: 3px solid #efefef;border-radius: 50%;left: 50%;top: 50%;-webkit-transform: translate3d(-50%, -50%, 0);transform: translate3d(-50%, -50%, 0);}
.load.active #loader #circle {opacity: 1;-webkit-animation: hop 500ms cubic-bezier(0.5, 1.25, 0.5, 1.25);animation: hop 500ms cubic-bezier(0.5, 1.25, 0.5, 1.25);}
@-webkit-keyframes hop {
  0% {
    -webkit-transform: translateY(150%);transform: translateY(150%);opcatiy: 0;
  }100% {
    -webkit-transform: translateY(0%);transform: translateY(0%);opcatiy: 1;
  }
}
@keyframes hop {
  0% {
    -webkit-transform: translateY(150%);transform: translateY(150%);opcatiy: 0;
  }100% {
    -webkit-transform: translateY(0%);transform: translateY(0%);opcatiy: 1;
  }
}
@-webkit-keyframes RotateIt {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }100% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(720deg);transform: translate3d(-50%, -50%, 0) rotate(720deg);
  }
}
@keyframes RotateIt {
  0% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg);transform: translate3d(-50%, -50%, 0) rotate(0deg);
  }100% {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(720deg); transform: translate3d(-50%, -50%, 0) rotate(720deg);
  }
}
/* LOAD PAGE - END */


/* LOGIN - BEGIN */
.pageLogin{position: relative;max-height:100vh;overflow: hidden; font-family: 'Titillium Web', sans-serif;background:transparent;}
.pageLogin .elemDesign .bg{position: absolute;right:0%;top:262px;left:100px;height: 145vh;}
.pageLogin .elemDesign .bg img{webkit-animation: RotateIt 700s ease infinite alternate;animation: RotateIt 700s ease infinite alternate;position: absolute;top: 0px;left: 0px;height:175vh;}
@-webkit-keyframes movePlanet {
    from {transform:translate(0,0);}
    to {transform:translate(-80px,-40px);}
}
@keyframes movePlanet {
    from {transform:translate(0,0);}
    to {transform:translate(-80px,-40px);}
}

.pageLogin .elemDesign .satellite{position: absolute;left:0px;top:0px;z-index: 1;width:50%;}
.pageLogin .elemDesign .satellite img{width:100%;}

.pageLogin .content{position: relative;z-index: 9;width:80%;margin:auto;color:white;}
.pageLogin .content .left{height:100vh;width:50%;position: relative;float:left;}
.pageLogin .content .left .name{position: absolute;left:0px;bottom:120px;font-size:46px;text-transform:uppercase;line-height:50px;font-weight:400;}
.pageLogin .content .left .name b{font-weight:700;border-bottom:2px solid white;line-height: 54px;display: inline-block;}
.pageLogin .content .right{height:100vh;width:50%;position: relative;float:left;padding:0px 10%;}
.pageLogin .content .right form{text-align:center;width:100%;display:inline-block;position:relative;top:45%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);}
.pageLogin .content .right form .logo{margin-bottom:70px;}
.pageLogin .content .right form .title{margin-bottom:30px;font-size:20px;text-transform:uppercase;color:#48586f;}
.pageLogin .content .right form .group{background:white;box-shadow: 0 0 30px 0px rgba(114, 129, 151, 0.2);padding:0px 20px;border-radius:5px;margin-bottom:10px;}
.pageLogin .content .right form .group .row{position:relative;}
.pageLogin .content .right form .group .row .icon{position:absolute;top:0px;left:0px;color: #999;font-size: 16px;top: 50%;transform: translateY(-50%);margin-left: 11px;}
.pageLogin .content .right form .group .row input{margin:0px;padding:0px;height:80px;border:none;border-bottom:2px solid #f4f6f8;width:100%;padding-left:45px;font-size:16px;color: #999;}
.pageLogin .content .right form .group .row:last-child input{border-bottom:none;}
.pageLogin .content .right form .actionSubmit{width:100%:;margin-top:20px;}
.pageLogin .content .right form .actionSubmit button{width:100%;height:50px;text-transform:uppercase;display:inline-block;border:none;font-size:16px;border-radius:5px;    box-shadow: 0 2px 2px 0 rgba(221, 41, 5, 0.14), 0 3px 1px -2px rgba(221, 41, 5, 0.2), 0 1px 5px 0 rgba(221, 41, 5, 0.12)!important;}
.pageLogin .content .right form .actionSubmit button:hover{cursor:pointer;opacity:0.9;}
.pageLogin .content .right form .or{width:100%;margin:20px 0px;text-align:center;color:#ccc;font-size:14px;color:#777;}
.pageLogin .content .right form input:-webkit-autofill,
.pageLogin .content .right form textarea:-webkit-autofill,
.pageLogin .content .right form select:-webkit-autofill {-webkit-box-shadow: 0 0 0 30px white inset;-webkit-text-fill-color: #999 !important;  transition: background-color 5000s ease-in-out 0s;  background-color:red !important;}
.pageLogin .content .right .facebook{width:100%;height:50px;line-height:50px;text-transform:uppercase;display:inline-block;border:none;font-size:16px;border-radius:5px;background:#384f8f;box-shadow: 0 2px 2px 0 rgba(56, 79, 143, 0.14), 0 3px 1px -2px rgba(56, 79, 143, 0.2), 0 1px 5px 0 rgba(56, 79, 143, 0.12)!important;}
.pageLogin .content .right .facebook i{margin-right:10px;}
.pageLogin .content .right .footer{width:100%;margin-top:20px;font-size:16px;color:#48586f;font-weight:400;}
.pageLogin .content .right .recover{float:left;}
.pageLogin .content .right .create{float:right;}
.pageLogin .content .right .footer a{color:#48586f;}
/* LOGIN - END */


/* DEVICE MOBILE - BEGIN */
#device_mobile{width: 100%; display: inline-block;position: fixed;z-index: 9999;height: 100vh;background: rgba(0,0,0,0.6);text-align: center;-webkit-transition: all 0.3s  ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s  ease-in-out;transition: all 0.3s  ease-in-out;visibility: hidden;opacity: 0}
#device_mobile.active{visibility: visible;opacity: 1}
#device_mobile .box{position:relative;width: 290px;height: 610px;background-image:url('../images/bg_iphone.png');background-repeat:no-repeat;display: inline-block;position: relative; -ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);top:50%;}
#device_mobile .box .text{width: 100%;text-align: center;margin-top: 150px;font-size: 19px;margin-bottom: 20px;font-weight: 700;color: #555;box-sizing: border-box;padding: 0px 20px;line-height: 25px;}
#device_mobile .box .close_icon{position: absolute;top: -30px;right: 0px;margin: 0px;    color: white;font-size: 36px;z-index: 99999;}
#device_mobile .box .close_icon:hover{cursor: pointer;opacity: 0.8;}
#device_mobile .box .subtext{margin-top: 20px;}
#device_mobile .box .subtext span{    width: 100%;display: inline-block;text-align: center;color: #f9472a;text-decoration: underline;}
/* DEVICE MOBILE - END */


/* NOTIFICATION - BEGIN */
.dash_notification ul .icon_seen{display:none;}
.dash_notification ul .img{display:none;}
.dash_notification ul .box .wrap{display:none;}
/* NOTIFICATION - END */


/* PREVIEW STORE - BEGIN */
.preview_section #store_preview_div{width: 600px;max-width:100%;color:black;}
.preview_section #store_preview_div .info{width:100%;padding:20px;}
.preview_section #store_preview_div .info .div_title{width:100%;display:inline-block;font-weight:bold;font-size:20px;margin-bottom:10px;}
.preview_section #store_preview_div .device{width: 100%;padding:10px 0px;background: #eee;box-sizing: border-box;}
.preview_section #store_preview_div .device ul{width: 100%; display: inline-block;margin: 0px;padding: 0px;}
.preview_section #store_preview_div .device ul li{width: 33%; display: inline-block;float: left;border-right: 1px solid #ccc;text-align: center;padding-top: 20px;padding-bottom: 10px;}
.preview_section #store_preview_div .device ul li:last-child{border-right: none;}
.preview_section #store_preview_div .device ul li .name{font-size: 14px;font-weight: bold;color:#555;margin-top: 20px;display: inline-block;width: 100%;margin-bottom: 10px;}
.preview_section #store_preview_div .device ul li .name.gray{color: #ccc;}
.preview_section #store_preview_div .device ul li .link{height: 30px;width: 100%;display: inline-block;}
.preview_section #store_preview_div .device ul li span{margin-top: 15px;color: #999;width: 100%; display: inline-block;font-size:11px;}
.preview_section #store_preview_div .device ul li .note{border-radius: 3px;width: 150px;overflow: scroll;color: #777;font-size:12px; background-color:#eee;border: 1px solid #ddd;height:30px;padding:5px 10px;}
.preview_section #store_preview_div .device ul li .incomplete{color: #f64934;font-size: 12px;}
.preview_section #store_preview_div .device ul li .incomplete_link{font-size: 13px;font-weight: bold;text-decoration: underline;color: #f64934;}
/* PREVIEW STORE - END*/


/* TABLE - BEGIN */
.card .card-content .category {color: #6c7d94;text-overflow: ellipsis;overflow: hidden;max-width: 300px;}
.tableList {overflow: visible;}
.tableList thead tr th>span{font-size: 18px;display: inline-block;float: left;}
.table .numberRow{width: 4%;color: #6c7d94;font-size: 15px;font-weight: 400;padding-right: 20px;}
.table th.numberRow{padding-top:0px;}
.table th.orderStatus,
.table th.paymentStatus,
.table th.orderTotal,
.table th.totalCustomers{text-align:center;}
.table thead .numberRow span{float: none;font-size: 18px;margin-top: -8px;width:100%;text-align:center;}
.table thead .checkboxRow .checkbox{margin-top:-11px;float:left;display:inline-block;}
.orders .table .nameRow{width:auto;}
.table .nameRow{width: 30%;text-overflow: ellipsis; white-space: normal;}
.table .nameRow .image{width:70px;height:70px;display:inline-block;background-size:contain;background-position:center;background-repeat:no-repeat;float: left;margin-right:15px;}
.table .nameRow .group{display: inline-block ;height: 70px;width:calc(100% - 85px);}
.table .nameRow .name{position: relative;top: 50%;transform: translateY(-50%);width: 69%;display: -webkit-box;-webkit-line-clamp: 2;max-width:250px;-webkit-box-orient: vertical;line-height: 22px;font-size: 16px;font-weight: 300;color: #6c7d94;text-overflow: ellipsis;overflow: hidden;text-align: left;}
.table .nameRow .name div{    text-overflow: ellipsis;overflow: hidden;max-width: 300px;white-space: nowrap;}
.table .expandRow{font-size:28px;border-bottom: 1px solid white;}
.table .expandRow:hover{cursor:pointer;opacity:0.8;}
.table .expandRow i{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.table .expandRow.active i{transform: rotate(180deg);}
.table .boxHidden td{padding:0px;border-bottom:none;}
.table .boxHidden td td{padding: 12px 8px;border-bottom: 1px solid #edf1f3;}
.table .boxHidden .group{padding:10px 0px;display:inline-block;width:100%;max-height:100%;display:none;}
.table .boxHidden td .box{float:left;padding:20px 50px;box-shadow: 0px 3px 5px 0px rgba(114, 129, 151, 0.2);border-radius:5px;}
.table .boxHidden td .box:first-child{margin-right:20px;}
.table .boxHidden td .box .title{font-size:20px;color:#6c7d94;font-weight:500;margin-bottom:5px;}
.table .boxHidden td .box ul{padding:0px;margin:0px;width:100%;display:inline-block;}
.table .boxHidden td .box ul li{list-style:none;padding:7px 0px;font-size:17px;width:100%;display:inline-block;float:left;}
.table .boxHidden td .box ul li .key{float: left;margin-right:5px;font-weight:500;}
.table .boxHidden td .box:nth-child(2) ul li .value{float:right;}
.table .boxHidden td .box ul li.left .value{float: none;    white-space: normal;}
.table .boxHidden td .box .total{border-top: 1px solid #dee6eb;}
.table>thead>tr>th{padding-bottom:0px;width:20%;}
.table>thead>tr>th.name{width: 50%;}
.tableList table tbody tr td{line-height: 22px;font-size: 16px;font-weight: 300;color: #6c7d94;text-overflow: ellipsis;white-space: nowrap;}/*overflow: hidden;*/
.tableList thead tr th:nth-child(1){width:50px!important;}
.tableList thead tr th:nth-child(2){width:3%;}
.tableList table tbody tr td img{max-width:100%;max-height: 40px;width:auto;}
.tableList table thead tr th.active,
.tableList table thead tr th.position{text-align:center;}
.tableList table thead tr th .text,
.table-sales table thead tr th .text{float:left;font-size:16px;    text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;}
.tableList table thead tr th ul li a .text{float:none;}
.tableList table thead tr th i{font-size: 17px;color: black;font-weight: bold;margin: 3px 4px;float:left;}
.tableList table thead tr th i:hover{cursor: pointer; opacity:0.8;}
.tableList table thead tr th .group{display:inline-block;}
.tableList table thead tr th.active button,
.tableList table thead tr th.lang button,
.tableList table thead tr th.category button,
.tableList table thead tr th.status button,
.tableList table thead tr th.paymentStatus button,
.tableList table thead tr th.storeChannel button,
.tableList table thead tr th.order_status button,
.tableList table thead tr th.payment_status button,
.tableList table thead tr th.show_prices_without_vat button{padding: 5px 0px 5px 15px;padding-left: 10px;}
.tableList table thead tr th.active .btn-group.bootstrap-select.input-mini,
.tableList table thead tr th.lang .btn-group.bootstrap-select.input-mini,
.tableList table thead tr th.category .btn-group.bootstrap-select.input-mini{width:50%;margin-top:0px;}
.tableList table thead tr th.share_facebook {text-align:center;}
.tableList table tbody tr td.tdEmpty{background: white;text-align: center;padding: 100px 0px;}
.tableList table tbody tr td.order .btn-group{margin-top:0px;}
.tableList table tbody tr td.order button{padding: 3px 0px 2px 15px;}
.tableList table tbody tr td a.link{line-height: 22px;font-size: 16px;font-weight: 300;color: #6c7d94;    text-overflow: ellipsis;white-space: nowrap;overflow: hidden;display: inline-block;float:left;max-width: 300px;overflow: hidden;}
.tableList table tbody tr td.nameCategoryRow a,
.tableList table tbody tr td.nameRow a{line-height: 22px;font-size: 16px;font-weight: 300;}
.tableList table thead tr th.show_prices_without_vat {text-align:center;}

.emptyApp{width:100%;display:inline-block;background: white;text-align: center;padding: 200px 0px;color:#777;}
.tableList table .emptyTable{text-align: center;padding: 200px 0px;width: 100%;color: #777;}
#crossselling table.data tbody tr:hover{cursor:move;}
.table-sales .showMore{width:100%;padding:0px;font-size: 16px;font-weight: 500;display:inline-block;text-align:center;color:#6c7d94;text-transform:lowercase;padding:10px 0px;}
.table-sales .showMore i{margin-right:10px;font-size:14px;}
/* TABLE - END */


/* BUTTON - BEGIN */
.togglebutton .activeCheckbox {margin-bottom:0px;}
.togglebutton .activeCheckbox span.toggle{width:55px!important;height:20px!important;background:#6c7c94!important;position:relative;}
.togglebutton .activeCheckbox span.toggle:after{left: 0px!important;top: -2px!important;width:24px!important;height:24px!important;background:#fff!important;border:1px solid #6c7c94!important;}
.togglebutton .activeCheckbox span.toggle:before{content:'OFF';position:absolute;top: 3px;right: 7px;color:white;font-size: 11px;}
.togglebutton .activeCheckbox input[type=checkbox]:checked+.toggle:before{content:'ON';position:absolute;top: 3px;left: 8px;color:white;font-size: 11px;}
.togglebutton .activeCheckbox input[type=checkbox]:checked+.toggle:after{left: 38px!important;background:#ffffff!important;border:none!important;border:1px solid #ec1a29!important;}
.togglebutton .activeCheckbox input[type=checkbox]:checked+.toggle{background: #e51736!important;background: -moz-linear-gradient(left, #e51736 0%, #f63d1c 100%)!important;background: -webkit-linear-gradient(left, #e51736 0%,#f63d1c 100%)!important;background: linear-gradient(to right, #e51736 0%,#f63d1c 100%)!important;}

/* BUTTON - END */


/* CURRENT PLAN - BEGIN */
.currentPlan{text-align:center;width:100%;display:inline-block;width:250px;padding:20px 0px;}
.currentPlan .circle{float:none;display:inline-block;margin:0px;background: #eee;}
.currentPlan .circle img{max-width: 70%;position: relative;z-index: 99;max-height: 70%;margin-top: 20%;}
.currentPlan .c100:after{background-color:white;top: 0.04em;left: 0.04em;width: 0.92em;height: 0.92em;}
.currentPlan .c100 .bar{border:0.08em solid #fe4c30}
.currentPlan .btn-primary{display:inline-block;margin-top:20px;}
.currentPlan h3{color:#6c7d94;}
/* CURRENT PLAN - END */


/* PAGINATION - BEGIN */
body .pagination{float:left;margin-top:0px;margin-bottom:0px;}
body .pagination-group {margin-top:30px;width: 100%;}
body .pagination-group .group{width:100%;display:inline-block;text-align:center;}
body .pagination-group .card-content{padding: 15px 0px;}
body .pagination-group .pagination-results{float:left;margin-top:5px;}
body .pagination-group .pagination-goto{margin-left:20px;float:left;text-align:left;margin-right:10px;}
body .pagination-group .pagination-goto .btn-group.bootstrap-select{margin-top: 0px;width:auto;float:left;}
body .pagination-group .pagination-goto .filter-option{margin-top: 0px!important;color: white!important;font-size: 16px!important;font-weight: 500!important;padding-top:0px!important;}
body .pagination-group .pagination-goto>span{float:left;color:#6d7d94;font-size:16px;font-weight:400;margin-right:10px; margin-top: 4px;}
body .pagination-group .pagination-goto .btn-group{height: 28px;border-radius: 20px;margin:0px;}
body .pagination-group .pagination-goto .btn-group button{padding: 0px;box-shadow:none;padding: 3px 20px;background:transparent!important;}
body .pagination-group .pagination-goto .btn-group button .filter-option{width: 100%; margin: 0px;}
body .pagination-group .pagination-goto span.caret{color:white;}
body .pagination-group .pagination-goto button{background:transparent;}
body .pagination-group .pagination-goto .selected span{color:white;}
body .pagination-group ul.pagination {margin:0px!important;padding:0px!important;display:inline-block!important;float:left!important;width:auto!important;}
body .pagination-group ul.pagination li {list-style:none!important;margin:0px!important;padding:0px!important;float:left!important;margin:0px 10px!important;width:auto!important;}
body .pagination-group ul.pagination li a{border:none;padding:0px;color:#6d7d94;}
body .pagination-group ul.pagination li:not(.arrow) a:hover{background:transparent!important;color:#6d7d94;}
body .pagination-group ul.pagination li:hover{cursor:pointer;}
body .pagination-group ul.pagination li .number{display:none;font-size:18px;margin-top:2px;}
body .pagination-group ul.pagination li.arrow.right ~ li .number{display:block;}
body .pagination-group ul.pagination li.arrow.right ~ li .dot{display:none;}
body .pagination-group ul.pagination li .dot {line-height:7px;margin-top:10px;}
body .pagination-group ul.pagination li .dot i{font-size:7px;}
body .pagination-group ul.pagination li.active a,
body .pagination-group ul.pagination li.active a:hover{color:#e51736;}
body .pagination-group ul.pagination li.active .number{display: block;font-weight:400;}
body .pagination-group ul.pagination li.active .dot{display:none;}
body .pagination-group ul.pagination li.arrow a{padding:4px 12px;color:white;float:left}
body .pagination-group ul.pagination li.arrow:hover{cursor:pointer;background:transparent;}
body .pagination-group ul.pagination li.arrow.left a{border-radius:0px!important;border-top-left-radius:20px!important;border-bottom-left-radius:20px!important;}
body .pagination-group ul.pagination li.arrow.right a{border-radius:0px!important;border-top-right-radius:20px!important;border-bottom-right-radius:20px!important;}
/* PAGINATION - END */


/* FORM - BEGIN */
.bootstrap-datetimepicker-widget.dropdown-menu{margin-top:20px;}
.panel.panel-default .panel-heading+.panel-collapse .panel-body{padding-top:30px;}
.form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label{font-size:20px;}
.form-horizontal fieldset{width:100%;}
.form-horizontal .wrapperForm{width:100%;display:inline-block;padding:50px 30px 0px 30px;}
.form-horizontal .wrapperForm .row{padding-bottom: 40px;display: inline-block;width: 100%;}
.form-horizontal .wrapperForm .row .row{padding-bottom: 0px;padding-top:40px;}
.form-horizontal .wrapperForm .row .row:nth-child(1){padding-top:0px;}
.form-horizontal .wrapperForm .row label span{font-size: 16px;margin-right: 5px;color: #3C4858;font-weight:300;}
.form-horizontal .wrapperForm .row label span .tooltipFS{margin-left:5px;font-size: 15px;}
.form-horizontal .wrapperForm .row input,
.form-horizontal .wrapperForm .row button span.filter-option,
.form-horizontal .textField input{font-size: 22px;color: #bcc0c6;font-weight: 400;padding-top:5px;}
.form-horizontal .sortProducts .bootstrap-select{margin-top:0px;}
.form-horizontal .sortProducts .bootstrap-select span.filter-option{color: #6d7681;font-size: 16px;font-weight: 400;padding-top: 5px;margin-top: -15px;}
.form-horizontal .sortProducts input{color: #6d7681;font-size: 16px}

.form-horizontal .wrapperForm .row input,
.form-horizontal .wrapperForm .row button span.filter-option,
.form-horizontal .textField input{color:#6d7681;}
.form-horizontal .wrapperForm .row button span.filter-option{margin-top: -15px;}
.form-horizontal .wrapperForm .row .form-group label{color: #6c7d94;font-weight:500;}
.form-horizontal .wrapperForm .row .form-group .help-block{color:#fe4c30;font-weight:600;text-align:left;top: 100%;margin-top: -5px;z-index: 99!important;line-height:12px;}
.form-horizontal .wrapperForm .row .form-group .help-block.bg-white{background-color: white}
.form-horizontal .wrapperForm .row .form-control{padding-bottom:0px;}
.form-horizontal .wrapperForm .row.lang .form-control{padding-right: 60px;}
.form-horizontal .wrapperForm .row .input-group{display: flex;}

.form-horizontal .wrapperForm .collapseTwo .row .input-group-addon {
  max-width: 40px;
}

.form-horizontal .wrapperForm .row .input-group-addon {
  background: #ebf0f2;
  font-size: 18px;
  padding: 0px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #6d7681;
  min-width: 40px;
  text-align: center;
  height: 36px;
  width: auto;
  line-height: 28px;
}
.form-horizontal .wrapperForm .row .weight_unit .input-group-addon .bootstrap-select{width:45px!important;}
body .form-horizontal .wrapperForm .row .input-group-addon .bootstrap-select button{padding: 5px 4px 0px 4px!important;border-bottom:none!important;}
.form-horizontal .wrapperForm .row .input-group-addon .bootstrap-select button span{font-size: 18px;color: #6d7681;text-align: center;padding-right: 7px;}
.form-horizontal .wrapperForm .row .input-group-addon .bootstrap-select button span span.caret{right: 4px;top: 10px;padding:0px;}

.form-horizontal .wrapperForm .row .input-group .form-control{padding-left: 10px;}
.form-horizontal .wrapperForm .row .input-group input{float: right;padding-right:0px;}
.form-horizontal .wrapperForm .row .input-group .btn-group{padding: 0px;width: 100%;margin: 0px;float: right;margin-top: 2px;}
.form-horizontal .wrapperForm .row .input-group .btn-group button{padding-left: 10px!important;margin-bottom:0px;}
.form-horizontal .wrapperForm .row .form-control:focus ~ .lang-list,
.form-horizontal .wrapperForm .row .lang-list:hover{background:#ff4c26;color:white;cursor:pointer;}
.form-horizontal .wrapperForm .row .lang-list:hover i,
.form-horizontal .wrapperForm .row .form-control:focus ~ .lang-list i{color:white;}
.form-horizontal .wrapperForm .row .form-group.label-floating label.control-label,
.form-horizontal .wrapperForm .row .form-group.label-placeholder label.control-label{top: -5px;left:0px;text-align:left;white-space: nowrap;text-overflow: ellipsis;max-width: 80%;overflow: hidden;}
.form-horizontal .wrapperForm .row .form-group.label-floating.input-group label.control-label{left:42px;}

.form-horizontal .wrapperForm .row .form-group.label-static label.control-label,
.form-horizontal .wrapperForm .row .form-group.label-floating.is-focused label.control-label,
.form-horizontal .wrapperForm .row .form-group.label-floating:not(.is-empty) label.control-label{margin-bottom: 2px;top: auto;font-weight: 300;left: 0px;bottom: 100%;white-space: normal}
.form-horizontal .wrapperForm .row .form-group.is-focused .form-control ,
.form-horizontal .textField input{outline: none!important;background:transparent!important;}
.form-horizontal .textField .halfButton{width:50%;float:left;}
.form-horizontal .textField .smallButton{display:inline-block;color:white;font-size:12px;border-radius:20px;padding:0px 10px;text-transform:uppercase;font-weight:500;margin-top:18px}
.form-horizontal .textField .smallButton:hover{cursor:pointer;opacity:0.8;}
.form-horizontal .wrapperForm .imageBlock{width:100%;display:inline-block;margin-top:20px;}
.form-horizontal .wrapperForm .imageBlock .name{ width:100%;display:inline-block; font-size: 20px;font-weight: 400;color: #6c7d94;margin-bottom:30px;}
.form-horizontal .wrapperForm .imageBlock label{padding: 0px; font-size: 12px;width: 100%;display: inline-block;text-align: left;top:-20px!important;}
.form-horizontal .wrapperForm .imageBlock .col-md-6{padding:0px 30px;}
.form-horizontal .wrapperForm .imageBlock .col-md-6:nth-child(1){padding-left:0px;}
.form-horizontal .wrapperForm .imageBlock .col-md-6:nth-child(2){padding-right:0px;}
.form-horizontal .wrapperForm .imageBlock .col-md-6:nth-child(2) label{padding-left:30px;}
.form-horizontal .wrapperForm .imageBlock .col-md-6 .fileinput{max-width:100%;position: relative;}
.form-horizontal .wrapperForm .imageBlock .col-md-6 .fileinput .thumbnail{max-width:100%;width: 200px;height: 180px;border: 1px dashed #6c7d94;border-radius: 20px;text-align: center;background: transparent;box-shadow: none;position:relative;}
.form-horizontal .wrapperForm .imageBlock .col-md-6 .fileinput .thumbnail i{color: #6c7d94;font-size: 30px;position: relative;top: 50%;transform: translateY(-50%);}
.form-horizontal .wrapperForm .imageBlock .col-md-6 .fileinput .actionLinks{position: absolute;top: 0px;left: 0px;}
.form-horizontal .wrapperForm .imageBlock .col-md-6 .fileinput .thumbnail .image{width:200px;height:180px;max-width:100%;border:1px solid #eee;border-radius:20px;background:white;background-size:contain;background-position:center;display:inline-block;background-repeat:no-repeat;}
.form-horizontal .wrapperForm .imageBlock .col-md-6 .fileinput .thumbnail img{width:100%;max-height:100%;top:50%;left:0px;position:relative;transform:translateY(-50%);}
.form-horizontal .wrapperForm .imageBlock .col-md-6 .fileinput .actionLinks input[type=file]{width: 100%;display: inline-block;position: relative;padding: 0px;height: 180px;}
.form-horizontal .wrapperForm .imageBlock .col-md-6 .fileinput .actionLinks input[type=file]:hover{cursor:pointer;}
.form-horizontal .wrapperForm .imageBlock .col-md-6 .fileinput .remove{margin: 0px 8px; display: inline-block;font-size: 18px;color: #6c7d94;}
.form-horizontal .wrapperForm .imageBlock .col-md-6 .fileinput .button_insert_image{margin: 0px 8px;display: inline-block;font-size: 16px;color: #6c7d94;}
.form-horizontal .wrapperForm .imageBlock .col-md-6 .fileinput .button_insert_image:hover{cursor:pointer;}
.form-horizontal .wrapperForm .row .form-group.label-static label.control-label,
.form-horizontal .wrapperForm .row .form-group.label-floating.is-focused label.control-label,
.form-horizontal .wrapperForm .row .form-group.label-floating:not(.is-empty) label.control-label{font-size:14px;width:100%;overflow:visible;}
.form-horizontal .wrapperForm .labelNotEmpty .form-group label{font-size:14px;top: auto!important;bottom:50px;font-weight:300;left:0px!important;}
.form-horizontal .wrapperForm .row .bootstrap-select{margin-top: 2px;}
.form-horizontal .wrapperForm .row .groupHalfInput{padding-left:0px;margin-top: -44px;margin-left: -1px;}
.form-horizontal .wrapperForm .row .groupHalfInput .item{width: 100%;display: inline-block;margin-top:5px;position: relative;}
.form-horizontal .wrapperForm .row .groupHalfInput .label{font-size: 20px;text-align:left;position: absolute;top: -3px;left:0px;}
.form-horizontal .wrapperForm .row .groupHalfInput .label label{font-size:16px;color:#bcc0c6;padding-top:0px;}
.form-horizontal .wrapperForm .row .groupHalfInput .input{padding: 0px;}
.form-horizontal .wrapperForm .row .groupHalfInput .input .form-group {margin:0px;padding:0px;}
.form-horizontal .wrapperForm .row .groupHalfInput .input input{padding-bottom:10px;font-size:16px;padding-left:75px;}
.form-horizontal .wrapperForm .row .lang-list{position: absolute;top: 0px;right: 0px;z-index: 2;text-transform:uppercase;padding: 6px 8px;border-radius: 3px;font-size: 14px;font-weight: 500;}
.form-horizontal .wrapperForm .row .lang-list.toggleLang{top:-40px;}
.form-horizontal .wrapperForm .row .lang-list.toggleLang .btn-group{margin:0px;}
.form-horizontal .wrapperForm .row .lang-list.toggleLang button{padding: 0px;background: transparent;font-size: 14px;font-weight: 500;border:none!important;}
.form-horizontal .wrapperForm .row .lang-list.toggleLang button .filter-option{font-size:14px!important;font-weight: 500;color:#6c7d94;padding-top:0px;}
.form-horizontal .wrapperForm .row .lang-list.toggleLang button .bs-caret{margin-left: 15px;color:#6c7d94;}
.form-horizontal .wrapperForm .row .lang-list.toggleLang:hover button .filter-option,
.form-horizontal .wrapperForm .row .lang-list.toggleLang:hover button .bs-caret{color:white!important;}
.form-horizontal .wrapperForm .row .lang-list.toggleLang .bootstrap-select .dropdown-menu{margin-left: -7px;}
.form-horizontal .wrapperForm .row .lang-list {color:#6c7d94;}
.form-horizontal .wrapperForm .row .lang-list i{font-size: 12px;text-align: left;line-height: 15px;width: auto;margin-top: 3px;float: right;margin-left: 6px;color: #6c7d94;}
.form-horizontal .wrapperForm .row .lang-list.active i{transform: rotate(180deg);margin-top: 2px;}
.form-horizontal .wrapperForm .row .lang-list .dropdown-menu{z-index: 9;}
.form-horizontal .wrapperForm .row .lang-list button{padding:0px;background:transparent;box-shadow:none;padding:5px 20px 5px 10px;}
.form-horizontal .wrapperForm .row .lang-list span.filter-option{margin-top:0px!important;font-size: 16px!important;}
.form-horizontal .wrapperForm .row .lang-list span.bs-caret{color:#6d7681;}
.form-horizontal .wrapperForm .row .lang-list span.bs-caret span{right:5px;}
.swal2-modal .btn-group.bootstrap-select.swal2-select{display:none;}
.swal2-modal .swal2-content .notify_customer{margin-top: 20px;width: 90%;height: 150px;border-radius: 5px;border: 1px solid #e6ecf0;padding: 10px; font-size: 14px;}
.form-horizontal .wrapperForm .function-controlGroup{font-size:16px;font-weight:400;float:left;line-height:23px;}
.form-horizontal .wrapperForm .function-controlGroup i{font-size: 14px;margin-right: 10px;margin-top: 6px;float: left;}
.form-horizontal .wrapperForm .function-controlGroup.addCategories {position: absolute; bottom: 50px;padding: 18px 0px 0px;margin-bottom:5px;font-size:16px;font-weight:400;float:left;line-height:24px;}
.form-horizontal .wrapperForm .function-controlGroup.showCharsOrSpecs{position: relative;bottom:0px;padding-top:0px;}
.form-horizontal .wrapperForm .hiddenField{display:none;}
/*.form-horizontal .wrapperForm .blockLang .row.lang:last-child:not(.row.lang:last-child) input{margin-bottom:100px;}*/
.form-horizontal .wrapperForm .blockLang .row.lang:first-child{margin-bottom:0px!important;}
.form-horizontal .wrapperForm  .closedefault,
.form-horizontal .wrapperForm  .closeAction{opacity: 1;font-size:16px;pointer-events: visible;}
.form-horizontal .wrapperForm  .closedefault:hover,
.form-horizontal .wrapperForm  .closeAction:hover{cursor:pointer;}
.seeAllCombsAttr td{padding:5px!important;}
.seeAllCombsAttr .btn-group,
.seeAllCombsAttr .form-group{margin:0px;padding:0px;}
.ui-multiselect{min-width:830px;}
/*.scroll_tablePAO{overflow: scroll;}*/
.has-error .form-control-feedback{margin-right: -30px;}
.form-control-feedback.closedefault,
.form-control-feedback.closeAction{right: 15px;}
.form-horizontal .wrapperForm .row table .position button span.filter-option,
.form-horizontal .wrapperForm .row table .order button span.filter-option{margin-top:0px;color:white;font-size: 12px;}
.form-horizontal .panel{margin-bottom:25px;border-bottom:1px solid #e5ebee;border-radius:0px;float:left;width:100%;}
.form-horizontal .panel .panel-heading{padding-top:0px;padding-bottom:20px;border:none;}
.form-horizontal .panel .panel-heading button{width: 100%;text-align: left;background: transparent;border: none;padding: 0px;}
.form-horizontal .panel .panel-heading .panel-title{font-size: 20px;font-weight: 400;color: #6c7d94;}
.form-horizontal .panel .panel-heading .panel-title span{display: inline-block;}
.form-horizontal .panel .panel-heading .panel-title span .tooltipFS{font-size: 16px;margin-top: 6px;margin-left: 3px;}

.form-horizontal .panel .panel-heading a[aria-expanded=false] .panel-title,
.form-horizontal .panel .panel-heading button[aria-expanded=false] .panel-title{color: #bdcbd5;}
.form-horizontal .panel .panel-collapse{float:left;width:100%;padding-right:5px;}
.form-horizontal .panel .panel-collapse label.activeCheckbox{width:100%;}
.form-horizontal .panel .panel-collapse label.activeCheckbox .toggle{float:right;}

.form-horizontal .wrapperForm .headerBlock{width:100%;display:inline-block;margin-bottom:50px;margin-top:-20px;}
.form-horizontal .wrapperForm .headerBlock .backButton{font-size:18px;color:#6c7d94;font-weight:400;line-height:40px;}
.form-horizontal .wrapperForm .headerBlock .backButton .icon{float:left;width:40px;height:40px;border-radius:50%;background:#e5ebee;color:#6c7d94;text-align:center;font-size:14px;margin-right:15px;}
.form-horizontal .wrapperForm .headerBlock .backButton:hover{cursor:pointer;opacity:0.8;}
.form-horizontal .wrapperForm .headerBlock .click{float:left;margin-left:40px;color:#6c7d94;font-weight:400;font-size:14px;}
.form-horizontal .wrapperForm .headerBlock .click:hover{cursor:pointer;opacity:0.8;}
.form-horizontal .wrapperForm .headerBlock .click .icon{float:left;margin-right:5px;}
.form-horizontal .wrapperForm .headerBlock .floatRight{margin-top:10px;}

.boxHidden .headerBlock .addNew{font-size:16px;color:#dd2905;font-weight:400;line-height:40px;margin-top:20px!important;margin-bottom:20px;}
.boxHidden .headerBlock .addNew[disabled=disabled]{opacity: 0.5;}
.boxHidden .headerBlock .addNew .icon{float:left;color:#dd2905;text-align:center;font-size:26px;margin-right:15px;}
.boxHidden .headerBlock .addNew .icon:hover{cursor:pointer;opacity:0.8;}

.tableList.subTable table thead tr th .text{font-weight:600;}
/* FORM - END */


/* DASHBOARD - BEGIN */
.dashboard .filters{width:100%;display:inline-block;text-align:right;float:left;}
.dashboard .filters h4{float:left;margin:0px;}
.dashboard .filters ul {display:inline-block;-webkit-box-shadow: -2px 2px 2px 0 rgba(0,0,0,0.2);box-shadow: -2px 2px 2px 0 rgba(0,0,0,0.2);padding:0px;border-radius:5px;float:right;}
.dashboard .filters ul li{float:left;list-style:none;padding:3px 12px;background:#f3f3f4;font-size:12px;color:#777;font-weight:500;border-right:1px solid #ddd;}
.dashboard .filters ul li:first-child{border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.dashboard .filters ul li:last-child{border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-right:none;}
.dashboard .filters ul li.active{color:white;background:#848484;}
.dashboard .filters ul li:hover{cursor:pointer;opacity: 0.8;}

.dashboard .card .card-title {width:100%;max-width:none;overflow:visible;}
.dashboard .card .card-title .left{float:left;}
.dashboard .card .card-title .right{float:right;position:relative;margin-top:2px;width:140px;text-align:right;}
.dashboard .card .card-title .right .data{overflow:visible;background:white;position:absolute;width:280px;padding:20px 15px;border-radius:10px;min-height:200px;z-index: 9;left:-70px;transform:translateX(-50%);top:34px;    -webkit-transform: translate3d(0, -20px, 0);-moz-transform: translate3d(0, -20px, 0);-o-transform: translate3d(0, -20px, 0);-ms-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);    -webkit-transition: all 150ms linear;-moz-transition: all 150ms linear;-o-transition: all 150ms linear;-ms-transition: all 150ms linear;transition: all 150ms linear;-webkit-transform: translate3d(0, -20px, 0);-moz-transform: translate3d(0, -20px, 0);-o-transform: translate3d(0, -20px, 0);-ms-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);opacity: 0;filter: alpha(opacity=0);visibility: hidden;display: block;box-shadow: 0px 0px 80px 0px rgba(114, 129, 151, 0.4);}
.dashboard .card .card-title .right .data:after{content: '';position: absolute;top: -20px;left:50%;transform:translateX(-50%);width: 20px;background: transparent;height: 20px;border-bottom: 11px solid white;border-right: 10px solid transparent;border-left: 10px solid transparent;}
.dashboard .card .card-title .right:not(.no-hover):hover .data{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);    opacity: 1;visibility: visible;}
.dashboard .card .card-title .right .info{font-size: 16px;display:inline-block;}
.dashboard .card .card-title .right .info i{float: right;padding-top:3px;font-size: 22px;margin-left:15px;}
.dashboard .card .card-title .right .data .name{width:100%;text-align:center;font-size:18px;margin-bottom:0px;}
.dashboard .card .card-title .right .data .options{width:100%;display:inline-block;padding:30px 15px 0px;width:100%;padding-top:20px;}
.dashboard .card .card-title .right .data .options label{position:relative;display: block;position: relative;padding-left: 40px;margin-bottom:25px;text-align:left;color: #6c7d94;cursor: pointer;text-transform:capitalize;font-size: 16px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.dashboard .card .card-title .right .data .options label input{position: absolute;opacity: 0;cursor: pointer;width:100%;top:0px;left:0px;margin-top:0px;}
.dashboard .card .card-title .right .data .options label .checkmark{position: absolute;top: 0;left: 0;height: 23px;width: 23px;background-color: transparent;border-radius: 50%;border:1px solid #6c7d94;}
.dashboard .card .card-title .right .data .options label .checkmark:after {content: "";position: absolute;display: none;top: 4px;left: 4px;width: 13px;height: 13px;border-radius: 50%;background: #f0261f;}
.dashboard .card .card-title .right .data .options label input:checked ~ .checkmark:after {display: block;}
.dashboard .card .card-title .right .data .options label input:checked ~ .checkmark{border:1px solid #f0261f;}

.dashboard #orderList .table-sales table thead tr th:first-child,
.dashboard #orderList .table-sales table thead tr th:nth-child(2){width:auto!important;}
.dashboard #orderList .table-sales{margin-top:0px;}
.dashboard #orderList .table-sales table tbody tr td.icon i{font-size:18px;}
.dashboard #orderList .card,
.dashboard #locationSale .card{height:380px;float:left;}
.dashboard #itemCustomers .card{height:300px;}
.dashboard #itemOrders .card{height:300px;}
.dashboard #itemSales .card{height:300px;}
.dashboard .card{margin-bottom:0px;margin-top:20px;}
.dashboard .card .data{width:100%;display:inline-block;}
.dashboard .card .data .ct-chart{width: 112%;margin-left: -30px;height:180px;position:relative;}
.dashboard .card .data .ct-chart .ct-labels,
.dashboard .card .data .ct-chart .ct-grids{display:none;}
.dashboard .card .data .ct-chart .ct-line{stroke-width: 4px;stroke:#ec1227;background:#9C9B99;border-radius:50%;}
.ct-series-a .ct-point, .ct-series-a .ct-line, .ct-series-a .ct-bar, .ct-series-a .ct-slice-donut{stroke:#ec1227;}
.dashboard .card .card-content .item{height:295px;}
.dashboard .card .data svg{margin-top:-10px;}
.dashboard .card .data .legend{width:100%;padding:0px 20px;margin-top:20px;font-size: 14px;font-weight: 300;color: #6c7d94;}
.dashboard .card .data .legend .icon{float: left;margin-right:15px;font-size:16px;}
.dashboard .card .data .legend .arrow{float: left;margin-right:15px;font-size:16px;}
.dashboard .card .data .legend .value{float: left;margin-right:5px;}
.dashboard .card .data .legend .text{float: left;}
.dashboard .card .data .legend.success .arrow, .dashboard .card .data .legend.success .value{color:green;}
.dashboard .card .data .legend.danger .arrow, .dashboard .card .data .legend.danger .value{color:red;}
.dashboard .card .data .ct-point{cursor:pointer;}


.dashboard #locationSale .groupBox{padding-top:15px;display:inline-block;width:100%;}
.dashboard #locationSale .table-responsive{overflow:visible;}
.dashboard #locationSale .name{font-size: 18px;font-weight: 300;color: #728197;float:left;padding-left:5px;}
.dashboard #locationSale .options{float:right;padding-right:40%;}
.dashboard #locationSale .options ul{padding:0px;margin:0px;margin-top: -5px;}
.dashboard #locationSale .options ul li{float:left;list-style:none;padding:0px;margin:0px 10px;font-size: 15px;font-weight: 300;color: #728197;padding: 6px 18px;border-radius: 20px;}
.dashboard #locationSale .options ul li.active{background: #d9e2e7;}
.dashboard #locationSale .options ul li:hover:not(.active){cursor:pointer;opacity: 0.8;}
.dashboard #locationSale .map{height: 250px;margin-top: 20px;width:100%;float:left;position: relative;}
.dashboard #locationSale .map circle{stroke: transparent;stroke-width: 10px;fill: #48576d;}
.dashboard #locationSale .map circle.active{fill: #fe2905;}
.dashboard #locationSale .map circle.active:hover{fill: #fbd0c9;}
.dashboard #locationSale .map svg{max-width:100%;max-height:100%;}
.dashboard #locationSale .map .tooltips .tooltip{width: 160px;position: absolute;z-index: 1000;padding: 10px;display: none;background: #FFF;text-align: center;border-radius: 20px;box-shadow: 0px 0px 10px 3px #e8f0fb;top:0px;left:0px;transform:translate(-50%,-170%);}
.dashboard #locationSale .map .tooltips .tooltip:after{content:'';position: absolute;bottom: -20px;left: 50%;transform:translateX(-50%);width: 20px;background: transparent;height: 20px;border-top: 11px solid white;border-right: 10px solid transparent;border-left: 10px solid transparent;}

.dashboard #locationSale .map .tooltips .tooltip.active{display: block;opacity: 1;}
.dashboard #locationSale .toggleData{display:none;}
.dashboard #locationSale .toggleData.active{display:block;}

.dashboard #locationSale .tableList{margin-top:20px;width:100%;float:left;}
.dashboard #locationSale .tableList table tbody tr td{font-size:14px;}
.dashboard #locationSale .tableList table tbody tr td .flag{width: 22px;height: 22px;background-size: cover;border-radius: 50%;background-position: center;border:1px solid white;}
.dashboard #locationSale #channelGraph{width:150px;margin-top:40px;}
.dashboard #locationSale #channelGraph svg{stroke-linecap: round; height: 150px!important;width: 150px!important;display:inline-block;position:relative;}
.dashboard #locationSale #channelGraph svg g{width:100%;height:100%;position:relative;}
.dashboard #locationSale .legend {padding-left:30px;margin-top:0px;}
.dashboard #locationSale .legend ul{margin:0px;padding:0px;}
.dashboard #locationSale .legend ul li{margin:0px;padding:0px;list-style:none;margin-bottom:0px;font-weight: 300;color: #728197;font-size: 14px;}
.dashboard #locationSale .legend ul li i{margin-right:10px;}
.dashboard #controlPanel .data{padding:20px 5px 15px;}
.dashboard #controlPanel .data .item{padding-right:50px;min-height:70px;}
.dashboard #controlPanel .data .icon{font-size:30px;color:#f0251f;float:left;margin-right:20px;margin-top: 0px;}
.dashboard #controlPanel .data .key{float:left;font-size: 18px;font-weight: 300;color: #728197;margin-right:20px;line-height:22px;height:36px;max-width:40%;margin-top:-5px;display:flex;align-items: center;justify-content: center;}
.dashboard #controlPanel .data .value{float:right;font-size: 30px;font-weight: 400;color: #728197;}
.dashboard #controlPanel .data .moreInfo{width:100%;display:inline-block;border-top:1px solid #dbe3e8;margin-top: 16px; padding-top: 4px;font-size: 14px;font-weight: 300;color: #728197;}
.dashboard #controlPanel .data .moreInfo b{font-weight:500;font-size:13px;}
.dashboard #controlPanel .data .moreInfo i{color:#fda428;}
.dashboard #controlPanel .card .card-title .left{text-transform: initial;}
.dashboard #controlPanel .card .card-title .left .image{float:left;margin-right:10px;position:relative;margin-top:-6px;margin-left:-6px;}
.dashboard #controlPanel .card .card-title .left .image img{height: 38px;width: auto;}
.dashboard #controlPanel .card .card-title .left .image img.radar{animation: rotation 2s infinite linear;position:absolute;top:0px;left:0px;}

@-webkit-keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    } to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}
@keyframes rotation {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    } to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.dashboard .card-footer .group{width:100%;display:inline-block;}
.dashboard .card-footer .group .success{color:green;}
.dashboard .card-footer .group .danger{color:red;}
.dashboard .card .card-content .card-title{width:auto;}

.dashboard .card.card-chart{height:270px;}
.dashboard .lineRow{width: 100%;display: inline-block;}
.dashboard .lineRow .preload{padding-top: 250px;}
.dashboard #orderList .btn.btn-round{padding: 3px;margin: 0px;}
.dashboard #orderList .color_0,
#customer #orderList .color_0{color:#dd2905;}
.dashboard #orderList .color_1,
#customer #orderList .color_1{color:#4caf50;}
.dashboard #orderList .color_2,
#customer #orderList .color_2{color:#ff9800;}

.chart-color-0 {fill:#f44336; color:#f44336;}
.chart-color-1 {fill:#ff9800; color:#ff9800;}
.chart-color-2 {fill:#00bcd4; color:#00bcd4;}
.chart-color-3 {fill:#9c27b0; color:#9c27b0;}
.chart-color-4 {fill:#4caf50; color:#4caf50;}
.chart-color-5 {fill:#9C9B99; color:#9C9B99;}

.chart-color-0 {stroke: url(#gradient0) !important;background:#f44336;border-radius:50%;}
.chart-color-1 {stroke: url(#gradient1) !important;background:#ff9800;border-radius:50%;}
.chart-color-2 {stroke: url(#gradient2) !important;background:#00bcd4;border-radius:50%;}
.chart-color-3 {stroke: url(#gradient3) !important;background:#9c27b0;border-radius:50%;}
.chart-color-4 {stroke: url(#gradient4) !important;background:#4caf50;border-radius:50%;}
.chart-color-5 {stroke: url(#gradient5) !important;background:#9C9B99;border-radius:50%;}

/* DASHBOARD - END */


/* SHARETHIS - BEGIN */
.sharelist ul{margin: 0px;padding: 0px;display: inline-block;}
.sharelist .item{list-style: none;float: left;}
.sharelist .item a{display: inline-block;float: left;width: 25px;height: 25px;background-color:#6d7d94;border-radius: 50%;margin-right:5px;text-align: center;font-size: 14px;color: white;}
.sharelist .item a i{position: relative;top: 44%;transform:translateY(-65%);-webkit-transform:translateY(-65%);-moz-transform:translateY(-65%);font-size: 14px;}
.sharelist ul li:last-child a{margin-right: 0px;}
.sharelist .item a:hover{opacity: 0.8;}
.sharegroup .popover.top>.arrow:after{margin-left: 0px;}
.sharegroup .popover-content{padding-bottom:5px;}
/* SHARETHIS - END */


/* PRODUCTS - BEGIN */
.imageList ul{padding:0px;display: inline-block;width: 100%;position: relative;}
.panel-body.imageList{height:200px; overflow: hidden;position:relative;}
.panel-body.imageList{padding-top:0px!important;}
.panel-body.imageList ul li{width:32%!important;margin-right:2%;height:120px!important;float:left;margin-bottom:100px;}
.panel-body.imageList ul li .image:hover{cursor: pointer!important;}
.panel-body.imageList ul li:nth-child(3n){margin-right:0px;}
.panel-body.imageList ul li .image{max-width:100%;max-height:100%;position: relative;}
.panel-body.imageList ul li .image a{width: 100%;height: 100%;display: inline-block;position: relative;z-index: 9;}
.panel-body.imageList .goTo{position: absolute;bottom: 5px;right: 0px;color: #6c7d94;font-weight: 400;}
.panel-body.imageList .goTo:hover{cursor:pointer;opacity:0.8;}
.panel-body.imageList .goTo i{font-size: 12px;margin-right: 10px;margin-top: 5px;float: left;}
.imageList ul li{float: left;margin-right:48px;margin-bottom:30px;position:relative;list-style:none;}
.imageList ul li.uploadExtra{width:200px;height:200px;border: 1px dashed #6c7d94;border-radius:10px;text-align:center;}
.imageList ul li.uploadExtra.toDoUpload{border: none;}
.imageList ul li.uploadExtra .center,
.imageList ul li.uploadExtra > i,
.imageList ul li.uploadExtra > .image > i{color:#6c7d94;font-size: 24px;position:relative;top:50%;transform:translateY(-50%);}
.imageList ul li.uploadExtra .center span{font-size: 14px;max-width:90%;width: 90%;display: inline-block;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding: 5px 20px;}
.imageList ul li.uploadExtra > .image > i span{font-family: "Roboto", "Helvetica", "Arial", sans-serif;font-size:14px;font-weight:400;}
.panel-body.imageList ul li .image a .lang{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);color: white;margin-top: 16px;}
.imageList ul li.uploadExtra input,
.imageList ul li.imgUploaded input{width:100%;display: inline-block;height:100%;opacity: 0;position: absolute;top:0px;left:0px;}
.imageList ul li.uploadExtra:hover,
.imageList ul li.uploadExtra input{cursor:pointer;}
.imageList ul li .image{width:200px;height:200px;border:1px solid #eee;border-radius:10px;background:white;background-size:cover;background-position:center;display:inline-block;}
.imageList ul li .image:hover{cursor: move;}
.imageList ul li img{display:none;}
.imageList ul li .actions{width:100%;text-align:center;margin-top:10px;}
.imageList ul li .actions a{margin:0px 8px;}
.imageList ul li .actions .click:hover{cursor: pointer;}
.imageList ul li .actions .click{display:inline-block;font-size:16px;color:#6c7d94;}

.imageList ul li:hover {cursor: move;opacity:0.8;}
.swal2-content #image_uploader .preview .droptarget #image_uploader_file_button{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0}
.swal2-content #image_uploader .preview .droptarget #image_uploader_file_button:hover{cursor: pointer;}
.swal2-content #image_uploader .preview .droptarget .droptext{color: #f9472a;font-size: 12px;margin-top: 5px;font-weight: bold;}
.swal2-content #image_uploader .preview .droptarget .droptext b{text-decoration: underline;font-size: 13px;}
.swal2-content #image_uploader .droptarget{margin-top: 110px;}
.swal2-content #image_uploader .droptarget.small{margin-top: 0px;width:150px;height:150px;border: 1px solid #aaa;border-radius: 3px;background: #eee;    max-width: 150px;max-height: 150px;margin: 5px;}
.swal2-content #image_uploader .droptarget.small img{height: 60px;margin-top: 10px;margin-bottom: 10px;}
.swal2-content #image_uploader .droptarget.small .droptext{font-size: 12px;font-weight: normal;color: #777;}
.swal2-content #image_uploader .droptarget.small .droptext b{font-size: 12px;}

.swal2-content #image_uploader .preview {
  height: 300px;
  width: 100%;
  border: 2px dashed #ccc;
  margin-bottom: 30px;
}

.droptarget.small .droptext h2 {
  display: none;
}

#imageGalleryDialog{
  padding: 0px 30px 15px 30px;
}

.tableList form fieldset table thead tr .category{max-width: 300px;}
.tableList table thead tr th.active button{min-width: 55px;}
/*.inputFile label{font-size: 16px!important;top: -40px!important;left: 0px!important;}*/
.floatRight .metatags_keyword{padding-top:0px!important;padding-bottom:0px;}
.floatRight .metatags_keyword ul{margin:0px;padding:0px;width:100%;display:inline-block;float:left;}
.floatRight .metatags_keyword ul li.lang{margin:0px;padding:0px;float:left;list-style:none;}
.floatRight .metatags_keyword>ul>li.lang{width:100%;position: relative;border-top: 1px solid #e5ebee;padding:30px 0px 20px;}
.floatRight .metatags_keyword>ul>li.lang:nth-child(1){margin-top:0px;border-top:none;padding-top:0px;}
.floatRight .metatags_keyword ul li.lang>ul{padding-right:50px;}
.floatRight .metatags_keyword ul li.lang>ul>li{background-color:#ebf0f2;border-radius:20px;color:#6c7c94;font-size:14px;padding:6px 35px 4px 14px;font-weight:400;margin:0px 5px 8px 0px;min-height:30px;width:auto;list-style:none;display:inline-block;position:relative;}
.floatRight .metatags_keyword ul li.lang .lang-list{top:26px;}
.floatRight .metatags_keyword ul li.lang:nth-child(1) .lang-list{top:0px;}
.floatRight .metatags_keyword ul li.lang>ul>li .action{    position: absolute;top: 5px;right: 10px;width:19px;height:19px;background:#ccd9df;border-radius:50%;display:inline-block;font-size:12px;text-align:center;line-height:20px;margin-left:10px;}
.floatRight .metatags_keyword ul li.lang>ul>li .action:hover{cursor:pointer;opacity:0.8;}
.floatRight .metatags_keyword ul li.lang>ul>li span{float:left;width:100%;}
.floatRight .metatags_keyword ul li.lang>ul>li .input{margin-top:-2px;}
.floatRight .metatags_keyword ul li.lang>ul>li .input input{background:transparent;border:none;border-bottom:1px solid #b4bcc7;width:120px;height:20px;font-size:12px;max-width:100%;}

/* UPLOAD IMAGE - BEGIN*/
.swal2-content #imageGalleryDialog #image_uploader .preview .droptarget #image_uploader_file_button{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0}
.swal2-content #imageGalleryDialog #image_uploader .preview .droptarget #image_uploader_file_button:hover{cursor: pointer;}
.swal2-content #imageGalleryDialog #image_uploader .preview .droptarget .droptext{color: #6d7d93;font-size: 16px;margin-top: 5px;font-weight: normal}

.swal2-content #imageGalleryDialog #image_uploader .droptarget {
  margin-top: 50px;
}

.swal2-content #imageGalleryDialog #image_uploader .droptarget.small {
  margin-top: 0px;
  width: 150px;
  padding: 10px;
  height: 150px;
  background: none;
  border: 1px solid #aaa;
  border-radius: 3px;
  max-width: 150px;
  max-height: 150px;
  margin: 5px;
}
.swal2-content #imageGalleryDialog #image_uploader .droptarget.small img{height: 60px;margin-top: 10px;margin-bottom: 10px;}
.swal2-content #imageGalleryDialog #image_uploader .droptarget.small .droptext{font-size: 12px;font-weight: normal;color: #777;line-height: 15px}
.swal2-content #imageGalleryDialog #image_uploader .droptarget.small .droptext b{font-size: 12px;}

.swal2-content #imageGalleryDialog #image_uploader .controlDrop .droptarget.small {
  border: 1px dashed #6c7d94;
}

.swal2-content #imageGalleryDialog #image_uploader .droptarget > .controlImg{
  border: solid 1px #ed292a;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.swal2-content #imageGalleryDialog #image_uploader .controls{width: 100%; display: inline-block;text-align:center;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;bottom: 0px;left: 0px;}
.swal2-content #imageGalleryDialog #image_uploader .controls .group{display: inline-block;height:40px;width: 100%}
.swal2-content #image_uploader .preview{opacity: 0.8;}

#image_uploader {
  position: relative;
}

.swal2-content #image_uploader .preview .image_preview .box-img{
  border: 1px solid #777;
  border-radius: 3px;
  overflow: hidden;
  width: 150px;
  height: 150px;
}

.swal2-content #image_uploader .preview .image_preview {
  background: none;
  width: 150px !important;
  height: 200px !important;
  max-width: 150px !important;
  max-height: 200px !important;
  margin: 5px;
  border: none;
}

.swal2-content #image_uploader .preview .image_preview .box-img img {
  width: auto;
  height: 100%;
  margin: 0;
  max-width: none;
  max-height: none;
}

.swal2-content #image_uploader .preview .image_preview .thumb-edit,
.swal2-content #image_uploader .preview .image_preview .thumb-delete {
  position: static;
  font-size: 18px;
  width: 20px;
  height: 20px;
  margin: 5px;
  color: #222222;
  background: none;
  border: none;
}

#image_uploader_cropper #image_uploader_cropper_toolbox .btn-group button.btn{float:left;margin:0px 5px;margin-bottom:4px;font-family: 'Open Sans', sans-serif;position: relative!important;padding: 6px 14px 6px;text-shadow: none;border-radius: 3px !important;display: inline-block;background: #f9472a;font-size: 13px;color: white;font-weight: 700;-webkit-box-shadow: 0 3px 0 0 #c23121;box-shadow: 0 3px 0 0 #c23121;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#image_uploader_cropper #image_uploader_cropper_toolbox .btn-group button.btn:hover{cursor: pointer;margin-bottom:0px;-webkit-box-shadow: 0 1px 0 0 #c23121;box-shadow: 0 1px 0 0 #c23121;margin-top: 4px;text-decoration: none;}
#image_uploader_cropper #image_uploader_cropper_toolbox .btn-group button.btn.btn-success{background: #1aaf5d;-webkit-box-shadow: 0 3px 0 0 #134a2a;box-shadow: 0 3px 0 0 #134a2a;}
#image_uploader_cropper #image_uploader_cropper_toolbox .btn-group button.btn.btn-success:hover{-webkit-box-shadow: 0 1px 0 0 #134a2a;box-shadow: 0 1px 0 0 #134a2a;}
#image_uploader_cropper #image_uploader_cropper_toolbox .btn-group button.btn.btn-warning{background: #f0ad4e;-webkit-box-shadow: 0 3px 0 0 #9f6d27;box-shadow: 0 3px 0 0 #9f6d27;}
#image_uploader_cropper #image_uploader_cropper_toolbox .btn-group button.btn.btn-warning:hover{-webkit-box-shadow: 0 1px 0 0 #9f6d27;box-shadow: 0 1px 0 0 #9f6d27;}


/* APPCENTER - BEGIN */
.appCenterList{margin-bottom:50px;width:100%;display:inline-block;float:left;}
.appCenterList h3{margin-top:0px;margin-top: 15px;}
.appCenterList .card-product .card-description{font-weight: 400;min-height:65px;overflow:hidden;display: -webkit-box;-webkit-line-clamp: 3;text-overflow: ellipsis;-webkit-box-orient: vertical;overflow: hidden;}
.appCenterList .card-product .card-image:hover,
.appCenterList .card-product:hover .card-image{cursor:pointer;opacity: 0.8;}
.appCenterList .card-product .card-image:hover{cursor:pointer;opacity:0.9;}
.appCenterList .card .card-footer{display: inline-block; width: 90%;position: absolute; bottom: 0px;left:0px;}
.appCenterList .card .card-footer .stats:hover{cursor:pointer;opacity:0.8}
.appCenterList .card .card-content {padding:15px;padding-bottom:30px}
.appCenterList .card .card-content .card-title{margin:10px 0px;}
.appCenterList .card .card-footer .app-unavailable{padding-top: 7px;padding-bottom: 7px;margin-bottom: 0;font-size: 12px;color: #aaa;}
.groupApps{width:100%;display:inline-block;float:left;}
.closePopupApp{position: absolute;top: -60px; right: 0px;color: black;font-size: 30px;opacity:0.7;}
.closePopupApp:hover{cursor:pointer;opacity:1;}
.closePopupApp i{font-size:30px;}


.slidepage{display:inline-block;width:100%;}
.slidepage.active{top:0px;}
.slidepage .left{width: 69%;float: left;display: inline-block;background:white;padding:  20px 30px;border-right:1px solid #ddd;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;padding-bottom: 50px;text-align:left;}
.slidepage .left h2{text-align:left;font-size:20px}
.slidepage .right{width: 28%;float: right;display: inline-block;background:white;padding: 20px;text-align:left;-webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box;}
.slidepage .left .name{font-size:24px;font-weight: bold;color: #555;margin-bottom: 30px;}
.slidepage .left .image{width: 100%; display: inline-block;text-align: center;margin-bottom: 30px;}
.slidepage .left .image img{max-width:100%;}
.slidepage .right .title{border-bottom:1px solid #ccc;padding-bottom:10px; font-size: 16px; font-weight: bold;margin-bottom: 10px;}
.slidepage .right .description{margin-bottom: 20px;text-transform: inherit;font-size: 14px;line-height: 22px;letter-spacing: 0px;font-weight: 400;}
.slidepage .left .description{font-size: 14px;line-height: 24px;}
.slidepage .right .price{font-weight: bold;font-size: 20px;width: 100%;display: inline-block;margin-bottom: 10px;}
.slidepage .right .links{text-align: center; width: 100%; display: inline-block;border-top:1px solid #eee;padding-top: 15px;-webkit-transform: translateZ (0);-moz-transform: translateZ (0);-ms-transform: translateZ (0);-o-transform: translateZ (0);transform: translateZ (0);}
.slidepage .left .description a{color: #0088cc;}
.slidepage .left .description img{max-width:100%}
.slidepage .left .description a:hover{cursor: pointer;}
.slidepage .left .description img {height:auto !important;}
/* APPCENTER - END */


/* IMPORT - BEGIN */
#importProducts .importList{padding-top:20px;}
#importProducts .importList .card-image a{width:100%;display: inline-block;height:180px;background-size:contain;float:left;background-position:center center;background-repeat:no-repeat;background-color:white;}
#importProducts .importList .card-title{width:100%;text-align:center;font-size: 18px;}
#importProducts .importList .card-title a{float: none;}
#importProducts .importList .card-description{display:inline-block;height:100px;overflow: hidden;width:100%}
#importProducts .importList .card-description a{display: inline-block;width:100%;margin-top:10px;}
#importProducts .importList .card-footer{text-align:center;height:48px;border-top: 1px solid #eeeeee;}
#importProducts .importList .card-footer input{position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;opacity: 0;cursor: pointer;}
.importProducts #products_form table tr td{max-width: 250px;overflow: hidden;width: 100%;text-align: left;text-overflow: ellipsis;white-space: nowrap;}
.importProducts #products_form table tr:last-child td{overflow:visible;}
/* IMPORT - END */


/* ORDERS - BEGIN */
#ordersPage .group{display:inline-block;max-width:100%;}
#ordersPage .group.inline{float:left;margin-left:20px;display:inline-block;font-size:14px;font-weight:400;color:#6c7d94;}
#ordersPage .group.inline span{margin-right:20px;color:#555;}
#ordersPage b.title{font-size:16px;color:#f9472a;}
#ordersPage .value{width:100%;margin-top:20px;color:#555;font-weight:500;}
#ordersPage .value .name{color:#555;display:inline-block;font-size:18px;}
#ordersPage .value span{display:inline-block;width:100%;margin-top:10px;}
#ordersPage .paymentStatus{background:#eee;padding:3px 16px; border-radius:5px;display:inline-block!important;width:auto!important;color:white;}
#ordersPage .paymentStatus.color_0{background:#BD362F;}
#ordersPage .paymentStatus.color_1{background:#5BB75B;}
#ordersPage .paymentStatus.color_2{background:#F89406;}
#ordersPage .totalList td{color: #6c7d94;font-size:14px;font-weight:400;border-bottom:none;}
#ordersPage .totalList .labelOrder{font-size:18px;font-weight:600;}
#ordersPage .totalList .totalOrder{font-size:20px;font-weight:600;}
#ordersPage .details{width:100%;display:inline-block;margin-top:10px;padding-bottom:50px;}
#ordersPage .details .title{color: #6c7d94;font-size: 20px;font-weight: 400;line-height: 26px;display:inline-block;width:100%;margin-top:30px;margin-bottom:5px;}
#ordersPage .details ul {padding:0px;margin:0px;}
#ordersPage .details ul li{padding:0px;margin:0px;width:100%;list-style:none;color: #6c7d94;font-size: 16px;font-weight: 300;line-height:26px;}
#ordersPage .details ul li a{float:right;color:#6c7d94;font-weight:500;font-size:14px;}
#ordersPage .details ul li a i{margin-right:10px;}
#ordersPage .details iframe{width:100%;}
#ordersPage .details .actionLink{padding:50px 0px 0px;}

#ordersPage .details .actionLink .group p{
  color: #6c7d94;
}

#ordersPage .details .actionLink .group {
  position: relative;
}

#ordersPage .details .actionLink .group.cttexpress {
  width: 100%;
  display: flex;
  flex-flow: wrap;
  justify-content: space-evenly;
}

#ordersPage .details .actionLink .data{overflow:visible;background:white;position:absolute;width:280px;padding:20px 25px;text-align:left;border-radius:10px;min-height:200px;z-index: 9;left:-50px;transform:translateX(-50%);bottom:70px;    -webkit-transform: translate3d(0, -20px, 0);-moz-transform: translate3d(0, -20px, 0);-o-transform: translate3d(0, -20px, 0);-ms-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);    -webkit-transition: all 150ms linear;-moz-transition: all 150ms linear;-o-transition: all 150ms linear;-ms-transition: all 150ms linear;transition: all 150ms linear;-webkit-transform: translate3d(0, -20px, 0);-moz-transform: translate3d(0, -20px, 0);-o-transform: translate3d(0, -20px, 0);-ms-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);opacity: 0;filter: alpha(opacity=0);visibility: hidden;display: block;box-shadow: 0px 0px 80px 0px rgba(114, 129, 151, 0.4);}
#ordersPage .details .actionLink .data:after{content: '';position: absolute;bottom: -22px;left:50%;transform:translateX(-50%);width: 20px;background: transparent;height: 20px;border-bottom: 11px solid transparent;border-right: 10px solid transparent;border-left: 10px solid transparent;border-top: 11px solid white;}
#ordersPage .details .actionLink .group:hover .data{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);    opacity: 1;visibility: visible;}
#ordersPage .details .actionLink .data .name{width:100%;text-align:left;font-size:18px;margin-bottom:0px;}
#ordersPage .details .actionLink .data .options{width:100%;display:inline-block;width:100%;padding-top:20px;}
#ordersPage .details .actionLink .data .options label{position:relative;display: block;position: relative;padding-left: 40px;margin-bottom:20px;text-align:left;color: #6c7d94;cursor: pointer;text-transform:capitalize;font-size: 16px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
#ordersPage .details .actionLink .data .options label input{position: absolute;opacity: 0;cursor: pointer;width:100%;top:0px;left:0px;margin-top:0px;}
#ordersPage .details .actionLink .data .options label .checkmark{position: absolute;top: 0;left: 0;height: 23px;width: 23px;background-color: transparent;border-radius: 50%;border:1px solid #6c7d94;}
#ordersPage .details .actionLink .data .options label .checkmark:after {content: "";position: absolute;display: none;top: 4px;left: 4px;width: 13px;height: 13px;border-radius: 50%;background: #f0261f;}
#ordersPage .details .actionLink .data .options label input:checked ~ .checkmark:after {display: block;}
#ordersPage .details .actionLink .data .options label input:checked ~ .checkmark{border:1px solid #f0261f;}
/* ORDERS - END */


/* INVOICE - BEGIN */
.form-horizontal .wrapperForm .row label label{font-size: 16px;margin-right: 5px;color: #3C4858;font-weight: 400;}
/* INVOICE - END */


/* STATISTICSHEADER - BEGIN */
#statisticsHeader {padding:15px 15px 0px 15px ;}
#statisticsHeader ul{padding:0px;margin:0px;}
#statisticsHeader ul li{float:left;background:white;margin-right:1.2%;box-shadow: 0 0 30px 0px rgba(114, 129, 151, 0.2);border-radius: 3px;list-style:none;min-width:200px;width:19%;height:130px;color:#6c7d94;position:relative;overflow:hidden;padding-right:10px;}
#statisticsHeader ul li:after{content:'';width:100%;display:inline-block;height:2px;background:#f9472a;bottom:-2px;opacity:0;left:0px;position:absolute;-webkit-transition: all 0.3s  ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s  ease-in-out;transition: all 0.3s  ease-in-out;}
#statisticsHeader ul li:last-child{margin-right:0px;}
#statisticsHeader ul li .key{margin-right: 20px;float: left;text-align: center; font-size: 30px;line-height:40px;font-weight: 300;padding:0px 0px 0px 20px;position: relative;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);-webkit-transition: all 0.3s  ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s  ease-in-out;transition: all 0.3s  ease-in-out;}
#statisticsHeader ul li .value{float: left;text-align: left;font-size: 20px;font-weight: 300;line-height: 22px;padding:0px 0px 0px 0px ;white-space: nowrap;position: relative;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);-webkit-transition: all 0.3s  ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s  ease-in-out;transition: all 0.3s  ease-in-out;}
/*#statisticsHeader ul li:hover:after{opacity:1;bottom:0px}*/
/*#statisticsHeader ul li:hover .key,
#statisticsHeader ul li.mostViewed:hover .key a,
#statisticsHeader ul li.mostOrders:hover .key a{color:#f9472a;}*/
/*#statisticsHeader ul li:hover .value{color:#777;}*/
#statisticsHeader ul li .preload{transform: scale(0.6);top: 0%;display: inline-block;width: 100%;position: relative;right: -15px;}
#statisticsHeader ul li.mostViewed .key,
#statisticsHeader ul li.mostOrders .key{font-size: 16px;max-width: 300px;line-height: 18px;font-weight: 600;float:none;text-align:left;}
#statisticsHeader ul li.mostViewed .key .name,
#statisticsHeader ul li.mostOrders .key .name{font-size: 20px;font-weight: 300;color: #6c7d94;text-overflow: ellipsis;overflow: hidden;text-align: left;width: 75%;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
#statisticsHeader ul li.mostViewed .key span,
#statisticsHeader ul li.mostOrders .key span{font-size: 24px;line-height: 24px;margin-top: 15px;display: inline-block;}
#statisticsHeader ul li.mostViewed .key a,
#statisticsHeader ul li.mostOrders .key a{color:#6c7d94;text-align: left;display:inline-block;margin-top:10px;    line-height: 20px;font-size: 16px;font-weight: 500;width:100%;display:inline-block;}
#statisticsHeader ul li.mostViewed .key a .name,
#statisticsHeader ul li.mostOrders .key a .name{font-size: 18px;line-height: 22px;font-size:18px;}
#statisticsHeader ul li.mostViewed .key .value,
#statisticsHeader ul li.mostOrders .key .value{width: 100%;display: inline-block;float: none;margin-top: 0px;font-size: 14px;margin-bottom: 0px;color: #6c7d94;font-weight:300;top:0px;transform:translateY(0);-webkit-transform:translateY(0);-o-transform:translateY(0);-moz-transform:translateY(0);    text-overflow: ellipsis;overflow: hidden;text-align: left;}
#statisticsHeader ul li.mostViewed .key .value label,
#statisticsHeader ul li.mostOrders .key .value label{font-size: 14px;color: #6c7d94;font-weight:300;margin-bottom:0px;}
#statisticsHeader ul li.mostViewed .image,
#statisticsHeader ul li.mostOrders .image{float:left;width:40px;margin-right:20px;}
#statisticsHeader ul li.mostViewed .image img,
#statisticsHeader ul li.mostOrders .image img{max-width:100%;}
/* STATISTICSHEADER - END */


/* FIXED BEADGRUMP - BEGIN*/
.block a, .block i {float: left;margin-top: 20px;}
.block a{margin-top: 22px;}
/* FIXED BEADGRUMP - END*/


/* SETUP GUIDE - BEGIN */
.setupGuide {padding:40px 15px;display: inline-block;width: 100%;position:relative;padding-bottom:0px;float:left;}
.setupGuide .data{width:65%;float:left;}
.setupGuide .preview{width:35%;float:right;position: fixed; right: 0px;margin-top:50px;}
.setupGuide .preview img{box-shadow: 0 0 30px 0px rgba(114, 129, 151, 0.2);max-width:80%;}
.setupGuide .data .title{font-size:30px;font-weight: 300;color: #728197;margin-bottom:70px;}
.setupGuide .data .blockContent{width:100%;padding-left:40px;display: inline-block;float:left;}
.setupGuide .data .blockContent .item{width:100%;display: flex;}
.setupGuide .data .blockContent .navigation{width:2px;display:inline-block;background:#e90f31;float: left;-webkit-transition: all 0.5s  ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s  ease-in-out;transition: all 0.5s  ease-in-out;}
.setupGuide .data .blockContent .navigation .pointer{width:14px;height:14px;border-radius:50%;transform: translateX(-50%);left: 50%;outline:3px solid white;position:relative;-webkit-transition: all 0.5s  ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s  ease-in-out;transition: all 0.5s  ease-in-out;}
.setupGuide .data .blockContent .navigation .pointer:after{content: '';left: -5px;top: -5px;width: 24px;height: 24px;border: 2px solid #e90f31;position: absolute;border-radius: 50%;-webkit-transition: all 0.5s  ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s  ease-in-out;transition: all 0.5s  ease-in-out;}
.setupGuide .data .blockContent .group{display:inline-block;float: left;padding-left:50px;max-width: 70%;margin-bottom:100px;}
.setupGuide .data .blockContent .group .step{font-size:28px;color:#9aa7bb;font-weight: 300;width:100%;margin-bottom:20px;margin-top:-5px;}
.setupGuide .data .blockContent .group .title{font-size:28px;line-height: normal;margin-bottom:20px;color:#9aa7bb;-webkit-transition: all 0.5s  ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s  ease-in-out;transition: all 0.5s  ease-in-out;}
.setupGuide .data .blockContent .group .dataForm{width:100%;display:inline-block;display:none;-webkit-transition: all 1s  ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s  ease-in-out;transition: all 1s  ease-in-out;}
.setupGuide .data .blockContent .group .dataForm .description{font-size:28px;color:#9aa7bb;font-weight: 300;line-height: normal;margin-bottom:44px;}
.setupGuide .data .blockContent .group .dataForm form{width:100%;display:inline-block;}
.setupGuide .data .blockContent .group .dataForm form .row{width:100%;display:inline-block;}
.setupGuide .data .blockContent .group .dataForm form .row .inputFile{box-shadow: 0 0 30px 0px rgba(114, 129, 151, 0.2);display:inline-block;width:auto;border-radius:30px;position:relative;}
.setupGuide .data .blockContent .group .dataForm form .row .inputFile label{width:300px;float:left;margin:0px;height:100%;display:inline-block;font-size: 16px;padding: 12px 20px;}
.setupGuide .data .blockContent .group .dataForm form .row .inputFile label input[type=file]{position: absolute;top:0px;width:100%;left:0px;opacity: 0;height:100%;}
.setupGuide .data .blockContent .group .dataForm form .row .inputFile label input[type=file]:hover{cursor:pointer;}
.setupGuide .data .blockContent .group .dataForm form .row .inputFile button{float:right;}
.setupGuide .data .blockContent .group .dataForm form .row .previewFile{width:300px;height:100px;margin-bottom:40px;border-radius:20px;border:1px dashed #6c7d94;padding:20px;border-top-left-radius:0px;}
.setupGuide .data .blockContent .group .dataForm form .row .previewFile img{position:relative;max-width:100%;top:50%;transform:translateY(-50%);}
.setupGuide .data .blockContent .group .dataForm form .row p{font-size: 12px;color: #9aa7bb;font-weight: 300;margin-bottom: 0px;}
.setupGuide .data .blockContent .group .dataForm form .wrapperForm{padding:0px;}
.setupGuide .data .blockContent .group .controls{width:100%;display: inline-block;margin-top:60px;font-size:26px;color:#e90f31;font-weight: 300;}
.setupGuide .data .blockContent .group .control {float:left;margin-right:40px;}
.setupGuide .data .blockContent .group .control span{float:left;margin:0px 20px 0px 0px;display:inline-block;}
.setupGuide .data .blockContent .group .control.prevStep span{margin:0px 0px 0px 20px;}
.setupGuide .data .blockContent .group .control i{float: left;}
.setupGuide .data .blockContent .group .control:hover{cursor:pointer;opacity:0.8;}

.setupGuide .data .blockContent .item.active ~ .item .navigation{background:#d7dce2;}
.setupGuide .data .blockContent .item.active ~ .item .navigation .pointer{outline:none;width:10px;height:10px;background:#9aa7bb!important;box-shadow:none!important;}
.setupGuide .data .blockContent .item.active ~ .item .navigation .pointer:after{display:none;}
.setupGuide .data .blockContent .group .step:hover,
.setupGuide .data .blockContent .group .title:hover{cursor:pointer;opacity:0.8;}
.setupGuide .data .blockContent .active .group .title{font-size:48px;}
.setupGuide .data .blockContent .active .group .dataForm{display:block;}

.setupGuide.facebook #facebook.preview{top:0px;}
.setupGuide.facebook #facebook.preview #facebook-box {height: 400px;color: #375995;padding: 10px 20px;width: 360px;border-radius:0px;margin: 0em auto 0;float:right;background-color: #fff;box-shadow: 0 0px 40px 0px rgba(114, 129, 151, 0.1)!important;margin-right:100px;font-weight:lighter;position:absolute;bottom:0px;}
.setupGuide.facebook #facebook.preview #facebook-box img{height: 80px;margin-bottom:10px;}
.setupGuide.facebook #facebook.preview #facebook-box .description{font-size: 28px;line-height: 36px;margin-left: 20px;display: inline-block;color: #375995;}
.setupGuide.facebook #facebook.preview #facebook-box .group{width:100%;display: inline-block; margin-top: -10px;}
.setupGuide.facebook #facebook.preview #facebook-box .group .plus{float:left;line-height: initial;font-size: 90px; margin-left:20px;margin-top:15px;}
.setupGuide.facebook #facebook.preview #facebook-box .group .value{float:left;line-height: initial;font-size: 120px; stroke:black;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #375995;}
.setupGuide.facebook #facebook.preview #facebook-box .group .percentage{float:left;line-height: initial;font-size:70px;margin-top:10px;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #375995;}
.setupGuide.facebook #facebook.preview #facebook-box img{box-shadow:none;}
.setupGuide.facebook .facebook-icons {position: absolute;top:0px;left:0px;box-shadow:none;width: 40px;height: 40px;}
.setupGuide.facebook .facebook-trans {margin-left:120px;margin-top:0px;height: 700px;}
/* SETUP GUIDE - END */


/* EDIT PAGE - BEGIN */
.sidebar-mini .headerEdit{width:calc(100% - 80px);}
.headerEdit{display: inline-block!important;position: fixed;top: 0px;right: 0px;width:calc(100% - 300px);height:72px;padding-top:10px;background:#252a39!important;}
.headerEdit .dashboard{display: flex;justify-content: space-between;margin-top: 3px;}
.headerEdit .menuTop{position: relative;width:80%;}
.headerEdit .menuTop ul{width:100%;}
.headerEdit ul {margin: 0px;padding: 0px;float: left;}
.headerEdit ul li{float:left;list-style:none;margin:0px 15px;border-radius:30px;white-space: nowrap;}
.headerEdit .more{padding: 4px 20px 20px;background: #394250;display: inline-block;font-size: 30px;color: white;border-radius: 30px;display:none;  position: absolute;top: 0px;right:10px;}
.headerEdit .more ul{display:inline-block!important;overflow: visible;background: white;position: absolute;width: 280px;padding:10px 0px;border-radius: 10px;z-index: 9;right:0px;transform: translateX(-50%);top: 45px;-webkit-transform: translate3d(0, -20px, 0);-moz-transform: translate3d(0, -20px, 0);-o-transform: translate3d(0, -20px, 0);-ms-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);-webkit-transition: all 150ms linear;-moz-transition: all 150ms linear;-o-transition: all 150ms linear;-ms-transition: all 150ms linear;transition: all 150ms linear;-webkit-transform: translate3d(0, -20px, 0);-moz-transform: translate3d(0, -20px, 0);-o-transform: translate3d(0, -20px, 0);-ms-transform: translate3d(0, -20px, 0);transform: translate3d(0, -20px, 0);opacity: 0;filter: alpha(opacity=0);visibility: hidden;display: block;box-shadow: 0px 0px 80px 0px rgba(114, 129, 151, 0.4);}
.headerEdit .more:hover ul{-webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);-ms-transform: translate-10d(0, 0, 0);transform: translate3d(0, 0, 0);opacity: 1;visibility: visible;}
.headerEdit .more:hover ul li{margin:0px;width:100%;}
.headerEdit .more:hover ul li a{color:#6d7681;}
.headerEdit .more:hover ul:after{content: '';position: absolute;top: -15px;right:10px;transform:translateX(-50%);width: 20px;background: transparent;height: 20px;border-bottom: 11px solid white;border-right: 10px solid transparent;border-left: 10px solid transparent;}
.headerEdit .more:hover{cursor:pointer;}
.headerEdit .more ul li{display:block!important;width:100%;}
.headerEdit .more ul li.active{background:transparent;}
.headerEdit ul li.active{background:#646874;}
.headerEdit ul li a {font-size: 17px;font-weight: 400;white-space: nowrap;padding: 12px 15px;color:white;display: inline-block;width:100%;}

.headerEdit ul:last-child {
  float: right;
  display: flex;
  margin-left: auto;
}
/* EDIT PAGE - END */

/* SHIPPINGS - BEGIN */
#deliveryCarrierContent img{width: auto;float: right;margin-top: -15px;margin-bottom: -50px;}
#deliveryCarrierContent .row{padding-bottom: 50px;border-bottom: 1px solid #eee;}
.expandCarries .col-md-6{height: 60px;margin-bottom: 15px;}
.expandCarries .col-md-12{margin-bottom: 15px;}
/* SHIPPINGS - END */

/*FIXED SOCIAL NETWORKS INPUT WHIT INPUT-GROUP-ADDON - BEGIN*/
.form-horizontal .wrapperForm .row .form-group.label-floating label.addon-fixed-bug,
.form-horizontal .wrapperForm .row .form-group.label-placeholder label.addon-fixed-bug{
  left: 52px;
  top: -5px;
}
.input-file{
  height: 100%;
  width: 100%;
  margin-top: -20px;
  cursor: pointer;
}
.thumbnail-feature{
  cursor: pointer;
  max-height: 75px;
  max-width: 75px;
  margin-bottom: 0px!important;
}
#shippings_form .boxHidden .tableList .pagination-group .resultsQnt{display:none;}
/*FIXED SOCIAL NETWORKS INPUT WHIT INPUT-GROUP-ADDON - END*/


/* BAGS - BEGIN */
.partialBags{padding-bottom:200px;}
.partialBags .paymentOptions {display: inline-block;background: white;padding: 20px 0px;border: 1px solid #ccc;position: relative;width:100%;}
.partialBags .paymentOptions .title {text-align: left;font-weight: 700;position: absolute;top: -21px;left: 0px;white-space: nowrap;color: #6c7d94;}
.partialBags .paymentOptions label {float: left;display: inline-block;padding: 0px 20px;margin: 0px;border-right: 1px solid #ccc;}
.partialBags .paymentOptions label img {float: left;display: inline-block;max-height:30px;width:auto;}
.partialBags .paymentOptions label:last-child{border-right:none;}
.partialBags .paymentOptions label .text {display: inline-block;padding: 7px 13px;padding-right: 0px;}
.partialBags .paymentOptions label .text input {margin: 0px;margin-top: 2px;margin-right: 5px;float: left;}
.partialBags .paymentOptions label .text span{font-size:14px;}
.partialBags .actionbutton{margin: 0px;text-align: right;margin-bottom: -150px!important;float: right;margin-top:30px;}
.partialBags .item .sub-title{text-transform:uppercase;margin-bottom:10px;display: inline-block;}
.partialBags .item img{width:auto;}
/* BAGS - END */


/* PRODUCTS IMPORT - BEGIN */
.scrollTable{width:100%;overflow:scroll;}
.importProducts .actionbutton{position: absolute;bottom: -65px;right: 0px;}
/* PRODUCTS IMPORT - END */


/* PLANS - BEGIN */
.plansList .titleSection{width: 100%;text-align:center;padding:50px 0px;font-size:32px;font-weight:300;color:#6c7c94;}

.plans-products .category-plan{display: inline-block;width:100%;position: relative;margin-left: 0px;margin-bottom: 20px;}
.plansList .card{background: transparent;box-shadow: none;}
.plansList .plans_list{width: 100%;display: inline-block;margin:60px 0px 80px 0px;padding:0px;}
.plansList .plans_list li{width: 33.333%;float: left;padding-bottom: 50px;border-radius:10px;text-align: center;list-style: none;}
.plansList .plans_list li h2{margin:0px;padding-top: 20px;color: #6D7D93;font-weight: 200;margin-bottom: 20px;font-size: 30px;text-transform: uppercase;}
.plansList .plans_list li h1{margin-bottom:30px;}
.plansList .plans_list li .icon-plan{width:100%;text-align: center;height: 60px;position: relative;margin-top: 20px;}
.plansList .plans_list li .icon-plan img{position: relative;top: 50%;transform: translateY(-50%);}
.plansList .plans_list li h1 .group{display: inline-block;}
.plansList .plans_list li h1 .group .value{float: left;font-size:56px;color: #6D7D93;font-weight: 200;}
.plansList .plans_list li h1 .price_description{width: 100%;display: inline-block;top: -20px;position: relative;font-size: 24px;float: left;line-height: 20px;color: #6D7D93;font-weight: 200;}
.plansList .plans_list li .annualPrice {font-size: 14px;text-align: center;width: 100%;font-weight: 400;padding: 0px 20%;margin-top: -10px;float: left;color: #6D7D93;font-weight: 200;min-height:65px;}
.plansList .plans_list li .descriptionPlan{    font-size: 16px;text-align: center;line-height: 24px;width: 100%;font-weight: 600;padding: 0px 10%;color: #6D7D93;margin-top: 30px;float: left;min-height: 140px;padding-bottom:20px;}
.plansList .plans_list li .descriptionPlan b{font-weight: 700;}
.plansList .plans_list li .action{width: 100%;text-align: center;}
.plansList .plans_list li .action .button{text-align: center;border:2px solid #f73708;border-radius:7px;display: inline-block;padding: 12px 30px;font-size: 15px;font-weight: 700;color: #f73708;-webkit-box-shadow:  0px 0px 10px #f73708, inset 0 0 10px #f73708;-moz-box-shadow: 10px 10px 10px #f73708, inset 0 0 10px #f73708;-o-box-shadow: 10px 10px 10px #f73708, inset 0 0 10px #f73708;box-shadow: 0px 0px 15px rgba(247, 55, 8, 0.2), inset 0 0 15px rgba(247, 55, 8, 0.2);}
.plansList .plans_list li .action .button:hover{cursor:pointer;opacity: 0.8;}
.plansList .plans_list li:nth-child(2){box-shadow: 0px 50px 100px 0px rgba(109, 125,147,0.2);background: white;}
.plans_list .descriptionPlan ul{padding-left:0px;}
.plans_list .descriptionPlan li{width: 100%;padding: 10px 0px;border-bottom: 1px solid #eee;border-radius: 0px;box-shadow:none!important;}
.plans_list .descriptionPlan li:last-child{border-bottom:0px;}

.plansList .headerSection{width: 100%;display: inline-block;margin:50px 0px;margin-bottom:0px;font-weight: 600;}
.plansList .headerSection h2{float: left;   margin:0px;font-size: 23px;color: #ED292A;padding:0px;padding-left: 70px;font-weight: 600;width: auto;}
.plansList .headerSection .features-plans{float: left;padding: 0px;text-align: center;width: 190px; font-size: 18px;color: #ED292A;text-transform: uppercase;font-weight: 600;}
.plansList .headerSection .features-plans img{height: 22px;width: auto;}
.plansList .headerSection .group{float: right;}

.plansList .table {height: auto;margin-bottom: 30px;box-shadow: 0px 30px 50px 0px rgba(109, 125,147,0.2);}
.plansList .table h3{font-family: 'Titillium Web', sans-serif;font-weight: 400;padding: 25px 70px;}
.plansList .table .headerTable{width: 100%;display: inline-block;border-bottom:1px solid rgba(0,0,0,0.1);}
.plansList .table .headerTable .name{width: 100%;display: inline-block;color:#47576e;padding: 30px 70px;font-weight: 600;font-size: 24px;text-transform: uppercase;}
.plansList .table .group{width: 100%;display: inline-block;}
.plansList .table .group h3{width: 48%;float:left;}
.plansList .table .group .features{width: 190px;float:left;padding: 25px 0px;}
.plansList .table .group .data{float: right;}
.plansList .specs {width:100%;display: inline-block;}
.plansList .specs > ul{padding: 0px;}
.plansList .specs > ul > li{width:100%;display: inline-block;margin-bottom: 30px;box-shadow: 0px 30px 50px 0px rgba(109, 125,147,0.2);background-color: white;position: relative;}
.plansList .specs > ul > li > strong,
.plansList .specs > ul > li > b{width:100%;display: inline-block;color: #47576e;padding: 30px 70px;font-weight: 600;font-size: 24px;text-align:left;text-transform: uppercase;border-bottom: 1px solid rgba(0,0,0,0.1);position: relative;z-index: 9;}
.plansList .specs > ul > li > ul{width:100%;display: inline-block;padding: 0px;}
.plansList .specs > ul > li > ul > li{width: 100%;display: inline-block;padding: 25px 0px 25px 70px;}
.plansList .specs > ul > li > ul > li > strong,
.plansList .specs > ul > li > ul > li > b{float:left;font-weight: 400;float: left; color: #48576D;font-size: 20px;}
.plansList .specs > ul > li > ul > li > strong img{float: left;margin-right: 5px;}
.plansList .specs > ul > li > ul > li > strong img:hover{cursor: pointer;opacity: 0.8;}
.plansList .specs > ul > li > ul > li > ul{float:right;}
.plansList .specs > ul > li > ul > li > ul > li {width:190px;float: left;text-align: center;list-style: none;}
.plansList .specs > ul > li .expand{position: absolute;top: 30px;right: 0px;color: #47576e;font-size: 34px;width: 190px;text-align: center; -webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.plansList .specs > ul > li .expand.up{-ms-transform: rotate(180deg);-webkit-transform: rotate(180deg);transform: rotate(180deg);}
.plansList .specs > ul > li > strong:hover,
.plansList .specs > ul > li > b:hover{cursor: pointer;opacity: 0.8;}
.plansList .specs > ul > li > strong img{float: left;}
.plansList .plans-products{text-transform: uppercase;}
.plansList .plans-products h2 {font-weight: 300;color: #47576e;font-size: 34px;padding-top: 30px;;text-align: center;padding: 0px}
.plansList .plans-products h4{ font-weight: normal;font-style: normal;color: #6D7D93;margin-bottom: .5rem;line-height: 1.2;}


.preview-plans {opacity:0;position: fixed;right: -600px;top: 50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);z-index: 9999;border-radius: 5px;background: white;box-shadow: 0px 0px 80px 0px rgba(114, 129, 151, 0.4);width: 550px;overflow: hidden;padding: 30px 30px;-webkit-transition: all 0.4s  ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s  ease-in-out;transition: all 0.4s  ease-in-out;}
.preview-plans .close{position:absolute;top:20px;right:20px;color:#7b8ba8;}
.preview-plans .close i{font-size:20px;}
.preview-plans .header {margin-bottom:15px;padding-top:10px;}
.preview-plans .header .group{width:100%;display:inline-block;}
.preview-plans .header .group .title{float: left;font-size:26px;color:#6d7d94;font-weight:300;margin-top:0px;width:100%;display:inline-block;text-align:left;}
.preview-plans .header .group .subtitle{float: left;font-size:14px;color:#6d7d94;font-weight:300;margin-bottom:10px;margin-top:5px;width:100%;display:inline-block;text-align:left;}
.preview-plans .footer{padding:10px 0px 10px 20px;}
.preview-plans.active {display:block;right: 50px;opacity:1;}
.preview-plans .option ul{padding:0px;margin:0px;}
.preview-plans .option ul li{position:relative;margin: 0px;list-style: none;width: 40%;float: left;margin: 0px 4%;margin-bottom: 7%;border: 1px solid #d1d5da;border-radius: 8px;text-align: left;height: 160px;padding: 25px 15px 0px;}
.preview-plans .option ul li .title{font-size: 20px;color: #6d7d94;display: inline-block;width: 100%;font-weight: 300;}
.preview-plans .option ul li .price{font-size: 30px;color: #6d7d94;font-weight: 500;margin-top: 20px;}
.preview-plans .option ul li .description{display: inline-block;color: #f0261f;font-weight: 300;font-size: 15px;margin-top: 10px;font-style:italic;}
.preview-plans .footer .button{text-transform:uppercase;font-weight:400;width:60%;padding: 16px 20px;}
.preview-plans .footer .description{font-size: 16px;color: #6d7d94;display: inline-block;width: 100%;font-weight: 300;}
.preview-plans .footer .cancel{text-transform: lowercase;color: #6d7d94;font-size: 18px;font-weight: 500;margin-top: 10px;}
.preview-plans .footer .cancel:hover{cursor:pointer;opacity:0.8;}
.preview-plans .option ul li:hover{cursor:pointer;opacity:0.9;}
.preview-plans .option ul li.active{border:1px solid  #f0261f;box-shadow: 0 0 30px 0px rgba(114, 129, 151, 0.2);}
/* PLANS - END */

.header-codemirror .btn-group, .btn-group-vertical{
  margin: 0!important;
}
.header-codemirror {
  padding-bottom: 0px !important;
}

.header-codemirror .btn-codeMirror{
    color:#818181;
    background: #ebebeb;
    box-shadow: 0 3px 0 0 #c3c3c3;
    -webkit-box-shadow: 0 3px 0 0 #c3c3c3;
    text-transform:initial;
}

.header-codemirror #theme-codemirror::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}
/* CUSTOMER - BEGIN */
#extraAddress .extraAddressIndividual{margin-bottom:50px;}
.importCustomers #customers_form table tr td {overflow: hidden;text-align: left;text-overflow: ellipsis;white-space: nowrap;}
.importCustomers .actionbutton{position: absolute;bottom: -65px;right: 0px;}
.importCustomers #customers_form table tr:last-child td{overflow:visible;}
.dataCustomer{padding-bottom:100px!important;}
.dataCustomer .title{color:#6c7d94;font-size: 20px;font-weight: 400;line-height: 26px;margin-bottom:40px;}
.dataCustomer .progressRadial{position: relative;}
.dataCustomer .progressRadial .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);font-size:28px;color:#e80f30;}
.dataCustomer .progressRadial .value{position: absolute;bottom:10px;left: 160px;font-size: 26px;font-weight: 300;color:#e80f30;}
.progressCircle {width: 180px;height: 180px;display: inline-block;position: relative;}
.progressCircle .progressbar-text .percent{font-size: 25px;}
.progressCircle .progressbar-text{font-size: 4em;font-weight: 300;color: #a3afc0!important;}
.progressCircle path {stroke-linecap: round;}

#customer .avatar{text-align:center;}
#customer .avatar .avatar-preview{background:#dbe3e9;width:100px;height:100px;border-radius:50%;display:inline-block;cursor: pointer}
#customer .details{width:100%;display:inline-block;margin-top:10px;}
#customer .details .title{color: #6c7d94;font-size: 20px;font-weight:400;line-height: 26px;display:inline-block;width:100%;margin-top:30px;margin-bottom:5px;}
#customer .details ul {padding:0px;margin:0px;}
#customer .details ul li{padding:0px;margin:0px;width:100%;list-style:none;color: #6c7d94;font-size: 16px;font-weight: 300;line-height:26px;}
#customer .details ul li a{float:left;color:#6c7d94;font-weight:500;font-size:14px;margin-right:20px;}
#customer .details ul li a i{margin-right:10px;}
.subTitleData{color: #6c7d94;font-size: 20px;font-weight: 400;} 
/* CUSTOMER - END */



/* SETUPGUIDE - BEGIN */
.pageSetupGuide {
  width: 100%;
  padding: 20px;
}

.pageSetupGuide .title {
  font-size: 32px;
  font-weight: 300;
  color: #728197;
  margin: 20px 0px;
}

.pageSetupGuide div.listTask {
  margin-top: 30px;
  display: inline-block;
  width: 100%;
}

.pageSetupGuide div.listTask div.card-progress {
  display: inline-block;
  text-align: center;
  margin: 20px auto;
}

.pageSetupGuide div.listTask div.card-progress .group {
  background: white;
  border-radius: 5px;
  box-shadow: 0px 5px 20px 0px rgba(114, 129, 151, 0.1);
  display: inline-block;
  width: 100%;
  position: relative;
}

.pageSetupGuide div.listTask div.card-progress .group .group-card .name {
  font-size: 24px;
  width: 100%;
  text-align: center;
  font-weight: 300;
  color: #728197;
  margin: 25px 0px 0px;
}

.pageSetupGuide div.listTask div.card-progress .group .group-card .status {
  font-weight: 400;
  color: #728197;
  font-size: 14px;
}

.pageSetupGuide div.listTask div.card-progress .group .group-card .progressRadial {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 0px;
}

.pageSetupGuide div.listTask div.card-progress .group .group-card .progressRadial .circlexpto {
  width: 170px;
  height: 170px;
  display: inline-block;
}

.pageSetupGuide div.listTask div.card-progress .group .group-card .progressRadial .circlexpto svg {
  padding: 10px;
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.pageSetupGuide div.listTask div.card-progress .group .group-hover{
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 86%;
  border-radius: 5px;
  width: 100%;
  color: #fff;
  font-weight: 300;
  text-align: left;
  padding: 30px 25px;
}

.pageSetupGuide div.listTask div.card-progress .group .group-hover .text{
  font-size: 18px;font-weight:300;line-height:24px;
}

.pageSetupGuide div.listTask div.card-progress .group .group-hover .tittle{
  margin-top:0px;
  font-weight: 300;
}


.pageSetupGuide div.listTask div.card-progress .group:hover .group-hover{
  display: inline-block;
}


.pageSetupGuide div.listTask div.card-progress .group .progressRadial .circlexpto .progressbar-text .percent{
  font-size: 25px;
}
.pageSetupGuide div.listTask div.card-progress .group .progressRadial .circlexpto .progressbar-text i{
  color:#e51736;
}

.pageSetupGuide div.listTask div.card-progress .group .progressRadial .circlexpto .progressbar-text{
  font-size: 4em;
  left: 51%!important;
  top: 53%!important;
  font-weight: 300;
  color: #a3afc0!important;
}

.pageSetupGuide div.listTask div.card-progress .group .progressRadial .circlexpto path {
  stroke-linecap: round;
}

.pageSetupGuide div.listTask div.card-progress .group .action {
  margin-top: 15px;
}

.pageSetupGuide div.listTask div.card-progress .group .action .btn {
  margin: 0px;
  margin-bottom: -20px;
  padding: 12px 50px;
  text-transform: initial;
  font-size: 15px;
}

.btn.btn-start {
  background-color: #dbe3e8;
  color: #48576d;
}
/* SETUPGUIDE - END */


/* TEMPLATE - BEGIN */
.pageTemplate{width:100%;}
.pageTemplate .list{padding:20px 0px 20px 20px;display:inline-block;}
.pageTemplate .list .nav li {float: left;padding:0px;}
.pageTemplate .list .nav li a{font-size:20px;font-weight:300;border-radius:20px;margin: 0px 20px;color:#6c7c94;padding:9px 22px;height:40px;width: 100%; text-align: center;}
.pageTemplate .list .nav li a:hover{cursor:pointer;}
.pageTemplate .list .nav li.active a{background:#d9e2e7;}
.pageTemplate .scrollHorizontal{position:relative;z-index: 1;}
.pageTemplate .scrollHorizontal .scrollClick{position: absolute;top: 0px;width: 200px;height: 100%;z-index: 9;}
.pageTemplate .scrollHorizontal .scrollClick:hover{cursor:pointer;}
.pageTemplate .scrollHorizontal .scrollClick.left{left: 0px;}
.pageTemplate .scrollHorizontal .scrollClick.right{right: 0px;}

.template .grid-template{padding:0px;overflow-x: scroll;overflow-y: hidden;display: flex;flex-direction: column;flex-wrap: wrap;height: 650px;white-space: nowrap;padding:20px;}
.template .grid-template::-webkit-scrollbar {display: none;}
.template .grid-template .card{margin:40px 30px 0px 0px;border-radius:5px;float:left;box-shadow: 0px 5px 20px 0px rgba(114, 129, 151, 0.2);max-width: 230px;min-width: 230px;height: 230px;background: white;overflow: hidden; z-index: 10}
.template .grid-template .card .highlight .label_text{font-size: 16px;left: 12px;top: 10px;position: absolute;color: white;text-transform: lowercase;font-weight: 400;z-index: 9;}
.template .grid-template .card .highlight .label_shape{top: -100px;left: -90px;width: 160px;height: 160px; background-color: #39475C;color: #fff;position: absolute;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-40deg);-ms-transform: rotate(-40deg);z-index: 9;}
.template .grid-template .card .card-img{cursor: pointer;max-height: 180px;overflow: hidden;position: relative;}
.template .grid-template .card .card-img .image{position:relative;max-height:180px;}
.template .grid-template .card .card-img .image .shadow{position:absolute;top:0px;left:0px;width:100%;height:100%;background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%);background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#00000000',GradientType=0 );}
.template .grid-template .card .card-img .card-hover .item{width:50%;float:left;text-align:center;color:white;top: 50%;position: relative;transform: translateY(-50%);}
.template .grid-template .card .card-img .card-hover .item a{color:white}
.template .grid-template .card .card-img .card-hover .item .icon{width: 65px;height: 65px;border-radius: 50px;border: #fff solid 2px;display:inline-block;font-size: 20px;cursor: pointer;padding-top:20px;}
.template .grid-template .card .card-img .card-hover .item .icon span{font-size:22px;}
.template .grid-template .card .card-img .card-hover .item .text{width:100%;text-align:center;font-size:14px;text-transform:lowercase;margin-top:5px;}
.template .grid-template .card .footer {color: #8895a7;padding: 15px 10px;}
.template .grid-template .card .footer .group{width:100%;display:inline-block;}
.template .grid-template .card .footer .like {float: left;}
.template .grid-template .card .footer .like i{font-size:18px;color:#6d7d94;}

.preview-template .header .group .like i.fas,
.template .grid-template .card .footer .like i.fas {
  color: #e51736;
}

.template .grid-template .card .footer .title {margin-left: 15px;float:left;font-size: 15px;color: #6d7d94;font-weight:400;text-transform: capitalize;}
.template .grid-template .card .footer .price {float:right;font-size: 15px;font-weight: 400;}
.template .grid-template .card .card-img .card-hover{opacity:0; -webkit-transition: all 0.5s  ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s  ease-in-out;transition: all 0.5s  ease-in-out;position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: -moz-linear-gradient(left, rgba(229,23,54,0.9) 0%, rgba(246,61,28,0.9) 100%);background: -webkit-linear-gradient(left, rgba(229,23,54,0.9) 0%,rgba(246,61,28,0.9) 100%);background: linear-gradient(to right, rgba(229,23,54,0.9) 0%,rgba(246,61,28,0.9) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cce51736', endColorstr='#ccf63d1c',GradientType=1 ); }
.template .grid-template .card .card-img:hover .card-hover{opacity:1;}
.template .grid-template .card .footer .price .active_in_store i{font-size:18px;}
.template .grid-template .card .footer .price .active_in_store span{font-size: 16px;font-weight: 400;margin-left:5px;}

.template .grid-template .card.card-highlight {margin: 0px 60px 0px 30px;max-width:500px;min-width:500px;min-height:600px;max-height:600px;}
.template .grid-template .card:nth-child(1) {margin-left:0px;}
.template .grid-template .card.card-highlight .highlight .label_shape{top: -120px;left: -135px;width: 260px;height: 240px;}
.template .grid-template .card.card-highlight .highlight .label_text{top: 30px;left: 30px;font-size: 24px;}
.template .grid-template .card.card-highlight .card-img {max-height: 520px;min-height: 520px;}
.template .grid-template .card.card-highlight .card-img .image{max-height:520px;}
.template .grid-template .card.card-highlight .footer{width:100%;display:inline-block;padding:30px 30px;}
.template .grid-template .card.card-highlight .footer div{float:left;}
.template .grid-template .card.card-highlight .footer .price{float:right;font-size:22px;color:#6d7d94;font-weight:400;}
.template .grid-template .card.card-highlight .footer .like{margin-right:20px;}
.template .grid-template .card.card-highlight .footer .like i{font-size:22px;}
.template .grid-template .card.card-highlight .footer .title{font-size:22px;color:#6d7d94;font-weight:400;}

.template .pagination {width:100%;display: inline-block;text-align:center;margin:50px 0px;}
.template .pagination .group{display:inline-block;}
.template .pagination .group .arrow {padding:4px 12px;color:white;float:left;margin:0px 10px;}
.template .pagination .group .arrow:hover{cursor:pointer;}
.template .pagination .group .arrow.left {border-top-left-radius:20px;border-bottom-left-radius:20px;}
.template .pagination .group .arrow.right {border-top-right-radius:20px;border-bottom-right-radius:20px;}
.template .pagination ul {margin:0px;padding:0px;display:inline-block;float:left;}
.template .pagination ul li {list-style:none;margin:0px;padding:0px;float:left;margin:0px 10px;color:#6d7d94;}
.template .pagination ul li:hover{cursor:pointer;}
.template .pagination ul li .number{display:none;font-size:18px;margin-top:2px;}
.template .pagination ul li:last-child .number{display:block;}
.template .pagination ul li:last-child .dot{display:none;}
.template .pagination ul li .dot {line-height:7px;margin-top:10px;}
.template .pagination ul li .dot i{font-size:7px;}
.template .pagination ul li.active{color:#e51736;}
.template .pagination ul li.active .number{display: block;}
.template .pagination ul li.active .dot{margin-top:3px;display:block;}

.preview-template {top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);opacity:0;position: fixed;right: -600px;z-index: 999;border-radius: 5px;background: white;box-shadow: 0px 0px 80px 0px rgba(114, 129, 151, 0.4);width: 500px;padding: 10px;-webkit-transition: all 0.4s  ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s  ease-in-out;transition: all 0.4s  ease-in-out;}
.preview-template .close{position:absolute;top:20px;right:20px;color:#7b8ba8; z-index: 99999}
.preview-template .close i{font-size:20px;}
.preview-template .header {margin-bottom:15px;padding-top:10px;}
.preview-template .header .group{width:100%;display:inline-block;}
.preview-template .header .group .like{float: left;margin-right:20px;}
.preview-template .header .group .like i{font-size:22px;    color: #6d7d94;}
.preview-template .header .group .title{float: left;font-size:24px;color:#6d7d94;font-weight:300;margin-top:0px;}
.preview-template .footer{padding:10px 0px 10px 20px;}
.preview-template .footer .price{float:left;font-size: 22px;color: #6d7d94;font-weight: 400;}
.preview-template .footer .price div.select select,
.preview-template .footer .price div.select select option{
  color: #6d7d94;
}
.preview-template .footer .btn{float:right;}


.preview-template .image{max-height:450px;overflow:scroll;}
.preview-template .image img{width:100%;}
.preview-template.active {display:block;right: 50px;opacity:1;}


.template .grid-template .card .card-img > img {
    width: 100%;
}


.template .grid-template .card .footer a.like {
    cursor: pointer;
    display: block;
    text-decoration: none;
}

.template .grid-template .card-highlight .highlight span {
    margin-bottom: 25px;
}

.template .grid-template .card .footer a.like svg[data-prefix="far"]{
    color: #8895a7;
}

.template .grid-template .card .footer a.like svg[data-prefix="fas"] {
    color: #ee2b27;
}



.template .grid-template .card.card-highlight .card-img .card-hover {
    padding: 100px;
}

.template .grid-template .card .card-img .card-hover span {
    margin: auto;
}

.template .nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover {
    box-shadow: none;
}
/* TEMPLATE - END */

.form-horizontal .wrapperForm.form-taxes .row input,
.form-horizontal .wrapperForm.form-taxes .row button span.filter-option{
  font-size: 15px;
  padding-bottom: 0px !important;

}

.form-horizontal .wrapperForm.form-taxes .row .table-taxes .form-control{
  font-size: 15px;
}


/* PROGRESS AREA TASK - BEGIN */
.navbar-nav .dropdown{height:52px;}
.navbar-nav .dropdown .dropdown-menu { box-shadow: 0px 0px 80px 0px rgba(114, 129, 151, 0.4);}
.navbar-nav .dropdown .dropdown-menu:after{ content: '';position: absolute;top: -20px;right: 25px!important;width: 20px;background: transparent;height: 20px;border-bottom: 11px solid white;border-right: 10px solid transparent;border-left: 10px solid transparent;}
.navbar-nav .dropdown .task_progress .group{width:280px;padding:20px 20px;text-align:center;}
.navbar-nav .dropdown .task_progress .name{font-size: 28px;width: 100%;text-align: center;font-weight: 300;color: #728197;margin:0px 0px 0px;}
.navbar-nav .dropdown .task_progress .progressRadial{text-align: center;margin-top: 10px;margin-bottom: 0px;}
.navbar-nav .dropdown .task_progress .progressRadial .circlexpto {width: 170px;height: 170px;display: inline-block;position: relative;}
.navbar-nav .dropdown .task_progress .progressRadial .circlexpto svg {padding: 10px;-moz-transform: scale(-1, 1);-webkit-transform: scale(-1, 1);-o-transform: scale(-1, 1);-ms-transform: scale(-1, 1);transform: scale(-1, 1);}
.navbar-nav .dropdown .task_progress .progressRadial .circlexpto .progressbar-text .percent{font-size: 25px;}
.navbar-nav .dropdown .task_progress .progressRadial .circlexpto .progressbar-text{font-size: 4em;font-weight: 300;color: #a3afc0!important;}
.navbar-nav .dropdown .task_progress .progressRadial .circlexpto path {stroke-linecap: round;}
.navbar-nav .dropdown .task_progress .status{width:100%;margin-top:20px;margin-bottom:15px;}
.navbar-nav .dropdown .task_progress .status ul{display:inline-block;padding:0px;margin:0px;}
.navbar-nav .dropdown .task_progress .status ul li{float: left;margin:0px;padding:0px;list-style:none;width: 80px;display: inline-block;}
.navbar-nav .dropdown .task_progress .status ul li .value{font-size:38px;font-weight:300;width:100%;display:inline-block;margin-bottom:5px;}
.navbar-nav .dropdown .task_progress .status ul li .key{font-size:11px;text-transform:uppercase;font-weight:400;}
.navbar-nav .dropdown .task_progress .action .btn{padding: 12px 40px;}
/* PROGRESS AREA TASK - END */




.header-codemirror #theme-codemirror{
    max-height: 250px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.header-codemirror #theme-codemirror::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
}


/* WELCOME DASHBOARD - BEGIN */
.welcome_dashboard {width: 100%;display: inline-block;height: 100vh;overflow: hidden;}
.welcome_dashboard .header{text-align:left;padding:20px 10%;width:100%;}
.welcome_dashboard .wrapper{width:100%;text-align:center;}
.welcome_dashboard .chat{width:60%;text-align:left;margin-top:70px;display:inline-block;padding-bottom:200px;}
.welcome_dashboard ul {padding:0px;}
.welcome_dashboard ul li {margin:0px;padding:0px;list-style:none;width:100%;display: inline-block;margin-bottom:30px;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;opacity:0;}
.welcome_dashboard ul li.active {opacity:1;}
.welcome_dashboard ul li .group{display:inline-block}
.welcome_dashboard ul li .user{width:42px;height:42px;display:inline-block;border-radius:50%;float: left;margin-right:20px;text-align:center;padding-top:11px;}
.welcome_dashboard ul li .user img{width:20px;}
.welcome_dashboard ul li .ask{float:left;padding:20px 25px;font-size:25px;color:white;font-weight:300;border-radius:20px;border-bottom-left-radius:0px;max-width:80%;line-height: 30px;}

.welcome_dashboard ul li.customer {text-align:right;}
.welcome_dashboard ul li.customer .user{background:#48576e;color:white;margin-right:0px;margin-left:20px;font-size:22px;font-weight:300;}
.welcome_dashboard ul li.customer .ask{text-align:right;background:#eef2f4;color:#48576e;padding:20px 25px;font-size: 25px;font-weight: 300;border-radius: 20px;border-bottom-right-radius: 0px;line-height: 30px;display:inline-flex;}

.welcome_dashboard ul li .spinner {margin: 0;width: 36px;text-align: center;}
.welcome_dashboard ul li .spinner > div {width: 10px;margin-right:2px;height: 10px;background:white;border-radius: 100%;display: inline-block;-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;animation: sk-bouncedelay 1.4s infinite ease-in-out both;}
.welcome_dashboard ul li .spinner .bounce1 {-webkit-animation-delay: -0.32s;animation-delay: -0.32s;}
.welcome_dashboard ul li .spinner .bounce2 {-webkit-animation-delay: -0.16s;animation-delay: -0.16s;}
@-webkit-keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0)
  }
  40% {
    -webkit-transform: scale(1.0)
  }
}

@keyframes sk-bouncedelay {
  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}

.welcome_dashboard ul li .answer{margin-left:62px;}
.welcome_dashboard ul li .answer .name{font-size:20px;font-weight:300;color:#48576e;margin-bottom:20px;}
.welcome_dashboard ul li .answer .listOption{width:80%;display: inline-block;}
.welcome_dashboard ul li .answer .listOption .item{min-width:180px;min-height:65px;display: inline-block;margin-right:30px;border:1px solid #48576e;padding:16px 30px 12px;text-align:center;margin-bottom:30px;float: left;border-radius:15px;}
.welcome_dashboard ul li .answer .listOption .item .icon{height:45px;display:inline-block;width:100%;margin-top:50px;}
.welcome_dashboard ul li .answer .listOption .item svg{height:45px;width:auto;fill:#48576e;}
.welcome_dashboard ul li .answer .listOption .item .value{font-size: 24px;font-weight: 200;line-height: 28px;color:#48576e;margin-top:0px;}
.welcome_dashboard ul li .answer .listOption .item.active{border:1px solid #f0251f;-webkit-box-shadow: 0px 0px 10px rgba(240,37,31,0.4), inset 0 0 10px rgba(240,37,31,0.4);-moz-box-shadow: 0px 0px 10px rgba(240,37,31,0.4), inset 0 0 10px rgba(240,37,31,0.4);-o-box-shadow: 0px 0px 10px rgba(240,37,31,0.4), inset 0 0 10px rgba(240,37,31,0.4);box-shadow: 0px 0px 10px rgba(240,37,31,0.4), inset 0 0 10px rgba(240,37,31,0.4);}
.welcome_dashboard ul li .answer .listOption .item.active svg{fill:#f0251f;}
.welcome_dashboard ul li .answer .listOption .item.active .value{color:#f0251f;font-weight: 400;}
.welcome_dashboard ul li .answer .listOption.withImage .item{height:190px;text-align:left;}
.welcome_dashboard ul li .answer .listOption .item:hover{cursor:pointer;opacity: 0.8;}

.welcome_dashboard .chat .setfield{width:100%;display:inline-block;position:fixed;bottom:-200px;left:0px;box-shadow: 0 0 30px rgba(114, 129, 151, 0.3);background:white;text-align:center;padding:50px 0px;-webkit-transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.welcome_dashboard .chat .setfield.active{bottom:0px;}
.welcome_dashboard .chat .setfield .group{width:60%;display: inline-block;text-align:left;}
.welcome_dashboard .chat .setfield .group input{width:90%;height:66px;padding-left:25px;border:2px solid #dbe3e9;border-radius:15px;color:#48576e;font-weight:300;font-size:24px;}
.welcome_dashboard .chat .setfield .group .send{width:70px;height:70px;border-radius:50%;float:right;text-align:center;color:white;font-size:36px;padding-top: 15px;margin-top:-2px;}
.welcome_dashboard .chat .setfield .group .send:hover{cursor:pointer;}

.welcome_dashboard ul li .message .meter {float:left;height: 30px;padding:5px;position: relative;background: #fff;-moz-border-radius: 25px;-webkit-border-radius: 25px;border-radius: 25px;-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);-moz-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);width:500px;}
.welcome_dashboard ul li .message .meter span {display: block;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;background-color: #fe4c30!important;background: #e51736;background: -moz-linear-gradient(left, #e51736 0%, #f63d1c 100%);background: -webkit-linear-gradient(left, #e51736 0%,#f63d1c 100%);background: linear-gradient(to right, #e51736 0%,#f63d1c 100%);-webkit-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);-moz-box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);box-shadow: inset 0 2px 9px rgba(255,255,255,0.3), inset 0 -2px 6px rgba(0,0,0,0.4);position: relative;overflow: hidden;display: inline-block;height: 20px;}
.welcome_dashboard ul li .message .meter span:after {content: "";position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255, 255, .2)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .2)), color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent), to(transparent) );background-image: -moz-linear-gradient( -45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent );z-index: 1;-webkit-background-size: 50px 50px;-moz-background-size: 50px 50px;background-size: 50px 50px;-webkit-animation: move 2s linear infinite;-moz-animation: move 2s linear infinite;-webkit-border-top-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomright: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;-webkit-border-top-left-radius: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-bottomleft: 20px;border-top-left-radius: 20px;border-bottom-left-radius: 20px;overflow: hidden;}
.welcome_dashboard ul li .message .counter{float:right;}
@-webkit-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}

@-moz-keyframes move {
    0% {
       background-position: 0 0;
    }
    100% {
       background-position: 50px 50px;
    }
}

/*PRODUCTS ATTR LIST IMG NEW STYLE --------------------START */
ul.listImgAttr {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
ul.listImgAttr > li{
  padding: 10px;
  cursor: pointer;
}
ul.listImgAttr > li > img{
  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
ul.listImgAttr > li:hover > img{
  box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}

.form-horizontal .wrapperForm .row .form-control#attributeprice{
  padding-right: 0px!important;
}
/*PRODUCTS ATTR LIST IMG NEW STYLE --------------------END   */

.not-use{
  text-decoration: line-through;
  color: red;
}

.classFilteractive {
  display: flex!important;
  align-items: flex-start;
}

.classFilteractive .row.togglebutton{
  align-self: flex-end;
}
.card .links .searchBox .data .options label:last-child{
  margin-bottom: 10px;
}

.bootstrap-select.btn-group .dropdown-menu li a{
  margin: 0 0!important;
  width: 100%;
}

.bootstrap-select.btn-group .dropdown-menu.inner{
  padding: 0 0!important;
}

#globalSearchForm .searchFilter{width:100%;display:inline-block;margin-bottom:10px;}
#globalSearchForm .searchFilter .key{width:30%;float:left;margin-top:12px;}
#globalSearchForm .searchFilter .select-filter,
#globalSearchForm .searchFilter .pickDate{width:70%;float:right;padding-left:10px;}
#globalSearchForm .searchFilter .select-filter .bootstrap-select{margin:0px;}
#globalSearchForm .searchFilter.datepickerInline{margin:0px;}

.searchFilter > div > span,
.searchFilter > div > label{
  color: #6d7d93;
  /*text-transform: capitalize;*/
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
}
.searchFilter > select-filter {
  padding-right: 0px!important;
  padding-left: 0px!important;
}

/*CHANGE STYLE SELECTBOX*/
.dropdown-menu li>a:hover,
.dropdown-menu li>a:focus,
.dropdown-menu li>a:active {
  background-color: #dbe3e8!important;
}
.dropdown-menu > li.selected > a,
.dropdown-menu > .active >a{
  background: #dbe3e8!important;
  box-shadow:none!important;
}

.btn-group>.btn:first-child {
  border-bottom: #dfe3e7 solid 1px!important;
}

.select-with-transition {
  color: #bac2cc!important;
}
.btn-group.bootstrap-select.show-tick.open .select-with-transition {
  background-image: none!important;
}

.bootstrap-select.btn-group .dropdown-menu li a:focus, .bootstrap-select.btn-group .dropdown-menu li a:hover {
  box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(170, 170, 170, 0.4) !important;
}

.bootstrap-select.btn-group .dropdown-menu li a span.text{
  color: #6d7d93;
}

.dropdown-menu li a:hover, .dropdown-menu li a:focus .text, .dropdown-menu li a:active .text, .dropdown-menu li a:hover .text{
  color: #6d7d93;
}
/*CHANGE STYLE SELECTBOX*/

.card .links .searchBox .data .options .searchFilter .checkbox,
.card .links .searchBox .data .options .searchFilter .checkbox .radio {
  margin-top: 0px;
  margin-bottom: 0px;
}

.card .links .searchBox .data .options .searchFilter.datepickerInline .pickDate div .inputDate::-webkit-input-placeholder {
  font-size: 12px;
}

.card .links .searchBox .data .options .searchFilter.datepickerInline .pickDate div .inputDate {
  color: #7d8b9f;
  border: #cfd4dc solid 1px;
  font-size: 12px;
  padding-left: 30px;
  height: 30px;
}

.card .links .searchBox .data .options .searchFilter.datepickerInline .pickDate div .inputDate:focus {
  border-color: #f7aca8;
}

.card .links .searchBox .data .options .searchFilter.datepickerInline .pickDate div + div{
  margin-left: 7px;
}

.card .links .searchBox .data .options .searchFilter.datepickerInline .pickDate div {
  flex: 1;
  position: relative;
}

.card .links .searchBox .data .options .searchFilter.datepickerInline .pickDate div > i {
    position:absolute;
    left: 10px;
    top: 8px;
    font-size: 15px;
    color: #7d8b9f;
}

.card .links .searchBox .data .options .searchFilter.datepickerInline .pickDate {
  display: flex;
  justify-content: space-between;
}

div.embedPickDate{
  margin-top: 40px;
}

#globalSearchForm .searchFilter.toggle-checkbox {
  display: flex;
}

#globalSearchForm .searchFilter.toggle-checkbox .checkbox{
  flex: 1;
}
#globalSearchForm .searchFilter.toggle-checkbox .togglebutton{
  flex: 1;
}

.form-group.has-error .form-control{
  background-image: none;
}

.searchTranslation{
  margin: 10px 10px;
}

.searchTranslation .form-control-feedback {
  opacity: 1;
  right: 0px;
}

.buttonV3.button.active div{
  display: flex!important;
}

.btn-cancel{
  background-color: #e2e9ec!important;
  color: #6d7d93!important;
}

.swal2-container > .swal2-modal > .btn {
  font-size: 16px;
  padding: 12px 30px;
}

.swal2-icon.swal2-error .line{
  height: 2px;
  background-color: #ed292a;
}

.swal2-icon {
  border: 2px solid transparent;
}

.swal2-icon.swal2-error{
  border-color: #ed292a;
}
.swal2-modal h2 {
  color: #6d7d93;
  font-weight: 500;
}

.swal2-modal .swal2-content{
    color: #6d7d93;
    line-height: 26px;
}

/* USER */
.user .avatarProfile{width: 45px;height: 45px;border-radius: 50%;background: #495564;display: inline-block;float:left;margin-right:20px;}
.user .nameProfile{display: inline-block;float:left;margin-top:10px;}
#users .avatar{text-align:center;}
#users .avatar .name{font-weight: 300;font-size:22px;color: #6c7d94;margin-bottom:20px;}
#users .avatar .avatar-preview{background:#495564;width:140px;height:140px;border-radius:50%;display:inline-block;cursor: pointer}
#users .avatar .avatar-preview #imagePreview .buttonUploadImg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius:50%;border: none;display: none;}
#users .avatar .avatar-preview #imagePreview .buttonUploadImg i{color: #fff;font-size: 25px;}
#users .avatar .avatar-preview #imagePreview:hover .buttonUploadImg {display: inline-block;background: rgba(204,204,204 , 0.5);-webkit-transition: width 2s, height 4s; /* Safari */transition: width 2s, height 4s;transition-timing-function: linear;}
.avatar-preview > div{width: 100%;height: 100%;border-radius: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;position: relative;}
#users .avatar .action{margin-top:20px;}
#users .avatar .group{display:inline-block;}
#users .avatar .item {float: left;color: #6c7d94;margin: 0px 12px;font-size: 20px;border: none;background-color: #fff;}


/* SUPPORT LINK */
.sectionHelp{width:100%;text-align:center;font-weight: 300;font-size: 14px;color: #6c7d94;display: inline-block;margin-bottom: 20px;}
.sectionHelp .group{display:inline-block;}
.sectionHelp i{font-size:16px;float:left;margin-top:2px;margin-right:5px;}
.sectionHelp a{text-decoration:underline;}

/*UPLOAD IMG*/
#avatar {
  display: none;
}

.imgAvatar{
  width: 100%;
  height: 100%;
  border-radius: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.table-img {
  width: 35px;
  height: 35px;
  background: #edf1f4;
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.nameProfile{max-width: 200px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.table-img > div{
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

/* LIST BLOKS EDIT */
.listItemBlock{width:100%;display: inline-block;margin:0px;padding:0px;margin-top:30px;padding-bottom:80px;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:flex-start;align-items:stretch;}
.listItemBlock>li{margin:0px;padding:0px;list-style:none;width:49%;float:left;margin-bottom:20px;position: relative;}
.listItemBlock>li:nth-child(2n){margin-left:2%;}
.listItemBlock li .data{height:100px;position:relative;border:1px solid #dbe3e9;padding:0px 30px;border-radius:5px;}
.listItemBlock li .data .image{float:left;height:100px;position:relative;overflow: hidden}
.listItemBlock li .data .image img{width:auto;position:relative;top:50%;transform:translateY(-50%);-o-transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);float:left;}
.listItemBlock li .data .togglebutton{float:left;}
.listItemBlock li .data .togglebutton a{color:#48576d;}
.listItemBlock li .data .togglebutton label{font-size: 18px;}
.listItemBlock li .data .action{position:absolute;top:50%;transform:translateY(-50%);-moz-transform:translateY(-50%);-webkit-transform:translateY(-50%);-o-transform:translateY(-50%);right:20px;}
.listItemBlock li .data .expandRow{float:left;font-size: 28px;color: #6c7d94;line-height:28px;margin-left:30px;}
.listItemBlock li .data .expandRow:hover{cursor:pointer;opacity:0.8;}
.listItemBlock li .data .expandRow i{-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;line-height:20px;}
.listItemBlock li.active .data{background:#fafbfb;}
.listItemBlock li .boxHidden{width:100%;display: inline-block;float: left;}
.listItemBlock li .boxHidden .group{width:100%;padding:40px 30px 0px;border:1px solid #dbe3e9;border-bottom-right-radius:5px;border-bottom-left-radius:5px;border-top:none;margin-top:-5px;display: none; position: relative;}
.listItemBlock li .boxHidden .group .description,
.wrapperForm .descriptionBlock .description{color: #6c7d94;font-size: 16px;font-weight: 300;margin-top: 20px;line-height: 26px;}
.listItemBlock li .boxHidden .group .resize-box {
  position: absolute;
  right: 30px;
  top: 10px;
}
.listItemBlock li .boxHidden .group .resize-box a{
  padding: 8px;
}
.listItemBlock li .boxHidden .group .resize-box a img{
  width: 20px;
  height: 20px;
}

.listItemBlock li .boxHidden .group .action{display: inline-block;width: 100%}
.listItemBlock li.app_not_installed .data{border:1px solid #f2f5f7;}
.listItemBlock li.app_not_installed .image{opacity:0.5;}
.listItemBlock li.app_not_installed .togglebutton label{opacity:0.5;}
.listItemBlock li.app_not_installed .expandRow{display:none;}
.listItemBlock li.app_not_installed .tooltip{min-width:200px;}

.aling-center > a{
  display: flex!important;
  align-items: center;
}

.gradientFacestore:hover {
  box-shadow: 0 14px 26px -12px rgba(153, 153, 153, 0.42), 0 4px 23px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(153, 153, 153, 0.2)!important;
}

.btn-clean{
  background: none;
  color: #6d7d93;
}

.btn-clean:hover,
.btn-clean:active,
.btn-clean:focus{
  background: none;
  color: #6d7d93;
}

.swal2-content #image_uploader .btn-clean,
.swal2-content #image_uploader .btn-cancel {
  min-width: 120px;
}

.swal2-content #image_uploader .btn-clean {
  position: absolute;
  right: 0;
  margin: 0;
}

.swal2-content #imageGalleryDialog #image_uploader .droptarget.small > .controlImg{
  width: 70px;
  margin-top: 5px;
  height: 70px;
}

.swal2-content #imageGalleryDialog #image_uploader .droptarget.small > .controlImg img{
  height: 40px;
}

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

.collapse.in .nav>li.active{

}
.sidebar .collapse.in .nav li.active>a {
    color: #fff;
    background-color: #606c7d;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
}
.card-divisor{
  display: inline-block;
  position: relative;
  margin: 25px 0;
  width: 49%;
  float: left;
  border-radius: 6px;
  color: rgba(0, 0, 0, 0.87);
  background: #fff;
  box-shadow: 0 0 30px 0px rgba(114, 129, 151, 0.2);
}

.card-divisor + .card-divisor{
  margin-left: 2%;
}

/* SHIPPING - COUNTRIES */
.dataCountries {padding:0px 80px;}
.dataCountries .list{max-height:60vh;overflow: scroll;padding:10px 20px;}
.dataCountries .list ul{padding:0px;margin:0px;}
.dataCountries .list ul li{padding:0px;margin:0px;list-style: none;width:100%;display: inline-block;text-align: left;}
.dataCountries .list ul li span{float:left;}
.dataCountries .list ul li .value{float:left;background-color: #ebf0f2;border-radius: 20px;padding: 4px 10px 4px 6px;color: #6c7c94;font-size: 15px;font-weight: 400;margin: -4px 0px 0px 15px;}
.dataCountries .list ul li .flag{width: 22px;height: 22px;background-size: cover;border-radius: 50%;background-position: center; float:left;margin-right: 10px;border:1px solid white;}
.dataCountries .list ul li .text{float:left; margin-top: 4px;line-height: 15px;}
.dataCountries .search .form-group .icon{position: absolute; top: 0px; right: 0px; font-size: 20px;color: #6d7681;}
.dataCountries .search .form-group label{top: -10px;left: 0px;color: #6c7d94; font-weight: 500;font-size: 20px;}
.dataCountries .search .form-group:not(.is-empty) label{font-size: 14px;top: -30px;font-weight: 300;}

.header-img div img{
  width: 190px;
}
.header-img i{
  position: absolute;
  color: #6c7d94;
  right: 20px;
  top: 25px;
}
.getCountriesSelected .inputCountries{width:100%;color: #6d7681;border-bottom: 1px solid #dfe3e7;position: relative;display:inline-block;}
.getCountriesSelected .inputCountries:hover{cursor:pointer;opacity:0.8;}
.getCountriesSelected .inputCountries i{float: right;color: #6c7d94;}
.getCountriesSelected .inputCountries label{float: left;color: #6c7d94;font-size: 18px;font-weight: 400;margin:0px;line-height:22px;position: absolute;top:0px;}
.getCountriesSelected .inputCountries.isNotEmpty label{font-size:14px;top: -22px;font-weight:300;}
.getCountriesSelected .inputCountries .group{width:100%;display:inline-block;float:left;padding-bottom:5px;padding-top:8px;}
.getCountriesSelected .inputCountries ul {padding:0px;margin:0px;}
.getCountriesSelected .inputCountries ul li{padding:0px;margin:0px;list-style: none;display: inline-block;text-align: left;float:left;margin-right:5px;}
.getCountriesSelected .inputCountries ul li .value{float:left;background-color: #ebf0f2;border-radius: 20px;padding: 4px 10px 4px 6px;color: #6c7c94;font-size: 15px;font-weight: 400;position:relative;}
.getCountriesSelected .inputCountries ul li .flag{width: 22px;height: 22px;background-size: cover;border-radius: 50%;background-position: center; float:left;margin-right: 10px;position: relative;z-index: 3;border:1px solid white;}
.getCountriesSelected .inputCountries ul li.moreCountries .flag:nth-child(1){margin-right:22px;}
.getCountriesSelected .inputCountries ul li.moreCountries .flag:nth-child(2){position: absolute;top:4px;left:12px;z-index: 2;}
.getCountriesSelected .inputCountries ul li.moreCountries .flag:nth-child(3){position: absolute;top:4px;left:18px;z-index: 1;}
.getCountriesSelected .inputCountries ul li .text{float:left; margin-top: 4px;line-height: 15px;}

.countriesAll_zone .dataCountries{padding:0px;}
.countriesAll_zone .dataCountries .list{max-height: 32vh;}

.swal2-content form .wrapperForm .buttonDeleted{position: absolute;bottom: -80px;right: 0px;}
.swal2-content form .wrapperForm .buttonDeleted .btn{font-size: 14px;padding: 12px 30px;box-shadow: none;}
.swal2-content form .wrapperForm .buttonDeleted .btn i{ margin-right: 5px;}


/* DISTRICTS */
.getDistrictsSelected .inputDistricts{width:100%;color: #6d7681;border-bottom: 1px solid #dfe3e7;position: relative;display:inline-block;}
.getDistrictsSelected .inputDistricts:hover{cursor:pointer;opacity:0.8;}
.getDistrictsSelected .inputDistricts i{float: right;color: #6c7d94;}
.getDistrictsSelected .inputDistricts label{float: left;color: #6c7d94;font-size: 18px;font-weight: 400;margin:0px;line-height:22px;position: absolute;top:0px;}
.getDistrictsSelected .inputDistricts.isNotEmpty label{font-size:14px;top: -22px;font-weight:300;}
.getDistrictsSelected .inputDistricts .group{width:100%;display:inline-block;float:left;padding-bottom:5px;padding-top:8px;}
.getDistrictsSelected .inputDistricts ul {padding:0px;margin:0px;}
.getDistrictsSelected .inputDistricts ul li{padding:0px;margin:0px;list-style: none;display: inline-block;text-align: left;float:left;margin-right:5px;}
.getDistrictsSelected .inputDistricts ul li .value{float:left;background-color: #ebf0f2;border-radius: 20px;padding:4px 12px 6px 12px;color: #6c7c94;font-size: 15px;font-weight: 400;position:relative;}
.getDistrictsSelected .inputDistricts ul li .flag{width: 22px;height: 22px;background-size: cover;border-radius: 50%;background-position: center; float:left;margin-right: 10px;position: relative;z-index: 3;border:1px solid white;}
.getDistrictsSelected .inputDistricts ul li .text{float:left; margin-top: 4px;line-height: 15px;}

.dataDistricts {padding:0px 80px;}
.dataDistricts .list{max-height:60vh;overflow: scroll;padding:10px 20px;}
.dataDistricts .list ul{padding:0px;margin:0px;}
.dataDistricts .list ul li{padding:0px;margin:0px;list-style: none;width:100%;display: inline-block;text-align: left;}
.dataDistricts .list ul li span{float:left;}
.dataDistricts .list ul li .value{float:left;background-color: #ebf0f2;border-radius: 20px;padding: 4px 10px 4px 6px;color: #6c7c94;font-size: 15px;font-weight: 400;margin: -4px 0px 0px 15px;}
.dataDistricts .list ul li .text{float:left; margin-top: 4px;line-height: 15px;padding-left: 5px;padding-bottom: 2px;}
.dataDistricts .search .form-group .icon{position: absolute; top: 0px; right: 0px; font-size: 20px;color: #6d7681;}
.dataDistricts .search .form-group label{top: -10px;left: 0px;color: #6c7d94; font-weight: 500;font-size: 20px;}
.dataDistricts .search .form-group:not(.is-empty) label{font-size: 14px;top: -30px;font-weight: 300;}


/* ZONES */
.getZonesSelected .inputZones{width:100%;color: #6d7681;border-bottom: 1px solid #dfe3e7;position: relative;display:inline-block;}
.getZonesSelected .inputZones:hover{cursor:pointer;opacity:0.8;}
.getZonesSelected .inputZones i{float: right;color: #6c7d94;}
.getZonesSelected .inputZones label{float: left;color: #6c7d94;font-size: 18px;font-weight: 400;margin:0px;line-height:22px;position: absolute;top:0px;}
.getZonesSelected .inputZones.isNotEmpty label{font-size:14px;top: -22px;font-weight:300;}
.getZonesSelected .inputZones .group{width:100%;display:inline-block;float:left;padding-bottom:5px;padding-top:8px;}
.getZonesSelected .inputZones ul {padding:0px;margin:0px;}
.getZonesSelected .inputZones ul li{padding:0px;margin:0px;list-style: none;display: inline-block;text-align: left;float:left;margin-right:5px;}
.getZonesSelected .inputZones ul li .value{float:left;background-color: #ebf0f2;border-radius: 20px;padding:4px 12px 6px 12px;color: #6c7c94;font-size: 15px;font-weight: 400;position:relative;}
.getZonesSelected .inputZones ul li .flag{width: 22px;height: 22px;background-size: cover;border-radius: 50%;background-position: center; float:left;margin-right: 10px;position: relative;z-index: 3;border:1px solid white;}
.getZonesSelected .inputZones ul li .text{float:left; margin-top: 4px;line-height: 15px;}

.dataZones {padding:0px 80px;}
.dataZones .list{max-height:60vh;overflow: scroll;padding:10px 20px;}
.dataZones .list ul{padding:0px;margin:0px;}
.dataZones .list ul li{padding:0px;margin:0px;list-style: none;width:100%;display: inline-block;text-align: left;}
.dataZones .list ul li span{float:left;}
.dataZones .list ul li .value{float:left;background-color: #ebf0f2;border-radius: 20px;padding: 4px 10px 4px 6px;color: #6c7c94;font-size: 15px;font-weight: 400;margin: -4px 0px 0px 15px;}
.dataZones .list ul li .text{float:left; margin-top: 4px;line-height: 15px;padding-left: 5px;padding-bottom: 2px;}
.dataZones .search .form-group .icon{position: absolute; top: 0px; right: 0px; font-size: 20px;color: #6d7681;}
.dataZones .search .form-group label{top: -10px;left: 0px;color: #6c7d94; font-weight: 500;font-size: 20px;}
.dataZones .search .form-group:not(.is-empty) label{font-size: 14px;top: -30px;font-weight: 300;}

/*ul.dropdown-menu.inner, div.dropdown-menu{
  max-height: 300px !important;
  overflow-y: auto;
}*/

/*FIXED CKEDITOR*/
.cke_editable_inline{
  height: 300px !important;
  overflow-y: auto!important;
  overflow-x: hidden!important;
  padding: 1px!important;
}

/* TIME ZONE */
.getTimeZoneSelected .inputTimeZone{width:100%;color: #6d7681;border-bottom: 1px solid #dfe3e7;position: relative;display:inline-block;}
.getTimeZoneSelected .inputTimeZone:hover{cursor:pointer;opacity:0.8;}
.getTimeZoneSelected .inputTimeZone i{float: right;color: #6c7d94;}
.getTimeZoneSelected .inputTimeZone label{float: left;color: #6c7d94;font-size: 18px;font-weight: 400;margin:0px;line-height:22px;position: absolute;top:0px;}
.getTimeZoneSelected .inputTimeZone.isNotEmpty label{font-size:14px;top: -22px;font-weight:300;}
.getTimeZoneSelected .inputTimeZone .group{width:100%;display:inline-block;float:left;padding-bottom:5px;padding-top:8px;}
.getTimeZoneSelected .inputTimeZone ul {padding:0px;margin:0px;}
.getTimeZoneSelected .inputTimeZone ul li{padding:0px;margin:0px;list-style: none;display: inline-block;text-align: left;float:left;margin-right:5px;}
.getTimeZoneSelected .inputTimeZone ul li .value{float:left;background-color: #ebf0f2;border-radius: 20px;padding:4px 12px 6px 12px;color: #6c7c94;font-size: 15px;font-weight: 400;position:relative;}
.getTimeZoneSelected .inputTimeZone ul li .flag{width: 22px;height: 22px;background-size: cover;border-radius: 50%;background-position: center; float:left;margin-right: 10px;position: relative;z-index: 3;border:1px solid white;}
.getTimeZoneSelected .inputTimeZone ul li .text{float:left; margin-top: 4px;line-height: 15px;}

.dataTimeZone {padding:0px 80px;}
.dataTimeZone .list{max-height:60vh;overflow: scroll;padding:10px 20px;}
.dataTimeZone .list ul{padding:0px;margin:0px;}
.dataTimeZone .list ul li{padding:0px;margin:0px;list-style: none;width:100%;display: inline-block;text-align: left;}
.dataTimeZone .list ul li span{float:left;}
.dataTimeZone .list ul li .value{float:left;background-color: #ebf0f2;border-radius: 20px;padding: 4px 10px 4px 6px;color: #6c7c94;font-size: 15px;font-weight: 400;margin: -4px 0px 0px 15px;}
.dataTimeZone .list ul li .text{float:left; margin-top: 4px;line-height: 15px;padding-left: 5px;padding-bottom: 2px;}
.dataTimeZone .search .form-group .icon{position: absolute; top: 0px; right: 0px; font-size: 20px;color: #6d7681;}
.dataTimeZone .search .form-group label{top: -10px;left: 0px;color: #6c7d94; font-weight: 500;font-size: 20px;}
.dataTimeZone .search .form-group:not(.is-empty) label{font-size: 14px;top: -30px;font-weight: 300;}


/* LANGS */
.getLangsSelected .inputLangs{width:100%;color: #6d7681;border-bottom: 1px solid #dfe3e7;position: relative;display:inline-block;}
.getLangsSelected .inputLangs:hover{cursor:pointer;opacity:0.8;}
.getLangsSelected .inputLangs i{float: right;color: #6c7d94;}
.getLangsSelected .inputLangs label{float: left;color: #6c7d94;font-size: 18px;font-weight: 400;margin:0px;line-height:22px;position: absolute;top:0px;}
.getLangsSelected .inputLangs.isNotEmpty label{font-size:14px;top: -22px;font-weight:300;}
.getLangsSelected .inputLangs .group{width:100%;display:inline-block;float:left;padding-bottom:5px;padding-top:8px;}
.getLangsSelected .inputLangs ul {padding:0px;margin:0px;}
.getLangsSelected .inputLangs ul li{padding:0px;margin:0px;list-style: none;display: inline-block;text-align: left;float:left;margin-right:5px;}
.getLangsSelected .inputLangs ul li .value{float:left;background-color: #ebf0f2;border-radius: 20px;padding:4px 10px 4px 6px;color: #6c7c94;font-size: 15px;font-weight: 400;position:relative;}
.getLangsSelected .inputLangs ul li .flag{width: 22px;height: 22px;background-size: cover;border-radius: 50%;background-position: center; float:left;margin-right: 10px;position: relative;z-index: 3;border:1px solid white;}
.getLangsSelected .inputLangs ul li.moreLangs .flag:nth-child(1){margin-right:22px;}
.getLangsSelected .inputLangs ul li.moreLangs .flag:nth-child(2){position: absolute;top:4px;left:12px;z-index: 2;}
.getLangsSelected .inputLangs ul li.moreLangs .flag:nth-child(3){position: absolute;top:4px;left:18px;z-index: 1;}
.getLangsSelected .inputLangs ul li .text{float:left; margin-top: 4px;line-height: 15px;}

.dataLangs {padding:0px 80px;}
.dataLangs .list{max-height:60vh;overflow: scroll;padding:10px 20px;}
.dataLangs .list ul{padding:0px;margin:0px;}
.dataLangs .list ul li{padding:0px;margin:0px;list-style: none;width:100%;display: inline-block;text-align: left;}
.dataLangs .list ul li span{float:left;}
.dataLangs .list ul li .value{float:left;background-color: #ebf0f2;border-radius: 20px;padding: 4px 10px 4px 6px;color: #6c7c94;font-size: 15px;font-weight: 400;margin: -4px 0px 0px 15px;}
.dataLangs .list ul li .text{float:left; margin-top: 4px;line-height: 15px;padding-left: 5px;padding-bottom: 2px;}
.dataLangs .search .form-group .icon{position: absolute; top: 0px; right: 0px; font-size: 20px;color: #6d7681;}
.dataLangs .search .form-group label{top: -10px;left: 0px;color: #6c7d94; font-weight: 500;font-size: 20px;}
.dataLangs .search .form-group:not(.is-empty) label{font-size: 14px;top: -30px;font-weight: 300;}


/* LANG BO */
.getLangsBOSelected .inputLangsBO{width:100%;color: #6d7681;border-bottom: 1px solid #dfe3e7;position: relative;display:inline-block;}
.getLangsBOSelected .inputLangsBO:hover{cursor:pointer;opacity:0.8;}
.getLangsBOSelected .inputLangsBO i{float: right;color: #6c7d94;}
.getLangsBOSelected .inputLangsBO label{float: left;color: #6c7d94;font-size: 18px;font-weight: 400;margin:0px;line-height:22px;position: absolute;top:0px;}
.getLangsBOSelected .inputLangsBO.isNotEmpty label{font-size:14px;top: -22px;font-weight:300;}
.getLangsBOSelected .inputLangsBO .group{width:100%;display:inline-block;float:left;padding-bottom:5px;padding-top:8px;}
.getLangsBOSelected .inputLangsBO ul {padding:0px;margin:0px;}
.getLangsBOSelected .inputLangsBO ul li{padding:0px;margin:0px;list-style: none;display: inline-block;text-align: left;float:left;margin-right:5px;}
.getLangsBOSelected .inputLangsBO ul li .value{float:left;background-color: #ebf0f2;border-radius: 20px;padding:4px 10px 4px 6px;color: #6c7c94;font-size: 15px;font-weight: 400;position:relative;}
.getLangsBOSelected .inputLangsBO ul li .flag{width: 22px;height: 22px;background-size: cover;border-radius: 50%;background-position: center; float:left;margin-right: 10px;position: relative;z-index: 3;border:1px solid white;}
.getLangsBOSelected .inputLangsBO ul li .text{float:left; margin-top: 4px;line-height: 15px;}

.dataLangsBO {padding:0px 80px;}
.dataLangsBO .list{max-height:60vh;overflow: scroll;padding:10px 20px;}
.dataLangsBO .list ul{padding:0px;margin:0px;}
.dataLangsBO .list ul li{padding:0px;margin:0px;list-style: none;width:100%;display: inline-block;text-align: left;}
.dataLangsBO .list ul li span{float:left;}
.dataLangsBO .list ul li .value{float:left;background-color: #ebf0f2;border-radius: 20px;padding: 4px 10px 4px 6px;color: #6c7c94;font-size: 15px;font-weight: 400;margin: -4px 0px 0px 15px;}
.dataLangsBO .list ul li .text{float:left; margin-top: 4px;line-height: 15px;padding-left: 5px;padding-bottom: 2px;}
.dataLangsBO .search .form-group .icon{position: absolute; top: 0px; right: 0px; font-size: 20px;color: #6d7681;}
.dataLangsBO .search .form-group label{top: -10px;left: 0px;color: #6c7d94; font-weight: 500;font-size: 20px;}
.dataLangsBO .search .form-group:not(.is-empty) label{font-size: 14px;top: -30px;font-weight: 300;}


/* CURRENCY */
.getCurrencySelected .inputCurrency{width:100%;color: #6d7681;border-bottom: 1px solid #dfe3e7;position: relative;display:inline-block;}
.getCurrencySelected .inputCurrency:hover{cursor:pointer;opacity:0.8;}
.getCurrencySelected .inputCurrency i{float: right;color: #6c7d94;}
.getCurrencySelected .inputCurrency label{float: left;color: #6c7d94;font-size: 18px;font-weight: 400;margin:0px;line-height:22px;position: absolute;top:0px;}
.getCurrencySelected .inputCurrency.isNotEmpty label{font-size:14px;top: -22px;font-weight:300;}
.getCurrencySelected .inputCurrency .group{width:100%;display:inline-block;float:left;padding-bottom:5px;padding-top:8px;}
.getCurrencySelected .inputCurrency ul {padding:0px;margin:0px;}
.getCurrencySelected .inputCurrency ul li{padding:0px;margin:0px;list-style: none;display: inline-block;text-align: left;float:left;margin-right:5px;}
.getCurrencySelected .inputCurrency ul li .value{float:left;background-color: #ebf0f2;border-radius: 20px;padding:4px 12px 6px 12px;color: #6c7c94;font-size: 15px;font-weight: 400;position:relative;}
.getCurrencySelected .inputCurrency ul li .flag{width: 22px;height: 22px;background-size: cover;border-radius: 50%;background-position: center; float:left;margin-right: 10px;position: relative;z-index: 3;border:1px solid white;}
.getCurrencySelected .inputCurrency ul li .text{float:left; margin-top: 4px;line-height: 15px;}

.dataCurrency {padding:0px 80px;}
.dataCurrency .list{max-height:60vh;overflow: scroll;padding:10px 20px;}
.dataCurrency .list ul{padding:0px;margin:0px;}
.dataCurrency .list ul li{padding:0px;margin:0px;list-style: none;width:100%;display: inline-block;text-align: left;}
.dataCurrency .list ul li span{float:left;}
.dataCurrency .list ul li .value{float:left;background-color: #ebf0f2;border-radius: 20px;padding: 4px 10px 4px 6px;color: #6c7c94;font-size: 15px;font-weight: 400;margin: -4px 0px 0px 15px;}
.dataCurrency .list ul li .text{float:left; margin-top: 4px;line-height: 15px;padding-left: 5px;padding-bottom: 2px;}
.dataCurrency .search .form-group .icon{position: absolute; top: 0px; right: 0px; font-size: 20px;color: #6d7681;}
.dataCurrency .search .form-group label{top: -10px;left: 0px;color: #6c7d94; font-weight: 500;font-size: 20px;}
.dataCurrency .search .form-group:not(.is-empty) label{font-size: 14px;top: -30px;font-weight: 300;}

.listItemBlock li .data .image.fixed-img img{
  width: auto;
  height: 100%;
  position: relative;
  top: auto;
  transform: none;
  -o-transform: none;
  -moz-transform: none;
  -webkit-transform: none;
}

.listItemBlock li .data .image.fixed-img{
  float: left;
  top: 0;
  padding: 20px 0px;
  height: 100px;
  position: relative;
  overflow: hidden;
}
.listItemBlock li .data .image div{
    float: none;
    padding-left: 20px;
  margin-left: 20px;
  color: #48576d;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
}


.listItemBlock li .data .image .link{float:left;position: relative;top: 50%;transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.listItemBlock li .data .image .link:hover{cursor:pointer;opacity:0.8;}
.listItemBlock li .data .image .link i{font-size:20px;}


.listItemBlock li .data .image div .title{
  padding-top: 5px;
  margin: 0px;
  float: left;
  font-size: 22px;
}

.listItemBlock li .data .image div .description{
  float: left;
  font-size: 14px;
  font-weight: normal;    line-height: 16px;
}

.listItemBlock li .data .image .title{
  padding-top: 15px;
  float: right;
  margin-left: 20px;
  font-size: 22px;
  color: #48576d;
}

.listItemBlock li .data .image i{
  color: #7d8899;
  font-size: 40px;
margin-top: 10px;
}

.box.image {
  width: 100%;
  height: 100%;
  background: #000;
}

/******** PREVIEW IMAGE Ex: storemanager/application/modules/users/viewsV2/scripts/index/form.phtml ********/
#avatar {
  display: none;
}

.avatar {
  text-align: center;
}

.avatar .circle,
.avatarProfile.circle,
.avatar-preview.circle > div,
.avatar-preview.circle > div > button.buttonUploadImg,
.avatarProfile.circle > div{
  border-radius: 50%;
}


.avatar .name {
  font-weight: 300;
  font-size: 22px;
  color: #6c7d94;
  margin-bottom: 20px;
}

.avatar .avatar-preview {
  background: #dbe3e9;
  width: 140px;
  height: 140px;
  display: inline-block;
  cursor: pointer;
}

.avatar .avatar-preview .image .buttonUploadImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  display: none;
}

.avatar .avatar-preview .image .buttonUploadImg i {
  color: #fff;
  font-size: 25px;
}

.avatar .avatar-preview .image:hover .buttonUploadImg {
  display: inline-block;
  background: rgba(204, 204, 204, 0.5);
  -webkit-transition: width 2s, height 4s; /* Safari */
  transition: width 2s, height 4s;
  transition-timing-function: linear;
}

.avatar-preview > div {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.avatar .action {
  margin-top: 20px;
}

.avatar .group {
  display: inline-block;
}

.avatar .item {
  float: left;
  color: #6c7d94;
  margin: 0px 12px;
  font-size: 20px;
  border: none;
  background-color: #fff;
}

.imgAvatar {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
/**********************************************************************************************************************/


/*************** BOX IMAGE ********************************************************************************************/
.box-preview{
  text-align: center;
  width: 100%;
  height: 100%;
}

.box-preview > .preview{
  width: 100%;
  height: 140px;
  border: #ccc dashed 1px;
  border-radius: 5%;
  display: inline-block;
  cursor: pointer;
}

.box-preview > .preview > div.image {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  position: relative;
}

.box-preview > .preview > .btn-hover-image,
.box-preview > .preview > div.image > .btn-hover-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none;
  display: none;
  background:transparent;
}

.box-preview > .preview > .btn-hover-image i,
.box-preview > .preview > div.image > .btn-hover-image i {
  color: #fff;
  font-size: 25px;
}

.box-preview > .preview:hover > .btn-hover-image,
.box-preview > .preview > div.image:hover > .btn-hover-image {
  display: inline-block;
  background: rgba(204, 204, 204, 0.5);
  -webkit-transition: width 2s, height 4s; /* Safari */
  transition: width 2s, height 4s;
  transition-timing-function: linear;
}

.box-preview{
  display: flex;
  flex-direction: column;
}

.box-preview > .action {
  width: 100%;
  justify-content: center;
}

.box-preview > .action > .group.fixed-group button{
  padding: 5px;
}

.box-preview > .action > .group.fixed-group {
  border: none;
  padding: 0px;
  margin: 0px;
}

.box-preview > .action > .group {
  display: flex;
  justify-content: center;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none!important;
}

.box-preview > .action > .group .btn {
  background: none;
  box-shadow: none;
  -moz-transition: none;
  -webkit-transition: none;
  -o-transition: color 0 ease-in;
  transition: none!important;
}

.box-preview > .action > .group .btn > i {
  color: #6c7d94;
  font-size: 20px;
}

.box-preview > .image-center{
  display: flex;
  position: relative;
  justify-content: center;
  align-items: center;
}

.box-preview > .image-center div.image {
  width: 60%;
  height: 60%;
}

/*************** BOX IMAGE ********************************************************************************************/

/* API - PAGE */
#api {display: flex;}
#api .card{flex: 1;}
#api .card .group{ height: 100%}
#api .card .icon{font-size:40px;color:#f0261f;}
#api .card .name{font-size:20px;color:#6c7d94;font-weight:500;margin:30px 0px 15px;}
#api .card .description{font-size:16px;color:#6c7d94;font-weight:300;margin-bottom:15px;min-height:100px;}
#api .card .description.balance{font-size: 80px;line-height: 80px;margin-top: 20px;text-align: left;}

/* CART */
#cart_details .card{color:#6c7d94!important;}
#cart_details .titleSection{width: 100%;text-align: center;padding: 50px 0px;font-size: 32px;font-weight: 300;color: #6c7c94;}


/********************************************* BANNER ******************************************************************/
#banner ul {
  width: 100%;
}
#banner .card .card-header.card-header-tabs {
  background: none;
  box-shadow: none;
}

#banner .nav-tabs>li>a,
#banner .nav-tabs>li>a:hover,
#banner .nav-tabs>li>a:focus {
  color: #6c7d94!important;
}
.card .tab-content table tbody tr td{max-width: 190px;overflow: hidden;}
/********************************************* BANNER ******************************************************************/


/* PREVIEW URL */
.sectionUrl{padding-bottom:20px;}
.sectionUrl .subTitleData i{font-size: 16px;margin-left: 10px;margin-top: 0px;display: inline-block;top: -2px;position: relative;}
.sectionUrl .subTitleData a{color:#6c7d94;}
.sectionUrl .data .input-group-addon{background:transparent!important;border: 1px solid #eaeff3;padding-right:0px!important;border-right:0px;font-size:14px!important;}
.sectionUrl .data .form-control{border: 1px solid #eaeff3;border-left: 0px;padding-left: 0px!important;font-size: 14px!important;padding-top: 0px!important;padding-right: 0px!important;margin-bottom:0px!important;}
.sectionUrl .lang-list{margin-top: -35px;}


/*************** NEWSLETTER BEGIN *****************************************************************************/
.header-table-mailchimp {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}

.header-table-mailchimp div > label {
  font-size: 22px;
}

.header-table-mailchimp div > a {
  text-transform: uppercase;
}

table.table-mailchimp thead tr th > div.group{
  padding: 5px!important;
  border: none!important;
}

table.table-mailchimp tbody tr td{
  color: #6c7d94;
}

.small-table .table>tbody>tr>td,
.small-table .table>thead>tr>th{
  padding: 12px 0px!important;
}

.group_product div button{
  text-transform: uppercase;
}

div.goBack {
  float: left;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #6d7d93;
}


div.goBack button{
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: 0 0;
  border: 0;
  width: 30px;
  background-color: #e1e7eb;
  border-radius: 50%;
  height: 30px;
  font-weight: 700;
  line-height: 1;
  margin-right: 10px;
}

#preview button.close,
#code button.close {
  display: flex;
  justify-content: center;
  align-items: center;
}

#preview button.close span,
#code button.close span,
#preview div.goBack button > span,
#code div.goBack button > span{
  margin-top: -5px;
  font-weight: 300;
  color: #6d7d93;
}
.modal-title{
  color: #6d7d93;
}
/***************  NEWSLETTER END ********************************************************************************/

/* CONFIGS STORE */
.storeSettings{text-align:center;}
.storeSettings .name{font-weight: 300;font-size:22px;color: #6c7d94;margin-bottom:20px;}
.storeSettings .storeSettings-preview{display:inline-block;cursor: pointer;padding:20px 10%;width:100%;}
.storeSettings .storeSettings-preview #imagePreview{width: 100%;height: 200px;background-size: contain;background-repeat: no-repeat;background-position: center center;position: relative;overflow: hidden;}
.storeSettings .storeSettings-preview #imagePreview button{position: absolute;top: 0;left: 0;width:100%;height:100%;display: none;background:transparent;border:none;z-index: 99;}
.storeSettings .storeSettings-preview #imagePreview button i{color: #fff;font-size: 25px;}
.storeSettings .storeSettings-preview #imagePreview:hover button {display:block;background:rgba(235,240,243,0.4);}
.storeSettings .action{margin-top:20px;}
.storeSettings .group{display:inline-block;}
.storeSettings .item {float: left;color: #6c7d94;margin: 0px 12px;font-size: 20px;border: none;background-color: #fff;}


/* HELP BAR */
#helpBar .data{display:none;width:100%;background: #fff;padding:25px 30px 25px 100px;box-shadow: 0 5px 20px 0px rgba(114, 129, 151, 0.1);border-radius: 6px;position: relative;margin-top: 10px;}
#helpBar .data:after{content: '';width: 90%;height: 100%;position: absolute;top: 0px;left: 5%;z-index: -1;background: white;box-shadow: 0 10px 30px 0px rgba(224, 227, 231, 1);}
#helpBar .data .icon{float: left;margin-right: 20px;position: absolute;left: 0px;top: -15px;}
#helpBar .data .icon img{height:85px;}
#helpBar .data .icon .cog{position: absolute;top: 25%;left: 0px;font-size: 20px;color:#282e3a;animation: cogAnimation 3s infinite linear;-moz-animation: cogAnimation 3s infinite linear;}
#helpBar .data .icon .text{    position: absolute;top: 7px;left: 66px;width: 13px;}
#helpBar .data .icon .text ul{margin:0px;padding: 0px;}
#helpBar .data .icon .text ul li{margin:0px;padding: 0px;list-style: none;width: 100%;height: 2px;border-radius: 5px;background: white;margin-bottom: 2px;}
#helpBar .data .icon .text ul li:nth-child(1){animation: textAnimation1 1.5s infinite linear;-moz-animation: textAnimation1 1.5s infinite linear;width:0px;}
#helpBar .data .icon .text ul li:nth-child(2){animation: textAnimation2 1.5s infinite linear;-moz-animation: textAnimation2 1.5s infinite linear;width:0px;}
#helpBar .data .icon .text ul li:nth-child(3){animation: textAnimation3 1.5s infinite linear;-moz-animation: textAnimation3 1.5s infinite linear;width:0px;}
#helpBar .data .description{margin-right:100px;color: #6d7d94;font-size:18px;font-weight:300;margin-top: 0px;font-style: italic;line-height: 22px;}
#helpBar .data .closeButton{height:35px;width:35px;background:#47566d;border-radius:50%;position:absolute;top:15px;right:15px;text-align:center;font-size: 20px;padding-top: 8px;color:white;}
#helpBar .data .closeButton:hover{cursor:pointer;opacity:0.8;}
#helpBar .description .link{color:#f24440;text-decoration: underline;}
#helpBar .description .link:hover{cursor: pointer;opacity: 0.8;}
@-webkit-keyframes textAnimation1 {
  	0% {width:0px;}
  	33% {width:100%;}
  	100% {width:100%;}
}
@keyframes textAnimation1 {
  	0% {width:0px;}
  	33% {width:100%;}
  	100% {width:100%;}
}

@-webkit-keyframes textAnimation2 {
  	0% {width:0px;}
  	33% {width:0px;}
  	66% {width:100%;}
  	100% {width:100%;}
}
@keyframes textAnimation2 {
  	0% {width:0px;}
  	33% {width:0px;}
  	66% {width:100%;}
  	100% {width:100%;}
}

@-webkit-keyframes textAnimation3 {
  	0% {width:0px;}
  	66% {width:0px;}
  	100% {width:70%;}
}
@keyframes textAnimation3 {
  	0% {width:0px;}
  	66% {width:0px;}
  	100% {width:70%;}
}

@-webkit-keyframes cogAnimation {
  	0% {transform: rotate(0deg);}
  	100% {transform: rotate(360deg);}
}
@keyframes cogAnimation {
  	0% {transform: rotate(0deg);}
  	100% {transform: rotate(360deg);}
}

.table-mailchimp thead tr th div.group {
  display: block!important;
}

.table-newsletter tbody tr td {
  white-space: normal;
}

/* NOTIFICATION */
.listNotification li{background:#eee;}
.listNotification li.seen{background:white;}
.listNotification li.empty_notification{padding: 80px 20px;font-size: 18px;font-weight: 300;line-height: 24px;background: white;text-align: center;width: 250px;}

/*************** ACCOUNT MANAGER BEGIN **************************************************************************************/
section#accountmanager{
  margin-top: 70px;
  background: #fff;
}
section#accountmanager div{
  display: inline-block;
}

section#accountmanager div .text h2,
section#accountmanager div .text p,
section#accountmanager div .text div{
  font-weight: 300;
  color: #48576d;
}

section#accountmanager div .text .form-inline{
  display: flex;
}

section#accountmanager div .text div .btn.gradientFacestore{
  min-width: auto;
  padding: 7px 20px;
  font-weight: bold;
  font-size: 14px;
  height: 36px;
  margin: 8px 0 0 1px;
}

section#accountmanager div .text div.form-group input{
  border: 1px solid #eaeff3;
  border-radius: 5px;
  padding: 6px 12px;
}

section#accountmanager div .text div label{
  background-color: #edf2f4;
  padding: 7px 20px;
  height: 36px;
  margin: 8px 1px 0 0;
}

section#accountmanager div.card.col-md-6{
  width: 49%;
  min-height: 450px;
}

section#accountmanager div .image-manager img{
  width: 190px;
  height: 190px;
}

section#accountmanager div .card .group fieldset div.wrapperForm div > div > label{
  font-weight: normal;
}

section#accountmanager div .card .group fieldset div.wrapperForm div > div > span{
  font-size: 16px;
  font-weight: 300;

}

section#accountmanager div .card .group fieldset div.wrapperForm div > i{
 font-size: 31px;
  float: left;
}

section#accountmanager div .card .group fieldset div.wrapperForm div > h2{
  font-size: 28px;
}

section#accountmanager div .card .group fieldset div.wrapperForm div > div.form-group .form-control{
  padding-left: 35px;
  height: 40px;
}

section#accountmanager div .card .group fieldset div.wrapperForm div > div.form-group > label.control-label{
  margin-bottom: 10px;
}

section#accountmanager div .card .group fieldset div.wrapperForm div > div.form-group i{
  position: absolute;
  left: 0px;
  top: 0px;
}

section#accountmanager div .card .group fieldset div.wrapperForm div > p.description{
  font-size: 14px;
}

section#accountmanager div .card .group fieldset div.wrapperForm{
  padding: 20px 30px 0px 30px;
  color: #6c7d94;
}
/*************** ACCOUNT MANAGER END **************************************************************************************/

ul.price-sell li{
  display:flex!important;
  justify-content: space-between!important;
  align-items: center!important;
}

ul.price-sell li div.value{
  padding: 0px;
  margin: 0px;
}

.price-sell .value input:not(.datepicker){

}

.price-sell .value input:not(.datepicker){
  padding: 0px 0px 0px 25px;
}

.price-sell .currency-symbol {
  position: absolute;
  top: 20%;
}

/* EXPIRED PAGE */
.popupExpired{position: fixed;top:0px;left: 0px;width:100%;height:100%;display: inline-block;z-index: 9999;background:rgba(0,0,0,0.2);}
.popupExpired + .wrapper{filter:blur(4px);}
.popupExpired .data{font-family: "Roboto", "Helvetica", "Arial", sans-serif;width:1000px;max-width:100%;padding:30px 60px;background:rgba(251, 252,253, 1);border-radius:5px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);    box-shadow: 0 0 30px 0px rgba(114, 129, 151, 0.2);}
.popupExpired .data .title{font-size: 24px;font-weight: 300;color: #6c7d94;margin-bottom:20px;}
.popupExpired .data .subtitle{font-size: 44px;font-weight: 300;color: #f0261f;margin-bottom:20px;line-height:46px;}
.popupExpired .data .description{font-size: 16px;font-weight: 400;color: #6c7d94;margin-bottom:20px;line-height:26px;max-width:70%;margin-bottom:20px;}
.popupExpired .data .description a{text-decoration:underline;}
.popupExpired .data .description b{color:#223653}
.popupExpired .data .satelite{position: absolute;top: -100px;right: -350px;width: 750px;}
.popupExpired .data .satelite img{max-width:100%;}
.popupExpired .plansList .card{margin-bottom:0px;}
.popupExpired .plansList .card .group{text-align: center;}
.popupExpired .plansList .card .group ul{width:100%;display:inline-block;margin-bottom:20px;margin-top: 0px;}
.popupExpired .plansList .card .group ul li{margin: 0px;padding: 0px;float: left;width: 340px;max-width: 32%;list-style: none;margin: 0px 20px;background: white;box-shadow: 0 0 30px 0px rgba(114, 129, 151, 0.2);padding: 15px 20px 40px;-webkit-transition: all 0.4s ease-in-out;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;max-width:31%;margin:0px 10px;padding-bottom:40px;}
.popupExpired .plansList .card .group ul li .price{font-size:38px;color: #6d7d94;font-weight: 500;display: inline-block;}
.popupExpired .plansList .card .group ul li .descriptionPlan{font-size:14px;line-height:18px;height:90px;margin-bottom:0px;margin-top:10px;}
.popupExpired .plansList .card .group ul li .price .period{font-size:20px;margin-top:4px;}
.popupExpired .plansList .card .group ul li .name{margin-bottom:20px;font-size: 22px;text-transform: uppercase;font-weight: 300;}
.popupExpired .plansList .card .group ul li .image{height:80px;}
.popupExpired .plansList .card .group ul li .image img{height:40px;width: auto;position: relative;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.wellcome-cms h2 {
  font-weight: 300;
}

.wellcome-cms p {
  font-weight: normal;
}

.line-buttons{
   display: flex;
}

.card-body{
  display: inline-block;
}

/*************** CARD ********************************************************************************************/

.fluid-card .card.col-md-4{width: 32%}
.fluid-card .card.col-md-4:nth-child(2){margin:25px 2%;}
.fluid-card {display: flex;}
.fluid-card .card{flex: 1;}
.fluid-card .card .group{ height: 100%}
.fluid-card .card .icon{font-size:40px;color:#f0261f;width: 45px}

.fluid-card .card .action a.btn{
  margin-right: 30px;
}

.fluid-card .card > .action {
  min-height: 60px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.fluid-card .card .action a.btn{
  margin-right: 30px;
}
.fluid-card .card .action .link {
  color: #6e7d94;
  font-weight: 300;
  white-space: nowrap;
}
.fluid-card .card .name{font-size:20px;color:#6c7d94;font-weight:500;margin:30px 0px 15px;}
.fluid-card .card .description{font-size:16px;color:#6c7d94;font-weight:300;margin-bottom:15px;min-height:100px;}
.fluid-card .card .description.balance{font-size: 80px;line-height: 80px;margin-top: 20px;text-align: left;}
/*************** CARD ********************************************************************************************/

.input-box div input{
  border: 1px solid #eaeff3!important;
  padding: 5px!important;
  font-size: 14px!important;
}

.no-background {
  background: transparent!important;
}
.card .links .searchBox .data .bs-searchbox input:focus {
  box-shadow: none
}

.card .links .searchBox .data .bs-searchbox input {
  height: 30px;
}

/* TRANSFER BANK */
.transferBank .col-md-6:nth-child(2n){padding-left:15px!important;padding-right:0px;}

/******************************************** UPLOAD IMAGES Drag&Drop *************************************************/
.dragdrop .modal-body div .image-uploader > .preview {
  height: 300px;
  width: 100%;
  border: 2px dashed #ccc;
  margin-bottom: 30px;
  margin: 5px 0;
  overflow: auto;
  position: relative;
}

.dragdrop .modal-body div .image-uploader .droptarget{
  margin-top: 50px;
}

.dragdrop .modal-body div .image-uploader .droptarget > .controlImg {
  border: solid 1px #ed292a;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}

.dragdrop .modal-body div .image-uploader .preview .droptarget .droptext {
  color: #6d7d93;
  font-size: 16px;
  margin-top: 5px;
  font-weight: normal;
  text-align: center;
}

.dragdrop h2 {
  font-size: 30px;
  text-transform: none;
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 60px;
  display: block;
  text-align: center;
  color: #6d7d93;
  font-weight: 500;
}

.dragdrop .modal-body div .image-uploader .preview .droptarget #image_uploader_file_button:hover {
  cursor: pointer;
}

.dragdrop .modal-body .box .image-uploader .preview #previews .file-row div .progress {
  height: 12px;
  border-radius: 50px;
  flex: 2;
  margin: 5px 0px;
}

.dragdrop .modal-body .box .image-uploader .preview  #previews .file-row div .name {
  font-size: 12px;
  color: #919eaf;
  font-weight: normal;
}

.dragdrop .modal-body .box .image-uploader .preview #previews .file-row .status {
  display: flex;
  justify-content: space-between;
}

.dragdrop .modal-body .box .image-uploader .preview #previews .file-row .status .size {
  font-size: 12px;
  color: #919eaf;
  font-weight: 300;
  margin-left: 5px;
  white-space: nowrap;
  flex: 1;
}

.dragdrop .modal-body div .image-uploader .preview .droptarget #image_uploader_file_button {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.dragdrop .btn.start span{
  font-size: 12px;
}

.dragdrop .btn.start,
.dragdrop .btn.delete {
  padding: 12px 12px;
  margin: 0px;
  min-width: auto;
  font-size: 12px;
  font-weight: 400;
}

.dragdrop .modal-body .box .image-uploader .preview #previews .file-row div .preview img{
  width: 100%;
  height: 100%;
}

.dragdrop .modal-body .box .image-uploader .preview .controlDrop ,
.dragdrop .modal-body .box .image-uploader .preview #previews .file-row {
  height: 230px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.dragdrop .modal-body .box .image-uploader .preview #previews .file-row div .preview {
  width: 100px;
  height: 100px;
  display: block;
  border-radius: 25px;
}

.dragdrop .modal-body .text-obs {
  color:#6c7d94;
  font-weight: normal;
}

.dragdrop .modal-body .box .image-uploader .preview .controlDrop .droptarget.small {
  border: 1px dashed #6c7d94;
}

.dragdrop .modal-body div .image-uploader .preview .droptarget.small .droptext{
  font-size: 12px;
  font-weight: normal;
  color: #777;
  line-height: 15px;
}

.dragdrop .modal-body .box .image-uploader .preview .droptarget.small {
  margin-top: 0px;
  position: relative;
  width: 100%;
  padding: 10px;
  height: 100%;
  background: none;
  border: 1px solid #aaa;
  border-radius: 3px;
}

.dragdrop .modal-body .box .image-uploader .preview .droptarget.small > .controlImg{
  width: 70px;
  margin-top: 45px;
  height: 70px;
}

.dragdrop .modal-body .box .image-uploader .preview .droptarget.small > .controlImg img{
  height: 40px;
}

.dragdrop .modal-footer .btn.delete{
  float: right;
}

.dragdrop .modal-footer{
  text-align:center;
}

/*.dragdrop .modal-footer{*/
  /*display: flex;*/
  /*align-items: flex-start;*/
/*}*/

.dragdrop .modal-body .box .image-uploader .preview.border-none .controlDrop.ui-sortable-handle{
  float: left;
}


/* SHOW CASE */
.showCasePage{background:white;height:100vh;overflow: hidden;}
.showCasePage .logo{position: absolute;top:40px;left:10vw;z-index:9;}
.showCasePage .logo img{height: 36px;}
.showCasePage .data{width:100%;display: inline-block;position: relative;padding:50px 0px;}
.showCasePage .data .item{width:100%;text-align:center;color:#728197;}
.showCasePage .data .item .name{text-transform:uppercase;font-weight:300;font-size:22px;margin-bottom:40px;margin-top: 10px;}
.showCasePage .data .item .boxPreview{width:100%;height: 36px;display:inline-block;float:left;margin-bottom: -20px;margin-top: 0px;position: relative;z-index: 9999;}
.showCasePage .data .item .preview{background:#edf1f4;border-radius:20px;padding:6px 10px;display: inline-block;color:#fff;font-size:14px;font-weight:300;line-height:24px;}
.showCasePage .data .item .preview i{font-size:24px;float: left;margin-right:5px;}
.showCasePage .data .item .image{padding:0px 0px;width: 100%;display: inline-block;position: relative;} 
.showCasePage .data .item .description{font-size:16px;font-weight:300;margin-top: -50px;position: relative;display: inline-block;float: left;width: 100%;} 
.showCasePage .data .carousel-control{opacity:1;box-shadow: 0 0 30px 0px rgba(114, 129, 151, 0.2);top: 50%;bottom: auto;left: 50%;margin-left: -460px;text-shadow: none;color: #728197;width: 70px;height: 70px;border-radius: 10px;background: white;line-height: 70px;font-size: 26px;}
.showCasePage .data .carousel-control.right{margin-left: auto;margin-right: -460px;right:50%;left:auto;margin-left: auto;}

.showCasePage .data .item .image .scroll{position: absolute;top: 25px;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);}
.showCasePage .data .item .image .scroll::-webkit-scrollbar {display: none;}
.showCasePage .data .item .image .scroll img{width:100%;}

.showCasePage .data .item.desktop .image .scroll{width:630px;height: 376px;overflow: scroll;margin-top:69px;}
.showCasePage .data .item.mobile .image .scroll{width:218px;height: 420px;overflow: scroll;margin-top:70px;border-bottom-left-radius: 25px;border-bottom-right-radius: 25px;}
.showCasePage .data .item.facebook .image .scroll{width: 394px;height: 331px;overflow: scroll;margin-top: 114px;margin-left: 19px;}
.showCasePage .data .item.google .image .scroll{width:630px;height: 376px;overflow: scroll;margin-top:69px;}

.showCasePage .data .item.instagram .image .scroll{width:216px;height: 380px;overflow: scroll;margin-top:70px;}

.showCasePage .controlDevice{position: absolute;top:45px;right:10vw;color:#728197;text-align:center;z-index:9;}
.showCasePage .controlDevice .closePage{width:45px;height:45px;text-align:center;border-radius:50%;background:#edf1f4;font-size:22px;display:inline-block;color:#728197;line-height:45px;margin-bottom:70px;}
.showCasePage .controlDevice ul{padding:0px;margin:0px;}
.showCasePage .controlDevice ul li{padding:0px;margin:0px;width:100%;list-style:none;width:80px;height:60px;text-align:center;font-size:18px;line-height:60px;margin-bottom:10px;}
.showCasePage .controlDevice ul li.active{background:#edf1f4;}
.showCasePage .controlDevice ul li:hover{cursor:pointer;opacity:0.8;}


#ctt_expresso_pickup_div .modal-dialog .modal-content .modal-header,
#ctt_expresso_pickup_div .modal-dialog .modal-content .modal-footer {
  text-align: center
}

/*Shipping*/
.tableList table tbody tr td .img-shipping {
  max-height: 70px;
  width: auto;
  float: left;
  margin-right: 20px;
}

.table-shipping .nameRow .group {
  width: auto;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
#ctt_expresso_pickup_div .modal-dialog .modal-content .modal-body .wrapperForm {
  padding-top: 0px;
}

#ctt_expresso_pickup_div .modal-dialog .modal-content .modal-body .wrapperForm div > div.form-group i {
  position: absolute;
  font-size: 30px;
  left: 15px;
  top: 0px;
  color: #6c7d94;
}

#ctt_expresso_pickup_div .modal-dialog .modal-content .modal-body .wrapperForm div > div.form-group .form-control {
  padding-left: 35px;
  height: 40px;
}

.table-shipping table tbody tr td .dependence_14{
  display: grid;
  grid-template-columns: 1fr 50px 1fr;
  grid-template-rows: auto;
  align-items: center;
  grid-template-areas:
          "administrative_code . sedex_today"
          "password . sedex_10"
          "sedex_12 . pac"
          "sedex . self_hand"
          "declared_value . warning_reception";
}

.table-shipping table tbody tr td .dependence_14 > div{
  margin: 15px 0px;
}

.table-shipping table tbody tr td .dependence_14 .administrative_code{
  grid-area: administrative_code;
}

.table-shipping table tbody tr td .dependence_14 .sedex_today{
  grid-area: sedex_today;
}

.table-shipping table tbody tr td .dependence_14 .password{
  grid-area: password;
}

.table-shipping table tbody tr td .dependence_14 .sedex_10{
  grid-area: sedex_10;
}

.table-shipping table tbody tr td .dependence_14 .sedex_12{
  grid-area: sedex_12;
}

.table-shipping table tbody tr td .dependence_14 .pac{
  grid-area: pac;
}

.table-shipping table tbody tr td .dependence_14 .sedex{
  grid-area: sedex;
}

.table-shipping table tbody tr td .dependence_14 .self_hand{
  grid-area: self_hand;
}

.table-shipping table tbody tr td .dependence_14 .declared_value{
  grid-area: declared_value;
}

.table-shipping table tbody tr td .dependence_14 .warning_reception{
  grid-area: warning_reception;
}
section#accountmanager div.aling-center{
    display: flex;
    align-items: center;
}

.form-horizontal section#carriers .wrapperForm .boxHidden .box > div > .row > .row {
  padding-top: 40px;
}

.control-label-brands {
  padding-left: 20px;
  position: relative;
}

.control-label-brands i {
  position: absolute;
  left: 0px;
  top: 5px;
  color: #6c7d94;
}

section#accountmanager div.aling-center{
    display: flex;
    align-items: center;
}


/* TOOLTIP - Facestore */
.tooltipFS{display: inline-block;position: relative;}
.tooltipFS .text{font-family: "Roboto", "Helvetica", "Arial", sans-serif;z-index:99;opacity:0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;visibility: hidden;transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-webkit-transform: translateX(-50%);position: absolute;left:50%;bottom: 50%;background: white;position: absolute;z-index: 1070;font-size: 13px;font-style: normal;font-weight: 500;line-height: 1.42857143;text-align: left;text-align: start;text-decoration: none;text-shadow: none;text-transform: none;letter-spacing: normal;word-break: normal;word-spacing: normal;word-wrap: normal;white-space: normal;line-break: auto;line-height: 18px;background: #6c7c94;color: #fff;border: none;border-radius: 5px;padding: 10px 15px;min-width: 180px;text-align: left;}
.tooltipFS .text a{color:#fff;font-weight: 900;}
.tooltipFS .text a:hover{color:#fff;cursor: pointer;}
.tooltipFS:hover .text{visibility:visible;bottom:100%;opacity:1;margin-bottom: 10px;}
.tooltipFS .text:after{content: '';position: absolute;bottom: -14px;left: 50%;width: 14px;transform: translateX(-50%);-moz-transform: translateX(-50%);-o-transform: translateX(-50%);-webkit-transform: translateX(-50%);background: transparent;height: 14px;border-top: 7px solid #6c7c94;border-right: 7px solid transparent;border-left: 7px solid transparent;}

#hasDeliveries_checkbox, #divFixedDeliveries {
  text-align: left;
  padding: 20px 0px;
}

/* STEPS - */
.stepsPage {display: inline-block;padding: 20px;width: 100%;color: #6c7d94;}
.stepsPage .header{width: 100%;display: inline-block;margin-bottom: 20px;}
.stepsPage .header .group{display: inline-block;width: 100%;}
.stepsPage .header .welcome{float:left;line-height: 34px;font-size: 30px;font-weight: 400;padding-top: 10px;max-width: 70%;}
.stepsPage .header .welcome span{float:left;font-size: 20px;font-weight: 300;}
.stepsPage .header .phone{float:right;padding: 14px 20px; border-radius: 5px;}
.stepsPage .header .phone .group{display: inline-block;width: 100%;float:left;}
.stepsPage .header .phone .img{float: left;margin-right: 20px;padding-top: 7px}
.stepsPage .header .phone .text{float: left;font-weight: 300;font-size: 14px;color: #6c7d94;}
.stepsPage .header .phone .text:hover{opacity: 0.8;}
.stepsPage .header .phone .text span{font-size: 25px; font-weight: 400; margin-top: 6px;display: inline-block;width: 100%;text-align: center;}

.stepsPage .data {width: 100%;color: #6c7d94;}
.stepsPage .data ul {width: 100%;padding: 0px;margin: 0px;}
.stepsPage .data ul li{float:left;padding: 0px;margin: 0px;display: inline-block;width:24.2%;padding: 25px 25px 10px;border-radius: 5px;margin-right: 1%;margin-bottom: 2%;}
.stepsPage .data ul li:nth-child(4n){margin-right: 0px;}
.stepsPage .data ul li .img {width: 100%;display: inline-block;margin-bottom: 20px;height:50px;position: relative;}
.stepsPage .data ul li .img .info{position: absolute;top: 0px;right: 0px;font-size: 20px;color:#EF4215;}
.stepsPage .data ul li .img img{max-height: 50px;display: inline-block;max-width: 100px;}
.stepsPage .data ul li .title{font-size: 20px;font-weight: 400;margin-bottom: 15px;width: 100%;display: inline-block;color: #6c7d94;height:42px;}
.stepsPage .data ul li .description{font-size: 16px;font-weight: 300;width: 100%;display: inline-block;color: #6c7d94;height:65px;margin-bottom: 10px;}
.stepsPage .data ul li .action{width: 100%;display: inline-block;text-align: right;}
.stepsPage .data ul li .action a{color:#EF4215;position: relative;padding: 12px 20px;margin: 10px 1px;font-size: 16px;font-weight:400;border: 1px solid #EF4215;border-radius:5px;display: inline-block;}
.stepsPage .data ul li .action a:hover{cursor:pointer;opacity: 0.8;}
.stepsPage .data ul li a:hover{opacity: 0.8;}
.stepsPage .data ul li.check .img .info{color:#00d48c;}
.stepsPage .data ul li.check .action a{color:#00d48c;border-color:#00d48c;}

.stepsPage .action{display: inline-block;width: 100%;}
.stepsPage .action .group{display: inline-block;}
.stepsPage .action .group a{display: inline-block;float: left;margin:20px 30px;}


/* WELCOME PAGE - nos */
.box.nos_page_into{width: 50%;display: inline-block;}
.box.nos_page_into .title{width: 100%;text-align: center;font-size: 24px;font-weight: 400;color: #728197;margin: 50px 0px;}
.box.nos_page_into .text{width: 100%;text-align: left;font-weight: 300;color: #728197;}
.box.nos_page_into .form-actions{width: 100%;text-align: center;margin: 50px 0px;}