/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.3;
}
img{
	max-width: 100%;
	vertical-align: bottom;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.whiteClr{
	color: #fff;
}
a{
	text-decoration: none;
	transition: all 500ms ease;
	color: inherit;
}
.mxFitContent{
	max-width: fit-content;
}
.largeTxt{
    font-size: 1.2rem;
}
.fontBold{
   font-family: var(--boldFont);
}
.leterSpace5{
	letter-spacing: 5px;
}
.bgPrimary{
	background-color: var(--primaryBg);
}
.txtWhite{
	color: var(--whiteTxt);
}


/* Style ms-choice */
    .ms-choice {
      border: 1px solid #007bff;
      padding: 8px 12px;
      border-radius: 5px;
      background-color: #f0f8ff;
      color: #333;
      display: flex;
      align-items: center;
      justify-content: space-between;
      min-height: 40px;
    }

    .ms-choice span {
      flex-grow: 1;
    }

    .ms-drop {
      max-height: 200px;
      overflow-y: auto;
    }
	.btnMain{
		border: 0;
		padding: 0.5rem 1.1rem;
		color: inherit;
		line-height: 1.1;
		display: inline-flex;
		align-items: center;
	}
	.btnMain .las{
		font-size: 1.8rem;
	}
	.darkRed{
      background: var(--dardRed);
	  color: var(--whiteTxt);
    }
   .zIndex2{
	z-index: 2;
   }
   .overflowAuto{
	overflow: auto;
   }
	.radius30{
		border-radius: 30px;
	}
	
	.bgWarning{
		background: var(--bgWarning);
	}

	.bgdanger{
		background: var(--bgdanger);
	}

	.bgInfo{
		 background:var(--bgInfo);   
	}
	.bgSucces{
		  background:var(--bgSucces);   
	}

	.bgLiteBlue{
		 background:var(--bgLiteBlue);
	}
	.card-body .row{
		margin-left: -5px;
		margin-right: -5px;
	}
	.card-body .row > div{
		padding-left: 5px;
		padding-right: 5px;
	}
.card {
    background: var(--whiteBg);
    border: 0;
    border-radius: 15px;
	box-shadow: 0 0 8px rgba(0,0,0,0.2);
}
body .card-header {
	border: 0;
	background: var(--blueBgGrade);
	border-radius: 15px 15px 0 0 !important;
}
body .table-dark-blue{
	background: var(--tableHead);
	font-family: NotoSans-SemiBold;
}
.card-header *{
	color: var(--whiteTxt);
}
.inputBtn {
    border-radius: 8px;
    background: var(--bgWarning);
    text-align: center;
    border: 0;
    color: var(--darkClr);
    padding: 10px 15px;
	transition: all 500ms ease;
}
.inputBtn:hover {
	background: var(--bgWarningHvr);
}
body .btn {
    padding: 8px 2.2rem;
    border-radius: 8px;
    color: var(--whiteTxt);
	transition: all 500ms ease;
}
body .btn:hover {
	color: var(--whiteTxt);
	filter: brightness(1px);
}
.card + .card{
	margin-top: 1.2rem;
}
.btnIcon{
	background: transparent;
	color: var(--primaryBg);
	border: 0;
	border-radius: 5px;
	padding: 5px 10px;
	display: inline-flex;
	transition: all 500ms ease;
	font-size: 1.5rem;
}
.btnIcon:hover{
	background: var(--primaryBg);
	color: var(--whiteTxt);
}
td{
	color: var(--secondry);
}
.table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
    border-top: 1px solid var(--iconPencleBg) !important;
}
body .modal-content{
	background: var(--whiteBg);
	border-radius: 15px;
}
body .modal-content > *{
	background: transparent;
}
.input-group-text{
	padding-left: 0.25rem;
	padding-right: 0.25rem;
}
.highlithed{
	padding: 20px;
	border-radius: 15px;
	border: 1px solid var(--bgLiteBlue);
}
.highlter{
	background-color: var(--tableHead);
}
.max800{
	max-width: 800px;
}
th{
	font-family: var(--semiBoldFont);
}
th , td{
	vertical-align: top;
}