.navbar input.nav-search {
	font-family: 'Arial', FontAwesome;
	background-color: #43a5f3;
    width: 350px;
    border: none;
    padding: 5px;
}

.smallText {
	font-size: small !important;
}

.item-media a.button {
    min-width: 45px;
    padding-right: 0px;
    padding-left: 0px;
}

.timeline-item-date span {
    font-size: smaller;
}

.card-header thead th:first-child {
    padding-left: 0px;
}

.card-content thead th, .card-content thead th.checkbox-cell, .card-content thead th.actions-cell  {   
    height: 26px;
    background-color: #ddd;
}

.data-table .data-table-title {
    font-size: 16px;
}

td input {
    border: none;
}

td .ng-invalid {
    color: red !important;    
}

td .ng-invalid-required { 	
    border-bottom: 1px dotted red !important; 
}

.list-block input[type="datetime"] {
    -webkit-appearance: none;
    box-sizing: border-box;
    box-shadow: none;
    display: block;
    width: 100%;
    height: 36px;
    color: rgb(33, 33, 33);
    font-size: 16px;
    font-family: inherit;
    border-width: initial;
    border-style: none;
    border-color: initial;
    border-image: initial;
    background: 0px 0px;
    border-radius: 0px;
    padding: 0px;
    margin: 0px;
}

[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    margin-left: 0px;
}

.label-line-through {
	text-decoration: line-through;  
}

.label-center {
	text-align: center;
}

.color-lightGray {
	color: rgb(221, 221, 221);	
}

.bg-lightGray {	
	background-color: rgb(221, 221, 221);
}

.list-blockx .list-block-label, .list-blockx .label{
	color: inherit;
}

.picker-calendar .toolbar-inner {
    background: #9e9e9e;
}

.card-header .card-header-actions {
    margin-left: auto;
    -webkit-box-align: center;
    align-items: center;
    display: inherit;
}

.list-block .accordion-item {    
    margin: 8px;
    border-radius: 2px;    
}

.list-block .accordion-item > .item-link{
	color: inherit;
	background-color: rgb(221, 221, 221);
	background-color: inherit;	        
}

.card-header {
    font-size: 16px;
    border-radius: 2px 2px 0px 0px;
    background-color: rgb(221, 221, 221);
}

.actions-cell span {
	margin: 0px 4px 0px 4px;
}

.col-inner {
	border-left: 1px solid #ddd;
    margin-left: 22px;
}

.buttons-row.tab-link {    
	background: #ddd;
	color: gray;
}

.buttons-row.tab-link a.tab-link.button {
	margin: 2px 2px 0px 1px;
    border-radius: 2px 2px 0px 0px;
	text-transform: none;
    background: inherit;
    color: inherit;
}

.buttons-row.tab-link a.tab-link.button.active {	
    background: #ffffff; /*white*/
    color: 	#000000; /*black*/
}

.buttons-row.tab-link a.tab-link.button span.textLabel{	
	display:none;
}

span.midiaLabel {
	margin-right: 3px !important;
	margin-left: 0px !important;
}

span.textLabel {
	margin-right: 0px !important;
	margin-left: 0px !important;
}

span.requiredLabel{	
	margin-right: 0px !important;
	margin-left: 0px !important;
}

input.button {
       display: inline-block;
       position: relative;
       color: #FFFFFF;
       visibility: hidden;
 }
 	
 .custom-file-input input {
       visibility: hidden;                 
 }
 
 .custom-file-input:before {
       content: '\f030  seleccionar';
       font-family: FontAwesome;
       display: block;
       background: -webkit-linear-gradient( -180deg, #007AFF, #007AFF);
       background: -o-linear-gradient( -180deg, #007AFF, #007AFF);
       background: -moz-linear-gradient( -180deg, #007AFF, #007AFF);
       background: linear-gradient( -180deg, #007AFF, #007AFF);
       border: 3px solid #007AFF;
       border-radius: 10px;
       padding: 5px 0px;
       width: 40%;
       outline: none;
       white-space: nowrap;
       cursor: pointer;
       text-align: center;
       font-size: 12pt;
       position: absolute;
       left: 0;
       right: 0;
 }
 
 .custom-file-input:hover:before  {
       border-color: #007AFF;
 }
 
 .custom-file-input:active:before {
       background: #007AFF;
 }   

.midia-list-block{
	height: 100% !important;
    width: 100% !important;
    padding: 0px !important;
}

.inputs-list-block {
	height: auto !important;
    width: 100% !important;
    font-size: inherit !important;
    color: inherit !important;
    line-height: inherit !important;
    padding: 0px !important;
}

.angular-google-map { 	
    height: 100%;	   
}
.angular-google-map-container { 	
    height: 100%;	   
}
.icon .badge {  
    border-radius: 50%;
    padding: 1px 6px;
}

.button-auto-width {
	min-width: auto;
}

.center {
	margin: 0 auto; 
	justify-content: center;
}

.row-border-radius {
	margin: 0px 1px 0px 1px;
	border: 1px solid #aaa;
	border-radius: 10%;
}

.views{
    height: calc(100% - 52px);    
}

.page-content {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
    top:56px;
    height: -moz-calc(100% - (57px));
    height: -webkit-calc(100% - (57px));
    height: calc(100% - (57px));	           
}

.page-iframe {
	padding-top: 48px !important;
	width: 100%;
	height: 100%;     
}

.toolbar-bottom ~ .page-content,
.toolbar-bottom ~ * .page-content {        	           
    top: 56px;
    height: -moz-calc(100% - (105px));
    height: -webkit-calc(100% - (105px));
    height: calc(100% - (105px));               
}



.toolbar-small ~ .page-content,
.toolbar-small ~ * .page-content {        	    
    top:76px;    
    height: -moz-calc(100% - (77px));
    height: -webkit-calc(100% - (77px));
    height: calc(100% - (77px));	        
}


.toolbar-small ~ .toolbar-bottom ~ .page-content, 
.toolbar-small ~ .toolbar-bottom ~ * .page-content,
.toolbar-bottom ~ .toolbar-small ~ .page-content, 
.toolbar-bottom ~ .toolbar-small ~ * .page-content  {        	    
    top:76px;
    height: -moz-calc(100% - (125px));
    height: -webkit-calc(100% - (125x));
    height: calc(100% - (125px));	        
}

.toolbar-small.tabbar .tab-link-highlight {
	display: none;
}

.tabbar-fixed .toolbar, .tabbar-labels-fixed .toolbar, .toolbar-fixed .toolbar {
    box-shadow: 0 1px 4px -1px rgba(0,0,0,.1), 0 1px 1px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);
}

.page>.searchbar~.page-content {
	padding-top: 48px !important;
}

.errorLabel {
	color: red;
	margin-left: 4px;
	margin-right: 4px;
}
.warningLabel {
	color: yellow;
}

.blink {
    animation:fade 3000ms infinite;
    -webkit-animation:fade 3000ms infinite;
}

.list-block .item-media  {
	min-width:30px;
}

.data-table.card .card-header {
	background-color: #ddd;
	height: 44px;
}

.data-table-actions .item-media {
	margin-bottom: 0px !important;
	max-width: 50px;	
}

.row {
	-webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.row.border {
 	border-bottom: 1px solid #ddd;
}

.row.border>[class*=col-]{ 
 border-left: 1px solid #ddd;
 box-sizing: border-box;
}

.item-label{
	padding-top: 6px;
}

.list-block .item-media+.item-inner {
    margin-left: 4px;
}

.list-block .input-item .item-inner, .list-block .item-inner, .list-block .item-input {    
    margin-bottom: 0px;    
}

.list-block .smart-select .item-after {
    width: 100%;
    -ms-flex: 1;
    -webkit-box-flex: 1;
    -webkit-flex-shrink: 1;
    -ms-flex: 0 1 auto;
    flex-shrink: 1;
    position: relative;
    margin-bottom: 0px;
    margin-left: 0px;
    min-height: 50px;
    font-size: 16px;
    color: #212121;
    white-space: pre-line;
    overflow-y: auto;
}

.list-block select {
	-webkit-appearance: menulist !important;
    -moz-appearance: menulist !important;
    -ms-appearance: menulist !important;
    appearance: menulist !important;	   
}

.list-block .col, .list-block li {
    margin-bottom: 2px;
}

.list-block {    
    margin-top: 1px;
    margin-right: 0px;
    margin-bottom: 1px;
    margin-left: 0px;            
}

.list-block .inset {      
	margin-left: 5px;
    margin-right: 0px;                   
}

.list-block .list-block-label {    
    margin: auto;
    text-align: left;
    border: 1px;    
}

.user-link img {
	color: white;
	background-color: white;
    height: 38px;    
    width: 38px;    
    border-radius: 50%;
}

.navbar .text, .subnavbar .text {
    font-size: 11px;
    font-weight: 500;    
    margin: 0 16px;
    position: absolute;
    overflow: visible;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 56px;
    display: inline-block;
    text-align: left;
    bottom: -16px;
}

.navbar .text.center, .subnavbar .text.center {
	left : 60px;
}

.toolbar.toolbar-small {
	height: 19px;
	text-align: center;	
}

.toolbar.toolbar-small.tabbar {
	text-transform: none;		
}
.toolbar.as-tabbar {
	background-color: transparent;
}

.toolbar.toolbar-small.tabbar  a.tab-link{
	flex-direction: row;
}
	
.toolbar.as-tabbar a.button, .row.as-tabbar .buttons-row a.button  {
	text-transform: none;
	margin: 0px 2px;
	flex-direction: column;	
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    padding-left: 0;
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center; 
    align-items: center;        
    line-height: 1.4;
}

.toolbar.tabbar {
	background-color: #ddd;			
}

.tabbar a.tab-link {
	text-transform: none;
	color: gray;	
	border: none;		
	border-right: 1px solid #bbb;	
    border-left: 1px solid #ddd;    
}

.tabbar a.tab-link.active {
	text-transform: none;
	color: gray;	
	text-shadow:black;
	background-color: white;			
}

.toolbar.tabbar a.link {
	margin: 0px 1px;
	text-transform: none;	
}

#topbar{                     
    height: 50px;    
    background: white;          
}

#topbar .navbar-inner{                         
    padding-left: 5%;    
}

#topbar .navbar-inner a{                         
    color: 	black;
}

#exitIcon{
 display:none;
}

#notificationIcon{
  display:none;
}

.navbar-inner {
    padding-left: 4px;    
}

body .panel.panel-left.panel-cover {
 width: 300px;
 left: 0px;
}    
   
body.with-panel-left-cover .panel-left{
  -webkit-transform:translate3d(300px,0,0);
  -ms-transform:translate3d(300px,0,0);
  transform:translate3d(300px,0,0);
}

.row.tablet-only {
	display: none;
}

.tablet-only {
	display: none !important;
}

.phone-only {
	display: initial !important;
}

@media (min-width: 1024px) {
	
	a:focus.button, a:focus.item-link, a:focus.link {
		border: thin black dashed;
	}
	
	.tablet-only {
    	display: flex !important;
	}
	
	.phone-only {
		display: none !important;
	}
	
	.row.tablet-only {
    	display: flex;
	}
	
    body .panel.panel-left.panel-cover {
        left:300px;                
        display:block;
    }    
    
    body.with-panel-left-cover .panel-left{    	
        -webkit-transform:translate3d(0px,0,0);
        -ms-transform:translate3d(0px,0,0);
        transform:translate3d(0px,0,0);        
    }
    
    
    .view-main{
        float:right;
        width:-webkit-calc(100% - 300px);
        width:-moz-calc(100% - 300px);
        width:-ms-calc(100% - 300px);
        width:calc(100% - 300px);
    }
    
    #menuIcon{
        display:none;
    }
    
    #notificationIcon{
        display:none;
    }
    
    #exitIcon{
        display:inline-block;
    }
    
    .buttons-row.tab-link a.tab-link.button span.textLabel{	
		display:inline;
	}
}