/* Minification failed. Returning unminified contents.
(1256,38): run-time error CSS1046: Expect comma, found '0'
(1256,42): run-time error CSS1046: Expect comma, found '/'
(1313,37): run-time error CSS1046: Expect comma, found '0'
(1313,41): run-time error CSS1046: Expect comma, found '/'
(1775,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '&'
 */
main-gv-glyphicon-greenhtml, body {
    margin: 0;
    padding: 0;
}

ul.nav li.dropdown:hover > ul.dropdown-menu {
	display: block;
}

/*---------------------------------------------------------
 * GridView
 *-------------------------------------------------------*/
.main-gv-container{
    padding: 0px 5px;
    height: 100%;
    background-color: rgb(252, 252, 252);
}

.main-gv-header{
    padding-top: 3px;
    padding-bottom: 1px;
    padding-left: 12px;
}

.main-gv-search-combo{
    padding-left: 0px;
    padding-right: 4px;
}

.main-gv-search-button{
    padding-left: 4px;
}

.main-gv-refresh{
    padding-top: 3px;
    padding-bottom: 1px;
    padding-left: 15px;
}

.main-gv-refresh-link{
    height:14px; 
    padding: 3px; 
    margin-left: 10px
}

.main-gv-glyphicon-red{
    color: red;
    text-shadow: 0 0 3px white;
}

.main-gv-glyphicon-gray{
    color: gray;
    text-shadow: 0 0 3px white;
}

.main-gv-glyphicon-blue {
    color: darkblue;
    text-shadow: 0 0 3px white;
}

.main-gv-glyphicon-green {
    color: green;
    text-shadow: 0 0 3px white;
}

.GridViewHeader {
	background-color: #EDEDED !important;
}

.GridRow-static-height {
	height: 27px;
}

/*---------------------------------------------------------
 * v3.3.0(#350487)-RemoteServiceSettingUpdate
 *-------------------------------------------------------*/
.main-gv-glyphicon-custom {
	background-image: url("./Images/remote_panel.png");
	width: 17px;
	height: 17px;
}

.main-gv-glyphicon-custom-service {
	background-image: url("./Images/remote_service.png");
	width: 16px;
	height: 17px;
}

/*---------------------------------------------------------
 * v.3.5.0-TagEnhancement
 *-------------------------------------------------------*/
.main-gv-glyphicon-tag {
	background-image: url("./Images/tag.png");
	width : 17px;
	height: 17px;
}

.main-gv-glyphicon-spot {
	background-image: url("./Images/TagTypeSpot.png");
	width: 17px;
	height: 17px;
}

.main-gv-glyphicon-schedule {
	background-image: url("./Images/TagTypeSchedule.png");
	width: 17px;
	height: 17px;
}

/*---------------------------------------------------------
 * Block-UI
 *-------------------------------------------------------*/
.block-ui {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background-color: transparent;
}

/*---------------------------------------------------------
 * Command
 *--------------------------------------------------------*/
.cmd-panel{
    padding: 25px 0px;
    height: 100%;
    background-color: rgb(252, 252, 252);
}

.cmd-button{
    margin: 10px 0 0 0;
}

.cmd-filter {
    color: #d9534f;
}

/*---------------------------------------------------------
 * btn-custom
 *--------------------------------------------------------*/
.btn-custom {
  background-repeat: no-repeat;  
  background-image: url("./Images/check_button.png") !important;
  background-position: 8px center, center center; 
 }

/*---------------------------------------------------------
 * Splliter
 *--------------------------------------------------------*/

/*---------------------------------------------------------
 * Right Pane 
 *-------------------------------------------------------*/
.app.rightPane {
	background-color: rgb(252, 252, 252);
}

/*---------------------------------------------------------
 * Top Panel 
 *-------------------------------------------------------*/
.app.topPane 
.app.bottomPane 
{
	background-color: rgb(252, 252, 252);
}




/* iOS */
.dxsplVSeparator_iOS,
.dxsplHSeparator_iOS {
	border-width: 0px !important;
}

.dxsplPane_iOS.leftPane,
.dxsplPane_iOS.rightPane,
.dxsplPane_iOS.contentPane {
	border-width: 1px !important;
}

.dxsplControl_iOS .templateTitle {
	margin-top: 3px;
}

	.dxsplControl_iOS .templateTitle a {
		color: #303030;
		font-size: 26px;
		line-height: 1em;
		font-weight: bold;
	}

.dxsplControl_iOS .headerTop,
.dxsplControl_iOS .content {
	font-family: HelveticaNeue,Helvetica,Verdana,sans-serif;
}

.dxsplControl_iOS .loginControl {
	margin-top: 4px;
}

	.dxsplControl_iOS .loginControl a {
		color: #0160E7;
		text-decoration: underline;
		font-size: 20px;
		font-weight: bold;
	}

.dxsplControl_iOS .headerTop {
	height: 33px;
}

.dxsplControl_iOS .headerMenu {
	margin-top: 0px;
}

.dxsplPane_iOS.mainContentPane {
	border-width: 0px !important;
	box-shadow: initial;
	-webkit-box-shadow: initial;
	-moz-box-shadow: initial;
}

.dxsplPane_iOS.footerPane {
	border-width: 1px !important;
}

.dxsplControl_iOS .accountHeader p {
	color: #303030;
	font-size: 18px;
}

.dxsplControl_iOS .accountHeader h2 {
	color: #303030;
	font-size: 26px;
	margin-bottom: 10px;
}


/* Aqua */
.dxsplControl_Aqua {
	font-family: Tahoma;
}

	.dxsplControl_Aqua .headerPane,
	.dxsplControl_Aqua .footerPane,
	.dxsplControl_Aqua .footerMenu li {
		background-color: #BFDBFF;
	}

	.dxsplControl_Aqua .headerPane {
		background-image: url('images/AquaHeader.jpg');
	}

	.dxsplControl_Aqua .accountHeader h2 {
		color: #5689C5;
	}

	.dxsplControl_Aqua .loginControl a,
	.dxsplControl_Aqua .templateTitle a {
		color: White;
		border-color: White;
	}


/* DevEx */
.dxsplControl_DevEx {
	font-family: Verdana;
	color: #201F35;
}

	.dxsplControl_DevEx .headerPane,
	.dxsplControl_DevEx .footerPane,
	.dxsplControl_DevEx .footerMenu li {
		background-color: #F2F3F4;
	}

	.dxsplControl_DevEx .templateTitle a,
	.dxsplControl_DevEx .loginControl,
	.dxsplControl_DevEx .loginControl a {
		color: #4B4B57;
	}

		.dxsplControl_DevEx .loginControl a {
			border-bottom-color: #4B4B57;
		}

	.dxsplControl_DevEx .headerMenu {
		margin-top: 13px;
	}

	.dxsplControl_DevEx .accountHeader p {
		font-size: 11px;
	}


/* BlackGlass */
.dxsplControl_BlackGlass {
	font-family: Tahoma;
}

	.dxsplControl_BlackGlass .headerPane,
	.dxsplControl_BlackGlass .footerPane,
	.dxsplControl_BlackGlass .footerMenu li {
		background-color: #2A2A2A;
		color: white;
	}

	.dxsplControl_BlackGlass .headerPane {
		background-image: url('images/BlackGlassHeader.jpg');
	}

	.dxsplControl_BlackGlass .leftPanel li[class$="dxnb-last"] ul {
		border-bottom: 1px solid black;
	}

	.dxsplControl_BlackGlass .accountHeader p {
		color: #585858;
	}

	.dxsplControl_BlackGlass .loginControl a,
	.dxsplControl_BlackGlass .templateTitle a {
		color: White;
		border-color: White;
	}


/* Glass */
.dxsplControl_Glass {
	font-family: Tahoma;
}

	.dxsplControl_Glass .headerPane,
	.dxsplControl_Glass .footerPane,
	.dxsplControl_Glass .footerMenu li {
		background-color: #CFE0E7;
	}

	.dxsplControl_Glass .headerPane {
		background-image: url('images/GlassHeader.jpg');
	}

	.dxsplControl_Glass .footerMenu * {
		background-image: none !important;
	}

	.dxsplControl_Glass .templateTitle a,
	.dxsplControl_Glass .loginControl,
	.dxsplControl_Glass .loginControl a {
		color: #4B4B57;
	}

		.dxsplControl_Glass .loginControl a {
			border-bottom-color: #4B4B57;
		}

	.dxsplControl_Glass .accountHeader h2 {
		color: #387FA4;
	}

	.dxsplControl_Glass .accountHeader p {
		color: #575757;
	}



/* Office2003Blue */
.dxsplControl_Office2003Blue {
	font-family: Tahoma;
}

	.dxsplControl_Office2003Blue .headerPane,
	.dxsplControl_Office2003Blue .footerPane,
	.dxsplControl_Office2003Blue .footerMenu li {
		background-color: #BCD4F6;
	}

	.dxsplControl_Office2003Blue .footerMenu div {
		background: transparent none;
	}

	.dxsplControl_Office2003Blue .leftPanel > ul {
		background: transparent none;
	}

	.dxsplControl_Office2003Blue .templateTitle a,
	.dxsplControl_Office2003Blue .loginControl,
	.dxsplControl_Office2003Blue .loginControl a {
		color: #4B4B57;
	}

		.dxsplControl_Office2003Blue .loginControl a {
			border-bottom-color: #4B4B57;
		}

	.dxsplControl_Office2003Blue .accountHeader p {
		color: #424242;
	}

	.dxsplControl_Office2003Blue .headerMenu {
		margin-top: 5px;
	}


/* Office2003Olive */
.dxsplControl_Office2003Olive {
	font-family: Tahoma;
}

	.dxsplControl_Office2003Olive .headerPane,
	.dxsplControl_Office2003Olive .footerPane,
	.dxsplControl_Office2003Olive .footerMenu li {
		background-color: #D6DCBB;
	}

	.dxsplControl_Office2003Olive .footerMenu div {
		background: transparent none;
	}

	.dxsplControl_Office2003Olive .leftPanel > ul {
		background: transparent none;
	}

	.dxsplControl_Office2003Olive .templateTitle a,
	.dxsplControl_Office2003Olive .loginControl,
	.dxsplControl_Office2003Olive .loginControl a {
		color: #4B4B57;
	}

		.dxsplControl_Office2003Olive .loginControl a {
			border-bottom-color: #4B4B57;
		}

	.dxsplControl_Office2003Olive .accountHeader p {
		color: #424242;
	}

	.dxsplControl_Office2003Olive .headerMenu {
		margin-top: 5px;
	}

/* Office2003Silver */
.dxsplControl_Office2003Silver {
	font-family: Tahoma;
}

	.dxsplControl_Office2003Silver .headerPane,
	.dxsplControl_Office2003Silver .footerPane,
	.dxsplControl_Office2003Silver .footerMenu li {
		background-color: #D0D0DE;
	}

	.dxsplControl_Office2003Silver .footerMenu div {
		background: transparent none;
	}

	.dxsplControl_Office2003Silver .leftPanel > ul {
		background: transparent none;
	}

	.dxsplControl_Office2003Silver .templateTitle a,
	.dxsplControl_Office2003Silver .loginControl,
	.dxsplControl_Office2003Silver .loginControl a {
		color: #4B4B57;
	}

		.dxsplControl_Office2003Silver .loginControl a {
			border-bottom-color: #4B4B57;
		}

	.dxsplControl_Office2003Silver .accountHeader p {
		color: #424242;
	}

	.dxsplControl_Office2003Silver .headerMenu {
		margin-top: 5px;
	}


/* Office2010Black */
.dxsplControl_Office2010Black {
	font-family: Verdana;
}

	.dxsplControl_Office2010Black .headerPane,
	.dxsplControl_Office2010Black .footerPane,
	.dxsplControl_Office2010Black .footerMenu li {
		background-color: #393939;
		color: white;
	}

	.dxsplControl_Office2010Black .footerMenu a {
		color: white !important;
	}

	.dxsplControl_Office2010Black .accountHeader h2 {
		color: #3C3C3C;
	}

	.dxsplControl_Office2010Black .accountHeader p {
		font-size: 11px;
	}

	.dxsplControl_Office2010Black .headerMenu {
		margin-top: 13px;
	}

	.dxsplControl_Office2010Black .loginControl a,
	.dxsplControl_Office2010Black .templateTitle a {
		color: White;
		border-color: White;
	}


/* Office2010Blue */
.dxsplControl_Office2010Blue {
	font-family: Verdana;
}

	.dxsplControl_Office2010Blue .headerPane,
	.dxsplControl_Office2010Blue .footerPane,
	.dxsplControl_Office2010Blue .footerMenu li {
		background-color: #D3E4F6;
	}

	.dxsplControl_Office2010Blue .templateTitle a,
	.dxsplControl_Office2010Blue .loginControl,
	.dxsplControl_Office2010Blue .loginControl a {
		color: Black;
	}

		.dxsplControl_Office2010Blue .loginControl a {
			border-bottom-color: Black;
		}

	.dxsplControl_Office2010Blue .accountHeader h2 {
		color: #498BC2;
	}

	.dxsplControl_Office2010Blue .accountHeader p {
		font-size: 11px;
	}

	.dxsplControl_Office2010Blue .headerMenu {
		margin-top: 13px;
	}


/* Office2010Silver */
.dxsplControl_Office2010Silver {
	font-family: Verdana;
}

	.dxsplControl_Office2010Silver .headerPane,
	.dxsplControl_Office2010Silver .footerPane,
	.dxsplControl_Office2010Silver .footerMenu li {
		background-color: #A9ACB4;
		color: white;
	}

	.dxsplControl_Office2010Silver .accountHeader h2 {
		color: #3B3B3B;
	}

	.dxsplControl_Office2010Silver .accountHeader p {
		font-size: 11px;
	}

	.dxsplControl_Office2010Silver .headerMenu {
		margin-top: 13px;
	}

	.dxsplControl_Office2010Silver .loginControl a,
	.dxsplControl_Office2010Silver .templateTitle a {
		color: White;
		border-color: White;
	}



/* PlasticBlue */
.dxsplControl_PlasticBlue {
	font-family: Tahoma;
}

	.dxsplControl_PlasticBlue .headerPane,
	.dxsplControl_PlasticBlue .footerPane,
	.dxsplControl_PlasticBlue .footerMenu li {
		background-color: #3C4F8F;
		color: white;
	}

	.dxsplControl_PlasticBlue .headerPane {
		background-image: url('images/PlasticBlueHeader.jpg');
	}

	.dxsplControl_PlasticBlue .accountHeader h2 {
		color: #5A83D0;
	}

	.dxsplControl_PlasticBlue .accountHeader p {
		color: #575757;
	}

	.dxsplControl_PlasticBlue .headerMenu {
		margin-top: 12px;
	}

	.dxsplControl_PlasticBlue .loginControl a,
	.dxsplControl_PlasticBlue .templateTitle a {
		color: White;
		border-color: White;
	}


/* RedWine */
.dxsplControl_RedWine {
	font-family: Tahoma;
}

	.dxsplControl_RedWine .headerPane,
	.dxsplControl_RedWine .footerPane,
	.dxsplControl_RedWine .footerMenu li {
		background-color: #78002B;
		color: white;
	}

	.dxsplControl_RedWine .headerPane {
		background-image: url('images/RedWineHeader.jpg');
		background-position: top right;
	}

	.dxsplControl_RedWine .footerMenu div {
		background: transparent none;
	}

	.dxsplControl_RedWine .accountHeader h2 {
		color: #8A0A37;
	}

	.dxsplControl_RedWine .headerMenu {
		margin-top: 9px;
	}

	.dxsplControl_RedWine .loginControl a,
	.dxsplControl_RedWine .templateTitle a {
		color: White;
		border-color: White;
	}


/* SoftOrange */
.dxsplControl_SoftOrange {
	font-family: Tahoma;
}

	.dxsplControl_SoftOrange .headerPane,
	.dxsplControl_SoftOrange .footerPane,
	.dxsplControl_SoftOrange .footerMenu li {
		background-color: #F9F9F9 !important;
		background-image: none !important;
	}

	.dxsplControl_SoftOrange .templateTitle a,
	.dxsplControl_SoftOrange .loginControl,
	.dxsplControl_SoftOrange .loginControl a {
		color: Black;
	}

		.dxsplControl_SoftOrange .loginControl a {
			border-bottom-color: Black;
		}

	.dxsplControl_SoftOrange .accountHeader h2 {
		color: Black;
	}

	.dxsplControl_SoftOrange .accountHeader p {
		color: #707070;
	}

	.dxsplControl_SoftOrange .headerMenu {
		margin-top: 8px;
	}


/* Youthful */
.dxsplControl_Youthful {
	font-family: Tahoma;
}

	.dxsplControl_Youthful .headerPane,
	.dxsplControl_Youthful .footerPane,
	.dxsplControl_Youthful .footerMenu li {
		background-color: #8AA150;
		color: white !important;
	}

	.dxsplControl_Youthful .accountHeader h2 {
		color: #80A70E;
	}

	.dxsplControl_Youthful .headerMenu {
		margin-top: 1px;
	}

	.dxsplControl_Youthful .loginControl a,
	.dxsplControl_Youthful .templateTitle a {
		color: White;
		border-color: White;
	}

/* Metropolis */
.dxsplControl_Metropolis {
	font-family: Segoe UI;
}

	.dxsplControl_Metropolis .headerPane,
	.dxsplControl_Metropolis .footerMenu li {
		background-color: White;
		color: Black;
	}

	.dxsplControl_Metropolis .accountHeader h2 {
		color: #3B3B3B;
	}

	.dxsplControl_Metropolis .accountHeader p {
		font-size: 11px;
	}

	.dxsplControl_Metropolis .headerMenu {
		margin-top: 13px;
	}

	.dxsplControl_Metropolis .loginControl a,
	.dxsplControl_Metropolis .templateTitle a {
		color: Black;
		border-color: Black;
	}

	.dxsplControl_Metropolis .templateTitle a {
		font-size: 28px;
	}

	.dxsplControl_Metropolis .dxsplVSeparator_Metropolis {
		border-bottom: 0 !important;
	}

/* MetropolisBlue */
.dxsplControl_MetropolisBlue {
	font-family: Segoe UI;
}

	.dxsplControl_MetropolisBlue .headerPane,
	.dxsplControl_MetropolisBlue .footerMenu li {
		background-color: White;
		color: Black;
	}

	.dxsplControl_MetropolisBlue .accountHeader h2 {
		color: #3B3B3B;
	}

	.dxsplControl_MetropolisBlue .accountHeader p {
		font-size: 11px;
	}

	.dxsplControl_MetropolisBlue .headerMenu {
		margin-top: 13px;
	}

	.dxsplControl_MetropolisBlue .loginControl a,
	.dxsplControl_MetropolisBlue .templateTitle a {
		color: Black;
		border-color: Black;
	}

	.dxsplControl_MetropolisBlue .templateTitle a {
		font-size: 28px;
	}

	.dxsplControl_MetropolisBlue .dxsplVSeparator_MetropolisBlue {
		border-bottom: 0 !important;
	}

/* Moderno */
.dxsplControl_Moderno {
	font-family: Segoe UI;
}

	.dxsplControl_Moderno .headerPane,
	.dxsplControl_Moderno .footerMenu li {
		background-color: White;
		color: Black;
	}

	.dxsplControl_Moderno .accountHeader h2 {
		color: #3B3B3B;
	}

	.dxsplControl_Moderno .accountHeader p {
		font-size: 11px;
	}

	.dxsplControl_Moderno .headerMenu {
		margin-top: 13px;
	}

	.dxsplControl_Moderno .loginControl a,
	.dxsplControl_Moderno .templateTitle a {
		color: #0072c6;
		border-color: #0072c6;
	}

	.dxsplControl_Moderno .templateTitle a {
		font-size: 28px;
	}

	.dxsplControl_Moderno .dxsplVSeparator_Moderno {
		border-bottom: 0 !important;
		border-left: 1px solid #d1d1d1;
		border-right: 1px solid #d1d1d1;
	}

	.dxsplControl_Moderno .footerPane {
		background: #EDEDED;
	}

/* Mulberry */
.dxsplControl_Mulberry {
	font-family: Segoe UI;
}

	.dxsplControl_Mulberry .footerMenu li {
		background-color: White;
		color: Black;
	}

	.dxsplControl_Mulberry .accountHeader h2 {
		color: #3B3B3B;
	}

	.dxsplControl_Mulberry .accountHeader p {
		font-size: 11px;
	}

	.dxsplControl_Mulberry .headerMenu {
		margin-top: 10px;
	}

	.dxsplControl_Mulberry .loginControl a,
	.dxsplControl_Mulberry .templateTitle a {
		color: #BF4E6A;
		border-color: #BF4E6A;
	}

	.dxsplControl_Mulberry .templateTitle a {
		font-size: 28px;
	}

	.dxsplControl_Mulberry .dxsplVSeparator_Mulberry {
		border-width: 0px !important;
	}

	.dxsplControl_Mulberry .headerPane,
	.dxsplControl_Mulberry .footerPane {
		background: #F1F2F5;
	}

.dialogdemoBasicUsage #popupContainer {
	position: relative;
}

.dialogdemoBasicUsage .footer {
	width: 100%;
	text-align: center;
	margin-left: 20px;
}

	.dialogdemoBasicUsage .footer, .dialogdemoBasicUsage .footer > code {
		font-size: 0.8em;
		margin-top: 50px;
	}

.dialogdemoBasicUsage button {
	width: 200px;
}

.dialogdemoBasicUsage div#status {
	color: #c60008;
}

.dialogdemoBasicUsage .dialog-demo-prerendered md-checkbox {
	margin-bottom: 0;
}

/*---------------------------------------------------------
 * Clear button for text box
 *-------------------------------------------------------*/
.has-feedback .text-clearer {
    padding-right: 26px;
}

.has-feedback .text-clearer + .form-control-feedback {
    pointer-events: visiblePainted;
    font-size: 16px;
    font-weight: bold;
    color: gray;
    width: 26px;
    height: 26px;
    line-height: 26px;
}

.has-feedback .text-clearer + .form-control-feedback:hover,
.has-feedback .text-clearer + .form-control-feedback:focus {
    text-decoration: none;
    outline: none;
}

.vcenter {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

.checkbox-lb{
    float: left;
}

/*---------------------------------------------------------
 * ファームウェア管理移動
 *-------------------------------------------------------*/
.ui-sortable-helper {
    background-color: gray;
    opacity: 0.6;
    color: White;
    cursor: pointer;
    /*box-shadow: 10px 5px #888888;*/
}

.ui-draggable {
    cursor: pointer;
}

.activeHover {
    background-color: lightgray;
}

.draggable-fw-style {
    cursor: move;
}

.normal-cursor {
    cursor: default !important;
}

.font-color-red {
	color: red;
}

/*
    Circle Glyphicon
*/
.glyphicon.glyphicon-one-fine-dot:before {
    content: "\25cf";
    font-size: 1.5em;
    margin:auto;
}

.custom-circle-green:after {
    content: url("./Images/circle_green.png") !important;
    display: inline-block;
    margin-top: 3px;
    margin-left: 1px;
    /*background-position: 8px center, center center;*/
}

.custom-circle-red:after {
    content: url("./Images/circle_red.png") !important;
    display: inline-block;
    margin-top: 3px;
    margin-left : 1px;
    /*background-position: 8px center, center center;*/
}

.custom-circle-gray:after {
    content: url("./Images/circle_gray.png") !important;
    display: inline-block;
    margin-top: 3px;
    margin-left: 1px;
    /*background-position: 8px center, center center;*/
}

.custom-circle-yellow:after {
	content: url("./Images/circle_yellow.png") !important;
	display: inline-block;
	margin-top: 3px;
	margin-left: 1px;
	/*background-position: 8px center, center center;*/
}

/*
    Warn Triangle Glyphicon
*/
.custom-warn-triangle-yellow:after {
	content: url("./Images/icons/trouble-warn.gif") !important;
	display: inline-block;
	margin-top: 3px;
	margin-left: 1px;
}

.custom-circle-icon {
	content: url("./icons/Images/cba-header.png") !important;
	display: inline-block;
	margin-top: 3px;
	margin-left: 1px;
}

.custom-circle{

}

/*.glyphicon.glyphicon-remove {
    color: black;
}*/

.inline-grid-button > div {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}


/*Bootstrap 3 to 5 update*/
body {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

.input-group{
	display:flex;
	flex-wrap:nowrap;
}

.has-feedback{
	width:100%;
	position:relative;
}

.input-group-text {
	background-color: white;
	height: 30px;
	padding:0px !important;
}

.form-control-feedback{
	position:absolute;
	top:0;
	right:0;
	text-decoration:none;
}

.has-feedback input{
	font-size:12px;
	height:30px;
}

#BT_META_SEARCH, #BT_META_CON_SEARCH, #BT_META_REL_SEARCH, #BT_META_REG_SEARCH, #BT_META_SEL_SEARCH, #BT_RSAEdge_SEARCH, #BT_RSA_MFP_SEARCH, #BT_META_TAG_SEARCH, #BT_LT_AUTO_UPDATE_META_SEARCH, #BT_EX_AUTO_UPDATE_META_SEARCH, #BT_UPDATED_META_SEARCH, #BT_AUTO_UPDATE_META_SEARCH, #BT_GRP_MANAGEMENT_META_SEARCH {
	height: 28px;
	border: none;
}

.main-gv-search-button button{
	height:30px;
	font-size:12px;
}

[disabled] {
	cursor: not-allowed;
}

.dropdown-toggle, .fa-arrows-rotate, .fa-gear {
	text-decoration: none;
	color: #0d6efd;
}

.dropdown:hover .dropdown-menu {
	display: block;		
}

.listRight > ul {
	left: auto !important;
	right: 0 !important;
}

.dropdown-item {
	font-size: 14px;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

ul.navbar-nav > li.dropdown > a:hover {
	background-color: unset;
}

.btn[disabled] {
	opacity: 0.65;
}

#MN_ExternalServer.dropdown-toggle::after {
	content: none;
}

#RSARemoteUpdateRecommendedDlg > p, #MfpDeviceUpdateRecommendedDlg > p {
	font-size: 14px;
}

.dropdown-menu .divider {
	height: 1px;
	margin: 9px 0;
	overflow: hidden;
	background-color: #e5e5e5;
}

.btn-light:hover {
	background-color: #e6e6e6;
	border-color: #ccc;
}

@media (max-width:1274px){
	.RSAEdgeAssignedMfpHeader {
		height: unset;
	}

	.RSAEdgeAssignedMfpHeader > button {
		margin-top: unset;
	}
}

@media (min-width:1273px){
	.RSAEdgeAssignedMfpHeader {
		height: 0px;
	}

	.RSAEdgeAssignedMfpHeader > button {
		margin-top: -30px;
	}
}

.btn-small {
	padding: 1px 5px;
	font-size: 12px;
	line-height: 1.5;
	border-radius: 3px;
}

.dropdown-menu[data-bs-popper]{
	margin-top:0px !important;
}

#MaintenanceSplitter_1_CC .btn[disabled] {
	background-color: #fff;
	border-color: #ccc;
	opacity: 0.65;
}

.btn-light:disabled {
	border-color: #ccc;
}

.btn-primary {
	background-color: #337ab7;
	border-color: #2e6da4;
}

	.btn-primary:hover {
		background-color: #286090;
		border-color: #204d74;
	}

	.btn-primary:active {
		background-color: #337ab7;
		border-color: #2e6da4;
	}

	.btn-primary:focus {
		background-color: #337ab7;
		border-color: #2e6da4;
	}

.fa-arrows-rotate, .fa-gear, .nav-link {
	color: #337ab7;
}

.btn-primary[disabled] {
	opacity:0.65;
	background-color: #337ab7;
	border-color: #2e6da4;
}

.ChangeDropdownBackgroundColour a.dropdown-item:active, .ChangeDropdownBackgroundColour a.dropdown-item:hover {
	background-color: #f5f5f5;
	color: #262626;
}

.progress-bar{
	background-color: #337ab7 !important;
}

.refreshIconLarge {
	font-size: 14px !important;
}

.refreshIconSmall {
	font-size: 12.5px !important;
}

/* v3.5.0-Tag-β1-#8951 fixing*/
#TagEditDlg .modal-lg2 {
	width: 1064px !important;
}

/*---------------------------------------------------------
 * Common Dialog
 *-------------------------------------------------------*/
.modal-title {
    font-weight: bold;
}

.modal-dialog .modal-header {
    padding-top: 12px;
}

@media (min-width: 768px) {
    .modal-sm2 {
        width: 450px;
    }

    .modal-md2 {
        width: 760px;
    }

    .modal-lg2 {
        width: 1024px;
    }

    .modal-dialog{ 
        max-width:unset;   /*To unset max-width of modal*/
    }

    .modal-footer {
        height: 65px;
    }

    .modal-content {
        box-shadow: 0 5px 15px rgb(0 0 0 / 50%);
    }
}

/*Custom width of modal*/
@media screen and (min-width: 992px){
    .modal-lg{
        max-width:900px;
    }

    .modal-md{
        max-width:600px;
    }

    .modal-md-service-permission {
        max-width:632px;
    }

    .modal-sm {
        max-width: 300px;
    }
}

/*Custom width of modal*/
@media (min-width: 768px) and (max-width: 991px){
    .modal-lg{
        max-width:600px;
    }

    .modal-md {
        max-width: 600px;
    }

    .modal-sm {
        max-width: 300px;
    }
}

/*Custom width of modal*/
@media (max-width: 767px){
    .modal-lg{
        max-width:unset;
    }

    .modal-md {
        max-width: unset;
    }

    .modal-sm{
        max-width:unset;
    }

    .modal-footer{
        height:unset;
    }

    .modal-content {
        box-shadow: 0 3px 9px rgb(0 0 0 / 50%);
    }
}

.modal-dialog .dxflRequired {
    color: red;
}

.modal-dialog .indent-right-control {
    padding-left: 40px !important;
}

.modal-dialog .gutter-left {
    padding-left: 20px !important;
}

.modal-dialog .gutter-right {
    padding-right: 20px !important;
}

.modal-dialog .row {
    margin: 0px;
    padding: 0px;
}

.modal-dialog .control-group-margin {
    margin-top: 20px;
}

.modal-dialog .nav-tabs {
    margin-top: 4px;
    margin-bottom: 8px;
}

.nav-tabs > li > a {
    padding-top: 4px;
    padding-bottom: 4px;
}

.modal-dialog [class^='col-'] {
    margin: 0px;
    padding: 2px;
}

.modal-dialog .modal-table table {
    width: 100%;
    margin-top: 5px;
}

.modal-dialog label {
    font-size: 12px;
    height: 26px;
    font-weight: normal;
    margin-bottom: 0px;
}

.modal-dialog textarea {
    resize: none;
    width: 100%;
    height: 130px;
    font-size: 12px;
    font-family: monospace;
}

.modal-dialog input[type="text"],
.modal-dialog input[type="password"] {
    font-size: 12px;
    height: 26px;
}

.gridForm {
    height: 400px;
}

    .gridForm input[type="text"] {
        width: 25px;
        font: inherit;
        height: auto;
    }

#GridViewDeviceGroupSetting_DXPagerBottom_PSI, #GridViewEdgeList_DXPagerBottom_PSI {
    width: 25px;
    height: auto;
}

.modal-dialog .numeric-textbox {
    width: 80px !important;
    font-size: 12px;
    height: 26px;
}

.modal-dialog input[type="checkbox"],
.modal-dialog input[type="radio"] {
    margin-left: 0px;
    margin-top: 4px;
    margin-right: 2px;
    margin-bottom: 0px;
}

.modal-dialog .checkbox-label,
.modal-dialog .radio-label {
}

.modal-dialog .checkbox-inline,
.modal-dialog .radio-inline {
    padding-left: 0px;
}

.modal-dialog .checkbox-inline-label,
.modal-dialog .radio-inline-label {
    /*padding-left: 16px;*/
    vertical-align: initial;
}

.modal-dialog select {
    font-size: 12px;
    height: 26px;
    padding-top: 4px;
    padding-bottom: 4px;
}

.modal-dialog hr {
    border: none;
    height: 1px;
    color: lightgray; /* old IE */
    background-color: lightgray; /* Modern Browsers */
    margin-top: 4px;
    margin-bottom: 4px;
}

.modal-dialog .input-date {
    text-align: center;
}

.modal-dialog .date-picker {
    font-size: 11px;
    height: 26px;
    width: 96px; /* width of date-picker textbox */
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 4px; /* padding between text of date and textbox border*/
    padding-right: 0px; /* padding between text of date and textbox border */
}

.modal-dialog .padding-horizontal-none {
    padding-left: 0px;
    padding-right: 0px;
}

/* padding for "-" sign in between two date picker */
.modal-dialog .padding-between-date-picker {
    text-align: center;
    margin-left: 0px;
    margin-right: 0px;
}

/* padding for ":" sign in between two time picker */
.modal-dialog .padding-between-time-input {
    text-align: right;
    margin-left: 4px;
    margin-right: 4px;
}

.modal-dialog .dxeEditAreaSys {
    padding-bottom: 0px;
    height: 20px !important;
    padding-top: 0px;
}

.modal-dialog .form-group {
    padding: 8px;
    margin: 8px;
}

    .modal-dialog .form-group.required .control-label:after {
        content: "*";
        color: red;
    }

.modal-dialog .tooltip-icon {
    top: 2px;
}

.modal-dialog .no-margin-bottom {
    margin-bottom: 0px;
}

.modal-dialog .hidden-field {
    visibility: hidden;
    position: absolute;
}

.modal-dialog .group-label {
    font-weight: bold;
}

.modal-dialog .device-list {
    height: 140px;
    padding-bottom: 4px;
}

.modal-dialog .glyphicon-size {
    font-size: 30px;
}

.modal-dialog .glyphicon-drakgray {
    color: darkgray;
}

.modal-dialog .glyphicon-red {
    color: red;
}

.modal-dialog .content-word-wrap {
    word-wrap: break-word
}

/*Device detail Dialog*/
@media(max-width:768px){
    .modal-fullscreen-md-down {
        height: auto;
        width:auto;
        margin:10px;
    }

    .modal-header{
        height:auto;
    }

    .SetDatePickerWidth {
        width: 96px;
    }
}

@media(min-width:768px){
    .modal-header {
        height: auto;
    }

    .RemoveCol {
        display: none;
    }
}

.btn-primary {
    height: 34px;
    font-size:14px;
}

#MfpDetailDlg {
    font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
}

#ModalCloseSymbol {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
}

    #ModalCloseSymbol:hover {
        color: black;
        opacity: 0.5;
    }

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

.btn-light {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    height: 34px;
    font-size:14px;
}

.btn-light-rsaEdgeTicket {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    font-size: 14px;
}

.checkbox-inline-label {
    padding: 0px;
}

.form-check-input {
    height: 13px;
    width: 13px;
    border-radius: 2.5px;
    margin-top: 6px;
}

.form-check {
    padding-left: unset;
    display: inline-flex;
    align-items: flex-start;
}

.modal-header > button {
    background: none;
    border: none;
}

.modal-footer > .btn-primary[disabled] {
    background-color: #337ab7;
    border-color: #2e6da4;
}

#btnUpload {
    padding: 6px 12px;
}

.modal-body > .row > label {
    padding-left: 0px;
}

.input-group > .form-control{
    flex:unset;
    width:299px;
}

.modal-body > p {
    font-size:14px;
}

span.btn-light{
    height:25px;
}

#RemoteMfpDetailTabs > li > .nav-link{
    height: 32px;
    font-size: 12px;
}

.nav-link:hover {
    background-color: #e9ecef;
    color: #555;
}

ul > .active {
    cursor:not-allowed !important;
}

ul > li > a{
    font-size:14px;
}

.cmd-filter {
    color: #d9534f;
}

.tooltip {
    font-size: 12.5px !important;
    padding:0px !important;
}

input[type=checkbox] ~ label {
    padding-top: 2px;
    height: fit-content;
}

input[type=radio] ~ label {
    padding-top: 2px;
    height: fit-content;
}

select[readonly] {
    background-color: #e9ecef;
    opacity: 1;
}

div#exe-file-upload .btn-light, div#zip-file-upload .btn-light, div.AddLeftPadding .btn-light{
    margin-left: 46px !important;
}

#OK {
    margin-right: 7px;
}

.RemoveRightMargin > .form-check-inline {
    margin-right:unset;     /*Remove margin from right to fit label in position*/
}

.XAxisPadding{
    padding:2px;
}

.modal-dialog input[readonly], .modal-dialog select[readonly] {
    cursor: not-allowed;
}

.btnRemove:hover[disabled] {
    cursor: default;
    background-color: #fff;
    border-color: #ccc;
}

.dxp-pageSizeItem input[readonly] {
    cursor: text;
}

div.dxpbVC {
    background-color : unset !important;
    color : black !important;
}

/*v.3.3.2-OrganizationTagAssignment*/
.btn-red {
    color: #fff;
    background-color: #f44336;
    border-color: #f8f9fa;
    height: 34px;
    font-size: 14px;
}

.btn-red:hover {
    color: #fff;
    background-color: #f44336;
    border-color: #f8f9fa;
    height: 34px;
    font-size: 14px;
}

span.btn-red {
    height: 25px;
}
/*-----Device Maintenance Right Pane-----*/
#Div_MNT_CMD_MFP > div > button, #Div_MNT_CMD_SRV > div > button, #Div_MNT_CMD_ORG > div > button, #Div_MNT_CMD_USER > div > button, #Div_MNT_CMD_ROLE > div > button, #Div_MNT_CMD_RSAEdge > div > button, #Div_MNT_CMD_PRO > div > button, #Div_MNT_CMD_PRO_MODEL > div > button, #Div_MNT_CMD_RSACloud > div > button, #Div_MNT_CMD_TAG > div > button, #Div_MNT_CMD_RSAEdgeGroup > div > button, #Div_MNT_CMD_CSRC > div > button, #Div_MNT_CMD_ExcludedAutoUpdateResult > div > button {
    height: 30px;
    font-size: 12px;
}

.recommended-notice {
    font-size: 12px;
    line-height: 1.428571;
}

#devTicketCommand > div > button, #devMfpCommand > div > button, #devScheduleCommand > div > button, #DeviceGroupAssignReleaseHeaderParts > div > button, #DeviceGroupAssignHeaderParts > div > button {
    height: 30px;
    font-size: 12px;
}


.bfd-dropfield {
    display: inline;
    overflow: auto;
}

.bfd-dropfield-inner {
    cursor: pointer;
    text-align: left;
    overflow: auto;
    min-height: 130px;
    padding: 4px;
    font-size: small;

    &:hover,
    &.bfd-dragover {
        border-color: #bbb;
        color: #bbb;
    }
}

.bfd-info {
    overflow: hidden;
    white-space: nowrap;
}

.bfd-error-message {
    text-align: center;
}

.bfd-remove {
    cursor: pointer;
}

#dragmessage {
	color: #a9a9a9;
}

.file-chooser-div {
    position : relative;
    overflow : hidden;
}

.file-chooser-input {
    position : absolute;
    font-size : 50px;
    opacity : 0;
    right : 0;
    top : 0;
}


@media (max-width: 760px) {
    #RemoteServiceApprove .form-group {
        position: relative !important;
    }
}

@media (max-height: 650px) {
    #RemoteServiceApprove .form-group {
        position: relative !important;
    }
}

#RemoteServiceApprove{
    padding:15px;
    font-size:14px;
}

    #RemoteServiceApprove .form-check span{
        margin-left: 4px;
        margin-top: 2px;
    }

#RemoteServiceApprove .form-check input{
    margin-right:7px;
    margin-top:5px;
}

#RemoteServiceApprove .checkbox-inline input {
    margin-right: 7px;
    margin-top: 5px;
}

.CheckBoxInline .form-check {
    display: unset !important;
}

@media (max-width: 338px){
    .RemovePadding{
        padding-left:0px;
    }

    .IncreaseWidth{
        width:24%;
    }
}

@media (min-width: 338px){
    .IncreaseWidth{
        width:10%;
    }
}