/*===== Common Class =====*/
 
html {
	position: relative;
	min-height: 100%;
}

* {
	margin:0px;
	padding:0px;
}
body {
	font-family: 'Roboto-Regular';
	font-size:16px;
	color:#000000;
	background:#ffffff;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding:0px;
	line-height:1.3;
	letter-spacing: 0.020em;
}
.fl { 
	float:left; 
}
.fr { 
	float:right; 
}
li, ul, ol { 
	list-style:none; 
	margin:0px;
	padding:0px;
}
a, a img {
	text-decoration:none;
	border:0;
	outline:none !important;
}
a {
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}
a:hover,
a:focus {
	text-decoration:none;
	outline:none;
}
h1, h2, h3, h4, h5, h6 {
	font-style:normal;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
.clear {}

.clear:before,
.clear:after {
	display: table;
	content: "";
}
.clear:after { 
	clear:both; 
}
input, textarea { 
	outline:none !important; 
}
#wrapper {
	width:100%;
}
input[type=text]::-moz-placeholder,
input[type=search]::-moz-placeholder,
.input-text::-moz-placeholder,
.input_text::-moz-placeholder {
	color: inherit;
	opacity: 1;
}

input[type=text]::-webkit-input-placeholder,
input[type=search]::-webkit-input-placeholder,
.input-text::-webkit-input-placeholder,
.input_text::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
}

input[type=text]::-ms-placeholder,
input[type=search]::-ms-placeholder,
.input-text::-ms-placeholder,
.input_text::-ms-placeholder {
	color: inherit;
	opacity: 1;
}

input[type=email]::-moz-placeholder {
	color: inherit;
	opacity: 1;
}

input[type=email]::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
}

input[type=email]::-ms-placeholder {
	color: inherit;
	opacity: 1;
}

textarea::-moz-placeholder {
	color: inherit;
	opacity: 1;
}

textarea::-webkit-input-placeholder {
	color: inherit;
	opacity: 1;
}

textarea::-ms-input-placeholder {
	color: inherit;
	opacity: 1;
}

.tablebox textarea {
    overflow: auto;
    resize: vertical;
    height: 210px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

span.select2-selection.select2-selection--multiple {
    min-height: 50px;
    padding: 10px;
    border-radius: 25px;
    border: solid 1px #E0E0E0 !important;
    padding-left: 25px;
    height: auto;
}

/*============ Default Css End ============*/



/*============ Bootstrap Class Overwriter CSS Code Start ============*/

@media (min-width: 768px) {
	.container {
		width:750px;
	}
}
@media (min-width: 992px) {
	.container {
		width:970px;
	}
}
@media (min-width: 1200px) {
	.container {
		width:1170px;
		max-width:1170px;
	}
}
@media (min-width: 1300px) {
	.container {
		width:1230px;
		max-width:1230px;
	}
}

.center-block { float:none;}


/* navbar start */

/*=========================================*/
/* Elements css Start  */
/*=========================================*/
p { margin: 0; padding: 0;}
h1,
h2,
h3,
h4,
h5,
h6 {
	margin:0; padding:0; color:#000000; 
}
h2 { font-size: 64px; line-height: 1; font-family: 'Heebo-Bold';}

.flxrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.flxfix {
	-ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.flxflexi {
	-ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
}


/*=========================================*/
/* Elements css End  */
/*=========================================*/


/*=========================================*/
/* Main Header */
/*=========================================*/

.login_page { height: 100vh; background: url(../images/login_bg.jpg) no-repeat center center; min-height: 600px; position: relative; align-items: center; justify-content: center; background-size: cover;}
.login_page .logobox { position: absolute; left: 0; top: 71px; right: 0; justify-content: center;}
.login_page .logobox a { display: block;}
.login_page .login_box { width: 296px;}
.login_page .login_box h2 { font-size: 30px; line-height: 34px; color: #ffffff; font-family: 'Roboto-Light'; text-align: center;}
.login_page .login_box h2::after { display: block; width: 58px; height: 5px; content: ''; border-radius: 10px; background: #E63338; margin: 10px auto 0;}
.login_page .formbox { padding: 10px 0 0 0;}
.login_page .formbox .form_row { display: inline-block; vertical-align: top; width: 100%; margin: 30px 0 0 0;}
.login_page .formbox .input_text { width: 100%; border: solid 1px #959595; border-radius: 50px; background: none; height: 55px; box-shadow: 0 3px 6px rgba(0,0,0,0.05); padding: 0 27px; color: #ffffff; font-family: 'Roboto-Light'; font-weight: normal;}
.login_page .submit_row { text-align: center;} 
.login_page .submit_btn { background: #171711; width: 176px; height: 55px; border-radius: 50px; color: #ffffff; border: none; outline: none; font-family: 'Roboto-Medium';}


.dashboard_mn { height: 100vh;}
.dashboard_mn .leftbar {
    background: #0074A5;
    width: 200px;
    position: fixed;
    height: 100%;
	z-index: 99;
}
.dashboard_mn .logobox {
    align-items: center;
    justify-content: center;
    background: #00638D;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
}
.dashboard_mn .logobox a img {
    width: 90%;
}
.dashboard_mn .leftnav {}
.dashboard_mn .leftnav ul { display: block; width: 100%; margin: 0; padding: 0 33px;}
.dashboard_mn .leftnav ul li { padding: 34px 0 0 0; display: block; margin: 0;}
.dashboard_mn .leftnav ul li a { display: block; color: #ffffff; font-size: 16px;}
.dashboard_mn .rightpart {
    padding: 0;
    padding-left: 200px;
}

.dashboard_mn .title_head { position: relative; min-height: 90px; align-items: center; justify-content: center;}
.dashboard_mn .title_head h2 {
    text-align: center;
    font-size: 26px;
    line-height: 24px;
    color: #00638D;
    font-family: 'Roboto-Medium';
}
.dashboard_mn .title_head h2::after { display: block; width: 58px; height: 5px; content: ''; border-radius: 10px; background: #E63338; margin: 10px auto 0;}
.dashboard_mn .title_head .btnbox_h { position: absolute; top: 0; right: 20px; bottom: 0; align-items: center;}

.dashboard_mn .title_head .btnbox_h a {
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    background: #0074A5;
    border-radius: 50px;
    color: #ffffff;
    font-size: 15px;
}


.dashboard_mn .tablebox { padding: 0 20px 0 20px;}
.dashboard_mn .tablebox .thead {}
.dashboard_mn .tablebox .tbody {}
.dashboard_mn .tablebox .tr { width: 100%; align-items: center;}
.dashboard_mn .tablebox .tr .td { padding-top: 16px; padding-bottom: 16px; color: #454545; font-size: 16px;
	-ms-flex-positive: 0;
    flex-grow: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
}
.dashboard_mn .tablebox .tr .td:first-child { padding-left: 20px;}
.dashboard_mn .tablebox .tr .td.flxflexi {
	-ms-flex-positive: 1;
    flex-grow: 1;
    -ms-flex-negative: 1;
    flex-shrink: 1;
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
    position: relative;
} 
.dashboard_mn .tablebox .tr .td:first-child { padding-left: 20px;}
.dashboard_mn .tablebox .thead .tr { background: #F6F6F6;}
.dashboard_mn .tablebox .thead .tr .td { padding-top: 20px; padding-bottom: 20px; background: #F6F6F6; font-size: 18px; color: #252525;}
.logobox.flxrow a {
    text-align: center;
}
}
.dashboard_mn .tablebox .tbody .tr + .tr { border-top: solid 1px #E0E0E0;}
.dashboard_mn .tablebox .tr .td.username { width: 12%;}
.dashboard_mn .tablebox .tr .td.mobileno { width: 10%;}
.dashboard_mn .tablebox .tr .td.companynm { }
.dashboard_mn .tablebox .tr .td.stateb { width: 7%;}
.dashboard_mn .tablebox .tr .td.cityb { width: 8%;}
.dashboard_mn .tablebox .tr .td.passwordb { width: 10%;}
.dashboard_mn .tablebox .tr .td.statusb { width: 10%;}
.dashboard_mn .tablebox .tr .td.editbox { width: 18%;}
.dashboard_mn .tablebox .tr .td .status_show { height: 40px; line-height: 40px; color: #ffffff; padding: 0 17px; border-radius: 50px; background: #cccccc; display: block; float: left;}
.dashboard_mn .tablebox .tr .td .status_show.active { background: #009F2B;}
.dashboard_mn .tablebox .tr .td .status_show.deactive { background: #9F0000;}
.dashboard_mn .tablebox .tr .td.editbox a { display: block; height: 40px; padding: 0 15px; border-radius: 50px; background: #cccccc; color: #ffffff; float: left; line-height: 40px;}
.dashboard_mn .tablebox .tr .td.editbox a + a { margin: 0 0 0 10px;}
.dashboard_mn .tablebox .tr .td.editbox a.acde.deac { background: #9F0000;}
.dashboard_mn .tablebox .tr .td.editbox a.acde.ac { background: #009F2B;}
.dashboard_mn .tablebox .tr .td.editbox a.editbtn { background: #454545;}
.dashboard_mn .tablebox .tr .td.editbox a.delbtn { width: 40px; padding: 0; align-items: center; justify-content: center; background: #C70011;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.cuspopup {}
.cuspopup .modal-content { background: #ffffff; border: none; border-radius: 50px;}
.cuspopup .modal-content h5 { text-align: center; font-size: 25px; line-height: 25px; color: #000000; text-align: center;}
.cuspopup .modal-content h5::after { display: block; width: 58px; height: 5px; content: ''; border-radius: 10px; background: #E63338; margin: 12px auto 0;}
.cuspopup .modal-header { padding: 34px 0; justify-content: center; border: none;}
.cuspopup .modal-header .close { margin: 0; position: absolute; opacity: 1; outline: none; border: none; right: 32px; top: 32px; padding: 0;}
.cuspopup .modal-body { padding: 0 47px;}
.cuspopup .modal-body .formbox {}
.cuspopup .modal-body .form_row { display: inline-block; vertical-align: top; width: 100%;}
.cuspopup .modal-body .form_row + .form_row { margin: 20px 0 0 0;}
.cuspopup .modal-body .input_text,.input_text_box { width: 100%; height: 61px; border-radius: 50px; background: #ffffff; border: solid 1px #E0E0E0; padding: 0 25px; font-size: 16px; color: #454545;}
.cuspopup .modal-footer { border: none; padding: 30px 47px 42px; justify-content: space-between;}
.cuspopup .modal-footer .btno { width: calc(50% - 12px); height: 61px; border: none; outline: none; border-radius: 50px; text-align: center; padding: 0 10px; color: #ffffff; background: #444444; font-family: 'Roboto-Medium'; margin: 0;}
.cuspopup .modal-footer .btno.redbtn { background: #9F0310;}
.cuspopup .modal-footer .btno.greenbtn { background: #009F2B;}

 /* --------------- */
.form-error{color: red;}
.btn-success{background: #009F2B;}
.btn_md{padding: 10px 32px;font-size: inherit;border-radius: 30px;}
.dataTables_paginate,.dataTables_filter {float: right;}
.dataTables_filter label {
    display: inline-flex;
    line-height: 40px;
}
.dataTables_filter label input {
    margin-left: 5px;
    width: 190px;
    border-radius: 30px;
    height: 40px;
}

.pagination .previous a {
    border-radius: 50px 0px 0px 50px !important;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
}

.pagination .next a {border-radius: 0px 50px 50px 0px !important;
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #0074A5;
    border-color: #0074A5;
    padding: 10px;
}

.page-link {
    color: #0074A5;
	padding: 10px;
}
.dataTables_info {
    line-height: 40px;
    margin-bottom: 15px;
}
a.btn_download {
    font-size: 0;
    color: transparent;
    background-color: transparent;
    height: 23px;
    width: 24px;
    border-radius: 0;
    background-image: url(https://app.lotusceramic.in/assets/images/download.svg);
    line-height: 20px;
    background-size: 92% auto;
    background-repeat: no-repeat;
    background-position: center;
}
a.btn_download:hover {
    background-color: transparent;
    background-size: 100%;

}
a.btn_delete {
    font-size: 0;
    color: transparent;
    background-color: transparent;
    height: 23px;
    width: 20px;
    border-radius: 0;
    background-image: url(https://app.lotusceramic.in/assets/images/delete.svg);
    line-height: 20px;
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
}
a.btn_delete:hover {
    background-color: transparent;
    background-size: 100%;

}
a.btn_delete:focus, a.btn_download:focus {
    box-shadow: none;
    background-color:transparent;
}