@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700');

/*font-family: 'Playfair Display', serif;
font-family: 'Open Sans', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Poppins', sans-serif;

*/
/* CSS Document */
body{font-family: 'Open Sans', sans-serif; color: #222; background: #efefef;}
::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:#313d4f;-webkit-border-radius:0;border-radius:0}
*{padding:0;margin:0;}.nopadding{padding:0 !important;margin:0 !important;}ul,li{padding:0;margin:0;}
a{color:#222;text-decoration:none;}
ul,li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', sans-serif;padding:0;margin:0;}
p{font-family: 'Open Sans', sans-serif !important;}
.inline { display: inline-flex;}
/*---- margintop-----*/
.m-t5{ margin-top: 5px !important;}
.m-t10{ margin-top: 10px !important;}.m-t20{ margin-top: 20px!important;}.m-t30{ margin-top: 30px!important;}.m-t40{ margin-top: 40px !important;}.m-t50{ margin-top: 50px !important;}.m-t25{ margin-top:25px !important;}
.m-b10{ margin-bottom: 10px !important;}.m-b15{ margin-bottom: 15px !important;}.m-b20{ margin-bottom: 20px;}.m-b30{ margin-bottom: 30px !important;}.m-b40{ margin-bottom: 40px !important;}.m-b50{ margin-bottom: 50px !important;}
/*----======= main Css =========-----*/
.header_part{  border-bottom: 1px solid #ccc;background: #fff; top: 0; z-index:9999; color:#222; height:60px;position:fixed; width:100%;}
.sidemenu{ position:fixed; left:0; z-index: 999999 !important; height:98vh; background:#ffffff; width: 12.66666667%; color:#666; top:65px;}
.component { margin-left:13%; margin-bottom: 20px; margin-top: 65px; padding: 10px 15px 0px 15px;color:#888; min-height:510px; background: #fff;
  border-radius: 0px;}
.compnay_logo{ background:#6512ae; color:#fff; text-align:center; height:60px; }
.compnay_logo h1{ font-size:19px; font-weight:600; padding-top:11px;}
.compnay_logo h2{ font-size:15px; font-weight:600; padding-top:2px;}
.navbar_button a { text-decoration: none;}
.navbar_button li a{ padding: 10px; color: #222; border-bottom: 1px solid #e4e1e1;}
.top { padding: 8px 0px 5px 25px;
    
    padding-bottom: 6px;
    text-align: left;}
.size {color: #000; font-size: 17px; font-family: 'Roboto', sans-serif; font-weight: 400;}
.size:hover { text-decoration: none;}
.data li:nth-child(1) {}
.inline li:nth-child(2) {
    padding-top: 10px;
    padding-left: 7px;
}
.gst a{ color:#090;}
.inputtype1{ width:100%; color:#000; border:1px solid #ccc; outline:none; font-size:16px; padding:8px;}
.inputtype{width:100%; 	height:30px; background:#f6fcfa; color:#000; border:1px solid #ccc; outline:none; font-size:14px; padding:5px;}
.margin-b10{ margin-bottom:10px; color:#333;}
.myproject label{ font-weight:400 !important;}

.backgorund{ border:1px solid #dadadd; padding:15px;border-radius: 10px; line-height:30px; font-size:16px; color:#22283a; font-weight:600;box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.03) !important;}
.warning{
	line-height:24px;
    text-align: center;
	display:block;
    color: #000;}
.button
{background: #6613ae;
    color: #fff;
    padding: 10px 15px;
    border-radius: 5px;
    border: none;
    outline: none;
	
	}
.addlist{background: #14b529;
    padding: 5px;
    border: 1px solid #049417;
    text-align: center;
    color: #fff;}

.icons_main{ position: relative;}
.input_box { transition: 1s; border-radius: 0px; background: #eff0f3 !important; outline: none; border: none !important; box-shadow: none !1important;}
.input_box:focus{ border: 1px solid  #6b26a8 !important;}
.input_box::placeholder { color: #666a8a !important; font-size: 14px; font-family: 'Roboto', sans-serif;}

.top_1 { text-align:center; padding-top: 12px; border-right: 1px solid #d1cededb;border-left:1px solid #d1cededb; padding-bottom: 14px;}
.homepagetext{ text-align:center;}
.navbar_button i{ width:20px;    color: #efa700;}
.topnav a {
  float: left;
  display: block;
  text-decoration:none;
  padding:20px 18px;
   border-right:1px solid #d1cededb;
   
   color: #6d6363;
}
.dataTables_length{float: left;   margin-right: 20px;}
.blueBackground{text-align: left;
    background: #6b26a8;
    padding: 15px !important;
    color: #fff;
    border-right: 1px solid #8e4ec5;}
.cathead{padding: 3px 3px !important; border-right:1px solid #fff;}
.cathead1{color: #000;padding: 3px 3px !important; border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.cathead2{padding: 3px 5px !important; border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.cathead3{color: #000;padding: 4px 8px !important; border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.cathead1 img{width: 100%;height: 148px;object-fit: contain;}
.greyBorder{ border:1px solid #ccc;}
.mangecatdiv{ margin-top:-20px;}
#demo a{ color:#ff6600; font-size:12px; padding-top:10px;}

.topnav a:hover {
  color: #6b26a8;
}
.topnav .icon{ display:none;}
.panel-default>.panel-heading {
  background-color: transparent;
  border: none;
  border-bottom: 1px solid #dedddd;
}
.viewallbill i{color: #f00;}
 .badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 6px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #26a705;
  border-radius: 10px;
  margin-top: -24px;
}
.collapse{ position: relative;}

/* breadcrubming */
.breadcrubming {font-family: 'Poppins', sans-serif; color: #222; font-size: 14px; }
.breadcrubming h3{font-family: 'Poppins', sans-serif; font-weight: normal; font-size: 20px;}
.breadcrubming li{ display: inline; margin-right: 10px;}
.breadcrubming li a{ color: #444; text-decoration: none;}

/* main_form */
.main_form{ border: 1px solid #ccc; padding: 15px; font-family: 'Roboto', sans-serif;}
.main_form h6{ font-weight: 400; color: #333; font-size: 16px; font-family: 'Poppins', sans-serif; margin-bottom: 20px; margin-top: 5px;}
.main_form label{ font-weight:normal !important; color: #333;}
.main_text:focus{  border: 1px solid #6512ae !important; outline: none !important; box-shadow: none !important; background: #eee;}
.main_text{margin-top: 5px; margin-bottom:10px;  width: 100% !important; padding: 5px 10px !important; }

.inputype:focus{  border: 1px solid #6512ae !important; outline: none !important; box-shadow: none !important; background: #eee;}
.inputype{margin-top: 5px; margin-bottom:10px;  width: 100% !important; padding: 5px 10px !important; }


.choose{  border: none; background: #eee; border: 1px solid #d0cdd3; padding: 5px 6px;}
.checkboxmain {
  display: block;
  position: relative;
  padding-left: 28px;
  margin-bottom: 7px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.checkboxmain input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 19px;
  width: 19px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
.checkboxmain:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkboxmain input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkboxmain input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkboxmain .checkmark:after {
  left: 6px;
  top: 3px;
  width: 7px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.Radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 7px;
  cursor: pointer;
  font-size: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.Radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.checkmark2 {
  position: absolute;
  top: 0;
  left: 0;
  height: 19px;
  width: 20px;
  background-color: #eee;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.Radio:hover input ~ .checkmark2 {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.Radio input:checked ~ .checkmark2 {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark2:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.Radio input:checked ~ .checkmark2:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.Radio .checkmark2:after {
 	top: 5px;
	left: 6px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}
.switch {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 24px;
}

.switch input { 
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 16px;
  width: 18px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #691faa;
}

input:focus + .slider {
  box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/* date_picker */
.date_picker{ position: relative;}
.date_picker i{ position: absolute; right:0;  padding: 10px; top: 5px;  background: #6512ae; color: #fff;}

/* tables */
.tables{ overflow: scroll;}
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #e9e9f6;
  
}

.tables th{
  text-align: left;
  background: #6b26a8;
  padding: 15px;
  color: #fff;
  border-right:1px solid #8e4ec5;
 
}
.name:nth-child(1){ width: 50px !important;}
.name:nth-child(2){ width: 500px !important;}
.name:nth-child(3){ width: 170px !important;}
.name:nth-child(4){ width: 180px !important;}
.active2{ background: #24e271; color: #fff; padding: 4px 12px; margin-right: 5px; border-radius: 100px; border: 1px solid #1ed267; outline: none;}
.Deactive{transition:.5s linear; background: #db0047; color: #fff; padding: 3px 12px; border-radius: 100px; border: 1px solid #ce2c60f7; outline: none;}
.Deactive:hover{ background:#6b26a8; border: 1px solid #fff;}
.tables td{ padding: 15px;  border: 1px solid #dbd9dc;}
.tab_in_sec .panel-default>.panel-heading a.active {
  background: #000;
  color: #f00;
}
.main_part { margin-left:25px;}
.main_part a{ border: none !important;}
.dropdown-container a { border-left:1px solid #6b26a8 !important; font-size:13px;}
.dropdown-container i{ position:absolute; left: 21px; font-size: 10px; color:#6b26a8; padding-top:3px;}


/* admin_login */
.admin_login{ background: url(../images/eid-bg.jpg) no-repeat #6b26a8; background-size: cover; min-height: 100vh;}
.login-page{ background: #fff; min-height: 360px; margin-top: 150px; border-radius: 5px;}
.login_email { background: #eaac4b; min-height: 360px; color: #111; padding: 40px !important; font-family: 'Poppins', sans-serif;}
.login_email h2{ color: #111; margin-top: 10px; font-family: 'Poppins', sans-serif; font-size: 26px; font-weight: 600; margin-bottom: 15px;}
.login_email li { margin-bottom: 7px;}
.login_email2{ margin-top: 10px; text-decoration: none; border: 1px solid #f24141; font-weight: 600; background: #fff; color: #f24141 !important; display: block; text-align: center; padding: 10px; text-decoration: none;}
.email222{ margin-top: 10px; text-decoration: none; border: 1px solid #6b26a8; font-weight: 600; background: #fff; color: #6b26a8 !important; display: block; text-align: center; padding: 10px; text-decoration: none;}
.login_email i{ padding-right: 3px;}


/* Defult Mobile responsive */
@media screen and (min-width: 150px) and (max-width: 800px){
  .copyright {
    text-align: center;
    color: #fff;
    margin-left: 65px !important;
    padding: 20px;
}
  .tables::-webkit-scrollbar{height:7px !important; }
  .size{ font-size: 14px;}
  .name:nth-child(1){ width: 50px !important;}
  .name:nth-child(2){ width: 500px !important;}
  .name:nth-child(3){ width: 200px !important; text-align: center;}
  .name:nth-child(4){ width: 180px !important;}
  .active2 {
    display: block;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 10px;
}
  .topnav{ position: absolute; right: 0;}
	.content{ position:absolute; left: 50px;top:0;}
	.sidemenu li{ position:relative;}
	.content  a{ font-size:10px; width:100%;}
	.topnav .icon{ display:table !important;}
.topnav a{display: none; padding: 0px 30px 0px 14px; line-height: 30px; color: #fff;font-size: 13px;}
.icon{ background: rgb(175, 172, 172); display: block; font-size: 16px !important; min-height: 60px; width: 50px; color: #fff; padding-top: 20px; padding-left: 13px;}
  .topnav a.icon {
    float: right;
    display: block;
  }
  .top{ border: none;}
  .sidemenu i{ text-align: center;     display: block;}	
  .icons_main {
    position: absolute;
    right: 0;
    background: #6512ae;
    width: 172px;
}
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .dropdown-container a{ color: #fff !important;}
  .dropdown-container {
    display: none;
    color: #fff;
    padding-left: 0px;
    position: absolute;
    left: 60px;
    top: 0;
    width: 152px;
    background: #6512ae;
}	
.navbar_button a, .dropdown-btn{ color: #fff;}
.compnay_logo h2 {
    font-size: 10px;
    font-weight: 600;
    padding-top: 17px;
}
.component {
  margin-left: 73px !important;
  padding-top: 61px;
  color: #888;
  min-height: 1000px;
}
.navbar_button li a:hover{ color: #fff !important;}	
}
.copyright{ text-align: center; color: #575757; margin-left: 227px; padding-bottom: 20px;}


/* Tablet Mode  */
@media screen and (min-width: 420px) and (max-width: 768px){
  .component {
    margin-left: 85px !important;
    padding-top: 61px;
    color: #888;
    min-height: 1000px;
  }
.dropdown-container {
  display: none;
  color: #000;
  background: #6512ae;
}
} 
/* Tablet Mode End */

/* Style the sidenav links and the dropdown button */
.navbar_button a, .dropdown-btn {
  text-decoration: none;
  display: block;
  border: none;
  background: none;
  width: 100%;
  text-align: left;
  cursor: pointer;
  outline: none;
  padding: 10px; color: #222;
  border-bottom: 1px solid #e4e1e1;
}
.navbar_button li a:hover{ color: #fff !important; background: #232c43;    font-weight: 600;}
/* On mouse-over */
.navbar_button a:hover, .dropdown-btn:hover {
  color: #000;
}

/* Add an active class to the active dropdown button */
.active {
  background-color: #6a23a9;
  color: white !important;
  border-radius: 0px;
}

/* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */
.dropdown-container {
  display: none;
  color: #000;
  background: #efefef;
}
/* Optional: Style the caret down icon */
.fa-caret-down {
  float: right;
  padding-right: 8px;
}

/*--Selection-------*/
::-moz-selection {
  text-shadow: none;
  background: #9C27B0;
  color: #fff; }

::selection {
  text-shadow: none;
  background: #9C27B0;
  color: #fff; }

img::selection {
  background: 0 0; }

img::-moz-selection {
  background: 0 0; }
/*-------------Scroll to top--------------*/
.scroll-top-wrapper {
  position: fixed;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  text-align: center;
  z-index: 99999999;
  background-color: #f71414 !important;
  color: #fff !important;
  width: 38px;
  height: 30px;
  line-height: 30px;
  right: 22px;
  bottom: 22px;
  padding-bottom: 2px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -ms-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  box-shadow: none;
  border:1px solid #FFF;
  }

.scroll-top-wrapper:hover {
  opacity: 0.6 !important; }

.scroll-top-wrapper.show {
  visibility: visible;
  cursor: pointer;
  opacity: 1.0; }
 
.mylogin{ padding:45px; text-align:center;}
.logininput{ border-radius:0px; border:1px solid #CCC; padding:8px; color:#000; font-size:14px; outline:none; margin-top:15px;}
.logininput:focus{ border:1px solid #06FC;}

.form-controllll{ border:none; padding:8px 15px; margin:0 auto; display:table; color:#fff; margin-top:15px; font-size:16px; outline:none; background:#00F;}

.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    background-color: rgb(28, 48, 93);
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 20px;
}
.sidenav i{
	margin-right:10px;
}
.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    font-size: 20px;
	font-family:'CooperHewitt-Light';
    color: #b7c4e0;
    display: block;
    transition: 0.3s
}

.sidenav a:hover, .offcanvas a:focus{
    color: #f1f1f1;
}

.sidenav .closebtn {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 36px;
    margin-left: 50px;
}
.ec_calculator_gen { padding:20px;}
.gstinput{ width:100%; padding:4px; outline:none; clip:#fff; border:1px solid #fff;}
.gstinput:focus{ border:1px solid #FC0;}
.stand_num{color: #ffd600; font-weight:700;}
.ec_calculator_gen  label{ color:#fff;}
.group_con_40{ margin-top:-20px;}
.margin_both{color: #b7c4e0; font-family:Arial, Helvetica, sans-serif;}
.inputtypepage{ border:none; font-weight:700; outline:none; color:#0066CC;}
.inputtypepageresult{border:none; font-weight:700; outline:none; color:#009900; font-size:20px;}
@media only screen and (min-width:150px) and (max-width:800px){
.gstpanel{ float:none; color:#00acac; width:100%;display: block; line-height:30px;}
}
.mobilenumber12{position: fixed;
    right: 10px;
    bottom: 10px;}  
  
 label{ font-weight:400 !important;  }
 .view h3{ font-family: 'Roboto', sans-serif; color:#6514ad;}

.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    border-top: 0;
    background: #6512ae;
    color: #fff;
}