﻿﻿.page-header-text {
    font-family: "Inter", "Helvetica", "Arial", sans-serif;
    margin-left: 25px;
	font-weight: 700;
	font-size: 24px;
	line-height: 100%;
	letter-spacing: 0.5px;
	vertical-align: middle;
	color: rgba(23, 43, 77, 1);
	text-transform: none !important;
	font-variant-caps: normal !important	;
}

.dashboard-actions input {
	margin-right: 13px;
}

.dashboard-actions img {
	margin-left: 5px;
    position: absolute;
    z-index: 2;
    margin-top: 7px;
}

.dashboard-actions img.edit-icon, 
.dashboard-actions img.dashboard-icon{
	width: 14px;
	margin-top: 9px;
	margin-left: 7px;
}

.dashboard-actions img.dashboard-icon {
	margin-top: 10px;
}

.dashboardHeader {
	height: 60px;
}

.dashboardHeader .row {
	margin-top: 10px;
}

.dashboardHeader .btn.btn-default {
	border: 1px solid rgba(63, 80, 238, 1);
	border-radius: 4px;
	color: rgba(63, 80, 238, 1);
	padding-left: 25px;
}

.dashboardHeader .btn.btn-default:hover {
	background-color: rgba(237, 246, 251, 1);
}

.dxpcLite_MB .dxpc-mainDiv, .dxpcLite_MB.dxpc-mainDiv, .dxdpLite_MB .dxpc-mainDiv, .dxdpLite_MB.dxpc-mainDiv {
	box-shadow: 4px 4px 4px 0px rgba(0, 0, 0, 0.25);
    border-radius: 12px;
	border: 0px;
}

.dxpcLite_MB .dxpc-header, .dxdpLite_MB .dxpc-header {
	border-bottom: 1px solid rgba(94, 108, 132, 0.15);
}

.dxpcLite_MB, .dxdpLite_MB {
	background-color: rgba(248, 249, 250, 1);
	margin-bottom: 20px !important;
	font-family: "Inter", "Helvetica", "Arial", sans-serif !important;
}

.container-overlay {
	background-color: #fff;
	border-radius: 0 0 12px 12px;
}

.dxpc-header .panel-title {
	font-weight: 600;
	font-size: 16px !important;
	line-height: 100%;
	letter-spacing: 0.5px;
	vertical-align: middle;
	color: rgba(0, 0, 0, 1) !important;
	height: 25px;
	margin-left: 8px;
}

.dxpc-header .panel-toolbar{
	margin-right: 15px;
}

.dxpc-header .panel-toolbar .btn-action {
	font-size: 14px;
	margin-left: 8px;
	color: rgba(94, 108, 132, 1);
} 
.text-gray
{
    color: #737373;
}

.text-light-gray
{
    color: #999999;
}

.text-bold-red
{
    color: red;
    font-weight: bold;
}

.font-arvo
{
    font-family: 'Arvo' , serif;
}
.font-open-sans
{
    font-family: 'Open Sans' , sans-serif;
}
.font-little
{
    font-size: 75%;
    font-weight: normal;
}

.link-gray
{
    color: #999999;
    text-decoration: none;
}

.panel-title
{
    color: #FFF;
}
.panel-body
{
    background-color: #FFFFFF;
}

.popup-body
{
    background-color: #f7f8fa;
    padding-top: 0px !important;
}

.header-margin
{
    margin-top: 10px;
    margin-bottom: 20px;
}

.panel-margin
{
    margin-bottom: 10px;
}

@media (min-width: 768px)
{
    .container-small
    {
        width: 350px;
    }
}
@media (min-width: 992px)
{
    .container-small
    {
        width: 350px;
    }
}
@media (min-width: 993px)
{
    .container-small
    {
        width: 350px;
    }
}


@media (min-width: 768px)
{
    .container-form
    {
        width: 600px;
    }
}
@media (min-width: 992px)
{
    .container-form
    {
        width: 600px;
    }
}
@media (min-width: 993px)
{
    .container-form
    {
        width: 1000px;
    }
}

.vat-font-header
{
    letter-spacing: 0px;
}
.vat-font-header span
{
    font-size: 85%;
    margin-left: 15px;
    margin-right: 15px;
    letter-spacing: 0px;
}
@media (min-width: 300px)
{
    .navbar-fixed-top
    {
        width: 100%;
        text-align: center;
    }
    .navbar-header
    {
        display: inline-block;
        text-align: center;
        float: none;
    }
}
@media (min-width: 992px)
{
    .navbar-fixed-top
    {
        width: 100%;
        text-align: center;
    }
    .navbar-header
    {
        display: inline-block;
        text-align: center;
        float: none;
    }
}
@media (min-width:  993px)
{
    .navbar-fixed-top
    {
    }
    .navbar-header
    {
        float: left;
    }
}

div .popup-content
{
    border-bottom: 1px solid #c0c0c0;
    overflow: auto;
    background-color: #f7f8fa;
}

.popup-toolbar
{
    margin-top: 5px;
    margin-right: 5px;
}

.borderless td
{
    border: none !important;
}

.notification-placeholder 
{
    position: absolute;
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px; 
    -webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    z-index: 9999;
    border-left: 2px solid  royalblue;
    border-right: 2px solid  royalblue;
    border-bottom: 2px solid  royalblue;
    background-color: #6495ed;
    color: white;
    text-align: center;
    top: 0; left: 0; bottom: 0; right: 0;
    margin-left: auto;
    margin-right: auto;
    overflow: auto;
    overflow-y:hidden;
}

.notification-placeholder a,
.notification-placeholder a:hover,
.notification-placeholder a:focus, 
.notification-placeholder a:visited
{
    color: white;
}