﻿.fm-toolbar {
	height:32px;
	background-color:#b1b1b1;
}

.fm-a {
	text-decoration:underline;
	cursor:pointer;
}

.fm-shadow {
	box-shadow:0px 2px 10px #383838;-webkit-box-shadow:0px 2px 10px #383838;-moz-box-shadow:0px 2px 10px #383838;
}

.fm-dlg-form {
	border:solid 1px #b1b1b1;background-color:#fffbff;
	padding:9px 4px 4px 4px;
}
.fm-dlg-sec {
	font-style:italic;color:#1c3a5e;
  padding:0px 4px 2px 4px;
  border-bottom:2px solid #275281;
  display:block;
}

.fm-n,.fm-rec,.fm-req	{ padding-bottom:0px;color:#7b7b7b;display:inline-block;line-height:27px;}
.fm-rec { color:#105c96; }
.fm-req::after { font-family: "fontello"; content:'\a020'; color:#990000; line-height:0; margin-left:3px; font-size:1.1em; }
.fm-comment { font-style:italic;font-size: 0.8em; }

/* INPUTS */
.fm, .fm-input {
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
	width:100%;height:27px;outline:0;
	padding:2px 0 0 4px;margin:0;
	background-color:#f0f5fb; border:solid 1px #b9deff;border-radius:3px;
}
.fm-memo {
	font-family:sans-serif; font-size:13px;
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
	width:100%;outline:0;
	padding:2px 0 0 4px;margin:0;
	background-color:#f0f5fb; border:solid 1px #b9deff;border-radius:3px;
}
.fm-select {
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
	width:100%;height:27px;outline:0;
	padding:0 0 0 4px;margin:0;
	background-color:#f0f5fb; border:solid 1px #b9deff;border-radius:3px;
}

.fm-chk,.fm-rb {
	outline:0;padding:0;margin:0 5px 0 0px;vertical-align:middle; width:16px;height:16px;
	border:0;
}

.fm-rb:before {content:"";color: #85CE30; }

.fm:focus, .fm-l:focus, .fm-lm:focus, .fm-ddl:focus, .fm-btn:focus, .fm-btn-flat:focus, .fm-focused {
	box-shadow:0 0 0 2px rgba(10, 150, 255, 0.25);
	border:1px solid #71c2ff;
	outline: 0;
}
.fm:focus { background-color:#fff; }

.fm-chk:focus,.fm-rb:focus {
	background-color:#c7e1f0;
	box-shadow:0px 0px 10px #0075bb;-webkit-box-shadow:0px 0px 10px #0075bb;-moz-box-shadow:0px 0px 10px #0075bb;
}
.fm:disabled, .fm-memo:disabled { border-color:#b1b1b1; }


.fm-button {
	box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
	border:1px solid #747474;
	white-space:nowrap;overflow:hidden;
	height:21px;
	padding-left:20px;
	padding-right:20px;
	cursor:pointer;
	background-image:url(Images/btn_bg.png);
	background-position:0px 24px;
	box-shadow:2px 2px 5px #383838;-webkit-box-shadow:0px 2px 5px #383838;-moz-box-shadow:0px 2px 5px #383838;
}

.fm-popup { position:absolute; background-color:#FFF;border:solid 1px #adadad;outline:0;border-radius:3px;
	box-shadow: 2px 2px 4px #333333; cursor:default;
	overflow:hidden;
}
.fm-o-a { display:block;padding:4px;white-space:nowrap;overflow:hidden; border-radius:3px; }
.fm-o-sel,.fm-o-a:hover { background-color:#464646; color:#FFF; }

.fm-tooltip {
	color:#3a3c3d;
	background-color:#fefeb6;white-space:nowrap;font-style:italic;
	border:solid 1px #88897c;border-radius:2px;-webkit-border-radius:2px;moz-border-radius:2px;
	box-shadow:1px 1px 6px #464646;-webkit-box-shadow:1px 1px 6px #464646;-moz-box-shadow:1px 1px 6px #464646;
	padding:5px 20px 5px 20px;
}
.fm-progress {
	background-color:#FFF;
	text-align:center;font-style:italic;font-size:9pt;padding:12px 0 5px 0;
	border:solid 1px #88897c;border-radius:2px;-webkit-border-radius:2px;moz-border-radius:2px;
	box-shadow:1px 1px 6px #464646;-webkit-box-shadow:1px 1px 6px #464646;-moz-box-shadow:1px 1px 6px #464646;
}
.fm-list { border: solid 1px #a0a0a0; border-radius:3px; background-color:#fdfdfd; padding:5px; cursor:default; overflow-y:auto; overflow-x:hidden; }
.fm-list-a { display:block; border: solid 1px #fdfdfd; border-radius:3px; padding:8px 5px; margin-bottom:1px; }
.fm-list-a:hover { background-color:#e5edf8; border-color:#a5c0e7; }
.fm-list-sel { background-color:#058bf5 !important; border-color:#014ab8 !important; color:#FFF; }

/* BUTTONS */

.fm-btn, .fm-btn-flat {
	min-width: 50px;
	text-align: center;
	outline: 0;
	display: inline-block;
	cursor: pointer;
	background-color: rgb(10, 149, 255);color: #fff;
	border: solid 1px rgba(0, 0, 0, 0);
	box-shadow:rgba(255, 255, 255, 0.4) 0px 1px 0px 0px inset;
	outline:#4fabff;
	border-radius: 3px;
	padding: 3px 15px 2px 15px;
	white-space: nowrap;
	line-height: 23px;
}
.fm-btn-flat {
	padding:1px 10px 1px 10px;
}

.fm-btn:hover, .fm-btn-flat:hover {
	background-color:#0076df; border-color:#005bae; color:#fff;

/*	text-shadow: 1px 1px #333;*/
}
.fm-btn:active, .fm-btn-flat:active  {
	background-color:#1a87ff; border-color:#5bceff;

}

.fm-btn-save {

}
.fm-btn-prev {

}
.fm-btn-ok, .fm-btn-saveclose, .fm-btn-next {
	background-color: #28A745;
	color: #FAFDFB;
	border-color: #878e92;
}

.fm-btn-close {
	background-color: #333d46;
	color: #fff;
}

.fm-img {
	vertical-align:text-bottom;
	margin-right:3px;
	width:16px; height:16px;
}
.fm-ico {
	font-family: "fontello";font-style:normal;font-variant: normal;text-transform: none;speak: none;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;
	display: inline-block;
	width:16px;height:16px;
	margin-right:3px;
	font-weight:normal;
}

.fm-b { font-family:'fontello';font-weight:normal;font-style:normal;line-height:0;cursor:pointer;color:#0076df; }
.fm-p-role, .fm-p-admin, .fm-p-refresh {color:#555;}
.fm-b:hover { color:#1a87ff; }
.fm-b-dis { font-family:'fontello';font-weight:normal;line-height:0;cursor:default;color:#afafaf; }

.fm-btn-l::before { content:'\a001';font-size:18px;  }
.fm-btn-ddl::before { content:'\a002';font-size:18px; }
.fm-btn-date::before { content:'\a011';font-size:16px; }
.fm-btn-time::before { content:'\a017';font-size:16px; }

.fm-ico-new:before { content: '\a040'; }
.fm-ico-delete:before { content: '\a060'; }
.fm-ico-refresh:before { content: '\a070'; }

/*responsive*/
.fm-row:after, .fm-row:before {content: "";display: table;clear: both;}
.fm-row {margin:4px 0;}
.fm-col {float: left;align-self: baseline;align-items: center;box-sizing:border-box;}
.fm-col.empty {height:1px;}
.fm-col>.fm-bool,.fm-col>.fm-rbl,.fm-col>.fm-file{padding-top:6px;padding-bottom:5px;}
.s1 {width: 8.33333% }.s2 {width: 16.66666%}.s3 {width: 24.99999%}.s4 {width: 33.33333%}.s5 {width: 41.66666%}.s6 {width: 49.99999%}.s7 {width: 58.33333%}.s8 {width: 66.66666%}.s9 {width: 74.99999%}.s10 {width: 83.33333%}.s11 {width: 91.66666%}.s12 {width: 99.99999%}
.pl { padding-left:1em;}
.right{text-align:right;padding-right:0.5em;}
.center{text-align: center;}

@media (min-width:993px) {
.fm-small>.fm-row{margin-bottom:0;}.fm-medium>.fm-row{margin:6px 0;}.fm-big>.fm-row{margin:12px 0;}
.l1 {width: 8.33333%}.l2 {width: 16.66666%}.l3 {width: 24.99999%}.l4 {width: 33.33333%}.l5 {width: 41.66666%}.l6 {width: 49.99999%}.l7 {width: 58.33333%}.l8 {width: 66.66666%}.l9 {width: 74.99999%}.l10 {width: 83.33333%}.l11 {width: 91.66666%}.l12 {width: 99.99999%}
}

@media screen and (max-width: 736px) {
.fm-col { position: relative;display:block;width:100%!important;float:none;}
.fm-col.empty {display:none;}
.fm-col>.fm-n {padding:5px 0 0 0;}
.pl {padding-left: 0;}
.fm-tab-columns {display:block!important;}
}


