html {
	height: 100%;
	box-sizing: border-box;
	font-size: 12px;
}

body {
	position: relative;
	margin: 0px;
	min-height: 100%;
	font-family: 'Roboto', sans-serif;
	color: #555555;
	font-size: inherit;
	background-color: #fff;
	overflow-y: scroll !important;
}

.no-padding {
	padding: 0px;
}

.no-margin {
	margin: 0px;
}

.m-10 {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.m-15 {
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
}

.m-t-0 {
	margin-top: 0px;
}

.m-t-3 {
	margin-top: 3px;
}

.m-t-5 {
	margin-top: 5px;
}

.m-t-10 {
	margin-top: 10px;
}

.m-t-15 {
	margin-top: 15px;
}

.m-t-20 {
	margin-top: 20px;
}

.m-t-25 {
	margin-top: 25px;
}

.m-t-30 {
	margin-top: 30px;
}

.m-t-35 {
	margin-top: 35px;
}

.m-t-40 {
	margin-top: 40px;
}

.m-b-0 {
	margin-bottom: 0px;
}

.m-b-5 {
	margin-bottom: 5px;
}

.m-b-10 {
	margin-bottom: 10px;
}

.m-b-15 {
	margin-bottom: 15px;
}

.m-b-20 {
	margin-bottom: 20px;
}

.m-b-25 {
	margin-bottom: 25px;
}

.m-b-30 {
	margin-bottom: 30px;
}

.p-5 {
	padding: 5px;
}

.p-r-0 {
	padding-right: 0px;
}

.p-r-5 {
	padding-right: 5px;
}

.p-r-10 {
	padding-right: 10px;
}

.p-r-15 {
	padding-right: 15px;
}

.p-r-20 {
	padding-right: 20px;
}

.p-l-0 {
	padding-left: 0px;
}

.p-l-5 {
	padding-left: 5px;
}

.p-l-10 {
	padding-left: 10px;
}

.p-l-15 {
	padding-left: 15px;
}

.p-l-20 {
	padding-left: 20px;
}

.m-l-5 {
	margin-left: 5px !important;
}

.m-l-10 {
	margin-left: 10px !important;
}

.m-l-15 {
	margin-left: 15px;
}

.m-l-20 {
	margin-left: 20px;
}

.m-r-5 {
	margin-right: 5px;
}

.m-r-10 {
	margin-right: 10px !important;
}

.m-r-15 {
	margin-right: 15px;
}

.text-danger {
	color: #d13c39;
}

/*****************************Custom****************/
/* .login-bg{
	background-image:url(../images/login-bg.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	background-position: left top;
} */
.invalid-feedback {
	color: red;
	text-align: center;
}

.has-error {
	border-color: red !important;
}

.pointer {
	cursor: pointer;
}

.copy-right {
	color: #c2c2c2;
	font-size: 13px;
}

.download-link {
	color: #2854c0ed;
	text-decoration: none;
}

.download-link:hover {
	color: #23527c;
	text-decoration: underline;
}

.fixed-bottom {
	position: fixed;
}

/* .fileDrop {
	border: 2px dotted #555555;
	border-radius: 20px;
	margin-bottom: 15px;
} */
.fileDrop .content {
	height: 40px !important;
	color: #555555 !important;
}

.img-logo {
	margin: 0 auto;
}

select.form-control:invalid {
	color: gray;
}

select.form-control option:first-child {
	color: gray;
}

select.form-control:invalid option:not(:first-child) {
	color: black;
}

.help-icon {
	color: #555555;
}

/*******************************************/

.login-left,
.login-right {
	height: 100%;
	position: absolute;
	font-size: 1rem;
}

.login-left {
	width: 42%;
	padding: 30px 0px 30px 30px;
}

.login-lefti {
	width: 42%;
	padding: 30px 0px 30px 30px;
	height: 100%;
	position: absolute;
	font-size: 1rem;
}

.login-lefts {
	width: 42%;
	padding: 30px 0px 30px 30px;
	height: 100%;
	position: absolute;
	font-size: 1rem;
}

/*custom site css*/
.login-leftc {
	width: 42%;
	padding: 30px 0px 30px 30px;
	height: 100%;
	position: absolute;
	font-size: 1rem;
}

.login-right {
	width: 58%;
	margin-left: 42%;
	color: #555555;
}

.login-right .container {
	width: 100%;
	padding: 40px;
	background: rgba(72, 93, 110, 0.8);
}

.login-right .containeri {
	width: 100%;
	padding: 40px;
	background: #ffffff
}

.login-right .containers {
	width: 100%;
	padding: 40px;
	background: #ffffff
}

.login-right .containerc {
	width: 100%;
	padding: 40px;
	background: #ffffff
}

.login-left .container {
	width: 95%;
	max-width: 600px;
	padding: 30px 40px;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0px 0px 15px rgba(0, 0, 0, .75);
	float: right;
}

.login-lefti .containeri {
	width: 95%;
	max-width: 600px;
	padding: 30px 40px;
	background: #301B5A;
	border-radius: 35px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	float: right;
}

.login-lefts .containers {
	width: 95%;
	max-width: 600px;
	padding: 30px 40px;
	background: #0479BF;
	border-radius: 35px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	float: right;
}

.login-leftc .containerc {
	width: 95%;
	max-width: 600px;
	padding: 30px 40px;
	background: #FFFFFF;
	border-radius: 35px;
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	float: right;
}



.vmiddle-row {
	display: table;
	height: 100%;
	width: 100%;
}

.vmiddles-row {
	display: table;
	height: 100%;
	width: 100%;
}

.vmiddlei-row {
	display: table;
	height: 100%;
	width: 100%;

}

.vmiddlec-row {
	display: table;
	height: 100%;
	width: 100%;

}

.vmiddle-col {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

.vmiddles-col {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}


.vmiddlei-col {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

.vmiddlec-col {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

h1 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 3rem;
	color: #c067c9;
}

h2 {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 2rem;
	color: #2854c0;
}

h3 {
	font-size: 1.5rem;
	color: #2854c0;
	margin-top: 0px;
	font-weight: 400;
}

h4 {
	font-size: 1.35rem;
	color: #2854c0;
	margin-top: 0px;
	font-weight: 400;
}

.login-left .custom-field {
	position: relative;
	margin-bottom: 30px;
}

.login-lefti .custom-fieldi {
	position: relative;
	margin: 28px;
}

.login-lefts .custom-fields {
	position: relative;
	margin: 28px;
}

.login-leftc .custom-fieldc {
	position: relative;
	margin: 28px;
}


.login-left .form-control {
	border-radius: 30px;
	border: 2px solid #2854c0;
	height: 54px;
	padding: 6px 60px 6px 25px;
	font-size: 1.5rem;
	color: #2854c0;
}

.login-lefti .form-controli {
	border-radius: 30px;
	border: 4px solid #FAE1C3;
	height: 54px;
	padding: 6px 60px 6px 25px;
	font-size: 1.5rem;
	color: #000000;
	display: block;
	width: 100%
}

.login-lefts .form-controls {
	border-radius: 30px;
	border: 4px solid #333333;
	height: 54px;
	padding: 6px 60px 6px 25px;
	font-size: 1.5rem;
	color: #0479BF;
	display: block;
	width: 100%
}

.login-leftc .form-controlc {
	border-radius: 30px;
	border: 4px solid #333333;
	height: 54px;
	padding: 6px 60px 6px 25px;
	font-size: 1.5rem;
	color: #000000;
	display: block;
	width: 100%
}

.login-left .custom-field .fa {
	position: absolute;
	font-size: 2rem;
	top: 14px;
	right: 20px;
	color: #2854c0;
}

.login-lefti .custom-fieldi .fa {
	position: absolute;
	font-size: 2rem;
	top: 14px;
	right: 20px;
	color: #301B5A;
}

.login-lefts .custom-fields .fa {
	position: absolute;
	font-size: 2rem;
	top: 14px;
	right: 20px;
	color: #333333;
}

.login-leftc .custom-fieldc .fa {
	position: absolute;
	font-size: 2rem;
	top: 14px;
	right: 20px;
	color: #333333;
}

.login-left .custom-field .fa-lock {
	font-size: 2.5rem;
}


.login-lefti .custom-fieldi .fa-lock {
	font-size: 2.5rem;
}

.login-lefts .custom-fields .fa-lock {
	font-size: 2.5rem;
}

.login-leftc .custom-fieldc .fa-lock {
	font-size: 2.5rem;
}

.login-left ::-webkit-input-placeholder {
	/* Chrome/Opera/Safari */
	color: #6887d3;
}

.login-left ::-moz-placeholder {
	/* Firefox 19+ */
	color: #6887d3;
}

.login-left :-ms-input-placeholder {
	/* IE 10+ */
	color: #6887d3;
}

.login-left :-moz-placeholder {
	/* Firefox 18- */
	color: #6887d3;
}

.login-left .custom-checkbox label.checkbox-label,
.login-left .custom-checkbox input[type="checkbox"]+.label-text:before,
.login-left .custom-checkbox input[type="checkbox"]:checked+.label-text:before {
	color: #2854c0;
}

/*Indemly Checkbox*/

.custom-checkboxi {
	display: inline-block;
}


.custom-checkboxi label.checkbox-labeli {
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	font-weight: normal;
	font-size: 1.6rem;
	font-family: 'Roboto Slab', serif;
	color: #fff;
	text-transform: inherit;
	position: relative;

}


.custom-checkboxi input[type="checkbox"] {
	opacity: 0;
	/* Hide the actual checkbox */
	position: absolute;
	left: 0px;
	/* Position the checkbox at the beginning of the label */
	cursor: pointer;
	/* Change cursor on hover */
}



.custom-checkboxi input[type="checkbox"]+.label-texti:before {
	content: "\f096";
	font-family: "FontAwesome";
	speak-as: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	width: 20px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	margin-right: 12px;
	font-size: 24px;
	color: #ffffff;
}

.custom-checkboxi input[type="checkbox"]:checked+.label-texti:before {
	content: "\f046";
	color: #ffffff;
	animation: effect 250ms ease-in;
	height: 20px;
	line-height: 20px;
}

.custom-checkboxi input[type="checkbox"]:disabled+.label-texti {
	color: #aaa;
}

.custom-checkboxi input[type="checkbox"]:disabled+.label-texti:before {
	content: "\f0c8";
	color: #ccc;
}

/*Indemly Checkbox End*/

/* Custom site Checkbox*/
.custom-checkboxc {
	display: inline-block;
}


.custom-checkboxc label.checkbox-labelc {
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	font-weight: normal;
	font-size: 1.6rem;
	font-family: 'Roboto Slab', serif;
	color: #333333;
	text-transform: inherit;
	position: relative;

}


.custom-checkboxc input[type="checkbox"] {
	opacity: 0;
	/* Hide the actual checkbox */
	position: absolute;
	left: 0px;
	/* Position the checkbox at the beginning of the label */
	cursor: pointer;
	/* Change cursor on hover */
}



.custom-checkboxc input[type="checkbox"]+.label-textc:before {
	content: "\f096";
	font-family: "FontAwesome";
	speak-as: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	width: 20px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	margin-right: 12px;
	font-size: 24px;
	color: #333333;
}

.custom-checkboxc input[type="checkbox"]:checked+.label-textc:before {
	content: "\f046";
	color: #333333;
	animation: effect 250ms ease-in;
	height: 20px;
	line-height: 20px;
}

.custom-checkboxc input[type="checkbox"]:disabled+.label-textc {
	color: #aaa;
}

.custom-checkboxc input[type="checkbox"]:disabled+.label-textc:before {
	content: "\f0c8";
	color: #ccc;
}

/*End Custom Checkbox*/

/*Check box*/
.custom-checkbox,
.custom-radio {
	display: inline-block;
}


.custom-checkbox label.checkbox-label,
.custom-radio label.radio-label {
	margin: 0px;
	padding: 0px;
	line-height: 20px;
	font-weight: normal;
	color: #333;
	text-transform: inherit;
	position: relative;
	padding-left: 30px;
}


.custom-checkbox input[type="checkbox"],
.custom-radio input[type="radio"] {
	position: absolute;
	right: 9000px;
}


.custom-checkbox input[type="checkbox"]+.label-text,
.custom-radio input[type="radio"]+.label-text {
	position: relative;
	height: 20px;
	float: left;
	margin-left: -28px;
}


.custom-checkbox input[type="checkbox"]+.label-text:before,
.custom-radio input[type="radio"]+.label-text:before {
	content: "\f096";
	font-family: "FontAwesome";
	speak-as: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	width: 20px;
	height: 20px;
	line-height: 20px;
	display: inline-block;
	margin-right: 8px;
	font-size: 24px;
	color: #013a75;
}



.custom-radio input[type="radio"]+.label-text:before {
	content: "";
	border-radius: 50%;
	border: solid 2px #013a75;
	width: 18px;
	height: 18px;
	line-height: 18px;
}

.custom-checkbox input[type="checkbox"]:checked+.label-text:before,
.custom-radio input[type="radio"]:checked+.label-text:before {
	content: "\f046";
	color: #013a75;
	animation: effect 250ms ease-in;
	height: 20px;
	line-height: 20px;
}



.custom-radio input[type="radio"]:checked+.label-text:before {
	content: "\f111";
	font-size: 12px;
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 16px;
}

.custom-checkbox input[type="checkbox"]:disabled+.label-text {
	color: #aaa;
}

.custom-checkbox input[type="checkbox"]:disabled+.label-text:before {
	content: "\f0c8";
	color: #ccc;
}

.forget-password {
	text-align: right;
	font-size: 1.125rem
}

.forget-passwordi {
	text-align: right;
	font-size: 1.6rem;
	position: absolute;
	top: 0;
	right: -20px;
}

.forget-passwords {
	text-align: right;
	position: absolute;
	top: 0;
	font-weight: normal;
	right: -20px;
	line-height: 20px;
	font-size: 1.6rem;
	font-family: 'Roboto Slab', serif;
}

.forget-passwordc {
	text-align: right;
	font-size: 1.4rem;
	position: absolute;
	top: 0;
	right: -20px;
	font-weight: 600;
}

.btn-link {
	color: #2854c0;
	text-decoration: underline;
}

.btn-linki {
	color: #FAE1C3;
	text-decoration: underline;
}


.btn-linkc {
	color: #0479BF;
	text-decoration: underline;
}

.btn-links {
	color: #FFFFFF;
	text-decoration: underline;
}


.btn-link:hover {
	color: #c067c9;
}

.custom-btn {
	background: #2854c0;
	background: -moz-linear-gradient(left, #2854c0 0%, #c067c9 100%);
	background: -webkit-linear-gradient(left, #2854c0 0%, #c067c9 100%);
	background: linear-gradient(to right, #2854c0 0%, #c067c9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2854c0', endColorstr='#c067c9', GradientType=1);
	color: #fff;
	border-radius: 35px;
	box-shadow: 0px 3px 15px #999;
	text-shadow: 2px 2px 2px #333;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	transition: all ease-in-out 0.5s;
	font-size: 1.125rem;
	padding: 6px 20px;
	border: 0px;
	cursor: pointer;
}

.custom-btni {
	background: #FAE1C3;
	color: #301B5A;
	border-radius: 35px;
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	transition: all ease-in-out 0.5s;
	font-size: 1.125rem;
	padding: 6px 20px;
	border: 0px;
	cursor: pointer;
	border-color: #FFFFFF;
}

.custom-btns {
	background: #333333;
	color: #FFFFFF;
	border-radius: 35px;
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	transition: all ease-in-out 0.5s;
	font-size: 1.125rem;
	padding: 6px 20px;
	border: 4px solid;
	cursor: pointer;
	border-color: #FFFFFF;
}

.custom-btnc {
	background: #333333;
	color: #FFFFFF;
	border-radius: 35px;
	font-family: "Oswald", sans-serif;
	text-transform: uppercase;
	transition: all ease-in-out 0.5s;
	font-size: 1.125rem;
	padding: 6px 20px;
	cursor: pointer;
	border: 3px solid #0479BF
}

.custom-btn:hover {
	color: #fff;
	background: #2854c0;
	/* Old browsers */
	background: -moz-linear-gradient(left, #2854c0 0%, #2854c0 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #2854c0 0%, #2854c0 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #2854c0 0%, #2854c0 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2854c0', endColorstr='#2854c0', GradientType=1);
	/* IE6-9 */
}

.login-btn {
	width: 100%;
	font-size: 2.25rem;
	padding: 0px 10px;
	margin-bottom: 30px;
}

.login-btni {
	width: 100%;
	font-size: 2.25rem;
	padding: 0px 10px;
	margin-top: 28px;
}

.login-btns {
	width: 100%;
	font-size: 2.25rem;
	padding: 0px 10px;
	margin-top: 28px;
}


.login-btnc {
	width: 100%;
	font-size: 2.25rem;
	padding: 0px 10px;
}

.submit-btn {
	width: 100%;
	font-size: 1.75rem;
	padding: 0px 10px;
	margin-bottom: 30px;
}

.sign-up-link {
	font-size: 1.25rem;
	text-align: center;
}

.btn-link.pink {
	color: #FFFFFF;
}

.btn-link.pink:hover {
	color: #2854c0;
}

p.login-text {
	font-size: 2.3rem;
	line-height: 3rem;
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	max-width: 700px;
}

p.login-texti {
	font-size: 3.3rem;
	line-height: 3rem;
	color: #000000;
	font-family: "Oswald", sans-serif;
	max-width: 700px;
	font-style: normal;
	font-weight: 500;
}

p.login-textc {
	font-size: 3.3rem;
	line-height: 3rem;
	color: #000000;
	font-family: "Oswald", sans-serif;
	max-width: 700px;
	font-style: normal;
	font-weight: 500;
}

p.login-textind {
	font-size: 1.8rem;
	line-height: 3rem;
	color: #000000;
	font-family: 'Roboto Slab', serif;
	max-width: 700px;
	font-style: normal;
	font-weight: 500;
}

p.login-textcus {
	font-size: 1.5rem;
	line-height: 3rem;
	color: #000000;
	font-family: 'Roboto Slab', serif;
	max-width: 700px;
	font-style: normal;
	font-weight: 500;
}

p.login-textiviolet {
	font-size: 5.2rem;
	line-height: 3rem;
	color: #301B5A;
	font-family: 'Roboto Slab', serif;
	max-width: 700px;
}

p.login-textcus a.login-textclink {
	font-size: 1.4rem;
	line-height: 3rem;
	color: #0479BF;
	font-family: 'Roboto Slab', serif;
	max-width: 700px;
	cursor: pointer;
}

p.login-textcus span.login-textsink {
	font-size: 1.4rem;
	line-height: 3rem;
	color: #0479BF;
	font-family: 'Roboto Slab', serif;
	max-width: 700px;
}

.indemly-logo {
	max-width: 25%;

}

p.login-textind a.login-textilink {
	color: #301B5A;
	cursor: pointer;
}





footer {
	text-align: center;
	color: #ccc;
	font-size: 0.75rem;
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 5px;
	background: rgba(0, 0, 0, 0.5);

}

footer a {
	color: #fff;
	margin: 0px 10px;
	text-decoration: underline;
}

footer a:hover {
	color: #000;
}

.footerh {
	text-align: center;
	color: #FFFFFF;
	font-size: 0.75rem;
	bottom: 0px;
	width: 100%;
	padding: 5px;
	height: 30px;
	background: #333333;
	display: block;
	font-family: 'oswald regular', sans-serif;
	font-weight: 200;
}

.footerh a {
	color: #fff;
	margin: 0px 10px;
	text-decoration: underline;
}

.footerh a:hover {
	color: #2854c0;
}

.form-control,
input[type="search"] {
	border-radius: 20px;
	height: 38px;
	font-size: 1rem;
	border: 2px solid #ccc;
	padding: 4px 12px;
}

.input-group .form-control {
	border-right: 0px;
}

.input-group-addon {
	background: #fff;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
}

select::-ms-expand {
	display: none;
}

select.form-control {
	-moz-appearance: none;
	-webkit-appearance: none;
	background-image: url(../images/down-arrow.png);
	background-repeat: no-repeat;
	background-position: right 10px center;
	padding-right: 25px;
}

select.input-sm {
	height: 30px;
	line-height: 20px;
}

select.input-xs {
	height: 25px;
	line-height: 15px;
}

textarea.form-control {
	border-radius: 5px;
	resize: none;
}

/************ INNER PAGE CSS START *******************/
header {
	position: fixed;
	width: 100%;
	height: 70px;
	box-shadow: 0px 1px 12px #ddd;
	padding: 5px 15px;
	top: 0;
	background: #fff;
	z-index: 9;
}

.inner-logo {
	float: left;
}

.user-profile {
	float: right;
	margin-top: 12px;
}

.user-profile .dropdown {
	float: right;
}

.user-profile .btn {
	background: none;
	padding: 0px;
	color: #2854c0;
	font-size: 1rem;
}

.user-profile .user-image {
	border-radius: 50%;
	border: solid 2px #2854c0;
	width: 42px;
}

.user-profile .user-name {
	margin: 0px 8px;
}

.dropdown-item {
	width: 100%;
	display: block;
	padding: 5px 10px;
	font-size: 1rem;
}

.dropdown-item:hover {
	color: #fff;
	background: #2854c0;
	text-decoration: none;
}

.content-area {
	padding: 20px 15px 30px 15px;
	margin-top: 55px;
	display: inline-block;
	width: 100%;
}

.gray-block {
	background: #f5f5f5;
	border: solid 1px #dddddd;
	display: inline-block;
	width: 100%;
	padding: 10px;
	border-radius: 5px;
}

.text-large {
	font-size: 18px;
}

label {
	font-weight: 500;
}

label .required {
	font-style: normal;
	color: #fe3030;
}

.panel-primary {
	border-color: #dddddd;
}

.panel-primary>.panel-heading {
	color: #fff;
	background-color: #2854c0;
}

.panel-primary>.panel-body {
	background: #f5f5f5;
	padding-top: 5px;
}

.custom-checkbox.white label.checkbox-label,
.custom-radio.white label.radio-label {
	color: #fff
}

.custom-checkbox.white input[type="checkbox"]+.label-text:before,
.custom-radio.white input[type="radio"]+.label-text:before {
	color: #fff
}

.panel-options .cols {
	display: inline-block;
	margin-right: 25px;
}

.panel-primary .nav-tabs {
	border-color: #ccc;
	margin-left: 1px;
}

.panel-primary .nav-tabs>li {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 1.35rem;
	margin-bottom: 0px;
}

.panel-primary .nav-tabs>li a {
	padding: 8px 30px;
	border-radius: 0px;
	background: #fff;
	color: #2854c0;
	border: solid 1px #ccc;
	margin: -1px;
	border-radius: 5px;
}

.panel-primary .nav-tabs>li.active>a,
.panel-primary .nav-tabs>li.active>a:focus,
.panel-primary .nav-tabs>li.active>a:hover {
	background: #2854c0;
	color: #fff;
	border-radius: 5px;
}

.panel-primary .tab-content {
	background: #fff;
	border: solid 1px #ccc;
	border-top: 0px;
	padding: 10px 15px;
	border-radius: 5px;
}

.commercial-table table>thead>tr>th {
	font-weight: 500;
	vertical-align: middle
}

.commercial-table table>thead>tr>th:first-child {
	min-width: 70px;
}

table th {
	font-weight: 500;
	color: #444;
}

.table-striped>tbody>tr:nth-of-type(odd) {
	background-color: #ffffff;
}

.table-hover>tbody>tr:hover {
	background-color: #f5f5f5;
}

table thead {
	background: #eee;
}

table.dataTable {
	margin-top: 0px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
	cursor: pointer;
	margin: 0px 1px;
	border-radius: 3px;
	padding: 6px 12px;
	border: 0px;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	background: #2854c0;
	color: #fff;
	text-decoration: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: #2854c0;
	color: #fff;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	background: none;
	color: #337ab7;
}

hr {
	border-top: solid 1px #ddd
}

/*----- 2019/01/07 PopupS-----*/
.popupS-buttons {
	text-align: right;
}

#popupS-button-ok {
	background: -moz-linear-gradient(left, #2854c0 0%, #c067c9 100%);
	background: -webkit-linear-gradient(left, #2854c0 0%, #c067c9 100%);
	background: linear-gradient(to right, #2854c0 0%, #c067c9 100%);
	color: #fff;
	border-radius: 35px;
	box-shadow: 0px 3px 15px #999;
	text-shadow: 2px 2px 2px #333;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	padding: .45em 1em;
	border: 0px;
	width: 84px;
}

#popupS-button-ok:active,
#popupS-button-ok:hover {
	color: #fff;
	background: #2854c0;
}

#popupS-button-cancel {
	background-color: #fff !important;
	color: #AAA !important;
	border: 2px solid #AAA;
	border-radius: 35px;

	font-family: Lato, Arial, sans-serif;
	font-size: 15px;
	font-weight: 700;
	line-height: 1em;
	margin: 0 .5em;
	padding: .5em 1em;
	cursor: pointer;
	outline: none;
	transition: all 0.4s;
	width: 84px;
}

#popupS-button-cancel:active,
#popupS-button-cancel:hover {
	text-decoration: none;
	border-color: #B9B9B9 !important;
	background-color: #B9B9B9 !important;
	color: #fff !important;
}

.mr-2 {
	margin-right: 8px;
}

.dateAndApply {
	display: flex;
}

.dateInput {
	width: calc(100% - 90px);
}

.noshow {
	display: none;
}

.noshowc {
	display: none;
}

.noshowd {
	display: none;
}

/************ MEDIA QUERY CSS START *******************/
@media screen and (min-width:992px) {
	.btn-linki {
		margin-left: 0%;
	}

	.btn-linkc {
		margin-left: 0%;
	}

	.btn-links {
		margin-left: 0%;
	}

}

@media screen and (max-width: 1024px) {
	.btn-linki {
		margin-left: 1%;
	}

	.btn-linkc {
		margin-left: 1%;
	}

	.btn-links {
		margin-left: 1%;
	}

}


@media screen and (max-width: 991px) {
	.btn-linki {
		margin-left: 1%;
	}

	.btn-linkc {
		margin-left: 1%;
	}

	.btn-links {
		margin-left: 1%;
	}


}

@media screen and (min-width: 992px) {
	.panel-primary>.panel-heading.panel-options {
		padding: 10px 15px 0;
	}

	.panel-primary>.panel-heading>.cols {
		margin-bottom: 10px;
	}

	.PosaboluteMax {
		position: absolute;
	}


}

@media screen and (max-width: 1024px) {
	/* .app-logo {
        width: 15%;
	}
	.app-header {
        width: 60%
	}
	.app-menu {
        width: 25%;
    } */
}

@media screen and (max-width: 991px) {
	.login-left {
		width: 100%;
		padding: 30px;
	}


	.login-left .container {
		float: none;
	}

	.login-lefts .containers {
		float: none;
	}


	.login-right {
		display: none;
	}



	/* Indemly Responsive*/
	.login-lefti {
		width: 100%;
		padding: 30px;
	}

	.login-lefts {
		width: 100%;
		padding: 30px;
	}

	.login-leftc {
		width: 100%;
		padding: 30px;
	}

	.login-lefti .containeri {
		float: none;
	}

	.login-lefts .containers {
		float: none;
	}

	.login-leftc .containerc {
		float: none;
	}


	.login-righti {
		display: none;
	}

	.login-rightc {
		display: none;
	}

	.login-rights {
		display: none;
	}

	.panel-options .cols {
		width: 40%;
		margin: 5px 10px 5px 0px;
	}

	/* .app-logo {
        width: 15%;
	}
	.app-header {
        width: 60%
	}
	.app-menu {
        width: 25%;
    }*/
	.noshow {
		display: block;
		color: #FFFFFF;
		margin-bottom: 15px;
	}

	.noshowc {
		display: block;
		color: #333333;
		margin-bottom: 15px;
		font-weight: normal;
		font-size: 1.6rem;
		font-family: 'Roboto Slab', serif;
	}
}

@media screen and (max-width: 767px) {
	body {
		padding-bottom: 50px;
	}

	.noshow {
		display: block;
		color: #FFFFFF;
		margin-bottom: 15px;
	}

	.noshowc {
		display: block;
		color: #333333;
		margin-bottom: 15px;
		font-weight: normal;
		font-size: 1.6rem;
		font-family: 'Roboto Slab', serif;
	}

	.login-left {
		position: relative;
	}

	.login-left {
		padding: 15px;
	}

	.login-left .container {
		width: 100%;
		padding: 15px;
	}

	.login-bg {
		background-size: inherit;
	}

	.login-left h1 {
		font-size: 2.5rem;
	}

	.login-left .custom-field,
	.login-btn {
		margin-bottom: 15px;
	}



	.login-left h1 {
		font-size: 2.5rem;
	}


	.login-left .custom-field,
	.login-btn {
		margin-bottom: 15px;
	}

	/* Indemly Responsive*/
	.login-lefti {
		position: relative;
	}

	.login-lefts {
		position: relative;
	}

	.login-leftc {
		position: relative;
	}

	.login-lefti {
		padding: 15px;
	}

	.login-lefts {
		padding: 15px;
	}

	.login-leftc {
		padding: 15px;
	}

	.login-lefti .containeri {
		width: 100%;
		padding: 15px;
	}

	.login-lefts .containers {
		width: 100%;
		padding: 15px;
	}

	.login-leftc .containerc {
		width: 100%;
		padding: 15px;
	}

	.login-bgi {
		background-size: inherit;
	}

	.login-bgs {
		background-size: inherit;
	}


	.login-bgc {
		background-size: inherit;
	}

	.login-lefti h1 {
		font-size: 2.5rem;
	}

	.login-lefts h1 {
		font-size: 2.5rem;
	}

	.login-leftc h1 {
		font-size: 2.5rem;
	}


	.login-lefti .custom-fieldi,
	.login-btni {
		margin-bottom: 15px;
	}

	.login-lefts .custom-fields,
	.login-btns {
		margin-bottom: 15px;
	}

	.login-leftc .custom-fieldc,
	.login-btnc {
		margin-bottom: 15px;
	}

	.sign-up-link .btn-link {
		display: block;
	}

	.forget-password {
		text-align: right;
	}

	.forget-passwords {
		text-align: right;
	}

	.forget-passwordi {
		text-align: right;
	}

	.forget-passwordc {
		text-align: right;
	}

	.panel-options .cols {
		width: 48%;
	}

	.panel-primary .nav-tabs {
		width: 100%;
		overflow: auto;
		border: solid 1px #ccc;
		display: block;
		border-radius: 5px;
	}

	.nav-tabs>li {
		display: table-cell;
		float: none;
	}

	.nav-tabs>li:last-child a {
		border-right: 0px;
	}

	.dataTables_wrapper .search-field {
		margin: 10px 0px;
	}

	.dataTables_wrapper .search-field label {
		width: 100%;
	}

	.dataTables_wrapper .pagination {
		width: 100%;
	}

	.app-logo {
		width: 70%;
	}

	.app-header {
		display: none;
	}

	.app-menu {
		width: 30%;
	}

}

/* For Mobile */
@media screen and (max-width: 540px) {
	.app-logo {
		width: 70%;
	}

	.noshow {
		display: block;
		color: #FFFFFF;
		margin-bottom: 15px;
	}

	.noshowc {
		display: block;
		color: #333333;
		margin-bottom: 15px;
		font-weight: normal;
		font-size: 1.6rem;
		font-family: 'Roboto Slab', serif;
	}

	.app-header {
		display: none;
	}

	.app-menu {
		width: 30%;
	}
}

.header {
	background-color: #2854c0;

}

.header>h2 {
	color: white;
}

.header>button {
	color: white;
}

.mt-17 {
	margin-top: 17px;
}

.hello {
	padding-top: 100px !important;
}

.modal-dialog-centered {
	display: flex;
	align-items: center;
	inset: 0px;
	position: fixed;
}

.align-center {
	align-items: center;
	justify-content: space-between;
}

.invalid-feedback {
	font-size: 11px;
}

.marg0 {
	margin: 0;
}

.font13 {
	font-size: 13px;
}

.mb-0 {
	margin-bottom: 0
}

.pb-0 {
	padding-bottom: 0;
}

.font12 {
	font-size: 1.2rem;
}

.mt-10 {
	margin-top: 10px;
}

.panel-options .cols {
	display: inline-block;
	margin-right: 8px !important;
}

.custom-checkbox.white label.checkbox-label,
.custom-radio.white label.radio-label {
	color: #fff;
	font-size: 11px !important;
}

.TextLeft {
	text-align: left;
}

.InnerValid {
	position: absolute;
	right: -100%;
	top: 13px;
	width: 100%;
	padding-left: 10px;
}

.MainCommercial .form-group {
	margin-bottom: 7px;
}

div#Commercial[_ngcontent-c2] label[_ngcontent-c2] {
	padding-top: 7px !important;
}

select.input-sm {
	height: 36px;
	line-height: 20px !important;
}

.text-primary.font13 {
	top: -25px;
}

.Posrelative {
	position: relative;
}

.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td {
	padding: 4px 8px;
	line-height: 1.42857143;
	vertical-align: top;
}

table.table-bordered {
	width: 100%;
	max-width: 100%;
	margin-bottom: 10px;
}