/* css reset */
* {
	margin:0;
	padding:0;
}
.no-padding {
	padding: 0;
}
:focus {
	outline: 0;
	box-shadow: none;
}
.img-responsive {
    display: block;
    max-width: 100%;
    /*height: auto;*/
    /*height: 600px*/
}
*, *:before, *:after {
    box-sizing: inherit;
}
/* css reset */

/*spinner*/
.spinner {
  width: 35px;
  height: 35px;
  background-color: #fff;

  margin: 100px auto;
  -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
  animation: sk-rotateplane 1.2s infinite ease-in-out;
}

@-webkit-keyframes sk-rotateplane {
  0% { -webkit-transform: perspective(120px) }
  50% { -webkit-transform: perspective(120px) rotateY(180deg) }
  100% { -webkit-transform: perspective(120px) rotateY(180deg)  rotateX(180deg) }
}

@keyframes sk-rotateplane {
  0% { 
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg) 
  } 50% { 
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg) 
  } 100% { 
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

/*Loading css configs*/
body > .inner {
  display: none;
}

body.pg-loaded > .inner {
  display: block;
}

.pg-loading-screen .pg-loading-html p.loading-message {
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    margin-bottom: 100px;
}
.pg-loading-screen .pg-loading-html p {
    color: #FFF;
    font-weight: 300;
}
/*Loading css configs*/
/*spinner*/

body {
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: .2px;
}
button, html, input, select, textarea {
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: .2px;
}
a {
    font-family: 'Lato', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    letter-spacing: .2px;
    color: #8b91a4;
    text-decoration: none;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out false;
    -o-transition: all .2s ease-in-out false;
    transition: all .2s ease-in-out
}
a:hover,
a:focus {
    color: #35343c;
}
.logo {
	margin: 13px 10px;
}
.md-sidenav-left {
	width: 70px;
}
.md-sidenav-left span.switch {
    display: inline-table;
    margin-top: 10px;
}
.md-sidenav-left span.switch md-switch {
    margin: 0px 0px 0px 18px;
}
.md-sidenav-left span.switch md-switch.ng-empty .md-bar {
    background-color: #49494a;
}
.md-sidenav-left span.switch md-switch.ng-empty .md-thumb {
    background-color: #00ffb4;
}
.view-container {
    width: 100%;
    height: 100%;
}
.view-frame {
    height: 100%;
}
#content {
    height: 100%;
}
#container {
    height: 100%;
}
#sidebar {
	color: #fff;
    background-color: #35343c;
    background-image: -webkit-linear-gradient(left,rgba(61,56,84,0),rgba(45,41,61,.37));
    background-image: linear-gradient(to right,rgba(61,56,84,0),rgba(45,41,61,.37));
    background-position: 100% 0;
    background-repeat: repeat-y;
    transition: all 200ms ease-out 50ms;
    overflow: hidden;
    height: 100%;
}
#sidebar .md-button {
	color: #fff;
    white-space: nowrap;
}
#sidebar .md-button:not([disabled]):hover,
.md-open-menu-container .md-button:not([disabled]):hover,
#sidebar .md-button:not([disabled]):focus,
.md-open-menu-container .md-button:not([disabled]):focus {
  background-color: transparent;
}
#sidebar .md-button {
	padding: 3px 13px;
}
#sidebar .md-button i {
    margin: 0 16px 0 0;
    font-size: 22px;
    width: 39px;
    text-align: center;
    display: inline-table;
    color: #817e88;
}
#sidebar md-list-item {
	border-left: 2px solid transparent;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out false;
    -o-transition: all .2s ease-in-out false;
    transition: all .2s ease-in-out;
}
#sidebar md-list-item.active {
	border-color: #00ffb4;
    background-color: #35343c;
}
#sidebar md-list-item:hover,
#sidebar md-list-item:focus,
#sidebar md-list-item:active {
	background-color: #535257;
}
.md-toolbar-tools {
	color: #575769;
    background: #fff;
    border-bottom: 1px solid #e0e0e9;
    padding: 0 15px 0 25px;
}
.md-toolbar-tools-right {
	padding: 0 25px 0 15px;
}
#content md-content {
    background: #f0f1f4;
    height: 100%;
}
md-list {
    border-top: 1px solid #35304c;
    padding: 0;
}
md-toolbar:not(.not-toolbar){
    z-index: 5;
    color: #575769;
    background: #fff;
}
md-toolbar,
md-toolbar i {
	color: #575769;
}
md-toolbar .breadcrumbs {
	font-size: 15px;
	color: #575769;
    padding: 0;
    margin: 15px 0;
    list-style: none;
}
md-toolbar .breadcrumbs a {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out false;
    -o-transition: all .2s ease-in-out false;
    transition: all .2s ease-in-out
}
md-toolbar .breadcrumbs a:hover {
	color: #7b7de5;
}
md-toolbar .breadcrumbs li {
	display: inline-block;
}
md-toolbar .breadcrumbs>li+li:before {
    padding: 0 1px 0 5px;
    color: #ccc;
    content: "/\00a0";
}
.md-toolbar-tools-right {
	width: 170px;
	font-size: 15px;
}
.md-toolbar-tools-right .md-icon-button {
	margin-left: 0;
}
.md-whiteframe-4dp, 
.md-whiteframe-z2,
md-select-menu {
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.1),0 2px 5px 0 rgba(0,0,0,.1),0 1px 10px 0 rgba(0,0,0,.1);
}
md-menu-content.md-default-theme md-menu-item md-icon, md-menu-content md-menu-item md-icon {
	color: #bcbcc3;
}
md-menu-item>.md-button p {
	color: #575766;
}
md-menu-item {
	-webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out false;
    -o-transition: all .2s ease-in-out false;
    transition: all .2s ease-in-out
}
md-menu-item:hover {
	background-color: #f6f6fb;
}

/* Login */
#body.loginHome {
    background: #403e48;
    height: 100%;
    width: 100%;
    position: absolute;
}
#body input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.logoLogin {
    display: block;
    margin: 0 auto 40px;
}
.loginBox {
    max-width: 90%;
    width: 400px;
    box-shadow: none;
}
.loginBox footer {
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    max-height: 50px;
    height: 50px;
    background: #f6f7f8;
    position: relative;
}
.formLogin md-toolbar h2.md-toolbar-tools {
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    max-height: 80px;
    height: 80px;
    padding: 0 25px;
    border-bottom: 2px solid #f6f7f8;
}
.formLogin md-content {
    padding: 20px 25px 25px;
    background: #fff;
}
.formLogin md-input-container {
    margin: 18px 0 0;
}
.formLogin md-input-container .md-input {
    line-height: 32px;
    height: 36px;
}
.loginBox .md-button.md-primary.md-raised {
    background: #3bcf9b;
    color: #fff;
    border-radius: 0 0 3px 0;
    -moz-border-radius: 0 0 3px 0;
    -webkit-border-radius: 0 0 3px 0;
    height: 50px;
    box-shadow: none;
    margin: 0;
    right: 0;
    position: absolute;
    padding: 0 30px;
    font-weight: 600;
    letter-spacing: .6px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out false;
    -o-transition: all .2s ease-in-out false;
    transition: all .2s ease-in-out
}
.loginBox .md-button.md-primary.md-raised:hover,
.loginBox .md-button.md-primary.md-raised:focus,
.loginBox .md-button.md-primary.md-raised:active {
    background: #3fe0a7;
}
.loginBox .md-button.md-primary.md-raised:disabled {
    background: #704fdb;
}
.loginBox .md-button.md-primary.md-raised:disabled span {
    color: #f6f7f8;
}
.loginBox .forgotPass.md-button {
    color: #fff;
    text-transform: inherit;
    font-weight: 600;
    letter-spacing: .5px;
    margin-top: 20px;
    font-size: 15px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out false;
    -o-transition: all .2s ease-in-out false;
    transition: all .2s ease-in-out
}
.loginBox .forgotPass.md-button i {
    vertical-align: middle;
    margin-right: 6px;
    margin-top: -3px;
    position: relative;
}
.loginBox .forgotPass.md-button:hover,
.loginBox .forgotPass.md-button:focus,
.loginBox .forgotPass.md-button:active {
    background: transparent;
    color: #704fdb;
}
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused .md-input, 
md-input-container:not(.md-input-invalid).md-input-focused .md-input, 
md-input-container.md-default-theme:not(.md-input-invalid).md-input-resized .md-input, 
md-input-container:not(.md-input-invalid).md-input-resized .md-input,
md-select.md-default-theme:not([disabled]):focus .md-select-value, 
md-select:not([disabled]):focus .md-select-value {
    border-color: #3bcf9b;
}
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused label, 
md-input-container:not(.md-input-invalid).md-input-focused label, 
md-input-container.md-default-theme:not(.md-input-invalid).md-input-focused md-icon, 
md-input-container:not(.md-input-invalid).md-input-focused md-icon,
md-input-container.md-input-focused:not(.md-input-has-value) md-select.md-default-theme .md-select-value.md-select-placeholder, 
md-input-container.md-input-focused:not(.md-input-has-value) md-select .md-select-value.md-select-placeholder {
    color: #3bcf9b;
}
.stretch input  {
    width: 100%
}

.formLogin md-input-container .md-input {
    -webkit-box-shadow: 0 0 0 1000px #fff inset!important;
    -moz-box-shadow: 0 0 0 1000px #fff inset!important;
    box-shadow: 0 0 0 1000px #fff inset!important;
    -webkit-text-fill-color: rgba(0,0,0,0.87)!important;
}
/* Login */

.sendBox,
.lastfilesBox,
.empBox,
.usersBox,
.timelineBox {
    background: #fff;
    box-shadow: none;
    border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
}
.lastfilesBox .contentMain.md-padding,
.usersBox .contentMain.md-padding {
    padding-top: 0;
}

.lastfilesBox .contentMain.md-padding {
    min-height: 350px;
    overflow-x: hidden;
}
.contentBox md-toolbar {
    background: #fff;
    padding: 30px;
    border-bottom: 2px solid #f6f7f8;
}
.contentBox md-toolbar h2 {
    font-size: 20px;
    color: #636377;
}
.contentBox md-toolbar p {
    font-size: 15px;
    color: #575769;
}
.contentBox md-content {
    background: #fff!important;
}
md-content {
    color: #575769;
}

.stepSend.md-padding.flex-sm.flex-gt-sm-33 {
    padding: 30px!important;
}

.stepSend:first-child {
    border-right: 2px solid #f6f7f8;
}
.stepSend:last-child {
    border-left: 2px solid #f6f7f8;
}
.contentBox h3 {
    font-size: 18px;
    color: #7b7d8a;
    margin-bottom: 30px;
}
.contentBox h3 .stepNumber {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    color: #a0a1aa;
    border: 2px solid #a0a1aa;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    margin-right: 10px;
    line-height: 38px;
}
.contentBox h3 .stepNumber.next {
    background: #3bcf9b;
    border-color: #3bcf9b;
    color: #fff;
    opacity: 0.5;
}
.contentBox h3 .stepNumber.active:not(.potato) {
    background: #3bcf9b;
    border-color: #3bcf9b;
    color: #fff;
    opacity: 1;
}
md-select {
    line-height: 30px;
}
.stepSend md-input-container {
    margin-bottom: 30px;
}
.stepSend md-input-container.last-child {
    margin-bottom: 18px;
}
.stepSend .lf-ng-md-file-input {
    margin: 0;
}
.stepSend .lf-ng-md-file-input .lf-ng-md-file-input-preview-container {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0;
}
.stepSend .lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-drag {
    border: 2px dashed #e9eaee;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fafafb;
}
.stepSend .lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-drag-text-container {
    height: 122px;
    width: 100%;
    display: table;
    text-align: center;
    padding: 37px 0;
}
.stepSend .lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-drag-text-container:before {
    content: '';
    width: 15px;
    height: 27px;
    margin: 0 auto;
    display: block;
    background: url('../imgs/icon-attach-file.png') no-repeat;
}
.stepSend .lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-drag-text-container .lf-ng-md-file-input-drag-text {
    font-size: 17px;
    font-weight: 400;
    color: #8b91a4;
}
.stepSend .lf-ng-md-file-input .lf-ng-md-file-input-container {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fafafb;
    border: 2px solid #e9eaee;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 0;
    position: relative;
    height: 36px;
}
.stepSend .lf-ng-md-file-input .lf-ng-md-file-input-container .md-raised.lf-ng-md-file-input-button.lf-ng-md-file-input-button-brower {
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0;
    border-radius: 0 3px 3px 0;
    position: absolute;
    top: -2px;
    right: -2px;
    bottom: -2px;
    z-index: 3;
    cursor: pointer;
    background: #7b7d8a;
    font-weight: 600;
    letter-spacing: .6px;
    color: #fff;
}
.stepSend .lf-ng-md-file-input .lf-ng-md-file-input-container .md-raised.lf-ng-md-file-input-button.lf-ng-md-file-input-button-brower md-icon {
    display: none;
}
.stepSend .lf-ng-md-file-input .lf-caption {
    background: url('../imgs/icon-insert-drive.png') no-repeat;
    background-size: inherit!important;
    width: 18px;
    height: 22px;
    min-width: 18px;
    min-height: 22px;
}
.stepSend .lf-ng-md-file-input .lf-ng-md-file-input-container .lf-ng-md-file-input-caption .lf-ng-md-file-input-caption-text {
    color: #8b91a4;
}
.stepSend .lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-frame > img,
.lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-frame {
    height: 100px!important;
}
.stepSend .lf-ng-md-file-input .lf-ng-md-file-input-container .md-raised.lf-ng-md-file-input-button.lf-ng-md-file-input-button-remove {
    margin-right: 100px;
    min-width: inherit;
    padding: 0;
    width: 32px;
    height: 32px;
    border-radius: 50%;
}
.stepSend .lf-ng-md-file-input .lf-ng-md-file-input-container .md-raised.lf-ng-md-file-input-button.lf-ng-md-file-input-button-remove span.ng-binding.ng-scope{
    display: none;
}
.stepSend .lf-ng-md-file-input .lf-remove {
    background: url('../imgs/icon-delete.png') no-repeat;
    background-size: inherit!important;
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
}
.stepSend .lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-x {
    margin-bottom: 0;
    color: #7b7d8a;
}
.stepSend .lf-ng-md-file-input .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-frame {
    -moz-box-shadow: 0 2px 4px -1px rgba(0,0,0,.1),0 2px 5px 0 rgba(0,0,0,.1),0 1px 10px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 2px 4px -1px rgba(0,0,0,.1),0 2px 5px 0 rgba(0,0,0,.1),0 1px 10px 0 rgba(0,0,0,.1);
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.1),0 2px 5px 0 rgba(0,0,0,.1),0 1px 10px 0 rgba(0,0,0,.1);
}
md-select-menu.md-default-theme md-content md-option, 
md-select-menu md-content md-option {
    color: #575769;
}
md-select-menu.md-default-theme md-content md-option:not([disabled]):focus, 
md-select-menu md-content md-option:not([disabled]):focus, 
md-select-menu.md-default-theme md-content md-option:not([disabled]):hover, 
md-select-menu md-content md-option:not([disabled]):hover {
    background: #f6f6fb;
}
md-select-menu.md-default-theme md-content md-option[selected], 
md-select-menu md-content md-option[selected] {
    color: #3bcf9b!important;
}
md-input-container textarea.md-input,
md-input-container input.md-input {
    height: 34px!important;
    min-height: 34px;
    line-height: 32px;
}
.contentBox footer {
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    max-height: 50px;
    height: 50px;
    background: #f6f7f8;
    position: relative;
}
.contentBox .sendBox footer .md-button.md-primary.md-raised,
.contentBox footer .md-button.md-primary.md-raised {
    background: #3bcf9b;
    color: #f6f7f8;
    border-radius: 0 0 3px 0;
    -moz-border-radius: 0 0 3px 0;
    -webkit-border-radius: 0 0 3px 0;
    height: 50px;
    box-shadow: none;
    margin: 0;
    right: 0;
    position: absolute;
    padding: 0 30px;
    font-weight: 600;
    letter-spacing: .6px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out false;
    -o-transition: all .2s ease-in-out false;
    transition: all .2s ease-in-out;
}
.contentBox footer .md-button.md-primary.md-raised {
    position: relative;
    float: right;
}
.contentBox footer .md-icon-button.md-accent {
    position: relative;
    float: right;
}
.contentBox footer .md-button.md-primary.md-raised.md-delete {
    background: #7b7d8a;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.contentBox .sendBox .md-button.md-primary.md-raised:hover,
.contentBox .sendBox .md-button.md-primary.md-raised:focus,
.contentBox footer .md-button.md-primary.md-raised:hover,
.contentBox footer .md-button.md-primary.md-raised:focus {
    background: #3fe0a7;
}

.contentBox footer .md-button.md-primary.md-raised.md-delete:hover,
.contentBox footer .md-button.md-primary.md-raised.md-delete:focus {
    background: #704fdb;
}
.contentBox .sendBox .md-button.md-primary.md-raised:disabled {
    background: #704fdb;
}

.contentBox .sendBox .md-button.md-primary.md-raised:disabled span {
    color: #f6f7f8;
}

.contentBox header {
    background: #fff;
    padding: 30px;
    border-bottom: 2px solid #f6f7f8;
    border-radius: inherit;
    -moz-border-radius: inherit;
    -webkit-border-radius: inherit;
}
.contentBox header h2 {
    font-size: 20px;
    color: #636377;
}
.contentBox header p {
    font-size: 15px;
    color: #575769;
}
.dataTable {
    display: table;
    width: 100%;
    border-spacing: 0 8px;
    overflow: hidden;
}
.contentBox .headTable {
    background: inherit;
    padding: 0;
    border: none;
    display: table-row-group;
    color: #575769;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: .8px;
}
.dataTable .bodyTable {
    display: table-row-group;
    color: #8b91a4;
    font-weight: 600;
}
.dataTable .headTable ul,
.dataTable .bodyTable ul {
    list-style: none;
    display: table-row;
}
.dataTable .bodyTable ul li {
    display: table-cell;
    padding: 13px 0 13px 20px;
}
.dataTable .headTable ul li {
    display: table-cell;
    padding: 13px 0 0 20px;
}
.dataTable .headTable ul {
    border: 2px solid transparent;
    border-bottom: 2px solid #e9eaee;

}

.dataTable .headTable ul li {
    cursor : pointer
}

.dataTable .headTable ul li .md-sort-icon i{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out false;
    -o-transition: all .3s ease-in-out false;
    transition: all .3s ease-in-out;
}

md-icon.material-icons.md-sort-icon{
    font-size: 0px;
}

.dataTable .headTable ul li:hover .md-sort-icon i{
    opacity: 1;
    visibility: visible;
}

.dataTable .headTable ul li .md-sort-icon.active i{
    opacity: 1;
    visibility: visible;
}

.dataTable .headTable ul li .md-sort-icon i {
    margin-top: 2px;
    height: 16px;
    width: 16px;
    font-size: 16px!important;
    line-height: 16px!important;
    color: #575769;
}

.dataTable .headTable ul li .md-sort-icon.md-desc i{
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.dataTable .bodyTable ul {
    background: #fafafb;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out false;
    -o-transition: all .2s ease-in-out false;
    transition: all .2s ease-in-out;
}
.dataTable .bodyTable ul:hover {
    background: #f0f1f4;
}

.dataTable .bodyTable ul li {
    border-top: 2px solid #e9eaee;
    border-bottom: 2px solid #e9eaee;
}

.dataTable .bodyTable ul li a {
    color: #8b91a4;
}
.dataTable .bodyTable ul li:first-child {
    border-left: 2px solid #e9eaee;
    border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
}
.dataTable .bodyTable ul li:last-child {
    border-right: 2px solid #e9eaee;
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    width: 70px;
    position: relative;
    white-space: nowrap;
    background: #fafafb;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out false;
    -o-transition: all .2s ease-in-out false;
    transition: all .2s ease-in-out;
}
.dataTable .bodyTable ul:hover li:last-child {
    background: #f0f1f4;
}
.dataTable .bodyTable ul.pending li:first-child {
    border-left: 3px solid #7b7de5;
}
.dataTable .bodyTable ul.approved li:first-child {
    border-left: 3px solid #3bcf9b;
}
.dataTable .headTable ul li:last-child {
    width: 70px;
    white-space: nowrap;
}
.dataTable .bodyTable ul li .actionButtons {
    position: absolute;
    top: 6px;
    right: 10px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out false;
    -o-transition: all .2s ease-in-out false;
    transition: all .2s ease-in-out;
}
.dataTable .bodyTable ul:hover li .actionButtons {
    opacity: 1;
    visibility: visible;
}
.dataTable .bodyTable ul li .actionButtons button {
    padding: 0;
    margin: 0;
    display: inline-block;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out false;
    -o-transition: all .2s ease-in-out false;
    transition: all .2s ease-in-out;
}
.dataTable .bodyTable ul li .actionButtons i {
    font-size: 26px;
}
.dataTable .bodyTable ul li .actionButtons .addFile {
    color: #3bcf9b;
    right: -15px;
}
.dataTable .bodyTable ul li .actionButtons .addFile:hover,
.dataTable .bodyTable ul li .actionButtons .addFile:focus {
    color: #3fe0a7;
}
.dataTable .bodyTable ul li .actionButtons .removeFile {
    color: #7b7de5;
}
.dataTable .bodyTable ul li .actionButtons .removeFile:hover,
.dataTable .bodyTable ul li .actionButtons .removeFile:focus {
    color: #8688fb;
}
.tablePagination {
    text-align: center;
    color: #d1d2d7;
    padding-top: 5px;
}
.tablePagination button {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
}
.tablePagination button i {
    font-size: 26px;
    font-weight: 700;
}
.tablePagination button.number {
    color: #b7b8bc;
    border: 2px solid #d1d2d7;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    padding: 0;
    margin: 0;
    width: 28px;
    min-width: inherit;
    height: 28px;
    min-height: inherit;
    line-height: 24px;
    margin: 4px;
}
.tablePagination button.number.current {
    background: #7b7de5;
    color: #fff;
    border-color: #7b7de5;
}
.tablePagination button.number.more i {
    font-size: 18px;
}
.tablePagination button:last-child {
    margin-left: -2px;
}
.tablePagination .md-button.md-icon-button {
    margin: 0;
}
.md-button.md-default-theme[disabled], .md-button[disabled] {
    opacity: 0.4;
    color: #d1d2d7;
}

.contentMain.md-padding {
    padding: 30px;
}
md-select.md-default-theme .md-select-value, 
md-select .md-select-value,
md-select.md-default-theme:not([disabled]):focus .md-select-value, 
md-select:not([disabled]):focus .md-select-value,
md-input-container.md-default-theme .md-input, 
md-input-container .md-input {
    color: #575769;
}
.empBox .md-padding {
    padding: 30px 15px;
}
.empRow .empShow {
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    position: relative;
}
.empRow .empShow .overflowShow {
    position: absolute;
    top: 0;
    bottom: 50px;
    right: 15px;
    left: 15px;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(63,57,77,0.92) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(63,57,77,0.92) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(63,57,77,0.92) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}
.empRow .empShow .overflowShow h4 {
    color: #fff;
    bottom: 40px;
    left: 20px;
    font-size: 18px;
    position: absolute;
}
.empRow .empShow .actionsShow {
    position: relative;
    background: #f0f1f4;
    height: 40px;
    min-height: 40px;
    padding: 8px 0;
    text-align: center;
    box-sizing: content-box;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out false;
    -o-transition: all .2s ease-in-out false;
    transition: all .2s ease-in-out;
}
.empRow .empShow:hover .actionsShow {
    background: #3bcf9b;
}
.empRow .empShow .actionsShow button {
    margin: 0;
}
.empRow .empShow .actionsShow button md-icon {
    color: #6a6577;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out false;
    -o-transition: all .2s ease-in-out false;
    transition: all .2s ease-in-out;
}
.empRow .empShow:hover .actionsShow button md-icon {
    color: #fff;
}
.usersBox .dataTable .bodyTable ul li .actionButtons {
    top: 11px;
}
.usersBox .dataTable .bodyTable ul li .actionButtons i {
    font-size: 16px;
}
.usersBox .dataTable .bodyTable ul li .actionButtons .editUser {
    color: #fff;
    right: 12px;
    background: #3bcf9b;
    width: 22px;
    height: 22px;
    min-height: 22px;
    padding: 1px;
    margin: 0;
}
.usersBox .dataTable .bodyTable ul li .actionButtons .editUser:hover,
.usersBox .dataTable .bodyTable ul li .actionButtons .editUser:focus {
    background: #3fe0a7;
}
.usersBox .dataTable .bodyTable ul li .actionButtons .deleteUser {
    color: #fff;
    right: 9px;
    background: #7b7de5;
    width: 22px;
    height: 22px;
    min-height: 22px;
    padding: 1px;
    margin: 0;
}
.usersBox .dataTable .bodyTable ul li .actionButtons .deleteUser:hover,
.usersBox .dataTable .bodyTable ul li .actionButtons .deleteUser:focus {
    background: #8688fb;
}
.timelineBox .periodBox {
    margin-left: -60px;
    margin-bottom: 30px;
}
.timelineBox .date {
    display: inline-block;
    padding: 10px 0;
    width: 120px;
    margin-bottom: 30px;
    background: #7b7d8a;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 11px;
    line-height: 11px;
    border-radius: 30px;
}
.timelineBox .feed-wrapper {
    border-left: solid 1px #dfe0e3;
    margin-left: 60px;
}
.timelineBox article.activity {
    color: #8b91a4;
    font-weight: 600;
    padding: 15px 20px;
    background: #fafafb;
    margin-bottom: 15px;
    margin-right: auto;
    border: 2px solid #e9eaee;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.timelineBox article.activity.new {
    border-color: #3bcf9b;
}
.timelineBox article.activity aside {
    display: inline-block;
    width: 70px;
    margin: 0 25px 0 3px;
    text-align: center;
    font-size: 13px;
    color: #9ea5b2;
    vertical-align: middle;
}
.timelineBox article.activity .activity-details {
    display: inline-block;
    vertical-align: middle;
}
.timelineBox article.activity .activity-details p {
    display: inline-block;
    vertical-align: middle;
}
.timelineBox article.activity span.novo {
    display: inline-block;
    padding: 6px 8px;
    margin: 0 0 0 6px;
    border-radius: 3px;
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    line-height: 1em;
    background: #3bcf9b;
}
.timelineBox .periodShowmore {
    margin-left: -60px;
}
.timelineBox .periodShowmore .load-more {
    -webkit-font-smoothing: antialiased;
    margin: 0;
    display: block;
    background: #f0f1f4;
    border: 2px solid #e9eaee;
    width: 100%;
    border-radius: 3px;
    text-align: center;
    color: #8b91a4;
    font-weight: 600;
    font-size: inherit;
    text-decoration: none;
    text-transform: inherit;
    padding: 7px 0;
}
md-tabs md-tabs-wrapper {
    border-bottom: 2px solid #f6f7f8;
}
md-tabs .md-tab {
    padding: 12px 30px;
    font-weight: 600;
    color: #8b91a4;
    letter-spacing: .6px;
}
md-tabs .md-tab.md-active {
    color: #636377;
}
md-tabs md-ink-bar {
    color: #704fdb;
    background: #704fdb;
}
.addnewTab md-input-container.md-block {
    margin-bottom: 0;
}
.addnewTab md-input-container.md-block:first-child {
    padding-right: 30px;
}
.addnewTab md-input-container.md-block:only-child {
    padding-right: 0;
}
md-header md-toolbar .md-toolbar-tools {
    position: relative;
}
md-fab-speed-dial.md-fab-top-right {
    top: inherit;
    right: 0;
}
md-header md-toolbar .md-toolbar-tools md-fab-trigger i {
    color: #fff;
}
md-header md-toolbar .md-toolbar-tools .md-button.md-fab.md-mini,
.md-virtual-repeat-container.md-autocomplete-suggestions-container {
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.1),0 2px 5px 0 rgba(0,0,0,.1),0 1px 10px 0 rgba(0,0,0,.1);
}
md-header md-toolbar .md-toolbar-tools md-fab-actions md-icon i {
    color: #7b7d8a;
}
md-dialog {
    border-radius: 2px;
    border: none;
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
    box-shadow: 0 5px 15px rgba(0, 0, 0, .1);
}
md-dialog md-dialog-content.md-dialog-content h2.md-title.ng-binding {
    text-align: center;
    font-size: 24px;
    margin-bottom: 5px;
}
md-dialog md-dialog-content.md-dialog-content {
    color: #575769!important;
    padding: 40px;
}
md-dialog md-dialog-actions {
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    height: 50px;
    min-height: 50px;
    background: #f6f7f8;
    position: relative;
    padding: 0;
}
md-dialog md-dialog-actions button.md-button {
    width: 50%;
    margin: 0;
    height: 50px;
    font-weight: 600;
    letter-spacing: .6px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out false;
    -o-transition: all .2s ease-in-out false;
    transition: all .2s ease-in-out;
}
md-dialog md-dialog-actions button.md-button.ng-scope {
    color: #7b7d8a!important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
md-dialog md-dialog-actions button.md-button:last-child {
    background: #3bcf9b!important;
    color: #f6f7f8!important;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
md-dialog md-dialog-actions button.md-button:last-child:hover,
md-dialog md-dialog-actions button.md-button:last-child:focus {
    background: #3fe0a7!important;
}
.dataTable .bodyTable ul.pending li .actionButtons button.fileHistory {
    right: -30px
}
.dataTable .bodyTable ul li .actionButtons button.fileHistory {
    right: -15px
}
md-input-container.md-default-theme .md-input, md-input-container .md-input {
    border-color: #e4e6ea;
}
md-backdrop.md-opaque.md-default-theme, md-backdrop.md-opaque {
    background-color: rgba(53,47,64,1);
    opacity: .85;
}
.contentBox .lastfilesBox h2 span.fileTitle {
    color: #8b91a4;
    margin-left: 10px;
}
.contentBox .lastfilesBox h2 span.fileTitle i {
    vertical-align: sub;
}
.dataTable .headTable ul li.filterFiles {
    text-align: right;
}
.dataTable .headTable ul li.filterFiles .md-button.md-icon-button {
    margin: 0 10px 0 0;
    top: -2px;
}
.filterfilesBox {
    padding: 18px 20px 20px 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #fafafb;
    transition: all 200ms ease-out 50ms;
}
.filterfilesBox .filterfilesLabel {
    padding: 10px 20px 10px 10px;
    color: #575769;
    font-weight: 600;
}
.filterfilesBox md-autocomplete {
    margin-right: 10px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: 2px solid #e9eaee;
}
.filterfilesBox md-autocomplete md-autocomplete-wrap {
    box-shadow: none;
    height: 38px;
}
.filterfilesBox md-autocomplete input {
    font-size: 15px;
    color: #575769;
    line-height: 36px;
    height: 36px;
}
.md-autocomplete-suggestions-container li {
    color: #575769;
}
.animate-if.ng-enter, .animate-if.ng-leave {
    transition:all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}

.animate-if.ng-enter,
.animate-if.ng-leave.ng-leave-active {
    opacity:0;
}

.animate-if.ng-leave,
.animate-if.ng-enter.ng-enter-active {
    opacity:1;
}
.user-profile-input md-input-container {
    top: 11px;
}
.user-profile-input button.md-button.md-primary.md-raised {
    color: #fff!important;
    padding: 4px 15px;
    box-shadow: 0 2px 4px -1px rgba(0,0,0,.1),0 2px 5px 0 rgba(0,0,0,.1),0 1px 10px 0 rgba(0,0,0,.1);
}
body.pg-loading .pg-loading-screen .pg-loading-html.pg-loaded {
    display: none;
}
.preloader-wrapper {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    left: -35px;
}
.preloader-wrapper.active {
    -webkit-animation: container-rotate 1568ms linear infinite;
    animation: container-rotate 1568ms linear infinite
}
@-webkit-keyframes container-rotate {
    to {
        -webkit-transform: rotate(360deg)
    }
}
@keyframes container-rotate {
    to {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.spinner-layer {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-color: #3bcf9b;
}
.spinner-blue,
.spinner-blue-only {
    border-color: #3bcf9b;
}

.active .spinner-layer.spinner-blue {
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, blue-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.active .spinner-layer,
.active .spinner-layer.spinner-blue-only {
    opacity: 1;
    -webkit-animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

/*ajusta title do menu*/
.md-list-item-inner.ng-binding {
    width: unset !important;
}

@-webkit-keyframes fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg)
    }
    25% {
        -webkit-transform: rotate(270deg)
    }
    37.5% {
        -webkit-transform: rotate(405deg)
    }
    50% {
        -webkit-transform: rotate(540deg)
    }
    62.5% {
        -webkit-transform: rotate(675deg)
    }
    75% {
        -webkit-transform: rotate(810deg)
    }
    87.5% {
        -webkit-transform: rotate(945deg)
    }
    to {
        -webkit-transform: rotate(1080deg)
    }
}

@keyframes fill-unfill-rotate {
    12.5% {
        -webkit-transform: rotate(135deg);
        transform: rotate(135deg)
    }
    25% {
        -webkit-transform: rotate(270deg);
        transform: rotate(270deg)
    }
    37.5% {
        -webkit-transform: rotate(405deg);
        transform: rotate(405deg)
    }
    50% {
        -webkit-transform: rotate(540deg);
        transform: rotate(540deg)
    }
    62.5% {
        -webkit-transform: rotate(675deg);
        transform: rotate(675deg)
    }
    75% {
        -webkit-transform: rotate(810deg);
        transform: rotate(810deg)
    }
    87.5% {
        -webkit-transform: rotate(945deg);
        transform: rotate(945deg)
    }
    to {
        -webkit-transform: rotate(1080deg);
        transform: rotate(1080deg)
    }
}

@-webkit-keyframes blue-fade-in-out {
    from {
        opacity: 1
    }
    25% {
        opacity: 1
    }
    26% {
        opacity: 0
    }
    89% {
        opacity: 0
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}

@keyframes blue-fade-in-out {
    from {
        opacity: 1
    }
    25% {
        opacity: 1
    }
    26% {
        opacity: 0
    }
    89% {
        opacity: 0
    }
    90% {
        opacity: 1
    }
    100% {
        opacity: 1
    }
}
.gap-patch {
    position: absolute;
    top: 0;
    left: 45%;
    width: 10%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}
.gap-patch .circle {
    width: 1000%;
    left: -450%
}

.circle-clipper {
    display: inline-block;
    position: relative;
    width: 50%;
    height: 100%;
    overflow: hidden;
    border-color: inherit
}
.circle-clipper .circle {
    width: 200%;
    height: 100%;
    border-width: 3px;
    border-style: solid;
    border-color: inherit;
    border-bottom-color: transparent !important;
    border-radius: 50%;
    -webkit-animation: none;
    animation: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0
}
.circle-clipper.left .circle {
    left: 0;
    border-right-color: transparent !important;
    -webkit-transform: rotate(129deg);
    transform: rotate(129deg)
}
.circle-clipper.left {
    float: left !important;
}
.circle-clipper.right .circle {
    left: -100%;
    border-left-color: transparent !important;
    -webkit-transform: rotate(-129deg);
    transform: rotate(-129deg)
}
.circle-clipper.right {
    float: right !important;
}
.active .circle-clipper.left .circle {
    -webkit-animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

.active .circle-clipper.right .circle {
    -webkit-animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both;
    animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both
}

@-webkit-keyframes left-spin {
    from {
        -webkit-transform: rotate(130deg)
    }
    50% {
        -webkit-transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(130deg)
    }
}

@keyframes left-spin {
    from {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
    50% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    to {
        -webkit-transform: rotate(130deg);
        transform: rotate(130deg)
    }
}

@-webkit-keyframes right-spin {
    from {
        -webkit-transform: rotate(-130deg)
    }
    50% {
        -webkit-transform: rotate(5deg)
    }
    to {
        -webkit-transform: rotate(-130deg)
    }
}

@keyframes right-spin {
    from {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
    50% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    to {
        -webkit-transform: rotate(-130deg);
        transform: rotate(-130deg)
    }
}

@-webkit-keyframes fade-out {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

@keyframes fade-out {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}
md-dialog.md-default-theme {
    max-width: 600px;
}


.ng-valid .lf-ng-md-file-input-preview-container .lf-ng-md-file-input-drag {
    border: 2px dashed #3bcf9b !important;
}

.ng-valid .lf-ng-md-file-input-container.layout-row {
    border: 2px solid #3bcf9b;
}

.lf-ng-md-file-input .lf-ng-md-file-input-container .lf-ng-md-file-input-caption .lf-ng-md-file-input-caption-text {
    margin-left: 8px;
    font-weight: 700;
    font-size: 12px;
}

/* RESPONSIVO */

@media (max-width: 1919px) {
    
}
@media (max-width: 1279px) {
    
}
@media (max-width: 959px) {
    .empRow .empShow {
        margin-bottom: 30px;
    }
}
@media (max-width: 599px){

}

@media (min-width: 600px) {
    .expanded {
        width: 300px;
    }
    .user-profile-input md-input-container input#textInput {
        min-width: 250px;
    }
}
@media (min-width: 960px) {
    .md-padding,
    .md-normal-padding {
        padding: 30px;
    }
}
@media (min-width: 1280px) {

}
@media (min-width: 1920px) {

}