a:not([href]):not([tabindex]) {
    color: #e93f84;
}

a.cancel {
  color:#000;
}

.backgr-login {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
  background: url(https://gofacing.com/wp-content/uploads/2014/06/fondocollage2.jpg);
  opacity:0.4;
}

.main-warning {
    margin: auto;
    text-align: center;
    background: white;
    padding: 50px 20px;
    border-radius: 5px;
    border: 1px solid #e94085;
    font-size: 12px;
    margin-top: 40px;
}

.support {
  display: none!important;
}

* {text-rendering: optimizelegibility;}

body{
  font-family: Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  text-rendering: optimizeLegibility !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  -ms-overflow-style: scrollbar;
  background: #f7f7f7;
}

html {
  height: 100%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

select:active, select:hover, select:focus,
button:active, button:hover, button:focus,
textarea:active, textarea:hover, textarea:focus,
input:active, input:hover, input:focus {
  outline: none!important;
}

a {
  cursor:pointer!important;
}

.form-control {
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}

.form-control:hover, .form-control:active, .form-control:focus {
    border-color: #e93f84;
}

::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #e93f84;
}
::selection {
    color: #fff;
    background: #e93f84;
}

.events-disabled {pointer-events:none; }
.blink-me {animation: blinker 1s linear infinite; }
@keyframes blinker {50% { opacity: 0.0; } }
.text-center {text-align: center; }
.text-left {text-align: left; }
.text-right {text-align: right; }
.relative {position: relative; }
.absolute {position: absolute; }
.opaque {opacity:1!important;}
.overflow-hidden {overflow:hidden;}
.l-0 {left:0; }
.r-0 {right:0; }
.t-0 {left:0; }
.b-0 {right:0; }

.m-0 {margin: 0!important; }
.p-0 {padding: 0!important; }

.p-25 {padding: 25px!important; }

.mt-0 {margin-top: 0!important; }
.mt-5 {margin-top: 5px!important; }
.mt-10 {margin-top: 10px!important; }
.mt-15 {margin-top: 15px!important; }
.mt-20 {margin-top: 20px!important; }
.mt-25 {margin-top: 25px!important; }
.mt-30 {margin-top: 30px!important; }
.mt-35 {margin-top: 35px!important; }
.mt-40 {margin-top: 40px!important; }
.mt-100 {margin-top: 100px!important; }

.mb-0 {margin-bottom: 0!important; }
.mb-5 {margin-bottom: 5px!important; }
.mb-10 {margin-bottom: 10px!important; }
.mb-15 {margin-bottom: 15px!important; }
.mb-20 {margin-bottom: 20px!important; }
.mb-25 {margin-bottom: 25px!important; }
.mb-30 {margin-bottom: 30px!important; }
.mb-35 {margin-bottom: 35px!important; }
.mb-40 {margin-bottom: 40px!important; }

.ml-0 {margin-left: 0!important; }
.ml-5 {margin-left: 5px!important; }
.ml-10 {margin-left: 10px!important; }
.ml-15 {margin-left: 15px!important; }
.ml-20 {margin-left: 20px!important; }
.ml-25 {margin-left: 25px!important; }
.ml-30 {margin-left: 30px!important; }
.ml-35 {margin-left: 35px!important; }
.ml-40 {margin-left: 40px!important; }

.mr-0 {margin-right: 0!important; }
.mr-5 {margin-right: 5px!important; }
.mr-10 {margin-right: 10px!important; }
.mr-15 {margin-right: 15px!important; }
.mr-20 {margin-right: 20px!important; }
.mr-25 {margin-right: 25px!important; }
.mr-30 {margin-right: 30px!important; }
.mr-35 {margin-right: 35px!important; }
.mr-40 {margin-right: 40px!important; }

.pt-0 {padding-top: 0!important; }
.pt-5 {padding-top: 5px; }
.pt-10 {padding-top: 10px; }
.pt-15 {padding-top: 15px; }
.pt-20 {padding-top: 20px; }
.pt-25 {padding-top: 25px; }
.pt-30 {padding-top: 30px; }
.pt-35 {padding-top: 35px; }
.pt-40 {padding-top: 40px; }

.pb-0 {padding-bottom: 0!important; }
.pb-5 {padding-bottom: 5px!important; }
.pb-10 {padding-bottom: 10px!important; }
.pb-15 {padding-bottom: 15px!important; }
.pb-20 {padding-bottom: 20px!important; }
.pb-25 {padding-bottom: 25px!important; }
.pb-30 {padding-bottom: 30px!important; }
.pb-35 {padding-bottom: 35px!important; }
.pb-40 {padding-bottom: 40px!important; }

.pl-0 {padding-left: 0!important; }
.pl-5 {padding-left: 5px!important; }
.pl-10 {padding-left: 10px!important; }
.pl-15 {padding-left: 15px!important; }
.pl-20 {padding-left: 20px!important; }
.pl-25 {padding-left: 25px!important; }
.pl-30 {padding-left: 30px!important; }
.pl-35 {padding-left: 35px!important; }
.pl-40 {padding-left: 40px!important; }

.pr-0 {padding-right: 0!important; }
.pr-5 {padding-right: 5px!important; }
.pr-10 {padding-right: 10px!important; }
.pr-15 {padding-right: 15px!important; }
.pr-20 {padding-right: 20px!important; }
.pr-25 {padding-right: 25px!important; }
.pr-30 {padding-right: 30px!important; }
.pr-35 {padding-right: 35px!important; }
.pr-40 {padding-right: 40px!important; }

.absolute {
  position:absolute;
}

.relative {
  position:relative;
}

.arial {
  font-family: Arial, sans-serif;
}

.text-grey {
  color:grey;
}

.fs-12 {
  font-size: 12px;
}

.fs-13 {
  font-size: 13px;
}

.fs-16 {
  font-size: 16px;
}

.fs-19 {
  font-size: 16px;
}

.lh-32 {
  line-height: 32px;
}

.lh-40 {
  line-height: 40px;
}

.h-40 {
  height:40px;
}

.nowrap {
  white-space: nowrap;
}

.italic {
  font-style: italic;
}

.full-width {
  width:100%!important;
}

.list-inline {
    padding-left: 0;
    margin-left: -5px;
    list-style: none;
}

.block {
  display: block;
}

.inline {
  display: inline;
}

.inline-block {
  display: inline-block;
}

textarea {
  border-radius: 4px;
}

textarea:hover, textarea:focus, textarea:active {
  border-color: #e93f84!important;
}



.flag {
  width: 16px;
  height: 11px;
  background:url("../images/flags.png") no-repeat
}

.flag.flag-bg {background-position: -16px 0}
.flag.flag-cz {background-position: -32px 0}
.flag.flag-de {background-position: -48px 0}
.flag.flag-dk {background-position: -64px 0}
.flag.flag-ee {background-position: -80px 0}
.flag.flag-es {background-position: 0 -11px}
.flag.flag-fi {background-position: -16px -11px}
.flag.flag-fr {background-position: -32px -11px}
.flag.flag-en {background-position: -48px -11px}
.flag.flag-gr {background-position: -64px -11px}
.flag.flag-hr {background-position: -80px -11px}
.flag.flag-hu {background-position: 0 -22px}
.flag.flag-is {background-position: -16px -22px}
.flag.flag-it {background-position: -32px -22px}
.flag.flag-lt {background-position: -48px -22px}
.flag.flag-lv {background-position: -64px -22px}
.flag.flag-md {background-position: -80px -22px}
.flag.flag-mk {background-position: 0 -33px}
.flag.flag-nl {background-position: -16px -33px}
.flag.flag-no {background-position: -32px -33px}
.flag.flag-pl {background-position: -48px -33px}
.flag.flag-pt {background-position: -64px -33px}
.flag.flag-ro {background-position: -80px -33px}
.flag.flag-rs {background-position: 0 -44px}
.flag.flag-ru {background-position: -16px -44px}
.flag.flag-se {background-position: -32px -44px}
.flag.flag-si {background-position: -48px -44px}
.flag.flag-sk {background-position: -64px -44px}
.flag.flag-ua {background-position: -80px -44px}

.btn {
    border-width: 0;
    padding: 8px 16px;
    font-size: 14px;
    border-radius: 4px;
    text-transform: uppercase;
    background-color: #fff;
    border:1px solid #ccc;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
}

.btn.btn-md {
    font-size: 12px;
    padding: 6px 12px;
    line-height: 14px;
}

.btn.active, .btn.focus, .btn:active, .btn:focus, .btn:hover {
    background-color: #f3f3f3;
    border:1px solid #ccc;
}

.btn-primary {
    background-color: #e94085;
    border:1px solid #e94085;
    color:#fff;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover {
    background-color: #c53570!important;
    border:1px solid #c53570;
}

.popup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 45;
    top: 0;
    left: 0;
    background: rgba(202, 202, 202, 0.8);
    padding-bottom: 40px;
}

.popup .background {
  position: absolute;
  top:0; bottom:0; left:0; right:0;
}

.popup-content {
    margin-top: 20px;
    background: white;
    border-radius: 4px;
    box-shadow: 0 0 12px -3px rgba(0,0,0,0.6);
    -webkit-box-shadow: 0 0 12px -3px rgba(0,0,0,0.6);
}

.popup-content .header {
    line-height: 60px;
    font-size: 20px;
    background: #db3b7c;
    color: #fff;
    margin: 0 -15px;
    border-radius: 4px 4px 0 0;
    padding-left: 25px;
}

.popup-content .footer {
    padding: 20px;
    background: #f3f3f3;
    margin: 0 -15px;
    border-radius: 0 0 4px 4px;
}

.popup-content .content {
    padding: 30px 0 40px;
}

.popup-content .content .col-xs-3 {
    padding-top: 8px;
}

.popup-content .content input.form-control {
    width:80%;
}


#wrapper {}

a {
  color:#e93f84;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
}

a:hover, a:focus, a:active {
  color:#a72d5f;
}

div#subheader {
    min-height: 65px;
}

header {
    background-color: #fff;
    line-height: 60px;
    min-height: 62px;
}

#subheader {
    line-height: 65px;
    min-height: 65px;
    color:#fff;
    background: #e93f84; /* Old browsers */
    background: -moz-linear-gradient(top,  #e93f84 0%, #a72d5f 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #e93f84 0%,#a72d5f 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #e93f84 0%,#a72d5f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e93f84', endColorstr='#a72d5f',GradientType=0 ); /* IE6-9 */
}

.roomid *:-moz-selection { /* Code for Firefox */
    color: #a72d5f!important;
    background: #fff!important;
}
.roomid *::selection {
    color: #a72d5f!important;
    background: #fff!important;
}


#subheader a {
    color: #fff!important;
}

header .symbol-header {
    width: 160px;
    height:auto;
    display:inline-block;
}

header .verticalline {
    display: inline-block;
    border-left: 1px solid #e94085;
    height: 30px;
    width: 1px;
    margin-bottom: -10px;
    margin-left: 15px;
    margin-right: 15px;
}

header .support {
  font-family: Arial, sans-serif;
  font-size: 13px;
}

header .appname {
    display: inline-block;
    font-weight: 500;
    color: #e94085;
    text-transform: uppercase;
}

.language-select {
    background: url("../images/select-arrow.png") no-repeat 98% 0;
    height: 29px;
    overflow: hidden;
    width: 90px;
    border: 1px solid grey;
    border-radius: 5px;
    line-height: 29px;
    float: right;
    margin-top: 15px;
    margin-left: 15px;
}
.language-select:hover {
    border: 1px solid #e94085;
}

#languages select {
  cursor:pointer;
}


.language-select select {
   background: transparent;
   border: none;
   font-size: 12px;
   height: 29px;
   padding: 5px;
   width: 100px;
   cursor:pointer;
}

.roomid {
  cursor:pointer;
  font-size: 13px;
  font-family: Arial, sans-serif;
  -webkit-transition: all 150ms linear;
  transition: all 150ms linear;
}

.roomid a {
    color: #fff!important;
}

.roomid:hover {
}

ul.appmenu li {
}

ul.appmenu li a {
  color:#fff;
  cursor:pointer;
  text-transform: uppercase;
  font-size: 12.5px;
  font-weight: 800;
  text-decoration: none;
  padding:5px 10px;
  border:1px solid transparent;
}

ul.appmenu li a:hover, ul.appmenu li.start a {
  border:1px solid #fff;
  border-radius: 4px;
}

#subheader ul.appmenu li.start a:hover {
  border:1px solid #fff;
  background-color: #fff;
  color:#c73671!important;
}

ul.appmenu li.logout a {
  border:1px solid transparent!important;
}

#languages {
    background: url("../images/select-arrow.png") no-repeat 100% 0;
    float: right;
    border: 1px solid #afafaf;
    height: 26px;
    width: 45px;
    margin-top: 16px;
    margin-left: 15px;
    border-radius: 3px;
    position: relative;
    cursor:pointer;
}
#languages:hover {
    border: 1px solid #e94085;
}

.languages-bottom select {
  cursor:pointer;
  color:#000;
}

#languages .flag {
  position: absolute;
  top: 6px;
  left: 7px;
}

#languages select {
    width: 43px;
    height: 24px;
    position: absolute;
    opacity: 0;
}

#content {
    //background:#f7f7f7;
    padding: 20px 0 40px;
}

#content h3 {
    padding: 0;
    margin: 0;
    font-size: 18px;
    line-height: 24px;
}

#content .textarea-container {
    width:80%;
    min-width: 180px;
}

#content .textarea-container textarea {
    font-size: 12px;
    padding: 10px;
    width:100%;
    height:100%;
    resize: none;
    border:1px solid #ccc;

}
#content .textarea-container textarea::-moz-selection { /* Code for Firefox */
    color: #fff;
    background: #ccc;
}
#content .textarea-container textarea::selection {
    color: #fff;
    background: #ccc;
}

#content .textarea-container button {
    color: #fff;
    border: 0;
    font-size: 11px;
    font-weight: 600;
    display:none;
    position: absolute;
}

#content .textarea-container button.copy {
    background: #e94085;
    bottom: 15px;
    right: 25px;
}

#content .textarea-container button.edit {
    background: #e94085;
    bottom: 15px;
    right: 25px;
}

#content .textarea-container:hover button, #content .textarea-container:focus button, #content .textarea-container:active button  {
    display:block;
}

#content .textarea-container:hover textarea {
    //border: 1px solid #e94085;
}

#footer {
  color:#fff;
  font-size: 12px;
  padding-bottom: 100px;
}

#footer ul {
    list-style-type: none;
    padding: 0;
}

#footer ul a {
    color:#fff;
    opacity:0.55;
    text-decoration: none;
}

#footer ul a:hover {
    opacity:1;
}

#footer h4 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 20px;
}

#footer .languages-bottom {
    background: url("../images/select-arrow.png") no-repeat 100% -1px;
    position: relative;
    border: 1px solid #fff;
    max-width: 80px;
    padding: 2px 2px 2px 8px;
    opacity: 0.55;
}

#footer .languages-bottom select {
    position: absolute;
    left: 0;
    top: 0;
    height: 22px;
    width: 100%;
    opacity:0;
}

.card {
    display: block;
    border: 1px solid #b5b5b5;
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0 0 6px -2px grey;
    -webkit-box-shadow: 0 0 6px -2px grey;
}

.card.launcher {
    margin: 0 15px;
    background: none;
    box-shadow: none;
    padding: 0 20px 90px;
}

.card.room-address .col-xs-3 {
    padding-top: 7px;
}

.card.room-address .col-xs-9 {
    font-size: 20px;
}

.card.room-address a.copy {
    opacity:0;
    font-size: 12px;
    padding: 0px 8px;
    -webkit-transition: none!important;
    transition: none!important;
}

.card.room-address:hover a.copy {
    opacity:1;
}

.user-menu {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.user-menu li a {
    font-size: 13px;
    padding: 10px 20px;
    border-bottom: 1px solid #b5b5b5;
    display: block;
    text-decoration: none;
    cursor:pointer;
}
ul.user-menu li:last-child a {
    border-bottom: none;
}

ul.user-menu li a:hover, ul.user-menu li a:focus, ul.user-menu li a:active, ul.user-menu li a.active {
    background-color: #de3c7e;
    color:#fff;
    font-weight: bold;
}

.suggestion {
    background: #dcdcdc;
    padding: 10px 15px;
    font-size: 12px;
    color: #505050;
    border-radius: 4px;
}

a.buttonstyle {
    padding: 2px 18px;
    display: inline-block;
    border: 1px solid #e93f84;
    margin-top: -5px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 14px;
    margin-bottom: 10px;
}

a.buttonstyle:hover {
    background-color: #e93f84;
    color:#fff;
}

a.buttonstyle.grey {
    margin: 50px 0px;
    border: 1px solid #b7b7b7;
    color: #717171;
}

a.buttonstyle.grey:hover {
    background-color: #b7b7b7;
    color:#fff;
}

a.buttonstyle.inverted {
    background-color: #e93f84;
    color: #fff;
}

a.buttonstyle.inverted:hover {
    background-color: #fff;
    color: #e93f84;
}

.calendar-link {
    border: 1px solid #e93f84;
    text-align: center;
    width: 77px;
    display: inline-block;
    border-radius: 4px;
    height: 77px;
    position: relative;
}

.calendar-link span {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    line-height: 22px;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
}

.calendar-link:hover span {
    background: #e94085;
    color: #fff;
}

.calendar-link.google {
  background: url('../images/calendar-google.png');
  background-repeat: no-repeat;
  background-position: center 12px;
  background-size: 32px 32px;
}

.calendar-link.apple{
  background: url('../images/calendar-apple.png');
  background-repeat: no-repeat;
  background-position: center 12px;
  background-size: 32px 32px;
}

.calendar-link.outlook{
  background: url('../images/calendar-outlook.png');
  background-repeat: no-repeat;
  background-position: center 12px;
  background-size: 32px 32px;
}

/*
.calendar-link:before {
    content: '';
    position: absolute;
    width: 65px;
    height: 65px;
    left: 40px;
    top: 24px;
    zoom: 0.5;
    -moz-transform: scale(0.5);
}

.calendar-link.google:before {
    background:url('../images/calendars.png');
    background-repeat: no-repeat;
    background-position: 1px 0;
}

.calendar-link.calendly:before {
    background:url('../images/calendars.png');
    background-repeat: no-repeat;
    background-position: -65px 0;
}

.calendar-link.outlook:before {
    background:url('../images/calendars.png');
    background-repeat: no-repeat;
    background-position: -135px 0;
}

*/




/* Chosen styling */

.chosen-container {
  line-height: 32px;
  font-size: 14px!important;
}


.chosen-choices {
  background-image:none!important;
  box-shadow: none!important;
}


.chosen-container-active .chosen-choices {
    border: 1px solid #db3b7c!important;
    box-shadow: 0 0 5px rgba(0,0,0,.3);
    border-radius: 4px;
}

.chosen-container .chosen-drop {
    border: 1px solid #db3b7c!important;
    margin-top: -3px;
    border-top: none!important;
    border-radius: 0 0 4px 4px;
}

.chosen-container .chosen-results li {
  line-height: 24px!important;
}

.chosen-container .chosen-results li:hover {
  background:#eee;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #e0e0e0!important;
    background-image: none!important;
    color: #464646!important;
}

.chosen-container-multi .chosen-choices li.search-choice {
  background-image:none!important;
  border-radius: 3!important;
  margin: 4px 10px 3px 2px!important;
  padding: 4px 22px 4px 8px!important;
  box-shadow:none!important;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    top: 5px!important;
    -webkit-transition: none!important;
    transition: none!important;
}

.card.notification {
    background: #6caf6c;
    color: #fff;
    padding: 11px 30px;
    border-color: #6caf6c;
    box-shadow: none!important;
    opacity: 0.85;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
}

.card.notification:hover {
    opacity: 1;
}

.card.notification a.buttonstyle {
    border: 1px solid #6caf6c;
    color: #fff;
    float: right;
    margin-top: -2px;
    padding: 0 5px;
    line-height: 22px;
    margin-right: -15px;
}

.card.notification a.buttonstyle:hover {
  border: 1px solid #fff;
  background:none!important;
}

.popup .confirmation-content {
    padding:30px 0 40px;
}

.popup .confirmation-content img {
    min-width: 200px;
    width: 50%;
    height: auto;
}

.popup .confirmation-content h3 {
    margin: 60px 0 0;
    color: #565656;
}

.popup .confirmation-content p {
    margin: 30px 0 0;
}


.card.launcher img {
    width: 60px;
    height: auto;
    margin: 80px 0 60px 0;
}

.card.launcher h3 {
}

.card.launcher p {
    margin: 10px 0px;
}

.card.launcher a {
    margin: 50px 0px 0px;
}

.card.tab-pane {
  border-radius: 0 4px 4px 4px!important;
}

.nav-tabs.tabs-meeting {
  margin-top: 15px;
  margin-bottom: -1px;
  border-bottom:none!important;
}

.nav-tabs.tabs-meeting li {
  max-width: 45%;
}

.nav-tabs.tabs-meeting * {
  -webkit-transition: none;
  transition: none;
}

.nav-tabs.tabs-meeting>li {
    margin-right: 5px;
}

.nav-tabs.tabs-meeting>li a:hover {
  background: rgba(0,0,0,0.05);
  border-color: transparent!important;
}

.nav-tabs.tabs-meeting>li.active>a, .nav-tabs.tabs-meeting>li.active>a:focus, .nav-tabs.tabs-meeting>li.active>a:hover {
    background-color: #fff;
    border: 1px solid #b5b5b5!important;
    border-bottom: none!important;
}

.table>thead>tr>th {
    border-bottom: 1px solid #b5b5b5;
}

.table>tbody>tr>td, .table>tfoot>tr>td, .table>thead>tr>td {
    padding: 16px 8px;
}

.table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>th {
    padding: 8px 8px;
}

.table > tbody > tr:last-child > td {
    border-bottom: 1px solid rgb(221, 221, 221);
}

#previous .actions {
  padding: 1px 8px;
  min-height: 28px;
}

.actions {
  min-height: 35px;
}

.cancel-content {
  background: #db3b7c!important;
  color:#fff!important;
  margin:0 -15px;
  border-radius: 4px 4px 0 0;
}

.cancel-content p {
  margin:10px 0 0 0;
}

.cancel-content .fa-trash {
    display: block;
    font-size: 24px;
    margin: 0 0 10px 0;
}

.card.inputs .form-control, .card.inputs .textarea-container {
    width: 60%!important;
    //min-width: 200px!important;
}

.card.inputs .input-label {
  //padding-top:6px;
}


.datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active {
    color: #ffffff!important;
    background-color: #db3b7c!important;
    border-color: #db3b7c!important;
}

.inputs-container {
  width: 60%;
}

.inputs-container input, .inputs-container select {
  display:inline-block;
}

.inputs-container .form-control {
    margin-right: 5px;
}

.inputs-container .form-control.date {
    width: calc(50% - 5px)!important;
    margin:0px!important;
    float: left;
}

.inputs-container .form-control.time {
    width: calc(50% - 5px)!important;
    margin:0px!important;
    float:right;
}

.inputs-container .form-control.am-pm {
    width: calc(50% - 9px)!important;
    margin:10px 0px 0px 0px!important;
    float: left;
}

.inputs-container .twenty-four {
  float: left;
  width: 100%;
}

.not-provided {
  font-style: italic;
  color:grey;
}

.room-address .col-xs-9 {
  overflow:hidden;
}

.room-address .col-xs-9 {
  overflow:hidden;
}

.room-address .col-xs-9 span {
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 100%;
    font-size: 16px;
    line-height: 34px;
}

.popup .header .fa-times {
    float: right;
    margin: 18px;
    cursor:pointer;
}

.signin input {
  line-height: 50px;
  height: 50px;
  font-size: 18px;
}

.signin button {
  height: 50px;
}

.form-control.warning {
  border-color: #e93f84;
}

.input-warning.warning {
  color: #e93f84;
}

.copied {
    color: #de3c7e;
    line-height: 15px!important;
    font-size: 13px!important;
    margin-top: 10px!important;
    margin-bottom: 2px!important;
}

tr td:first-child {
  white-space: nowrap;
}

.textfield-copyconfirm {
    color: #e94085;
    border: 0;
    font-size: 11px;
    font-weight: 600;
    position: absolute;
    background: #fff;
    bottom: 15px;
    right: 44px;
    padding: 0 13px;
    line-height: 22px;
}

.title-link, .title-name {
  font-size: 18px!important;
  line-height: 24px;
}

#invitation_text {
    //white-space: nowrap;
    //overflow-x: hidden;
}








/* md */
@media all and (max-width: 1199px){

}


/* > sm */
@media all and (min-width: 992px){

}


/* sm */
@media all and (max-width: 991px){

  .roomid i.fa.fa-info-circle {
      font-size: 24px;
      float: left;
      margin-top: 20px;
  }

}


/* xs */
@media (max-width: 767px){

  .card.room-address a.copy {
    opacity:1;
  }

  .inputs-container .form-control.date, .inputs-container .form-control.time, .inputs-container .form-control.am-pm {
    width: 100%!important;
    float: left;
    margin:10px 0px 0px 0px!important;
  }


}



/* > xxs */
@media (min-width: 561px){

}


/* xxs */
@media (max-width: 560px){

  .card.inputs .textarea-container, #content .textarea-container {
    width:100%!important;
  }

  .card.inputs .inputs-container input.form-control, .card.inputs .form-control {
    width:100%!important;
  }

  .welcome span {
    display:none;
  }

  .nav-tabs.tabs-meeting li span {
    display:none;
  }

  .table-container {
      overflow-y: hidden;
      overflow-x: scroll;
      border-right: 1px solid grey;
  }

}

/* xxxs */
@media (max-width: 480px){

  header .symbol-header {
      width: 120px;
  }

  .card .col-xs-3, .card .col-xs-9 {
    position: relative;
    width:100%;
    text-align: left;
    margin-bottom: 10px;
  }

}

.tab-pane {
  opacity:1;
}

.nav-tabs#myTab {
  margin-bottom: -1px;
  position: relative;
  z-index: 1;
  margin-top: 1em;
  border: none;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    color: #495057;
    background-color: #fff;
    border-color: #b5b5b5;
    border-bottom: transparent;
}


/*Mario*/

.appname span{
  color:#333;
  font-size: 0.9em;
  padding-left: 20px;
  text-transform: capitalize;
}

.appname span a{
  font-size: 1em;
  padding-left: 10px;
  text-transform: capitalize;
}

.textarea-container:hover #botona{
  display: block;
}

.textarea-container #botona {
    color: #fff;
    border: 0;
    font-size: 11px;
    font-weight: 600;
    display: none;
    position: absolute;
    padding: 0 10px;
}

.textarea-container #botona{
    background: #e94085;
    bottom: 15px;
    right: 25px;
}

.form-check-input {
  position:relative;
}

.gestion-layout label {
  font-weight: normal;
  font-size: 10px;
}

.gestion-layout .form-group  {
  margin-top: 20px;
}

.ampm {
  margin-top:20px;
}

.confirmation-content p.text-grey{
  word-wrap: break-word;
}