@media (min-width: 1200px) {
  .grid {
    width: 1150px;
    height: 450px;
  }
}
@media (max-width: 1199px) and (min-width: 	992px) {
  .grid {
    width: 950px;
    height: 450px;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .grid {
    width: 700px;
    height: 450px;
  }
}

tr.text-center {
    display: none;
}

.glyphicon-chevron-up {
    display: none;
}

.glyphicon-chevron-down {
    display: none;
}

.ui-select-choices-row-inner {
		min-height: 25px;
}

.ui-grid-top-panel {
		overflow: visible;
}

.ui-grid-header-viewport {
		overflow: visible;
}

.invalidDate {
		background-color: lightcoral ;
}

.rounded-img-container {
		border-radius: 50%; 
		overflow: hidden; 
		width: 100%; 
		position: relative;
		padding: 0;
		border: 2px solid #DFDFDF;
}
.rounded-img-container:before {
		content: "";
	display: block;
	padding-top: 100%; 	/* initial ratio of 1:1*/
}
.rounded-img-container img {
		position:  absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
		height: 100%; 
		min-width: 100%; 
		max-width: none; 
		margin: 0 0;
}

/**** Body style ****/
.container{
		overflow-x:hidden;
		position:relative;
		min-height: 300px;
  background-color: #E5E5E5;
}

/**** Content general style ****/
#header{
		height: 70px;
		border-bottom: 3px solid #3A9E3C;
		margin-bottom: 5px;
}
#content{
		width: 100%
}
#content {
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	transition: all ease-out .3s;
	position: absolute;
}
#content.ng-enter {
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	transition: all ease-out .3s;
}
#content.ng-enter-active {
	opacity: 1;
}
#content.ng-leave {
	-webkit-transition: all ease-out .3s;
	-moz-transition: all ease-out .3s;
	-ms-transition: all ease-out .3s;
	-o-transition: all ease-out .3s;
	transition: all ease-out .3s;
}
#content.ng-leave-active {
	opacity: 0;
}

i.fa-search{cursor: pointer;}

.vertical-align { display: flex; align-items: center; }
.primary-back-color{ background-color: #F9F9F9;}
.secondary-back-color{background-color: white;}
.primary-elem-color{ background-color: #3A9E3C; border: 1px solid #3A9E3C; color: white;}
.secondary-elem-color{ background-color: #04C1DE; border: 1px solid #04C1DE; color: white;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}
.height-small{ height: 50px; }
.height-medium{ height: 70px; }
.width-small{ width: 50px; }
.width-medium{ width: 100px; }
.width-big{ width: 150px;}
.margin-small{margin: 5px;}
.margin-medium{margin: 10px;}
.margin-top-small{ margin-top: 5px;}
.margin-top-medium{ margin-top: 10px;}
.margin-top-big{ margin-top: 20px;}
.margin-bottom-big{ margin-bottom: 20px; }
.padding-small{padding: 5px;}
.padding-medium{ padding: 10px;}
.padding-big{ padding: 20px;}
.padding-top-small{ padding-top: 5px;}
.padding-top-medium{ padding-top: 10px;}
.padding-top-big{ padding-top: 20px;}
.padding-bottom-big{ padding-bottom: 20px;}
.border-bottom-small{ border-bottom: 1px solid #DFDFDF;}
.partial-border-bottom-small{ position: relative;}
.partial-border-bottom-small:after { content: ''; display: block;position: absolute; width: 95%; left: 5%; bottom: 0; border-bottom: 1px solid #DFDFDF;}
.btn-min-medium { min-width: 100px;}
.btn-min-big { min-width: 150px;}