/* scrollbar */
body ::-webkit-scrollbar {width: .8rem; height: .8rem;}
body ::-webkit-scrollbar-track {border-radius: 2rem; box-shadow: inset 0 0 3px rgba(120,120,120,.3);}
body ::-webkit-scrollbar-thumb {background: rgba(120,120,120,.8); border-radius: 2rem; box-shadow: inset 0 0 3px rgba(120,120,120,.5);}
body ::-webkit-scrollbar-thumb:window-inactive {background: rgba(120,120,120,.5);}

/*body {position: relative; margin: 30px 120px; padding: 20px; font-family: 'Open Sans', sans-serif;}*/
.color-red {color: red;}
.underline {text-decoration: underline;}
.cp {cursor: pointer;}
.center {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}
.dn {display: none;}
.w100 {width: 100%;}
.border {border: 1px solid #ccc;}
ul {list-style: none; padding: 0;}

/* Triangle */
[class*="triangle-"]:after {content: "";display: inline-block;margin: 0 0 0 8px;width: 0;height: 0;border-style: solid;
	border-width: .4rem 0 .4rem .4rem; border-color: transparent transparent transparent #000;transition: all .2s ease-in-out;}
.triangle-top:after {-webkit-transform: rotate(-90deg); transform: rotate(-90deg);}
.triangle-bottom:after {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.triangle-left:after {-webkit-transform: rotate(180deg); transform: rotate(180deg);}

.flex {display: flex;}
.flex > div {margin: 0 50px; padding: 0 10px;}
.fc-toolbar-title {text-transform: capitalize;}


/*fieldset {margin: 8px 0; border: 0;}
label {display: inline-block; width: 100px;}
.radio_label input + label {width: 50px;}
input, select {width: 250px; height: 30px;  margin: 0; padding: 2px 5px;}
input[type="radio"] {width: auto; height: auto; padding: 0;}
input[type="checkbox"] {width: auto; height: auto; padding: 0;}
.form-check.form-check-custom {display: inline-block;vertical-align: middle;}*/

.add_event_container, .up_event_container {display: none; position: absolute; z-index: 55; background-color: white; border: 1px solid #ccc; padding: 20px;}
.form_close {position: absolute; top: 5px; right: 5px; cursor: pointer;}
.delete_event {display: inline-block; margin: 10px 0 10px 0px;}
.p15 {padding: 15px;}

.options_calendar_cat ul, .options_calendar_user ul {width: 400px; height: 310px; overflow-y: auto; padding: 0 20px 0 5px;}
.options_calendar_cat label, .options_calendar_user label {width:auto;}
.options_calendar_container .options_calendar_content {display: none;}
.options_calendar_container.on .options_calendar_content {display: flex;}
.options_calendar_container.on .triangle-right:after {-webkit-transform: rotate(90deg); transform: rotate(90deg);}
.options_calendar_cat .form-check {display: block; margin: 5px 0;}
.options_calendar_user .form-check {display: block; margin: 5px 0;}

.username {font-size: 10px; text-transform: capitalize;}
.cat_title {font-size: 10px; font-weight: 600; background-color: #777; color: #fff; padding: 1px 2px; border-radius: 3px;}
.event_title {font-size: 11px;}

.title_container {height: 100%; overflow: hidden; line-height: 1.6;}

.client_name {font-size: 10px; font-weight: 600; background-color: #fff; color: #777; margin: 2px 0 0 0; padding: 1px 2px; border-radius: 3px;}
.client_name a {color: #777;}

/* Button */
.btn {display: inline-block; padding: .5rem 1rem;text-decoration: none;line-height: 1.2;cursor: pointer;transition: all .2s ease-in-out; -webkit-appearance: none;}
a.btn:hover {text-decoration: none;}
.btn1 {background-color: #000; color: #fff;border: 1px solid transparent;}
.btn1:hover {background-color: #fff; color: #000;border: 1px solid #000;}
.btn2 {background-color: #fff; color: #000;border: 1px solid #000;}
.btn2:hover {background-color: #000; color: #fff;}
.btn.btn_xsmall {padding: .4rem .8rem;}
.btn.btn_small {padding: .7rem 1rem;}
.btn.btn_medium {padding: 1rem 2rem;}
.btn.btn_big {padding: 1.5rem 5rem; font-size: 2rem;}
.btn.btn_xbig {padding: 1.7rem 6rem; font-size: 2.4rem;}
.btn_long {padding: 1.5rem 12rem;}

.fc-v-event {border: 0; padding: 2px 3px;}
/*.form-control.flatpickr-input {display: inline-block; width: calc(100% - 105px);}
.form-control.tagify {display: inline-block; width: calc(100% - 105px);}
*/
.fc .fc-timegrid-event .fc-event-main {
     padding: 0rem !important; 
}