@charset "utf-8";
/* CSS Document */
html {scroll-behavior:smooth;}
body {background:#f3f3f3; font-family:'robotoregular'; font-size:14px; color:#000000; position:relative; overflow-x:hidden !important;}
* {margin:0; padding:0; transition:all .5s;}
a {text-decoration:none; color:#ffa31f; transition:all .5s; position:relative;}
a:hover {color:#ec7806;}
b, strong {font-weight:400; font-family:'robotomedium';}
ul, ol {list-style:none; margin:0;}
img {height:auto; width:auto; max-width:100%;}
img, a {outline:none; box-shadow:none; border:0;padding-top: 2px;}

@font-face {
    font-family: 'robotolight';
    src: url('../fonts/roboto-light-webfont.eot');
    src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-light-webfont.woff2') format('woff2'),
         url('../fonts/roboto-light-webfont.woff') format('woff'),
         url('../fonts/roboto-light-webfont.ttf') format('truetype'),
         url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
    font-weight:normal; font-style:normal;}

@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'), url('../fonts/roboto-regular-webfont.ttf') format('truetype'), url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight:normal; font-style:normal;}

@font-face {
    font-family: 'robotomedium';
    src: url('../fonts/roboto-medium-webfont.eot');
    src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-medium-webfont.woff2') format('woff2'), url('../fonts/roboto-medium-webfont.woff') format('woff'), url('../fonts/roboto-medium-webfont.ttf') format('truetype'), url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
    font-weight:normal; font-style:normal;}

@font-face {
    font-family: 'robotobold';
    src: url('../fonts/roboto-bold-webfont.eot');
    src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-bold-webfont.woff2') format('woff2'), url('../fonts/roboto-bold-webfont.woff') format('woff'), url('../fonts/roboto-bold-webfont.ttf') format('truetype'), url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
    font-weight:normal; font-style:normal;}

@font-face {
    font-family: 'robotomedium_italic';
    src: url('../fonts/roboto-mediumitalic-webfont.eot');
    src: url('../fonts/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-mediumitalic-webfont.woff2') format('woff2'), url('../fonts/roboto-mediumitalic-webfont.woff') format('woff'), url('../fonts/roboto-mediumitalic-webfont.ttf') format('truetype'), url('../fonts/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');
    font-weight:normal; font-style:normal;}

@font-face {
    font-family: 'robotomedium_italic';
    src: url('../fonts/roboto-mediumitalic-webfont.eot');
    src: url('../fonts/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-mediumitalic-webfont.woff2') format('woff2'), url('../fonts/roboto-mediumitalic-webfont.woff') format('woff'), url('../fonts/roboto-mediumitalic-webfont.ttf') format('truetype'), url('../fonts/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');
    font-weight:normal; font-style:normal;}

@font-face {
	font-family:'Font Awesome 5 Free'; font-style: normal; font-weight: 900;
	src: url("../fonts/fa-solid-900.eot");
	src: url("../fonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-solid-900.woff2") format("woff2"), url("../fonts/fa-solid-900.woff") format("woff"), url("../fonts/fa-solid-900.ttf") format("truetype"), url("../fonts/fa-solid-900.svg#fontawesome") format("svg");}
.fa,.fas{font-family: 'Font Awesome 5 Free'; font-weight:900; color:#ffa31f;}

@font-face {font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/fa-regular-400.eot");
  src: url("../fonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../fonts/fa-regular-400.woff2") format("woff2"), url("../fonts/fa-regular-400.woff") format("woff"), url("../fonts/fa-regular-400.ttf") format("truetype"), url("../fonts/fa-regular-400.svg#fontawesome") format("svg");}
.far {font-family: 'Font Awesome 5 Free'; font-weight: 400; color:#ffa31f;}

/* Works on Firefox */
* {scrollbar-width:thick/*none*/; scrollbar-color:#0066ae #ccc;}
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {width:12px/*0*/;}
*::-webkit-scrollbar-track {background:#ccc;}
*::-webkit-scrollbar-thumb {background-color:#0066ae; border-radius:0px; border:0px solid orange;}

.preloader {position:fixed; top:0; left:0; width:100%; height:100%; z-index:9999; background-image: url('../images/loading.gif'); background-repeat: no-repeat; background-color:#FFF; background-position:center center; display:none;}

#wrapper {margin:0;}
.login {text-align:center; display:flex; align-items:center; justify-content:center; width:100vw; height:100vh;}
.login .window {position:relative; width:350px; padding-bottom:25px; margin:0 auto; background:#ffffff; text-align:center; box-shadow:0 2px 5px 0 rgba(0,0,0,0.2); -moz-box-shadow:0 2px 5px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0 2px 5px 0 rgba(0,0,0,0.2);}
.login .window::before {content: ""; background:#0066ae; width:100%; height:115px; position:absolute; top:0; left:0; margin:0;}
.login .window .logo {position:relative; padding-top:20px;}
.login .window .logo h2 {color:#ffa31f; font-size:22px; padding-top:10px;}
.login .window .log-form {padding:0 55px;}
.login .window .log-form a{padding:10px 0; display:inline-block; margin-top:10px;}
.input-icon {position:absolute; top:0; right:0; margin:0; z-index:1; padding:15px; color:#a1a2a4; font-size:18px;}


.left-panel {position:absolute; left:0; top:0; z-index:5; width:223px; min-height:100%; background:#fff; padding-top:20px; box-shadow:3px 10px 8px 0 rgba(0,0,0,0.15); -moz-box-shadow:3px 10px 8px 0 rgba(0,0,0,0.15); -webkit-box-shadow:3px 10px 8px 0 rgba(0,0,0,0.15);}
.left-panel::before {content: ""; background:#0066ae; width:100%; height:57px; position:absolute; top:0; left:0; margin:0;}
.left-panel .container {max-width:100%; padding-left:0; padding-right:0;}
.left-panel .container .row {margin-right:0; margin-left:0;}
.left-panel .container .row .col {padding-right:0; padding-left:0;}
.left-panel .logo {position:relative; text-align:center; border-bottom:2px solid #e2e2e2;}
.left-panel .catehead {margin-top:10px;}
.left-panel .catehead strong {background:url('../images/arrow.png') no-repeat 100% 0 #ffa31f; display:block; font-size:13px; font-family: 'robotobold'; color:#fff; text-transform:uppercase; padding:16px 0 13px 21px; cursor:pointer; letter-spacing:0.04rem; line-height:1.4;}
.left-panel .catehead .cateheadctive {background-position:100% -68px;}
.left-panel .subcate{display:none1;}
.left-panel .subcate ul {margin:0}
.left-panel .subcate ul li {margin:0; display:block;}
.left-panel .subcate ul li a {margin:0; display:block; border-bottom:1px solid #ccc; text-decoration:none; color:#707070; line-height:1.4; font-size:13px; letter-spacing:0; padding:11px 10px 10px 41px; background:url('../images/circle.png') no-repeat 15px -6px;}
.left-panel .subcate ul li a:hover {color:#0066ae; background-position:15px -56px;}
.left-panel .subcate ul li a.active {color:#0066ae; background-position:15px -56px;}

.right-panel {margin-left:223px;}
.right-panel .container {padding-right:0; padding-left:0; max-width:100%;}
.right-panel .header {background:#fff; height:57px; position:relative; z-index:2; box-shadow:0px 0px 8px 0 rgba(0,0,0,0.15); -moz-box-shadow:0px 0px 8px 0 rgba(0,0,0,0.15); -webkit-box-shadow:0px 0px 8px 0 rgba(0,0,0,0.15);}
.right-panel .header .mmenubut {font-size:28px; color:#ffa31f; cursor:pointer; padding:0 24px; line-height:57px; float:left; margin-right:9px;}
.right-panel .header .mmenubut:hover {color:#666666;}
.right-panel .header .userbut {margin-right:0; padding:0 10px !important; display:none;}
.right-panel .header .user-log {float:right; padding-right:30px;}
.right-panel .header .user-log a {color:#0066ae; font-size:15px; text-decoration:none; padding:19px 0; line-height:57px; margin-left:30px; position:relative; padding-left:30px;}
.right-panel .header .user-log a span {color:#aaa;}
.right-panel .header .user-log a:hover {color:#ffa31f;}
.right-panel .header .user-log a i {font-size:21px; color:#ffa31f; position: absolute; left:0; top:17px;}

.right-panel .m_cont {padding:22px 41px 35px 41px;}
.right-panel .m_cont .breadcrumb {font-family: 'robotomedium'; font-size:11px; color:#4b4b4b; line-height:1.5; padding:0 0; margin-bottom:8px; list-style: none; background:none; border-radius:0;}
.right-panel .m_cont .breadcrumb a{color:#4b4b4b; font-family: 'robotomedium';}
.right-panel .m_cont .breadcrumb a:hover {color:#0066ae;}
.right-panel .m_cont .breadcrumb span{font-family: 'robotolight'; color:#ffa31f;}
.right-panel .m_cont h2 {text-transform:uppercase; color:#313131; font-size:22px; font-family:'robotobold'; padding-bottom:19px; margin-bottom:0;}
.right-panel .m_cont h2 i {float:left; padding-right:10px; font-size:23px; margin-bottom:5px; margin-top: 2px;}
.right-panel .m_cont .tabs {}
.right-panel .m_cont .tabs ul{margin-top:-5px;}
.right-panel .m_cont .tabs ul li {display:inline-block; margin:5px 5px 0 0; float:left;}
.right-panel .m_cont .tabs ul li a{display:inline-block; background:#cadeed; font-family:'robotobold'; color:#a9bbc9; font-size:12px; text-transform:uppercase; line-height:40px; width:90px; text-align:center; padding-top:2px; cursor:default; text-decoration:none !important;}
.right-panel .m_cont .tabs ul li a.active{background:#0066ae; color:#fff; cursor:pointer;}



.right-panel .m_cont .searchpanel {background:#0066ae; padding:6px; margin:0px 0 15px 0;}
.right-panel .m_cont .searchpanel .seachbar {padding:0 72px 0 0; position:relative;}
.right-panel .m_cont .searchpanel .seachbar .form-control {background:#fafafa; height: calc(2em + .75rem + 3px); border-color:#fafafa; padding-right:50px;}
.right-panel .m_cont .searchpanel .seachbar button {border:0; background:#fafafa; position:absolute; right:72px; top:0; z-index:2;}
.right-panel .m_cont .searchpanel .calendar {padding:0; text-align:right;}
.right-panel .m_cont .searchpanel .calendar .input-group {width:auto; float:right; margin-left:8px;}
.right-panel .m_cont .searchpanel .calendar p.dts {color: #fff; float:right; padding: 14px 0 0 0; margin: 0;}
.right-panel .footer {margin-top:100px; background:#fff; padding:20px 30px; color:#878787; font-size:12px;  box-shadow:0px 0px 8px 0 rgba(0,0,0,0.15); -moz-box-shadow:0px 0px 8px 0 rgba(0,0,0,0.15); -webkit-box-shadow:0px 0px 8px 0 rgba(0,0,0,0.15);}
.right-panel .m_cont .paging {margin:40px 0 0 0; text-align:center;}
.right-panel .m_cont .paging ul li {display:inline-block; margin:3px 1px;}
.right-panel .m_cont .paging ul li a {display:inline-block; padding:0; line-height:30px; border-radius:50px; width:30px; height:30px; color:#707070; background-color:#fff; border: 1px solid #b7b7b7; text-decoration:none;}
.right-panel .m_cont .paging ul li a:hover {color: #fff; background-color:#0066ae; border-color:#0066ae;}
.right-panel .m_cont .paging ul li a.active {color: #fff; background-color:#0066ae !important; border-color:#0066ae;}
.right-panel .m_cont .paging ul li a i::before {font-size:20px; top:4px; position:absolute; left:12px;}
.right-panel .m_cont .paging .pages {color:#707070; font-family:'robotomedium'; font-size:14px; line-height:30px; padding:0 5px 0 0;}

.right-panel .m_cont .subhead {background:#5c6870; border-top:2px solid #e1e1e1; font-size:19px; color:#fff; line-height:normal; font-family:'robotobold'; text-transform:uppercase; padding:18px 20px;}



/********  Custom CSS start here ********/
.note {color:#707070; font-size:12px;}
select.form-control {
    -moz-appearance:none; /* Firefox */
    -webkit-appearance:none; /* Safari and Chrome */
    appearance:none;
}
.form-check-label {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 14px;
    color: #707070;
    font-family: 'robotolight';}

.actioncol-width {width:200px !important;}
.addnew-button {border:1px solid #ed9415 !important; background:#ffa31f; border-radius:0; padding:14px 15px 14px 37px; font-family:'robotomedium'; font-size:12px; color:#fff !important; text-decoration:none !important; position:relative;}
.addnew-button:hover {background:#ed9415;}
.addnew-button::before {content: "\f303"; position:absolute; top:10px; left:12px; margin:0; color:#fff; font-family: 'Font Awesome 5 Free'; font-weight:900;font-size:18px;}
.butpos {float:right; margin-top:-12px;}

.addnew-button-t {border:1px solid #ed9415 !important; background:#ffa31f; border-radius:0; padding:13px 12px 11px 28px; font-size:12px; color:#fff !important; text-decoration:none !important; position:relative;}
.addnew-button-t:hover {background:#ed9415;}
.addnew-button-t::before {content: "\f303"; position:absolute; top:8px; left:9px; margin:0; color:#fff; font-family: 'Font Awesome 5 Free'; font-weight:900;font-size:15px;}

.dates {max-width:160px !important; height:45px !important; background:#fafafa !important;}
.input-group-append {display:none;}
.tdata {color:#8d8d8d; font-size:14px; font-family:'robotolight'; padding:11px 30px 11px 0;}
.underline {text-decoration:underline;}
.col-form-label {padding-top:0; padding-bottom:0; margin-bottom: 0; line-height: 1.5; font-size:14px; color:#707070; font-family: 'robotomedium'; text-align: center; display:flex; align-items:center;}

.col-form-label-b {color:#0066ae; font-size:18px; text-transform:uppercase; font-family: 'robotomedium' !important;}
.col-form-label-sm {color:#3c3c3c; font-size:16px; text-transform:uppercase; font-family: 'robotomedium' !important;}

.formbg {background:#fff; box-shadow:2px 2px 2px 0 rgba(0,0,0,0.05); -moz-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.05); -webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.05); padding:12px 0 10px 0; border-top:2px solid #e1e1e1;}
.formbg .form-group {border-bottom:1px solid #ebebeb; padding-bottom:12px;}
.formbg .row {margin-right:0; margin-left:0;}
.formbg .form-group:last-child {border:0; padding-top:20px;}
.formbgpad {padding:0px 0 0px 0; border-top: 1px solid #e1e1e1;}
.table {margin-bottom:0 !important; color:#6b6b6b; font-size:12px; line-height:1.4;}
.table a{text-decoration:underline; color:#3a9ee5;}
.table a:hover{color:#ffa31f;}
.table thead th {border-bottom:2px solid #e1e1e1; padding:8px 8px !important; background:#ebebeb; text-transform:uppercase; font-family: 'robotobold'; vertical-align: middle !important;}
.table td, .table th {padding:6px 6px !important;}
.table-bordered td, .table-bordered th {border:1px solid #e1e1e1; text-align:left !important; position:relative;}

/*for Order booking reports*/
.table-orbrep {margin-bottom:0 !important; color:#6b6b6b; font-size:12px; line-height:1.4;}
.table-orbrep a{text-decoration:underline; color:#3a9ee5;}
.table-orbrep a:hover{color:#ffa31f;}
.table-orbrep thead th {border-bottom:2px solid #e1e1e1; padding:8px 21px !important; background:#ebebeb; text-transform:uppercase; font-family: 'robotobold'; vertical-align: middle !important;}
.table-orbrep td, .table-orbrep th {padding:6px 6px !important;}
.table-bordered-orbrep td, .table-bordered-orbrep th {border:1px solid #e1e1e1; text-align:left !important; position:relative;}
.table-bordered-orbrep-new td, .table-bordered-orbrep th {border:1px solid #e1e1e1; vertical-align:middle !important; position:relative;}


.actbut {width:36px; height:36px; background:#fff; border:1px solid #ed9415; text-align:center; line-height:36px; display:inline-block; border-radius:50%; margin:2px 2px;}
.actbut:hover {background:#ed9415; border:1px solid #ed9415;}
.actbut i {font-size:16px; color:#333; line-height:33px;}
.actbut:hover i {color:#fff;}

.actbut1 {width:auto; height:auto; text-align:left; display:inline-block; text-decoration:none !important; background:#ffa31f; color:#fff !important; line-height:32px !important; padding:0 3px; border-radius:30px;}
.actbut1:hover {color:#fff !important;}
.actbut1 i {color:#fff !important;}

.smalllogo {float:left; display:none; padding-left:15px;}
.logodisplay {display:block;}
.mart5 {margin-top:5px;}
.form-control {height: calc(2em + .75rem + 1px); font-size:15px; background-color:#f6f6f6; border:1px solid #efefef; border-radius:0; position:relative; padding: .375rem 1rem;}
.form-control1 {height: calc(2em + .75rem + 7px); font-size:15px; background-color:#f6f6f6; border:1px solid #efefef; border-radius:0; position:relative; padding: .375rem .75rem;}

.form-controlreport {height: calc(2em + .75rem + 1px); font-size:13px; background-color:#f6f6f6; border:1px solid #efefef; border-radius:0; position:relative; padding: .375rem 1rem;}

.form-group {margin-bottom:12px; position:relative;}
.btn-primary100 {border:1px solid #045893 !important; background:#0066ae; border-radius:0; padding:.875rem .75rem; width:100%;}
.btn-primary100:hover {background:#045893;}
.btn-primary {border:1px solid #045893 !important; background:#0066ae; border-radius:0; padding:.575rem 0; width:140px; text-transform:uppercase;}
.btn-primary:hover {background:#045893;}
.btn {font-family: 'robotomedium'; font-size:16px;}
.colorblack {color:#000 !important;}
.txtmid {vertical-align:middle !important;}
.nav-tabs {border-bottom:0px solid #dee2e6 !important;}
.calendaricon, .timeicon {position:absolute; top:0px; right:15px; margin:0; color:#000 !important; font-family: 'Font Awesome 5 Free'; font-weight:900;font-size:18px; background: #c5c5c5; border: 1px solid #efefef; padding: .48rem .9rem; z-index:9;}
.calendaricon .far, .timeicon .far {color:#000 !important;}
.calendaricon1 {top:16px; right:12px; padding: .5rem .9rem;}

.tdpad{padding: 0.8rem .75rem !important;}

.martop0 {margin-top:0 !important;}
.marbot0 {margin-bottom:0 !important;}
.marlft0 {margin-left:0;}
.lft223 {left:-233px;}
.disc{display:contents;}
table{border-collapse:collapse;border-spacing:0;}
.txtleft {text-align:left !important;}
.txtright {text-align:right !important;}
.txtcenter {text-align:center !important;}
.ftxtright {text-align:right;}
.padrgt0 {padding-right:0 !important;}
.padlft0 {padding-left:0 !important;}
.padlftrgt0 {padding-left:0 !important; padding-right:0 !important;}
.padrgt146 {padding-right:146px !important;}
.rgt0 {right:0 !important;}
.marlftrgt0 {margin-left:0 !important; margin-right:0 !important;}

.butpadalgn {text-align:center; padding:35px 0 0 0;}
.noborpadbot{border-bottom:0px solid #ebebeb !important; padding-bottom:0px !important; margin-bottom:0; padding-top:10px;}

.dbor {border-bottom:2px solid #ebebeb !important;}

.anbut {border:1px solid #ed9415 !important; background:#ffa31f; border-radius:0; padding:11px 35px 12px 54px; font-family:'robotomedium'; font-size:12px; color:#fff !important; text-decoration:none !important; position:absolute; right:0; top:0;}
.anbut:hover {background:#ed9415;}
.anbut::before {content: "\f303"; position:absolute; top:8px; left:27px; margin:0; color:#fff; font-family: 'Font Awesome 5 Free'; font-weight:900;font-size:18px;}
/*.cust-labeln {color:#fff; text-align:left; display:flex; align-items:center; justify-content:left; width:10%;}*/

.input-group-text {background:#c5c5c5; color:#000; border:1px solid #efefef; padding:.375rem .9rem; font-size:1.2rem;}

.inpbgbor {background:#fafafa !important; border:1px solid #fafafa !important;}

::-webkit-input-placeholder {color:#adadad !important}
:-ms-input-placeholder {color:#adadad !important}
::placeholder {color:#adadad !important}

select {padding-left:.75rem !important;}
select option {font-family:'robotoregular' !important;}
select {background: transparent; background: url("../images/selectbg.png") no-repeat 98% 14px;}

select.form-control[multiple] {background-image:none !important;}

[data-title]:hover:after {opacity: 1; transition: all 0.2s ease 0.6s; visibility: visible; z-index:9;} 
        [data-title]:after { 
            content: attr(data-title); 
            position: absolute; width:90px;
            padding:5px 0; text-transform:uppercase;
            color: #000; line-height:normal; font-family: 'robotolight';
            border-radius:3px;
            visibility: hidden; text-align:center;
			background:#f7f7f7; font-size:10px;
			top:-98%; left:50%; margin-left:-45px; box-shadow:2px 2px 2px 0 rgba(0,0,0,0.2); -moz-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.2); -webkit-box-shadow:2px 2px 2px 0 rgba(0,0,0,0.2);
        } 
/*[data-title]:hover::after {opacity: 1; transition: all 0.1s ease 0.5s; visibility: visible;}
[data-title]::after {content: attr(data-title); position: absolute; bottom: -1.6em; left: 100%; padding: 4px 4px 4px 8px; color: #666; white-space: nowrap; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0px 0px 4px #666; -webkit-box-shadow: 0px 0px 4px #666; box-shadow: 0px 0px 4px #666; opacity: 0; z-index: 99999; visibility: hidden;}
[data-title] {position: relative;}*/


	.aligntop{align-items:inherit !important;}
	.aligntop1{align-items:inherit !important; padding-top:15px;}
	.algctrmdl {text-align:center; display:flex; align-items:center;}
	.padlr0 {padding-left:0; padding-right:0;}
	.padl0 {padding-left:0;}
	.padr0 {padding-right:0;}

.nav-link {padding:0 !important;}
.nav-tabs .nav-link {border:0px solid transparent !important; border-top-left-radius:0!important; border-top-right-radius:0 !important;}

/********  Responsive CSS start here ********/

@media (max-width:1200px){

}

@media (max-width:1172px){
	.right-panel .m_cont .searchpanel .seachbar {max-width:100%; flex:100%; padding-right:0;}
	.right-panel .m_cont .searchpanel .seachbar button {right: 0;}
	.right-panel .m_cont .searchpanel .calendar {max-width:100%; flex:100%; padding-top:55px;}
	.right-panel .m_cont .searchpanel .calendar p.dts {float:none; padding:10px 0 0 0; position: absolute; left: 0; top: 16px; display: block; border-top: 2px solid #fff; width: 100%; text-align: left;}
	.right-panel .m_cont .searchpanel .calendar .input-group {width:49%; float: right; margin: 0 0.5%;}
	.dates {max-width: 100% !important;}

}



@media (max-width:1056px){
	
	
}
@media (max-width:1023px){
.table-responsive {overflow-x: auto;}
.table-responsive>.table-bordered {width:1000px;}
}
@media (max-width:992px){
	
	.right-panel .m_cont .paging ul li a {line-height:40px; width: 40px; height: 40px;}
	.right-panel .m_cont .paging ul li a i::before {top:9px; left:17px;}	
}

@media (max-width:767px){
	.login .window {width:90%; margin:0 auto;}
	.login .window .log-form {padding:0 30px;}
	.smalllogo {padding-left:5px; display:block;}
	.right-panel {margin-left:0;}
	.right-panel .row {margin-right:0; margin-left:0;}
	.right-panel .header .user-log {display:none; background:#f8f8f8; width:200px; float:none; position:absolute; right:5px; top:57px; padding:20px; box-shadow:0px 0px 5px 0 rgba(0,0,0,0.2); -moz-box-shadow:0px 0px 5px 0 rgba(0,0,0,0.2); -webkit-box-shadow:0px 0px 5px 0 rgba(0,0,0,0.2);}
	.right-panel .header .user-log::before {content: "\f0de"; position:absolute; top:-24px; left:93px; margin:0; font-family:'Font Awesome 5 Free'; font-style:normal; font-weight:900; font-size:40px; color:#f7f7f7;}
	.right-panel .header .user-log a {padding:12px 0; margin-left:0px; display: block; border-bottom: 1px solid #ccc; line-height:1.5;}
	.right-panel .header .user-log a i {display:none;}
	.right-panel .header .mmenubut {float:right; padding:0 30px; margin-right:0;}
	/*.left-panel {box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;}*/
	.right-panel .header .userbut {display:block;}
	.displayb {display:block !important;}
	.formbg .form-group {padding-left:15px; padding-right:15px;}
	.right-panel .m_cont {padding-left:25px; padding-right:25px;}
	.form-control {padding-left:0.6rem; padding-right:0.6rem;}
	select {padding-left:.3rem !important;}
	
	.left-panel {-webkit-transform: translate(-233px, 0); -ms-transform: translate(-233px, 0); -o-transform: translate(-233px, 0); transform:translate(-233px, 0);}
	.norpad {padding-right:0 !important;}
	.right-panel .m_cont .paging .pages {display: block; padding-right:0;}
	.lft223 {-webkit-transform: translate(233px, 0); -ms-transform: translate(233px, 0); -o-transform: translate(233px, 0); transform:translate(233px, 0);}
	.butpos {float:none; margin-top:10px; display: block;}
	.addnew-button {padding:15px 10px 15px 37px;}
	.addnew-button::before {top:12px;}
	
	.right-panel .m_cont .tabs ul li {margin:2px 2px 0 0;}
	.right-panel .m_cont .tabs ul li a {padding:6px 11px 3px 11px; font-size:12px; line-height:30px; width:88px;}
	
	.col-form-label {text-align:left;}
	.btn-primary {width:105px;}
	.col-form-label-sm {font-size:11px; font-family: 'robotobold' !important;}

	
	
}
@media (max-width:575px){
	.col-form-label {padding-bottom:8px;}
	.ftxtcenter {text-align:center !important;}
	.tdata {padding:0 1.1vw 0 1.1vw; margin-top:-4px;}
	/*.table-responsive12 {overflow-x: auto;}
	.table-responsive12>.table-bordered {width:500px;}*/
	.actioncol-width {width:106px !important;}
	.dates {font-size:13px;}
	.mwd {flex:100%; max-width:100%; padding-right:0; padding-bottom:5px;}
	.mobpadl0 {padding-left:0;}
}

@media (max-width:413px){
	.anbut {padding:11px 0 12px 30px; position:relative; width:100%}
	.anbut::before {left:35%;}
	
}

@media (max-width:345px){
	

		
}

.Qtytext {
	height: calc(2em + 0.75rem + 1px);
	font-size: 15px;
	background-color: #f6f6f6;
	border: 1px solid #efefef;
	width: 20%;
}