.pb-0{padding-bottom: 0 !important;}
.pt-0{padding-top:0 !important;}
/* base */
body{
}
img {
    max-width: 100%;
}
label{
    margin-bottom:0px;
}
a{
    color:#306bff;
}
.italic{
    font-style: italic;
    padding-right: 2px;
}
.navbar .navbar-collapse .navbar-nav__list a{
    color:rgba(255, 255, 255, 0.9);
}
@media (min-width: 1200px){
    .navbar .navbar-collapse#navbar-mobile {
        background-color: transparent;
        display: flex !important;
        min-height: 58px;
    }
}
a.link_text_color {
    color: #333;
}
.note-toolbar {
    z-index: auto;
}
.fa-grip-vertical{
    cursor:pointer;
}
.border-bottom-lg {
    padding-bottom: 0.2em;
    margin-bottom: 0.2em;
    border-bottom: 2px solid;
}

.mt-0{
    margin-top:0px;
}
.m-n10 {
    margin: -10px;
}
.mt-n10 {
    margin-top: -10px;
}
.ml-n10 {
    margin-left: -10px;
}
.mr-n10 {
    margin-right: -10px;
}
.mb-n10 {
    margin-bottom: -10px;
}

.min-300{
    min-width: 300px;
}
.hand:hover, .sort-control{
    cursor:pointer;
}
.page-title{
    margin:0 0 0 20px;
    padding:0px;
    height:45px;
}
.page-container{
    padding-top:0px;
    max-width: 95%;
}
.page-container .panel.col-md-3{
    width:25%;
}
.nowrap{
    white-space: nowrap;
}
.wide{width:100%;}

.flex-row {
    display: flex;
}

.flex-row-item {
    display: block;
    flex: 1;
}
.font-bold {
    font-weight: bold;
}

.terms-of-service{
    background-color: #f9f9f9;
    padding:20px;

}
.black{
    color:black;
}
.movable{
    cursor:move;
}
.client-listing-image{
    max-height: 40px;
}
.swatch{
    height:40px;
    width:40px;
}
.title-block{
    float:left;
}
#add-area {
    margin-right:20px;
}
#add-area-mobile {
    display: none;
    float:right;
    margin-top: 10px;
}
.add-area{
    display:none;
}
#add-area button, #add-area a, #add-area input{
    float:right;
    margin-right:10px;
}
#add-area button:first-child, #add-area a:first-child, #add-area input:first-child {
    margin-right:0px;
}
.admin, .super-admin{
    z-index: 900;
}
.nav-tabs.nav-justified {
    margin:auto;
}
.nav-tabs.nav-tabs-highlight > li.active > a, .nav-tabs.nav-tabs-highlight > li.active > a:hover, .nav-tabs.nav-tabs-highlight > li.active > a:focus{
    border-top-color:#306bff;
}

.page-container .nav-pills.nav > li {
    background-image: linear-gradient(to bottom, #ffffff, #edf0f2);
    border-bottom: 1px solid #D3DADE;
    border-left: solid 1px #D3DADE;
    border-right: solid 1px #D3DADE;
    margin-top: 0;
    margin-right:-3px;
}

.page-container .nav-pills.nav > li a {
    text-align: left;
    font-size: 15px;
    text-transform: none;
    background-color: transparent;
    border: none;
    color: #191d1f;
}

.page-container .nav-pills.nav > li:first-of-type {
    border-top: 1px solid #D3DADE;
}

.page-container .nav-pills.nav > li a.active {
    font-weight: 500;
    color: #191d1f;
    border-top:2px solid #191d1f;
    border-right:none;
    border-radius:0px; 
}

.page-container .nav-pills.nav > li.active {
    background-color: white;
    background-image: none;
    border-right: none;
}

.page-container .nav-pills.nav > li.active:before {
    background-color: transparent;
    z-index: 1;
    content: '';
    position: absolute;
    top: -1px;
    left: -1px;
    right: -1px;
    height: 4px;
}

.page-container .nav-pills.nav > li a.active:before {
    background-color: #3f4d54; 
}

.page-container .nav-pills-container {
    padding-right: 0;
}

.page-container .nav-pills-content-container {
    padding-left: 0;
}

.page-container .nav-pills-content-container .tab-content {
    border-left: none;
}

.form-group label:first-child{
    font-weight: 500;
}

.form-group .form-group-margin.form-group:last-child {
    margin-bottom: 20px;
}

.form-group .form-subgroup label {
    margin-top: 10px;
}

.form-group-flex {
    display: flex;
}

.grid-row-2{
    margin-left:10%;
    width:40%;
    float:left;
}

.grid-row-3{
    margin-left:10%;
    width:20%;
    float:left;
}
.p-0{
    padding:0 !important;
}
.m-0{
    margin:0 !important;
}
.recently-viewed-item,
.tab-content .tab-pane .panel,
.panel .panel {
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0 1px 8px rgba(0, 0, 0, 0.24)
}

.row.full-panels {
    display: flex;
    flex-wrap: wrap;
}

.row.full-panels .col {
    flex-grow: 1;
    margin-bottom: 20px;
}

.row.full-panels .panel {
    height: 100%;
    margin-bottom: 0px;
}

.row.full-panels .nav-tabs {
    position: absolute;
    top: 0;
    left: 10px;
}

.row.full-panels .tab-content {
    height: 100%;
    padding-top: 40px;
    border: none;
}

.row.full-panels .tab-pane {
    height: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

.recently-viewed-wrapper .panel.panel-flat,
.recently-viewed-wrapper .panel.panel-flat .panel {
    box-shadow: none;
}

.nav-tabs{
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0 1px 8px rgba(0, 0, 0, 0.24);
}
.tab-pane .panel{
    border-top-left-radius:0px;
    border-top-right-radius:0px;

}

.checker span,
.choice span {
    border-color:#009688;
}

.form-control{
    margin-top:0px;
    padding-top:0px;
}

.form-control {
  display: block;
  width: 100%;
  height: 36px;
  padding: 7px 12px;
  font-size: 13px;
  line-height: 1.5384616;
  color: #333333;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ddd;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.ck-content{
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow:  inset 0 0 4px 0 rgba(0, 0, 0, 0.16);

}
.ck-powered-by{
    display:none !important;
}
.modal-body .form-group label.ck.ck-voice-label {
    display: none;
}
.form-control.form-control-inline {
    display: inline-block;
}
.modal-body .form-group select.form-control.form-control-25, 
.modal-body .form-group input.form-control.form-control-25,
.form-control.form-control-25 {
    width: 25%;
}
.form-control.inline{
    display:inline;
}
.form-group.form-control-50{
    width: 49%;
}
.form-control.form-control-50 {
    width: 50%;
}

.has-feedback label ~ .form-control-feedback {
    top: 20px;
}
.form-horizontal .has-feedback-left .form-control-feedback {
    right: auto;
    left: 10px;
}

.form-control-feedback {
    width: 38px;
    color: #333333;
    z-index: 3;
}
.select2-selection {
    border-color:#ddd;
    padding-top: 6px;
    padding-bottom: 7px;
}

.select2-selection--multiple:not([class*=bg-]):not([class*=border-]),
.select2-selection--single:not([class*=bg-]):not([class*=border-]){
    border-color:#ddd;
    border-width:1px;
}
.form-control:focus  {
  border:1px solid #aaa;
  box-shadow: 0 1px 0 #009688;
  border-bottom: 1px solid #009688;
}
.select2-selection--multiple .select2-search--inline .select2-search__field{
    padding:0px;
}
.select2-selection--multiple:not([class*=bg-]):not([class*=border-]), .select2-selection--single:not([class*=bg-]):not([class*=border-]){

}
.select2.select2-container.select2-container--default:not(.select2-custom-width) {
    width: 100% !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple{
    border-bottom:thin solid #009688;
}
.select2-container--default.select2-container--focus.not-valid .select2-selection--single,
.select2-container--default.select2-container--focus.not-valid .select2-selection--multiple{
    border-bottom: 1px solid red !important;
}
.select2-container--focus .select2-selection{
    border-color: #009688;
    box-shadow: 0 1px 0 #009688;
}
.form-control-feedback{

}
.danger{
    color:#F44336;
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #fafafa !important;
  opacity: 1;
}
.date.form-control[readonly]{
    background-color:white;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
ul.multiselect-container li a label input[type=radio]{
    display:none;
}

/******** Responsive Tables Override *********/
.dataTable tr td.child > ul > li {
    display: block;
    border-bottom: 1px solid #EEEEEE;
}

.dataTable tr td.child > ul > li span {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.dataTable tr td.child > ul > li span .dropdown-menu-right {
   left: 0;
}


@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 36px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 34px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 40px;
  }
}
.input-group-btn button{
    margin-top:-1px;
}
.select2 + .tooltip{
    background-color:white;
}
.tooltip-inner{
    background-color:white;
    color:black;
    min-width: 300px;
    display: block; 
    max-height:200px;
    overflow-y: auto;
    overflow-x:hidden;
}
.auto-width-tooltip .tooltip-inner {
    min-width: auto;
}
.tooltip{
    padding:5px;
    border-radius:5px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
    background-color:white;
    z-index: 5020;
    word-break: break-word;
    max-width:unset;
}
.tooltip.show {
    opacity: 1;
}
.tooltip-icon {
    color: #657b87;
}
.float-heading{
    margin-bottom:10px;
}
.form-group + label:first-child{
}
.form-control[readonly].almost-not-valid,
input.almost-not-valid,
textarea.almost-not-valid{
    border-bottom: 1px solid #edd432 !important;
}
.form-control[readonly].not-valid,
input.not-valid,
div.not-valid,
textarea.not-valid{
    border-bottom: 1px solid #e85531 !important;
}
.panel-heading{
    padding:10px 20px 10px 20px;
}
.groups-single.bootstrap-select{
    width:100% !important;
}
.select2-selection--multiple {
    border-bottom: thin solid #ddd;
    box-shadow: 0 1px 0 #ddd;
}
.disabled-button {
    opacity: 0.5;
    cursor: default;
}

select.not-valid,
.not-valid + span span .select2-selection--single,
.not-valid + span span .select2-selection--multiple,
.not-valid + .select2-container{
    border-bottom: 1px solid #e85531 !important;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form{
    background-color:#1a2431;
}
.recently-viewed-wrapper{
    height:265px;
}
.recently-viewed-item{
    height:120px;
    margin-top:2px;
}
.recently-viewed-title{
    overflow: hidden;
    height:60px;
}
.recently-viewed-image{
    float:left;
}
.user-card .left-rail{
    float:left;
    height: 100%;
    margin-right: 17px;
}
.task-doc-count{
    margin-left:-2px;
}
.task-chat-count{
    margin-left:1px;
}
.chat-right-col{
    max-width: 85%;
}

@media screen and (max-width: 1100px) {
    .chat-right-col {
        max-width: 75%;
    }
}

@media screen and (max-width: 375px) {
    .chat-right-col {
        max-width: 70%;
    }
}

.sent-by-user .chat-right-col .editor{
    cursor: pointer;
}

.recently-viewed-item .cal-mini{
    margin: 0px 10px 0px 0px;
}
.campaign-status-pie{
    width:200px;
    margin:auto;
}
.goal-progress{
    width:200px;
    min-height:200px;
    margin:auto;
}
.board-scorecard div label{
    clear:both;
    text-align: center;
    font-weight: bold;
}
.d3-tip {
    z-index: 1500;
}

.card-user-name{
    overflow: hidden;
}

.form-group-user-image {
    display: inline-block;
}

.user-image-container {
    max-height: 100px;
    max-width: 100px;
    margin-right: 1em;
    display: inline-block;
    vertical-align: middle;
}

.user-image-upload {
    display: inline-block;
    vertical-align: middle;
}

.user-image{
    margin-top:10px;
}
.user-image,
.recently-viewed-image img {
    border-radius:25px;
    height:50px;
    width:50px;
    margin-right:10px;
}
.user-image{
    height:50px;
    width:50px;
    margin-right:10px;
}
img.members.user-image{
    margin:0px;
    height:auto;
    width:auto;
    background-size: cover;
    border-radius:50% 50% 50% 50%;
    max-width: 100%;
    max-height: 100%;
}
.cal-mini-check{
    color: green;
    position: absolute;
    font-size: 20px;
    top: 35px;
    left: 45px;
}
.controls{ margin-top:5px;}
.controls a .fa{
    font-size:20px;
    margin-top:5px;
    margin-right:5px;
}
.user-controls .fa{
    float:left;
    font-size:30px;
}

.user-photo{
    border-radius:20px;
    height:40px;
    width:40px;
}
.powered-by-outside{
    text-align: center;
    margin-bottom:5px;
}
.powered-by-text{
    float:left;
    color:black;
    font-size:10px;
    margin:5px;
}
.powered-by img{
    height:40px;
}
#navbar-second{
    margin-bottom:10px;
}
#navbar-second-toggle.navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
}
#nav-user-name li a{
    padding:5px 0px 5px;
}
.breadcrumb{
    padding:5px 0px 5px;
}
.breadcrumb-page-title{
    cursor:default;
    font-weight:bold;
}
.navbar{
    min-height: inherit;
}
.invisible {
    visibility: hidden;
}
.hide,
.hide-soft, .soft-hide{
    display:none;
}
.hide-invisible {
    visibility: hidden;
    height: 0px;
}
.clear-both {
    clear: both;
}
table.skinny  tr td,
table.skinny tbody tr td,
table.skinny thead tr th,
table.skinny tr th{
    margin:0px;
    padding: 0 8px 0 0;
}
.float-panel{
    float:left;
    width:100%;
}
.float-panel .panel-body{
    width:100%;
}

.panel-body.panel-body-no-padding {
    padding-top: 0;
}

.tab-pane.tab-pane--no-style .panel .panel-body.panel-body-filter {
    padding-top: 50px;
    position: relative;
}

.tab-pane.tab-pane--no-style .panel .panel-body.panel-body-filter.filter-short {
    padding-top: 30px;
}

@media (max-width: 768px) {
    .tab-pane.tab-pane--no-style .panel .panel-body.panel-body-filter.filter-short,
    .tab-pane.tab-pane--no-style .panel .panel-body.panel-body-filter {
        padding-top: 10px;
    }
}

.panel-body-filter .panel-filter-icon {
    margin-left: 3px;
    font-size: 14px;
}

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

.float-wrapper {
    width: 100%;
    display: inline-block;
}
.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.text-center{
    text-align: center;
}
.ui-timepicker-container{
    overflow: inherit;
}
.date, .card  input.date, .time-zone{
   width: 160px;
}
.date.no-time{
    width:100px;
}
.time{

}
.router .image-wrapper{
    min-height:100px;
}
.client-image{
    object-fit: contain;
    max-height:80px;
    width:100%;
    height:100%;
}
.client-select-popup-item{
    clear:both;
    padding-top:10px;
    padding-bottom: 10px;
}
.client-select-popup-item  img{
    max-height:40px;
    object-fit: contain;
    width: 250px;
}


.navbar-brand{
    padding:0px;

}
.page-content .nav{
    margin-bottom:0px;
}
.page-content .nav li a{
    border-left: thin solid #ddd ;
    background-color:#ccc;
}
.page-content .nav li a.active{
    background-color:white;
}
.navbar-inverse{
    background-color:#070707;
}
.navbar-inverse .navbar-brand{
    color:rgba(255,255,255, 1);
}
.navbar-inverse .navbar-nav >  a.active:after{
    height:4px;
}
.navbar-inverse .navbar-nav > .dropdown-user > a.active:after{
    height:0px;
}

.navbar-brand > img {
    float:left;
    height:40px;
    margin-top:5px;
    margin-left:25px;
}
.navbar-brand strong{
    float:left;
    margin-left:10px;
    margin-top:15px;
}
.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move.pnotify-concinnity,
.pnotify-concinnity{
    position: fixed;
    margin:auto;
    left:20px;
    right:20px;
    top:35px;
    width: 400px !important;
}
.pnotify-concinnity .ui-pnotify-container {
    height: inherit;
}
.page-403 i.fa-lock, .page-500 i.fa-exclamation-circle, .page-404 i.fa-question-circle{
    font-size:60px;
}
.page-403 div, .page-500 div, .page-404 div{
    text-align: center;
}
.page-403 .message, .page-500 .message, .page-404 .message{
    width: 100%;
}
.page-403 .lock, .page-500 .lock, .page-404 .lock{
    width:60px;
    font-family: Arial;
}
.page-403 a {
    color: #3f4d54;
    text-decoration: underline;
}
.page-403 .fa-lock {
    color: #333333;
}
.page-403 .lock {
    text-decoration: none;
}
.goal-detail{
    margin-left:10px;
}
.goal-tag{
    height:22px;
}
.goal-color {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 5px -2px 0;
    border: 1px solid rgba(0, 0, 0, .2);
}
.edit-table thead tr th{
    text-align: center;
}
.edit-table tbody tr td input[type=checkbox]{
    display: block;
    margin:auto;
}
.edit-table tbody tr td input[type=text], .edit-table tbody tr td select{
  width: calc(100% - 10px);
}
.edit-table.table > thead > tr > th,
.edit-table.table > tbody > tr > th,
.edit-table.table > tfoot > tr > th,
.edit-table.table > thead > tr > td,
.edit-table.table > tbody > tr > td,
.edit-table.table > tfoot > tr > td{
    padding:5px 4px;
}

/***************** login **********************/
.login-page{
    background-color:#269cf4;
}
input[type=submit]{

}
.login-back-button{
    display:block;
    margin-left:10px;
    padding-top:5px;
}
.login-position{
    max-width:400px;
    margin:auto;
    margin-top:15%;
    z-index:20;
}
.login-position.external-response {
    max-width: 800px;;
}
.login-position.meeting-response{
    max-width:480px;
}
.login-position .panel-heading{
    text-align: center;
}
.help{
    margin-top:10px;
}
.help a{
    margin-top:15px;
}
.login-content{
    margin-bottom:25px;
    text-align: center;
}

/***************** unsupported browser **********************/

.unsupported-browser-list {
    display: flex;
}

.unsupported-browser {
    flex: 1;
    display: block;
    margin: 10px;
    text-align: center;
}

.unsupported-browser img {
    max-width: 100%;
}

/*****************  task cards ******************/
.task-header{
    min-height:40px;
}
.task-card .people{
    margin-left:20px;

}
.tag{
    margin-right:1px;
    margin-top:1px;
}
.tag img{
    height:25px;
}
.last-update{
    display:none;
}
.task-icons i, .task-icons a{
    font-size:18px;
    width:20px;
    margin-left:5px;
}

.header .goal-detail{
    margin-left:0;
}
.cal-mini, .attachment-line-icon, .doc-line-icon{
    width:36px;
    text-align: center;
    font-size:9px;
    font-weight:bold;
    border: none;
    margin:0 20px 0px 0px;
}
.top-half-cal-mini{
    background-color: #306bff;
}
.bottom-half-cal-mini{
    border:thin solid #306bff;
    padding: 3px 4px 0px;
    background-color:white;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color:black;
}
.top-half-cal-mini{
    color:white;
    padding: 3px 4px 0px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
tr.overdue td .fc-event-dot{
    background-color:#e85531;
}
.fc-event.overdue{
    border-color:#e85531;
    background-color:#e85531;
}

tr.due-soon td .fc-event-dot{
     background-color:#edd432;
}

.fc-event.due-soon{
    border-color:#edd432;
    background-color:#edd432;
}

tr.event td .fc-event-dot{
     background-color: #87d94c;
}

.fc-event.event{
    border-color: #87d94c;
    background-color: #87d94c;
}

tr.good td .fc-event-dot {
    background-color: #87d94c;
}

tr.zoom-meeting span.fc-event-dot {
    background-color: #2eb872;
}

.complete .top-half-cal-mini{
    background-color:#1cba32;
    border-color:#1cba32;
}
.complete .bottom-half-cal-mini{
    border-color:#1cba32;
}
.overdue .top-half-cal-mini{
    background-color:#e85531;
    border-color:#e85531;
}
.overdue .bottom-half-cal-mini{
    border-color:#e85531;
}
.not-started .bottom-half-cal-mini{
    border-color:#d0d7db;
}
.not-started .top-half-cal-mini{
    background-color:#d0d7db;
    border-color:#d0d7db;
}
.border-left-lg{
    border-left:3px solid;
}
.border-left-info.due-soon{
     border-color:#ffae00;
}
.border-left-info.overdue{
    border-color:#e85531;
}
.border-left-info.good{
    border-color:#306bff
}
.border-left-info.complete{
    border-color:#1cba32;
}
.border-left-info.event {
     border-color: RoyalBlue;
}

.text-blue, .text-blue:hover{
    color:#306bff !important
}
.border-top-blue,
.border-right-blue,
.border-left-blue,
.border-bottom-blue{
    border-color:#306bff;
}

.due-soon .bottom-half-cal-mini {
    border-color:#ffae00;

}
.due-soon .top-half-cal-mini{
    background-color:#ffae00;
}

.event .bottom-half-cal-mini {
    border-color: RoyalBlue;

}
.event .top-half-cal-mini{
    background-color: RoyalBlue;
}

.expanded .task-title, .expanded .task-title:visited{
    max-width: inherit;

}
.task-source{
    font-size: 12px;
    color:#555;
    margin-top:3px;
    height:16px;
    overflow: hidden;
}
.task-check-box{
    display:block;
    border-left:4px solid #e5eaee;
    position: absolute;
    width:15%;
    margin:0;
    height: 100%;
}
.checkbox-status .active, .checkbox-status .not-active{
    display:none;
    position: absolute;
    margin-left:-24px;
    margin-top:30px;
}
.checkbox-status.active .active{
    display:block;
}
.checkbox-status  .not-active{
    display:block;
}
.doc-line-icon{
    font-size:2em;
}
.task-details{
    display: none;
    float:none;
    width: 100%;
}
.task-details.show{
    display: inherit;
}
.task-details .task-details-loading {
    width: 100%;
    height: 403px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 50px;
}
.meetings div table tbody tr td a.btn {
    margin-top:3px;
}
.task-details .chats,.task-details .documents, .task-details .people{

}
.login-icons a button{
    margin:5px;
    padding:0px 15px 10px 15px;
}
.login-icons .home .btn{
    padding:12px 15px 10px 15px;
}
.login-icons .fa-stack {
    top:7px;
}
.circle-text{
    margin-top:.3em;
}
.login-icons strong{
    color:#2196F3;
    float:right;
}
.groups-single{
    width:500px;
}
.field-select{
    width: 100%;
}

.field-valid-icon {
    position: absolute;
    right: 20px;
    bottom: 10px;
    font-size: 16px;
    color: #2eb872;
}

.document-info .task-title {
    margin-top: 5px;
    display: inline-block;
}

.document-info .task-source {
    margin-top: 0;
}

.remove-document {
    text-decoration: none;
}

/******************* chat ***************************/

.chat-list{
    max-height: 600px;
    overflow-x:hidden;
    overflow-y: scroll;
}
.white-popup .left-rail .chat-head{

}
.chat-hr {
    color: #e1e5ee;
    margin-top: 20px;

}
.chat-disabled{
    color: #657b87;
    text-align:center;
}
.chat-date{

    background-color:white;
    padding:10px;
    text-align: center;
    margin:-30px auto 20px auto;
    width:120px;
}
.chat-list .chat-head{
    margin-top:5px;
    margin-left:5px;
    display:none;
}
.chat-box{
    background-color:#f0f3f8;
    padding:20px;
}
.chat-row{
}
.chat-box input[type=text]{
    border: thin solid #e1e5ee;
    border-radius:2px;
}
.chat-body{
    max-height: 595px;
    overflow-y: auto;
    min-height:200px;
    padding-bottom: 1em;
}
.chat-title{
    margin-top:25px;
}
.chat-panel i{
    font-size:15px;
}
.chat-select{
    padding-top:10px;
}
.chat-name{
    font-weight: bold;
    float:left;

}
.chat-time{
    color:#a8b7be;
    float:left;
    margin-left:15px;
}
.chat-message{
    clear:both;
}

.user-name{
    display: block;
    width: 520px;
    padding-left:50px;
    margin-top: 7px;
}
.user-line{
    border-bottom:thin solid #e1e5ee;
    width:100%;
    padding:10px 10px;
}
.chat-head{
    float:left;
    margin-right:5px;
}
.my-chat .chat-head{
    display:none;
}
.my-chat, .other-peoples-chat{

}
.chat-text{
    padding:5px 10px;
    width:90%;
    margin-bottom:10px;
    border-radius:10px;

}
.date-break{
    width: 100%;
    border-bottom:thin solid black;
    text-align: center;
    padding-top:5px;
    padding-bottom:5px;
}

.my-chat .chat-text{
    background-color:#f2f8f8;
    float:right;
    margin-right:10px;
}
.my-chat .inline-user-name{
    display:none;
}
.other-peoples-chat .chat-text{
    background-color: #e4f5ff;
    margin-left:10px;
    float:left;
}

.outside-card{
    margin-top:4px;
    margin-bottom:4px;
    background: white;
    border:thin solid #e6e9ee;
    border-radius:4px;
    padding:20px;
    text-align: left;
    color:black;
}
.daterangepicker, .daterangepicker.dropdown-menu{
    z-index: 50000;
}
.loading-gray-out{
    position: fixed;
    height:100%;
    width:100%;
    z-index: 9999;
    background-color: #0b0b0b;
    opacity: .5;
    top:0px;
}
.loading{
    position: fixed;
    width:100%;
    top:25%;
    height:250px;
    z-index: 10000;
    margin:auto;
}
.loading .panel{
     max-width:250px;
     margin:0px auto 0px auto;
     position: relative;
     text-align: center;
     background: white;
     border-radius:5px;

     color:black;
 }
.loading-text{
    margin-top:220px;
    font-size:25px;
    width: 100%;
    text-align: center;
}
.cog-wrapper{
    width: 200px;
    margin: auto;
    position: relative;
}
#cog-1{
    font-size:160px;
    position:absolute;
    left:35px;
    top:60px;
    animation-direction:reverse;
}
#cog-2{
    font-size:80px;
    position: absolute;
    left:10px;
    top:20px;
}
#cog-3{
    font-size:60px;
    position: absolute;
    left:0px;
    top:160px;
}
.user-search .user-photo{
    float:left;
}
.user-search{
    margin-top:5px;
    display:inline-block;
}
.selected .user-photo{
    border-radius:20px;
    height:20px;
    width:20px;
    margin:-2px 2px 0px auto;
    box-shadow:none;
    border:0px;
}
.select2-selection--single{
    padding-top:10px;
}
.select2-selection__choice .user-search {
    margin:auto;
}
.select2-selection__choice .selected .user-photo{
    margin:auto;

}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: normal;
}
.users + .select2 .selection .select2-selection.select2-selection--single{
    padding-top:0px;
}
.showing-more{
    display: none;
}
.icons-list > li > a.maxi-min,
.maxi-min{
    display:none;
}
.user-card{overflow:hidden;}
.user-card.recently-viewed-item {
    height: 103px;
}

.user-breakout.tier-1 {
    padding-left: 30px;
    display: block;

}
.user-breakout.tier-2{
    border-left: thin solid blue;
    padding-left: 30px;
    margin-left:40px;
}
.user-breakout.tier-3{
    border-left: thin solid red;
    padding-left: 30px;
    margin-left:80px;
}

.system-message{
    text-align: center;
     font-style: italic;
}
.new-task-card a.next,
.new-task-card a.save {
    float:right;
    margin-top:5px;
}
.new-task-card a.suppress-notifications {
    margin-right: 8px;
}
.new-task-card a.prev{
    float:left;
}

.new-task-card a.no-float,
.new-task-card i.no-float {
    float: none;
    margin: 0;
}

.new-task-card span.title{
    font-size:20px;
}
.new-task-card span.selection{

    display: inline;
    padding:0px;
    margin:0px;
}
.new-task-card .add-icon i{
    float:left;
}

.step-2, .step-3, .step-4, .step-5{
    display:none;
}
.prev {
    float: left;
    margin-bottom:5px;
}
.back-title{
    text-align:center;
    width: 80%;
    margin:auto;
}
.boldish{
    font-weight: 500;
}
.lorum-100{
    overflow:hidden;
    font-size:14px;
    height:100px;
}
.lorum-50{
    overflow:hidden;
    font-size:15px;
    height:50px;
}
.lorum::after{
    content: 'Lorum ipsum nam dui est aliquam ut vulputate sit amet, dictum nec sem. Fusce fermentum turpis non mi faucibus, a porta nunc pulvinar. Nunc bibendum aliquet massa at imperdiet. Etiam tincidunt blandit libero vel pulvinar. Vivamus laoreet nunc dolor, eget rutrum quam feugiat vel. Nullam ac egestas leo. Cras ac ligula arcu. aliquam ut vulputate sit amet, dictum nec sem. Fusce fermentum turpis non mi faucibus.'

}

.completion-check, .row a .fa.completion-check{
    position: absolute;
    color: white;
}

.file-frame {
    float: left;
    display: block;
    text-align: center;
    margin-right: 20px;
    color: #333;
    width: 140px;
    height: 135px;
    margin-bottom: 10px;
}

.file-frame .file-icon {
    margin-bottom: 8px;
}

.file-frame .file-info-field {
    word-wrap: break-word;
}

.recently-viewed-image.File i.fa {
    font-size: 50px;
    color: #333;
}

label.upload-label + input[type=file]{
    display:none;
}
.preview-frame {
    width: 100%;
    border:none;
    height:550px;
    text-align: center;
}

#modal-upload .plupload_start {
    display: none;
}
@media (min-width: 768px) {
    #modal-upload .plupload_filelist li.plupload_droptext:after {
        padding-top: 117px;
    }
}

.scorecard-client-data{
    display:none;
}

.col-md-3.center,
.col-md-4.center,
.col-md-6.center,
.col-md-8.center ,
.col-md-10.center {
    float: none;
    margin: 0 auto;
}
.bounceIn{
    animation: bounceInAnimation 2s ;
    display:block;
}
@keyframes bounceInAnimation{
  0%{
    opacity: 0;
    transform: scale(0.3) translate3d(0,0,0);
  }
  50%{
    opacity: 0.9;
    transform: scale(1.1);
  }
  100%{
    opacity: 1;
    transform: scale(1) translate3d(0,0,0);
  }
}

.survey-page-number {
    text-align: center;
}

.survey_vote_results_chart {
    margin:auto;
    width:150px;
}
.survey_vote_results_question_see_votes{

}
.maintenance-page .spinner-container {
    position: relative;
    height: 200px;
    width: 200px;
    margin-left: auto;
    margin-right: auto;
}

.maintenance-page #cog-1 {
    font-size: 160px;
    position: absolute;
    left: 60px;
    top: 40px;
}

.maintenance-page #cog-2 {
    font-size: 80px;
    position: absolute;
    left: 35px;
    top: 0;
}

.maintenance-page #cog-3 {
    font-size: 60px;
    position: absolute;
    left: 25px;
    top: 140px;
}

.maintenance-page .loading-text {
    margin-top: 0;
}

.menu-panel-group {
    z-index: 2;
}

.menu-panel-group .panel {
    border-radius: 0;
}

.menu-panel-group .panel-body {
    padding: 0;
}

.menu-panel-group .panel-title {
    font-weight: bold;
    text-transform: uppercase;
}
.channels-nav .menu-panel-group .panel-heading.close-mobile-menu, .close-mobile-menu{
    display:none;
}
.chat-area{
    padding-bottom:5px;
}
.menu-panel-group .panel-heading {
    padding: 20px;
}

.menu-panel-group{
    max-height: 620px;
    overflow-y: auto;
}
.menu-panel-group .audience .topic-select {
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    margin-top: 0;
}

.menu-panel-group .actions-panel {
    padding-top: 20px;
}

.menu-panel-group .actions-panel .btn {
    border-radius: 0;
}

@media screen and (max-width: 768px) {
    .menu-panel-group {
        position: fixed;
        width: 100%;
        left: 0;
    }
}

@media screen and (min-width: 769px) {
    .chat-menu-close-button {
        display: none;
    }
}

.no-gutter {
    padding-left: 0;
    padding-right: 0;
}

.chat-panel-body {
    padding-bottom: 0;
    padding-right: 0;
    padding-top:0;
}

.chat-panel-body .chat-actions .form-group {
    margin-bottom: 0;

}

.display-table-cell {
    display: table-cell;
}
.filter-clear.active{
    clear:both;
}

.filter-hide{
    display:none;
}

.filter-layout .form-group {
    margin-bottom: 23px;
    position: relative;
}

.filter-layout .form-group label {
    font-size: 14px;
}

.filter-layout .form-group input.date {
    width: 100%;
}

.filter-label{
    width:100%;
    height:17px;
    display: block;
}
.filter-search {
    text-align: center;
    position: relative;
}

.filter-search-buttons {
    position: absolute;
    right: 0;
    bottom: 0;
}

.filter-pull{
    position: absolute;
    bottom: -30px;
    width: 10%;
    min-width:200px;
    left: 40%;
    display: block;
    background-color: white;
    text-align: center;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px 0px, rgba(0, 0, 0, 0.24) 0px 1px 8px 0px;
    box-sizing: border-box;
    height: 30px;
    padding-bottom: 10px;
}
.filter-pull-top{
    top: -4px;
    width: 100%;
    height: 4px;
    background-color: white;
    position: relative;
}
textarea.form-control.chat-message-input {
    border-radius: 0;
    height: 38px;
    min-height: 38px;
    vertical-align: top;
}

.chat-actions .input-group-btn {
    vertical-align: top;
}

.chat-actions .input-group-btn .btn {
    margin-top: 0;
}

.chat-panel-body .chat-actions .form-group .input-group {
    display: table;
}

.chat-actions button {
    border-radius: 0 !important;
}

.hr-text-container {
    color: black;
}

.hr-text {
    line-height: 1em;
    position: relative;
    outline: 0;
    border: 0;
    color: black;
    text-align: center;
    height: 1.5em;
    opacity: 1;
    font-weight: bold;
}

.hr-text:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 1px;
    background-color: #ddd;
}

.hr-text:after {
    content: attr(data-content);
    position: relative;
    display: inline-block;
    padding: 0 .5em;
    line-height: 1.5em; 
    background-color: white;
    color: #657b87; /* @soft-grey */
    border-radius: 2px;
    border-left: 8px solid white;
    border-right: 8px solid white;
    font-size: 10px;
    font-weight: 500;
    line-height: 19px;
    padding-left: 6px;
    padding-right: 5px;
}
.panel-title .hr-text:after, .hr-text-bold:after{
    font-size:18px;
    color:#213241; /* @title-black */
}
.page-container hr.hr-text-bold{
    margin-top:15px;
}


.hr-text
.chat-select {
    white-space: nowrap;
}

.chat-left-col {
    display: inline-block;
    min-height: 1px;
    white-space: normal;
    vertical-align: top;
    margin-right: 20px;
    min-width: 40px;
}

.chat-left-col .timestamp {
    color: #aaa;
}

.chat-right-col {
    display: inline-block;
    white-space: normal;
    vertical-align: top;
}

.chat-right-col .username {
    font-weight: bold;
}

.chat-right-col .message-content {
    position: relative;
}

.chat-right-col .message-content i.editor {
    display: none;
}

.sent-by-user .chat-right-col .message-content:hover i.editor {
    display: block;
    position: absolute;
    left: -15px;
    top: 2px;
    opacity: .75;
}

.chat-right-col .message-content.was-edited::after {
    content: ' (edited)';
    opacity: 0.6;
}

.chat-select.suppress .user-avatar,
.chat-select.suppress .username,
.chat-select.suppress .timestamp {
    display: none;
}

.chat-room-panel .panel-heading {
    padding: 20px 30px;
}

.chat-room-panel .panel-title {
    font-weight: bold;
}

.task-listing-column .panel .panel-heading .panel-title{
    height:38px;
    font-size:15px;
    overflow:hidden;
}
.task-listing-column .panel  .panel-body .task-wrapper{
    padding-left:0px;
    overflow-y: auto;
    height:400px;
    padding-right:10px;
}
.task-listing-column .panel  .panel-body .task-wrapper li{
    margin-top:3px;
}

.no-resize {
    resize: none;
}

#agenda-editor-schedule {
    margin-bottom: 15px;
}

#agenda-editor-schedule th {
    text-align: center;
}

#agenda-editor-schedule td, #agenda-editor-schedule th {
    padding: 10px;
}


.survey_vote_results {
    margin-top: 1em;
    clear:both;
}
 

.question_info {
    clear: both;
}

.question_info_available_answers {
    margin-bottom: 20px;
}

.draggable_field_icon .fa {
    font-size: 20px;
    line-height: 1em;
    color: #000;
    top: calc(50% - 10px);
    left: 0;
    right: 0;
    position: absolute;
}

.available_answer .draggable_field_icon .fa {
    font-size: 14px;
    top: calc(50% - 7px);
}
.modal-body .form-group .draggable_field,
.draggable_field {
    display: flex;
}

.draggable_field .draggable_field_item {
    flex: 1;
}

.draggable_field .draggable_field_icon {
    flex: 0 0 30px;
    text-align: center;
    position: relative;
}

.question-indent {
    padding-left: 30px;
}
.survey_vote_results_question_title {
    font-weight: bold;
}

.survey_vote_results_question_vote {
    font-style: italic;
    font-weight:normal;
    clear:both;
}

.client_user_survey_response {
    margin-bottom: 1em;
}

.client_user_survey_response_question {
    font-weight: bold;
}
.notification-entry{
    padding:1px 0 10px 0;
}
.notifications-list-fixed {
}
.notifications-bell{
    margin-top:3px;
}
@media screen and (max-width: 1024px) {
    .notifications-list-fixed {
        height: auto
    }
}

.notification-description-container {
    width: 70%;
}

@media screen and (max-width: 1200px) {
    .notification-description-container {
        width: 60%;
    }
}

.notification-description {
    max-width: 100%;
}

.notification-description a {
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.notification-timestamp {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.notification-read {
    opacity: .5;
}
.notification-read:hover{
    opacity: 1;
}

.agenda-item a {
    padding-left: 0;
}

.task-meetings td {
    vertical-align: top !important;
}

.permissions-users .user-photo {
    margin-right: -15px;
    border: 3px solid white;
    border-radius: 25px;
    height: 50px;
    width: 50px;
}

.permissions-row {
    margin-left: 20px;
    padding-top: 10px;
    margin-top:-4px;
}

.permissions-title{
    margin-bottom:-5px;
}

.permissions-selector-panel {
    margin-top: 15px;
}

.agenda-item-time {
    display: inline-block;
    width: 100px;
}

.agenda-item-time-clear,
 .agenda-item-time-clear:focus,
 .agenda-item-time-clear:hover {
    margin-left: 10px;
    color: inherit;
}

.agenda-item .picker {
    position: static !important;
    z-index: 10000;
}

.agenda-item .picker--time {
    min-width: unset;
    max-width: unset;
}

#agenda-schedule.hide-notes .agenda-item-attachment.private {
    display: none;
}

.form-group-phone-number {
    display: flex;
}

.form-group-phone-number .phone_number_country {
    flex: 1;
}

.form-group-phone-number .phone_number {
    flex: 2;
}

.label_container {
    max-width: 200px;
}
.label_container.wide{
    max-width:100%;
}
.label_container .label {
    margin-bottom: 5px;
    white-space: normal;
}

.owner-container .svg-inline--fa {
    font-size: 2.3em;
    margin-left: -10px;
    transform: rotate(-25deg);
}

.ampmselect  {
    text-transform: lowercase;
}
.ranges .range_inputs {
    margin-top: -11px;
}

.chat-message-input-counter {
    text-align: right;
    display: none;
}

.notification-settings {
    padding-bottom: 0.5em;
    margin-left: 50px;
}
.collapse-overflow, .list-date{
    text-overflow: ellipsis;
    max-width: 200px;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
}
.collapse-overflow.wide {
    max-width: 550px;
    white-space: normal;
    max-height: 4.7em;
}
.collapse-overflow:hover{}

.task-table-body tr td .collapse-overflow{
    width:400px;
    max-width:400px;
}
.task-table-body tr td .list-date{
    width:85px;
}
.task-table-body tr td .dtr-data .collapse-overflow{
    width:auto;
}
 .dataTable .collapse-overflow {
    vertical-align: middle;
 }

.datatable-documents.table > tbody > tr > td {
    vertical-align: top;
}

.document_file_path_title_item {
    position: relative;
}

.document_file_path_title_children {
    display: none;
    position: absolute;
    left: 0;
    top: 1.2em;
    background-color: white;
    z-index: 100;
}

.document_file_path_title_children_item {
    padding: 3px 10px;
    border: 1px solid #bbb;
    border-bottom-width: 0;
}

.document_file_path_title_children_item:last-child {
    border-bottom-width: 1px;
}

.document_file_path_title_item:hover .document_file_path_title_children {
    display: block;
}

.document-filters-item-parent {
    margin: 4px 0;
    overflow: hidden;
}

.document-filters-item-parent .fa-2x {
    font-size: 1.7em;
}

#my-documents-search-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
 
.do-not-disturb .flex-row-item,
#number-list .flex-row-item {
    text-align: center;
}

.task-completion-grid {
    width: 100%;
    margin-bottom: 25px;
}

.task-completion-grid td {
    padding-bottom: 6px;
}

.task-completion-grid td.completion-actions {
    text-align: right;
}

.task-completion-grid input.time {
    width: 60px;
    display: inline-block;
}

.task-completion-grid select.time-unit {
    width: 100px;
    display: inline-block;
}

.complete-section .user-info {
    width: 50%;
}

.complete-section .completion-check {
    margin-left: -25px;
    margin-top: 20px;
}

.task-completion-row.removed {
    opacity: .5;
}

.task-completion-grid td.note-column {
    width: auto;
    text-align: center;
}

.flex-match-height {
  display: flex;
  flex-wrap: wrap;
}

.flex-match-height > .flex-match-height-item {
   display: flex;
   flex-direction: column;
}

.chat-container {
    display: flex;
}

.messages-channels {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24)
}

.messages-channels .content-group-lg {
    margin-bottom: 0 !important;
}

.messages-chat .panel {
    margin-bottom: 0;
    height: 100%;
}

.page-container .panel.chat-room-panel {
  position: relative;
  display: flex;
  flex-direction: column;
  height: 100%;
  background-color: white;
  max-height:705px;
}

.chat-room-panel .panel-heading,
.chat-room-panel .chat-actions {
  flex: 0 0 auto;
}

.chat-room-panel .panel-body {
  flex: 1 1 auto;
}

.chat-room-panel .chat-actions .form-group {
    margin-bottom: 0;
}

.chat-room-panel .panel-heading .icons-list {
    float: right;
}
.select-group {
    text-transform: uppercase;
    font-weight: bold;
}

.select-group-child {
    padding-left: 25px;
}

.table-sort-icon {
    text-align: center;
    font-size: 1.2em;
}

.table-column-narrow {
    width: 150px;
}

.fc-event:focus {
  color: #fff;
}

#dashboard_blocks,
.dashboard_block {
    padding-left: 0;
    padding-right: 0;
}
.dashboard_block > .panel {
    border:none;
    box-shadow: none;
}
.loading-body{

}
@media (max-width: 1024px) {
    .dashboard_block {
        width: 100%;
    }
}

#generic-permission-details {
    padding-left: 11px;
    position: relative;
}

.generic-permissions-summary-row {
    display: inline-block;
    position: relative;
    width: 100%;
    background-color: #0000;
    padding-left: 15px;
    padding-right: 12px;
    padding-bottom: 17px;
}

.generic-permissions-row {
    padding-top: 11px;
    padding-left: 11px;
    padding-bottom: 1px;
    display: inline-block;
    width: 100%;
    margin-bottom: 8px;
    border-radius: 2px;
    background-color: #ebedf0;
}

.generic-permissions-title {
    font-size: 12px;
    font-weight: 500;
    color: #657b87;
    margin-bottom: -5px;
}

.generic-permissions-title a {
    margin-right: 3px;
    display: inline-block;
}

.generic-permissions-title i {
    font-size: 12px;
    color: #657b87;
}

.generic-permissions-users {
    position: relative;
    top: -3px;
    padding-top: 16px;
    padding-left: 5px;
}

.generic-permissions-users a.user {
    position: relative;
    display: inline-block;
    width: 32px;
    height: 32px;
    float: left;
    vertical-align: top;
    margin-left: 0;
    margin-right: 11px;
    margin-bottom: 5px;
}

.generic-permissions-users a.user img {
    border: solid 1px #0000001a;
    border-radius: 100%;
    height: 100%;
    width: 100%;
    display: inline-block;
}

.generic-permissions-type-panel {
    display: none;
    padding-top: 1em;
}

.select2-selection--multiple:before {
    z-index: 2;
    position: absolute;
    pointer-events: none;
    right: 8px;
    content: '\e9c5';
    color: #657b87;
    font-family: 'icomoon';
    display: block;
    font-size: 22px;
    width: 16px;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    top: 7px;
}

select[multiple=multiple].hide-on-load {
    display: none;
}

.select2-selection:not(.select2-selection--multiple) {
  height: 36px;
}

.select2-selection--single .select2-selection__arrow:after {
    font-size: 22px;
    right: 8px;
    color: #657b87;
}

#metrics-page .col-md-4 {
    margin-bottom: 47px;
    padding-bottom: 10px;
}

#metrics-page .col-md-8 {
    margin-top: -47px;
}

#document-counter-span{
    margin-left:7px;
    margin-top:7px;
}
.tag-display {
    border-radius: 2px;
    background-color: #657b8733;
    border: solid 1px #657b8733;
    font-size: 9px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #657b87;
    padding: 2px 5px 1px 5px;
}

.navbar-inverse .navbar-nav .open .dropdown-menu a:not(.notification-description > a) {
    color: #191d1f !important;
}
.permissions-control.border-danger-600{
    border: thin solid #e53935;
    padding: 10px;
}

.select2-selection--multiple:not([class*=bg-]) .select2-selection__choice {
    background-color: #F6F7F8;
    border: none;
    border-radius: 2px;
}

.tab-content table textarea {
    resize: none;
}

.tab-content table.centered-table tr {
    text-align: center;
}

#process-form .panel-body .panel-form-content {
    max-width: 600px;
}

tbody td .dtr-data .icons-list {
    text-align: left;
}

tbody td > a, tbody td > a {
    font-size: 13px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color:#3f4d54;
}
tbody td > a:hover, tbody td > a:focus {
    text-decoration: underline;
}

tbody td > a.icon:hover, tbody td > a.icon:focus {
    text-decoration: none;
}

.metric-panel {
    border-radius: 2px;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.12);
    background-color: white;
    border: solid 1px #dcdfe5;
    margin-bottom: 20px;
}

p.empty-doc, p.empty-task, p.empty-event, p.empty-survey {
    margin-top: 9px;
    margin-bottom: 4px;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #657b87;
}

i.empty-doc, i.empty-task, i.empty-event, i.empty-survey {
    font-size: 28px;
    font-weight: 300;
    color: #657b87;
    right: -5px;
    position: relative;
}
i.empty-event.empty-notification{
    font-weight: normal;
} 
.cal-mini .check-circle {
  background-color: #2eb872;
  position: absolute;
  margin-left: 21px;
  font-size: 15px;
  margin-top: 22px;
  border-radius: 100%;
  width: 16px;
  height: 16px;
  z-index: 1;
} 
.cal-mini .completion-check {
    color: #FFFFFF;
    font-size: 10px;
    line-height: 16px;
    margin-top: 1px;
    margin-left: -5px;
}

.auto-complete .check-circle{
    background-color: #722EB8;
    position: absolute;
    margin-left: 24px;
    font-size: 15px;
    margin-top: 22px;
    border-radius: 100%;
    width: 16px;
    height: 16px;
    z-index: 1;
}
.auto-complete .completion-check{
    color: #FFFFFF;
    font-size: 10px;
    line-height: 16px;
    margin-top: 1px;
    margin-left: -3px;
}

.tab-pane .round-button.save {
    margin-top: 20px;
}

.round-button.add-area.add-area-margin {
    margin-bottom: 5px;
}

.item-comparison-details-items .form-group {
    display: flex;
}

.item-comparison-details-items .form-group .item-comparison-radio {
    flex: 0 0 20px;
}

.item-comparison-details-items .form-group .item-comparison-value {
    flex: 1;
    overflow:hidden;
}

.item-comparison-radio {
    padding-right: 5px;
}

.item-comparison-details-items-no-change input[type=radio] {
    display: none;
}

.item-comparison-details-items-no-change {
    opacity: 0.6;
}

.details .description {
    display: inline-block;
    width: 100%;
}

.details .description p {
    font-size: 13px;
    color: #3f4d54;
    margin-bottom: 0px;
    line-height: 16px;
}

.details .description a {
    font-size: 13px;
    font-weight: 500;
    color: #3f4d54;
    text-decoration: underline;
}

.details .description:hover {
    background-color:#FFFFFF;
}

.focus-wrap, .process-wrap {
    width: 536px;
    margin-top: 20px;
    display: inline-block;
    border-radius: 2px;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
    background-color: white;
    border: solid 1px #dcdfe5;
    box-sizing: border-box;

}

.focus-tasks, .process-tasks {
    align-items: flex-start;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
}

.chart-panel {
    padding: 15px;
    float: left;
    width: 44% !important;
    overflow: auto;
}
.staging-login .panel-heading, .staging-login.menu{
    background-color:#2E4E99;
}
.syneos-login .panel-heading, .syneos-login.menu{
    background-color:#eb3300;
}

.owner-tag {
    background-color: #2E4E99;
}

.participant-tag {
    background-color: #51C6F0;
}

.ui-pnotify.ui-pnotify-fade-normal.ui-pnotify.ui-pnotify-move.pnotify-concinnity.ui-pnotify-inline {
    margin-bottom: 20px;
    position: sticky;
}

.task-listing-column .panel-heading .form-control {
    float: left;
}

 .task-listing-column.task-listing-column-copied .panel-heading .form-control {
    width: 80%;
}
 
 .task-listing-column .panel-heading .tag {
    float: right;
}
.btn-primary {
    display: inline-block !important;
    background-color: #657b87 !important;
    border: 1px solid transparent !important;
    color: white !important;
    font-size: 10px !important;
    font-weight: bold !important;
    line-height: 34px !important;
    padding: 0 12px 0 11px !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
}

tr.inactive-row td.inactive-item {
    opacity: 0.8;
}

.icons-list .dropdown .dropdown-menu li a i {
    margin-top: 0;
}

.icons-list .dropdown .dropdown-menu.dropdown-basic li a i {
    margin-top: 3px;
    margin-right: 10px;
}

.plupload_add {
    display: none;
}
.modal-footer .round-button--white:hover {
    border-color: #191d1f;
}
#config .panel {
    margin-bottom: 0;
}

.dropdown-menu.dropdown-menu-right.dropdown-wide {
    min-width: 190px;
}

.dropdown-menu.dropdown-menu-top-auto {
    top: auto;
}

.plupload_delete .plupload_file_action a:before{
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: "\f2ed";
}

table#events  thead th, table#events tbody td {
    text-align:center;
}

table#events thead th:first-child, table#events tbody td:first-child {
    text-align: left;
}

.datatable-workflows > tbody td .icons-list {
    padding-left: 15px;
}

.datatable-workflows > tbody td .icons-list .dropdown-toggle i,
.datatable-workflow-tasks > tbody td .icons-list .dropdown-toggle i {
    font-size: 24px;
    font-weight: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color:#657b87;
}
.page-container.new-bar{
    text-align: center;
    background-color:#2eb872;
    margin:-10px auto 0 auto ;
    padding:5px;
    font-size:16px;
    color:white;
    border-radius:0 0 2px 2px;
}
.page-container.new-bar a{
    color:white;
}
.agenda-line-item-title{
    line-height: 25px;
}
.agenda-line-item-title-text{
    line-height: 25px;
    vertical-align: bottom;
}
.agenda-line-item-visibility{
    background-color:#d3e0ed;
    color: #444a7d;
    font-size:11px;
    font-weight: 500;
    border-radius: 10px;
    padding:5px;

}

.dataTables_filter .hide-inactive-container {
    display: inline-block;
    padding-left: 15px;
}

.dataTables_filter .hide-inactive-checkbox {
    width: 15px;
    height: 15px;
    padding: 0;
    border: none;
    position: relative;
    top: 4px;
    margin-right: 4px;
}
.dataTables_filter .hide-inactive-checkbox:focus {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.dataTables_filter .hide-inactive-checkbox,
.dataTables_filter .hide-inactive-checkbox-label {
    cursor: pointer;
}

.task-listing-column h3.panel-title {
    height: 38px;
}

.task-listing-column .form-control {
    float: none !important;
    display: inline-block;
    width: auto;
}

.copy-workflow-conflicts {
    list-style-type: none;
    padding-left: 0;
    margin-top: 15px;
}

.copy-workflow-conflicts i.conflict {
    color: red;
}

.copy-workflow-conflicts i.resolved {
    color: green;
}

.copy-workflow-conflicts li {
    margin-top: 5px;
}

.conflict-resolver .option-list .choice {
    margin-top: 10px;
    margin-bottom: 10px;
}

.conflict-resolver .option-list label {
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 5px;
    vertical-align: middle;
    cursor: pointer;
}

.conflict-resolver .option-list .select2.select2-container.select2-container--default {
    margin-left: 20px;
    width: 92% !important;
}

.conflict-resolver .task-description {
    margin-left: 8px;
}

.conflict-resolver .object-description {
    background-color: #F6F7F8;
    padding: 8px 0 8px 8px;
    margin-bottom: 16px;
}

.conflict-resolver .task-description label,
.conflict-resolver .object-description label {
    font-weight: bold;
}

.checker + label{
    margin-top:3px;
    margin-left:5px;
}
.checker input{
    width:25px;
    height:25px;
}
.conflict-resolver .checker {
    margin-top: 8px;
    margin-bottom:8px;
}

.conflict-resolver label[for=role-resolution-always],
.conflict-resolver label[for=focus-resolution-always],
.conflict-resolver label[for=roles-users-resolution-always],
.conflict-resolver label[for=tag-resolution-always] {
    margin-top: 8px;
    margin-left: 4px;
}

.copy-workflow-conflicts li.resolved {
    color: green;
}

.copy-workflow-conflicts li.resolved a {
    pointer-events: none;
    color: inherit;
}

#submit-resolution.disabled {
    pointer-events: none;
}

.no-agenda{
    margin:auto;
    text-align:center;
    display:block;

}
.loader{
    display:block;
    height:500px;
}
.solid-back{
    background-color:white;
    padding:5px;
    border-radius: 3px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0 1px 8px rgba(0, 0, 0, 0.24)

}
.plupload_delete a:after{
    content:'';
}
.plupload_filelist:empty:after,
.plupload_filelist li.plupload_droptext:after {
  content: 'Click here or drag files to upload';
 }

 @media (max-width: 768px) {
     .file-upload-browse-folder {
         display: none;
     }
 }
.dropzone {
    display:none;
	box-sizing: border-box;
	position: fixed;
	width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
	background-color: rgba(81,207,240, .8);
	border: 11px dashed #51cff0;
}
.drop-zone-text{
    color:white;
    font-size:40px;
    width:275px;
    margin:20% auto 0 auto;
    height:50px;
}
.block-wrapper{
    position: relative;
    display:block;
}
.focus-banner{
    position: absolute;
    background-color: white;
    top:0;
    bottom:0;
    left:0;
    right:0;
    padding: 0;
    margin: 0;
    opacity: .8;
    font-size: 20px;
    z-index: 1000;
    display:none;
    border:none;
}
.demo-banner{
    position: absolute;
    background-color: white;
    color: #e55531;
    padding: 10px;
    opacity: .8;
    font-size: 20px;
    z-index: 1000;
    margin-top:35px;
    margin-left:50px;
    border:thin solid #333;
    transform: rotate(-30deg);
}
 .panel-title > a.round-button:not(.round-button--white) {
   color:white;
 }

.slick-prev {
    left: -40px;
    z-index: 1;
    width: 50px;
    height: 50px;
}

.slick-next {
    right: -40px;
    z-index: 1;
    width: 50px;
    height: 50px;
}
.slick-next:before, .slick-prev:before{
    font-size:50px;
    color: #222;
}



.slick-slide .col-md-3,
.slick-slide .col-md-4 {
    width: 100%;
}
.slick-slide .col-md-6,
.slick-slide .col-md-12{
    width:100%;
    padding:0px 10px;
}
.slick-slide:not(.slick-center) .focus-banner {
    display:block;
}
.slick-dotted.slick-slider{
    margin-bottom:0px;
}
.slick-dots{
    display:none !important;
}
.fc-scroller{
    /*height:auto !important;
    min-height: 120px;*/
}
.note-dialog .modal-dialog{ z-index:1050; }

.modal .trigger-options .days-option {
    width: 200px !important;
}

.modal input[name=days-amount] {
    width: 148px !important;
    display: inline-block !important;
}

.modal .modal-dialog.modal-xl {
    width: 100%;
}
@media (min-width: 1200px) {
    .modal .modal-dialog.modal-xl {
        width: 1200px;
    }
}

#trigger-config-modal .modal-body .form-group label {
    color: #3f4d54;
}

.copy-link {
    color: #3f4d54;
}

.copy-link:hover {
    color: #3f4d54;
}

#agenda-schedule_wrapper {
    margin: 0px;
}

#join-call {
    background-color: #2eb872; 
}

#join-call:hover {
    background-color: #228956;
}

#join-call[disabled] {
    cursor: initial;
}

#join-call[disabled]:hover {
    background-color: #2eb872;
}

#join-call i {
    margin:0px 1px 0px 0px;
    top:2px;
    color:white;
    background-color:transparent;
}

.panel.meeting-panel .panel-heading .panel-title.fancy-title {
    padding-bottom: 10px;
}

.meeting-panel .meeting-time {
    font-weight: normal;
}

.meeting-item {
    margin-bottom: 20px;
}

.meeting-item .minutes-row {
    margin-bottom: 10px;
}

.meeting-item .minutes-row .doc-line-icon i {
    font-size: 35px;
}

.meeting-item .minutes-row .attachment-info .task-title {
    font-size: 16px;
}

.fancy-panel .panel-body .meeting-item .far {
    margin-top: 0px;
}

.meeting-participants.people .user {
    position: relative;
}

.meeting-participants.people .user.accepted .accepted,
.meeting-participants.people .user.declined .declined,
.meeting-participants.people .user.attended .accepted,
.meeting-participants.people .user.missed .declined {
    position: absolute;
    top: 35px;
    right: 0;
    border-radius: 50%;
    color: white;
    width: 16px;
    height: 16px;
}

.meeting-participants.people .user.attended .accepted {
    background-color: #2eb872;
}

.meeting-participants.people .user.missed .declined {
    background-color: #e85531;
}

.meeting-participants.people .user.accepted .declined,
.meeting-participants.people .user.attended .declined,
.meeting-participants.people .user.declined .accepted,
.meeting-participants.people .user.missed .accepted,
.meeting-participants.people .user.awaiting .accepted,
.meeting-participants.people .user.awaiting .declined {
    display: none;
}

.meeting-participants.people .user.accepted .accepted,
.meeting-participants.people .user.attended .accepted,
.meeting-participants.people .user.declined .declined,
.meeting-participants.people .user.missed .declined {
    display: inline-block;
}

.meeting-participants.people .user .owner-photo .accepted,
.meeting-participants.people .user .owner-photo .declined {
    top: 35px;
}

.meeting-participants.people .user .accepted i,
.meeting-participants.people .user .declined i {
    position: absolute;
    top: 1px;
    background: none;
    margin-top: 0;
    color: white;
    line-height: 16px;
    font-size: 10px;
    font-weight: 900;
    left: 3px;
}

.meeting-participants.people .user.view-meeting-page .accepted i,
.meeting-participants.people .user.view-meeting-page .declined i {
    left: -2px;
}

.meeting-participants.people .user .photo-overlay {
    position: absolute;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    background-color: white;
    opacity: 0.5;
    top: 0;
}

.meeting-participants.people .user.accepted .photo-overlay,
.meeting-participants.people .user.attended .photo-overlay,
.meeting-participants.people .user.declined .photo-overlay,
.meeting-participants.people .user.missed .photo-overlay {
    display: none;
}

.meeting-detail .dropdown-menu a {
    text-decoration: none;
}

.meeting-participants .check-circle {
    width: 18px;
    height: 18px;
}

.meeting-participants.people .user.accepted .check-circle,
.meeting-participants.people .user.declined .check-circle {
    background-color: #C0CACF;
}

.meeting-participants.people .user .declined i,
.meeting-participants.people .user.missed i {
    font-size: 12px;
}

.modal-meeting-details {
    font-size: 15px;
    color:#3f4d54;
    margin-bottom: 5px;
}

.modal-join-call[disabled] {
    cursor: initial;
}

.modal-join-call[disabled]:hover {
    background-color: #657b87;
}

.confirm-role-row {
    margin-bottom:30px;
    background-color:#F6F7F8;
    padding:10px;
}

.note-editor .note-toolbar {
    position: relative !important;
    top: 0px !important;
    width: 100% !important;
}

#modal-mobile-edit:before {
    height: 50%;
}

#box-chart i.counter-icon {
    position: relative;
    top: -105px;
}

#box-chart div.counter-icon {
    position: relative;
    position: relative;
    margin: auto;
    top: -110px;
}

#member_edit_form li.dropdown {
    z-index: 2;
}

@media (max-width: 800px) {
    #processes-tab #task-form .panel-body .save {
        margin: 0px 18px 20px 0px;
    }
}

#manage-blocks {
    position:relative;
    margin-bottom:5px;
}

.schedule-panel .fc-list-view .fc-list-table tbody {
    width: 100%;
}

.hide-print {
    margin-bottom: 10px;
}

#meeting-details-form .form-group {
    margin-bottom: 21px;
}

.half.right .label.label-default {
    margin-bottom:5px;
}

.document-tags .select2-selection {
    border-radius: 2px;
    padding: 4px 11px;
    border-bottom: solid 1px rgba(101, 123, 135, 0.3);
    box-shadow: 0 1px 6px 0 rgba(101, 123, 135, 0.12), inset 0 0 8px 0 rgba(101, 123, 135, 0.3);
}

.document-details-row {
    display: flex;
    flex-direction: row;
    width: 100%;
}

.home .multiselect, #gallery .multiselect {
    font-size: 13px;
    color: #657b87;
}

.home .multiselect:hover, #gallery .multiselect:hover {
    color: black;
}

#document-permission-details .owner-select {
    margin-left: 25px;
    width: 85%;
}

#meeting_report_data_container {
    padding: 1rem;
}
.attendance-chart-td {
    width:140px;
}
.attendance-chart-td .user-photo{
    width: 100px;
    height: 100px;
    margin-top: -181px;
}

.green {
    color: green;
}

.red {
    color: #de2a2f;
}

.truncate-button {
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.fresh-chat-custom-expanded{}
.fresh-chat-custom-open{}

.body--messages .fresh-chat-custom-frame {
    bottom: 40px !important
}
.bp-icon-file{
    display:block;
    margin:auto;
    width:160px;
}

.fa-trash-alt, .fa-pencil {
    cursor: pointer;
}

.client-create-container .create-section-title {
    margin-top: 20px;
}

.client-create-container input[type="checkbox"] {
    vertical-align: top;
}

.client-create-container .select-all-container {
    margin: 8px 0px 4px 10px;
    padding-bottom: 4px;
    border-bottom: 1px solid #ddd;
}
.client-create-container .skip {
    margin: 8px 0px 4px 10px;
    padding: 4px 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.client-create-container .tree-item-children,
.client-create-container .grouped-item-children {
    margin-left: 25px;
}

.cc-modal {
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 8000;
}


.progress-bar {
    -webkit-animation: progress-bar-stripes 1s linear infinite;
    animation: progress-bar-stripes 1s linear infinite;
    background-image: linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
    background-size: 1.125rem 1.125rem;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff;
    text-align: center;
    white-space: nowrap; 
    transition: width .6s ease;
    height:20px;
    clear:both;
}

.note-icon-rollback:before {
    content: "\f126";
}

.note-icon-float-left:before {
    content: "\f104";
}

.note-icon-float-right:before {
    content: "\f106";
}

.panel-page-heading {
    margin-top: -20px;
}

.unhide-password-button {
    position: absolute;
    right: 10px;
    top: 28px;
    color: #657b87;
    cursor: pointer;
}

.permission-denied-container {
    min-height: 85px;
}

.permission-denied-lock {
    position: absolute;
    left: 20px;
    top: 35px;
}

.permission-denied-message {
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 20px;
}
.tooltip.top{
    margin-top: 3px;
    
}
.tooltip.right{
    margin-left:1px;
}
.task-div{
    width:150px;
    height:20px;
    overflow:hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    
}

.ck-balloon-panel{
    z-index:10050 !important;
}

.password-wrapper {
    position: relative;
}

.password-wrapper .revealer {
    position: absolute;
    top: 12px;
    right: 8px;
}

.inside-validator-field {
    position: relative;
}

.inside-validator-field .validator-status {
    position: absolute !important;
    top: 10px !important;
    right: 0px !important;
}

.password-wrapper #password {
    padding-right: 28px !important;
}

.password-wrapper .revealer:hover {
    cursor: pointer;
}
.sponsor-logo{
    height:90px;
}

.panel.alert-info {
    border-left: 4px solid #2196f3;
}

.panel.alert-warning {
    border-left: 4px solid #ff9800;
}

.panel.alert-urgent {
    border-left: 4px solid #f44336;
}

.empty-value {
    color: rgba(51, 51, 51, .5);
}
.panel-title > a.blue-link{
    color: #2196f3;
}