#calendar {
    max-width: 100%;
    margin: 0 auto;
    font-family: sans-serif;
}

button {
    bottom: 1px;
    cursor: pointer;
    margin-right: 8px;
    position: relative;
    padding: 4px 11px;
    border: 1px solid #0085a6;
    background: none;
    border-radius: 3px;
    color: #f47842;
    font-size: 12px;
    transition: all .3s ease-in-out;
}

button:hover {
    background: #f47842;
    color: #fff;
}

/* Tables */
/* Responsive scroll-y table */
.table-responsive {
    min-height: .01%;
}

@media screen and (max-width: 801px) {
    .table-responsive {
        width: 100%;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
}

/* Default table */

table thead tr {
    border-bottom: 2px solid #bfbfbf;
    color: #000;
}

table tfoot tr {
    border-top: 3px solid #0085a6;
}

table thead th, table tfoot th {
    background-color: #fff;
    color: #807b7b;
    font-size: 12px;
    line-height: 0.8;
    padding: 10px 14px 10px 10px;
    position: relative;
    text-align: left;
}

table tbody tr {
    background-color: #fff;
    border-bottom: 2px solid #bfbfbf;
    color: #807b7b;
}

/*table tbody tr:hover {background-color:#eee; color:#000;}*/
table td {
    /*border:1px solid #bfbfbf;*/
    padding: 5px 10px;;
    position: relative;
    vertical-align: middle;
    color: #333;
    font-size: 12px;
}

table th {
    /*border:1px solid #bfbfbf;*/
    padding: 5px 10px;;
    position: relative;
    /*vertical-align:middle;*/
    color: #807b7b;
    font-size: 12px;
    text-align: left;
}

caption {
    font-size: 12px;
    font-weight: 300;
    padding: 10px 0;
}

@media (max-width: 1024px) {
    table {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    table {
        font-size: 12px;
    }
}

/* Responsive table full */
@media (max-width: 767px) {
    .table-responsive-full {
        box-shadow: none;
    }

    .table-responsive-full thead tr,
    .table-responsive-full tfoot tr {
        display: none;
    }

    .table-responsive-full tbody tr {
        -webkit-box-shadow: 0px 7px 6px -6px rgba(0, 0, 0, .28);
        -moz-box-shadow: 0px 7px 6px -6px rgba(0, 0, 0, .28);
        box-shadow: 0px 7px 6px -6px rgba(0, 0, 0, .28);
        margin-bottom: 20px;
    }

    .table-responsive-full tbody tr:last-child {
        margin-bottom: 0;
    }

    .table-responsive-full tr,
    .table-responsive-full td {
        display: block;
    }

    .table-responsive-full td {
        background-color: #fff;
        border-top: none;
        position: relative;
        padding-left: 50%;
    }

    .table-responsive-full td:hover {
        background-color: #eee;
        color: #000;
    }

    .table-responsive-full td:hover:before {
        color: hsl(0, 0%, 40%);
    }

    .table-responsive-full td:first-child {
        border-top: 1px solid #bfbfbf;
        border-bottom: 3px solid #0085a6;
        border-radius: 4px 4px 0 0;
        color: #000;
        font-size: 1.11111em;
        font-weight: bold;
    }

    .table-responsive-full td:before {
        content: attr(data-label);
        display: inline-block;
        color: hsl(0, 0%, 60%);
        font-size: 14px;
        font-weight: normal;
        margin-left: -100%;
        text-transform: uppercase;
        width: 100%;
        white-space: nowrap;
    }
}

@media (max-width: 360px) {
    .table-responsive-full td {
        padding-left: 14px;
    }

    .table-responsive-full td:before {
        display: block;
        margin-bottom: .5em;
        margin-left: 0;
    }
}

/* Sort table */
.sort-table-arrows {
    float: right;
    transition: .3s ease;
}

.sort-table-arrows button {
    margin: 0;
    padding: 4px 8px;
}

.sort-table th.title, .sort-table th.composer {
    width: 20% !important;
}

.sort-table th.lyrics, .sort-table th.arranger, .sort-table th.set, .sort-table th.info {
    width: 15% !important;
}

.sort-table .title {
    font-weight: bold;
}

.sort-table .title small {
    font-weight: normal;
}

@media (max-width: 1024px) {
    .sort-table th, .sort-table-arrows {
        text-align: center;
    }

    .sort-table-arrows {
        float: none;
        padding: 8px 0 0;
        position: relative;
        right: 0px;
    }

    .sort-table-arrows button {
        bottom: 0;
    }
}

@media (max-width: 767px) {
    .sort-table thead tr {
        border-bottom: none;
        display: block;
        margin: 10px 0;
        text-align: center;
    }

    .sort-table thead tr th.arranger {
        display: none;
    }

    .sort-table th {
        border-bottom: 1px solid #bfbfbf;
        border-radius: 4px;
        display: inline-block;
        font-size: .75em;
        line-height: 1;
        margin: 3px 0;
        padding: 10px;
    }

    .sort-table th.title, .sort-table th.composer, .sort-table th.lyrics, .sort-table th.set, .sort-table th.info {
        width: 100px !important;
    }

    .sort-table td.title:before {
        display: none;
    }

    .sort-table td.title {
        letter-spacing: .03em;
        padding-left: 14px;
    }
}

/*FOR DROPDOWN*/
.nav {
    margin-left: 0;
    margin-bottom: 0;
    list-style: none;
}

ul, ol {
    padding: 0;
    margin: 0 0 10px 25px;
}

.dropup, #dropdown {
    position: relative;
}

.open > #dropdown-menu {
    display: block;
}

.nav > li > a {
    display: block;
    text-decoration: none;
    color: black;
}

#dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 0 0 10px 0;
    margin: 2px 0 0;
    font-size: 12px;
    list-style: none;
    background-color: #ffffff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
}

#dropdown-menu .divider {
    height: 1px;
    margin: 5px 1px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #ffffff;
}

#dropdown-menu > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 3px;
    color: #333333;
    white-space: nowrap;
    text-decoration: none;
}

/* drag container */
#table1,
#table2 {
    margin-bottom: 20px;
}

#redips-drag {
    margin: auto;
    width: 100%;
}

/* set border for images inside DRAG region - exclude image margin inheritance */
/* my WordPress theme had some funny margin settings */
#redips-drag img {
    margin: 1px;
}

/* drag objects (DIV inside table cells) */
.redips-drag {
    cursor: move;
    margin: auto;
    padding: 5px;
    z-index: 10;
    background-color: #f47842;
    text-align: left;
    font-size: 12px;
    width: 100%;
    height: 100%;
    line-height: 20px;
    border-radius: 0; /* Opera, Chrome */
    -moz-border-radius: 4px; /* FF */
    color: white;
}

/* drag objects border for the first table */
.t1 {
    border: 0;
}

/* drag object border for the second table */
.t2 {
    border: 2px solid SteelBlue;
}

/* cloned objects - third table */
.t3 {
    border: 2px solid #FF8A58;
}

/* allow / deny access to cells marked with 'mark' class name */
.redips-mark {
    color: white;
    background-color: #3e3834;
}

/* trash cell */
.redips-trash {
    color: white;
    background-color: #2D4B7A;
}

/* tables */
div#redips-drag table {
    background-color: #e0e0e0;
    border-collapse: collapse;
}

/* input elements in dragging container */
div#redips-drag input {
    cursor: auto;
}

/* height for input text in DIV element */
div#drag #d13 input {
    height: 13px;
}

/* height for dropdown menu in DIV element */
div#drag #d5 select {
    height: 20px;
}

/* table cells */
div#redips-drag td {
    height: 80px;
    border: 1px solid white;
    text-align: center;
    font-size: 12px;
    padding: 2px;
}

/* "Click" button */
.button {
    margin-bottom: 2px;
    background-color: #6A93D4;
    color: white;
    border-width: 1px;
    width: 44px;
    padding: 0px;
}

/* toggle checkboxes at the bottom */
.checkbox {
    margin-left: 13px;
    margin-right: 14px;
    width: 13px; /* needed for IE ?! */
}

/* message cell */
.message_line {
    padding-left: 10px;
    margin-bottom: 3px;
    font-size: 10pt;
    color: #888;
}

/* FOR MONTHLY TABLE */
.montable {
    border-collapse: collapse;
    /*font-family: Georgia, Times, serif;*/
}

.monthth {
    border: 1px solid #A8A8A8;
    vertical-align: top;
}

.montd {
    height: 100px;
    width: 100px;
    padding: 10px;
    border: 1px solid #A8A8A8;
    vertical-align: top;
}

.divcalendar {
    padding: 0;
    float: left;
    width: 100%;
    height: 100%;
}

/* Wrapper div. That makes the inner div into an inline element that can be centered with text-align.*/
#calendaroverallcontrols {
    text-align: left;
}

/* This is a fluid div as width will be changing */
#calendarmonthcontrols {
    display: inline-block;
    background-color: #FFF;
    padding: 10px;
    border-radius: 5px;
}

#calendarmonthcontrols > div, #calendarmonthcontrols > a {
    display: inline-block;
}

#btnPrevYr {
    text-decoration: none;
    font-size: 20px;
    vertical-align: middle;
    /*background: #00FFCC;*/
}

#btnPrev {
    text-decoration: none;
    font-size: 20px;
    margin-left: 10px;
    vertical-align: middle;
    /*background: #00FFCC;*/
}

/*.yearspan {
  font-size: 20px;
  font-weight: bold;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}
.monthspan {
  font-size: 20px;
  font-weight: bold;
  float: left;
  margin-left: 5px;
  margin-right: 5px;
}*/
#monthandyearspan {
    width: 50px;
    font-size: 12px;
    font-weight: bold;
    margin-left: 10px;
    margin-right: 10px;
    vertical-align: middle;
    /*background: #00FFCC;*/
}

#monthandyear {
    vertical-align: middle;
}

#btnNext {
    text-decoration: none;
    font-size: 20px;
    margin-right: 10px;
    vertical-align: middle;
    /*background: #00FFCC;*/
}

#btnNextYr {
    text-decoration: none;
    font-size: 20px;
    vertical-align: middle;
    /*background: #00FFCC;*/
}

#divcalendartable {
    clear: both;
}

.daysheader {
    background: #fff;
    height: auto;
    text-align: center;
}

#prevmonthdates {
    background-color: #E0E0E0;
}

#nextmonthdates {
    background-color: #E0E0E0;
}

#currentmonthdates {
    background-color: #FFFFFF;
}

#cellvaluespan {
    background: #FF0000;
}

#cellvaluelist {
    background: #FFCC00;
}

.swim {
    font-family: sans-serif;
    font-size: 80%;
    text-align: center;
    background: #445511;
    color: #F5F5F5;
    margin-bottom: 5px;
    padding: 5px;
}

.chrono {
    font-family: sans-serif;
    font-size: 80%;
    text-align: center;
    background: #778899;
    color: #F5F5F5;
    margin-bottom: 5px;
    padding: 5px;
}

/* Month Calendar ===========================================================*/
.u-border-box {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.u-transition {
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.u-transition.long {
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.u-transition.elastic {
    transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.resetDefaultApparence {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border-radius: 0px;
    padding: 0;
    border-width: 0;
    resize: none;
}

.resetDefaultApparence::-ms-expand {
    display: none;
}

/* STYLE ===========================================================*/

.c-monthyear {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.c-month {
    position: relative;
    height: 80px;
    line-height: 80px;
}

.c-month #c-paginator {
    position: relative;
    width: 200px;
    display: block;
    height: 80px;
    line-height: 80px;
    text-align: center;
    overflow: hidden;
}

.c-month #c-paginator .c-paginator__month {
    position: absolute;
    width: 200px;
    top: 0;
    bottom: 0;
    right: 0;
}

.c-month #c-paginator .c-paginator__month:nth-child(1) {
    left: 0;
}

.c-month #c-paginator .c-paginator__month:nth-child(2) {
    left: 200px;
}

.c-month #c-paginator .c-paginator__month:nth-child(3) {
    left: 400px;
}

.c-month #c-paginator .c-paginator__month:nth-child(4) {
    left: 600px;
}

.c-month #c-paginator .c-paginator__month:nth-child(5) {
    left: 800px;
}

.c-month #c-paginator .c-paginator__month:nth-child(6) {
    left: 1000px;
}

.c-month #c-paginator .c-paginator__month:nth-child(7) {
    left: 1200px;
}

.c-month #c-paginator .c-paginator__month:nth-child(8) {
    left: 1400px;
}

.c-month #c-paginator .c-paginator__month:nth-child(9) {
    left: 1600px;
}

.c-month #c-paginator .c-paginator__month:nth-child(10) {
    left: 1800px;
}

.c-month #c-paginator .c-paginator__month:nth-child(11) {
    left: 2000px;
}

.c-month #c-paginator .c-paginator__month:nth-child(12) {
    left: 2200px;
}

.c-month .prev,
.c-month .next {
    position: absolute;
    display: block;
    top: 50%;
    width: 30px;
    height: 30px;
    padding: 9px 12px;
    background-color: transparent;
    cursor: pointer;
    z-index: 10;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transform: translatey(-50%);
    -webkit-transform: translatey(-50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.c-month .prev.long,
.c-month .next.long {
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.c-month .prev.elastic,
.c-month .next.elastic {
    transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.c-month .prev {
    left: 0;
}

.c-month .prev:hover {
    padding: 9px 10px;
    background-color: #f37740;
}

.c-month .next {
    right: 0;
}

.c-month .next:hover {
    padding: 9px 14px;
    background-color: #f37740;
}

.c-paginator__year {
    height: 80px;
    line-height: 80px;
    padding: 0 20px;
}

.o-btn {
    display: inline-block;
    padding: 0 10px;
    line-height: 30px;
    height: 30px;
    background-color: #004b8f;
    text-transform: uppercase;
    letter-spacing: 2px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.o-btn.long {
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.o-btn.elastic {
    transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.o-btn span {
    margin-left: 10px;
}

.o-btn:hover {
    background-color: #0055a4;
}

.c-calendar {
    padding-top: 0px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    background: #fff;
}

.c-calendar__style {
    background-color: transparent;
    margin: 20px;
    padding: 10px;
    /*box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.18);
    border-radius: 0px;
    -webkit-border-radius: 0px;*/
}

.c-cal__container {
    position: relative;
    width: calc(100%);
    height: 0;
    padding-bottom: 80%;
    overflow: hidden;
}

.c-main {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.c-main-01 {
    left: 0;
}

.c-main-02 {
    left: 100%;
}

.c-main-03 {
    left: 200%;
}

.c-main-04 {
    left: 300%;
}

.c-main-05 {
    left: 400%;
}

.c-main-06 {
    left: 500%;
}

.c-main-07 {
    left: 600%;
}

.c-main-08 {
    left: 700%;
}

.c-main-09 {
    left: 800%;
}

.c-main-10 {
    left: 900%;
}

.c-main-11 {
    left: 1000%;
}

.c-main-12 {
    left: 1100%;
}

.c-cal__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.c-cal__col {
    width: calc(100% / 7);
    text-align: center;
    height: 50px;
    line-height: 50px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.c-cal__cel {
    position: relative;
    width: calc(100% / 7);
    text-align: center;
    cursor: pointer;
    border-style: solid;
    border-width: 0.5px;
    margin: -0.5px;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.c-cal__cel p {
    position: absolute;
    margin: 0;
    top: 10%;
    left: 10%;
    width: 40px;
    height: 40px;
    line-height: 40px;

    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    border-radius: 50%;
    -webkit-border-radius: 50%;
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.c-cal__cel::before {
    content: "";
    display: block;
    padding-top: 100%;
}

.c-cal__cel:nth-child(1) {
    background: rgba(0, 0, 0, 0.07);
}

.c-cal__cel:nth-child(7) {
    background: rgba(0, 0, 0, 0.07);
}

.c-cal__cel:nth-child(1) p {
    /*background: rgba(215, 16, 15, 0.2);*/
}

.c-cal__cel:nth-child(7) p {
    /*background: #003b71;*/
}

.c-cal__cel:hover {
    /*background-color: #004b8f !important;*/
}

.c-cal__cel:hover p {
    /*background: #003b71 !important;*/
}

.c-cal__cel.isSelected {
    /*background-color: #004b8f;*/
}

.c-cal__cel.isSelected p {
    /*background: #003b71;*/
}

.c-cal__cel.isToday {
    background-color: rgba(245, 113, 112, 0.2);
}

.c-cal__cel.isToday p {
    background: rgba(245, 113, 112, 0.4);
}

.c-cal__cel.other_month {
    color: rgba(255, 255, 255, 0.2);
}

.event:before {
    position: absolute;
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #f37740;
    padding: 0;
}

.event--callsData:before {
    background-color: #f37740;
}

.event--festivity:before {
    background-color: #10DDC2;
}

.event--important:before {
    background-color: #F57170;
}

.c-aside {
    width: 300px;
    padding: 20px;
}

.c-aside__day {
    font-size: 28px;
    margin: 50px 0;
}

.c-aside__day .c-aside__num {
    font-family: sans-serif;
    font-weight: 900;
}

.c-aside__event {
    position: relative;
    padding-left: 20px;
    margin: 20px 0;
}

.c-aside__event:before {
    position: absolute;
    display: block;
    content: '';
    width: 16px;
    height: 16px;
    left: 0;
    background-color: #F5F5F5;
    border-radius: 50%;
    -webkit-border-radius: 50%;
}

.c-aside__event--callsData:before {
    background-color: #FACC2E;
}

.c-aside__event--festivity:before {
    background-color: #10DDC2;
}

.c-aside__event--important:before {
    background-color: #F57170;
}

.c-event__creator {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 500px;
    max-height: 470px;
    width: 100%;
    height: 100%;
    z-index: 100;
    padding: 20px;
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    transform: translate(-50%, -50%) scale(0.9);
    -webkit-transform: translate(-50%, -50%) scale(0.9);
}

.c-event__creator.long {
    transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
}

.c-event__creator.elastic {
    transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transition: all 0.25s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.c-event__creator form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.c-event__creator.isVisible {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    opacity: 1;
    visibility: visible;
}

.fc-right {
    display: none;
}

.fc-left div {
    display: flex;
}

.fc-head-container.fc-widget-header {
    background: #ffffff;
    padding-bottom: 15px;
    padding-top: 10px;
}

.fc-head-container.fc-widget-header span {
    font-size: 22px;
}

.fc-widget-content table tbody tr {
    border-bottom: 1px solid #bfbfbf;
}

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-helper-skeleton td {
    border-color: #cdcdcd;
}

.fc-event, .fc-event-dot {
    background-color: #f37740;
}

.fc-event {
    font-size: 14px;
    line-height: 100px;
    border: 1px solid #f37740;
    border-radius: unset;
}

.fc-left h2 {
    color: #f37740;
}

/*Addon 13/03/2018*/
.fc-content-skeleton > table > thead > tr {
    border-bottom: unset;
}

.add-customer-call.w-embed .table-responsive {
    max-height: 250px;
}

.add-customer-call.w-embed {
    width: unset;
}

.routewrapperaddcall .div-save-cancel {
    margin-bottom: 20px;
    float: right;
}

.new-add-call .w-form {
    padding: 0px 20px;
}

@font-face {
    font-family: "Sans-Serif";
    src: url("/fonts/Helvetica Neue LT Pro 45 Light.ttf") format("tff"),
}

@font-face {
    font-family: "Sans-Serif";
    src: url("/fonts/Helvetica Neue LT Pro 65 Medium.ttf") format("tff"),
}

#month, #week {
    font-family: sans-serif;
}

/* DINH - 14-4*/
.flash-warning p {
    margin-bottom: 0;
    /* color: firebrick; */
}

.flash-warning .send-success {
    padding: 5px;
    border: 1px solid green;
    color: green;
    display: inline-block;
}

.flash-warning .send-error, .flash-warning .file-size-error {
    padding: 5px;
    border: 1px solid red;
    color: red;
    display: inline-block;
}

#daily-filter .fc-view-container {
    display: none !important;
}

.fc-toolbar.fc-header-toolbar .fc-left h2, .fc-toolbar.fc-header-toolbar .right h2 {
    padding: 0 10px;
    font-size: 28px;
    line-height: 28px;
}

.quarter-div .tab-link-1 {
    background-color: #fff;
    color: #f47842;
    font-weight: 700;
}

.quarter-div .w--current {
    background-color: #f47842;
    color: #fff;
}

.quarter-div .tabs-menu.w-tab-menu .w-tab-link:hover {
    background-color: #f47842;
    color: #fff;
}

/*Author: minh.pham@azslotuons.vn*/
.paging {
    text-align: center;
    margin: 0px 0px 10px 0px;
    font: 12px 'Helvetica Med 65', sans-serif;
    margin-top: 30px;
    padding-bottom: 50px;
}

.paging a:hover {
    color: white;
    font: 12px 'Helvetica Med 65', sans-serif;
    text-shadow: 0px 1px #000;
    border-color: #f47842;
    background: #f47842;
    background: -moz-linear-gradient(top, #f47842 1px, #f47842 1px, #f47842);
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #f47842), color-stop(0.02, #f47842), color-stop(1, #f47842));
    border-radius: 3px 3px 3px 3px;
    padding: 5px 10px;
}

.paging a {
    font: 12px 'Helvetica Med 65', sans-serif;
    color: #fbfbfb;
    border: solid 1px;
    border-color: #bfbfbf;
    background: #bfbfbf;
    border-radius: 3px 3px 3px 3px;
    padding: 5px 10px;
    margin: 0px 5px;
    text-decoration: none;
}

.paging strong {
    color: white;
    font: 12px 'Helvetica Med 65', sans-serif;
    text-shadow: 0px 1px #000;
    border-color: #f47842;
    background: #f47842;
    background: -moz-linear-gradient(top, #f47842 1px, #f47842 1px, #f47842);
    background: -webkit-gradient(linear, 0 0, 0 100%, color-stop(0.02, #f47842), color-stop(0.02, #f47842), color-stop(1, #f47842));
    border-radius: 3px 3px 3px 3px;
    padding: 6px 12px;
}

.saverecordonly {
    display: block;
    position: relative;
    width: 30%;
    height: auto;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
    padding: 20px 0px 0px 0px;
    border-radius: 2px;
    background-image: -webkit-linear-gradient(270deg, #e5e6e7, #e5e6e7);
    background-image: linear-gradient(180deg, #e5e6e7, #e5e6e7);
}

.saverecordonly h4 {
    font-weight: 600;
}

.close-addprod.saverecord {
    margin-top: -15px;
    margin-right: 10px;
}

.paper {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 75px;
    height: 275px;
    background-color: #ffffff;
    padding: 10px 0px 10px 30px;
    text-align: left;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.paper p {
    padding: 10px 0px;
    border-bottom: 2px solid #e5e6e7;
}

.pop-up-save-record {
    position: fixed;
    left: 0px;
    top: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 99999;
    display: none;
    overflow: auto;
    height: 100%;
    margin-right: auto;
    margin-left: auto;
    padding-top: 50px;
    background-image: -webkit-linear-gradient(270deg, rgba(58, 56, 56, .45), rgba(58, 56, 56, .45));
    background-image: linear-gradient(180deg, rgba(58, 56, 56, .45), rgba(58, 56, 56, .45));
    text-align: center;
}

.save-button.save-record {
    width: auto;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px;
    float: right;
    border-color: #f47842;
    background-color: #f47842;
    font-family: sans-serif;
    color: #fff;
    font-weight: 400;
    text-transform: none;
}

/*Mobile Style*/
@media (max-width: 768px) {
    .saverecordonly {
        width: 80%;
    }
}

.statistic {
    position: absolute;
    left: 20px;
    right: 20px;
    background-color: #f37740;
    border-radius: 5px;
    top: 85px;
}

.statistic table {
    margin-top: unset;
}

.statistic table tbody tr {
    background-color: transparent;
    border-bottom: unset;
}

.statistic table tbody tr td {
    color: #fff;
    font-size: 15px;
}

.filter-box {
    padding: 5px 10px;
    background-color: #f37740;
    position: absolute;
    top: 20px;
    right: 20px;
    border-radius: 5px;
    /*font-weight: bold;*/
    color: #fff;
    font-size: 13px;
}

.filter-box {
    z-index: 999;
}

.filter-box-child {
    width: 350px;
    height: auto;
    position: absolute;
    right: 80px;
    top: 65px;
    padding: 35px 20px 10px 20px;
    color: #373537;
}

.input-submit-filter {
    font-family: sans-serif;
    text-transform: uppercase;
    color: #fff;
    background-color: #f47842;
    border-radius: 3px;
    border: unset;
    padding: 5px 10px;
}

.yes-no-check {
}

.filter-box [type="checkbox"]:not(:checked), .filter-box [type="checkbox"]:checked {
    position: unset;
}

.filter-box .center {
    text-align: center;
    margin-bottom: 15px;
}

.filter-box .center .save-button.save-add-call {
    width: auto;
}

.routewrapperaddcall hr {
    margin: 15px 0;
}

.containerCon .checkmark::after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 7px;
}

/*Override base.css*/
.filterdiv a, .filterdiv a:visited, .filterdiv a:focus {
    color: #000;
}

/*Search Box Style*/
.search-box {
    background-image: url("../images/dropdownarrow.png");
    background-repeat: no-repeat;
    width: 180px;
    background-size: 15px 10px;
    background-position: 95%;
    border-radius: 5px;
    padding: 5px 10px;
    border: 1px solid #fff;
    color: #000;
    margin-top: 2px;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.search-form-button {
    border: unset;
}

.w-col .w-col {
    padding-left: 10px;
    padding-right: 10px;
}

.text-field-3 {
    margin-top: 5px;
    padding: 0px 10px;
}

.save-cancel-button {
    margin-bottom: 50px;
}

.choices__list--multiple .choices__item {
    background-color: #F37740;
    border: 1px solid #F37740;
    border-radius: 3px;
}

[type="checkbox"]:not(:checked), [type="checkbox"]:checked {
    position: absolute;
    right: 18px;
    top: 4px;
    left: unset;
}

.backtopage {
    width: auto !important;
    float: right;
    margin-top: -5px !important;
}

.loader,
.loader:after {
    border-radius: 50%;
    width: 10em;
    height: 10em;
}

.loader {
    top: 50%;
    left: 50%;
    font-size: 10px;
    position: relative;
    text-indent: -9999em;
    border-top: 1.1em solid rgba(255, 255, 255, 0.2);
    border-right: 1.1em solid rgba(255, 255, 255, 0.2);
    border-bottom: 1.1em solid rgba(255, 255, 255, 0.2);
    border-left: 1.1em solid #ffffff;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#loadingDiv {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #cccccc73;
    display: none;
}

#loadingDiv.active {
    display: block;
}

.selectize-input label.error{
    position: absolute;
    top: 34px;
    left: -2px;
}

.selectize-input{
    position: relative;
}

.textarea-prepcall.change_width_text{
    width: 90% !important;
}
.swal2-container {
    z-index: 99999;
}

.profile-button {
	margin: 0;
	height: 25px;
	padding-top: 3px;
	margin-top: 11px;
	font-family: sans-serif;
	color: #fff;
	font-size: 11px;
	text-align: center;
	border-radius: 2px;
	background-color: #f37740;
	width: 90px;
}