.errors {
    font-size: 12px;
    color: #dd2c00;
    margin-top: 10px;
}
md-toast.md-center {
    left: 50%;
    transform: translate3d(-50%, 0, 0);
}
.avatar svg {
    border-radius: 50%;
}

/*
.image-background {
    background-image: url('https://ci4.googleusercontent.com/proxy/_mDvmaWZ9EqGgMtcyiK28xJ68nY9r1qkwZ71csTq6TXu5e4iRNO4gki7IK2xoS8Y_h34peWnN_G5od6tDg=s0-d-e1-ft#http://www.omsoft.si/fadn/mail_logo.png');
    background-repeat: no-repeat;
    height: 200px;
    z-index: -1;
}
*/
.cursor-pointer {
    cursor: pointer;
}
.arrow-up {
    -webkit-transform: rotate(180deg);
    transition: 0.5s;
    cursor: pointer;
}
.arrow-down {
    -webkit-transform: rotate(360deg);
    transition: 0.5s;
	
    cursor: pointer;
}
.expanded-div {
    -moz-transition: 2.0s;
    -ms-transition: 2.0s;
    -o-transition: 2.0s;
    -webkit-transition: 2.0s;
    transition: 2.0s;
    overflow: hidden;
    max-height: 800px;
}
.expanded-div.ng-hide {
    max-height: 1.2em;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    -webkit-transition: 0.1s;
    transition: 0s;
    overflow: hidden;
}
.expanded-div.ng-show {
    max-height: 1.2em;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    overflow: hidden;
}
.hide-fade.ng-hide-add,
.hide-fade.ng-hide-remove {
    -webkit-transition: all linear 1s;
    -moz-transition: all linear 1s;
    -o-transition: all linear 1s;
    transition: all linear 1s;
    display: block!important;
}
.hide-fade.ng-hide-add.ng-hide-add-active,
.hide-fade.ng-hide-remove {
    opacity: 1;
}
.hide-fade.ng-hide-add,
.hide-fade.ng-hide-remove.ng-hide-remove-active {
    opacity: 1;
}
.transparent {
    background: #7f7f7f;
    background: rgba(255, 255, 255, 0.5);
}
/* Styles the Drag and Drop Box */

.drop-box {
    background: #F8F8F8;
    border: 3px dashed #DDD;
    width: 100%;
    height: 60px;
    text-align: center;
}
.dragover {
    border: 3px dashed blue;
}
md-content > md-content > div {
    height: 100%;
}
/*get rid ob blue border on ng-click*/

*:focus {
    outline: none;
}
.md-center {
    left: 50%;
    transform: translate3d(-50%, 0, 0);
}
.avatar svg {
    border-radius: 50%;
}
/*
	BEGIN: App-Loading Screen.
	--
	Until the AngularJS application code is loaded and bootstrapped, this is just
	"static HTML." Meaning, the [class-based] directive, "mAppLoading", won't
	actually do anything until the application is initialized. As such, we'll give
	it just enough CSS to "fail open"; then, when the AngularJS app loads, the
	directive will run and we'll remove this loading screen.
	NOTES ON ANIMATION:
	When the AngularJS application is loaded and starts bootstrapping, all
	animations are disabled until all the routing information and templating
	information is loaded AND at least two digests have run (in order to prevent
	a flurry of animation activity). As such, we can't animate the root of the
	directive. Instead, we have to add "ngAnimateChildren" to the root element
	and then animate the inner container. The "ngAnimateChildren" directive allows
	us to override the animation-blocking within the bounds of our directive, which
	is fine since it only runs once.
*/

div.m-app-loading {
    position: fixed;
}
div.m-app-loading div.animated-container {
    background-color: #333333;
    bottom: 0px;
    left: 0px;
    opacity: 1.0;
    position: fixed;
    right: 0px;
    top: 0px;
    z-index: 999999;
}
/* Used to initialize the ng-leave animation state. */

div.m-app-loading div.animated-container.ng-leave {
    opacity: 1.0;
    transition: all linear 200ms;
    -webkit-transition: all linear 200ms;
}
/* Used to set the end properties of the ng-leave animation state. */

div.m-app-loading div.animated-container.ng-leave-active {
    opacity: 0;
}
div.messaging {
    color: #FFFFFF;
    font-family: monospace;
    left: 0px;
    margin-top: -37px;
    position: absolute;
    right: 0px;
    text-align: center;
    top: 50%;
    height: 150px;
}
div.m-app-loading h1 {
    font-size: 26px;
    line-height: 35px;
    margin: 0px 0px 20px 0px;
}
div.m-app-loading p {
    font-size: 18px;
    line-height: 14px;
    margin: 0px 0px 0px 0px;
}
.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #5a9086;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
    animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}
.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
@-webkit-keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}
@keyframes sk-bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    40% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
    }
}

/* fix angMaterial err msgs when form reset */
.ng-untouched ~ .md-input-messages-animation {
	height: 0;
	opacity: 0;
}

/* fixed widths for elements */
.w500px{
	width:500px;
}

body{
	min-height: 100%;
}

.green_bg{
	
}

.grid-active-filter-icon {
	color:orange;
}

.header{
	background-image: url(../images/bck_header.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	width:1140px;
	height:110px;
	left: 50%;
  transform: translateX(-50%);
	position:fixed;
	z-index:1;
}

.trans_white_bg{
	background:rgba(255,255,255,0.9);
}


.md-sidenav-hack {
  /* Cosmetic, show where the fill starts */
  background-color: lightgray;
  
  /* Override from absolute to relative */
  position: relative;
  
  /* Change to block display */
  display: block;
}


.disable-scroll {
  overflow-x: hidden;
}

.fab-set-icon {
	font-size: 1.8rem;
}
	 
.md-button.md-fab.md-fab-bottom-right {
	top: auto;
	right: 20px;
	bottom: 20px;
	left: auto;
	font-size: 1.8rem;
	position: fixed !important;
}

.wordwrap{
	/* wrap long text and urls */
	white-space: pre; /* CSS 2.0 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3.0 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	word-wrap: break-word; /* IE 5+ */
} 

.selected-row {
  background-color:LightSteelBlue ;
}


.normal-row {
  background-color:white;
}


.hover-row {
  background-color:#eee;
}

.cropArea {
  background: #E4E4E4;
  
  width:500px;
  height:350px;
}

.fullscreen-dialog {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    border-radius: 0;
}



.fullscreen-dialog-75 {
    max-width: 75%;
    max-height: 75%;
    width: 75%;
    height: 75%;
    border-radius: 0;
}



.fullscreen-dialog-50{
    max-width: 50%;
    max-height: 50%;
    width: 50%;
    height: 50%;
    border-radius: 0;
}


.signPad {
    border:2px ; 
	height:175px;
	width:350px;
	cursor:pointer;
	display: inline-block;
}

.link-button {
	text-decoration:underline;
	cursor:pointer;
	
	
	
}

/* unvisited link */
a:link {
    color: black;
}

/* visited link */
a:visited {
   text-decoration:underline;
	cursor:pointer;
	 color: blue;
	
}

/* mouse over link */
a:hover {
    text-decoration:underline;
	cursor:pointer;
	 color: blue;
	
}

/* selected link */
a:active {
    color: blue;
}



.tooltip {
  position: relative;
  padding: 3px;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  opacity: 0.7;
  white-space: nowrap;
  font: 10pt sans-serif;
}



.md-table-pagination {
	  color:white;
}



md-autocomplete#custom-template {
  width: 200px;
}
.autocomplete-custom-template li {
  border-bottom: 1px solid #ccc;
  height: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  white-space: normal;
}
.autocomplete-custom-template li:last-child {
  border-bottom-width: 0;
}
.autocomplete-custom-template .item-title,
.autocomplete-custom-template .item-metadata {
  display: block;
  line-height: 2;
}
.autocomplete-custom-template .item-title md-icon {
  height: 18px;
  width: 18px;
}
.custom-container {
  min-width: 300px !important;
}

	
.user-panel {
   position: absolute;
   left: 291px;
  top: 64px;
  background: white;
  border-radius: 4px;
  box-shadow: 0 7px 8px -4px rgba(0, 0, 0, 0.2),
      0 13px 19px 2px rgba(0, 0, 0, 0.14),
      0 5px 24px 4px rgba(0, 0, 0, 0.12);
  width: 650px;
}

.input-label {
  color:rgba(0,0,0,0.54);
  font-size:12.75px;
}

.md-button{text-transform: none}