.navbar-band {
  background-color: #3A74BA; }

.theme-bg {
  background-color: #c2cee9 !important; }

.theme-color {
  color: #c2cee9 !important; }

.band-color {
  color: #c2cee9 !important; }

.theme-color-2 {
  color: #c2cee9 !important; }

.theme-bg-color {
  color: #c2cee9 !important; }

.header-color {
  color: #c0c0c0 !important; }

.top-nav-band a {
  color: white !important; }

.nav a {
  color: black !important;
  /*text-shadow: 0 0 1px grey;*/ }

.navbar-default {
  background-color: #c2cee9 !important; }

.navbar-default-2 {
  background-color: #c2cee9 !important; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background-color: #3A74BA !important;
  color: white !important; }

.navbar-default-2 .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background-color: #3A74BA !important;
  color: white !important; }

.theme-btn {
  background-color: #8e8e80 !important;
  color: white !important; }

hr {
  border-top: 1px solid #c2cee9 !important; }

.icon-24 {
  font-size: 24px !important; }

.divider {
  background-color: #c2cee9 !important;
  margin: 3px 0 !important; }
.advancedSearch
{
    border-color: rgb(255, 255, 255); 
    border-style: solid; 
    border-width: 1px; 
    border-radius: 4px; 
    background-color :white;
    color: rgb(142, 142, 142); 
    font-style: normal; 
    text-decoration: none; 
    text-align: center;
    font-family: "Segoe UI"; 
    font-weight:bold;
    overflow:hidden;
}
button.advancedSearch
{
    font-size: 12px; 
    font-weight: bold; 
}
button.advancedSearch:hover
{
background-color :#eee;
}
a.textIndex:hover
{
    background-color :#eee;
    text-decoration: none; 
    color: rgb(142, 142, 142); 
}
.textIndex{
    color: rgb(142, 142, 147); 
    font-size: 12px; 
    font-family: "Segoe UI"; 
    font-style: normal; 
    font-weight: normal; 
    text-decoration: none; 
    text-align: center; 
    /*padding: 0px 1px;*/
    display:block;
}
button.searchAll
{
    min-width: 34px !important; 
    height: 34px !important; 
    background-image: url(background//search.png);
    background-repeat:no-repeat;
    background-size:34px 34px !important;
    border-left:none !important;
    background-position-x:right;
    background-color:white;
    padding:4px;
    border-bottom-right-radius:4px;
    border-top-right-radius:4px;
    border: 1px solid #ccc;
}
table.fixedIndextext{    table-layout:fixed; width:100%;}
button.searchAll:hover
{
    background-image: url(background/search_alt.png);
}
.searchText 
{
    border: 1px solid #ccc;
    border-right:none;
    border-bottom-left-radius:4px;
    border-top-left-radius:4px;
    height: 34px;
    line-height: 1.42857143;
    color: #555;
}
.directoryTop
{
    color: rgb(85, 85, 85); 
    font-size: 18px; 
    font-family: Arial; 
    font-style:normal; 
    font-weight: bold; 
    text-decoration: none; 
    text-align: left; 
    padding-left: 5px;
    background-color: rgb(227, 227, 227); 
    border-color: rgba(0, 0, 0, 0.2); 
    border-width: 1px; border-style: solid; 
    border-radius: 5px;
    height: 30px;
    margin:10px;
    margin-top:0px !important;
}
.calListHeader,.fc-day-header,.fc-axis
{
    color: rgb(85, 85, 85); 
    font-size: 18px; 
    font-family: Arial; 
    font-style:normal; 
    font-weight: bold; 
    text-decoration: none; 
    text-align: left; 
    padding: 0px 5px;
    background-color: rgb(227, 227, 227); 
    border-color: rgba(0, 0, 0, 0.2); 
    border-width: 1px; border-style: solid; 
    border-radius: 0px;
    height: 35px;
}
.fc-event
{
    border-radius:0px !important;
}
.fc-title
{
    padding-left:10px !important;
}
.fc-time-grid .fc-slats .fc-minor td {
	border-top-style: none !important;
}
.leftGreen
{
    border-left: solid; 
    border-left-width:8px;
    border-left-color: rgb(76,175,80);
    border-radius:5px;
}
.leftRed
{
    border-left: solid; 
    border-left-width:8px;
    border-left-color: rgb(255,59,48);
    border-radius:5px;
}


.fc-view-container
{
    border-radius:4px;
    border-color:gray;
}
.apptListRow
{
    padding-left: 4px; 
    color: rgb(85, 85, 85); 
    font-size: 13px; 
    font-family: "Segoe UI"; 
    font-style: normal; 
    font-weight: normal; 
    text-decoration: none; 
    text-align: left; 
    border-color: rgba(0, 0, 0, 0.2); 
    border-style: solid; 
    border-width: 1px; 
    width: 140px;
}
.col-md-05 {
    width: 3.66%;
    position: relative;
    min-height: 1px;
    padding-right: 1px;
    padding-left: 0px;
    float: left;
  }
.calListAction
{
    padding-bottom:16px;
}
.fc-icon-calview, .fc-calendarView-button
{
    width: 34px !important; 
    height: 34px !important; 
    background-image: url(background/calendar_2.png);
    background-repeat:no-repeat;
    background-size:34px 34px;
    border:none !important;
    background-color:none !important;
}
.fc-icon-listview, .fc-listView-button
{
    width: 34px !important; 
    height: 34px !important; 
    background-image: url(background/list.png);
    background-repeat:no-repeat;
    background-size:34px 34px;
    border:none !important;
    background-color:none !important;
}
.calendar-header{
    background-color:white;
}
.fc-next-button, .fc-prev-button, button.listNext, button.listPrev 
{
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    border-radius: 15px;
    color: rgb(85, 85, 85);
    font-size: 13px;
    font-family: Arial;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
}
.fc-header-toolbar
{
    padding-left:0px !important;
    padding-right:0px !important;
}
.fc-export-button,.fc-printAll-button, button.exportAll, button.printAll, .fc-printProfile-button, button.printProfile, .fc-appointmentsByStatus-button
{
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
    border-width: 1px;
    border-radius: 15px;
    color: rgb(85, 85, 85);
    font-size: 13px;
    font-family: "Segoe UI";
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-align: center;
}
.thumbnailIndex {
  display: block;
  padding-left:0px;
  padding-right:0px;
  padding-top:2px;
  line-height: 1.22857143;
  background-color: #fff;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}
/* app css stylesheet */
/* Code for the footer. Commented as there is angular dynamic rendering issue. */
/*html {*/
/*height: 100%;*/
/*}*/
/*body {*/
/*/!* Margin bottom by footer height *!/*/
/*margin-bottom: 40px;*/
/*height: 100%;*/
/*}*/
/*.footer {*/
/*position: relative;*/
/*bottom: 0;*/
/*height: 40px;*/
/*width: 100%;*/
/*}*/
.navbar-band {
  background-color: #3A74BA; }

.theme-bg {
  background-color: #c2cee9 !important; }

.theme-color {
  color: #c2cee9 !important; }

.band-color {
  color: #c2cee9 !important; }

.theme-color-2 {
  color: #c2cee9 !important; }

.theme-bg-color {
  color: #c2cee9 !important; }

.header-color {
  color: #c0c0c0 !important; }

.top-nav-band a {
  color: white !important; }

.nav a {
  color: black !important;
  font-weight:normal;
  font-family:Arial;
  /*text-shadow: 0 0 1px grey;*/ }

.navbar-default {
  background-color: #c2cee9 !important; }

.navbar-default-2 {
  background-color: #c2cee9 !important; }

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background-color: #3A74BA !important;
  color: white !important; }

.navbar-default-2 .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
  background-color: #3A74BA !important;
  color: white !important; }

.theme-btn {
  background-color: #8e8e80 !important;
  color: white !important; }

/*.table > thead > tr > th, td {
  line-height: 2 !important; }
*/
hr {
  border-top: 1px solid #c2cee9 !important; }

.icon-24 {
  font-size: 24px !important; }

.divider {
  background-color: #c2cee9 !important;
  margin: 3px 0 !important; }

body {
  font-family: "FontAwesome", "Open Sans", Verdana, Arial, Helvetica, sans-serif !important;
}
/*to keep font consistent with button */
a{font-family:Roboto,Helvetica Neue,sans-serif}

.menu {
  list-style: none;
  border-bottom: 0.1em solid black;
  margin-bottom: 2em;
  padding: 0 0 0.5em; }

.menu:before {
  content: "["; }

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

a {
  cursor: pointer; }

.menu:after {
  content: "]"; }

.menu > li {
  display: inline; }

.menu > li:before {
  content: "|";
  padding-right: 0.3em; }

.menu > li:nth-child(1):before {
  content: "";
  padding: 0; }

.padding {
  padding: 1em !important; }

.padding-x {
  padding-left: 1em !important;
  padding-right: 1em !important; }

.padding-y {
  padding-top: 1em !important;
  padding-bottom: 1em !important; }

.margin-top {
  margin-top: 1em !important; }

.margin-bottom {
  margin-bottom: 1em !important; }

.padding-left {
  padding-left: 1em; }

.nav-top-icon-bar a {
  padding-left: 0.3em;
  padding-right: 0.3em;
  font-size: 1.5em; }

.no-padding {
  padding: 0 !important; }

.no-padding-top {
  padding-top: 0 !important; }

.no-paddingg-bottom {
  padding-bottom: 0 !important; }

.h1 {
  font-size: 36px; }

.h2 {
  font-size: 30px; }

.h3 {
  font-size: 24px; }

.h4 {
  font-size: 18px; }

.h5 {
  font-size: 14px; }

.h6 {
  font-size: 12px; }

.very-light-grey {
  background-color: #f9f9f9; }

.font-normal {
  font-weight: normal; }

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

.list-table .row {
  /*display: table-row;*/
  border-bottom: 1px solid #dddddd;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row; }

.list-table div:first-child.row {
  /*display: table-row;*/
  border-bottom: 2px solid #dddddd;
  font-weight: bold; }

.list-table .row .col-sm-3 {
  padding: 10px 0;
  display: table-cell; }

.small-10 {
  width: 1000px !important; }

.hovereffect {
  cursor: pointer; }

.right {
  float: right !important; }

.angular-google-map-container {
  height: 350px; }

.white {
  color: white !important; }

.nav a {
  font-weight: bold;
  font-size: 0.9em; }

.table > tbody > tr > td {
  border: none !important; }

.table > thead > tr > th {
  border-bottom: none !important; }

.round-border {
  border: 2px #c08427 solid;
  border-radius: 50%; }

.centered {
  float: none;
  display: block;
  margin-left: auto;
  margin-right: auto; }

.fixed-header {
  position: fixed;
  top: 31px;
  z-index: 1020;
  width: inherit;
  opacity: 1;
  background-color: white;
  color: #3A74BA; }

.scroable-content {
  margin-top: 90px !important;
  margin-left: 2px !important; }

.scrolloable-content {
  margin-top: 90px !important; }

.right {
  float: right !important; }

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

.textarea-hgt {
  height: 110px !important; }

table > .fixed-header {
  position: fixed;
  top: 120px;
  right: 0;
  left: 0;
  z-index: 1000; }

.margin-top-20 {
  margin-top: 20px; }

.margin-top-ngtv-35 {
  margin-top: -35px !important; }

.line-height-1 {
  line-height: 0.1 !important; }

.bg-theme {
  background-color: #efefef !important;
  padding: 8px; }

.dropdown-menu > li > a {
  color: #c2cee9 !important; }

.absoulte {
  position: absolute !important; }

.vertical-margin-5 {
  margin-top: 2px !important;
  margin-bottom: 2px !important; }

.hundred-pc {
  width: 100%; }

.spinner {
  width: 100px;
  height: 100px;
  position: absolute;
  top: calc(50% - 70px);
  left: calc(50% - 50px); }

.message-tabs .nav li.active a {
  background-color: #e3e3e3 !important;
  text-shadow: 0 0 1px grey;
  font-weight:bold;
  border:1px 1px 1px 1px solid;
  border-color:#4f4f4f;
}

.message-tabs .nav a {
  background-color: #F0F0F0 !important;
  text-shadow: 0 0 1px grey;
}

.double-bounce1, .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #9c9;
  border: solid 3px #fff;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  -webkit-animation: bounce 2.0s infinite ease-in-out;
  animation: bounce 2.0s infinite ease-in-out; }

.double-bounce2 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s; }

@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0); }
  50% {
    -webkit-transform: scale(1); } }

@keyframes bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0); }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1); } }

.overlay {
  opacity: .75;
  background-color: #000;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  position: absolute;
  z-index: 5;
  margin: -20px -20px;
  border-radius: 3px; }

.please-wait {
  text-align: center;
  position: absolute;
  top: calc(50% + 45px);
  left: calc(50% - 45px);
  color: #fff;
  z-index: 10; }

.padding-left {
  padding-left: 1em; }

.font-24 {
  font-size: 24px !important; }

.img-icon-32 {
  width: 32px;
  height: 32px; }

.form-container {
  margin-right: 0;
  margin-left: 0;
  padding: 1em;
  background-color: #fff;
  border-color: #ddd;
  border-width: 1px;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.cursor-pointer {
  cursor: pointer; }

.no-margin {
  margin: 0; }

.no-margin-y {
  margin-top: 0;
  margin-bottom: 0; }

.separator {
  border-top: 15px solid #eee !important; }

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

.margin-bottom-5 {
  margin-bottom: 5px !important; }

.padding-left-5 {
  padding-left: 5px !important; }

.agenda-scrollable-content {
  margin-top: 130px !important; }

.presentation-content {
  margin-top: 101px !important; }

.margin-left-13 {
  margin-left: 13px !important; }

.padding-left-13 {
  padding-left: 15px !important; }

.fc {
  /*margin-right: 15px;
  margin-left: 15px; 
  width:123.0em !important;*/
}

.fc-toolbar {
  padding-top: 0.5em;
  padding-left: 1em;
  padding-right: 1em;
  border-radius:3px 3px;
}

.agenda-filter {
  background-color: #3A74BA !important;
  color: white !important; }

.search-panel {
  background-color: #f9f9f9 !important; }

.search-band {
  background-color: #efefef !important; }

.no-padding-x {
  padding-left: 0 !important;
  padding-right: 0 !important; }

.line-hieght-1-8 {
  line-height: 1.8 !important; }

.theme-panel-heading {
  color: #23527c !important;
  background-color: #c2cee9 !important;
  border-color: #ddd;
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px; }

.font-12 {
  font-size: 12.6px !important; }

.dropdown-menu > li > a {
  color: #3A74BA !important; }

.angular-notifications-icon {
  margin-top: 14px !important;
  right: 7px !important;
  top: -16px !important;
  border-radius: 20% !important;
  text-align: center !important;
  padding-left: 5px !important;
  padding-right: 5px !important;
  padding-top: 0 !important;
  min-width: 20px !important;
  height: 14px !important;
  font-size: 10px !important;
  cursor: pointer !important; }

.padding-right-20 {
  padding-right: 20px !important; }

.padding-12px {
  padding: 12px; }

.separator-1px {
  border-top: 1px solid #eee !important; }

/* wcOverlay directive CSS styles */
.overlayContainer {
  display: none; }

.overlayBackground {
  top: 0px;
  left: 0px;
  padding-left: 100px;
  position: absolute;
  z-index: 1000;
  height: 100%;
  width: 100%;
  background-color: white;
  opacity: 0.3; }

.overlayContent {
  position: absolute;
  background-color: transparent;
  font-weight: bold;
  height: 100px;
  width: 300px;
  z-index: 1000;
  text-align: center; }

.myprofiletable{
border-radius: 12px;
background-color: #E3E3E3;
border-spacing: 10px 50px;
/* width:450px; */
max-width: 450px;
margin-left: auto;
margin-right: auto;
}
.myprofiletable-th , .myprofiletable-td  {
  border: 0px solid grey;
  border-collapse: collapse;
  padding: 5px;
  border-spacing: 10px 50px;
}

.checkboxdemoSelectAll .demo-legend {
  color: #3F51B5; }

.checkboxdemoSelectAll .demo-fieldset {
  border-style: solid;
  border-width: 1px;
  height: 100%; }

.checkboxdemoSelectAll .demo-select-all-checkboxes {
  padding-left: 30px; }

.copyright {
    font-family: Arial,
         "Helvetica Neue",
         Helvetica,
         sans-serif;
}

/*.vertical-align {
display: flex;
align-items: center;
justify-content: center;
flex-direction: row;
}
.tr-th-div {
    padding: 8px;
    border-bottom: 2px solid #dddddd;
    font-weight: bold;

}

.th-div {

}

.tr-div {
    border-bottom: 1px solid #dddddd;
    vertical-align:middle;
    height: 50px;
    margin-top: 10px;
}

.td-div{

}
.center {
    margin-left: auto;
    margin-right: auto;
    float: none;
}
*/
.overlaytoaster{
    display:block !important;
}
.overlaytoasterhide{
    display:none  !important;
}

.printAllFromDirectory
{
    color: rgb(85, 85, 85); 
    font-size: 18px; 
    font-family: Arial; 
    font-style:normal; 
    font-weight: bold; 
    text-decoration: none; 
    text-align: left; 
    /*padding-left: 5px;
    background-color: rgb(227, 227, 227); 
    border-color: rgba(0, 0, 0, 0.2); 
    border-width: 1px; border-style: solid; 
    border-radius: 5px;
    height: 30px;
    margin:10px;*/
    margin-top:10px;
}