html, body {
height: 100%;
}
.layout-boxed html, .layout-boxed body {
height: 100%;
}
body {
overflow-x: hidden;
overflow-y: auto;
color: #374767;
background-color: #f1f3f6;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
margin: 0px;
padding: 0px;
font-size: 13px;
-webkit-overflow-scrolling: touch;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
p {
margin: 0;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
/* General Links */
h1, .h1 {
font-size: 36px;
}
h2, .h2 {
font-size: 30px;
}
h3, .h3 {
font-size: 24px;
}
h4, .h4 {
font-size: 18px;
}
h5, .h5 {
font-size: 14px;
}
h6, .h6 {
font-size: 12px;
}
a {
color: #35414f;
text-decoration: none;
}
a:hover, a:active, a:focus {
outline: none;
text-decoration: none;
color: #38a9a3;
-webkit-transition: all .3s;
transition: all .3s;
}
hr {
border-top: 1px solid #ccc;
}
.wrapper {
min-height: 100%;
position: relative;
overflow: hidden;
}
.main-header {
position: relative;
max-height: 60px;
z-index: 9999;
background-color: #f0f0f0;
/* border-bottom: 1px solid #2b3642; */
box-shadow: 0px 2px 16px rgba(0, 0, 0, .5);
-moz-box-shadow: 0px 2px 16px rgba(0, 0, 0, .5);
-webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, .5);
}
.main-header .navbar {
-webkit-transition: margin-left 0.3s ease-in-out;
-moz-transition: margin-left 0.3s ease-in-out;
transition: margin-left 0.3s ease-in-out;
transition: margin-left 0.3s ease-in-out;
margin-bottom: 0;
/* margin-left: 250px; */
border: none;
border-radius: 0;
}
.main-header .navbar.gray {
background-color: gray;
}
.main-header .navbar.red {
background-color: red;
}
.main-header .navbar.green {
background-color: green;
}
.main-sidebar {
position: absolute;
top: 0;
left: 0;
padding-top: 40px;
min-height: 100%;
width: 250px;
z-index: 810;
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
-webkit-transition: -webkit-transform 0.3s ease-in-out, width 0.3s ease-in-out;
-webkit-transition: width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
-moz-transition: -moz-transform 0.3s ease-in-out, width 0.3s ease-in-out;
-moz-transition: width 0.3s ease-in-out, -moz-transform 0.3s ease-in-out;
transition: width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, width 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, width 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
background-color: #282d38;
}
.main-header .logo {
display: block;
float: left;
height: 60px;
font-size: 20px;
line-height: 60px;
text-align: left;
width: 200px;
padding: 0 15px 0 60px;
margin-top: -10px;
font-weight: 300;
overflow: hidden;
background-color: #f0f0f0;
color: #241d1d;
-webkit-transition: width 0.3s ease-in-out;
transition: width 0.3s ease-in-out;
}
.main-header .gray .logo {
background-color: gray;
}
.main-header .red .logo {
background-color: red;
}
.main-header .green .logo {
background-color: green;
}
.main-header .logo .logo-lg {
display: block;
text-align: center;
}
.main-header .logo .logo-lg img, .main-header .logo .logo-mini img {
height: 41px;
}
.main-header .logo .logo-mini {
display: none;
}
.sidebar-menu>li {
white-space: nowrap;
}
.sidebar-menu {
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #1f242f;
}
.sidebar-menu>li {
position: relative;
margin: 0;
padding: 0;
}
.clear_mobile {
display: none;
}
.sidebar-menu>li>a {
padding: 15px 5px 15px 15px;
display: block;
color: #b4c2df;
position: relative;
font-size: 15px;
font-weight: 500;
letter-spacing: 0.3px;
text-decoration: none;
border-bottom: 1px solid #1f242f;
border-left: 3px solid #282d38;
line-height: 22px;
z-index: 22;
/*transition: all .2s ease-in; -webkit-transition: all .2s ease-in; -moz-transition: all .2s ease-in;*/
overflow: hidden;
}
.sidebar-menu>li>a>i {
margin-right: 10px;
display: inline-block;
font-size: 16px;
top: 0;
}
.sidebar-menu>li.active>a:before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: 0;
top: 0;
width: 3px;
}
.sidebar-menu>li:hover>a, .sidebar-menu>li.active>a {
color: #b4c2df;
background: #262626;
border-left: 3px solid #0055a5;
}
.sidebar-menu>li:hover>a{
overflow: visible;
}
.sidebar-menu>li>a>.fa, .sidebar-menu>li>a>.glyphicon, .sidebar-menu>li>a>.ion {
width: 20px;
}
.sidebar-menu>li .label, .sidebar-menu>li .badge {
margin-right: 5px;
}
.sidebar-menu>li .badge {
margin-top: 3px;
}
.sidebar-menu li.header {
padding: 10px 25px 10px 15px;
font-size: 12px;
color: #fff;
}
.sidebar-menu li>a>.fa-angle-right, .sidebar-menu li>a>.pull-right-container>.fa-angle-right {
width: auto;
height: auto;
padding: 0;
margin-right: 0;
}
.sidebar-menu li.active>a>.fa-angle-right, .sidebar-menu li.active>a>.pull-right-container>.fa-angle-right {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.sidebar-menu>li>ul {
display: none;
padding: 20px 0 20px 20px;
}
.sidebar-menu>li>ul>li>a {
line-height: 20px;
}
.sidebar-menu .treeview-menu {
position: relative;
display: none;
list-style: none;
padding: 0;
margin: 0;
z-index: 15;
}
/*.sidebar-menu .treeview-menu:before {
width: 2px;
bottom: 0;
background: rgba(59, 70, 72, 0.5);
content: "";
position: absolute;
top: 0;
left: 33px;
}*/
.sidebar-menu .treeview-menu .treeview-menu {
}
.sidebar-menu .treeview-menu>li {
margin: 0;
position: relative;
border-bottom: 1px solid #3d4957;
background-color: #2b3642;
}
.sidebar-menu .treeview-menu>li>a {
padding: 12px 5px 12px 0;
display: block;
color: #b4bcc7;
letter-spacing: 0.3px;
font-weight: 500;
font-size: 13px;
text-decoration: none;
padding-left: 40px;
}
.sidebar-collapse.sidebar-mini .sidebar-menu .treeview-menu>li>a {
padding-left: 20px;
}
.sidebar-menu .treeview-menu li.disabled a {
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
.sidebar-menu .treeview-menu>li.active>a {
color: #fff;
background-color: #4f5b6a;
}
.sidebar-menu .treeview-menu>li:hover>a {
background-color: #4f5b6a;
}
/*.sidebar-menu .treeview-menu>li::before {
left: 0;
top: 13px;
width: 15px;
content: ' ';
position: absolute;
display: inline-block;
border: 1px solid rgba(59, 70, 72, 0.5);
}*/
.sidebar-menu .treeview-menu>li>a>.fa, .sidebar-menu .treeview-menu>li>a>.glyphicon, .sidebar-menu .treeview-menu>li>a>.ion {
width: 20px;
}
.sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-right, .sidebar-menu .treeview-menu>li>a>.pull-right-container>.fa-angle-down, .sidebar-menu .treeview-menu>li>a>.fa-angle-left, .sidebar-menu .treeview-menu>li>a>.fa-angle-down {
width: auto;
}
.main-sidebar {
margin: 20px 0 0;
}
.main-sidebar .search-panel {
border-bottom: 1px solid #434f5d;
width: 90%;
margin: 0 auto;
position: relative;
margin-bottom: 20px;
}
.main-sidebar .search-panel input {
border: 0px;
width: 100%;
line-height: 30px;
padding-right: 30px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background: none;
color: #fff;
font-size: 15px;
}
.main-sidebar .search-panel a {
position: absolute;
right: 0;
top: 0;
padding: 2px;
color: #606c7c;
}
.toggleNav {
margin-left: 15px;
display: inline-block;
position: relative;
z-index: 99;
float: left;
}
.nav-toggle-wrapper {
position: absolute;
display: block;
height: 50px;
width: 40px;
margin: 0 0 0 0;
top: 12px;
}
.nav-toggle-wrapper i {
width: 25px;
height: 3px;
position: absolute;
background-color: #b6bec9;
display: inline-block;
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
}
.nav-toggle-wrapper i:before, .nav-toggle-wrapper i:after {
content: '';
width: 25px;
height: 3px;
background: #b6bec9;
position: absolute;
left: 0;
-webkit-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.nav-toggle-wrapper i {
top: 17px;
}
.nav-toggle-wrapper i:before {
top: -7px;
}
.nav-toggle-wrapper i:after {
bottom: -7px;
}
.nav-toggle-wrapper.active i {
background: transparent;
}
.nav-toggle-wrapper.active i:before, .nav-toggle-wrapper.active i:after {
background: #b6bec9;
}
.nav-toggle-wrapper.active i:before {
transform: rotateZ(45deg);
top: 0
}
.nav-toggle-wrapper.active i:after {
transform: rotateZ(-45deg);
bottom: 0;
}
.sidebar-menu li>a>.pull-right-container {
position: absolute;
right: 20px;
top: 50%;
margin-top: -7px;/* margin-top: -30px;
margin-right: -20px;
padding: 20px; */
}
.main-footer {
background: #dedede;
padding: 15px;
color: #444;
border-top: 1px solid #d2d6de;
text-align: center;
position: fixed;
bottom: 0;
width: 100%;
z-index: 999;
font-size: 12px;
font-weight: normal;
}
.paginationRight {
float: right;
}
.pagination.paginationRight {
margin: 0px 0px 15px 0px;
}
.pagination>li>a, .pagination>li>span {
padding: 4px 12px;
font-size: 14px;
}
.pagination>li>a, .pagination>li>span {
background: #f2f2f2;
color: #555555;
}
.pagination>li>a:hover, .pagination>li>span:hover, .pagination>li>a:focus, .pagination>li>span:focus {
background: #e0e0e0
}
.pagination>li>a.active {
font-weight: bold;
background: #e0e0e0
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
border-bottom-left-radius: 2px;
border-top-left-radius: 2px;
}
.pagination>li:last-child>a, .pagination>li:last-child>span {
border-bottom-right-radius: 2px;
border-top-right-radius: 2px;
}
.bootstrap-datetimepicker-widget.dropdown-menu {/* display:block !important; top:35px !important; left:0 !important; bottom: auto !important; right: auto !important; */
}
.order-details.edit_manufactures .popup-content {
padding-top: 0;
}
a.view_btn {
width: 30px;
height: 30px;
border-radius: 3px;
background: url(../images/view_btn.png) center center no-repeat #2299c5;
display: inline-block;
padding: 0;
}
a.view_btn.fa {
background: #2299c5;
}
a.view_btn.fa:before {
color: #fff;
}
td a.main_btn {
width: 30px;
height: 30px;
border-radius: 3px;
background: #1c222d;/* background:url(../images/view_btn.png) center center no-repeat #2299c5; */
display: inline-block;
padding: 0;
}
a.edit_btn {
width: 30px;
height: 30px;
border-radius: 3px;
background: url(../images/edit_btn.png) center center no-repeat #44c023;
display: inline-block;
padding: 0;
}
a.add_btn {
width: 30px;
height: 30px;
border-radius: 3px;
background: url(../images/add_btn.png) center center no-repeat #44c023;
display: inline-block;
padding: 0;
}
a.action_button, button.action_button{
width: 30px;
height: 30px;
border-radius: 3px;
padding-top: 8px;
}
button.action_button{
padding: 0px;
float: left;
margin-right: 5px;
}
a.add_btn_link {
width: 30px;
/* height: 30px; */
min-height: 15px;
border-radius: 3px;
background: url(../images/edit_btn_bk.png) center center no-repeat;
display: inline-block;
padding: 0;
}
td.actions{
min-width: 200px;
}
td.actions>a.fa {
width: 30px;
height: 30px;
border-radius: 3px;
display: inline-block;
padding: 0;
font: normal normal normal 14px/1 FontAwesome;
}
td.actions>a.fa:before {
line-height: 30px;
}
td.actions>a.done {
cursor: not-allowed;
}
.actions .btn.btn-default.btn-danger {
width: 30px;
height: 30px;
border-radius: 3px;
background: url(../images/delete_btn.png) center center no-repeat #e9242d !important;
display: block;
font-size: 0;
padding: 0;
}
.actions > a {
float: left;
margin-right: 5px;
}
#results {
overflow: auto;
max-height: 440px;
padding: 0 15px;
margin-top: 20px;
padding-top: 20px;
margin-right: 15px;
}
#assignAccountForm #results {
overflow: auto;
max-height: 440px;
padding: 0 15px;
margin-top: 0px;
padding-top: 20px;
margin-right: 0px;
}
#results > div input[type=radio] {
display: none !important;
}
#results > div input[type=radio] + label {
width: 100%;
margin-bottom: 0;
background: #fff;
display: block;
margin-bottom: 10px;
transition: all ease 0.5s;
box-shadow: 0 0 4px rgba(0,0,0,0.1);
padding-left: 60px;
background: url(../images/radio.png) 20px center no-repeat #fff;
cursor: pointer;
}
#results > div input[type=radio]:checked + label {
box-shadow: 0 0 4px rgba(66,139,202,1);
background: url(../images/radio_checke.png) 20px center no-repeat #fff;
}
#results > div input[type=radio] + label table.table {
margin-bottom: 0;
}
#results > div input[type=radio] + label table.table tbody tr td {
border-top: none !important;
}
#results > div input[type=radio] + label table.table.table-hover tbody tr:hover td {
background: #fff;
}
.checkbox_dropdown{
border: 1px solid #d8d8d8;
border-radius: 2px;
box-shadow: none;
min-height: 40px;
padding: 5px;
width: 100%;
font-size: 13px;
background: #fff;
padding-left: 10px;
}
.checkbox_dropdown_box span.drop{
background:url(../images/arrow.png) right center no-repeat;
float:right;
width:20px;
height:20px;
}
.checkbox_dropdown_box .checkbox_element {
float:left;
height:20px;
}
.checkbox_dropdown_box {
background: #fff;
height: 32px;
width: 60px;
position: relative;
padding: 5px;
}
.checkbox_dropdown_box.active {
box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.checkbox_dropdown_box.active .checkbox_options {
display:block;
}
.checkbox_dropdown_box .checkbox_options {
position: absolute;
display:none;
top: 100%;
left: 0;
width: 130px;
list-style-type:none;
background: #fff;
margin:0;
padding:0;
box-shadow: 0 5px 5px rgba(0,0,0,0.2);
}
.checkbox_dropdown_box .checkbox_options li {
font-size:13px;
border-bottom:1px solid #ccc;
padding:12px 20px;
cursor:pointer;
}
.checkbox_dropdown_box .checkbox_options li:last-child {
border-bottom:none;
}
.checkbox_dropdown_box .checkbox_options li:hover {
background:#f9f9f9;
}
.step-group .col-btn {
width: 50%;
}
.step-group .form-feild {
width: 100%;
max-width: 110px;
margin-left: auto;
}
.step-group .sub-field input {
width: 100%;
text-align: center;
font-size: 16px;
color: #374767;
font-weight: 400;
border: none;
}
.step-group .form-feild h4 {
text-align: center;
}
@media (min-width: 1025px) {
/* .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
float: right;
width: auto!important;
left: 200px!important;
top: 11px!important; height: 40px;
}*/
.sidebar-mini.sidebar-collapse .content-wrapper, .sidebar-mini.sidebar-collapse .right-side, .sidebar-mini.sidebar-collapse .main-footer {
margin-left: 50px;
z-index: 840;
}
.sidebar-mini.sidebar-collapse .main-sidebar {
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
transform: translate(0, 0);
width: 50px;
z-index: 999;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li {
position: relative;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a {
margin-right: 0;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>a>span {
border-top-right-radius: 4px;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:not(.treeview)>a>span {
border-bottom-right-radius: 4px;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu {
padding-top: 5px;
padding-bottom: 5px;
border-bottom-right-radius: 4px;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right), .sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
display: block!important;
position: absolute;
min-width: 180px;
left: 100%;
}
.sidebar-collapse.sidebar-mini .sidebar .sidebar-menu li a span.pull-right-container {
display: none !important;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span {
top: 0;
margin-left: 0px;
padding: 12px 5px 12px 20px;
background-color: inherit;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container {
float: right;
width: auto!important;
left: 190px!important;
top: 10px!important;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>.pull-right-container>.label:not(:first-of-type) {
display: none;
}
.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu {
top: 39px;
margin-left: 0;
}
.sidebar-mini.sidebar-collapse .main-sidebar .user-panel>.info, .sidebar-mini.sidebar-collapse .sidebar-form, .sidebar-collapse.sidebar-mini .sidebar-menu>li>a>span, .sidebar-mini.sidebar-collapse .sidebar-menu>li>.treeview-menu, .sidebar-mini.sidebar-collapse .sidebar-menu>li>a>.pull-right, .sidebar-mini.sidebar-collapse .sidebar-menu li.header {
display: none!important;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
.sidebar-mini.sidebar-collapse .main-header .logo {
/* width: 50px; */
margin-left: 50px;
}
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-mini {
display: block;
margin-left: -15px;
margin-right: -15px;
font-size: 18px;
}
.sidebar-mini.sidebar-collapse .main-header .logo>.logo-lg {
display: none;
}
.sidebar-mini.sidebar-collapse .main-header .navbar {
/* margin-left: 50px; */
}
.sidebar-mini.sidebar-collapse .main-sidebar .search-panel input {
visibility: hidden;
width: 1px;
position: absolute;
left: 50px;
}
.sidebar-mini.sidebar-collapse .main-sidebar .search-panel a {
width: 50px;
height: 40px;
text-align: center;
display: block;
line-height: 40px;
position: static;
}
.sidebar-mini.sidebar-collapse .main-sidebar .search-panel {
width: 100%;
}
.sidebar-mini.sidebar-collapse .main-sidebar .search-panel:hover input {
visibility: visible;
width: 200px;
background: #38aaa3;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
color: #fff;
line-height: 38px;
}
.sidebar-mini.sidebar-collapse .main-sidebar .search-panel:hover a {
background: #38aaa3;
border: 0px;
color: #fff;
}
.sidebar-mini.sidebar-collapse .main-sidebar .search-panel input::-webkit-input-placeholder, .sidebar-mini.sidebar-collapse .main-sidebar .search-panel input::-moz-placeholder, .sidebar-mini.sidebar-collapse .main-sidebar .search-panel input:-ms-input-placeholder, .sidebar-mini.sidebar-collapse .main-sidebar .search-panel input:-moz-placeholder {
color: #fff;
border: 1px solid #00ff00;
}
button::-moz-focus-inner, input::-moz-focus-inner {
border: 0;
}
:focus {
outline: none;
}
::-moz-focus-inner {
border: 0;
}
button:focus, button:active, input:focus, input:active {
outline: 0;
/* border: 0; */
}
}
.red{
background-color: red;
}
ul.userinfo-header {
float: right;
width: auto;
margin: 0 30px 0 0;
position: relative
}
ul.userinfo-header li {
display: inline-block;
padding: 0 15px 0 5px;
line-height: 55px;
}
ul.userinfo-header li:hover {
background-color: #e1e1e1
}
ul.userinfo-header li.message {
padding-right: 45px;
}
ul.userinfo-header li a {
display: block;
position: relative;
color: #000;
text-decoration: none;
transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
}
ul.userinfo-header li.message a {
padding-right: 10px;
}
.green ul.userinfo-header li a, .gray ul.userinfo-header li a, .red ul.userinfo-header li a{
color: white;
}
ul.userinfo-header li .dropdown-menu a {
color: #666;
}
ul.userinfo-header li a span.alert-message {
width: 22px;
height: 22px;
display: block;
color: #fff;
position: absolute;
border-radius: 100px;
right: -17px;
top: 14px;
font-size: 12px;
line-height: 22px;
text-align: center;
}
ul.userinfo-header li a img {
margin-right: 10px;
border-radius: 100px;
border: 1px solid #192634;
transition: all .5s ease-in;
-webkit-transition: all .5s ease-in;
-moz-transition: all .5s ease-in;
}
ul.userinfo-header li a:hover img {
border: 1px solid #0055a5;
}
ul.userinfo-header li a span.alert-message.blue {
background-color: #0055a5;
}
ul.userinfo-header li a span.alert-message.green {
background-color: #e96f35;
}
ul.userinfo-header li a:hover {
color: #0055a5;
}
.main-header .dropdown-menu {
position: absolute;
background: #fff;
margin-top: 5px;
border: 1px solid #D9DEE4;
-webkit-box-shadow: none;
right: 0;
left: auto;
width: 220px;
border-top: 0px;
text-align: left;
}
.main-header .dropdown-menu li a {
width: 100%;
padding: 12px 20px 12px 17px;
color: #666;
border-left: 3px solid #fff;
}
.main-header .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
background: #262626;
border-left: 3px solid #0055a5;
}
.main-header ul.dropdown-menu li {
margin: 0px;
padding: 0px;
display: block;
border-bottom: 1px solid #efefef;
}
.main-header ul.dropdown-menu {
border-top-left-radius: 0px;
border-top-right-radius: 0px;
padding: 0px;
}
.main-header ul.dropdown-menu li:hover a {
color: #fff
}
.main-header .notification .dropdown-menu, .main-header .message .dropdown-menu {
/* width: 300px; */
}
.main-header .notification .dropdown-menu li a i {
padding-right: 10px;
}
.main-header .message .dropdown-menu li a {
position: relative;
/* padding-left: 70px; */
}
.main-header ul.userinfo-header .message .dropdown-menu li a img {
position: absolute;
left: 10px;
top: 10px;
border-radius: inherit;
border: 1px solid #e1e1e1;
}
.main-header .dropdown-menu li a h4 {
padding: 0px;
margin: 0px;
font-size: 14px;
color: #000;
}
.main-header .dropdown-menu li a p {
padding: 0px;
margin: 0px;
font-size: 12px;
color: #666;
margin-bottom: 5px;
}
.main-header .dropdown-menu li:hover a h4 {
color: #fff;
}
.main-header .dropdown-menu li:hover a p {
color: #fff;
}
.main-header .dropdown-menu>li>a {
white-space: inherit
}
.content {
margin-right: auto;
margin-left: auto;
padding: 0 30px 10px;
padding-top: 20px;
padding-bottom: 80px;
}
.content-sub-header {
margin-right: auto;
margin-left: auto;
padding: 0 30px 10px;
padding-top: 20px;
padding-bottom: 20px;
}
.content-wrapper, .right-side, .main-footer {
-webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out;
-webkit-transition: margin 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: margin 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out;
transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out, -webkit-transform 0.3s ease-in-out;
margin-left: 250px;
z-index: 1020;
}
.content-header {
position: relative;
padding: 6px 20px;
background-color: #fff;
border-bottom: 1px solid #e9ebed;
margin-bottom: 0px;
}
.content-header h1, .content-header h4 {
color: #676b6e;
float: left;
margin: 15px 0 10px 0;
}
.content-header h1 {
font-size: 25px;
font-weight: 300;
}
.content-header .main_btn {
margin: 0;
float: right;
position: relative;
right: 20px;
top: 21px;
padding-top: 15px;
padding-bottom: 15px;
margin-right: 15px;
}
.content-header ul.breadcrumb {
background: none;
padding: 0px;
margin: 0 0 10px 0;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.fl-right {
float: right;
}
.content-header {
position: relative;
padding: 6px 20px;
background-color: #fff;
border-bottom: 1px solid #e5e5e5;
margin-bottom: 0px;
min-height: 94px;
}
.content .order-details, .content-sub-header .order-details {
background: #fff;
box-shadow: 0 0 3px rgba(0, 0, 0, .1);
margin: 0px 0 0 0;
padding: 20px;
float: left;
width: 100%;
}
.order-details.edit_manufactures {
max-width: 800px;
margin: 0 auto;
float: none;
}
.order-details.edit_manufactures.account_edit {
max-width: 100%;
margin: 0 auto;
padding: 0;
background: none;
box-shadow: none;
float: none;
}
.account_edit .white_bg
{padding: 20px; background: #fff;}
.content .order-details.reports_page {
padding: 0;
box-shadow: none;
background: none;
}
.content .order-details.reports_page div.table-responsive {
border: none;
}
.content .order-details.reports_page .dt-buttons {
float: right;
margin: 20px 0;
}
.content .order-details.reports_page .dt-buttons button.dt-button {
margin: 0;
padding: 0 20px 0 46px;
border: none;
height: 40px;
cursor: pointer;
margin-left: 20px;
border-radius: 3px;
}
.content .order-details.reports_page .dt-buttons button.dt-button span {
font: 15px/16px open sans;
color: #fff;
}
.content .order-details.reports_page nav.navbar, .search_section nav.navbar {
background: #282d37;
border: 1px solid #282d37;
margin-bottom: 40px;
}
.search_section nav.navbar {
margin: 20px 0 0 0;
padding-top: 5px;
}
.search_section .form-group {
margin-bottom: 5px;
}
.search_section .form-group label {
margin-top: 10px;
}
.content .order-details.reports_page nav.navbar .form-group {
margin-bottom: 20px;
}
.content .order-details.reports_page nav.navbar label, .search_section nav.navbar label {
color: #fff;
font: 700 13px/14px open sans;
}
.content .order-details.reports_page nav.navbar span.input-group-addon {
display: none;
}
.content .order-details.reports_page nav.navbar .form-control, .search_section nav.navbar .form-control {
border: none;
border-radius: 3px;
}
.content .order-details.reports_page nav.navbar button.form-control[type="submit"], .search_section nav.navbar button.form-control[type="submit"] {
background: #1d58a8;
color: #fff;
text-transform: uppercase;
font: 700 15px/16px open sans;
border-bottom: 2px solid #11458d;
}
.content .order-details.reports_page nav.navbar .input-group {
display: block;
}
.content .order-details.reports_page nav.navbar input.datepicker {
background: url(../images/cal.png) 10px center no-repeat #fff;
padding-left: 45px;
}
.content .order-details.reports_page .dt-buttons button.dt-button.buttons-copy {
background: url(../images/ico_21.png) 20px center no-repeat #e94c3d;
}
.content .order-details.reports_page .dt-buttons button.dt-button.buttons-csv {
background: url(../images/ico_22.png) 20px center no-repeat #0fa98c;
}
.content .order-details.reports_page .dt-buttons button.dt-button.buttons-excel {
background: url(../images/ico_23.png) 20px center no-repeat #3497d2;
}
.content .order-details.reports_page .dt-buttons button.dt-button.buttons-pdf {
background: url(../images/ico_24.png) 20px center no-repeat #34495e;
}
.content .order-details.reports_page .dt-buttons button.dt-button.buttons-print {
background: url(../images/ico_25.png) 20px center no-repeat #965ba5;
}
.content .order-details.reports_page .dataTables_filter {
float: left;
margin: 20px 0;
}
.content .order-details.reports_page .dataTables_filter label {
font-size: 0;
}
.content .order-details.reports_page .dataTables_filter label input {
font-size: 12px;
height: 40px;
border-radius: 3px;
border: 1px solid #d5d5d5;
padding: 0 12px;
min-width: 400px;
max-width: 400px;
}
.content .form-compacked {
background: #fff;
box-shadow: 0 0 3px rgba(0, 0, 0, .1);
margin: 34px 0 0 0;
padding: 20px;
float: left;
width: 100%;
}
.form-compacked .popup-content {
padding-top: 0px;
}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover, .bootstrap-datetimepicker-widget table td span.active {
background-color: #1d58a8 !important;
}
.bootstrap-datetimepicker-widget a.btn {
background-color: transparent;
}
.bootstrap-datetimepicker-widget .table-condensed {/* background:#fff; */ /* min-width:300px; */
}
.bootstrap-datetimepicker-widget .table-condensed thead {/* background:#1d58a8; color:#fff; */
}
.bootstrap-datetimepicker-widget .table-condensed thead tr th, .bootstrap-datetimepicker-widget .table-condensed tbody tr td {/* border-radius:0; */
}
.bootstrap-datetimepicker-widget .table-condensed tbody tr td.active.today {
background: #1d58a8;
color: #fff;
}
.bootstrap-datetimepicker-widget .table-condensed thead tr th:hover, .bootstrap-datetimepicker-widget .table-condensed thead tr:first-child th:hover {
background: #1d58a8;
color: #fff;
}
/*.content .orderNumber {
position: relative;
}*/
.content .orderNumber a > i {
line-height: 50px;
position: absolute;
top: 0;
right: 10px;
text-align: center;
font-size: 18px;
display: inline-block;
color: #b7b7b7;
}
.content .orderNumber a i {
}
.content .orderNumber a:hover i {
color: #38a9a3;
}
.content .tableItem p {
margin: 0px;
padding: 0px;
}
ul.inputElements {
margin: 0px;
padding: 0px;
list-style: none;
float: left;
width: 100%;
}
ul.inputElements li {
margin: 0px;
padding: 0px;
list-style: none;
display: inline-block;
margin-right: 10px;
float: left;
}
ul.inputElements li:last-child {
margin-right: 0;
float: right;
}
ul.inputElements li.hideonMob {
float: right;
margin-right: 0;
}
.selectBox {
width: auto;
}
.selectBox .select-box {
cursor: pointer;
position: relative;
max-width: 20em;
margin: 0;
width: 140px;
}
.selectBox .select, .selectBox .label {
color: #555555;
display: block;
font: 400 12px/20px 'FontAwesome', sans-serif;
text-align: center;
font-weight: bold;
}
.selectBox .select {
width: 100%;
position: absolute;
top: 0;
padding: 5px 0;
height: 30px;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
background: none transparent;
border: 0px;
cursor: pointer;
}
.selectBox .select-box1 {
background: #e0e0e0;
}
.selectBox .label {
position: relative;
padding: 8px 5px;
cursor: pointer;
padding-right: 40px;
}
.selectBox .open .label::after {
content: "\f106";
}
.selectBox .label::after {
content: "\f107";
font-size: 22px;
position: absolute;
right: 0;
top: 0;
padding: 8px 10px;
border-left: 1px solid #fff;
}
.table-responsive .selectBox .select-box {
width: 110px;
}
.content .search-panel {
border: 1px solid #c8c8c8;
width: 100%;
position: relative;
border-radius: 5px;
}
.content .search-panel input {
border: 0px;
width: 100%;
padding-right: 70px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
background: none;
color: #666;
font-size: 14px;
padding-left: 10px;
padding: 7px 70px 7px 10px;
}
.content .search-panel a {
position: absolute;
right: 0;
top: 0;
color: #606c7c;
width: 55px;
text-align: center;
background: #e0e0e0;
line-height: 34px;
border-top-right-radius: 2px;
border-bottom-right-radius: 2px;
}
.hideonDesktop {
display: none;
}
.filterSection {
width: 100%;
margin: 20px 0 0 0;
float: left;
}
.filterSection .btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
border: 1px solid #ccc;
padding: 10px 20px;
}
.filterSection .btn-default:hover {
color: #fff;
background-color: #38aaa3;
border-color: #38aaa3;
}
/*..........button css start.................*/
.btn {
display: inline-block;
padding: 7px 25px;
/* padding-top: 14px; */
margin-bottom: 0;
font-size: 15px;
line-height: 20px;
color: #5e5e5e;
text-align: center;
/* vertical-align: middle; */
vertical-align: top;
cursor: pointer;
background-color: #d1dade;
-webkit-border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-border-radius: 3px;
background-image: none !important;
border: none;
text-shadow: none;
box-shadow: none;
transition: all 0.12s linear 0s !important;
font: 15px/20px "open sans", Helvetica, Arial, sans-serif;
}
.btn-cons {
margin-right: 5px;
min-width: 120px;
margin-bottom: 8px;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-primary {
color: #fff;
background-color: #0055a5;
border-color: #0055a5;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open>.dropdown-toggle.btn-primary {
background: #044480;
}
.btn-primary:active, .btn-primary.active {
background: #044480;
box-shadow: none;
}
.btn-success {
color: #fff;
background-color: #38aaa3;
border-color: #38aaa3;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open>.dropdown-toggle.btn-success {
background: #29857f;
}
.btn-success:active, .btn-success.active {
background: #29857f;
box-shadow: none;
}
.btn-grey {
color: #555555;
background-color: #d0d0d0;
border-color: #d0d0d0;
}
.btn-grey:hover, .btn-grey:focus, .btn-grey:active, .btn-grey.active, .open>.dropdown-toggle.btn-grey {
background: #e1e1e1;
}
.btn-grey:active, .btn-grey.active {
background: #e1e1e1;
box-shadow: none;
}
.btn-info {
color: #fff;
background-color: #2f3645;
border-color: #2f3645;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open>.dropdown-toggle.btn-info {
background: #1c222d;
}
.btn-info:active, .btn-info.active {
background: #1c222d;
box-shadow: none;
}
.btn-warning {
color: #333;
background-color: #ffedc1;
border-color: #ffedc1;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open>.dropdown-toggle.btn-warning {
background: #e4cf9c;
color: #666;
}
.btn-warning:active, .btn-warning.active {
background: #e4cf9c;
box-shadow: none;
}
.btn-danger {
color: #fff;
background-color: #e9242d;
border-color: #e9242d;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open>.dropdown-toggle.btn-danger {
background: #ae0c14;
}
.btn-danger:active, .btn-danger.active {
background: #ae0c14;
box-shadow: none;
}
.btn-white {
color: #5e5e5e;
background-color: #fff;
border: 1px solid #d7d7d7;
}
.btn-white.sm {
padding: 10px 20px 10px 20px;
margin-left: 10px;
}
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
border-color: transparent;
}
.btn-link {
color: #5e5e5e;
background-color: transparent;
border: none;
}
.btn-small {
padding: 5px 6px;
font: 13px/15px "open sans", Helvetica, Arial, sans-serif;
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
border-color: transparent;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn:hover{
color: inherit;
background-color: #b7c5cb;
}
ul.buttonList {
margin: 0px;
padding: 0px;
list-style: none;
float: left;
}
ul.buttonList li {
margin: 0px;
padding: 0px;
list-style: none;
display: inline-block;
margin-right: 10px;
}
ul.buttonList li .btn {
padding: 5px 25px;
}
ul.labelList {
margin: 0px;
padding: 0px;
list-style: none;
float: left;
}
ul.labelList li {
margin: 0px;
padding: 0px;
list-style: none;
display: inline-block;
margin-right: 10px;
}
ul.labelList li .btn {
padding: 5px 25px;
cursor: default;
}
.btn.btn-sm {
padding: 5px 15px;
cursor: pointer;
}
.status .btn {
padding: 0 25px;
border-radius: 20px;
font-size: 14px;
}
ul.table-options {
margin: 0px;
padding: 0px;
list-style: none;
float: right;
margin: 11px 0 0 0;
}
ul.table-options li {
margin: 0px;
padding: 0px;
list-style: none;
display: inline-block;
position: relative;
}
ul.table-options li:after {
position: absolute;
content: "";
width: 1px;
height: 15px;
top: 3px;
background: #a6a6a6;
}
ul.table-options li a {
font-size: 12px;
margin: 0 5px 0 5px;
text-decoration: none;
color: #555555;
}
ul.table-options li span.selected {
font-size: 12px;
margin: 0 5px 0 5px;
text-decoration: none;
color: #9cdbe4;
display: inline-block;
}
ul.table-options li a:hover {
color: #9cdbe4;
}
ul.table-options li:last-child:after {
display: none;
}
.table-responsive>table>thead>tr>th {
font-family: 12px;
background: #f2f2f2;
border-color: #f2f2f2;
white-space: nowrap;
}
.table-responsive>.dataTables_wrapper>table>thead>tr>th {
/* background: #f2f2f2; */
}
.table-responsive {
margin: 0px 0 0 0;
font-family: "open sans";
clear: both;
}
.table-responsive>tbody>tr>td {
/* white-space: nowrap; */
}
.table thead>tr>th, .table tbody>tr>th, .table tfoot>tr>th, .table thead>tr>td, .table tbody>tr>td, .table tfoot>tr>td {
/* padding: 20px 30px 20px 30px; */
padding: 8px;
font-size: 14px;
line-height: 22px;
vertical-align: middle;
}
.table thead>tr>th a:not(.btn), .table tbody>tr>th a:not(.btn), .table tfoot>tr>th a:not(.btn), .table thead>tr>td a:not(.btn), .table tbody>tr>td a:not(.btn) {
/* color: #555555; */
color: #0055a5;
text-decoration: none;
text-align: center;
}
.table thead>tr>th a:not(.btn):hover, .table tbody>tr>th a:not(.btn):hover, .table tfoot>tr>th a:not(.btn):hover, .table thead>tr>td a:not(.btn):hover, .table tbody>tr>td a:not(.btn):hover {
/* color: #38a9a3; */
text-decoration: underline;
}
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-x: scroll;
overflow-y: visible;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
margin-bottom: 20px;
}
.table-responsive.scroll_none {
overflow: inherit;
-webkit-overflow-scrolling: none;
-ms-overflow-style: none;
margin-bottom: 30px;
}
.table-responsive table tr th {
border: 0px;
}
.table-responsive table thead {
position: relative;
z-index: 14;
}
.table-responsive table thead tr th:before {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #eaeaea;
left: 0;
bottom: 0;
}
.table-responsive.popupTable table thead tr th:before {
display: none;
}
.sticky-table {
max-width: 100%;
max-height: inherit;
overflow: auto;
overflow-y: hidden;
/* overflow-x: hidden; */
}
.sticky-table table {
margin-bottom: 0;
width: 100%;
max-width: 100%;
border-spacing: 0
}
.sticky-table table tr.sticky-row td, .sticky-table table tr.sticky-row th {
border-top: 0;
/*position: relative;*/
z-index: 16;
color: #676b6e;
font-size: 14px;
font-weight: 7100;
}
.sticky-table table td.sticky-cell, .sticky-table table th.sticky-cell {
background-color: #fff;
/* outline: red solid 1px;*/
/*position: relative;*/
z-index: 11;
}
.sticky-table table td.sticky-cell:before, .sticky-table table td.sticky-cell:before {
content: "";
position: absolute;
width: 1px;
height: 100%;
background: #eaeaea;
right: 0;
top: -1px;
}
.sticky-table table td.sticky-cell:after, .sticky-table table td.sticky-cell:after {
content: "";
position: absolute;
width: 100%;
height: 1px;
background: #eaeaea;
left: 0;
bottom: 0;
}
.sticky-table table tr.sticky-row td.sticky-cell, .sticky-table table tr.sticky-row th.sticky-cell {
z-index: 17;
}
.sticky-table table tr.sticky-row th.sticky-cell {
background: #f2f2f2;
}
.sticky-table table tr.greyBg td {
background: #f5f5f5
}
.table-responsive >thead >tr >th i.fa-sort:before {
color: red
}
.filter-menu {
background: #36414f;
-webkit-transform: translate(-250px, 0);
transform: translate(-250px, 0);
transition: all .3s ease-in-out;
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
width: 250px;
z-index: 852;
position: absolute;
top: 110px;
bottom: 0;
}
.filterOpen .filter-menu {
background: #36414f;
width: 250px;
float: left;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
width: 250px;
z-index: 850;
}
.filter-menu .filter-list {
width: 100%;
float: left;
padding: 0 15px 0 15px;
}
.filter-menu .filter-list>h3 {
font-size: 16px;
color: #fff;
margin-bottom: 20px;
width: 100%;
display: block;
border-bottom: 1px solid #3c4855;
padding-bottom: 10px;
position: relative;
}
.filter-menu i {
font-family: 16px;
width: 30px;
height: 30px;
position: absolute;
right: 20px;
top: 12px;
color: #bfccdb;
border: 1px solid #bfccdb;
border-radius: 100px;
line-height: 28px;
text-align: center;
display: block;
z-index: 9;
}
.table thead>tr>th {
/* padding: 15px 30px 15px 30px; */
padding: 8px;
font-size: 12px;
vertical-align: middle;
}
/*......checkbox star...............*/
.checkboxPanel {
position: relative;
height: 24px;
}
input[type=checkbox] {
display: none;
margin: 0px;
}
/* to hide the checkbox itself */
input[type=checkbox]+label:before {
font-family: "FontAwesome";
display: inline-block;
font-size: 16px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 0;
margin: 0px;
border: 1px solid #dadada;
}
.checkboxPanel label {
margin: 0px;
}
input[type=checkbox]+label:before {
content: "";
border: 2px solid #d0d0d0;
background: #fff;
}
/* unchecked icon */
label {
cursor: pointer;
}
input[type=checkbox]:checked+label:before {
content: "\f00c";
border: 1px solid #056d67;
background: #0055a5;
color: #fff;
line-height: 21px;
}
input[type=checkbox]+label.disabled:before {
content: "\f068";
border: 1px solid #056d67;
background: #0055a5;
color: #fff;
line-height: 21px;
}
ul.table-items {
margin: 0px;
padding: 0px;
list-style: none;
float: left;
width: 315px;
}
ul.table-items li {
margin: 0px;
padding: 0px;
list-style: none;
display: inline-block;
margin-right: 10px;
white-space: nowrap;
}
ul.table-items {
margin-bottom: 20px;
}
ul.table-items:last-child {
margin-bottom: 0;
}
ul.table-items {
margin-bottom: 20px;
}
ul.table-items:last-child {
margin-bottom: 0;
}
.paginationRight {
float: right;
}
.pagination.paginationRight {
margin: 0px 0px 15px 0px;
}
.filterSection button {
width: 100%;
}
.table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td {
/* white-space: normal; */
white-space: nowrap;
/* text-align: center; */
vertical-align: top;
}
.table-responsive > .table > tbody > tr > td[data-label="comment"] {
white-space: normal;
}
.table-responsive > .table > tbody > tr > td > span.status{
float: left;
width: 97%;
text-align: center;
border: solid .5px;
padding: 4px;
margin: 4px 0px;
}
.table-responsive > .table > thead > tr > th.center_txt {
text-align: center;
}
.main_btn {
/* margin-top: 22px; */
margin-bottom: 20px;
}
.enteries {
float: left;
margin-bottom: 20px;
}
.add {
background: #2f3645;
}
.update {
background: #0055a5;
}
ul.labelList.btns_with {
max-width: 370px;
margin-top: 20px;
}
ul.labelList.btns_with li {
margin-bottom: 14px;
}
ul.labelList li a.btn, ul.labelList li a.btn:hover {
padding-top: 12px;
padding-bottom: 12px;
cursor: pointer;
color: #fff;
}
.breadcrumb > .active {
color: #0055a5;
}
.morecontent span {
display: none;
}
.comment {
max-width: 1000px;
}
/* checked icon */
/*......checkbox end...............*/
.login_page {
background: #282d38;
}
.login_page .wrapper {
height: 100%;
display: table;
height: 100%;
width: 90%;
margin: 0 auto;
}
.login_page .wrapper .login_section {
display: table-cell;
width: 100%;
height: 100%;
text-align: center;
vertical-align: middle;
}
.login_block {
width: 100%;
max-width: 560px;
margin: 0 auto;
box-shadow: 0 0 20px 0 rgba(0, 0, 0, 1);
background: #fff;
border-radius: 3px;
}
.login_block h1 {
margin: 30px 0 40px 0;
color: #666666;
font-weight: 300;
display: block;
clear: both;
}
.login_logo {
padding: 35px 0 20px 0;
}
.login_block form {
padding: 0;
}
.login_block form .form_control {
margin-bottom: 15px;
position: relative;
}
.login_block form .form_control.border {
border: 0px;
border: 1px solid #d8d8d8;
background: #fff;
-webkit-appearance: none
}
.login_block form .form_control.border:hover {
border: 1px solid #b2b2b2;
background: #fff;
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
background: #fff;
}
.login_section .form_control i {
position: absolute;
top: 23px;
left: 20px;
color: #b9b9b9;
}
.login_block form input[type="text"], .login_block form input[type="password"] {
}
.login_block form .form_control.submitBtn {
padding-left: 0;
}
.login_block form input[type="text"], .login_block form input[type="password"] {
height: 57px;
padding: 0 15px 0 45px;
font: 300 15px/16px open sans;
width: 100%;
border: 0px;
background: none;
}
.login_block form input[type="submit"] {
height: 57px;
color: #fff;
background: #3276b1;
padding: 0 15px;
font: 800 18px/20px open sans;
width: 100%;
border: 0px;
}
.login_block form input[type="submit"]:hover {
background: #044480;
}
.login_block .sign_up_bar {
color: #fff;
background: #a4a4a4;
padding: 22px 20px;
font: 19px/20px open sans;
cursor: pointer;
width: 100%;
display: block;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.login_block .form-content {
padding: 0 50px 0 50px;
}
.login_block .remember_me {
display: block;
text-align: left;
cursor: pointer;
}
.login_block .remember_me label {
display: inline-block;
text-align: center;
font-weight: normal;
font-size: 15px;
font-family: "Open Sans";
color: #9f9f9f;
font-weight: 300;
}
.login_block .remember_me input[type=checkbox]+label:before {
margin-right: 5px;
vertical-align: top;
}
.login_block .sign_up_bar a {
font-weight: 400;
color: #fff;
text-decoration: none;
font-size: 16px;
}
.login_block form .form_control.have_account {
margin: 40px 0 40px 0;
font-size: 18px;
font-weight: 600;
color: #9f9f9f;
}
.login_block form .form_control.have_account a {
text-decoration: underline;
color: #000;
}
.login_block form .form_control.have_account a:hover {
text-decoration: none;
color: #374767;
}
.forgot_pass {
float: right;
color: #3c4457;
font: 16px/16px open sans;
text-decoration: underline;
}
.login_block .sign_up_bar:hover {
background-color: #666
}
.content .order-details.listpage {
padding-top: 15px;
}
.accordian_list {
display: block;
clear: both;
float: left;
width: 100%;
border: 1px solid #dadada;
padding: 10px;
border-bottom: 0px;
margin-top: 10px;
z-index: 99;
}
.accordian_list.fullborder {
border: 1px solid #dadada;
}
.accordian_list h4 {
float: left;
padding: 5px 0 0 20px;
}
.accordian_list h4 i {
width: 20px;
}
.accordian_list .btnRight {
float: right;
}
.slide-popup-overlay {
background: rgba(0, 0, 0, 0.35);
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
transition: opacity 0.2s ease 0s;
opacity: 0;
visibility: hidden;
z-index: -2;
overflow: auto;
}
.slide-popup-overlay.popup-center {
padding-left: 15px;
padding-right: 15px;
}
.slide-popup-show {
opacity: 1;
visibility: visible;
z-index: 999996;
}
.slide-popup-container {
background: #FFF;
position: absolute;
right: 0;
top: 50%;
width: 997px;
max-width: 85%;
margin: 0 auto;
opacity: 0;
padding-right: 10px;
font-family: "Open Sans", sans-serif;
overflow: auto;
max-width: 1170px;
margin: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
width: 100%
}
.slide-popup-overlay.slide-popup-show .slide-popup-container {
opacity: 1;
}
.checkout-signup-popup .slide-popup-container {
margin-top: 5%;
}
.popup-center.popup-small .slide-popup-container {
max-width: 800px;
padding: 0;
border-radius: 5px;
background: #f4f4f4;
padding-bottom: 100px;
}
.popup-center.popup-medium .slide-popup-container {
max-width: 900px;
padding: 0;
}
.popup-center .slide-popup-container {
max-width: 85%;
padding: 0;
left: 0;
}
.slide-popup-large .slide-popup-container {
max-width: 95%;
width: 90%;
}
.slide-popup-controls {
height: 28px;
margin-bottom: 20px;
margin-top: 20px;
top: 0;
width: 100%;
text-align: left;
padding: 0 40px;
}
.popup-center .slide-popup-controls {
margin-bottom: 6;
text-align: right;
padding: 0 55px;
}
.popup-center.email-to-friend-popup .slide-popup-controls {
margin: 0;
padding: 0;
position: absolute;
right: 10px;
top: 16px;
width: auto;
width: auto;
}
.slide-popup-controls a.slide-popup-close {
cursor: pointer;
color: #a3a3a3;
font-size: 23px;
font-weight: 300;
padding: 0 18px 0 0;
}
.popup-center .slide-popup-content {
display: block;
padding: 0 27px 0 27px;
position: static;
left: 0;
top: 70px;
right: 10px;
bottom: 0;
overflow-y: auto;
}
.popup-center.fullWidth .slide-popup-container {
margin-top: 0px;
top: 5%;
}
.popup-center.fullWidth .slide-popup-container {
padding: 0;
left: 0;
bottom: 2%;
top: 2%;
position: fixed;
margin-bottom: 0px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
max-width: inherit;
width: 98%;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.popup-center.fullWidth .table-responsive {
margin-top: 0px;
}
.popup-center.fullWidth .slide-popup-content {
position: absolute;
padding: 0 30px 0 30px;
left: 0;
top: 80px;
right: 23px;
overflow-y: scroll;
bottom: 0;
}
.slide-popup-container h1.popup_heading {
font-size: 28px;
border-bottom: 1px solid #ddd;
text-align: center;
text-align: left;
padding: 0 0 0 20px;
background: #fff;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
margin: 0px;
line-height: 60px;
color: #848484;
}
.CheckoutBillingInfo .popup-add-new-address span {
width: 150px;
height: 30px;
text-align: center;
position: absolute;
left: 50%;
top: 50%;
margin: -15px 0 0 -75px;
}
.CheckoutBillingInfo .popup-add-new-address:hover {
border-color: #62ccca;
color: #62ccca;
background: #f2f2f2;
}
.CheckoutBillingInfo .display-table .display-table-cell {
position: relative;
}
.CheckoutBillingInfo label {
width: 100%;
margin: 0;
cursor: pointer;
font-weight: normal;
padding: 15px;
border: 2px solid #e3e3e3;
}
.CheckoutBillingInfo label address {
margin: 0;
}
.CheckoutBillingInfo input[type="radio"] {
position: absolute;
visibility: hidden;
}
.CheckoutBillingInfo input[type="radio"]:checked+label {
border-color: #62ccca;
box-shadow: 0 0 5px #62ccca;
background: #f2f2f2;
}
.CheckoutBillingInfo input[type="radio"]:checked+label .select-btn span {
background: #62ccca;
color: #ffffff;
border-color: #62ccca;
text-align: left;
}
.CheckoutBillingInfo .select-btn .fa {
display: none;
position: absolute;
right: 5px;
top: 7px;
}
.CheckoutBillingInfo input[type="radio"]:checked+label .select-btn .fa {
display: block;
}
.CheckoutBillingInfo .select-btn {
margin-top: 10px;
}
.CheckoutBillingInfo .select-btn span {
background: #f3f3f3;
border: 1px solid #d8d8d8;
border-radius: 2px;
color: #d8d8d8;
display: inline-block;
padding: 5px 35px;
position: relative;
text-align: center;
text-transform: uppercase;
}
.CheckoutBillingInfo .lastname {
display: block;
clear: both;
}
.selectBox.inlineBlock {
display: inline-block;
margin-left: 10px;
margin-right: 10px;
}
.selectBox .select-box.small {
width: 100px;
}
.roundedRadio.topmargin {
margin-top: 10px;
}
.roundedRadio {
position: relative;
display: inline-block;
}
.roundedRadio input[type="radio"] {
position: absolute;
visibility: hidden;
}
.roundedRadio input[type="radio"]+label span {
width: 20px;
height: 20px;
left: 0;
top: 0;
position: absolute;
border-radius: 100px;
background: #fff;
border: 2px solid #3d3d3d;
z-index: 1;
}
.roundedRadio input[type="radio"]+label {
color: #3d3d3d;
padding-left: 26px;
}
.roundedRadio input[type="radio"]:checked+label {
color: #6acbc9;
}
.roundedRadio input[type="radio"]:checked+label span {
border-color: #6acbc9;
}
.checkout-address-form h3 {
width: 100%;
float: left;
}
.checkout-address-form>form>ul {
margin: 0;
padding: 0;
width: 100%;
float: left;
}
.checkout-address-form ul li {
padding: 10px 0;
list-style: none;
}
.checkout-address-form ul li label {
width: auto;
text-align: left;
padding-top: 8px;
display: block;
font-size: 13px;
/*
color: #666;
font-weight: 400;
*/
color: #000;
font-weight: 700;
}
.checkout-address-form ul li .form-feild label.switch {
width: 50px;
}
h3.sub_title
{
text-transform: uppercase;
padding-bottom: 15px; margin-top: 0;
margin-bottom: 25px;
font-size: 17px; position: relative; color: #044480; font-weight: 700;
}
h3.sub_title:after
{height:2px; width:80px; position: absolute; left: 0; bottom: 0; content: ''; background: #044480;}
.account_edit .checkout-address-form ul li label
{padding-top: 0 !important;}
.account_edit .checkout-address-form .custom_radio_btns label
{padding-top: 8px !important;}
.custom_radio_btns
{margin-left:1px;}
.custom_radio_btns.half{
/* width: 50%; */
}
.custom_radio_btns.tri > div
{float:left; margin-left: -1px; width: 33.33%;}
.custom_radio_btns.four > div
{float:left; margin-left: -1px; width: 25%;}
.custom_radio_btns.half > div
{float:left; margin-left: -1px; width: 50%;}
.custom_radio_btns.full > div
{float:left; margin-left: -1px; width: 100%;}
.custom_radio_btns.full > div label
{width: 100%;}
.custom_radio_btns > div label
{position:relative; padding: 8px 10px 9px 45px !important; border: 1px solid #b2b2b2; height: 40px; color: #666; cursor: pointer; width: 100%}
.custom_radio_btns > div input[type="radio"]{
/* display:none !important; */
opacity: 0;
position: absolute;
z-index: -1;
}
.custom_radio_btns > div input[type="radio"]:checked + label{border: 1px solid #044480; background: #044480; color: #fff;}
.custom_radio_btns > div input[type="radio"]:checked + label.buy{background-color: green !important; }
.custom_radio_btns > div input[type="radio"]:checked + label.sell{background-color: red !important;}
.custom_radio_btns > div:first-child label{/* border-radius:3px 0 0 3px; */}
.custom_radio_btns > div:first-child label{/* border-radius:0 3px 3px 0; */}
.custom_radio_btns > div label:before{
position:absolute; left: 15px; border: 2px solid #ccc; border-radius: 100%; width:20px; height: 20px; content: '';
}
.custom_radio_btns > div label.label-only{
text-align: right;
border: 0px;
}
.custom_radio_btns > div label.label-only:before{
position:absolute; left: 15px; border: 2px solid #ccc; border-radius: 100%; width:20px; height: 20px; content: none;
}
.custom_radio_btns > div input[type="radio"]:checked + label:before{
border:2px solid #fff; background: #fff;
}
.custom_radio_btns > div input[type="radio"]:checked + label:after
{ width:10px; height: 10px; position: absolute; content: ''; left: 20px;
top: 13px; background: #044480; border-radius: 100%;}
.form_group{margin-bottom:20px;}
#couple_names
{display:none;}
.account_edit .checkout-address-form ul li .form-feild textarea.address-form-input
{height:119px;}
.checkout-address-form ul li label .my-account-btn {
font-size: 14px;
padding-bottom: 5px;
padding-top: 5px;
}
.checkout-address-form ul li .form-feild {
margin-left: 0;
max-width: 100%;
position: relative;
}
.checkout-address-form ul li .form-feild .min-form-feild {
float: left;
width: 50%;
position: relative;
}
.checkout-address-form ul li .form-feild .min-form-feild.expiration-date .address-form-input {
width: 68px;
}
.checkout-address-form ul li .form-feild .min-form-feild.cid {
float: right;
}
.checkout-address-form ul li .form-feild .min-form-feild.cid .address-form-input {
width: 65px;
}
.checkout-address-form ul li .form-feild .min-form-feild label {
margin-right: 20px;
text-align: right;
width: auto;
}
.checkout-address-form ul li .form-feild .min-form-feild.state label {
margin-right: 0;
margin-left: 20px;
}
.checkout-address-form ul li .form-feild .min-form-feild.phone-ext {
text-align: center;
}
.checkout-address-form ul li .form-feild .min-form-feild.phone-ext a {
background: none;
color: #333333;
display: block;
font-weight: 300;
padding: 10px;
}
.checkout-address-form ul li .form-feild .min-form-feild.phone-ext label {
margin-left: 20px;
margin-right: 0;
}
.checkout-address-form ul li .form-feild .min-form-feild.phone-ext .p-ext {
display: none;
}
.checkout-address-form ul li .form-feild .min-form-feild.phone-ext .p-ext .address-form-input {
width: 60%;
float: right;
}
.clear {
height: 0;
clear: both;
}
.nice_dropdown, .checkout-address-form ul li .form-feild .address-form-input,
form.ddc_form .address-form-input,
#kvitel-dropdown select,
#kvitelCountForm .address-form-input,
#assignAccountForm .address-form-input,
#affiliatesForm .address-form-input,
.address-form-input{
border: 1px solid #d8d8d8;
border-radius: 2px;
box-shadow: none;
min-height: 40px;
padding: 5px;
width: 100%;
font-size: 13px;
background: #fff;
padding-left: 10px;
}
textarea{
min-height: 55px !important;
}
.main-product-note .info-form-input, textarea.info-form-input, .input-wrap textarea.info-form-field-input {
min-height: 42px !important;
max-height: 42px;
margin-top: 10px;
}
.main-product-note.color-col-0, .cd-panel .main-product-note.color-col-0 {
padding-right: 12px;
}
.enteries>.nice_dropdown{
width: auto;
}
.enteries>.filter-set>.nice_dropdown{
width: auto;
}
.filter-set{
display: inline-block;
}
form.ddc_form .address-form-input{
min-height: 34px;
}
.checkout-address-form ul li .form-feild textarea.address-form-input {
resize: none;
height: 100px;
}
.checkout-address-form ul li .form-feild select.address-form-input {
height: 40px;
}
.select2-container, .select2-selection, .select2-selection__rendered{
height: 40px !important;
line-height: 36px !important;
}
#product_id+.select2-container{
height: auto !important;
}
.checkout-address-form ul li .form-feild .address-form-input:hover, .checkout-address-form ul li .form-feild .address-form-input:focus,
form.ddc_form .address-form-input:hover, form.ddc_form .address-form-input:focus,
#kvitelCountForm .address-form-input:hover, #kvitelCountForm .address-form-input:focus,
#assignAccountForm .address-form-input:hover, #assignAccountForm .address-form-input:focus{
border-color: #b2b2b2;
background: #fff;
}
.checkout-address-form ul li .form-feild .address-form-input+span.valid, .checkout-address-form ul li .form-feild .address-form-input+label.error+span.valid {
color: #769e2d;
display: none;
font-size: 20px;
position: absolute;
right: 5px;
top: 4px;
}
.checkout-address-form ul li .form-feild .address-form-input.valid+span.valid, .checkout-address-form ul li .form-feild .address-form-input.valid+label+span.valid {
display: block;
}
.checkout-address-form ul li .form-feild .min-form-feild.state .address-form-input {
}
.checkout-address-form ul.other-country li .form-feild .min-form-feild.city {
width: 40%;
}
.checkout-address-form ul.other-country li .form-feild .min-form-feild.state {
width: 60%;
}
.checkout-address-form ul.us-country li .form-feild .min-form-feild.state .address-form-input {
float: right;
width: 60%;
}
.checkout-address-form ul.other-country li .form-feild .min-form-feild.state .address-form-input {
float: right;
width: 50%;
}
.checkout-address-form ul.us-country li .form-feild.zip .address-form-input {
width: 110px;
}
select.address-form-input option {
padding: 5px;
border: 1px solid #bababa;
}
.checkout-address-form ul li .form-feild label {
width: 100%;
text-align: left;
}
.checkout-address-form ul li .form-feild label.error {
color: #f93;
font-weight: normal;
left: 100%;
margin: 0 !important;
padding: 10px;
position: absolute;
text-align: left;
top: 0;
width: 200px;
white-space: nowrap;
}
.checkout-address-form ul li .form-feild .min-form-feild.phone label.error {
margin-left: 155px !important;
}
.checkout-address-form ul li .form-feild label.error:before {
border: 2px solid #f93;
border-radius: 100%;
color: #f93;
display: block;
font-size: 16px;
height: 25px;
left: -32px;
line-height: 21px;
position: absolute;
text-align: center;
top: 8px;
width: 25px;
content: "!";
}
.checkout-address-form ul li .form-feild .min-form-feild.phone label.error:before {
left: -187px;
}
.checkout-address-form ul li .form-feild .error+span.form-error:before {
}
.checkout-address-form ul li .form-feild .valid+span.form-error {
display: none;
}
.checkout-address-form ul li .form-feild .min-form-feild.city label.error {
bottom: -18px;
padding: 0;
top: inherit;
}
.checkout-address-form ul li .form-feild .min-form-feild.city label.error:before {
top: -30px;
}
.checkout-address-form ul li .form-feild .cid label.error:before {
left: -80px;
}
.checkout-address-form ul li .form-feild .cvv-info-link {
position: relative;
display: inline-block;
margin: 0 0 0 10px;
vertical-align: top;
padding-top: 5px;
position: absolute;
right: 0;
top: 0;
}
.checkout-address-form ul li .form-feild .cvv-info-link a {
width: 30px;
height: 30px;
display: inline-block;
border: solid 1px #62CCCA;
border-radius: 100%;
line-height: 28px;
text-align: center;
color: #62CCCA;
}
.checkout-address-form ul li .form-feild .cvv-info-link .cvv-info-box {
position: absolute;
left: 0;
top: 0;
width: 275px;
padding: 10px;
border: solid 1px #cbcbcb;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
z-index: 11111;
background: #fff;
display: none;
}
.checkout-address-form ul li .form-feild .cvv-info-link:hover .cvv-info-box {
display: block;
}
.checkout-address-form ul li .form-feild .cvv-info-link .cvv-info-box p {
font-weight: bold;
text-transform: uppercase;
}
.relative {
position: relative;
}
.checkout-address-form .checkout-form-wrapper {
display: inline-block;
vertical-align: middle;
}
.checkout-address-form .checkout-form-wrapper .checkout-form-error-border {
border: 1px dashed #990000;
border-radius: 4px;
height: 100%;
left: 190px;
top: 0;
max-width: 330px;
width: 100%;
z-index: 0;
position: absolute;
}
.checkout-address-form ul li .roundedRadio label {
padding-top: 0px;
}
.inline-blockDiv {
display: inline-block;
margin-right: 0;
}
.checkout-address-form ul li .form-feild .inline-blockDiv label {
padding: 0px;
border-radius: 3px;
padding: 8px 20px 8px 20px;
transition: all .2s ease-in;
-webkit-transition: all .2s ease-in;
-moz-transition: all .2s ease-in;
}
.checkout-address-form ul li .form-feild .inline-blockDiv input[type=checkbox]+label {
border: 1px solid #d8d8d8;
color: #666;
background: #f7fbfc; /* Old browsers */
background: -moz-linear-gradient(top, #f7fbfc 0%, #ffffff 43%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #f7fbfc 0%, #ffffff 43%, #e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #f7fbfc 0%, #ffffff 43%, #e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7fbfc', endColorstr='#e5e5e5', GradientType=0 ); /* IE6-9 */
}
.checkout-address-form ul li .form-feild .inline-blockDiv input[type=checkbox]:checked+label {
border: 1px solid #d8d8d8;
text-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
color: #fff;
background: #29928c;
background: -moz-linear-gradient(top, #29928c 0%, #38aaa3 68%);
background: -webkit-linear-gradient(top, #29928c 0%, #38aaa3 68%);
background: linear-gradient(to bottom, #29928c 0%, #38aaa3 68%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#29928c', endColorstr='#38aaa3', GradientType=0 );
}
.checkout-address-form ul li .form-feild .inline-blockDiv.checkboxPanel {
height: auto;
margin-right: 10px;
}
.inline-blockDiv:hover, .inline-blockDiv.checkboxPanel label {
cursor: pointer;
}
.inline-blockDiv input[type=checkbox]+label:before {
font-family: "FontAwesome";
display: inline-block;
font-size: 16px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 0;
margin: 0px;
border: 1px solid #dadada;
font-weight: 600;
}
.inline-blockDiv .checkboxPanel label {
margin: 0px;
}
.inline-blockDiv input[type=checkbox]+label:before {
content: "";
border: 0;
background: #fff;
vertical-align: middle;
margin-right: 5px;
display: none;
}
/* unchecked icon */
.inline-blockDiv input[type=checkbox]:checked+label:before {
content: "\f00c";
border: 0;
background: #0055a5;
color: #fff;
line-height: 17px;
display: inline-block;
background: none;
}
.inline-blockDiv input[type=checkbox]+label.disabled:before {
content: "\f068";
border: 1px solid #056d67;
background: #0055a5;
color: #fff;
line-height: 20px;
cursor: pointer;
}
.popup-bottom {
position: absolute;
background: #fff;
left: 0;
bottom: 0;
width: 100%;
padding: 20px 20px 20px 20px;
}
.popup-bottom .flLeft {
float: left;
}
.popup-bottom .flRight {
float: right;
}
.space_60 {
display: block;
clear: both;
width: 100%;
height: 60px;
}
.space_20 {
display: block;
clear: both;
width: 100%;
height: 20px;
}
.popup-content {
padding: 20px 0 0 0;
}
.checkout-address-form ul li {
padding: 0; /* overflow-y:hidden */
;
}
.checkout-address-form .textArea {
width: 100%;
min-height: 70px;
resize: vertical;
border: none;
border: 1px solid #d8d8d8;
font-size: 15px;
}
.checkout-address-form .textArea:hover, .checkout-address-form .textArea:focus {
border: 1px solid #b2b2b2;
}
.checkout-address-form ul li .full_width, .no-padd {
padding-left: 0;
padding-right: 0;
}
.popup-bottom .btn {
padding: 10px 30px;
font-size: 20px;
}
/*.............file upload ...........*/
.inputfile { width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1; }
.inputfile + label { font-size: 1.25em; font-weight: 700; color: white; background-color: #fff; display: inline-block; height: 40px; border: 1px solid #d8d8d8; overflow: hidden; }
.inputfile + label i.fa { position: absolute; left: 10px; top: 12px }
.inputfile + label span { font-size: 14px; white-space: nowrap; overflow: hidden; }
.inputfile:focus + label, .inputfile + label:hover { border: 1px solid #b2b2b2; }
.inputfile + label { cursor: pointer; position: relative; padding-left: 30px; }
.inputfile:focus + label { outline: 1px dotted #000; outline: -webkit-focus-ring-color auto 5px; }
.inputfile + label * { pointer-events: none; }
select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #000; border: 0; }
file::-moz-focus-inner { border: 0; }
button::-moz-focus-inner { border: 0; }
:focus { outline: none; }
::-moz-focus-inner { border:0; }
input:focus { outline: none; }
td#action, div.actions { white-space: nowrap; }
.rtl { direction: rtl !important; }
.checkout-address-form ul li .form-feild .inline-blockDiv.delete label { padding: 8px 20px; }
.hasDatepicker { position: relative; z-index: 9999; }
.table tbody>tr>td.audio-text { font-size: 12px; line-height: 15px; }
/* Booking View */
h2.md{font-size:20px; font-weight:700; margin: 0;}
h3.subheading{font-size:18px; line-height: 24px; font-weight:700; background-color:#374767; color:#fff; padding: 8px 20px; margin: 0; display: block;}
h3.subheading.mb-20{margin-bottom: 10px;}
.title-section{display: flex; justify-content: space-between; border-bottom: 1px solid #E0E1E5; padding-bottom: 16px;}
.title-section .right-side { display: flex; justify-content: space-between; align-items: center; margin-left: auto; }
.no-border{border:0!important;}
.title-section .button-panel{display: flex;margin-right: 30px;}
.savepdf{display: flex; align-items: center;}
.savepdf a{ width: auto; height: 30px; border-radius: 3px; background: url(../images/pdf-icon.png) 10px center no-repeat; display: flex; align-items: center; padding: 0 10px 0 34px; border: 1px solid #374767; border-radius:5px; font-size:16px; font-weight: 600; margin-right:20px; color:#374767; }
.btn-outline-regular-md { height: 30px; padding: 3px 10px 3px 10px; border: 1px solid #374767; border-radius: 5px; font-size: 16px; font-weight: 600; color: #374767; display: block; }
.savepdf a:hover, a.btn-outline-regular-md{ color:#000; }
.custom-table{ border:0; }
.custom-table.table thead>tr>th{ margin: 0; padding: 0; border:0; }
.custom-table.table h4{ font-size:16px; line-height: 22px; margin-bottom: 10px; font-weight: 700; color:#374767; display: block; border:0; }
.custom-table.table tbody > tr > td{border:0;}
.custom-table.table tbody > tr > td strong{font-weight: 500;}
.custom-table.table-striped > tbody > tr:nth-child(odd) > td, .custom-table.table-striped > tbody > tr:nth-child(odd) > th { background-color: #F1F6FF; }
.detail-section-wrapper{display: flex; justify-content: space-between; grid-gap:30px; margin: 30px 0 45px;}
.detail-section-wrapper .detail-content{ width: 100%; }
.detail-section-wrapper .sidebar{ min-width: 370px; }
.price-information-wrapper{background: #F1F6FF; padding-top: 10px;}
.table-break { page-break-after: always !important; }
.price-information-wrapper ul.price-table-info, .price-information-wrapper ul.price-table-info li{margin:0; padding: 0; list-style: none;}
.price-information-wrapper ul.price-table-info li{padding: 10px 20px; font-size:16px;}
.price-information-wrapper ul.price-table-info li span { max-width: 78%; display: inline-block; }
.price-information-wrapper ul.price-table-info li b { text-align: right; font-weight: 400; float: right; }
.price-information-wrapper ul.price-table-info li b:first-child { float: none; display: inline-block; }
.price-information-wrapper ul.price-table-info li b:first-child, .price-information-wrapper ul.price-table-info li .total b, .price-information-wrapper ul.price-table-info li.grand-total b { width: auto; }
.price-information-wrapper ul.price-table-info li .total{font-weight: 600; border-bottom: 1px solid #9BA3B3; line-height: 30px; width:100%; display:flex; justify-content: space-between; padding-bottom: 18px;}
.price-information-wrapper ul.price-table-info li .total b {font-weight: 600;}
.price-information-wrapper ul.price-table-info li.grand-total{background: #F2D260;font-weight: 700; }
.price-information-wrapper ul.price-table-info li.grand-total b{font-weight: 700;}
.order-time{display: block; text-align: center; padding: 15px 0 0; font-size:14px;}
.order-time span{color:#DDDDDD;}
table .no-padding{padding: 0!important;}
.custom-detail-table.table{margin-bottom: 0;}
.custom-detail-table.table-striped > tbody > tr > th{background: none;}
.custom-detail-table .table > thead > tr > th{background: #374767!important; color:#fff; border:0; margin-bottom: 10px;}
.custom-detail-table.table > thead > tr > td{border:0;}
.custom-detail-table.table tbody > tr > th{border-top:0; border-bottom: aliceblue; background: #f1f1f1;}
.custom-detail-table.table tbody > tr > td{border-top:0; border-bottom:1px solid #DDDDDD;}
.custom-detail-table.table tbody > tr:last-child > th{border-bottom:0; padding-bottom: 0;}
.table-content {display: flex;align-items: baseline;column-gap: 15px;justify-content: space-between;}
.table-content .btn-edit { width: auto; height: 30px; display: flex; align-items: center; padding: 0 10px 0 10px; border: 1px solid #374767; border-radius: 5px; font-size: 16px; font-weight: 600; color: #374767; }
.table-content .btn-edit i {margin-right: 8px;}
.edit-btn { width: auto; height: 30px; display: flex; align-items: center; padding: 0 10px 0 10px; border: 1px solid #374767; border-radius: 5px; font-size: 16px; font-weight: 600; color: #374767; }
.edit-btn i {margin-right: 8px;}
.qty-w {width: 16%;}
.btn-wrap { font-size: 16px; font-weight: 600; float: right;margin-top: 20px; }
.cd-panel .sub-field button { display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px;}
.cd-panel__content .per-unit p, .cd-panel__content .total-col p {font-size: 20px;font-weight: 300;margin: 0px;}
.cd-panel__content .per-unit span {padding-left: 7px;}
.custom-detail-table.table h4 { padding: 0; font-size: 15px; font-weight: 600; margin: 0; }
.two-col-table-section {display: flex; align-items: center; padding: 10px 0;}
.two-col-table-section b {margin-right: 3px;}
.two-col-table-section label {margin: 0 0 0 20px;}
.two-col-table-section em {font-style: normal; margin-left:5px; font-weight: 400; display: none; position: relative; right:-50px;}
.two-col-table-section span {font-weight: 600;}
.two-col-table-section span.seprator {color:#DDDDDD;}
input[type=checkbox]:checked ~ em {display: block;}
.action-button img { height: 16px; width: auto; }
.action-button a {padding: 10px 5px;}
.action-column {width:70px; }
.booking-confirmed-wrapper { background: #fff; box-shadow: 0 4px 15px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .1); -moz-box-shadow: 0 4px 15px rgba(0, 0, 0, .1); margin: 0 auto; padding: 40px; max-width:452px; }
.booking-confirmation-section {padding: 80px 0;}
.booking-confirmed-wrapper .confirmed-icon {display: block; }
.booking-confirmed-wrapper .confirmed-icon img{height: 45px; margin: 0 0 10px 0;}
.booking-confirmed-wrapper .center-text-panel{text-align: center; margin: 0 0 40px;}
.booking-confirmed-wrapper p.large{font-size:20px;}
.booking-confirmed-wrapper h2{font-size:18px; padding:15px 0 25px; margin: 0;}
.booking-confirmed-wrapper h2 span{font-weight: 700;}
.booking-info-id{background:#FEF8E3; border:1px solid #9BA3B3; border-radius: 20px; display: inline-block; padding: 6px 20px; font-size:18px;}
.booking-info-id span{font-weight: 700;}
.booking-confirmed-wrapper .custom-table{margin-bottom: 0;}
.booking-confirmed-wrapper .custom-table td{font-size:16px;}
.booking-confirmed-wrapper .price-information-wrapper{background: none;}
.booking-confirmed-wrapper .price-information-wrapper ul.price-table-info li { padding: 10px 10px; }
.contact-info-panel{display: block; text-align: center; padding: 25px 0; font-size:16px;}
.contact-info-panel a{font-weight: 700;}
.content .booking-deails-main-wrapper { background: #fff; box-shadow: 0 4px 15px rgba(0, 0, 0, .1); -webkit-box-shadow: 0 4px 15px rgba(0, 0, 0, .1); -moz-box-shadow: 0 4px 15px rgba(0, 0, 0, .1); margin: 0px 0 0 0; padding: 20px; max-width: 100%; margin: 0 auto; float:none; margin-top:15px; }
.table-scroll-auto { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; }
.booking-pdf{padding: 0 20px;}
.booking-pdf .detail-section-wrapper{flex-wrap: nowrap;}
/* Booking view end */
@media all and (max-width: 767px) {
.no-padd-mob { padding-left: 0 !important; padding-right: 0 !important; }
.hidden-mob { display: none !important; }
td.hidden-xs:before, td.hidden-xs { display: none !important; }
.content .order-details.reports_page .dt-buttons { padding: 0; width: 100%; margin-top: 0; }
.content .order-details.reports_page .dt-buttons button.dt-button { margin: 0 4.9% 10px 0; float: left; width: 30%; }
.content .order-details.reports_page .dataTables_filter label { width: 100%; }
.content .order-details.reports_page .dataTables_filter label input { max-width: 100%; min-width: 100%; width: 100%; margin: 0; }
.content .order-details.reports_page .dataTables_filter { width: 100%; margin-top: 0; }
.content .order-details.reports_page .dt-buttons button.dt-button:nth-child(3n) { margin-right: 0; }
.clear_mobile { display: block; clear: both; }
#datetimepicker7 .bootstrap-datetimepicker-widget { left: auto !important; right: 0 !important; }
}
.form-control.btn { border: 1px solid #cccccc; }
.userinfo-header { padding-left: 0px; }
.navbar-default { border: 1px solid #ccc; }
tr.done > td { background-color: #e0f5d9; }
.table-hover > tbody > tr.done:hover > td { background-color: #cbf5bd; }
.ASC:after, .DESC:after { content: ' '; position: relative; right: 2px; border: 8px solid transparent; margin: 15px; }
.DESC:after { top: 10px; border-top-color: silver; }
.ASC:after { bottom: 15px; border-bottom-color: silver; }
.DESC, .ASC { padding-right: 10px; }
.ASC, .DESC { background: rgb(233, 233, 233) !important; }
th { cursor: pointer; }
td { min-height: 43px; }
legend { border: 0px; margin-bottom: 10px; padding-top: 10px; }
.view_record th { width: 30%; }
.load_bg { position: fixed; left: 0px; top: 0px; background: rgba(0,0,0,0.3); width: 100%; height: 100vh; z-index: 9999; }
.load_bg img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.displayErrorMessage { color: red; font-size: 20px; }
.displaySuccessMessage { color: Green; font-size: 20px; }
.siteurlspan { padding-bottom: 1px; float: left; color: #666; }
/*
.sidebar-menu>li:last-child{
position: absolute;
bottom: 0;
width: 100%;
margin-bottom: 20px;
}
*/
.small_btn{
width: 30px;
height: 30px;
border-radius: 3px;
padding: 4px .50px;
}
.white_text{
color: white !important;
}
.half{
/* width: 50% !important; */
}
.btn-five{
width: 20% !important;
}
.fifth div{
width: auto !important;
}
.table tbody>tr.disabled>td, .table tbody>tr.disabled>td a{
color: #c7c7c7;
}
.table tbody>tr.inactive>td, .table tbody>tr.inactive>td a{
/* color: #c7c7c7; */
color: #b94a48;
}
.modal-dialog{
right: auto;
left: 50%;
top: 50%;
bottom: auto;
width: auto;
/* width: 600px; */
padding-top: 30px;
padding-bottom: 30px;
position: absolute;
transform: translate(-50%, -50%) !important;
}
.btn-square{
width: 30px !important;
height: 30px !important;
padding: 0px !important;
}
label.half{
float: left;
}
input[type=checkbox].visible{
display: block ;
}
input[type="text"]:disabled {
background: #eeecec !important;
}
input:disabled::-webkit-input-placeholder { /* WebKit browsers */
color: #999999;
}
input:disabled:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: #999999;
}
input:disabled::-moz-placeholder { /* Mozilla Firefox 19+ */
color: #999999;
}
input:disabled:-ms-input-placeholder { /* Internet Explorer 10+ */
color: #999999;
}
.modal.in .modal-dialog{
max-height: calc(100vh - 85px);
max-width: 100vw;
}
label.id{
margin-bottom: 0px;
margin-top: 5px;
}
td.id_checkbox{
width: 30px;
text-align: center;
}
th.id_checkbox.ASC:after, th.id_checkbox.DESC:after{
margin-right: 5px;
}
.tooltip-inner {
white-space: nowrap;
max-width: inherit;
}
.accountpinshistory .tooltip-inner {
font-size: 16px;
padding: 10px 15px;
}
span#bulk_update{
/*
text-decoration: underline;
cursor: pointer;
*/
}
.inside{
border: solid 1px;
padding: 5px;
}
.inside, .outside{
margin-bottom: 10px;
}
table .header-fixed {
position: fixed !important;
top: 0px;
/* left: 0 !important; */
/*right: 0;*/
z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
}
p.red{
color: red;
}
p.green{
color: green;
}
/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width: 50px;
height: 24px;
}
.switch.small{
transform: scale(0.7);
transform-origin: top left;
}
/* Hide default HTML checkbox */
.switch input {
opacity: 0;
width: 0;
height: 0;
}
/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 16px;
width: 16px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #2196F3;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
/*
.col-sm-12{
float: left !important;
width: 100%;
}
@media (min-width: 992px){
.col-sm-12{
float: left !important;
width: 100%;
}
}*/
body.modal-open {
margin-right: 0px !important;
}
input#paper+label{
background-color: green;
color: white;
}
input#paper:checked+label{
background-color: red;
}
@media (max-width: 600px){
#candle_data td{
padding-left: 20%;
}
#candle_data td::before {
width: 12%;
}
#candle_data td p {
width: auto;
float: left;
height: auto;
margin-right: 10px;
}
.page-candles-index .search_section nav.navbar {
margin: 14px 0 0 0;
}
.page-candles-index .search_section .btn.btn-default.search {
padding: 7px 5px;
max-width: 50px;
}
}
.in_zone{
background-color: rgba(255, 0, 0, 0.24);
}
/* Chat containers */
.container {
border: 2px solid #dedede;
background-color: #f1f1f1;
border-radius: 5px;
padding: 10px;
margin: 10px 0;
}
/* Darker chat container */
.darker {
border-color: #ccc;
background-color: #ddd;
}
/* Clear floats */
.container::after {
content: "";
clear: both;
display: table;
}
/* Style images */
img.avatar{
float: left;
max-width: 30px;
width: 100%;
margin-right: 20px;
border-radius: 50%;
}
.container img{
float: left;
}
/* Style the right image */
.container img.avatar.right {
float: right;
margin-left: 20px;
margin-right:0;
}
/* Style time text */
.time-right {
float: right;
color: #aaa;
color: #757575;
font-size: 12px;
}
/* Style time text */
.time-left {
float: left;
color: #999;
font-size: 12px;
}
.scroll-to-div, .scroll-to-div .time-left{
background-color: #5486ff !important;
color: white !important;
}
.over-worked{
border: solid 2px red;
padding: 5px;
}
#pagination, #filters{
clear: both;
}
.search_section .form-control:focus{
border-color: initial;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: solid 1px gray;
}
.search_section .form-control{
margin: 20px 0 0 0;
padding-top: 5px;
border-radius: 0px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: none;
transition: none;
border: none;
border-bottom: solid 1px rgb(232, 232, 232);
}
.isHighPriority{
background-color: rgba(255, 0, 0, 0.18);
}
.clicked{
background-color: rgba(0, 77, 255, 0.46);
}
.select2-dropdown {
z-index: 10060 !important;/*1051;*/
}
.form-feild .select2-container{
width: auto !important;
}
form .form-feild .select2-container{
width: 100% !important;
}
.pdf iframe{
min-height: 300px;
}
.pc-tab {
width: 100%;
max-width: 700px;
margin: 0 auto;
}
.pc-tab ul {
list-style: none;
margin: 0;
padding: 0;
}
.pc-tab ul li label {
font-family: "Raleway";
float: left;
padding: 15px 25px;
border: 1px solid #ddd;
border-bottom: 0;
background: #eeeeee;
color: #444;
}
.pc-tab ul li label:hover {
background: #dddddd;
}
.pc-tab ul li label:active {
background: #ffffff;
}
.pc-tab ul li:not(:last-child) label {
border-right-width: 0;
}
/* edit pages css here */
.top-sec {
display: flex;
justify-content: space-between;
}
.sort-col {
display: flex;
gap: 20px;
}
.title-top h4 {
font-size: 24px;
font-weight: 400;
color:#676B6E;
font-family: inherit;
}
.sort-col {
display: flex;
gap: 0 20px;
align-items: flex-end;
padding: 6px 0;
}
.sort-in {
font-size: 16px;
font-weight: 400;
color: #374767;
}
.add-in {
font-size: 16px;
font-weight: 400;
color: #374767;
font-family: inherit;
}
.table-cloth {
display: flex;
justify-content: space-between;
padding-top: 18px;
}
.P-0 {
padding: 0 !important;
}
.col-md-12.p-0 {
padding: 0;
}
.row-main-01 {
border-right: 1px solid #A0A0A0;
width: 27%;
float: left;
}
.product-title {
width: 100%;
background: #F1F3F6;
}
.product-title {
padding: 3px 10px;
}
.product-details.head, .product-details.col-vel{
margin-top: 20px;
}
.product-title h4 {
margin: 0;
color: #374767;
font-size: 16px;
font-family: inherit;
font-style: normal;
font-weight: 700;
line-height: 100%;
letter-spacing: -0.304px;
}
.row-main-01 input {
display: block;
}
input[type=checkbox].product_name{
visibility: hidden;
height: 0px;
}
input[type=checkbox]+label.product_name:before{
content: unset;
border: unset;
background: unset;
}
.row-main-01 button,
.row-main-01 label.product_name {
width: unset;
background: transparent;
border: 1px solid #A0A0A0;
border-radius: 5px;
width: 95% !important;
height: 42px;
margin-top: 10px;
color: #374767;
font-size: 14px;
font-weight: 400;
text-align: left;
padding-left: 10px;
font-family: inherit;
}
.row-main-01 input[type=checkbox]:checked+label.product_name {
background: #000;
color: #fff;
height: 37px;
}
div:not(.head)>.row-main-01{
/* height: 52px; */
height: 80px;
}
.row-main-01.options-col {
width: 17%;
}
.row-main-01 .active button {
background: #000;
color: #fff;
}
.row-main-01.options-col h4 {
padding-left: 10px;
}
.row-main-01.options-col .col-opt {
/* margin-left: 20px; */
margin: 12px;
}
.row-main-01.options-col .select2-container, .select2-selection, .select2-selection__rendered{
height: initial !important;
line-height: initial !important;
}
.row-main-01.qty-col {
width: 5%;
}
.qty-col .product-title h4 {
margin: 0;
font-weight: 700;
font-size: 16px;
text-align: center;
}
.col-check {
text-align: center;
}
.col-check input[type=checkbox]:first-child {
margin-top: 25px;
}
.col-check input[type=checkbox] {
display: inline-block;
margin: 14px 0;
text-align: center;
}
/* .row-main-01.options-col .col-opt input{
background: transparent;
border: 1px solid #A0A0A0;
border-radius: 5px;
width: 90%;
height: 42px;
margin-top: 10px;
color: #374767;
font-size: 14px;
font-weight: 400;
text-align: left;
padding-left: 20px;
font-family: inherit;
} */
.row-main-01.options-col .col-opt input::placeholder {
color: #D4D4D4;
}
.col-price {
padding-left: 20px;
}
.col-price input {
background: transparent;
border: 1px solid #A0A0A0;
border-radius: 5px;
width: 38%;
height: 42px;
margin-top: 10px;
color: #374767;
font-size: 14px;
font-weight: 400;
text-align: center;
padding-left: 0;
font-family: inherit;
}
.col-price {
padding-left: 20px;
display: flex;
justify-content: flex-start;
gap: 0;
padding-right: 0;
align-items: center;
font-family: inherit;
}
.per_item ul {
margin: 10px 0 0 0;
padding: 0px 0px 0 6px;
width: 100%;
display: inline-block;
}
.per_item ul li {
display: flex;
margin-top: 0;
gap: 0 6px;
font-size: 14px;
font-weight: 400;
font-family: inherit;
margin-bottom: 3px;
}
.per_item {
margin-top: 0px;
display: flex;
align-items: flex-end;
}
.per_item input {
display: inline-block;
width: auto;
padding: 0;
height: auto;
margin: 0px 0 0 0;
}
.row-main-01.options-col:last-child {
border: none;
}
.col-allow {
display: flex;
gap: 6px;
padding: 14px 20px;
font-size: 16px;
}
.col-allow {
display: flex;
gap: 6px;
padding: 20px 20px 14px;
font-size: 14px;
color: #D2D4D4;
font-family: inherit;
}
.col-allow.first-allow {
padding-top: 24px;
}
.col-allow input[type=checkbox] {
opacity: 0.3;
}
.col-allow.pre-sec.pre-first{
padding-top: 20px;
}
.col-allow.pre-sec {
color: #374767;
}
.col-allow.pre-sec input[type=checkbox] {
opacity: 1;
}
.cloth-col span{
color: #01AC3B;
font-size: 18px;
font-style: normal;
font-weight: 900;
line-height: 100%;
letter-spacing: -0.342px;
}
.cloth-col {
color: #374767;
font-size: 16px;
font-family: inherit;
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: -0.304px;
}
.row-main-01.options-col.last-pre {
border-right: 0;
}
.btn-wrapper {
position: absolute;
right: 0;
top: -34px;
display: flex;
gap: 20px;
align-items: center;
flex-direction: row-reverse;
margin-top: 10px;
}
.btnContainer {
float: left;
border: 1px solid #282D38;
border-radius: 5px;
}
.btnContainer .btn {
background: #fff;
padding: 5px 10px;
margin: 0;
border-radius: 8px 0 0 8px;
float: left;
}
.btnContainer .btn.active {
background: #000;
color: #fff;
border-radius: 0;
}
.add-in i {
color: #282D38;
}
.col-md-12.p-0.text-area label {
color: #374767;
font-size: 16px;
font-family: inherit;
font-style: normal;
font-weight: 700;
line-height: 100%;
letter-spacing: -0.304px;
}
.single-bottom {
float: left;
width: 100%;
margin: 10px 0;
}
.single-bottom ul {
display: flex;
justify-content: flex-start;
margin: 0;
padding: 0;
gap: 16px;
align-items: center;
}
.single-bottom input.pr-itm {
padding: 0 5px;
margin: 0px 5px;
}
.single-bottom ul li {
display: flex;
color: #374767;
font-size: 14px;
font-family: inherit;
font-style: normal;
font-weight: 400;
line-height: 100%;
letter-spacing: -0.304px;
}
.col-allow.pre-sec input {
margin: 0;
}
.panel-heading {
padding: 0;
border:0;
}
.panel-title>a, .panel-title>a:active{
display:block;
padding:15px;
color:#374767;
font-size:14px;
font-weight:bold;
letter-spacing:1px;
word-spacing:3px;
text-decoration:none;
padding-bottom: 0;
}
/*
.panel-heading a:before {
content: "\f0d7";
float: right;
transition: all 0.5s;
font-family: var(--fa-style-family,"Font Awesome 6 Free");
position: absolute;
top: 15px;
right: 0;
z-index: 99999;
color: #A0A0A0;
font-size: 18px;
}
.panel-heading.active a:before {
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
transform: rotate(180deg);
bottom: 0;
right: 0;
z-index: 99999;
}
**/
.col-tabs .panel-heading {
background: transparent;
}
.col-tabs .panel-group .panel-heading + .panel-collapse .panel-body {
border-top: none;
position: relative;
padding: 0;
}
.col-tabs.center-block {
float: left;
width: 100%;
position: relative;
}
.col-tabs .panel-default {
border-color: #000;
border-bottom: none;
border-left: 0;
border-right: 0;
border-radius: 0;
}
.col-tabs .panel {
box-shadow: none;
}
.col-sm-12.p-0.text-area textarea {
border-radius: 5px;
border: 1px solid #A0A0A0;
}
.col-vel button{
background: transparent;
border: 1px solid #A0A0A0;
border-radius: 5px;
height: 42px;
margin-right: 10px;
color: #374767;
font-size: 14px;
font-weight: 400;
text-align: center;
padding: 0 14px;
font-family: inherit;
}
.col-vel button.active{
background:#000;
color:#fff;
}
.col-vel {
margin-bottom: 8px;
display: inline-block;
}
.list .col-vel, .list .col-vel *,
.grid .product-details:not(.col-vel), .grid .product-details:not(.col-vel) *{
visibility: hidden;
max-height: 0px;
overflow: hidden;
margin: 0;
}
.grid .col-vel{
visibility: initial;
}
.grid .product-details:not(.col-vel){
visibility: hidden;
}
.collapse-col {
position:relative;
}
sub, sup {
line-height: normal;
}
.panel-heading a i.fas:before {
content: "\f0d7"; /* angle-down */
float: right;
transition: all 0.5s;
font-family: var(--fa-style-family,"Font Awesome 6 Free");
position: absolute;
top: 15px;
right: 0;
z-index: 999;
color: #A0A0A0;
font-size: 18px;
}
.panel-heading.active a i.fas:before {
content: "\f0d8"; /* angle-up */
bottom: 0;
right: 0;
z-index: 99999;
}
.col-tabs .panel-default > .panel-heading + .panel-collapse .panel-body {
border-top-color: #dddddd;
border-top: none;
}
.col-check-qty.multipe-col label span {
font-weight: 400;
padding-left: 7px;
}
.col-allow.allow-sec.allow-first label {
margin: 0;
}
.col-allow.allow-sec .col-check-qty.multipe-col label {
margin: 0 0;
padding: 0;
}
.col-allow.allow-sec{
padding: 20px 20px 14px;
}
.single-bottom ul li input[type="text"] {
background: transparent;
border: 1px solid #A0A0A0;
border-radius: 5px;
width: 30%;
height: 42px;
margin-top: 0px;
color: #374767;
font-size: 14px;
font-weight: 400;
text-align: center;
padding-left: 0;
font-family: inherit;
}
.col-allow.allow-sec {
color: #374767;
}
.col-allow {
min-height: 50px;
}
.col-allow.allow-sec input[type=checkbox] {
opacity: 1;
}
input[type=checkbox]:checked {
background-color: #000000 !important;
color: #ffffff !important;
}
.btn-primary {
color: #fff;
background-color: #2F3645;
border-color: #2F3645;
}
/* sections edit page css here */
.title-top.pro-row {
width: 100%;
border-bottom: 1px solid #000;
}
.top-section-sec {
width: 100%;
padding-bottom: 20px;
float: left;
}
.add-row {
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.add-product-col{
color: #374767;
font-family: inherit;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 100%;
letter-spacing: -0.304px;
padding: 10px 0;
}
.title-top.pro-row {
width: 100%;
border-bottom: 1px solid #000;
margin-bottom: 20px;
}
.form-feild.del-col {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 10px;
}
.add-product-col span {
padding-left: 10px;
}
.form-feild.del-col i.fa-solid.fa-circle-minus {
font-size: 16px;
}
.add-product-col .address-form-input {
font-size: 14px !important;
}
.multi-field {
display: flex;
gap: 10px;
align-items: center;
margin-bottom: 10px;
}
span.remove-field {
font-size: 16px;
cursor:pointer;
}
.add-product-col .add-field{
cursor:pointer;
}
.col-in-text {
border: 1px solid #A0A0A0 !important;
width: 100%;
border-radius:5px;
padding: 10px 30px 10px 10px !important;
font-size: 16px;
font-family: inherit;
}
.multi-field-wrapper .multi-field select {
background-image: url(../images/caret-down.svg) !important;
background-position: right 10px center !important;
background-repeat: no-repeat !important;
background-size: auto 50% !important;
border-radius: 2px;
border: none;
padding: 10px 30px 10px 10px !important;
outline: none;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
background-size: 15px !important;
background-position: 97% 55% !important;
font-size: 16px;
font-family: inherit;
}
.mb-10 input{
margin-bottom:10px;
}
.p-price .col-in-text {
padding-right: 10px !important;
text-align: center;
}
/*** CUSTOM FILE INPUT STYE ***/
.wrap-custom-file {
position: relative;
display: inline-block;
width: 100%;
height: 50.5px;
}
.wrap-custom-file input[type="file"] {
position: absolute;
top: 0;
left: 0;
width: 2px;
height: 2px;
overflow: hidden;
opacity: 0;
}
.wrap-custom-file label {
z-index: 1;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: 100%;
overflow: hidden;
padding: 0 0.5rem;
cursor: pointer;
background-color: #fff;
border-radius: 4px;
transition: transform 0.4s;
}
.wrap-custom-file label span {
display: block;
margin-top: 2rem;
font-size: 1.4rem;
color: #777;
transition: color 0.4s;
}
.wrap-custom-file label .fa {
position: absolute;
bottom: 1rem;
left: 50%;
font-size: 1.5rem;
color: #f08080;
transition: color 0.4s;
}
.wrap-custom-file label:hover span,
.wrap-custom-file label:hover .fa {
color: #333;
}
.wrap-custom-file label.file-ok {
background-size: cover;
background-position: center;
}
.wrap-custom-file label.file-ok span {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0.3rem;
font-size: 1.1rem;
color: #000;
background-color: rgba(255,255,255,0.7);
}
.wrap-custom-file label.file-ok .fa {
display: none;
}
.wrap-custom-file label i.fa-solid {
color: #BFC9DE;
font-size: 22px;
}
.wrap-custom-file label{
width: 100%;
text-align: left;
border: 1px solid #A0A0A0 ;
text-align: center !important;
padding: 7px 0 5px 0 !important;
}
.col-up {
display: flex;
align-items: center;
gap: 7px;
margin-bottom: 5px;
}
.col-up i.fa-solid.fa-square-xmark{
font-size:16px;
}
/* sections edit page css end */
/* check css here */
.col-check-qty label {
width: 100%;
text-align: center !important;
}
.col-check-qty.first-qty input[type=checkbox] + label {
margin-top:15px;
}
.col-check-qty input[type=checkbox] + label {
display: block;
margin: 27px 0 13px;
cursor: pointer;
padding: 0.2em;
}
.col-check-qty.table-col input[type=checkbox] + label {
margin:0 !important;
padding: 0;
}
.col-check-qty.table-col span {
margin-left: 8px;
font-weight: 400;
}
.col-check-qty.table-col input[type=checkbox]+label:before {
border-radius: 50px !important;
}
.col-check-qty input[type=checkbox] {
display: none;
}
.col-check-qty input[type=checkbox] + label:before {
content: "\2714";
border: 2px solid #374767;
border-radius: 3px;
display: inline-block;
width: 16px;
height: 16px;
line-height: 13px;
font-size: 10px;
color: transparent;
}
.col-check-qty input[type=checkbox]:checked + label:before {
background-color: #374767;
border-color: #374767;
color: #fff;
}
.col-check-qty.multipe-col.dis-abled label{
color: #D4D4D4;
}
.col-check-qty.multipe-col.dis-abled label:before{
border-color: #D4D4D4;
}
/* check css here end */
.cloth-col.cross-sign i {
color: #FF4242;
}
/* redio check css here */
.radio-custom {
opacity: 0;
position: absolute;
}
.radio-custom, .radio-custom-label {
display: inline-block;
vertical-align: middle;
margin: 5px;
cursor: pointer;
}
.radio-custom-label {
position: relative;
}
.radio-custom + .radio-custom-label:before {
content: '';
background: #fff;
border: 2px solid #374767;
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
padding: 2px;
text-align: center;
margin-right: 5px;
}
.checkbox-custom:checked + .checkbox-custom-label:before {
content: "\f00c";
font-family: 'FontAwesome';
background: #374767;
color: #fff;
}
.radio-custom + .radio-custom-label:before {
border-radius: 50%;
}
.radio-custom:checked + .radio-custom-label:before {
content: "\f00c";
font-family: 'FontAwesome';
color: #fff;
background: #374767;
font-size: 10px;
line-height: 8px;
}
label.radio-custom-label {
font-weight: 400 !important;
padding: 0 !important;
margin: 0 !important;
}
.col-btn.active {
padding: 0 !important;
}
.col-opt {
padding: 0 !important;
}
.panel-group.col-tabs.center-block {
padding: 0 !important;
}
.col-up {
padding: 0 !important;
}
.row-main-01 input[type=checkbox]:checked+label.product_name {
background: #000;
color: #fff;
height: 42px;
}
/* 18 May */
.add-more-products {
margin-top: 20px;
width: 100%;
margin-bottom: 20px;
}
.cd-panel .add-more-products {
width: calc(100% - 113px);
}
.add-more-products .col-md-12 {
padding: 0;
}
.add-more-products .form-feild {
display: inline-flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
width: 100%;
}
.add-more-products label {
white-space: nowrap;
font-size: 16px;
font-weight: normal;
margin-bottom: 0;
}
form .add-more-products .form-feild .select2-container {
height: auto !important;
line-height: 20px !important;
width: 25% !important;
min-width: 250px;
}
form .add-more-products .form-feild [name="type_name"] ~ .select2-container {
min-width: 120px;
}
.add-more-products .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%;
top: 0px;
right: 0px;
width: 27px;
}
.add-more-products .select2-container--default .select2-selection--single {
background-color: #2F3645;
border-color: #2F3645;
}
.add-more-products .select2-container .select2-selection--single .select2-selection__rendered {
padding: 7px 20px 7px 8px;
font-size: 13px;
font-weight: 600;
}
.form-text-field {
padding: 7px 8px 7px 8px;
background-color: #2F3645;
border-color: #2F3645;
width: 140px;
font-size: 13px;
font-weight: 600;
color: #fff;
border: none;
border-radius: 4px;
}
.form-text-field::placeholder{color: #fff;}
.add-more-products .select2-container--default .select2-selection--single .select2-selection__rendered {
color: #fff;
}
.add-more-products .select2-container--default .select2-selection--single .select2-selection__arrow b, .add-more-products .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: #fff transparent transparent transparent;
}
.add-more-products .btn-wrap {
margin-top: 0;
font-size: 25px;
}
.add-pay, .add-pay .card-cl {
margin-top: 0;
}
.add-pay .check-sec {
float: left;
width: 100%;
}
.add-pay .check-sec label {
font-weight: 700;
font-size: 16px;
}
.add-pay .col-md-6.credit-col {
padding-left: 0;
padding-right: 0;
font-size: 16px;
font-weight: 400;
width: 50%;
float: left;
}
.add-pay .price-h h4 {
margin-bottom: 5px;
padding-top: 5px;
margin-top: 5px;
}
.cd-panel__content .add-pay p {
margin: 0;
padding: 0;
line-height: 42px;
}
.add-pay .depost-btn {
margin-top: 14px;
margin-bottom: 14px;
}
.add-pay .depost-btn input.btn.btn-default.btn-primary {
padding: 7px 25px;
text-transform: capitalize;
height: 34px;
font-weight: 600;
}
/* 28 may */
.cd-panel .des, .cd-panel .roster-col, .cd-panel .option-cl {
width: 12%;
}
.cd-panel .color-col-0 {
padding-left: 0;
padding-right: 0;
}
.add-more-products .form-feild select, .add-more-products .form-feild span, .add-more-products .form-feild input {
flex: 1;
}
.sub-nub i:before {
content: "\f0d7";
float: right;
transition: all 0.5s;
position: absolute;
top: 10px;
right: 9px;
z-index: 999;
color: #fff;
font-size: 18px;
}
.add-nub i:before {
content: "\f0d8";
float: right;
transition: all 0.5s;
position: absolute;
top: 10px;
right: 9px;
z-index: 999;
color: #fff;
font-size: 18px;
}
.package-in ul li.additional_couple_sidebar {
display: none;
}
.side-affordable .package-in ul li span.item-count {
width: auto;
float: none;
font-size: 100%;
font-weight: 700;
display: inline-block;
}
.grand_total, .plan_tax, .plan_deposit, .side-affordable .package-in ul li span.plan_total {
width: auto !important;
}
div#recaptcha {
position: relative;
z-index: 9999;
}
/* scroll bar */
.package-in {
position: relative;
}
ul li.cream-03 {
position: absolute;
bottom: 0;
left: 0;
border-radius: 0 0 3px 3px;
}
.side-affordable .package-in ul {
max-height: calc(100vh - 386px);
overflow-y: auto;
padding-bottom: 74.28px;
-webkit-transition: max-height 1s;
-ms-transition: max-height 1s;
-o-transition: max-height 1s;
transition: max-height 0.5s;
}
.abs .side-affordable .package-in ul {
max-height: calc(100vh - 228.81px);
}
.package-in ul.total_add, .abs .package-in ul.total_add {
max-height: 100%;
padding-bottom: 0;
flex: 1;
}
.popup-wrapper {
margin-top: 10px;
min-height: 42px;
}
.main-product-note .popup-wrapper i.fa-note-sticky, .table-scroll-auto .product-check {
font-size: 20px;
cursor: pointer;
padding: 10px;
}
.popup-open-wrapper {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
z-index: 9999;
margin: 0;
box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
width: 100%;
height: 100%;
padding: 0 15px;
}
.popup-open-wrapper::before {
width: 100%;
height: 100%;
background: #000000;
content: '';
position: absolute;
top: 0;
left: 0;
opacity: 0.7;
}
.pop-content {
overflow: auto;
padding: 20px 25px;
background: #fff;
color: #000;
position: relative;
top: 50%;
left: 0;
transform: translate(0, -50%);
box-sizing: border-box;
min-width: 550px;
border-radius: 6px;
display: inline-block;
}
.pop-content textarea.info-form-input, .pop-content .input-wrap textarea.info-form-field-input {
margin-top: 17px;
overflow-y: auto !important;
min-height: 300px !important;
max-height: unset !important;
min-width: 100%;
margin-bottom: 15px;
max-width: 100%;
}
.pop-content .btn-primary {
border-radius: 6px;
display: block;
width: 100%;
max-width: 125px;
margin: 0 auto;
}
.popup-header {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 10px;
}
.pop-content .product-title {
background: unset;
font-size: 16px;
text-align: left;
font-weight: 600;
line-height: normal;
margin: 0;
padding: 0;
max-width: 475px;
}
.table-scroll-auto .product-check {
padding-top: 8px;
padding-bottom: 8px;
}
.bilkala.des{display:grid; grid-template-columns: 1fr; grid-row-gap: 10px;}
@media only screen and (max-width:1680px){
.add-more-products {width: 100%;}
.detail-section-wrapper .sidebar {
min-width: 320px;
}
}
@media only screen and (max-width:1440px){
.col-price input {
width: 30%;
}
.col-allow.allow-sec {
padding: 20px 10px 14px;
}
.product-title {
height: 40px;
}
.product-title h4 {
font-size: 14px;
}
.col-price {
padding-left: 7px;
}
.qty-col .product-title h4 {
font-size: 14px;
}
}
@media only screen and (max-width:1199px){
.col-sm-8.col-lg-12.col-ajax-12.clearfix {
width: 100%;
}
.col-check-qty.multipe-col label span {
padding-left: 3px;
}
.qty-col .product-title h4 {
font-size: 14px;
}
.checkout-address-form .qty-col ul li label {
font-size: 11px;
}
}
@media only screen and (max-width:1024px){
.col-sm-8.col-lg-12.col-ajax-12.clearfix {
width: 100%;
}
.product-title {
padding: 3px 10px;
height: 40px;
}
.checkout-address-form .per_item ul li label {
font-size: 7px;
}
}
@media only screen and (max-width:991px){
.floating-div {
top: 0;
}
.side-affordable {
margin-bottom: 58.14px;
}
}
@media only screen and (max-width:767px){
form .add-more-products .form-feild .select2-container {width: 100% !important;}
.col-tabs .panel-body {
padding-left: 0 !important;
padding-right: 0 !important;
margin: 0;
}
.row-main-01 {
border-right: 0;
margin-bottom: 0px;
width: 100% !important;
}
.row-main-01 button {
width: 100%;
}
.row-main-01.options-col .col-opt {
margin-left: 0;
}
.row-main-01.options-col .col-opt input {
width: 100%;
}
.checkout-address-form .per_item ul li label {
font-size: 16px;
}
.row-main-01.qty-col {
width: 100% !important;
}
.col-price {
padding: 0 !important;
}
.col-price input {
width: 44% !important;
}
.row-main-01.options-col.peritem {
width: 70% !important;
}
.row-main-01.options-col.peritem .col-price {
padding: 0 !important;
padding-left: 10px !important;
}
.row-main-01.qty-col {
width: 30% !important;
border-right: 1px solid #000;
}
li.col-check-qty.table-col label {
width: auto !important;
}
li.col-check-qty.table-col {
margin-bottom: 10px !important;
}
.single-bottom ul {
display: block;
}
li.col-check-qty.table-col {
padding: 0 !important;
}
.col-btn {
padding: 0 !important;
}
.title-top h4 {
font-size: 20px;
padding: 0;
margin-bottom: 6px;
}
.col-allow.allow-sec {
padding: 20px 20px 14px !important;
}
.col-allow.pre-sec {
padding-left: 35px !important;
}
.col-md-12.p-0.text-area label {
font-size: 15px;
}
.col-check-qty label {
padding-bottom: 5px !important;
}
.row-main-01:before {
content: attr(data-label);
}
.row-main-01:before {
position: absolute;
top: 20px;
left: 0;
padding-right: 0px;
white-space: normal;
overflow: hidden;
text-overflow: ellipsis;
font-weight: bold;
}
.row-main-01 {
position: relative;
}
.col-btn {
width: 67%;
float: right;
}
.popup-wrapper {
width: 67%;
float: right;
}
.row-main-01.qty-col {
width: 100% !important;
border-right: none;
padding-right: 87px;
}
.row-main-01.options-col.peritem {
width: 100% !important;
}
.col-price {
width: 69%;
float: right;
}
.col-allow.allow-sec.allow-first {
width: 67%;
float: right;
}
.product-details.head {
display: none;
}
.col-opt {
width: 67%;
float: right;
margin-right:0 !important;
}
.checkout-address-form ul li [class*='col-']:nth-child(2) {
padding-left: 0;
padding-right: 0;
}
.checkout-address-form ul li [class*='col-'] {
padding-left: 0;
padding-right: 0;
}
.checkout-address-form ul li [class*='col-']:nth-child(1) {
padding-left: 0 !important;
padding-right: 0 !important;
}
.row-main-01 button, .row-main-01 label.product_name {
width: 100% !important;
}
.row-main-01 button, .row-main-01 label.product_name {
width: 100% !important;
}
.row-main-01 button, .row-main-01 label.product_name {
height: 50px;
vertical-align: middle;
display: flex;
padding-right: 10px;
margin-top:5px;
align-items: center;
padding-top: 0;
}
.p-0.text-area {
margin-bottom: 20px;
}
.row-main-01 input[type=checkbox]:checked+label.product_name {
height: 50px;
}
.row-main-01.options-col.allow-m {
height: 55px;
}
.row-main-01.qty-col label {
padding-top: 0 !important;
margin-top: 10px !important;
}
.row-main-01.qty-col:before {
top: 11px;
}
.row-main-01.qty-col {
height: 37px !important;
}
.col-check-qty.multipe-col {
margin-left: 3px !important;
}
.row-main-01.last-pre.options-col:before {
top: 25px;
}
.row-main-01 {
height: 62px !important;
border-bottom: 1px solid #eae4e4;
}
.row-main-01.options-col {
height: 57px !important;
}
.row-main-01.qty-col {
height: 42px !important;
}
.row-main-01.options-col.peritem {
height: 63px !important;
}
.row-main-01.last-pre.options-col {
border-bottom: 2px solid #000;
margin-bottom: 10px;
}
}
@media only screen and (max-width:575px){
.pop-content {
width: 100%;
min-width: unset;
}
}