/* BEGIN Light */
@font-face {
  font-family: 'Open Sans';
  src: url("../../fonts/Light/OpenSans-Light.eot?v=1.1.0");
  src: url("../../fonts/Light/OpenSans-Light.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../../fonts/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("../../fonts/Light/OpenSans-Light.woff?v=1.1.0") format("woff"), url("../../fonts/Light/OpenSans-Light.ttf?v=1.1.0") format("truetype"), url("../../fonts/Light/OpenSans-Light.svg?v=1.1.0#Light") format("svg");
  font-weight: 300;
  font-style: normal; }
/* END Light */
/* BEGIN Regular */
@font-face {
  font-family: 'Open Sans';
  src: url("../../fonts/Regular/OpenSans-Regular.eot?v=1.1.0");
  src: url("../../fonts/Regular/OpenSans-Regular.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../../fonts/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("../../fonts/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff"), url("../../fonts/Regular/OpenSans-Regular.ttf?v=1.1.0") format("truetype"), url("../../fonts/Regular/OpenSans-Regular.svg?v=1.1.0#Regular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* END Regular */
/* BEGIN Italic */
@font-face {
  font-family: 'Open Sans';
  src: url("../../fonts/Italic/OpenSans-Italic.eot?v=1.1.0");
  src: url("../../fonts/Italic/OpenSans-Italic.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../../fonts/Italic/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("../../fonts/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff"), url("../../fonts/Italic/OpenSans-Italic.ttf?v=1.1.0") format("truetype"), url("../../fonts/Italic/OpenSans-Italic.svg?v=1.1.0#Italic") format("svg");
  font-weight: normal;
  font-style: italic; }
/* END Italic */
/* BEGIN Semibold */
@font-face {
  font-family: 'Open Sans';
  src: url("../../fonts/Semibold/OpenSans-Semibold.eot?v=1.1.0");
  src: url("../../fonts/Semibold/OpenSans-Semibold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../../fonts/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("../../fonts/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff"), url("../../fonts/Semibold/OpenSans-Semibold.ttf?v=1.1.0") format("truetype"), url("../../fonts/Semibold/OpenSans-Semibold.svg?v=1.1.0#Semibold") format("svg");
  font-weight: 600;
  font-style: normal; }
/* END Semibold */
/* BEGIN Bold */
@font-face {
  font-family: 'Open Sans';
  src: url("../../fonts/Bold/OpenSans-Bold.eot?v=1.1.0");
  src: url("../../fonts/Bold/OpenSans-Bold.eot?#iefix&v=1.1.0") format("embedded-opentype"), url("../../fonts/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("../../fonts/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff"), url("../../fonts/Bold/OpenSans-Bold.ttf?v=1.1.0") format("truetype"), url("../../fonts/Bold/OpenSans-Bold.svg?v=1.1.0#Bold") format("svg");
  font-weight: bold;
  font-style: normal; }
/* END Bold */



body {
	font-family: 'Open Sans';
	 background-color:#eaeaea;}
/*dashboard css start*/

.panel.dashboard-top-bar { background:url(../../images/dashboard-bg.png) no-repeat center center; background-size:cover; border-radius: 0;}

.dashboard-top-bar .panel-heading { background: transparent; padding:17px 5px; display:block; overflow:hidden;}
.panel.dashboard-top-bar.closed .panel-heading  { background:#fff; border-radius: 0;}
.panel.dashboard-top-bar.closed .panel-heading .title , .panel.dashboard-top-bar.closed .panel-heading .title:hover , .panel.dashboard-top-bar.closed .panel-heading .title:focus { color:#000; display:inline-block; font-family: '-Regular';}
.dashboard-top-bar .panel-collapse { background: transparent; }
.dashboard-top-bar .panel-collapse .panel-body { padding:150px 0 30px; border-top:none !important;}
.panel.dashboard-top-bar .back-arrow { width:40px; float:left;}
.panel.dashboard-top-bar .back-arrow img { width:100%;}
.panel.dashboard-top-bar .search-btn{ width:40px; float:right; margin-right:10px;}
.panel.dashboard-top-bar .search-btn img { width:100%;}
.panel.dashboard-top-bar .more-btn{ width:40px; float:right;}
.panel.dashboard-top-bar .more-btn img { width:100%;}
.dashboard-top-bar .panel-heading .title , .dashboard-top-bar .panel-heading .title:hover , .dashboard-top-bar .panel-heading .title:focus { font-size:30px; margin-left:10px; color:#fff; text-decoration:none; display:none;}
.top-bar .panel-group { margin-bottom:0;}
.dashboard-top-bar.closed .panel-heading .title , .dashboard-top-bar.closed .panel-heading .title:hover , .dashboard-top-bar.closed .panel-heading .title:focus { display:inline-block;}
.panel.dashboard-top-bar.closed .black-icon , .panel.dashboard-top-bar .white-icon { display:inline-block; transition:0.6s;}
.panel.dashboard-top-bar.closed .white-icon , .panel.dashboard-top-bar .black-icon { display:none;  transition:0.6s;}
.secondary-title { color:#fff; padding-left:30px; font-family: '-Regular'; margin-bottom: 0;}
.dashboard-top-bar .panel-collapse .panel-body { position:relative;}
.dashboard-top-bar .panel-collapse .panel-body .dashboard-menu-btn { text-align:center; padding:20px 15px 15px 16px; position: absolute; right: 40px; bottom: -30px;}
.dashboard-menu-btn.btn-primary:active:not(.btn-link):not(.btn-flat) {background-color: #0b324c;}
.dashboard-menu-btn.btn-primary:active:not(.btn-link):not(.btn-flat) {background-color: #113f5d;}
.dashboard-menu-btn.btn-primary:not(.btn-link):not(.btn-flat) {background-color: #0b324c; color: rgba(255, 255, 255, 0.84);}

.dashboard-option { width:100%; display:block; margin-bottom:30px}
.dashboard-icon { width:60%; margin:0 auto;}
.dashboard-icon img { width:100%;}
.dashboard-menu-text { font-family: '-Regular'; text-align:center; width:100%; display:block; margin-top:20px; color:#333; font-size:36px;}
.dashboard-menu-listing , .dashboard-menu-listing:hover , .dashboard-menu-listing:focus { margin-top:30px; padding: 0 7px; text-decoration:none !important;}


/*Sales Invoice css starts*/

.top-bar-menu { height:64px; background:#f54337; padding:10px 5px; -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.12), 0 1px 6px 0 rgba(0, 0, 0, 0.12); position:fixed; width:100%; top:0; z-index: 888;}
.top-bar-menu .back-arrow { width:40px; float:left;}
.top-bar-menu .back-arrow img { width:100%;}
.top-bar-menu .more-btn{ width:40px; float:right;}
.top-bar-menu .more-btn img { width:100%;}
.top-bar-menu .title , .top-bar-menu .title:hover , .top-bar-menu .title:focus { color: #fff; font-size: 24px; margin-left: 5px; font-weight: 300; text-decoration:none; margin-top: 5px; display: inline-block;}
.more-dropdown , .more-dropdown:hover , .more-dropdown:focus {border-radius:50%; border:2px solid #fff; color:#fff; padding:6px 7px 3px 7px; float:right; margin-top:4px; margin-right:8px;}
.set-more-dropdown { position:absolute; top:64px; right:0; left: auto; border-radius: 0;}
.set-more-dropdown .divider , .sales-enquiry-option .dropdown-menu .divider , .state-info-block .dropdown-menu .divider { background-color: #ccc; margin: 4px 0;}
.sales-enquiry-option	{ float:left; display:inline-block; position:static;}
.sales-enquiry-option .dropdown-menu { position:absolute; top:50px; left:30px; border-radius:0;}
.data-state-block { padding:0 0 5px; width:90%; margin:0 5% 10px; display: block; float:left; border-bottom:5px solid #7a7a7a;}
.state-info-block { padding:8px; border:1px solid #7a7a7a; margin:0 0.5%; width:49%; float:left; position:relative; overflow:hidden; min-height:85px;}
.state-info-block.open	{ overflow:visible;}
.info-left-block	{ width:70%; margin:0; float:left;}
.info-right-block	{ width:30%; margin:0; float:right;}
.info-left-block label { font-weight:500; color:#000;}
.info-left-block p	{ color:#7f7f7f;}
.inv-data-block span	{ padding:4px; background:#4f4e4e; color:#fff;}
.inv-data-block p	{ font-size:12px;  color:#7f7f7f; margin-bottom: 2px;}
.inv-data-block p strong{ color:#4f4e4e;     font-size: 11px;}
.state-info-block .dropdown-menu { position:absolute; left:0; right:0;}
.dropdown-icon { background:#888; width:16px; height:16px; position:absolute; bottom:-8px; right:-8px;
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari */
transform: rotate(45deg); /* Standard syntax */
}
.state-info-block.open .dropdown-icon { display:none;}
.inv-data-block { display:block; width:100%;}

.cart-table { width:100%; border-top:1px solid #8c8c8c; margin-bottom: 0; border-bottom: 1px solid #8c8c8c;}
.cart-table .table tr th {
background: #8a8a8a; /* Old browsers */
background: -moz-linear-gradient(top,  #8a8a8a 0%, #ffffff 30%, #ffffff 51%, #ffffff 67%, #8a8a8a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #8a8a8a 0%,#ffffff 30%,#ffffff 51%,#ffffff 67%,#8a8a8a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #8a8a8a 0%,#ffffff 30%,#ffffff 51%,#ffffff 67%,#8a8a8a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8a8a8a', endColorstr='#8a8a8a',GradientType=0 ); /* IE6-9 */
font-weight:normal; border-right:1px solid #8c8c8c; margin-top:0; border-top: none;
}
.cart-table .table { margin-bottom:0;}
.cart-table .table tr td {
	font-weight:normal; border-right:1px solid #8c8c8c; margin-top:0; 	
}




/*login screen css starts*/
.login-body	{background:#0063be;}
.login-box { display:block;}
.welcome-text { margin-top:30px; color:#fff; display:block; font-size:20px; text-align:center;}

.login-form .form-control , .login-form .form-group.is-focused .form-control, .login-form .form-group-default.is-focused .form-control { border-bottom: 1px solid #fff; background-image: none; color:#fff;}
.login-form .form-group { margin: 20px 0 0 0; padding-bottom:5px;}
.login-form .form-group.is-focused label, .login-form .form-group.is-focused label.control-label { color:#ddd;}
.login-form .form-group label.control-label { font-size:20px; top:-12px; color:#fff;}

.login-action		{ display:block; list-style-type:none; margin:15px 0 0 0; padding:0; text-align:center;}
.login-with-pin a {border-left: 1px solid #fff; padding-left:10px !important;}
.login-with-pin	{ padding-left:5px;}
.login-action li	{ text-align:center; font-size:18px; color:#fff; display: inline-block;}
.login-action .forgot-user-id a , .login-action .forgot-user-id a:hover , .login-action .forgot-user-id a:focus 	{ border-right:1px solid #fff; text-align:right; padding-right:10px;}
.forgot-user-id		{ padding-right:0;}
.forgot-password	{ padding-left:5px;}
.login-with-pin	{ margin-top:10px;}
.forgot-password a 	{ text-align:left; }
.login-action li a , .login-action li a:hover , .login-action li a:focus	{ color:#fff; line-height:20px; text-decoration:none; width:100%; display:block; padding:5px;}
.set-checkbox	{ text-align:center; margin-top:15px;}
.login-box .ui-checkbox	{ margin:0 auto; display:inline-block; float:none;}
.login-box .ui-checkbox	label{ color:#ddd;}
.login-box .login-btn	, .login-box .login-btn:hover , .login-box .login-btn:focus { position:fixed; left:0; right:0; bottom:0; background-color:#fff; margin:0; width:100%;font-size:18px; color:#fff; border-radius:0; height:50px; color: #0063be; font-size: 24px; font-weight: 300; border:none; z-index:888;}
.login-box .ui-checkbox input	{ float:left; margin-top:5px; margin-right:5px;}
.carousel-indicators .active	{ border-radius:10px;}




/* admin panel css starts */
.admin-panel .title-block {padding:20px; background-color: #0798d9; text-align:center;}
.admin-panel .title-block label	{ color:#fff; font-size:24px; margin:0; float:left; display:inline-block;}
.admin-panel .title-block .signup-link , .admin-panel .title-block .signup-link:hover , .admin-panel .title-block .signup-link:focus { text-decoration:none; float:right; display:inline-block; color:#fff; font-size:20px; margin-top:6px;}
.admin-panel .data-body {background:#fff; padding:20px; }
.admin-login-form .form-group	{margin-top:10px; margin-bottom:20px;}
.admin-login-form .form-group.label-floating label.control-label { font-size:20px; top:-11px; color:#666;}
.admin-login-form .is-empty input{font-size:0;}
.admin-login-form .is-empty.is-filled.is-focused input, .admin-login-form .is-empty.is-filled input, .admin-login-form .is-empty.is-focused input{font-size:initial;}
.admin-login-form .form-group.label-floating.is-focused label.control-label { font-size:14px; top:-30px; color:#333;}
.admin-login-form .form-group .form-control	{ border-bottom:none; margin-bottom:2px;}
.admin-login-form .form-group.is-focused .form-control	{ border-bottom:none;}
.admin-login-form .checkbox label { font-size:18px; color:#555;}
.login-box .admin-login-form .login-btn , .login-box .admin-login-form .login-btn:hover , .login-box .admin-login-form .login-btn:focus { display:inline-block; width:auto; padding:15px 30px; float:none; background:#0798d9; color:#fff; text-transform:inherit}
.form-group.is-focused .form-control, .form-group-default.is-focused .form-control { 
    background-image: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#DDD)), -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#DDD));
  background-image: -webkit-linear-gradient(#ddd, #ddd), -webkit-linear-gradient(#ddd, #ddd);
  background-image: -o-linear-gradient(#ddd, #ddd), -o-linear-gradient(#ddd, #ddd);
  background-image: linear-gradient(#ddd, #ddd), linear-gradient(#ddd, #ddd);
  -webkit-background-size: 0 2px, 100% 1px;
          background-size: 0 2px, 100% 1px;
  background-repeat: no-repeat;
  background-position: center bottom, center -webkit-calc(100% - 1px);
  background-position: center bottom, center calc(100% - 1px);
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background 0s ease-out;
       -o-transition: background 0s ease-out;
          transition: background 0s ease-out;
}

.admin-panel .top-bar { padding:5px; background:#0798d9; display:block; width:100%; border-bottom:0px solid #000; float:left;}
.admin-panel .user-dropdown { float:right;}
.admin-panel .user-dropdown .dropdown-menu { left:auto; right:0; min-width: 220px;}
.admin-panel .user-dropdown .dropdown-toggle , .admin-panel .user-dropdown .dropdown-toggle:hover , .admin-panel .user-dropdown .dropdown-toggle:focus { text-decoration:none;color:#fff; font-size: 18px;}
.admin-panel .user-dropdown .dropdown-menu li a:last-child { border-bottom:none;}
.usertype-dropdown	{ width:100%; background:#232a32; padding:20px 40px;}
.usertype-dropdown .dropdown-toggle , .usertype-dropdown .dropdown-toggle:hover , .usertype-dropdown .dropdown-toggle:focus { font-size:20px; text-decoration:none; color:#d4d5d7;}
.usertype-dropdown .dropdown-menu { left: 0; right: 0; border-radius: 0;}
.usertype-dropdown .dropdown-menu a , .usertype-dropdown .dropdown-menu a:hover , .usertype-dropdown .dropdown-menu a:focus {font-size:18px; }
.admin-left-block .menu-list .panel-heading	{width:100%; display:block; border-radius:0; background: transparent; padding: 0;}
.admin-left-block .menu-list .panel-heading.open-menu { background:#252c36;}
.admin-left-block .menu-list .panel-default { background-color:#2c343f; border-radius: 0; margin:0; -webkit-box-shadow:none; box-shadow:none;}
.menu-list-item { width:100%; display:block; font-size:20px; color:#CACED4 !important;}
.menu-list-item , .menu-list-item:hover , .menu-list-item:focus { text-decoration:none; padding:10px 20px 10px 40px; border-bottom: 1px solid #232a32;}
body.login-body .ui-page.ui-page-theme-a { min-height:auto !important;}
.ui-loader { display:none !important;}
.panel-group.menu-list	{ padding-top:00px; background:#2c343f; width: 300px;}
.admin-left-block .menu-list .panel-body { background:#252c36;}
.admin-left-block .menu-list .panel-body { padding:0px;}
.sub-menu-list { display:block; padding-left:0px; margin:0; list-style-type:none;}
.sub-menu-list li	{ display:block; float:left; clear:both; width:100%;  border-bottom: 1px solid #2c343f;}
.sub-menu-list li a , .sub-menu-list li a:hover , .sub-menu-list li a:focus { padding:5px 10px; font-size:18px; display: flex; color: #ddd; text-decoration:none; width:100%;}
.sub-menu-list li a span, .sub-menu-list li a:hover span, .sub-menu-list li a:focus span , .menu-list-item span { font-size:14px;  align-self: center; -o-align-self: center; -webkit-align-self: center;font-weight:600;}
.sub-menu-list li a.collapsed span, .sub-menu-list li a.collapsed:hover span, .sub-menu-list li a.collapsed:focus span , .menu-list-item.collapsed	span { transform:rotate(90deg);}
.sub-menu-link , .sub-menu-link:hover , .sub-menu-link:focus {color: #ddd;}
.my-table {padding: 2px 20px 20px; position:relative;}
.my-table .dataTables_wrapper {border: 1px solid #666; border-radius: 4px; padding: 20px 20px 20px 20px; margin-top:15px; background: #fff; height: 100%; }/*overflow-y: auto;*/
.my-table .dataTables_filter label	, .my-table .dataTables_length label { color:#666; font-size:18px;}
.my-table .dataTables_filter input , .my-table .dataTables_length select { border-radius:4px; border:1px solid #999; padding:5px; color:#666; font-size:16px; margin:0 4px;}
.my-table .display { margin-top:20px; float:left; border-bottom: 1px solid #999;}
.my-table .display tr th { font-size: 14px !important;font-weight: 600;}
.my-table .display tr td { font-size:18px; color:#444;}
.my-table .dataTables_paginate { float:right; margin-top:20px;}
.my-table .dataTables_info { float:left; font-size:18px; color:#2c343f;}
.my-table .paginate_button.previous.disabled , .my-table .paginate_button.next.disabled { background:#eaeaea; border:1px solid #ddd; border-radius:4px; padding:4px; color:#444; text-decoration:none; cursor:pointer; margin:3px;}
.my-table .paginate_button.previous , .my-table .paginate_button.next {background:#fff; border:1px solid #ddd; border-radius:4px; cursor:pointer; padding:4px; color:#444; text-decoration:none; margin:3px;  font-size:16px;}
.my-table .paginate_button.current , .my-table .paginate_button {background:#fff; border:1px solid #ddd; border-radius:4px; cursor:pointer; padding:4px 8px; color:#444; text-decoration:none; margin:3px; font-size:16px;}
.my-table .paginate_button.current {background:#2c343f; color:#fff; border:1px solid #2c343f;}
table.dataTable thead .sorting_desc { background-image:url(../../images/sort_desc.png);}
table.dataTable thead .sorting_asc {background-image: url("../../images/sort_asc.png");}
.modal-main .modal-header {border-bottom: 1px solid #ccc; padding-bottom: 15px; background: #232a32; color: #fff;}
.modal-main .modal-header .close { color:#fff;}
.form-group .help-block code { background: transparent;}
.signup-link	{ float:right; font-size:18px; }
.my-table .action-btn-grp .btn, .my-table .action-btn-grp .btn:hover {border: 1px solid #0798D9;
background: #0798D9;
border-radius: 0;
padding: 5px 10px 8px;
border-radius: 5px;}
.my-table .action-btn-grp .btn .glyphicon {color:#fff;}
.label-floating.empty .help-block	{ display:block;}
.label-floating.filled .help-block	{ display:none;}
.btn-one { margin-top:0; background-color: #232a32 !important; border-radius: 0; position:absolute; top:0; left:0px; margin-left:0; border-top: 1px solid #232a32 !important;}
.row-offcanvas-right.active .btn-one span{ transform:rotate(180deg);}
.sub-menu-list .panel-body { border-top:none !important;}
.sub-menu-list .panel.panel-default {background-color: transparent;}
.sub-menu-list .panel.panel-default .sub-menu-list li a , .sub-menu-list .panel.panel-default .sub-menu-list li a:hover , .sub-menu-list .panel.panel-default .sub-menu-list li a:focus {font-size: 16px;}

/* landscape-view css starts */

.login-body.landscape-view .login-btn , .login-body.landscape-view .login-btn:hover , .login-body.landscape-view .login-btn:focus { position:static; margin-top:20px;}
.login-body.landscape-view .login-logo { width:50%;}
/*.login-body.landscape-view .welcome-text { margin:20px 0 0 0;}*/

/* landscape-view css end */

/*changes done form swipe-menu btn*/
.admin-panel .top-bar {padding: 10px 15px;}
.btn-one	{ top:auto; bottom:-10px;}
.top-bar	{ position:relative;}
.admin-right-block { padding-top:0; width: 100%;}
.action-btn-grp .btn-default { margin:0 2px; float:left;}
.my-table .action-btn-grp { text-align:center;}
.caption-title { font-size: 18px; display: inline-block;font-weight:600;}
.form-group.label-floating.is-focused label.control-label { /*left:15px;*/ color: 	#0798d9;font-weight:600;}
.modal .modal-header { border-bottom: 1px solid #ccc; padding-bottom: 15px; background: #232a32; color: #fff;}
.modal .modal-content  .modal-footer { border-top: 1px solid #666; padding: 10px;}
.modal .modal-header .close { color:#fff; opacity: 1;}
.form-group { position:relative; margin-bottom: 20px;}
.input-group-addon {position:absolute; top:5px; right:20px;z-index:999}
span.required { color:#ff0000; font-size:16px; margin:2px; display:inline-block;}
.modal-main .modal-body .multiselect-container li.active label { color:#fff; padding:4px 8px; text-align:left;}
.modal-main .modal-body .multiselect-container li label {padding:4px 0; text-align:left;}
.form-group.ui-state-highlight .form-control { border-bottom: 1px solid #ddd; border-image: none; background: #eaeaea;}
.form-group.label-floating.ui-state-highlight label.control-label { top:-40px !important;}
.form-group .multiselect-container li a label input { margin-bottom: 5px; width: 15px; height: 15px; display: inline-block; opacity: 1; margin-top: 4px; margin-left: 10px; z-index: 888;}
.modal-main .modal-body .multiselect-container li label , .modal-main .modal-body .multiselect-container li.active label		{ padding-left:35px;}
.form-group .btn-group { width: 100%; box-shadow: none;}
.multiselect.form-control {text-align: left;}
.multiselect-container.dropdown-menu {width: 100%;}
.multiselect-container .input-group {position: relative; width: 100%;}
    .multiselect-container .input-group .input-group-addon {position: absolute;
    right: 15px;
    top: 20px;  z-index:999; display: none;}
    .multiselect-container .input-group .input-group-btn {position: absolute;
    right: 15px;
    top: 5px; z-index:999;}

.form-group textarea.form-control {height:38px;}
.admin-panel-block 	{ position:relative; width: 100%; float: left;}
.admin-left-block { padding-right:0; display:inline-block; background: #2c343f;  width:60px; height:100%; z-index:1040; position:absolute; top:0; left:0;  overflow: hidden;   overflow-y: auto;}
.active-menu .admin-left-block {width:300px;}
.admin-right-block {  float:right; padding-top: 0px;  padding-left: 60px;}
.row-offcanvas { position: relative;  -webkit-transition: all .25s ease-out;    -o-transition: all .25s ease-out;     transition: all .25s ease-out;}
.active-menu > .admin-right-block { padding-left: 300px; }
.input-group[class*="col-"] { float: left;  padding-left: 15px;   padding-right: 15px;}

.white,
.white-icon { color: #fff;}
.header-menu-icon {   display: inline-block;  font-size: 20px;  margin-right: 15px;  vertical-align: middle;}
.form-group{margin-top:10px;padding-left:0px !important;}
.modal-backdrop.in{    background-color: #000;opacity: .7;}
.form-group.label-floating label.control-label, .form-group.label-placeholder label.control-label{font-size:14px;}
.form-group .checkbox label, .form-group .radio label, .form-group label {font-size:14px;}
.modal .modal-header{padding:10px;}
.modal-title{font-size:16px;font-weight: 600;}
.sub-menu-list li > a > span.icoGen {
   /* background-image: url("../../images/view-user.png"); */
    background-position: center center;
    background-repeat: no-repeat;
    float: left;
    height: 35px;
    margin-right: 15px;
    width: 40px;
}

/* New Design - 2016_02_22*/
.form-group label.control-label {font-weight:500; color: #333;}
.dropdown-menu li a:hover, .dropdown-menu-default li a:hover,
.form-group.is-focused label.control-label,
a, a:hover, 
a:focus {  color: #333;  text-decoration: none;}
.login_box {margin-top: 40px;}
.login_box > div { box-shadow: 0 0 5px 0 #aaaaaa;    }
.exide-logo,
.login-logo {  
border-radius: 0px;
padding: 0px;
width: 180px;
height: 50px;
}
.btn-primary:not(.btn-link):not(.btn-flat) {background: #0798d9;}
.btn-primary:hover:not(.btn-link):not(.btn-flat) {background: #0078b9;}
.modal .modal-header { background: #0798d9;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.pb10 {padding-bottom: 10px;}
[onclick] { cursor: pointer; }
.outer_box{ background:none; width:235px; height:140px; float:left; margin:20px 10px 0px 10px; position:relative;}
.outer_box a:hover, .outer_box a:active { text-decoration:none !important;}
.main_row2 {  padding-bottom: 15px;}
a:focus { outline: none; }
.user-dropdown > a { display: inline-block; }
.back-ntn { border: 1px solid #ffffff;  border-radius: 3px;  margin-right: 15px;  margin-top: 11px;  padding: 5px 8px;  vertical-align: top;  color: #fff;}
.back-ntn:hover {color: #fff;   }
.customer-menu {padding-left:0;}
.customer-menu li {margin-bottom: 1px; line-height: 20px; display:block;}
.customer-menu a {background-color: #252c36; display: flex; width: 100%;  color: #fff; padding:5px; position: relative; padding-right: 5px; }
.customer-menu a:hover{ background: #1f2834 ;}
.customer-menu li.active a:after {  content: "";   display: inline-block;
    font-family: "Glyphicons Halflings";
    font-style: normal;
    font-weight: 400;
    line-height: 1;
     position: absolute;
    right: 10px;
    top: 14px;}
.customer-menu a .glyphicon { margin-right: 20px; font-size: 23px;   line-height: 38px;    text-indent: 9px; padding:0 4px;  }
.customer-menu a span {align-self: center; -o-align-self: center; -webkit-align-self: center;}
.sub-menu-list > li.active:hover,
.sub-menu-list > li.active {background:#0798d9 ;}
.sub-menu-list > li:hover {background: #1f2834 none repeat scroll 0 0;} 
.form-group.is-focused label, .form-group.is-focused label.control-label {  color: #333333;}
.custome-drop {width:100%; margin:0;}
.panel-title > a {display: block; color: #fff;}
.panel > .panel-heading, .panel-default > .panel-heading {color: #fff;background: #0798d9 ; }
.has-feedback label ~ .form-control-feedback {display: none !important;}
.form-group .help-block {  bottom: -4px;  font-size: 12px;  left: 0;   margin-top: 0;}
.form-control[disabled], .form-group .form-control[disabled], fieldset[disabled] .form-control, fieldset[disabled] .form-group .form-control {  background: #f2f2f2 none repeat scroll 0 0;}
.is-focused:active label,
.is-focused:focus label {color:red;}
.form-group.label-floating.is-filled label.control-label {top:-30px; font-size: 12px; line-height: 1.07143;}
.mb30 { margin-bottom: 30px;}
.content_inner_left_head_das h3 { margin-top:0;}
.box-border {border: 1px solid #5a5a5a;}
.upload-box input {padding-right: 40px;}
.upload-box .UploadIcons {position: absolute;top: 11px;right: 38px;font-size: 20px;}
.upload-box .BrowseIcons {position: absolute;top: 11px;right: 10px;font-size: 20px;}
.modal-body .table select {max-width: 180px; width: 100%; }
.flwdth { width:100%;
}
.graphical-dropdown {
    background-color: #252c36;
    padding-top: 10px;
}
.graphical-dropdown .form-group {
     margin-bottom: 5px;
}
.graphical-dropdown .form-group label{color:#fff;}
.graphical-dropdown .form-group.is-empty.is-filled select, .graphical-dropdown .form-group.is-empty.is-focused select, #DatePickerReportDate input, #DatePickerReportDate span.input-group-addon{color:#fff;}
.graphical-dropdown .form-group.is-empty.is-filled select option, .graphical-dropdown .form-group.is-empty.is-focused select option{color:#474747;}
.graphical-dropdown .form-group.is-empty select{font-size:0;}
.graphical-dropdown .form-group.is-empty.is-filled select, .graphical-dropdown .form-group.is-filled select, .graphical-dropdown .form-group.is-focused select{font-size:initial;}
.color-strip li {
    font-weight: 600;
    font-size: 13px;
    color: #474747;
}
.color-strip li:first-child{color:#000;}
.green-box, .orange-box, .yellow-box, .red-box, .grey-box, .black-box {
    width: 25px;
    height: 14px;
    display: inline-block;
    margin-right: 5px;
}
.green-box{
    background-color:#22B14C
}
.orange-box{
    background-color:#FF7F27
}
.yellow-box{
    background-color:#FFF200
}
.red-box{
    background-color:#ED1C24
}
.grey-box{
    background-color:#7F7F7F
        }
.black-box {
    background-color:#000000
}
#ptable td:first-child {
    min-width: 50px;
}
#divMap .modal-body #divDevMap{width:100% !important}
@media (min-width: 768px) {

	.login-action li a, .login-action li a:hover, .login-action li a:focus { text-align:center;}
	.login-with-pin	{ margin-top:0;}
	.login-action .forgot-user-id a, .login-action .forgot-user-id a:hover, .login-action .forgot-user-id a:focus	{ text-align:center;}
	.login-form	{ margin-top:20px; display:block;}
	.login-action	, .set-checkbox{ margin-top:30px;}
	.login-form	{ width:70%; margin:0 auto;}
	.welcome-text	{ font-size:24px;} 
	.login-action	{ text-align:center;}
	.login-action li { display:inline-block; font-size:20px;}
	.set-checkbox	label { font-size:20px;}
	.login-box .ui-checkbox input	{ height:20px; width:20px;}
	.login-box .login-btn, .login-box .login-btn:hover, .login-box .login-btn:focus	{ font-size: 24px;  font-weight: 400; width: auto; margin: 0 auto; position: static; padding: 10px 50px; height: auto; float: none; display:inherit; margin-top:30px;}
    #sform .modal-dialog {
    width: 450px;
}
}
@media (min-width: 1200px) {
		.dashboard-top-bar.closed .panel-heading .title, .dashboard-top-bar.closed .panel-heading .title:hover, .dashboard-top-bar.closed .panel-heading .title:focus { font-size:34px; margin-left: 20px;}
		.dashboard-top-bar .panel-collapse .panel-body { padding: 250px 0 50px;}
		.secondary-title {font-size: 42px;}
		.login-form	{ width:500px;}
		.login-form .form-group.is-focused label, .login-form .form-group.is-focused label.control-label { font-size:14px;}
		.login-box .login-btn, .login-box .login-btn:hover, .login-box .login-btn:focus	{ font-size: 20px; padding: 10px 60px;}
		
}
@media (max-width: 1600px) {
	.admin-right-block	{ width:100%;}
	.admin-panel .user-dropdown .dropdown-toggle, .admin-panel .user-dropdown .dropdown-toggle:hover, .admin-panel .user-dropdown .dropdown-toggle:focus , .usertype-dropdown .dropdown-toggle, .usertype-dropdown .dropdown-toggle:hover, .usertype-dropdown .dropdown-toggle:focus , .menu-list-item	{ font-size:14px;font-weight: 600;}
	.my-table .dataTables_filter label, .my-table .dataTables_length label , .my-table .display tr th , .my-table .display tr tD { font-size:14px;}
	.menu-list-item, .menu-list-item:hover, .menu-list-item:focus	{ padding:10px 20px 10px 40px}
	.sub-menu-list li a, .sub-menu-list li a:hover, .sub-menu-list li a:focus , .usertype-dropdown .dropdown-menu a, .usertype-dropdown .dropdown-menu a:hover, .usertype-dropdown .dropdown-menu a:focus { font-size:15px;}
	.my-table { margin-top: 10px;}
	.admin-panel .user-dropdown	{ margin-top:0px;}
	.my-table .action-btn-grp	{ top: 10px; left: 20px; right: 20px;}
	.my-table .action-btn-grp .btn	, .my-table .dataTables_info{ font-size:16px;}	
	.my-table .display	{ margin-top:10px;}
	.admin-panel .title-block	{ padding:10px; margin-top:20px;}
	
	.admin-panel.login-box	{ padding-top:10px;}
	.signup-link	{ font-size:16px;}
	
}
@media (max-width: 1200px) {
.panel.dashboard-top-bar .back-arrow , .panel.dashboard-top-bar .back-arrow img , .panel.dashboard-top-bar .search-btn , .panel.dashboard-top-bar .search-btn img , .panel.dashboard-top-bar .more-btn , .panel.dashboard-top-bar .more-btn img { width:40px;}
.dashboard-icon { width:70%;}
.dashboard-menu-text {font-size:36px;}
.modal-dialog { width:90%; margin:0 auto;}


}
@media (max-width: 992px) {
.panel.dashboard-top-bar .back-arrow , .panel.dashboard-top-bar .back-arrow img , .panel.dashboard-top-bar .search-btn , .panel.dashboard-top-bar .search-btn img , .panel.dashboard-top-bar .more-btn , .panel.dashboard-top-bar .more-btn img , .top-bar-menu .back-arrow , .top-bar-menu .more-btn{ width:30px;}
.dashboard-icon { width:70%;}
.dashboard-menu-text {font-size:30px; margin-top:15px;}
.secondary-title { font-size:36px;}
.outer_box {width: 31%;  margin: 20px 5px 0;  }
}
@media (max-width: 767px) {
.panel.dashboard-top-bar .back-arrow , .panel.dashboard-top-bar .back-arrow img , .panel.dashboard-top-bar .search-btn , .panel.dashboard-top-bar .search-btn img , .panel.dashboard-top-bar .more-btn , .panel.dashboard-top-bar .more-btn img , .top-bar-menu .back-arrow , .top-bar-menu .more-btn { width:25px;}
.dashboard-menu-text {font-size:24px; margin-top:5px;}
.secondary-title { font-size:30px;}
.top-bar-menu .back-arrow , .top-bar-menu .more-btn { margin-top:8px;}
.active-menu > .admin-right-block {   padding-left: 60px;}

}
@media (max-width: 600px) {
    
	.login-action li { font-size:16px;}
	.login-action .login-with-pin	{ margin-top:5px; display:block;}
	.login-with-pin a	{ border-left:none;}
    .outer_box {width: 44%; margin:20px 3% 0;   }
	
}
@media (max-width: 400px) {
    .outer_box {width: 98%; margin:20px 1% 0;  }
.exide-logo { width: 110px;    }
.dashboard-top-bar .panel-collapse .panel-body {padding: 80px 0 20px;}
.dashboard-menu-text { font-size: 20px; margin-top: 5px;}
.dashboard-top-bar .panel-heading .title, .dashboard-top-bar .panel-heading .title:hover, .dashboard-top-bar .panel-heading .title:focus { font-size:26px;}
.invoice-data-listing strong { font-size:20px;}
.invoice-data-listing , .login-form .form-group label.control-label{ font-size:16px;}
.set-checkbox , .login-form .form-group	{ margin-top:7px;}
.welcome-text	{ margin-top:10px;}
.signup-link {  display: block;  float: none;  margin-top: 15px;}
}


/* Created By     : Jayesh Prajapati 
    Created Date : 25 March 2016 
    Purpose         : Solve the issue regarding the custom design in buttons*/
#ClickOnCancel{
    margin-top:0px
}

.datepicker.dropdown-menu {z-index:1051 !important}
.btn-danger:not(.btn-link):not(.btn-flat) {
    background-color: #0798d9;
    color: rgba(255,255,255,.84);
}
.btn-danger:hover:not(.btn-link):not(.btn-flat) {
    background-color: #286090;
}
.checkbox input[type="checkbox"]:checked + .checkbox-material .check::before, .checkbox input[type="checkbox"]:checked + .checkbox-material .check{
    color: #0798D9;
}
.checkbox input[type="checkbox"]:checked + .checkbox-material .check, .checkbox-default input[type="checkbox"]:checked + .checkbox-material .check {
    border-color: #0798D9;
}
table.dataTable thead th{padding-left:8px;}
.my-table .display thead th:first-child{padding-left:10px;}
.dataTables_filter input{height: 30px;}
.dataTables_wrapper .dataTables_length select{height: 30px;
padding-top: 0;
padding-bottom: 0px;}