/*
=========================================================================
HolyXplore Style Sheet

Author				Gilboa Int.
URL					
Designer			Elad GIlboa
Version				
Update Released		
=========================================================================
*/

@import url("fonts.css");
@import url("fontello/css/fontello.css");
@import url("font-awesome/css/font-awesome.min.css");


body .tooltip{z-index: 1000000000000000000}


#myCookieConsent {
    z-index: 999;
    min-height: 20px;
    font-family: OpenSans, arial, "sans-serif";
    padding: 10px 20px;
    background: rgba(0,0,0,0.6);
    overflow: hidden;
    position: fixed;
    color: #FFF;
    bottom: 0px;
    right: 10px;
    display: none;
    left: 0;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
#myCookieConsent div {
    padding: 5px 0 0;
}
#myCookieConsent a {
    color: #ffba55;
    display: inline-block;
    padding: 0 10px;
}
#myCookieConsent a:hover {
    color: #fda016;
}
#myCookieConsent a#cookieButton {
    display: inline-block;
    color: #000000;
    font-size: 1.1em;
    background: #ffba55;
    text-decoration: none;
    cursor: pointer;
    padding: 2px 20px;
    float: right;
    border-radius: 20px;
}
#myCookieConsent a#cookieButton:hover {
    background: #fda016;
    color: #000;
}

/**
 * Stripe
 */
.StripeElement {
  background-color: white;
  height: 40px;
  padding: 10px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}

.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}


.hx2{
  font-family: Avenir;
  font-size: 24px;
  line-height: normal;
  color: #283242;
  font-weight: 600;
}
.hx3 {
  font-family: Avenir;
  font-size: 18px;
  line-height: normal;
  color: #283242;
  font-weight: 600;
}
.lgp {
  font-family: Lato;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: normal;
  color: #283242;
}

.smp {
  font-family: Lato;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: normal;
  color: #3A3E41;
}

.hxlgcaption{
  font-family: Lato;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: normal;
  color: #9BA6AD;
}

.hxcaption{
  font-family: Lato;
  font-style: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: normal;
  color: #9BA6AD;
}

.primary{
  background: #22A7F3;
  color: #F2F5FC;
}
.primary a{color: #F2F5FC;}

.hx-btn-success{
  background: #41C596;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  font-family: Lato;
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: normal;
  text-align: center;

  color: #F2F5FC;
  padding: 12px 33px;
}


.hx-btn-primary{
  background: #22A7F3;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  font-family: Lato;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: normal;
  text-align: center;

  color: #F2F5FC;
  padding: 12px 33px;
}

.hx-btn-primary-alt{
  font-family: Lato;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: normal;
  text-align: center;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);

  color: #22A7F3;
  border: 1px solid #22A7F3;
  box-sizing: border-box;
  border-radius: 5px;
  padding: 12px 33px;
}

.hx-btn-danger{
  background: #EE5C64;
  box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  font-family: Lato;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: normal;
  text-align: center;

  color: #F2F5FC;
  padding: 12px 33px;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  position: relative;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  bottom: 0;
  right: 0;
  width: 100%;
}

.no-color{color: inherit;}
.hx-btn-sm{padding: 8px 24px;; font-size: 15px;}

.wizard-questions{font-size: 17px; color: #444;}


.table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th {
    background-color: #f1f9fe;
    color: #319bf8;
}
.table-striped>tbody>tr:nth-child(even)>td, .table-striped>tbody>tr:nth-child(even)>th {
    background-color: #fff;
    color: #319bf8;
}

.container.nobackground{z-index: 2; position:relative}
.container.nobackground .logo-box{box-shadow: 0 10px 15px rgba(50,50,93,.1), 0 3px 12px rgba(0,0,0,.07); padding: 20px;}
.container.nobackground footer{color:white}
#bg{z-index: 1; position: fixed; top: 0; left: 0; width: 100%; height: 100%;  background-image: linear-gradient( to right, rgb(39, 95, 179) 0%, rgba(46, 131, 162, 0.59) 100%)}

/** ASSETS **/

  .add-asset-btn{float: left; height: 90px; width: 100px; text-align: center; border: 2px solid #ddd; padding: 7px; border-radius: 5px; color: #aaa; line-height: 13px; position: relative; cursor: pointer;margin: 0px 3px 3px 3px;width: 110px;}

  .add-asset-btn .dropdown-toggle{height:100%; width: 100%; box-shadow: none !important; outline: none !important; border: none !important; background: transparent}

/************/

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}


.full_display_collapse{
  max-height: calc(100vh - 50px);
}
.relative-position{position: relative !important;}

.file-link{cursor: pointer; margin: 0px 5px; font-size:11px}

.blur {
    filter: blur(9px);
}

a:hover {
    text-decoration: none;
}

.hover-grow:hover
{
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
}
.hover-border:hover
{
        box-shadow:  0 0 5px 3px #eee;
}
.hover-infront:hover
{
    z-index: 10000000000;
}


/* make controls more delicate*/
button, input, select, textarea{
    border-radius: 3px;
    border: 1px solid #ddd;
}

/* Prevent Chrome's autofill yellow box shadow */
/*input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}
*/

/* Import font from Google Font (Open sans) */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,600,700);
@import url('https://fonts.googleapis.com/css?family=Montserrat');
.font--Raleway {
  font-family: "Raleway", sans-serif; 
}

.img-circle{border-radius: 49%}

.jqte-input ul{
    list-style-type: disc;
    list-style-position: inside;
    -webkit-padding-start: 20px
}

iframe#plaid-link-iframe-1{z-index: 1000000000000000 !important;}

  
.input-group-addon{
  background-color: transparent;
}


/* forms logs */
.form-data .form-log{
  padding: 0px 20px;
  font-size: 12px;
  color: #75ab8d;
}
.form-data:not(.show-log) .form-log{display: none}

/*
.box-info h2 {
    color: #333;
}
*/
  /*body.touch_device{overflow-y: hidden !important;}
  body.touch_device > #sidepanel, body.touch_device > #sidepanel > div{overflow-y: hidden !important;}*/
  /*body.touch_device .tooltip{display: none !important}*/

  #docViewer-wrap{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
  }

  .read-more-wrap.is-read-more .on-read-less{display: none}
  .read-more-wrap:not(.is-read-more) .on-read-more{display: none}
  .read-more-wrap.no-read-more .read-more-ctrl, .read-more-wrap.no-read-more .on-read-more, .read-more-wrap.no-read-more .on-read-less{display: none}
  .read-more-wrap:not(.is-read-more) .read-more-content-window{
    max-height: 140px; 
    overflow: hidden;
  }
  .read-more-wrap.is-read-more .read-more-content-window{
      transition:max-height 1s ease-out; /*note that we're transitioning max-height, not height!*/
      height:auto;
      max-height:1000px; /* still have to hard-code a value!*/
      overflow: auto;
      -moz-transition: 1s;
      -ms-transition: 1s;
      -o-transition: 1s;
      -webkit-transition: 1s;
  }
  /*.read-more-wrap .read-more-content-window{
    transition: height 1s;
    -webkit-transition: height 1s;
    transition-property: height, transform;
    transition-duration: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s;
  }*/


  .round_box{
    border: 1px solid #9BA6AD;
    box-sizing: border-box;
    border-radius: 5px;
  }

  

  .card-box{
    /*border: 1px solid rgb(234, 234, 234);*/
    /*background: white;*/
    position: relative;
    padding: 5px 10px;
    /*border-bottom: 1px solid #eaeaea;*/
    background: #FFFFFF;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2);
    border-radius: 4px;

    /*transition-property: color,background-color,box-shadow,transform;
 transition-duration: .15s;*/
  } 

  .group{
    margin-bottom: 15px;
  }
  
  .sm-group{
    margin-bottom: 6px;
    display: block;
  }

  .card-box.padding{
    /*padding: 40px 50px;*/
    padding: 32px 40px;
  }

  @media (max-width: 480px){
    .card-box.padding {padding: 15px 20px;}
  }

  .card-box > .hx3{
    margin-bottom: 15px;
  }
  .desc-box{
    padding: 30px;
  }
  .desc-title{
    margin-bottom: 10px;
  }
  .desc-box .lgp{line-height: 20px;}

  .row-flex {
    display: flex;
  }
  .col-v-centered {
    display: flex;
    align-items: center;
  }

  .fadeout {    
    position: relative;    
    bottom: 4em;    
    height: 4em;  
    margin-bottom: -4em;  
    background: -webkit-linear-gradient(        rgba(255, 255, 255, 0) 0%,        rgba(255, 255, 255, 1) 100%    );    
    background-image: -moz-linear-gradient(        rgba(255, 255, 255, 0) 0%,        rgba(255, 255, 255, 1) 100%    );    
    background-image: -o-linear-gradient(        rgba(255, 255, 255, 0) 0%,        rgba(255, 255, 255, 1) 100%    );    
    background-image: linear-gradient(        rgba(255, 255, 255, 0) 0%,        rgba(255, 255, 255, 1) 100%    );    
    background-image: -ms-linear-gradient(        rgba(255, 255, 255, 0) 0%,        rgba(255, 255, 255, 1) 100%    );
  }

  .noTransition{
    -o-transition-property: none !important;
   -moz-transition-property: none !important;
   -ms-transition-property: none !important;
   -webkit-transition-property: none !important;
   transition-property: none !important;
   /*CSS transforms*/
   -o-transform: none !important;
   -moz-transform: none !important;
   -ms-transform: none !important;
   -webkit-transform: none !important;
   transform: none !important;
   /*CSS animations*/
   -webkit-animation: none !important;
   -moz-animation: none !important;
   -o-animation: none !important;
   -ms-animation: none !important;
   animation: none !important;
  }

  .noselect, .noselect *{
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
    supported by Chrome and Opera */
  }

  .expand-switch-wrap:not(.expand-switch-on) .if-expand-switch-on{display: none}
  .expand-switch-wrap.expand-switch-on .if-expand-switch-off{display: none}
  .expand-switch-wrap .expand-switch-control{cursor: pointer;}

  .md-modal-showing{overflow: hidden !important;}
  .touch_device.md-modal-showing > .right.scroll-y{overflow: hidden !important; position: fixed}
  .touch_device.md-modal-showing .right .scroll-y{overflow: hidden !important; position: fixed}
  .touch_device.md-modal-showing > #sidepanel{overflow: hidden !important;}

  .modal-backdrop{display: :none !important;} /*bootstrap overlay which we dont need*/

  input[name=form-search]{
    box-sizing: border-box;
    width: 100%;
    padding: 1px 35px;
    background: #fff 8px 8px no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iLTI5NiAzODggMTggMTgiPjxjaXJjbGUgc3Ryb2tlPSIjNEM1NTVBIiBzdHJva2Utd2lkdGg9IjEuNiIgY3g9Ii0yODkiIGN5PSIzOTUiIHI9IjYuMiIgZmlsbD0ibm9uZSIvPjxwYXRoIHN0cm9rZT0iIzRDNTU1QSIgc3Ryb2tlLXdpZHRoPSIxLjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZmlsbD0ibm9uZSIgZD0iTS0yNzkgNDA1bC01LjEtNS4xIi8+PC9zdmc+");
    border: 1px solid #e4e9ec;
    border-radius: 100px;
    outline: none;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 300;
    color: #292e31;
    text-rendering: optimizeLegibility;
    transition: border-color,box-shadow;
    transition-duration: 400ms;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    -ms-appearance: textfield;
    appearance: textfield;
    background-size: auto !important;
  }

  input[name=form-search-in-form]{
    box-sizing: border-box;
    width: 100%;
    padding: 1px 35px;
    background: #fff 8px 8px no-repeat;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxOCIgdmlld0JveD0iLTI5NiAzODggMTggMTgiPjxjaXJjbGUgc3Ryb2tlPSIjNEM1NTVBIiBzdHJva2Utd2lkdGg9IjEuNiIgY3g9Ii0yODkiIGN5PSIzOTUiIHI9IjYuMiIgZmlsbD0ibm9uZSIvPjxwYXRoIHN0cm9rZT0iIzRDNTU1QSIgc3Ryb2tlLXdpZHRoPSIxLjkiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgZmlsbD0ibm9uZSIgZD0iTS0yNzkgNDA1bC01LjEtNS4xIi8+PC9zdmc+");
    border: 1px solid #e4e9ec;
    border-radius: 100px;
    outline: none;
    font-size: 18px;
    line-height: 1.2;
    font-weight: 300;
    color: #292e31;
    text-rendering: optimizeLegibility;
    transition: border-color,box-shadow;
    transition-duration: 400ms;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    -ms-appearance: textfield;
    appearance: textfield;
    background-size: auto !important;
  }

  form .input-group .form-control:first-child, 
  form .input-group-addon, 
  form .input-group-btn:first-child>.btn-light, 
  form .input-group-btn:first-child>.btn-group>.btn-light, 
  form .input-group-btn:first-child>.dropdown-toggle, 
  form .input-group-btn:last-child>.btn-group:not(:last-child)>.btn-light, 
  form .input-group-btn:last-child>.btn-light:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border: none;
    background: transparent;
  }

  /*.shown .hidden{ display: inherit !important;}*/

  .titleHeader{
    font-size: 18px;
    line-height: 1.2;
    font-weight: 300;
    padding: 5px
  }

  .form-row-wrap:before{ content:" "; display: table;}
  .form-row-wrap:after{clear: both; display: table; content: " ";}

  #memberSelectionControl .groupMembersBox .member-wrap{opacity: 0.2}
  #memberSelectionControl .groupMembersBox .member-wrap.selectMember{opacity: 1}
  #memberSelectionControl .expand{display:inline-block; cursor:pointer}
  #memberSelectionControl .minimize{display:none; cursor:pointer}
  #memberSelectionControl .groupMembersBox{display:none}
  #memberSelectionControl .expanded .expand{display:none;}
  #memberSelectionControl .expanded .minimize{display:inline-block;}
  #memberSelectionControl .expanded .groupMembersBox{display:block}

  .download-csv-wrap table th{min-width: 100px};

  .modal-control i, .modal-control-small i{
    cursor: pointer;
  }

  .nav-tabs.nav-justified>li>a {
    /*box-shadow: 1px 1px 1px #ddd;*/
  }

  /*
  ul.nav.nav-pills{
    display: inline-block;
    border: 1px solid #789eae;
    border-radius: 8px;
    box-shadow: inset 1px 1px 1px #8d8a8a;
  }
  .nav-pills > li > a:hover,
  .nav-pills > li > a:focus{
    text-decoration: none;
    background-color: transparent;
  }
  .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #337ab7;
    box-shadow: 1px 1px 1px #848181;
  }
  */

  .btn-info{background-color:#3498DB; border-color: #308AC7}
  .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{background-color:#3498DB;}

  .nav-underline{border: none;}
  .nav-underline {border: none;}
  .nav-underline>li.active>a, .nav-underline>li.active>a:focus, .nav-underline>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: transparent;
    border:none;
    border-bottom: 2px solid #3498dc;
    /*margin-bottom: 3px;*/
  }
  .nav-underline>li>a:focus, .nav-underline>li>a:hover{border: 1px solid transparent; background: transparent;}


  @media (min-width: 767px){
    .max767 {display: none;}
  }
  @media (max-width: 480px){
    .dashboard .icon-box{display: none;}
    .dashboard .text-box h3{font-size: 16px}
  }


  .seven-cols .col-xs-1{
    width: 14.285714285714285714285714285714%;
    *width: 14.285714285714285714285714285714%;
  }

  @media (max-width: 480px){
    .seven-cols .col-sm-1{
      width: 100%;
      *width: 100%;
    }
    .hide-xs{
      visibility: hidden;
    }
  }

  @media (min-width: 480px){
    .seven-cols .col-sm-1{
      width: 14.285714285714285714285714285714%;
      *width: 14.285714285714285714285714285714%;
    }
  }

  @media (min-width: 768px){
    .seven-cols .col-md-1,
    .seven-cols .col-lg-1  {
      width: 100%;
      *width: 100%;
    }
  }

  @media (min-width: 992px) {
    .seven-cols .col-md-1,
    .seven-cols .col-lg-1 {
      width: 14.285714285714285714285714285714%;
      *width: 14.285714285714285714285714285714%;
    }
  }

  /**
   *  The following is not really needed in this case
   *  Only to demonstrate the usage of @media for large screens
   */    
  @media (min-width: 1200px) {
    .seven-cols .col-md-1,
    .seven-cols .col-sm-1,
    .seven-cols .col-lg-1 {
      width: 14.285714285714285714285714285714%;
      *width: 14.285714285714285714285714285714%;
    }
  }



  .navcontrol .navBox {
      height: 50px;
      margin-bottom: 9px;
  }
  .navcontrol .box-info .text-box h3 {
      padding: 0;
      margin: 5px 0;
      font-weight: 600;
      font-size: 16px;
      display: block;
      color: #4C5264;
  }
  .navcontrol .box-info .icon-box {
      width: 43px;
      font-size: 19px;
      display: block;
      float: left;
  }
  .navcontrol .col-sm-3 *{overflow: hidden;} 
  .navcontrol .col-sm-3 h3 p{font-weight: 300; font-size: 12px}

  @media (max-width: 480px){
    .navcontrol .icon-box{display: none !important;}
    .navcontrol .text-box h3{font-size: 14px !important;}
  }

  ul:not(.jqte_editor > *) {list-style:none;}

  .bottom-align {
    display: block;
  }
  .bottom-align > .bottom-align-div {
      display: inline-block;
      vertical-align: bottom;
      margin-left: 2px;
  }
  .bottom-align > .bottom-align-div:first-child {
      margin-left: 0;
  }

  .top-align {
    display: block;
  }
  .top-align > .top-align-div {
      display: inline-block;
      vertical-align: top;
  }
  .top-align > .top-align-div:first-child {
      margin-left: 0;
  }

  .loading-overlay{
    background: white;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 1;
    /*animation: load8 0.35s linear;*/
    /*opacity: 0;*/
    transition: visibility 0s, opacity 1s linear;
  }
  .loading-overlay:empty{display: :none;}


  .loading,
  .loading:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
  }
  .loading {
    font-size: 10px;
    position: absolute;
    z-index: 999;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    /*height: 100%;
    /*width: 100%;*/
    /*display: inline-block;*/

    text-indent: -9999em;
    border-top: 1.1em solid rgba(210, 210, 210, 0.2);
    border-right: 1.1em solid rgba(210, 210, 210, 0.2);
    border-bottom: 1.1em solid rgba(210, 210, 210, 0.2);
    border-left: 1.1em solid rgba(210, 210, 210, 1);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
  }
  a .loading{
    max-width: 100%;
    max-height: 100%;
  }
  @-webkit-keyframes load8 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  @keyframes load8 {
    0% {
      -webkit-transform: rotate(0deg);
      transform: rotate(0deg);
    }
    100% {
      -webkit-transform: rotate(360deg);
      transform: rotate(360deg);
    }
  }
  /* Transparent Overlay */
  .loading:before {
    /*content: '';
    display: block;
    position: relative;
    top: 0;
    left: 0;
      width: 100%;
      height: 100%;*/
    /*background-color: rgba(0,0,0,0.3);*/
  }
  

  /* Overwrite the default to keep the scrollbar always visible */

  .show-scrollbar::-webkit-scrollbar {
      -webkit-appearance: none;
      width: 7px;
  }

  .show-scrollbar::-webkit-scrollbar-thumb {
      border-radius: 4px;
      background-color: rgba(0,0,0,.5);
      -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
  }

  *{
    unicode-bidi: plaintext;
  }
  .rtl {
    direction: rtl; 
    text-align: right;
  }

  .ltr {
      direction: ltr; 
      text-align: left;
  }

  .table-container
  {
    width: 100%;
    overflow-y: auto;
    _overflow: auto;
    margin: 0 0 1em;
  }
  .table-container::-webkit-scrollbar
  {
    -webkit-appearance: none;
    width: 14px;
    height: 14px;
  }

  .table-container::-webkit-scrollbar-thumb
  {
    border-radius: 8px;
    border: 3px solid #fff;
    background-color: rgba(0, 0, 0, .3);
  }

  .table-responsive{
    overflow: visible;
    -webkit-overflow-scrolling: touch;
  }
  .groupMembersBox img{
    width: 35px;
    height: 35px;
  }
  .groupMembersBox ul{
    list-style-type:none;
  }
  .groupMembersBox .member-wrap{
      max-width: 100%;
      max-height: 150px;
      position:relative;
      cursor: pointer;
  }
  .groupMembersBox .member-wrap .accr{
    position: absolute;
    bottom: 5px;
    right: -5px;
    margin-left: -25px;
    margin-bottom: -10px;
    box-shadow: -1px 1px 5px #888888;
    color: white;
    background: #5898D0;
  }
  .groupMembersBox .circle{
        position:absolute;
        width: 15px;
        height: 15px;
        background: rgba(255, 255, 255, 0.78);
        border-radius: 49%;
        text-align: center;
        font-size: 0.8em;
  }

  a{cursor: pointer;}

  .navcontrol a{text-decoration: none; } 

  .navcontrol .navBox{
      /*box-shadow: 10px 10px 5px #888888;*/
      border: 1px solid rgba(128, 128, 128, 0.38) !important;
      border-radius: 25px;
      cursor: pointer;
      padding: 5px 5px 5px 5px;
      /*height: 65px !important*/
  }
  .navcontrol .navBox:hover, 
  .navcontrol .navchoose{
      background-color: rgb(233, 234, 234);
      box-shadow: inset 3px 3px 5px #888888;
  }

.fancybtn{
  overflow: hidden;
  display: inline-block;
  visibility: visible !important;
  background-image: -webkit-linear-gradient(#28a0e5,#015e94);
  background-image: -moz-linear-gradient(#28a0e5,#015e94);
  background-image: -ms-linear-gradient(#28a0e5,#015e94);
  background-image: -o-linear-gradient(#28a0e5,#015e94);
  background-image: -webkit-linear-gradient(#28a0e5,#015e94);
  background-image: -moz-linear-gradient(#28a0e5,#015e94);
  background-image: -ms-linear-gradient(#28a0e5,#015e94);
  background-image: -o-linear-gradient(#28a0e5,#015e94);
  background-image: linear-gradient(#28a0e5,#015e94);
  -webkit-font-smoothing: antialiased;
  border: 0;
  padding: 1px;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
  -ms-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
  -o-box-shadow: 0 1px 0 rgba(0,0,0,0.2);
  box-shadow: 0 1px 0 rgba(0,0,0,0.2);
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  cursor: pointer;
}
.fancybtn span{
  display: block;
  position: relative;
  padding: 0 12px;
  height: 30px;
  line-height: 30px;
  background: #1275ff;
  background-image: -webkit-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
  background-image: -moz-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
  background-image: -ms-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
  background-image: -o-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
  background-image: -webkit-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
  background-image: -moz-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
  background-image: -ms-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
  background-image: -o-linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
  background-image: linear-gradient(#7dc5ee,#008cdd 85%,#30a2e4);
  font-size: 14px;
  color: #fff;
  font-weight: bold;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
  -ms-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
  -o-box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.25);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.spinner:not(:required){
  text-align: center;
  -webkit-animation-name: rotate; 
  -webkit-animation-duration: 2s; 
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate; 
  -moz-animation-duration: 2s; 
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  animation-name: rotate; 
  animation-duration: 2s; 
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-webkit-keyframes rotate {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
    from {-moz-transform: rotate(0deg);}
    to {-moz-transform: rotate(360deg);}
}

@keyframes rotate {
    from {transform: rotate(0deg);}
    to {transform: rotate(360deg);}
}

.box-info{
  border: 1px solid rgba(218, 211, 211, 0.47);
}
.box-info .box-info{
  border: 0px solid rgba(177, 174, 174, 0.47);
}

.rotated90 {
    transform: rotate(90deg);
    -ms-transform: rotate(90deg); /* IE 9 */
    -moz-transform: rotate(90deg); /* Firefox */
    -webkit-transform: rotate(90deg); /* Safari and Chrome */
    -o-transform: rotate(90deg); /* Opera */
}
.rotated180 {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg); /* IE 9 */
    -moz-transform: rotate(180deg); /* Firefox */
    -webkit-transform: rotate(180deg); /* Safari and Chrome */
    -o-transform: rotate(180deg); /* Opera */
}
.rotated270 {
    transform: rotate(270deg);
    -ms-transform: rotate(270deg); /* IE 9 */
    -moz-transform: rotate(270deg); /* Firefox */
    -webkit-transform: rotate(270deg); /* Safari and Chrome */
    -o-transform: rotate(270deg); /* Opera */
}
  
button.readmessage{
    margin-right:2px;
}

.reminder.itinerary{
  display:block;
  top:0;
  left:0;
  width:30px;
  height:40px;
  background-size: 30px 40px;
  background-image:url('/images/paper-reminder.png');
  text-align: center;
  vertical-align: middle;
  line-height: 40px;

}
/*
.image-selecticon {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:20px;
  height:20px;
  background-size: 20px 20px;
  background-image:url('/images/ok_select.png')
}
*/
.image-selecticon{
    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width:30px;
    height:30px;
    background-size: 30px 30px;
    background-image:url('/images/ok_select2.png');
    opacity: 0.8; 
/*
    position:absolute;
    width:30px;
    height:30px;
    background-size: 30px 30px;
    background-image:url('/images/ok_select2.png');
    opacity: 1; 
*/
}

.image-deleteicon {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:20px;
  height:20px;
  background-size: 20px 20px;
  /*background-image:url('/images/red_delete.png')*/
  background-image:url('/images/deleteRed.png')
}

.image-slideshowicon {
  display:block;
  position:absolute;
  top:0;
  right:0;
  width:25px;
  height:25px;
  background-size: 25px 25px;
  background-image:url('/images/slideshowicon.png')
}


/*
.image-thumb:hover .image-fav {
  display:block;
}
*/
/*
.image-fav:hover {
  background-image:url(hover_plus.png);
}
*/

img.interactiveItinerary{
    width:100%; 
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px rgb(223, 223, 223) solid;
}
info table tr td.initprofile{
    padding-left:0;
}
.initprofile{
    float:left;
    align:left;
}
.thumbContainer{
    position: relative;
    overflow: hidden;
}

.thumbImage {
    position: absolute;
    top: -9999px;
    bottom: -9999px;
    left: -9999px;
    right: -9999px;
    margin: auto;
}

#play{

    display:block;
    position:absolute;
    bottom:0;
    left:0;
    width: 100%;
    height: 100%;
    background-size: 30px 30px;
    background-image: url('/images/play-button.png?1');
    background-repeat: no-repeat;
    background-position: center; 
    opacity: 0.8;

    /*
    background:url('/images/play-button.png') center center no-repeat; 
    margin: -65% 0 0 0%; 
    height: inherit; 
    width: inherit; 
    position: absolute; 
    z-index: 100; 
    opacity: 0.8; 
    
    position:relative;*/
    /*width:50%;
    /*height: :50%;
    z-index: 100;
    cursor:pointer;
    position:relative;
    background:url('http://cdn1.iconfinder.com/data/icons/iconslandplayer/PNG/64x64/CircleBlue/Play1Pressed.png') no-repeat center;
    width: 111px;
    height: 157px;
    left: 0px;
    top: 0px;*/
}
.rightpannelbox{
    margin-bottom: 0; 
}
.borderlist {
    list-style-position:inside;
    border: 1px solid black;
}

pre.readmessage.old 
{
    white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: normal;       /* Internet Explorer 5.5+ */
}

pre.readmessage
{
    /*word-break: break-all; /* webkit */
    word-break: normal;
    word-wrap: break-word;
    white-space: pre;
    white-space: -moz-pre-wrap; /* fennec */
    white-space: pre-wrap;
    white-space: pre\9; /* IE7+ */
    padding:0;
    margin:0;
    background-color: white;
    border:none;
}
/*    white-space: normal !important;*/

ul.scrollable-list{
    overflow: auto;
    width: 300px; 
    max-height: 1000%;
}

div.tab-content{
    padding:10px;
}
p.comment{
    color:black;
    font-family: 'Open Sans', Arial;
    font-size: 14px;
}

label.memory{
	color:blue;
    line-height: 1.5em;
    height: 1.5em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

.HXterms{
	margin-left: auto;
  margin-right: auto;
  width: 95%;
  position: absolute;
	color:white;
	bottom: 10px; 
	font-size:11
}

a.md-trigger{
	
}

#HxModalOverlay{
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    filter: alpha(opacity=50);
    z-index:99999
}

#HxModal {
    position:absolute;
    background:url(tint20.png) 0 0 repeat;
    background:rgba(0,0,0,0.2);
    border-radius:14px;
    padding:8px;
    z-index: 10000000;
}

#HxModalContent {
    border-radius:8px;
    background:#fff;
    padding:20px;
}

#HxModalclose {
    position:absolute;
    background:url(/images/close.png) 0 0 no-repeat;
    width:24px;
    height:27px;
    display:block;
    text-indent:-9999px;
    top:-7px;
    right:-7px;
}

/* -------------------------- */

#HxModalFile {
    position:absolute;
    background:url(tint20.png) 0 0 repeat;
    background:rgba(0,0,0,0.2);
    border-radius:14px;
    padding:8px;
    z-index:999997;
    top: 40px;
    left: 20px;
    width: 100%;
    height: 100%;
    bottom: 20px;
    right: 20px;
}


#HxModalContentFile {
    border-radius:8px;
    background:#fff;
    padding:20px;
    position:absolute;
    background:url(tint20.png) 0 0 repeat;
    background:rgba(0,0,0,0.2);
    border-radius:14px;
    padding:8px;

    width: 100%;
    height: 100%;
}


#HxModalcloseFile {
    position:absolute;
    background:url(/images/close.png) 0 0 no-repeat;
    width:24px;
    height:27px;
    display:block;
    text-indent:-9999px;
    top:120px;
    right:120px;
}



tr.hover {
   cursor: pointer;
   /* whatever other hover styles you want */
   background:lightblue;
}


#origin
{
  background-color: lightgreen;
}

#origin img, #drop img {
  margin-top: 3px;
  margin-left: 5px;
}

.drop
{
  /*background-color: red;*/
  min-height: 120px;
}

.draggable
{
    z-index:999997;
  /*border: solid 2px gray;*/
}

.img-wrap.gallery.owner
{
    border: solid 3px darkgreen;
}

.img-wrap.gallery.shared
{
    border: solid 3px darkred;
}

ul.dropTable
{
    list-style-type: none; 
    margin: 0; 
    padding: 0; 
    margin-right: 10px; 
    background: #eee; 
    padding: 5px; 
    width: 143px;
}
.draggableRow{
    margin: 5px; 
    padding: 5px; 
    font-size: 1.2em; 
    width: 120px;
}

/** Timeline **/
.the-timeline{margin-bottom: 40px;}
.the-timeline .post-to-timeline{
  margin: 15px 0;
}
.the-timeline .post-to-timeline textarea{
  height: 50px;
  resize: none;
  margin-bottom: 10px;
}
.the-timeline ul{
  padding: 0;
  list-style: none;
  margin: 0 15px 0 30px;
  border-left: 2px solid #ddd;
}
.the-timeline ul li{
  padding: 5px 15px;
  display: block;
  margin: 20px 0 20px 35px;
  background: #f9fbff;
  position: relative;
  border-left: 4px solid transparent;
}
.the-timeline ul li:hover{
  border-left-color: #1B1E24;
}
.the-timeline ul li p{
  margin: 0;
  padding: 0;
}
.the-timeline ul li .the-date{
  position: absolute;
  left: -64px;
  top:0;
  width: 50px;
  height: 50px;
  background: #1B1E24;
  border-radius: 50%;
  text-align: center;
  line-height: 130%;
}
.the-timeline ul li .the-date span{
  color: #fff;
  font-size: 18px;
  display: block;
  margin-top: 8px;
}
.the-timeline ul li .the-date small{
  color: #fff;
  font-size: 12px;
  display: block;
}