/*------------------------------------
Table of Contents
--------------------------------------
01. type
02. header
03. left-nav
04. footer
05. widgets
06. buttons
07. forms
08. login
09. calendar
10. profile
11. top-nav
12. bs reset
------------------------------------*/
/*------------------------------------
type
------------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Lato:400,700");
body {
font-family: "Open Sans", sans-serif;
font-size: 14px;
font-weight: 400;
line-height: 1.8;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-text-size-adjust: 100%;
}
a,
a:hover {
-webkit-transition: all .3s;
transition: all .3s;
text-decoration: none;
outline: 0;
}
buttona:focus,
a:focus,
.btn:focus {
box-shadow: none !important;
}
.select_tab{
color: #6b7277
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
font-family: "Montserrat", sans-serif;
font-weight: bold;
}
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;
}
body.fixed-nav {
padding-top: 87px;
}
.weight100 {
font-weight: 100;
}
.weight300 {
font-weight: 300;
}
.weight400 {
font-weight: 400;
}
.weight500 {
font-weight: 500;
}
.weight600 {
font-weight: 600;
}
.weight700 {
font-weight: 700;
}
.weight800 {
font-weight: 800;
}
.f12 {
font-size: 12px;
}
.f14 {
font-size: 14px;
}
.f16 {
font-size: 16px;
}
.f18 {
font-size: 18px;
}
.f24 {
font-size: 24px;
}
.f30 {
font-size: 30px;
}
.f50 {
font-size: 50px;
}
.f80 {
font-size: 80px;
}
.content-wrapper {
position: relative;
min-height: calc(100vh - 70px);
padding-top: 0rem;
padding-bottom: 56px;
background: #f4f6f9;
}
/*------------------------------------
header
------------------------------------*/
.navbar {
padding: 20px 5px;
border-bottom: 1px solid #e5e8eb;
background: #fff;
box-shadow: 0 1px 10px 1px rgba(115, 108, 203, .1);
}
.navbar-brand {
padding: 0;
text-transform: uppercase;
color: #2f3c4b;
font-family: "Montserrat", sans-serif;
font-size: 16px;
font-weight: bold;
line-height: normal;
}
.navbar-brand .page-direction {
text-transform: capitalize;
color: #949494;
}
/*-------------------------------
logo mega menu
-------------------------------*/
.b-mega-menu {
position: fixed;
z-index: 10;
top: 10px;
left: 10px;
display: inline-block;
width: 750px;
}
.b-mega-menu .nav-pills .nav-link.active,
.b-mega-menu .nav-pills .show > .nav-link {
position: relative;
color: #141414;
border-radius: 0;
background-color: #f2f2f2;
}
.b-mega-menu .nav-pills .nav-link.active:before,
.b-mega-menu .nav-pills .show > .nav-link:before {
position: absolute;
top: 1rem;
right: 1rem;
content: "\f105";
font-family: fontawesome;
}
.b-mega-menu .nav-link {
padding: 1rem;
color: #737373;
}
.b-mega-menu .widget-action-link {
top: 0;
}
.b-mega-menu .wal-nav-tabs {
border: none;
}
.b-mega-menu .wal-nav-tabs .nav-link {
color: #c6c5c7;
border: none;
border-bottom: 2px solid transparent;
font-size: 16px;
}
.b-mega-menu .wal-nav-tabs .nav-link.active {
color: #fe413b;
border-bottom: 2px solid #fe413b;
background-color: #fff;
}
.b-mega-menu .wal-nav-tabs li a {
padding: 1.25rem 1.5rem;
}
.b-mega-menu .wal-nav-tabs li a:hover,
.b-mega-menu .wal-nav-tabs li a:focus {
border-color: transparent;
}
.b-mega-menu-link li a {
position: relative;
display: block;
padding: 1rem;
color: #737373;
}
.b-mega-menu-link li a:hover {
color: #141414;
background-color: #f2f2f2;
}
.b-mega-menu-link li a:hover:before {
position: absolute;
top: 1rem;
right: 1rem;
content: "\f105";
font-family: fontawesome;
}
.b-mega-menu-link li.active a {
color: #141414;
background-color: #f2f2f2;
}
.b-mega-menu-link li.active a:before {
position: absolute;
top: 1rem;
right: 1rem;
content: "\f105";
font-family: fontawesome;
}
/*-------------------------------
header links
-------------------------------*/
.header-links .notificaton-thumb img {
position: relative;
top: 6px;
width: 35px;
height: 35px;
margin-right: 10px;
}
.header-links .user-thumb img {
position: relative;
top: 0;
width: 25px;
height: 25px;
float:left;
}
.header-links .nav-link {
color: #737373;
font-size: 13px !important;
}
.header-links .nav-link:hover {
color: #fffcf4;
}
.header-links .nav-link:hover:after {
color: #ff9800 !important;
}
.header-links .nav-link > i {
position: relative;
top: 4px;
font-size: 18px;
}
.header-links .dropdown-menu .dropdown-item {
padding: .5rem 1.5rem;
color: #737373;
font-family: "Montserrat", sans-serif;
font-size: 13px;
}
.header-links .dropdown-menu .dropdown-item:hover {
color: #ff9800;
}
@media (min-width: 992px) {
.header-links {
/* dropdown menu arrow start */
/* dropdown menu arrow end */
/* dropdown menu animation start */
/* dropdown menu animation end */
}
.header-links .nav-link {
color: #737373;
font-size: 13px !important;
}
.header-links .nav-link:hover {
color: #ff9800 !important;
}
.header-links .nav-link:hover:after {
color: #e84c0c !important;
}
.header-links .dropdown-menu {
position: relative;
}
.header-links .dropdown-menu:before {
position: absolute;
top: -33px;
left: 20px;
content: "\f0d8";
color: #fff;
font-family: FontAwesome;
font-size: 35px;
}
.header-links .dropdown-menu.dropdown-menu-right:before {
position: absolute;
top: -33px;
right: 20px;
left: auto;
content: "\f0d8";
color: #fff;
font-family: FontAwesome;
font-size: 35px;
}
.header-links .dropdown-menu {
top: 120%;
width: 16rem;
border: none;
box-shadow: 0 0 30px 1px rgba(0, 0, 0, .1);
}
.header-links .dropdown-menu .dropdown-item {
position: relative;
padding: .5rem 1.5rem;
color: #737373;
font-family: "Montserrat", sans-serif;
font-size: 13px;
}
.header-links .dropdown-menu .dropdown-item:hover {
color: #e84c0c;
}
.header-links .dropdown-menu .dropdown-item .badge {
position: absolute;
top: 12px;
right: 25px;
padding: .3em .8em;
border-radius: 2px;
}
.header-links .dropdown-menu {
-webkit-transform: scale3d(0, 0, 0);
transform: scale3d(0, 0, 0);
-webkit-transform-origin: top left;
-ms-transform-origin: top left;
transform-origin: top left;
opacity: 1;
}
.header-links .show .dropdown-menu {
-webkit-animation: tasi .2s;
animation: tasi .2s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.header-links .dropdown-menu-right {
-webkit-transform-origin: top right;
-ms-transform-origin: top right;
transform-origin: top right;
}
@-webkit-keyframes tasi {
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
@keyframes tasi {
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
}
}
.hide-arrow a:after {
display: none;
content: " ";
}
.header-right-dropdown-width.dropdown-menu {
width: 20rem;
}
.header-right-dropdown-width.dropdown-menu .dropdown-item {
padding: .8rem 1.5rem;
}
.header-right-dropdown-width.dropdown-menu .msg-unread {
background: #f4f6f9;
}
.header-right-dropdown-width.dropdown-menu .dropdown-item:hover {
color: #737373;
}
.header-right-dropdown-width.dropdown-menu .dropdown-item:last-child:hover {
border-radius: 0 0 .25rem .25rem;
}
/* notification alarm animation start */
.notification-alarm {
position: relative;
top: -12px;
right: -12px;
}
.notification-alarm .dot {
position: absolute;
top: -10px;
right: 6px;
width: 6px;
height: 6px;
border-radius: 30px;
background-color: #fe413b;
}
.notification-alarm .wave {
position: absolute;
z-index: 10;
top: -19px;
right: -3px;
width: 24px;
height: 24px;
-webkit-animation: wave 1s ease-out;
-moz-animation: wave 1s ease-out;
-o-animation: wave 1s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
animation-iteration-count: infinite;
border: 3px solid #949494;
border-radius: 70px;
}
.notification-alarm .wave.wave-danger {
border: 3px solid #fe413b;
}
.notification-alarm .wave.wave-warning {
border: 3px solid #fab63f;
}
@-webkit-keyframes wave {
0% {
-webkit-transform: scale(0);
opacity: .0;
}
25% {
-webkit-transform: scale(.1);
opacity: .1;
}
50% {
-webkit-transform: scale(.5);
opacity: .3;
}
75% {
-webkit-transform: scale(.8);
opacity: .5;
}
100% {
-webkit-transform: scale(1);
opacity: .0;
}
}
/* notification alarm animation end */
}
/*------------------------------------
left nav
------------------------------------*/
#mainNav {
font-family: "Montserrat", sans-serif;
}
#mainNav .navbar-collapse {
overflow: auto;
max-height: 75vh;
}
#mainNav .navbar-collapse .navbar-nav .nav-item .nav-link {
position: relative;
cursor: pointer;
font-size: 14px;
}
#mainNav .navbar-collapse .navbar-nav .nav-item .nav-link .badge {
position: absolute;
top: 19px;
right: 18px;
padding: .3em .8em;
border-radius: 2px;
}
@media (max-width: 992px) {
#mainNav .navbar-collapse .navbar-nav .nav-item .nav-link .badge {
top: 12px;
right: 0;
}
}
#mainNav .navbar-collapse .left-side-nav .nav-link-collapse:after {
float: right;
content: "\f107";
font-family: "FontAwesome";
}
#mainNav .navbar-collapse .left-side-nav .nav-link-collapse.collapsed:after {
content: "\f105";
}
#mainNav .navbar-collapse .left-side-nav .sidenav-second-level,
#mainNav .navbar-collapse .left-side-nav .sidenav-third-level {
padding-left: 0;
}
#mainNav .navbar-collapse .left-side-nav .sidenav-second-level > li > a,
#mainNav .navbar-collapse .left-side-nav .sidenav-third-level > li > a {
display: block;
padding: .5em 0;
}
#mainNav .navbar-collapse .left-side-nav .sidenav-second-level > li > a:focus,
#mainNav .navbar-collapse .left-side-nav .sidenav-second-level > li > a:hover,
#mainNav .navbar-collapse .left-side-nav .sidenav-third-level > li > a:focus,
#mainNav .navbar-collapse .left-side-nav .sidenav-third-level > li > a:hover {
text-decoration: none;
}
#mainNav .navbar-collapse .left-side-nav .sidenav-second-level > li > a {
padding-left: 2.5rem;
}
#mainNav .navbar-collapse .left-side-nav .sidenav-third-level > li > a {
padding-left: 3.5rem;
}
#mainNav .navbar-collapse .sidenav-toggler {
display: none;
}
#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
position: relative;
min-width: 45px;
}
#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
float: right;
width: auto;
content: "\f107";
border: none;
font-family: "FontAwesome";
}
#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link .indicator {
position: absolute;
top: 5px;
left: 21px;
font-size: 10px;
}
#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown.show > .nav-link:after {
content: "\f107";
}
#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
overflow: hidden;
max-width: none;
text-overflow: ellipsis;
}
@media (min-width: 992px) {
#mainNav .navbar-brand {
width: 250px;
}
#mainNav .navbar-collapse {
overflow: visible;
max-height: none;
}
#mainNav .navbar-collapse .left-side-nav {
position: absolute;
top: 0;
left: 0;
overflow-x: hidden;
overflow-y: auto;
flex-direction: column;
margin-top: 70px;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
}
#mainNav .navbar-collapse .left-side-nav > .nav-item {
width: 250px;
padding: 0;
}
#mainNav .navbar-collapse .left-side-nav > .nav-item > .nav-link {
padding: 1em 1.1rem;
}
#mainNav .navbar-collapse .left-side-nav > .nav-item .sidenav-second-level,
#mainNav .navbar-collapse .left-side-nav > .nav-item .sidenav-third-level {
padding-left: 0;
list-style: none;
}
#mainNav .navbar-collapse .left-side-nav > .nav-item .sidenav-second-level > li,
#mainNav .navbar-collapse .left-side-nav > .nav-item .sidenav-third-level > li {
width: 250px;
}
#mainNav .navbar-collapse .left-side-nav > .nav-item .sidenav-second-level > li > a,
#mainNav .navbar-collapse .left-side-nav > .nav-item .sidenav-third-level > li > a {
padding: .5em 1.1rem;
}
#mainNav .navbar-collapse .left-side-nav > .nav-item .sidenav-second-level > li > a {
padding-left: 4em;
}
#mainNav .navbar-collapse .left-side-nav > .nav-item .sidenav-third-level > li > a {
padding-left: 5em;
}
#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link {
min-width: 0;
}
#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
width: 24px;
text-align: center;
}
#mainNav .navbar-collapse .navbar-nav > .nav-item.dropdown .dropdown-menu > .dropdown-item > .dropdown-message {
max-width: 300px;
}
#mainNav .navbar-collapse .left-side-nav .nav-item-search .search-form {
padding: 0rem;
}
}
#mainNav.fixed-top .sidenav-toggler {
display: none;
}
#mainNav.fixed-top .left-side-nav .nav-link i {
padding-right: 1rem;
padding-left: .2rem;
}
#mainNav .navbar-collapse .left-side-nav .nav-item-search .search-form {
width: 88%;
padding: 6px 10px;
border: 1px solid #e5e8eb;
border-radius: 4px;
outline: none;
}
@media (min-width: 992px) {
#mainNav.fixed-top .left-side-nav {
height: calc(100vh - 123px);
border-right: 1px solid #e5e8eb;
box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .05);
}
#mainNav.fixed-top .left-side-nav .nav-link i {
position: relative;
top: 3px;
left: -3px;
padding-right: 1rem;
padding-left: .2rem;
font-size: 1.2rem;
}
#mainNav.fixed-top .sidenav-toggler {
position: absolute;
top: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow-x: hidden;
overflow-y: auto;
flex-direction: column;
margin-top: calc(100vh - 53px);
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-flex-direction: column;
-ms-flex-direction: column;
}
#mainNav.fixed-top .sidenav-toggler > .nav-item {
width: 251px;
padding: 0;
}
@-moz-document url-prefix() {
#mainNav.fixed-top .sidenav-toggler > .nav-item {
width: 258px;
padding: 0;
}
}
#mainNav.fixed-top .sidenav-toggler > .nav-item > .nav-link {
padding: 1em;
border-top: 1px solid #e5e8eb;
border-right: 1px solid #e5e8eb;
}
#mainNav .navbar-collapse .left-side-nav .nav-item-search {
padding: .5rem .5rem;
border-bottom: 1px solid #e5e8eb;
box-shadow: 0 1px 10px 1px rgba(115, 108, 203, .1);
}
#mainNav .navbar-collapse .left-side-nav .nav-item-search .search-form {
width: 80%;
padding: 0;
border: none;
outline: none;
background: transparent;
}
#mainNav .navbar-collapse .left-side-nav .nav-item-search .nav-link {
padding: .4rem .5rem;
}
}
#mainNav .navbar-collapse .left-side-nav .nav-item-search .nav-link-collapse.collapsed:after {
content: " ";
}
#mainNav.fixed-top.navbar-dark .sidenav-toggler {
background-color: #3a4358;
}
#mainNav.fixed-top.navbar-dark .sidenav-toggler a i {
color: #737a8d;
}
#mainNav.fixed-top.navbar-light .sidenav-toggler {
background-color: #fff;
}
#mainNav.fixed-top.navbar-light .sidenav-toggler a i {
color: rgba(0, 0, 0, .5);
}
body.left-side-toggled #mainNav.fixed-top .sidenav-toggler {
overflow-x: hidden;
width: 55px;
}
body.left-side-toggled #mainNav.fixed-top .sidenav-toggler .nav-item,
body.left-side-toggled #mainNav.fixed-top .sidenav-toggler .nav-link {
width: 55px !important;
}
body.left-side-toggled #mainNav.fixed-top #left-nav-toggler i {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
-webkit-filter: FlipH;
-ms-filter: "FlipH";
filter: FlipH;
}
#mainNav.static-top .sidenav-toggler {
display: none;
}
@media (min-width: 992px) {
#mainNav.static-top .sidenav-toggler {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
}
body.left-side-toggled #mainNav.static-top #left-nav-toggler i {
-webkit-transform: scaleX(-1);
-ms-transform: scaleX(-1);
transform: scaleX(-1);
-webkit-filter: FlipH;
-ms-filter: "FlipH";
filter: FlipH;
}
@media (min-width: 992px) {
.content-wrapper {
margin-left: 250px;
}
@-moz-document url-prefix() {
.content-wrapper {
margin-left: 258px;
}
}
}
#left-nav-toggler i {
font-weight: 800;
}
.left-side-nav-tooltip.show {
display: none;
}
@media (min-width: 992px) {
body.left-side-toggled .content-wrapper {
margin-left: 55px;
}
}
body.left-side-toggled .left-side-nav {
overflow-x: hidden;
width: 55px;
}
body.left-side-toggled .left-side-nav .nav-link-text {
display: none;
}
body.left-side-toggled .left-side-nav .nav-item,
body.left-side-toggled .left-side-nav .nav-link {
width: 55px !important;
}
body.left-side-toggled .left-side-nav .nav-item:after,
body.left-side-toggled .left-side-nav .nav-link:after {
display: none;
}
body.left-side-toggled .left-side-nav-tooltip.show {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav .nav-link-collapse:after {
color: #737a8d;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav > .nav-item > .nav-link {
color: #737a8d;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav > .nav-item > .nav-link:hover,
#mainNav.navbar-dark .navbar-collapse .left-side-nav > .nav-item > .nav-link:hover:after {
color: #7a86ff;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-dark .navbar-collapse .left-side-nav > .nav-item .sidenav-third-level > li > a {
color: #737a8d;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav > .nav-item .sidenav-second-level > li > a:focus,
#mainNav.navbar-dark .navbar-collapse .left-side-nav > .nav-item .sidenav-second-level > li > a:hover,
#mainNav.navbar-dark .navbar-collapse .left-side-nav > .nav-item .sidenav-third-level > li > a:focus,
#mainNav.navbar-dark .navbar-collapse .left-side-nav > .nav-item .sidenav-third-level > li > a:hover {
color: rgba(255, 255, 255, .5);
background: rgba(229, 229, 229, .05);
}
#mainNav.navbar-dark .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
color: #adb5bd;
}
.navbar-dark .navbar-brand,
.navbar-dark .navbar-brand:hover {
color: #303c4a;
}
@media (min-width: 992px) {
#mainNav.navbar-dark .navbar-collapse .left-side-nav {
background: #30384c;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav li.active a {
color: #7a86ff !important;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav li.active a:focus,
#mainNav.navbar-dark .navbar-collapse .left-side-nav li.active a:hover {
color: white;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav > .nav-item .sidenav-second-level,
#mainNav.navbar-dark .navbar-collapse .left-side-nav > .nav-item .sidenav-third-level {
background: #30384c;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav .nav-item-search {
border-bottom: none;
background-color: rgba(255, 255, 255, .05);
box-shadow: none;
}
#mainNav.navbar-dark.fixed-top .left-side-nav {
border: none;
box-shadow: none;
}
#mainNav.navbar-dark.fixed-top .sidenav-toggler > .nav-item > .nav-link {
border: none;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav .nav-item-search .nav-link {
color: #737a8d;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav .nav-item-search .search-form {
color: #737a8d;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav .nav-item-search .search-form::-webkit-input-placeholder {
/* WebKit, Blink, Edge */
color: #737a8d;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav .nav-item-search .search-form:-moz-placeholder {
opacity: 1;
/* Mozilla Firefox 4 to 18 */
color: #737a8d;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav .nav-item-search .search-form::-moz-placeholder {
opacity: 1;
/* Mozilla Firefox 19+ */
color: #737a8d;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav .nav-item-search .search-form:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #737a8d;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav .nav-item-search .search-form::-ms-input-placeholder {
/* Microsoft Edge */
color: #737a8d;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav .nav-item-search .search-form::-webkit-input-placeholder {
/* Most modern browsers support this now. */
color: #737a8d;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav .nav-item-search .search-form::-moz-placeholder {
/* Most modern browsers support this now. */
color: #737a8d;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav .nav-item-search .search-form:-ms-input-placeholder {
/* Most modern browsers support this now. */
color: #737a8d;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav .nav-item-search .search-form::placeholder {
/* Most modern browsers support this now. */
color: #737a8d;
}
#mainNav.navbar-dark.fixed-top .sidenav-toggler > .nav-item {
width: 250px;
padding: 0;
}
.navbar-dark + .content-wrapper {
margin-left: 250px;
}
@-moz-document url-prefix() {
.navbar-dark + .content-wrapper {
margin-left: 256px;
}
#mainNav.navbar-dark.fixed-top .sidenav-toggler > .nav-item {
width: 256px;
}
#mainNav.navbar-dark .navbar-collapse .left-side-nav {
left: -1px;
}
body.left-side-toggled #mainNav.navbar-dark.fixed-top .sidenav-toggler {
width: 54px;
}
body.left-side-toggled .content-wrapper {
margin-left: 54px;
}
}
.navbar-dark .navbar-nav .nav-link,
.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
color: inherit;
}
}
#mainNav.navbar-light .navbar-collapse .left-side-nav > .nav-item > .nav-link {
color: #737373;
}
#mainNav.navbar-light .navbar-collapse .left-side-nav > .nav-item > .nav-link:hover {
color: #7a86ff;
}
#mainNav.navbar-light .navbar-collapse .left-side-nav > .nav-item .sidenav-second-level > li > a,
#mainNav.navbar-light .navbar-collapse .left-side-nav > .nav-item .sidenav-third-level > li > a {
color: #737373;
}
#mainNav.navbar-light .navbar-collapse .left-side-nav > .nav-item .sidenav-second-level > li > a:focus,
#mainNav.navbar-light .navbar-collapse .left-side-nav > .nav-item .sidenav-second-level > li > a:hover,
#mainNav.navbar-light .navbar-collapse .left-side-nav > .nav-item .sidenav-third-level > li > a:focus,
#mainNav.navbar-light .navbar-collapse .left-side-nav > .nav-item .sidenav-third-level > li > a:hover {
color: #141414;
background: #f8f9fa;
}
#mainNav.navbar-light .navbar-collapse .navbar-nav > .nav-item.dropdown > .nav-link:after {
color: #141414;
}
@media (min-width: 992px) {
#mainNav.navbar-light .navbar-collapse .left-side-nav li.active a {
color: #7a86ff !important;
}
#mainNav.navbar-light .navbar-collapse .left-side-nav li.active a:focus,
#mainNav.navbar-light .navbar-collapse .left-side-nav li.active a:hover {
color: #000;
}
#mainNav.navbar-light .navbar-collapse .left-side-nav > .nav-item .sidenav-second-level,
#mainNav.navbar-light .navbar-collapse .left-side-nav > .nav-item .sidenav-third-level {
background: #fff;
}
}
@media (max-width: 992px) {
.hide-arrow.navbar-nav > .nav-item.dropdown > .nav-link:after {
display: none;
}
.navbar-light .navbar-toggler,
.navbar-dark .navbar-toggler {
border-color: transparent;
outline: none;
}
.navbar-light .navbar-toggler-icon,
.navbar-dark .navbar-toggler-icon {
width: 24px;
margin-top: 0.2em;
}
.navbar-dark .navbar-nav .nav-link {
color: #9fa4b1;
}
}
@media (max-width: 767px) {
.jq-dropdown {
display: none !important;
}
}
/*floating left nav*/
@media (min-width: 992px) {
.leftnav-floating .content-wrapper {
padding-top: 1.6rem;
}
body.left-side-toggled.leftnav-floating .content-wrapper {
margin-left: 80px;
}
.leftnav-floating {
background: #f4f6f9;
}
.leftnav-floating #mainNav.navbar-dark .navbar-collapse .left-side-nav {
background: #30384c;
}
.leftnav-floating #mainNav.navbar-dark.fixed-top .sidenav-toggler {
border-top: none;
}
.leftnav-floating .content-wrapper {
margin-left: 275px;
}
.leftnav-floating #mainNav .navbar-collapse .left-side-nav {
top: 25px;
left: 25px;
}
.leftnav-floating #mainNav.fixed-top .sidenav-toggler > .nav-item > .nav-link {
border: none;
}
.leftnav-floating #mainNav.fixed-top .sidenav-toggler > .nav-item {
width: 250px;
}
.leftnav-floating #mainNav.fixed-top .left-side-nav {
height: calc(100vh - 173px);
border: 1px solid #e5e8eb;
border-radius: 5px 5px 0 0;
background: #fff;
box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .05);
}
.leftnav-floating #mainNav.fixed-top .sidenav-toggler {
top: -26px;
left: 25px;
border: 1px solid #e5e8eb;
border-radius: 0 0 5px 5px;
box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .05);
}
.leftnav-floating footer.sticky-footer {
border: none;
background: transparent;
}
@-moz-document url-prefix() {
.leftnav-floating #mainNav.fixed-top .sidenav-toggler > .nav-item {
width: 257px;
}
body.left-side-toggled #mainNav.navbar-dark.fixed-top .sidenav-toggler {
width: 55px;
}
}
}
@media (max-width: 991px) {
body.left-side-toggled .left-side-nav,
body.left-side-toggled .left-side-nav .nav-item,
body.left-side-toggled .left-side-nav .nav-link {
width: 100% !important;
}
body.left-side-toggled .left-side-nav .nav-link-text {
display: inline-block;
}
}
/*------------------------------------
footer
------------------------------------*/
footer.sticky-footer {
position: absolute;
right: 0;
bottom: 0;
width: 100%;
height: 51px;
border-top: 1px solid #e5e8eb;
background-color: #fff;
line-height: 51px;
}
/*------------------------------------
widgets
------------------------------------*/
.equal-height {
height: calc(100% - 0px);
}
.custom-title-wrap {
margin-top: 10px;
margin-left: -1.25rem;
padding-left: 1.25rem;
border-left: 2px solid #e5e8eb;
}
.custom-title-wrap .custom-title {
color: #2f3c4b;
font-family: "Montserrat", sans-serif;
font-size: 14px;
font-weight: 600;
}
.custom-title-wrap .custom-post-title {
color: #949494;
font-size: 12px;
}
.bar-primary {
border-color: #7a86ff;
}
.bar-info {
border-color: #328dff;
}
.bar-success {
border-color: #3dba6f;
}
.bar-warning {
border-color: #fab63f;
}
.bar-danger {
border-color: #fe413b;
}
.bar-turquoise {
border-color: #31c3b2;
}
.bar-pink {
border-color: #ec0080;
}
/*-------------------------------
states
-------------------------------*/
.creative-state-area {
position: relative;
top: -2.1rem;
padding: 2rem;
color: #fff;
background: #2f3c4c;
}
.creative-state-area .short-states span {
text-transform: uppercase;
color: rgba(255, 255, 255, .5);
font-size: 10px;
}
.word_break {
word-break: break-all;
}
.creative-state-title {
margin-bottom: 2rem;
font-weight: 500;
}
.creative-state-icon {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
width: 25%;
min-height: 132px;
margin-top: 12px;
border-radius: 5px 0 0 5px;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.creative-state-icon i {
font-size: 40px;
}
.creative-state-info {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
flex-direction: column;
width: 75%;
min-height: 150px;
border-radius: 5px;
background: #fff;
-webkit-box-direction: normal;
-webkit-box-orient: vertical;
-webkit-box-pack: center;
-webkit-flex-direction: column;
-ms-flex-direction: column;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
}
.creative-state-info h3 {
color: #2f3c4b;
}
.creative-state-info p {
text-transform: uppercase;
color: #949494;
font-family: "Montserrat", sans-serif;
font-size: 12px;
}
.creative-state-info .widget-action-link {
top: 10px;
}
.widget-action-link {
position: absolute;
top: 20px;
right: 20px;
}
.widget-action-link .btn i {
font-size: 14px;
}
.widget-action-link a.text-secondary {
color: #9f9f9f !important;
}
.widget-action-link a.text-secondary:hover {
color: #141414;
}
.state-shadow {
box-shadow: 0 0 30px 1px rgba(0, 0, 0, .1);
}
.text-dim,
a.more-list {
color: #9f9f9f;
}
.text-dim:hover,
a.more-list:hover {
color: #141414;
}
/*-------------------------------
active user widget
-------------------------------*/
.widget-active-user h5 {
padding-bottom: 10px;
font-weight: 500;
}
.widget-active-user .b-b1 {
border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.widget-active-user .active-page-link li {
position: relative;
}
.widget-active-user .active-page-link small {
opacity: .8;
}
.widget-active-user .active-page-link span {
position: absolute;
top: 4px;
right: 0;
font-size: 11px;
}
/*-------------------------------
gradient style
-------------------------------*/
.basic-gradient {
/* background: url(../new-img/puirch-pic-01.jpg) no-repeat; */
background: url(../login-background/login_img.png) no-repeat;
}
.basic-gradient-alt {
background: #328dff;
background: -webkit-linear-gradient(bottom, #7279f7, #a37efc);
background: linear-gradient(0deg, #7279f7, #a37efc);
}
/*-------------------------------
bubble shadow
-------------------------------*/
.bubble-shadow {
position: relative;
overflow: hidden;
}
.bubble-shadow:before {
position: absolute;
top: -10%;
right: -140px;
width: 300px;
height: 300px;
content: "";
border-radius: 50%;
background: rgba(255, 255, 255, .05);
}
.bubble-shadow:after {
position: absolute;
top: -10%;
right: 80px;
width: 200px;
height: 200px;
content: "";
border-radius: 50%;
background: rgba(255, 255, 255, .05);
}
.bubble-shadow-small {
position: relative;
overflow: hidden;
}
.bubble-shadow-small:before {
position: absolute;
top: -70%;
right: -40%;
width: 80px;
height: 80px;
content: "";
border-radius: 50%;
background: rgba(255, 255, 255, .1);
}
.bubble-shadow-small:after {
position: absolute;
top: -65%;
right: 40%;
width: 70px;
height: 70px;
content: "";
border-radius: 50%;
background: rgba(255, 255, 255, .1);
}
.bubble-shadow-md {
position: relative;
overflow: hidden;
}
.bubble-shadow-md:before {
position: absolute;
top: -30%;
right: -25%;
width: 80px;
height: 80px;
content: "";
border-radius: 50%;
background: rgba(255, 255, 255, .1);
}
.bubble-shadow-md:after {
position: absolute;
top: -25%;
right: 30%;
width: 70px;
height: 70px;
content: "";
border-radius: 50%;
background: rgba(255, 255, 255, .1);
}
/*-------------------------------
vector map widget
-------------------------------*/
.map-wrapper {
position: relative;
width: 100%;
height: 250px;
margin-top: 20px;
}
.jvectormap-zoomin,
.jqvmap-zoomin {
position: absolute;
z-index: 10;
top: 0;
left: 0;
-webkit-transition: all .3s;
transition: all .3s;
}
.jvectormap-zoomin:hover,
.jvectormap-zoomout:hover,
.jqvmap-zoomin:hover,
.jqvmap-zoomout:hover,
.jvectormap-zoomin:hover,
.jvectormap-zoomout:hover,
.jqvmap-zoomin:hover,
.jqvmap-zoomout:hover {
-webkit-transition: all .3s;
transition: all .3s;
color: #fff;
border-color: #328dff;
background: #328dff;
}
.jvectormap-zoomout,
.jqvmap-zoomout {
position: absolute;
z-index: 10;
top: 30px;
left: 0;
}
.jvectormap-zoomin,
.jvectormap-zoomout,
.jqvmap-zoomin,
.jqvmap-zoomout {
width: 25px;
height: 25px;
cursor: pointer;
text-align: center;
color: #737373;
border: 1px solid #e5e8eb;
border-radius: 50%;
background: #fff;
line-height: 17px;
}
.jvectormap-label {
position: absolute;
z-index: 11;
display: none;
padding: 3px 5px;
color: #fff;
border: none;
border-radius: 3px;
background: rgba(0, 0, 0, .8);
font-size: 12px;
}
.progress-title {
margin-bottom: 15px;
color: #737373;
}
.progress-title span {
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 500;
}
/*-------------------------------
member's performance
-------------------------------*/
.list-widget h6,
.list-widget strong {
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 600;
}
.list-widget span {
font-family: "Montserrat", sans-serif;
font-size: 12px;
}
.list-widget .media img {
width: 40px;
height: 40px;
}
.list-widget-border {
padding-bottom: 20px;
border-bottom: 1px solid #e5e8eb;
}
.nav-pills-sm .nav-link {
padding: .3em 1em;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
font-size: 10px;
}
.nav-pill-custom .nav-link,
.nav-pills-sm .nav-link {
border-radius: 30px !important;
}
.nav-pill-custom .nav-link {
color: #949494;
}
.nav-pills.nav-pill-turquoise .nav-link.active,
.nav-pills.nav-pill-turquoise .nav-pills .show > .nav-link {
color: #fff;
background-color: #31c3b2;
}
.nav-pills.nav-pill-primary .nav-link.active,
.nav-pills.nav-pill-primary .nav-pills .show > .nav-link {
color: #fff;
background-color: #328dff;
}
.nav-pills.nav-pill-secondary .nav-link.active,
.nav-pills.nav-pill-secondary .nav-pills .show > .nav-link {
color: #fff;
background-color: #737373;
}
.nav-pills.nav-pill-success .nav-link.active,
.nav-pills.nav-pill-success .nav-pills .show > .nav-link {
color: #fff;
background-color: #3dba6f;
}
.nav-pills.nav-pill-danger .nav-link.active,
.nav-pills.nav-pill-danger .nav-pills .show > .nav-link {
color: #fff;
background-color: #fe413b;
}
.nav-pills.nav-pill-warning .nav-link.active,
.nav-pills.nav-pill-warning .nav-pills .show > .nav-link {
color: #fff;
background-color: #fab63f;
}
.nav-pills.nav-pill-info .nav-link.active,
.nav-pills.nav-pill-info .nav-pills .show > .nav-link {
color: #fff;
background-color: #18b9d4;
}
.nav-pills.nav-pill-dark .nav-link.active,
.nav-pills.nav-pill-dark .nav-pills .show > .nav-link {
color: #fff;
background-color: #2f3c4b;
}
.btn-ordering {
position: relative;
width: 25px;
height: 25px;
text-align: center;
border-radius: 50%;
font-size: 12px;
}
.btn-ordering i {
position: absolute;
top: 7px;
left: 7px;
}
/*-------------------------------
support ticket widget
-------------------------------*/
.st-alphabet {
position: relative;
width: 40px;
height: 40px;
text-align: center;
color: #fff;
font-weight: 800;
line-height: 40px;
}
.st-alphabet .status {
position: absolute;
right: 0;
bottom: 3px;
width: 10px;
height: 10px;
border: 2px solid #fff;
border-radius: 50%;
}
/*-------------------------------
short report widget
-------------------------------*/
.sr-icon-box {
width: 60px;
height: 60px;
text-align: center;
color: #fff;
font-weight: 800;
line-height: 66px;
}
.sr-icon-box i {
font-size: 25px;
font-weight: 700;
}
.sr-icon-box-lg {
width: 90px;
height: 90px;
text-align: center;
color: #fff;
font-weight: 800;
line-height: 108px;
}
.sr-icon-box-lg i {
font-size: 35px;
font-weight: 700;
}
.water-mark-text {
position: absolute;
bottom: -35px;
left: 5%;
color: #f8f8f8;
font-size: 145px;
font-weight: bold;
line-height: normal;
}
@media (max-width: 1024px) {
.water-mark-text {
display: none;
}
}
/*-------------------------------
c3 chart widget
-------------------------------*/
.c3-chart-arcs-title {
font-weight: bold;
}
/*-------------------------------
flot chart widget
-------------------------------*/
.fchart-height {
top: 0;
left: 0;
width: 100%;
height: 150px;
}
#flotTip {
z-index: 100;
padding: 3px 5px;
opacity: .80;
color: #fff;
background-color: #000;
filter: alpha(opacity=85);
}
/*-------------------------------
notification widget
-------------------------------*/
.notification-widget li {
cursor: pointer;
}
.notification-widget li:hover {
background: #fafafa;
}
/*-------------------------------
base timeline
-------------------------------*/
.base-timeline {
padding-left: 20px;
border-left: 1px solid #e5e8eb;
}
.base-timeline li {
position: relative;
margin-bottom: 20px;
}
.base-timeline li:before {
position: absolute;
top: 4px;
left: -1.6rem;
content: "\f1db";
color: #c6c5c7;
background: white;
font-family: fontawesome;
font-size: 12px;
font-weight: bold;
}
.base-timeline li:last-child {
margin-bottom: 0;
}
.base-timeline .time-dot-primary:before {
color: #328dff;
}
.base-timeline .time-dot-success:before {
color: #3dba6f;
}
.base-timeline .time-dot-danger:before {
color: #fe413b;
}
.base-timeline .time-dot-warning:before {
color: #fab63f;
}
.base-timeline .time-dot-info:before {
color: #18b9d4;
}
.base-timeline .time-dot-dark:before {
color: #2f3c4b;
}
.base-timeline .time-dot-purple:before {
color: #7a86ff;
}
.base-timeline .time-dot-purple-light:before {
color: #b756ff;
}
.base-timeline .time-dot-turquoise:before {
color: #31c3b2;
}
.base-timeline .time-dot-pink:before {
color: #ec0080;
}
/*-------------------------------
to do list
-------------------------------*/
.todo-list-item {
padding-left: 0;
}
.todo-list-item li {
position: relative;
margin-bottom: 5px;
padding: 13px;
list-style: none;
cursor: move;
border: 1px solid #e5e8eb;
border-radius: 4px;
background: #fff;
}
.todo-list-item li p {
margin-bottom: 0;
}
.todo-list-item li:before {
position: absolute;
top: -1px;
left: -1px;
display: inline-block;
height: 103%;
content: "";
}
.todo-list-item .todo-done {
background: #f9f9f9;
}
.todo-list-item .todo-done .todo-title {
text-decoration: line-through;
color: #b1b5b7;
}
.todo-list-item .chk-todo {
position: relative;
top: -2px;
margin-right: 10px;
}
.btn-todo-list {
position: relative;
width: 25px;
height: 25px;
text-align: center;
color: #fff;
border-radius: 50%;
background: #bfbfbf;
font-size: 12px;
line-height: 24px;
}
.btn-todo-list i {
position: relative;
left: -1px;
}
.btn-todo-list:hover {
color: #fff;
background: #328dff;
}
.sorting-placeholder {
visibility: visible !important;
min-height: 50px;
border: 1px dashed #ddd !important;
}
/*-------------------------------
activity timeline
-------------------------------*/
.activity-timeline {
margin-left: 100px;
padding-left: 40px;
border-left: 2px solid #e5e8eb;
}
.activity-timeline .act-time {
position: absolute;
top: 5px;
left: -140px;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
}
.activity-timeline li:before {
content: "";
}
.activity-timeline li .timeline-icon {
position: absolute;
top: 0;
left: -3.5rem;
width: 30px;
height: 30px;
text-align: center;
color: #fff;
border-radius: 50%;
background: #c6c5c7;
font-size: 12px;
font-weight: bold;
line-height: 30px;
}
.activity-timeline li .timeline-icon img {
position: relative;
top: -1px;
width: 100%;
height: auto;
border-radius: 50%;
}
/*-------------------------------
widget weather
-------------------------------*/
.weather-radius {
border-radius: 5px 0 0 5px;
}
.bg-transparent {
background: transparent;
}
.weather-shade img {
position: absolute;
top: 0;
right: 0;
width: 200px;
height: auto;
}
/*-------------------------------
chat
-------------------------------*/
.chat-wrap {
overflow-y: scroll;
height: 340px;
}
.chat-wrap li {
display: inline-block;
width: 100%;
margin-bottom: 25px;
}
.chat-wrap .chat-info {
display: inline-block;
width: 80%;
padding: 1rem;
border-radius: 4px;
background: #f4f6f9;
}
.chat-wrap .sender .chat-info {
float: right;
width: 70%;
background: #82c3f3;
}
.chat-wrap .sender .chat-info .chat-text {
top: 0;
color: #fff;
}
.chat-wrap .chat-avatar {
float: left;
width: 28px;
}
.chat-wrap .chat-avatar img {
width: 28px;
height: 28px;
border-radius: 50%;
}
.chat-wrap .chat-text {
position: relative;
top: 3px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 12px;
}
.chat-type .file-attachment {
position: relative;
top: 5px;
padding-right: 10px;
color: #c6c5c7;
}
.chat-type .form-control {
width: 90%;
}
input[type=email]{
text-transform:lowercase;
}
input::placeholder { text-transform: none; }
/*-------------------------------
mCustomScrollbar
-------------------------------*/
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
background: rgba(0, 0, 0, .1);
}
.mCSB_scrollTools .mCSB_draggerRail {
background-color: transparent;
}
.mCustomScrollBox > .mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
width: 3px;
}
.mCSB_container {
margin-right: 0;
}
/*-------------------------------
custom dropdown
-------------------------------*/
.vl-dropdown {
min-width: 12rem;
padding: .8rem;
border: none;
box-shadow: 0 0 30px 1px rgba(0, 0, 0, .1);
}
.vl-dropdown .dropdown-item {
padding: .8rem .9rem;
border-radius: 4px;
font-family: "Montserrat", sans-serif;
font-size: 12px;
}
.vl-dropdown .dropdown-item:hover,
.vl-dropdown .dropdown-item:focus {
color: #fff;
background: #7a86ff;
}
/*-------------------------------
custom accordion
-------------------------------*/
.accordion > dt,
.toggle > dt {
margin-bottom: 10px;
text-transform: uppercase;
font-size: 12px;
font-weight: 400;
}
.accordion > dt > a,
.toggle > dt > a {
background: none;
}
.accordion > dt > a,
.toggle > dt > a {
position: relative;
display: block;
padding: 14px 20px;
text-decoration: none;
color: #141414;
border: 1px solid #e5e8eb;
border-radius: 4px;
background: #fff;
}
.accordion > dt > a:hover,
.toggle > dt > a:hover {
text-decoration: none;
}
.accordion > dt > a:hover,
.accordion > dt > a.active,
.toggle > dt > a:hover,
.toggle > dt > a.active {
cursor: pointer;
color: #fff;
border-color: #7a86ff;
background: #7a86ff;
}
.accordion > dt > a:after,
.toggle > dt > a:after {
position: absolute;
top: 50%;
right: 20px;
width: 15px;
height: 15px;
margin-top: -8px;
content: "\e61a";
text-align: center;
text-transform: none;
color: #949494;
font-family: "themify";
font-size: 12px;
font-weight: normal;
font-style: normal;
font-variant: normal;
line-height: 15px;
-webkit-font-smoothing: antialiased;
speak: none;
}
.accordion > dt > a.active:after,
.accordion > dt > a.active:hover:after,
.toggle > dt > a.active:after,
.toggle > dt > a.active:hover:after {
content: "\e622";
color: #fff;
}
.accordion > dt > a:hover:after,
.toggle > dt > a:hover:after {
color: #fff;
}
.accordion > dd,
.toggle > dd {
margin-bottom: 10px;
padding: 10px 20px 20px;
color: #000;
font-size: 14px;
line-height: 1.8;
}
.accordion > dt > a,
.accordion > dt > a:after,
.toggle > dt > a,
.toggle > dt > a:after {
-webkit-transition: all .27s cubic-bezier(0, 0, .58, 1);
transition: all .27s cubic-bezier(0, 0, .58, 1);
}
/*-------------------------------
icon list style
-------------------------------*/
.icon-list-style {
margin-bottom: 30px;
}
.icon-list-style .preview {
padding: 15px;
}
.icon-list-style .preview i {
padding-right: 15px;
color: #737373;
font-size: 18px;
}
#font-icons h6 {
font-size: 14px;
}
/*-------------------------------
404 error
-------------------------------*/
.error-position {
margin-top: 8%;
}
/*-------------------------------
invoice
-------------------------------*/
.invoice-table td,
.invoice-table th {
vertical-align: middle;
}
/*-------------------------------
custom table
-------------------------------*/
.table-custom {
color: #6a7f9a;
}
.table-custom th,
.table-custom td {
vertical-align: middle;
}
.table-custom .table-thumb {
display: inline-block;
width: 40px;
height: 40px;
}
/*-------------------------------
toastr style
-------------------------------*/
.toastrStyle {
margin: 30px 0;
padding: 15px;
border: 1px solid #e5e8eb;
}
/*-------------------------------
amcharts style
-------------------------------*/
#chartdiv {
width: 100%;
height: 500px;
}
.amcharts-graph-g2 .amcharts-graph-stroke {
-webkit-animation: am-moving-dashes 1s linear infinite;
animation: am-moving-dashes 1s linear infinite;
stroke-dasharray: 3px 3px;
stroke-linecap: round;
stroke-linejoin: round;
}
@-webkit-keyframes am-moving-dashes {
100% {
stroke-dashoffset: -31px;
}
}
@keyframes am-moving-dashes {
100% {
stroke-dashoffset: -31px;
}
}
.lastBullet {
-webkit-animation: am-pulsating 1s ease-out infinite;
animation: am-pulsating 1s ease-out infinite;
}
@-webkit-keyframes am-pulsating {
0% {
stroke-opacity: 1;
stroke-width: 0;
}
100% {
stroke-opacity: 0;
stroke-width: 50px;
}
}
@keyframes am-pulsating {
0% {
stroke-opacity: 1;
stroke-width: 0;
}
100% {
stroke-opacity: 0;
stroke-width: 50px;
}
}
.amcharts-graph-column-front {
-webkit-transition: all .3s .3s ease-out;
transition: all .3s .3s ease-out;
}
.amcharts-graph-column-front:hover {
-webkit-transition: all .3s ease-out;
transition: all .3s ease-out;
fill: #496375;
stroke: #496375;
}
.amcharts-graph-g3 {
-webkit-animation: am-draw 40s;
animation: am-draw 40s;
stroke-dasharray: 500%;
stroke-linecap: round;
stroke-linejoin: round;
}
@-webkit-keyframes am-draw {
0% {
stroke-dashoffset: 500%;
}
100% {
stroke-dashoffset: 0;
}
}
@keyframes am-draw {
0% {
stroke-dashoffset: 500%;
}
100% {
stroke-dashoffset: 0;
}
}
/* OVERWRITE OUR MAIN STYLE */
.demo-flipper-front.demo-panel-white,
body {
background-color: #fff;
}
/*-------------------------------
crypto dashboard
-------------------------------*/
.marquee-list {
margin-bottom: 0;
}
.marquee-list li {
display: inline-block;
margin: 0 10px;
padding-right: 20px;
border-right: 1px solid rgba(255, 255, 255, .2);
line-height: normal;
}
.currency-converter .form-control {
height: 48px;
border: none;
font-weight: bold;
}
.currency-converter select.form-control:not([size]):not([multiple]) {
height: calc(2.25rem + 12px);
border: none;
font-weight: bold;
}
.btn-exchange {
color: #fff;
background: rgba(0, 0, 0, .2);
font-size: 11px !important;
font-weight: bold !important;
}
.btn-exchange:hover {
background: rgba(0, 0, 0, .4);
}
/*------------------------------------
buttons
------------------------------------*/
.btn {
padding: 8px 10px;
cursor: pointer;
text-transform: uppercase;
font-family: "Montserrat", sans-serif;
font-size: 11px;
font-weight: 400;
}
.btn-group-lg > .btn,
.btn-lg {
padding: 1rem 1.5rem;
font-size: 14px;
line-height: 1.5;
}
.btn-group-sm > .btn,
.btn-sm {
padding: .1rem 0.41rem;
font-size: 10px;
line-height: 1.5;
}
.btn-pill {
border-radius: 100px;
}
.btn-primary {
border: none;
background: #e61d25 !important;
}
.btn-primary:hover {
background: #323231 !important;
}
.btn-secondary {
border: none;
background: #737373 !important;
}
.btn-secondary:hover {
background: #666 !important;
}
.btn-success {
border: none;
background: #3dba6f !important;
}
.btn-success:hover {
background: #37a764 !important;
}
.btn-danger {
border: none;
background: #3c3c3c !important;
}
.btn-danger:hover {
background: #fe2822 !important;
}
.btn-warning {
border: none;
background: #fab63f !important;
}
.btn-warning:hover {
background: #f9ad26 !important;
}
.btn-info {
border: none;
background: #18b9d4 !important;
}
.btn-info:hover {
background: #15a5bd !important;
}
.btn-dark {
border: none;
background: #2f3c4b !important;
}
.btn-dark:hover {
background: #252f3b !important;
}
.btn-purple {
color: #fff !important;
border: none;
background: #e73f27 !important;
}
.btn-purple:hover {
color: #fff;
background:#464444 !important;
}
.btn-outline-secondary {
color: #2f3c4b;
border-color: #e5e8eb;
background-color: transparent;
}
.btn-outline-secondary:hover {
border-color: #2f3c4b;
background: #2f3c4b;
}
.btn-outline-primary {
color: #328dff;
border-color: #328dff;
}
.btn-outline-primary:hover {
border-color: #328dff;
background: #328dff;
}
.btn-outline-success {
color: #3dba6f;
border-color: #3dba6f;
}
.btn-outline-success:hover {
border-color: #3dba6f;
background: #3dba6f;
}
.btn-outline-danger {
color: #fe413b;
border-color: #fe413b;
}
.btn-outline-danger:hover {
border-color: #fe413b;
background: #fe413b;
}
.btn-outline-warning {
color: #fab63f;
border-color: #fab63f;
}
.btn-outline-warning:hover {
border-color: #fab63f;
background: #fab63f;
}
.btn-outline-info {
color: #18b9d4;
border-color: #18b9d4;
}
.btn-outline-info:hover {
border-color: #18b9d4;
background: #18b9d4;
}
.btn-example .btn {
margin: 5px;
}
/*------------------------------------
forms
------------------------------------*/
.shape-form {
display: inline-block;
width: 38px;
height: 25px;
border: 1px solid #e5e8eb;
}
.nav-form-custom .nav-link {
padding: .1rem .5rem;
}
.nav-form-custom .nav-link:first-child {
padding-left: 0;
}
.nav-form-custom .nav-link.active .shape-form {
position: relative;
border-color: #7a86ff;
background: #7a86ff !important;
}
.nav-form-custom .nav-link.active .shape-form:before {
position: absolute;
top: -1px;
left: 33%;
content: "\f05d";
color: #fff;
font-family: fontawesome;
}
.pills-shape {
border-radius: 50px;
}
.shadow-shape {
box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .05);
}
/*---------------------------
form style
---------------------------*/
.form-control {
border-color: #e5e8eb;
}
.form-control:focus {
border-color: #7a86ff;
box-shadow: none;
}
.form-check-input {
margin-top: .5rem;
}
.form-fill {
border-color: #f4f6f9;
background: #f4f6f9;
}
.form-pill {
border-radius: 3.5rem;
}
.form-shadow {
box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .05);
}
.block-btn-submit{
width:100%;
display:inline-block;
text-align:center;
}
#added-events{
display:block;
}
.event-fulldetails{
display:inline-block;
width:100%;
}
.event-fulldetails>div{
float:left;
text-align:center;
}
.packname{
width:22%;
border-right:1px solid #dadadc;
padding:0px 5px;
}
.event-fulldetails>div>p{
margin-bottom:0px;
font-size:13px;
color:#ff9800;
font-weight:600;
text-transform: uppercase;
line-height:15px;
}
.event-fulldetails>div>span{
color:#666;
font-size:13px;
font-weight:500;
}
.remain-no{
width:22%;
border-right:1px solid #dadadc;
padding:0px 5px;
}
.liveevent-name{
width:15%;
border-right:1px solid #dadadc;
padding:0px 5px;
}
.auctionid{
width:22%;
border-right:1px solid #dadadc;
padding:0px 5px;
}
.auctionstart{
width:15%;
border-right:1px solid #dadadc;
padding:0px 5px;
}
.auctionend{
width:15%;
border-right:1px solid #dadadc;
padding:0px 5px;
}
.add-product-btn{
width:18%;
}
.purchased-pack-details{
margin:0px auto;
}
.purchased-pack-list{
width:100%;
display:block;
margin:0px auto;
text-align:center;
}
.new-package-list{
width:100%;
display:inline-block;
}
.new-package-list-expire{
width:100%;
display:inline-block;
}
.package-list{
width:30%;
margin:0px 15px;
display:inline-block;
}
.buy-extra-package{
text-align:center;
font-size:13px;
width:100%;
display:block;
margin:10px 0px;
}
.buy-extra-package>p{
font-size:13px;
color:#333;
}
.new-package-list{
display:none;
}
.add-items-form>h3{
font-size: 22px;
font-weight: 700;
letter-spacing: 1px;
margin-bottom: 5px;
}
.add-items-form>h3:after{
content: '';
display: block;
position: relative;
border-bottom: 5px solid #ff9800;
width: 70px;
margin-top: 0px;
}
.event-add-items{
margin-top:20px;
}
.event-add-items>.form-group{
float:left;
}
.table-action-btn{
display:block;
width:100%;
text-align:center;
}
.table-action-btn>button{
margin:0px 1px !important;
border-radius:0px;
display:inline-block;
padding:3px 7px;
}
#makeEditable>thead>tr{
background-color: #323231;
/* color: #adadad; */
color: #fbf1f1;
}
#makeEditable>thead>tr>th[name="buttons"]{
width:150px !important;
}
.table-action-btn>button>span{
color:#fff;
}
.btn-invite-row>a>span{
color:#fff;
}
.btn-edit-row{
background-color:#FF9800;
}
.btn-delete-row{
background-color:#F44336;
}
.btn-save-row{
background-color:#4caf50;
}
.btn-remove-row{
background-color:#F44336;
}
.btn-invite-row{
background-color:#ff9800;
}
.dropdown {
position: relative;
display: inline-block;
}
.table-responsive{
overflow:auto;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 130px;
float: left;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 130;
top: 17px;
left:0px;
}
.dropdown-content>a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content>a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
display: block;
}
.invite-popup-content>.modal-header>h4{
text-align:center;
color:#ff9800;
font-size:15px;
font-weight:500;
width:100%;
}
.ownvendor_mailinput{
display:inline-block;
display:block;
position:relative;
}
.pqvendor_mailinput{
float:left;
}
.inline-addmail-btn{
position:absolute;
top:32;
float:right;
right:-95px;
background-color:#ff9800;
color:#fff;
border:none;
height:33px;
border-radius:0.25rem;
padding:0px 10px;
text-transform:uppercase;
}
.btn-close{
background-color:#2d2d2c;
color:#fff;
}
.invited-maillist{
margin:10px 0px;
display:none;
}
.invited-maillist>p{
margin:0px;
}
.vendor-invite-popup{
width:450px;
}
.mail-invite-invite-popup{
width:570px !important;
max-width:570px;
}
.invited-newlist>table>thead>tr>th{
text-align:center;
font-size:12px;
font-weight:700;
}
.invited-newlist>table{
margin-bottom:0px;
}
.btn-close-mail{background: none!important; font-size: 20px; font-weight:bold; color:#ff9800; margin-top: -0.5em;}
.mail-submit-but{ width: 35%; margin: auto; padding-top: 15px; text-align: center;}
.check-vendor {
display: block;
position: relative;
cursor: pointer;
margin-bottom:16px;
font-size: 18px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.mt-11{ margin-top: -1em;}
/* Hide the browser's default checkbox */
.check-vendor>input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Create a custom checkbox */
.check-checkmark {
position: absolute;
top: 0px;
height: 18px;
width: 18px;
background-color: #fff ;
border-color:#616fff;
border-style:solid;
border-width:2px;
}
/* When the checkbox is checked, add a blue background */
.check-vendor>input:checked ~ .check-checkmark {
background-color: #fff ;
}
/* Create the checkmark/indicator (hidden when not checked) */
.check-checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.check-vendor>input:checked ~ .check-checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.check-vendor>.check-checkmark:after {
left: 5px;
top: 1px;
width: 5px;
height: 10px;
border: solid ;
border-color:#616fff ;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.cust-btn{
margin-bottom: 10px;
background-color: #616fff ;
border-width: 2px;
border-color: #616fff ;
color: #fff;
}
.cust-btn:hover{
border-color: #616fff ;
background-color: #fff;
color: #616fff ;
border-radius: 20px;
transform-style: 2s;
}
.invited-newlist>table>tbody>tr>td{
text-align:center;
padding:5px;
font-size:12px;
}
.vendor-star-rate>i{
color:#616fff;
}
#pq_company{
padding:1px;
}
#pq_company_id{
float: left;
margin-left: 5px;
}
#pq-vendor-invite{
margin-bottom:15px;
}
#pq_invite_list{
height:48vh;
overflow-y:scroll;
}
#pq_vendor_select{
margin-bottom: 10px;
}
/* Accordion css starts */
.auction-accordion>h4{
margin-bottom:0px;
}
.auction-accordion>h4>a{
display:inline-block !important;
width:100%;
}
.auction-collapsed-info{
width:19%;
float:left;
margin:0px 5px;
text-align:center;
}
.auction-accordion>h4>.collapsed>.auction-collapsed-info>p{
font-size:14px;
margin:0px;
letter-spacing:0px;
font-weight:600;
}
.auc-company-location{
color:#969494 !important;
font-size:10px !important;
font-weight:400 !important;
letter-spacing:0px;
}
.auction-accordion>h4>.collapsed>.auction-collapsed-info>span{
font-size:12px;
color:#666;
font-weight:500;
}
.auction-accordion>h4>a>.auction-collapsed-info>p{
font-size:12px;
margin:0px;
letter-spacing:0px;
font-weight:600;
}
.auction-accordion>h4>a>.auction-collapsed-info>span{
font-size:12px;
color:#d0dcef;
font-weight:500;
}
#accordion .panel{
border: none;
border-radius: 0;
box-shadow: none;
position: relative;
}
#accordion .panel-heading{
padding: 0;
border: none;
border-radius: 0;
position: relative;
}
#accordion .panel-title a{
display: block;
padding: 14px 20px;
margin: 0;
background: #fffcf4;
font-size: 18px;
font-weight: 700;
letter-spacing: 1px;
color:#e61d25;
border-radius: 0;
position: relative;
}
#accordion .panel-title a.collapsed{
background: #fff;
box-shadow:0 1px 10px 1px rgba(0, 0, 0, .05);
color:#e61d25;
}
#accordion .panel-body{
border-top: none;
background: #fff;
/*font-size: 15px;*/
color: #1c2336;
line-height: 27px;
position: relative;
}
#accordion .panel-body p{
padding: 10px;
}
.hover-mails-details{
text-align:center;
}
.add-extra-mail{
display: inline-block;
background-color: #7a86ff;
color: #fff;
height: 26px;
width: 26px;
line-height: 26px;
text-align: center;
font-weight: 600;
font-size: 12px;
margin:0px 5px;
}
.add-extra-mail>img{
width:20px;
}
.well>ul>li{
margin-right:10px;
}
.well>ul>li>a{
color:#ddd;
font-size:15px;
font-weight:600;
text-transform:uppercase;
}
.well>ul>li>.show{
color:#7a86ff !important;
}
.signed-user{
float:left;
margin-left:5px;
}
.signed-username{
margin-bottom:0px;
font-size:13px;
font-weight:600;
line-height:10px;
margin-left: 0.7em;
letter-spacing:1px;
color:#696968;
}
.signed-usertype{
font-size:12px;
color:#e61d25;
margin-left: 0.7em;
font-weight:500;
margin-bottom:0px;
}
#add-ex-mails{
padding-left:0px;
/* overflow-y: auto; */
}
.auction-report-title{
width:100%;
background-color:#323231;
display:inline-block;
}
.auction-report-title>.auction-collapsed-info{
border-right: 1px solid #61615f;
color: #fff; text-align:center;
padding: 6px;
font-size: 13px;
font-weight: 600;
}
.auction-report-title>.auction-collapsed-info:last-of-type{
border-right:0px;
}
/* tooltip css starts */
#auction-inviter-mails {
display: none;
position: absolute;
-webkit-transition: all 800ms ease-in-out;
-moz-transition: all 800ms ease-in-out;
-ms-transition: all 800ms ease-in-out;
-o-transition: all 800ms ease-in-out;
transition: all 800ms ease-in-out;
background-color: #7a86ff;
box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .05);
z-index: 1;
padding:7px;
}
#auction-inviter-mails>p{
margin-bottom:0px;
font-size:13px;
color:#fff;
font-weight:500;
padding:5px !important;
line-height:15px;
}
#hover-mail-list {
width:80px;
height:20px;
margin:0px auto;
position:relative;
margin-bottom:15px;
}
#hover-mail-list:hover + #auction-inviter-mails {
display:block;
}
.mail-invite-list{
display: inline-block;
background-color: #e61d25;
color: #fff;
height: 20px;
width: 20px;
line-height: 20px;
text-align: center;
font-weight: 600;
font-size: 11px;
}
.mail-invite-list:hover{color: #fff;}
.mail-counts{
position: absolute;
top: 0px;
float: right;
right: 2px;
display: block;
line-height: 6px;
font-size:10px;
}
/* Tooltip css ends */
/* Accordion css ends */
tbody.collapse.in {
display: table-row-group;
transition: .3s transform ease-in-out;
}
.seller-price-enter{
position:relative;
display:block;
width:100%;
}
.seller-quote-val{
width:100%;
}
#myInput{
height:25px
}
#myInput1{
height:25px
}
.postpondlot{
background: #e61d25;
color: white !important;
}
.closeauction{
background: #323231;
color: white !important;
}
.seller-price-enter>button{
position:absolute;
float:right;
/* top:0px; */
top:36px;
/* top:18px; */
height:33px;
right:0px;
}
.editattr{
display:none;
padding: 0px 7px;
}
.final-bidder-details{
width:100%;
}
.live-bid-info{
float:left;
/* border-right:1px solid #ccc; */
text-align:center;
padding: 7px;
}
.live-bid-info:last-of-type{
border-right:none;
}
.live-bid-info>p{
font-size:12px;
font-weight:600;
color:#e61d25;
padding:0px !important;
margin:0px;
line-height:13px;
}
.bid-highlight-price>p{
background-color: #e61d25;
display: inline-block;
padding: 5px 5px !important;
color: #fff;
font-size: 13px;
width: auto;
}
.bid-highlight-price>span{
display:initial;
}
.live-bid-info>span{
font-size:12px;
font-weight:500;
color:#666;
}
.bid-accept-status{
display: inline-block;
background-color: #20c997;
color: #fff !important;
font-size: 13px !important;
font-weight: 500 !important;
padding: 4px 12px;
margin:9px 0px;
width: auto;
}
.bid-reject-status{
display: inline-block;
/* background-color: #f44336;
color: #fff !important; */
color: #f44336 !important;
font-size: 13px !important;
font-weight: 500 !important;
padding: 4px 12px;
margin:9px 0px;
width: auto;
}
.send-invoice{
display:inline-block;
margin:5px 5px;
color:#2196f3 !important;
font-size:13px !important;
font-weight:500 !important;
text-decoration: underline;
}
.bidder-expand-info>tr>td{
padding:0px 0px !important;
}
.updatevalue{
display:block;
border:0px;
color:#7a86ff;
font-size:12px;
font-weight:600;
line-height:15px;
}
/* .mybid {
background-color: #ff9800;
color: aliceblue;
} */
.curentbid {
background-color: #e61d25;
color: aliceblue;
}
.bid-status{
font-size:12px;
font-weight:600;
text-transform:uppercase;
padding:3px 8px 3px 8px;
border-radius: 5px; line-height:1.6em; margin-top:0px;
}
.bid-na{
background-color:#fff;
border:0px #ffc107 solid;
color:#fffff6;
background-color:#ff9a00;
}
.bif-na-co{color:red;}
.bid-won{
color:#feffeb;
border: 0px #4caf50 solid;
background-color:#218C25;
}
.bid-lost{
color:#fff;
background-color:#f44336;
}
.lot-mail-req{
display:block;
font-size:12px;
line-height:12px;
}
.seller-link-trigger{
position:absolute;
bottom:10px;
float:right;
right:20px;
}
.seller-link-trigger>a{
color: #fff;
font-size: 15px;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
.seller-link-trigger>a>i{
margin-right:1px;
}
.seller-link-trigger>a:hover{
color:#e61d25;
text-decoration:none;
}
td,tr{ margin:0; padding:0;}
/*---------------------------
select style
---------------------------*/
select:not([multiple]) {
background: url("data:image/svg+xml;utf8,") #fff;
background-repeat: no-repeat;
background-position: 98% 50%;
height:33px !important;
-webkit-appearance: none;
-moz-appearance: none;
}
select.form-fill:not([multiple]) {
background: url("data:image/svg+xml;utf8,") #fff;
background-color: #f4f6f9;
background-repeat: no-repeat;
background-position: 98% 50%;
-webkit-appearance: none;
-moz-appearance: none;
}
/*---------------------------
editor
---------------------------*/
.note-editor.note-frame {
border: 1px solid #e5e8eb;
}
.note-editor.note-frame.card {
border-radius: 0;
}
.note-editor.note-frame.card .btn-light {
color: #141414;
border-color: #e5e8eb;
background-color: #fff;
}
.note-editor.note-frame.card .card-header {
background: #f7f7f4;
}
/*---------------------------
input group
---------------------------*/
.input-group-addon-bg-none {
background: transparent;
}
.input-group-addon,
.custom-select,
.input-group-text,
.custom-file-label,
.custom-file-label::after {
border-color: #e5e8eb;
background: #e5e8eb;
padding: 10px;
}
.input-group-text,
.custom-file-label::after {
background: #f4f6f9;
}
/*---------------------------
validation
---------------------------*/
.valid-tooltip,
.valid-feedback {
font-family: "Open Sans", sans-serif !important;
}
/*---------------------------
pickers
---------------------------*/
.datepicker.dropdown-menu,
.datetimepicker.dropdown-menu,
.bootstrap-timepicker.dropdown-menu,
.datepicker-inline {
border: none !important;
box-shadow: 0 0 30px 1px rgba(0, 0, 0, .1);
}
.form-control-lg,
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
padding: .9rem 1rem;
}
select.form-control-lg {
padding: 0rem 1rem;
}
.form-control-sm,
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
padding: .15rem .5rem;
}
@media (min-width: 992px) {
.picker-form .form-group label,
.right-text-label-form .form-group label {
text-align: right;
}
}
.datepicker-dropdown.datepicker-orient-top:before,
.datepicker-dropdown:before,
.datepicker-dropdown:after,
.datepicker-dropdown.datepicker-orient-top:after,
.datepicker-dropdown:after,
[class*=" datetimepicker-dropdown"]:before,
[class*=" datetimepicker-dropdown"]:after,
.bootstrap-timepicker.dropdown-menu:before,
.bootstrap-timepicker.dropdown-menu:after {
border: none;
}
.datepicker-dropdown:before {
border-bottom-color: #fff;
}
.datepicker-inline {
border: 1px solid #e5e8eb;
}
.datepicker,
.datetimepicker {
z-index: 12000;
width: 260px;
padding: 10px;
}
.datepicker table,
.datetimepicker table {
width: 100%;
}
.datepicker table tbody tr > td.day.today,
.datetimepicker table tbody tr > td.day.today {
color: #fff;
background: #328dff;
}
.dt-cont {
position: relative;
width: 100%;
height: 400px;
margin: 0;
padding: 0;
border: 1px solid #ccc;
}
.datepicker table tr td.active.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active.disabled:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active[disabled],
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active:hover.active,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled:hover.active,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
background-color: #b756ff;
}
.datepicker table tr td.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active:hover,
.datetimepicker table tr td.active,
.datetimepicker table tr td.active:hover,
.datetimepicker table tr td.active.disabled,
.datetimepicker table tr td.active.disabled:hover,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active:hover.active,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled:hover.active {
background-image: none;
text-shadow: none;
}
.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover,
.datepicker .datepicker-switch:hover,
.datepicker .next:hover,
.datepicker .prev:hover,
.datepicker tfoot tr th:hover,
.datetimepicker thead tr:first-child th:hover,
.datetimepicker tfoot tr:first-child th:hover,
.datetimepicker table tr td span:hover,
.datetimepicker table tr td.day:hover {
background: #f2f6f9;
}
.bootstrap-timepicker table td a {
color: #949494;
}
.bootstrap-timepicker table td a:hover {
border-color: #e5e8eb;
border-radius: 4px;
background-color: #f4f6f9;
}
.bootstrap-timepicker table td input {
width: 35px;
border: 1px solid #e5e8eb;
}
/*---------------------------
select 2
---------------------------*/
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
border: 1px solid #e5e8eb;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
color: #141414;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
position: relative;
padding: .65rem 1rem;
line-height: 1.25;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
padding: 0rem .8rem;
}
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
min-height: 33px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
top: 7px;
right: 7px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
top: 1px;
right: 15px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice,
.select2-container--default.select2-container--disabled .select2-selection--single {
border: 1px solid #e5e8eb;
background-color: #f4f6f9;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
padding-right: 10px;
padding-left: 10px;
border: 1px solid #e5e8eb;
outline: none;
}
.select2-container,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
outline: none;
}
.select2-dropdown {
border: none;
box-shadow: 0 0 30px 1px rgba(0, 0, 0, .1);
}
.select2-container--default .select2-results__option--highlighted[aria-selected] {
color: white;
background-color: #7a86ff;
}
.select2-container--default .select2-results__option[aria-selected=true] {
color: #141414;
background-color: #f2f6f9;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
border: 1px #7a86ff solid;
outline: 0;
}
.select2-container--default.select2-container--focus .select2-selection--multiple,
.select2-container--default.select2-container--focus .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple,
.select2-container--default.select2-container--open .select2-selection--single {
border-color: #7a86ff;
}
/*---------------------------
multiple select
---------------------------*/
.ms-container .ms-list {
border: 1px solid #e5e8eb;
box-shadow: none;
}
.ms-selection .search-input,
.ms-selectable .search-input {
margin-bottom: 20px;
}
.ms-container .ms-list.ms-focus {
border-color: #7a86ff;
outline: 0;
outline: thin dotted \9;
box-shadow: none;
}
.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover {
background-color: #7a86ff;
}
/*---------------------------
dropzone
---------------------------*/
.dropzone {
margin-right: auto;
margin-left: auto;
padding: 50px;
border: 1px dashed #e5e8eb;
border-radius: 4px;
-webkit-border-image: none;
-o-border-image: none;
border-image: none;
background: white;
}
.dropzone-primary {
border: 1px dashed #328dff;
}
.dropzone-info {
border: 1px dashed #18b9d4;
}
.dropzone-success {
border: 1px dashed #3dba6f;
}
.dropzone-warning {
border: 1px dashed #fab63f;
}
.dropzone-danger {
border: 1px dashed #fe413b;
}
/*----------------------------------
form wizard style
----------------------------------*/
.stepy-tab {
margin: 40px 0;
text-align: center;
}
.stepy-tab ul {
display: inline-block;
list-style: none;
}
.stepy-tab ul li {
float: left;
}
.step legend {
border: none;
}
.button-back {
float: left;
}
.button-next,
.finish {
float: right;
}
.button-back,
.button-next,
.finish {
cursor: pointer;
text-decoration: none;
}
.step {
clear: left;
}
.step label {
display: block;
}
.stepy-titles li {
float: left;
margin: 10px 15px;
cursor: pointer;
color: #737373;
}
.stepy-titles li span {
display: block;
}
.stepy-titles li.current-step div {
position: relative;
width: auto;
height: 50px;
cursor: auto;
color: #fff;
border-radius: 50px;
background: #328dff;
line-height: 50px;
}
.stepy-titles li.current-step div:after {
position: absolute;
bottom: -25px;
left: 50%;
margin-left: -17px;
content: "\e911";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
color: #328dff;
font-family: dashlab-icon;
font-size: 35px;
}
.stepy-titles li div {
width: auto;
height: 50px;
padding: 0 40px;
color: #949494;
border-radius: 50px;
background: #f4f6f9;
font-size: 16px;
font-weight: 300;
line-height: 50px;
}
.wizard > .content {
min-height: 25em;
margin: .5em;
margin-top: 1rem;
border: 1px solid #e5e8eb;
background: #fff;
}
.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active {
color: #949494;
background: #f4f6f9;
}
.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active {
color: #fff;
background: #7a86ff;
}
.wizard > .content > .body input {
border: 1px solid #e5e8eb;
}
.wizard > .content > .body input:focus {
border: 1px solid #7a86ff;
}
.wizard > .content > .body label.error {
margin-left: 0;
color: #fe413b;
}
.wizard > .content > .body input.error {
margin-right: 10px;
color: #fe413b;
border: 1px solid #fe413b;
background: #ffd9e6;
}
.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active {
color: #fff;
background: #e0e3ff;
}
.wizard > .steps .number {
display: inline-block;
width: 80px;
height: 50px;
margin-right: 10px;
text-align: center;
border-radius: 5px 0 0 5px;
background: rgba(0, 0, 0, .08);
font-size: 13px;
line-height: 50px;
}
.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active {
padding: 0;
}
.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active {
background: #7a86ff;
}
.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active {
color: #141414;
border: 1px solid #e5e8eb;
background: #fff;
}
.wizard > .content > .body ul {
list-style: none !important;
}
.wizard > .steps .number {
display: none;
}
.wizard > .steps > ul > li {
text-align: center;
}
.wizard > .steps > ul > li a {
padding: 1rem;
text-transform: uppercase;
}
.wizard > .steps > ul > li a i {
margin-bottom: .5rem;
font-size: 32px;
}
.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active,
.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active {
padding: 1rem;
}
.wizard > .steps .current a {
position: relative;
}
.wizard > .steps .current a:after {
position: absolute;
bottom: -32px;
left: 50%;
margin-left: -17px;
content: "\e911";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
color: #7a86ff;
font-family: dashlab-icon;
font-size: 35px;
}
@media (max-width: 767px) {
.wizard > .steps .number {
width: 40px;
}
.wizard > .steps > ul > li {
width: 50%;
}
}
/*------------------------------------
login
------------------------------------*/
/*.login-bg {
background: #2f3c4b;
}*/
.login-bg .container {
margin-top: 4%;
}
.login-form {
float: left;
padding: 2rem; width:30%;
border-radius: 10px 0px 0px 10px;
background: #fff;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.login-form>form>p{
font-size:13px;
font-weight:600;
text-transform:uppercase;
position:relative;
}
.login-form>form>p:after{
content: '';
display: block;
position: absolute;
top: 12px;
width: 100%;
z-index: -1;
height: 10px;
background-color: #7a86ff;
}
.register-form{
float: left;
width: 100%;
padding: 3rem;
border-radius: 10px;
background: #fff;
}
.buyer-register-form{
float: left;
width: 70%;
padding: 3rem;
margin:0px auto;
border-radius: 10px;
background: #fff;
}
.seller-register-form{
float: left;
width: 100%;
padding: 3rem;
margin:0px auto;
border-radius: 10px;
background: #fff;
}
.payment-page{
width: 40%;
margin:0px auto;
padding: 20px;
border-radius: 10px;
background: #fff;
}
.payment-status-icon{
text-align:center;
display:block;
margin-bottom:15px;
}
.payment-status-icon>i{
color:#3dba6f;
font-size:35px;
border:2px solid #3dba6f;
padding:5px;
border-radius:50%;
}
.payment-status-info{
text-align:center;
font-size:13px;
font-weight:700;
}
.payment-successid{
display:block;
font-weight:600;
}
.btn-uppertxt{
margin: 10px 0px;
font-size: 14px;
font-weight: 600;
color: #808080;
}
.skip-page-link{
color:#7a86ff;
text-decoration:underline;
font-size:13px;
display:block;
font-weight:500;
}
.event-detail-form{
display:inline-block;
width:100%;
}
.event-detail-form>.form-group{
float:left;
}
.login-form-brand{
text-align: center;
width:406px;
height:55px;
border:0px solid #fff;
margin-bottom:2em;
overflow: hidden;
}
.login-form-brand>img{
text-align: center;
padding:0px;
}
.register-divided{
float:left;
position:relative;
}
.radio-btn-label{
width:35%;
float:left;
display:inline-block;
}
.check-btn-label{
display:block;
width:100%;
}
.register-divided:after{
content: '';
display: block;
position: absolute;
border-right: 1px solid #eae5e5;
top: 30%;
height: 100px;
float: right;
margin: auto 0px;
right: 0px;
}
.register-divided:after:last-of-child{
content:'';
display:none;
}
.register-divided>h5{
color:#30302f;
font-size:14px;
text-transform:uppercase;
}
.register-divided>h5:after{
content:'';
display:block;
position:relative;
border-bottom:2px solid #e3703c;
top:2px;
width:35px;
}
/* Register checkbox css start */
ul.chec-radio {
margin: 10px 0 0 0px;
padding:0px;
display:inline-block;
}
ul.chec-radio li.pz {
float: left;
list-style:none;
}
.radio-inline{
margin-bottom:0px;
display:block;
border-right:1px solid #5a5f65;
}
.chec-radio label.radio-inline input[type="checkbox"] {
display: none;
}
.chec-radio label.radio-inline input[type="checkbox"]:checked+div {
color: #fff;
background-color: #ff9800;
}
.chec-radio .radio-inline .clab {
cursor: pointer;
background: #fff;
padding: 5px 8px;
text-align: center;
text-transform: uppercase;
color: #e61d25;
position: relative;
font-size: 11px;
float: left;
margin: 0;
margin-bottom: 0px;
font-weight: 600;
box-shadow:0px 0px 21px -8px #2f3c4b;
}
/* Register checkbox css ends */
/* Register radio button css start */
.middle input[type="radio"] {
opacity: 0; float:left;
}
.middle input[type="radio"]:checked + .box {
background-color: #e61d25;
}
.middle input[type="radio"]:checked + .box span {
color: white;
transform: translateY(12px);
}
.middle input[type="radio"]:checked + .box span:before {
transform: translateY(0px);
opacity: 1;
}
.middle>label{
margin-left:8px;
margin-bottom:0px;
}
.middle .box {
width: 75px;
height: 35px; margin-top:10px;
background-color: #fff;
transition: all 250ms ease;
will-change: transition;
display: inline-block;
text-align: center; line-height:12px;
box-shadow:0px 0px 21px -8px #2f3c4b;
cursor: pointer;
position: relative;
font-weight: 900;
}
.middle .box:active {
transform: translateY(0px);
}
.middle .box span {
position: absolute;
transform: translate(0, 11px);
left: 0;
right: 0;
transition: all 300ms ease;
font-size: 13px;
user-select: none;
color: #e84c0c;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 1px;
}
.middle .box span:before {
font-size: 1.2em;
font-family: FontAwesome;
display: block;
transform: translateY(-80px);
opacity: 0;
transition: all 300ms ease-in-out;
font-weight: normal;
color: white;
}
.middle p {
color: #fff;
font-family: "Dax", sans-serif;
font-weight: 400;
}
.middle p span:after {
content: '\f0e7';
font-family: FontAwesome;
color: yellow;
}
/* Register radio button css ends */
.com-category{
display:none;
}
.com-category>span{
width:100%;
}
/* Radio Button for Company Type */
/* Custom Radio Button Start*/
.register-form-submit{
display: block;
width: 100%;
clear: both;
margin: 0px auto;
}
.hidden-input{
display:none;
}
.radiotextsty {
color: #A5A4BF;
font-size: 14px;
}
.customradio {
display: block;
position: relative;
padding-left: 20px;
margin-bottom: 0px;
cursor: pointer;
font-size: 18px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin-left:10px;
}
/* Hide the browser's default radio button */
.customradio input {
position: absolute;
opacity: 0;
cursor: pointer;
}
/* Create a custom radio button */
.checkmark {
position: absolute;
top: 9px;
left: 0;
height: 16px;
width: 16px;
background-color: white;
border-radius: 50%;
border:1px solid #BEBEBE;
}
/* On mouse-over, add a grey background color */
.customradio:hover input ~ .checkmark {
background-color: transparent;
}
/* When the radio button is checked, add a blue background */
.customradio input:checked ~ .checkmark {
background-color: white;
border:1px solid #BEBEBE;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the indicator (dot/circle) when checked */
.customradio input:checked ~ .checkmark:after {
display: block;
}
/* Style the indicator (dot/circle) */
.customradio .checkmark:after {
top: 2px;
left: 2px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #e61d25;
}
/* Ends */
.login-form a.forgot-link {
color: #2f3c4b;
}
.login-form a.forgot-link:hover {
text-decoration: underline;
}
.login-form .form-control {
font-size: .8rem;
line-height: 2.2;
}
.login-promo {
float: left;
/* width: 48%;
min-height: 348px; */
width: 50%;
min-height: 355px;
border-radius:0px 10px 10px 0px;
box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 0px 0 rgba(0, 0, 0, 0.19);
}
.login-reomo {
float: left;
width: 48%;
min-height: 300px;
border-radius:0px 10px 10px 0px;
box-shadow:0 3px 3px 0 rgba(0, 0, 0, 0.2), 0 3px 0px 0 rgba(0, 0, 0, 0.19);
}
.registration-promo {
min-height: 600px;
}
input[type='number'] {
-moz-appearance:textfield;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
}
.statusRollup{
display:none;
}
.login-promo-content {
position: absolute;
top: 44%;
width: 100%;
padding: 5rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.play-btn {
display: inline-block;
width: 55px;
height: 55px;
text-align: center;
color: #7a86ff;
border: 5px solid rgba(255, 255, 255, .5);
border-radius: 50% !important;
background: #fff;
line-height: 45px;
}
.play-btn i {
position: relative;
left: 2px;
color: #7a86ff;
font-size: 16px;
}
.form-divider {
position: relative;
clear: both;
height: 0;
margin: 2.5rem 0;
border-top: 1px dashed #e5e8eb;
}
.form-divider:before {
position: absolute;
top: -14px;
left: 50%;
margin-left: -10px;
padding: 0 5px;
content: "or";
color: #949494;
background: #fff;
}
.btn-facebook {
position: relative;
display: block;
color: #fff;
background: #4d65cd;
font-weight: 500;
}
.btn-facebook i {
position: absolute;
top: 10px;
left: 20px;
padding-right: 20px;
border-right: 1px solid rgba(255, 255, 255, .5);
font-size: 20px;
}
.btn-facebook:hover {
color: #fff;
background: #445ab6;
}
@media (max-width: 992px) {
.login-form,
.login-promo {
display: block;
width: 100%;
margin-bottom: 1rem;
border-radius: 10px ;
}
.login-form,
.login-promo-content {
padding: 1.5rem;
}
.login-promo,
.registration-promo {
min-height: 400px;
}
}
/*------------------------------------
calendar
------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
border-color: #e5e8eb;
}
.fc-state-default {
box-shadow: none;
}
.fc-unthemed th.fc-day-header {
padding: .70rem .5rem;
font-size: 1rem;
font-weight: 500;
}
.fc-unthemed .fc-day-grid td:not(.fc-axis) {
padding: .5rem .5rem;
}
a:not([href]):not([tabindex]) {
text-decoration: none;
color: inherit;
}
.fc-unthemed .fc-toolbar .fc-button {
border: 1px solid #e5e8eb;
background: #f4f6f9;
text-shadow: none !important;
}
.fc-unthemed .fc-toolbar .fc-button {
height: 2.5rem;
padding: 0 1.25rem;
outline: none !important;
font-size: .9rem;
}
.fc-unthemed .fc-toolbar .fc-button.fc-state-disabled {
color: #737373;
background: #f4f6f9;
}
.fc-unthemed .fc-toolbar .fc-button:focus,
.fc-unthemed .fc-toolbar .fc-button:active,
.fc-unthemed .fc-toolbar .fc-button.fc-state-active {
color: #fff;
border: 0;
background: #7a86ff;
box-shadow: none;
text-shadow: none;
}
.fc-unthemed .fc-toolbar h2 {
margin-top: .70rem;
text-transform: uppercase;
font-size: 1.1rem;
font-weight: 500;
}
.fc-icon-left-single-arrow:after,
.fc-icon-right-single-arrow:after {
font-weight: normal;
}
.fc-event,
.fc-event-dot {
background-color: #eef2f5;
}
.fc-event {
border: 1px solid #eef2f5;
}
.d-fc-event-primary {
border: none;
background: #7a86ff;
}
.d-fc-event-primary .fc-title {
color: #fff;
}
.d-fc-event-success {
border: none;
background: #3dba6f;
}
.d-fc-event-success .fc-title {
color: #fff;
}
.d-fc-event-danger {
border: none;
background: #fe413b;
}
.d-fc-event-danger .fc-title {
color: #fff;
}
.d-fc-event-warning {
border: none;
background: #fab63f;
}
.d-fc-event-info {
border: none;
background: #18b9d4;
}
.d-fc-event-info .fc-title {
color: #fff;
}
.fc-ltr .fc-h-event.fc-not-start {
padding-left: 10px;
}
.fc-day-grid-event {
padding: 10px;
}
.fc-popover .fc-header {
padding: 6px;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
margin-top: 6px;
font-size: .9em;
}
.fc-event-container a {
margin-bottom: 3px;
}
.fc-popover {
box-shadow: none;
}
.fc-title {
font-weight: 500;
}
@media (max-width: 992px) {
.fc-unthemed .fc-toolbar .fc-button {
height: 2rem;
}
.fc-unthemed th.fc-day-header {
padding: .30rem .5rem;
}
.fc-unthemed .fc-toolbar {
margin-bottom: 1.5rem;
}
.fc-unthemed .fc-toolbar .fc-left > .fc-button-group > .fc-button,
.fc-unthemed .fc-toolbar .fc-right > .fc-button-group > .fc-button,
.fc-unthemed .fc-toolbar .fc-center > .fc-button-group > .fc-button {
float: none;
}
.fc-unthemed .fc-toolbar .fc-left,
.fc-unthemed .fc-toolbar .fc-right,
.fc-unthemed .fc-toolbar .fc-center {
display: block;
float: none;
margin-bottom: 1rem;
text-align: center;
}
.fc-unthemed .fc-toolbar .fc-left h2,
.fc-unthemed .fc-toolbar .fc-right h2,
.fc-unthemed .fc-toolbar .fc-center h2 {
float: none;
text-align: center;
}
.fc-unthemed .fc-toolbar .fc-left > .fc-button-group,
.fc-unthemed .fc-toolbar .fc-right > .fc-button-group,
.fc-unthemed .fc-toolbar .fc-center > .fc-button-group {
display: inline-block;
float: none;
}
.fc-unthemed .fc-toolbar .fc-left > .fc-button,
.fc-unthemed .fc-toolbar .fc-right > .fc-button,
.fc-unthemed .fc-toolbar .fc-center > .fc-button {
float: none;
}
}
.fc-unthemed .fc-list-item.d-fc-event-accent .fc-event-dot,
.d-fc-event-accent-bg {
border-color: #3dba6f;
background: #3dba6f;
}
.fc-unthemed .fc-list-item.d-fc-event-red .fc-event-dot {
border-color: #fe413b;
background: #fe413b;
}
.fc-unthemed .fc-list-item.d-fc-event-yellow .fc-event-dot {
border-color: #fab63f;
background: #fab63f;
}
.fc-unthemed .fc-list-item.d-fc-event-blue .fc-event-dot {
border-color: #18b9d4;
background: #18b9d4;
}
.fc-unthemed .fc-list-item .fc-event-dot {
border-color: #949494;
background: #949494;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
background: #f4f6f9;
}
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
border-color: #e5e8eb;
}
.fc-unthemed .fc-list-item:hover td {
background: #f4f6f9;
}
.fc-list-table td {
padding: 15px;
}
.calendar-event-list .fc-event {
margin-bottom: 10px;
padding: 10px;
cursor: move;
color: #2c2f33;
}
#calendar-external-events .fc-day-grid-event {
padding: 5px;
}
/*------------------------------------
profile
------------------------------------*/
.profile-banner {
position: relative;
top: -2.1rem;
width: 100%;
height: 300px;
padding: 2rem;
color: #fff;
background: #2f3c4c;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.profile-nav {
position: relative;
top: -2.1rem;
}
.profile-info-position {
position: relative;
top: 0px;
}
.profile-social-link a {
color: #c6c5c7;
font-size: 18px;
}
.profile-social-link a:hover {
color: #7a86ff;
}
.profile-nav-links a {
margin: 0 1.5rem;
padding: 1rem 0;
color: #2f3c4b;
border-bottom: 2px solid transparent;
}
.profile-nav-links a:hover {
border-bottom: 2px solid #7a86ff;
-webkit-box-shadow: 0 8px 6px -6px #7a86ff;
-moz-box-shadow: 0 8px 6px -6px #7a86ff;
box-shadow: 0 8px 6px -6px #7a86ff;
}
.profile-nav-links .active {
border-bottom: 2px solid #7a86ff;
-webkit-box-shadow: 0 8px 6px -6px #7a86ff;
-moz-box-shadow: 0 8px 6px -6px #7a86ff;
box-shadow: 0 8px 6px -6px #7a86ff;
}
@media (max-width: 992px) {
.profile-info-position {
top: 0;
}
.profile-nav-links a {
margin: 0 .5rem;
padding: 1.2rem 0;
}
}
/*------------------------------------
top-nav
------------------------------------*/
@media (min-width: 992px) {
.top-nav {
background: #f4f6f9;
}
.top-nav .search-wrap {
position: relative;
}
.top-nav .search-wrap i {
position: absolute;
top: 9px;
left: 15px;
color: rgba(255, 255, 255, .3);
}
.top-nav .search-input {
padding-left: 40px;
color: #fff;
border: none;
background: rgba(255, 255, 255, .08);
font-size: 14px;
}
.top-nav .navbar {
box-shadow: none;
}
.top-nav .navbar-dark {
background:#323231;
}
.top-nav .navbar-dark .header-links .nav-link {
color: #fff;
}
.top-nav .content-wrapper {
margin-left: 0;
padding-bottom: 0;
}
.top-nav .box-container {
width: 1200px;
margin: 0 auto;
}
.top-nav .container-fluid {
padding: 0;
}
.top-nav .navbar-hide-responsive {
display: block;
}
.top-nav .navbar-brand-responsive {
display: none;
}
.top-nav .sticky-footer {
position: relative;
}
.top-nav .dropdown-toggle:after {
position: relative;
top: 1px;
content: "\f107";
vertical-align: initial;
border: none;
font-family: fontawesome;
}
.top-nav .navbar-dark .navbar-nav .nav-item.active .nav-link {
color: #ff9800;
}
}
@media (max-width: 992px) {
.top-nav {
padding-top: 46px !important;
}
.top-nav .navbar {
padding: .1rem 1rem;
}
.top-nav .box-container {
width: 100%;
}
.top-nav .search-wrap {
position: relative;
margin-bottom: 20px;
}
.top-nav .search-wrap i {
position: absolute;
top: 12px;
left: 15px;
color: #141414;
}
.top-nav .search-input {
height: 40px;
padding-left: 40px;
color: #141414;
border: none;
background: #f4f6f9;
font-size: 14px;
}
.top-nav .navbar-nav.header-links {
margin-top: 30px;
}
.top-nav .navbar-dark .navbar-nav .nav-link:focus {
color: #ff9800;
}
.top-nav .navbar-dark .navbar-nav .nav-item.active .nav-link {
color: #ff9800;
}
.top-nav .navbar-brand-responsive {
position: relative;
top: 5px;
display: inline-block;
}
.top-nav .navbar-hide-responsive {
display: none;
}
.top-nav .nav-notification-toggler {
position: absolute;
top: 10px;
right: 5px;
}
.top-nav .navigation-list-toggler {
position: absolute;
top: 5px;
right: 50px;
}
.top-nav .dropdown-toggle:after {
position: absolute;
top: 10px;
right: 15px;
content: "\f107";
border: none;
font-family: fontawesome;
}
.top-nav .content-wrapper {
min-height: calc(100vh - 45px);
}
.top-nav .container-fluid {
padding-right: 15px;
padding-left: 15px;
}
.top-nav footer.sticky-footer {
position: relative;
}
}
/*------------------------------------
right-sidebar
------------------------------------*/
.right-sidebar {
position: fixed;
z-index: 1200;
top: 0;
right: -300px;
overflow-y: scroll;
width: 300px;
height: 100%;
-webkit-transition: all .3s ease;
transition: all .3s ease;
background: #fff;
box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .05);
}
.right-sidebar .card-body {
padding: 1rem 1.25rem;
}
.right-sidebar.show {
right: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.close-sidebar-icon {
position: relative;
right: 6px;
color: #141414;
font-size: 20px;
font-weight: bold;
}
.close-sidebar-icon:hover {
color: #7a86ff;
}
.close{color: #ef9107 !important;}
.right-widget {
margin-bottom: 3rem;
}
.cursor {
cursor: pointer;
}
@media (min-width: 992px) {
.responsive-right-side-toggle {
display: none;
}
}
@media (max-width: 991px) {
.responsive-right-side-toggle {
position: relative;
right: -10px;
color: #737373;
}
.navbar-light .navbar-toggler,
.navbar-dark .navbar-toggler {
position: absolute;
top: 15px;
right: 50px;
}
.top-nav .navbar-light .navbar-toggler,
.top-nav .navbar-dark .navbar-toggler {
position: static;
top: auto;
right: auto;
float: right;
}
.top-nav .nav-notification-toggler {
position: relative !important;
top: 6px !important;
}
.nav-item .right_side_toggle {
display: none;
}
.login-form-brand>img{ width:100%}
}
/*------------------------------------
bs reset
------------------------------------*/
.container-fluid {
padding-right: 30px;
padding-left: 30px;
}
.card,
.card-header {
border-color: #e5e8eb;
}
.card {
border-radius: 5px;
}
.card-header,
.card-footer {
background: transparent;
}
.card-shadow {
box-shadow: 0 1px 10px 1px rgba(0, 0, 0, .05);
}
.bg-primary,
.badge-primary {
background: #328dff !important;
}
.bg-secondary,
.badge-secondary {
background: #737373 !important;
}
.bg-success,
.badge-success {
background: #3dba6f !important;
}
.bg-danger,
.badge-danger {
background: #fe413b !important;
}
.bg-warning,
.badge-warning {
background: #fab63f !important;
}
.bg-info,
.badge-info {
background: #18b9d4 !important;
}
.bg-dark,
.badge-dark {
background: #2f3c4b !important;
}
.bg-purple,
.badge-purple {
background: #7a86ff !important;
}
.bg-purple-light,
.badge-purple-light {
background: #b756ff !important;
}
.bg-turquoise,
.badge-turguoise {
background: #31c3b2 !important;
}
.bg-pink,
.badge-pink {
background: #ec0080 !important;
}
.bg-gray {
background: #e5e8eb !important;
}
.text-primary {
color: #328dff !important;
}
.text-secondary {
color: #737373 !important;
}
.text-success {
color: #297c4a !important;
}
.text-danger {
color: #fe413b !important;
}
.text-warning {
color: #ff9b00 !important;
}
.text-info {
color: #18b9d4 !important;
}
.text-dark {
color: #2f3c4b !important;
}
.text-purple {
color: #e61d25 !important;
}
.text-purple-light {
color: #b756ff !important;
}
a.text-primary {
color: #328dff !important;
}
a.text-primary:hover {
color: #0071fe !important;
}
a.text-secondary {
color: #737373 !important;
}
a.text-secondary:hover {
color: #5a5a5a !important;
}
a.text-success {
color: #3dba6f !important;
}
a.text-success:hover {
color: #309458 !important;
}
a.text-danger {
color: #fe413b !important;
}
a.text-danger:hover {
color: #fe1008 !important;
}
a.text-warning {
color: #fab63f !important;
}
a.text-warning:hover {
color: #f9a30d !important;
}
a.text-info {
color: #18b9d4 !important;
}
a.text-info:hover {
color: #1391a6 !important;
}
a.text-dark {
color: #2f3c4b !important;
}
a.text-dark:hover {
color: #1b232c !important;
}
a.text-purple {
color: #e61d25 !important;
}
a.text-purple:hover {
color: #4758ff !important;
}
a.text-purple-light {
color: #b756ff !important;
}
a.text-purple-light:hover {
color: #a123ff !important;
}
.border {
border-color: #e5e8eb !important;
}
.border-top {
border-top-color: #e5e8eb !important;
}
.border-right {
border-right-color: #e5e8eb !important;
}
.border-bottom {
border-bottom-color: #e5e8eb !important;
}
.border-left {
border-left-color: #e5e8eb !important;
}
.breadcrumb {
margin-bottom: 0;
background: transparent;
}
.breadcrumb .breadcrumb-item {
font-size: 13px;
}
.breadcrumb a {
color: #949494;
}
.breadcrumb a:hover {
color: #7a86ff;
}
.breadcrumb-item.active {
color: #737373;
}
.breadcrumb-item + .breadcrumb-item::before {
display: inline-block;
padding-right: .5rem;
padding-left: .5rem;
content: "\f105";
color: #c6c5c7;
font-family: "FontAwesome";
}
.custom-control-label::after,
.custom-control-label::before {
top: 12px;
}
.agree-form>span{
margin-right:10px;
}
.bd-example-row .row > .col,
.bd-example-row .row > [class^=col-] {
padding-top: .75rem;
padding-bottom: .75rem;
border: 1px solid rgba(86, 61, 124, .2);
background-color: rgba(86, 61, 124, .15);
}
.nav-tabs .nav-link,
.nav-pills .nav-link {
color: #141414;
}
.nav-link.disabled {
color: #949494;
}
.table-bordered thead td,
.table-bordered thead th {
border-bottom-width: 0;
}
.table thead th {
vertical-align: middle;
border-bottom: 1px solid #e5e8eb;
font-size: 12px;
text-align: center;
font-weight: 600;
}
.table-bordered {
border: 1px solid #e5e8eb;
border-top: none;
border-bottom: none;
}
.table-striped tbody tr:nth-of-type(odd),
.table-hover tbody tr:hover,
.table-active,
.table-active > td,
.table-active > th {
background-color: rgba(0, 0, 0, .02);
}
.table .thead-light th {
border-color: #e5e8eb;
background-color: #f4f6f9;
}
.page-item.active .page-link {
z-index: 1;
color: #fff;
border-color: #323231;
background-color: #323231;
}
.page-link {
color: #141414;
border: 1px solid #e5e8eb;
}
.page-link:hover {
text-decoration: none;
color: #323231;
border-color: #e5e8eb;
background-color: #e5e8eb;
}
.dropdown-item.active,
.dropdown-item:active {
text-decoration: none;
color: #7a86ff !important;
background-color: #f8f9fa;
}
.become-acc-type{
/*background-color:#fe413b;*/
border: 1px #c5c5c5 solid;
color:#FFF;
padding:8px 15px;
border-radius:5px;
font-size:14px;
font-weight:500;
}
.become-acc-type:hover{
color:#ffaba8;
}
.live-bid-info>.event-accepted{
color:#4caf50;
font-size:12px;
}
.ml-0, .pl-0 { margin:0; padding:0}
/* 20-09-2018 changes work*/
@media (max-width: 991px) {
.event-type-option{ text-align:center; margin-left: 3em; }
p {margin-bottom: 1rem;}
.event-type-option>h3:after{margin-left:0em; border-bottom: 0px solid #ff9800;}
.up-coming-mL2{margin-left: -2em;}
.auction-report-title>.auction-collapsed-info{color: #fff; font-size:10px; padding:3px 1px 2px 1px; }
.auction-collapsed-info{width: 16%;height:auto; display: table; max-width: 16%;display: inline-block;
overflow: -webkit-paged-y; text-overflow: ellipsis; word-wrap: break-word;}
.auction-accordion>h4>.collapsed>.auction-collapsed-info>p{font-size:9px;}
#accordion .panel-title a{ padding:8px 2px 8px 2px;}
.page-title{ text-align: left; font-size:16px!important;}.page-title:after{ margin-left:0em}
.package-list{ width:85%;}
.top-nav .box-container {width: 92%;margin-left: 1em;}
.event-type-option>h3{ text-align:left; font-size:16px!important;}
.event-type-option>p{ text-align:left;}
.anyClass {overflow-y: scroll;}
#makeEditable>thead>tr{ font-size:11px;}
.table-bordered td, .table-bordered th{font-size:9px; line-height: 1.2em;}
.table td, .table th {padding: .55rem; font-size:9px;}
.table-action-btn>button{ margin:0px 1px 5px 0px !important}
.auction-accordion>h4>a>.auction-collapsed-info>p{font-size:9px;}
.mail-invite-list{ line-height:none;}
.become-acc-type{border:1px #c5c5c5 solid; color: #ff9800;padding: 4px; font-size:12px;}
.auction-report-title>.auction-collapsed-info{ line-height:1.3em;}
.auc-company-location{ font-size:9px !important;}
.btn{ padding:5px 10px; font-size:9px;}
.collapse.show{ margin-bottom:1em;}
.nav-link {display: block;padding: .3rem 0.3rem;}
.buyer-admin-cover{ height:100px!important;}
.dropdown-content{ left:-6em;}
.check-checkmark{ width:12px; height:12px;}
.login-form-brand{ width: 150px;}
.login-promo-content {top:48%;}
.login-form-brand{ height:40px;}
.font-h6{ color:#fff;}
h1, .h1{ font-size:26px;}
.login-bg .container{ margin-top:4%; margin-left:0% !important; }
.login-bg { margin-left:0% !important;}
.login-reomo{ width:100%}
.top-nav .navbar-brand-responsive{ width:60%}
.error{ color:red; font-size:12px;}
.buyer-register-form{ width:100%; margin-left:0em; padding: 1rem;}
.login-reg{margin-left: none;}
.event-fulldetails>div>p{font-size: 11px;}
.packname, .remain-no, .liveevent-name, .auctionid, .auctionstart, .auctionend{ width:45%; margin-right:1em; margin-bottom:1.6em;}
.event-fulldetails>div>span{font-size: 11px;font-weight: 300;}
.add-product-btn { width: 100%;}
.border-rig{ border-right: 0px #ccc solid;}
.event-full-details>h3{font-size: 18px;}
.table thead th{font-weight: 300; font-size: 11px;}
.dropdown-menu{margin: 2.125rem 0 0 !important}
.table-responsive{display: block;width: 100%;overflow-x: auto !important;}
.table thead th{font-weight: 600;}
.signed-username{font-size: 11px;}
.d-lg-none{ margin-left:1.2em;}
.table td, .table th{ line-height:12px;}
.inner-page-img{ height:55px!important}
.top-nav .navbar {padding: .1rem 0rem !important;}
.top-nav .navbar-nav.header-links{ margin-top:5px!important;}
.mail-invite-popup{ margin-left: 0em; }
}
.fa-5{ font-size:10px}
/* 08-10-2018*/
@media (max-width: 991px) {
.table-responsive{display: block;width: 100%;overflow-x: auto !important;}
.table thead th{font-weight: 600;}
.ml-auto, .mx-auto{margin-left:0px;}
.dropdown-menu{margin: 2.125rem 0 0 !important}
.signed-username{font-size: 11px;}
.d-lg-none{ margin-left:1.2em;}
.lot-mail-req{font-size:10px;}
.mail-invite-list{ line-height:none;}
.table td, .table th{ line-height:12px;}
.inner-page-img{ height:55px!important}
.page-title{ padding: 14px 0px !important;}
.top-nav .navbar {padding: .1rem 0rem !important;}
.header-links .nav-link:hover{color :#ff9800 !important}
.fa-5{ font-size:15px}
}
label{ font-size:13px; color:#999}
.seller-register-form{padding:1rem;}
.table thead th{text-align: left;}
.inner-page-img{ background:url(../new-img/pur-dot-01.png) repeat}
.navbar-light .navbar-toggler-icon,
.navbar-dark .navbar-toggler-icon {width: 24px; margin-top: 0.2em}
/* changes work*/
.addmail-input{ position:relative; width: 70%; margin: auto;}
.close:not(:disabled):not(.disabled) {padding-left: 0.320em; border: none;outline: none;}
.inline-addmail-btn{padding: 9px 10px !important;}
.font-12{ font-size:12px !important;}
.inline-addmail-btn{ cursor: pointer !important;}
.logo-img-bg{ width:auto; float:right}
.text-block{ color:#464444!important; margin-top: 0.3em;}
.login-form-reg {text-align: center;width: 350px;height:120px;border: 0px solid #fff;margin: 0px;overflow: hidden;}
.font-zize12{ padding: 4px 10px !important;margin-left: 3em;}
.font-h6{font-weight: bold; color:#fff}
.border-rig{ height:60%; width:1px !important; margin:0; float:right; border-right:1px #ccc solid;}
.event-auc-name{ float:left; text-align:center !important;}
.error{ color:red; font-size:12px;display: block;}
.login-reg{ margin-top:9%; margin-left:1% !important; }
.alert-mail {font-size: 11px;border-radius: 1rem !important;padding: .25rem 0.55rem;display: inline-block;color: #ff9800; width:auto;
background:#fffcf4; line-height: 2em;margin:0px 12px 12px 0px }
.login-bg { margin-top:6%; margin-left:12%}
/* .login-bgm { background: #ff9800 url(../new-img/purchas-login-bg.png) } */
.login-bgm { background-color:#e61d25 }
.login-reg{ margin-top:3%; margin-left:1% !important; }
/* .lot-mail-req{font-size:10px;} */
.card-box{ padding: 20px;-webkit-border-radius: 5px; border-radius: 5px;-moz-border-radius: 5px;background-clip: padding-box;
margin-bottom: 20px; background-color: #ffffff; box-shadow: 0 0 24px 0 rgba(0, 0, 0, 0.06), 0 1px 0 0 rgba(0, 0, 0, 0.02);}
.tilebox-one i{font-size: 30px;}
iframe{border:none; overflow:hidden ; overflow-y:hidden; overflow-x:hidden !important; width:100%}
.inner-page-img{ background:url(../new-img/pur-dot-01.png) repeat}
.custom-control-label{
margin-top: 10px;
}
.custom-control-label>a{
color:#ff9800;
}
.custom-control-label>a:hover{
text-decoration:underline;
}
/* / Loader / */
.preloader {
width: 100%;
height: 100%;
top: 0px;
position: fixed;
z-index: 99999;
background: rgba(71, 71, 71, 0.5);
}
.loading {
font-family: sans-serif;
font-weight: 200;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(71, 71, 71, 0.5);
}
.lds-ripple {
margin: 0px auto;
display: block;
position: absolute;
top: 42%;
left: 50%;
}
.lds-ripple div {
animation: lds-ripple 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
transform-origin: 32px 32px;
}
.lds-ripple div:after {
content: " ";
display: block;
position: absolute;
width: 6px;
height: 6px;
border-radius: 50%;
background: #fff;
margin: -3px 0 0 -3px;
}
.lds-ripple div:nth-child(1) {
animation-delay: -0.036s;
}
.lds-ripple div:nth-child(1):after {
top: 50px;
left: 50px;
}
.lds-ripple div:nth-child(2) {
animation-delay: -0.072s;
}
.lds-ripple div:nth-child(2):after {
top: 54px;
left: 45px;
}
.lds-ripple div:nth-child(3) {
animation-delay: -0.108s;
}
.lds-ripple div:nth-child(3):after {
top: 57px;
left: 39px;
}
.lds-ripple div:nth-child(4) {
animation-delay: -0.144s;
}
.lds-ripple div:nth-child(4):after {
top: 58px;
left: 32px;
}
.lds-ripple div:nth-child(5) {
animation-delay: -0.18s;
}
.lds-ripple div:nth-child(5):after {
top: 57px;
left: 25px;
}
.lds-ripple div:nth-child(6) {
animation-delay: -0.216s;
}
.lds-ripple div:nth-child(6):after {
top: 54px;
left: 19px;
}
.lds-ripple div:nth-child(7) {
animation-delay: -0.252s;
}
.lds-ripple div:nth-child(7):after {
top: 50px;
left: 14px;
}
.lds-ripple div:nth-child(8) {
animation-delay: -0.288s;
}
.lds-ripple div:nth-child(8):after {
top: 45px;
left: 10px;
}
@keyframes lds-ripple {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/* Select2 */
.select2{
font-size:12.5px;
}
.select2-results__option{
font-size:12.5px;
}
.no_of_speakers_radio_button {
margin: 0 auto;
display: inline;
text-align: center;
flex-direction: column;
width:96%;
line-height:30px !important;
}
.no_of_speakers_radio_button label {
overflow: hidden;
}
.no_of_speakers_radio_button label span {
text-align: left;
font-size: 12px;
margin: auto; margin-top: -5px; margin-left:10px;
display: block; border-bottom:1px #eae7e7 solid;
}
.no_of_speakers_radio_button input {
position: absolute; left:10px;
}
.no_of_speakers_radio_button input:checked + span {
text-align: left;
}
.no_of_speakers_radio_button input:not(:checked + span) {
background: transparent;
}
.mail-invite-popup{
width:570px !important;
margin-left: -7em;
}
.input-popup-link{
display: block;
font-size: 12px;
font-weight: 500;
text-decoration: underline;
text-align: right;
color:#ff9800;
}
.input-popup-link>a{
color:#ff9800;
}
.forgot-page {
width:360px;
padding: 8% 0 0;
margin: auto;
}
.forgot-form {
float: left;
padding: 2rem;
width:100%;
border-radius: 10px;
background: #fff;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.messagealert {
width: 200px;
height:auto;
right:2em; bottom:0; position:absolute;
-webkit-animation: mymove 1s;
-webkit-animation-fill-mode: forwards;
animation: mymove 1s;
animation-fill-mode: forwards;
}
/* Safari 4.0 - 8.0 */
@-webkit-keyframes mymove {
from {bottom: -50px;
}
to {bottom: 0px;}
}
@keyframes mymove {
from {bottom: -50px;
}
to {bottom: 0px; }
}
.waa {
opacity:0;bottom: 0px; width:60%; z-index:0; position:absolute;
}
span.h6 { font-size: 10px !important;color: #999 !important; line-height:10px!important;}
.terms-popup-content{ width:70%;}
ul.terms-point{ width:100%; float:left; margin-top:2em; margin:0; padding:0;}
ul.terms-point li{ width:90%; float:left; font-size: 13px;list-style-type:lower-latin !important; color: #999; font-weight: 400;
margin-bottom:1em; line-height:1.4em; text-align:justify; margin-left:2em; padding-left:1em;}
.modal-body{
/* line-height:12px!important; */
max-height: 75vh;
overflow-y: auto;
}
.scrollbar{
float: left; margin-top:1em;
height:300px;
width:100%;
overflow-y:scroll;
}
.force-overflow{
min-height:auto;
}
#style-3::-webkit-scrollbar-track{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
#style-3::-webkit-scrollbar{
width: 6px;
background-color: #F5F5F5;
}
#style-3::-webkit-scrollbar-thumb{
background-color: #000000;
}
.modal-top{ right:1em; position:absolute; top:0em;}
.table td, .table th {
text-align: center;
}
.table thead th {
text-align: center;
}
/* Start Toast Message */
#mail-alert-box {
position: relative;
overflow: hidden;
width:auto;
height:140px;
bottom:1em;
}
.green {
color: #4ec07d;
}
.red {
color: #e96075;
}
.h5-font2{color:#F44336; font-size:14px; width:95%; margin:0; padding:0 }
.h6-font2{ font-size:10px !important; font-weight:100px !important; color:#F44336; width:93%;}
.h5-font1{color:#4CAF50; font-size:14px; width:93%; margin:0; padding:0}
.h6-font1{ font-size:10px !important; font-weight:100px !important; color:#4CAF50; width:93%; margin:0; padding:0}
#success-box {
position:relative;
width:auto;
height: 100%;
left:0;
background: linear-gradient(to bottom right, #eafbd6 40%, #eafbd6 100%);
border-radius:12px;
box-shadow: 1px 1px 1px #cbcdd3;
perspective: 40px;
}
#error-box {
position:relative;
width:auto;
height: 100%;
left:0;
background: #EF9A9A;
border-radius:12px;
box-shadow: 1px 1px 1px #cbcdd3;
}
.dot {
width:20px;
height:20px;
position: absolute;
top: 4%;
right: 6%;
}
.two {
right: -4%;
opacity: .5;
}
.face {
position: absolute;
width: 24%;
height: 28%;
background: #FCFCFC;
border-radius: 50%;
border: 1px solid #777777;
top: 21%;
left: 37.5%;
z-index: 2;
animation: bounce 1s ease-in infinite;
}
.face2 {
position: absolute;
width: 20%;
height: 28%;
background: #FCFCFC;
border-radius: 50%;
border: 1px solid #777777;
top: 21%;
left: 37.5%;
z-index: 2;
animation: roll 3s ease-in-out infinite;
}
.eye {
position: absolute;
width: 5px;
height: 5px;
background: #777777;
border-radius: 50%;
top: 40%;
left: 20%;
}
.right-box {
left: 68%;
}
.mouth {
position: absolute;
top: 43%;
left: 41%;
width: 7px;
height: 7px;
border-radius: 50%;
}
.happy {
border: 2px solid;
border-color: transparent #777777 #777777 transparent;
transform: rotate(45deg);
}
.sad {
top: 49%;
border: 2px solid;
border-color: #777777 transparent transparent #777777;
transform: rotate(45deg);
}
.shadow {
position: absolute;
width: 25%;
height: 3%;
opacity: .5;
background: #777777;
left: 40%;
top: 52%;
border-radius: 50%;
z-index: 1;
}
.shadow2 {
position: absolute;
width: 25%;
height: 3%;
opacity: .5;
background: #44261d;
left: 40%;
top: 52%;
border-radius: 50%;
z-index: 1;
}
.scale {
animation: scale 1s ease-in infinite;
}
.move {
animation: move 3s ease-in-out infinite;
}
.message {
position: absolute;
width: 100%;
text-align:left;
margin-left:1em;
height: 40%;
top: 58%;
}
.button-box {
position: absolute;
background: #FCFCFC;
width: 50%;
height: 15%;
border-radius: 20px;
top: 73%;
left: 25%;
outline: 0;
border: none;
box-shadow: 2px 2px 10px rgba(119, 119, 119, 0.5);
transition: all .5s ease-in-out;
}
.button-box:hover {
background: #efefef;
transform: scale(1.05);
transition: all .3s ease-in-out;
}
@keyframes bounce {
50% {
transform: translateY(-10px);
}
}
@keyframes scale {
50% {
transform: scale(0.9);
}
}
@keyframes roll {
0% {
transform: rotate(0deg);
left: 25%;
}
50% {
left: 60%;
transform: rotate(168deg);
}
100% {
transform: rotate(0deg);
left: 25%;
}
}
@keyframes move {
0% {
left: 25%;
}
50% {
left: 60%;
}
100% {
left: 25%;
}
}
/* End Toast message*/
/** bank loan status ends **/
.select2-container{
width:100% !important;
}
.no-vendor{
text-align:center;
color: #fe413b;
font-weight: 600;
border-top: 1px solid #ccc;
padding: 15px 0px;
}
/* 29-11-2018 Style the form */
.seller-register-forms {
padding: 1rem;
float: left;
width:40%;
padding: 1rem;
margin: 0px auto;
border-radius: 10px;
background: #fff;
}
.buyer-register-forms {
padding: 1rem;
float: left;
width:40%;
padding: 1rem;
margin: 0px auto;
border-radius: 10px;
background: #fff;
}
/* Style the input fields */
/*input {
padding: 10px;
width: 100%;
font-size: 17px;
font-family: Raleway;
border: 1px solid #aaaaaa;
}*/
/* Mark input boxes that gets an error on validation: */
input.invalid {
background-color: #ffdddd;
}
/* Hide all steps by default: */
.purchasequick-tab {
display: none;
}
/* Make circles that indicate the steps of the form: */
.step {
width: 15px;
margin: 0 2px;
border: none;
border-radius: 50%;
display: inline-block;
opacity: 0.5;
}
/* Mark the active step: */
.step.active {
opacity: 1;
}
@media (max-width: 991px) {
.seller-register-forms {
width:100%;
}
.buyer-register-forms {
width:100%;
}
}
/*price module popup*/
.amount_bg{ background:#ff9800; height:120px }
h4.modal-title-amount{ color:#fff !important; font-size:20px !important; text-transform:uppercase; line-height: 2em;}
.event-full-rupee { font-size:25px; color:#ff9800; line-height:3.5em; text-align:center; font-weight:bold; text-shadow:1px 1px 1px #928e8e;}
.event-full-rupe { font-size:13px; color:#7c7a79; text-align:center; font-weight:bold; margin-top:6em; margin-bottom:2em; float:left; width: 100%; line-height:20px; }
p.event-full-amount{ font-size:21px; color:#676565; text-align:center; font-weight:bold; line-height:1em; text-shadow:1px 1px 1px #928e8e; margin-top:-0.8em;}
.Pricing_Amount_bg {width:150px;height: 150px; background:#e4e2e2; border-radius:50%; color:#000; position: absolute;top: -5.8em;
left: 9.6em; text-align:center; border:6px #d2cccc solid;
box-shadow: 10px -10px rgba(93, 91, 91, 0.6);-moz-box-shadow: 10px -10px rgba(93, 91, 91, 0.6);-webkit-box-shadow: 10px -10px rgba(93, 91, 91, 0.6);
-o-box-shadow: 10px -10px rgba(93, 91, 91, 0.6);}
.modal-content-amount{border-radius: 2rem !important;}
.modal-header-amount{ border-top-left-radius: 1rem !important; border-top-right-radius: 1rem !important;}
.btn-close-amount {background-color: #f9f4ed;color:#ff9800; font-size:12px; font-weight:bold; border-radius:50%;}
.btn-amount { padding: 10px 15px;cursor: pointer;text-transform: uppercase; font-family: "Montserrat", sans-serif; font-size: 14px;font-weight: 400;
border-radius:16px; border:0; color:#fff !important}
.btn-cancel { padding: 10px 15px;cursor: pointer;text-transform: uppercase; font-family: "Montserrat", sans-serif; font-size: 14px;font-weight: 400;
border-radius:16px; border:0; color:#666 !important}
.modal-body-bg{ background:#f9f5ef; border-bottom-left-radius: 1rem !important; border-bottom-right-radius: 1rem !important; height:250px}
button:active {outline: none;border: none;}
button:focus {outline:0;}
.btn-amount:focus{ outline:0; outline: none;border: none;}
.amount-btn{ width: 70%; margin:auto;}
@keyframes headShake {
0% {
transform: translateX(0)
}
6.5% {
transform: translateX(-10px) rotateY(-11deg)
}
16.5% {
transform: translateX(8px) rotateY(7deg)
}
31.5% {
transform: translateX(-4px) rotateY(-6deg)
}
43.5% {
transform: translateX(3px) rotateY(5deg)
}
50% {
transform: translateX(0)
}
}
.headShake {
animation-duration: 0.7s;
animation-timing-function: ease-in-out;
animation-name: headShake;
}
@media (max-width: 991px) {
.modal-content-amount{ width: 69% !important; margin:0px auto}
.Pricing_Amount_bg{ left:4.6em !important;}
.amount-btn{ width: 95%; margin:auto;}
}
.spec_desc{
/* width: 38%; */
width: 20%;
}
.ckedit {
max-width: 50% !important;
}
.ckedit .modal-header h4.modal-title{
width: 100%;
}
.ckedit .modal-body{
overflow: auto;
max-height: 360px;
}
#ckeditor_text{
text-align: left !important;
line-height: normal !important;
padding: 5px 10px !important;
}
.dataTables_filter input[type=search]{
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px;
}
.dataTables_length select{
width: 50px;
border: 1px solid #ccc;
border-radius: 5px;
padding: 5px;
}
ul.pagination{
float: right;
}
.table thead tr{
background-color: #323231 !important;
color: #fbf1f1;
}
.table-condensed thead tr{
background-color: #fff !important;
}
.fa-info-circle{
color: #323231 !important;
}
.modal-header{
padding: 8px 16px;
}
.lot_table tbody tr td, .lot_table thead tr th{
padding: 2px 5px;
border:1px solid #808080;
}
.word-break{
word-break: break-word !important;
white-space: pre-line !important;
}
.max-w-300{
max-width: 300px;
}
.rounded-pill {
border-radius: 50rem !important;
}
.tooltip {
position: relative;
display: inline-block;
opacity: 1;
z-index: 1;
border: none;
}
.tooltip .tooltiptext {
font-weight: 400;
border: 1px solid #F3F4F6;
border-width: 1px;
text-align: center;
visibility: hidden;
color: #3b3b3b;
border-radius: 8px;
width: 500px;
padding: 4px 8px;
position: absolute;
z-index: 2;
bottom: 100%;
right: 0;
background-color: #fff;
font-size: 10px;
box-shadow: 0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;
}
.tooltip:hover .tooltiptext, .tooltip:hover .tooltiptext.reschedule {
visibility: visible;
}
.table thead tr.bg-light-blk{
background: #666 !important;
}
.fw-500{
font-weight: 500;
}
.d-inline-grid{
display: inline-grid;
}
.gap-1{
gap:4px;
}
.max-w-1k{
max-width: 1000px;
}
.ck.ck-editor__main p{
margin-bottom: 4px;
}
.ck-editor__editable_inline{
overflow: auto;
max-height: 700px;
}
.cdk-overlay-container{
z-index: 1050 !important;
}
.mine-grp-fields {
float: left;
}