/*!
 *   LPC Version 1.0.0
 *   Author: Valethi technology
 */
html, body { height: 100%;}
.layout-boxed html, .layout-boxed body { height: 100%;}
body { font-family: 'Source Sans Pro', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 400; overflow-x: hidden; overflow-y: auto; background: #FFF !important;}
.wrapper { height: 100%; position: relative; overflow-x: hidden; overflow-y: auto;}
.wrapper:before, .wrapper:after { content: " "; display: table;}
.wrapper:after { clear: both;}
.layout-boxed .wrapper { max-width: 1250px; margin: 0 auto; min-height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); position: relative;}
.layout-boxed { background: url('../img/boxed-bg.jpg') repeat fixed;}
.content-wrapper, .main-footer { -webkit-transition: -webkit-transform 0.3s ease-in-out, margin 0.3s ease-in-out; -moz-transition: -moz-transform 0.3s ease-in-out, margin 0.3s ease-in-out; -o-transition: -o-transform 0.3s ease-in-out, margin 0.3s ease-in-out; transition: transform 0.3s ease-in-out, margin 0.3s ease-in-out; margin-left: 230px; z-index: 820;}
.layout-top-nav .content-wrapper, .layout-top-nav .main-footer { margin-left: 0;}
.content-wrapper { min-height: 100%; background-color: #FFF; z-index: 800; margin-top: 80px;}
.main-footer { background: #383838; padding: 8px 35px; color: #fff; border-top: 1px solid #d2d6de;}
.fixed .main-header, .fixed .main-sidebar, .fixed .left-side { position: fixed;}
.fixed .main-header { top: 0; right: 0; left: 0;}
.fixed .content-wrapper, .fixed .right-side { padding-top: 50px;}
.fixed.layout-boxed .wrapper { max-width: 100%;}
.fixed .wrapper { overflow: hidden;}
.hold-transition .content-wrapper, .hold-transition .right-side, .hold-transition .main-footer, .hold-transition .main-sidebar, .hold-transition .left-side, .hold-transition .main-header .navbar, .hold-transition .main-header .logo, .hold-transition .menu-open .fa-angle-left {  -webkit-transition: none; -o-transition: none; transition: none;}
.content { min-height: 250px; padding: 15px; margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: 'Source Sans Pro', sans-serif;}
a { color: #3c8dbc;}
a:hover, a:active, a:focus { outline: none; text-decoration: none; color: #72afd2;}
.page-header { margin: 10px 0 20px 0; font-size: 22px;}
.page-header > small { color: #666; display: block; margin-top: 5px;}
.main-header { position: fixed;  max-height: 100px; z-index: 1030; width: 100%; top: 0; left: 0;}
.main-header .navbar { -webkit-transition: margin-left 0.3s ease-in-out; -o-transition: margin-left 0.3s ease-in-out; transition: margin-left 0.3s ease-in-out;  margin-bottom: 0; margin-left: 230px; border: none; min-height: 80px; border-radius: 0;}
.layout-top-nav .main-header .navbar { margin-left: 0;}
.main-header .navbar-custom-menu, .main-header .navbar-right { float: right;}
.main-header .navbar .nav > li.user > a > .fa, .main-header .navbar .nav > li.user > a > .glyphicon, .main-header .navbar .nav > li.user > a > .ion { margin-right: 5px;}
.main-header .navbar .nav > li > a > .label { position: absolute; top: 9px; right: 7px; text-align: center; font-size: 9px; padding: 2px 3px; line-height: .9;}
.main-header .logo { -webkit-transition: width 0.3s ease-in-out; -o-transition: width 0.3s ease-in-out; transition: width 0.3s ease-in-out; display: block; float: left; height: 50px; font-size: 20px; line-height: 50px; text-align: center; width: 230px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0 15px; font-weight: 300; overflow: hidden;}
.main-header .logo .logo-lg { display: block;}
.main-header .logo .logo-mini { display: none;}
.main-header .navbar-brand { color: #fff;}
.content-header { position: relative; padding: 15px 15px 0 15px;}
.content-header > h1 { margin: 0; font-size: 21px; font-weight: 600; color: #666;}
.content-header > h1 > small { font-size: 15px; display: inline-block; padding-left: 4px; font-weight: 300;}
.navbar-toggle { color: #fff; border: 0; margin: 0; padding: 15px 15px;}
.dropdown-menu { box-shadow: none; border-color: #eee;}
.dropdown-menu > li > a { color: #000;}
.dropdown-menu > li > a > .glyphicon, .dropdown-menu > li > a > .fa, .dropdown-menu > li > a > .ion { margin-right: 10px;}
.dropdown-menu > li > a:hover {  background-color: #287BBD; color: #FFF;}
.dropdown-menu > .divider { background-color: #eee;}
.open:not(.dropup) > .animated-dropdown-menu { backface-visibility: visible !important; -webkit-animation: flipInX 0.7s both; -o-animation: flipInX 0.7s both; animation: flipInX 0.7s both;}
.navbar-custom-menu > .navbar-nav > li { position: relative;}
.navbar-custom-menu > .navbar-nav > li > .dropdown-menu { position: absolute; right: 0; left: auto;}
.form-control { border-radius: 0; box-shadow: none; border-color: #d2d6de;}
.form-control:focus { border-color: #3c8dbc; box-shadow: none;}
.form-control::-moz-placeholder, .form-control:-ms-input-placeholder, .form-control::-webkit-input-placeholder { color: #bbb; opacity: 1;}
.form-control:not(select) { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.form-group.has-success label { color: #00a65a;}
.form-group.has-success .form-control, .form-group.has-success .input-group-addon { border-color: #00a65a; box-shadow: none;}
.form-group.has-success .help-block { color: #00a65a;}
.form-group.has-warning label { color: #f39c12;}
.form-group.has-warning .form-control, .form-group.has-warning .input-group-addon { border-color: #f39c12; box-shadow: none;}
.form-group.has-warning .help-block { color: #f39c12;}
.form-group.has-error label { color: #dd4b39;}
.form-group.has-error .form-control, .form-group.has-error .input-group-addon { border-color: #dd4b39; box-shadow: none;}
.form-group.has-error .help-block { color: #dd4b39;}
.input-group .input-group-addon { border-radius: 0; border-color: #d2d6de; background-color: #fff;}
.btn-group-vertical .btn.btn-flat:first-of-type, .btn-group-vertical .btn.btn-flat:last-of-type { border-radius: 0;}
.icheck > label { padding-left: 0;}
.form-control-feedback.fa { line-height: 34px;}
.input-lg + .form-control-feedback.fa, .input-group-lg + .form-control-feedback.fa, .form-group-lg .form-control + .form-control-feedback.fa { line-height: 46px;}
.input-sm + .form-control-feedback.fa, .input-group-sm + .form-control-feedback.fa, .form-group-sm .form-control + .form-control-feedback.fa { line-height: 30px;}
.small-box { border-radius: 2px; position: relative; display: block; margin-bottom: 20px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);}
.small-box > .inner { padding: 10px;}
.small-box > .small-box-footer { position: relative; text-align: center; padding: 3px 0; color: #fff; color: rgba(255, 255, 255, 0.8); display: block; z-index: 10; background: rgba(0, 0, 0, 0.1); text-decoration: none;}
.small-box > .small-box-footer:hover { color: #fff; background: rgba(0, 0, 0, 0.15);}
.small-box h3 { font-size: 38px; font-weight: bold; margin: 0 0 10px 0; white-space: nowrap; padding: 0;}
.small-box p { font-size: 15px;}
.small-box p > small { display: block; color: #f9f9f9; font-size: 13px; margin-top: 5px;}
.small-box h3, .small-box p { z-index: 5;}
.small-box .icon { -webkit-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; position: absolute; top: -10px; right: 10px; z-index: 0; font-size: 90px; color: rgba(0, 0, 0, 0.15);}
.small-box:hover { text-decoration: none; color: #f9f9f9;}
.small-box:hover .icon { font-size: 95px;}
.box { position: relative; border-radius: 3px; background: #ffffff; border-top: 3px solid #d2d6de; margin-bottom: 20px; width: 100%;}
.box.box-primary { border-top-color: #3c8dbc;}
.box.box-info { border-top-color: #00c0ef;}
.box.box-danger { border-top-color: #dd4b39;}
.box.box-warning { border-top-color: #f39c12;}
.box.box-success { border-top-color: #00a65a;}
.box.box-default { border-top-color: #d2d6de; border: 1px solid #ddd;}
.box.collapsed-box .box-body, .box.collapsed-box .box-footer { display: none;}
.box .nav-stacked > li { border-bottom: 1px solid #f4f4f4; margin: 0;}
.box .nav-stacked > li:last-of-type { border-bottom: none;}
.box.height-control .box-body { max-height: 300px; overflow: auto;}
.box .border-right { border-right: 1px solid #f4f4f4;}
.box .border-left { border-left: 1px solid #f4f4f4;}
.box.box-solid { border-top: 0;}
.box.box-solid > .box-header .btn.btn-default { background: transparent;}
.box.box-solid > .box-header .btn:hover, .box.box-solid > .box-header a:hover { background: rgba(0, 0, 0, 0.1);}
.box.box-solid.box-default { border: 1px solid #d2d6de;}
.box.box-solid.box-default > .box-header { color: #444444; background: #d2d6de; background-color: #d2d6de;}
.box.box-solid.box-default > .box-header a, .box.box-solid.box-default > .box-header .btn { color: #444444;}
.box.box-solid.box-primary { border: 1px solid #3c8dbc;}
.box.box-solid.box-primary > .box-header { color: #ffffff; background: #3c8dbc; background-color: #3c8dbc;}
.box.box-solid.box-primary > .box-header a, .box.box-solid.box-primary > .box-header .btn { color: #ffffff;}
.box.box-solid.box-info { border: 1px solid #00c0ef;}
.box.box-solid.box-info > .box-header { color: #ffffff; background: #00c0ef; background-color: #00c0ef;}
.box.box-solid.box-info > .box-header a, .box.box-solid.box-info > .box-header .btn { color: #ffffff;}
.box.box-solid.box-danger { border: 1px solid #dd4b39;}
.box.box-solid.box-danger > .box-header { color: #ffffff; background: #dd4b39; background-color: #dd4b39;}
.box.box-solid.box-danger > .box-header a, .box.box-solid.box-danger > .box-header .btn { color: #ffffff;}
.box.box-solid.box-warning { border: 1px solid #f39c12;}
.box.box-solid.box-warning > .box-header { color: #ffffff; background: #f39c12; background-color: #f39c12;}
.box.box-solid.box-warning > .box-header a, .box.box-solid.box-warning > .box-header .btn { color: #ffffff;}
.box.box-solid.box-success { border: 1px solid #00a65a;}
.box.box-solid.box-success > .box-header { color: #ffffff; background: #00a65a; background-color: #00a65a;}
.box.box-solid.box-success > .box-header a, .box.box-solid.box-success > .box-header .btn { color: #ffffff;}
.box.box-solid > .box-header > .box-tools .btn { border: 0; box-shadow: none;}
.box.box-solid[class*='bg'] > .box-header { color: #fff;}
.box .box-group > .box { margin-bottom: 5px;}
.box .knob-label { text-align: center; color: #333; font-weight: 100; font-size: 12px; margin-bottom: 0.3em;}
.box > .overlay, .overlay-wrapper > .overlay, .box > .loading-img, .overlay-wrapper > .loading-img { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.box .overlay, .overlay-wrapper .overlay { z-index: 50; background: rgba(255, 255, 255, 0.7); border-radius: 3px;}
.box .overlay > .fa, .overlay-wrapper .overlay > .fa { position: absolute; top: 50%; left: 50%; margin-left: -15px; margin-top: -15px; color: #000; font-size: 30px;}
.box .overlay.dark, .overlay-wrapper .overlay.dark { background: rgba(0, 0, 0, 0.5);}
.box-header:before, .box-body:before, .box-footer:before, .box-header:after, .box-body:after, .box-footer:after { content: " "; display: table;}
.box-header:after, .box-body:after, .box-footer:after { clear: both;}
.box-header { color: #444; display: block; padding: 10px; position: relative;}
.box-header.with-border { border-bottom: 1px solid #f4f4f4;}
.collapsed-box .box-header.with-border { border-bottom: none;}
.box-header > .fa, .box-header > .glyphicon, .box-header > .ion, .box-header .box-title { display: inline-block; font-size: 18px; margin: 0; line-height: 1;}
.box-header > .fa, .box-header > .glyphicon, .box-header > .ion { margin-right: 5px;}
.box-header > .box-tools { position: absolute; right: 10px; top: 5px;}
.box-header > .box-tools [data-toggle="tooltip"] { position: relative;}
.box-header > .box-tools.pull-right .dropdown-menu { right: 0; left: auto;}
.box-header > .box-tools .dropdown-menu > li > a { color: #444!important;}
.btn-box-tool { padding: 5px; font-size: 12px; background: transparent; color: #97a0b3;}
.open .btn-box-tool, .btn-box-tool:hover { color: #606c84;}
.btn-box-tool.btn:active { box-shadow: none;}
.box-body { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; padding: 10px;}
.no-header .box-body { border-top-right-radius: 3px; border-top-left-radius: 3px;}
.box-body > .table { margin-bottom: 0;}
.box-body .fc { margin-top: 5px;}
.box-body .full-width-chart { margin: -19px;}
.box-body.no-padding .full-width-chart { margin: -9px;}
.box-body .box-pane { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 3px;}
.box-body .box-pane-right { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 0;}
.box-footer { border-top-left-radius: 0; border-top-right-radius: 0; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; border-top: 1px solid #f4f4f4; padding: 10px; background-color: #ffffff;}
.chart-legend { margin: 10px 0;}
.box-input { max-width: 200px;}
.modal .panel-body { color: #444;}
.info-box { display: block; min-height: 90px; background: #fff; width: 100%; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 2px; margin-bottom: 15px;}
.info-box small { font-size: 14px;}
.info-box .progress { background: rgba(0, 0, 0, 0.2); margin: 5px -10px 5px -10px; height: 2px;}
.info-box .progress, .info-box .progress .progress-bar { border-radius: 0;}
.info-box .progress .progress-bar { background: #fff;}
.info-box-icon { border-top-left-radius: 2px; border-top-right-radius: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 2px; display: block; float: left; height: 90px; width: 90px; text-align: center; font-size: 45px; line-height: 90px; background: rgba(0, 0, 0, 0.2);}
.info-box-icon > img { max-width: 100%;}
.info-box-content { padding: 5px 10px; margin-left: 90px;}
.info-box-number { display: block; font-weight: bold; font-size: 18px;}
.progress-description, .info-box-text { display: block; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.info-box-text { text-transform: uppercase;}
.info-box-more { display: block;}
.btn { border-radius: 3px; -webkit-box-shadow: none; box-shadow: none; border: 1px solid transparent;}
.btn.uppercase { text-transform: uppercase;}
.btn.btn-flat { border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-width: 1px;}
.btn:active { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn:focus { outline: none;}
.btn.btn-file { position: relative; overflow: hidden;}
.btn.btn-file > input[type='file'] { position: absolute; top: 0; right: 0; min-width: 100%; min-height: 100%; font-size: 100px; text-align: right; opacity: 0; filter: alpha(opacity=0); outline: none; background: white; cursor: inherit; display: block;}
.btn-default { background-color: #f4f4f4; color: #444; border-color: #ddd;}
.btn-default:hover, .btn-default:active, .btn-default.hover { background-color: #e7e7e7;}
.btn-primary { background-color: #1d9000 !important; border-radius: 18px; border: none; padding: 7px 20px !important;}
.btn-primary:hover, .btn-primary:active, .btn-primary.hover { background-color: #1d9000;}
.btn-success { background-color: #287BBD; border-radius: 18px; border: none; padding: 7px 20px !important;}
.btn-success:hover, .btn-success:active, .btn-success.hover { background-color: #287BBD;}
.btn-info { background-color: #00c0ef; border-color: #00acd6;}
.btn-info:hover, .btn-info:active, .btn-info.hover { background-color: #00acd6;}
.btn-danger { background-color: #dd4b39; border-radius: 18px; border: none; padding: 7px 20px !important;}
.btn-danger:hover, .btn-danger:active, .btn-danger.hover { background-color: #d73925;}
.btn-warning { background-color: #f39c12; border-color: #e08e0b;}
.btn-warning:hover, .btn-warning:active, .btn-warning.hover { background-color: #e08e0b;}
.btn-outline { border: 1px solid #fff; background: transparent; color: #fff;}
.btn-outline:hover, .btn-outline:focus, .btn-outline:active { color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.7);}
.btn-link { -webkit-box-shadow: none; box-shadow: none;}
.btn[class*='bg-']:hover { -webkit-box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2); box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.2);}
.btn-app { border-radius: 3px; position: relative; padding: 15px 5px; margin: 0 0 10px 10px; min-width: 80px; height: 60px; text-align: center; color: #666; border: 1px solid #ddd; background-color: #f4f4f4; font-size: 12px;}
.btn-app > .fa, .btn-app > .glyphicon, .btn-app > .ion { font-size: 20px; display: block;}
.btn-app:hover { background: #f4f4f4; color: #444; border-color: #aaa;}
.btn-app:active, .btn-app:focus {-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); -moz-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);}
.btn-app > .badge { position: absolute; top: -3px; right: -10px; font-size: 10px; font-weight: 400;}
.alert { border-radius: 3px;}
.alert h4 { font-weight: 600;}
.alert .icon { margin-right: 10px;}
.alert .close { color: #000; opacity: 0.2; filter: alpha(opacity=20);}
.alert .close:hover { opacity: 0.5; filter: alpha(opacity=50);}
.alert a { color: #fff; text-decoration: underline;}
.alert-success { border-color: #008d4c;}
.alert-danger, .alert-error { border-color: #d73925;}
.alert-warning { border-color: #e08e0b;}
.alert-info { border-color: #00acd6;}
.nav > li > a:hover, .nav > li > a:active, .nav > li > a:focus { color: #444; background: #f7f7f7;}
.nav-pills > li > a { border-radius: 0; border-top: 3px solid transparent; color: #444;}
.nav-pills > li > a > .fa, .nav-pills > li > a > .glyphicon, .nav-pills > li > a > .ion { margin-right: 5px;}
.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { border-top-color: #3c8dbc;}
.nav-pills > li.active > a { font-weight: 600;}
.nav-stacked > li > a { border-radius: 0; border-top: 0; border-left: 3px solid transparent; color: #444;}
.nav-stacked > li.active > a, .nav-stacked > li.active > a:hover { background: transparent; color: #444; border-top: 0; border-left-color: #3c8dbc;}
.nav-stacked > li.header { border-bottom: 1px solid #ddd; color: #777; margin-bottom: 10px; padding: 5px 10px; text-transform: uppercase;}
.nav-tabs-custom { margin-bottom: 5px; border-radius: 3px;}
.nav-tabs-custom > .nav-tabs { margin: 0; border-bottom-color: #f4f4f4; border-top-right-radius: 3px; border-top-left-radius: 3px;}
.nav-tabs-custom > .nav-tabs > li { border-top: 3px solid transparent; margin-bottom: -2px; margin-right: 5px;}
.nav-tabs-custom > .nav-tabs > li.disabled > a { color: #777;}
.nav-tabs-custom > .nav-tabs > li > a { color: #444; border-radius: 0; cursor: pointer;}
.nav-tabs-custom > .nav-tabs > li > a.text-muted { color: #999;}
.nav-tabs-custom > .nav-tabs > li > a, .nav-tabs-custom > .nav-tabs > li > a:hover { background: transparent; margin: 0;}
.nav-tabs-custom > .nav-tabs > li > a:hover { color: #999;}
.nav-tabs-custom > .nav-tabs > li:not(.active) > a:hover, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:focus, .nav-tabs-custom > .nav-tabs > li:not(.active) > a:active { border-color: transparent;}
.nav-tabs-custom > .nav-tabs > li.active { border-top-color: #3c8dbc; margin-top: 3px !important;}
.nav-tabs-custom > .nav-tabs > li.active > a, .nav-tabs-custom > .nav-tabs > li.active:hover > a { background-color: #fff; color: #444; cursor: pointer;}
.nav-tabs-custom > .nav-tabs > li.active > a { border-top-color: transparent; border-left-color: #f4f4f4; border-right-color: #f4f4f4;}
.nav-tabs-custom > .nav-tabs > li:first-of-type { margin-left: 0;}
.nav-tabs-custom > .nav-tabs > li:first-of-type.active > a { border-left-color: transparent;}
.nav-tabs-custom > .nav-tabs.pull-right { float: none !important;}
.nav-tabs-custom > .nav-tabs.pull-right > li { float: right;}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type { margin-right: 0;}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type > a { border-left-width: 1px;}
.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a { border-left-color: #f4f4f4; border-right-color: transparent;}
.nav-tabs-custom > .nav-tabs > li.header { line-height: 35px; padding: 0 10px; font-size: 20px; color: #444;}
.nav-tabs-custom > .nav-tabs > li.header > .fa, .nav-tabs-custom > .nav-tabs > li.header > .glyphicon, .nav-tabs-custom > .nav-tabs > li.header > .ion { margin-right: 5px;}
.nav-tabs-custom > .tab-content { background: #fff; padding: 10px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px;}
.nav-tabs-custom .dropdown.open > a:active, .nav-tabs-custom .dropdown.open > a:focus { background: transparent; color: #999;}
.nav-tabs-custom.tab-primary > .nav-tabs > li.active { border-top-color: #3c8dbc;}
.nav-tabs-custom.tab-info > .nav-tabs > li.active { border-top-color: #00c0ef;}
.nav-tabs-custom.tab-danger > .nav-tabs > li.active { border-top-color: #dd4b39;}
.nav-tabs-custom.tab-warning > .nav-tabs > li.active { border-top-color: #f39c12;}
.nav-tabs-custom.tab-success > .nav-tabs > li.active { border-top-color: #00a65a;}
.nav-tabs-custom.tab-default > .nav-tabs > li.active { border-top-color: #d2d6de;}
.pagination > li > a { background: #fafafa; color: #666;}
.pagination.pagination-flat > li > a {border-radius: 0 !important;}
.products-list { list-style: none; margin: 0; padding: 0;}
.products-list > .item { border-radius: 3px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); padding: 10px 0; background: #fff;}
.products-list > .item:before, .products-list > .item:after { content: " "; display: table;}
.products-list > .item:after { clear: both;}
.products-list .product-img { float: left;}
.products-list .product-img img { width: 50px; height: 50px;}
.products-list .product-info { margin-left: 60px;}
.products-list .product-title { font-weight: 600;}
.products-list .product-description { display: block; color: #999; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.product-list-in-box > .item { -webkit-box-shadow: none; box-shadow: none; border-radius: 0; border-bottom: 1px solid #f4f4f4;}
.product-list-in-box > .item:last-of-type { border-bottom-width: 0;}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 1px solid #f4f4f4;}
.table > thead > tr > th { border-bottom: 2px solid #f4f4f4;}
.table tr td .progress { margin-top: 5px;}
.table-bordered { border: 1px solid #f4f4f4;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td { border: 1px solid #f4f4f4;}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td { border-bottom-width: 2px;}
.table.no-border, .table.no-border td, .table.no-border th { border: 0;}
table.text-center, table.text-center td, table.text-center th { text-align: center;}
.table.align th { text-align: left;}
.table.align td { text-align: right;}
.label-default { background-color: #d2d6de; color: #444;}
.users-list > li { width: 25%; float: left; padding: 10px; text-align: center;}
.users-list > li img { border-radius: 50%; max-width: 100%; height: auto;}
.users-list > li > a:hover, .users-list > li > a:hover .users-list-name { color: #999;}
.users-list-name, .users-list-date { display: block;}
.users-list-name { font-weight: 600; color: #444; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.users-list-date { color: #999; font-size: 12px;}
.carousel-control.left, .carousel-control.right { background-image: none;}
.carousel-control > .fa { font-size: 40px; position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top: -20px;}
.modal { background: rgba(0, 0, 0, 0.3);}
.modal-content { border-radius: 0; -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); border: 0;}
.modal-header { border-bottom-color: #f4f4f4;}
.modal-footer { border-top-color: #f4f4f4;}
.modal-primary .modal-header, .modal-primary .modal-footer { border-color: #307095;}
.modal-warning .modal-header, .modal-warning .modal-footer { border-color: #c87f0a;}
.modal-info .modal-header, .modal-info .modal-footer { border-color: #0097bc;}
.modal-success .modal-header, .modal-success .modal-footer { border-color: #00733e;}
.modal-danger .modal-header, .modal-danger .modal-footer { border-color: #c23321;}
.box-widget { border: none; position: relative;}
.login-logo, .register-logo { font-size: 35px; text-align: center; margin-bottom: 25px; font-weight: 300;}
.login-logo a, .register-logo a { color: #444;}
.login-page, .register-page { background: #d2d6de;}
.login-box, .register-box { width: 360px; margin: 7% auto;}
.login-box-body, .register-box-body { background: #fff; padding: 20px; border-top: 0; color: #666;}
.login-box-body .form-control-feedback, .register-box-body .form-control-feedback { color: #777;}
.login-box-msg, .register-box-msg { margin: 0; text-align: center; padding: 0 20px 20px 20px;}
.social-auth-links { margin: 10px 0;}
.error-page { width: 600px; margin: 20px auto 0 auto;}
.error-page > .headline { float: left; font-size: 100px; font-weight: 300;}
.error-page > .error-content { margin-left: 190px; display: block;}
.error-page > .error-content > h3 { font-weight: 300; font-size: 25px;}
#add-new-event { -webkit-transition: all linear 0.3s; -o-transition: all linear 0.3s; transition: all linear 0.3s;}
.external-event { padding: 5px 10px; font-weight: bold; margin-bottom: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; cursor: move;}
.external-event:hover { box-shadow: inset 0 0 90px rgba(0, 0, 0, 0.2);}
.select2-container--default.select2-container--focus, .select2-selection.select2-container--focus, .select2-container--default:focus, .select2-selection:focus, .select2-container--default:active, .select2-selection:active { outline: none;}
.select2-container--default .select2-selection--single, .select2-selection .select2-selection--single { border: 1px solid #d2d6de; border-radius: 0; padding: 6px 12px; height: 34px;}
.select2-container--default.select2-container--open { border-color: #3c8dbc;}
.select2-dropdown { border: 1px solid #d2d6de; border-radius: 0;}
.select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #3c8dbc; color: white;}
.select2-results__option { padding: 6px 12px; user-select: none; -webkit-user-select: none;}
.select2-container .select2-selection--single .select2-selection__rendered { padding-left: 0; padding-right: 0; height: auto; margin-top: -4px;}
.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 6px; padding-left: 20px;}
.select2-container--default .select2-selection--single .select2-selection__arrow { height: 28px; right: 3px;}
.select2-container--default .select2-selection--single .select2-selection__arrow b { margin-top: 0;}
.select2-dropdown .select2-search__field, .select2-search--inline .select2-search__field { border: 1px solid #d2d6de;}
.select2-dropdown .select2-search__field:focus, .select2-search--inline .select2-search__field:focus { outline: none;}
.select2-container--default.select2-container--focus .select2-selection--multiple, .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #3c8dbc !important;}
.select2-container--default .select2-results__option[aria-disabled=true] { color: #999;}
.select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd;}
.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[aria-selected=true]:hover { color: #444;}
.select2-container--default .select2-selection--multiple { border: 1px solid #d2d6de; border-radius: 0;}
.select2-container--default .select2-selection--multiple:focus { border-color: #3c8dbc;}
.select2-container--default.select2-container--focus .select2-selection--multiple { border-color: #d2d6de;}
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #3c8dbc; border-color: #367fa9; padding: 1px 10px; color: #fff;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { margin-right: 5px; color: rgba(255, 255, 255, 0.7);}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #fff;}
.select2-container .select2-selection--single .select2-selection__rendered { padding-right: 10px;}
.box .datepicker-inline, .box .datepicker-inline .datepicker-days, .box .datepicker-inline > table, .box .datepicker-inline .datepicker-days > table { width: 100%;}
.box .datepicker-inline td:hover, .box .datepicker-inline .datepicker-days td:hover, .box .datepicker-inline > table td:hover, .box .datepicker-inline .datepicker-days > table td:hover { background-color: rgba(255, 255, 255, 0.3);}
.box .datepicker-inline td.day.old, .box .datepicker-inline .datepicker-days td.day.old, .box .datepicker-inline > table td.day.old, .box .datepicker-inline .datepicker-days > table td.day.old, .box .datepicker-inline td.day.new, .box .datepicker-inline .datepicker-days td.day.new, .box .datepicker-inline > table td.day.new, .box .datepicker-inline .datepicker-days > table td.day.new { color: #777;}
.pad { padding: 10px;}
.margin { margin: 10px;}
.margin-bottom { margin-bottom: 20px;}
.margin-bottom-none { margin-bottom: 0;}
.margin-r-5 { margin-right: 5px;}
.inline { display: inline;}
.description-block { display: block; margin: 10px 0; text-align: center;}
.description-block.margin-bottom { margin-bottom: 25px;}
.description-block > .description-header { margin: 0; padding: 0; font-weight: 600; font-size: 16px;}
.description-block > .description-text { text-transform: uppercase;}
.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black, .bg-red-active, .bg-yellow-active, .bg-aqua-active, .bg-blue-active, .bg-light-blue-active, .bg-green-active, .bg-navy-active, .bg-teal-active, .bg-olive-active, .bg-lime-active, .bg-orange-active, .bg-fuchsia-active, .bg-purple-active, .bg-maroon-active, .bg-black-active, .callout.callout-danger, .callout.callout-warning, .callout.callout-info, .callout.callout-success, .alert-success, .alert-danger, .alert-error, .alert-warning, .alert-info, .label-danger, .label-info, .label-warning, .label-primary, .label-success, .modal-primary .modal-body, .modal-primary .modal-header, .modal-primary .modal-footer, .modal-warning .modal-body, .modal-warning .modal-header, .modal-warning .modal-footer, .modal-info .modal-body, .modal-info .modal-header, .modal-info .modal-footer, .modal-success .modal-body, .modal-success .modal-header, .modal-success .modal-footer, .modal-danger .modal-body, .modal-danger .modal-header, .modal-danger .modal-footer { color: #fff !important;}
.hide { display: none !important;}
.no-border { border: 0 !important;}
.no-padding { padding: 0 !important;}
.no-margin { margin: 0 !important;}
.no-shadow { box-shadow: none !important;}
.list-unstyled, .chart-legend, .contacts-list, .users-list, .mailbox-attachments { list-style: none; margin: 0; padding: 0;}
.list-group-unbordered > .list-group-item { border-left: 0; border-right: 0; border-radius: 0; padding-left: 0; padding-right: 0;}
.flat { border-radius: 0 !important;}
.text-bold, .text-bold.table td, .text-bold.table th { font-weight: 700;}
.text-sm { font-size: 12px;}
.description-block .description-icon { font-size: 16px;}
.no-pad-top { padding-top: 0;}
.position-static { position: static !important;}
.list-header { font-size: 15px; padding: 10px 4px; font-weight: bold; color: #666;}
.list-seperator { height: 1px; background: #f4f4f4; margin: 15px 0 9px 0;}
.list-link > a { padding: 4px; color: #777;}
.list-link > a:hover { color: #222;}
.font-light { font-weight: 300;}
.user-block:before, .user-block:after { content: " "; display: table;}
.user-block:after { clear: both;}
.user-block img { width: 40px; height: 40px; float: left;}
.user-block .username, .user-block .description, .user-block .comment { display: block; margin-left: 50px;}
.user-block .username { font-size: 16px; font-weight: 600;}
.user-block .description { color: #999; font-size: 13px;}
.user-block.user-block-sm .username, .user-block.user-block-sm .description, .user-block.user-block-sm .comment { margin-left: 40px;}
.user-block.user-block-sm .username { font-size: 14px;}
.img-sm, .img-md, .img-lg, .box-comments .box-comment img, .user-block.user-block-sm img { float: left;}
.img-sm, .box-comments .box-comment img, .user-block.user-block-sm img { width: 30px !important; height: 30px !important;}
.img-sm + .img-push { margin-left: 40px;}
.img-md { width: 60px; height: 60px;}
.img-md + .img-push { margin-left: 70px;}
.img-lg { width: 100px; height: 100px;}
.img-lg + .img-push { margin-left: 110px;}
.img-bordered { border: 3px solid #d2d6de; padding: 3px;}
.img-bordered-sm { border: 2px solid #d2d6de; padding: 2px;}

/*=================== MANGESH CSS =====================*/
.user-menu a, .logout a { padding: 15px 25px !important; border-left: 1px solid #4795d4;}
.border-box { border:  1px solid #d2d6de; padding: 6px 12px; overflow: hidden;}
.home-banner { padding: 4px 0;}
.home-btn { background: #223E5C; color: #fff; text-align: left; line-height: 76px; margin: 10px 0; border-radius: 10px; font-size: 23px; padding: 0 20px;}
.home-btn span { float: right;}
.main-footer .container { color: #afb1b1; font-size: 16px;}
.home-btn a{ color: #fff;}
.navbar-collapse { width: 840px;}
.require { color: red;}
.regiLink { color: #000; font-size: 18px; display: block;}
.modal-body label, #modal-forgot label, #modal-register label, #resetFrm label, #searchVFrm label { font-size: 18px; font-weight: 400; color: #000;}
#modal-login input, #modal-forgot input, #modal-register input, #resetFrm input, #searchVFrm input, #searchVFrm select { height: 45px; font-size: 16px; padding-left: 15px;}
.forgotLink {font-size: 18px; text-align: right;}
.closeBtn { padding: 6px 15px; font-size: 18px;}
.loginBtn { margin-bottom: 0; margin-left: 5px; padding: 6px 15px; font-size: 14px;}
.orangeRightBtn { margin-bottom: 0; margin-left: 5px; padding: 6px 20px; font-size: 13px; background: orange; border: none; float: right; margin-right: 15px; border-radius: 20px; color: #fff; font-weight: 600;}
.right-side .orangeRightBtn { margin-bottom: 0; margin-left: 5px; padding: 9px 20px; font-size: 14px; background: orange; border: none; float: right; margin-right: 15px; border-radius: 20px; color: #fff; font-weight: normal;}
.margin-top-40 { margin-top: 40px;}
.margin-top-20 { margin-top: 20px;}
.select2-search__field { height: 33px !important; font-size: 18px;}
.level1 li > a { background: #297BBD !important; color: #91BBDD !important; font-size: 14px !important; text-align: center; border-radius: 10px 10px 0 0 !important; width: 99%;}
.level1 li.active > a,.level1 li > a:hover { background: #ececec !important; color: #297BBD !important;}
.level1 li.active { border: none !important;} 
.level2 li > a { background: #297BBD !important; color: #91BBDD !important; font-size: 14px !important; text-align: center; width: 99%;}
.level2 li.active > a, .level2 li > a:hover { background: #ececec !important; color: #297BBD !important;}
.level2 li.active { border: none !important;}
.level3 li > a { background: #FFF !important; color: #297BBD !important; font-size: 14px !important; text-align: center; width: 99%; border: 4px solid #8AB6E6; border-radius: 25px !important;}
.level3 li.active > a, .level3 li > a:hover { border: 4px solid #286090 !important;}
.level3 li.active { border: none !important;}
.row.topRow { height: 53px; padding-top: 10px; display: block; background: #286090; overflow: visible;}
.tab-content { background: #fff; padding: 15px; min-height: 500px;}
.suggestBox { background: #093152; max-width: 300px; padding: 10px; border-radius: 10px; color: #fff; font-size: 18px; text-align: center; float: right;}
.suggestBox a { padding: 3px 18px; margin: 10px 0 0 0; font-size: 18px;}
.quote-title { padding: 0 0 0 10px; font-size: 18px;}
.quoteBox { width: 94%; margin: 15px auto; height: auto;}
.quoteBox .imageBox img { text-align: center; height: 100%; width: auto; margin: 0 auto;}
.border-red { border: 1px solid red;}
.itemName { padding: 4px; font-size: 16px; font-weight: 700; background: #fff; border-top: 1px solid;}
.top-red { border-color: red;}
.bottomBox { background: #297BBD; padding: 5px; overflow: hidden; height: 51px;}
.imageBox { height: 200px; position: relative;}
.quoteType { color: #fff; font-weight: 700; float: right; width: 75%; text-align: right; font-size: 12px;}
.declineBox { width: 25%; float: left; padding: 5px 0;}
.quoteDate { color: #fff; font-weight: 700; width: 75%; float: right; text-align: right; font-size: 12px;}
.declineBtn { border: 2px solid orange; border-radius: 13px; padding: 4px 10px;}
span.redCurcle { background: #cb2027; width: 15px; height: 15px; display: block; border-radius: 10px; float: left; margin: 6px 10px 0 0;}
span.blueCurcle { background: #005384; width: 15px; height: 15px; display: block; border-radius: 10px; float: left; margin: 6px 10px 0 0;}
.border-blue { border: 1px solid #005384;}
.top-blue { border-color: #005384;}
span.orangeCurcle { background: #da7908; width: 15px; height: 15px; display: block; border-radius: 10px; float: left; margin: 6px 10px 0 0;}
.border-orange { border: 1px solid #da7908;}
.top-orange { border-color: #da7908;}
span.greenCurcle { background: #00a65a; width: 15px; height: 15px; display: block; border-radius: 10px; float: left; margin: 6px 10px 0 0;}
.border-green { border: 1px solid #00a65a;}
.top-green { border-color: #00a65a;}
.declineBox { color: #fff; font-weight: 700;}
.itemName a { color: #444;}
.download { position: absolute; top: 5%; right: 5%; z-index: 999;}
.dashboardHeader { background: #286090; padding: 10px 0;}
.dashboardHeader .box-header.with-border { border-bottom: none;}
.dashboardHeader h3.modal-title { color: #fff;}
#capabilities { border: 1px solid #d2d6de; background: #fff; padding: 10px; display: block; overflow: hidden; max-height: 185px; overflow-y: scroll;}
.categoryList li { display: block; width: 50%; float: left;}
h5.attrubute-title { color: #ffbc00; font-weight: 700; border-bottom: 1px dotted #ffbc00; line-height: 35px;}
.personaList li { color: #888888; font-size: 16px; display: block;}
.personaList { margin: 0; padding: 0;}
.needList li { color: #888888; font-size: 16px; display: block;}
.needList { margin: 0; padding: 0;}
.occasionList li { color: #888888; font-size: 16px; display: block; width: 50%; float: left;}
.occasionList { margin: 0; padding: 0;}
.personaPopList li { color: #888888; font-size: 16px; display: block; width: 33%; float: left;}
.personaPopList1 li { color: #888888; font-size: 16px; display: block; width: 25%; float: left;}
.personaPopList { margin: 0; padding: 0;}
#modal-persona .modal-dialog { width: 950px;}
.additionalImg img { width: 100%;}
.additionalImg { border: 1px solid #ddd; padding: 2px; text-align: center; margin: 15px 0;}
.quoteList { margin: 0; padding: 0;}
.quoteList li { display: block;}
.vendorInput { width: 250px !important;}
.quoteArea { padding: 10px 0 0 0;}
.viewblock { border: 1px solid #ddd; height: 250px;}
.tempImg { width: auto; padding: 15px; border-bottom: 1px solid #ddd; position: relative;}
.quickView { position: absolute; width: 100%; top: 0; left: 0px; height: 197px; display: none; background: #94b0c8de;}
.linkView { margin: 0 auto; width: 125px; padding: 10px; background: #fff; border-radius: 15px; position: absolute; top: 40%; left: 30%;}
.linkView span { text-align: right; float: right;}
.tempImg:hover > .quickView { display: block !important;}
.templateTital a { text-align: center; display: block; margin: 0px;}
.cancelTemp { background: #1D4B7C; color: #fff; border: none; padding: 5px 15px; border-radius: 10px; float: right; margin: 0 15px 0 0;}
.chooseTemp { background: #2D972D; color: #fff; border: none; padding: 5px 15px; border-radius: 10px; float: right;}
#modal-ideation .modal-dialog, #modal-information .modal-dialog, #modal-details .modal-dialog { width: 900px;}
#modal-ideation .modal-header, #modal-information .modal-header, #modal-details .modal-header { background: #287BBD; color: #fff;}
#modal-ideation .modal-content, #modal-information .modal-content, #modal-details .modal-content { overflow: hidden; padding: 0 0 15px 0;}
.fieldBlock { background: #EBF1F7; max-height: 270px; overflow-y: scroll;}
.popTempTitle { color: #000; font-size: 18px; line-height: 35px;}
.fieldList li { display: block; padding: 0; margin: 0;}
.fieldList { padding: 0; margin: 0;}
.deckblock { padding: 10px; border: 1px solid #ddd; margin-top: 15px;}
.itemDeck { font-weight: 700; line-height: 30px;}
#deckForm .viewblock { border: 1px solid #ddd; height: 276px; background: #EBF1F7;}
#deckForm .tempImg { width: 60%; margin: 0 auto; border: none;}
#deckForm .templateTital a { text-align: center; display: block; margin: 15px 0; border-bottom: 1px solid #ddd; line-height: 30px;}
.deckBtn { background: #5CB85C; margin: 0 auto; display: block; width: 235px; border: none; height: 50px; line-height: 40px; font-size: 14px; text-transform: uppercase; font-weight: 700; border-radius: 25px; box-shadow: 0px 3px 5px #ddd;}
.deckBtn:hover { background: #5CB85C; margin: 0 auto; display: block; width: 235px; border: none; height: 50px; line-height: 40px; font-size: 14px; text-transform: uppercase; font-weight: 700; border-radius: 15px; box-shadow: 0px 3px 5px #ddd; transition: all 0.55s, color 0.1s;}
.deckBtn1 { background: #F0AD4E; margin: 8px auto; display: block; width: 235px; border: none; height: 50px; line-height: 40px; font-size: 14px; text-transform: uppercase; font-weight: 700; border-radius: 25px; box-shadow: 0px 3px 5px #ddd;}
.deckBtn1:hover { background: #F0AD4E; margin: 8px auto; display: block; width: 235px; border: none; height: 50px; line-height: 40px; font-size: 14px; text-transform: uppercase; font-weight: 700; border-radius: 15px; box-shadow: 0px 3px 5px #ddd; transition: all 0.55s, color 0.1s;}
.deckitembox { border: 1px solid #ddd; margin: 10px 0; height: 340px; box-shadow: 2px 2px 3px #ddd;}
.left-align { float: left;}
.right-align { float: right;}
.deckLinks { display: block; height: 30px; padding: 0 10px;}
.deckItemimg:hover > .deckItemHover { display: block !important;}
.deckItemHover { background: #a5a5a5ab; position: absolute; width: 100%; top: 0; height: 270px; display: none;}
.deckItemimg { position: relative; height: 270px;}
.deckItemimg img { width: auto; max-height: 250px; margin: 0 auto; padding: 10px 0 0 0;}
.removeItem { background: #fff; padding: 9px 7px; width: 125px; border-radius: 10px; position: absolute; top: 30%; left: 25%;}
.editItem { background: #fff; padding: 9px 7px; width: 125px; border-radius: 10px; position: absolute; top: 50%; left: 25%;}
.deckRemoveBtn span, .deckEditBtn span { float: right;}
.deckitemBottom { clear: left; width: 100%; padding: 10px; border-top: 1px solid #ddd;}
.brandTitle { font-size: 14px; font-weight: 700; text-transform: uppercase;}
.declitemtitle { font-size: 12px;}
#tab_add_items .viewblock { border: 1px solid #ddd; height: 395px; background: #EBF1F7;}
#tab_add_items .tempImg { width: 60%; margin: 0 auto; border: none;}
#tab_add_items .templateTital a { text-align: center; display: block; margin: 15px 0; border-bottom: 1px solid #ddd; line-height: 30px;}
.searchBox { border: 1px solid #ddd; box-shadow: 0px 2px 8px #ccc;}
.searchBox label { text-transform: uppercase; font-size: 15px !important; font-weight: 600 !important; color: #000 !important;}
.searchBox .box-header.with-border { border: none;}
th { background: #287BBD; color: #fff; font-weight: 500;}
.table-striped > tbody > tr:nth-of-type(odd) { background-color: #fff !important;}
#table-users_tools button { margin: 0 5px;}
#table-users_filter { float: left;}
#table-users_tools { float: right;}
.grid-view .itemImage { position: relative; height: 215px;}
.grid-view .itemImage img { height: 215px; width: auto; margin: 0 auto;}
.grid-view .itemImage:hover > .imageHover { display: block !important;}
.grid-view .imageHover { position: absolute; background: #58575794; display: none; width: 100%; height: 215px; top: 0; left: 0;}
.grid-view .hoverBtn { position: absolute; top: 30%; left: 23%; background: #fff; padding: 10px; border-radius: 10px;}
.grid-view .hoverBtn1 { position: absolute; top: 53%; left: 23%; background: #fff; padding: 10px; border-radius: 10px;}
.grid-view .brandB { border-top: 1px solid #ddd; padding: 10px 5px; font-weight: 700; height: 30px;}
.grid-view .itemNameB { padding: 10px 5px; word-wrap: normal; max-width: 100%; height: 60px; overflow-wrap: normal; line-height: 20px;}
.grid-view .tagB, .grid-view .variantsB, .grid-view .vendorB, .grid-view .linkB, .grid-view .checkallB, .grid-view .variantPriceV { display: none;}
.grid-view .variant_price_icon { display: block;}
.itemImage img { width: auto; padding: 2px; height: 60px; margin: 0 auto;}
.imageHover { display: none;}
.linkB { text-align: center;}
#table-attribute th, #table-assignment th { border: 1px solid #fff; text-align: center; vertical-align: middle; font-weight: 700; font-size: 12px; text-transform: uppercase;}
#table-attribute td { text-align: center; border: 1px solid #ddd;}
#table-attribute td.itemNameTd { text-align: left;}
th.level2 { background: #08548E;}
td.itemrow { background: #EEEEEE; border-bottom: 1px solid #ddd;}
.itemBlockCheck { display: block; float: left; margin-right: 15px; padding: 2px 0;}
#modal-quickView .modal-content .modal-header { background-color: #287bbd; border: none; }
#modal-quickView .modal-content .modal-header .modal-title { color: #fff;}
#modal-quickView .modal-title { margin: 0; line-height: 1.42857143; font-size: 20px;}
#modal-quickView .close { color: #fff !important; opacity: 1;}
#modal-quickView .modal-dialog { width: 900px;}
.infoText { font-size: 14px; line-height: 25px;}
.imageBlock { overflow: hidden;}
.imageBlock img { padding: 2px; border: 1px solid #ddd; margin: 10px 0; max-height: 108px;}
#table-assignment td { text-align: center; border: 1px solid #ddd;}
#costPopUp .modal-dialog { width: 651px !important; margin: 70px auto;}
#costPopUp .close { color: #fff !important; opacity: 1;}
a.dropdown-toggle { cursor: pointer;}
.listImg { margin: 0 auto; padding: 2px; overflow: hidden; height: 60px; width: auto;}
.imagePreview { width: 130px; height: 130px; margin: 15px 0 0 0;}
.imagePreview img { padding: 2px; border: 1px solid #ddd; margin: auto; width: 100%; cursor: pointer;}
ul.sub-tabs { padding: 0; margin: 0;}
.sub-tabs li { display: block; padding: 4px 5px; border-bottom: 1px solid #ddd;}
.sub-tabs li a { color: #000; font-weight: 700;}
.sub-tabs li a span.right-side { float: right;}
h3.box-title1 { margin: 0; font-size: 18px;}
.attriHead { padding: 0; margin: 10px 0;}
.attriBox { border: none !important; padding: 0;}
.attriBox .box-header { padding: 0; border: none;}
input.attrInput { padding: 3px 6px; line-height: 20px; width: 80%;}
a.iconlink { display: block; padding: 3px 14px; margin: 0 5px; float: left; cursor: pointer;}
a.iconlink1 { display: block; padding: 3px 10px; margin: 0 5px; float: left; cursor: pointer;}
span.linktext { margin-top: 3px; display: block; box-shadow: 2px 2px 3px #ddd; font-size: 11px;}
.dataTables_filter input.form-control.input-sm { width: 250px;}
.blueBtn { padding: 5px 13px; margin-right: 2px;}
.box-title1 .right-side { float: right;}
.tagHead { padding: 0; margin: 10px 0;}
.tagBox { border: none !important; padding: 0;}
.tagBox .box-header { padding: 0;}
input.tagInput { padding: 3px 6px; line-height: 20px; width: 80%;}
.dragArea { margin: 15px 0; border: 1px solid #ddd; overflow: hidden;}
.column.left.col-sm-4, .column.right.col-sm-4 { border: 1px solid #ddd; margin: 10px; padding: 0;}
ul.sortable-list.ui-sortable { padding: 0; margin: 0;}
li.sortable-item.ui-sortable-handle {display: block; margin: 5px; border: 1px solid #ddd; line-height: 25px; padding: 3px 5px;}
h3.box-title2 { margin: 7px; font-size: 15px; font-weight: 700;}
.projArea { margin: 15px 0;}
#orderEntryTbl_wrapper #table-users_tools, #orderEntryTbl_wrapper #table-users_length { display: none;}
input.qtyInput { width: 30px;}
h5.blockTitle { color: #F0AD4E; font-size: 18px; border-bottom: 1px dotted #F0AD4E; line-height: 35px;}
.quoteHead { line-height: 35px; font-size: 20px; border-bottom: 1px solid #ddd; margin-bottom: 15px;}
.quoteInfo { border-bottom: 1px solid #ddd; margin-bottom: 10px; font-size: 12px;}
span.highlight { color: orange;}
span.select2 { width: 100% !important;}
.right-side .greenRightBtn { margin-bottom: 0; margin-left: 5px; padding: 8px 20px; font-size: 12px; background: green; border: none; float: right; margin-right: 15px; border-radius: 20px; color: #fff; font-weight: 700;}
#itemListTbl_wrapper #table-users_tools { display: none;}
.red { color: #ff0000;}
.green { color: #31a224;}
.blue { color: #1f57bb;}
.yellow { color: #efdd0a;}
.black { color: #000000;}
.orange { color: #d8c012;}
div#itemListTbl_filter { float: right; display: block;}
div#itemListTbl_wrapper { width: 100%; padding: 0; position: relative; top: -24px;}
.dt-buttons .buttons-excel, div.dt-button:hover:not(.disabled) { margin-bottom: 0; margin-left: 5px; padding: 8px 20px; font-size: 12px; background: green; border: none; margin-right: 15px; border-radius: 20px; color: #fff; font-weight: 700; position: relative; top: -6px;}
button.dt-button:hover:not(.disabled), div.dt-button:hover:not(.disabled), a.dt-button:hover:not(.disabled) { margin-bottom: 0 !important; margin-left: 5px !important; padding: 8px 20px !important; font-size: 12px !important; background: green !important; border: none !important; margin-right: 15px !important; border-radius: 20px !important; color: #fff !important; font-weight: 700 !important;}
#searchItemListTbl_wrapper #searchItemListTbl_tools, #searchItemListTbl_wrapper #table-users_tools { display: none;}
#searchItemListTbl_wrapper #searchItemListTbl_filter label { float: left !important;}
#priceValidTbl_wrapper .dt-buttons, #itemListTbl_wrapper .dt-buttons { float: right;}
#priceValidTbl th, #itemListTbl th { font-size: 10px; font-weight: 700;}
div#priceValidTbl_wrapper { padding: 0; position: relative; top: -24px;}
div#priceValidTbl_wrapper .dataTables_info, #itemListTbl_wrapper .dataTables_info{ display: none;}
#dashboard .imageBox img{ text-align: center; height: 90%; width: 74%; margin: 5% 13%;}
#dashboard .itemName{ min-height: 59px; font-size: 13px; line-height: 20px;}
#deckTbl_filter input.form-control.input-sm { max-width: 250px;}
#deckTbl_wrapper .col-sm-6 { width: 100%;}
#deckTbl th, #deckTbl td { font-size: 10px;}
.sub-tabs span.right-side { float: right;}
input.attrChange, input.attrChange:focus, input.tagChange, input.tagChange:focus { padding: 0 2px; border: none;}
span.right-side.attrEditIcon, span.right-side.tagEditIcon { cursor: pointer;}
.attrChange:disabled, .tagChange:disabled { background: #fff;}
.sub-tabs i { padding: 0 4px; cursor: pointer;}
table.validationTbl th { font-size: 11px; border: 1px solid; padding: 2px;}
table.validationTbl td { font-size: 11px; border: 1px solid; padding: 2px;}
table.validationTbl td { font-size: 11px; border: 1px solid #ddd; padding: 2px;}
.gray li { background: #dddddd3d;}
.greenc li { background: #0da90d63;}
li.sortable-item { cursor: pointer;}
.middleBlock { text-align: center; background: #287BBD; padding: 4px; border-radius: 5px; margin-top: 35px; color: #fff;}
.projLogo { padding: 2px; border: 1px solid #ddd; margin-bottom: 5px;}
.addAtrBtn, .addTagBtn { font-size: 11px; background: green; color: #fff; padding: 2px 5px; border-radius: 4px; cursor: pointer;}
#table-users_wrapper #table-users_tools { float: right; position: relative; top: -37px; margin-bottom: -27px;}
#table-users_wrapper #table-users_filter { float: right;}
.sizes, .units, .calprice { max-width: 125px; min-width: 100px; float: right;}
.searchBox .box { margin-bottom: 5px;}
.no-padding.no-margin.quotebox { width: 20%; float: left;}
.no-padding-top { padding-top: 0 !important;}
div#table-users_wrapper { position: relative; top: -46px;}
div#orderEntryTbl_wrapper { position: relative; top: -24px;}
#pointer-pre, .btn-save { font-weight: bold; border-radius: 1.5em; padding: 9px 20px; background-color: #fff; border: 4px solid #286090; background-color: #FFF; margin: 10px; color: #888888; font-size: 13px; text-transform: uppercase;}
input[type="file"] { border: none;}
td.dataTables_empty { padding: 10px; margin: 10px;}
.proLogoImg {  padding: 2px; border: 1px solid #ddd; margin-top: 2px; cursor: pointer; max-height: 45px;}
#modal-quickView .modal-body { overflow: hidden;}
.addItemBtn { position: relative; top: -51px;}
.addbtn{margin-right: 160px !important; float:right !important;}
.margin-bottom{ margin-bottom: 5px !important}
.varName { font-size: 15px; font-weight: 600;}
.margin-top-5 { margin-top: 5px;}
li.subvar { background: #287BBD; display: block; float: left; padding: 2px 7px; margin: 2px; font-size: 11px; color: #fff; font-weight: 700; border-radius: 4px;}
ul.varUl { margin: 5px 0; padding: 0;}
.variantBox { border: 1px solid #dddd; margin: 10px 0;}
.loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background: #7f7f7f66;}
.loader img { margin: 18% auto; width: 140px; vertical-align: middle; display: block;}
.validationTitle { font-size: 15px; font-weight: 700; color: #666; line-height: 35px;}
#validTable th { font-size: 12px; background: #d5d5d5; color: #000; padding: 0 5px; border: 1px solid #fff;}
#validTable { width:95%; line-height: 25px;}
#validTable td { border: 1px solid #ddd; padding: 0 5px; font-size: 12px; }
#fof { display: block; width: 100%; padding: 235px 0; line-height: 1.6em; text-align: center; background: #fff;}
#fof .hgroup { text-transform: uppercase;}
#fof .hgroup h2 { font-size: 60px;}
#fof .hgroup h2 span { display: block; font-size: 30px;}
.rows.topRow { background: #286090; display: block; height: 49px;}
.config_cls { min-height: 200px;}
.itemTab { margin-bottom: 5px;}
.BlueLeftBtn{ margin-bottom: 0; margin-left: 5px; padding: 6px 20px; font-size: 15px; border: none; margin-right: 15px; border-radius: 20px; }
#modal-persona { overflow: scroll;}
#table-users th { border-right: 1px solid;}
#table-users td { border-right: 1px solid #f4f4f4;}
.priceTblView { width: 98%; font-size: 13px; margin-bottom: 15px; line-height: 25px;}
.priceTblView th { border: 1px solid #fff; padding: 0 3px; text-align: center; background: #ddd; color: #000;}
.priceTblView td { border: 1px solid #ddd; text-align: center;}
#projectItems_wrapper { position: relative; top: -33px;}
.deleteTrash { margin-top: 25px;}
.padding-top-0 { padding-top: 0 !important;}
span.soonText { font-size: 10px; padding-left: 5px;}
ul.quoteList.graylist { color: #ccc;}
.priceTblView1 { width: 98%; font-size: 13px; margin-bottom: 15px; line-height: 25px; font-size: 12px; word-break: break-all;}
.priceTblView1 th { border: 1px solid #fff; padding: 0 3px; background: #ddd; color: #000; font-size: 12px;}
.priceTblView1 td { border: 1px solid #ddd; padding: 0 3px; font-size: 12px;}
select#project_list { margin-bottom: 7px;}
span.toolIcon { font-size: 10px; font-weight: 700; color: #FFF; background: #676767; padding: 1px 4px; border-radius: 10px; margin: 0 0 0 10px; cursor: pointer;}
#fixTable th { text-align: center;  border: 1px solid #fff; vertical-align: middle;}
#fixTable td { text-align: center; border: 1px solid #ddd; vertical-align: middle;}
#fixTable th.level2 { position: unset !important;}  
#fixTable td.text-left { text-align: left;}
.deck-header { line-height: 2 !important;}
.deckAdd-btn { padding: 4px 20px !important;}
table.priceTblView1 td { min-width: 50px;}
table.priceTblView1 td.text-left { min-width: 100px;}
.config_cls{ min-height: 350px;}
.sub_title{ font-size: 11px !important;}
.orange_heading{ margin-bottom:10px !important; border-bottom: dashed 1px #eee !important; color: #F0AD4E !important; margin-left: 4px !important; margin-right: 5px !important;}
.config_label{ font-weight: bolder; color: #000;}
.modal-body label, #modal-forgot label, #modal-register label, #resetFrm label, #searchVFrm label{ font-size:14px !important; font-weight: bolder !important;}
.con_head{ margin-top:5px !important;}
.con_head_container{ padding: 0px;}
.con_modal_head{ border: 0px !important;}
.erp_tab{ display: none;}
.mar_bot{ margin-bottom: 0px !important;}
li.titalBlock a { width: auto; margin: 0 2px !important;}
.leftText{text-align: left !important;}
table {table-layout: auto;}
 ul.nav_ul_center li { display: inline-block !important;float:none !important;}
 ul.nav_ul_center { text-align: center !important;}
#priceValidTbl2_wrapper .dt-buttons, #itemListTbll_wrapper .dt-buttons { position: relative; float: right;}
tr.hideLebel label { display: none;}
tr.hideLebel input { width: 100% !important; padding: 5px;}
.hideLebel .col-sm-9 { padding: 0; width: 100%; }
tr.hideLebel .field_error { font-size: 12px;}
.quoteType_vendor{ color: #fff; font-weight: 700; width: 100%;}
.quoteDate_vendor{ color: #fff; font-weight: 700; width: 100%;}
/*added by krishna - 01-10-2018 */
#deckTbl_wrapper .col-sm-6{width:50% !important;}
#deckTbl_filter .input-sm{width: 150px !important;}
 /* Added by Tevendra 19-sep-2018 */ 
.old-lpc-lnk  { position: absolute; top: 70%; left: 7%; color: #fff;}
.old-lpc-lnk a {  color: #fff;  text-decoration: underline; }
.old-lpc-lnk2 { position: absolute; top: 60%; left: 7%; color: #fff;}
.old-lpc-lnk2 a {  color: #fff;  text-decoration: underline; }
#validTable img { margin: 5px auto;}
@media (min-width: 768px) {
    .modal-content { -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125); box-shadow: 0 2px 3px rgba(0, 0, 0, 0.125);}
}
@media (max-width: 767px) {
    .content-wrapper, .main-footer { margin-left: 0;}
    .sidebar-open .content-wrapper, .sidebar-open .main-footer { -webkit-transform: translate(230px, 0); -ms-transform: translate(230px, 0); -o-transform: translate(230px, 0); transform: translate(230px, 0);}
    .fixed .content-wrapper, .fixed .right-side { padding-top: 100px;}
    .main-header .navbar-right { float: none;}
    .navbar-collapse .main-header .navbar-right { margin: 7.5px -15px;}
    .main-header .navbar-right > li { color: inherit; border: 0;}
    .main-header { position: relative;}
    .main-header .logo, .main-header .navbar { width: 100%; float: none;}
    .main-header .navbar { margin: 0;}
    .main-header .navbar-custom-menu { float: right;}
    .navbar-nav > .user-menu .user-image { float: none; margin-right: 0; margin-top: -8px; line-height: 10px;}
    .small-box { text-align: center;}
    .small-box .icon { display: none;}
    .small-box p { font-size: 12px;}
}
@media (max-width: 991px) {
    .main-header .navbar-custom-menu a, .main-header .navbar-right a { color: inherit; background: transparent;}
    .content-header > .breadcrumb { position: relative; margin-top: 5px; top: 0; right: 0; float: none; background: #d2d6de; padding-left: 10px; }
    .content-header > .breadcrumb li:before { color: #97a0b3;}
    .navbar-custom-menu .navbar-nav > li { float: left; }
    .navbar-custom-menu .navbar-nav { margin: 0; float: left;}
    .navbar-custom-menu .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; line-height: 20px;}
    .navbar-collapse.pull-left { float: none !important;}
    .navbar-collapse.pull-left + .navbar-custom-menu { display: block; position: absolute; top: 0; right: 40px;}
    .navbar-custom-menu > .navbar-nav { float: right;}
    .navbar-custom-menu > .navbar-nav > li { position: static;}
    .navbar-custom-menu > .navbar-nav > li > .dropdown-menu { position: absolute; right: 5%; left: auto; border: 1px solid #ddd; background: #fff;}
    .chart-legend > li { float: left; margin-right: 10px;}
    .error-page { width: 100%;}
    .error-page > .headline { float: none; text-align: center;}
    .error-page > .error-content > h3 { text-align: center;}
    .error-page > .error-content { margin-left: 0;}
}
@media (max-width: 768px) {
  .nav-tabs.control-sidebar-tabs { display: table;}
  .nav-tabs.control-sidebar-tabs > li { display: table-cell;}
  .login-box, .register-box { width: 90%; margin-top: 20px;}
}
@media print {
    .no-print, .main-sidebar, .left-side, .main-header, .content-header { display: none !important;}
    .content-wrapper, .right-side, .main-footer { margin-left: 0 !important; min-height: 0 !important; -webkit-transform: translate(0, 0) !important; -ms-transform: translate(0, 0) !important; -o-transform: translate(0, 0) !important; transform: translate(0, 0) !important;}
    .table-responsive { overflow: auto;}
    .table-responsive > .table tr th, .table-responsive > .table tr td { white-space: normal !important;}
}
@keyframes flipInX {
    0% { transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transition-timing-function: ease-in; opacity: 0;}
    40% { transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transition-timing-function: ease-in;}
    60% { transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; }
    80% { transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}
    100% { transform: perspective(400px);}
}
@-webkit-keyframes flipInX {
    0% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-transition-timing-function: ease-in; opacity: 0;}
    40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-transition-timing-function: ease-in;}
    60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1;}
    80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);}
    100% { -webkit-transform: perspective(400px);}
}
/*Added by bharat for item assignment 15-10-2018 */
.colorRow td { color: #287bbd;}
.assignment-label { cursor: pointer;}
.itemCheckbox { display: none;}
.assignment-label .fa { color: white; line-height: 16px; border-radius: 4px;}
.assignment-label .fa-plus { padding-top: 2px; padding-right: 2px; padding-left: 2px; color: #000; margin-right: 5px; font-size: smaller;}
.assignment-label .fa-minus { padding-top: 1px; padding-right: 2px; padding-left: 2px; color: #000; margin-right: 5px; display: none; font-size: smaller;}
.itemCheckbox:checked + .assignment-label .fa-minus { display: inline;}
.itemCheckbox:checked + .assignment-label .fa-plus { display: none;}