html {margin: 0; padding: 0; overflow: auto;}
/*@font-face {font-family: 'Mycalibri'; src:  url('../fontsCustom/calibri.ttf') format('ttf'), url('../fontsCustom/calibrib.ttf') format('ttf'), url('../fontsCustom/calibrii.ttf') format('ttf'), url('../fontsCustom/CalibriL.ttf') format('ttf'), url('../fontsCustom/CalibriLI.ttf') format('ttf'), url('../fontsCustom/calibriz.ttf') format('ttf'); font-weight:normal;}
@font-face {font-family: 'HelveticaNeue LT 33 ThinEx'; src:  url('../fontsCustom/HelveticaLT33ThinExtended.ttf') format('ttf'), url('../fontsCustom/HelveticaLT33ThinExtendedOblique.ttf') format('ttf');}*/
/* Let's get this party started */
::-webkit-scrollbar {width: 10px;}
 /* Track */
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px #D9D9D9; -webkit-border-radius: 10px; border-radius: 10px;}
 /* Handle */
::-webkit-scrollbar-thumb {-webkit-border-radius: 10px; border-radius: 10px; background: gray;  -webkit-box-shadow: inset 0 0 6px #D9D9D9; width:8px;}
::-webkit-scrollbar-thumb:vertical {width: 10px; border: 2px solid #ffffff; height:5px; background-color: gray;}
::-webkit-scrollbar-thumb:horizontal {width: 5px; height:5px; border: 2px solid #ffffff; background-color: #D0D0D0;}
::-webkit-scrollbar-thumb:window-inactive {background: #D9D9D9;}
a {color: #333; outline: none; padding-left: 3px; padding-right: 3px; text-decoration: none;}
a:link, a:visited, a:active, a:hover {color: #333;}
.welcome {position:absolute; top:8%; text-align:right; right:5%; color:white;}
.nameOrder {text-align: left; top: 3px; position: relative;}
.logoutorder {position: absolute; top: 15%; color:white;}
.lineOrder {position: absolute; top: 4px; left: 97%;}
.mrgtop {margin-top:5%;}
.loginBack {z-index: 5000; position: absolute; left: 15%; top:-4%;}
.loginBackImg {width: 390px; position: absolute; left:-58px; top:-9px;}
.UsernameDiv {z-index: 5000; position:absolute; padding-top:26%;}
.UserpassDiv {z-index: 5000; position:absolute; padding-top: 60%;}
.z-index {z-index:5000;}
.UserMrgtTop {margin-top:10%;}
.pddingtoplft {padding-top: 1%; padding-right:0px;}
.colorLabel-Login {color: white; text-align: right; margin-left: 10px;}
header, footer, hgroup, nav, section {display: block;}
mark {background-color: #a6dbed; padding-left: 5px; padding-right: 5px;}
.float-left {float: left;}
.float-right {float: right;}
.clear-fix:after {clear: both; display: block; height: 0; visibility: hidden;}
h1, h2, h3, h4, h5, h6 {color: #000; margin-bottom: 0; padding-bottom: 0;}
h1 {font-size: 2em;}
h2 {font-size: 1.75em;}
h3 {font-size: 1.2em;}
h4 {font-size: 1.1em;}
h5, h6 {font-size: 1em;}
h5 a:link, h5 a:visited, h5 a:active {padding: 0; text-decoration: none;}
/* main layout
----------------------------------------------------------*/
.content-wrapper {margin: 0 auto; max-width: 90%;}
#body {background-color: #efeeef; clear: both;}
.main-content {background: url("../Images/accent.png") no-repeat; padding-left: 10px; padding-top: 30px;}
.featured + .main-content {background: url("../Images/heroAccent.png") no-repeat;}
header .content-wrapper {padding-top: 20px;}
footer {clear: both; background-color: #e2e2e2; font-size: .8em;}
/* site title
----------------------------------------------------------*/
.site-title {color: #c8c8c8; font-family:'Trebuchet MS' ; font-size: 2.3em; margin: 0;}
.site-title a, .site-title a:hover, .site-title a:active {background: none; color: #c8c8c8; outline: none; text-decoration: none;}
/*Order Creation*/
.mrglft {margin-left: 5%;}
/* login
----------------------------------------------------------*/
#login {display: block; font-size: .85em; margin: 0 0 10px; text-align: right;}
#login a {background-color: #d3dce0; margin-left: 10px; margin-right: 3px; padding: 2px 3px; text-decoration: none;}
#login a.username {background: none; margin: 0; padding: 0; text-decoration: underline;}
#login ul {margin: 0;}
#login li {display: inline; list-style: none;}
/* menu
----------------------------------------------------------*/
ul#menu {font-size: 1.3em; font-weight: 600; margin: 0 0 5px; padding: 0; text-align: right;}
ul#menu li {display: inline; list-style: none; padding-left: 15px;}
ul#menu li a {background: none; color: #999; text-decoration: none;}
ul#menu li a:hover {color: #333; text-decoration: none;}
/* page elements
----------------------------------------------------------*/
/* featured */
.featured {background-color: #fff;}
.featured .content-wrapper {background-color: #7ac0da; background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%); background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6)); background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%); background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%); color: #3e5667; padding: 20px 40px 30px 40px;}
.featured hgroup.title h1, .featured hgroup.title h2 {color: #fff;}
.featured p {font-size: 1.1em;}
/* page titles */
hgroup.title {margin-bottom: 10px;}
hgroup.title h1, hgroup.title h2 {display: inline;}
hgroup.title h2 {font-weight: normal; margin-left: 3px;}
/* features */
section.feature {width: 300px; float: left; padding: 10px;}
/* ordered list */
ol.round {list-style-type: none; adding-left: 0;}
ol.round li {margin: 25px 0; padding-left: 45px;}
ol.round li.zero {background: url("../Images/orderedList0.png") no-repeat;}
ol.round li.one {background: url("../Images/orderedList1.png") no-repeat;}
ol.round li.two {background: url("../Images/orderedList2.png") no-repeat;}
ol.round li.three {background: url("../Images/orderedList3.png") no-repeat;}
ol.round li.four {background: url("../Images/orderedList4.png") no-repeat;}
ol.round li.five {background: url("../Images/orderedList5.png") no-repeat;}
ol.round li.six {background: url("../Images/orderedList6.png") no-repeat;}
ol.round li.seven {background: url("../Images/orderedList7.png") no-repeat;}
ol.round li.eight {background: url("../Images/orderedList8.png") no-repeat;}
ol.round li.nine {background: url("../Images/orderedList9.png") no-repeat;}
/* content */
article {float: left; width: 70%;}
aside {float: right; width: 25%;}
aside ul {list-style: none; padding: 0;}
aside ul li {background: url("../Images/bullet.png") no-repeat 0 50%; padding: 2px 0 2px 20px;}
.label {font-weight: 700;}
/* login page */
#loginForm {border-right: solid 2px #c8c8c8; float: left; width: 55%;}
#loginForm .validation-error {display: block; margin-left: 15px;}
#loginForm .validation-summary-errors ul {margin: 0; padding: 0;}
#loginForm .validation-summary-errors li {display: inline; list-style: none; margin: 0; font-size:13px;}
#loginForm input {width: 250px;}
#loginForm input[type="checkbox"], #loginForm input[type="submit"], #loginForm input[type="button"], #loginForm button {width: auto;}
#socialLoginForm {margin-left: 40px; float: left; width: 40%;}
#socialLoginForm h2 {margin-bottom: 5px;}
#socialLoginList button {margin-bottom: 12px;}
#logoutForm {display: inline;}
/* contact */
.contact h3 {font-size: 1.2em;}
.contact p {padding: 0px 0px 5px 0px; color: #000 !important; font-size: 13px !important; line-height: 18px;}
.contact iframe {border: 1px solid #333; margin: 5px 0 0 10px;}
/* forms */
fieldset {border: none; margin: 0; padding: 0;}
fieldset legend {display: none;}
fieldset ol {padding: 0; list-style: none;}
fieldset ol li {padding-bottom: 5px;}
label {display: block; font-size: 1.1em; font-family:'Trebuchet MS';}
label.checkbox {display: inline;}
input, textarea {background: #fff; color: #333; font-size: 1.1em; margin: 10px 0 10px 0; padding: 5px; width: 200px; height:30px; border: 1px solid #777 !important;}
textarea {font-family:'Trebuchet MS'; width: 500px;}
input[type="checkbox"] {background: transparent; border: inherit; width: auto;}
input[type="submit"], input[type="button"], button {background-color: #d3dce0; border: 1px solid #787878; cursor: pointer; font-size: 1.2em; font-weight: 600; padding: 4px; margin-right: 8px; width: auto;}
td input[type="submit"], td input[type="button"], td button {font-size: 1em; padding: 4px; margin-right: 4px;}
button, input, optgroup, select, textarea {border:0px;}
#Email {border: 1px solid #777 !important;}
/* info and errors */
.message-info {border: 1px solid; clear: both; padding: 10px 20px;}
.message-error {clear: both; color: #e80c4d; font-size: 1.1em; font-weight: bold; margin: 20px 0 10px 0;}
.message-success {color: #7ac0da; font-size: 1.3em; font-weight: bold; margin: 20px 0 10px 0;}
.error {color: #e80c4d;}
/* styles for validation helpers */
.field-validation-error {color: #e80c4d; font-weight: bold;}
.field-validation-valid {display: none;}
input.input-validation-error {border: 1px solid #e80c4d;}
input[type="checkbox"].input-validation-error {border: 0 none;}
.validation-summary-errors {color: red; z-index: 5000; position: absolute; top: 29px; left: 225px; width: 90%; font-size:14px;}
.validation-summary-valid {display: none;}
/* tables
----------------------------------------------------------*/
table {border-collapse: collapse; border-spacing: 0; border: 0 none; font-size:14px;}
th {font-size: 1.2em; text-align: left; border: none 0px; padding-left: 0;}
th a {display: block; position: relative;}
th a:link, th a:visited, th a:active, th a:hover {color: #333; font-weight: 600; text-decoration: none; padding: 0;}
th a:hover {color: #000;}
th.asc a, th.desc a {margin-right: .75em;}
th.asc a:after, th.desc a:after {display: block; position: absolute; right: 0em; top: 0; font-size: 0.75em;}
th.asc a:after {content: '▲';}
th.desc a:after {content: '▼';}
td {padding: 0.25em 2em 0.25em 0em; border: 0 none;}
tr.pager td {padding: 0 0.25em 0 0;}
.loginsubmit {margin-top: 10px !important; width: 150px !important; height: 45px !important; background-color: #ec8e11 !important; cursor: pointer !important; font-size: 18px !important; font-family:'Trebuchet MS';}
.divlogin {float: right; border: solid 1px #C7B7B7; width: 50%; padding: 10px;}
.divLoginNew {top: 30%; left: 50%; width: 25em; height: 18em; margin-top: -9em; /*set to a negative number 1/2 of your height*/ margin-left: -15em; /*set to a negative number 1/2 of your width*/ border: 1px solid #ccc; background-color: #f3f3f3; position: fixed; padding-left: 35px;}
.autodiv {top: 30%; left: 50%; width: auto; height: auto; margin-top: -9em; margin-left: -15em; border: 1px solid #ccc; background-color: #f3f3f3; position: fixed; padding: 10px;}
.floatright {float: right; cursor:pointer;}
/********************
*   Mobile Styles   *
********************/
@media only screen and (max-width: 850px) {
/* header
----------------------------------------------------------*/
header .float-left, header .float-right {float: none;}
/* logo */
header .site-title {margin: 10px; text-align: center;}
/* login */
#login {font-size: .85em; margin: 0 0 12px; text-align: center;}
#login ul {margin: 5px 0; padding: 0;}
#login li {display: inline; list-style: none; margin: 0; padding: 0;}
#login a {background: none; color: #999; font-weight: 600; margin: 2px; padding: 0;}
#login a:hover {color: #333;}
/* menu */
nav {margin-bottom: 5px;}
ul#menu {margin: 0; padding: 0; text-align: center;}
ul#menu li {margin: 0; padding: 0;}
/* main layout
----------------------------------------------------------*/
.main-content, .featured + .main-content {background-position: 10px 0;}
.content-wrapper {padding-right: 10px; padding-left: 10px;}
.featured .content-wrapper {padding: 10px;}
/* page content */
article, aside {float: none; width: 100%;}
/* ordered list */
ol.round {list-style-type: none; padding-left: 0;}
ol.round li {padding-left: 10px; margin: 25px 0;}
ol.round li.zero, ol.round li.one, ol.round li.two, ol.round li.three, ol.round li.four, ol.round li.five, ol.round li.six, ol.round li.seven, ol.round li.eight, ol.round li.nine {background: none;}
/* features */
section.feature {float: none; padding: 10px; width: auto;}
section.feature img {color: #999; content: attr(alt); font-size: 1.5em; font-weight: 600;}
/* forms */
input {width: 90%;}
/* login page */
#loginForm {border-right: none; float: none; width: auto;}
#loginForm .validation-error {display: block; margin-left: 15px;}
#socialLoginForm {margin-left: 0; float: none; width: auto;}
/* footer
----------------------------------------------------------*/
footer .float-left, footer .float-right {float: none;}
footer p {margin: 0;}
}
/*abinash css 03-11-2015*/
.noPadding {padding:0px !important;}
#footer {height: 101px !important; background: grey;}
#loginSectionid {font-family: Trebuchet MS; font-size: 16px;}
.marginLeft {margin-Left: 25%;}
.footerLink a{color:#FFF;}
.textAlignCntr {text-align:center;}
.textAlignLeft {text-align:left !important;}
.marginTop {margin-top:20px;}
.carousel-inner {background-color:#686868;}
#tblReport th {font-size:14px;}
.dataTables_wrapper table.dataTable thead .sorting_desc {width: 90px !important;}
.dataTables_wrapper table.dataTable thead th, table.dataTable thead td {padding: 0 !important; border-bottom: 1px solid #111;}
.dataTables_wrapper table.dataTable tbody th, table.dataTable tbody td {padding: 0px !important;}
.dataTables_wrapper .dataTables_scroll {clear: both; border: 1px solid #000; padding: 10px !important;}
.dataTables_wrapper .dataTables_length {margin-top: 20px;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color:transparent !important;}
.nav > li > a:hover, .nav > li > a:focus {text-decoration: none; background-color:transparent !important;}
.navbar-nav {margin-right:10px;}
.caret {display:none !important;}
.dropdown-menu {position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 150px !important; padding: 0px !important; margin: 5px 0px !important; font-family:'Trebuchet MS' !important; font-size: 14px !important; font-weight: normal; text-align:center !important;  list-style: none; background: rgba(27, 27, 27, 0.9) !important;  border: none !important; border-radius:0px !important;  opacity: 0.9 !important;}
.dropdown-menu:after{bottom: 100%; right: 0; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(21, 28, 33, 0); border-bottom-color: rgba(27, 27, 27, 0.9); border-width: 13px; margin-right: 25px;}
.dropdown-menu>li>a {color: #FFF ! important; line-height: 30px !important;}
.dropdown-menu > li > a:hover {background-color:transparent !important; color: #24A2FF ! important;}
.nav>li>a {padding: 10px 5px !important;}
.contactHeader {font-family:'Trebuchet MS'; border: 1px solid #F1F1F1; box-shadow: 0 0 30px #F2F2F2 inset; color: #000; font-size: 40px; line-height: 44px; min-height: 50px; padding: 8px 0 8px 21px;}
/*sub menu start*/
.dropdown-subItem {position: absolute; top: 0; left: 150px; list-style: none; display:none; float:left; z-index:1000; background: RGBA(27, 27, 27, 0.9); padding: 0px; font-family:Trebuchet MS; font-size:12px;}
.dropdown-subItem li {display:block; padding: 10px 30px; color:#FFF; border-bottom: 1px solid #000;}
.dropdown-subItem li:hover{color: #84ADFF; text-decoration: none; background: RGBA(27, 27, 27, 0.9); transition: all 0.5s ease-in-out;}
/*Menu for sales employee*/
.dropdown-subSalesItem{position: absolute; top: 0; left: 150px; list-style: none; display:none; float:left; z-index:1000; background: RGBA(27, 27, 27, 0.9); padding: 0px; font-family:Trebuchet MS; font-size:12px;}
.dropdown-subSalesItem li {display:block; padding: 10px 20px; width:140px; color:#FFF; border-bottom: 1px solid #000;}
.dropdown-subSalesItem li:hover{color: #84ADFF; text-decoration: none; background: RGBA(27, 27, 27, 0.9); transition: all 0.5s ease-in-out;}
.dropdown-withoutsubmenu {border-bottom: 1px solid #000; background: RGBA(27, 27, 27, 0.9) !important; font-size: 15px;}
.dropdown-withoutsubmenu:last-child{border-bottom: none;}
.dropdown-withoutsubmenu:hover{color: #24A2FF !important; text-decoration: none; background: RGBA(27, 27, 27, 0.9); transition: all 0.5s ease-in-out;}
.dropdown-subItem li a{color:#FFF;}
.dropdown-subSalesItem li a{color:#FFF;}
.dropdown-submenu {position: relative; color: #FFF; width: 150px; height: auto; cursor:pointer; line-height: normal; padding: 10px 0px; font-size: 15px;}
.dropdown-submenu:hover {cursor:pointer; color: #24A2FF;}
.dropdown-menu>a {display: block; padding: 10px 20px; clear: both; font-weight: 400; line-height: 1.42857143; color: #333; white-space: nowrap;}
/*sub menu end*/
.carousel-indicators li {display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #999 \9 !important; background-color: #999 !important; border: 1px solid #555; border-radius: 10px;}
.carousel-indicators .active {width: 12px; height: 12px; margin: 0; background-color: #e2e2e2 !important;}
.carousel-indicators {left: 10% !important;}
.homeicon {position:relative; margin-left: 40px; cursor:pointer;}
#test {width:80%; height:auto; margin-top:20px; border: 1px solid #777; float:left;}
.name-tag-set label {font-size:14px ! important; color:#000 ! important; font-weight:100;}
.name-tag-set {margin-top:0px; padding-left:0 !important;}
.textbox-style{float:right; margin-right:65px; width:165px; height:25px; margin-top:3px; border:0 !important; font-size:14px !important;}
.textbox-bg{background-image:url('../IMg/Search Bttn.png'); background-size:contain; background-repeat:no-repeat; height:30px; background-position:right;}
.close-btn-set {margin-top:10px; float:right;}
.close-btn-set i {font-size:20px;}
.popup-left {border-right:1px solid #222;}
.popup-left h3 {font-size:16px;}
.popup-right h3 {font-size:16px;}
.popup-reset-btn {font-size:16px; background-color:transparent !important; float:right; border:0 !important; padding:0 !important;}
.popup-reset-btn-set{margin-top:0px; }
.popup-2 {width:400px; height:auto;  position:absolute; left:50%; top:50%; margin-left:-200px; margin-top:-200px; border-radius:0px 20px 0px 0px; border:1px solid #777; box-shadow:5px 5px 0px #777;}
.popup-2-header{background-color:#777; height:30px; border-radius:0px 20px 0px 0px; background-image:url("../IMg/Top_right_Bttn.png"); background-size:100% 100%;}
.popup-2-header h3 { font-size:22px; color:#fff; padding-top:3px !important; text-align:center; }
.popup-2-body {background-color:#fff;}
.popup-2-body h3 {font-size:22px; color:#000; text-align:center; font-style:italic; padding-top:30px !important; padding-bottom:20px !important; font-weight:700;}
.popup-2-body p {font-size:12px; color:#000; text-align:center; font-style:italic; padding-top:5px !important; font-weight:700;}
.popup-2-body h4 {font-size:20px; color:#000; text-align:center; font-style:italic; padding-top:5px !important; font-weight:700;}
.table-bg{background-image:url("../Images/gr-bg.png") !important;}
.excelHide1 {display: none;}
.excelHide {display: none;}
#btnReset {text-align: center; cursor: pointer; border-radius: 7px 0px 0px 0px; font-family: 'Trebuchet MS'; color: #080808 !important; font-size: 14px; margin-bottom: 10px !important; border: 1px solid #ccc; padding: 0px; width: 150px; height: 22px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 41%, #adadad 85%); background: -webkit-linear-gradient(top, #ffffff 41%,#adadad 85%); background: linear-gradient(to bottom, #ffffff 41%,#adadad 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adadad',GradientType=0 );}
#btnCancel{text-align: center; cursor: pointer; border-radius: 7px 0px 0px 0px; font-family: 'Trebuchet MS'; color: #080808 !important; font-size: 14px; margin-bottom: 10px !important; border: 1px solid #ccc; padding: 0px; width: 110px; height: 22px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 41%, #adadad 85%); background: -webkit-linear-gradient(top, #ffffff 41%,#adadad 85%); background: linear-gradient(to bottom, #ffffff 41%,#adadad 85%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#adadad',GradientType=0 );}
.radio-btn {height: auto; width: auto;}
.mb-2 { margin-bottom: 2rem;}