body{}

.clr{clear:both;}

.themecolor1{color:#254763;}
.themecolor2{color:#f39f21;}

.header{
	background: #254763;
    position: relative;
    padding:0;
	color:#ffffff;
}

.header > div > .left{
	text-align:left;
	padding:10px;
	font-size:20px;
	font-weight:bold;
}

.header > .right{
	text-align:right; margin-top:12px;
}

.header_address{background: #f39f21; padding:3px 5px; text-align:center; color:#ffffff; font-size:13px;}

.wrapper{background:#efefef; padding:0;}

.wrapper > header{background:#254763; position:relative; padding:20px; font-size:18px; font-weight:bold; text-align:center; color:#ffffff;}

.wrapper > header >div{position:absolute; z-index:1000; left:15px; top:20px; width:20px;}

.wrapper > header > div > span{height:2px; margin:4px 0; border-bottom:solid 2px #ffffff; width:100%; display:block; width:100%; background:#ffffff;}

h1{text-align:center; font-size:18px; font-weight:bold;}
h2{text-align:center; font-size:15px; font-weight:bold; padding-top:25px;}

.button{font-size:17px; font-weight:bold; background:#878888; text-align:center; color:#ffffff; padding:6px; margin:20px auto 0; width:100%; border:0;}

.button > a, .button2 > a, .aboutbutton > a{color:#ffffff; text-decoration:none;}

.button2{font-size:17px; background:#69778e; text-align:center; color:#ffffff; padding:6px; margin:20px auto; width:170px;}

.homepagebutton{font-size:25px; font-weight: bold; background:#f39f21; text-align:center; color:#ffffff; padding:6px; margin:20px auto 0; width:42%; border:0;}

.homepagebutton > a, .button > a, .button2 > a, .aboutbutton > a{color:#ffffff; text-decoration:none;}


/*DASHBOARD*/
.card {
    border: 0 solid transparent;
    margin-bottom: 1.5rem;
	padding:20px;
    box-shadow: 0 2px 6px 0 rgb(218 218 253 / 65%), 0 2px 6px 0 rgb(206 206 238 / 54%);
}
.bg-gradient-scooter1, .bg-gradient-scooter2, .bg-gradient-scooter3 {
	width:70px; height:70px;
	padding:7px 12px 5px 16px;
	margin-top:7px;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b8e1fc+0,a9d2f3+10,90bae4+25,90bcea+37,90bff0+50,6ba8e5+51,a2daf5+83,bdf3fd+100;Blue+Gloss+%231 */
background: #b8e1fc; /* Old browsers */
background: -moz-linear-gradient(top,  #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */
}

.bg-gradient-scooter2{
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f39f21+0,efe8b8+100;Gold+3D */
background: #f39f21; /* Old browsers */
background: -moz-linear-gradient(top,  #f39f21 0%, #efe8b8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f39f21 0%,#efe8b8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f39f21 0%,#efe8b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f39f21', endColorstr='#efe8b8',GradientType=0 ); /* IE6-9 */	
}

.bg-gradient-scooter3{
padding:7px 12px 5px 10px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cb60b3+0,ad1283+50,de47ac+100;Pink+3D */
background: #cb60b3; /* Old browsers */
background: -moz-linear-gradient(top,  #cb60b3 0%, #ad1283 50%, #de47ac 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #cb60b3 0%,#ad1283 50%,#de47ac 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cb60b3', endColorstr='#de47ac',GradientType=0 ); /* IE6-9 */

}


.bg-gradient-scooter1 > i, .bg-gradient-scooter2 > i, .bg-gradient-scooter3 > i{font-size:40px;}

.bx {
    font-family: boxicons!important;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    line-height: inherit;
    display: inline-block;
    text-transform: none;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.bxs-cart:before {
    content: "\ec77";
}

.card:nth-child(1){margin-top:20px;}
.card:nth-child(1) > div > .dashboard_text_center > h4{
color:#1976c2; font-size:28px;
}
.card:nth-child(2) > div > .dashboard_text_center > h4{
color:#f39f21; font-size:28px;
}
.card:nth-child(3) > div > .dashboard_text_center > h4{
color:#ad1283; font-size:28px;
}
/*DASHBOARD*/


/*LOGINPAGE*/

.login_wrapper{padding:6% 10px 2%;
background:#ffffff;
margin-top:20%; border-radius:6px; position:relative;
-webkit-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.64);
-moz-box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.64);
box-shadow: 0px 0px 5px 1px rgba(0,0,0,0.64);
}

.login_wrapper .logo{position:absolute; left:0; right:0; margin:auto; top:-80px;}
.login_wrapper h1{font-size:30px; color:#f80501; font-weight:bold;}
.login_wrapper h1> span{color:#4886ed;}
.login_wrapper > h3{font-size:20px; color:#606060; padding-top:10px; font-weight:bold;}
.login_wrapper > form > div > .button{background:#0b0d57;}
.helplineno{color:#0b46a8;}

.fliptext{
   display: Inline-block;
  transform: scale(-1, 1);
  color: #1c87c9;
  -moz-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  }
/*LOGINPAGE*/




.aboutbutton{font-size:17px; background:#f39f21; text-align:center; color:#ffffff; padding:6px 10px; margin:10px auto; width:auto; display: inline-block;}


.heading_new{background: #f39f21; padding:8px 0; color:#ffffff; font-size:18px;}

.heading_new > a{color:#ffffff; text-decoration:none;}

hr{border:solid 1px #69778e;
margin-top: 20px;
margin-bottom: 0;
}

.form-control {
    display: block;
    width: 90%;
	margin:10px auto;
    height: 44px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #000000;
	border-radius:4px;
    background-color:#fffcfc;
}

.form-control:disabled, .form-control[readonly] {
    background-color: #fffcfc;
    opacity: 1;
}

.textarea{height:130px;}

.offcanvasmenudetails{
display:none; width:25%; background: rgba(59, 67, 82, 0.9); color:#ffffff; position:fixed; left:0; top:0; z-index:1000; padding:1%; height:100%;
animation-name: example;
animation-duration:0.3s;
}

.theme{
overflow-y:scroll; height:500px;
}

.swal-title {
    font-size: 18px;
}

/* The animation code */
@keyframes example {
  0%   {left:-300px; top:0;}
  100% {left:0; top:0;}
}

.offcanvasmenudetails > ul{padding:0; margin:0;}

.offcanvasmenudetails > ul > li{list-style-type:none;}

.offcanvasmenudetails > ul > li > a, .offcanvasmenudetails > ul > div > li > a{color:#ffffff; font-weight:bold; font-size:14px; border-bottom:dotted 1px #ffffff; display:block; margin:1px 0; padding:7px; text-decoration:none; text-transform:uppercase;}
.offcanvasmenudetails > ul > li > a:hover, .offcanvasmenudetails > ul > div > li > a:hover{color:#ffffff; background:#f39f21;}

.leadwrapper{padding:10px;}

.leadwrapper a{color:#000000; text-decoration:none;}


.leadwrapper hr {
    border: solid 1px #c7cbd2;
    margin-bottom: 20px;
}

.leadwrapper > h6, .leadwrapper > tr > td > h6{font-size:14px;}

div.dataTables_wrapper div.dataTables_info {
    display:none;
}

.pagen1{background:#6b6868; color:#ffffff; padding:0 4px;}
.pagen{border:solid 1px #6b6868; background:#ffffff; color:#000000!important; padding:0 4px;}

.textarea{
    height: auto;
}

.userpermission > div{padding:5px 0 5px 10px;}

.userpermission > div > label{width:110px;}

.sociallink {
    display: inline-block;
    width: 32px;
    margin-bottom: 5px;
    margin-top: 5px;
}

.sociallink2 {
    display: inline-block;
    width: 26px;
    margin-bottom: 0px;
    margin-top: 10px;
	margin-right:5px;
}

.vjCTAimage2 {
    display: block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
	padding-bottom:10px;
    text-align: center;
    margin: 0 4px;
    box-shadow: 1px 1px 5px rgb(72 72 72 / 20%);
    border-radius: 50px;
    margin-bottom: 10px;
    line-height: 10px;
    color: white;
    background-color: #254763;
    border: 2px solid white;
}

.vjCTAimage {
    display: block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    text-align: center;
    margin: 0 auto;
    box-shadow: 1px 1px 5px rgb(72 72 72 / 20%);
    border-radius: 100px;
    margin-bottom: 10px;
    line-height: 30px;
    color: white;
    background-color: #254763;
    border: 3px solid white;
}

.vjctamaintext {
    color: #666666;
    text-decoration: none;
    font-size: 10px;
	display:block;
}

.vjctamaintext2 {
    color: #666666;
    text-decoration: none;
    font-size: 10px;
	display:block;
}

.fa, .fas, .fab {
    font-weight: 900;
	padding-top:7px;
}
.fa, .far, .fas, .fab {
    font-family: Font Awesome\ 5 Free;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #7d7d7d;
    border-color: #7d7d7d;
}

.search{margin-top:43px; background-color:#254763; color:#ffffff;}

.collapse label{font-weight:bold; font-size:13px; color:#506a80; text-transform:uppercase; padding-left:10px;}

.modal-body > h1 {
    /*color:#e03d3d!important;*/
	font-size:20px;
}

.reviewimage{height:55px; position:relative;}
.overlay{display:none;}
.reviewimage:hover   .overlay{display:block; width:55px; height:55px; position:absolute; z-index:1000; left:0px; right:0; margin:auto; top:8px;}

.notes > div{padding:1px 20px 10px; font-size:14px; font-weight:600; text-align:justify;}

.table {
    margin-bottom:0;
}

.modal-header {
    padding:0 1rem;
}

.masterdata{
	color: #ffffff;
    font-weight: bold;
    border-bottom: dotted 1px #ffffff;
    display: block;
    margin: 1px 0;
    padding: 7px;
    text-decoration: none;
    text-transform: uppercase;
}

.masterdata:hover{
	color: #ffffff;
}

.review{font-size:20px; font-weight:bold; background:#f39f21;}
.review > .fa-star{color:#3e3b3bb8;}
.checked{color:#ffffff!important;}
.review > h1{font-size:50px; color:#ffffff;}

.myPieChart{background:#ffffff; padding:5%;}

.footer{background:#254763; font-size:18px; color:#ffffff; margin-bottom:0; padding:2px 0;}

.d-flex3 {
	    width: 100%;
}

.calculator{padding:6px 22px 0;}
.calculator > .flex-fill:nth-child(1){width:70%;}
.calculator > .flex-fill:nth-child(1) > div > input{width:96%;}
.calculator > .flex-fill:nth-child(2){width:15%;}
.calculator > .flex-fill:nth-child(3){width:15%;}

.prefix1, .prefix2 {border:solid 3px #f39f21; margin:0 auto 0 5px; width:240px;}

.rupeesprefix{width:120px;}

@media(max-width:800px) {

.login_wrapper .logo{width:70px; height:auto; top:-50px;}
.login_wrapper{padding:3% 10px 2%;
margin-top:60px;
}
.login_wrapper h1{font-size:24px; color:#f80501; font-weight:bold; padding-top:16px;}
.login_wrapper h1> span{color:#4886ed;}

.login_wrapper > h3{font-size:18px;}
.helplineno{color:#0b46a8; background:#ffffff; display:block;}
	
.header > .left, .header > .right{
	text-align:center;
}

.header > .right{
	margin:0;
}
	
.header_address {font-size: 12px;}	
	
.wrapper > header >div{position:absolute; z-index:1000; left:auto; right:15px; top:20px; width:20px;}
.offcanvasmenudetails{display:none; width:75%;}

.theme{
overflow-y:none; height:auto;
}

.d-flex {
    display: block!important;
}

.d-flex2 {
    display: flex!important;
	    width: 100%;
}


.d-flex-form-design {
    display: flex!important;
}

.search{margin-top:2px;}

.modal-body > h1 {
    /*color:#e03d3d!important;*/
	font-size:16px;
}

.footer{font-size:15px;}

.calculator{padding:6px 0px 8px;}
.calculator > .flex-fill:nth-child(1){width:60%;}
.calculator > .flex-fill:nth-child(1) > div > input{width:90%;}
.calculator > .flex-fill:nth-child(2){width:20%;}
.calculator > .flex-fill:nth-child(3){width:20%;}

.prefix1, .prefix2{margin:0 auto 0 5px; width:100%;}

.form_control_new{width:84%; margin: 10px 0 10px 10px;}

.homepagebutton{font-size:40px; font-weight: bold; background:#f39f21; text-align:center; color:#ffffff; padding:0 6px; margin:40px auto 0; width:42%; border:0;}


/*DASHBOARD*/
.dashboard_text_center{text-align:left;}
.bg-gradient-scooter1, .bg-gradient-scooter2, .bg-gradient-scooter3 {
	width:50px; height:50px;
	padding:7px 12px 5px 12px;
	margin-top:7px;
}

.bg-gradient-scooter1 > i, .bg-gradient-scooter2 > i, .bg-gradient-scooter3 > i{font-size:25px;}

/*DASHBOARD*/

}

@media(max-width:600px) {
.homepagebutton{width:100%;}
.rupeesprefix{width:70px;}
}

@media(max-width:470px) {
.prefix1{width:150px;}
.prefix2{width:145px;}
}

@media(max-width:380px) {
.prefix1{width:120px;}
.prefix2{width:120px;}
}