* {
	margin: 0;
	padding: 0;
}

.clearfix {
  *zoom: 1;
}

.required {
	color: #FD0100;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.pos-right {
  position: absolute;
  right: 0px;
}

.pos-left {
  position: absolute;
  left: 0px;
}

.hide {
  display: none!important;
}

.show {
  display: block!important;
}

.invisible {
  visibility: hidden;
}

.pointer {
	cursor: pointer;	
}

body .text-center {
	text-align: center;
}

body .text-left {
	text-align: left;
}

body .text-right {
	text-align: right;
}

body .text-justify {
	text-align: justify;
}

body .margin-center {
	margin: 0 auto;
}

/* Inline styling */

body .inline {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

/* Non-Modal centered styling */

.nmodal-centered {
	width: 400px;
	height: 410px;
	position: absolute;
	top: 25%;
	left: 25%;
	padding: 4px;
	background-color: #F9F9F9;
	border: 1px solid #333333;
	border-radius: 3px;
}

/* Input styling */

.ninput-block {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Input field */

.ninput-field {
	margin: 10px 0;
}

.ninput-field input {

}

.ninput-field label {
	display: block;
	width: 100%;
}

.ninput-field-inline {
	display: block;
	width: 100%;	
}

.ninput-field-inline input {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

.ninput-field-inline label {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;

	width: auto;
	max-width: 200px;
    min-width: 100px;
	text-align: right;
	margin: 5px 0;
    padding: 5px;
}

/* Input styling */

.ninput-bordered {
	display: block;
	font-size: 16px;
	background-color: #FFFFFF;
	margin: 5px 0;
	padding: 5px;
	color: #000000;
	border: 1px solid #ECECEC;
	border-radius: 5px;

	transition-property: border-color, color;
    transition-duration: 0.4s;	
	transition-timing-function: linear;
	
	-webkit-transition-property: border-color, color;
    -webkit-transition-duration: 0.4s;
	-webkit-transition-timing-function: linear;
}

.ninput-bordered:hover {
	border-color: #ECECEC;
}

.ninput-bordered:focus, .ninput-bordered.active {
	border-color: #4E9BED;
	color: #4F99EE;
}

.ninput-bordered[disabled], .ninput-bordered.disabled {
	background-color: #FAFAFA;
}

textarea.ninput-bordered {
	display: block;
	font-size: 16px;
	background-color: #FFFFFF;
	margin: 5px 0;
	padding: 5px;
	color: #000000;
	border: 1px solid #ECECEC;
	border-radius: 5px;

	transition-property: border-color, color;
    transition-duration: 0.4s;	
	transition-timing-function: linear;
	
	-webkit-transition-property: border-color, color;
    -webkit-transition-duration: 0.4s;
	-webkit-transition-timing-function: linear;
}

textarea.ninput-bordered:hover {
	border-color: #ECECEC;
}

textarea.ninput-bordered:focus {
	border-color: #4E9BED;
	color: #4F99EE;
}

textarea.ninput-bordered[disabled], textarea.ninput-bordered.disabled {
	background-color: #FAFAFA;
}

/* Select field */

.nselect-field {
	margin: 10px 0;
}

.nselect-field select {

}

.nselect-field label {
	display: block;
	width: 100%;
}

.nselect-field-inline {
	display: block;
	width: 100%;
}

.nselect-field-inline select {

}

.nselect-field-inline label {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;

	width: auto;
	max-width: 200px;
    min-width: 100px;
	text-align: right;
	margin: 5px 0;
    padding: 5px;
}

/* Select styling */

.nselect-bordered {
	padding: 5px;
	background-color: #FFFFFF;
	margin: 5px 0;
	border: 1px solid #ECECEC;
	border-radius: 5px;
}

.nselect-bordered:hover {
	border-color: #ECECEC;
}

.nselect-bordered:focus, .nselect-bordered.active {
	border-color: #4E9BED;
	color: #4F99EE;
}

.nselect-bordered[disabled], .nselect-bordered.disabled, div.disabled .nselect-bordered {
	background-color: #FAFAFA;
}

/* Button styling */

.nbutton {
	display: block;
	background-color: #ffffff;
	border-radius: 2px;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.nbutton-large {
    height: 40px;
    padding: 10px;
    width: 210px;
}

.nbutton-xlarge {
    height: 50px;
    padding: 10px;
    width: 140px;
    font-size: 18px;
}

.nbutton-primary {
	background-color: #0199E4;
	color: #FFFFFF;
	border-bottom-width: 3px;
	border-bottom-color: #004E75;
}

.nbutton-asa-blue {
	background-color: #517FF7;
	color: #FFFFFF;
	border-bottom-width: 3px;
	border-bottom-color: #1241B7;
}

.nbutton:hover {

}

.nbutton:focus {
	padding-top: 12px;
	border-bottom-width: 0;
}

.nsbutton {
	display: block;
	padding: 8px;
	background-color: #282828;
	color: #FFFFFF;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-radius: 2px;
}

.nsbutton:hover {
	background-color: #444444;
}

.nsbutton:focus {
	background-color: #181818;
}

.nsbutton.white {
	border: 1px solid #ECECEC;
	background-color: #FFFFFF;
	color: #000000;
}

.nsbutton.white:hover {
	background-color: #F4F4F4;
}

.nsbutton.white:focus {
	background-color: #FFFFFF;
}

.nsbutton.grey {
	border: 1px solid #ECECEC;
	background-color: #D1D1D1;
	color: #000000;
}

.nsbutton.grey:hover {
	background-color: #CACACA;
}

.nsbutton.grey:focus {
	background-color: #D1D1D1;
}

.nsbutton-width-large {
	width: 220px;
}

/* Link centered */

.nlink {
	display: block;
	color: #000000;
	text-decoration: none;

	transition-property: color;
    transition-duration: 0.4s;	
	transition-timing-function: linear;
	
	-webkit-transition-property: color;
    -webkit-transition-duration: 0.4s;
	-webkit-transition-timing-function: linear;
}

.nlink:hover {

}

.nlink:focus {
	color: #333333;
}

/* Label */

.nlabel {
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	text-decoration: underline;
	margin: 15px 0;
}

/* Spacer */

.nspacer {
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

/* Input */

input[type="radio"] {
	position: relative;
	top: 2px;
}


/* Modal styling */

#backdrop {
	display: none;
	position:fixed;
	z-index: 1001;
	top:0;
	left:0;
	width:100%;
	height:100%;
	min-width: 1009px;
	min-height: 768px;
	background:none;
	background-color:rgba(0,0,0,0.5);
	/*-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000,endColorstr=#80000000);
	zoom:1;*/
}

.nmodal {
	display: none;
	width: 600px;
	/*height: 620px;*/
	position: absolute;
	z-index: 1002;
	top: 25%;
	left: 25%;
	background-color: #FFFFFF;
	border: 1px solid #B2B2B2;
	border-radius: 3px;
}

.nmodal .nmodal-header {
	width: 100%;
	height: 50px;
	position: relative;
	border-bottom: 1px solid #EEEEEE;
}

.nmodal .nmodal-header h1 {
	display: block;
	position: absolute;
	margin: 0;
	top: 12px;
	left: 16px;
	font-size: 20px;
}

.nmodal .nmodal-header h2 {
	display: block;
	position: absolute;
	margin: 0;
	top: 12px;
	left: 16px;
	font-size: 20px;
}

.nmodal .nmodal-header button {
	display: block;
	position: absolute;
	top: 11px;
	right: 11px;
	font-size: 32px;
	background-color: inherit;
	border: 0 none;
	line-height: 32px;
}

.nmodal .nmodal-header button:hover {
	color: #333333;
}

.nmodal .nmodal-header button:focus {
	color: #111111;
}

.nmodal .nmodal-body {
	/*height: 508px;*/
	min-height: 240px;
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
	padding: 4px;
}

.nmodal .nmodal-footer {
	height: 34px;
	position: relative;
	padding: 20px 8px;
	border-top: 1px solid #EEEEEE;
	background-color: #FAFAFA;
}

/* Row */

.row {
	width: 100%;
	position: relative;
}

.row:before,
.row:after {
	display: table;
	line-height: 0;
	content: "";
}

.row:after {
	clear: both;
}

/* Collum */

/* base */
.span {
	min-height: 1px;
	position: relative;
	float: left;
}

.span1 {
	width: 8.3%;
	min-height: 1px;
	position: relative;
	float: left;
}

.span2 {
	width: 16.6%;
	min-height: 1px;
	position: relative;
	float: left;
}

.span3 {
	width: 24.9%;
	min-height: 1px;
	position: relative;
	float: left;
}

.span4 {
	width: 33.2%;
	min-height: 1px;
	position: relative;
	float: left;	
}

.span5 {
	width: 41.5%;
	min-height: 1px;
	position: relative;
	float: left;	
}

.span6 {
	width: 49.8%;
	min-height: 1px;
	position: relative;
	float: left;
}

.span7 {
	width: 58.1%;
	min-height: 1px;
	position: relative;
	float: left;
}

.span8 {
	width: 66.4%;
	position: relative;
	float: left;
}

.span9 {
	width: 74.7%;
	min-height: 1px;
	position: relative;
	float: left;	
}

.span10 {
	width: 83%;
	min-height: 1px;
	position: relative;
	float: left;
}

.span11 {
	width: 91.3%;
	min-height: 1px;
	position: relative;
	float: left;
}

.span12 {
	width: 99.6%;
	min-height: 1px;
	position: relative;
	float: left;
}

.sp {
	min-height: 1px;
	position: relative;
	float: left;
}

.sp1 {
	width: 8.3%;
	min-height: 1px;
	position: relative;
	float: left;
}

.sp2 {
	width: 16.6%;
	min-height: 1px;
	position: relative;
	float: left;
}

.sp3 {
	width: 24.9%;
	min-height: 1px;
	position: relative;
	float: left;
}

.sp4 {
	width: 33.2%;
	min-height: 1px;
	position: relative;
	float: left;	
}

.sp5 {
	width: 41.5%;
	min-height: 1px;
	position: relative;
	float: left;	
}

.sp6 {
	width: 49.8%;
	min-height: 1px;
	position: relative;
	float: left;
}

.sp7 {
	width: 58.1%;
	min-height: 1px;
	position: relative;
	float: left;
}

.sp8 {
	width: 66.4%;
	position: relative;
	float: left;
}

.sp9 {
	width: 74.7%;
	min-height: 1px;
	position: relative;
	float: left;	
}

.sp10 {
	width: 83%;
	min-height: 1px;
	position: relative;
	float: left;
}

.sp11 {
	width: 91.3%;
	min-height: 1px;
	position: relative;
	float: left;
}

.sp12 {
	width: 99.6%;
	min-height: 1px;
	position: relative;
	float: left;
}

/* Margin styling */

.margin5 {
	margin-top: 5px;
	margin-bottom: 5px;
}

.margin10 {
	margin-top: 10px;
	margin-bottom: 10px;
}

.margin15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.margin20 {
	margin-top: 20px;
	margin-bottom: 20px;
}

.margin25 {
	margin-top: 25px;
	margin-bottom: 25px;
}

.margin30 {
	margin-top: 30px;
	margin-bottom: 30px;
}

.margin35 {
	margin-top: 35px;
	margin-bottom: 35px;
}

.margin40 {
	margin-top: 40px;
	margin-bottom: 40px;
}

.marginbot0 {
	margin-bottom: 0;
}

.margintop0 {
	margin-top: 0;
}

.marginleft0 {
	margin-left: 0;
}

.marginright0 {
	margin-right: 0;
}

/* padding styling */

.padding5 {
	padding: 5px;
}

.padding10 {
	padding: 10px;
}

.padding15 {
	padding: 15px;
}

.padding20 {
	padding: 20px;
}

.padding25 {
	padding: 25px;
}

.padding30 {
	padding: 30px;
}

.padding35 {
	padding: 35px;
}

.padding40 {
	padding: 40px;
}

.paddingbot0 {
	padding-bottom: 0;
}

.paddingtop0 {
	padding-top: 0;
}

.paddingleft0 {
	padding-left: 0;
}

.paddingright0 {
	padding-right: 0;
}

/* Font size styling */

.fontsize10 {
	font-size: 10px;
}

.fontsize12 {
	font-size: 12px;
}

.fontsize14 {
	font-size: 14px;
}

.fontsize16 {
	font-size: 16px;
}

.fontsize18 {
	font-size: 18px;
}

.fontsize20 {
	font-size: 20px;
}

.fontsize22 {
	font-size: 22px;
}

.fontsize24 {
	font-size: 24px;
}

.fontsize26 {
	font-size: 26px;
}

.fontsize28 {
	font-size: 28px;
}

/* Border error styling */

.input-with-error {
    border-color: #b94a48;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

textarea.input-with-error {
    border-color: #b94a48;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

div.input-with-error {
	display: inline;
	border-radius: 3px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-width: 2px;
	border-style: solid;
}

textarea.input-with-error:hover {
	border-color: #b94a48;
}

.input-with-error:hover {
	border-color: #b94a48;
}

.input-with-success {
    border-color: #468847;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.input-with-success:hover {
	border-color: #468847;
}

.input-with-info {
    border-color: #3a87ad;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.input-with-info:hover {
	border-color: #3a87ad;
}

.input-with-warning {
    border-color: #c09853;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
}

.input-with-warning:hover {
	border-color: #b94a48;
}

/* color div */

.msg-with-error {
	color:#b94a48;
}

.msg-with-warning {
	color:#c09853;
}

.msg-with-info {
	color:#3a87ad;
}

.msg-with-success {
	color:#468847;
}

/* Message div */

.nmessage {
	position: relative;
	padding: 6px;
	border: 2px solid #ECECEC;
	border-radius: 3px;
	background-color: #FFFFFF;
	display: none;
}

.nmessage.error {
	color: #333;
	border-color: #f27474;
}

.nmessage.success {
	color: #333;
	border-color: #A5DC86;
}

.nmessage.info {
	color: #333;
	border-color: #A1D9F2;
}

.nmessage.warning {
	color: #333;
	border-color: #F8C886;
}

.nmessage .nmessage-close {
	color: #a1a1a1;
	cursor: pointer;
	position: absolute;
	right: 2px;
	top: 0;
	z-index: 2;
    font-size: 20px;
}

.nmessage .nmessage-contener {
	width: 100%;
	position: relative;
}

.nmessage .nmessage-img {
	width: 10%;
	float: left;
}

.nmessage .nmessage-img img {
	width: 100%;
}

.nmessage .nmessage-text {
	width: 90%;
	text-align: left;
	float: left;
}

.nmessage .nmessage-text p {
	font-weight: bold;
	font-size: 14px;
	padding-left: 8px;
}

/* Tooltip */

.tooltip {
	display:none;
	background:none;
	background-color:rgba(0,0,0,0.7);
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B3000000,endColorstr=#B3000000);
	zoom:1;
    border-radius: 3px;
    color: #ffffff;
    padding: 2px 5px;
    top:2px;
    text-align: center;
    width: auto;
    min-width: 100px;
    max-width: 255px;
}

.ntooltip {
	cursor: default;
}

/* Menu */

ul.nmenu {
    background-color: #ffffff;
    display: block;
    list-style: outside none none;
    position: relative;
    width: 100%;
}

.nmenu li {
	border-top: 1px solid #ECECEC;
	border-left: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
	border-bottom: 1px solid #ECECEC;
}

.nmenu li.active {
	border-left: 4px solid #333333;
	border-top: 0 none;
	border-right: 0 none;
	border-bottom: 0 none;
}

.nmenu li.active a {
	color: #333333;
}

.nmenu li a {
	display: block;
	color: #000000;
	text-decoration: none;
	text-align: right;
	padding: 14px;
	background-color: #FFFFFF;
}

.nmenu li a:hover {
	background-color: #F9F9F9;
}

.nmenu li a:focus {
	background-color: #F6F6F6;
}

.nmenu .active a:focus {
	background-color: #FFFFFF;
}

/* dropdown button */

.dropdown-button {
	position: relative;
}

.dropdown-button button {

}

.dropdown-button .dropdown-menu {
    background-color: #ffffff;
    border: 1px solid #ececec;
    list-style: outside none none;
    min-width: 200px;
    max-width: 370px;
    position: absolute;
    width: auto;
    display: none;
    z-index: 2;
}

.dropdown-button .dropdown-menu li {

}

.dropdown-button .dropdown-menu li a {
	display: block;
    background-color: #ffffff;
	text-decoration: none;
	color: #000000;
	padding: 4px 4px 4px 30px;
}

.dropdown-button .dropdown-menu li a:hover {
	background-color: #FFFFFF;
}

.dropdown-button .dropdown-menu li a:focus {
	background-color: #F6F6F6;
}

.message_danger {
	position: relative;
	background-color: #f2dede;
	color: #b94a48;
	padding: 10px;
	margin: 10px 0;
}

#disconnected {
    background-color: rgba(255, 255, 255, 0.9);
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}

#disconnected h1, #disconnected h2 {
	background-color: rgba(255, 255, 255, 0.9);
    font-size: 22px;
    font-weight: normal;
    left: 0;
    margin: 0 auto;
    position: relative;
    text-align: center;
    top: 30%;
}

#disconnected h2 {
    font-size: 18px;
    margin: 5% auto;
    width: 55%;
}

/* next and prev icon */

.loader::after, .loader::before {
	border-radius: 50%;
	content: "";
	height: 20px;
	left: 50%;
	margin: -10px 0 0 -10px;
	opacity: 1;
	position: absolute;
	top: 50%;
	transition: opacity 0.15s ease 0s;
	-webkit-transition: opacity 0.15s ease 0s;
	width: 20px;
	z-index: 1000;
}

.loader::after {
	animation: 0.6s linear 0s alternate none infinite running moveRight;
	-webkit-animation: 0.6s linear 0s alternate none infinite running moveRight;
	background-color: #6cc88a;
	transform: translateX(-20px);
	-webkit-transform: translateX(-20px);
}

.loader::before {
	animation: 0.6s linear 0s alternate none infinite running moveLeft;
	-webkit-animation: 0.6s linear 0s alternate none infinite running moveLeft;
	background-color: #4fc3f7;
	transform: translateX(20px);
	-webkit-transform: translateX(20px);
}

@keyframes moveRight {
	100% {
		transform: translateX(20px);
	}
}
@keyframes moveLeft {
	100% {
		transform: translateX(-20px);
	}
}

.prev_ic , .next_ic{
    display: inline-block;
    *display: inline;
    zoom: 1;
	color: #727272;
    font-weight: bold;
    margin: 0 0.1em;
    position: relative;
    top: 0.05em;
    font-family: "Courier New",Courier,monospace;
    font-size: 2em;
    height: 0.5em;
    line-height: 0.5em;
}

.prev_ic:after {
	 content: "‹";
}
.next_ic:after {
    content: "›";
}

/* message system */

.system_msg {
	position: absolute;
	width: 100%;
	height: 65px;
	top: -65px;
	z-index: 999;
	transition: top 0.3s ease 0s;
	-webkit-transition: top 0.3s ease 0s;
}

.system_msg.block {
	position: relative;
	top: auto;
	left: auto;
	display: block;
}

.system_msg.active {
	top: 0px;
}

.system_msg.unactive {
	top: -65px;
}

.system_msg.error {
	background-color: #e7554a;
	color: #fff;
}

.system_msg.success {
	background-color: #84c085;
	color: #fff;
}

.system_msg.warning {
	background-color: #ffd74c;
	color: #fff;
}

.system_msg.info {
	background-color: #4ca9ff;
	color: #fff;
}

.system_msg p {
	font-family: "Open Sans", "Tahoma", sans-serif;
	text-align: center;
	line-height: 65px;
}

.overlay {
    background-color: #000;
    bottom: 0;
    height: 125%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    right: 0;
    top: -100px;
    transition: opacity 0.3s ease 0s;
    width: 100%;
    z-index: 999;
}

.asaportal_view_unvailable {
	color: #a94442;
	background-color: #F2DEDE;
	border-radius: 3px;
	padding: 8px 16px;
}
#btns_cont_delete,#btns_cont_delete_fc{
    display: flex;
}
#account_confirm_rem_fc, #account_confirm_rem{
    background-color: #333 !important;
}

#account_cancel_rem_fc, #account_cancel_rem{
    margin-left: 10px;
}