/*
 * It is advised not to edit the smartadmin_production.css
 * as this will override any changes you make in the 
 * later versions of this theme. 
 * 
 * We advise that you use use this CSS to override 
 * SmartAdmin styles. 
 * 
 * Rename the stylesheet to whatever your liking so it will stay
 * unique to you with each update of SmartAdmin.
 */

/*
 * INDEX
 * 
 * - HTML
 * - BODY
 * - CUSTOM STYLES
 */

 .loadScreen {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: black;
    color: white;
    padding-top: 100px;
    text-align: center;
    z-index: 9999;
    opacity: .7;
    font-size: 1.4em;
 }

 .smallLabel {
	font-weight: normal !important;
	font-size: .8em;
}

.reportlabel-danger {
	font-size: 1.2 em;
	color: #FF0000 !important;
}

aside .nav-tabs li {
   background-color: #554F4A !important;
}

aside .nav-tabs a {
   color: #FFFFFF !important;
}

aside .nav-tabs li.active a {
   color: #555560 !important;
}

.module-record-title {
   margin-top: -3px;
   color: #6d6a69 !important;
}

.live-model-menu-container {
   position: relative;
}

.menuItemFormElement {
   padding: 10px;
   padding-left: 17px;
   padding-right: 17px;
}

.font-red {
   color: #FF0000 !important;
}

.font-green {
   color: green !important;
}

.font-yellow {
   color: #e2df00 !important;
}

.font-black {
   color: black !important;
}

@media (min-width: 768px) {
   .moduleMainContainer {
      padding: 30px !important;
      padding-top: 15px !important;
   }
}

@media (max-width: 768px) {
   .moduleMainContainer {
      padding: 0px !important;
      padding-top: 0px !important;
      padding-bottom: 50px !important;
   }
}

@media (min-width: 768px) {
   .moduleTitleContainer {
      height: 50px !important;
      display: block !important;
      font-size: 1.6em;
      color: #6d6a69 !important;
   }
   
   .moduleTitle {
      margin-left: 20px;
   }
}

@media (max-width: 768px) {
   .moduleTitleContainer {
      height: 50px !important;
      display: block !important;
      font-size: 1.3em;
      color: #6d6a69 !important;
      padding: 10px !important;
   }
   
   .moduleTitle {
      width: 90%;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      margin-left: 20px;
   }
}

 .smart-style-2 #main {
    padding: 0px;
    padding-top: 0px;
    background: #F2F3F5 !important;
    background-color: #F2F3F5 !important;
    /*font-family: "Open Sans", Arial, sans-serif !important;*/
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 1.1em;
    
}

.smart-style-2 body {
   background: #F2F3F5 !important;
   background-color: #F2F3F5 !important;
}

body {
   background: #F2F3F5 !important;
   background-color: #F2F3F5 !important; 
}

.dropdown-menu-formelement {
   min-width: 250px;
   width: auto;
}

textarea.form-control {
    min-height: 50px !important;
}

.smart-style-2 html {
   background: #F2F3F5 !important;
   background-color: #F2F3F5 !important;
}

.main-nonav {
   width: 100% !important; 
   margin-left: 0px !important; 
   left: 0px !important;
}

.dashboard-content {
    margin-left: 100px;
}

.dashboardArticleDivider {
   display: block;
   margin: 0px;
   padding: 0px;
   height: 0px;
}

.dashboardHeader {
    font-size: 1.2em;
    font-weight: 500;
    display: block;
    margin-bottom: -9px;
}

.dashboardHeaderBoldContainer {
   display: block;
   padding-top: 5px;
   padding-bottom: 5px;
}

.dashboardHeaderBold {
   font-size: 1.5em;
   font-weight: 400;
   display: block;
   margin-left: 20px;
   margin-bottom: -15px;
}

.dashboard-header {
   display: block;
   color: #000 !important; 
   background-color: #FFF !important;
   height: 100px;
   width: 100%;
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
   margin-bottom: 15px;
}

.dashboardSidebarContent {
   font-size: 1.1em;
   padding: 15px;
   padding-left: 25px;
   padding-bottom: 0px;
}

.dashboardEventContentContainer {
   font-size: 1.2em;
   display: table !important; 
   height: auto; 
   padding-left: 5px !important;
   padding-right: 5px !important;
}

.devotionSubtitleContainer {
   height: 50px;
   padding-bottom: 10px;
   margin-bottom: 10px;
   border-bottom: 1px solid rgba(68, 68, 146, 0.623) !important;
}

.devotionModalSubtitle {
   padding-top: 20px;
   font-size: 1.0em;
   float: left;
}

.devotionModalDate {
   float: right;
}

.devotionModalDateMY {
   float: left;
   padding-top: 10px;
   font-size: 1.0em;
}

.devotionModalDay {
   float: left;
   margin-left: 25px;
}

.devotionModalDay .weekday {
   font-size: 2.6em;
   font-weight: 700;
   color: #80808E;
}

.devotionModalDay .day {
   font-size: 2.6em;
   font-weight: 700;
   color: rgb(68, 68, 146);
}

.modal-body-devotion {
   position: relative !important;
   overflow: hidden;
}

.bible-reading-text {
   height: 400px;
   width: 100%;
   overflow-x: hidden;
   overflow-y: scroll;
}

.devotionMediaPlayer {
   height: 35px; 
   background-color: #F5F5F5 !important;
   color: #000 !important;
}

.devotionMediaPlayer div {
   color: #000 !important;
}

.devotionMediaPlayer video {
   color: #000 !important;
}

videogular vg-time-display, [videogular] vg-time-display {
   color: #555 !important;
   display: table-cell;
   font-family: Arial;
   font-size: 18px;
   width: 75px;
   vertical-align: middle;
   text-align: center;
   cursor: default; }

.page-footer {
   bottom: 0px;
   position: fixed !important;
   z-index: 99 !important;
}

.mediaControButtons {
   margin-bottom: 10px;
}

.subheader-devotion-container {
   width: auto;
}

.modal-button-top-container {
   color: #555;
   width: 20px !important;
   height: 20px !important;
   padding: 0px !important;
   text-align: center !important;
}

.modal-button-top-container:hover {
   color: #999 !important;
}

.modal-button-top {
   color: #555 !important;
   font-size: .8em;
   margin-right: 10px;
   margin-top: -5px;
   padding-top: 0px !important;
}

.modal-button-top:hover {
   color: #999 !important;
}

.modal-button-top-times {
   color: #555 !important;
   font-size: 1.0em;
   margin-right: 10px;
   margin-top: 0px;
   padding-top: 0px !important;
}

.modal-button-top-times:hover {
   color: #999 !important;
}

.modal-body-sourcepgcontainer {
   background-color: #f2f3f5;
   padding-left: 0px;
   padding-right: 0px;
   padding-top: 15px;
}

.modal-header-color {
   background-color: #e8e9eb;
   color: #555;
   border-bottom: 1px solid rgb(202, 202, 202);
}

/*
.header-button {
   font-size: 1.4em;
   color: #000;
}
*/

.nav-tabs>li.active>a {
   -webkit-box-shadow: 0 -2px 0 #57889c;
   -moz-box-shadow: 0 -2px 0 #57889c;
   box-shadow: 0 -2px 0 #57889c;
   border-top-width: 0!important;
   margin-top: 1px!important;
   font-weight: 700;
   line-height: 1.62857143;
}

.nav-tabs>li>a:hover {
   border-color: #eee #eee #ddd;
}
.nav>li>a:focus, .nav>li>a:hover {
   text-decoration: none;
   background-color: #eee;
}
.nav-tabs>li>a {
   background-color: #eee;
   border-radius: 0;
   color: #333;
}
.nav-tabs>li>a {
   margin-right: 2px;
   margin-top: 3px!important;
   line-height: 1.42857143;
   border-bottom: 0px !important;
   border-radius: 5px 5px 0 0;
   border: 1px solid rgb(197, 197, 197);
}
.nav>li>a {
   position: relative;
   display: block;
   padding: 9px 10px 10px;
}

.agod-nav .nav-tabs {
   margin-top: 5px;
}

.agod-nav .nav-tabs>li>a {
   background-color: rgb(51, 47, 45);
   color: #fff;
   margin-right: 2px;
   margin-top: 3px!important;
   line-height: 1.42857143;
   border-radius: 5px 5px 0 0;
   border: 1px solid rgb(58, 54, 51);
   border-bottom: 1px solid rgb(197, 197, 197);
}

.agod-nav .nav-tabs>li>a:hover {
   color: rgb(211, 209, 209);
   border-color: #eee #eee #ddd;
}

.agod-nav .nav-tabs>li.active>a {
   -webkit-box-shadow: 0 -2px 0 #F5F5F5;
   -moz-box-shadow: 0 -2px 0 #F5F5F5;
   box-shadow: 0 -2px 0 #F5F5F5;
   border-top-width: 0!important;
   margin-top: 1px!important;
   font-weight: 700;
   line-height: 1.62857143;
   background-color: rgb(58, 54, 51);
   border-bottom: 0px !important;
   color: #F5F5F5 !important;
}

.header-button:hover {
   background-color: #EDEDED;
}

.header-button a {
   color: #6D6D6D;
}

.round {
   display: inline-block;
   height: 30px;
   width: 30px;
   line-height: 30px;
   -moz-border-radius: 15px;
   border-radius: 15px;
   background-color: #FFF;    
   color: #6D6D6D;
   text-align: center;  
   font-weight: normal;
   cursor: pointer;
}

.round.round-sm {
   height: 20px;
   width: 20px;
   line-height: 20px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   font-size: 0.7em;
}
.round.round-lg {
   height: 40px;
   width: 40px;
   line-height: 40px;
   -moz-border-radius: 20px;
   border-radius: 20px;
   font-size: 1.5em;
}

.header-date {
   display: block;
   font-size: 1.8em;
   font-weight: bold;
}

.headerDateLine1 {
   display: block;
   font-size: 0.7em;
   color: #80808E;

}

.headerDateWeekday {
   font-size: 1.5em;
   color: #80808E;
}

.headerDateWeekmonth {
   font-size: 1.5em;
   color: rgb(68, 68, 146);
}

.header-alert-content {
   display: block;
   font-size: 1.2em;
   padding-left: 5px;
   padding-top: 20px;
}

.btn-footer {
   height: 25px !important;
   width: 40px;
   text-align: center !important;
   vertical-align: top !important;
   font-size: 1.2em;
   cursor: pointer;
   margin-top: 0px !important;
   top: 0px !important;
   padding-top: 0px !important;
}

.btn-footer a {
   color: #fff !important;
}

.btn-footer:hover a {
   color: #BFBFBF !important;
}

.btn-footer-separator {
  width: 40px; 
  font-size: 1.2em;
  text-align: center; 
  font-weight: normal;
}

#header {
   top: 0px;
   display: block !important;
   position: fixed !important;
   width: 100% !important;
}

.userAccountsTableBody {
   min-height: 120px;
}

.userAccountsTableContainer {
   height: auto;
   background-color: #F5F5F5;
   max-height: 250px;
   overflow-y: scroll;
}

#main {
   top: 50px !important;
}

.main-custom {
   left: 0px !important;
   width: 100% !important;
}

.module-title {
   display: block;
   margin-top: -5px;
   margin-bottom: 10px;
   font-size: 1.5em;
   font-weight: strong;
}

.header-left-container {
   width: 60% !important;
   overflow: hidden;
}

.module-record-title {
   position: relative;
   width: auto;
   overflow: hidden;
   margin-left: 60px;
   color: #FFF;
   font-size: 1.4em;
   top: 15px;
}

.record-body-title {
   font-size: 1.6em;
   display: block;
   margin-top: 10px;
   margin-bottom: 10px;
}

.btn-header input {
   max-width: 200px !important;
   margin-top: 10px;
   border: 0px;
   background: none !important;
   border-bottom: 1px solid white !important;
}

.input-group-btn .btn-icon {
   font-size: 1.2em;
   color: #6d6a69;
   top: 10px !important;
   padding: 0px !important;
   border: 0px !important;
   background: none !important;
}

.header-input-container .btn-icon {
   font-size: 1.2em;
   color: #6d6a69;
   margin-top: 20px;
   padding: 0px !important;
   border: 0px !important;
   background: none !important;
}

.btn-icon :hover {
   border: 0px !important;
   background: none !important;
   cursor: pointer !important;
}

.module-search-results {
   width: 80%;
   margin: 0px !important;
   padding-bottom: 20px;
   top: 70px;
   left: 225px;
   position: relative;
   display: block;
}

.modal-body-scroll {
   height: auto;
   max-height: 300px !important;
   overflow-x: hidden;
   overflow-y: scroll;
}

.wizardStepContainer {
   padding: 20px;
   border: 1px solid #dddddd;
   border-top: 0px;
}

.comment-container {
   display: block;
   /*min-height: 120px;*/
   width: 100%;
   padding: 10px;
   /*border: 1px dashed red;*/
}

.comment-content-container {
   display: block;
   /*min-height: 82px;*/
   /*border: 1px solid blue;*/
}

.comment-author-photo {
   background-color: #ccc;
   height: 80px;
   width: 80px;
   float: left;
}

.comment-content {
   display: block;
   /*border: 1px solid orange;*/
   /*padding: 10px;*/
}

.comment-details {
   display: block;
   text-align: left !important;
   margin-top: 10px;
   font-size: 0.9em;
   /*border: 1px dashed green;*/
}

@media(max-width: 768px) {

   .header-submenu-container {
      display: block;
      position: relative;
      border-top: 1px solid #bbbbbb;
      border-bottom: 1px solid #bbbbbb;
      width: 100% !important;
      background-color: white !important;
      padding: 5px;
   }

   .submenu-btn-container {
      display: inline-block;
      background-color: white;
      height: auto;
      padding: 10px;
      cursor: pointer;
   }

   .submenu-btn-container :hover {
      background-color: #f2f3f5;
   }

   .submenu-btn-container a {
      color: #6d6a69 !important;
      font-size: 1.2em;
   }

}

@media(min-width: 768px) {
   .header-submenu-container {
      display: none !important;
   }
}

@media(max-width: 768px) {
   .header-input-container {
      display: none !important;
   }
}

@media (min-width: 768px) {
   .header-input-container {
      max-width: 260px !important;
   }
}

.article-thumbnail-subtitle {
   margin-bottom: 0px !important;
   padding-bottom: 0px !important;
}

.article-body-row {
   padding-bottom: 0px !important;
}

.article-body-row hr {
   padding: 0px !important;
   margin: 0px !important;
   margin-bottom: 7px !important;
}

.article-box-container {
   background-color: #FFF !important;
   border-radius: 10px 10px 10px 10px;
   margin: 5px !important;
}

.article-box-container a {
   color: #555;
}

.article-box-container:hover {
   box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
}

.article-box-container:hover a {
   color: #4285F4;
}

.article-box-container a:hover {
   text-decoration: underline;
}

.article-box-container p {
   font-size: 1.1em;
}

.article-author {
   display: block;
   font-size: 0.6em !important;
   margin-top: 5px;
   margin-bottom: 5px;
}

.article-newssource-container {
   display: table-cell; 
   width: 25%; 
   padding: 5px !important;
}

.article-body-container {
   display: table-cell; 
   width: 100%; 
   padding: 5px !important; 
   padding-top: 10px !important;
   padding-bottom: 10px !important;
   vertical-align: top !important;
}

.article-thumbnail {
   width: 95%; 
   height: auto; 
   margin-bottom: 10px;
}

.article-thumbnail-container {
   width: 100%;
   height: auto;
   max-height: 220px;
   overflow: hidden;
}

.article-thumbnail-container-narrow {
   max-width: 90px;
   height: auto;
   float: left;
   margin-right: 10px;
   margin-bottom: 10px;
}

.article-caption-text {
   font-size: 1.1em;
}

.article-divider {
   border-bottom: 2px dashed #CCC; 
   height: 2px;
}

.article-title {
   /*color: #000;*/
   /*font-weight: bold;*/
}

.article-publisher {
   font-size: .7em;
   font-style: normal;
}

.article-caption {
   margin-top: -10px;
   margin-bottom: 10px;
   margin-right: 25px;
   font-size: 1.1em;
}

.article-content {
   margin-top: 7px;
   margin-bottom: 7px;
}

.article-box-container .article-expander {
   color: #ccc;
}

.article-box-container:hover .article-expander {
   color: #757575;
}

.article-expander {
   bottom: 10px;
   right: 10px;
   position: absolute;
   cursor: pointer;
}

.article-expander:hover {
   color: rgb(53, 53, 255);
}

.article-collapsed {
   transition: bottom 0.7s; -webkit-transition: bottom 0.7s;
   display: none;
}

.article-expanded {
   transition: top 0.7s; -webkit-transition: top 0.7s;
   display: block;
}

.articleImage {
   height: auto;
   width: auto;
   max-width: 320px;
   float: left;
   margin-right: 10px;
   margin-bottom: 10px;
}

.articleBody {
   float: none;
   text-align: justify;
}

.articleCaptionColumn {
   width: 92%;
   float: right;
}

.articleFont0 {
   font-size: .7em;
}

.articleFont1 {
   font-size: .8em;
}

.articleFont2 {
   font-size: .9em;
}

.articleFont3 {
   font-size: 1.0em;
}

.articleFont4 {
   font-size: 1.2em;
}

.articleFont5 {
   font-size: 1.4em;
}

.articleFont6 {
   font-size: 1.6em;
}

.articleFont7 {
   font-size: 1.8em;
}

.articleFont8 {
   font-size: 2.0em;
}

.articleFont9 {
   font-size: 2.2em;
}

.newsfeed-container-center a.btn {
   color: white;
}

.btn-font-up {
   cursor: pointer;
   border: 0px;
   border-left: 0px;
   height: 20px;
   width: 20px;
   padding: 7px 7px 7px 7px;
   font-size: 1.2em;
}

.btn-font-down {
   cursor: pointer;
   border: 0px;
   height: 20px;
   width: 20px;
   padding: 7px 7px 7px 7px;
   font-size: .9em;
}

.btn-font-up:hover {
   color: grey;
}

.btn-font-down:hover {
   color: grey;
}

.publicMediaContainer {
   width: 100%;
   height: auto;
   overflow: hidden;
}

.publicMediaContainer iframe {
   width: 100%;
   padding: 0px;
   min-height: 200px;
}

.comments-profilepicture-container {
   border-radius: 50%;
   height: 40px;
   width: 40px;
   overflow: hidden;
   margin-right: 10px;
}

.comments-profilepicture {
   width: 40px;
   object-fit: contain;
}

.social-feed-box {
   height: auto !important;
   display: block !important;
   margin-top: 10px !important;
   margin-bottom: 5px !important;
   overflow: auto !important;
   border-bottom: 1px solid #F5F5F5;
}

.profilepic-sm {
   display: block;
   max-width: 60px;
   max-height: 60px;
   image-rendering: high-quality;
   margin-right: 10px;
   margin-bottom: 10px;
}

.social-feed-comment-box {
   width: 100%;
   display: block;

}
 
 .comments-bubble:before {
   content:'';
   /*
   position: absolute;
   right: 100%;
   top: 8px;
   width: 0;
   height: 10px;
   border: 1px solid red;
   */
   /*
   border-top: 8px solid transparent;
   border-right: 16px solid #fff;
   border-bottom: 8px solid transparent;
   */
 }

.comments-bubble {
   position: relative;
   padding: 10px;
   border-radius: 20px;
   border: 1px solid #ccc;
   background-color: #FFFFFF;
   
}

.compose-comments {
   width: 100%;
   height: 40px;
   border: 0px;
}

.compose-comments-container {
   height: auto;
}

.comments-toggle-label {
   cursor: pointer;
}

.compose-comment-label {
   font-size: 1.2em;
}

.comment-date {
   margin-left: 60px !important;
   font-size: .9em;
}

.comment-author {
   font-weight: bold;
}

.article-comments-region {
   margin-top: 10px;
   font-size: .9em;
   width: 100%;
   padding: 10px;
   border-radius: 20px;
   background-color: #F2F3F5;
}

.article-comments-region h4 {
   margin-bottom: 10px;
}

.article-comments-container {
   margin: 0px;
   width: 100%;
   height: auto;
   margin-bottom: 10px;
}

.comments-scrollable {
   max-height: 200px;
   overflow-x: hidden;
   overflow-y: auto;
}

h5.event-registration-title {
   font-size: 1.0em;
   font-weight: bold;
}

h5.event-registration-title small {
   font-size: 0.9em;
}

.img-responsive {
   display: block;
   max-width: 100%;
   width: 100%;
   height: auto;
}

.spacer-10 {
   display: block;
   height: 10px;
   margin: 0px;
   padding: 0px;
}

/** OFFICE STYLES **/
.office-page-container {
   width: 100% !important; 
   height: 100%; 
   padding: 0px !important; 
   margin: 0px !important; 
   color: #555 !important;
}
.sub-header-container {
   display: block; 
   position: relative; 
   margin-top: -12px !important; 
   width: 100%; 
   padding-top: 5px; 
   padding-left: 0px !important; 
   border: 1px solid #ccc; 
   background-color: #EDECEC !important; 
   height: 40px !important;
}
.btn-sub-header {
   font-size: 1.0em;
   padding: 5px 10px 5px 10px;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
}

.btn-sub-header:hover {
   cursor: pointer;
   background-color: #DEDCDC;
}

.subHeaderTitle {
   font-size: 1.3em;
   margin-left: 10px;
   margin-right: 15px;
   margin-top: 2px;
}

.externalPageWrapper {
   position: relative;
   padding-bottom: 56.25%; /* 16:9 */
   padding-top: 25px;
   height: 0;
}
.externalPageWrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   min-height: 400px;
   width: 100%;
   height: 85%;
   border: 0px;
}

.officeContactsSearch {
   margin-bottom: 10px;
}

.officeContactsContainerMain {
   vertical-align: top;
   height: auto !important;
}

.officeContactsAlphabetList {
   float: left !important;
   width: 10% !important;
   height: auto;
   overflow: hidden;
   border-right: 1px solid #F5F5F5;
}

.officeContactsAlphabetList > span {
   display: block;
   text-align: center;
   width: 100%;
   height: 25px;
}

.officeContactsListMin {
   width: 90%;
   float: left !important;
   top: 0px;
   vertical-align: top;
   height: 670px;
   overflow-y: auto;
   overflow-x: hidden;
}

.officeContactsListContainer {
   display: block;
   width: 100%;
   padding: 10px;
   cursor: pointer;
}

.officeContactsListContainer:hover {
   background-color: #F5F5F5;
}

.officeContactsListContainer .contactsTitle {
   margin-left: 10px;
   font-size: 1.4em;
}

.btn-contacts-toggle {
   font-size: 0.7em !important;
}

.officeContactsEditForm {
   width: 100%;
   font-size: 1.1em;
}

.officeContactsEditForm label {
   font-weight: normal;
}

.officeContactsFormSectionHeader {
   margin-bottom: 20px;
}

.officeContactsEditForm .form-control {
   margin-bottom: 15px;
}

.officeContactsEditFormGroup {
   width: 90%;
   margin-bottom: 30px;
}

.altFieldContainer {
   padding-top: 20px;
}

.contactSectionAltFieldsBtn {
   cursor: pointer;
}

.contactSectionAltFieldsBtn i {
   font-size: 1.2em;
}

.playlist {
   display: block;
   width: 100%;
   background-color: #F5F5F5;
}

.playlistItem {
   padding: 5px;
   width: 100%;
   margin: 0px;
   color: black;
   font-size: 1.1em;
   display: block;
   cursor: pointer;
}

.playlistItem:hover {
   background-color: #ccc;
}

.playlist li.selected {
   background-color: #e6e6e6;
}

/*Tasklist Table*/

.tasklist-table {
   width: 100%;
   border-collapse: collapse;
}

.tasklist-table th {
   padding: 5px;
   border: 1px solid #ccc;
   background-color: #F5F5F5;
}

.tasklist-table td {
   padding: 5px;
   border: 1px solid #ccc;
}

.tasklist-table tbody {
   background-color: #FFF;
}

.tasklist-table tbody:nth-child(odd) {
   background-color: #F5F5F5;
}

.tasklist-table tbody:hover {
   background: #FDFECC;
}

.tasklist-table .deleteColumn {
   width: 40px;
   text-align: center;
}

.deleteColumn {
   width: 40px;
   text-align: center;
}

.btn-group button {
   display: inline !important;
   float: left !important;
}

.btn-group span {
   display: inline !important;
   float: left !important;
}

.btn-group .caret {
   display: inline !important;
   float: left !important;
}

.menuInputCheckbox {
   /*border: 1px dashed #ccc;*/
}

.menuInputCheckbox input[type=checkbox] {
   -ms-transform: scale(.7); /* IE */
   -moz-transform: scale(.7); /* FF */
   -webkit-transform: scale(.7); /* Safari and Chrome */
   -o-transform: scale(.7); /* Opera */
}

label input[type=checkbox] {
   margin: 0px !important; 
   padding: 0px !important;
   margin-right: 5px !important;
   width: auto !important;
}

.message-body-container {
   border-left: 1px solid #F0F0F0;
   min-height: 400px;
}

.message-thread {
   height: 400px;
   overflow-y: scroll;
   overflow-x: hidden;
}

.message-thread-container {
   position: relative;
   height: auto;
   width: 90% !important;
   display: block;
   margin: 5px;
   margin-bottom: 15px;
   padding: 10px;
   border-radius: 15px;
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
}

.message-me {
   height: auto;
   background-color: #2196F3;
   color: white;
}

.message-you {
   height: auto;
   margin-left: 25px;
   background-color: #F5F5F5;
   color: #000;
}

.message-thread-author-container {
   height: 25px;
   display: block;
}

.message-thread-author {
   display: block;
   float: right;
   margin-top: 10px;
   margin-bottom: 10px;
}

.message-thread-date-container {
   margin-top: 5px;
   height: 15px;
   display: block;
}

.message-thread-date {
   display: block;
   float: right;
   font-size: 0.8em;
}

.message-body-p {
   padding-bottom: 25px;
   height: 285px;
   overflow-y: auto;
   overflow-x: hidden;
}

.message-reply-textarea {
   height: 500px;
}

.message-text {
   border: none !important;
   border-bottom: 1px solid #eee !important;
}

.message-subject-read {
   font-weight: normal;
}

.message-subject-unread {
   font-weight: bold;
}

.messageReplyBody {
   height: 300px;
}



.inbox-data-date {
   width: 15% !important;
}

.inbox-table-icon {
   width: 50px !important;
}

.contact-name-edit-row {
   margin-top: 10px !important;
}

.modal-form .input-group {
   max-height: 35px !important;
   overflow: visible;
}

.tempContainer {
   border: 1px solid#ccc;
   padding: 10px;
}

.tableSubRow {
   display: block;
   padding: 5px;
}

.gridColumnDelete {
   width: 60px;
}



.btn-force {
   padding-left: 12px !important;
   padding-right: 12px !important;
   padding-top: 6px !important;
   padding-bottom: 6px !important; 
}

.tasklist-table .form-control {
   padding: 7px !important;
   -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
   -moz-box-sizing: border-box;    /* Firefox, other Gecko */
   box-sizing: border-box;         /* Opera/IE 8+ */
}

.taskControls {
   width: 100%; 
   background-color: #FFF; 
   border: 1px solid #ccc; 
   height: auto;
   margin-bottom: 10px;
   padding: 10px;
   display: block;
}
.taskControls label {
   font-weight: bold;
   float: left;
}

.taskControlsTitle {
   text-transform: capitalize;
}

.btn-list {
   display: block;
   padding: 0px;
   width: 100%;
}

/*
.news-content {
   font-size: 1.2em;
}
*/

.sourcePgContainer {
   display: block;
   padding-left: 20px;
   padding-right: 20px;
}

.row {
   padding-top: 10px;
   padding-bottom: 10px;
}

.zero-padding {
   padding: 0px !important;
}

.menuInputLi {
   font-size: 1.0em;
   padding: 2px;
   min-width: 240px;
}

.menuInputCheckbox {
   /*
   display: inline !important;
   padding: 0px !important;
   left: 0px !important;
   top: 0px !important;
   margin: 0px !important;
   */
   height: 25px !important;
   text-align: left;
}

.menuInputCheckbox input[type=checkbox] {
   float: left !important;
   width: 25px !important;
   margin-top: -5px;
   zoom: .8;
}

.menuInputCheckbox .checkbox-label {
   display: inline !important;
   margin-left: 10px;
}
/*
button .caret {
   float: right;
   right: 2px;
}
*/

.navSelect {
   padding: 10px;
   z-index: 999 !important;
}

.navSelect select {
   background-color: #999;
   color: white;
}

.btn .caret {
   position: absolute;
   margin-left: 10px;
   right: 10px;
   top: 10px;
}

.tasklist-subject-input-group {
   width: 100%;
}

.tasklist-subject-input-group .form-control {
   width: 85% !important;
}

.taskSubjectContainer {
   margin-left: 5px !important;
   margin-top: 5px !important;
}

.taskSubjectIcon {
   width: 20px; 
   margin-top: 5px;
   font-size: 1.4em;
   float: left;
}

.taskSubjectText {
   width: auto; 
   float: left;
   margin-top: 3px;
   font-size: 1.3em;
}

.task-alert {
   font-weight: bold !important;
}

.task-overdue {
   color: red !important;
}

.task-normal {
   color: black !important;
}

.task-complete {
   color: gray !important;
   text-decoration: line-through !important;
}

.task-active {
   color: green !important;
}

@media (min-width: 768px) {
   .modal-xl {
     width: 90%;
     max-width:1200px;
   }
 }

@media (max-width: 768px) { 
   .newsfeed-container-left {
       padding-right: 15px !important;
       margin-right: 10px !important;
   }
   .newsfeed-container-right {
       padding-left: 10px !important;
       margin-left: 10px !important;
       padding-right: 15px !important;
       margin-right: 10px !important;
   }

   .newsfeed-right-header {
       padding-left: 20px !important;
       margin-left: 10px !important;
   }

   .newsfeed-container-center {
      padding-left: 17px !important;
      margin-left: 10px !important;
      padding-right: 15px !important;
      margin-right: 10px !important;
   }

   .dashboardHeader {
       margin-left: 20px;
       padding-left: 20px;
       left: 20px;
   }

   .dashboardHeaderBold {
       margin-left: 20px;
       padding-left: 20px;
       left: 20px;
   }
}

@media (min-width: 769px) { 
   .newsfeed-container-left {
       padding-left: 0px !important; 
       margin-left: 0px !important;
       padding-right: 0px !important;
       margin-right: 0px !important;
   }
   .newsfeed-container-right {
       padding-left: 0px !important; 
       margin-left: 0px !important;
       padding-right: 0px !important;
       margin-right: 0px !important;
   }

   .newsfeed-right-header {
       margin-left: 0px; 
       padding-left: 20px;
   }

   .newsfeed-container-center {
       padding-left: 0px !important;
       margin-left: 0px !important;
       margin-right: 0px !important;
       padding-right: 0px !important;
   }
}

.newsfeed-container-center {
   position: relative;
}

.newsfeed-thumbnail-column {
   padding-left: 30px !important;
}

.checkup_ {
    color: #F5F5F5;
}

.checkup_0 {
    color: #F5F5F5;
}

.checkup_1 {
    color: #000;
}

.checkup_2 {
    color: #FF0000;
}

.checkup_3 {
    color: #FF8285;
}

.checkup_4 {
    color: #018902;
}

.checkup_5 {
    color: #777;
}

.checkup_6 {
    color: #FFA75B;
}

.checkup_7 {
    color: #FCFF00;
}

.checkup_8 {
    color: #51DC62;
}

.checkup_9 {
    color: #FF6500;
}

.checkup_10 {
    color: #B94D00;
}

.checkup_11 {
    color: #C71BCD;
}