.passtrengthMeter{
  position: relative;
  width: 100%;
}

.passtrengthMeter > input{
  width: 100%;
  display: inline-block;
  padding: 5px;
  box-sizing: border-box;
  -moz-box-shadow: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.passtrengthMeter > input:focus {
    outline-width: 0;
}

.passtrengthMeter::after{
  content: '';
  height: 3px;
  overflow: hidden;
  width: 0%;
  transition: width .5s;
  position: absolute;
  left: 0px;
  bottom: 0px;
}

.passtrengthMeter.weak::after{
  background-color: #EC644B;
  width: 25%;
}

.passtrengthMeter.medium::after{
  content: '';
  background-color: #E87E04;
  width: 50%;
}

.passtrengthMeter.strong::after{
  content: '';
  background-color: #EFBF17;
  width: 75%;
}

.passtrengthMeter.very-strong::after{
  content: '';
  background-color: #42A72A;
  width: 100%;
}

.passtrengthMeter .showPassword{
  position: absolute;
  width: 20px;
  top: calc(50% - 10px);
  right: 10px;
}

.passtrengthMeter .showPassword.active{
  opacity: .5;
}

.passtrengthMeter .showPassword img{
  display: block;
  width: 100%;
  height: auto;
}

.passtrengthMeter .showPassword:hover{
  cursor: pointer;
}

.passtrengthMeter .tooltip {
  background: #000000;
  top: 100%;
  color: #fff;
  font-family:Arial;
  font-size: 12px;
  display: block;
  left: 50%;
  margin-bottom: 15px;
  opacity: 0;
  padding: 5px 10px;
  pointer-events: none;
  position: absolute;
  min-width: 70px;
  box-sizing: border-box;
  text-align: center;
  z-index: 10;
  -webkit-transform: translateY(5px);
     -moz-transform: translateY(5px);
      -ms-transform: translateY(5px);
       -o-transform: translateY(5px);
          transform: translateY(5px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

.passtrengthMeter.weak .tooltip{
  background-color: #EC644B;
}
.passtrengthMeter.weak .tooltip:after{
  border-left: solid transparent 7px;
  border-right: solid transparent 7px;
  border-bottom: solid #EC644B 7px;
  top: -7px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  width: 0;
}

.passtrengthMeter.medium .tooltip{
  background-color: #E87E04;
}
.passtrengthMeter.medium .tooltip:after{
  border-left: solid transparent 7px;
  border-right: solid transparent 7px;
  border-bottom: solid #E87E04 7px;
  top: -7px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  width: 0;
}

.passtrengthMeter.strong .tooltip{
  background-color: #EFBF17;
}
.passtrengthMeter.strong .tooltip:after{
  border-left: solid transparent 7px;
  border-right: solid transparent 7px;
  border-bottom: solid #EFBF17 7px;
  top: -7px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  width: 0;
}

.passtrengthMeter.very-strong .tooltip{
  background-color: #42A72A;
}
.passtrengthMeter.very-strong .tooltip:after{
  border-left: solid transparent 7px;
  border-right: solid transparent 7px;
  border-bottom: solid #42A72A 7px;
  top: -7px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  width: 0;
}

.passtrengthMeter.weak .tooltip:before {
  top: -20px;
  content: " ";
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  width: 100%;
}

.passtrengthMeter .tooltip:after {
  border-left: solid transparent 7px;
  border-right: solid transparent 7px;
  border-bottom: solid #000000 7px;
  top: -7px;
  content: " ";
  height: 0;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  width: 0;
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
}

.passtrengthMeter:hover .tooltip {
  opacity: 1;
  pointer-events: auto;
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
}

.lte8 .passtrengthMeter .tooltip {
  display: none;
}

.lte8 .passtrengthMeter:hover .tooltip {
  display: block;
}


/*--------------------------------------------------
 *1to1Real Syndicated Main.css
 *--------------------------------------------------*/

/*--- Global ---*/
body {
  font-size: 12px;
  padding-top: 70px;
}

.notice {
  background: #000;
  border: none;
  color: #fff;
  display: block;
  font: 14px/20px "Lucida Grande" , Tahoma, Verdana, sans-serif;
  margin: 0 auto;
  padding: 15px;
  text-align: center;
  width: 100%;
  position: absolute;
  z-index: 100;
  top: 70px;
  filter: alpha(opacity=90);
}

.spinner {
  width: 16px;
}

.notice a, .notice a:hover {
  color: #fff;
}

.custom, button.custom {
  border: 0;
  display: block;
  margin: 0;
  padding: 0;
  text-indent: -9999px;
}

/*--- Structure ---*/

.content {
  background: #F8F8F8;
  box-shadow: 1px 1px 3px rgba(0,0,0,.50);
  -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.50);
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.50);
  padding: 10px;
}

header.masthead {
  height: 90px;
  background: url(/images/syndication/global/bgMasthead.png) no-repeat top center;
  position: relative;
}

header.account {
  height: 45px;
  background: url(/images/syndication/global/bgContentHeader.png) no-repeat;
  position: absolute;
  top: -5px;
  left: -10px;
}

.space-header {
  margin: 40px 0 0;
  height: 100%;
}

.space-header:after {
  content: "\0020";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}

.space-header .icon {
  float: left;
  width: auto;
  height: auto;
  overflow: hidden;
  padding: 5px 5px;
  margin: 0 10px 20px 0;
  background: #fff;
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.25);
  -moz-border-radius: 5px;
  border-radius: 5px;
  box-shadow: 1px 1px 3px rgba(0,0,0,.25);
  -moz-box-shadow: 1px 1px 3px rgba(0,0,0,.25);
  -webkit-box-shadow: 1px 1px 3px rgba(0,0,0,.25);
}

/**
 * CKEditor skin overrides 
 **/
span.cke_skin_kama {
  border-width: 0 !important;
}

.cke_skin_kama .cke_wrapper {
  background-image: none !important;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
}

.cke_top {
  background: #f5f5f5 !important;
  padding: 10px 5px 5px !important;
}

textarea.cke_source cke_enable_context_menu {
  border: 1px solid #ccc !important;
}

.ribbon > h3 {
  display: block;
  width: 100%;
  margin: 0;
  padding: 5px 15px;
  position: relative;
  left: -16px;
  top: 4px;
  color: #FFFFFF;
  background: #6D6E70;
  border-radius: 2px 2px 0 0;
  box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.ribbon > h3::before, .ribbon > h3::after {
  content: '';
  display: block;
  width: 10px;
  height: 0;
  position: absolute;
  bottom: -11px;
  z-index: -10;
  border: 5px solid;
  border-color: #242424 transparent transparent transparent;
}
.ribbon h3::before {
  left: 0;
}
.ribbon h3::after {
  right: 0;
}

.navbar-brand {
  padding: 1px 1px;
}

.navbar-image {
  display: table-cell;
  height: 50px;
  vertical-align: middle; 
}

.navbar-brand {
  width: 120px; 
}

@media (min-width: 768px) {
  .navbar-brand 
  {
    width: 200px;
  }
}

.navbar-brand img.logo {
  max-width: 100%;
  max-height: 50px; 
}

.navbar-toggle.primary {
  color: #ffffff;
  background-color: #428bca;
  border-color: #357ebd;
}

.navbar-toggle.primary a {
  color: #ffffff;
  text-decoration: none;
}

.navbar-toggle.primary:hover {
  color: #ffffff;
  background-color: #3276b1;
  border-color: #285e8e;
}


/*--------------------------------------------------
 *1to1Real Syndicated Typography.css
 *--------------------------------------------------*/
a,
a:hover
{
  color: #2276BB;
}

blockquote
{
  font:italic 18px/30px Georgia, "Times New Roman", Times, serif;
  margin:0;
  color:#999;
}

/*--- Custom ---*/

*:first-child+html button.small
{
  padding:0px 7px; /* ie7 */
}

button.small:hover
input.small:hover
{
  background:#1273A5;
  background:-webkit-gradient(linear, left top, left bottom, from(#04547F), to(#1273A5));
  background:-moz-linear-gradient(top,#04547F,#1273A5);
  box-shadow:0px 0px 3px rgba(0,0,0,0.5) inset;
  -moz-box-shadow:0px 0px 3px rgba(0,0,0,0.5) inset;
  -webkit-box-shadow:0px 0px 3px rgba(0,0,0,0.5) inset;
}

/*** Buttons in a nav element, and .large buttons ***/
button.large,
input.large
{
  display:block;
  width:200px;
  margin:0.7em auto;
  padding:6px 20px 6px 17px; /* pad a.button */
  border:1px solid rgba(255,255,255,0.5);
  border-top:1px solid #000;
  border-left:1px solid #333;
  border-right:1px solid #333;
  background:#333;
  background:-webkit-gradient(linear, left top, left bottom, from(#000), to(#333));
  background:-moz-linear-gradient(top,#000,#333);
  font-family:"Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size:1.166em;
  line-height:130%;
  text-decoration:none;
  font-weight:bold;
  color:#fff;
  cursor:pointer;
  border-radius:0.4em;
  -moz-border-radius:0.4em;
  -webkit-border-radius:0.4em;
  text-shadow:0 1px 1px rgba(0,0,0,0.5); 
}

button.large.blue,
input.large.blue
{
  background:#1273A5;
  background:-webkit-gradient(linear, left top, left bottom, from(#1273A5), to(#04547F));
  background:-moz-linear-gradient(top,#1273A5,#04547F);
}

button.large.blue:hover,
input.large.blue:hover
{
  background:-webkit-gradient(linear, left top, left bottom, from(#04547F), to(#1273A5));
  background:-moz-linear-gradient(top,#04547F,#1273A5);
  -moz-opacity:1;
  opacity:1;
  filter:alpha(opacity=100);	
}

/*--- Nav ---*/
.masthead nav {
  position:absolute;
  top:10px;
  left:450px;
  width:400px;
}

.masthead nav a
{
  display:block;
  float:left;
  text-indent:-9999px;
  width:124px;
  height:26px;
  margin: 4px 10px 0 10px;
  background:url(../../../images/syndication/global/btnLogin.png) no-repeat;
}

.masthead nav a:hover,
button.large:hover
{
  -moz-opacity:0.85;
  opacity:0.85;
  filter:alpha(opacity=85);	
}

.masthead nav a.signup
{
  background:url(../../../images/syndication/global/btnSignup.png) no-repeat
}

/*--------------------------------------------------
* The Gadgets
*--------------------------------------------------*/
.gadget {
    background: #fff;
    box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,0.5);
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    margin-bottom: 18px;
    position: relative;
}
.gadget_title {
    padding: .3em 1em;
    background: #e8e9eb;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;

}
.widget_draggable { cursor: move }
.gadget_box { padding: 1em }
.gadget_box.table { padding: 0 }
.gadget_controls {
    float: right;
    margin: 3px 5px 0 0;
}
.gadget_controls button,
.gadget_controls .gadget_help {
    width: 23px;
    height: 21px;
    margin: 0 0 0 5px;
    position: relative;
    top: 3px;
    padding: 0 !important;
    line-height: 1 !important;
    text-indent: -9999px;
    background: url(/images/icons/Grey/16/Options.png) no-repeat;
    border: 0;
    float: none;
    display: inline;
    cursor: pointer;
}
.gadget_controls .gadget_help {
    background: url(/images/icons/Grey/16/Help.png) no-repeat;
    margin:0;
}
.gadget_controls button:hover,
.gadget_controls .gadget_help:hover {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -webkit-transition: all 0.2s ease-in; 
    -moz-transition: all 0.2s ease-in; 
    -o-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;	
    -moz-opacity:0.8;
    -webkit-opacity:0.8;
    -o-opacity:0.8;
    opacity:0.8;	
}
.gadget_menu {
    position: absolute;
    right: 0px;
    top: 29px;
    z-index: 10;
    background: #e8e9eb;
    border: 1px solid #CCCED3;
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
    text-shadow: 0 1px 1px white;
}
.gadget_menu a,
.gadget_menu li {
    background: #e8e9eb;
    display: block;
    color: #484C54;
    text-decoration: none;
    cursor: pointer;
    padding: 0.5em 1em;
    border-bottom: 1px solid #CCCED3;
    font-weight:normal;
}
ul.gadget_menu {
    margin: 0;
    padding: 0;
}
.gadget_menu li {
    list-style: none;
    margin: 0;
}
.gadget_menu li a {
    background: none;
    border-bottom: none;
    padding: 0;
    display: inline;
    color: #125AA7;
}
.gadget_menu a:last-child,
.gadget_menu li:last-child { border-bottom: 0 }
.gadget_menu a:hover,
.gadget_menu li:hover,
.gadget_menu li:hover a {
    background-color: #5784e5;
    text-shadow: none;
    color: #fff;
}
.gadget_menu li label {
    padding-right: 10px;
    color: black;
    font-weight: bold;
}
.gadget_menu li:hover label { color: #fff }
.widget_ghost {
    border: 2px dashed #C3D9FF;
    margin: 0;
    padding: 0;
    position: relative;
    margin-bottom: 1.5em;
}
.gadgets { min-height: 10px }
.gadget_operations {
    background: none repeat scroll 0 0 #E8E9EB;
    border-bottom: 1px solid #CCCED3;
    margin-left: -12px;
    margin-right: -12px;
    margin-top: -12px;
    padding: 4px 5px;
    text-shadow: 0 1px 1px white;
}
.gadget_operations div { display: inline }

/*** Gadget Paging Controls ***/
.gadget_paging_container.bottom {
    background: #E8E9EB;
    padding: 1em;
    border-bottom-left-radius: 0.5em;
    border-bottom-right-radius: 0.5em;
    -moz-border-radius-bottomleft: 0.5em;
    -moz-border-radius-bottomright: 0.5em;
    -webkit-border-bottom-left-radius: 0.5em;
    -webkit-border-bottom-right-radius: 0.5em;
    border-top: 1px solid #CCCED3;
}
.gadget_paging { float: right }
.gadget_paging button { margin: 0 0 0 1px !important }

/*** Pseudo-gadgets - .box that looks like a gadget ***/
.box.gadget { padding: 1em }

/*--------------------------------------------------
 *1to1Real Syndicated Main.css
 *--------------------------------------------------*/
body
{
  font-size: 12px;
  padding-top: 70px;
}

.template
{
  display: none; 
}

@media (max-width: 768px) {
    .sidebar.affix-top, .sidebar.affix-bottom, .sidebar.affix 
    {
      margin-bottom: 10px;
      position: static;
      width: auto;
      margin-left: -15px;
      margin-right: -15px;
    }
}

@media (min-width: 768px) {
  .sidebar.affix-bottom, .sidebar.affix 
  {
    top: 70px;
    width: 270px;
  }
}

@media (min-width: 992px) {
  .sidebar.affix-bottom, .sidebar.affix 
  {
    top: 70px;
    width: 283px;
  }
}

@media (min-width: 1200px) {
  .sidebar.affix-bottom, .sidebar.affix 
  {
    width: 255px;
  }
}

div.loading {
	background: #fff url(../../../../images/syndication/global/bgNoise.png) repeat-x;
	margin: 25px  auto;
	width: 75px;
	height: 75px;
	padding: 35px;
	text-align: center;
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	border-radius: 0.5em;		
}

div.login-wrapper
{
  margin: 0 auto;
  position: relative;
  padding-left: 0;
  padding-right: 0;
  float: none;
}

h1, h2, h3, h4
{
  color: #2989B7;
}

.page-header
{ 
  margin-top: 10px;
}

.list-unstyled.row li
{
  padding-left: 0;
  padding-right: 6px; 
}

/**** Activity Details *****/

.activity-dialog .dlg_view_more {
  margin: 15px 0;
  display: block;
}
.activity-dialog .participants {
  overflow: auto;
  padding: 0 1em 1em;
}
.activity-details div.details {
  margin-bottom: 15px;
}
.activity-details div.details strong {
  font-size: 1.2em;
  color: #243654
}

/**** Activity Discussion *****/

div.gadget[data-gadgetname="cmaeon.real.activities.Discussion"] .post-comment-wrapper
{
  border: 1px solid #999999;
  background-color: #E6E6E6;
  padding: 2px;  
}
  
div.gadget[data-gadgetname="cmaeon.real.activities.Discussion"] .post-comment-wrapper textarea
{
  border-bottom: 1px dotted #999999;
  border-radius: 0; 
}

div.gadget[data-gadgetname="cmaeon.real.activities.Discussion"] div.comment
{
  padding: 2px 5px;
  position: relative;
  border-bottom: 1px solid #dddddd; 
}
  
div.gadget[data-gadgetname="cmaeon.real.activities.Discussion"] .comments div.comment:nth-child(odd)
{
  background-color: #f9f9f9;
}

div.gadget[data-gadgetname="cmaeon.real.activities.Discussion"] div.comment .quote
{
  font: bold 1.2em georgia, serif;
  font-size: 3.25em;
  position: absolute;
  color: #2989B7;
  top: 20px;
  left: 6px;
}

div.gadget[data-gadgetname="cmaeon.real.activities.Discussion"] span.display_getBodyHTML
{
  display: block;
  padding: 6px 0 6px 40px; 
}

div.gadget[data-gadgetname="cmaeon.real.activities.Discussion"] span.display_getPostedAgo
{
  color: #8899a6; 
}

/**** Activity Files *****/
.activity-files .table-display th {
  padding: 2px 5px;
  cursor: default;
}
.activity-files .no_results {
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-size: 1.35em;
  padding: 15px 25px 15px 0;
  color: #999;
  line-height: 1.15em;
  border: none!important;
  background: none;
}
.activity-files tr.no_results td {
  border: none!important
}
.activity-files .upload_file, 
.activity-files .file_upload {
    float: left;
    width: auto;
}
.activity-files div.uploader {
  float: left;
  margin-top: 5px;
}

/**** Activity Calendar *****/
.activity-calendar .datepicker {
  margin: 20px 0 0 20px;
  font-size: 1.1em;
}
.activity-calendar .ui-widget-header {
  border: none;
  background: #333;
  background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#444));
  background: -moz-linear-gradient(top, #333, #444);
  background-image: -o-linear-gradient(top, #333, #444);
  color: #fff;
  font-size: 14px;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.75);
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.activity-calendar .ui-datepicker .ui-datepicker-prev span {
  background: url(/includes/css/syndication/activity/images/icoUICalPrev.png) no-repeat center
}
.activity-calendar .ui-datepicker .ui-datepicker-next span {
  background: url(/includes/css/syndication/activity/images/icoUICalNext.png) no-repeat center
}
.activity-calendar .ui-datepicker-other-month {
  background: #f5f5f5
}
.activity-calendar .ui-widget-content {
  border: #D2D5D8 1px solid;
  padding: 1px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.activity-calendar .ui-datepicker table {
  margin-bottom: 0;
  background: #EEE;
}
.activity-calendar thead tr {
  background: #F3F3F3;
  padding: 5px 0;
  text-transform: uppercase;
  font-size: 10px;
  color: #656565;
  border-bottom: 1px solid #BBB;
}
.activity-calendar .ui-datepicker table tr {
  border-bottom: 1px solid #BBB
}
.activity-calendar .ui-datepicker table tr:last-child, 
.activity-calendar .ui-datepicker table tr:last-child td span, 
.activity-calendar .ui-datepicker table td.ui-datepicker-week-end {
  border: none
}
.activity-calendar .ui-datepicker table td {
  opacity: 1;
  filter: alpha(opacity=100);
  border-right: 1px solid #BBB;
  padding: 0;
}
.activity-calendar .ui-datepicker table td:nth-child(1) {
border-right: 1px solid #BBB
}
.activity-calendar .ui-datepicker table td span {
  border-right: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
}
.activity-calendar .ui-datepicker table td .ui-state-default, 
.activity-calendar .ui-datepicker table td .ui-state-default:hover {
  color: #656565;
  font-size: 12px;
  font-weight: 700;
  background: #E5E5E5;
  background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#DEDEDE));
  background: -moz-linear-gradient(top, #EDEDED, #DEDEDE);
  background-image: -o-linear-gradient(top, #EDEDED, #DEDEDE);
}
.activity-calendar .ui-datepicker table td.specialDate a, 
.activity-calendar .ui-datepicker table td.specialDate a:hover {
 background: #E5E5E5 url(/Content/images/activities/icoSpecialDate.png)1px 1px no-repeat;
 background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#DEDEDE));
 background: -moz-linear-gradient(top, #EDEDED, #DEDEDE);
 /*background-image: -o-linear-gradient(top, #EDEDED, #DEDEDE);*/
}
.activity-calendar table td.specialDate a.ui-state-active, 
.activity-calendar table td.specialDate a.ui-state-active:hover, 
.activity-calendar table td.ui-datepicker-today span.ui-state-default, 
.activity-calendar table td.ui-datepicker-today span.ui-state-default:hover {
  background: #1166A4;
  background: -webkit-gradient(linear, left top, left bottom, from(#1166A4), to(#0D9CEA));
  background: -moz-linear-gradient(top, #1166A4, #0D9CEA);
  background-image: -o-linear-gradient(top, #1166A4, #0D9CEA);
  color: #fff;
  border-bottom: 1px solid #1166A4;
  border-right: 1px solid #1166A4;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}
.activity-calendar h4 {
  margin: 15px 0;
  text-indent: 25px;
  font-weight: 700;
  color: #2B2F34;
  text-shadow: 1px 1px 0 white;
  text-transform: none;
  font-size: 1.2em;
  border-bottom: 1px solid #ccc;
  padding-bottom: .5em;
}
.specialDate a.ui-state-default {
  font-weight: 700!important;
  color: #A32929;
}
.activity-calendar ul.days_events {
  margin: 0;
  padding: 0;
}
.activity-calendar ul.days_events li {
  padding: 5px 20px 10px;
  width: auto;
  list-style: none;
  box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow: 0 -3px 4px rgba(0, 0, 0, 0.1) inset;
  border-bottom: 1px solid #ccc;
}
.activity-calendar ul.days_events li a {
  background: url(/includes/css/syndication/activity/images/activityArrow.png) no-repeat right center;
  display: block;
  padding: 5px 30px 5px 0;
}
.activity-calendar ul.days_events li.selected {
  background: #f5f5f5 url("/includes/css/syndication/activity/images/icoSpecialDate.png") no-repeat scroll 5px 15px
}
.activity-calendar ul.days_events li span {
  font-weight: 700
}
.activity-calendar ul.days_events li a {
  text-decoration: none;
  color: #333333;
}
.activity-calendar ul.days_events li a:hover {
  color: #666666
}
.activity-calendar h4 {
  margin-bottom: 0
}
.activity-calendar .no_results {
  padding: 10px 20px;
  font-weight: bold;
  border-bottom: 1px solid #ccc;
}



/**** Special Offer Ad *****/
.ad-specialoffer {
  margin: 50px auto 30px;
  width: 70%;
  background: #f5f5f5 url(/includes/css/syndication/activity/images/bgFieldset.png) repeat;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3) !important;
  -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3) !important;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.3) !important;
  padding: 15px 15px 0;
  border: 1px solid #fff;
}
.ad-specialoffer .special h2 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  background: none;
  border: none;
  padding: 0;
  font-size: 1.05em;
  font-weight: bold;
  color: #333;
  text-align: left;
}
.ad-specialoffer .special a {
  text-decoration: none;
  font-weight: bold;
}
.ad-specialoffer .icon {
  background: url(/includes/css/syndication/activity/images/iconAd.png) no-repeat;
  position: absolute;
  z-index: 999;
  top: -1px;
  right: -1px;
  height: 40px;
  width: 41px;
}

/*** Gadget Overrides ***/
.space-header {
  margin-bottom:2em   
}

.gadget {
  -o-box-shadow: 0 0 2px rgba(0,0,0,0.5);
  -moz-box-shadow: 0 0 2px rgba(0,0,0,0.5);
  -webkit-box-shadow: 0 0 2px rgba(0,0,0,0.5);
  box-shadow: 0 0 2px rgba(0,0,0,0.5);
  border: none;
}

.gadget_controls {
  display:none;
}
.gadget.ad {
  border-radius:0;
  -moz-border-radius:0;
  -webkit-border-radius:0;
  box-shadow:none;
}
.gadget.ad .gadget_title {
  display:none;
}
.gadget.ad .gadget_box {
  padding:0;
}
#ui-datepicker-div { display:none; }

/* Hack to fix second .container element */
#activity-gadgets .container
{
  width: auto;
}


/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=3d8207215ae6587ba87f)
 * Config saved to config.json and https://gist.github.com/3d8207215ae6587ba87f
 */
/*!
 * Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.btn:active,
.btn.active {
  background-image: none;
}

.btn-primary {
  background-color: #5cb85c;
  border-color: #5CB85C;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #369836;
  border-color: #1B7C1B;
  background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active,
.btn-primary:active:focus {
  background-color: #369836;
  border-color: #1B7C1B;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #8AD38A;
  border-color: #5CB85C;
  background-image: none;
}
.btn-success {
  background-color: #458A8A;
  border-color: #287272;
  color: #FFF;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #287272;
  border-color: #145D5D;
  background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active,
.btn-success:active:focus {
  background-color: #287272;
  border-color: #145D5D;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #6EA8A8;
  border-color: #458A8A;
  background-image: none;
}

.btn-success:active:hover, .btn-success.active:hover, .open>.dropdown-toggle.btn-success:hover, .btn-success:active:focus, .btn-success.active:focus, .open>.dropdown-toggle.btn-success:focus, .btn-success:active.focus, .btn-success.active.focus, .open>.dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #287272;
  border-color: #145D5D;
}

.text-primary {
  color: #5cb85c;
}
a.text-primary:hover {
  color: #449d44;
}
.text-success {
  color: #468847;
}
a.text-success:hover {
  color: #356635;
}

/* Wall gadget CSS */

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .entries {
    padding: 10px;
    overflow-y: scroll;
    max-height: 708px;
    overflow-x: hidden;
    border-top: 1px solid #c8c8c8;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .contact-activity-container {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    padding: 15px;
    margin-bottom:25px;
}
div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .children > .contact-activity-container {
    padding: 5px 15px !important;
    margin-bottom: 0px !important;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .contact-activity-container .ownerImage {
    width: 24px;
    height: 24px;
    border: 0px !important;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .wall-activity-info {
    display: flex;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .wall-activity-info > div:last-of-type {
    flex-grow: 1;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    font-size: 14px;
    color: #999;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .wall-activity-info > div:last-of-type > span {
    flex-grow:1;
    padding-left:10px;
}
div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .wall-activity-info .view-activity {
    padding:0px;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .wall-activity-info > div:last-of-type > span {
    font-size: 14px;
    color: #999;
    word-break: break-word;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .wall-activity-info span.display_LastModified {
    float: none !important;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .wall-activity-title {
    margin-bottom: 5px;
    margin-top: 5px;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .wall-activity-title > a {
    font-size: 20px;
    word-break: break-word;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .wall-child-container {
    margin-bottom: 15px;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .wall-child-item {
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .wall-child-item > div {
    display: flex;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .wall-child-item > div > div:last-of-type {
    flex-grow: 1;
    display: flex;
    align-content: center;
    flex-wrap: wrap;
    font-size: 14px;
    color: #999;
    min-height: 80px;
    margin-left: 10px;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .wall-child-item > div {
    display: flex;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .wall-child-item > div .wall-child-item-content {
    padding: 10px;
    background: #fafafa;
    border-radius: 5px;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .wall-child-item-content > div {
    width: 100%;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .contact-activity-container .children {
    padding-top: 5px;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .contact-activity-container .post-comment-wrapper {
    padding-left: 52px;
    padding-top: 10px;
    padding-right: 15px;
    display: flex;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .contact-activity-container .post-comment-wrapper > textarea {
    flex-grow: 1;
    max-width: 100% !important;
    margin-right: 10px;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .contact-activity-container .post-comment-wrapper > button {
    min-width: 80px;
    height:40px;
}

div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .fakelink {
    text-align: center;
    padding: 10px;
    color: #2F7AEA !important;
    text-decoration: none;
}





div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .searchBox {
    background-color: white !important;
    background-image: url('/images/searchicon.png') !important; /* Add a search icon to input */
    background-position: 5px 7px !important; /* Position the search icon */
    background-repeat: no-repeat !important; /* Do not repeat the icon image */
    width: 100%; /* Full-width */
    font-size: 16px; /* Increase font-size */
    padding: 12px 20px 12px 40px; /* Add some padding */
    border: 1px solid #ddd; /* Add a grey border */
    margin-bottom: 12px; /* Add some space below the input */
}

.cmaeon-index-header {
    border-bottom: 4px solid #92c43e;
}

.cmaeon-index-header-top {
    background-color: #5d5e5f;
}

.cmaeon-index-header-nav {
    background-color: #383a38;
    color: #fff;
}

    .cmaeon-index-header-home:hover, .cmaeon-index-header-tabs .tab:hover {
        color: #FFFF80;
    }

    .cmaeon-index-header-nav-tab, .cmaeon-index-header-tabs .active {
        background-color: #92c43e;
    }

.cmaeon-nav-icon-off {
    color: #555;
}

.nav-icons a {
    color: #fff;
}

    .nav-icons a:hover {
        color: #FFFF80;
    }


 .cmaeon-index-header-tab-analytics .tab-image {
    background: url("/images/cmaeon/analytics-icon2x.png") no-repeat scroll center transparent;
    background-size: contain;
    height: 20px;
    width: 20px;
    display: inline-block;
}


.cmaeon-index-header-top-logo a {
    background: url("/images/themes/lenderkey/lenderkey.png") no-repeat scroll center transparent;
    background-size: contain;
    height: 50px;
    width: 200px;
}

.cmaeon-content-home, .cmaeon-content-outside {
    background-color: #f5f5f5;
}


.cmaeon-content-dashboard-step-header {
    background-color: #add372;
}

    .cmaeon-content-dashboard-step-header .step1 {
        background-color: #DBDE26;
    }

    .cmaeon-content-dashboard-step-header .step2 {
        background-color: #8FC443;
    }

    .cmaeon-content-dashboard-step-header .step3 {
        background-color: #3CB44A;
    }

.cmaeon-content-dashboard-step-header-title {
    color: #fff;
}

.cmaeon-content-dashboard-step-header-knob > div {
    font-size: 44px;
    color: #fff;
    border: solid 2px #fff;
    background-color: transparent;
}

.cmaeon-finaeos-step-task-knob {
    color: #ddd;
    background-color: #aaa;
}

.cmaeon-logout {
    background-color: rgb(144, 196, 66);
    border: 2px solid rgb(144, 196, 66);
    color: white;
    font-weight: bold;
    height: 30px;
    line-height: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 13px;
}

    .cmaeon-logout:focus {
        background-color: transparent;
        color: white;
    }

    .cmaeon-logout:hover {
        background-color: transparent;
        color: rgb(144, 196, 66);
    }

.cmaeon-preloader {
    background: #303539 none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: .9;
    z-index: 2147483647;
}

.cmaeon-preloader-img {
    background-image: url("/images/finaeos/preloader.gif");
    background-position: center center;
    background-repeat: no-repeat;
    height: 100%;
    position: absolute;
    width: 100%;
}

    .slider, .slider-horizontal {
		width:100%;
	}

@media only screen and (max-width: 767px) {
 
    .cmaeon-index-header-top-logo a {
    width:160px;
    padding:5px 0;
    }

}

body {
    padding-top: 50px;
    background-color: #f5f5f5;
    color: #373a3c !important;
    font-size: 1.4rem !important;
    font-family: Roboto,"Helvetica Neue",Arial,Helvetica,sans-serif !important;
}

.navbar-secondary {
    background-color: #383a38 !important;
    border-width: 0;
}

.navbar-inverse button.navtab .tab-name {
    /*border-bottom: 5px solid #5cb85c;*/
}

.header a.logo {
}

.side-menu.gn-menu-main {
    background-color: transparent !important;
    background: transparent !important;

}

.side-menu.gn-menu-main > li > a {
    border-bottom: none;
}

@media (max-width: 1200px) and (min-width: 768px) {
    .side-menu.gn-menu-main > li > a {
        margin-left: 25px;
    }
}

nav.navbar.drk_bg {
    background-color: #292c31 !important;
    margin-bottom: 0;
}

.navbar .navbar-brand,
.header a.logo {
    background: url(/images/themes/1to1core/logo.png) no-repeat center center transparent;
    background-size: contain;
    height: 50px;
    width: 160px;
}

h2 {
    color: #444444;
}

.purchase-header.background {
    background: url(/images/themes/1to1core/header-background.jpg) no-repeat center center transparent;
    background-size: cover;
    height: 200px;
}

.header-underline {
    border-top: 2px solid #76d573;
}

a {
    color: #76d573;
}

    a:hover, a:focus {
        color: #39b44a;
    }

#create_account:hover,
.btn-success-borderonly:hover {
    background-color: #76d573;
    color: #ffffff;
}

#create_account,
.btn-success-borderonly {
    color: #76d573;
    border: 2px solid #76d573;
    background-color: transparent;
    font-weight: 600;
}



.box.contact_name {
    position: relative;
    height: 100% /* IE7 */;
    border-bottom: none !important;
    padding: 10px;
    box-shadow: none !important;
   
}

/*

  .box.contact_name .js-actionButton {
    color: white;
  }

  .box.contact_name .display_getFancyName {
    color: white;
    text-shadow: 1px 1px 1px #000000;
  }
*/

.blue-sky-star .star {
    font-size: 65px;
    color: #FFFFFF;
}

.blue-sky-star a.btn {
    background-color: #3454b4;
}

.star-background {
    background-color: #3454b4;
    display: inline-block;
    width: 32px;
    height: 32px;
    margin: 2px;
    border-radius: 2px;
}

    .star-background .star {
        font-size: 24px;
        margin: 4px;
    }

.blue-sky-star .form-code {
    display: block;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    top: 37px;
    color: #3C3B6E;
    width: 65px;
}

.blue-sky-star .star.white,
.star.white {
    color: white;
}

.blue-sky-star .star.grey,
.star.grey {
    color: grey;
}

.blue-sky-star[data-category="grey"] .form-code {
    color: white;
}

.blue-sky-star .star.yellow,
.star.yellow {
    color: yellow;
}

.blue-sky-star .star.pink,
.star.pink {
    color: pink;
}

.blue-sky-star .star.red,
.star.red {
    color: #B22234;
}

.blue-sky-star[data-category="red"] .form-code {
    color: white;
}


.btn-info {
    background-color: #3b3b3b;
    border-color: #3b3b3b;
    color: white;
}

    .btn-info:hover, .btn-info:active, .btn-info:focus {
        background-color: #1e1e1e;
        border-color: #1e1e1e;
        color: white;
    }

#loader {
    border-top-color: #92C43E;
}

    #loader:before {
        border-top-color: #5D5E5F;
    }

    #loader:after {
        border-top-color: #383A38;
    }

#progress_overlay {
    background-color: white !important;
}

.loader-finaeos {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 75px;
    height: 75px;
    margin: -75px 0 0 -75px;
    background-image: url(/images/themes/1to1core/loading.png);
    background-size: cover;
}


div.gadget_controls {
    margin: 0px !important;
}

.nav-background, .nav-background nav.tabs {
    background: #5d5e5f !important;
}

.gn-icon-menu::before {
    background: #383a38 !important;
    box-shadow: 0 3px white, 0 -6px #383a38, 0 -9px white, 0 -12px #383a38;
}

.side-menu .gn-menu-wrapper.gn-open-all {
    opacity: 1 !important;
}

.side-menu .gn-menu-wrapper {
    top: 50px !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    background: #585858 !important;
}

.dropdown-menu {
    min-width: 168px !important;
    padding: 5px 0 !important;
    margin: -1px 0 0 !important;
    border-radius: 0 !important;
}

.form-control {
    border-radius: 0px !important;
    height: 40px;
}

.btn {
    border-radius: 0 !important;
}


.navbar-btn {
    margin-left: 10px !important;
}

/*.btn-primary {
    background: #5bb327 !important;
    background: -moz-linear-gradient(top, #99cc33 0%, #4ba220 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99cc33), color-stop(100%,#4ba220)) !important;
    background: -webkit-linear-gradient(top, #99cc33 0%,#4ba220 100%) !important;
    background: -o-linear-gradient(top, #99cc33 0%,#4ba220 100%) !important;
    background: -ms-linear-gradient(top, #99cc33 0%,#4ba220 100%) !important;
    background: linear-gradient(top, #99cc33 0%,#4ba220 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc33', endColorstr='#4ba220',GradientType=0 );
    border:0 !important;
}*/

/*.btn-success {
    background: #5bb327 !important;
    background: -moz-linear-gradient(top, #99cc33 0%, #4ba220 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99cc33), color-stop(100%,#4ba220)) !important;
    background: -webkit-linear-gradient(top, #99cc33 0%,#4ba220 100%) !important;
    background: -o-linear-gradient(top, #99cc33 0%,#4ba220 100%) !important;
    background: -ms-linear-gradient(top, #99cc33 0%,#4ba220 100%) !important;
    background: linear-gradient(top, #99cc33 0%,#4ba220 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc33', endColorstr='#4ba220',GradientType=0 );
    border:0 !important;
}*/



.input-group-btn:last-child > .btn-group {
    height: 31px !important;
}

a.btn.btn-success.text-uppercase.btn-block {
    line-height: 50px !important;
    font-weight: 700 !important;
    margin-top: -5px !important;
}

.btn-warning {
    color: #fff;
    background: #5bb327 !important;
    border-color: #5d5e5f !important;
    background: -moz-linear-gradient(top, #99cc33 0%, #4ba220 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99cc33), color-stop(100%,#4ba220)) !important;
    background: -webkit-linear-gradient(top, #99cc33 0%,#4ba220 100%) !important;
    background: -o-linear-gradient(top, #99cc33 0%,#4ba220 100%) !important;
    background: -ms-linear-gradient(top, #99cc33 0%,#4ba220 100%) !important;
    background: linear-gradient(top, #99cc33 0%,#4ba220 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc33', endColorstr='#4ba220',GradientType=0 );
}

.panel {
    border: none !important;
}

.workbook-item-container.form-group {
    margin-bottom: 5px !important;
}

.header img.logo {
    margin-left: 15px;
    max-height: 35px !important;
    image-rendering: -webkit-optimize-contrast;
}

/* Cust Sum */
@media screen and (max-width: 767px) {
    .upgrade-account-icn {
        position: absolute;
        right: 85px;
        margin-top: -42px;
    }
}

@media screen and (max-width: 330px) {
    #logomob330 {
        margin-top: -0px;
        /* need to be ignored - a fix so.... display: none !important;  need to see why it was droping down this space when viewed on smaller devices like iPhone5*/
    }
}

/* Hamburger CSS*/

ul.gn-menu li:not(:first-child), ul.gn-menu li li {
    box-shadow: none !important;
}

.panels nav.tabs ul li.navtab {
    border-bottom: none !important;
}
/* Nav level 2*/
#navbar.scrolled {
    /* subtract your height */
    /*-webkit-transform: translate3d(0,-80px,0);
  -moz-transform: translate3d(0,-80px,0);
  transform: translate3d(0,-80px,0);*/
    -webkit-transform: none !important;
    -moz-transform: none !important;
    transform: none !important;
    top: 50px !important;
    position: fixed !important;
}

/*#navbar {
    padding-left: 290px;
}*/

div.gadget_title span {
    display: none !important;
}

/*@media (min-width: 1200px) { */ /* Copied from Bootstrap*/
/*header nav.tabs .container {
    width: 98%;
  }
}

@media (min-width: 992px) { */ /* Copied from Bootstrap*/
/*header nav.tabs .container {
    width: 98%;
  }
}

@media (min-width: 768px) { */ /* Copied from Bootstrap*/
/*header nav.tabs .container {
    width: 97%;
  }
      }
  */

.ui-tabs .ui-tabs-panel {
    overflow-x: auto;
    border-left: 1px solid #ddd !important;
    border-radius: 0px;
    border-right: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
    margin-bottom: 0px;
}

.navbar-inverse a.button, .navbar-inverse buton {
    color: #383a38 !important;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #cccccc !important;
}

.navbar .navbar-brand, .header a.logo {
    height: 50px !important; /*make it 50px if background is changed to white color*/
    width: auto !important;
    padding-left: 25px;
}

/** 10042017 From Nick **/

div.gadget_title h5 {
    margin-left: 20px !important;
    font-size: 20px !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
    background-color: white !important;
    outline: none !important;
    border: 1px solid white !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
    background-color: #ffffff !important;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 5px 10px !important;
    font-size: 13px !important;
    line-height: 1.5 !important;
    border-radius: 0px !important;
}

div.gadget_box div.heading {
    border-bottom: 1px solid #ffffff !important;
    background: #EEEEEE none repeat !important;
    float: left !important;
    width: 100% !important;
    border: 1px solid #e3e3e3 !important;
    padding-left: 15px !important;
}

.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
    font-size: 16px !important;
}

.ui-tabs .ui-tabs-nav {
    padding: 0 !important;
}

.ui-tabs {
    padding: 0 !important;
}

div.gadget_box {
    /*padding: 0 !important;*/
    padding: 21px !important;
}

.ui-tabs .ui-tabs-nav li a {
    margin-right: 0px !important;
}

.btn-sm, .btn-group-sm > .btn {
    font-size: 13px !important;
}

.panel {
    box-shadow: none !important;
}



.nav-background, .nav-background nav.tabs {
    background: #383a38 !important;
}

.title_container h3 {
    padding-left: 0;
    margin-left: 0 !important;
}

.side-menu.gn-menu-main,
.side-menu.gn-menu-main ul {
    font-size: 16px !important;
}

.gn-menu-main > li:last-child {
    border-bottom: none !important;
    border-right: none;
    background: transparent !important;
    border-left: none;
    background-color: transparent !important;
}



div.gadget_box div.heading {
    background: #f5f5f5 none repeat !important;
}

.navbar .navbar-brand, .header a.logo {
    height: 50px !important; /*make it 50px if background is changed to white color*/
    width: 215px !important;
}

div.gadget_box tbody.clickable td {
    cursor: pointer !important;
    font-size: 14px !important;
    overflow: auto;
}

.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
    padding: 10px !important;
}

div.gadget_controls {
    padding-top: 7px !important;
}

.ui-tabs .ui-tabs-nav li a {
    padding: 0 20px !important;
}

div.gadget_title h5 {
    font-size: 20px !important;
}

/* 04192017 */
/*
    .btn-primary:hover, .btn-primary:focus {
    background-color: rgb(225, 75, 75) !important;
    border-color: #f2686c !important;
    background:#f2686c !important;
}
*/

/*
    .btn-success:hover, .btn-success:focus {
    background-color: rgb(225, 75, 75) !important;
    border-color: #f2686c !important;
    background:#f2686c !important;
}
*/

.btn-success {
    background-color: #ad3030 !important;
    border-color: #b85c5c !important;
    background: #f2686c !important;
}

.navbar-inverse button.navtab .tab-name {
    border-bottom: 5px solid #e14b4b !important;
}

a {
    color: #585858 !important;
}

/* Copied to the new theme area below
    .btn-danger {
    background-color: #979797 !important;
    border-color: #8b8b8b !important;
}

.btn-danger:hover {
    background-color: #979797 !important;
    border-color: #8b8b8b !important;
}

.btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus {
    background-color: #979797 !important;
    border-color: #8b8b8b !important;
}
*/

.btn-warning {
    background: #585858 !important;
    border-color: #585858 !important;
}

    .btn-warning:hover {
        background: #585858 !important;
        border-color: #585858 !important;
    }

    .btn-warning:active {
        background: #585858 !important;
        border-color: #585858 !important;
        color: white !important;
    }

.navbar-inverse button.navtab .tab-name {
    border-bottom: 5px solid #585858 !important;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
    color: #fff !important;
    text-decoration: none !important;
    outline: 0 !important;
    background-color: #337ab7 !important;
}

/*Copied stop thead new theme 
    div.gadget.Finder .finder .finder-column .finder-item.highlight {
    background: #585858 !important;
}
*/

.btn-link:hover, .btn-link:focus {
    color: #a0a0a0 !important;
    text-decoration: none;
}

.btn-link {
    color: #6e6e6e !important;
}

.dropdown-menu > li > a {
    color: #373a3c !important;
    padding: .625rem 1.25rem !important;
    border-bottom: 1px solid #e5e5e5 !important;
    padding-bottom: 10px !important;
}

.highlight {
    background: #ffffd5 !important;
}

.openChatsList .right a, .activitiesList .right a {
    color: #597a96 !important;
}

#topmenuContent button {
    background: #1e73be !important;
    border-radius: 3px !important;
    border: none !important;
}

.dropdown-menu {
    min-width: 193px !important;
    padding: 0px 0 !important;
    margin: 0px 0 0 !important;
    border-radius: 0 !important;
    border: 0;
}

    .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
        background-color: #585858 !important;
    }

        .dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
            background: #585858 !important;
        }

.navbar-right .dropdown-menu {
    right: 0px;
}

ul#header_search_options {
    left: -172px !important;
}

form#header_search_form {
    padding: 0px;
}

.gadget_menu a:hover,
ul.gadget_menu li:hover,
ul.gadget_menu li:hover a {
    background-color: #f5f5f5;
    text-shadow: none;
    color: #949494 !important;
}

::selection {
    background: rgba(118, 213, 115, 0.27);
}

/* Copied to the new theme sectio to apply Grey Background
    #bulk_email_panel .main_campaign {
    box-shadow: 0 1px 6px #E5E5E5;
    -moz-box-shadow: 0 1px 6px #E5E5E5;
    -webkit-box-shadow: 0 1px 6px #E5E5E5;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    margin: 0px !important;
}
*/

.gadget_menu a, ul.gadget_menu li {
    color: #484C54 !important;
}

a#display_accountLogo {
    padding-left: 0px !important;
}

.navbar .navbar-brand, .header a.logo {
    height: 50px !important; /*make it 50px if background is changed to white color*/
    width: 260px !important;
    max-width: 100% !important;
}

.label-success {
    background-color: #585858 !important;
}

/*
    div#content_widget_19 {
    padding: 21px !important;
    min-height:409px !important;
}

div#content_widget_15 {
    min-height:495px !important;
}
*/

div.gadget[data-gadgetname="cmaeon.real.charts.TagCloud"] .tags .tag:hover {
    background: transparent !important;
    color: #bfc7bf !important;
}

div#content_widget_18 {
    padding: 21px !important;
}


div#anonymous_element_22 {
    padding: 0 !important;
    overflow-x: visible !important;
    margin-bottom: 0 !important;
}

div#anonymous_element_24 {
    overflow: visible !important;
}

/* Affecting the Contact Ranks gadget on Sys Admin role
    div#anonymous_element_29 {
    padding: 0 !important;
}
*/

div#content_widget_26 {
    padding: 21px !important;
}

    div#content_widget_26 h2 {
        margin-top: 5px !important;
    }

/* Affecting the Contact Ranks gadget on Sys Admin role
div#anonymous_element_30 {
    padding: 0 !important;
}*/

/* Affecting the Contact Ranks gadget on Sys Admin role
div#anonymous_element_32 {
    padding: 0px !important;
}*/

div#anonymous_element_23 {
    padding: 0px !important;
    overflow-x: visible !important;
}

.well {
    border-radius: 0px !important;
}

.box-gadget.main_campaign.row {
    padding: 21px !important;
}

    .box-gadget.main_campaign.row h2 {
        margin-top: 0 !important;
        margin-bottom: 10px !important;
    }

div#content_widget_16 {
    padding: 21px !important;
}

div#content_widget_21 {
    /*padding: 15px !important; Clashing with the Contracts gadget and causing consistent height issue */
    padding-bottom: 21px !important;
}

div#content_widget_22 {
    /*padding: 15px !important; Clashing with the Contracts gadget and causing consistent height issue */
    padding-bottom: 21px !important;
}

/* Affecting the Contact Ranks gadget on Sys Admin role
div#anonymous_element_31 {
    padding: 0;
}*/

.display-instructions.alert.alert-info {
    margin-bottom: 0px;
}

/*With this the dialogue box is very large
@media (min-width:768px) {
	.modal-dialog {
		width: 750px;
	}
}
*/

.huddle.col-xs-12 {
    padding: 0 !important;
}


/* WALL GADGET*/

.cooler-footer.text-center.col-xs-12 {
    border-top: 1px solid #f7f7f7 !important;
}

/*div#widget_8 textarea {*/
    /*height: 30px !important;*/
    /*display: inline-block !important;*/ /*commented to fix ck editor by pranay on 30/04/2020*/
    /*width: 100% !important;
    float: left !important;
    resize: none !important;
    border-radius: .25rem !important;
}*/

button.btn.btn-primary.load-more-entries {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/*  We do not need this CSS for blockcerts
    div#content_widget_8 {
    padding:0px !important;
}
*/


/* ZONE GADGET*/


.zone tr.no_results td {
    border: none !important;
}

div#anonymous_element_15 {
    overflow-x: visible !important;
}

div#anonymous_element_16 {
    overflow-x: visible !important;
}

    div#anonymous_element_16 .table > thead > tr > th {
        border-bottom: 0px !important;
    }

div#anonymous_element_17 {
    overflow-x: visible !important;
}

    div#anonymous_element_17 div .form-group {
        padding: 0 !important;
        margin: 0px !important;
    }

    div#anonymous_element_17 .well {
        background: white;
        border: none;
        padding: 5px;
        box-shadow: none;
        padding-left: 0px;
    }

div#anonymous_element_18 {
    overflow-x: visible !important;
}

div#anonymous_element_19 {
    padding: 0 !important;
    overflow: visible !important;
}

    div#anonymous_element_19 ul {
    }

    div#anonymous_element_19 .tabs.buttons {
        padding: 0 !important;
        overflow: visible !important;
    }

div#anonymous_element_20 {
    padding: 0 !important;
    overflow: visible !important;
}

div#anonymous_element_21 {
    padding: 0 !important;
    overflow: visible !important;
}

/* Affecting the Contact Ranks gadget on Sys Admin role
div#anonymous_element_28 {
    padding: 0px;
}*/

/*  We dont need this for this instance
    div#content_widget_10 {
    padding: 15px !important;
}
*/

div#anonymous_element_28 div {
}

div#anonymous_element_29 div {
    margin: 0px;
    padding: 0px;
    padding-left: 6px;
}

div#anonymous_element_30 div {
    margin: 0px;
    padding: 0px;
    padding-left: 6px;
}

ul.profile-sub-menu.dropdown-menu.dropdown-menu-arrow li a:hover {
    background: white;
    background-color: white;
}


/* Dropdown navbar */

ul.profile-sub-menu.dropdown-menu.dropdown-menu-arrow {
    border-radius: 0 !important;
    border: 0 !important;
    padding: 0px !important;
    border-top: 1px solid rgba(0,0,0,.1) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,.12) !important;
}

.dropdown-menu-arrow::before {
    border-bottom: 6px solid transparent !important;
    border-left: 6px solid transparent !important;
    border-right: 6px solid transparent !important;
}

a#preferences_link {
    padding: 16px !important;
}

.profile-sub-menu .realicon {
    margin: 0 10px !important;
    font-size: 21px !important;
    top: 5px !important;
}

.dropdown-menu > li > a .category {
    background-color: #f5f5f5;
}

.tabs.buttons {
    border-bottom: 1px solid rgba(0,0,0,.1);
}

nav .container-fluid {
    padding-left: 0px !important;
}

div.gadget-content .container-fluid {
    padding-left: 0px !important;
}

@media (max-width:767px) {


    .side-menu .gn-menu-wrapper.gn-open-all {
        width: 0px;
    }
}

#navbar {
    display: none;
}

body.cmaeon {
    padding-top: 46px;
    overflow-x: hidden;
    background-color: rgba(0,0,0,.05) !important;
}

.side-menu .gn-menu-wrapper {
    top: 50px;
}


@media (max-width: 1200px) {

    .side-menu.gn-menu-main {
        background: transparent;
        background-color: transparent;
    }

    /*
    .gn-menu-main > li:last-child {
        background: #e8e8e9 !important;
        background-color: #e8e8e9 !important;
    }
    */
}

.navbar .navbar-brand, .header a.logo {
    padding-left: 0px;
}

.navbar .navbar-brand, .header a.logo {
    width: 260px !important;
    background-color: white !important;
}

.side-menu.gn-menu-main, .side-menu.gn-menu-main ul {
    color: white;
}

.header img.logo {
    max-height: 40px !important;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: none;
}

nav.tabs.buttons .navbar-toggle {
    height: 46px;
    border-radius: 0px;
}

body.cmaeon {
    background-color: rgba(0,0,0,.05) !important;
}

body.cmaeon nav.tabs.navbar {
    background-color: #ffffff;
}

@media (max-width:767px) {
    .side-menu .gn-menu-wrapper.gn-open-all {
        width: 250px !important;
    }

    .side-menu.gn-menu-main > li > a {
        display: block !important;
        height: 50px !important;
    }

    .navbar .navbar-brand, .header a.logo {
        background-color: transparent !important;
    }

    .header img.logo {
        /*padding-left: 35px;*/
    }
}

ul.nav-icons.nav.navbar-nav.navbar-right {
    margin: 0px;
}




.bubblepadding {
    padding-left: 42px;
    padding-right: 20px;
    padding-bottom: 15px;
}


/* NEW CSS */

div#anonymous_element_29 div {
    margin: 0px;
    padding: 0px;
    padding-bottom: 0px;
    padding-left: 6px;
}

.well.well-xs {
    padding: 10px !important;
}

/* Affecting the Contact Ranks gadget on Sys Admin role 
    div#anonymous_element_29 {
    padding: 21px !important;
}
*/

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

body.cmaeon {
    background-color: #fafafa !important;
}

.panels nav.level-3.tabs li.navtab {
    width: auto;
    border-left: 1px solid #e6e6e6;
    min-width: 160px;
    text-align: center;
}


.well {
    border: none;
}

div.gadget_box tbody.clickable td {
    border-top: none;
}

/* Copied to the new theme
    div.gadget.Finder .finder .finder-column .finder-item.highlight {
    background: #585858 !important;
    color: white;
}
*/

nav.level-3.tabs .tabset li.active {
    top: 0px;
    left: 0px;
    box-shadow: none;
    text-shadow: none;
    background-color: #fafafa;
    position: relative;
    color: #6D6E70;
    border: none;
}

.panels nav.level-3 {
    margin-top: 0px;
}

.navpanel {
    margin-top: 0px;
    margin-left: -1px;
}

nav.level-3.tabs .tabset li {
    padding: 10px;
}

tr.no_results {
    background-color: transparent !important;
}

.toolbar, .js-toolbar {
    background-color: #f2f2f2;
    border-bottom: none;
    box-shadow: none;
}

.level-3 div.tab-container .slider {
    background: #585858;
}

nav.level-3.tabs .tabset li {
    background-color: #585858;
    color: #ffffff;
    font-size: 15px;
}

.level-3 .badge-bar.label-pill {
    left: 5px;
    top: 10px;
    font-size: 12px;
    padding: 4px 7px;
    border-radius: 600px;
}

li#desktop_tab span.tab-image.glyphicon.glyphicon-blackboard {
    top: 6px;
    padding-left: 0px;
}



li#desktop_tab span.tab-image.glyphicon.glyphicon-random {
    top: 8px;
    padding-left: 0px;
}

.toolbar, .js-toolbar {
    background-color: #fafafa;
}

nav.toolbar {
    margin-bottom: 10px;
    padding: 12px 1px;
    position: relative;
    height: 48px;
}

ul.nav-icons.nav.navbar-nav.navbar-right {
    padding-right: 12px;
}

input#header_search_input {
    min-width: 220px;
}

ul#header_search_options {
    left: -220px !important;
    min-width: 240px !important;
}

div#drip_campaigns_panel {
    padding-top: 10px;
}

div#social_media_panel {
    padding-top: 10px;
}

div#files_panel {
    padding-top: 24px;
}

ul.profile-sub-menu.dropdown-menu.dropdown-menu-arrow {
    min-width: 160px !important;
}

nav.toolbar {
    padding: 0;
}


div#desktop-processes_panel {
    padding-left: 0px;
    padding-right: 0px;
}

.box.gadget.search {
    background-color: #fafafa;
    D
}

.gadgets {
    padding-left: 10px;
    padding-right: 10px;
}

body .container-fluid {
    background: #FFFFFF;
}

.panels nav.level-3 {
    margin-left: -10px;
    width: 132%;
}

.search-wrapper.col-xs-12.col-sm-3.col-lg-2.text-left.navbar-left {
    padding-left: 14px !important;
}

@media (max-width:767px) {

    /*
    .side-menu.gn-menu-main {
        background: #585858 !important;
    }
    */

    .panels nav.level-3 {
        margin-left: 0px;
    }

    .header img.logo {
        /*padding-left: 46px;*/
    }
}

/*
.side-menu .gn-icon-menu::before {
    box-shadow: 0 3px transparent, 0 -6px white, 0 -9px transparent, 0 -12px white !important;
}
*/




/*div.gadget {
    margin-top: 15px !important;
}*/



table#DataTables_Table_3 {
    border-left: 1px solid #d9d9d9 !important;
    border-right: 1px solid #d9d9d9 !important;
    border-bottom: 1px solid #d9d9d9 !important;
}

nav.level-3.tabs .tabset div.close-tab {
    right: 4px !important;
    top: 0px !important;
    font-size: 25px !important;
    font-weight: 100 !important;
    padding-left: 4px !important;
}

.label-success {
    background-color: #585858 !important;
    color: #FFFFFF !important;
    border: 1px solid #585858;
}

div#files_panel {
    padding-top: 22px !important;
}

.panels nav.level-3.tabs li.navtab.active .label-success {
    background-color: #585858 !important;
    color: white !important;
}

div.gadget-content .container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

div#bulk_email_panel {
    padding-top: 10px !important;
}

div#drip_campaigns_panel {
    padding-top: 20px !important;
}

div#social_media_panel {
    padding-top: 20px !important;
}

#bulk_email_panel .main_campaign {
    margin-top: 9px !important;
    box-shadow: 0 2px 3px rgba(0,0,0,.05) !important;
    border: 1px solid #e5e5e5 !important;
}

div#contact_add_panel {
    padding-top: 20px !important;
}

div#contact_groups_panel {
    padding-top: 20px !important;
}

div#contact_favourites_panel {
    margin-top: 20px !important;
}

.navpanel {
    margin-top: 0px !important;
    margin-left: 0px !important;
}

@media (max-width: 767px) {
    .container-fluid {
        padding-left: 6px !important;
        padding-right: 6px !important; /* I think this is causing the extra padding and causing the header and footer to scroll beyond the layout*/
        padding-top: 6px !important;
    }
}

@media screen and (max-width: 480px) {
    /** Custom su **/
    /*nav.tabs ul.nav-icons > li:first-child.messages {
    margin-top: 40px;
    border-top: 1px solid #eeeeee;
    } This is commented because, we do not have the upgrade anymore
    .upgrade-account-icn {
    margin-top: 10px;
    position: relative;
    right: auto;
    }
    .package-upgrade {
    width: 90% !important;
    }*/
    .navbar .navbar-brand, .header a.logo {
        width: auto !important;
    }
}

.ui-tabs .ui-tabs-panel {
    padding: 20px !important;
}

.communication-header .form-group {
    margin-bottom: 20px !important;
    margin-top: 0px !important;
}

nav.toolbar select {
    height: 36px !important;
}

nav.toolbar .form-group {
    padding-left: 5px !important;
}

div#contact_search_panel {
    padding-top: 20px !important;
}

.box.gadget.search {
    box-shadow: none !important;
    border: none !important;
    margin-top: 0px !important;
    padding-left: 5px !important;
}

div#files_panel nav.toolbar {
    margin-bottom: 5px !important;
}

nav.toolbar {
    margin-bottom: 7px !important;
}

form.mainsearch_form .form-group {
    margin-top: 0px !important;
}



form.activities_search_form {
    padding-bottom: 20px !important;
}

/* Affecting Contact Ranks gadget on System admin
    div#anonymous_element_30 {
    padding: 21px !important;
}
*/

div#anonymous_element_30 div .form-group {
    padding-bottom: 20px !important;
}

/* Affecting Contact Ranks gadget on System admin
div#anonymous_element_31 {
    padding: 21px !important;
}*/

div#anonymous_element_37 .well.well-xs {
    background-color: white !important;
}

div#anonymous_element_39 .well.well-xs {
    padding: 0px !important;
    border: 0px !important;
    box-shadow: none !important;
}

div#content_widget_34 div {
    /*padding-left: 0px !important;*/ /* Affecting the Smart Hashes gadget*/
    /*padding-bottom: 15px !important;*/
}

div#content_widget_35 div {
    /* Overriding Cooler wall CSS 
        padding-left: 0px !important;
    */
    padding-bottom: 3px !important;
}

div#anonymous_element_29 form.activities_search_form {
    padding-bottom: 20px !important;
}

div#anonymous_element_31 .form-group {
    margin: 0px !important;
}

img.contact-card.btn-link.ownerImage.embed_OwnerProfileID.img-rounded.large-avatar.cursor-pointer {
    border: 3px solid white;
}

div.widget.threadGadgets.gadget.clearfix.Networks {
    margin-top: 0px !important;
}

div.widget.threadGadgets.gadget.clearfix.Thread.socialGadget {
    margin-top: 0px !important;
}

div.widget.threadGadgets.gadget.clearfix.FacebookWidget {
    margin-top: 0px !important;
}

div.widget.dripGadgets.gadget.clearfix.DripCampaigns {
    margin-top: 0px !important;
}

div.widget.templateGadgets.gadget.clearfix.BulkEmail {
    margin-top: 10px !important;
}

div.widget.favoriteGadgets.gadget.clearfix.Favorites {
    margin-top: 0px !important;
}


div.widget.groupGadgets.gadget.clearfix.MyGroups {
    margin-top: 0px !important;
}

div.widget.editorGadgets.gadget.clearfix.Editor {
    margin-top: 0px !important;
}

div.widget.filesGadgets.gadget.clearfix.Finder.finder_gadget {
    margin-top: 0px !important;
}

/* 7/25/2017 */

.level-3 div.tab-container.scroll .scroll-previous, .level-3 div.tab-container.scroll .scroll-next {
    position: fixed;
    top: 80px;
}

.panels nav.level-3 {
    margin-left: -10px;
    width: 102%;
}

div#processes_panel {
    padding-top: 20px;
}

div#company_add_panel {
    padding-top: 20px;
}

div.widget.editorGadgetsCompany.gadget.clearfix.Editor {
    margin-top: 0px !important;
}

div.widget.processGadgets.gadget.clearfix.ProcessTypes {
    margin-top: 0px !important;
}

.extralarge-avatar {
    image-rendering: -webkit-optimize-contrast;
}

tbody.clickable.proj-view-grid.projviewgrdshado td {
    padding: 10px !important;
    padding-right: 0px !important;
}

a.scroll-previous.fakelink {
    position: absolute !important;
    top: 51px !important;
}

a.scroll-next.fakelink {
    position: absolute !important;
    top: 51px !important;
}

div.widget.processGadgets.gadget.clearfix.ProcessTypes div.widget_content.gadget_box.clearfix {
    padding: 20px !important;
}

.check-avatar {
    display: none !important;
}

.progress-primary {
    background-color: #65d16f !important;
    color: #65d16f !important;
}

.progress[value] {
    color: #65d16f;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*02222018*/



div.gadget_box#content_widget_11 {
    /*background-color: #1e73be !important;*/
}

.text-primary {
    color: #65d16f !important;
}

th {
    font-weight: normal;
}

div.product-chooser-item.selected {
    border: 4px solid #428bca;
    background: white;
    padding: 8px;
    filter: alpha(opacity=100);
    opacity: 1;
    margin: 20px;
    padding: 11px;
    margin-bottom: 27px !important;
}

div.product-chooser-item {
    /*padding: 11px;*/
    /*border-radius: 6px;*/
    /*cursor: pointer;*/
    position: relative;
    /*border: 1px solid #efefef;*/
    /*margin-bottom: 23px;*/
    /*margin: 20px;*/
}

.pull-xs-right {
    float: right !important;
}

.icon-text, .material-icons {
    vertical-align: middle;
}

.card-info, .card-primary, .card-red, .card-success, .card-warning, .list-group-item.active [class*=text-], .list-group-item.active a {
    color: #fff;
}

.card-info, .card-primary, .card-red, .card-success, .card-warning, .list-group-item.active [class*=text-], .list-group-item.active a {
    color: #fff;
}

    .card-primary .card-block h5 {
        color: #FFFFFF;
    }

.badge {
    background-color: #585858 !important;
    color: #FFFFFF !important;
    border: 1px solid #585858;
}

.label-success {
    background-color: #585858 !important;
    color: #FFFFFF !important;
    border: 1px solid #585858;
}

.card .card-button-wrapper .card-button, .card .card-subtitle {
    color: #818a91;
}

.card .card-title {
    font-size: 1.5rem;
    margin-bottom: .625rem;
}

/* 02262018 */
.card > .nav-tabs {
    margin-bottom: -1px;
    background: rgba(0,0,0,.05);
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.card {
    /*box-shadow: 0 2px 3px rgba(0,0,0,.05);*/
}

    /*
    .card {
    position: relative;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}
*/

    .card > .nav-tabs .nav-link.active, .card > .nav-tabs .nav-link:hover {
        border-color: transparent;
        color: #55595c !important;
    }

/*02272018*/

.btn-circle {
    border-radius: 40px !important;
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 38px;
}

.nav-tabs .nav-item.open .nav-link, .nav-tabs .nav-item.open .nav-link:focus, .nav-tabs .nav-item.open .nav-link:hover, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover {
    color: #55595c;
    background-color: rgba(0,0,0,.05);
    border-color: #ddd #ddd transparent;
}

option {
    background-color: white;
    border-color: #fff;
    border-right: 1px solid;
    border-left: 1px solid;
    color: rgba(0,0,0,.54);
}

/*03092018*/
progress::-moz-progress-bar {
    background: #65d16f;
}

progress::-webkit-progress-value {
    background: #65d16f;
}

progress {
    color: #65d16f;
}

.progress[value] {
    color: #65d16f;
    border: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.progress {
    height: 6px;
}

.m-a-0 {
    margin: 0 !important;
}

.progress {
    display: block;
    width: 100%;
    margin-bottom: 40px !important;
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline;
}

    progress[value]::-webkit-progress-bar {
        background: #ececec;
    }

h5, .h5 {
    font-size: 19px;
    font-weight: 400;
}

div.gadget-content {
    padding-top: 25px;
}

.lead {
    margin-bottom: 0px;
}

.panels nav.tabs li.navtab {
    line-height: 32px;
    padding-left: 4.75px;
    font-size: 15px;
}

.simplebar-content .media .media-middle a {
    margin-top: 20px;
}

/* 04092018 */
.modal-content {
    padding: 10px;
}

/* File upload - Tags */
.form-group .bootstrap-tagsinput input[type=text] {
    border: none !important;
    background: none !important;
}

/* CSS for the right sidebar private IM */

.inboxGadgets.ChatWindow .conversation-wrap, .inboxGadgets.ChatWindow .message-wrap {
    background: #FFFFFF;
    font-size: 12px;
}

.inboxGadgets.ChatWindow .btn-pref .btn-default,
.inboxGadgets.ChatWindow .btn-pref .btn-white {
    height: 62px;
    font-size: 12px;
}

.inboxGadgets.ChatWindow .btn-pref .btn-primary {
    height: 61px;
    line-height: 1.5em;
    font-size: 12px;
}

.inboxGadgets.ChatWindow .media.conversation .btn.btn-primary {
    background: #585858 !important;
}

.btn-circle.btn-lg {
    padding: 10px 16px !important;
    line-height: 1.9em !important;
}

.inboxGadgets.ChatWindow h5.media-heading {
    font-size: 12px;
    word-break: break-all;
}

.msg-wrap {
    height: -webkit-fill-available;
    max-height: 650px;
}

.media-body .media-heading {
    color: #585858 !important; /* Can be removed !important here and the inline css inside the gadget once we have theme done to all instances*/
    word-break: break-all;
}

.inboxGadgets.ChatWindow .media.msg img {
    width: 39px;
    height: 39px;
    max-width: none;
}

.media.msg img {
    border-radius: 100%;
    max-width: 30px;
}

img#display_accountLogo {
    border-radius: 100% !important;
}

.msg {
    border-bottom: 1px solid #f5f5f5;
}

/* 04112018 */
.newsGadgets #content_widget_1 .iFrameContainer iframe.iFrame body {
    padding: 0 !important;
    margin: 0 !important;
    background: #FFFFFF !important;
}

    .newsGadgets #content_widget_1 .iFrameContainer iframe.iFrame body div#note_content {
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .newsGadgets #content_widget_1 .iFrameContainer iframe.iFrame body div#note_content a {
            color: #65d16f !important;
        }

/* 06202018 */
/** Team Page **/
i.material-icons.openChat {
    cursor: pointer;
}

.btn .caret {
    padding-bottom: 7px !important;
}

/*07062018 as per Nick's design request*/
footer a#support_link_submit {
    display: none !important;
}

footer div#footer-txt {
    z-index: -1 !important;
}

div.gadget {
    margin-top: 0px !important;
}

    div.gadget.Status {
        border-left: 3px solid #65d16f;
    }

div.product-chooser-item .workbook-thumbnail {
    background: #D5205b;
}

div.register #content_widget_1 {
    overflow: auto;
}

/* 07172018 License agreement heading background styles*/
.bcerts-panel_bg {
    background: #585858 !important;
}

button.take_tour, button.dismiss_message {
    background: #65cf6e !important;
    border: 1px solid #65cf6e !important;
    color: #FFFFFF !important;
    /*display: none !important;*/
}



/* 05-16-2019 */
/* New theme */

.base-clr {
    color: #585858;
}

/* Alerts */

.alert {
    border-radius: 12px;
}

.alert-info {
    background-color: #585858;
    border-color: #585858;
    color: #FFFFFF;
}

/* BCERT balance and INK Balance on the instance header*/
li.bcertsbalance, li.inkbalance {
    margin-top: 8px;
    font-size: 13px !important;
    color: #FFFFFF;
    text-transform: uppercase;
    /*background: #eeeeee;*/
    padding: 8px;
    font-weight: bold;
}

li.bcertsbalance {
    padding-right: 0;
}

    li.bcertsbalance #bcertsbalanceamt, li.inkbalance #inkbalanceamt {
        color: #FFFFFF;
        margin-right: 9px;
        font-weight: normal;
    }

li.inkbalance #inkbalanceamt {
    color: #FFFFFF;
    font-weight: normal;
}

div.widget.notesGadgets.gadget div.gadget_controls button {
    /*color: #FFFFFF !important;*/
}

div.gadget.PrivateKey {
    margin-bottom: 20px;
    margin-top: 16px;
    box-shadow: 0 2px 3px rgba(0,0,0,.05);
    border: 1px solid #eceded;
    border-radius: 15px;
    background: #eceded;
}

    div.gadget.PrivateKey div.gadget_box {
        margin-top: 10px;
    }

        div.gadget.PrivateKey div.gadget_box .dotted_wrapper {
            border: 2px dashed #b8babc;
            padding: 10px 20px;
            border-radius: 15px;
            display: inline-block;
            width: 100%;
        }

            div.gadget.PrivateKey div.gadget_box .dotted_wrapper .register input[type="text"] {
                margin-right: 10px;
            }

label.PK_heading {
    font-size: 13px;
    font-weight: bold !important;
}

div.gadget_box .dotted_wrapper .keyStore {
    word-break: break-all;
}

input[type=text], input[type=search], input[type=email], input[type=tel], input[type=password], select, textarea {
    /*text-indent: 10px;*/
    color: #626264;
    font-weight: normal;
    background: #eceded !important;
    border: 2px solid #b9bbbc !important;
    height: 40px;
    /*margin-right: 10px;*/
}

.input-group-addon {
    background-color: #eee;
    border: 2px solid #b9bbbc;
}

div.gadget.PrivateKey div.gadget_box .dotted_wrapper .register .alert-danger,
div.gadget.PrivateKey div.gadget_box .dotted_wrapper .register .alert-info {
    font-size: 11px;
}

.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem 2rem;
    font-size: 1.4rem;
    line-height: 2em;
    border-radius: 5px !important;
    min-height: 40px;
}

a.btn {
    line-height: 3rem;
}

.file-input a.btn {
    line-height: 1.6em;
}

.btn-primary {
    background-color: #292d2f !important;
    border-color: #292d2f !important;
    color: white !important;
    border-radius: 5px !important;
    min-height: 40px;
}

.keysgadgets.PrivateKey .btn-primary,
.walletgadgets.Wallet .btn-primary,
.walletgadgets.Wallet .btn-secondary,
.walletgadgets.Wallet .brdronly,
.name-verify,
.passport-verify {
    min-width: 150px;
}

.dashboardGadgets.Create .btn-primary {
    padding: 5px 10px;
}

/*Pdf Editor */
.editorGadgets.PDFEditor .add-signature {
    background: #585858 !important;
    border-color: #585858;
    opacity: 1;
}

.editorGadgets.PDFEditor .close-activity {
    opacity: 1;
}

.toolbar, .js-toolbar {
    background-color: transparent;
    border-top: 0;
    padding-left: 0;
}

.btn-primary:hover, .btn-primary:focus {
    /*background-color: #585858 !important;
    border-color: #585858 !important;*/
    /*background: rgba(74, 74, 74, 0.7) !important;*/
}

.btn-secondary {
    background-color: #585858 !important;
    border-color: #585858 !important;
    color: white !important;
    border-radius: 5px !important;
    min-height: 40px;
}

    .btn-secondary:hover, .btn-secondary:focus {
        background-color: #585858;
        border-color: #585858 !important;
        /*background: rgba(64, 2, 132, 0.7) !important;*/
    }

.btn-danger {
    background-color: #292d2f !important;
    border-color: #292d2f !important;
}

    .btn-danger:hover {
        background-color: #292d2f !important;
        border-color: #292d2f !important;
    }

    .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled.focus, .btn-danger[disabled].focus, fieldset[disabled] .btn-danger.focus {
        background-color: #979797 !important;
        border-color: #8b8b8b !important;
    }

button.btn.btn-danger.disabled.delete {
    background-color: #979797 !important;
    border-color: #8b8b8b !important;
    color: white !important;
    min-height: 40px;
    border-radius: 5px !important;
}

.btn-danger:focus, .btn-danger.focus {
    min-height: 40px;
    border-radius: 5px;
}

input-group-addon, .input-group-btn, .input-group .form-control {
    display: table-cell;
    height: 40px;
}

.btn-file {
    line-height: 32px;
}

.input-group-btn:last-child > .btn {
    height: 40px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

    .input-group-btn:last-child > .btn.dropdown-toggle-caret {
        border-bottom-right-radius: 0 !important;
        border-top-right-radius: 0 !important;
        padding: 6px !important;
        height: 40px !important;
        border-right: 2px solid #FFF !important;
    }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0 !important;
    /* border-top-right-radius: 0 !important; */
    /* border-bottom-right-radius: 0 !important; */
    margin-right: 1px;
}

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
    border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
    margin-right: 1px;
}

.btn-group > .btn:last-child:not(:first-child), .btn-group > .dropdown-toggle:not(:first-child) {
    border-bottom-left-radius: 0 !important;
    border-top-left-radius: 0 !important;
}

.btn-group > .btn-group:nth-child(2) > .multiselect.btn {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    margin-right: 1px;
}

.contact-file-upload-modal .input-group-btn .btn,
.pdf-file-upload-modal .input-group-btn .btn {
    border-radius: 0 !important;
}

    .contact-file-upload-modal .input-group-btn .btn.fileinput-upload,
    .pdf-file-upload-modal .input-group-btn .btn.fileinput-upload {
        margin-right: 1px;
    }

.contact-file-upload-modal .progress {
    height: 17px;
}

.contact-file-upload-modal a.btn, .contact-file-upload-modal button.btn {
    line-height: 2.2rem;
    background: #292d2f !important;
}

.file-caption-name {
    height: 30px;
}

.brdronly {
    background: none !important;
    border-color: #585858 !important;
    color: #6d6e71 !important;
    border-width: 2px;
}

.btn-success {
    background-color: #292d2f !important;
    border-color: #292d2f !important;
    background: #292d2f !important;
    color: white !important;
    border-radius: 5px !important;
    min-height: 40px;
}

    .btn-success:hover, .btn-success:focus {
        background-color: #383d40 !important;
        border-color: #383d40 !important;
    }

/* Top header with profile dropdown */
/* Logo section */
.navbar-fixed-top .header .navbar-left {
    padding-left: 0;
}

.navbar-primary {
    background-color: #585858 !important;
}

.side-menu .gn-scroller {
    background: #f9f9fa;
}

.tab-container .realicon, .tab-container .glyphicon {
    font-size: 24px;
    position: relative;
    top: 4px;
    color: #6d6e71;
}

.tab-container li.active .realicon, .tab-container li.active .glyphicon {
    color: #585858;
}

/* Contacts gadget - Tab icon color */
nav.level-3 .tab-container .slider ul.tabset .realicon, .tab-container .glyphicon,
nav.level-3 .tab-container .slider ul.tabset li .glyphicon {
    color: #FFFFFF;
}

nav.level-3 .tab-container .slider ul.tabset li.active .glyphicon {
    color: #585858;
}

.tab-container .glyphicon {
    color: #292d2f;
}

nav.level-3 .tab-container .slider ul li.active .realicon {
    color: #585858 !important;
}

.side-menu .tab-name {
    display: inline-block;
    max-width: 72%;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    top: 6px;
    white-space: nowrap;
    color: #292d2f;
}

li.navtab.active, li.navtab:hover {
    background-color: #e8e8e9;
}

/* Contacts new tab */
.editorGadgets form.contact-form .well {
    background: transparent;
}

.navbar-inverse .navbar-nav > li > a,
.navbar-fixed-top.navbar-primary .navbar-nav > li > a {
    color: #FFFFFF !important;
}

    .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus,
    ..navbar-fixed-top.navbar-primary .navbar-nav > li > a:hover, ..navbar-fixed-top.navbar-primary .navbar-nav > li > a:focus {
        color: #DADADA !important;
    }

li.navtab.active span.tab-name {
    font-weight: bold;
    color: #585858;
}

/*** Finaoes theme new CSS - 13102016 **/ /* This is old comment */
.file-box .step-header {
    /* 08142018 as per instructions */ /* This is old comment */
    background: #292d2f; /* Old browsers */ /* This is old comment */
    /* Old grey gradient 
    background: -moz-linear-gradient(top, #585858 0%, #989898 100%);*/ /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, #585858 0%,#989898 100%);*/ /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, #585858 0%,#989898 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#585858', endColorstr='#989898',GradientType=0 );*/
    /* Green - Old */ /* This is old comment */
    /*background: #5bb327;
    background: -moz-linear-gradient(top, #99cc33 0%, #4ba220 100%) !important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#99cc33), color-stop(100%,#4ba220)) !important;
    background: -webkit-linear-gradient(top, #99cc33 0%,#4ba220 100%) !important;
    background: -o-linear-gradient(top, #99cc33 0%,#4ba220 100%) !important;
    background: -ms-linear-gradient(top, #99cc33 0%,#4ba220 100%) !important;
    background: linear-gradient(top, #99cc33 0%,#4ba220 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc33', endColorstr='#4ba220',GradientType=0 */
}

/*  This seems to be causing other links to become Non-Clickable
    .submitforverification_wrapper .authentication_link {
    position: relative;
    top: 8rem;
}
*/

div.gadget {
    margin-top: 0px !important;
    margin-bottom: 20px;
    box-shadow: 0 2px 3px rgba(0,0,0,.05);
    /*border: 1px solid #eceded;*/
    border-radius: 15px !important;
    background: #eceded;
    min-height: 40px;
}

    div.gadget .panel.panel-default {
        border: 1px solid #585858 !important;
        padding: 10px;
        border-radius: 15px;
        background: transparent;
    }

    div.gadget .file-box div.contact_workbookmanager,
    div.gadget .file-box div.folder-wrapper {
        border: 1px solid #585858 !important;
        padding: 10px;
        border-radius: 15px;
    }

    div.gadget .panel .img-thumbnail {
        background: transparent;
    }

div.gadget {
    border: 0px !important;
}

div.gadget_title {
    border-bottom: none !important;
    float: none;
}

    div.gadget_title h5 {
        color: #585858;
        margin-bottom: 0;
    }

div.gadget#widget_4 .gadget_title {
    color: #000;
    margin-bottom: 0;
    text-align: center;
    font-weight: bold;
    margin-top: 38px;
}

div.gadget#widget_5 .gadget_title {
    color: #000;
    margin-bottom: 0;
    text-align: center;
    font-weight: bold;
    margin-top: 38px;
}

div.gadget#widget_6 .gadget_title {
    color: #000;
    margin-bottom: 0;
    text-align: center;
    font-weight: bold;
    margin-top: 38px;
}

ul.nav-icons.nav.navbar-nav.navbar-right {
    padding-right: 0 !important;
}

nav a.button, nav button {
    font-size: 16px !important;
    color: #FFFFFF !important;
}

nav.tabs.buttons .navbar-toggle:hover, nav.tabs.buttons .navbar-toggle:focus {
    background-color: #89c053 !important;
    border-radius: 10%;
}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    background-color: #89c053 !important;
    color: #fff !important;
}

/* walletgadget */
.dataTables_wrapper .dataTables_filter input[type=search] {
    margin-left: 10px;
}

.form-control:focus {
    border-color: #585858 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px #585858 !important;
}

/* Activity editor specific */
#activity-wrapper .ui-tabs-panel-container {
    background: #FFFFFF;
}

#view-container .panel.panel-default {
    border: none !important;
}

    #view-container .panel.panel-default .panel-body {
        background: #FFFFFF;
    }

.form-control[disabled], fieldset[disabled] .form-control {
    color: #626264;
}

.editorGadgets.TaskEditor .js-toolbar {
    height: 48px !important;
}

    .editorGadgets.TaskEditor .js-toolbar .js-actionButton {
        line-height: 1.5em;
    }

.editorGadgets.TaskEditor #activity-wrapper .view-details.view_Subject.text.Task.display_Subject,
.editorGadgets.TaskEditor #activity-wrapper .view-details.text.Task.display_getTaskURL-addAnchorsForLinks,
.editorGadgets.TaskEditor .page-header.Task.display_Subject {
    word-break: break-all;
}

/* Workbook or Smart Contracts */

.workbook-wrapper {
    background: #FFFFFF !important;
}

    .workbook-wrapper .navbar-primary {
        background: #FFFFFF !important;
    }

.workbook-title-holder {
    min-height: 30px !important;
}

.notesGadgets h2.workbook-title {
    font-size: 1.5rem !important;
    color: #292d2f !important;
    font-family: Roboto,"Helvetica Neue",Arial,Helvetica,sans-serif !important;
    margin-bottom: 1rem !important;
}

.notesGadgets.Contracts button.btn {
    min-width: 150px;
}

.workbooks .listofforms-wrapper ul li {
    margin: 3px 0;
}

.sig-pad {
    max-width: 300px;
    height: 160px;
    cursor: crosshair;
    border: 2px dotted #CCCCCC;
    border-radius: 6px;
    padding: 5px;
    overflow: hidden;
    background: #FFF;
}

div.gadget .content-wrap .panel.panel-default {
    border: none !important;
    padding: 0 !important;
}

.btn-default, .btn-white {
    color: #ffffff !important;
    border-color: #eceeef;
    padding: 0.9rem 2rem !important;
    background: #292d2f !important;
    border-radius: 5px !important;
    min-height: 40px;
}

.filesGadgets.finder_gadget .btn-default {
    background: #585858 !important;
}

.btn-default {
    text-shadow: 0 1px 0 #585858 !important; /* This - Based on the button color */
    line-height: 1.5em;
}

div.time-picker-wrapper .btn-default, .btn-white {
    padding: 5px 10px !important;
}

/* 12-04-2019 */
#recentBlockDiv .loader {
    top: -10px;
}

/* Global Modal CSS added by pranay*/
/* Popup modal and loaders */
.loader {
    /* Not needed 
    min-height:108px;
*/
    /* Unwanted padding
    padding-top:28px;
    padding-left:28px;
*/
    padding: 40px 15px;
    display: inline-block;
    border-radius: 5px;
    background-color: #FFFFFF;
    color: #585858;
    width: 100%;
    position: relative;
    top: -55px
}

.color-toltip + .tooltip > .tooltip-inner {
    background-color: #000000;
    width: auto;
    padding: 10px !important;
    text-align: center;
}

.color-toltip + .tooltip > .tooltip-arrow {
    border-bottom-color: #000000;
}

.modal-content {
    /*background-color:#cbcbcb;
color:#34006c ;*/
}

.modal-header {
    color: #585858 !important;
    font-weight: bold !important;
    /*border:none !important;*/
}

.modal-footer {
    /*border:none !important;
padding:0px !important;*/
    padding: 0;
    padding-bottom: 5px;
}

#informationDialogueTitle,
.PDF-opening-dialogue {
    color: #292d2f !important;
    position: relative;
    top: 5px;
    font-size: 15px;
}

#informationDialogueMessage {
    color: #292d2f !important;
    /* font-weight: bold !important; commented out as per requirement */
    font-size: 15px;
    /* Affecting all the loading screens 
    text-align: center;
*/
    margin-bottom: 10px;
}

    /* QR Code Starte */
    #informationDialogueMessage img.qrCodeImg {
        width: 50%;
        display: block;
        margin: 0 auto;
    }
/* QR Code CSS Ends*/

.spinner {
    /*width:41px !important;*/
}

/*Not needed
    #dialogueFrame #informationDialogueProcessing{top:10px !important;}
*/

.panel-title + .tooltip > .tooltip-inner {
    background-color: #585858;
    width: 250px;
    text-align: center;
    margin-right: 600px;
    font-size: medium;
    font-weight: bold;
}

.panel-title + .tooltip > .tooltip-arrow {
    border-bottom-color: #585858;
    margin-right: 600px !important;
    position: relative !important;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

#dialogueFrame {
    /* left:442px !important; COmmented out - For Pranay by Sumesh */
}

.appleby-content {
    height: auto;
}

/* Dialogue tick icon */
.tickmark_icon {
}

    .tickmark_icon #informationDialogueTick {
        width: 40px;
        margin-bottom: 20px;
        margin-top: 20px;
    }

/*.modalDialogue {
    max-width: 500px;
}*/

.modal-body {
    padding: 0;
}

.modalDialogue .dialog-close {
    right: 20px;
    top: 20px;
}

.loading_icon.spinner,
.loading_icon {
    background: url('/images/themes/1to1real/popup-loaders/loading.svg') center left no-repeat;
    height: 45px;
    width: 100%;
    margin-bottom: 10px;
}

#informationDialogueProcessing {
    position: relative !important;
    right: 0px !important;
}

.dashboardGadgets table .checkbox-container .input-group-btn .btn.actions {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

/* Pagination for tables...*/
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #fff !important;
    background-color: #585858 !important;
    border-color: #585858 !important;
}

div.gadget#widget_3.gadget_title,
div.gadget#widget_4 .gadget_title { /*Depends on the gadget placements - If these gadgets are shuffled, these styles will not be applied to them.*/
    /* border-bottom: 1px solid #e5e5e5 !important; Removing this because - Its clashing with other gadgets which do not need this style */
    background-color: transparent !important; /* This - To force take the background color */
}
/*div.gadget#widget_10 .gadget_title is being shared by other gadget - so not able to style*/

/*Contacts gadget Pagination*/
a.button.small, button.small, input.small, div.small {
    background: rgba(114,188,78,0.75);
    border: #585858 !important;
    color: White;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin: 0 0 0 0.5em;
    padding: 2px 7px;
    text-decoration: none;
}

    button.small:hover, a.button.small:hover, input.small:hover {
        background: #585858;
    }

/* Roles */
.RoleInterface button.small {
    background: #585858;
    border: 1px solid #585858;
}

    .RoleInterface button.small:hover {
        background: #585858;
        border: 1px solid #585858;
    }

div.gadget_paging button.active {
    opacity: 1;
    background: #585858 !important;
}

/*Responsive tables*/
.table-responsive {
    background-color: #FFFFFF;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
}

/* List of Form */

.listofforms-wrapper ul li span {
    width: 5%;
    vertical-align: top;
}

.listofforms-wrapper ul li a {
    font-size: 12px;
    font-weight: normal;
    padding: 0 5px;
    width: 85%;
    display: inline-block;
}

.listofforms-wrapper ul li input[type=checkbox] {
    width: 5%;
}

.listofforms-wrapper ul li input[type=checkbox] {
    margin-top: 0;
    height: 15px;
}

.listofforms-wrapper .panel.panel-default .panel-body {
    padding: 0;
}

.listofforms-header {
    font-size: 14px;
    margin-top: 0;
}

.Lof-heading {
    background: #585858 none repeat scroll 0 0;
    box-shadow: 0 6px 2px -5px #333;
    color: #fff;
    padding: 8px 12px;
    /*text-shadow: 0 -1px #111;*/
    margin-top: 0;
    border-radius: 5px;
    font-size: 13px;
}

.ytc {
    border: 1px solid #585858;
    background: #FFFFFF;
    border-radius: 5px;
    padding: 6px 12px;
}

/* Teams Page */
.contactInformationGadgets.TeamPage .Profile-container {
    border: 1px solid #585858 !important;
    border-radius: 4px;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    padding: 10px;
    /*width: 140px;
               height: auto;
               min-height: 140px;
               float: left;*/
    text-align: center;
    /*margin-bottom: 15px;*/
    /*margin-right: 15px;*/
}

.contactInformationGadgets.TeamPage .blockcerts-team .Profile-container.active {
    background: #e2fed4 !important;
    box-shadow: 0px 1px 4px 1px #ccc;
}

.contactInformationGadgets.TeamPage #section2 {
    margin-top: 0 !important;
}

/* Explorer */
.service-block-blue {
    background: #585858 !important;
    margin-top: 0 !important;
}

    .service-block-blue a h3 {
        color: #FFFFFF !important;
    }

.date-formats {
    width: 135px;
    min-height: 65px;
    margin-top: 2px;
    float: left;
    background-color: #585858;
    color: #FFFFFF;
    padding: 10px;
}

/* Onboarding FrontBack Gadgets */
.OnboardingFrontBack .btn {
    padding: 6px 12px;
}

/* Workbook Manager Gadget */

.workbookGadgets button.btn-close-workbook, .fileresultGadgets button.btn-close-workbook {
    background: #292d2f !important;
    opacity: 1;
    margin-left: 5px;
    line-height: 1em;
    /*
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    */
    color: #FFFFFF !important
}

/* FileresultGadgets Manager Gadget */
.fileresultGadgets button.btn-close-workbook {
    margin-bottom: 10px !important;
    margin-left: 0 !important;
    background: #292d2f !important;
    opacity: 1;
    line-height: 1em;
    font-size: 1.3em;
    color: #FFFFFF !important;
}

/* Oboarding Gadgets */
.numberCircle,
.numberCircle_id,
.numberCircle_foldermanager,
.numberCircle_secondid,
.numberCircle_kyc,
.numberCircle_kyc_second_instance,
.numberCircle_COI,
.numberCircle_workbookholder3,
.numberCircle_passport {
    border-radius: 50%;
    width: 40px;
    height: 40px;
    padding: 5px;
    border: 2px solid #585858;
    color: #585858;
    text-align: center;
    font-family: Arial, sans-serif;
    font-size: 20px;
    background: #FFFFFF;
    position: absolute;
    left: 45%;
    z-index: auto;
}

.numberCircle_foldermanager {
    z-index: 3;
}

/*upload selfie success tickmark CSS */
.success_selfie,
.success_workbookholder3,
.success_passport {
    background: #585858 !important;
}

.uploadConfirm_selfie,
.uploadConfirm_id,
.uploadConfirm_kyc,
.uploadConfirm_others,
.uploadConfirm_COI,
.uploadConfirm_secondid,
.uploadConfirm_kyc_second_instance,
.uploadConfirm_workbookholder3,
.uploadConfirm_passport {
    font-family: wingdings;
    font-size: 100%;
    color: #FFFFFF;
}

/*upload id success tickmark CSS */


.success_id {
    background: #585858 !important;
}

/*upload 2nd id success tickmark CSS */
.success_secondid {
    background: #585858 !important;
}

/*generate KYC tickmark CSS */

.success_kyc,
.success_kyc_second_instance {
    background: #585858 !important;
}

/*foldermanager tickmark CSS */

.success_others {
    background: #585858 !important;
}

/* Form groups - This is the clone of Bootstrap. I am adding this because of a strange thing happening. there is a class
    .form-group with margin top and bottom 5px. Which this CSS file doesn't have at all...
*/
.form-group {
    margin-bottom: 15px !important;
}

.preferenceGadgets.Tags .form-group,
.fileGadgets.Tags .form-group {
    margin-bottom: 5px !important;
}

/* Header - Search box */
nav.navbar .search-wrapper {
    display: none;
}

.text-muted-light {
    color: #326005;
}

/* File Management Gadget */

div.gadget.Finder .finder .finder-column .finder-item {
    padding: 0.25em 25px 0.25em 25px !important
}

    div.gadget.Finder .finder .finder-column .finder-item.folder {
        background: url(/images/themes/1to1real/Folder.png) 5px center no-repeat, url(/images/themes/1to1real/icoFinderFolderArrow.png) 205px center no-repeat !important;
        margin: 3px 0;
    }

        div.gadget.Finder .finder .finder-column .finder-item.folder.highlight {
            background-color: #fafafa !important;
            background-image: url("/images/icons/Grey/16/Folder.png"), url(/images/themes/1to1real/icoFinderFolderArrow.png) !important;
            background-repeat: no-repeat, no-repeat !important;
            background-position: 5px center, 205px center !important;
            color: #292d2f !important;
            border-radius: 3px;
        }

    div.gadget.Finder .finder .finder-column .finder-item.highlight {
        background: #fafafa !important;
        color: #292d2f;
        border-radius: 3px;
    }

/* marketing Tab */

#bulk_email_panel .main_campaign {
    box-shadow: 0 1px 6px #E5E5E5;
    -moz-box-shadow: 0 1px 6px #E5E5E5;
    -webkit-box-shadow: 0 1px 6px #E5E5E5;
    border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -webkit-border-radius: 0.5em;
    margin: 0px !important;
    background: #eceded;
}

div.calendar-list {
    margin: 25px 0 !important;
}

.editorGadgets.task_editor #activity-wrapper #acc-wrapper.acc-wrapper .accordion-toggle {
    border-bottom: none !important;
}

#projects_panel.navpanel,
#messages_panel.navpanel,
#users_panel.navpanel,
#feedback_panel.navpanel,
#roles_panel.navpanel {
    margin-top: 20px !important;
}

/*This is overriding the new theme styles
    div.gadget[data-gadgetname="cmaeon.real.dashboard.TheCoolerWall"] .post-comment-wrapper textarea {
    border-bottom: 1px solid #CCCED3 !important;
}*/

div.gadget[data-gadgetname="cmaeon.real.administration.FeedbackTemplates"] .feedbacks .feedback .form-group {
    margin-bottom: 5px !important;
}

img.contact-card.modifierImage.embed_ModifierProfileID.img-rounded.medium-avatar {
    /*border: 2px solid rgb(84, 155, 95); Green border is not needed */
    border: none;
}

a {
    word-wrap: break-word;
}

/* Support Role */

/* News Gadgets on Support Role News Tab */
.newsGadgets.TwitterWidget .display-instructions ul {
    padding-left: 25px;
}

.display-instructions a {
    color: #FFFFFF !important;
}

/* Dashboard  -  Calendar Activity gadget */
.chartGadgets.CalendarActivity .chosen-container {
    margin-bottom: 15px;
}

.chartGadgets.CalendarActivity .chart_container {
    clear: both;
}


/* Notes Tab */
div[data-gadgetname="cmaeon.real.dashboard.Notepad"] textarea.note_content {
    border: none !important;
    background: transparent !important;
}

    /* Notepad */
    div[data-gadgetname="cmaeon.real.dashboard.Notepad"] textarea.note_content:focus {
        box-shadow: none;
        outline: none;
        box-shadow: none !important;
    }

/* XML related CSS */
.multi-gadget-contianer .was-gadget-container {
    display: inline-block;
    width: 100%;
}

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

.new_corporation .Description-container textarea {
    height: 40px;
}

/* New Search Gadget */
.searchGadgets.List .form-control {
    border: 1px solid #585858;
    line-height: 28px;
}

.searchGadgets.List .collapse {
    border: 1px solid #585858;
    border-top: none;
    padding: 15px;
}

.searchGadgets.List .search-list-wrapper span.search-list-label {
    /*
    position: relative;
    top: 10px;
    */
}

/* Ref verification gadget */
.Ref-verification-result-bg {
    background: #FFFFFF;
    padding: 10px;
    border-radius: 6px;
}

a.Ref-verification-result-btn {
    color: #51a9cf !important;
    display: inline-block;
    margin-top: 5px;
}

.ref-verification-result-table {
    margin-top: 15px;
}

.RefinitivAML h3 {
    font-size: 18px;
}

/* Datepicker CSS - Width of the Datepicker background was not proper */
/* This is overriding the width of the calendar which has Timepicker along with it...
    .bootstrap-datetimepicker-widget {
    width: 300px !important;
}
*/

/* 27092019 */
span.BlogComment {
    white-space: pre-line;
    word-break: break-word;
}

.timeline-modal-info h4 {
    margin: 0px 0px 10px 0px;
    color: #585858;
    font-size: 20px;
}

.modal-footer {
    padding-top: 15px
}

#signature-pad.signature-pad {
    padding: 15px;
}

@media only screen and (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 42em;
    }
}



@media only screen and (max-width:1165px) {

    /* File Management Gadget */
    .filemanager-mob {
        margin-top: 6px;
    }
}

@media only screen and (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 42em;
    }
}

@media only screen and (max-width:767px) {

    .side-menu.gn-menu-main {
        border-right: 2px solid #FFFFFF;
    }

    /*
        body .container-fluid {
        padding-right: 0px;
    }
    */

    .container-fluid {
        padding-left: 6px !important;
    }

    div.gadget-content {
        padding-top: 10px;
    }

    label.btn-full {
        width: 100%;
    }

    .no-mob {
        display: none;
    }

    .loader {
        width: 100%;
    }
}

/*added by pranay for kyb on 17th march*/
.choose-levels.panel-default > .panel-heading {
    /*background-color: #585858;*/
    border-color: #585858;
}

#start-tour {
    border: 1px solid #000 !important;
    background-color: #000 !important;
    line-height: 1em !important;
    min-height: 25px;
}

.upgrade-tick {
    border: 0px !important;
    background-image: url('/images/themes/workcertin/tick-icon.png');
    width: 22px;
    height: 22px;
    margin-top: 6px;
    background-size: cover;
}

.btn-primary.btn-upgrade {
    background-color: #585858 !important;
    border-color: #585858 !important;
    color: white !important;
    border-radius: 5px !important;
    min-height: 40px;
}

.btm-brdr {
    border-bottom: 3px solid #585858;
    margin-left: 9px;
}


.clk-here {
    color: #585858 !important;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    margin: 2px 0;
    padding: 4px;
    width: 20.5em;
}

/* Medium devices (desktops, 992px and up) */
@media (max-width: 992px) {
    .navbar .navbar-brand, .header a.logo {
        background-color: transparent !important;
    }
    .side-menu.gn-menu-main {
        border-right: 2px solid #FFFFFF;
    }
}
/* Medium devices (desktops, 768px and up) */
@media (max-width: 768px) {
    .navbar .navbar-brand, .header a.logo {
        background-color: transparent !important;
    }
    .side-menu.gn-menu-main {
        border-right: 2px solid #FFFFFF;
    }
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 42em;
    }
    /* this is specifically adding this css to the Modal inside the add-activity-modal ID */
    #add-activity-modal .modal-content {
        position: relative;
        top: 90px;
    }
}

@media (min-width: 768px) and (max-width: 1201px){
    .navbar .navbar-brand, .header a.logo {
        background-color: transparent !important;
    }
    .side-menu.gn-menu-main {
        border-right: 2px solid #FFFFFF;
    }
}
div.CreateWizard {
    margin-top: 0px !important;
    margin-bottom: 20px;
    box-shadow: 1px 2px 9px 7px rgba(0,0,0,.05);
    /*/ border: 1px solid #eceded;
    / border-radius: 15px !important;*/
    min-height: 40px;
    background-color: #fff !important;
}

    div.CreateWizard.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
        outline: 5px auto #fff;
        outline-offset: 0;
    }

.form-control.Task {
    background-color: #fff !important;
    border: 1px solid #b9bbbc !important;
}

div.CreateWizard .display_Description textarea.formcontrol {
    height: auto !important;
}


/* css changes as per new design added by pranay starts*/

div.gadget.ActivityZone {
    background-color: #fff;
}

    div.gadget.ActivityZone div.gadget_title h5 {
        color: #000;
    }

.input-group-btn:last-child > .btn.dropdown-toggle-caret {
    background-color: #fff !important;
}

.btn.submit-activity-zone {
    background: #f1f2f4 !important;
    border-color: #ddd !important;
}

.realicon .realicon-search {
    color: #b1b2b4;
}

.heading-bottom-brdr {
    border-bottom: 3px solid #b5b5b5;
}

    .heading-bottom-brdr th {
        vertical-align: top;
    }

.clickable tr {
    border-bottom: thin solid #ddd;
    color: #999999;
}

.table-hover > tbody > tr:hover {
    background-color: transparent !important;
    color: #000;
}

div.gadget.TheCoolerWall {
    box-shadow: 0 1px 6px #E5E5E5;
    background-color: #fff;
}

.navbar-toggle {
    background-color: #89c053 !important;
}

div.gadget[data-gadgetname="cmaeon.real.tasks.TaskEditor"] {
    background-color: #fff !important;
}

.TaskEditorNew {
    background-color: #fff !important;
}

.video-meeting-btn {
    background-color: #f2f3f5 !important;
}

.add-subtask {
    background-color: #f2f3f5 !important;
}

.parent-task-btn {
    background-color: #f2f3f5 !important;
}

.edit-parent-task-btn {
    background-color: #f2f3f5 !important;
}

.toggle-file-upload-btn {
    background-color: #f2f3f5 !important;
}

.embed_getTaskURL {
    background-color: #f2f3f5 !important;
}

.edit-activity {
    background-color: #f2f3f5 !important;
}


.textareacont {
    position: relative;
    border: 1px solid black;
    width: auto;
    height: auto;
    display: inline-block;
    padding: 0;
}

.txtarea {
    width: 400px;
    height: 200px;
    margin: 0;
    border-color: rgba(255,255,255,0);
    padding: 10px;
    min-width: 150px;
    min-height: 50px;
    /*New update here */
    margin-bottom: 40px;
}

.feedback__btn {
    position: absolute;
    bottom: 8px;
    right: 15px;
    background-color: #2f3745;
    padding: 4px;
    color: wheat;
    cursor: pointer;
}

#btnAddActivity {
    background-color: #78b639 !important;
    color: #fff !important;
    border-color: #78b639 !important;
}


.dropdown-content .form-activty-types a:hover {
    background-color: #78b639;
}

.wall-activity-info {
    background-color: #eceded;
}

.contact_name .btn-default {
    background: #F1F3F4 !important;
    border: 1px solid #E3E2E2;
    box-sizing: border-box;
    font-family: Roboto;
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 15px;
    color: #545353 !important;
}

div.gadget[data-gadgetname="cmaeon.real.contacts.PersonalInformation"] {
    background-color: #fff !important;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important;
    /*border: 1px solid darkgray !important;*/
    padding-top: 20px;
}

    div.gadget[data-gadgetname="cmaeon.real.contacts.PersonalInformation"] div.gadget_title h5 {
        color: #000 !important;
    }

    div.gadget[data-gadgetname="cmaeon.real.contacts.PersonalInformation"] td.editor {
        background: none;
    }

div.gadget[data-gadgetname="cmaeon.real.contacts.ProfileDetails"] {
    background-color: #fff !important;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important;
    /*border: 1px solid darkgray !important;*/
    padding-top: 20px;
}

    div.gadget[data-gadgetname="cmaeon.real.contacts.ProfileDetails"] div.gadget_title h5 {
        color: #000 !important;
        font-weight: 500;
    }

    div.gadget[data-gadgetname="cmaeon.real.contacts.ProfileDetails"] td.editor {
        background: none;
    }

    div.gadget[data-gadgetname="cmaeon.real.contacts.ProfileDetails"] .gadget_controls {
        display: none;
    }

div.gadget[data-gadgetname="cmaeon.real.users.Password"] {
    background-color: #fff !important;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important;
    /*border: 1px solid darkgray !important;*/
    padding-top: 20px !important;
}

    div.gadget[data-gadgetname="cmaeon.real.users.Password"] div.gadget_title h5 {
        color: #000 !important;
    }

.preferencesBorder {
    /* border: 1px solid darkgray !important; */
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important;
    padding-top: 20px !important;
    border-radius: 15px !important;
    background-color: white;
    margin-left: 10px;
    width: 98.5%;
}

div.gadget[data-gadgetname="cmaeon.real.contacts.Tags"] {
    background-color: #fff !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 20px !important;
}

    div.gadget[data-gadgetname="cmaeon.real.contacts.Tags"] div.gadget_title h5 {
        color: #000 !important;
    }

div.gadget[data-gadgetname="cmaeon.real.users.Projects"] {
    background-color: #fff !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 20px !important;
}

    div.gadget[data-gadgetname="cmaeon.real.users.Projects"] div.gadget_title h5 {
        color: #000 !important;
    }

div.gadget[data-gadgetname="cmaeon.real.contacts.Files"] {
    background-color: #fff !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 20px !important;
}

    div.gadget[data-gadgetname="cmaeon.real.contacts.Files"] div.gadget_title h5 {
        color: #000 !important;
    }

div.gadget[data-gadgetname="cmaeon.real.contacts.Processes"] {
    background-color: #fff !important;
    box-shadow: none !important;
    border: none !important;
    padding-top: 20px !important;
}

    div.gadget[data-gadgetname="cmaeon.real.contacts.Processes"] div.gadget_title h5 {
        color: #000 !important;
    }

.whiteTableBottomBorder {
    background-color: white !important;
    width: 100% !important;
    border-bottom: 1px solid #D7D7D7 !important;
    border-top: none !important;
    border-right: none !important;
    border-left: none !important;
}

    .whiteTableBottomBorder th {
        border-bottom: 1px solid #D7D7D7 !important;
        border-top: none !important;
        border-right: none !important;
        border-left: none !important;
    }

div.gadget[data-gadgetname="cmaeon.real.contacts.PersonalInformation"] .gadget_controls {
    display: none;
}

div.gadget[data-gadgetname="cmaeon.real.contacts.PersonalInformation"] {
    padding-top: 0px !important;
}

    div.gadget[data-gadgetname="cmaeon.real.contacts.PersonalInformation"] h5 {
        padding-top: 20px;
        font-weight: 500;
    }

div.gadget[data-gadgetname="cmaeon.real.users.Password"] .gadget_controls {
    display: none;
}

div.gadget[data-gadgetname="cmaeon.real.users.Password"] {
    padding-top: 0px !important;
}

    div.gadget[data-gadgetname="cmaeon.real.users.Password"] h5 {
        padding-top: 20px;
        font-weight: 500;
    }

div.gadget[data-gadgetname="cmaeon.real.contacts.Tags"] h5 {
    font-weight: 500;
}

div.gadget[data-gadgetname="cmaeon.real.users.Projects"] h5 {
    font-weight: 500;
}

div.gadget[data-gadgetname="cmaeon.real.contacts.Files"] h5 {
    font-weight: 500;
}

div.gadget[data-gadgetname="cmaeon.real.contacts.Processes"] h5 {
    font-weight: 500;
}

/* css changes as per new design added by pranay ends*/

.btn.btn-secondary.form-control.send {
    background-color: #78b739 !important;
}


.contact_image {
    border-radius: 50% !important;
    width: 75px;
    height: 75px;
}

#identity_displayImage {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

.identity_displayImage {
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

@media only screen and (max-width: 767px) {
    .avatar-upload .avatar-edit {
        right: 110px;
        top: 58px;
    }
}
/*alexendre css*/
@media only screen and (max-width: 768px) {
    body {
        margin: 0 10px;
    }


    .ui-dialog-titlebar-minimize.maximizeChat {
        display: none;
    }

    nav.toolbar {
        margin-top: 50px;
    }

    .scroll-next.fakelink {
        margin: 10px 0;
    }

    .scroll-previous.fakelink {
        margin: 10px 0 0 15px;
    }

    button.add_folder {
        margin-bottom: 10px;
    }

    button.add_file {
        margin-bottom: 10px;
    }

    .buybcertsBtn {
        margin-bottom: 20px;
    }

    .buyInkBtn {
        margin-bottom: 20px;
    }

    .transferbcertsBtn {
        margin-bottom: 20px;
    }

    .btn.btn-primary.btn-block.authorize {
        margin-top: 10px;
    }
    /*alexendre css ends*/

    /*added by pranay for responsive design*/
    div.gadget[data-gadgetname="cmaeon.real.cmc.ActivityZone"] div.gadget_box.agenda_gadget {
        padding: 0px !important;
    }

    .table-responsive {
        border: none !important;
    }
    /*for profile modal*/
    .content-head-profile {
        font-size: 15px !important;
        font-weight: bold;
        padding:0px;
    }
    .content-profile-companyname{
        padding:0px;
    }

    .content-profile-jobtitle {
        color: #8C8C8C;
    }

    .content-profile-header {
        font-size: 16px;
        font-weight: bold !important;
        margin-top: 12px;
        margin-bottom: 12px;
    }

   
    div.gadget[data-gadgetname="cmaeon.real.team.TeamPage"] .modal-content {
        max-width: 100%;
        width: 450px;
    }

    #informationDialogueMessage .content-profile-image {
        max-width: 45px;
        height: 45px;
        border-radius: 50%;
        object-fit: cover;
    }

    /*added by pranay*/
}

div.gadget[data-gadgetname="cmaeon.real.contacts.ProfileDetails"] {
    background-color: #fff !important;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.25) !important;
    /* border: 1px solid darkgray !important; */
    padding-top: 20px;
}
/*form team modal*/
.content-head-profile {
    font-size: 24px;
    font-weight: bold;
}

.content-profile-jobtitle {
    color: #8C8C8C;
}

.content-profile-header {
    font-size: 16px;
    font-weight: bold !important;
    margin-top: 12px;
    margin-bottom: 12px;
}

div.gadget[data-gadgetname="cmaeon.real.team.TeamPage"] #modalDialogueOverlay {
    background-color: transparent !important;
}

div.gadget[data-gadgetname="cmaeon.real.team.TeamPage"] .modal-content {
    max-width: 100%;
    width: 450px;
}

#informationDialogueMessage .content-profile-image {
    max-width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit:cover;
}
@media only screen and (max-width: 767px) {
    .views-controller {
        margin: 30px 20px 0 0 !important;
    }

    .text-xs-center{
        text-align:center;
    }
    .card__title {
        font-size: 14px !important;
        font-weight: 500;
        cursor: pointer;
        margin-bottom: 5px;
    }

    card__subtitle {
        font-size: 11px !important;
        color: #BBBCB9;
        margin-bottom: 10px;
        min-height: 18px;
        height: 16px;
    }
}

/*form team modal*/


/*added by manoz*/

/*added by manoz*/

li.helptips {
    text-transform: none;
}

    li.helptips[aria-describedby]:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: transparent;
        height: 100%;
        width: 100%;
        cursor: pointer;
    }

li.helptips a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2px;
}

li.helptips a span {
    display: inline;
    color: #257FD2;
    font-size: 14px;
    padding-right: 5px;
    font-weight: normal;
    vertical-align:text-top;
}

li.helptips + .popover {
    position: fixed;
    left: auto !important;
    right: 20px !important;
    max-width: none;
    width: 457px;
}


/*---------------popover-sec------------------*/



.popover {
    border-radius: 0;
}

.popover-content {
    padding: 10px;
}
.popover.bottom > .arrow {
     margin-left: 38px;
}
    .popover-content h5.media-heading {
        display: flex;
        font-size: 15px;
        color: #000;
        font-weight: 600;
        border-bottom: 1px solid #dfdfdf;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .popover-content a {
        font-style: normal;
        font-weight: normal;
        font-size: 13px;
        line-height: 35px;
        color: #257FD2 !important;
    }

#popover-content {
}

.popover-icon-block {
    box-shadow: 0 0 4px 0 #999;
    padding: 5px 0 10px;
    margin: 10px 0 20px;
    text-align: center;
    font-size: 13px;
    color: #5F5F5F;
    cursor: pointer;
}

.popover-icon-block:hover {
        box-shadow: 0 0 8px 0 #999999;
    }

.icon-ticket, .icon-feedback {
    width: 32px;
    height: 32px;
    margin: 5px auto;
    display: block;
}

.popover-content p {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    color: #828282;
    line-height: 14px;
}

.popover-content p span {
    color: #000;
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    font-family: Roboto;
    line-height: 25px;
}




/* START: Kevin's Update */
.modal.support-popupsec {
    z-index: 1051;
}

.modal-backdrop.fade.in.hide {
    display: none;
}


@media (max-width: 768px) {

    li.helptips + .popover {
        width: 90%;
    }

   
}
/* END: Kevin's Update */

.panels[data-tabtype] {
    position: relative;
}

@media (min-width: 1200px) {
    .panels[data-tabtype] {
        z-index: 1;
    }
}


.support-popupsec .modal-header {
    border-bottom: none;
    padding: 0 15px;
}

    .support-popupsec .modal-header h4.modal-title {
        border-bottom: 1px solid #d8d8d8;
        color: #4a4a4a !important;
        font-size: 21px;
        font-weight: 400;
        font-style: normal;
        line-height: 55px !important;
        margin-bottom: 20px !important;
        display: flex !important;
    }

        .support-popupsec .modal-header h4.modal-title span {
            width: 46px;
            margin-right: 20px;
            display: inline-block;
            padding-left: 15px;
        }

.support-popupsec .modal-body {
    overflow: hidden;
}

    .support-popupsec .modal-body form input[type="text"] {
        border: 1px solid #A4A9B1 !important;
        box-sizing: border-box;
        border-radius: 5px !important;
        box-shadow: none !important;
        transition: none;
        margin-bottom: 15px !important;
        
        color: #75797E !important;
        background: #ffffff !important;
    }

    .support-popupsec .modal-body form select[type="text"] {
        border: 1px solid #A4A9B1 !important;
        box-sizing: border-box;
        border-radius: 5px !important;
        box-shadow: none !important;
        transition: none;
        margin-bottom: 15px !important;
        color: #75797E !important;
        background: #ffffff !important;
        font-size: 14px;
        padding-left: 8px;
    }

    .support-popupsec .modal-content {
        padding: 25px;
    }

    #Loading .modal-content {
        min-height: 580px;
    }

    @media(max-width: 768px) {

        #Loading .modal-content {
            min-height: auto;
        }
    }

    .support-popupsec .modal-body form input[type="text"]::placeholder {
        color: #75797E !important;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
    }

    .support-popupsec .modal-body form textarea[type="text"] {
        border: 1px solid #A4A9B1 !important;
        box-sizing: border-box;
        border-radius: 5px !important;
        box-shadow: none;
        transition: none;
        margin-bottom: 15px;
        padding: 20px 15px;
        color: #75797E;
        min-height: 120px;
        width: 100%;
        background: #ffffff !important;
    }

        .support-popupsec .modal-body form textarea[type="text"]::placeholder {
            color: #75797E;
            font-size: 14px;
            font-weight: 400;
            font-style: normal;
        }

    .support-popupsec .modal-body form select::option {
        color: #75797E;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
    }





/*file attached button*/

.support-popupsec .modal-body form input[type="file"] {
    display: none;
}

.support-popupsec .modal-body form .custom-file-upload {
    border: 1px solid #A4A9B1;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: none;
    transition: none;
    color: #555;
    display: inline-block;
    background: #f8f8f8;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 12px;
    margin: 20px 20px 20px 0;
    cursor: pointer;
}

.fileupload-group {
    display: flex;
    align-items: center;
}

#filename-lists {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

#filename-lists li {
    position: relative;
    margin-right: 10px;
}

#filename-lists li:not(:last-child):after {
    content: ",";
    position: absolute;
    right: -4px;
    bottom: 0;
    top: auto;
}


#filename-lists li .glyphicon-remove {
    padding: 5px;
    color: #257FD2;
    cursor: pointer;
    transition: color .2s ease-in;
}

#filename-lists li .glyphicon-remove:hover {
    color: #5183b1;
}




.btn-blue {
    color: #fff !important;
    background: #257FD2 !important;
    border-color: #257FD2 !important;
    min-height: 40px !important;
    font-size: 14px !important;
    font-weight: 400px;
    margin-bottom: 10px !important;
    border-radius: 5px !important;
}

.btn-skip {
    color: #257FD2 !important;
    background: #DDEFFF !important;
    border-color: #257FD2 !important;
    min-height: 40px !important;
    font-size: 14px !important;
    font-weight: 400px;
    margin-bottom: 10px !important;
    margin-right: 20px;
    border-radius: 5px !important;
}

/*---------------loading-sec------------------*/
.loader-block {
    width: 378px;
    height: 160px;
    margin: 0px auto 20px;
}

.loader-txt {
    text-align: center;
    vertical-align: middle;
    color: #000;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 100px;
}

#spinner {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(/images/themes/Blockcerts/loader.svg) 50% 50% no-repeat #ffffff;
    border-radius:6px;
}

/*---------------thanks-sec------------------*/

.thank-sec {
    padding: 50px 60px;
}

    .thank-sec p {
        font-size: 18px;
        font-weight: 300;
        color: #4E4D4D;
        line-height: 22px;
        font-style: normal;
    }

.ticket-num-sec {
    width: 280px;
    margin: 15px auto;
    background: #FFFFFF;
    border: 1px solid #8BC1F2;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    color: #4E4D4D;
    line-height: 22px;
    font-style: normal;
}

    .ticket-num-sec span {
        color: #8BC1F2;
        font-size: 18px;
        font-weight: 300;
        font-style: normal;
    }

.ticket-num-ref-txt {
    color: #aaaaaa;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
}

.ticket-submit-btn {
    margin: 40px auto;
}

.thank-icon {
    margin-bottom: 20px;
}
/*---------------activity-support-sec------------------*/

.calendar-start-txt {
    font-size: 14px;
    font-weight: 500;
    color: #46494C;
}

/* 07012021 - License Agreement CSS */
.vertical-center .bcerts-panel_bg {
    background: transparent !important;
    color: #495849 !important;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
    font-weight: normal;
    border: none;
    font-weight: 400
}

body.license-agreement-page {
    background-color: #FFF !important;
    padding-top: 25px;
}

.agreement-container .note#note_content {
    box-shadow: none !important;
}

#LicenseButtonDiv #cmdAccept {
    background: #7DCF2E !important;
    border: 1px solid #7DCF2F !important;
}

#LicenseButtonDiv #cmdDecline {
    background: #F6FAF7 !important;
    border: 1px solid #F6FAF7 !important;
    color: #879487 !important;
    text-shadow: none !important;
}

.agreement-container p {
    font-size: 14px;
    line-height: 20px;
    color: #9FAB9F;
    font-weight: 400;
    font-family: 'Roboto', sans-serif !important;
}

.vertical-center .panel-title {
    font-family: 'Roboto', sans-serif !important;
    font-size: 20px;
    line-height: 24px;
    color: #495849;
    font-weight: 400;
}
p.license-agreement-tagline {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    line-height: 19px;
    color: #495849;
    margin-bottom: 25px;
    font-weight: 400;
}

.vertical-center {
    margin-top: 0 !important;
}





button.take_tour {
    display: none !important
}



/*Support Ticket Popup & Activity Table List Updates 1.0 */

li.helptips {
    text-transform: none;
}

    li.helptips[aria-describedby]:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        background: transparent;
        height: 100%;
        width: 100%;
        cursor: pointer;
    }

    li.helptips a {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: 2px;
    }

        li.helptips a span {
            display: inline;
            color: #257FD2;
            font-size: 14px;
            padding-right: 5px;
            font-weight: normal;
            vertical-align: text-top;
        }

    li.helptips + .popover {
        position: fixed;
        left: auto !important;
        right: 20px !important;
        max-width: none;
        width: 457px;
    }


/*---------------popover-sec------------------*/



.popover {
    border-radius: 0;
}

.popover-content {
    padding: 10px;
}

.popover.bottom > .arrow {
    margin-left: 38px;
}

.popover-content h5.media-heading {
    display: flex;
    font-size: 15px;
    color: #000;
    font-weight: 600;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.popover-content a {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 35px;
    color: #257FD2 !important;
}

#popover-content {
}

.popover-icon-block {
    box-shadow: 0 0 4px 0 #999;
    padding: 5px 0 10px;
    margin: 10px 0 20px;
    text-align: center;
    font-size: 13px;
    color: #5F5F5F;
    cursor: pointer;
}

    .popover-icon-block:hover {
        box-shadow: 0 0 8px 0 #999999;
    }

.icon-ticket, .icon-feedback {
    width: 32px;
    height: 32px;
    margin: 5px auto;
    display: block;
}

.popover-content p {
    font-style: normal;
    font-weight: normal;
    font-size: 12px;
    text-align: center;
    color: #828282;
    line-height: 14px;
}

    .popover-content p span {
        color: #000;
        font-style: normal;
        font-weight: normal;
        font-size: 12px;
        font-family: Roboto;
        line-height: 25px;
    }


/* START: Kevin's Update */
.modal.support-popupsec {
    z-index: 1051;
}

.modal-backdrop.fade.in.hide {
    display: none;
}


@media (max-width: 768px) {

    li.helptips + .popover {
        width: 90%;
    }
}


.support-ticket-form input[type=email] {
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}


@media (min-width: 991px) {
    .modalDialogue_Support_Ticket_Popup .modal-dialog {
        width: 800px;
        margin: 0 auto;
    }

    .modalDialogue_Support_Ticket_Thank_You_Popup .modal-dialog {
        width: 900px;
        margin: 0 auto;
    }

    .modalDialogue_Support_Ticket_Popup .btn-toolbar.right {
        margin-right: 34px;
    }

    .modalDialogue_Support_Ticket_Popup .btn-toolbar .btn-group {
        margin-left: 0;
    }

    modalDialogue_Support_Ticket_Popup #informationDialogueMessage {
        margin-bottom: 0;
    }
}

.modalDialogue_Support_Ticket_Popup #informationDialogueButCancel,
.modalDialogue_Support_Ticket_Popup #informationDialogueButOK {
    font-weight: 400;
    text-shadow: none !important;
}

.modalDialogue_Support_Ticket_Popup .modal-dialog > .modal-content {
    overflow: hidden;
}

.support-popupsec .modal-header {
    border-bottom: none;
    padding: 0 15px;
}

    .support-popupsec .modal-header .modal-title {
        position: relative;
        color: #4a4a4a !important;
        font-size: 21px;
        font-weight: 400;
        font-style: normal;
        line-height: 55px !important;
        margin-bottom: 20px !important;
        display: flex !important;
    }

        .support-popupsec .modal-header .modal-title:after {
            content: "";
            position: absolute;
            top: auto;
            bottom: -5px;
            height: 1px;
            width: 120%;
            margin-left: -40px;
            margin-right: -40px;
            background-color: #d8d8d8;
        }


        .support-popupsec .modal-header .modal-title .ticket-icon {
            margin-right: 20px;
            display: inline-block;
        }


.support-popupsec .modal-body {
    overflow: hidden;
}

    .support-popupsec .modal-body input[type="text"],
    .support-popupsec .modal-body input[type="email"] {
        border: 1px solid #A4A9B1 !important;
        box-sizing: border-box;
        border-radius: 5px !important;
        box-shadow: none !important;
        transition: none;
        margin-bottom: 15px !important;
        color: #75797E !important;
        background: #ffffff !important;
        font-size: 14px !important;
    }

    .support-popupsec .modal-body select {
        border: 1px solid #A4A9B1 !important;
        box-sizing: border-box;
        border-radius: 5px !important;
        box-shadow: none !important;
        transition: none;
        margin-bottom: 15px !important;
        color: #75797E !important;
        background: #ffffff !important;
        font-size: 14px;
        padding-left: 8px;
    }

.support-popupsec .modal-content {
    padding: 0;
    box-shadow: none;
    border: none;
}


#Loading .modal-content {
    min-height: 580px;
}

@media(max-width: 768px) {

    #Loading .modal-content {
        min-height: auto;
    }
}

.support-popupsec .modal-body input[type="text"]::placeholder {
    color: #75797E !important;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
}

.support-popupsec .modal-body textarea[type="text"] {
    border: 1px solid #A4A9B1 !important;
    box-sizing: border-box;
    border-radius: 5px !important;
    box-shadow: none;
    transition: none;
    margin-bottom: 15px;
    padding: 20px 15px;
    color: #75797E;
    min-height: 120px;
    width: 100%;
    background: #ffffff !important;
    font-size: 14px;
    padding-left: 12px;
}

    .support-popupsec .modal-body textarea[type="text"]::placeholder {
        color: #75797E;
        font-size: 14px;
        font-weight: 400;
        font-style: normal;
    }

.support-popupsec .modal-body select::option {
    color: #75797E;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
}





/*file attached button*/

.support-popupsec .modal-body input[type="file"] {
    display: none;
}

.support-popupsec .modal-body .custom-file-upload {
    position: relative;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: none;
    transition: none;
    color: #555;
    background: transparent;
    font-size: 14px;
    font-weight: 400;
    padding: 6px 12px;
    margin: 0;
    cursor: pointer;
    transition: color .15s ease;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

@media (max-width: 480px) {
    .support-popupsec .modal-body .custom-file-upload {
        flex-flow: column;
        justify-content: center;
    }
}


.support-popupsec .modal-body .custom-file-upload:hover {
    background: rgba(255, 255, 255, 0.1);
}

.support-popupsec .modal-body .custom-file-upload.white-bg,
.support-popupsec .modal-body .custom-file-upload.white-bg:hover {
    background: #ffffff;
}


.support-popupsec .modal-body .form-group {
    width: 100%;
}

.support_files_form,
.supportticket_files_form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.filelists {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

    .filelists li {
        position: relative;
        margin-right: 10px;
        display: flex;
        align-items: center;
        color: #188FB5;
    }

        .filelists li:not(:last-child):after {
            content: ",";
            position: absolute;
            right: 0;
            bottom: 0;
            top: auto;
        }


        .filelists li .glyphicon-remove {
            padding: 2px 5px 5px 5px;
            margin-left: 5px;
            color: #666666;
            cursor: pointer;
            transition: all .15s ease-in;
        }

/*
.filelists li .glyphicon-remove:hover {
    transform: rotate( 90deg );
}
*/



.btn-blue {
    color: #fff !important;
    background: #257FD2 !important;
    border-color: #257FD2 !important;
    min-height: 40px !important;
    font-size: 14px !important;
    font-weight: 400px;
    margin-bottom: 10px !important;
    border-radius: 5px !important;
}

.btn-skip,
.custom-file-upload .btn-primary {
    color: #257FD2 !important;
    background: #DDEFFF !important;
    border-color: #257FD2 !important;
    min-height: 40px !important;
    font-size: 14px !important;
    font-weight: 400;
    margin-bottom: 10px !important;
    margin-right: 20px;
    border-radius: 5px !important;
}

.custom-file-upload .btn-primary {
    display: block;
    margin-left: auto;
    margin-right: 0;
    margin-bottom: 0 !important;
}

@media (max-width: 992px) {
    .custom-file-upload .btn-primary {
        margin-right: auto;
    }
}

/*---------------loading-sec------------------*/
.loader-block {
    width: 378px;
    height: 160px;
    margin: 0px auto 20px;
}

.loader-txt {
    text-align: center;
    vertical-align: middle;
    color: #000;
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 100px;
}

#spinner {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(/images/themes/Blockcerts/loader.svg) 50% 50% no-repeat #ffffff;
    border-radius: 6px;
}

/*---------------thanks-sec------------------*/

#support-popupsec-loader {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    text-align: center;
}

#support-popupsec-loader .support-popupsec-overlay {
    position: fixed;
    background: rgba(0, 0, 0, 0.7);
    pointer-events: none;
    cursor: default;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

#support-popupsec-loader .thank-sec {
    background: #ffffff;
    width: 90%;
    height: auto;
    margin: auto;
    display: flex;
    align-content: center;
    border-radius: 6px;
}

@media (min-width: 768px) {
    #support-popupsec-loader .thank-sec {
        width: 600px;
        height: 625px;
    }
}

@media (min-width: 991px) {
    #support-popupsec-loader .thank-sec {
        width: 900px;
        height: 625px;
    }
}



#support-popupsec-loader .thank-sec .loader {
    top: 0;
}

.thank-sec {
    padding: 50px 60px;
}

.thank-sec .loader .thank-icon {
    margin: 0 auto;
    display: flex;
    height: 100%;
}

.thank-sec .loader .thank-icon img {
    width: 60%;
    height: auto;
    display: block;
    margin: 0 auto;
    align-self: center;
}

.thank-sec .loader p {
    position: absolute;
    top: 60%;
    bottom: auto;
    left: 0;
    right: auto;
    width: 100%;
    display: block;
    z-index: 1;
}


.thank-sec p {
    font-size: 18px;
    font-weight: 300;
    color: #4E4D4D;
    line-height: 22px;
    font-style: normal;
}

.ticket-num-sec {
    width: 280px;
    margin: 15px auto;
    background: #FFFFFF;
    border: 1px solid #8BC1F2;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 10px;
    text-align: center;
    font-size: 18px;
    font-weight: 300;
    color: #4E4D4D;
    line-height: 22px;
    font-style: normal;
}

    .ticket-num-sec span {
        color: #8BC1F2;
        font-size: 18px;
        font-weight: 300;
        font-style: normal;
    }

.ticket-num-ref-txt {
    color: #aaaaaa;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
}

.ticket-submit-btn {
    margin: 40px auto;
}

.thank-icon {
    margin-bottom: 20px;
}
/*---------------activity-support-sec------------------*/

.calendar-start-txt {
    font-size: 14px;
    font-weight: 500;
    color: #46494C;
}



/* Priority Dropdown Styles update */

select.display_PriorityValue:not(.cloned) {
    display: none;
}

.display_PriorityValue.cloned + .display_PriorityValue.cloned {
    display: none !important;
}

select.display_PriorityValue.cloned {
    display: block !important;
}

.bootstrap-select.display_PriorityValue {
    border: none !important;
}

    .bootstrap-select.display_PriorityValue .dropdown-menu {
        width: 100%;
        top: 30px;
        border: 1px solid #555;
    }

        .bootstrap-select.display_PriorityValue .dropdown-menu li {
            max-height: 36.25px;
        }

            .bootstrap-select.display_PriorityValue .dropdown-menu li a span.rating {
                display: inline-block;
                vertical-align: middle;
                padding-right: 5px;
                line-height: 1;
            }

            .bootstrap-select.display_PriorityValue .dropdown-menu li:focus-visible {
                outline: none;
            }

    .bootstrap-select.display_PriorityValue [data-toggle="dropdown"] {
        position: absolute;
        top: -10px;
        left: 0;
        padding-left: 13px !important;
    }

    .bootstrap-select.display_PriorityValue [data-toggle="dropdown"],
    .bootstrap-select.display_PriorityValue .dropdown-menu > .active > a {
        background-color: #fff !important;
        color: #555 !important;
        /*
    height: 40px !important;
    padding-top: 11px !important;
    min-height: auto !important;
    */
        border-color: #b9bbbc !important;
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    }

        .bootstrap-select.display_PriorityValue [data-toggle="dropdown"]:focus {
            outline: 0 !important;
            outline: none !important;
        }


        .bootstrap-select.display_PriorityValue [data-toggle="dropdown"] .filter-option-inner {
            font-size: 12px;
            line-height: 1.42857143;
            color: #555 !important;
            font-weight: 400;
            text-shadow: none;
        }

        .bootstrap-select.display_PriorityValue [data-toggle="dropdown"] .filter-option-inner-inner {
            display: flex;
            align-items: center;
            line-height: 1;
        }

            .bootstrap-select.display_PriorityValue [data-toggle="dropdown"] .filter-option-inner-inner span.rating {
                display: inline-flex;
                padding-right: 5px;
            }

    .bootstrap-select.display_PriorityValue .dropdown-toggle .caret {
        position: absolute;
        top: 48%;
        right: 7px;
        margin-top: -2px;
        vertical-align: middle;
        padding-bottom: 7px !important;
        border: none;
        border-right: 2px solid #555;
        transform: rotate( 45deg );
    }

        .bootstrap-select.display_PriorityValue .dropdown-toggle .caret:before {
            content: "";
            transform: rotate( 95deg );
            position: absolute;
            left: -3px;
            top: 3px;
            width: 2px;
            height: 6px;
            background-color: #555;
        }




.box {
    position: relative;
    background: #ffffff;
    width: 100%;
}

.box-header {
    color: #444;
    display: block;
    padding: 10px;
    position: relative;
    border-bottom: 1px solid #f4f4f4;
    margin-bottom: 10px;
}

.box-tools {
    position: absolute;
    right: 10px;
    top: 5px;
}

#dropzone-wrapper {
    border: 2px dashed #A4A9B1;
    color: #A4A9B1;
    position: relative;
    height: 86px;
    width: 100%;
}

.dropzone-desc {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 50%;
    top: 20px;
    font-size: 14px;
    font-weight: 200;
}

@media(max-width: 992px) {
    .dropzone-desc {
        display: none;
    }
}

.supportticket_file_upload {
    position: absolute;
    outline: none !important;
    width: 100%;
    height: 86px;
    cursor: pointer;
    opacity: 0;
    display: block !important;
}

#dropzone-wrapper:hover,
#dropzone-wrapper.dragover {
    background: #ecf0f5;
}

.preview-zone {
    text-align: center;
}

    .preview-zone .box {
        box-shadow: none;
        border-radius: 0;
        margin-bottom: 0;
    }

.support-popupsec .modal-body .custom-file-upload.active .supportticket_file_upload {
    width: 1px;
    right: 0;
    top: 0;
}

select.display_PriorityValue:not(.cloned) {
    display: none;
}


.tour-tour {
  border-radius: 0;
}

.tour-tour .btn {
  background: rgb(144, 196, 66);
  border-color: rgb(112, 196, 66);
  color: white;
  text-shadow: none;
}

.tour-tour .btn:hover {
  background: rgb(177, 196, 66);
  border-color: rgb(144, 196, 66);
  color: white;
  text-shadow: none;
}

.workbook-wrapper .fixed-nav.affix {
  top: 94px;  
}

@media (min-width: 768px) {
  .workbook-wrapper .fixed-nav.affix {
    top: 104px;  
  }
}