/* Unify styles */
html,body{
	font-family: 'Roboto', sans-serif !important;
}

body{
	background-color: #f1f4f9;
}
a:not([href]):not([tabindex]) {
	cursor: pointer;
}

/*select {
-webkit-appearance: none;
-moz-appearance: none;
max-width: 100%;
display: block;
background: #fff;
overflow: hidden;
line-height: 22px;
font-size: 14px;
border-radius: 0;
white-space: nowrap;
text-overflow: ellipsis;
position: relative;
border: 1px solid #DEE2E8;
background-image: url(../images/select-arrow.png);
background-position: 98% 50%;
background-repeat: no-repeat;
background-size:9px;
cursor: pointer;
}
*/

.navbar-nav .nav-item.dropdown .dropdown-toggle::after {
    content: '\f107';
}




/*-------Menu and header section design-----*/
.sidebar{
	background-color: #2a3646 !important;
}
.sidebar li.nav-item.dropdown.show a, .sidebar li.nav-item .router-link-exact-active{
	border-left:3px solid #5d79ff;
	color:#ffffff;
}
.sidebar li.nav-item.dropdown a{
	border-left:3px solid transparent;
	color:#ffffff;
}
.sidebar li.nav-item a:hover span{
	color: #5C79FF;
}
.dropdown-menu{
	background: transparent;
	border-radius:0;
	border:0;
}
#wrapper #content-wrapper{
	padding-top:50px;
}
.dropdown-divider{
	display: none;
}
.sidebar li.nav-item.dropdown.show .sub-dropdown-menu li a{
	border-left: 1px solid #767690;
	/*color: #ffffff;*/
	color: #5C79FF;
}
.sidebar li.nav-item.dropdown.show .sub-dropdown-menu li a:hover{
	background:transparent;
	color: #5C79FF;
	outline: none;
}
.sidebar li.nav-item.dropdown.show .sub-dropdown-menu li a:focus{
	outline: none;
	background: transparent;
}

.sidebar .dropdown-item.active, .sidebar .dropdown-item:active{
	background: transparent;
}

.navbar-nav .nav-item.dropdown .dropdown-toggle::after{
	color: #777691;
}

.navbar-nav .dropdown-menu-right.show{
	background: #ffffff;
}

.container-fluid{
	background: #fff;
	width: 93%;
	padding:20px;
}

.sidebar .nav-item .nav-link{
	color:#ffffff;
	padding: 16px 16px 16px 20px;
}

.sidebar li span{
	padding-left:10px;
}
.sidebar li.instances span{
	padding-left:7px;
}
.sidebar li.settings span{
	padding-left:7px;
}

.sidebar li .sub-dropdown-menu li{
	/*padding-left:7px;*/
	padding-left:11px;
}

.sidebar li i{
	color: #777691;
}

.sidebar li i {
    display: inline-block;
    height: 20px;
    width: 20px;
}

.sidebar li .sub-dropdown-menu li a{
	/*padding-left:28px;*/
	padding-left:25px;
}

/*Navbar design*/

.navbar .nav-head{
	/*font-size:24px;*/
	font-size:24px;
	margin-bottom:0;
	color:#DEE2E8;
	padding-left: 30px;
	font-weight: 400;
}
.navbar .nav-head span{
	color: #212D3D;
}
.navbar.bg-light{
	background:#ffffff !important;
}

.middle-unify-head{
	display: flex;
	flex-direction: column;
	flex-basis: 100%;
	flex: 1;
	flex-wrap: wrap;
}

.navbar-brand {
	background: #212d3d;
	width: 225px;
	padding: 1rem;
	text-align: center;
}
.navbar-brand img{
	width:130px;
	height:24px;
}

.navbar{
	padding:0;
}
.static-top .navbar-nav li:last-child{
	border-left: 1px solid #DEE2E8;
	/*padding: 0 15px;*/
	padding: 0 35px 0 15px;
}
.static-top .navbar-nav li:last-child a{
	padding: 7px 8px;
}
.static-top .navbar-nav li{
	padding:0 10px;
}
.navbar-nav .nav-item.dropdown .dropdown-toggle::after{
	position: relative;
	/*top: 5px;*/
	top: 2px;
	/*font-weight:600;*/
}


/*Form common changes*/
.form-group input[type="text"], .form-group input[type="email"], .form-group input[type="tel"],
.form-group input[type="password"], .form-group textarea{
	border-radius: 2px;
	border: 1px solid #DEE2E8;
	font-size: 14px;
}
.table-responsive {
	overflow-y: hidden;
}

.table thead th {
    vertical-align: bottom;
    border-bottom: 1px solid #dee2e6;
}

.text-success, .text-warning, .text-danger{
	font-weight:500;
}


/*Pagination-style*/

.unify-table-pagination{
	background: transparent;
	padding: 0;
	margin-top: 20px;
	
}

.unify-table-pagination .pagination{
	justify-content: center;
}

.pagination li a{
	/*padding:0 10px;*/
	padding: 7px 15px;
	text-decoration: none;
	color: #DEE2E8 !important;
	display: block;
	font-size: 14px;
}

.pagination li{
	 background: #ffffff;
	 /*box-shadow: 0 0 8px -3px #f0f0f0;*/
	 box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.4);
}
.pagination li a:hover, .pagination li.active a{
	background: #777691;
	color: #ffffff;
	border:0;
	outline: none;
}

.pagination li.disabled a,
.pagination li.disabled:hover a{
	cursor: not-allowed;
	background: #ffffff;
	color: #DEE2E8;
}


/*table-adjustment*/
.container-fluid.unify-table .row{
	margin-right: -20px;
	margin-left: -20px;
}

.container-fluid.unify-table .row .col{
	padding:0;
}

.ut-width-20{
	width:20px;
}

.unify-table .table th:first-child, .unify-table .table td:first-child{

	padding-left:40px;

}
.unify-table .table th:last-child, .unify-table .table td:last-child{

	padding-right:40px;
}

/*---------- global modal adjustments -------------*/
.modal-header h5{
	color: #777691;
	font-size: 18px;
	margin: 0 0 0 0;
}

.modal-header, .modal-footer{
	border:0;
}
.modal-footer .btn.btn-primary{
	border-radius:0;
	background: #5C79FF;
	border-color: #5C79FF;
}
.modal-footer .btn{
	border-radius:0;
}
.modal-content{
	border:0;
	border-radius:0;
}

.close:not(:disabled):not(.disabled):focus, .close:not(:disabled):not(.disabled):hover{
	border:0;
	outline: none;
}


/*---------- global modal adjustments -------------*/
/*---------- Shipping Diaplay Options Design ---------*/
.display-option-in{
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width:100%;
	justify-content: space-between;
}

.fld-opt1, .fld-opt2{
	width: 42.5%;
	/*width: 43%;*/
	/*width: 42.6%;*/
}
.display-option-in.uni-shipping .fld-opt1, .display-option-in.uni-shipping .fld-opt2{
	width: 50.1%;
}


.fld-opt1 input[type="email"], .fld-opt1 input[type="text"], .fld-opt2 input[type="text"],
.map-opt1 input[type="email"], .map-opt1 input[type="text"], .map-opt2 input[type="text"]{
	width:100%;
}
/*.map-opt1, .map-opt2{
	width: 42.5%;
}*/
.map-opt1{
	width:25%;
}
.map-opt2{
	width:60%;
}
.map-opt-btn{
	width: 15%;
}

.fld-opt2 input[type="text"]{
	margin-left: -1px;
}
.fld-opt-btn{
	/*margin-left: -1px;*/
}

.display-option-in, .products-map-set.lime-set-up, .products-map-set.kon-set-up, .product-variations{
	/*margin-bottom: -2px;*/
	margin-bottom: -1px;
}
.option-all-display{
	margin-bottom:30px;
}
.fld-opt-btn{
	width: 15%;
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-left: -1px;
}
.fld-opt-btn .btn.product-map-remove, .fld-opt-btn .btn.product-map-add,
.map-opt-btn .btn.product-map-remove, .map-opt-btn .btn.product-map-add{
	padding: 6px 11px;
	background: #ffffff;
	border: 1px solid #DEE2E8;
	/*border-left: 0;*/
	margin-left: -1px;
	width: 50%;
}

.products-map-set.lime-set-up .product-map-remove, .products-map-set.lime-set-up{
	/*margin-left: -2px;*/
}

.fld-opt-btn .btn.product-map-remove span, .fld-opt-btn .btn.product-map-add span,
.map-opt-btn .btn.product-map-remove span, .map-opt-btn .btn.product-map-add span,
.sm-opt-btn a span{
	color: #777691;
	font-size: 15px;
}
.sm-opt-nm1, .sm-opt-nm2{
	/*width: 42.5%;*/
	width:35%;
	margin-left: -1px;
}
.sm-opt-btn a{
	padding: 6px 11px;
	background: #ffffff;
	border: 1px solid #DEE2E8;
	margin-left: -1px;
}

/*---------- Shipping Diaplay Options Design ---------*/
.products-map-set{
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width:100%;
	align-items: flex-start;
}
.product-variations{
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width:100%;
}

.products-map-set.lime-set-up{
	display: -webkit-inline-flex;
	display: -ms-inline-flexbox;
	display: inline-flex;
	width: 100%;
	justify-content: space-between;
}

.products-map-set.lime-set-up .fld-opt2{
	margin-left:-1px;
}

.additional-opt{
	text-align: right;
}
.inner-lg-opt-form .form-api-all .component-container{
	position: relative;
}

.inner-lg-opt-form .form-api-all .component__select-options{
	max-width:100%;
	width:100%;
}
.inner-lg-opt-form label{
	margin:0;
}


/* Create Configuration CSS */
.crm {
	margin-bottom: 0;
  }
  .crm input[type=radio] {
	display: none;
  }
  .crm .form-text {
	display: none;
  }
.open>.dropdown-menu {
	display: block;
  }


.unify-notify {
        width: 8px;
        height: 8px;
        background: #5C79FF;
      }
      .toasted .primary.info, .toasted.toasted-primary.info {
        background: #5C79FF !important;
      }


.unify-row-actions li {
	cursor: pointer;
}
.dropdown-toggle i{
	color: #777691;
}


/*cnt-drop-down-list*/

.count-list-out{
	padding:0;
}

.count-list-out .dropdown-toggle{
	border:0;
	border-radius:0;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%;
	background: transparent;
	font-size: 15px;
	/*margin-top: -4px;*/
	padding-top: 5px;
	cursor: pointer;
}
.count-list-out .dropdown-toggle .text-muted{
	margin-bottom:0;
}
.count-list-out .dropdown-menu{
	/*margin-top: 0.75rem !important;*/
	z-index:99999;
	border:1px solid #ccc;
	background-color:#fff;
	overflow: auto;
	max-height:375px;
	width:100%;
	margin-top: 0;
}
.count-list-out .dropdown-menu li a{
	padding:0 10px;
	font-size:15px;
}
.count-list-out .dropdown-menu li a b{
	color: #5C79FF;
	font-weight: normal;

}
.count-list-out .dropdown-toggle::after{
	display: inline-block !important;
	right: 10px;
	position: absolute;
	top: 18px;

}


    .component__select {
     height: 38px;
     border: 1px solid #dddddd;
     line-height: 38px;
     display: grid;
     max-width: 500px;
     grid-template-columns: 10fr 1fr;
   }

   .component__select--name {
     font-size: 0.8rem;
     padding: 0 0 0 25px;
     cursor: pointer;
   }


.uni-shadow-box{
	/*box-shadow: 0 0 10px 1px #f0f0f0;*/
	box-shadow: 0 0 8px -4px rgba(0, 0, 0, 0.4);
}

.uni-blue-text{
	color: #5C79FF !important;
}

.uni-gap-32-bot{
	margin-bottom:32px;
}
.uni-gap-19-bot {
    margin-bottom: 19px;
}
.uni-textarea-no-resize{
	resize:none;
}
.uni-35-padding{
	padding:35px;
}

.small-input-group input[type="text"]{
	flex: 0 0 10%;
}

.small-input-group .input-group-text{
	font-size:14px;
}

.uni-color-theme-box .form-row{
	margin-right:0;
	margin-left:0;
}
.uni-color-theme-box .input-group-append .btn{
	/*padding: 3px 20px;*/
	height: 30px;
	width: 50px;
}
.uni-color-theme-box .dropdown-menu.show{
	box-shadow: 0 0 10px 1px #f0f0f0;
	background: #ffffff;
	/*padding: 8px;*/
	padding: 5px;
}
.uni-color-theme-box{
	margin-bottom:24px;
}
.uni-color-theme-box .dropdown-toggle::after{
	position: absolute;
	right: 9px;
	top: 13px;
}
.uni-upload-image-box input[type="text"]{
	position: relative;
	padding-right:40px;
} 
.uni-upload-image-box .upload-image-option{
	position: absolute;
	right: 0;
	top: 5px;
	width: 40px;
	z-index: 5;
	cursor: pointer;
}
.upload-image-option label{
	cursor: pointer;
}




.dp-down::after {
    display: inline-block !important;
    right: 10px;
    position: absolute;
    top: 18px;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
}

.count-list-out .dropdown-menu li{
	cursor:pointer;
}

.unify-search-left .dropdown-menu .dropdown-item {
	cursor: pointer;
}


  /*****************************************Switch CSS********************************************/

  .switch {
	font-size: 1rem;
	position: relative;
  }
  .switch input {
	position: absolute;
	height: 1px;
	width: 1px;
	background: none;
	border: 0;
	clip: rect(0 0 0 0);
	clip-path: inset(50%);
	overflow: hidden;
	padding: 0;
  }
  .switch input + label {
	position: relative;
	min-width: calc(calc(2.375rem * .8) * 2);
	border-radius: calc(2.375rem * .8);
	height: calc(2.375rem * .8);
	line-height: calc(2.375rem * .8);
	display: inline-block;
	cursor: pointer;
	outline: none;
	user-select: none;
	vertical-align: middle;
	text-indent: calc(calc(calc(2.375rem * .8) * 2) + .5rem);
  }
  .switch input + label::before, .switch input + label::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: calc(calc(2.375rem * .8) * 2);
	bottom: 0;
	display: block;
  }
  .switch input + label::before {
	right: 0;
	background-color: #dee2e6;
	border-radius: calc(2.375rem * .8);
	transition: 0.2s all;
  }
  .switch input + label::after {
	top: 2px;
	left: 2px;
	width: calc(calc(2.375rem * .8) - calc(2px * 2));
	height: calc(calc(2.375rem * .8) - calc(2px * 2));
	border-radius: 50%;
	background-color: white;
	transition: 0.2s all;
  }
  .switch input:checked + label::before {
	/*background-color: #08d;*/ 
	background-color: #5C79FF;
  }
  .switch input:checked + label::after {
	margin-left: calc(2.375rem * .8);
  }
  .switch input:focus + label::before {
	outline: none;
	/*box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, .25);*/
  }
  .switch input:disabled + label {
	color: #868e96;
	cursor: not-allowed;
  }
  .switch input:disabled + label::before {
	background-color: #e9ecef;
  }
  .switch.switch-sm {
	font-size: 0.875rem;
  }
  .switch.switch-sm input + label {
	min-width: calc(calc(1.9375rem * .8) * 2);
	height: calc(1.9375rem * .8);
	line-height: calc(1.9375rem * .8);
	text-indent: calc(calc(calc(1.9375rem * .8) * 2) + .5rem);
  }
  .switch.switch-sm input + label::before {
	width: calc(calc(1.9375rem * .8) * 2);
  }
  .switch.switch-sm input + label::after {
	width: calc(calc(1.9375rem * .8) - calc(2px * 2));
	height: calc(calc(1.9375rem * .8) - calc(2px * 2));
  }
  .switch.switch-sm input:checked + label::after {
	margin-left: calc(1.9375rem * .8);
  }
  .switch.switch-lg {
	font-size: 1.25rem;
  }
  .switch.switch-lg input + label {
	min-width: calc(calc(3rem * .8) * 2);
	height: calc(3rem * .8);
	line-height: calc(3rem * .8);
	text-indent: calc(calc(calc(3rem * .8) * 2) + .5rem);
  }
  .switch.switch-lg input + label::before {
	width: calc(calc(3rem * .8) * 2);
  }
  .switch.switch-lg input + label::after {
	width: calc(calc(3rem * .8) - calc(2px * 2));
	height: calc(calc(3rem * .8) - calc(2px * 2));
  }
  .switch.switch-lg input:checked + label::after {
	margin-left: calc(3rem * .8);
  }
  .switch + .switch {
	margin-left: 1rem;
  }   
  /* .dropdown-menu {
	margin-top: 0.75rem !important;
	z-index:99999;
	border:1px solid #ccc;
	background-color:#fff;
	overflow: auto;
	max-height:375px;
  } */
  /****************************************End*********************************************/

  .component__select {
   height: 38px;
   border: 1px solid #dddddd;
   line-height: 38px;
   display: grid;
   max-width: 500px;
   grid-template-columns: 10fr 1fr;
 }

 .component__select--name {
   font-size: 0.8rem;
   padding: 0 0 0 25px;
   cursor: pointer;
 }

 .c-arrow-down {
   justify-self: end;
 }

 .component__select-options {
   max-height: 180px;
   border: 1px solid #dddddd;
   border-top: none;
   overflow: auto;
   position: absolute;
   z-index: 1500;
   max-width: 500px;
   width: 500px;
   margin: 0;
   padding: 0;
 }

 .select--option {
   height: 35px;
   display: grid;
   align-content: center;
   /*padding: 0 0 0 25px;*/
   padding: 0 13px;
   background-color: #f5f5fa;
   border-bottom: 1px solid #dddddd;
 }

 .select--option:last-child {
   border-bottom: none;
 }

 .select--option:nth-child(2n) {
   background-color: #ffffff;
 }
 
 .select--option input{
   display: none;
 }

 .single-option {
   height: 55px;
   background-color: #2595ec;
   font-size: 0.8rem;
   border: 1px solid red;
 }
 .cust-sel {
   width: 200px;
   height: 38px;
   background-color: #f5f5fa;
   border: 1px solid #dddddd;
 }

 .cust-sel:focus {
   outline-width: 0;
 }
 .hasError{
  border:1px solid #DC3545;
}
.noError{
  border:1px solid #ccc;
}
/*.product-variations .form-group .form-control {
 width: 50%;
}*/
.show{
display:block;
}
.hide{
display:none;
}


.custom-select.is-invalid, .form-control.is-invalid, .was-validated .custom-select:invalid, .was-validated .form-control:invalid {
    border-color: #dc3545 !important;
}
.uni-placeholder-error::-webkit-input-placeholder {
  color: #dc3545;
}
.uni-placeholder-error::-moz-placeholder {
  color: #dc3545;
}
.uni-placeholder-error:-ms-input-placeholder {
  color: #dc3545;
}
.uni-placeholder-error:-moz-placeholder {
  color: #dc3545;
}

.uni-portal-form .inner-white-box {
    min-height: 0;
}
.uni-or {
	font-size: 16px;
	color: #5C79FF;
}
.ladda-button:hover, .ladda-button:active {
    /*border-color: #5C79FF !important;
    background-color: #5C79FF !important;*/
}
.uni-language-select-box {
	font-size: 14px;
}

.uni-link {
	cursor: pointer;
	color: #5C79FF !important;
}

.unify-search .dropdown-item:focus, .unify-search .dropdown-item:hover,
.navbar .navbar-nav .dropdown-item:focus, .navbar .navbar-nav .dropdown-item:hover{
	color: #5C79FF !important;
	background: #ffffff !important;
}


/*------MP section css Additional-------*/
.log-in-form-area.mp-login{
	margin-top:0;
}
.form-tab{
	background: #ffffff;
	margin-top: 40px;
}

.form-tab .nav-tabs .nav-link{
	border:0;
	color: #B8BBBF;
}
.form-tab .nav-tabs li a{
	font-size:14px;
}
.form-tab .nav-tabs li{
	text-align: center;
	width: 33.33%;
	position: relative;
}
.form-tab .nav-tabs{
	align-items: center;
}
.form-tab .nav-tabs .nav-item.show .nav-link, .form-tab .nav-tabs .nav-link.active{
	border-radius:0;
	color: #5C79FF;
	background: transparent;
}
#wrapper #content-wrapper {
   margin-left: 225px;
}
.upsell_pic{
	text-align: center
}
.upsell_pic img{
	max-width: 155px;
	width: 100%;
}
.show-password {
	display: flex;
}

.show-password input {
	border-right: none !important;
	border-radius: 2px 0px 0px 2px;
}

.show-password span {
	border-radius: 0px 2px 2px 0px;
	border-left: none !important;
	text-align: center;
	font-size: 18px;
	width: 60px;
	margin-left: -1px;
}
/** login page start*/
.remeber-me {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 15px;
}
.login_cell .forgot-password a {
	color: #5C79FF !important;
}
/* .login_wrp_card .login-tab-menu li a.active {
	border-bottom: 1px solid black;
} */
.login_wrp .login_wrp_card ul.nav-tabs .nav-link.active:before {
	background-color: #5C79FF!important;
}
/** login page end*/