/**
  * Fix for editable wrap
  */
.editable-wrap {
	display: inline;
}

/**
  * Workaround to not resize the logo image  
  */
#logo img {
	max-height: 35px;
	width: auto;
}

/**
  * Do not allocate space for element checkbox inside a table   
  * Used in role permission to positionate the checkbox where it belongs
  */
.table-checkbox .checkbox {
	margin-top: 0px;
}

/**
  * Used to differentiate between module type and permission type
  */
.module-text {
	font-weight: bold;
}

/**
  * Used to differentiate between module type and permission type
  */
.module-tr {
	background-color: #F9F9F9;
}

td.tabbed-td0 {
    padding-left: 8px !important;
}

td.tabbed-td1 {
	padding-left: 24px !important;
}

td.tabbed-td2 {
    padding-left: 40px !important;
}

td.tabbed-td3 {
    padding-left: 56px !important;
}

td.tabbed-td4 {
    padding-left: 72px !important;
}

td.tabbed-td5 {
    padding-left: 88px !important;
}

td.tabbed-td6 {
    padding-left: 104px !important;
}

/**
  * Font face to include google fonts, since not all deployments have access to internet
  */
@font-face {
	font-family: 'OpenSans';
	src: url('../fonts/OpenSans-Regular.ttf');
}

@font-face {
	font-family: 'OpenSans';
	src: url('../fonts/OpenSans-Regular.ttf');
}

/**
* Forces error style on selected elements
*/
.smart-form .state-error span {
	border-color: #A90329;
	background: #FFF0F0 none repeat scroll 0% 0%;
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 300;
	src: local('Open Sans Light'), local('OpenSans-Light'),
		url(../fonts/OpenSans-Light.ttf) format('ttf');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: local('Open Sans'), local('OpenSans'),
		url(../fonts/OpenSans-Regular.ttf) format('ttf');
}

@font-face {
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 700;
	src: local('Open Sans Bold'), local('OpenSans-Bold'),
		url(../fonts/OpenSans-Bold.ttf) format('ttf');
}

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: local('Open Sans Italic'), local('OpenSans-Italic'),
		url(../fonts/OpenSans-Italic.ttf) format('ttf');
}

@font-face {
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 700;
	src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
		url(../fonts/OpenSans-BoldItalic.ttf) format('ttf');
}

.table-scroll-persistent-header {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	height: auto;
	max-height: 300px;
}
.tables-scroll-persistent-header {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	height: auto;
}

/**
 * 	Resizing table, screen size
 */
@media ( min-height : 1080px) , ( max-heigth : 1300px) {
	.table-scroll-persistent-header {
		max-height: 600px;		
	}
}

@media ( min-height : 900px) , ( max-heigth : 1079px) {
	.table-scroll-persistent-header {
		max-height: 450px;
	}
}

@media ( max-height : 768px) {
	.table-scroll-persistent-header {
		max-height: 300px;
	}
}

table *.table-scroll-persistent-size {
	box-sizing: inherit;
	-moz-box-sizing: inherit;
}

.thead-scroll-persistent-header {
	display: flex;
	flex-direction: column;
	align-items: stretch;
	width: 100%;
}

.thead-scroll-persistent-size {
	flex-shrink: 0;
}

.tbody-scroll-persistent-header {
	overflow-y: auto;
	overflow-x: hidden;
	display: inline-block;
	width: 100%;
	border-left-width: 1px;
}

thead>tr.thead-scroll-row-persistent-header, 
tbody>tr.tbody-scroll-row-persistent {
	overflow: hidden;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

th.scroll-persistent-header,
td.scroll-standar-cell-persistent {
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
	display: inline-block;
}
/**
* Create  without borders table in header
*/
.table-no-header-bordered>tbody>tr>th, 
.table-no-header-bordered>tfoot>tr>th,
.table-no-header-bordered>tbody>tr>td, 
.table-no-header-bordered>tfoot>tr>td
	{
	border: 1px solid #dddddd;
	border-right-width: 1px;
	border-left-width: 1px;
}

.checkbox-center{
	display: table !important;
    margin-left: auto !important;
    margin-right: auto !important;

}
.stepapprover-button-center, .stepapprover-checkbox-center{
	margin-left:30%;
}

.align-adavancedSearch{
	text-align: right;
}

.center-dinamic-table-button {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
}

/**
* Sets selected on elements
*/
.st-selected{
    background: #D9EDF7 !important;
}

.margin-addresses-button{
	margin-right: 5px;
}

/**
* Style for angular-google-map
*/
.angular-google-map-container { 
    height: 400px; 
    position: relative !important;
}

.image{
	opacity : 1 !important;
}

.image:hover {
    opacity:0.3  !important;
}

img-crop {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    overflow: hidden;
    canvas {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        outline: none;
        -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
        /* mobile webkit */
    }
    .loading {
        width: 100%;
        height: 100%;
        font-size: 16px;
        font-weight: bold;
        display: flex;
        display: -webkit-flex;
        align-items: center;
        -webkit-align-items: center;
        justify-content: center;
        -webkit-justify-content: center;
        color: white;
        background-color: rgba(0, 0, 0, 0.75);
        position: absolute;
    }
}
.crop-area-profile{
    overflow: hidden;
    width:240px;
    height:240px;
    padding: 1px 1px 1px 1px;
    margin-right: 60px;
}

.cropped-image-profile img{
  width:240px;
  height:240px;
}


.crop-area-cover{
    overflow: hidden;
    width:405px;
    height:202.5px;
    padding: 1px 1px 1px 1px;
}

.cropped-image-cover img{
  width:400px;
  height:200px;
}

.actual-image{
    text-align: center;
}
.actual-image img{
    border: 2px solid black;
}

/* line 1, ../../source/scss/ng-img-crop.scss */
img-crop {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}
/* line 7, ../../source/scss/ng-img-crop.scss */
img-crop canvas {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  outline: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  /* mobile webkit */
}
/* line 17, ../../source/scss/ng-img-crop.scss */
img-crop .loading {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  display: -webkit-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-justify-content: center;
  color: white;
  background-color: rgba(0, 0, 0, 0.75);
  position: absolute;
}

.radiobox {
	align-items: left;
	text-align: left;	
	padding-left: 1px;
	
}

.custom-li:hover{
	background: #0174DF;
	color:white;
}

.custom-group-li{
	padding:0.5em 0em;
}

.custom-li{
	list-style:none; 
	padding:0.3em;
}

.custom-active{
	background: #045FB4;
	color:white;
}

.custom-group-title{
	color:gray;
	padding:0.2em;
	font-size:12px;
}

.input-in-td {
	margin: 0px !important;
	padding: 0em;
	padding-left: 10%;
	padding-right:10%;
	width: 80% !important;
	border: none !important;
	height: 40px !important;
}

.td-borderless{
	padding:0em !important;
}

.input{
	border-color: #000 !important;
}

.icon-in-input{
	height: 32px;
	border: 0.5px solid #aaa;
	    border-left-width: 0.5px;
	    border-left-style: solid;
	    border-left-color: rgb(204, 204, 204);
	padding-left: 5px;
	padding-top: 5px;
	border-left: none;
	background-color: white;
}

.input-readonly{
	border-right: none !important;
	background-color: white !important; 
}

.action-btn-wrapper {
    position: relative;
}

.fixed-action-btn.my-custom-btn {
    position: absolute;
    right: 0px;
    top: 23px;
    padding-top: 15px;
    margin-bottom: 0;
}

.nab-floating-buttons-bar {
	position:fixed;
	top:auto !important;
	bottom:10% !important;
	right:28px !important;
	left:auto !important;
	z-index:100;
	height:34px;
	background-color: white;
	padding:1rem;
	border: solid 1px #e2e2e2;
	border-radius: 0.5rem;
	display: flex;
}

.nab-floating-buttons-bar-minify button {
	display: none;
}

.nab-floating-buttons-bar-minify {
	border-radius: 50%;
	width:26px;
	height:26px;
}

.nab-floating-buttons-bar span {
	text-align: center;
    vertical-align: middle;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
	width: 24px;
	cursor: pointer;
	height: 24px;
}