/*
GameMine Style CSS
Created by: 2018-05-17
GameMine LLC | Sodstar, Munkhuu, Galia, Tsendee
*/

/*
Бэлэн
 */
.belenMunguHeader
{

}
.belenmunguRow
{

}

.ti-margin{
	margin-right: 5px;
}

.error
{
	font-size: 12px;
	color: #ff0505;
	font-family: 'Roboto Condensed', sans-serif;
}

.warning {
	font-size: 12px;
	color: #fbc02d;
	font-family: 'Roboto Condensed', sans-serif;
}
.gm-disabled
{
	pointer-events: none;
	cursor: default;
	opacity: 0.5;
	border: 0px;
	text-decoration: none;
}
.gm-pointer
{
	cursor: pointer;
}
.gm-hr-createjob-header
{
	padding-left: 250px;
	padding-bottom: 10px;
	font-size: 13px;
	border-bottom: 1px solid #e6e6e6;
}
.gm-border-bottom
{
	border-bottom: 1px solid #e6e6e6;
}
.gm-tool-icon
{
	font-size: 18px;
	margin-left: 5px;
	cursor: pointer;
}
.gm-tool-icon:hover
{
	color: #ffb01f;
}
.gm-invoice-padding
{
	padding: 35px;
	padding-top: 15px;
}
.gm-table-row-background
{
	background-color: #f9f9f9;
}
.gm-invoice-padding-left
{
	padding-left: 20px;
	padding-right: 20px;
}
.gm-switch-btn
{
	float: left;
	color: #fff;
	border-radius: 0px;
	background: #009688;
	margin-left: 10px;
}
.gmnone
{
	display: none !important;
}
.gmheight-30
{
	height: 30px !important;
}
.gm-bottom-request
{
	float:right;
	width:8%;
	color:#595959;
	background-color:#fff;
	font-size:13px;
	font-weight: 600;
	/*height:29px;*/
}
.gm-bottom-request:hover
{
	color:#f0ab00;
}
.gm-tabs-header
{
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;
}
.gm-row-col6
{
	padding:10px;
	padding-left:35px;
	padding-right:35px;
}
.gm-none
{
	display:none;
}
.gm-top-5
{
	margin-top:5px;
}
.gm-top-15
{
	margin-top:15px;
}
.gmwrapper{
	margin-top: 250px;
	display:none;
}
.gmwrapperlogin{
	display:none;
}
.gmwrapper-login{
	margin-top: 50px;
	display:none;
}
.gmlogo{
	width:90px;
}
.login-form{
	border: 1px solid #b1b1b1;
	padding: 18px;
}
.login-field
{
	height: 35px;
	background-color: #f2f2f2;
	padding-left: 15px;
}
.login-btn
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	height: 30px;
	background-color: #2f3d4a;
	border-color: #2f3d4a;
}
.nomargin
{
	margin-right: 0px; margin-left: 0px;
}
.gmuppercase
{
	text-transform: uppercase !important;
}
.gmlowercase
{
	text-transform: lowercase !important;
}
.gmbold
{
	font-weight:bold !important;
}
.gmbolder
{
	font-weight:500 !important;
}
.gm-filter-span
{
	font-family: 'Roboto Condensed', sans-serif;
	color:#595959;
	font-size:14px;
	margin-top:4px;
	margin-left:10px;
	margin-right:5px;
	font-weight: 600;
}
.gm-filter-input
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	min-height: 15px;
	font-weight: 600;
	height: 30px;
	border:1px solid #595959;
	color:#595959;
}
.gm-filter-button
{
	font-family: 'Roboto Condensed', sans-serif;
	margin-left:10px;
	color:#FFF;
	font-size:13px;
	background:#2196F3;
	border:0px solid #595959;
	min-height: 15px;
	height: 30px;
}

.gmhighlight-blue
{
	color:#1976D2 !important;
	font-weight: 400;
}
.gmhighlight-red
{
	color:#d30000 !important;
	font-weight: 400;

}
.gmhighlight-green
{
	color:#009688 !important;
	font-weight: 400;
}
.gmhighlight-orange
{
	color:#f15418 !important;
	font-weight: 400;
}
.gmhighlight-yellow
{
	color:#ffb01f !important;
	font-weight: 400;
}
.gmhighlight-grey
{
	color: #565656!important;
	font-weight: 400;
}
.gmheight-32
{
	height:32px;
}
.gm-bottom-menu
{
	cursor: pointer;
	font-size:25px;
	padding:3px;
	color:#454545;
}
.gm-bottom-menu:hover
{
	color: #ffb01f !important;
}
.gm-bottom-menu-context
{
	line-height: 30px;
	font-weight: 500;
}
.gm-bottom-menu-context:hover
{
	color: #ffb01f !important;
	font-weight: 500;
}
.gmactive
{
	color: #ffb01f !important;
	font-weight: 500;
}
.gm-titleline
{
	border-bottom: 1px solid #ffb01f !important;
}
.gm-purchase-layout
{
	height:600px !important;
}
.gm-purchase-layout-row
{
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 9px;
}
.gm-purchase-card-parent
{
	border: 1px solid #595959;
	margin:3px;
}
.gm-purchase-card-row3
{
	background:#a6a6a6;
	padding: 5px;
}
.gm-purchase-card-row5
{
	background:#a6a6a6;
	padding: 5px;
}
.gm-purchase-card-row3
{
	background:#fff;
	padding: 10px;
	padding-bottom: 35px;
	padding-top: 5px;
}

.gm-purchase-card-row33
{
	background:#fff;
	padding: 10px;
	padding-bottom: 0px;
	padding-top: 5px;
}
.gm-purchase-card-title
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:13px;
	float:left;
	color:#000;
	font-weight: 500;
}
.gm-accourding-title
{
	font-family: 'Roboto Condensed', sans-serif;
	color: #000 !important;
}
.gm-accourding-td
{
	padding-left: 50px !important;
}
.gm-accourding-text
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
}
.gm-border
{
	border-bottom: 1px #b1b1b1 solid !important;
}
.gm-purchase-card-title-sub
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:12px;
	float:left;
	min-width: 160px;
	color:#fff;
}
.gm-selected-item
{
	display: none;
	font-family: 'Roboto Condensed', sans-serif;
	background-color: #f9f9f9;
	border: 1px solid #e6e6e6;color:#000;
	cursor: default;
}
.gm-purchase-card-menu-button
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:13px;
	float:right;
	cursor:pointer;
	color: #000;
	font-weight: 400;
}
.gm-purchase-card-menu-button:hover
{
	color:#f2f2f2;
}
.gm-purchase-card-button
{
	font-family: 'Roboto Condensed', sans-serif;
	/*width:100%;*/
	color:#fff;
	background-color:#e35500;
	border-color: #e35500;
	font-size:10px;
	font-weight: 600;
}
.gm-purchase-card-description
{
	font-family: 'Roboto Condensed', sans-serif;
	margin-top:15px;
	height:110px;
}
.gm-export-excel-btn
{
	background: #7460ee !important;
	border-color: #7460ee;
}

.gm-import-excel-btn
{
	background: #3fc610 !important;
	border-color: #3fc610;
}

.gm-purchase-card-menu-title
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:12px;
	font-weight: 600;
}
.gm-purchase-card-menu-items
{
	font-family: 'Roboto Condensed', sans-serif;
	width: 100%;
	font-size:12px;
	font-weight: 600;
	float:left;
	color:#1976D2;
}
.gm-purchase-card-menu-items:hover
{
	color:#ffb01f ;
}
.gm-purchase-card-divider
{
	width:80%;
	border-bottom:1px solid #000;
	margin-bottom:5px;
}
.gm-purchase-card-menu-row120
{
	margin-top:5px;
	height:120px;
}
.gm-purchase-card-menu-row230
{
	margin-top:5px;
	height:230px;
}
.gm-purchase-card-menu-row55
{
	margin-top:5px;
	margin-bottom:35px;
}
.gm-purchase-footer
{
	padding-top:0px;
	padding-bottom:25px;
}
.gm-usergroup-title
{
	padding:10px;
	padding-left:35px;
	padding-right:35px;
}
.gm-form-label
{
	font-weight: 600 !important;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px !important;
	font-weight: bold;
	color: #595959;
}
.gm-form-input
{
	font-family: 'Roboto Condensed', sans-serif;
	width:100%;
	border-radius: 0px;
	font-size: 13px;
	min-height: 15px;
	font-weight:600;
	height: 31px;
	border: 0px;
	border-bottom: 1px solid #595959;
	color: #595959;
	text-align: left;
}

.gm-description-input
{
	font-family: 'Roboto Condensed', sans-serif;
	width:100%;
	border-radius: 0px;
	font-size: 13px;
	min-height: 15px;
	font-weight:600;
	border: 0px;
	border-bottom: 1px solid #595959;
	color: #595959;
	text-align: left;
}

.gm-form-select
{
	font-family: 'Roboto Condensed', sans-serif !important;
	width:100%;
	border-radius: 0px;
	font-size: 13px !important;
	min-height: 15px;
	font-weight:100;
	height: 31px !important;
	border: 0px;
	border-bottom: 1px solid #595959;
	color: #595959;
	text-align: left;
	padding: .0rem .75rem;
}
.gm-form-table
{
	overflow-x: hidden;
	overflow-y: auto;
}
.gm-form-table-head
{
	font-size: 11px !important;
}
.gm-form-table-body
{
	text-align: center !important;
}
.gm-settings
{
	border: 1px solid #595959;
	margin:3px;
}
.gm-settings-row
{
	background:#fff;
	padding: 5px;
}
.gm-settings-header
{
	float:left;
	color:#646464;
	font-weight: bold;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 600;
	font-size: 13px;
}
.gm-settings-header:hover
{
	color: #ffb01f;
}
.gm-settings-subheader
{
	float:right;
	font-weight:bold;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;
	font-size: 13px;
}
.gm-settings-bottom
{
	float:left;
	font-weight:bold;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	font-size: 12px;
}
.gm-settings-subbottom
{
	font-size:10px;
	float:left;
	color:#000;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 500;
	font-size: 10px;
}
.gm-settings-button
{
	width:100%;
	color:#fff;
	background-color:#a6a6a6;
	font-size:12px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 100;
}
.gm-navigation-item
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 12px;
	font-weight: 400;
	color: #000;
}
.gm-navigation-item:hover
{
	color: #ffb01f;
}
@media (max-width: 887px) {

}
@media (max-width: 1024px) {

}
/*Required Field дээр Mandatory ялгаж харуулах*/
.mandatory{
	color:red;
}

.dynaURL a:link {
	color: #60a0ff;
}
/* visited link */
.dynaURL a:visited {
	color: green;
}
/* mouse over link */
.dynaURL a:hover {
	color: hotpink;
}
/* selected link */
.dynaURL a:active {
	color: #d4a5ff;
}

.prucheader
{
	background:#ececec;
	padding: .5rem .5rem;
	border-bottom: 1px solid #b1b1b1;
}
.pruceader-sub
{
	background:#ececec;
	padding: .5rem .5rem;
	border-bottom: 1px solid #b1b1b1;
}
.pruc-button
{
	width:40%;
	color:#fff;
	background-color:#e35500;
	font-size:10px;
	height:27px;
}
.proccard-header
{
	border: 1px solid #b1b1b1;
	background-color: #ececec;
}
.proccard-body
{
	padding-bottom: 49px;
	background-color: #fff;
}
.proccard-row
{
	padding:10px;
	padding-bottom:0px;
}
.procth
{
	text-align: center !important;
}
.proc-copyright
{
	font-family: 'Roboto Condensed', sans-serif;
	float:right;
	font-size: 14px;
	font-weight: 100;
}
.gm-confirm-button
{
	font-family: 'Roboto Condensed', sans-serif;
	margin-left:25px;
	width:15%;
	min-width: 100px;
	color:#fff;
	border-color: #f0ab00;
	background-color:#f0ab00;
	font-size:11px;
	font-weight: 600;
	height:27px;
	margin-top:-11px;
}
.gm-decline-button
{
	font-family: 'Roboto Condensed', sans-serif;
	/*width:5%;*/
	color:#fff;
	background-color:#fff;
	font-size:10px;
	font-weight: 600;
	height:27px;
	margin-top:-11px;
	color:#595959
}
.gm-change-widget
{
	height:auto;

	background: #fff;
	border-top: 1px solid #ededed;
}
.gm-change-row
{
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 3px;
}
.gm-change-button
{
	background: #595959;
	border: 1px solid #595959;
}
.gm-change-input
{
	font-family: 'Roboto Condensed', sans-serif;
	background:#f2f2f2;
	font-weight: 500;
	font-size: 14px;
}
.gm-proc-introduction
{
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 28px;
}
.gm-titleline-size
{
	font-size: 16px;
}
.gm-proc-total
{
	float:right;
	margin-left:50px;
	margin-top:0px;
	margin-right:0px;
	font-size:11px;
	font-weight:bold;
}
.gm-proc-total-row
{
	float:right;
	margin-top:25px;
	font-family: 'Roboto Condensed', sans-serif;
}
.gm-proc-total-label
{
	font-size: 12px;
	font-weight: 400;
	color: #595959;
}
.gm-proc-total-input
{
	width:100%;
	border-radius: 0px;
	font-size: 13px;
	min-height: 15px;
	height: 30px;
	border: 0px;
	border-bottom: 1px solid #595959;
	color: #1976D2;
}
.gm-usermenu-title
{
	color: #243652;
	margin-top: -13.5px;
	font-size: 16px;
	margin-left: 35px;
	min-width:120px !important;
	float: right;
	font-family: 'Roboto Condensed', sans-serif;
	display: inline;
}
.gm-table-subheader
{
	border: 1px solid #e9ecef !important;
	border-top: 0px !important;
}
.gm-inventory-menu
{
	font-family: 'Roboto Condensed', sans-serif;
	margin-top:15px;
	margin-bottom:45px;
}
.gm-inventory-menu-left
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:11px;
	float:left;
	font-weight:600;
	color:#1976D2;
}
#UserCommentTxt:hover
{
	background: #fff;
}
.gm-inventory-menu-right
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:11px;
	float:right;
	font-weight:600;
	color:#1976D2;
}
.gm-inventory-card-description
{
	font-family: 'Roboto Condensed', sans-serif;
	margin-top:15px;
	height:34px;
}
.gm-inventory-residuals
{
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 3px;
}
.gm-inventory-residuals-row
{
	border: 1.5px solid #595959;
	margin: 3px;
	font-family: 'Roboto Condensed', sans-serif;
}
.gm-inventory-residuals-in
{
	background:#fff;
	padding: 5px;
	font-family: 'Roboto Condensed', sans-serif;
}
.gm-inventory-residuals-first
{
	width:100%;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:10px;
	float:right;
	cursor:pointer;
}
.gm-inventory-residuals-second
{
	width:100%;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:10px;
	float:right;
	cursor:pointer;
}
.gm-margin-right
{
	margin-right: 15px;
}
.gmlimit
{
	font-size: 12px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #52524c;
	font-weight: 500;
}
.gm-tablepanel
{
	overflow: auto;
	width: 100%;
	height:250px;
}

.gm-hr-recruiment-li
{
	border: 1.2px solid rgb(0, 0, 0);
	padding: 5px;
	margin-bottom: 5px;
}
.gm-hr-recruiment-div
{
	height: 50px;
}
.gm-hr-recruiment-title
{
	width: 100%;
	display: flex;
	font-weight: 600;
}
.gm-hr-recruiment-description
{
	font-size: 10px;
}
.gm-hr-recruiment-image
{
	width: 32px;
	height: 32px;
	float: right;
	margin-top: 2px;
	cursor: pointer;
}
.gm-hr-employee-div
{
	background: #fff;
	padding: 0px;
	padding-bottom: 0.5px;
}
.gm-hr-employee-row
{
	padding-left: 0px;
}
.hr-employee-image
{
	width: 88px;
	height: 89px;
}
.hr-employee-title
{
	font-size: 14px;
	color: #000;
	margin-top: 5px;
	width: 100%;
}
.hr-employee-description
{
	font-size: 12px;
	color: #969B9E;
	font-weight: 600;
}
.hr-registeration-title
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size:12px;
	font-weight:100;
	text-align:justify;color:#595959;
}

#dragdrop .well{padding: 8px; border: 0; }
#dragdrop .well .header{ color: #000; font-size: 14px; font-weight: bold; margin-bottom: 6px;}
#dragdrop .well .subheader{ color: #969696; font-size: 12px; padding: 8px; border-bottom: 1px solid #ccc; background: #fff; -webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-topright: 2px;
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;}
#dragdrop .well .subheader .buttonsml{ background: #5bb95b; padding:3px; color: #fff; font-size: 11px; line-height: 9px;}
.draglist-shift{ margin-left: -3%!important; width: 53%!important;}


.sortable-list {
	background-color: #fff;
	list-style: none;
	margin-bottom:10px;
	min-height: 30px;
	padding: 5px;

}
.sortable-list:last-child{ margin-bottom: 0;}




.hrplaceholder {
	background-color: #ffb01f;
	border: 1px dashed #666;
	height: 62px;
	margin-bottom: 5px;
}
.dragbleList{ max-height: 400px; overflow: auto;}
.sortable-item {
	cursor: move;
	display: block;
	color: #5a5a5a;
	font-size: 12px;

}

@keyframes flickerAnimation {
	0%   { opacity:1; }
	50%  { opacity:0.3; }
	100% { opacity:1; }
}
@-o-keyframes flickerAnimation{
	0%   { opacity:1; }
	50%  { opacity:0.3; }
	100% { opacity:1; }
}
@-moz-keyframes flickerAnimation{
	0%   { opacity:1; }
	50%  { opacity:0.3; }
	100% { opacity:1; }
}
@-webkit-keyframes flickerAnimation{
	0%   { opacity:1; }
	50%  { opacity:0.3; }
	100% { opacity:1; }
}
.animate-flicker {
	-webkit-animation: flickerAnimation 2.5s infinite;
	-moz-animation: flickerAnimation 2.5s infinite;
	-o-animation: flickerAnimation 2.5s infinite;
	animation: flickerAnimation 2.5s infinite;
}
@media only screen and (max-width: 1400px) {
	.gm-purchase-card-title
	{
		font-size:12px !important;
	}
	gm-purchase-card-menu-button
	{
		font-size:12px !important;
	}
}

@media only screen and (max-width: 1276px) {
	.text-themecolor
	{
		font-size:16px !important;
	}
	.sidebartoggler
	{
		font-size: 18px;
	}
	.gm-settings-header
	{
		font-size:8px !important;
	}
	.gm-settings-subheader
	{
		font-size:9px !important;
	}
	.gm-settings-button
	{
		font-size:8px !important;
	}
	.gm-purchase-card-title
	{
		font-size:10px;
	}
	.gm-purchase-card-menu-button
	{
		font-size:10px;
	}
	.gm-purchase-card-button
	{
		font-size: 6px;
	}
	.gm-purchase-card-title
	{
		font-size:12px !important;
	}
	gm-purchase-card-menu-button
	{
		font-size:10px !important;
	}
	#cssmenu
	{
		font-size: 10px !important;
	}
}
@media only screen and (max-width: 1250px) {
	.gm-purchase-card-title
	{
		font-size:9px !important;
	}
	gm-purchase-card-menu-button
	{
		font-size:9px !important;
	}
}
@media only screen and (max-width: 1200px) {
	.gm-purchase-card-title
	{
		font-size:9px !important;
	}
	gm-purchase-card-menu-button
	{
		font-size:9px !important;
	}
}
@media only screen and (max-width: 1100px) {
	.gm-purchase-card-title
	{
		font-size:9px !important;
	}
	gm-purchase-card-menu-button
	{
		font-size:9px !important;
	}
}
@media only screen and (max-width: 1000px) {
	.gm-purchase-card-button
	{
		font-size: 6px;
	}
	.gm-purchase-card-menu-title
	{
		font-size: 12px !important;
	}
	.gm-purchase-card-menu-items
	{
		font-size: 12px  !important;;
	}
	#cssmenu
	{
		display: none !important;
	}
	.gm-purchase-card-title
	{
		font-size: 12px !important;
	}
	.gm-purchase-card-menu-button
	{
		font-size: 12px !important;
	}
}
@media only screen and (max-width: 900px) {
	.gm-purchase-card-title
	{
		font-size: 12px !important;
	}
	.gm-purchase-card-menu-button
	{
		font-size: 12px !important;
	}
	.gm-settings-bottom
	{
		width: 100%;
		font-size:8px !important;
	}
	.gm-settings-subbottom
	{
		width: 100%;
		font-size:8px !important;
	}
	.gm-settings-header
	{
		font-size:10px !important;
	}
	.gm-settings-subheader
	{
		font-size:10px !important;
	}
	.gm-settings-button
	{
		font-size:8px !important;
	}
	[type="checkbox"] + label {
		font-size:10px;
	}
	.topbar
	{
		display: none;
	}
	.text-themecolor
	{
		font-size:15px !important;
	}
	.sidebartoggler
	{
		font-size: 18px;
	}
	#cssmenu ul li a {
		font-size:7px;
	}
	.text-themecolor
	{
		font-size:12px !important;
	}
	.TotalAmountWithSymbol{
		display: none;
	}
}

/*Media CSS*/
@media only screen and (max-width: 800px) {
	.text-themecolor
	{
		font-size:14px !important;
	}
	.sidebartoggler
	{
		font-size: 18px;
	}
	.topbar
	{
		display: none;
	}
	.gm-purchase-card-title
	{
		font-size: 14px !important;
	}
	.gm-purchase-card-menu-button
	{
		font-size: 14px !important;
	}
	.back_image
	{
		display: none;
	}
	.TotalAmountWithSymbol{
		display: none;
	}
}

@media only screen and (max-width: 700px) {
	.text-themecolor
	{
		font-size:14px !important;
	}
	.gm-purchase-card-title
	{
		font-size: 13px !important;
	}
	.gm-purchase-card-menu-button
	{
		font-size: 13px !important;
	}
	.back_image
	{
		display: none;
	}
	.TotalAmountWithSymbol{
		display: none;
	}
}
@media only screen and (max-width: 600px) {
	.text-themecolor
	{
		font-size: 14px !important;
	}
	[type="checkbox"] + label {
		font-size:6px;
	}
	.gm-settings-header
	{
		font-size:12px !important;
	}
	.gm-settings-subheader
	{
		font-size:12px !important;
	}
	.gm-settings-button
	{
		font-size:10px !important;
	}
	.gm-purchase-card-button
	{
		font-size: 8px;
	}
	.gm-purchase-card-title
	{
		width: 100%;
	}
	#cssmenu ul li a {
		font-size:7px;
	}
	#cssmenu
	{
		display: none;
	}
	.gm-purchase-card-title
	{
		font-size: 13px !important;
	}
	.gm-purchase-card-menu-button
	{
		font-size: 13px !important;
	}
	.text-themecolor
	{
		font-size: 12px !important;
	}
	.back_image
	{
		display: none;
	}
	.TotalAmountWithSymbol{
		display: none;
	}
}
@media only screen and (max-width: 580px) {
	.gm-purchase-card-title
	{
		font-size: 12px !important;
	}
	.gm-purchase-card-menu-button
	{
		font-size: 12px !important;
	}
	.back_image
	{
		display: none;
	}
	.TotalAmountWithSymbol{
		display: none;
	}
}
@media only screen and (max-width: 500px) {
	.text-themecolor
	{
		font-size: 8px !important;
	}
	.gm-purchase-card-title
	{
		font-size: 14px !important;
	}
	.gm-purchase-card-menu-button
	{
		font-size: 14px !important;
	}
	.text-themecolor
	{
		font-size: 12px !important;
	}
	.back_image
	{
		display: none;
	}
	.TotalAmountWithSymbol{
		display: none;
	}
}


@media only screen and (max-width: 400px) {
	.text-themecolor
	{
		font-size: 8px !important;
	}
	.TotalAmountWithSymbol{
		display: none;
	}
}

.datagrid-cell{
	font-size:12px;
}
.datagrid-header .datagrid-cell span{
	/*color: #1976D2;*/
	color: #737373;
	font-size:14px;
}

.hr-applicant-header-pdf
{
	margin-top: 10px;
	float: right;
	font-size: 35px;
	color: #ffb01f;
	margin-right: 25px;
	cursor: pointer;
}

.flex-container {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
}

.flex-start {
	justify-content: flex-start;
}

.flex-end {
	justify-content: flex-end;
}
.flex-end li {
	background: gold;
}

.center {
	justify-content: center;
}
.center li {
	/*background: deepskyblue;*/
}

.space-between {
	justify-content: space-between;
}
.space-between li {
	background: lightgreen;
}

.space-around {
	justify-content: space-around;
}
.space-around li {
	background: hotpink;
}

.space-evenly {
	justify-content: space-evenly;
}
.space-evenly li {
	background: #bada55;
}

.flex-item {
	background: tomato;
	padding: 5px;
	width: 60px;
	height: 50px;
	margin: 5px;
	line-height: 50px;
	color: white;
	font-weight: bold;
	font-size: 2em;
	text-align: center;
}

.gm-tag-items {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 600;
	color: #1976D2;
}

.notice {
	padding: 15px;
	background-color: #fafafa;
	border-left: 6px solid #7f7f84;
	margin-bottom: 10px;
	-webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
	-moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
	box-shadow: 0 5px 8px -6px rgba(0,0,0,.2);
	cursor: pointer;
}
.notice-sm {
	padding: 10px;
	font-size: 80%;
}
.notice-lg {
	padding: 35px;
	font-size: large;
}
.notice-success {
	border-color: #80D651;
}
.notice-success>strong {
	color: #80D651;
}
.notice-info {
	border-color: #45ABCD;
}
.notice-info>strong {
	color: #45ABCD;
}
.notice-warning {
	border-color: #FEAF20;
}
.notice-warning>strong {
	color: #FEAF20;
}
.notice-danger {
	border-color: #d73814;
}
.notice-danger>strong {
	color: #d73814;
}

.gmnotice{
	margin: 10px 10px 10px 15px;
	width: 360px;
	flex-flow: column;
}