html {
	font-family: 'Open Sans', Tahoma;
	position: relative;
  	min-height: 100%;
}

body {
	font-family: 'Open Sans', Tahoma;
	font-size: 12px;
	color: #616161;
	margin: auto;
	margin-bottom: 20px;

}

.gradientbody {
    background: #6A8998;
    background: -webkit-linear-gradient( rgba(106,138,153,1), rgba(253,247,242,1));
    background: -o-linear-gradient( rgba(106,138,153,1), rgba(253,247,242,1));
    background: -moz-linear-gradient( rgba(106,138,153,1), rgba(253,247,242,1));
    background: linear-gradient( rgba(106,138,153,1), rgba(253,247,242,1) );
    background-attachment: fixed;
    background-repeat: repeat-x;
}

header {
	    background-color: #fff;
}

input {
	border-radius: 8px;
	border: 1px solid #C8C8C8;
	outline: none;
	background: #F5F5F5;
}

h5 {
	font-size: 16px;
	color: #616161;
	font-weight: bold;
}

h3 {
	font-size: 18px;
	font-weight: 600;
	color: #141414;
}

:focus {
	outline: none;
}


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 30px;
  padding: 10px 0px;
  font-size:13px;	
}

/* ******************* FONT ******************* */
.Placeholder, ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder,
	input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	font-family: 'Open Sans', Tahoma;
}

/* ******************* COLOR ******************* */
.Placeholder, ::-webkit-input-placeholder, :-moz-placeholder, ::-moz-placeholder,
	input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #808080;
}

.form-control {
	font-size: 14px;
	margin: auto;
	height: 32px;
	border-radius: 10px;
}

input[type="text"].form-control {
	line-height: 14px;
}

.form-control:focus {
	border: 1px solid #ffc107;
	box-shadow: 0 0 0 1px #ffc107;
}

.col-form-label {
	font-size: 14px;
}


.tooltip.in {
	opacity: 1;
}

.tooltip-inner {
	background-color: #F5F5F5;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #616161;
	text-align: left;
	border-radius: 9px;
	box-shadow: 0px 0px 20px #888888;
	border-collapse: separate;
	font-size: 12px;
}

.bs-tooltip-right .arrow::before {
	border-right-color: #F5F5F5;
}

.bs-tooltip-left .arrow::before {
	border-left-color: #F5F5F5;
}

.bs-tooltip-top .arrow::before {
	border-top-color: #F5F5F5;
}

.bs-tooltip-bottom .arrow::before {
	border-bottom-color: #F5F5F5;
}

.alert-danger, .alert-success {
	background-color: #f5f5f5;
	color: black;
	border: 1px solid #c8c8c8;
	border-radius: 9px;
	font-size: 13px;
}

.alert-dismissible .close {
	font-size: 21px;
	padding:0;
}

.alert-dismissible {
	padding-right:30px;
}

.custom-label {
	font-size: 14px;
}

.nav {
	font-size: 14px;
}

.nav-pills .nav-item {
	color: inherit;
    background-color: inherit;
	opacity:0.7;
	border-radius:0;
	margin-left: 20px;
	border-left: solid 2px #ecf3f4;
	padding: 0px 15px;
	margin-bottom:20px;
}

.nav-pills .nav-item:hover {
	border-left: solid 2px #c8c8c8;
	opacity:1;
}

.nav-pills  .nav-item.active {
	color: inherit;
    background-color: inherit;
	border-left: solid 2px #ffc107;
	opacity:1;
}

.form-group.add-asterisk .custom-label:after {
  content:"*";
  color:red;
}

.bodydivrow {
	padding: 20px;
}
.bodydiv {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.35);
    width:100%;
    
}

.bodydiv>.row>.col {
	padding-top:15px;
	padding-bottom:15px;
}

@media (max-width: 576px) {
  .bodydivrow {
    padding: 5px;
  }
}



.helpLogo,.logoutlogo {
	background-position: center;
    background-repeat: no-repeat;
    padding-left: 30px;
    vertical-align: middle;
    display: inline-block;
    vertical-align: middle;
    height: 30px;
    cursor: pointer;
}
.helpLogo {	
	background-image: url(/mailportal/portal/images/help_24X24-74ed7da0516448a41a29ea6aafbc5743.png);
}

.helpLogo:hover {
    background-image: url(/mailportal/portal/images/help-selected_24X24-10411aba2a71ae2208cda609e5d077c5.png);
}

.logoutlogo {
	background-image: url(/mailportal/portal/images/logout_24X24-4a02e16b301146d82b2cc6720733573c.png);
}

.logoutlogo:hover {
    background-image: url(/mailportal/portal/images/logout-selected_24X24-1719d89a9218f45ca4e046d2248da53a.png);
}


.useraccount {
	background-image: url(/mailportal/portal/images/user-account_24X24-aef81d3368870bc78c231a404c7838a8.png);
    background-position: left;
    background-repeat: no-repeat;
    cursor: default;
    padding-left: 30px;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 14px;
    vertical-align: middle;
    display: inline-block;
    height: 30px;
}

.useraccount .dropdown-menu{
	
    font-size: 12px;
   
}

.useraccount > .dropdown > a {
cursor:pointer;
color: #000000;
}

.useraccount:hover > .dropdown > a {
    color: #2bc0e4;
}

.dropdown-item:active {
    color: #16181b;
    text-decoration: none;
    background-color: #f8f9fa;
}
    

.useraccount:hover {
    background-image: url(/mailportal/portal/images/user-account-selected_24X24-6a19e7634b4b201d3e70d7a70a55d9f6.png);
}

.link {
	color: #616161;
    text-decoration: none;
    background-image: linear-gradient(to right, #c3c3c3 40%, rgba(255, 255, 255, 0) 20%);
    background-position: bottom;
    background-size: 7px 1px;
    background-repeat: repeat-x;
}

.link:focus,.link:hover {
	color: #50cce3;
    text-decoration: none;
    background-image: none;
    outline: none;
}


.messagediv
{
    position: absolute;
    top: -30px;
    width: 100%;
    margin-left: -15px;
}

input::-ms-clear
{
	display: none;
}

.error
{
	color: red;
}

.modal {
  text-align: center;
}

@media screen{ 
  .modal:before {
    display: inline-block;
    vertical-align: middle;
    content: " ";
    height: 100%;
  }
}

@media (max-width: 576px) {
	.modal:before {
    height: 0%;
  }
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}


/* ******************* BUTTONS ******************* */
.btn-primary, 
.btn-primary:focus, 
.btn-primary:hover, 
.btn-primary:active,
.btn-primary:active:hover, 
.btn-primary:active:focus {
	color: #fff !important;
	background-color: #2bc0e4 !important;
	border-color: #46b8da !important;
	border-radius: 10px;
	min-width: 100px;
	height: 32px;
	line-height: 12px;
	font-size: 13px;
	box-shadow: none;
	transition: none;
}

.btn-secondary, .btn-secondary:focus, .btn-secondary:hover,
	.btn-secondary:active, .btn-secondary:active:hover, .btn-secondary:active:focus
	{
	background-color: #FFFFFF !important;
	color: #616161 !important;
	border-color: #46b8da !important;
	border-radius: 10px;
	min-width: 100px;
	height: 32px;
	line-height: 12px;
	font-size: 13px;
	box-shadow: none;
	transition: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, 
.btn-primary:not(:disabled):not(.disabled):active:focus 
{
    box-shadow: none;
}

.btn-secondary:not(:disabled):not(.disabled).active:focus, 
.btn-secondary:not(:disabled):not(.disabled):active:focus 
{
    box-shadow: none;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #343a40  !important;
}

div.close span {
    cursor: pointer;
}

.ProcessingDivLoading {
	   	position: fixed;
	    width: 100%;
	    height: 100%;
	    z-index: 4000;
	    background-color: rgba( 0,0,0,0.1);
	    text-align: center;
	    font-size: 20px;
	    display:none;
	}
	
.ProcessingDivLoading div {
	margin: auto;
	top: 50%;
	left: 50%;
	position: fixed;
	margin-left: -62px;
	margin-top: -29px;
}

.ProcessingDivLoading div img {
	margin-left: auto;
	margin-right: auto;
}