
#settings-tabs.nav-tabs > li.active > a,
#settings-tabs.nav-tabs > li.active > a:hover,
#settings-tabs.nav-tabs > li.active > a:focus {
    background: #fff;
}

.show-after-action {
    display: none;
}
.show-after-action-block {
    display: block !important;
}

.offers-top {
    margin-top: 30px;
}

.offers-top-modal {
    margin-top: 10px;
}

.offers-button-1 {
    padding: 32px 12px;
}
.offers-button-2 {
    padding: 22px 12px;
}
.offers-button-1-modal {
    padding: 15px 12px;
}
.offers-button-2-modal {
    padding: 5px 12px;
}

.calendar {
    width: 700px;
    display:inline-block;
}
.calendar-left {
    display: inline-block;
    width:205px;
    vertical-align: top;
}

.fc-sat, .fc-sun {
    background-color: #eee !important;
}

#external-events {
    padding: 0 10px;
    border: 1px solid #ccc;
    background: #eee;
    text-align: left;
}

#external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em;
    text-align:center;
}

#external-events .fc-event {
    margin: 10px 0;
    cursor: pointer;
    text-align: center;
}

#external-events .calendar-trash {
    margin: 10px 0;
    cursor: pointer;
    text-align: center;
}

#external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666;
}

#external-events p input {
    margin: 0;
    vertical-align: middle;
}

#calendar {
    width: 700px;
    padding-left:20px
}

.fc-toolbar {
    display:none;
}

.fc-title {
    text-align:center;
}

.calendar-trash {
    background: #E8F3FC;
    border: 1px solid #ccc;
    padding: 160px 20px;
}

.fc-resizer {
    display:none;
}

.calendar-wrapper ul {
    padding-left:20px;
}

.calendar-wrapperli {
    margin-bottom: 5px;
}

.slotsheader {
    color: #1ab394;
    font-size: 20px;
    margin: 15px -28px 30px;
    font-weight: 600;
}

.slotsresponse {
    display: inline-block;
    min-width:171px;
    width: 50%;
}

.slotsresponseinput {
    margin-bottom: 0!important;
    min-width:161px;
}

.showslotsresponse {
    margin:auto;
    width:100%;
    max-width:450px;
}

#howitworks {
    text-align:left;
    margin-top:20px;
    font-size: 13px;
}

.filter
{
    font-weight: 600;
    font-size: 12px;
    display: inline-block;
    width: 67px;
    vertical-align: middle;
}

.filterbutton {
    padding: 0;
    margin-right: 3px;
}

.filterbutton div {
    margin: 0;

}

.filterbutton div label {
    padding: 6px 5px 6px 23px;
    font-size: 11px;

}

.filterbutton .checkbox input[type=checkbox] {
    margin-left: -17px;
}

.filterbutton input[type=checkbox] {
    margin-top: 2px;
}


.filterbutton2 {
    padding: 0;
    margin-right: 3px;
}

.filterbutton2 div {
    margin: 0;

}

.filterbutton2 div label {
    padding: 6px 6px 6px 26px;
    font-size: 13px;

}

.filterbutton2 .checkbox input[type=checkbox] {
    margin-left: -20px;
}

.filterbutton2 input[type=checkbox] {
    margin-top: 2px;
}

.profile-image-xs {
    width: 20px;
    height: 20px;
}
.profile-image-s {
    width: 60px;
    height: 60px;
}
.profile-image {
    max-width: 120px;
    max-height: 90px;
}
.profile-image-fit {
    width: 100%;
}
.required {
    color: red;
}
.label-skill {
    margin-right: 5px;
    text-transform: uppercase;
}
.cropArea {
    background: #E4E4E4;
    width:300px;
    height:300px;
    overflow:hidden;
}
.page-signup {
    margin-left:0 !important;
}
.navbar-signup {
    display:none !important;
}
.pricing-plan {
    margin: 20px 15px 0 15px;
    border: 1px solid #1c84c6;
    border-radius: 4px 4px 0 0;
}
.pricing-plan.selected {
    transform: scale(1.1);
    background: #f4f4f4 ;
}
.pricing-plan li {
    padding: 10px 16px;
    border-top: 1px solid #e7eaec;
    text-align: center;
    color: #aeaeae;
    font-size:15px;
}

.pricing-plan li small{
    font-size:12px;
}
.pricing-plan .pricing-price span {
    font-weight: 700;
    color: #1c84c6;
}
li.pricing-desc {
    font-size: 15px;
    border-top: none;
    padding: 20px 16px ;
}
li.pricing-title {
    background: #1c84c6;
    color: #fff;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
}
.hide-loading {
    display:none;
}

.pointer {
    cursor: pointer;
}

.btn-interest-disabled:disabled {
    background-color: #1c84c6;
    border-color: #1c84c6;
    color: #FFFFFF;
}

.danger {
    color: #d9534f;
}
.warning {
    color: #f0ad4e;
}

.pf-line {
    line-height: 40px;
}
.m-pf {
    margin-right: 10px;
}

@font-face {
    font-family: 'et-line';
    src:url('/css/fonts/et-line.eot');
    src:url('/css/fonts/et-line.eot?#iefix') format('embedded-opentype'),
    url('/css/fonts/et-line.woff') format('woff'),
    url('/css/fonts/et-line.ttf') format('truetype'),
    url('/css/fonts/et-line.svg#et-line') format('svg');
    font-weight: normal;
    font-style: normal;
}

.black {
    color: #676a6c !important;
}

.description {
    white-space: pre-line;
    background: inherit;
    border: none;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    padding: 0;
    margin: 0;
}

.option {
    text-align: center;
    display: inline-block;
    max-width: 200px;
    text-align: center;
    border: lightgrey 1px solid;
    padding: 35px;
    margin: 25px 15px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 14px;
}

.option_selected {
    background-color: #FAFAFA;
}

.option:hover
{
    background-color: #FAFAFA;
    cursor: pointer;
}




/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'et-line';
    content: attr(data-icon);
    speak: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display:inline-block;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-mobile, .icon-laptop, .icon-desktop, .icon-tablet, .icon-phone, .icon-document, .icon-documents, .icon-search, .icon-clipboard, .icon-newspaper, .icon-notebook, .icon-book-open, .icon-browser, .icon-calendar, .icon-presentation, .icon-picture, .icon-pictures, .icon-video, .icon-camera, .icon-printer, .icon-toolbox, .icon-briefcase, .icon-wallet, .icon-gift, .icon-bargraph, .icon-grid, .icon-expand, .icon-focus, .icon-edit, .icon-adjustments, .icon-ribbon, .icon-hourglass, .icon-lock, .icon-megaphone, .icon-shield, .icon-trophy, .icon-flag, .icon-map, .icon-puzzle, .icon-basket, .icon-envelope, .icon-streetsign, .icon-telescope, .icon-gears, .icon-key, .icon-paperclip, .icon-attachment, .icon-pricetags, .icon-lightbulb, .icon-layers, .icon-pencil, .icon-tools, .icon-tools-2, .icon-scissors, .icon-paintbrush, .icon-magnifying-glass, .icon-circle-compass, .icon-linegraph, .icon-mic, .icon-strategy, .icon-beaker, .icon-caution, .icon-recycle, .icon-anchor, .icon-profile-male, .icon-profile-female, .icon-bike, .icon-wine, .icon-hotairballoon, .icon-globe, .icon-genius, .icon-map-pin, .icon-dial, .icon-chat, .icon-heart, .icon-cloud, .icon-upload, .icon-download, .icon-target, .icon-hazardous, .icon-piechart, .icon-speedometer, .icon-global, .icon-compass, .icon-lifesaver, .icon-clock, .icon-aperture, .icon-quote, .icon-scope, .icon-alarmclock, .icon-refresh, .icon-happy, .icon-sad, .icon-facebook, .icon-twitter, .icon-googleplus, .icon-rss, .icon-tumblr, .icon-linkedin, .icon-dribbble {
    font-family: 'et-line';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display:inline-block;
}
.icon-mobile:before {
    content: "\e000";
}
.icon-laptop:before {
    content: "\e001";
}
.icon-desktop:before {
    content: "\e002";
}
.icon-tablet:before {
    content: "\e003";
}
.icon-phone:before {
    content: "\e004";
}
.icon-document:before {
    content: "\e005";
}
.icon-documents:before {
    content: "\e006";
}
.icon-search:before {
    content: "\e007";
}
.icon-clipboard:before {
    content: "\e008";
}
.icon-newspaper:before {
    content: "\e009";
}
.icon-notebook:before {
    content: "\e00a";
}
.icon-book-open:before {
    content: "\e00b";
}
.icon-browser:before {
    content: "\e00c";
}
.icon-calendar:before {
    content: "\e00d";
}
.icon-presentation:before {
    content: "\e00e";
}
.icon-picture:before {
    content: "\e00f";
}
.icon-pictures:before {
    content: "\e010";
}
.icon-video:before {
    content: "\e011";
}
.icon-camera:before {
    content: "\e012";
}
.icon-printer:before {
    content: "\e013";
}
.icon-toolbox:before {
    content: "\e014";
}
.icon-briefcase:before {
    content: "\e015";
}
.icon-wallet:before {
    content: "\e016";
}
.icon-gift:before {
    content: "\e017";
}
.icon-bargraph:before {
    content: "\e018";
}
.icon-grid:before {
    content: "\e019";
}
.icon-expand:before {
    content: "\e01a";
}
.icon-focus:before {
    content: "\e01b";
}
.icon-edit:before {
    content: "\e01c";
}
.icon-adjustments:before {
    content: "\e01d";
}
.icon-ribbon:before {
    content: "\e01e";
}
.icon-hourglass:before {
    content: "\e01f";
}
.icon-lock:before {
    content: "\e020";
}
.icon-megaphone:before {
    content: "\e021";
}
.icon-shield:before {
    content: "\e022";
}
.icon-trophy:before {
    content: "\e023";
}
.icon-flag:before {
    content: "\e024";
}
.icon-map:before {
    content: "\e025";
}
.icon-puzzle:before {
    content: "\e026";
}
.icon-basket:before {
    content: "\e027";
}
.icon-envelope:before {
    content: "\e028";
}
.icon-streetsign:before {
    content: "\e029";
}
.icon-telescope:before {
    content: "\e02a";
}
.icon-gears:before {
    content: "\e02b";
}
.icon-key:before {
    content: "\e02c";
}
.icon-paperclip:before {
    content: "\e02d";
}
.icon-attachment:before {
    content: "\e02e";
}
.icon-pricetags:before {
    content: "\e02f";
}
.icon-lightbulb:before {
    content: "\e030";
}
.icon-layers:before {
    content: "\e031";
}
.icon-pencil:before {
    content: "\e032";
}
.icon-tools:before {
    content: "\e033";
}
.icon-tools-2:before {
    content: "\e034";
}
.icon-scissors:before {
    content: "\e035";
}
.icon-paintbrush:before {
    content: "\e036";
}
.icon-magnifying-glass:before {
    content: "\e037";
}
.icon-circle-compass:before {
    content: "\e038";
}
.icon-linegraph:before {
    content: "\e039";
}
.icon-mic:before {
    content: "\e03a";
}
.icon-strategy:before {
    content: "\e03b";
}
.icon-beaker:before {
    content: "\e03c";
}
.icon-caution:before {
    content: "\e03d";
}
.icon-recycle:before {
    content: "\e03e";
}
.icon-anchor:before {
    content: "\e03f";
}
.icon-profile-male:before {
    content: "\e040";
}
.icon-profile-female:before {
    content: "\e041";
}
.icon-bike:before {
    content: "\e042";
}
.icon-wine:before {
    content: "\e043";
}
.icon-hotairballoon:before {
    content: "\e044";
}
.icon-globe:before {
    content: "\e045";
}
.icon-genius:before {
    content: "\e046";
}
.icon-map-pin:before {
    content: "\e047";
}
.icon-dial:before {
    content: "\e048";
}
.icon-chat:before {
    content: "\e049";
}
.icon-heart:before {
    content: "\e04a";
}
.icon-cloud:before {
    content: "\e04b";
}
.icon-upload:before {
    content: "\e04c";
}
.icon-download:before {
    content: "\e04d";
}
.icon-target:before {
    content: "\e04e";
}
.icon-hazardous:before {
    content: "\e04f";
}
.icon-piechart:before {
    content: "\e050";
}
.icon-speedometer:before {
    content: "\e051";
}
.icon-global:before {
    content: "\e052";
}
.icon-compass:before {
    content: "\e053";
}
.icon-lifesaver:before {
    content: "\e054";
}
.icon-clock:before {
    content: "\e055";
}
.icon-aperture:before {
    content: "\e056";
}
.icon-quote:before {
    content: "\e057";
}
.icon-scope:before {
    content: "\e058";
}
.icon-alarmclock:before {
    content: "\e059";
}
.icon-refresh:before {
    content: "\e05a";
}
.icon-happy:before {
    content: "\e05b";
}
.icon-sad:before {
    content: "\e05c";
}
.icon-facebook:before {
    content: "\e05d";
}
.icon-twitter:before {
    content: "\e05e";
}
.icon-googleplus:before {
    content: "\e05f";
}
.icon-rss:before {
    content: "\e060";
}
.icon-tumblr:before {
    content: "\e061";
}
.icon-linkedin:before {
    content: "\e062";
}
.icon-dribbble:before {
    content: "\e063";
}

@media (max-width: 1199px) {
    .calendar-wrapper {
        width: 100%;
        margin: 0 auto;
    }
    .modal-dialog {
        width: 100%;
        margin: 30px auto;
    }
    .calendar {
        width: 70%;
        margin-left:15px;
    }
    .calendar-left {
        width:20%;
    }
}

@media (min-width: 1100px) {
    .calendar-wrapper {
        width: 100%;
        margin: 0 auto;
    }
    .modal-dialog {
        width: 1000px;
        margin: 30px auto;
    }
    .calendar {
        width: 700px;
        margin-left:15px;
    }
    .calendar-left {
        width:205px;
    }
}

.nav-second-level li a div {
    display: inline-block;
    max-width:142px;
}


.modal-dialog {
    max-width:100%;
}

.item-custom-design
{
    vertical-align: middle;
    padding: 25px 0!important;
}

.item-custom-design .labelspan
{
    display: inline-block;
    width:15%;
    text-align:center;
}

.item-custom-design .labelspan .label
{
    font-size: 16px;
    font-weight: 400;
    padding: 3px 10px;
    vertical-align: middle;
}

.item-custom-design .textspan
{
    display: inline-block;
    width:85%;
    vertical-align: middle;
    font-size:15px;
}

.item-custom-design .textspan li
{
    border: 0!important;
    font-size:14px;
    padding: 3px 0!important;
}
.item-custom-design .textspan ul
{
    margin: 0!important;
}
/*
.navbar-default .nav > li > a:hover, .navbar-default .nav > li
{
    background-color: #2f4050;
}
*/

.label-success-empty {
    background-color: rgba(0,0,0,0);
    border: 1px solid #1c84c6;
    margin: -1px;
}

.label-success-border {
    border: 1px solid #1c84c6;
}

.label-empty {
    background-color: rgba(0,0,0,0);
    border: 1px solid #535861;
    color: #858d9b;
    margin: -1px;
}
.nav-second-level li
{
    background-color: #2f4050;
}

.active .nav-second-level li
{
    background-color: #293846;
}

.payment-errors {
    color: red;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: -10px;
    font-size: 14px;
}

.nav-tabs > li.active > a {
    border-bottom: 1px solid white!important;
}

.settings-link {
    background-color: #e6e6e6;
    color: #676a6c!important;
    margin-right: 5px!important;
    padding-right: 25px!important;
}

.shadow {
    box-shadow: 0px 1px 8px #888;
    -moz-box-shadow: 0px 1px 8px #888;
    -webkit-box-shadow: 0px 1px 8px #888;
}

.round-corners {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}


.div1border
{
    border-left:1px solid black;
    border-right: 1px solid black;
    background-image: url("/img/chart_background.png");
    background-repeat: no-repeat;
    background-size: 100% 80%;
    height: 26px;
}
.div2border
{
    border-left:1px solid transparent;
    border-right: 1px solid transparent;
}

.spanib
{
    display:inline-block;
    position: relative;
    height: 100%;
}

.bordernumber
{
    margin-left: -1px;
    border-right:2px solid black
}

.highestshared
{
    position: absolute!important;
    left: -4px;
}

.highestshared div
{
    margin-top: -5px;
    margin-left: -11px;
}

.lowestshared
{
    position: absolute!important;
    right: -4px;
    text-align: right;
}

.lowestshared div
{
    margin-top: -5px;
    margin-right: -11px;
}

.numbershared
{
    position: absolute!important;
    right: -13px;
}

.red {
  color: red;
}

.notify-design {
    margin-left: -169px!important;
    top: 98px!important;
    margin-top: -88px!important;
    visibility: visible!important;
    border-left: 6px solid #ed5565!important;
    background:white!important;
    padding: 25px 20px!important;
    font-weight:600!important;
}

.faq-header
{
    font-size:18px;
    margin-bottom:15px;
}
.faq-text
{
    font-size:13px;
    margin-bottom:50px;
}

.intercom-container
{
    display: none!important;
}

.nav-second-level li a {
    padding: 6px 10px 6px 28px;
    font-size: 12px;
}

.nav > li > a
{
    padding-right: 10px;
}

.company_detail
{
    margin-bottom: 5px;
}

.company_detail div
{
    display: inline-block;
    min-width: 105px;
    font-weight: 700;
    width: 22%;
    vertical-align: top;
}

.company_detail span
{
    display: inline-block;
    width: 78%;
    vertical-align: top;
}

.userlogo
{
    max-height:70px;
    max-width:100%;/*
    filter: gray; /* IE6-9 * /
    filter: grayscale(1); /* Microsoft Edge and Firefox 35+ * /
    -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
}
.userlogo:hover {
    /*
  filter: none;
  -webkit-filter: grayscale(0);*/
}
