@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap');
@import url('../fonts/font-awesome-4.7.0/css/font-awesome.css');
@import url('../fonts/boxicons/css/boxicons.min.css?v=1');
@import url('../fonts/themify-icons/css/themify-icons.css');
@import url('../fonts/simple-line-icons/css/simple-line-icons.css');

body{font-family: 'Poppins', sans-serif; color:#3D3D3D; font-weight:normal; background-color:#fff; font-size: 14px; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{font-weight:600;  }

/* text color css start */
a.link:focus, a.link:hover{color: #1E2A4C;}
a { color:#1E2A4C; } 
a:hover, a:focus { color:#1E2A4C;}
.text-gray { color:#bbb;}
.text-black{ color:#3D3D3D!important;}
.text-red{ color:#d00e0e;  }
a.text-gray:focus, a.text-gray:hover { color:#bbb; text-decoration:underline;}
.text-primary { color: #1E2A4C !important;}
.badge-primary { background-color: #1E2A4C;  }
/* text color css end */

/*BG color css start */
.bg-primary { background-color:#1E2A4C !important;} 
/*BG color css end  */

.sb-chat-btn .sb-icon { margin: 12px 0 19px -16px !important;  }

.ajex_loader { background: rgba(255, 255, 255, 0.8)  no-repeat scroll center center; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 1036; } 
.ajex_loader .loading { position: absolute;  left: calc(50% - 35px);  top: 50%;  width: 55px;  height: 55px;  border-radius: 50%;  -webkit-box-sizing: border-box;  box-sizing: border-box;  border: 3px solid transparent;}
.ajex_loader .loading .effect-1,.loading .effect-2 {  position: absolute;  width: 100%;  height: 100%;  border: 4px solid transparent;  border-left: 4px solid #1E2A4C ;  border-radius: 50%;  -webkit-box-sizing: border-box;  box-sizing: border-box;}
.ajex_loader .loading .effect-1 {  animation: rotate 1s ease infinite;}
.ajex_loader .loading .effect-2 { animation: rotateOpacity 1s ease infinite 0.1s;}
.ajex_loader .loading .effect-3 {position: absolute; width: 100%; height: 100%; border: 4px solid transparent; border-left: 4px solid  #1E2A4C;  -webkit-animation: rotateOpacity 1s ease infinite 0.2s;  animation: rotateOpacity 1s ease infinite 0.2s;  border-radius: 50%;  -webkit-box-sizing: border-box;  box-sizing: border-box;}
.ajex_loader .loading .effects { transition: all 0.3s ease;}

@keyframes rotate {
  0% { -webkit-transform: rotate(0deg);  transform: rotate(0deg);  }
  100% { -webkit-transform: rotate(1turn);  transform: rotate(1turn); }
}
@keyframes rotateOpacity {
  0% { -webkit-transform: rotate(0deg);  transform: rotate(0deg); opacity: 0.1; }
  100% { -webkit-transform: rotate(1turn); transform: rotate(1turn); opacity: 1; }
}

/* spacing utilities css start */
.mn{ margin:0 !important;}
.pn{ padding:0 !important;}
/* spacing utilities css end */

/* font size utilities css end */
.fs10{font-size: 10px !important;}
.fs12{font-size: 12px !important;}
.fs14{font-size: 14px !important;}
.fs16{font-size: 16px;}
.fs18{font-size: 18px;}
.fs20{font-size: 20px;}
.fs22{font-size: 20px;}
.fs24{font-size: 24px !important;}
/* font size utilities css end */

/*label css start*/
.label-primary { background-color:#1E2A4C; }
/*label css end  */

/* width utilities css start */
.mw100 { max-width:100px;}
.mw300 { max-width:300px;}
.mw400 { max-width:400px;}
.mw500 { max-width:500px;}
.mw650 { max-width:650px;}
.mw160 {min-width: 160px;}
.w100per{ width:100%;}
.min-50{ min-width: 50px; }
.min-75{ min-width: 75px; }
.min-100{ min-width: 100px; }
.min-200{ min-width: 200px; }
.min-220{ min-width: 220px; }
.min-400{ min-width: 400px; }
.mh225 { min-height: 225px; }
/* width utilities css end   */

/* font weight utilities css start  */
.fw300{font-weight:300;}
.fw400{font-weight:400;}
.fw500{font-weight:500;}
.fw600{font-weight:600;}
.fw700{font-weight:700;}
/* font weight utilities css  end */

/*General Utilities css start */
.display-none{ display: none; }
/*General Utilities css end */

/* Broder css start */
.br-n { border:0 !important;}
.black-line{border-top: 1px solid #BBBBBB; }
.border { border-color: #BBB !important; }
/* Broder css end */

.fa-fw, .fa-li, .wi-fw { text-align: center }
.flag-icon, .flag-icon-background { background-repeat: no-repeat; background-position: 50% }
.fa-stack, .flag-icon, .mdi-set, .mdi:before, .wi { display: inline-block }
pre, textarea { overflow: auto }
button, hr, input { overflow: visible }
.card, code { word-wrap: break-word }
.dropdown-menu, .nav, .navbar-nav { list-style: none }
.waves-effect, html { -webkit-tap-highlight-color: transparent }

.btn-circle { border-radius: 100%; width: 40px; height: 40px; padding: 10px }
.btn-circle.btn-sm, .btn-group-sm>.btn-circle.btn { width: 35px; height: 35px; padding: 8px 10px; font-size: 14px }
.btn-circle.btn-lg, .btn-group-lg>.btn-circle.btn { width: 50px; height: 50px; padding: 14px 15px; font-size: 18px; line-height: 23px }
.btn-circle.btn-xl { width: 70px; height: 70px; padding: 14px 15px; font-size: 24px }
.btn-xs { padding: .25rem .5rem; font-size: 10px }
.btn-rounded { border-radius: 60px; padding: 7px 18px }
.btn-group-lg>.btn-rounded.btn, .btn-rounded.btn-lg { padding: .75rem 1.5rem }
.btn-group-sm>.btn-rounded.btn, .btn-rounded.btn-sm { padding: .25rem .5rem; font-size: 12px }
.btn-rounded.btn-xs { padding: .25rem .5rem; font-size: 10px }
.btn-rounded.btn-md { padding: 12px 35px; font-size: 16px }
.btn-secondary { border-color: #dee2e6 }
.btn-outline-secondary { color: #212529; background: #fff; border-color: #dee2e6 }
.btn-dribbble, .btn-dribbble:hover, .btn-dropbox, .btn-facebook, .btn-facebook:hover, .btn-flickr, .btn-github, .btn-googleplus:hover, .btn-instagram, .btn-linkedin, .btn-linkedin:hover, .btn-pinterest, .btn-skype, .btn-tumblr, .btn-twitter, .btn-twitter:hover, .btn-youtube { color: #fff }
.btn-outline-secondary:hover { border-color: #ced4da }
.btn-facebook { background-color: #3b5998 }
.btn-twitter { background-color: #55acee }
.btn-linkedin { background-color: #007bb6 }
.btn-dribbble { background-color: #ea4c89 }
.btn-googleplus { color: #fff; background-color: #dd4b39 }
.btn-instagram { background-color: #3f729b }
.btn-pinterest { background-color: #cb2027 }
.btn-dropbox { background-color: #007ee5 }
.btn-flickr { background-color: #ff0084 }
.btn-tumblr { background-color: #32506d }
.btn-skype { background-color: #00aff0 }
.btn-youtube { background-color: #b00 }
.btn-github { background-color: #171515 }
.button-group .btn { margin-bottom: 5px; margin-right: 5px }
.no-button-group .btn { margin-bottom: 5px; margin-right: 0 }
.btn .text-active { display: none }
.btn.active .text-active { display: inline-block }
.btn.active .text, .hide { display: none }
* { outline: 0 }
body { margin: 0; overflow-x: hidden; font-size: 14px; font-weight:  normal; font-family: 'Poppins', sans-serif; }
html { min-height: 100% }
a { color: #1E2A4C }
a:focus, a:hover { text-decoration: none }
a.link { color: #212529 }
a.link:focus, a.link:hover { color: #1E2A4C }
.box { border-radius: .25rem; padding: 10px }
html body blockquote { border: 1px solid #e9ecef; padding: 15px }
.clear { clear: both }
ol li { margin: 5px 0 }
html body .m-t-5 { margin-top: 5px }
html body .m-b-5 { margin-bottom: 5px }
html body .m-r-5 { margin-right: 5px }
html body .m-l-5 { margin-left: 5px }
html body .p-t-5 { padding-top: 5px }
html body .p-b-5 { padding-bottom: 5px }
html body .p-r-5 { padding-right: 5px }
html body .p-l-5 { padding-left: 5px }
html body .p-5 { padding: 5px }
html body .m-5 { margin: 5px }
html body .m-t-10 { margin-top: 10px }
html body .m-b-10 { margin-bottom: 10px }
html body .m-r-10 { margin-right: 10px }
html body .m-l-10 { margin-left: 10px }
html body .p-t-10 { padding-top: 10px }
html body .p-b-10 { padding-bottom: 10px }
html body .p-r-10 { padding-right: 10px }
html body .p-l-10 { padding-left: 10px }
html body .p-10 { padding: 10px }
html body .m-10 { margin: 10px }
html body .m-t-15 { margin-top: 15px }
html body .m-b-15 { margin-bottom: 15px }
html body .m-r-15 { margin-right: 15px }
html body .m-l-15 { margin-left: 15px }
html body .p-t-15 { padding-top: 15px }
html body .p-b-15 { padding-bottom: 15px }
html body .p-r-15 { padding-right: 15px }
html body .p-l-15 { padding-left: 15px }
html body .p-15 { padding: 15px }
html body .m-15 { margin: 15px }
html body .m-t-20 { margin-top: 20px }
html body .m-b-20 { margin-bottom: 20px }
html body .m-r-20 { margin-right: 20px }
html body .m-l-20 { margin-left: 20px }
html body .p-t-20 { padding-top: 20px }
html body .p-b-20 { padding-bottom: 20px }
html body .p-r-20 { padding-right: 20px }
html body .p-l-20 { padding-left: 20px }
html body .p-20 { padding: 20px }
html body .m-20 { margin: 20px }
html body .m-t-25 { margin-top: 25px }
html body .m-b-25 { margin-bottom: 25px }
html body .m-r-25 { margin-right: 25px }
html body .m-l-25 { margin-left: 25px }
html body .p-t-25 { padding-top: 25px }
html body .p-b-25 { padding-bottom: 25px }
html body .p-r-25 { padding-right: 25px }
html body .p-l-25 { padding-left: 25px }
html body .p-25 { padding: 25px }
html body .m-25 { margin: 25px }
html body .m-t-30 { margin-top: 30px }
html body .m-b-30 { margin-bottom: 30px }
html body .m-r-30 { margin-right: 30px }
html body .m-l-30 { margin-left: 30px }
html body .p-t-30 { padding-top: 30px }
html body .p-b-30 { padding-bottom: 30px }
html body .p-r-30 { padding-right: 30px }
html body .p-l-30 { padding-left: 30px }
html body .p-30 { padding: 30px }
html body .m-30 { margin: 30px }
html body .m-t-40 { margin-top: 40px }
html body .m-b-40 { margin-bottom: 40px }
html body .m-r-40 { margin-right: 40px }
html body .m-l-40 { margin-left: 40px }
html body .p-t-40 { padding-top: 40px }
html body .p-b-40 { padding-bottom: 40px }
html body .p-r-40 { padding-right: 40px }
html body .p-l-40 { padding-left: 40px }
html body .p-40 { padding: 40px }
html body .m-40 { margin: 40px }
html body .m-0-0 { margin: 0 }
html body .m-t-0 { margin-top: 0 }
html body .m-r-0 { margin-right: 0 }
html body .m-b-0 { margin-bottom: 0 }
html body .m-l-0 { margin-left: 0 }
html body .p-0-0 { padding: 0 }
html body .p-t-0 { padding-top: 0 }
html body .p-r-0 { padding-right: 0 }
html body .p-b-0 { padding-bottom: 0 }
html body .p-l-0 { padding-left: 0 }
.thumb-sm { height: 32px; width: 32px }
.thumb-md { height: 48px; width: 48px }
.thumb-lg { height: 88px; width: 88px }
.img-circle { border-radius: 100% }
.img-responsive { max-width: 100%; height: auto }
.radius { border-radius: .25rem }
.round, .round img { border-radius: 100% }
.op-5 { opacity: .5 }
.op-3 { opacity: .3 }
html body .font-bold { font-weight: 700 }
html body .font-normal { font-weight: 400 }
html body .font-light { font-weight: 300 }
html body .font-medium { font-weight: 500 }
.badge, .round { font-weight: 400 }
html body .font-16 { font-size: 16px }
html body .font-12 { font-size: 12px }
html body .font-14 { font-size: 14px }
html body .font-10 { font-size: 10px }
html body .font-18 { font-size: 18px }
html body .font-20 { font-size: 20px }
html body .display-5 { font-size: 3rem }
html body .display-6 { font-size: 2.5rem }
html body .bg-megna { background-color: #01c0c8 }
html body .bg-theme { background-color: #1E2A4C }
html body .bg-inverse { background-color: #212529 }
html body .bg-purple { background-color: #ab8ce4 }
html body .bg-light { background-color: #e9ecef }
html body .bg-white { background-color: #fff }
.round, .round.round-info { background: #01c0c8 }
.round { line-height: 48px; color: #fff; width: 50px; height: 50px; display: inline-block; text-align: center }
.round-lg { line-height: 65px; width: 60px; height: 60px; font-size: 30px }
.round.round-warning { background: #fec107 }
.round.round-danger { background: #e46a76 }
.round.round-success { background: #00c292 }
.round.round-primary { background: #1E2A4C }
.badge { line-height: normal }
.badge-xs { font-size: 9px }
.badge-sm, .badge-xs { -webkit-transform: translate(0, -2px); -ms-transform: translate(0, -2px); -o-transform: translate(0, -2px); transform: translate(0, -2px) }
ul.list-style-none { margin: 0; padding: 0 }
ul.list-style-none li { list-style: none }
ul.list-style-none li a { color: #212529; padding: 8px 0; display: block; text-decoration: none }
.topbar .top-navbar .dropdown-toggle::after, 
.topbar .top-navbar .navbar-header .navbar-brand .light-logo { display: none }
.mini-sidebar ul li a{ /*color:#000!important; */}
.mini-sidebar .topbar .top-navbar .navbar-header .navbar-brand b .dark-logo{ display: none; }
.mini-sidebar .topbar .top-navbar .navbar-header .navbar-brand b .light-logo{ display: inline-block; }
ul.list-style-none li a:hover { color: #1E2A4C }
.card:not(.card-search) { margin-bottom: 20px }
.card .card-subtitle { font-weight: 300; margin-bottom: 15px; color: #6c757d }
.card .card-title { font-weight: 500 }
.card .card-actions a { padding: 0 5px; cursor: pointer }
.card-group { margin-bottom: 20px }
.card-group .card { border-right: 1px solid #e9ecef }
.card-fullscreen { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; overflow: auto }
.notify, .topbar { position: relative }
.label { padding: 3px 10px; line-height: 13px; color: #fff; font-weight: 400; border-radius: .25rem; font-size: 75% }
.label-rounded { border-radius: 60px }
.label-custom { background-color: #01c0c8 }
.label-success { background-color: #00c292 }
.label-info { background-color: #03a9f3 }
.label-warning { background-color: #fec107 }
.label-danger { background-color: #e46a76 }
.label-megna { background-color: #01c0c8 }
.label-primary { background-color: #1E2A4C }
.label-purple { background-color: #ab8ce4 }
.label-red { background-color: #e46a76 }
.label-inverse { background-color: #343a40 }
.label-default { background-color: #f8f9fa }
.topbar { z-index: 50 }
.topbar .navbar-collapse { padding: 0 }
.topbar .top-navbar { min-height: 50px; padding: 0 }
.topbar .top-navbar .navbar-header { background: #000; line-height: 67px; padding-left:0px; min-width: 70px }
.topbar .top-navbar .navbar-header .navbar-brand { margin-right: 0; padding-bottom: 0; padding-top: 0 }
.topbar .top-navbar .navbar-header .navbar-brand b { line-height: 50px; display: inline-block }
.topbar .top-navbar .navbar-nav>.nav-item>.nav-link { padding-left: 15px; padding-right: 15px; font-size: 18px; line-height: 50px; color:#bbb; }
.topbar .top-navbar .navbar-nav>.nav-item>span { line-height: 45px; font-size: 24px; font-weight: 500; color: #fff; padding: 0 10px }
.topbar .dropdown-menu { box-shadow: 1px 0 20px rgba(0, 0, 0, .08); -webkit-box-shadow: 1px 0 20px rgba(0, 0, 0, .08); -moz-box-shadow: 1px 0 20px rgba(0, 0, 0, .08); border-color: #e9ecef }
.topbar .dropdown-menu .dropdown-item { padding: 7px 1.5rem }
.topbar .top-navbar .profile-pic span { font-size: 14px;  white-space: nowrap;}
.topbar .top-navbar .profile-pic img { width: 30px;  border-radius: 100%;}
.topbar .top-navbar .profile-pic { color:#000 !important; }
.notify { top: -28px; right: -7px }
.notify .heartbit { position: absolute; top: -20px; right: -4px; height: 25px; width: 25px; z-index: 10; border: 5px solid #e46a76; border-radius: 70px; -moz-animation: heartbit 1s ease-out; -moz-animation-iteration-count: infinite; -o-animation: heartbit 1s ease-out; -o-animation-iteration-count: infinite; -webkit-animation: heartbit 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite }
.notify .point { width: 6px; height: 6px; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; background-color: #e46a76; position: absolute; right: 6px; top: -10px }
.left-sidebar, .mega-dropdown .nav-accordion .card-header { background: #000 }
@-moz-keyframes heartbit {
	0% { -moz-transform: scale(0); opacity: 0 }
	25% { -moz-transform: scale(.1); opacity: .1 }
	50% { -moz-transform: scale(.5); opacity: .3 }
	75% { -moz-transform: scale(.8); opacity: .5 }
	100% { -moz-transform: scale(1); opacity: 0 }
}
@-webkit-keyframes heartbit {
	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 }
}
.app-search { line-height: 60px; position: relative; }
.app-search .form-control { border-radius: 60px; border-color: #fff; transition: .2s ease-in; width: 250px; background-color:#f3f3f3; }
.app-search button{background: none; border: none; position: absolute; top: 10px; right: 8px; line-height:34px;}
.app-search button:hover, .app-search button:focus{border: none; outline-offset: 0px; outline: none; cursor: pointer;}
/*.app-search .form-control:focus { width: 300px }*/
.mega-dropdown { position: static; width: 100% }
.mega-dropdown .dropdown-menu { width: 100%; padding: 30px; margin-top: 0 }
.mega-dropdown .carousel-item .container, .mega-dropdown ul { padding: 0 }
.mega-dropdown ul li { list-style: none }
.mega-dropdown .nav-accordion .card { margin-bottom: 1px }
.mega-dropdown .nav-accordion .card-header h5 { margin: 0 }
.mega-dropdown .nav-accordion .card-header h5 a { text-decoration: none; color: #212529 }
.left-sidebar { position: absolute; width: 235px; height: 100%; top: 0; z-index: 20; padding-top: 70px; box-shadow: 1px 0 20px rgba(0, 0, 0, .08) }
.scroll-sidebar, .sidebar-nav .has-arrow { position: relative }
.user-profile { margin-top: 20px }
.user-profile .u-dropdown { display: block; text-align: center }
.user-profile .user-pro-body img { width: 50px; display: block; margin: 0 auto 10px }
.user-profile .dropdown-menu { right: 0; width: 180px; left: 0; top: 20px !important; margin: 0 auto }
.scroll-sidebar { height: calc(100% - 27px) }
.scroll-sidebar.ps .ps__scrollbar-y-rail { left: 2px; right: auto; background: 0 0; width: 6px }
.sidebar-nav .collapse.in { display: block }
.sidebar-nav { padding: 15px 0 0 }
.sidebar-nav ul { margin: 0; padding: 0 }
.sidebar-nav ul li { list-style: none }
.sidebar-nav ul li a { color: #fff; padding:10px; display: block; align-items: center; font-size: 13px; font-weight: 400 }
.sidebar-nav ul li a.active, .sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover, .sidebar-nav ul li a:hover i { color: #1E2A4C }
.sidebar-nav ul li a.active { font-weight: 500; color: #1E2A4C }
.sidebar-nav ul li ul { padding-left: 30px }
.sidebar-nav ul li ul li a { padding: 7px 32px 7px 15px }
.sidebar-nav ul li ul ul { padding-left: 15px }
.sidebar-nav ul li.nav-small-cap { font-size: 12px; margin-bottom: 0; padding: 30px 14px 14px 0; color: #6c757d; font-weight: 500 }
.sidebar-nav ul li.nav-devider { height: 1px; background: #e9ecef; display: block; margin: 15px 0 }
.sidebar-nav>ul>li>a i { width: 25px; font-size: 18px; display: inline-block; vertical-align: middle; color: #fff }
.sidebar-nav>ul>li { margin-bottom: 8px; margin-top: 8px }
.sidebar-nav>ul>li.active>a { color: #fff; font-weight: 500;  background-color: #1E2A4C; }
.sidebar-nav>ul>li.active>a i { color: #fff }
.sidebar-nav .waves-effect { transition: none; -webkit-transition: none; -o-transition: none }
.sidebar-nav .has-arrow::after { position: absolute; content: ""; width: 7px; height: 7px; border-width: 1px 0 0 1px; border-style: solid; border-color: #fff; right: 20px; -webkit-transform: rotate(135deg) translate(0, -50%); -ms-transform: rotate(135deg) translate(0, -50%); -o-transform: rotate(135deg) translate(0, -50%); transform: rotate(135deg) translate(0, -50%); -webkit-transform-origin: top; -ms-transform-origin: top; -o-transform-origin: top; transform-origin: top; top: 21px; -webkit-transition: all .3s ease-out; -o-transition: all .3s ease-out; transition: all .3s ease-out }
.sidebar-nav .has-arrow[aria-expanded=true]::after, .sidebar-nav li>.has-arrow.active::after { -webkit-transform: rotate(-135deg) translate(0, -50%); -ms-transform: rotate(-135deg) translate(0, -50%); -o-transform: rotate(-135deg) translate(0, -50%); top: 42%; width: 7px; transform: rotate(-135deg) translate(0, -50%) }
.right-sidebar { position: fixed; right: -240px; width: 240px; display: none; z-index: 1100; background: #fff; top: 0; padding-bottom: 20px; height: 100%; box-shadow: 5px 1px 40px rgba(0, 0, 0, .1); transition: all .3s ease }
.shw-rside, ul#themecolors, ul#themecolors li:first-child { display: block }
.right-sidebar .rpanel-title { display: block; padding: 22px 20px; color: #fff; text-transform: uppercase; font-size: 15px; background: #1E2A4C }
.right-sidebar .rpanel-title span { float: right; cursor: pointer; font-size: 11px }
.right-sidebar .rpanel-title span:hover { color: #fff }
.right-sidebar .r-panel-body { padding: 20px }
.right-sidebar .r-panel-body ul { margin: 0; padding: 0 }
.right-sidebar .r-panel-body ul li { list-style: none; padding: 5px 0 }
.shw-rside { right: 0; width: 240px }
ul#themecolors li, ul#themecolors li a { display: inline-block }
ul#themecolors li a { width: 50px; height: 50px; margin: 5px; color: transparent; position: relative }
ul#themecolors li a.working:before { content: "\edcb"; font-weight: 900; font-size: 18px; line-height: 50px; width: 50px; height: 50px; position: absolute; top: 0; left: 0; color: #fff; text-align: center }
form label, table th { font-weight: 400 }
.chatonline li a span, .form-control { color: #212529 }
.default-theme { background: #6c757d }
.green-theme { background: #00c292 }
.yellow-theme { background: #fec107 }
.red-theme { background: #e46a76 }
.blue-theme { background: #03a9f3 }
.purple-theme { background: #ab8ce4 }
.megna-theme { background: #01c0c8 }
.default-dark-theme { background: #343a40; background: -moz-linear-gradient(left, #343a40 0, #343a40 23%, #6c757d 23%, #6c757d 99%); background: -webkit-linear-gradient(left, #343a40 0, #343a40 23%, #6c757d 23%, #6c757d 99%); background: linear-gradient(to right, #343a40 0, #343a40 23%, #6c757d 23%, #6c757d 99%) }
.green-dark-theme { background: #343a40; background: -moz-linear-gradient(left, #343a40 0, #343a40 23%, #00c292 23%, #00c292 99%); background: -webkit-linear-gradient(left, #343a40 0, #343a40 23%, #00c292 23%, #00c292 99%); background: linear-gradient(to right, #343a40 0, #343a40 23%, #00c292 23%, #00c292 99%) }
.yellow-dark-theme { background: #343a40; background: -moz-linear-gradient(left, #343a40 0, #343a40 23%, #e46a76 23%, #e46a76 99%); background: -webkit-linear-gradient(left, #343a40 0, #343a40 23%, #e46a76 23%, #e46a76 99%); background: linear-gradient(to right, #343a40 0, #343a40 23%, #e46a76 23%, #e46a76 99%) }
.blue-dark-theme { background: #343a40; background: -moz-linear-gradient(left, #343a40 0, #343a40 23%, #03a9f3 23%, #03a9f3 99%); background: -webkit-linear-gradient(left, #343a40 0, #343a40 23%, #03a9f3 23%, #03a9f3 99%); background: linear-gradient(to right, #343a40 0, #343a40 23%, #03a9f3 23%, #03a9f3 99%) }
.purple-dark-theme { background: #343a40; background: -moz-linear-gradient(left, #343a40 0, #343a40 23%, #ab8ce4 23%, #ab8ce4 99%); background: -webkit-linear-gradient(left, #343a40 0, #343a40 23%, #ab8ce4 23%, #ab8ce4 99%); background: linear-gradient(to right, #343a40 0, #343a40 23%, #ab8ce4 23%, #ab8ce4 99%) }
.megna-dark-theme { background: #343a40; background: -moz-linear-gradient(left, #343a40 0, #343a40 23%, #01c0c8 23%, #01c0c8 99%); background: -webkit-linear-gradient(left, #343a40 0, #343a40 23%, #01c0c8 23%, #01c0c8 99%); background: linear-gradient(to right, #343a40 0, #343a40 23%, #01c0c8 23%, #01c0c8 99%) }
.red-dark-theme { background: #343a40; background: -moz-linear-gradient(left, #343a40 0, #343a40 23%, #e46a76 23%, #e46a76 99%); background: -webkit-linear-gradient(left, #343a40 0, #343a40 23%, #e46a76 23%, #e46a76 99%); background: linear-gradient(to right, #343a40 0, #343a40 23%, #e46a76 23%, #e46a76 99%) }
.chatonline img { margin-right: 10px; float: left; width: 30px }
.chatonline li a { padding: 13px 0; float: left; width: 100% }
.chatonline li a span small { display: block; font-size: 10px }
.ps { -ms-touch-action: auto; touch-action: auto; overflow: hidden !important; -ms-overflow-style: none }
@supports (-ms-overflow-style:none) {
	.ps { overflow: auto !important }
}
@media screen and (-ms-high-contrast:active), (-ms-high-contrast:none) {
	.ps { overflow: auto !important }
}
.fileupload, .form-control-line .form-group, .form-material .form-group { overflow: hidden }
.ps.ps--active-x>.ps__scrollbar-x-rail, .ps.ps--active-y>.ps__scrollbar-y-rail { display: block; background-color: transparent }
.ps.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail { background-color: #eee; opacity: .9 }
.ps.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y { background-color: transparent; width: 8px }
.ps>.ps__scrollbar-x-rail { display: none; position: absolute; opacity: 0; bottom: 0; height: 6px }
.ps>.ps__scrollbar-x-rail>.ps__scrollbar-x { position: absolute; background-color: rgba(255, 255, 255, .2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; bottom: 2px; height: 6px }
.ps>.ps__scrollbar-x-rail:active>.ps__scrollbar-x, .ps>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x { height: 6px }
.ps>.ps__scrollbar-y-rail { display: none; position: absolute; opacity: 0; right: 0; width: 6px }
.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y { position: absolute; background-color: rgba(0, 0, 0, .2); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; right: 2px; width: 6px }
.ps>.ps__scrollbar-y-rail:active>.ps__scrollbar-y, .ps>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y { width: 6px }
.ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail { background-color: rgba(0, 0, 0, .2); opacity: .9 }
.ps:hover.ps--in-scrolling.ps--x>.ps__scrollbar-x-rail>.ps__scrollbar-x { background-color: rgba(0, 0, 0, .2); height: 6px }
.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y { background-color: rgba(0, 0, 0, .2); width: 6px }
.ps:hover>.ps__scrollbar-x-rail, .ps:hover>.ps__scrollbar-y-rail { opacity: .6 }
.ps:hover>.ps__scrollbar-x-rail:hover>.ps__scrollbar-x, .ps:hover>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y { background-color: rgba(0, 0, 0, .2) }
#slimtest3.ps .ps__scrollbar-y-rail { left: 3px; right: auto }
#slimtest4.ps:hover.ps--in-scrolling.ps--y>.ps__scrollbar-y-rail>.ps__scrollbar-y, #slimtest4.ps:hover>.ps__scrollbar-y-rail:hover>.ps__scrollbar-y, #slimtest4.ps>.ps__scrollbar-y-rail>.ps__scrollbar-y { background-color: #01c0c8 }
.custom-select { background: url(../../../assets/images/custom-select.png) right .75rem center no-repeat; -webkit-appearance: none; -moz-appearance: none; -o-appearance: none; appearance: none; background-size: none }
.form-control { min-height: 34px; display: initial }
.form-control-sm { min-height: 20px }
.form-control:disabled, .form-control[readonly] { opacity: .7 }
.fake-input { display: inline-block;background-color: #FFF; border:1px solid #BBBBBB; border-radius:1px; padding:0 .75rem; width: 100%; height:34px; }
.fake-input iframe { border: 0; height:34px; width: 100%; }

.custom-control-input:focus~.custom-control-indicator { box-shadow: none }
.custom-control-input:checked~.custom-control-indicator { background-color: #00c292 }
.form-group { margin-bottom: 15px }
.form-horizontal label { margin-bottom: 0 }
.form-control-static { padding-top: 0 }
.custom-control-label::after, .custom-control-label::before { top: .15rem }
.form-bordered .form-group { border-bottom: 1px solid #e9ecef; padding-bottom: 20px }
.dropzone { border: 1px dashed #e9ecef }
.dropzone .dz-message { padding: 5% 0; margin: 0 }
.asColorPicker-dropdown { max-width: 260px }
.asColorPicker-trigger { position: absolute; top: 0; right: -35px; height: 38px; width: 37px; border: 0 }
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn), .table-box { width: 100% }
.asColorPicker-clear { display: none; position: absolute; top: 5px; right: 10px; text-decoration: none }
.daterangepicker td.active, .daterangepicker td.active:hover { background-color: #1E2A4C }
/*.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover { background: #1E2A4C; color: #fff }
.datepicker td, .datepicker th { padding: 5px 10px }*/
.note-icon-caret, .note-popover { display: none }
.note-editor.note-frame { border: 1px solid #e9ecef }
.note-editor.note-frame .panel-heading { padding: 6px 10px 10px; border-bottom: 1px solid #e9ecef }
.label { display: inline-block }
.bootstrap-select .dropdown-menu li a { display: block; padding: 7px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #212529; white-space: nowrap }
.bootstrap-select .dropdown-menu li a:focus, .bootstrap-select .dropdown-menu li a:hover { color: #1E2A4C; background: #f8f9fa }
.bootstrap-select .show>.dropdown-menu { display: block }
.select2-container--default .select2-selection--single { border-color: #e9ecef; height: 38px }
.select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 38px }
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 33px }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { float: right; color: #fff; margin-right: 0; margin-left: 4px }
.select2-container--default .select2-selection--multiple .select2-selection__choice { background: #1E2A4C; color: #fff; border-color: #1E2A4C }
.input-form .btn { padding: 8px 12px }
.form-material .form-control { background-color: rgba(0, 0, 0, 0); background-position: center bottom, center calc(100% - 1px); background-repeat: no-repeat; background-size: 0 2px, 100% 1px; padding: 0; transition: background 0s ease-out 0s }
.form-material .form-control, .form-material .form-control.focus, .form-material .form-control:focus { background-image: linear-gradient(#1E2A4C, #1E2A4C), linear-gradient(#e9ecef, #e9ecef); border: 0; border-radius: 0; box-shadow: none; float: none }
.form-material .form-control.focus, .form-material .form-control:focus { background-size: 100% 2px, 100% 1px; outline: 0; transition-duration: .3s }
.form-control-line .form-control { border: 0; border-radius: 0; padding-left: 0; border-bottom: 1px solid #e9ecef }
.form-control-line .form-control:focus { border-bottom: 1px solid #1E2A4C }
.error .help-block { color: #e46a76 }
.fileupload { position: relative }
.fileupload input.upload { cursor: pointer; filter: alpha(opacity=0); font-size: 20px; margin: 0; opacity: 0; padding: 0; position: absolute; right: 0; top: 0 }
.scale-up { -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transform: scale(0); transform: scale(0); display: inline-block; transform-origin: right 0 }
.scale-up-left { -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transform: scale(0); transform: scale(0); display: inline-block; transform-origin: left 0 }
.show>.scale-up { transform: scale(1); transform-origin: right 0 }
.show>.scale-up-left { transform: scale(1); transform-origin: left 0 }
@keyframes ripple {
	0% { box-shadow: 0 0 0 1px transparent }
	50% { box-shadow: 0 0 0 15px rgba(0, 0, 0, .1) }
	100% { box-shadow: 0 0 0 15px transparent }
}
.bootstrap-select.btn-group .dropdown-menu { box-shadow: 1px 0 20px rgba(0, 0, 0, .08) }
.help-block ul { padding: 0; margin: 0 }
.help-block ul li { list-style: none }
.form-group.error .form-control { border-color: #e46a76 }
.has-success .form-control, .validate .form-control { border-color: #00c292 }
.form-control-danger, .form-control-success, .form-control-warning { padding-right: 2.25rem; background-repeat: no-repeat; background-position: center right .5625rem; -webkit-background-size: 1.125rem 1.125rem; background-size: 1.125rem 1.125rem }
.has-success .col-form-label, .has-success .custom-control, .has-success .form-check-label, .has-success .form-control-feedback, .has-success .form-control-label { color: #00c292 }
.has-success .input-group-addon { color: #00c292; border-color: #00c292 }
.has-success .form-control-success { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=!string!viewBox=!string!%3E%3Cpath fill=!string!d=!string!/%3E%3C/svg%3E") }
.has-warning .col-form-label, .has-warning .custom-control, .has-warning .form-check-label, .has-warning .form-control-feedback, .has-warning .form-control-label { color: #fec107 }
.has-warning .form-control { border-color: #fec107 }
.has-warning .input-group-addon { color: #fec107; border-color: #fec107 }
.has-warning .form-control-warning { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=!string!viewBox=!string!%3E%3Cpath fill=!string!d=!string!/%3E%3C/svg%3E") }
.has-danger .col-form-label, .has-danger .custom-control, .has-danger .form-check-label, .has-danger .form-control-feedback, .has-danger .form-control-label { color: #e46a76 }
.has-danger .form-control { border-color: #e46a76 }
.has-danger .input-group-addon { color: #e46a76; border-color: #e46a76 }
.has-danger .form-control-danger { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns=!string!fill=!string!viewBox=!string!%3E%3Cpath stroke=!string!d=!string!/%3E%3Ccircle r=!string!/%3E%3Ccircle cx=!string!r=!string!/%3E%3Ccircle cy=!string!r=!string!/%3E%3Ccircle cx=!string!cy=!string!r=!string!/%3E%3C/svg%3E") }
.table-box { display: table }
.cell { display: table-cell }
.table th, .table thead th { font-weight: 500 }
.message-box .message-widget a div, html body .navbar-dark .mailbox .message-center a div { white-space: normal }
.lite-padding td { padding: 5px }
.table-responsive { display: block; width: 100%; overflow-x: auto; -ms-overflow-style: -ms-autohiding-scrollbar }
.dataTables_info, .dataTables_length, .dt-buttons { display: inline-block }
.color-table th, .no-th-brd.table th, .table.no-border tbody td { border: 0 }
.color-table.primary-table thead th { background-color: #1E2A4C; color: #fff }
.table-striped tbody tr:nth-of-type(odd) { background: #f4f4f4 }
.color-table.success-table thead th { background-color: #00c292; color: #fff }
.color-table.info-table thead th { background-color: #01c0c8; color: #fff }
.color-table.warning-table thead th { background-color: #fec107; color: #fff }
.color-table.danger-table thead th { background-color: #e46a76; color: #fff }
.color-table.dark-table thead th, .color-table.inverse-table thead th { background-color: #343a40; color: #fff }
.color-table.red-table thead th { background-color: #e46a76; color: #fff }
.color-table.purple-table thead th { background-color: #ab8ce4; color: #fff }
.color-table.muted-table thead th { background-color: #6c757d; color: #fff }
.color-bordered-table.primary-bordered-table { border: 2px solid #1E2A4C }
.color-bordered-table.primary-bordered-table thead th { background-color: #1E2A4C; color: #fff }
.color-bordered-table.success-bordered-table { border: 2px solid #00c292 }
.color-bordered-table.success-bordered-table thead th { background-color: #00c292; color: #fff }
.color-bordered-table.info-bordered-table { border: 2px solid #01c0c8 }
.color-bordered-table.info-bordered-table thead th { background-color: #01c0c8; color: #fff }
.color-bordered-table.warning-bordered-table { border: 2px solid #fec107 }
.color-bordered-table.warning-bordered-table thead th { background-color: #fec107; color: #fff }
.color-bordered-table.danger-bordered-table { border: 2px solid #e46a76 }
.color-bordered-table.dark-bordered-table, .color-bordered-table.inverse-bordered-table { border: 2px solid #343a40 }
.color-bordered-table.danger-bordered-table thead th { background-color: #e46a76; color: #fff }
.color-bordered-table.dark-bordered-table thead th, .color-bordered-table.inverse-bordered-table thead th { background-color: #343a40; color: #fff }
.color-bordered-table.red-bordered-table { border: 2px solid #e46a76 }
.color-bordered-table.red-bordered-table thead th { background-color: #e46a76; color: #fff }
.color-bordered-table.purple-bordered-table { border: 2px solid #ab8ce4 }
.color-bordered-table.purple-bordered-table thead th { background-color: #ab8ce4; color: #fff }
.color-bordered-table.muted-bordered-table { border: 2px solid #6c757d }
.color-bordered-table.muted-bordered-table thead th { background-color: #6c757d; color: #fff }
.full-color-table.full-primary-table { color: #834e3e; background-color: #feeae4; border-color: #fee2d9 }
.full-color-table.full-primary-table hr { border-top-color: #fdcfc0 }
.full-color-table.full-primary-table .alert-link { color: #60392e }
.full-color-table.full-primary-table thead th { background-color: #e78a6e; border-color: #fee2d9; color: #fff }
.full-color-table.full-primary-table thead th hr { border-top-color: #fdcfc0 }
.full-color-table.full-primary-table thead th .alert-link { color: #60392e }
.full-color-table.full-primary-table tbody td { border: 0 }
.full-color-table.full-primary-table tr:hover { background-color: #fdc0ae; border-color: #fee2d9; color: #fff }
.full-color-table.full-primary-table tr:hover hr { border-top-color: #fdcfc0 }
.full-color-table.full-primary-table tr:hover .alert-link { color: #60392e }
.full-color-table.full-secondary-table { color: #818182; background-color: #fefefe; border-color: #fdfdfe }
.full-color-table.full-secondary-table hr { border-top-color: #ececf6 }
.full-color-table.full-secondary-table .alert-link { color: #686868 }
.full-color-table.full-secondary-table thead th { background-color: #e4e5e6; border-color: #fdfdfe; color: #fff }
.full-color-table.full-secondary-table thead th hr { border-top-color: #ececf6 }
.full-color-table.full-secondary-table thead th .alert-link { color: #686868 }
.full-color-table.full-secondary-table tbody td { border: 0 }
.full-color-table.full-secondary-table tr:hover { background-color: #fbfbfc; border-color: #fdfdfe; color: #fff }
.full-color-table.full-secondary-table tr:hover hr { border-top-color: #ececf6 }
.full-color-table.full-secondary-table tr:hover .alert-link { color: #686868 }
.full-color-table.full-success-table { color: #00654c; background-color: #ccf3e9; border-color: #b8eee0 }
.full-color-table.full-success-table hr { border-top-color: #a3e9d7 }
.full-color-table.full-success-table .alert-link { color: #003226 }
.full-color-table.full-success-table thead th { background-color: #00b286; border-color: #b8eee0; color: #fff }
.full-color-table.full-success-table thead th hr { border-top-color: #a3e9d7 }
.full-color-table.full-success-table thead th .alert-link { color: #003226 }
.full-color-table.full-success-table tbody td { border: 0 }
.full-color-table.full-success-table tr:hover { background-color: #66dabe; border-color: #b8eee0; color: #fff }
.full-color-table.full-success-table tr:hover hr { border-top-color: #a3e9d7 }
.full-color-table.full-success-table tr:hover .alert-link { color: #003226 }
.full-color-table.full-info-table { color: #02587e; background-color: #cdeefd; border-color: #b8e7fc }
.full-color-table.full-info-table hr { border-top-color: #a0dffb }
.full-color-table.full-info-table .alert-link { color: #01354c }
.full-color-table.full-info-table thead th { background-color: #039be0; border-color: #b8e7fc; color: #fff }
.full-color-table.full-info-table thead th hr { border-top-color: #a0dffb }
.full-color-table.full-info-table thead th .alert-link { color: #01354c }
.full-color-table.full-info-table tbody td { border: 0 }
.full-color-table.full-info-table tr:hover { background-color: #68cbf8; border-color: #b8e7fc; color: #fff }
.full-color-table.full-info-table tr:hover hr { border-top-color: #a0dffb }
.full-color-table.full-info-table tr:hover .alert-link { color: #01354c }
.full-color-table.full-warning-table { color: #846404; background-color: #fff3cd; border-color: #ffeeba }
.full-color-table.full-warning-table hr { border-top-color: #ffe8a1 }
.full-color-table.full-warning-table .alert-link { color: #533f03 }
.full-color-table.full-warning-table thead th { background-color: #eab206; border-color: #ffeeba; color: #fff }
.full-color-table.full-warning-table thead th hr { border-top-color: #ffe8a1 }
.full-color-table.full-warning-table thead th .alert-link { color: #533f03 }
.full-color-table.full-warning-table tbody td { border: 0 }
.full-color-table.full-warning-table tr:hover { background-color: #feda6a; border-color: #ffeeba; color: #fff }
.full-color-table.full-warning-table tr:hover hr { border-top-color: #ffe8a1 }
.full-color-table.full-warning-table tr:hover .alert-link { color: #533f03 }
.full-color-table.full-danger-table { color: #77373d; background-color: #fae1e4; border-color: #f7d5d9 }
.full-color-table.full-danger-table hr { border-top-color: #f3c0c6 }
.full-color-table.full-danger-table .alert-link { color: #54272b }
.full-color-table.full-danger-table thead th { background-color: #d2626d; border-color: #f7d5d9; color: #fff }
.full-color-table.full-danger-table thead th hr { border-top-color: #f3c0c6 }
.full-color-table.full-danger-table thead th .alert-link { color: #54272b }
.full-color-table.full-danger-table tbody td { border: 0 }
.full-color-table.full-danger-table tr:hover { background-color: #efa6ad; border-color: #f7d5d9; color: #fff }
.full-color-table.full-danger-table tr:hover hr { border-top-color: #f3c0c6 }
.full-color-table.full-danger-table tr:hover .alert-link { color: #54272b }
.full-color-table.full-light-table { color: #818182; background-color: #fefefe; border-color: #fdfdfe }
.full-color-table.full-light-table hr { border-top-color: #ececf6 }
.full-color-table.full-light-table .alert-link { color: #686868 }
.full-color-table.full-light-table thead th { background-color: #e4e5e6; border-color: #fdfdfe; color: #fff }
.full-color-table.full-light-table thead th hr { border-top-color: #ececf6 }
.full-color-table.full-light-table thead th .alert-link { color: #686868 }
.full-color-table.full-light-table tbody td { border: 0 }
.full-color-table.full-light-table tr:hover { background-color: #fbfbfc; border-color: #fdfdfe; color: #fff }
.full-color-table.full-light-table tr:hover hr { border-top-color: #ececf6 }
.full-color-table.full-light-table tr:hover .alert-link { color: #686868 }
.full-color-table.full-cyan-table { color: #016468; background-color: #ccf2f4; border-color: #b8edf0 }
.full-color-table.full-cyan-table hr { border-top-color: #a3e8ec }
.full-color-table.full-cyan-table .alert-link { color: #013335 }
.full-color-table.full-cyan-table thead th { background-color: #01b1b8; border-color: #b8edf0; color: #fff }
.full-color-table.full-cyan-table thead th hr { border-top-color: #a3e8ec }
.full-color-table.full-cyan-table thead th .alert-link { color: #013335 }
.full-color-table.full-cyan-table tbody td { border: 0 }
.full-color-table.full-cyan-table tr:hover { background-color: #67d9de; border-color: #b8edf0; color: #fff }
.full-color-table.full-cyan-table tr:hover hr { border-top-color: #a3e8ec }
.full-color-table.full-cyan-table tr:hover .alert-link { color: #013335 }
.full-color-table.full-dark-table { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca }
.full-color-table.full-dark-table hr { border-top-color: #b9bbbe }
.full-color-table.full-dark-table .alert-link { color: #040505 }
.full-color-table.full-dark-table thead th { background-color: #30353b; border-color: #c6c8ca; color: #fff }
.full-color-table.full-dark-table thead th hr { border-top-color: #b9bbbe }
.full-color-table.full-dark-table thead th .alert-link { color: #040505 }
.full-color-table.full-dark-table tbody td { border: 0 }
.full-color-table.full-dark-table tr:hover { background-color: #85898c; border-color: #c6c8ca; color: #fff }
.full-color-table.full-dark-table tr:hover hr { border-top-color: #b9bbbe }
.full-color-table.full-dark-table tr:hover .alert-link { color: #040505 }
.full-color-table.full-purple-table { color: #594977; background-color: #eee8fa; border-color: #e7dff7 }
.full-color-table.full-purple-table hr { border-top-color: #d8cbf2 }
.full-color-table.full-purple-table .alert-link { color: #413657 }
.full-color-table.full-purple-table thead th { background-color: #9d81d2; border-color: #e7dff7; color: #fff }
.full-color-table.full-purple-table thead th hr { border-top-color: #d8cbf2 }
.full-color-table.full-purple-table thead th .alert-link { color: #413657 }
.full-color-table.full-purple-table tbody td { border: 0 }
.full-color-table.full-purple-table tr:hover { background-color: #cdbaef; border-color: #e7dff7; color: #fff }
.full-color-table.full-purple-table tr:hover hr { border-top-color: #d8cbf2 }
.full-color-table.full-purple-table tr:hover .alert-link { color: #413657 }
.dt-buttons { padding-top: 5px; margin-bottom: 15px }
.dt-buttons .dt-button { padding: 5px 15px; border-radius: .25rem; background: #1E2A4C; color: #fff; margin-right: 3px }
.dt-buttons .dt-button:hover { background: #343a40 }
.dataTables_filter input, .dataTables_length select { border: 0; background-repeat: no-repeat; background-position: center bottom, center calc(100% - 1px); background-color: transparent }
.dataTables_filter input, .dataTables_filter input:focus, .dataTables_length select, .dataTables_length select:focus { background-image: linear-gradient(#1E2A4C, #1E2A4C), linear-gradient(#e9ecef, #e9ecef) }
.dataTables_length { margin-top: 10px }
.dataTables_length select { background-size: 0 2px, 100% 1px; transition: background 0s ease-out; padding-bottom: 5px }
.dataTables_length select:focus { outline: 0; background-size: 100% 2px, 100% 1px; box-shadow: none; transition-duration: .3s }
.dataTables_filter { float: right; margin-top: 10px }
.dataTables_filter input { background-size: 0 2px, 100% 1px; transition: background 0s ease-out; float: none; box-shadow: none; border-radius: 0; margin-left: 10px }
.dataTables_filter input:focus { outline: 0; background-size: 100% 2px, 100% 1px; box-shadow: none; transition-duration: .3s }
#editable-datatable_wrapper .dataTables_paginate { float: right; text-align: right; padding-top: .25em }
#editable-datatable_wrapper .dataTables_paginate .paginate_button { box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: .5em 1em; text-align: center; text-decoration: none; cursor: pointer; color: #212529; border: 1px solid #ddd }
#editable-datatable_wrapper .dataTables_paginate .paginate_button.current, #editable-datatable_wrapper .dataTables_paginate .paginate_button.current:hover { color: #fff !important; border: 1px solid #1E2A4C; background-color: #1E2A4C }
#editable-datatable_wrapper .dataTables_paginate .paginate_button.disabled, #editable-datatable_wrapper .dataTables_paginate .paginate_button.disabled:active, #editable-datatable_wrapper .dataTables_paginate .paginate_button.disabled:hover { cursor: default; color: #212529; border: 1px solid #e9ecef; background: 0 0; box-shadow: none }
#editable-datatable_wrapper .dataTables_paginate .paginate_button:hover { border: 1px solid #1E2A4C; background-color: #1E2A4C }
#editable-datatable_wrapper .dataTables_paginate .paginate_button:hover a { color: #fff }
#editable-datatable_wrapper .dataTables_paginate .paginate_button:active { outline: 0; background-color: #212529 }
#editable-datatable_wrapper .dataTables_paginate .ellipsis { padding: 0 1em }
.tablesaw-bar .btn-group label { color: #212529 !important }
.dt-bootstrap { display: block }
.stylish-table tbody tr { border-left: 3px solid transparent }
.stylish-table tbody tr.active, .stylish-table tbody tr:hover { border-color: #1E2A4C }
.jsgrid-pager-current-page, .jsgrid-pager-nav-button a, .jsgrid-pager-page a { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; min-width: 1.5em; padding: .5em 1em; text-align: center; text-decoration: none; cursor: pointer; color: #67757c; border: 1px solid #ddd }
.jsgrid-pager-current-page, .jsgrid-pager-nav-button a:hover, .jsgrid-pager-page a:hover { background-color: #1E2A4C; color: #fff }
.jsgrid-pager-nav-button, .jsgrid-pager-page { padding: 0 }
.jsgrid-pager-page.jsgrid-pager-current-page { padding: .5em 1em !important }
#footable-addrow .open>.dropdown-menu { display: block }
.calendar-events { padding: 8px 10px; border: 1px solid #fff; cursor: move }
.calendar-events:hover { border: 1px dashed #e9ecef }
.calendar-events i { margin-right: 8px }
html body .flotTip, html body .jqstooltip { width: auto !important; height: auto !important; background: #343a40; color: #fff; padding: 5px 10px }
body .jqstooltip { border-color: transparent; border-radius: 60px }
.jq-icon-info { background-color: #01c0c8; color: #fff }
.jq-icon-success { background-color: #00c292; color: #fff }
.jq-icon-error { background-color: #e46a76; color: #fff }
.jq-icon-warning { background-color: #fec107; color: #fff }
.c3 text { fill-opacity: .5 }
.no-shrink { flex-shrink: 0 }
.up-img { background-size: cover; background-position: center center; min-height: 340px }
.badge.badge-pill { padding: .2em 1em }
ul.list-inline li { display: inline-block; margin: 0 5px }
#main-wrapper { width: 100%; overflow: hidden }
.page-wrapper, #main-wrapper { background: #F4F4F4; position: relative }
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl { padding: 0 25px }
.page-titles { background: #fff; padding: 14px 10px; box-shadow: 1px 0 20px rgba(0, 0, 0, .08); margin: 0 -25px 25px }
.page-titles h4 { margin-bottom: 0; margin-top: 0 }
.page-titles .breadcrumb { padding: 0; margin: 0; background: 0 0; font-size: 12px }
.page-titles .breadcrumb li a { color: #212529 }
.page-titles .breadcrumb .breadcrumb-item+.breadcrumb-item::before { content: "\e649"; font-family: 'themify'; color: #ced4da; font-size: 11px }
.page-titles .breadcrumb .breadcrumb-item.active { color: #1E2A4C; font-weight: 500 }
.footer, html body .navbar-dark .mailbox ul li h5 { color: #212529 }
.footer { bottom: 0;  left: 0; padding: 17px 15px; right: 0; background: #F4F4F4;text-align:right;  }
.fixed-header .page-wrapper, .fixed-layout .page-wrapper { padding-top: 67px }
.waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; z-index: 1; will-change: opacity, transform; -webkit-transition: all .1s ease-out; -moz-transition: all .1s ease-out; -o-transition: all .1s ease-out; -ms-transition: all .1s ease-out; transition: all .1s ease-out }
.waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; opacity: 0; background: rgba(0, 0, 0, .2); -webkit-transition: all .7s ease-out; -moz-transition: all .7s ease-out; -o-transition: all .7s ease-out; -ms-transition: all .7s ease-out; transition: all .7s ease-out; -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); pointer-events: none }
.waves-effect.waves-light .waves-ripple { background-color: rgba(255, 255, 255, .45) }
.waves-effect.waves-red .waves-ripple { background-color: rgba(244, 67, 54, .7) }
.waves-effect.waves-yellow .waves-ripple { background-color: rgba(255, 235, 59, .7) }
.waves-effect.waves-orange .waves-ripple { background-color: rgba(255, 152, 0, .7) }
.waves-effect.waves-purple .waves-ripple { background-color: rgba(156, 39, 176, .7) }
.waves-effect.waves-green .waves-ripple { background-color: rgba(76, 175, 80, .7) }
.waves-effect.waves-teal .waves-ripple { background-color: rgba(0, 150, 136, .7) }
html body .waves-notransition { -webkit-transition: none; -moz-transition: none; -o-transition: none; -ms-transition: none; transition: none }
.waves-circle { -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; -webkit-mask-image: none }
.waves-input-wrapper { border-radius: .2em; vertical-align: bottom }
.waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1 }
.waves-block { display: block }
.fixed-sidebar .left-sidebar, .fixed-sidebar .navbar-header { position: fixed }
.fixed-sidebar .navbar-collapse { margin-left: 235px }
.fixed-sidebar.mini-sidebar .footer, .fixed-sidebar.mini-sidebar .navbar-collapse { margin-left: 70px }
@media (max-width:767px) {
	.fixed-sidebar.mini-sidebar .navbar-header { position: relative }
	.fixed-sidebar.mini-sidebar .navbar-collapse { margin-left: 0 }
}
.fixed-header .topbar { position: fixed; width: 100% }
.fixed-layout .left-sidebar, .fixed-layout .topbar { position: fixed }
.fixed-layout .topbar { width: 100% }
.boxed #main-wrapper { width: 100%; max-width: 1300px; margin: 0 auto; box-shadow: 0 0 60px rgba(0, 0, 0, .1) }
.boxed #main-wrapper .sidebar-footer { position: absolute }
.boxed #main-wrapper .topbar { max-width: 1300px }
.profiletimeline .sl-left img, .steamline .sl-left img { max-width: 40px }
.boxed #main-wrapper .footer, .single-column .left-sidebar { display: none }
.single-column .page-wrapper { margin-left: 0 !important }
@media (min-width:768px) {
.mini-sidebar .top-navbar .navbar-header { width: 70px; text-align: center; flex-shrink: 0; padding-left: 0 }
.mini-sidebar .footer, .mini-sidebar .page-wrapper { margin-left: 70px }
.mini-sidebar .left-sidebar, .mini-sidebar .user-profile { width: 70px }
.mini-sidebar .scroll-sidebar { padding-bottom: 0; position: absolute; height: calc(100vh - 70px) }
.mini-sidebar .scroll-sidebar .u-dropdown { display: none }
.mini-sidebar .sidebar-nav { background: 0 0 }
.mini-sidebar .sidebar-nav #sidebarnav li { position: relative }
.mini-sidebar .sidebar-nav #sidebarnav>li>ul { position: absolute; left: 70px; top: 46px; width: 235px; padding-bottom: 10px; z-index: 1001; background: #000; display: none; padding-left: 1px }
.mini-sidebar .sidebar-nav #sidebarnav>li:hover>ul { height: auto !important; overflow: auto }
.mini-sidebar .sidebar-nav #sidebarnav>li>a { width: 70px; padding: 15px 15px 15px 25px }
.mini-sidebar .sidebar-nav #sidebarnav>li:hover>a { width: 290px; background: #000 }
.mini-sidebar .sidebar-nav #sidebarnav>li:hover>a .hide-menu { display: inline }
.mini-sidebar .sidebar-nav #sidebarnav>li:hover>a .label { display: none }
.mini-sidebar .sidebar-nav #sidebarnav>li:hover>ul, .mini-sidebar .sidebar-nav #sidebarnav>li:hover>ul.collapse { display: block }
.mini-sidebar .sidebar-nav #sidebarnav .hide-menu, .mini-sidebar .sidebar-nav #sidebarnav .nav-small-cap, .mini-sidebar .sidebar-nav #sidebarnav .sidebar-footer, .mini-sidebar .sidebar-nav #sidebarnav .user-profile .profile-text, .mini-sidebar .sidebar-nav #sidebarnav>.label, .mini-sidebar .sidebar-nav #sidebarnav>li>a.has-arrow:after { display: none }		
}

@media (min-width:522px) and (max-width: 692px){
.cust_tab_ui .column-step{ min-height: 118px; }
}

@media (max-width:522px) {
.nav-justified .nav-item, .nav-justified>.nav-link { min-height: 100px; flex-basis:auto;}
}

@media (max-width:672px) {
.inventory_btn{ margin-bottom: 15px;}
}

@media (max-width:584px) {
.weekly_commission_details_btn:first-child { margin-top: 0px; width: 100%;}
.weekly_commission_details_btn  { display: block; margin-top: 15px; margin-right: 0px!important; }
}
@media (max-width:767px) {
.mini-sidebar .left-sidebar, .mini-sidebar .sidebar-footer { left: -235px }
.mini-sidebar.show-sidebar .left-sidebar, .mini-sidebar.show-sidebar .sidebar-footer { left: 0 }
}
.logo-center .top-navbar .navbar-header { position: absolute; left: 0; right: 0; margin: 0 auto }
.topbar .top-navbar .mailbox { width: 300px }
.topbar .top-navbar .mailbox ul { padding: 0 }
.topbar .top-navbar .mailbox ul li { list-style: none }
html body .navbar-dark .mailbox ul li .drop-title { font-weight: 500; padding: 11px 20px 15px; border-bottom: 1px solid #e9ecef }
html body .navbar-dark .mailbox ul li .nav-link { border-top: 1px solid #e9ecef; padding-top: 15px; color: #212529 }
html body .navbar-dark .mailbox ul li .nav-link:hover { color: #1E2A4C }
html body .navbar-dark .mailbox .message-center { height: 317px; overflow: auto; position: relative }
html body .navbar-dark .mailbox .message-center a { border-bottom: 1px solid #e9ecef; display: block; text-decoration: none; padding: 9px 15px }
html body .navbar-dark .mailbox .message-center a:hover { background: #e9ecef }
html body .navbar-dark .mailbox .message-center a .user-img { width: 40px; position: relative; display: inline-block; margin: 0 10px 15px 0 }
html body .navbar-dark .mailbox .message-center a .user-img img { width: 100% }
html body .navbar-dark .mailbox .message-center a .user-img .profile-status { border: 2px solid #fff; border-radius: 50%; display: inline-block; height: 10px; left: 30px; position: absolute; top: 1px; width: 10px }
html body .navbar-dark .mailbox .message-center a .user-img .online { background: #00c292 }
html body .navbar-dark .mailbox .message-center a .user-img .busy { background: #e46a76 }
html body .navbar-dark .mailbox .message-center a .user-img .away, html body .navbar-dark .mailbox .message-center a .user-img .offline { background: #fec107 }
html body .navbar-dark .mailbox .message-center a .mail-contnet { display: inline-block; width: 75%; padding-left: 10px; vertical-align: middle }
html body .navbar-dark .mailbox .message-center a .mail-contnet h5 { margin: 5px 0 0 }
html body .navbar-dark .mailbox .message-center a .mail-contnet .mail-desc, html body .navbar-dark .mailbox .message-center a .mail-contnet .time { font-size: 12px; display: block; margin: 1px 0; text-overflow: ellipsis; overflow: hidden; color: #212529; white-space: nowrap }
.city-weather-days { margin: 0 }
.city-weather-days li { text-align: center; padding: 15px 0 }
.chat-list li.odd .chat-time, .chat-list li.reverse { text-align: right }
.city-weather-days li span { display: block; padding: 10px 0 0; color: #6c757d }
.city-weather-days li i { display: block; font-size: 20px; color: #1E2A4C }
.city-weather-days li h3 { font-weight: 300; margin-top: 5px }
.weather-small h1 { line-height: 30px }
.weather-small sup { font-size: 60% }
.comment-widgets { position: relative; margin-bottom: 10px }
.comment-widgets .comment-row { border-bottom: 1px solid transparent; padding: 14px }
.comment-widgets .comment-row:last-child, .todo-list li:last-child { border-bottom: 0 }
.comment-widgets .comment-row.active, .comment-widgets .comment-row:hover { background: #f8f9fa }
.comment-text { padding: 14px 15px 14px 20px; width: 80% }
.comment-text.active .comment-footer .action-icons, .comment-text:hover .comment-footer .action-icons { visibility: visible }
.comment-text p { max-height: 65px; width: 100%; overflow: hidden }
.comment-footer .action-icons { visibility: hidden }
.comment-footer .action-icons a { padding-left: 7px; vertical-align: middle; color: #6c757d }
.comment-footer .action-icons a.active, .comment-footer .action-icons a:hover { color: #01c0c8 }
.todo-list li { border: 0; margin-bottom: 0; padding: 20px 15px 15px 0 }
.todo-list li .custom-checkbox { width: 100% }
.todo-list li .custom-checkbox label { font-weight: 400; width: 100% }
.todo-list li .custom-checkbox label span:first-child { width: 70%; display: inline-block; line-height: 25px }
.todo-list li .assignedto { padding: 0 0 0 30px; margin: 0 }
.todo-list li .assignedto li { list-style: none; padding: 0; display: inline-block; border: 0; margin-right: 2px }
.todo-list li .assignedto li img { width: 30px; border-radius: 100% }
.todo-list li .item-date { padding-left: 30px; font-size: 12px; margin-top: 5px; display: inline-block }
.list-task .task-done span { text-decoration: line-through }
.chat-list { margin: 0; padding: 0 }
.chat-list li { list-style: none; margin-top: 30px }
.chat-list li .chat-img { display: inline-block; width: 45px; vertical-align: top }
.chat-list li .chat-img img { width: 45px; border-radius: 100% }
.chat-list li .chat-content { width: calc(100% - 50px); display: inline-block; padding-left: 15px }
.chat-list li .chat-content h5 { color: #6c757d }
.chat-list li .chat-content .box { display: inline-block; color: #343a40; background: #f8f9fa }
.chat-list li .chat-time { display: block; font-size: 10px; color: #6c757d; margin: 5px 0 15px 65px }
.chat-list li.odd .chat-content { text-align: right; width: calc(100% - 0px) }
.chat-list li.odd .box { clear: both; color: #fff; background: #1E2A4C }
.chat-list li.odd+.odd { margin-top: 0 }
.chat-list li.reverse .chat-time { text-align: left }
.chat-list li.reverse .chat-content { padding-left: 0; padding-right: 15px }
.calendar { float: left; margin-bottom: 0 }
.none-border .modal-footer { border-top: none }
.fc-toolbar { margin-bottom: 5px; margin-top: 15px }
.fc-toolbar h2 { font-size: 18px; font-weight: 500; line-height: 30px; text-transform: uppercase }
.fc-day { background: #fff }
.fc-toolbar .fc-state-active, .fc-toolbar .ui-state-active, .fc-toolbar .ui-state-hover, .fc-toolbar button:focus, .fc-toolbar button:hover { z-index: 0 }
.fc-widget-header { border: 0 !important }
.fc-widget-content { border-color: rgba(120, 130, 140, .13) !important }
.fc th.fc-widget-header { color: #212529; font-size: 13px; font-weight: 300; line-height: 20px; padding: 7px 0; text-transform: uppercase }
.fc th.fc-fri, .fc th.fc-mon, .fc th.fc-sat, .fc th.fc-sun, .fc th.fc-thu, .fc th.fc-tue, .fc th.fc-wed { background: #e9ecef }
.fc-view { margin-top: 0 }
.fc-toolbar { margin: 0; padding: 24px 0 }
.fc-button { background: #fff; border: 1px solid #e9ecef; color: #212529; text-transform: capitalize }
.fc-button:hover { background: #e9ecef; opacity: .8 }
.fc-text-arrow { font-family: inherit; font-size: 16px }
.fc-state-hover { background: #f8f9fa }
.fc-unthemed .fc-today { border: 1px solid #e46a76; background: #e9ecef !important }
.fc-cell-overlay, .fc-state-highlight { background: #f0f0f0 }
.calendar-event, .fc-event { cursor: move; background: #01c0c8; text-align: center }
.fc-event { border-radius: 0; border: none; color: #fff !important; font-size: 13px; margin: 1px -1px 0; padding: 5px }
.calendar-event { margin: 10px 5px 0 0; padding: 6px 10px; display: inline-block; color: #fff; min-width: 140px }
.calendar-event a { float: right; opacity: .6; font-size: 10px; margin: 4px 0 0 10px; color: #fff }
.fc-basic-view td.fc-week-number span { padding-right: 5px }
.fc-basic-view .fc-day-number { padding: 10px 15px; display: inline-block }
.steamline { position: relative; border-left: 1px solid #e9ecef; margin-left: 20px }
.steamline .sl-left { float: left; margin-left: -20px; z-index: 1; width: 40px; line-height: 40px; text-align: center; height: 40px; border-radius: 100%; color: #fff; margin-right: 15px }
.steamline .sl-right { padding-left: 50px }
.steamline .sl-right .desc, .steamline .sl-right .inline-photos { margin-bottom: 21px }
.steamline .sl-item { border-bottom: 1px solid #e9ecef; margin: 20px 0 }
.sl-date { font-size: 10px; color: #6c757d }
.time-item { border-color: #e9ecef; padding-bottom: 1px; position: relative }
.time-item:before { content: "\edcd"; display: table }
.time-item:after { background-color: #fff; border-color: #e9ecef; border-radius: 10px; border-style: solid; border-width: 2px; bottom: 0; content: "\edce"; height: 14px; left: 0; margin-left: -8px; position: absolute; top: 5px; width: 14px }
.time-item-item:after { content: "\edcf"; display: table }
.item-info { margin-bottom: 15px; margin-left: 15px }
.item-info p { margin-bottom: 10px !important }
.feeds { margin: 0; padding: 0 }
.feeds li { list-style: none; padding: 8px; display: flex; align-items: center }
.feeds li:hover { background: #f8f9fa }
.feeds li>div { width: 40px; height: 40px; margin-right: 5px; display: inline-block; text-align: center; vertical-align: middle; border-radius: 100%; color: #fff }
.social-profile-first, .social-widget .soc-content { display: flex; text-align: center }
.feeds li>div i { line-height: 40px }
.feeds li span { float: right; width: auto; font-size: 12px }
.vert .carousel-item-next.carousel-item-left, .vert .carousel-item-prev.carousel-item-right { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) }
.vert .active.carousel-item-right, .vert .carousel-item-next { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100% 0) }
.vert .active.carousel-item-left, .vert .carousel-item-prev { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0) }
.social-widget .soc-header { padding: 15px; text-align: center; font-size: 36px; color: #fff }
.social-widget .soc-header.box-facebook { background: #3b5998 }
.social-widget .soc-header.box-twitter { background: #00aced }
.social-widget .soc-header.box-google { background: #f86c6b }
.social-widget .soc-header.box-linkedin { background: #4875b4 }
.social-widget .soc-content div { padding: 10px }
.social-widget .soc-content div h3 { margin-bottom: 0 }
.social-profile-first { justify-content: center; flex-direction: column; align-items: center; margin-bottom: 95px }
.social-profile-first.bg-over { background: rgba(56, 83, 161, .7) }
.social-profile-first .middle { vertical-align: middle }
.profile-card .profile-bg { min-height: 380px }
.profiletimeline { position: relative; padding-left: 40px; margin-right: 10px; border-left: 1px solid #e9ecef; margin-left: 30px }
.profiletimeline .sl-left { float: left; margin-left: -60px; z-index: 1; margin-right: 15px }
.profiletimeline .sl-item { margin-top: 8px; margin-bottom: 30px }
.profiletimeline .sl-date { font-size: 12px; color: #6c757d }
.profiletimeline .time-item { border-color: #e9ecef; padding-bottom: 1px; position: relative }
.profiletimeline .time-item:before { content: "\edd0"; display: table }
.profiletimeline .time-item:after { background-color: #fff; border-color: #e9ecef; border-radius: 10px; border-style: solid; border-width: 2px; bottom: 0; content: "\edd1"; height: 14px; left: 0; margin-left: -8px; position: absolute; top: 5px; width: 14px }
.contact-box, .gaugejs-box { position: relative }
.profiletimeline .time-item-item:after { content: "\edd2"; display: table }
.profiletimeline .item-info { margin-bottom: 15px; margin-left: 15px }
.profiletimeline .item-info p { margin-bottom: 10px !important }
.little-profile .pro-img, .stats-row { margin-bottom: 20px }
.little-profile .pro-img img { width: 128px; height: 128px; box-shadow: 0 0 15px rgba(0, 0, 0, .2); border-radius: 100% }
.little-profile .soc-pro a { color: #6c757d }
.little-profile .soc-pro a:hover { color: #343a40 }
.stats-row .stat-item { display: inline-block; padding-right: 15px }
.stats-row .stat-item+.stat-item { padding-left: 15px; border-left: 1px solid #e9ecef }
.gaugejs-box { margin: 0 auto }
.gaugejs-box canvas.gaugejs { width: 100% !important; height: auto !important }
.country-state { list-style: none; margin: 0; padding: 0 0 0 10px }
.country-state li { margin-top: 30px; margin-bottom: 10px }
.country-state h2 { margin-bottom: 0; font-weight: 400 }
.contact-box .add-ct-btn { position: absolute; right: 4px; top: -46px }
.contact-box .contact-widget>a { padding: 15px 10px }
.contact-box .contact-widget>a .user-img { margin-bottom: 0 !important }
.blog-widget { margin-top: 30px }
.blog-widget .blog-image img { border-radius: .25rem; margin-top: -45px; margin-bottom: 20px; box-shadow: 0 0 15px rgba(0, 0, 0, .2) }
.msg-item { margin-bottom: 20px }
.msg-body { background: #fff; padding: 15px; font-size: 14px; position: relative }
.msg-body .dwn-aro { width: 0; position: absolute; bottom: -8px; height: 0; left: 10px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #fff }
.m-pic img { width: 40px; border-radius: 100% }
.message-box ul li .drop-title { font-weight: 500; padding: 11px 20px 15px; border-bottom: 1px solid #e9ecef }
.message-box ul li .nav-link { border-top: 1px solid #e9ecef; padding-top: 15px }
.message-box .message-widget { position: relative }
.message-box .message-widget a { border-bottom: 1px solid #e9ecef; display: block; text-decoration: none; padding: 9px 15px }
.message-box .message-widget a:hover { background: #e9ecef }
.message-box .message-widget a:last-child { border-bottom: 0 }
.message-box .message-widget a .user-img { width: 45px; position: relative; display: inline-block; margin: 0 10px 15px 0 }
.message-box .message-widget a .user-img img { width: 100% }
.message-box .message-widget a .user-img .profile-status { border: 2px solid #fff; border-radius: 50%; display: inline-block; height: 10px; left: 33px; position: absolute; top: -1px; width: 10px }
.message-box .message-widget a .user-img .online { background: #00c292 }
.message-box .message-widget a .user-img .busy { background: #e46a76 }
.message-box .message-widget a .user-img .away, .message-box .message-widget a .user-img .offline { background: #fec107 }
.message-box .message-widget a .mail-contnet { display: inline-block; width: 70%; vertical-align: middle }
.message-box .message-widget a .mail-contnet h5 { margin: 5px 0 0; color: #212529 }
.message-box .message-widget a .mail-contnet .mail-desc, .message-box .message-widget a .mail-contnet .time { font-size: 12px; display: block; margin: 1px 0; text-overflow: ellipsis; overflow: hidden; color: #212529; white-space: nowrap }
.activity-box .date-devider { border-top: 2px solid #e9ecef; position: relative }
.activity-box .date-devider span { background: #e9ecef; padding: 5px 15px; border-radius: 60px; font-size: 14px; top: -15px; position: relative; margin-left: 20px }
.activity-box .activity-item { display: flex; margin-bottom: 30px }
.activity-box .activity-item .image-list>a { margin-left: -15px; position: relative; vertical-align: middle }
.activity-box .activity-item .image-list>a:first-child, .activity-box .activity-item .image-list>a:last-child { margin-left: 0 }
.activity-box .activity-item .image-list>a:hover { z-index: 10 }
.activity-box .activity-item .image-list>a:hover img { box-shadow: 0 2px 15px rgba(0, 0, 0, .2) }
.news-slide .overlaybg { height: 380px; overflow: hidden; background-color: #343a40 }
.news-slide .overlaybg img { width: 100%; min-height: 380px }
.product-review { margin: 0; padding: 25px }
.product-review li { display: block; padding: 20px 0; list-style: none }
.product-review li .font, .product-review li span { display: inline-block; margin-left: 10px }
.social-profile { text-align: center; background: rgba(7, 10, 43, .8) }
.customtab li a.nav-link, .profile-tab li a.nav-link { border: 0; padding: 15px 20px; color: #212529 }
.customtab li a.nav-link.active, .profile-tab li a.nav-link.active { border-bottom: 2px solid #1E2A4C; color: #1E2A4C }
.customtab li a.nav-link:hover, .profile-tab li a.nav-link:hover { color: #1E2A4C }

i.bx { vertical-align: middle; }
.dropdown-item.active, .dropdown-item:active { background-color: #1E2A4C; }

/* button css start */
button { border: 0; background: none;}
button:focus, button:not(:disabled):not(.disabled):active:focus { outline: 0; box-shadow: none; }

.btn{border-radius:3px;  font-size: 14px; padding: 5.5px 15px; font-weight: 500;}
.btn:focus, .btn:not(:disabled):not(.disabled):active:focus{ box-shadow:none;}

.btn-default { color: #2d2d2d; background-color: #f4f4f4; border-color: #b8b8b8 }
.btn-default:hover { color: #2d2d2d; background-color: #fff; border-color: #b8b8b8; }
.btn-default.focus, .btn-default:focus { box-shadow: none; color: #2d2d2d; background-color: #fff; border-color: #b8b8b8;}
.btn-default.disabled, .btn-default:disabled { color: #2d2d2d; background-color: #f4f4f4; border-color: #b8b8b8 }
.btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active, .show>.btn-default.dropdown-toggle { color: #2d2d2d; background-color: #f4f4f4; border-color: #b8b8b8 }
.btn-default:not(:disabled):not(.disabled).active:focus, .btn-default:not(:disabled):not(.disabled):active:focus, .show>.btn-default.dropdown-toggle:focus { box-shadow: none; }

.btn-primary { color: #fff; background-color: #1E2A4C; border-color: #1E2A4C }
.btn-primary:hover { color: #1E2A4C; background-color: #fff; border-color: #1E2A4C }
.btn-primary.focus, .btn-primary:focus { box-shadow: none; color: #1E2A4C; background-color: #fff; border-color: #1E2A4C }
.btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #1E2A4C; border-color: #1E2A4C }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle { color: #fff; background-color: #1E2A4C; border-color: #1E2A4C }
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus { box-shadow: none; }
.btn-primary i {margin-right: 5px;}

.btn-primary-o { color: #1E2A4C; background-color: #fff; border-color: #1E2A4C }
.btn-primary-o:hover { color: #fff; background-color: #1E2A4C; border-color: #1E2A4C }
.btn-primary-o.focus, .btn-primary-o:focus { box-shadow: none; color: #fff; background-color: #1E2A4C; border-color: #1E2A4C}
.btn-primary-o.disabled, .btn-primary-o:disabled { color: #fff; background-color: #1E2A4C; border-color: #1E2A4C }
.btn-primary-o:not(:disabled):not(.disabled).active, .btn-primary-o:not(:disabled):not(.disabled):active, .show>.btn-primary-o.dropdown-toggle { color: #fff; background-color: #1E2A4C; border-color: #1E2A4C }
.btn-primary-o:not(:disabled):not(.disabled).active:focus, .btn-primary-o:not(:disabled):not(.disabled):active:focus, .show>.btn-primary-o.dropdown-toggle:focus { box-shadow: none; }
.btn-primary-o i {margin-right: 5px;}

.btn-secondary { color: #fff; background-color: #000; border-color: #000 }
.btn-secondary:hover { color: #000; background-color: #fff; border-color: #545b62 }
.btn-secondary.focus, .btn-secondary:focus { box-shadow: none; color: #000; background-color: #fff; border-color: #545b62 }
.btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #000; border-color: #000 }
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle { color: #fff; background-color: #000; border-color: #000 }
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus { box-shadow: none; }

.btn-secondary-o { color: #000000; background-color: #fff; border-color: #000000 }
.btn-secondary-o:hover { color: #fff; background-color: #000000; border-color: #545b62 }
.btn-secondary-o.focus, .btn-secondary-o:focus { box-shadow: none; color: #fff; background-color: #000000; border-color: #545b62}
.btn-secondary-o.disabled, .btn-secondary-o:disabled { color: #fff; background-color: #000000; border-color: #000000 }
.btn-secondary-o:not(:disabled):not(.disabled).active, .btn-secondary-o:not(:disabled):not(.disabled):active, .show>.btn-secondary-o.dropdown-toggle { color: #fff; background-color: #000000; border-color: #000000 }
.btn-secondary-o:not(:disabled):not(.disabled).active:focus, .btn-secondary-o:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary-o.dropdown-toggle:focus { box-shadow: none; }
/* button css end */

/* form control css start */
label{font-weight: 500;}
input[type='file'].form-control { padding:3px !important;} 
.form-control{ color: #000; height: 34px; min-height: 34px; padding: 6px 12px; font-size: 14px; box-shadow: none; border-radius: 0; -webkit-border-radius: 0; border: 1px solid #BBBBBB; border-radius: 1px; margin: 0; transition: all 0.3s; background: #fff; }
select.form-control {background: url('../images/select_arrow.svg') no-repeat #fff; background-position: 100% 50%;    padding-right: 25px;  box-shadow: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none;}
.input-group .input-group-prepend .input-group-text{background-color:#f4f4f4; border:1px solid #BBBBBB; border-radius:0px; padding: .355rem .75rem; }
.input-group .input-group-prepend .input-group-text:focus{ border-color:#000;}
.form-control:focus{border-color:#1E2A4C; box-shadow: none;}
.form-control:-webkit-autofill, .form-control:focus:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important; }
.form-control[disabled], .form-control[readonly]{ background-color: #f5f5f5; }

.input-group-addon{border-radius:0px;}

.range_filter .form-control:-ms-input-placeholder {font-size: 10px;}
.range_filter .form-control::placeholder { font-size: 10px;}

.range_filter .range_filter_close {position: absolute; right: -10px; top: -10px; color: #AEAEAE;}
.range_filter .range_filter_close :hover{text-decoration: none; color: #1d1d1d;}
.range_filter .form-control{font-size:12px;}
/* form control css end */

/* phone addon css start */
.phone-control-wrap.fixed_size{ table-layout:fixed;}
.phone-control-wrap { display:table; width:100%;}
.phone-control-wrap .phone-addon { display:table-cell; vertical-align:middle; padding-right:8px; text-align:center;}
.phone-control-wrap .phone-addon:last-child{padding-right:0;}
/* phone addon css end */

/* error class start */
.parsley-error-list { color: #FF0000; font-size:12px; display: block;  list-style: outside none none; margin: 0; padding: 0!important; text-align: left;}
.error, .required_error { padding: 0px !important; color: #FF0000 !important; font-size: 12px !important; margin: 0px !important; }
/* error class start */

/*Table css start */
.recorde_perpage{margin-bottom: 20px;}
.table-theme {font-size: 14px;}
.table-theme.table thead tr th { background-color:#1E2A4C ;}
.table-theme thead tr th, .table-theme thead tr th a{ color:#fff;  border-bottom:0; font-weight: 500; } 
.table-theme tbody tr td, 
.table-theme thead tr th, .table-theme tfoot tr td{ padding:10px; border:0; vertical-align:middle;  }
.table-theme tbody tr:last-child td{ border-bottom:1px solid #F4F4F4; }
.table-theme tr td.icons{white-space: nowrap;}
.table-theme tr td.icons a:not(.btn) > i { color:#000000; font-size:18px; margin: 0 5px;}
.table-theme tr td.icons a:not(.btn):hover > i { color:#000000;}
.table-theme tr.table-primary td { background-color:#E9EFFF; }
.table-theme tr.table-secondary td { background-color: #dddddd; }
.table-theme.ui-sortable .tr-placerholder{ min-height:50px; border:2px dashed #919191; }
.table-theme.ui-sortable .ui-sortable-helper{  background-color:#FFF; box-shadow:0px -1px 3px 3px rgba(0,0,0,0.25); }

.pagination{margin: 0px;}
.pagination .page-item{margin-right: 5px;}
.pagination .page-item .page-link{color: #000; border-color:#bbb; padding:4px 8px;}
.pagination .page-item.active .page-link, .pagination .page-item.active .page-link:hover{background-color: #1E2A4C; color: #fff; border-color: #1E2A4C;}
.pagination .page-item.disabled {cursor: not-allowed;}
.pagination .page-item.disabled .page-link{background-color: #f4f4f4; color: #999; pointer-events:none;}
.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link{border-radius: 0px;}
.pagination .page-item .page-link:focus{box-shadow: none;}
.pagination .page-item .page-link:hover{background-color:inherit;}
.pagination .page-item .page-item:last-child{margin-right: 0px;}
/*Table css end   */

/* card css start */
.card{box-shadow: 0 2px 8px 0 rgba(61,61,61,0.25); background-color:#fff; border:none;}
.card .card-header:not(.card-search .card-right){/*padding: 20px;*/ /*background-color:#fff;*/}
.card .card-header .card-title{ font-size: 18px; font-weight: 500;  margin: 0px;}
.card .card-body{padding: 20px;/* background-color:#fff;*/}
.card .card-footer{padding: 20px; background-color:#fff; border:none;}
.card.inline-colorbox{box-shadow: none; margin: 0px;}
.card.inline-colorbox .card-header{background-color: #fff;}
/*  card css end */

/*iframe panel css start */
.iframe{background-color:#fff!important;}
.iframe .card{box-shadow: none; background-color:#fff; border:none; margin: 0px;}
.iframe .card .card-header{padding: 15px 20px; background-color:#fff; border-bottom: 1px solid #bbb;}
.iframe .card .card-header .card-title{ font-size: 18px; font-weight: 500;  margin: 0px;}
.iframe .card .card-body{padding: 20px; background-color:#fff;}
.iframe .card .card-footer{padding: 20px; background-color:#fff; border-top: 1px solid #bbb;}
/*iframe panel css end */

/* filter search css star */
.card-search { border-radius: 0; box-shadow: 0 2px 8px 0 rgba(61,61,61,0.25); background-color:#fff; margin-bottom: 40px;}
.card-search .card-left{height: 100%;  box-shadow: 1px 0 2px 0 rgba(186,186,186,0.5);  width: 50px; position: absolute; left: 0px; top: 0px; }
.card-search.mini-size .card-left{overflow: hidden;}
.card-search .card-left ul {margin: 0px; padding: 0px; list-style-type: none;}
.card-search .card-left ul li a{width: 50px; height: 58px; text-align: center; display: inline-block; line-height: 60px; color: #3D3D3D; background-color: #fff; font-size: 20px; position: relative;}
.card-search .card-left ul li a.show { background-color:#000000; color:#fff!important;}
.card-search .card-left ul li a.show:after {content: "";  position: absolute; right: -10px; top: 50%;  border-style: solid; border-width: 7px 0 7px 14px; border-color: transparent transparent transparent #000000; transform: translateY(-50%);}
.card-search .card-right{ padding-left:50px; }
.card-search .card-right .card-header{background-color: #fff!important; border: 0;}
.card-search .card-right .collapse-form {font-weight: bold; text-transform: uppercase;margin-bottom: 15px; padding: 0;}
.card-search .card-right .collapse-form em {height: 30px; width: 30px; line-height: 30px; border-radius: 100%; background-color:#1E2A4C; display: inline-block; margin-right:12px; vertical-align: middle; text-align: center; font-family: themify; color:#fff; font-style: normal;}
.card-search .card-right .collapse-form em:after { content: "\e622";}
.card-search .card-right .collapse-form.collapsed em:after { content:"\e61a";}
.card-search .card-header .card-search-title{  font-weight: bold; float: left; margin-top: 8px; text-transform: uppercase;}
.card-search .search-handle{position: absolute; bottom:-20px; padding-left: 50px; width: 100%; text-align: center; }
.card-search .search-handle .btn-box-tool { font-size: 12px; line-height: 17px;   position: relative; width:28px; display: inline-block;  height: 20px;  color: #fff;}
.card-search .search-handle .btn-box-tool:after { content: ""; width: 0; height: 0; border-style: solid;  border-width: 20px 14px 0 14px; border-color:#1E2A4C transparent transparent transparent; position: absolute; left: 0;     bottom: 0;}
.card-search .search-handle .btn-box-tool i { position: relative; z-index: 1;}
/* filter search css end */

/* customtab css start */
.card-theme .nav-tabs:not(.nav-justified) > li.nav-item > a{ padding-top: 0; }
.nav-tabs:not(.nav-justified) {font-size:16px; border-bottom: 2px solid #F4F4F4; margin-bottom: 20px;}
.nav-tabs:not(.nav-justified) > li.nav-item  { margin-bottom: -2px;}
.nav-tabs:not(.nav-justified) > li.nav-item > a { text-transform: uppercase; /*font-weight: 500;*/ padding: 8px 15px; }
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active { background-color:transparent;} 
.customtab li a.nav-link:hover, .profile-tab li a.nav-link:hover { color:#1E2A4C;}
.customtab li a.nav-link.active, .profile-tab li a.nav-link.active { border-bottom: 2px solid #1E2A4C; color: #1E2A4C;}
/* customtab css end */

/*step tabs css start */
.cust_tab_ui ul.nav-tabs{ border:0;}
.cust_tab_ui > ul.nav-tabs > li.disabled{ cursor:not-allowed;}
.cust_tab_ui > ul.nav-tabs > li.disabled > a {  pointer-events: none;}
.cust_tab_ui > ul.nav-tabs > li > a,
.cust_tab_ui > ul.nav-tabs > li > a.active, 
.cust_tab_ui > ul.nav-tabs > li > a.active:hover, 
.cust_tab_ui > ul.nav-tabs > li > a.active:focus { padding:0; border:0; }
.cust_tab_ui ul.nav-tabs li a.active .column-step{  background:#1E2A4C; color:#fff; box-shadow:none;}
.cust_tab_ui > ul.nav-tabs > li:nth-child(2){ z-index:4}
.cust_tab_ui > ul.nav-tabs > li:nth-child(3){ z-index:3}	
.cust_tab_ui > ul.nav-tabs > li:nth-child(4){ z-index:2}
.cust_tab_ui > ul.nav-tabs > li:nth-child(5){ z-index:1}
.cust_tab_ui ul li a.active .column-step .step-number { color:#fff;}
.cust_tab_ui ul li a.active .column-step .step-info, 
.cust_tab_ui ul li.active a .column-step .step-title{ color:#fff;}
.cust_tab_ui ul li .column-step .step-title { font-size:16px; text-transform:uppercase;}
.cust_tab_ui ul li .column-step .step-info { font-size:12px;}
.cust_tab_ui .column-step{padding: 20px; position:relative; text-align: center;  background:#F7F7F7;color: #BBB; width:100%; box-shadow: 3px 3px 3px 0 rgba(187,187,187,0.5); min-height: 100px;}
.cust_tab_ui .column-step .step-title { font-size:18px; font-weight:400; z-index: 3; position: relative;}
.cust_tab_ui .column-step.active .step-number, .cust_tab_ui .step-number{ font-size:40px; position: absolute;bottom:-10px; right:1px; line-height:normal; color:#B8B8B8; z-index: 1; }
.cust_tab_ui .column-step.active .step-number { color: #e4e7ea;}
.cust_tab_ui .tab-content { margin-top:30px;}
/*step tabs css end  */

/* dropdown css start */
.dropdown-item{font-size:14px; padding: 7px 21px;}

/* password popup css start  */
.pswd_popup { position: absolute; bottom: 100%; left: 0px; z-index: 99; background: #ffffff; width: 330px; .border: 1px solid #d1d1cf; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border:1px solid #d1d1cf; font-size:14px; }
.pswd_popup h4 { border-bottom: 1px solid #d1d1cf; color: #333; margin: 8px 0; padding: 0 10px 5px; font-size:18px; font-weight:normal;  }
.pswd_popup .pswd_popup_inner { position: relative; }
.pswd_popup .pswd_popup_inner .btarrow { position: absolute; z-index: 1; bottom: -24px; .bottom: -12px; width: 100%; background: url(../images/btarrow.png) center bottom no-repeat; height: 14px; }
.pswd_popup .pswd_popup_inner ul { display: block; margin: 0 0 10px; padding: 0px 10px; }
.pswd_popup .pswd_popup_inner ul li { display: block; margin: 0 0 5px; position: relative; padding-left: 25px; text-align: left; }
.pswd_popup .pswd_popup_inner ul li.valid { color:#3fc35f; }
.pswd_popup .pswd_popup_inner ul li.valid em { background:url(../images/pass_marks.png) 0 0 no-repeat; position: absolute; z-index: 1; top: 0px; left: 0px; width: 15px; height: 15px; margin: 2px 0px 0 0; vertical-align: top; }
.pswd_popup .pswd_popup_inner ul li.invalid { color:#ff5555; }
.pswd_popup .pswd_popup_inner ul li.invalid em { background:url(../images/pass_marks.png) -39px 0 no-repeat; position: absolute; z-index: 1; top: 0px; left: 0px; width: 15px; height: 15px; margin: 2px 0px 0 0; vertical-align: top; }
/* password popup css end  */

/* tooltip and popover css start */
.popover { font-family:'Poppins', sans-serif; }
.popover.br-blue { border-color:#000000; }
.popover.br-blue.bs-popover-top>.arrow::before { border-top-color:#000000; }

.tooltip {font-family:'Poppins', sans-serif; text-align:left; font-size: 12px; font-weight: normal;  }
.tooltip.show{opacity: 1;}
.tooltip .tooltip-inner{ background-color:#fff; color:#1D1D1D; border:1px solid #000000; }
.tooltip.bs-tooltip-bottom .arrow:before{border-bottom-color: #000000;}
.tooltip.bs-tooltip-top .arrow:before{border-top-color: #000000;}
.tooltip.bs-tooltip-left .arrow:before{border-left-color: #000000;}
.tooltip.bs-tooltip-right .arrow:before{border-right-color: #000000;}

.tooltip-box .tooltip-inner { background-color:#fff; color:#4F4F4F; box-shadow: 0 2px 8px 0 rgba(61,61,61,0.25); border-color:#fff; }
.tooltip-box.bs-tooltip-top .arrow:before {border-top-color: #fff;} 
.tooltip-box.bs-tooltip-bottom .arrow:before {border-bottom-color: #fff;} 
/* tooltip and popover css end */

/* leftbar css start */
.topbar{ background-color: #fff; }
.topbar .top-navbar .navbar-header {padding: 0px;  }
.topbar .navbar-header { min-height: inherit; }
.topbar .navbar-collapse { box-shadow: 0 2px 5px 0 rgba(215, 215, 215, 0.5); }
.topbar .top-navbar .navbar-header  .navbar-brand { position: relative; left: 0; width: 100%; text-align: center; margin-right: 0; }
.topbar .top-navbar .navbar-header  .navbar-brand img { max-height: 60px; padding: 8px 0px;}
.sidebar-nav ul li a, .sidebar-nav>ul>li>a i{color:#fff;}
.sidebar-nav .has-arrow::after{border-color:#fff; }
.sidebar-nav>ul>li.active>a{ background-color: #1E2A4C; color: #fff; border-color: #1E2A4C; }
.sidebar-nav ul li a.active, .sidebar-nav ul li a.active i, .sidebar-nav ul li a:hover, .sidebar-nav ul li a:hover i, .sidebar-nav>ul>li.active>a i{ color: #fff;}
/* leftbar css end */

/* page wrapper css start */
.page-titles h4 { font-weight:normal; font-size: 16px;}
/* page wrapper css end */

/* updated notification css start */
.card-alert{position: fixed; right: 0px; top: 145px; z-index:999999;}
.card-alert .media{max-width: 512px;align-items: stretch; position: relative; min-width: 420px; display: flex; }
.card-alert .media-body, .card-alert .media-left, .card-alert .media-right{vertical-align: middle;}
.card-alert .media .media-left{min-width: 100px; /*height: 100px;*/ text-align: center;}
.card-alert .media .media-left img{margin: 0px auto; max-width: 100px;}
.card-alert .media .media-body{color: #fff; padding: 15px 30px 15px 15px; } 
.card-alert .media .media-body h4{ font-size: 18px; } 
.card-alert .media .media-left:after{  width:100px; height:100px; background-position:center; background-size:60%; background-repeat:no-repeat; display:inline-block; }
.card-alert.success .media .media-body{background-color: #91D879;} 
.card-alert.success .media .media-left{background-color: #3AB80E;}
.card-alert.success .media .media-left:after { content:" "; background-image:url('../images/card_right.svg');}
.card-alert.danger .media .media-left{background-color: #E02020;}
.card-alert.danger .media .media-body{background-color: #EB6E6E;} 
.card-alert.danger .media .media-left:after { content:" "; background-image:url('../images/card_close.svg');}
.card-alert.warning .media .media-left{background-color: #d6a54d;}
.card-alert.warning .media .media-body{background-color: #ffb42d;} 
.card-alert.warning .media .media-left:after { content:" "; background-image:url('../images/card_warning.svg');}
.card-alert .media .media-body .media-heading, .card-alert-success .media .media-body p{font-weight: normal; line-height: normal;}
.card-alert .media .media-close{position: absolute; color: #fff; right: 10px; top:7px; font-size: 24px; font-weight: normal; line-height: 24px;}
.card-alert .media .media-close:hover{text-decoration: none;}
/* updated notification css end */

/*Input file upload css start */
.btn-file { overflow: hidden; position: relative; vertical-align: middle; }
.btn-file > input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); font-size: 23px; height: 100%; width: 100%; direction: ltr; cursor: pointer; border-radius: 0px; }
.fileinput .form-control { padding-top: 7px; padding-bottom: 5px; display: inline-block; margin-bottom: 0px; vertical-align: middle; cursor: text; }
.fileinput .thumbnail { overflow: hidden; display: inline-block; margin-bottom: 5px; vertical-align: middle; text-align: center; }
.fileinput .thumbnail > img { max-height: 100%; }
.fileinput .btn { vertical-align: middle; }
.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists { display: none; }
.fileinput-inline .fileinput-controls { display: inline; }
.fileinput-filename { vertical-align: middle; display: inline-block; overflow: hidden; }
.form-control .fileinput-filename { vertical-align: bottom; }
.fileinput.input-group > * { position: relative; z-index: 2; }
.fileinput.input-group > .btn-file { z-index: 1; }
/*Input file upload css end  */

.custom-control-label::before {background-color: #fff; border: 1px solid #adb5bd;}
.custom-control-label:after {background-size: 10px;}
.custom-control-input:checked~.custom-control-label:before  { background-color:#1E2A4C; border-color:#1E2A4C; box-shadow: none;}
.custom-checkbox .custom-control-input:focus ~ .custom-control-label:before {box-shadow:none;}

/*Checkbox css start  */ 
.custom-checkbox .custom-control-label::before { border-radius: 0.25rem; }
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #1E2A4C; background-color: #1E2A4C; }
.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); }
.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(251, 150, 120, 0.5); }
.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(251, 150, 120, 0.5); }
.table-theme thead .custom-checkbox .custom-control-label::before { background-color: #FFF; border-color: #FFF; }
.table-theme thead .custom-checkbox .custom-control-input:checked~.custom-control-label::before { background-color: #FFF; border-color: #FFF;}
.table-theme thead .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2309f' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); }
/*Checkbox css end   */

/*radio css start  */
/*.custom-radio .custom-control-label:after {background-size:10px;}*/
.custom-radio .custom-control-label::before { border-radius: 50%; }
.custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); }
.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(251, 150, 120, 0.5); }
/*radio css end   */

/* new comman tab responsive css start */
.tab_wrapper {position:relative; margin:0 auto; margin-bottom: 18px; overflow:hidden; padding:5px; height:42px; background-color:#fff;}
.tab_wrapper .nav-tabs { position:absolute; left:0px; top:0px;  min-width:3000px; margin-top:px;}
.tab_wrapper .nav-tabs li{display:table-cell;  position:relative; text-align:center; cursor:grab; cursor:-webkit-grab;  color:#efefef; vertical-align:middle;}
.scroller { text-align:center; cursor:pointer; display:none;  padding:11px 7px; white-space:no-wrap; vertical-align:middle; background-color:#fff;}
.scroller-right{  float:right;}
.scroller-left {  float:left; }
.scroller .fa { font-weight: bold; font-size:18px; }
/* new comman tab responsive css end */

/*Input Switch Css start */
.custom-switch .custom-control-label:before { box-shadow:none;}
.custom-switch { padding-left: 2.25rem; }
.custom-switch .custom-control-label:before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; }
.custom-switch .custom-control-label:after { top: calc(0.15rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
 @media (prefers-reduced-motion: reduce) {
.custom-switch .custom-control-label:after { transition: none; }
}
.custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); }
.custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(251, 150, 120, 0.5); }
/*Input Switch Css end   */

.input-group-text { font-size: 14px; }
.btn .bx  { vertical-align: middle; font-size: 16px; }

.table-theme tbody tr td, 
.table-theme thead tr th, 
.table-theme tfoot tr td { padding:7px;}
.table-theme tr td.icons a:not(.btn) > i {font-size: 20px; margin: 0px 4px;}

/* dashboard css start */
.dashboard_block .card-sales .card .card-header{ border-radius: 0px; border: none; }
.dashboard_block .card-sales .br-l{border-left:1px solid #fff;}
.dashboard_block .card-sales .country_summary{min-width: 200px;}
.dashboard_block .card-sales .country_summary .ms-choice{margin: 0px; position: relative;}
.dashboard_block .card-sales .country_summary .ms-drop ul > li.multiple{float: none; width: 100%!important;}
.dashboard_block .card-sales .form-inline .form-control{min-height: inherit; max-width: 115px;}
.dashboard_block .card-sales .table-theme tbody tr{ text-align: center;}
.dashboard_block .card-sales .table-theme thead tr th{color: #1E2A4C;font-weight: 600;background-color: #fff; text-align: center;}
.dashboard_chart #legend .pl-3 > a{color: #5e5e5e;}
.dashboard_block .card.card-dash .card-header .card-title  { font-size: 16px; font-weight: 600; }
.dashboard_block .card.card-dash .card-header a { color:#3D3D3D; }
.dashboard_block .card.card-dash .card-header { background-color:#fff; padding: 15px; }
.dashboard_block .card.card-dash .card-body { padding: 15px; }
.dashboard_block .card.card-dash .table-theme thead tr th:first-child, 
.dashboard_block .card.card-dash .table-theme tbody tr td:first-child { padding-left: 15px; }
.dashboard_block .card.card-dash .table-theme thead tr th:last-child, 
.dashboard_block .card.card-dash .table-theme tbody tr td:last-child  { padding-right: 15px;  }

.dashboard_block .card.card-dash.card-black .table-theme thead tr th{ background-color:#000; } 
.dashboard_block .card.card-dash .table-theme  td  a { color:#000; }
/* dashboard css end */

/*Order product page css start  */
.product-box .remove_prd {  position: absolute; right: -12px; top: -12px ; background-color:#ec0000; color: #FFF; width: 24px; height: 24px; text-align: center; font-size: 20px; line-height: 1; border-radius: 100%; }
.product-box .img_wrap {	min-height: 180px; display: flex; align-items: center; justify-content: center;	}
.product-box .img_wrap img{	max-height: 180px; max-width: 100%;	}
/*Order product page css end    */

/* step design css start =================== */
.step_base_div { display:block; text-align:center; margin:0px auto; }
.step_tab { display:inline-block; margin:0px; text-align: center; width:auto; .width: 600px; padding:0; }
.step_tab li{ display:inline-block; float:left; margin:0; width:180px; text-align:center; background:url('../images/get_card/navi_line.png') left 20px no-repeat; }
.step_tab li.first { background-position: 80px 20px; }
.step_tab li.second { background-position: 0 20px; }
.step_tab li.third { background-position: 0 20px; }
.step_tab li.fourth { background-position: right 20px; }
.step_tab li a { color:#FFF; cursor: pointer; }
.step_tab li a em {  background-color: #f4f4f4; width:47px; height:47px; font-style: normal; .height:36px; display:inline-block; *display: inline; zoom: 1; color:#000000; padding-top:10px; margin-bottom:8px;font-size:20px; border-radius: 100%; }
.step_tab li.step_completed a em {color:#fff; background-color:#1E2A4C; }
.step_tab li:last-child { background-position:90% 20px; }
.step_tab li a span { display:block; text-align:center; color: #000000; font-size: 16px; }
.step_tab li a:hover { text-decoration:none; }
.step_tab li a:focus { text-decoration:none; }
.step_tab li.active a em, .step_tab li:hover a em { color:#fff; background-color:#1E2A4C; }
/* step design css end ===================== */

/* login page css start */
.login_page_wrap{position:relative;display:table;width:100%;height:100vh;background-color:#fff;}
.login_page_wrap .login_left_part{ width:450px; display:table-cell; vertical-align:middle; position: relative; background-image: url("../images/login_bg.jpg"); background-size: cover; background-repeat: no-repeat; background-position: top left;}
.login_left_part .login_left_content{text-align: center; padding: 40px 0px;  }
.login_left_part .login_left_content img{max-width: 260px;}
.login_page_wrap .login_right_part { vertical-align: middle; display: table-cell; padding:30px 15px; position: relative; }
.login_right_part .login_right_content { max-width: 350px; margin: 0px auto; width: 100%; }
.create_account .login_right_part .login_right_content{max-width: 90%;}
/* login page css end */

/* profile page css start */
.profile_square .profile-img { border: 1px solid #cfcfcf; height: 150px; width: 150px; }
.btn-file>input { position: absolute; top: 0; right: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); font-size: 23px; height: 100%; width: 100%; direction: ltr; cursor: pointer; border-radius: 0; }
.btn-file>.btn { border-radius: 0px; min-width: 150px; }
.profile_collapes > .card { border: 0; }
.profile_collapes > .card > .card-header { background-color: #fff; padding: 0 !important; border-bottom: 0; }
.profile_collapes > .card > .card-header > button { text-transform: uppercase; font-size: 16px; padding: 18px; width: 100%; text-align: left; background-color: #1E2A4C; color: #fff; }
.profile_collapes > .card > .card-header > button.collapsed { background-color: #fff; color: #3D3D3D; }
.profile_collapes > .card > .card-header > button:after { content: "\f077"; font-family: FontAwesome; color: #fff; float: right; }
.profile_collapes > .card > .card-header > button.collapsed:after { content: "\f078"; color: #1E2A4C; }
.profile_collapes > .card >  .collapse.show { box-shadow: 0 0 5px 0 rgba(187, 187, 187, 0.5); }
.comment-widgets .comment-row.active, .comment-widgets .comment-row:hover{background-color:#FAFBFB;}
.comment-footer .action-icons a.active, .comment-footer .action-icons a:hover{color: #1E2A4C;}
.comment-widgets .comment-row{background-color:#FAFBFB; padding: 7px; border: 1px solid #b8b8b8!important;}
.comment-widgets .comment-row .comment-text{padding: 0px;}
/* profile page css end */

/* thankyou page css start */
.thankwrap{ padding: 5% 0px 0px; }
.thanks_card.card{border-top: 7px solid #1E2A4C;}
.thanks_card i{font-size: 70px;}
/* thankyou page css end */

/*Support page css start */
.support-widget .card-header .list-group .list-group-item{display: inline-block!important;}
.support-widget .list-group { display: block; }
.support-widget .list-group .list-group-item { border:none; margin-bottom: 0px;  display: inline-block; }
/*Support page css end   */

/*Emailer dashboard css start */
.proton-widget { display: inline-block; font-size: 14px; margin: 15px 0; position: relative;  transition: opacity 0.3s ease-in-out 0s; }
.emailer .card.min-height {min-height: 398px;}
.emailer .card .card-header i.bx{ vertical-align: middle; }
.emailer .proton-widget .list-group-item { padding:0; border-radius: 0; border-left: 0; border-right: 0;}
.emailer .proton-widget .list-group-item a { color: #666666; display: block; padding:10px 15px; }
.emailer .proton-widget .list-group-item a i { font-size: 18px; min-width:18px; margin-right:5px; vertical-align: middle; }
.emailer .proton-widget {  position: relative;  width:100%; }
.emailer .proton-widget > div { width:100%; }
.emailer .proton-widget .card-info .card-header { background-color: #a5c8e5; }
.emailer .proton-widget .card-header { position: relative; }
.emailer .card-info > .card-header { border-color: #a5c8e5; }
.emailer .card .card-header { font-weight: inherit; font-size: 20px; padding:10px 15px; }
.emailer .card .list-group .fa { margin: 0px 10px 0px 0px; }
.emailer h2 { color: #093762; font-size: 18px; margin: 10px 0px 10px; padding: 5px 20px; /* border-bottom: 1px solid #eeeeee; */ line-height:normal; font-weight: bolder; }
.emailer .linklist2{ padding: 10px 0px; }
.emailer .linklist2 dt { display: block; font-weight: 300; position: relative; padding: 0px 0px 2px; }
.emailer .linklist2 dt span { color: #393838; font-size: 15px; display: block; line-height: 24px; padding: 0px 20px; }
.emailer .linklist2 dt em { color: #093762; font-size: 15px; font-style: normal; line-height: 24px; position: absolute; right: 20px; text-align: right; top: 6px; z-index: 10; }
.emailer .proton-widget .list-group-item a:hover, .emailer .proton-widget .list-group-item:hover { background-color: #ececec; }
.emailer .nav > li > a { position: relative; padding: 10px 15px; display: block; }
.emailer .section-title { border-bottom: 1px solid #dddddd; padding-bottom: 9px; margin: 0 0 20px; }
.emailer .list-group-item i.icon-create { color: #009900; }
.emailer .centerd p { color: #393838; display: block; font-size: 14px; line-height: 18px; margin: 0; text-align: left; padding: 0px; }
.emailer .centerd a {  display: block; font-size: 15px; line-height: 18px; margin: 0 0 10px; text-align: left; }

.profile_collapes .trigger_logo { width: 100%; display: inline-block; text-align: center; cursor: pointer;  margin:4px 0; background: #FFF; padding:8px 10px;}
.profile_collapes .trigger_logo.active {box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.2);}
.profile_collapes .trigger_logo img{ max-height:70px; max-width:100%; width:auto;display: block; margin: 0 auto;}

/*Emailer dashboard css end   */

.quantity-select{min-width:105px; }
.value-minus, .value-plus { height: 34px; line-height: 24px; width: 35px;  float:left; cursor: pointer; position: relative; font-size: 14px; color: #fff; text-align: center; -webkit-user-select: none; -moz-user-select: none; border: 0.5px solid #1D1D1D; vertical-align: bottom; }
.quantity-select .entry.value-minus, .quantity-select .entry.value-plus {color:#1D1D1D; font-size:14px; font-family:'FontAwesome'; line-height:34px;}
.quantity-select .entry.value-minus:before { content:"\f068"; position:relative;}
.quantity-select .entry.value-plus:before { content:"\f067"; position:relative;  }
.quantity-select .value { float:left; cursor: default; width: 35px; height: 34px; padding: 8px 0px; color: #000; line-height: 18px; border-top: 0.5px solid #1D1D1D;  border-bottom: 0.5px solid #1D1D1D; background-color: #fff; text-align: center; font-weight:600;  }
.quantity-select .entry.value-minus:hover, .quantity-select .entry.value-plus:hover { background: #ddd; }
.quantity-select .entry.value-minus { margin-left: 0; }

/* Media Query css start */
@media only screen and (max-width: 1680px) and (min-width: 1280px)  {
.range_filter .form-control, .range_filter .input-group-prepend .input-group-text{padding:5px 5px;}
.mw160 {min-width:120px;}
.range_filter .phone-control-wrap .phone-addon:nth-last-child(3){/*padding-right:0px;*/}
.range_filter .phone-control-wrap .phone-addon{max-width:150px; padding-right: 5px;}
.range_filter .range_filter_close {right:0px;}
}
@media (min-width:1024px) {
.footer, .page-wrapper { margin-left: 235px }
}
@media (min-width:768px) {
.d-flex { display: flex!important }
.navbar-header { width: 235px; flex-shrink: 0 }
.navbar-header .navbar-brand { padding-top: 0 }
.material-icon-list-demo .icons div { width: 33%; padding: 15px; display: inline-block; line-height: 40px }
}
@media (max-width:1023px) {
.inbox-center a { width: 200px }
.d-flex { display: block !important }
.d-flex.no-block { display: flex !important }
}
@media (max-width:991px) {
.dashboard_block .card-sales > .card-header { position:relative}
.dashboard_block .card-sales .custom_date_filter { position:absolute; right:0; top:100%; background-color:#fff; padding:10px; box-shadow:0 2px 4px 0 rgba(163, 163, 163, 0.5);}	
.dashboard_block .card-sales .custom_date_filter:after { content:""; width: 0; height: 0; border-style: solid; border-width: 0 8px 10px 8px; border-color: transparent transparent #fff transparent; position:absolute; top:-10px; right:72px; }
.login_page_wrap .login_left_part { width: 350px; }
body #colorbox { width: 90% !important; left: 5% !important; }
body #cboxWrapper, body #cboxContent, body #cboxLoadedContent { width: 100% !important; }
}
@media (max-width:800px) {
.step_tab li a span { font-size: 14px;  }
.step_tab li { width: 148px; }
}
@media (max-width:767px) {
.container-fluid, .container-lg, .container-md, .container-sm, .container-xl { padding: 0 15px; overflow: hidden }
.topbar { width: 100% }
.topbar .top-navbar { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: nowrap; -webkit-align-items: center }
.topbar .top-navbar .navbar-collapse { display: flex; width: 100% }
.topbar .top-navbar .navbar-nav { flex-direction: row }
.topbar .top-navbar .navbar-nav>.nav-item.show { position: static }
.topbar .top-navbar .navbar-nav>.nav-item.show .dropdown-menu { width: 100%; margin-top: 0 }
.topbar .top-navbar .navbar-nav .dropdown-menu { position: absolute }
.mega-dropdown .dropdown-menu { height: 480px; overflow: auto }
.comment-text .comment-footer .action-icons { display: block; padding: 10px 0 }
.vtabs .tabs-vertical { width: auto }
.material-icon-list-demo .icons div { width: 100% }
.error-page .footer { position: fixed; bottom: 0; z-index: 10 }
.error-box, .login-register, .login-sidebar .login-box { position: relative }
.error-box { padding-bottom: 60px }
.error-body { padding-top: 10% }
.error-body h1 { font-size: 100px; font-weight: 600; line-height: 100px }
.login-register { overflow: hidden }
.login-box { width: 90% }
.login-sidebar { padding: 10% 0 }
.chat-main-box .chat-left-aside { left: -250px; position: absolute; transition: .5s ease-in; background: #fff }
.chat-main-box .chat-left-aside.open-pnl { left: 0 }
.chat-main-box .chat-left-aside .open-panel { display: block }
.chat-main-box .chat-right-aside { width: 100% }
ul.timeline:before { left: 40px }
ul.timeline>li>.timeline-panel { width: calc(100% - 90px); float: right }
ul.timeline>li>.timeline-badge { top: 16px; left: 15px; margin-left: 0 }
ul.timeline>li>.timeline-panel:before { right: auto; left: -15px; border-right-width: 15px; border-left-width: 0 }
ul.timeline>li>.timeline-panel:after { right: auto; left: -14px; border-right-width: 14px; border-left-width: 0 }
.left-aside { width: 100%; position: relative; border: 0 }
.right-aside { margin-left: 0 }
.flex-wrap { flex-wrap: wrap !important; -webkit-flex-wrap: wrap !important }
.chat-list li .chat-content { width: calc(100% - 80px) }
.fc-toolbar .fc-center, .fc-toolbar .fc-left, .fc-toolbar .fc-right { float: none; display: block; text-align: center; margin-top: 10px; overflow: hidden }
.sidebar-nav ul li a, .sidebar-nav>ul>li>a i{ color:#ffffff!important; }
#frm_category label.text-right { text-align: left!important }

.dashboard_block .card-sales .custom_date_filter{display: block; z-index: 999;}
.dashboard_block .card-sales .custom_date_filter{width: 100%;}
.dashboard_block .card-sales .custom_date_filter .mr-3{width: 100%; margin: 0px 0px 15px 0px;}
.dashboard_block .card-sales .form-inline .form-control{max-width: 100%; width: 100%;}
.dashboard_block .card-sales h4{margin-bottom: 15px!important;}
.dashboard_block .card-sales > .card-header > .float-right{float:left!important;display:inline-block;width:100%;text-align:left; margin-top: 15px;}
.card-alert { font-size: 12px;}
.card-alert .media .media-body h4 {font-size: 16px;}
.card-alert .media .media-left {min-width: 80px;}
.login_page_wrap, 
.login_page_wrap .login_left_part, 
.login_page_wrap .login_right_part{ display: inline-block !important; width: 100%; }
.loging_left_center_content { text-align: center; width: 100%; display: inline-block !important; padding: 0 !important;  }
.login_left_part .login_left_content { padding: 15px 0px; }
}
@media (max-width:640px) {
.step_tab li{ width:145px; }
.card-search .card-right .card-header .btn, .card-search .card-right .card-body .btn { margin-bottom: 5px; margin-right: 5px; }
}
@media (max-width:540px) {
.step_tab { position:relative;}
.step_tab:after { content:""; position:absolute; left:16px; top:0; border-right:3px solid #cdcccc; height:90%; z-index:0; }
.step_tab li { background:none; width:100%; text-align:left;}
.step_tab li a span,.step_tab li a em { display:inline-block; text-align:center;}
.step_tab li a em { width:35px; height:35px; display:inline-block; background-size:100% 200%; padding-top:0; font-size: 16px;line-height: 35px; margin-right:5px; z-index:1; position:relative; } 

.card .card-left {height: inherit; width: 100%; border-bottom: 1px solid #E4E4E4; }
.card .card-right {padding-left: inherit; padding-top: 57px; }
.card-search .card-left ul li a.show:after { right: inherit; bottom: -14px; top: 57px; left: 18px; transform: rotate(90deg); }
.card-search .search-handle { padding: 0; }
}
@media (max-width:480px) {
.login_left_part .login_left_content img { max-width: 60%;}
.login_right_part .login_right_content h3 { font-size: 20px; }
.instant_daily_commi_btn { margin-top: 10px; margin-right: 0px!important; }
.weekly_commission_details_btn { margin-top: 10px; margin-right: 0px!important; }
.cust-nav-tabs.nav.nav-tabs { font-size: 14px; }
.cust-nav-tabs li a{ display: flex; padding: 8px; }
.cust-nav-tabs li a input[type='text']{ width: 100%;}
.cust-nav-tabs li a button[type='button'] { padding: 0 4px; }
}