@import url('https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap');
/*font-family: 'Lato', sans-serif;*/
body{font-family: 'Lato', sans-serif; color:#3e3e3e; font-size:16px; line-height:1.2;padding-top:62px; }
h1{font-family: 'Lato', sans-serif; font-size:56px; line-height:1;font-weight:900; }
h2{font-family: 'Lato', sans-serif; font-size:48px; line-height:1;font-weight:900;}
h3 {font-family: 'Lato', sans-serif; font-size: 32px;font-weight:900; line-height:1.1;}
h4 {font-family: 'Lato', sans-serif; font-size: 22px;}
h5 {font-family: 'Lato', sans-serif; font-size: 20px; font-weight:700;}
h6 {font-family: 'Lato', sans-serif; font-size: 18px;}
.button{    transition: all .5s ease 0s;font-family: 'Lato', sans-serif; background:rgba(44,133,237); font-size:16px;font-weight:700; color:#fff;
border:none; border-radius:4px; padding:8px 20px; line-height:1.2; display:inline-block;}
.button:hover,
.button:focus,
.button:active{ background-color: #009688; color:#fff;outline:none;}
a{color:#3e3e3e;    transition: all .5s ease 0s;}
a:hover{color:#2c85ed; text-decoration:none;}
a:focus{box-shadow:none !important; outline:none;}

/**** Header *****/
header{ padding:0 15px; background:#fff;}
header nav.navbar{ background:#fff; padding: .9rem 0;}
header nav.navbar.navbar-shrink{box-shadow: 0px 0px 10px rgba(0,0,0,0.1);}
.navbar-brand{ padding:0;}
header nav ul{}
header nav ul > li{ padding:0 20px;margin: auto;}
header nav ul li:first-child{ padding-left:0;}
header nav ul li:last-child{ padding-right:0;padding-left: 0;}
header nav ul li a{ font-size:16px; font-weight:700;}
header nav ul li.dropdown{}
header nav ul li.dropdown ul.dropdown-menu li{ padding:0;}
header nav ul li.dropdown  ul.dropdown-menu a{ font-size:14px;padding:14px 10px; border-radius:4px;}
header nav ul li.dropdown  ul.dropdown-menu a:hover,
header nav ul li.dropdown  ul.dropdown-menu a:focus,
header nav ul li.dropdown  ul.dropdown-menu a:active{ background:#EFEFEF; outline:none;}
header .navbar-expand-lg .navbar-nav li .nav-link.btn{ background:transparent; color:#2c85ed; font-size:16px;font-weight:700; border:1px solid #2c85ed; padding:10px 40px 12px; line-height:1;}
header .navbar-expand-lg .navbar-nav li .nav-link.btn:hover,
header .navbar-expand-lg .navbar-nav li .nav-link.btn:focus,
header .navbar-expand-lg .navbar-nav li .nav-link.btn:active{ background:#2c85ed; color:#fff; box-shadow:none;}
header nav .dropdown-toggle:after{display:none;}
.user-id{}
.user-id a { padding-right:0;}
.user-id a img{ width:40px; height:40px; border-radius:50%; margin-right:10px;}
header nav ul li.dropdown ul.dropdown-menu { padding: 5px; border: none; background: #fff; box-shadow: 0px 0px 14px rgba(0,0,0,0.1); margin-top: 10px;
right: 0; left: auto; width:250px;}
.navbar-expand-lg .navbar-nav .dropdown-menu:before{content:"";width: 0; height: 0;border-left: 15px solid transparent;border-right: 15px solid transparent;
border-bottom: 15px solid #fff;position: absolute;top: -11px;left: 60%;transform: translateX(-50%);}

.search-nav{ padding-left:0; padding-right:28px;}
.search-nav.dropdown .dropdown-toggle::after{ display:none;}
.search-nav a{ background:#F9F8FD; border-radius:50px;}
.search-nav.dropdown .dropdown-menu{position: absolute;left: -246px;width: 290px; border:none;}
.search-nav.dropdown .dropdown-menu:before{display:none;}
form.search{}
form.search input{width:calc(100% - 80px); display:inline-block; vertical-align:middle; border:1px solid #F9F8FD; border-radius:4px 0 0 4px; background:#fff;
padding:11px 10px 13px;font-size: 14px;box-shadow:0px 0px 14px rgba(0,0,0,0.1)}
form.search button{width:80px; display:inline-block; vertical-align:middle; border-radius:0 4px 4px 0; background:#FE5246;padding: 11px 10px 13px; border:none; color:#FFF; font-size:14px;}


/**** Footer *****/
footer{ padding:20px 0 20px;}
footer .container{ max-width:900px; width:100%;}
footer .text-center p{ margin-bottom:10px; font-size:14px;}



/***** Login *******/

.login-section{ padding:40px 0; }
.login-section .form-group .form-control{ width:100%; display:block;}
.login-section .custom-box{ max-width:620px; width:100%; box-shadow:0px 10px 20px rgba(0,0,0,.1); margin:0 auto; border-radius:12px;padding: 40px;}
.login-section .custom-box .logo{ text-align:center; margin-bottom:30px;}
.login-section .custom-box .form-group { margin-bottom: 1.5rem;}
.login-section .custom-box .form-group:last-child { margin-bottom:0;}
.login-section .custom-box .button{ max-width:180px; width:100%; text-transform:uppercase; font-weight:400;}

.upload-section{ padding:100px 0 50px;}
.upload-section .container{ max-width:800px;}
.upload-section .box{background-color: #fff; position: relative;	padding: 70px 20px 60px; border:3px solid #EFEFEF; border-radius:12px; }
.upload-section .box .box__input{ text-align:center;}
.upload-section .box .box__input h5{ font-weight:400;}
.upload-section .box .box__input strong{font-weight:400; color:#2C85ED; cursor:pointer;}
.upload-section .box.has-advanced-upload{}
.upload-section .box.is-dragover{}
.upload-section .box__dragndrop,
.upload-section .box__icon{display: none;}
.upload-section .box.has-advanced-upload .box__dragndrop{display: inline;}
.upload-section .box.has-advanced-upload .box__icon{width: auto;  height: 120px; display:inline-block;  margin-bottom: 40px;}
.upload-section .box.is-uploading .box__input,
.upload-section .box.is-success .box__input,
.upload-section .box.is-error .box__input{visibility: hidden;}
.upload-section .box__uploading,
.upload-section .box__success,
.upload-section .box__error	{display: none;}
.upload-section .box.is-uploading .box__uploading,
.upload-section .box.is-success .box__success,
.upload-section .box.is-error .box__error{display: block;position: absolute;top: 50%;right: 0;	left: 0;-webkit-transform: translateY( -50% );
transform: translateY( -50% ); text-align:center; font-size:18px;}
.upload-section .box__uploading{font-style: italic;}
.upload-section .box__success{-webkit-animation: appear-from-inside .25s ease-in-out;animation: appear-from-inside .25s ease-in-out;}
@-webkit-keyframes appear-from-inside
{
	from	{ -webkit-transform: translateY( -50% ) scale( 0 ); }
	75%		{ -webkit-transform: translateY( -50% ) scale( 1.1 ); }
	to		{ -webkit-transform: translateY( -50% ) scale( 1 ); }
}
@keyframes appear-from-inside
{
	from	{ transform: translateY( -50% ) scale( 0 ); }
	75%		{ transform: translateY( -50% ) scale( 1.1 ); }
	to		{ transform: translateY( -50% ) scale( 1 ); }
}
.upload-section .box__restart{	font-weight: 700;}
.upload-section .box__restart:focus,
.upload-section .box__restart:hover{color: #3e3e3e;}
.upload-section .box__file{width: 0.1px;height: 0.1px;	opacity: 0;	overflow: hidden;position: absolute;z-index: -1;}
.upload-section .js .box__file + label{max-width: 80%;text-overflow: ellipsis;	white-space: nowrap;cursor: pointer;display: inline-block;overflow: hidden;}
.upload-section .js .box__file + label:hover strong,
.upload-section .box__file:focus + label strong,
.upload-section .box__file.has-focus + label strong{color: #39bfd3;}
.upload-section .js .box__file:focus + label,
.upload-section .js .box__file.has-focus + label{outline: 1px dotted #000;	outline: -webkit-focus-ring-color auto 5px;}
.upload-section .js .box__file + label *{/* pointer-events: none; */ /* in case of FastClick lib use */}
.upload-section .no-js .box__file + label{display: none;}
.upload-section .no-js .box__button{display: block;}
.upload-section .box__button{font-weight: 700;color: #e5edf1;background-color: #39bfd3;	display: none;padding: 8px 16px;margin: 40px auto 0;}
.upload-section .box__button:hover,
.upload-section .box__button:focus{	background-color: #0f3c4b;}

.uploaded-files{ display:flex; flex-wrap:wrap; padding:0; margin:25px 0 0;}
.uploaded-files li{color:#2C85ED; margin-right:20px; margin-bottom:30px; list-style:none; padding-left:0;}
.uploaded-files li:last-child{ margin-right:0;}
.uploaded-files li .del-file{ display:inline-block; margin-left:10px; position: relative; top: -2px;}

/* Tags */
.tagsinput,.tagsinput *{box-sizing:border-box}
.tagsinput{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;
background:#EFEFEF;    border-radius: 4px;  border:none;padding: 8px 8px 0 8px;}
.tagsinput.focus{}
.tagsinput .tag{position:relative;background:#96C8EA;display:block;max-width:100%;word-wrap:break-word;color:#fff;padding:12px 30px 12px 10px;border-radius:4px;
margin:0 8px 8px 0; font-size:14px; font-weight:400;}
.tagsinput .tag .tag-remove{position:absolute;background:0 0;display:block;width:30px;height:30px;top:6px;right:0;cursor:pointer;text-decoration:none;
text-align:center;color:#fff;line-height:30px;padding:0;border:0}
.tagsinput .tag .tag-remove:after,.tagsinput .tag .tag-remove:before{background:#fff;position:absolute;display:block;width:10px;height:2px;top:14px;left:10px;content:''}
.tagsinput .tag .tag-remove:before{-webkit-transform:rotateZ(45deg);transform:rotateZ(45deg)}
.tagsinput .tag .tag-remove:after{-webkit-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
.tagsinput div{-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1}
.tagsinput div input{background:#EFEFEF; padding:10px 15px; border:none;display:block;width:100%;font-size:16px;margin:0 8px 8px 0}
.tagsinput div input.error{color:#ff6b6b}
.tagsinput div input::-ms-clear{display:none}
.tagsinput div input::-webkit-input-placeholder{color:#ccc;opacity:1}
.tagsinput div input:-moz-placeholder{color:#ccc;opacity:1}
.tagsinput div input::-moz-placeholder{color:#ccc;opacity:1}
.tagsinput div input:-ms-input-placeholder{color:#ccc;opacity:1}

.form-group{margin-bottom: 2rem;}
.form-group label{ font-weight:400; font-size:16px; width:100%;}
.form-group label span{color:#B2B2B2; font-size:14px; font-weight:400;}
.form-group .form-control{background:#EFEFEF; border-radius:4px; padding: 9px 15px; border:none;height: 54px;}
form .button{ padding:15px 20px; font-size:16px;}
.form-group textarea{ resize:none;}
.form-group select.form-control{background:#EFEFEF url(../img/arrow.svg)right 10px center no-repeat; -webkit-appearance: none;appearance: none;}
.form-group .btn-wrapper{ width:148px; display:inline-block; vertical-align:top; margin-left:30px;}
.form-group .btn-wrapper .button{width: 100%;  text-align: center; border:1px solid #2C85ED; color:#2C85ED; font-weight:400;    background: transparent;}
.form-group .btn-wrapper .button:hover,
.form-group .btn-wrapper .button:focus{ color:#fff; background:#2C85ED;}
.form-group .form-control, .form-group.custom-tags{width:calc(100% - 182px); display:inline-block; vertical-align:top;}
.form-group .form-control:focus{ outline:none; box-shadow:none; border:none;}
.form-group textarea.form-control{ height:98px}

#changelist-filter{margin-left: 30px;}

/*** Popup ****/
.modal-backdrop.show { opacity: .8;}
.exceed-limit .modal-content{ border-radius: 10px;}
.exceed-limit .modal-dialog{ max-width:600px;}
.exceed-limit .modal-content .close{opacity: 1; position: absolute; right: 15px; top: 8px;z-index: 1;}
.exceed-limit .modal-content .modal-body{ text-align:left; padding:40px 40px;}
.exceed-limit .modal-content .modal-body h5{ color:#3E3E3E; font-weight:700;margin-bottom: 30px; font-size:24px;}
.exceed-limit .modal-content .modal-body p{ font-size:14px;margin-bottom: 10px;}
.exceed-limit .modal-content .modal-body .form-group .form-control { display:block; width:100%;}
.exceed-limit .modal-content .modal-body .form-group label{ margin-bottom:15px;}
.exceed-limit .modal-content .modal-body .btn-wrapper{ text-align:right;}
.exceed-limit .modal-content .modal-body .btn-wrapper .button{ padding:18px 35px; font-weight:400;}


.weladmin-section{ background:#EFEFEF; padding:120px 0;}
.weladmin-section .container{ max-width:1000px;}
.weladmin-section h1{font-size:40px; margin-bottom:30px;}
.weladmin-section .inner-box{ border-radius:8px; background:#fff;}
.weladmin-section .inner-box table{padding:0; margin:0;width: 100%;}
.weladmin-section .inner-box table tr td,
.weladmin-section .inner-box table tr th{ vertical-align:middle; padding:10px 15px;}
.weladmin-section .inner-box table tr th{width:100%;}
.weladmin-section .inner-box table tr:nth-child(2n+2){ background:#F4FCFF;}
.weladmin-section .inner-box table tr td.name{ margin:auto 0;}
.weladmin-section .inner-box table tr td:last-child{ padding-left:0;}
.weladmin-section .inner-box table tr .btn-wrapper{ margin:auto 0 auto auto;}
.weladmin-section .inner-box table tr .gray-btn{background:#EFEFEF; color:#3E3E3E;}
.weladmin-section .inner-box table tr .gray-btn:hover
.weladmin-section .inner-box table tr .gray-btn:focus,
.weladmin-section .inner-box table tr .gray-btn:active{background-color: #009688;color: #fff;}
.weladmin-section .title-bar{ display:flex; flex-wrap:wrap; padding-bottom:30px; margin-left:-15px; margin-right:-15px;}
.weladmin-section .title-bar h1{width:34%; margin:auto; padding: 0 15px;}
.weladmin-section .title-bar .btn-box{ width:66%;margin: auto; display: flex; padding: 0 15px;}
.weladmin-section .title-bar .btn-box .search{ max-width: 310px;width: 100%; }
.weladmin-section .select-box{ display:flex;position: absolute; top: -73px;left: calc(100% - 320px);}
.weladmin-section .select-box select:focus{ outline:none;}
.weladmin-section .select-box select{height:43px;margin-left: 15px; width: 110px; border-radius:4px 0 0 4px; border: none; padding: 0 7px; appearance: none;font-size: 14px;-webkit-appearance: none; background:#fff url(../img/arrow.svg)center right 8px no-repeat; box-shadow: 0px 0px 14px rgba(0,0,0,0.1); color:#3e3e3e;}
.weladmin-section .select-box .go-btn{height: 43px;padding: 10px; text-align:center;margin-left: 0 !important;border-radius: 0 4px 4px 0px;}
.weladmin-section .title-bar .btn-box .button{margin-left:auto;line-height:1.4;}
.weladmin-section .title-bar .btn-box .search input{width: calc(100% - 70px);}
.weladmin-section .title-bar .btn-box .search button{width: 70px;font-size: 16px;font-weight: 700;background-color:rgba(44,133,237,1); }
.weladmin-section .title-bar .btn-box .search button:hover{background:#009688;}
.custom-control-label::before{border-color:#3e3e3e;}
.custom-control-label::before, .custom-control-label::after{top:1px; width:18px; height:18px; left:0px;}
.custom-control-label::after{ border-radius:4px;}
.custom-checkbox{ margin:auto 0;}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-color: #009688;}
.custom-control-input:focus~.custom-control-label::before{box-shadow:none !important ;outline: none !important ; border-color: #3e3e3e !important;}
.custom-control-label{ padding-left:30px;}
@-moz-document url-prefix() {
    select, select:-moz-focusring, select::-moz-focus-inner {
       color: transparent !important;
       text-shadow: 0 0 0 #000 !important;
       border:0;
    }
}
.weladmin-section .category-box{ }
.weladmin-section .category-box table{padding:0; margin:0;border-radius:8px; background:#fff;overflow: hidden;width:100%; }
.weladmin-section .category-box form{ position:relative;}
.weladmin-section .category-box table{ width:100%;}
.weladmin-section .category-box table tr:first-child{border-bottom:1px solid #EFEFEF;}
.weladmin-section .category-box table tbody tr:nth-child(2n+2) { background: #F4FCFF;}
.weladmin-section .category-box table tr th{padding:6px; width:100%;}
.weladmin-section .category-box table tr td{padding:15px; margin:0; list-style:none; }
.weladmin-section .category-box table tr .inner-list{ }
.weladmin-section .category-box table tr .btn-wrapper{padding: 0 15px; text-align:center;}
.weladmin-section .category-box table tr .gray-btn{ margin-left:15px; background:#EFEFEF; color:#3E3E3E;}
.weladmin-section .category-box table tr .gray-btn:hover
.weladmin-section .category-box table tr .gray-btn:focus,
.weladmin-section .category-box table tr .gray-btn:active{background-color: #009688;color: #fff;}
.weladmin-section .category-box table tr:last-child td{text-align:center;}
.weladmin-section .category-box table tr:last-child{ display:table-row;border-top: 1px solid #eee; }
.weladmin-section .category-box table tr td{text-align:center !important; padding:0;}
.weladmin-section .category-box table tr:last-child td a{ margin:15px 8px !important;}
.load-more .gray-btn { max-width: 280px; width: 100%; text-align: center; margin:0px !important; display: inline-block;}
.weladmin-section .category-box .fa-check-circle{color:	#008000;}
.weladmin-section .category-box table tr .checkbox-col{ width:1%;}
.weladmin-section .category-box table tr .checkbox-col .custom-checkbox{width: 20px;margin: 0;}
.weladmin-section .category-box table tr .checkbox-col .custom-checkbox .custom-control-label{ padding-left:0;}
.weladmin-section .category-box table tr .title-col{ width:20%; padding-left:0;}
.weladmin-section .category-box table tr .status-col{ width:10%; text-align:center;}
.weladmin-section .category-box table tr .cat-col{ width:10%; text-align:right;}
.weladmin-section .category-box table tr td:last-child{text-align:right;}

.weladmin-section .category-box table.elements-table  tr .status-col{ text-align:right;}
.in-cat{min-width: 78px; display: inline-block; text-align: center;}
.in-state{min-width: 60px; display: inline-block; text-align: center;}

.breadcrum-section{ margin-top:23px; background:#EFEFEF; padding:10px; box-shadow: inset 0 10px 80px rgba(0,0,0,0.1); font-size:14px;}
.breadcrum-section .breadcrumbs{color:#454444; opacity:1; font-weight:400;}
.breadcrum-section .breadcrumbs a{color:rgba(44,133,237,1); opacity:.9; }

.category-box .results { margin-left: -80px;}

.product-section .container{max-width: 1300px;}
.product-section .title-bar h1{ width:100%; margin-bottom:30px;}
.product-section .title-bar .btn-box{ width:100%;}
.product-section .title-bar .btn-box .search{max-width: calc(100% - 321px);}
#changelist-filter{margin-left: 180px; width: 200px;}
#changelist-filter h2{ font-size:20px; font-weight:600; background:rgba(44,133,237,1); padding:12px 15px; color:#fff;border-radius: 8px 8px 0px 0px;margin-bottom: 0;}
#changelist-filter h3{ font-size:16px; background:#fff; padding:15px; margin-bottom:0; font-weight:600;}
#changelist-filter ul{ padding:0px 15px 15px; margin:0;background:#fff;border-bottom: 1px solid #efefef;}
#changelist-filter ul li{list-style:none; padding:0; margin:0 0 5px;}
#changelist-filter ul:last-child{border-radius: 0px 0px 8px 8px;}
#changelist-filter ul li.selected a{ color:rgba(44,133,237,1);}


@media only screen and (max-width:998px){
.weladmin-section .title-bar h1{ width:100%; margin-bottom:30px;}
.weladmin-section .title-bar .btn-box{ width:100%;}
.weladmin-section .title-bar .btn-box .search{ max-width:calc(100% - 321px);}

}

@media only screen and (max-width:991px){
	.navbar-nav .dropdown-menu{ position:absolute;}
	header .container{ max-width:none;}
	.weladmin-section .title-bar .btn-box .search{}
}
@media only screen and (max-width:820px){
	.product-section [class*="col"]{ -ms-flex: 0 0 100%;flex: 0 0 100%; max-width: 100%;}
	.weladmin-section .product{margin-bottom:30px;}
}

@media only screen and (max-width:599px){
	.upload-section{ padding-top:60px;}
	.form-group .btn-wrapper{width: 130px;margin-left: 20px;}
	.form-group .form-control, .form-group.custom-tags { width: calc(100% - 154px);}
	.form-group .btn-wrapper .button{ padding:15px;}
	.uploaded-files{ margin-bottom:30px;}
	.uploaded-files li{ margin-bottom:10px;}
	.login-section { padding: 0px 0 30px;}
	.weladmin-section .title-bar .btn-box{ flex-wrap:wrap;}
	.weladmin-section .title-bar .btn-box .search{max-width:none; margin-bottom: 15px;}
	.weladmin-section .select-box{width: 100%; top:-127px; width:100%;left: 0;}
	.weladmin-section .select-box select { margin-left: 0; width: 100%;}
	.weladmin-section .title-bar .btn-box .gray-btn.button{ margin-left:0; width:100%; text-align:center; margin-top:60px;}
	.weladmin-section .select-box .go-btn{ padding:10px 25px;width: auto;}
	.weladmin-section{ padding:70px 0;}

}

@media only screen and (max-width:414px){
	.form-group .btn-wrapper{width:100%;margin-left: 0px;margin-top: 20px;}
	.form-group .form-control, .form-group.custom-tags { width:100%;}
	.form-group .btn-wrapper .button{ padding:15px;}
	form .button {width:100%;}
	.exceed-limit .modal-content .modal-body{ padding:30px 20px;}
	.login-section .custom-box{ padding:30px 20px;}
	.weladmin-section{padding:60px 0;}
	.weladmin-section h1 { font-size: 30px;}
	.weladmin-section .inner-box ul li .name { margin: auto 0 15px; width: 100%; text-align: center;}
	.weladmin-section .inner-box ul li .btn-wrapper{ width:100%; text-align:center;}
	.weladmin-section .inner-box table tr th{text-align:center; display:block;}
	.weladmin-section .inner-box table tr td{ display:inline-block; width:49%; text-align:right;}
	.weladmin-section .inner-box table tr td:last-child{ text-align:left;}
	.weladmin-section .inner-box table tr td, .weladmin-section .inner-box table tr th{ padding:15px;}
	.weladmin-section .category-box table tr td, .weladmin-section .category-box table tr th{ padding:15px 8px;}
}