/* Colors */
.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; }
.color-one { background-color: #53AD3C;color: white;}
.color-two { background-color: #03BAD9;color: white;}
/* Spacing & alignment*/
.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; }
.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%; }
.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; }

.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}

.height-small{ height: 50px; }
.height-medium{ height: 70px; }
.height-full { height: 100%;overflow: hidden;}
.width-small{ width: 50px; }
.width-medium{ width: 100px; }
.width-big{ width: 150px; }
.width-xbig{ width: 200px; }
.width-full {width: 100%;}

.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-left-small{ margin-left: 5px; }
.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-medium{ padding-bottom: 10px; }
.padding-bottom-big{ padding-bottom: 20px; }

.vertical-align{ display: flex; align-items: center; }
@media (max-width: 1280px) {
	.hidden-xs {
		display: none;
	}
}
i.fa-search{cursor: pointer;}

/**** Bootstrap override ****/
.pagination{ margin: 0;}
.pagination li a { line-height: 30px;}
.btn { line-height: 30px; font-size: 18px; }
.form-control { height: 44px;}
.form-group { margin-bottom: 0;}
.row { margin-left: 0;margin-right: 0;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
  padding-right: 0;
  padding-left: 0;
}
.col-spacing {
  padding-right: 15px;
  padding-left: 15px;
}
/**** Body style ****/
.container{
	overflow-x:hidden;
	position:relative;
	min-height: 300px;
}

/**** Content general style ****/
.header{width: 100%; height: 10%;/*height: 0;*/ position: absolute; top: 0; left: 0;	border-bottom: 1px solid #3A9E3C; overflow-x: hidden;}
.content {width: 100%; height: 90%;/*height: 100%;*/ position: absolute; top: 10%;/*top: 0;*/ left: 0; overflow-x: hidden;}
.reporting-location{width: 100%; position: absolute; right: 0; bottom: 0; display: none; height: 0; font-size: 12px;}
.dev-reporting .content {height: 70%;/*height: 80%;*/}
.dev-reporting .reporting-location{ height: 20%;display: block;}

.view {
  -webkit-backface-visibility: hidden;
  -webkit-transform: translate3d(0px,0px,0px);
  transform: translate3d(0,0,0);
	-webkit-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	-ms-transition: all ease-out .4s;
	-o-transition: all ease-out .4s;
	transition: all ease-out .4s;
	position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  padding: 0;
  padding-top: 5px;
}
.view.ng-enter {
	-webkit-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	-ms-transition: all ease-out .4s;
	-o-transition: all ease-out .4s;
	transition: all ease-out .4s;
  opacity: 0;
}
.view.ng-enter-active {
	opacity: 1;
}
.view.ng-leave {
	-webkit-transition: all ease-out .4s;
	-moz-transition: all ease-out .4s;
	-ms-transition: all ease-out .4s;
	-o-transition: all ease-out .4s;
	transition: all ease-out .4s;
}
.view.ng-leave-active {
	opacity: 0;
}

.content .content-header{
	height: 50px;
}

i.fa.button {
	margin: 10px;
}

i.spin {
    -webkit-animation-name: spin;
    -webkit-animation-duration: 4000ms;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;

    -moz-animation-name: spin;
    -moz-animation-duration: 4000ms;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;

    -ms-animation-name: spin;
    -ms-animation-duration: 4000ms;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    
    animation-name: spin;
    animation-duration: 4000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

@-ms-keyframes spin {
    from { -ms-transform: rotate(0deg); }
    to { -ms-transform: rotate(360deg); }
}
@-moz-keyframes spin {
    from { -moz-transform: rotate(0deg); }
    to { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
  display: none !important;
}

.addNoteSection {
  display: none;
}
.text-right{
  position: relative;
}
.showFullSection{
    display: inline-block;
    position: absolute;
    left: 100%;
    padding: 20px;
    background-color: #e8e6e6;
    margin-bottom: 10px;
    bottom: 100%;
    z-index: 99;
    max-height: 440px;
    overflow-y: auto;
    transition: all 0.5s ease;
}
.showFullSectionZero {
  left: 0;
}