/* events
------------------------------------------------------------------------------*/

.events {
	padding: 57px 0 100px 0;
}

.events article {
	width: 25%;
	float: left;
	padding: 0 15px;
	font-size: 14px;
	line-height: 20px;
}

.current-date {
	width: 70px;
	float: left;
	border-radius: 4px;
	background-color: rgb(0, 168, 133);
	margin-right: 30px;
	margin-top: 4px;
	text-align: center;
	font-family: 'BebasNeue';
	color: #fff;
	font-size: 16px;
	padding: 3px;
	line-height: 20px;
}

.current-date .date {
	background-color: #fff;
	color: rgb(0, 168, 133);
	font-size: 40px;
	border-radius: 4px;
	line-height: 49px;
	margin-top: 3px;
	font-weight: bold;
}


.z-depth-1, .jumbotron,
.navbar,
.badge,
.chip, .btn, .card:not([class*="card-outline-"]), .pagination .active .page-link, .modal-dialog.cascading-modal .modal-c-tabs .nav-tabs, .modal-dialog.modal-notify .modal-header {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.card {
  font-weight: 400;
  border-radius: .3rem;
}

.card:not([class*="card-outline-"]) {
  border: 0;
}

.card img {
  border-radius: 2px 2px 0 0;
}

.card .card-body {
  position: relative;
}

.card .card-body h5 {
  margin-bottom: 1rem;
  font-size: 1rem;
  font-weight: 400;
}

.card .card-body h3 {
  margin-bottom: 1rem;
  font-weight: 400;
}

.card .card-body h4 {
  font-weight: 400;
}

.card .card-body p {
  margin-bottom: 1rem;
}

.card .card-title a {
  transition: 0.3s;
}

.card .card-title a:hover {
  transition: 0.3s;
}

.card .card-text {
  font-size: 0.9rem;
  color: #747373;
  font-weight: 400;
}

.card .card-footer.links-light a {
  font-size: 15px;
  color: #757575;
}

.card .card-footer.links-light a:hover {
  color: #d50000;
  transition: 0.4s;
}

.card .card-footer.links-light a .fa {
  font-size: 17px;
}


.events .info {
	overflow: hidden;
}

.events .info p {
	padding-bottom: 13px;
	min-height: 153px;
	text-align: center;
}

/*
 * Page: Mailbox
 * -------------
 */
.mailbox-messages > .table {
  margin: 0;
}
.mailbox-controls {
  padding: 5px;
}
.mailbox-controls.with-border {
  border-bottom: 1px solid #f4f4f4;
}
.mailbox-read-info {
  border-bottom: 1px solid #f4f4f4;
  padding: 10px;
}
.mailbox-read-info h3 {
  font-size: 20px;
  margin: 0;
}
.mailbox-read-info h5 {
  margin: 0;
  padding: 5px 0 0 0;
}
.mailbox-read-time {
  color: #999;
  font-size: 13px;
}
.mailbox-read-message {
  padding: 10px;
}
.mailbox-attachments li {
  float: left;
  width: 200px;
  border: 1px solid #eee;
  margin-bottom: 10px;
  margin-right: 10px;
}
.mailbox-attachment-name {
  font-weight: bold;
  color: #666;
}
.mailbox-attachment-icon,
.mailbox-attachment-info,
.mailbox-attachment-size {
  display: block;
}
.mailbox-attachment-info {
  padding: 10px;
  background: #f4f4f4;
}
.mailbox-attachment-size {
  color: #999;
  font-size: 12px;
}
.mailbox-attachment-icon {
  text-align: center;
  font-size: 65px;
  color: #666;
  padding: 20px 10px;
}
.mailbox-attachment-icon.has-img {
  padding: 0;
}
.mailbox-attachment-icon.has-img > img {
  max-width: 100%;
  height: auto;
}

 .MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color:lightgrey;
    color: black;                                       
}
            .MyTabStyleX .ajax__tab_header
            {
                font-family: "Helvetica Neue" , Arial, Sans-Serif;
                font-size: 14px;
                font-weight:bold;
                display: block;

            }
            .MyTabStyleX .ajax__tab_header .ajax__tab_outer
            {
                border-color: #222;
                color: #222;
                padding-left: 10px;
                margin-right: 3px;
                border:solid 1px #d7d7d7;
            }
            .MyTabStyleX .ajax__tab_header .ajax__tab_inner
            {
                border-color: #666;
                color: #666;
                padding: 3px 10px 2px 0px;
            }
            .MyTabStyleX .ajax__tab_hover .ajax__tab_outer
            {
                /*background-color:#9c3;*/
            }
            .MyTabStyleX .ajax__tab_hover .ajax__tab_inner
            {
                color: #fff;
            }
            .MyTabStyleX .ajax__tab_active .ajax__tab_outer
            {
                border-bottom-color: #ffffff;
                background-color: #d7d7d7;
            }
            .MyTabStyleX .ajax__tab_active .ajax__tab_inner
            {
                color: #000;
                border-color: #333;
            }
            .MyTabStyleX .ajax__tab_body
            {
                font-family: verdana,tahoma,helvetica;
                font-size: 10pt;
                background-color: #fff;
                border-top-width: 0;
                border: solid 1px #d7d7d7;
                border-top-color: #ffffff;
            }

  .hidden-field {
                display :none                             
            }
  .mydatagrid
{
	width: 80%;
	border: solid 2px black;
	min-width: 80%;
}
.header
{
	background-color: #6a6a6a;
	font-family: Arial;
	color: White;
	height: 25px;
	text-align: center;
	font-size: 16px;
}

.rows
{
	background-color: #fff;
	font-family: Arial;
	font-size: 14px;
	color: #000;
	min-height: 25px;
	text-align: left;
}
.rows:hover
{
	background-color: #fadd7a;
	color: #000;
}

.mydatagrid a /** FOR THE PAGING ICONS  **/
{
	background-color: Transparent;
	padding: 5px 5px 5px 5px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.mydatagrid a:hover /** FOR THE PAGING ICONS  HOVER STYLES**/
{
	background-color: #fff;
	color: #000;
}
.mydatagrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/
{
	
	padding: 5px 5px 5px 5px;
	background-color: #000;
	color: #fff;
}
.pager
{
	background-color: #fadd7a;
	font-family: Arial;
	color: White;
	height: 30px;
	text-align: left;
}

.mydatagrid td
{
	padding: 5px;
}
.mydatagrid th
{
	padding: 5px;
}

  .form-group .form-control
   {
    margin-bottom: 7px;
    padding-left: 3px;
    padding-top: 10px;
    padding-bottom: 3px;
  }

  .form-group .form-group-sm {
    margin-top: 2px;
    padding-top: 2px;
}

    .form-group .form-group-sm .is-empty {
        margin-top: 0px;
        padding-top: 2px;
        padding-bottom: 2px;
    }