/*general*/

/*make rows and columns equal size*/
/*[class*="col-"] {
	margin-bottom: -99999px; padding-bottom: 99999px;
}
*/
.row {
	overflow: hidden;
	margin: 0px;
}

.view
{
	padding: 0px;
	margin: 0px;
}

.col-md-6
{
	padding: 0px;
}
.col-md-2
{
	padding: 0px;
}

.view .row
{
	overflow: visible;
}

.ovh
{
      overflow:hidden;
}

.sidebar-nav-fixed {
    padding: 9px 0;
    z-index: 1000;
    position:fixed;
    left:0px;
    top:0px;
    width:250px;
}

.notsidebarrow
{
	.row;

	margin-left: 250px;
}

/*.sidebar-span
{
	margin-left: 250px;
}

.container-fluid > .sidebar-span {
    margin-left: 250px;
}
*/
@media print {

  .gridStyle
  {


     height: auto !important;
   }

  .ngViewport{


     height: auto !important;
   }

   .ngCanvas, .ngRow, .ngHeaderContainer { width: 100% !important; }

   .ngTopPanel.ng-scope {
	width: auto !important;
	}

	.row {
		overflow: visible;
		margin: 0px;
	}

	BODY {
    /*PAGE-BREAK-BEFORE: always;width: 100%;width: 100%;overflow: visible; overflow: visible;
    width:100%;
    height:100%;
	-ms-zoom: 0.58;
	-moz-transform: scale(0.58);
	-moz-transform-origin: 0 0;
	-o-transform: scale(0.58);
	-o-transform-origin: 0 0;
	-webkit-transform: scale(0.58);
	-webkit-transform-origin: 0 0;*/
	}

	.notsidebarrow
	{
		margin-left: 0px;
	}

}

/*
.view .ngViewport
{
	overflow-y: visible;
	overflow: visible;
}
*/
/*
.view .ngViewport.ng-scope
{
	overflow: auto;
	height: 400px !important;
}
*/
/*
table
{
	background-color: #f2f2f2;
}
tr
{
	background-color: #f2f2f2;
}
td
{
	background-color: #f2f2f2;
}
tbody
{
	background-color: #f2f2f2;
}
template td tr tbody table
{
	background-color: #f2f2f2;
}
*/
.row.full {
	height: 100%;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	/*min-height: 1080px;*/
}

#fullheight { height: 100%; }

.eventsedit .row, .campaings .row
{
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
}

.container-fluid {
	padding: 0px;
}

.container-fluid.full {
	height: 100%;
	padding-left: 0px;
	padding-right: 0px;
}

/*navigation bar*/
.navigationbar {
	background: #003E70; height: 100%;
}

.navigationbar .logo {
	margin-top: 60px; margin-bottom: 50px;
	padding-left: 20px;
	padding-right: 20px;
	max-width: 240px;
	width: 100%;
}

.navigationbar .row, .navigationbar .container-fluid {
	padding: 0px;
	margin: 0px;
}

.navbuttons .navsel
{
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	margin-top: -1px;
	margin-bottom: 0px;
	font-family: Arial;
	font-style: normal;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
	text-decoration: none;
	text-align: left;
	border: 1px solid rgb(20, 50, 80);
}

.navbuttons .navsel a, .navbuttons .navsel span {
	font-family: Arial;
	font-style: normal;
	font-size: 14px;
	line-height: 24px;
	color: #ffffff;
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
	text-align: left;
}

.navbuttons .navsel:hover
{
	background-color: #008ABC;
}

.selectednavsel
{
	background-color: #008ABC;
}

/*top bar*/
.topbar {
	height: 60px; background: #003E70; color: #ffffff;
}

.topbar .box {
	background: #003E70; border: 1px solid rgb(209, 211, 212); line-height: 57px;
	padding: 0px;
	padding-right: 10px;
	margin-bottom: 0px;
	margin-right: -1px;
}

/*contents*/
.content {
	background: #F1F1F1;
}

/*headings*/

h1
{
	color: #003e70;
	font-size: 28px;
	font-family: Arial;
	font-weight: bold;
}
h2
{
	color: #003e70;
	font-size: 24px;
	font-family: Arial;
	font-weight: bold;
}
h3
{
	color: #003e70;
	font-size: 20px;
	font-family: Arial;
	font-weight: bold;
}
h4
{
	color: #58595B;
	font-size: 16px;
	font-family: Arial;
	font-weight: bold;
 	margin-bottom: 5px;
 }

.strong-heading
{
	width: 120%;
	margin-left: -15px;
	margin-right: -30px;
	padding-left: 15px;
	padding-right: -30px;
	background: #003E70;
	border: 5px solid #003E70;
	color: #ffffff;
}

.popover
{
	width: 249px; height: 62px;
}

[data-style=largepopover] + .popover {width: 249px; height: 128px;}

/*text / spans / body*/

/*body
{
	color: #58595B;
	font-size: 16px;
	font-family: Arial;
}*/

/*inputs*/

.css-form input.ng-invalid.submitted /*.ng-dirty*/
{
    border-color:: #D03525;
	/*background-color: #FA787E;*/
    border: 1px solid #D03525;
}

.css-form input.ng-invalid.ng-dirty
{
    border-color:: #D03525;
	/*background-color: #FA787E;*/
    border: 2px solid #D03525;
}

.imageerrorclass
{
    border-color:: #D03525;
	/*background-color: #FA787E;*/
    border: 1px solid #D03525;
}

.css-form textarea.ng-invalid.submitted /*.ng-dirty*/
{
	outline: none !important;
    border-color:: #D03525;
	/*background-color: #FA787E;*/
    border: 2px solid #D03525;
}

.css-form textarea.ng-invalid.ng-dirty {
    outline: none !important;
    border: 1px solid #D03525;
    box-shadow: 0 0 10px #719ECE;
}

input.submitted.ng-invalid
{
    border: 2px solid #D03525;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  border-radius: 4px;
}

.css-form input.ng-valid.ng-dirty
{
	/*background-color: #78FA89;*/
    border-color:: #1D873C;
    border: 1px solid #1D873C;
}
/*
input.ng-invalid.ng-dirty
{
    border-color:: #D03525;
}

input.ng-valid.ng-dirty
{
    border-color:: #1D873C;
}
*/

.form-group .help-block {
  display: none;
}

.form-group.has-error .help-block {
  display: block;
}

input[type=checkbox] {
  /* All browsers except webkit*/
  transform: scale(1.5);

  /* Webkit browsers*/
  -webkit-transform: scale(1.5);
}

.mlexselect
{
	width: 160px;
	height: 50px;
	padding-left: 10px;
	padding-right: 10px;
}

/*copy from bootstrap defaults*/
.mlexbtn {
  display: inline-block;
  padding: 4px 4px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.mlexbtn:focus,
.mlexbtn:active:focus,
.mlexbtn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.mlexbtn:hover,
.mlexbtn:focus {
  color: #333;
  text-decoration: none;
}
.mlexbtn:active,
.mlexbtn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.mlexbtn.disabled,
.mlexbtn[disabled],
fieldset[disabled] .mlexbtn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.mlexbtn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.mlexbtn-default:hover,
.mlexbtn-default:focus,
.mlexbtn-default:active,
.mlexbtn-default.active,
.open > .dropdown-toggle.mlexbtn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.mlexbtn-default:active,
.mlexbtn-default.active,
.open > .dropdown-toggle.mlexbtn-default {
  background-image: none;
}
.mlexbtn-default.disabled,
.mlexbtn-default[disabled],
fieldset[disabled] .mlexbtn-default,
.mlexbtn-default.disabled:hover,
.mlexbtn-default[disabled]:hover,
fieldset[disabled] .mlexbtn-default:hover,
.mlexbtn-default.disabled:focus,
.mlexbtn-default[disabled]:focus,
fieldset[disabled] .mlexbtn-default:focus,
.mlexbtn-default.disabled:active,
.mlexbtn-default[disabled]:active,
fieldset[disabled] .mlexbtn-default:active,
.mlexbtn-default.disabled.active,
.mlexbtn-default[disabled].active,
fieldset[disabled] .mlexbtn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.mlexbtn-default .badge {
  color: #fff;
  background-color: #333;
}
.mlexbtn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.mlexbtn-primary:hover,
.mlexbtn-primary:focus,
.mlexbtn-primary:active,
.mlexbtn-primary.active,
.open > .dropdown-toggle.mlexbtn-primary {
  color: #fff;
  background-color: #3071a9;
  border-color: #285e8e;
}
.mlexbtn-primary:active,
.mlexbtn-primary.active,
.open > .dropdown-toggle.mlexbtn-primary {
  background-image: none;
}
.mlexbtn-primary.disabled,
.mlexbtn-primary[disabled],
fieldset[disabled] .mlexbtn-primary,
.mlexbtn-primary.disabled:hover,
.mlexbtn-primary[disabled]:hover,
fieldset[disabled] .mlexbtn-primary:hover,
.mlexbtn-primary.disabled:focus,
.mlexbtn-primary[disabled]:focus,
fieldset[disabled] .mlexbtn-primary:focus,
.mlexbtn-primary.disabled:active,
.mlexbtn-primary[disabled]:active,
fieldset[disabled] .mlexbtn-primary:active,
.mlexbtn-primary.disabled.active,
.mlexbtn-primary[disabled].active,
fieldset[disabled] .mlexbtn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.mlexbtn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.mlexbtn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.mlexbtn-success:hover,
.mlexbtn-success:focus,
.mlexbtn-success:active,
.mlexbtn-success.active,
.open > .dropdown-toggle.mlexbtn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
mlex.btn-success:active,
.mlexbtn-success.active,
.open > .dropdown-toggle.mlexbtn-success {
  background-image: none;
}
.mlexbtn-success.disabled,
.mlexbtn-success[disabled],
fieldset[disabled] .mlexbtn-success,
.mlexbtn-success.disabled:hover,
.mlexbtn-success[disabled]:hover,
fieldset[disabled] .mlexbtn-success:hover,
.mlexbtn-success.disabled:focus,
.mlexbtn-success[disabled]:focus,
fieldset[disabled] .mlexbtn-success:focus,
.mlexbtn-success.disabled:active,
.mlexbtn-success[disabled]:active,
fieldset[disabled] .mlexbtn-success:active,
.mlexbtn-success.disabled.active,
.mlexbtn-success[disabled].active,
fieldset[disabled] .mlexbtn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.mlexbtn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.mlexbtn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.mlexbtn-info:hover,
.mlexbtn-info:focus,
.mlexbtn-info:active,
.mlexbtn-info.active,
.open > .dropdown-toggle.mlexbtn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.mlexbtn-info:active,
.mlexbtn-info.active,
.open > .dropdown-toggle.mlexbtn-info {
  background-image: none;
}
.mlexbtn-info.disabled,
.mlexbtn-info[disabled],
fieldset[disabled] .mlexbtn-info,
.mlexbtn-info.disabled:hover,
.mlexbtn-info[disabled]:hover,
fieldset[disabled] .mlexbtn-info:hover,
.mlexbtn-info.disabled:focus,
.mlexbtn-info[disabled]:focus,
fieldset[disabled] .mlexbtn-info:focus,
.mlexbtn-info.disabled:active,
.mlexbtn-info[disabled]:active,
fieldset[disabled] .mlexbtn-info:active,
.mlexbtn-info.disabled.active,
.mlexbtn-info[disabled].active,
fieldset[disabled] .mlexbtn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.mlexbtn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.mlexbtn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.mlexbtn-warning:hover,
.mlexbtn-warning:focus,
.mlexbtn-warning:active,
.mlexbtn-warning.active,
.open > .dropdown-toggle.mlexbtn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.mlexbtn-warning:active,
.mlexbtn-warning.active,
.open > .dropdown-toggle.mlexbtn-warning {
  background-image: none;
}
.mlexbtn-warning.disabled,
.mlexbtn-warning[disabled],
fieldset[disabled] .mlexbtn-warning,
.mlexbtn-warning.disabled:hover,
.mlexbtn-warning[disabled]:hover,
fieldset[disabled] .mlexbtn-warning:hover,
.mlexbtn-warning.disabled:focus,
.mlexbtn-warning[disabled]:focus,
fieldset[disabled] .mlexbtn-warning:focus,
.mlexbtn-warning.disabled:active,
.mlexbtn-warning[disabled]:active,
fieldset[disabled] .mlexbtn-warning:active,
.mlexbtn-warning.disabled.active,
.mlexbtn-warning[disabled].active,
fieldset[disabled] .mlexbtn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.mlexbtn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.mlexbtn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.mlexbtn-danger:hover,
.mlexbtn-danger:focus,
.mlexbtn-danger:active,
.mlexbtn-danger.active,
.open > .dropdown-toggle.mlexbtn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.mlexbtn-danger:active,
.mlexbtn-danger.active,
.open > .dropdown-toggle.mlexbtn-danger {
  background-image: none;
}
.mlexbtn-danger.disabled,
.mlexbtn-danger[disabled],
fieldset[disabled] .mlexbtn-danger,
.mlexbtn-danger.disabled:hover,
.mlexbtn-danger[disabled]:hover,
fieldset[disabled] .mlexbtn-danger:hover,
.mlexbtn-danger.disabled:focus,
.mlexbtn-danger[disabled]:focus,
fieldset[disabled] .mlexbtn-danger:focus,
.mlexbtn-danger.disabled:active,
.mlexbtn-danger[disabled]:active,
fieldset[disabled] .mlexbtn-danger:active,
.mlexbtn-danger.disabled.active,
.mlexbtn-danger[disabled].active,
fieldset[disabled] .mlexbtn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.mlexbtn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}

/*buttons*/

.mlexbtn
{
	white-space: normal;
	border-radius: 2px;
	font-size: 14px;
	color: #ffffff;
}

.mlexbtn-primary
{
	width: 145px;
	height: 70px;
	color: #fff;
  	background-color: #003E70;
  	border-color: #143250;
}

.mlexbtn-danger
{
	width: 145px;
	height: 70px;
	color: #fff;
  	background-color: #D03525;
}

.mlexbtn-success
{
	width: 145px;
	height: 70px;
  	color: #fff;
	background-color: #1D873C;
}

/*general helpers*/

.vcenter {white-space:nowrap;}
.vcenter > * {white-space:normal;}

.vcenter:before,
.vcenter >* {display:inline-block; vertical-align:middle;}

.vcenter:before {content:"";  height:100%;}

.vcenter {word-spacing:-.25em;}
.vcenter > * {word-spacing:normal;}



.box-container {
	border: 1px solid #000000;
	min-width: 420px;
	max-width: 500px;
}
.box-margin {
	margin-top: 20px !important;
}
.button-margin-small {
  margin: 0px 6px 2px 0px;
}
.button-margin-big {
  margin: 0px 22px 2px 0px;
}