@font-face {
  font-family: 'interstate';
  src: url('../fonts/interstate_bold-webfont.woff2') format('woff2'), url('../fonts/interstate_bold-webfont.woff') format('woff');
  font-weight: 600;
  font-style: normal;
}
@font-face {
    font-family: 'interstate';
    src: url('../fonts/interstate_regular-webfont.woff2') format('woff2'), url('../fonts/interstate_regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'interstate';
    src: url('../fonts/interstate_light-webfont.woff2') format('woff2'), url('../fonts/interstate_light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'interstate';
    src: url('../fonts/interstate_thin-webfont.woff2') format('woff2'), url('../fonts/interstate_thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
* {
    outline: none;
}

body {
  font-family: interstate;
}
.section{
  width: 100%;
  background-color:#072c49;
}
    .section.top-container {
        width: 100%;
        background-image: url(../images/gym-bg.png);
        background-position: center;
        background-size: auto;
        background-repeat: no-repeat;
    }
.section .section-container {
  width: 90%;
  max-width: 1200px;

  margin: 0 auto;
  position: relative;
}
.header-container .logo-area {
    width: 100%;
    margin-top: 30px;
    margin-bottom: 20px;

}
.header-container .logo-area a.logo {
    display: block;
    width: 155px;
    height: auto;
}
.header-container .logo-area a.logo img{
	width:100%;
}
.header-container .user-profile {
    margin-top: 35px;
}
.header-container .user-profile a.btn {
    background-color: #072c49;
    border: 1px solid;
    color: #fdc33a;
	padding: 10px;
}
.section .section-container > hr {
    margin-bottom: 2px;
	background-color: white;
}
.success-message{
	background-color:#abd2e3;
	padding:20px;
	
}
.success-message h1 {
    font-size: 22px;
    color: #072c49;
    text-transform: uppercase;
    margin: 0;
    font-weight: 600;
}
.success-message p {
	font-size: 16px;
    color: #072c49;
    font-weight: 300;
}
.success-message .requires {
    list-style: none;
    font-family: interstate;
    font-weight: 300;
}
.success-message .requires li{
    list-style: none;
    font-family: interstate;
    font-weight: 300;
	font-size:16px;
	position:relative;
}
.success-message .requires li:before {
    content: ' ';
    background-image: url(../images/li-bullet.png);
    position: absolute;
    background-repeat: no-repeat;
    left: -15px;
    top: 6px;
    width: 8px;
    height: 12px;
}
.success-message button.close {
    font-size: 30px;
    font-weight: 600;
    color: #072c49;
    opacity: 1;
}
.list-grid {
    
    padding: 30px 0;
	border:none;
}
.list-grid > .nav-item:nth-child(2) {
    width: 30%div;
}
.list-grid >.nav-item a,.list-grid >.nav-item a.active {
    display: block;
    text-align: center;
	text-decoration:none;
	color: #fff;
    background-color: transparent;
    border: none;
	position:relative;
}
.list-grid > .nav-item a:before{
	position: absolute;
    content: ' ';
    background-image: url(../images/PersonalInfo.png);
    width: 60px;
    height: 60px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    right: 50%;
    transform: translateX(50%);
}
.list-grid > .nav-item:first-child a:before{
	background-image: url(../images/personal-info.png);
}
.list-grid > .nav-item:nth-child(2) a:before{
	background-image: url(../images/PhysicalAct.png);
}
.list-grid > .nav-item:nth-child(3) a:before{
	background-image: url(../images/life-style.png);
}
.list-grid > .nav-item:nth-child(4) a:before{
	background-image: url(../images/Health.png);
}
.list-grid > .nav-item:first-child a.active:before{
	background-image: url(../images/PersonalInfo.png);
}
.list-grid > .nav-item:nth-child(2) a.active:before{
	background-image: url(../images/physical-activity.png);
}
.list-grid > .nav-item:nth-child(3) a.active:before{
	background-image: url(../images/lifestyle.png);
}
.list-grid > .nav-item:nth-child(4) a.active:before{
	background-image: url(../images/health-n-fitness.png);
}
.list-grid > .nav-item a h3 {
	position: relative;
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    margin-top: 15px;
    text-transform: uppercase;
}
.list-grid > .nav-item a.active h3:before {
    width: 46%;
    height: 4px;
    content: ' ';
    background: #FFC72C;
    position: absolute;
    bottom: -10px;
    right: 50%;
    transform: translateX(50%);
}
.list-grid >.nav-item >a >div {
    width: 60px;
    display: flex;
    margin: auto;
    height: 65px;
    justify-content: center;
    align-items: center;
}
.list-grid >.nav-item >a >div >img {
    width: auto;
    height: 60px;
}
.user-profile a {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 400;
}
.user-profile a img {
    margin-right: 20px;
}

.section.form-container {
    width: 100%;
    background-color: #072c49;
   /* min-height: 800px;
    max-height:1200px;*/
}
.gym-form-sec{
	background-color:#FFF;
}

.gym-form-wrapper form{
	padding:30px;
}
.gym-form-wrapper .form-control,.gym-form-wrapper label {
    font-size: 16px;
    font-weight: 300;
    color: #344655;
}
.gym-form-wrapper label >span{
    font-size: 14px;
    font-weight: 300;
    color: #bbbbbb;
}
.gym-form-wrapper .form-group.required label,.gym-form-wrapper .form-group .custom-file i.required{
	position:relative;
}
.gym-form-wrapper .custom-file span {
    font-size: 14px;
    font-weight: 300;
    color: #344655;
}
.gym-form-wrapper .form-group.required label:after {
    content: "*";
    color: #00b2a9;
    bottom: 0;
    position: absolute;
    font-size: 16px;
    width: 16px;
    height: 16px;
    /* border: 1px solid; */
    line-height: 1;
}
.gym-form-wrapper .form-group .custom-file i.required:after{
	content: "*";
    color: #00b2a9;
    bottom: 0;
    position: absolute;
    font-size: 16px;
    width: 16px;
    height: 16px;
    line-height: 1;
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active{
	 background-color: #072c49;
    border: 1px solid;
    color: #fdc33a;
}
.prev-next .prev,.prev-next .next {
    padding: 15px 40px;
    font-size: 16px;
    font-weight: 300;
}
.prev-next .prev {
    margin-right: 15px;
	background-color:#072c49;
	color:#fdc33b;
	border: 0;
   
}
.prev-next .next {
	color:#072c49;
	background-color:#fdc33b;
	border: 0;
   
}
footer.footer {
    color: #bbbbbb;
    font-size: 18px;
    text-align: center;
    padding: 30px;
}
.desclaimer-box {
	position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 30px 3%;
    z-index: 1;
    background: #ececec;
    font-size: 14px;
	display: block;
}
.desclaimer-box  .agree {
	color: #072c49;
    background-color: #fdc33b;
    border: 0;
    margin: 16% 0;
    padding: 10px 30px;
}
.thank-you-msg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 550px;
    padding: 10px 30px 30px;
    z-index: 1;
    background: #FFF;
    font-size: 14px;   
    margin: auto;
    left: 0;
    right: 0;
    text-align: center;
	display: block;
}
.thank-you-msg h2 {
	margin-top:30px;
}

@media only screen and (min-width: 1024px) {
	.section.top-container{
		height: auto;
	}
	.gym-form-wrapper{
		/*position: absolute;*/
		background-color: #FFF;
		/*top: -230px;*/
		width: 100%;
	}
}

@media only screen and (max-width: 1024px) {
	.section.form-container{
		height:100%;
	}
	.gym-form-wrapper{
		position:relative;
		
	}
	.user-profile-box{
		float:right;
	}
	
}
@media only screen and (min-width: 768px) {
	.user-profile-box{
		float:right;
		text-align:right;
	}
}
@media only screen and (max-width: 767px) {
	.header-container .logo-area a.logo{
		width:120px;
	}
	.list-grid >div {
		margin-bottom:30px;
	}
	.prev-next .prev, .prev-next .next{
		    padding: 5px 20px;
	}
	.user-profile-box{
		float:right;
		text-align:right;
	}
	
}
@media only screen and (max-width: 576px) {
	.header-container .logo-area{
		width:80%;
	}
	.header-container .logo-area a.logo{
		width:90%;
	}
	.header-container .user-profile{
		margin-top:17%;
	}
	.user-profile a img{
		margin-right:10px;
	}
	.header-container .user-profile a.btn{
		font-size:14px;
	}
	.list-grid >div {
		margin-bottom:30px;
	}
	.prev-next .prev, .prev-next .next{
		    padding: 5px 20px;
	}
	.user-profile-box{
		float:none;
		text-align:center;
	}
	.success-message .requires{
		padding-left:15px;
	}
	.gym-form-wrapper form{
		padding:45px 0px;
	}
	.gym-form-wrapper label.custom-file-label{
		font-size:14px;
	}
}
@media only screen and (max-width: 375px) {
	.header-container .user-profile{
		margin-top:20%;
		text-align:right;
	}
	.user-profile a img{
		display:none;
	}
	.success-message .requires{
		padding-left:15px;
	}
	.gym-form-wrapper label.custom-file-label{
		font-size:14px;
	}
}
#questionaire-pane{
	
}
.questionaire tr td {
	font-weight:300;
}
.questionaire tr td:not(:last-child) {
    font-weight: 300;
	text-align:center;
	
}
[type="radio"]:checked, [type="radio"]:not(:checked) {
    position: absolute;
    left: -9999px;
}
[type="radio"]:checked + label:before, [type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 16px;
    height: 16px;
    border: 1px solid #9a9a9a;
    border-radius: 100%;
    background: #fff;
}
[type="radio"]:checked + label:after, [type="radio"]:not(:checked) + label:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #00b2a9;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
[type="radio"]:checked + label, [type="radio"]:not(:checked) + label {
    position: relative;
    padding-left: 28px;
    cursor: pointer;
    line-height: 16px;
    display: inline-block;
    font-size: .9em;
    font-weight: 300;
    margin-bottom: 0;
}
[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}

#lifestyle-pane,#health-goal-pane{
	padding:0px 15px;
}
#health-goal-pane form{
	padding:30px 45px;
}
#health-goal-pane hr{
	margin-left:-15px;
	margin-right:-15px;
}
#health-goal-pane a,#health-goal-pane a:hover,#health-goal-pane a:active{
	color:#00b2a9;
	text-decoration:none;
}
#lifestyle-pane [type="radio"]:checked + label,
#lifestyle-pane [type="radio"]:not(:checked) + label,
#health-goal-pane [type="checkbox"]:checked + label,
#health-goal-pane [type="checkbox"]:not(:checked) + label{
	display:block;
	margin-bottom:5px;
}

/* The container */
.container_chk {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 10px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.container_chk input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 4px;
  left: 0;
  height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid grey;
    border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.container_chk:hover input ~ .checkmark {
  background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.container_chk input:checked ~ .checkmark {
  background-color: #00b2a9;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container_chk input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.container_chk .checkmark:after {
  left: 4px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.hidden {
display: none !important
}

.field-validation-error {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #fc4b6c
}

.text-danger-cstm {
    color: #00b2a9 !important;
    font-size : 8px !important;
}


table {
    border-collapse: collapse;
}



.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #67757c;
}

    .table th,
    .table td {
        padding: 0.75rem;
        vertical-align: top;
        border-top: 1px solid #f3f1f1;
    }

    .table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #f3f1f1;
    }

    .table tbody + tbody {
        border-top: 2px solid #f3f1f1;
    }

.table-sm th,
.table-sm td {
    padding: 0.3rem;
}

.table-bordered {
    border: 1px solid #f3f1f1;
}

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #f3f1f1;
    }

    .table-bordered thead th,
    .table-bordered thead td {
        border-bottom-width: 2px;
    }

.table-borderless th,
.table-borderless td,
.table-borderless thead th,
.table-borderless tbody + tbody {
    border: 0;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}

.table-hover tbody tr:hover {
    color: #67757c;
    background-color: #f2f4f8;
}

.table-primary,
.table-primary > th,
.table-primary > td {
    background-color: #d8d2fa;
}

    .table-primary th,
    .table-primary td,
    .table-primary thead th,
    .table-primary tbody + tbody {
        border-color: #b7acf6;
    }

.table-hover .table-primary:hover {
    background-color: #c4bbf7;
}

    .table-hover .table-primary:hover > td,
    .table-hover .table-primary:hover > th {
        background-color: #c4bbf7;
    }

.table-secondary,
.table-secondary > th,
.table-secondary > td {
    background-color: #d8dadd;
}

    .table-secondary th,
    .table-secondary td,
    .table-secondary thead th,
    .table-secondary tbody + tbody {
        border-color: #b6babf;
    }

.table-hover .table-secondary:hover {
    background-color: #cacdd1;
}

    .table-hover .table-secondary:hover > td,
    .table-hover .table-secondary:hover > th {
        background-color: #cacdd1;
    }

.table-success,
.table-success > th,
.table-success > td {
    background-color: #c1eef4;
}

    .table-success th,
    .table-success td,
    .table-success thead th,
    .table-success tbody + tbody {
        border-color: #8cdfea;
    }

.table-hover .table-success:hover {
    background-color: #abe8f0;
}

    .table-hover .table-success:hover > td,
    .table-hover .table-success:hover > th {
        background-color: #abe8f0;
    }

.table-info,
.table-info > th,
.table-info > td {
    background-color: #c0def8;
}

    .table-info th,
    .table-info td,
    .table-info thead th,
    .table-info tbody + tbody {
        border-color: #8ac1f1;
    }

.table-hover .table-info:hover {
    background-color: #a9d2f5;
}

    .table-hover .table-info:hover > td,
    .table-hover .table-info:hover > th {
        background-color: #a9d2f5;
    }

.table-warning,
.table-warning > th,
.table-warning > td {
    background-color: #ffe9c4;
}

    .table-warning th,
    .table-warning td,
    .table-warning thead th,
    .table-warning tbody + tbody {
        border-color: #ffd791;
    }

.table-hover .table-warning:hover {
    background-color: #ffdfab;
}

    .table-hover .table-warning:hover > td,
    .table-hover .table-warning:hover > th {
        background-color: #ffdfab;
    }

.table-danger,
.table-danger > th,
.table-danger > td {
    background-color: #fecdd6;
}

    .table-danger th,
    .table-danger td,
    .table-danger thead th,
    .table-danger tbody + tbody {
        border-color: #fda1b3;
    }

.table-hover .table-danger:hover {
    background-color: #feb4c2;
}

    .table-hover .table-danger:hover > td,
    .table-hover .table-danger:hover > th {
        background-color: #feb4c2;
    }

.table-light,
.table-light > th,
.table-light > td {
    background-color: #fbfcfd;
}

    .table-light th,
    .table-light td,
    .table-light thead th,
    .table-light tbody + tbody {
        border-color: #f8f9fb;
    }

.table-hover .table-light:hover {
    background-color: #eaeff5;
}

    .table-hover .table-light:hover > td,
    .table-hover .table-light:hover > th {
        background-color: #eaeff5;
    }

.table-dark,
.table-dark > th,
.table-dark > td {
    background-color: #c1c2c3;
}

    .table-dark th,
    .table-dark td,
    .table-dark thead th,
    .table-dark tbody + tbody {
        border-color: #8c8e90;
    }

.table-hover .table-dark:hover {
    background-color: #b4b5b6;
}

    .table-hover .table-dark:hover > td,
    .table-hover .table-dark:hover > th {
        background-color: #b4b5b6;
    }

.table-inverse,
.table-inverse > th,
.table-inverse > td {
    background-color: #c5c9cc;
}

    .table-inverse th,
    .table-inverse td,
    .table-inverse thead th,
    .table-inverse tbody + tbody {
        border-color: #939aa1;
    }

.table-hover .table-inverse:hover {
    background-color: #b7bcc0;
}

    .table-hover .table-inverse:hover > td,
    .table-hover .table-inverse:hover > th {
        background-color: #b7bcc0;
    }

.table-megna,
.table-megna > th,
.table-megna > td {
    background-color: #b8deda;
}

    .table-megna th,
    .table-megna td,
    .table-megna thead th,
    .table-megna tbody + tbody {
        border-color: #7ac2ba;
    }

.table-hover .table-megna:hover {
    background-color: #a7d6d1;
}

    .table-hover .table-megna:hover > td,
    .table-hover .table-megna:hover > th {
        background-color: #a7d6d1;
    }

.table-purple,
.table-purple > th,
.table-purple > td {
    background-color: #d8d2fa;
}

    .table-purple th,
    .table-purple td,
    .table-purple thead th,
    .table-purple tbody + tbody {
        border-color: #b7acf6;
    }

.table-hover .table-purple:hover {
    background-color: #c4bbf7;
}

    .table-hover .table-purple:hover > td,
    .table-hover .table-purple:hover > th {
        background-color: #c4bbf7;
    }

.table-light-danger,
.table-light-danger > th,
.table-light-danger > td {
    background-color: #fdf8f9;
}

    .table-light-danger th,
    .table-light-danger td,
    .table-light-danger thead th,
    .table-light-danger tbody + tbody {
        border-color: #fcf3f5;
    }

.table-hover .table-light-danger:hover {
    background-color: #f7e4e8;
}

    .table-hover .table-light-danger:hover > td,
    .table-hover .table-light-danger:hover > th {
        background-color: #f7e4e8;
    }

.table-light-success,
.table-light-success > th,
.table-light-success > td {
    background-color: #f9fef9;
}

    .table-light-success th,
    .table-light-success td,
    .table-light-success thead th,
    .table-light-success tbody + tbody {
        border-color: #f3fef5;
    }

.table-hover .table-light-success:hover {
    background-color: #e3fae3;
}

    .table-hover .table-light-success:hover > td,
    .table-hover .table-light-success:hover > th {
        background-color: #e3fae3;
    }

.table-light-warning,
.table-light-warning > th,
.table-light-warning > td {
    background-color: #fffdfa;
}

    .table-light-warning th,
    .table-light-warning td,
    .table-light-warning thead th,
    .table-light-warning tbody + tbody {
        border-color: #fffbf5;
    }

.table-hover .table-light-warning:hover {
    background-color: #fff3e1;
}

    .table-hover .table-light-warning:hover > td,
    .table-hover .table-light-warning:hover > th {
        background-color: #fff3e1;
    }

.table-light-primary,
.table-light-primary > th,
.table-light-primary > td {
    background-color: #fbfbfe;
}

    .table-light-primary th,
    .table-light-primary td,
    .table-light-primary thead th,
    .table-light-primary tbody + tbody {
        border-color: #f8f7fe;
    }

.table-hover .table-light-primary:hover {
    background-color: #e7e7f9;
}

    .table-hover .table-light-primary:hover > td,
    .table-hover .table-light-primary:hover > th {
        background-color: #e7e7f9;
    }

.table-light-info,
.table-light-info > th,
.table-light-info > td {
    background-color: #f2faff;
}

    .table-light-info th,
    .table-light-info td,
    .table-light-info thead th,
    .table-light-info tbody + tbody {
        border-color: #e6f5fe;
    }

.table-hover .table-light-info:hover {
    background-color: #d9f0ff;
}

    .table-hover .table-light-info:hover > td,
    .table-hover .table-light-info:hover > th {
        background-color: #d9f0ff;
    }

.table-light-inverse,
.table-light-inverse > th,
.table-light-inverse > td {
    background-color: #fcfcfc;
}

    .table-light-inverse th,
    .table-light-inverse td,
    .table-light-inverse thead th,
    .table-light-inverse tbody + tbody {
        border-color: #fafafa;
    }

.table-hover .table-light-inverse:hover {
    background-color: #efefef;
}

    .table-hover .table-light-inverse:hover > td,
    .table-hover .table-light-inverse:hover > th {
        background-color: #efefef;
    }

.table-light-megna,
.table-light-megna > th,
.table-light-megna > td {
    background-color: #f6fbfc;
}

    .table-light-megna th,
    .table-light-megna td,
    .table-light-megna thead th,
    .table-light-megna tbody + tbody {
        border-color: #eff8f9;
    }

.table-hover .table-light-megna:hover {
    background-color: #e3f3f6;
}

    .table-hover .table-light-megna:hover > td,
    .table-hover .table-light-megna:hover > th {
        background-color: #e3f3f6;
    }

.table-active,
.table-active > th,
.table-active > td {
    background-color: #f2f4f8;
}

.table-hover .table-active:hover {
    background-color: #e1e6ef;
}

    .table-hover .table-active:hover > td,
    .table-hover .table-active:hover > th {
        background-color: #e1e6ef;
    }

.table .thead-dark th {
    color: #fff;
    background-color: #343a40;
    border-color: #454d55;
}

.table .thead-light th {
    color: #495057;
    background-color: #e9ecef;
    border-color: #f3f1f1;
}

.table-dark {
    color: #fff;
    background-color: #343a40;
}

    .table-dark th,
    .table-dark td,
    .table-dark thead th {
        border-color: #454d55;
    }

    .table-dark.table-bordered {
        border: 0;
    }

    .table-dark.table-striped tbody tr:nth-of-type(odd) {
        background-color: rgba(255, 255, 255, 0.05);
    }

    .table-dark.table-hover tbody tr:hover {
        color: #fff;
        background-color: rgba(255, 255, 255, 0.075);
    }

@media (max-width: 575.98px) {
    .table-responsive-sm {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

        .table-responsive-sm > .table-bordered {
            border: 0;
        }
}

@media (max-width: 767.98px) {
    .table-responsive-md {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

        .table-responsive-md > .table-bordered {
            border: 0;
        }
}

@media (max-width: 991.98px) {
    .table-responsive-lg {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

        .table-responsive-lg > .table-bordered {
            border: 0;
        }
}

@media (max-width: 1399.98px) {
    .table-responsive-xl {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

        .table-responsive-xl > .table-bordered {
            border: 0;
        }
}

.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

    .table-responsive > .table-bordered {
        border: 0;
    }


.d-table-row {
    display: table-row !important;
}

.d-table-cell {
    display: table-cell !important;
}


@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }

    .d-sm-inline {
        display: inline !important;
    }

    .d-sm-inline-block {
        display: inline-block !important;
    }

    .d-sm-block {
        display: block !important;
    }

    .d-sm-table {
        display: table !important;
    }

    .d-sm-table-row {
        display: table-row !important;
    }

    .d-sm-table-cell {
        display: table-cell !important;
    }

    .d-sm-flex {
        display: flex !important;
    }

    .d-sm-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }

    .d-md-inline {
        display: inline !important;
    }

    .d-md-inline-block {
        display: inline-block !important;
    }

    .d-md-block {
        display: block !important;
    }

    .d-md-table {
        display: table !important;
    }

    .d-md-table-row {
        display: table-row !important;
    }

    .d-md-table-cell {
        display: table-cell !important;
    }

    .d-md-flex {
        display: flex !important;
    }

    .d-md-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }

    .d-lg-inline {
        display: inline !important;
    }

    .d-lg-inline-block {
        display: inline-block !important;
    }

    .d-lg-block {
        display: block !important;
    }

    .d-lg-table {
        display: table !important;
    }

    .d-lg-table-row {
        display: table-row !important;
    }

    .d-lg-table-cell {
        display: table-cell !important;
    }

    .d-lg-flex {
        display: flex !important;
    }

    .d-lg-inline-flex {
        display: inline-flex !important;
    }
}

@media (min-width: 1400px) {
    .d-xl-none {
        display: none !important;
    }

    .d-xl-inline {
        display: inline !important;
    }

    .d-xl-inline-block {
        display: inline-block !important;
    }

    .d-xl-block {
        display: block !important;
    }

    .d-xl-table {
        display: table !important;
    }

    .d-xl-table-row {
        display: table-row !important;
    }

    .d-xl-table-cell {
        display: table-cell !important;
    }

    .d-xl-flex {
        display: flex !important;
    }

    .d-xl-inline-flex {
        display: inline-flex !important;
    }
}

@media print {
    .d-print-none {
        display: none !important;
    }

    .d-print-inline {
        display: inline !important;
    }

    .d-print-inline-block {
        display: inline-block !important;
    }

    .d-print-block {
        display: block !important;
    }

    .d-print-table {
        display: table !important;
    }

    .d-print-table-row {
        display: table-row !important;
    }

    .d-print-table-cell {
        display: table-cell !important;
    }

    .d-print-flex {
        display: flex !important;
    }

    .d-print-inline-flex {
        display: inline-flex !important;
    }
}



@media print {
    *,
    *::before,
    *::after {
        text-shadow: none !important;
        box-shadow: none !important;
    }

    a:not(.btn) {
        text-decoration: underline;
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
        border: 1px solid #adb5bd;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

    @page {
        size: a3;
    }

    body {
        min-width: 992px !important;
    }

    .container {
        min-width: 992px !important;
    }

    .navbar {
        display: none;
    }

    .badge {
        border: 1px solid #000;
    }

    .table {
        border-collapse: collapse !important;
    }

        .table td,
        .table th {
            background-color: #fff !important;
        }

    .table-bordered th,
    .table-bordered td {
        border: 1px solid #dee2e6 !important;
    }

    .table-dark {
        color: inherit;
    }

        .table-dark th,
        .table-dark td,
        .table-dark thead th,
        .table-dark tbody + tbody {
            border-color: #f3f1f1;
        }

    .table .thead-dark th {
        color: inherit;
        border-color: #f3f1f1;
    }
}

.cell {
    display: table-cell;
    vertical-align: middle;
}

.table thead th, .table th {
    font-weight: 500;
}


.tablesaw [type="checkbox"]:not(:checked), .tablesaw [type="checkbox"]:checked,
.fixed-table-container [type="checkbox"]:not(:checked),
.fixed-table-container [type="checkbox"]:checked {
    position: relative;
    left: 0;
    opacity: 1;
}


table th {
    font-weight: 400;
}

.daterangepicker td.active, .daterangepicker td.active:hover {
    background-color: #009efb;
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover {
    background: #009efb;
    color: #fff;
}

.datepicker td, .datepicker th {
    padding: 5px 10px;
}


.table thead th, .table th {
    border: 0px;
}

.color-table.primary-table thead th {
    background-color: #7460ee;
    color: #fff;
}

.table-striped tbody tr:nth-of-type(odd) {
    background: #f2f4f8;
}

.color-table.success-table thead th {
    background-color: #21c1d6;
    color: #fff;
}

.color-table.info-table thead th {
    background-color: #1e88e5;
    color: #fff;
}

.color-table.warning-table thead th {
    background-color: #ffb22b;
    color: #fff;
}

.color-table.danger-table thead th {
    background-color: #fc4b6c;
    color: #fff;
}

.color-table.inverse-table thead th {
    background-color: #2f3d4a;
    color: #fff;
}

.color-table.dark-table thead th {
    background-color: #212529;
    color: #fff;
}

.color-table.red-table thead th {
    background-color: #fc4b6c;
    color: #fff;
}

.color-table.purple-table thead th {
    background-color: #7460ee;
    color: #fff;
}

.color-table.muted-table thead th {
    background-color: #99abb4;
    color: #fff;
}

.color-bordered-table.primary-bordered-table {
    border: 2px solid #7460ee;
}

    .color-bordered-table.primary-bordered-table thead th {
        background-color: #7460ee;
        color: #fff;
    }

.color-bordered-table.success-bordered-table {
    border: 2px solid #21c1d6;
}

    .color-bordered-table.success-bordered-table thead th {
        background-color: #21c1d6;
        color: #fff;
    }

.color-bordered-table.info-bordered-table {
    border: 2px solid #1e88e5;
}

    .color-bordered-table.info-bordered-table thead th {
        background-color: #1e88e5;
        color: #fff;
    }

.color-bordered-table.warning-bordered-table {
    border: 2px solid #ffb22b;
}

    .color-bordered-table.warning-bordered-table thead th {
        background-color: #ffb22b;
        color: #fff;
    }

.color-bordered-table.danger-bordered-table {
    border: 2px solid #fc4b6c;
}

    .color-bordered-table.danger-bordered-table thead th {
        background-color: #fc4b6c;
        color: #fff;
    }

.color-bordered-table.inverse-bordered-table {
    border: 2px solid #2f3d4a;
}

    .color-bordered-table.inverse-bordered-table thead th {
        background-color: #2f3d4a;
        color: #fff;
    }

.color-bordered-table.dark-bordered-table {
    border: 2px solid #212529;
}

    .color-bordered-table.dark-bordered-table thead th {
        background-color: #212529;
        color: #fff;
    }

.color-bordered-table.red-bordered-table {
    border: 2px solid #fc4b6c;
}

    .color-bordered-table.red-bordered-table thead th {
        background-color: #fc4b6c;
        color: #fff;
    }

.color-bordered-table.purple-bordered-table {
    border: 2px solid #7460ee;
}

    .color-bordered-table.purple-bordered-table thead th {
        background-color: #7460ee;
        color: #fff;
    }

.color-bordered-table.muted-bordered-table {
    border: 2px solid #99abb4;
}

    .color-bordered-table.muted-bordered-table thead th {
        background-color: #99abb4;
        color: #fff;
    }

.full-color-table.full-primary-table {
    background-color: #f1effd;
}

    .full-color-table.full-primary-table thead th {
        background-color: #7460ee;
        border: 0;
        color: #fff;
    }

    .full-color-table.full-primary-table tbody td {
        border: 0;
    }

    .full-color-table.full-primary-table tr:hover {
        background-color: #7460ee;
        color: #fff;
    }

.full-color-table.full-success-table {
    background-color: #e8fdeb;
}

    .full-color-table.full-success-table thead th {
        background-color: #21c1d6;
        border: 0;
        color: #fff;
    }

    .full-color-table.full-success-table tbody td {
        border: 0;
    }

    .full-color-table.full-success-table tr:hover {
        background-color: #21c1d6;
        color: #fff;
    }

.full-color-table.full-info-table {
    background-color: #cfecfe;
}

    .full-color-table.full-info-table thead th {
        background-color: #1e88e5;
        border: 0;
        color: #fff;
    }

    .full-color-table.full-info-table tbody td {
        border: 0;
    }

    .full-color-table.full-info-table tr:hover {
        background-color: #1e88e5;
        color: #fff;
    }

.full-color-table.full-warning-table {
    background-color: #fff8ec;
}

    .full-color-table.full-warning-table thead th {
        background-color: #ffb22b;
        border: 0;
        color: #fff;
    }

    .full-color-table.full-warning-table tbody td {
        border: 0;
    }

    .full-color-table.full-warning-table tr:hover {
        background-color: #ffb22b;
        color: #fff;
    }

.full-color-table.full-danger-table {
    background-color: #f9e7eb;
}

    .full-color-table.full-danger-table thead th {
        background-color: #fc4b6c;
        border: 0;
        color: #fff;
    }

    .full-color-table.full-danger-table tbody td {
        border: 0;
    }

    .full-color-table.full-danger-table tr:hover {
        background-color: #fc4b6c;
        color: #fff;
    }

.full-color-table.full-inverse-table {
    background-color: #f6f6f6;
}

    .full-color-table.full-inverse-table thead th {
        background-color: #2f3d4a;
        border: 0;
        color: #fff;
    }

    .full-color-table.full-inverse-table tbody td {
        border: 0;
    }

    .full-color-table.full-inverse-table tr:hover {
        background-color: #2f3d4a;
        color: #fff;
    }

.full-color-table.full-dark-table {
    background-color: rgba(43, 43, 43, 0.8);
}

    .full-color-table.full-dark-table thead th {
        background-color: #212529;
        border: 0;
        color: #fff;
    }

    .full-color-table.full-dark-table tbody td {
        border: 0;
        color: #fff;
    }

    .full-color-table.full-dark-table tr:hover {
        background-color: #212529;
        color: #fff;
    }

.full-color-table.full-red-table {
    background-color: #f9e7eb;
}

    .full-color-table.full-red-table thead th {
        background-color: #fc4b6c;
        border: 0;
        color: #fff;
    }

    .full-color-table.full-red-table tbody td {
        border: 0;
    }

    .full-color-table.full-red-table tr:hover {
        background-color: #fc4b6c;
        color: #fff;
    }

.full-color-table.full-purple-table {
    background-color: #f1effd;
}

    .full-color-table.full-purple-table thead th {
        background-color: #7460ee;
        border: 0;
        color: #fff;
    }

    .full-color-table.full-purple-table tbody td {
        border: 0;
    }

    .full-color-table.full-purple-table tr:hover {
        background-color: #7460ee;
        color: #fff;
    }

.full-color-table.full-muted-table {
    background-color: rgba(152, 166, 173, 0.2);
}

    .full-color-table.full-muted-table thead th {
        background-color: #99abb4;
        border: 0;
        color: #fff;
    }

    .full-color-table.full-muted-table tbody td {
        border: 0;
    }

    .full-color-table.full-muted-table tr:hover {
        background-color: #99abb4;
        color: #fff;
    }

.dataTables_wrapper {
    padding-top: 10px;
    overflow: hidden;
}

    .dataTables_wrapper.container-fluid {
        padding: 0;
    }

.dt-buttons {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 15px;
}

    .dt-buttons .dt-button {
        padding: 5px 15px;
        border-radius: 4px;
        background: #009efb;
        color: #fff;
        margin-right: 3px;
    }

        .dt-buttons .dt-button:hover {
            background: #2f3d4a;
        }

.dataTables_info, .dataTables_length {
    display: inline-block;
}

.dataTables_length {
    margin-top: 10px;
}

    .dataTables_length select {
        border: 0;
        background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9);
        background-size: 0 2px, 100% 1px;
        background-repeat: no-repeat;
        background-position: center bottom, center calc(100% - 1px);
        background-color: transparent;
        transition: background 0s ease-out;
        padding-bottom: 5px;
        box-shadow: none;
    }

        .dataTables_length select:focus {
            outline: none;
            background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9);
            background-size: 100% 2px, 100% 1px;
            box-shadow: none;
            transition-duration: 0.3s;
        }

.dataTables_filter {
    float: right;
    margin-top: 10px;
}

    .dataTables_filter input {
        border: 0;
        background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9);
        background-size: 0 2px, 100% 1px;
        background-repeat: no-repeat;
        background-position: center bottom, center calc(100% - 1px);
        background-color: transparent;
        transition: background 0s ease-out;
        float: none;
        box-shadow: none;
        border-radius: 0;
        margin-left: 10px;
    }

        .dataTables_filter input:focus {
            outline: none;
            background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9);
            background-size: 100% 2px, 100% 1px;
            box-shadow: none;
            transition-duration: 0.3s;
        }

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: transparent;
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 0.25em;
}

    .dataTables_wrapper .dataTables_paginate .paginate_button {
        box-sizing: border-box;
        display: inline-block;
        min-width: 1.5em;
        /*padding: 0.5em 1em;*/
        text-align: center;
        text-decoration: none;
        cursor: pointer;
        *cursor: hand;
        color: #67757c;
        border: 1px solid #ddd;
    }

        .dataTables_wrapper .dataTables_paginate .paginate_button.current,
        .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
            color: #fff !important;
            border: 1px solid #009efb;
            background-color: #009efb;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
        .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
            cursor: default;
            color: #67757c;
            border: 1px solid #ddd;
            background: transparent;
            box-shadow: none;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button:hover {
            color: white;
            border: 1px solid #009efb;
            background-color: #009efb;
        }

        .dataTables_wrapper .dataTables_paginate .paginate_button:active {
            outline: none;
            background-color: #67757c;
        }

    .dataTables_wrapper .dataTables_paginate .ellipsis {
        padding: 0 1em;
    }

.tablesaw-bar .btn-group label {
    color: #67757c !important;
}

.dt-bootstrap {
    display: block;
}

#editable-datatable_wrapper .paging_simple_numbers .pagination .paginate_button {
    padding: 0px;
    background: #fff;
}

    #editable-datatable_wrapper .paging_simple_numbers .pagination .paginate_button:hover {
        background: #fff;
    }

    #editable-datatable_wrapper .paging_simple_numbers .pagination .paginate_button a {
        padding: 5px 10px;
        border-radius: 4px;
        border: 0px;
    }

    #editable-datatable_wrapper .paging_simple_numbers .pagination .paginate_button.active a, #editable-datatable_wrapper .paging_simple_numbers .pagination .paginate_button:hover a {
        background: #1e88e5;
        color: #fff;
    }

#demo-show-entries {
    border: 0;
    background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: transparent;
    transition: background 0s ease-out;
    padding-bottom: 5px;
    color: #67757c;
}

    #demo-show-entries:focus {
        outline: none;
        background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9);
        background-size: 100% 2px, 100% 1px;
        box-shadow: none;
        transition-duration: 0.3s;
    }

#demo-input-search2 {
    border: 0;
    background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9);
    background-size: 0 2px, 100% 1px;
    background-repeat: no-repeat;
    background-position: center bottom, center calc(100% - 1px);
    background-color: transparent;
    transition: background 0s ease-out;
    float: none;
    box-shadow: none;
    border-radius: 0;
    margin-left: 10px;
    color: #67757c;
}

    #demo-input-search2:focus {
        outline: none;
        background-image: linear-gradient(#009efb, #009efb), linear-gradient(#d9d9d9, #d9d9d9);
        background-size: 100% 2px, 100% 1px;
        box-shadow: none;
        transition-duration: 0.3s;
    }

table.footable, table.footable-details {
    border: 0 !important;
}

.footable .pagination li a {
    position: relative;
    display: block;
    padding: .5rem .75rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #0275d8;
    background-color: #fff;
    border: 1px solid #ddd;
}

.footable .pagination li.active a {
    z-index: 2;
    color: #fff;
    background-color: #0275d8;
    border-color: #0275d8;
}

.footable .pagination li.disabled a {
    color: #636c72;
    pointer-events: none;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}

.footable .pagination li:first-child a {
    margin-left: 0;
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem;
}

.footable-odd {
    background: #f2f4f8;
}

.icon-list-demo div {
    cursor: pointer;
    line-height: 60px;
    white-space: nowrap;
    color: #67757c;
}

    .icon-list-demo div:hover {
        color: #212529;
    }

    .icon-list-demo div p {
        margin: 10px 0;
        padding: 5px 0;
    }

.icon-list-demo i {
    -webkit-transition: all 0.2s;
    -webkit-transition: font-size .2s;
    display: inline-block;
    font-size: 18px;
    margin: 0 15px 0 10px;
    text-align: left;
    transition: all 0.2s;
    transition: font-size .2s;
    vertical-align: middle;
    transition: all 0.3s ease 0s;
}

.icon-list-demo .col-md-4, .icon-list-demo .col-3 {
    border-radius: 4px;
}

    .icon-list-demo .col-md-4:hover, .icon-list-demo .col-3:hover {
        background-color: #ebf3f5;
    }

.icon-list-demo .div:hover i {
    font-size: 2em;
}

.material-icon-list-demo .mdi {
    font-size: 21px;
}

.grid-stack-item-content {
    background: #fff;
    color: #2b2b2b;
    text-align: center;
    font-size: 20px;
}

.grid-stack > .grid-stack-item > .grid-stack-item-content {
    border: 1px solid rgba(120, 130, 140, 0.13);
}

.bootstrap-switch,
.bootstrap-switch .bootstrap-switch-container {
    border-radius: 2px;
}

    .bootstrap-switch .bootstrap-switch-handle-on {
        border-bottom-left-radius: 2px;
        border-top-left-radius: 2px;
    }

    .bootstrap-switch .bootstrap-switch-handle-off {
        border-bottom-right-radius: 2px;
        border-top-right-radius: 2px;
    }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary,
        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary {
            color: #fff;
            background: #7460ee;
        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info,
        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info {
            color: #fff;
            background: #1e88e5;
        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success,
        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success {
            color: #fff;
            background: #21c1d6;
        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning,
        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning {
            color: #fff;
            background: #ffb22b;
        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger,
        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger {
            color: #fff;
            background: #fc4b6c;
        }

        .bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default,
        .bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default {
            color: #212529;
            background: #f2f4f8;
        }

.onoffswitch {
    position: relative;
    width: 90px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.onoffswitch-checkbox {
    display: none;
}

.onoffswitch-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    border: 2px solid #21c1d6;
    border-radius: 20px;
}

.onoffswitch-inner {
    display: block;
    width: 200%;
    margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}

    .onoffswitch-inner:before, .onoffswitch-inner:after {
        display: block;
        float: left;
        width: 50%;
        height: 30px;
        padding: 0;
        line-height: 30px;
        font-size: 14px;
        color: white;
        box-sizing: border-box;
    }

    .onoffswitch-inner:before {
        content: "ON";
        padding-left: 27px;
        background-color: #21c1d6;
        color: #FFFFFF;
    }

    .onoffswitch-inner:after {
        content: "OFF";
        padding-right: 24px;
        background-color: #EEEEEE;
        color: #999999;
        text-align: right;
    }

.onoffswitch-switch {
    display: block;
    width: 23px;
    margin: 6px;
    background: #FFFFFF;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 56px;
    border: 2px solid #21c1d6;
    border-radius: 20px;
    transition: all 0.3s ease-in 0s;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}

.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
    right: 0px;
}

.dp-selected[style] {
    background-color: #009efb !important;
}

.datepaginator-sm .pagination li a, .datepaginator-lg .pagination li a, .datepaginator .pagination li a {
    padding: 0 5px;
    height: 60px;
    border: 1px solid rgba(120, 130, 140, 0.13);
    float: left;
    position: relative;
}

.model_img {
    cursor: pointer;
}

.show-grid {
    margin-bottom: 10px;
    padding: 0 15px;
}

    .show-grid [class^=col-] {
        padding-top: 10px;
        padding-bottom: 10px;
        border: 1px solid #d9d9d9;
        background-color: #f2f4f8;
    }

.vtabs {
    display: table;
}

    .vtabs .tabs-vertical {
        width: 150px;
        border-bottom: 0px;
        border-right: 1px solid rgba(120, 130, 140, 0.13);
        display: table-cell;
        vertical-align: top;
    }

        .vtabs .tabs-vertical li .nav-link {
            color: #212529;
            margin-bottom: 10px;
            border: 0px;
            border-radius: 4px 0 0 4px;
        }

    .vtabs .tab-content {
        display: table-cell;
        padding: 20px;
        vertical-align: top;
    }

.tabs-vertical li .nav-link.active, .tabs-vertical li .nav-link:hover, .tabs-vertical li .nav-link.active:focus {
    background: #009efb;
    border: 0px;
    color: #fff;
}

.customvtab .tabs-vertical li .nav-link.active, .customvtab .tabs-vertical li .nav-link:hover, .customvtab .tabs-vertical li .nav-link:focus {
    background: #fff;
    border: 0px;
    border-right: 2px solid #009efb;
    margin-right: -1px;
    color: #009efb;
}

.tabcontent-border {
    border: 1px solid #ddd;
    border-top: 0px;
}

.customtab2 li a.nav-link {
    border: 0px;
    margin-right: 3px;
    color: #67757c;
}

    .customtab2 li a.nav-link.active {
        background: #009efb;
        color: #fff;
    }

    .customtab2 li a.nav-link:hover {
        color: #fff;
        background: #009efb;
    }

.progress.active .progress-bar,
.progress-bar.active {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-vertical {
    min-height: 250px;
    height: 250px;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px;
}

.progress-vertical-bottom {
    min-height: 250px;
    height: 250px;
    position: relative;
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px;
    transform: rotate(180deg);
}

.progress-animated {
    -webkit-animation-duration: 5s;
    -webkit-animation-name: myanimation;
    -webkit-transition: 5s all;
    animation-duration: 5s;
    animation-name: myanimation;
    transition: 5s all;
}

@-webkit-keyframes myanimation {
    from {
        width: 0;
    }
}

@keyframes myanimation {
    from {
        width: 0;
    }
}

.jq-icon-info {
    background-color: #1e88e5;
    color: #fff;
}

.jq-icon-success {
    background-color: #21c1d6;
    color: #fff;
}

.jq-icon-error {
    background-color: #fc4b6c;
    color: #fff;
}

.jq-icon-warning {
    background-color: #ffb22b;
    color: #fff;
}

.alert-rounded {
    border-radius: 60px;
}

.list-group a.list-group-item:hover {
    background: #f2f4f8;
}

.list-group-item.active, .list-group .list-group-item.active:hover {
    background: #009efb;
    border-color: #009efb;
}

.list-group-item.disabled {
    color: #99abb4;
    background: #f2f4f8;
}

.media {
    border: 1px solid rgba(120, 130, 140, 0.13);
    margin-bottom: 10px;
    padding: 15px;
}

.el-element-overlay .white-box {
    padding: 0px;
}

.el-element-overlay .el-card-item {
    position: relative;
    padding-bottom: 15px;
}

    .el-element-overlay .el-card-item .el-card-avatar {
        margin-bottom: 15px;
    }

    .el-element-overlay .el-card-item .el-card-content {
        text-align: center;
    }

        .el-element-overlay .el-card-item .el-card-content h3 {
            margin: 0px;
        }

        .el-element-overlay .el-card-item .el-card-content a {
            color: #67757c;
        }

            .el-element-overlay .el-card-item .el-card-content a:hover {
                color: #009efb;
            }

    .el-element-overlay .el-card-item .el-overlay-1 {
        width: 100%;
        overflow: hidden;
        position: relative;
        text-align: center;
        cursor: default;
    }

        .el-element-overlay .el-card-item .el-overlay-1 img {
            display: block;
            position: relative;
            -webkit-transition: all .4s linear;
            transition: all .4s linear;
            width: 100%;
            height: auto;
        }

        .el-element-overlay .el-card-item .el-overlay-1:hover img {
            -ms-transform: scale(1.2) translateZ(0);
            -webkit-transform: scale(1.2) translateZ(0);
            /* transform: scale(1.2) translateZ(0); */
        }

        .el-element-overlay .el-card-item .el-overlay-1 .el-info {
            text-decoration: none;
            display: inline-block;
            text-transform: uppercase;
            color: #fff;
            background-color: transparent;
            filter: alpha(opacity=0);
            -webkit-transition: all .2s ease-in-out;
            transition: all .2s ease-in-out;
            padding: 0;
            margin: auto;
            position: absolute;
            top: 50%;
            left: 0;
            right: 0;
            transform: translateY(-50%) translateZ(0);
            -webkit-transform: translateY(-50%) translateZ(0);
            -ms-transform: translateY(-50%) translateZ(0);
        }

            .el-element-overlay .el-card-item .el-overlay-1 .el-info > li {
                list-style: none;
                display: inline-block;
                margin: 0 3px;
            }

                .el-element-overlay .el-card-item .el-overlay-1 .el-info > li a {
                    border-color: #fff;
                    color: #fff;
                    padding: 12px 15px 10px;
                }

                    .el-element-overlay .el-card-item .el-overlay-1 .el-info > li a:hover {
                        background: #009efb;
                        border-color: #009efb;
                    }

    .el-element-overlay .el-card-item .el-overlay {
        width: 100%;
        height: 100%;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
        opacity: 0;
        background-color: rgba(0, 0, 0, 0.7);
        -webkit-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
    }

    .el-element-overlay .el-card-item .el-overlay-1:hover .el-overlay {
        opacity: 1;
        filter: alpha(opacity=100);
        -webkit-transform: translateZ(0);
        -ms-transform: translateZ(0);
        transform: translateZ(0);
    }

    .el-element-overlay .el-card-item .el-overlay-1 .scrl-dwn {
        top: -100%;
    }

    .el-element-overlay .el-card-item .el-overlay-1 .scrl-up {
        top: 100%;
        height: 0px;
    }

    .el-element-overlay .el-card-item .el-overlay-1:hover .scrl-dwn {
        top: 0px;
    }

    .el-element-overlay .el-card-item .el-overlay-1:hover .scrl-up {
        top: 0px;
        height: 100%;
    }

.timeline {
    position: relative;
    padding: 20px 0 20px;
    list-style: none;
    max-width: 1200px;
    margin: 0 auto;
}

    .timeline:before {
        content: " ";
        position: absolute;
        top: 0;
        bottom: 0;
        left: 50%;
        width: 3px;
        margin-left: -1.5px;
        background-color: #f2f4f8;
    }

    .timeline > li {
        position: relative;
        margin-bottom: 20px;
    }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li:before,
        .timeline > li:after {
            content: " ";
            display: table;
        }

        .timeline > li:after {
            clear: both;
        }

        .timeline > li > .timeline-panel {
            float: left;
            position: relative;
            width: 46%;
            padding: 20px;
            border: 1px solid rgba(120, 130, 140, 0.13);
            border-radius: 4px;
            -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
            box-shadow: 0 1px 6px rgba(0, 0, 0, 0.05);
        }

            .timeline > li > .timeline-panel:before {
                content: " ";
                display: inline-block;
                position: absolute;
                top: 26px;
                right: -8px;
                border-top: 8px solid transparent;
                border-right: 0 solid rgba(120, 130, 140, 0.13);
                border-bottom: 8px solid transparent;
                border-left: 8px solid rgba(120, 130, 140, 0.13);
            }

            .timeline > li > .timeline-panel:after {
                content: " ";
                display: inline-block;
                position: absolute;
                top: 27px;
                right: -7px;
                border-top: 7px solid transparent;
                border-right: 0 solid #fff;
                border-bottom: 7px solid transparent;
                border-left: 7px solid #fff;
            }

        .timeline > li > .timeline-badge {
            z-index: 10;
            position: absolute;
            top: 16px;
            left: 50%;
            width: 50px;
            height: 50px;
            margin-left: -25px;
            border-radius: 50% 50% 50% 50%;
            text-align: center;
            font-size: 1.4em;
            line-height: 50px;
            color: #fff;
            overflow: hidden;
        }

        .timeline > li.timeline-inverted > .timeline-panel {
            float: right;
        }

            .timeline > li.timeline-inverted > .timeline-panel:before {
                right: auto;
                left: -8px;
                border-right-width: 8px;
                border-left-width: 0;
            }

            .timeline > li.timeline-inverted > .timeline-panel:after {
                right: auto;
                left: -7px;
                border-right-width: 7px;
                border-left-width: 0;
            }

.timeline-badge.primary {
    background-color: #7460ee;
}

.timeline-badge.success {
    background-color: #21c1d6;
}

.timeline-badge.warning {
    background-color: #ffb22b;
}

.timeline-badge.danger {
    background-color: #fc4b6c;
}

.timeline-badge.info {
    background-color: #1e88e5;
}

.timeline-title {
    margin-top: 0;
    color: inherit;
    font-weight: 400;
}

.timeline-body > p,
.timeline-body > ul {
    margin-bottom: 0;
}

    .timeline-body > p + p {
        margin-top: 5px;
    }

.cd-horizontal-timeline .events a {
    padding-bottom: 6px;
    color: #009efb;
}

plugin-details {
    display: none;
}

.plugin-details-active {
    display: block;
}

.form-control-line .form-control {
    box-shadow: none;
}

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

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

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

.docs-buttons .btn,
.docs-data .input-group {
    margin-bottom: 5px;
}

.fixed-table-container {
    overflow: hidden;
}

.table-responsive > .table-bordered {
    border: 1px solid #dee2e6;
}

.note-toolbar {
    z-index: 1;
}

@media (min-width: 768px) {
    .profile-bg-height {
        max-height: 187px;
    }

    .blog-img-height {
        max-height: 332px;
    }
}

@media (max-width: 991.98px) {
    .month-table {
        height: unset !important;
    }
}

.profile-card .profile-img {
    max-height: 401px;
}

.btn-list .btn {
    margin-bottom: 12px;
    margin-left: 8px;
}

.modal-title {
    margin-top: 0;
}

.modal-full-width {
    width: 95%;
    max-width: none;
}

.modal-top {
    margin: 0 auto;
}

.modal-right {
    position: absolute;
    right: 0;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    height: 100%;
    margin: 0;
    background-color: #fff;
    align-content: center;
    transform: translate(25%, 0) !important;
}

    .modal-right button.close {
        position: fixed;
        top: 20px;
        right: 20px;
        z-index: 1;
    }

.modal.show .modal-right {
    transform: translate(0, 0) !important;
}

.modal-bottom {
    display: flex;
    flex-flow: column nowrap;
    -ms-flex-pack: end;
    justify-content: flex-end;
    height: 100%;
    margin: 0 auto;
    align-content: center;
}

.modal-colored-header {
    color: #fff;
    border-radius: 0;
}

    .modal-colored-header .close {
        color: #fff !important;
    }

.modal-filled {
    color: #fff;
}

    .modal-filled .modal-header {
        background-color: rgba(255, 255, 255, 0.07);
    }

    .modal-filled .modal-header,
    .modal-filled .modal-footer {
        border: none;
    }

    .modal-filled .close {
        color: #fff !important;
    }

@media (max-width: 767.98px) {
    .social-profile-first {
        padding-top: 15% !important;
        max-height: 193px;
    }
}


.time-item {
    border-color: rgba(120, 130, 140, 0.13);
    padding-bottom: 1px;
    position: relative;
}

    .time-item:before {
        content: " ";
        display: table;
    }

    .time-item:after {
        background-color: #fff;
        border-color: rgba(120, 130, 140, 0.13);
        border-radius: 10px;
        border-style: solid;
        border-width: 2px;
        bottom: 0;
        content: '';
        height: 14px;
        left: 0;
        margin-left: -8px;
        position: absolute;
        top: 5px;
        width: 14px;
    }

.time-item-item:after {
    content: " ";
    display: table;
}

.item-info {
    margin-bottom: 15px;
    margin-left: 15px;
}

    .item-info p {
        margin-bottom: 10px !important;
    }

.feeds .feed-item:hover {
    background: #ebf3f5;
}

.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.social-widget .soc-header {
    padding: 15px;
    text-align: center;
    font-size: 36px;
    color: #fff;
}

    .social-widget .soc-header.box-facebook {
        background: #3b5998;
    }

    .social-widget .soc-header.box-twitter {
        background: #00aced;
    }

    .social-widget .soc-header.box-google {
        background: #f86c6b;
    }

    .social-widget .soc-header.box-linkedin {
        background: #4875b4;
    }

.social-widget .soc-content {
    display: flex;
    text-align: center;
}

    .social-widget .soc-content div {
        padding: 10px;
    }

        .social-widget .soc-content div h3 {
            margin-bottom: 0px;
        }

.gaugejs-box {
    position: relative;
    margin: 0 auto;
}

    .gaugejs-box canvas.gaugejs {
        width: 100% !important;
        height: auto !important;
    }

.social-profile-first {
    text-align: center;
    padding-top: 22%;
    margin-bottom: 103px;
}

    .social-profile-first.bg-over {
        background: rgba(56, 83, 161, 0.7);
    }

    .social-profile-first .middle {
        vertical-align: middle;
    }

.country-state {
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px;
}

    .country-state li {
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .country-state h2 {
        margin-bottom: 0px;
        font-weight: 400;
    }

.profiletimeline {
    margin-left: 70px;
}

    .profiletimeline .sl-left {
        margin-left: -60px;
        z-index: 1;
    }

        .profiletimeline .sl-left img {
            max-width: 40px;
        }

    .profiletimeline .sl-date {
        font-size: 12px;
    }

    .profiletimeline .time-item {
        border-color: rgba(120, 130, 140, 0.13);
        padding-bottom: 1px;
        position: relative;
    }

        .profiletimeline .time-item:before {
            content: " ";
            display: table;
        }

        .profiletimeline .time-item:after {
            background-color: #fff;
            border-color: rgba(120, 130, 140, 0.13);
            border-radius: 10px;
            border-style: solid;
            border-width: 2px;
            bottom: 0;
            content: '';
            height: 14px;
            left: 0;
            margin-left: -8px;
            position: absolute;
            top: 5px;
            width: 14px;
        }

    .profiletimeline .time-item-item:after {
        content: " ";
        display: table;
    }

    .profiletimeline .item-info {
        margin-bottom: 15px;
        margin-left: 15px;
    }

        .profiletimeline .item-info p {
            margin-bottom: 10px !important;
        }

.blog-widget {
    margin-top: 30px;
}

    .blog-widget .blog-image img {
        border-radius: 4px;
        margin-top: -45px;
        margin-bottom: 20px;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    }

.weather-small h1 {
    line-height: 30px;
}

.weather-small sup {
    font-size: 60%;
}

.little-profile .pro-img {
    margin-top: -80px;
    margin-bottom: 20px;
}

    .little-profile .pro-img img {
        width: 128px;
        height: 128px;
    }

.contact-box .add-ct-btn {
    right: 4px;
    top: -46px;
}

.bootstrap-touchspin .input-group-btn {
    align-items: normal;
}

.form-control-line .form-control.form-control-success:focus {
    border-bottom: 1px solid #21c1d6;
}

.form-control-line .form-control.form-control-warning:focus {
    border-bottom: 1px solid #ffb22b;
}

.form-control-line .form-control.form-control-danger:focus {
    border-bottom: 1px solid #fc4b6c;
}

.form-control-danger,
.form-control-success,
.form-control-warning {
    padding-right: 2.25rem;
    background-repeat: no-repeat;
    background-position: center right .5625rem;
    -webkit-background-size: 1.125rem 1.125rem;
    background-size: 1.125rem 1.125rem;
}


/*.fc-toolbar {
    margin-bottom: 5px;
    margin-top: 15px;
}*/

  /*  .fc-toolbar h2 {
        font-size: 18px;
        font-weight: 500;
        line-height: 30px;
        text-transform: uppercase;
    }*/

.fc-day {
    background: #fff;
}
/*
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active,
.fc-toolbar button:focus,
.fc-toolbar button:hover,
.fc-toolbar .ui-state-hover {
    z-index: 0;
}*/

.fc-widget-header {
    border: 0px !important;
}

.fc-widget-content {
    border-color: rgba(120, 130, 140, 0.13) !important;
}

.fc th.fc-widget-header {
    color: #67757c;
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
    padding: 7px 0px;
    text-transform: uppercase;
}

.fc th.fc-sun,
.fc th.fc-tue,
.fc th.fc-thu,
.fc th.fc-sat {
    background: #f2f7f8;
}

.fc th.fc-mon,
.fc th.fc-wed,
.fc th.fc-fri {
    background: #f2f7f8;
}

.fc-view {
    margin-top: 0px;
}
/*
.fc-toolbar {
    margin: 0px;
    padding: 24px 0px;
}
*/
.fc-button {
    background: #fff;
    border: 1px solid rgba(120, 130, 140, 0.13);
    color: #67757c;
    text-transform: capitalize;
}

    .fc-button:hover {
        background: #f2f4f8;
        opacity: 0.8;
    }

.fc-text-arrow {
    font-family: inherit;
    font-size: 16px;
}

.fc-state-hover {
    background: #F5F5F5;
}

.fc-unthemed .fc-today {
    border: 1px solid #fc4b6c;
    background: #f2f4f8 !important;
}

.fc-state-highlight {
    background: #f0f0f0;
}

.fc-cell-overlay {
    background: #f0f0f0;
}

.fc-unthemed .fc-today {
    background: #fff;
}

.fc-event {
    border-radius: 0px;
    border: none;
    cursor: move;
    color: #fff !important;
    font-size: 13px;
    margin: 1px -1px 0 -1px;
    padding: 5px 5px;
    text-align: center;
    background: #1e88e5;
}

.calendar-event {
    cursor: move;
    margin: 10px 5px 0 0;
    padding: 6px 10px;
    display: inline-block;
    color: #fff;
    min-width: 140px;
    text-align: center;
    background: #1e88e5;
}

    .calendar-event a {
        float: right;
        opacity: 0.6;
        font-size: 10px;
        margin: 4px 0 0 10px;
        color: #fff;
    }

.fc-basic-view td.fc-week-number span {
    padding-right: 5px;
}

.fc-basic-view .fc-day-number {
    padding: 10px 15px;
    display: inline-block;
}

.steamline {
    position: relative;
    border-left: 1px solid rgba(120, 130, 140, 0.13);
    margin-left: 20px;
}

    .steamline .sl-left {
        float: left;
        margin-left: -20px;
        z-index: 1;
        width: 40px;
        line-height: 40px;
        text-align: center;
        height: 40px;
        border-radius: 100%;
        color: #fff;
        background: #212529;
        margin-right: 15px;
    }

        .steamline .sl-left img {
            max-width: 40px;
        }

    .steamline .sl-right {
        padding-left: 50px;
    }

        .steamline .sl-right .desc,
        .steamline .sl-right .inline-photos {
            margin-bottom: 30px;
        }

    .steamline .sl-item {
        border-bottom: 1px solid rgba(120, 130, 140, 0.13);
        margin: 20px 0;
    }

.sl-date {
    font-size: 10px;
    color: #99abb4;
}

.time-item {
    border-color: rgba(120, 130, 140, 0.13);
    padding-bottom: 1px;
    position: relative;
}

    .time-item:before {
        content: " ";
        display: table;
    }

    .time-item:after {
        background-color: #fff;
        border-color: rgba(120, 130, 140, 0.13);
        border-radius: 10px;
        border-style: solid;
        border-width: 2px;
        bottom: 0;
        content: '';
        height: 14px;
        left: 0;
        margin-left: -8px;
        position: absolute;
        top: 5px;
        width: 14px;
    }

.time-item-item:after {
    content: " ";
    display: table;
}

.item-info {
    margin-bottom: 15px;
    margin-left: 15px;
}

    .item-info p {
        margin-bottom: 10px !important;
    }

.feeds .feed-item:hover {
    background: #ebf3f5;
}

.vert .carousel-item-next.carousel-item-left,
.vert .carousel-item-prev.carousel-item-right {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.vert .carousel-item-next,
.vert .active.carousel-item-right {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100% 0);
}

.vert .carousel-item-prev,
.vert .active.carousel-item-left {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
}

.social-widget .soc-header {
    padding: 15px;
    text-align: center;
    font-size: 36px;
    color: #fff;
}

    .social-widget .soc-header.box-facebook {
        background: #3b5998;
    }

    .social-widget .soc-header.box-twitter {
        background: #00aced;
    }

    .social-widget .soc-header.box-google {
        background: #f86c6b;
    }

    .social-widget .soc-header.box-linkedin {
        background: #4875b4;
    }

.social-widget .soc-content {
    display: flex;
    text-align: center;
}

    .social-widget .soc-content div {
        padding: 10px;
    }

        .social-widget .soc-content div h3 {
            margin-bottom: 0px;
        }

.gaugejs-box {
    position: relative;
    margin: 0 auto;
}

    .gaugejs-box canvas.gaugejs {
        width: 100% !important;
        height: auto !important;
    }

.social-profile-first {
    text-align: center;
    padding-top: 22%;
    margin-bottom: 103px;
}

    .social-profile-first.bg-over {
        background: rgba(56, 83, 161, 0.7);
    }

    .social-profile-first .middle {
        vertical-align: middle;
    }

.country-state {
    list-style: none;
    margin: 0;
    padding: 0 0 0 10px;
}

    .country-state li {
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .country-state h2 {
        margin-bottom: 0px;
        font-weight: 400;
    }

.profiletimeline {
    margin-left: 70px;
}

    .profiletimeline .sl-left {
        margin-left: -60px;
        z-index: 1;
    }

        .profiletimeline .sl-left img {
            max-width: 40px;
        }

    .profiletimeline .sl-date {
        font-size: 12px;
    }

    .profiletimeline .time-item {
        border-color: rgba(120, 130, 140, 0.13);
        padding-bottom: 1px;
        position: relative;
    }

        .profiletimeline .time-item:before {
            content: " ";
            display: table;
        }

        .profiletimeline .time-item:after {
            background-color: #fff;
            border-color: rgba(120, 130, 140, 0.13);
            border-radius: 10px;
            border-style: solid;
            border-width: 2px;
            bottom: 0;
            content: '';
            height: 14px;
            left: 0;
            margin-left: -8px;
            position: absolute;
            top: 5px;
            width: 14px;
        }

    .profiletimeline .time-item-item:after {
        content: " ";
        display: table;
    }

    .profiletimeline .item-info {
        margin-bottom: 15px;
        margin-left: 15px;
    }

        .profiletimeline .item-info p {
            margin-bottom: 10px !important;
        }

.blog-widget {
    margin-top: 30px;
}

/*
.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 0px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
}

    .card > hr {
        margin-right: 0;
        margin-left: 0;
    }

    .card > .list-group:first-child .list-group-item:first-child {
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }

    .card > .list-group:last-child .list-group-item:last-child {
        border-bottom-right-radius: 0.25rem;
        border-bottom-left-radius: 0.25rem;
    }

.card-body {
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: 0.75rem;
}

.card-subtitle {
    margin-top: -0.375rem;
    margin-bottom: 0;
}

.card-text:last-child {
    margin-bottom: 0;
}

.card-link:hover {
    text-decoration: none;
}

.card-link + .card-link {
    margin-left: 1.25rem;
}

.card-header {
    padding: 0.75rem 1.25rem;
    margin-bottom: 0;
    background-color: rgba(0, 0, 0, 0.03);
    border-bottom: 0px solid rgba(0, 0, 0, 0.125);
}

    .card-header:first-child {
        border-radius: calc(0.25rem - 0px) calc(0.25rem - 0px) 0 0;
    }

    .card-header + .list-group .list-group-item:first-child {
        border-top: 0;
    }

.card-footer {
    padding: 0.75rem 1.25rem;
    background-color: rgba(0, 0, 0, 0.03);
    border-top: 0px solid rgba(0, 0, 0, 0.125);
}

    .card-footer:last-child {
        border-radius: 0 0 calc(0.25rem - 0px) calc(0.25rem - 0px);
    }

.card-header-tabs {
    margin-right: -0.625rem;
    margin-bottom: -0.75rem;
    margin-left: -0.625rem;
    border-bottom: 0;
}

.card-header-pills {
    margin-right: -0.625rem;
    margin-left: -0.625rem;
}

.card-img-overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
}

.card-img {
    width: 100%;
    border-radius: calc(0.25rem - 0px);
}

.card-img-top {
    width: 100%;
    border-top-left-radius: calc(0.25rem - 0px);
    border-top-right-radius: calc(0.25rem - 0px);
}

.card-img-bottom {
    width: 100%;
    border-bottom-right-radius: calc(0.25rem - 0px);
    border-bottom-left-radius: calc(0.25rem - 0px);
}

.card-deck {
    display: flex;
    flex-direction: column;
}

    .card-deck .card {
        margin-bottom: 15px;
    }

@media (min-width: 576px) {
    .card-deck {
        flex-flow: row wrap;
        margin-right: -15px;
        margin-left: -15px;
    }

        .card-deck .card {
            display: flex;
            flex: 1 0 0%;
            flex-direction: column;
            margin-right: 15px;
            margin-bottom: 0;
            margin-left: 15px;
        }
}

.card-group {
    display: flex;
    flex-direction: column;
}

    .card-group > .card {
        margin-bottom: 15px;
    }

@media (min-width: 576px) {
    .card-group {
        flex-flow: row wrap;
    }

        .card-group > .card {
            flex: 1 0 0%;
            margin-bottom: 0;
        }

            .card-group > .card + .card {
                margin-left: 0;
                border-left: 0;
            }

            .card-group > .card:not(:last-child) {
                border-top-right-radius: 0;
                border-bottom-right-radius: 0;
            }

                .card-group > .card:not(:last-child) .card-img-top,
                .card-group > .card:not(:last-child) .card-header {
                    border-top-right-radius: 0;
                }

                .card-group > .card:not(:last-child) .card-img-bottom,
                .card-group > .card:not(:last-child) .card-footer {
                    border-bottom-right-radius: 0;
                }

            .card-group > .card:not(:first-child) {
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }

                .card-group > .card:not(:first-child) .card-img-top,
                .card-group > .card:not(:first-child) .card-header {
                    border-top-left-radius: 0;
                }

                .card-group > .card:not(:first-child) .card-img-bottom,
                .card-group > .card:not(:first-child) .card-footer {
                    border-bottom-left-radius: 0;
                }
}

.card-columns .card {
    margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
    .card-columns {
        column-count: 3;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }

        .card-columns .card {
            display: inline-block;
            width: 100%;
        }
}

.accordion > .card {
    overflow: hidden;
}

    .accordion > .card:not(:first-of-type) .card-header:first-child {
        border-radius: 0;
    }

    .accordion > .card:not(:first-of-type):not(:last-of-type) {
        border-bottom: 0;
        border-radius: 0;
    }

    .accordion > .card:first-of-type {
        border-bottom: 0;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }

    .accordion > .card:last-of-type {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

    .accordion > .card .card-header {
        margin-bottom: 0px;
    }

*/
a {
    color: #7460ee;
    text-decoration: none;
    background-color: transparent;
}

    a:hover {
        color: #381be7;
        text-decoration: underline;
    }

    a:not([href]):not([tabindex]) {
        color: inherit;
        text-decoration: none;
    }

        a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
            color: inherit;
            text-decoration: none;
        }

        a:not([href]):not([tabindex]):focus {
            outline: 0;
        }

/*background-color: #ffb22b !important;
}
*/
a.bg-warning:hover, a.bg-warning:focus,
button.bg-warning:hover,
button.bg-warning:focus {
    background-color: #FCD298 !important
}


.bg-warning {
    background-color: #FCD298 !important
}


.bg-info {
    background-color: #ADD8E6 !important;
}




.bg-danger {
    background-color: #F2D4D6 !important
}

a.bg-danger:hover, a.bg-danger:focus,
button.bg-danger:hover,
button.bg-danger:focus {
    background-color: #F2D4D6 !important
}

.bg-light {
    background-color: #f2f4f8 !important;
}

a.bg-light:hover, a.bg-light:focus,
button.bg-light:hover,
button.bg-light:focus {
    background-color: #d1d8e6 !important;
}

.bg-dark {
    background-color: #212529 !important;
}

a.bg-dark:hover, a.bg-dark:focus,
button.bg-dark:hover,
button.bg-dark:focus {
    background-color: #0a0c0d !important;
}

.bg-inverse {
    background-color: #2f3d4a !important;
}

a.bg-inverse:hover, a.bg-inverse:focus,
button.bg-inverse:hover,
button.bg-inverse:focus {
    background-color: #1b232b !important;
}

.bg-megna {
    background-color: #00897b !important;
}

a.bg-megna:hover, a.bg-megna:focus,
button.bg-megna:hover,
button.bg-megna:focus {
    background-color: #00564d !important;
}

.bg-purple {
    background-color: #CBC3E3 !important
}

a.bg-purple:hover, a.bg-purple:focus,
button.bg-purple:hover,
button.bg-purple:focus {
    background-color: #CBC3E3 !important
}

.bg-light-danger {
    background-color: #f9e7eb !important;
}

a.bg-light-danger:hover, a.bg-light-danger:focus,
button.bg-light-danger:hover,
button.bg-light-danger:focus {
    background-color: #efbec9 !important;
}

.bg-light-success {
    background-color: #e8fdeb !important;
}

a.bg-light-success:hover, a.bg-light-success:focus,
button.bg-light-success:hover,
button.bg-light-success:focus {
    background-color: #b9f9c2 !important;
}

.bg-light-warning {
    background-color: #fff8ec !important;
}

a.bg-light-warning:hover, a.bg-light-warning:focus,
button.bg-light-warning:hover,
button.bg-light-warning:focus {
    background-color: #ffe5b9 !important;
}

.bg-light-primary {
    background-color: #f1effd !important;
}

a.bg-light-primary:hover, a.bg-light-primary:focus,
button.bg-light-primary:hover,
button.bg-light-primary:focus {
    background-color: #c9c2f7 !important;
}

.bg-light-info {
    background-color: #cfecfe !important;
}

a.bg-light-info:hover, a.bg-light-info:focus,
button.bg-light-info:hover,
button.bg-light-info:focus {
    background-color: #9dd8fd !important;
}

.bg-light-inverse {
    background-color: #f6f6f6 !important;
}

a.bg-light-inverse:hover, a.bg-light-inverse:focus,
button.bg-light-inverse:hover,
button.bg-light-inverse:focus {
    background-color: #dddddd !important;
}

.bg-light-megna {
    background-color: #e0f2f4 !important;
}

a.bg-light-megna:hover, a.bg-light-megna:focus,
button.bg-light-megna:hover,
button.bg-light-megna:focus {
    background-color: #bae2e7 !important;
}

.bg-white {
    background-color: #fff !important;
}

.bg-transparent {
    background-color: transparent !important;
}

.border {
    border: 1px solid rgba(120, 130, 140, 0.13) !important;
}

.border-top {
    border-top: 1px solid rgba(120, 130, 140, 0.13) !important;
}

.border-right {
    border-right: 1px solid rgba(120, 130, 140, 0.13) !important;
}

.border-bottom {
    border-bottom: 1px solid rgba(120, 130, 140, 0.13) !important;
}



.btn.disabled, .btn:s {
    opacity: 0.65;
    box-shadow: none;
}

.btn:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active {
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

    .btn:not(:disabled):not(.disabled):active:focus, .btn:not(:disabled):not(.disabled).active:focus {
        box-shadow: 0 0 0 0.2rem rgba(116, 96, 238, 0.25), inset 0 3px 5px rgba(0, 0, 0, 0.125);
    }

a.btn.disabled,
fieldset:disabled a.btn {
    pointer-events: none;
}


.bg-gray {
    background-color: #BDBDBD !important;
}

a.bg-gray:hover, a.bg-gray:focus,
button.bg-gray:hover,
button.bg-gray:focus {
    background-color: #BDBDBD !important;
}


/*!
FullCalendar List View Plugin v4.1.0
Docs & License: https://fullcalendar.io/
(c) 2019 Adam Shaw
*/

.fc-event-dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 5px
}

.fc-rtl .fc-list-view {
    direction: rtl
}

.fc-list-view {
    border-width: 1px;
    border-style: solid
}

.fc .fc-list-table {
    table-layout: auto
}

.fc-list-table td {
    border-width: 1px 0 0 !important;
    padding: 8px 14px !important;
}

.fc-list-table tr:first-child td {
    border-top-width: 0
}

.fc-list-heading {
    border-bottom-width: 1px
}

    .fc-list-heading td {
        font-weight: 700
    }

.fc-ltr .fc-list-heading-main {
    float: left
}

.fc-ltr .fc-list-heading-alt, .fc-rtl .fc-list-heading-main {
    float: right
}

.fc-rtl .fc-list-heading-alt {
    float: left
}

.fc-list-item.fc-has-url {
    cursor: pointer
}

.fc-list-item-marker, .fc-list-item-time {
    white-space: nowrap;
    width: 1px
}

.fc-ltr .fc-list-item-marker {
    padding-right: 0
}

.fc-rtl .fc-list-item-marker {
    padding-left: 0
}

.fc-list-item-title a {
    text-decoration: none;
    color: inherit
}

    .fc-list-item-title a[href]:hover {
        text-decoration: underline
    }

.fc-list-empty-wrap2 {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.fc-list-empty-wrap1 {
    width: 100%;
    height: 100%;
    display: table
}

.fc-list-empty {
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.fc-unthemed .fc-list-empty {
    background-color: #eee
}




.fc .fc-row {
    border-style: solid;
    border-width: 0
}

.fc-row table {
    border-left: 0 hidden transparent;
    border-right: 0 hidden transparent;
    border-bottom: 0 hidden transparent
}

.fc-row:first-child table {
    border-top: 0 hidden transparent
}

.fc-row {
    position: relative
}

    .fc-row .fc-bg {
        z-index: 1
    }

    .fc-row .fc-bgevent-skeleton td, .fc-row .fc-highlight-skeleton td {
        border-color: transparent
    }

    .fc-row .fc-bgevent-skeleton {
        z-index: 2
    }

    .fc-row .fc-highlight-skeleton {
        z-index: 3
    }

    .fc-row .fc-content-skeleton {
        position: relative;
        z-index: 4;
        padding-bottom: 2px
    }

    .fc-row .fc-mirror-skeleton {
        z-index: 5
    }

.fc .fc-row .fc-content-skeleton table, .fc .fc-row .fc-content-skeleton td, .fc .fc-row .fc-mirror-skeleton td {
    background: 0 0;
    border-color: transparent
}

.fc-row .fc-content-skeleton td, .fc-row .fc-mirror-skeleton td {
    border-bottom: 0
}

.fc-row .fc-content-skeleton tbody td, .fc-row .fc-mirror-skeleton tbody td {
    border-top: 0
}

.fc-scroller {
    -webkit-overflow-scrolling: touch
}

    .fc-scroller > .fc-day-grid, .fc-scroller > .fc-time-grid {
        position: relative;
        width: 100%
    }

.fc-event {
    position: relative;
    display: block;
    font-size: .85em;
    line-height: 1.4;
    border-radius: 3px;
    border: 1px solid #3788d8
}

.fc-event, .fc-event-dot {
    background-color: #3788d8;
    margin: 5px;
}

    .fc-event, .fc-event:hover {
        color: #fff;
        text-decoration: none
    }

.fc-not-allowed, .fc-not-allowed .fc-event {
    cursor: not-allowed
}

.fc-event .fc-content {
    position: relative;
    z-index: 2
}

.fc-event .fc-resizer {
    position: absolute;
    z-index: 4;
    display: none
}

.fc-event.fc-allow-mouse-resize .fc-resizer, .fc-event.fc-selected .fc-resizer {
    display: block
}

    .fc-event.fc-selected .fc-resizer:before {
        content: "";
        position: absolute;
        z-index: 9999;
        top: 50%;
        left: 50%;
        width: 40px;
        height: 40px;
        margin-left: -20px;
        margin-top: -20px
    }

.fc-event.fc-selected {
    z-index: 9999 !important;
    box-shadow: 0 2px 5px rgba(0,0,0,.2)
}

    .fc-event.fc-selected:after {
        content: "";
        position: absolute;
        z-index: 1;
        top: -1px;
        right: -1px;
        bottom: -1px;
        left: -1px;
        background: #000;
        opacity: .25
    }

.fc-event.fc-dragging.fc-selected {
    box-shadow: 0 2px 7px rgba(0,0,0,.3)
}

.fc-event.fc-dragging:not(.fc-selected) {
    opacity: .75
}

.fc-h-event.fc-selected:before {
    content: "";
    position: absolute;
    z-index: 3;
    top: -10px;
    bottom: -10px;
    left: 0;
    right: 0
}

.fc-ltr .fc-h-event.fc-not-start, .fc-rtl .fc-h-event.fc-not-end {
    margin-left: 0;
    border-left-width: 0;
    padding-left: 1px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
}

.fc-ltr .fc-h-event.fc-not-end, .fc-rtl .fc-h-event.fc-not-start {
    margin-right: 0;
    border-right-width: 0;
    padding-right: 1px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
}

.fc-ltr .fc-h-event .fc-start-resizer, .fc-rtl .fc-h-event .fc-end-resizer {
    cursor: w-resize;
    left: -1px
}

.fc-ltr .fc-h-event .fc-end-resizer, .fc-rtl .fc-h-event .fc-start-resizer {
    cursor: e-resize;
    right: -1px
}

.fc-h-event.fc-allow-mouse-resize .fc-resizer {
    width: 7px;
    top: -1px;
    bottom: -1px
}

.fc-h-event.fc-selected .fc-resizer {
    border-radius: 4px;
    border-width: 1px;
    width: 6px;
    height: 6px;
    border-style: solid;
    border-color: inherit;
    background: #fff;
    top: 50%;
    margin-top: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-start-resizer, .fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
    margin-left: -4px
}

.fc-ltr .fc-h-event.fc-selected .fc-end-resizer, .fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
    margin-right: -4px
}

.fc-day-grid-event {
    margin: 1px 2px 0;
    padding: 0 1px
}

tr:first-child > td > .fc-day-grid-event {
    margin-top: 2px
}

.fc-mirror-skeleton tr:first-child > td > .fc-day-grid-event {
    margin-top: 0
}

.fc-day-grid-event .fc-content {
    white-space: nowrap;
    overflow: hidden
}

.fc-day-grid-event .fc-time {
    font-weight: 700
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
    margin-left: -2px
}

.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer, .fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
    margin-right: -2px
}

a.fc-more {
    margin: 1px 3px;
    font-size: .85em;
    text-decoration: none
}

    a.fc-more:hover {
        text-decoration: underline
    }

.fc-limited {
    display: none
}

/*.fc-button, .fc-icon {
    display: inline-block;
    font-weight: 400;
    text-align: center
}*/

.fc-day-grid .fc-row {
    z-index: 1
}

.fc-more-popover {
    z-index: 2;
    width: 220px
}

    .fc-more-popover .fc-event-container {
        padding: 10px
    }

.fc-now-indicator {
    position: absolute;
    border: 0 solid red
}

.fc-unselectable {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: transparent
}

.fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-list-view, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead {
    border-color: #ddd
}

.fc-unthemed .fc-popover {
    background-color: #fff
}

    .fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header {
        background: #eee
    }

.fc-unthemed td.fc-today {
    background: #fcf8e3
}

.fc-unthemed .fc-disabled-day {
    background: #d7d7d7;
    opacity: .3
}

@font-face {
    font-family: fcicons;
    src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBfAAAAC8AAAAYGNtYXAXVtKNAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5ZgYydxIAAAF4AAAFNGhlYWQUJ7cIAAAGrAAAADZoaGVhB20DzAAABuQAAAAkaG10eCIABhQAAAcIAAAALGxvY2ED4AU6AAAHNAAAABhtYXhwAA8AjAAAB0wAAAAgbmFtZXsr690AAAdsAAABhnBvc3QAAwAAAAAI9AAAACAAAwPAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpBgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Qb//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAWIAjQKeAskAEwAAJSc3NjQnJiIHAQYUFwEWMjc2NCcCnuLiDQ0MJAz/AA0NAQAMJAwNDcni4gwjDQwM/wANIwz/AA0NDCMNAAAAAQFiAI0CngLJABMAACUBNjQnASYiBwYUHwEHBhQXFjI3AZ4BAA0N/wAMJAwNDeLiDQ0MJAyNAQAMIw0BAAwMDSMM4uINIwwNDQAAAAIA4gC3Ax4CngATACcAACUnNzY0JyYiDwEGFB8BFjI3NjQnISc3NjQnJiIPAQYUHwEWMjc2NCcB87e3DQ0MIw3VDQ3VDSMMDQ0BK7e3DQ0MJAzVDQ3VDCQMDQ3zuLcMJAwNDdUNIwzWDAwNIwy4twwkDA0N1Q0jDNYMDA0jDAAAAgDiALcDHgKeABMAJwAAJTc2NC8BJiIHBhQfAQcGFBcWMjchNzY0LwEmIgcGFB8BBwYUFxYyNwJJ1Q0N1Q0jDA0Nt7cNDQwjDf7V1Q0N1QwkDA0Nt7cNDQwkDLfWDCMN1Q0NDCQMt7gMIw0MDNYMIw3VDQ0MJAy3uAwjDQwMAAADAFUAAAOrA1UAMwBoAHcAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMhMjY1NCYjISIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAAVYRGRkR/qoRGRkRA1UFBAUOCQkVDAsZDf2rDRkLDBUJCA4FBQUFBQUOCQgVDAsZDQJVDRkLDBUJCQ4FBAVVAgECBQMCBwQECAX9qwQJAwQHAwMFAQICAgIBBQMDBwQDCQQCVQUIBAQHAgMFAgEC/oAZEhEZGRESGQAAAAADAFUAAAOrA1UAMwBoAIkAABMiBgcOAQcOAQcOARURFBYXHgEXHgEXHgEzITI2Nz4BNz4BNz4BNRE0JicuAScuAScuASMFITIWFx4BFx4BFx4BFREUBgcOAQcOAQcOASMhIiYnLgEnLgEnLgE1ETQ2Nz4BNz4BNz4BMxMzFRQWMzI2PQEzMjY1NCYrATU0JiMiBh0BIyIGFRQWM9UNGAwLFQkJDgUFBQUFBQ4JCRULDBgNAlYNGAwLFQkJDgUFBQUFBQ4JCRULDBgN/aoCVgQIBAQHAwMFAQIBAQIBBQMDBwQECAT9qgQIBAQHAwMFAQIBAQIBBQMDBwQECASAgBkSEhmAERkZEYAZEhIZgBEZGREDVQUEBQ4JCRUMCxkN/asNGQsMFQkIDgUFBQUFBQ4JCBUMCxkNAlUNGQsMFQkJDgUEBVUCAQIFAwIHBAQIBf2rBAkDBAcDAwUBAgICAgEFAwMHBAMJBAJVBQgEBAcCAwUCAQL+gIASGRkSgBkSERmAEhkZEoAZERIZAAABAOIAjQMeAskAIAAAExcHBhQXFjI/ARcWMjc2NC8BNzY0JyYiDwEnJiIHBhQX4uLiDQ0MJAzi4gwkDA0N4uINDQwkDOLiDCQMDQ0CjeLiDSMMDQ3h4Q0NDCMN4uIMIw0MDOLiDAwNIwwAAAABAAAAAQAAa5n0y18PPPUACwQAAAAAANivOVsAAAAA2K85WwAAAAADqwNVAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOrAAEAAAAAAAAAAAAAAAAAAAALBAAAAAAAAAAAAAAAAgAAAAQAAWIEAAFiBAAA4gQAAOIEAABVBAAAVQQAAOIAAAAAAAoAFAAeAEQAagCqAOoBngJkApoAAQAAAAsAigADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAcAAAABAAAAAAACAAcAYAABAAAAAAADAAcANgABAAAAAAAEAAcAdQABAAAAAAAFAAsAFQABAAAAAAAGAAcASwABAAAAAAAKABoAigADAAEECQABAA4ABwADAAEECQACAA4AZwADAAEECQADAA4APQADAAEECQAEAA4AfAADAAEECQAFABYAIAADAAEECQAGAA4AUgADAAEECQAKADQApGZjaWNvbnMAZgBjAGkAYwBvAG4Ac1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGZjaWNvbnMAZgBjAGkAYwBvAG4Ac2ZjaWNvbnMAZgBjAGkAYwBvAG4Ac1JlZ3VsYXIAUgBlAGcAdQBsAGEAcmZjaWNvbnMAZgBjAGkAYwBvAG4Ac0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
    font-weight: 400;
    font-style: normal
}
/*
.fc-icon {
    font-family: fcicons !important;
    speak: none;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 1em;
    height: 1em
}

.fc-icon-chevron-left:before {
    content: "\e900"
}

.fc-icon-chevron-right:before {
    content: "\e901"
}

.fc-icon-chevrons-left:before {
    content: "\e902"
}

.fc-icon-chevrons-right:before {
    content: "\e903"
}

.fc-icon-minus-square:before {
    content: "\e904"
}

.fc-icon-plus-square:before {
    content: "\e905"
}

.fc-icon-x:before {
    content: "\e906"
}*/

.fc-button {
    overflow: visible;
    text-transform: none;
    margin: 0;
    font-family: inherit
}

    .fc-button::-moz-focus-inner {
        padding: 0;
        border-style: none
    }

.fc-button {
    -webkit-appearance: button;
    color: #212529;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .4em .65em;
    font-size: 1em;
    line-height: 1.5;
    border-radius: .25em
}

    .fc-button:hover {
        color: #212529;
        text-decoration: none
    }

    .fc-button:focus {
        outline: 0;
        -webkit-box-shadow: 0 0 0 .2rem rgba(44,62,80,.25);
        box-shadow: 0 0 0 .2rem rgba(44,62,80,.25)
    }

    .fc-button:disabled {
        opacity: .65
    }

.fc-button-primary {
    color: #fff;
    background-color: #2C3E50;
    border-color: #2C3E50
}

    .fc-button-primary:hover {
        color: #fff;
        background-color: #1e2b37;
        border-color: #1a252f
    }

    .fc-button-primary:focus {
        -webkit-box-shadow: 0 0 0 .2rem rgba(76,91,106,.5);
        box-shadow: 0 0 0 .2rem rgba(76,91,106,.5)
    }

    .fc-button-primary:disabled {
        color: #fff;
        background-color: #2C3E50;
        border-color: #2C3E50
    }

    .fc-button-primary:not(:disabled).fc-button-active, .fc-button-primary:not(:disabled):active {
        color: #fff;
        background-color: #1a252f;
        border-color: #151e27
    }

        .fc-button-primary:not(:disabled).fc-button-active:focus, .fc-button-primary:not(:disabled):active:focus {
            -webkit-box-shadow: 0 0 0 .2rem rgba(76,91,106,.5);
            box-shadow: 0 0 0 .2rem rgba(76,91,106,.5)
        }

/*.fc-button .fc-icon {
    vertical-align: middle;
    font-size: 1.5em
}*/

.fc-button-group {
    position: relative;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle
}

    .fc-button-group > .fc-button {
        position: relative;
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto
    }

        .fc-button-group > .fc-button.fc-button-active, .fc-button-group > .fc-button:active, .fc-button-group > .fc-button:focus, .fc-button-group > .fc-button:hover {
            z-index: 1
        }

        .fc-button-group > .fc-button:not(:first-child) {
            margin-left: -1px;
            border-top-left-radius: 0;
            border-bottom-left-radius: 0
        }

        .fc-button-group > .fc-button:not(:last-child) {
            border-top-right-radius: 0;
            border-bottom-right-radius: 0
        }

.fc-unthemed .fc-popover {
    border-width: 1px;
    border-style: solid
}

.fc-unthemed .fc-list-item:hover td {
    background-color: #f5f5f5;
    cursor: pointer !important;
}
/*
.fc-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center
}

    .fc-toolbar.fc-header-toolbar {
        margin-bottom: 1.5em
    }

    .fc-toolbar.fc-footer-toolbar {
        margin-top: 1.5em
    }

    .fc-toolbar > * > :not(:first-child) {
        margin-left: .75em
    }*/

    .fc-toolbar h2 {
        font-size: 1.50em !important;
        margin: 0 !important;
    }

.fc-view-container {
    position: relative
}

    .fc-view-container *, .fc-view-container :after, .fc-view-container :before {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box
    }

.fc-view, .fc-view > table {
    position: relative;
    z-index: 1
}

@media print {
    .fc-bg, .fc-bgevent-container, .fc-bgevent-skeleton, .fc-business-container, .fc-event .fc-resizer, .fc-highlight-container, .fc-highlight-skeleton, .fc-mirror-container, .fc-mirror-skeleton {
        display: none
    }

    .fc tbody .fc-row, .fc-time-grid {
        min-height: 0 !important
    }

        .fc-time-grid .fc-event.fc-not-end:after, .fc-time-grid .fc-event.fc-not-start:before {
            content: "..."
        }

    .fc {
        max-width: 100% !important
    }

    .fc-event {
        background: #fff !important;
        color: #000 !important;
        page-break-inside: avoid
    }

    .fc hr, .fc tbody, .fc td, .fc th, .fc thead, .fc-row {
        border-color: #ccc !important;
        background: #fff !important
    }

        .fc tbody .fc-row {
            height: auto !important
        }

            .fc tbody .fc-row .fc-content-skeleton {
                position: static;
                padding-bottom: 0 !important
            }

                .fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td {
                    padding-bottom: 1em
                }

                .fc tbody .fc-row .fc-content-skeleton table {
                    height: 1em
                }

    .fc-more, .fc-more-cell {
        display: none !important
    }

    .fc tr.fc-limited {
        display: table-row !important
    }

    .fc td.fc-limited {
        display: table-cell !important
    }

    .fc-popover, .fc-timeGrid-view .fc-axis {
        display: none
    }

    .fc-slats, .fc-time-grid hr {
        display: none !important
    }

    .fc button, .fc-button-group, .fc-time-grid .fc-event .fc-time span {
        display: none
    }

    .fc-time-grid .fc-content-skeleton {
        position: static
    }

        .fc-time-grid .fc-content-skeleton table {
            height: 4em
        }

    .fc-time-grid .fc-event-container {
        margin: 0 !important
    }

    .fc-time-grid .fc-event {
        position: static !important;
        margin: 3px 2px !important
    }

        .fc-time-grid .fc-event.fc-not-end {
            border-bottom-width: 1px !important
        }

        .fc-time-grid .fc-event.fc-not-start {
            border-top-width: 1px !important
        }

        .fc-time-grid .fc-event .fc-time {
            white-space: normal !important
        }

            .fc-time-grid .fc-event .fc-time:after {
                content: attr(data-full)
            }

    .fc-day-grid-container, .fc-scroller, .fc-time-grid-container {
        overflow: visible !important;
        height: auto !important
    }

    .fc-row {
        border: 0 !important;
        margin: 0 !important
    }
}


.male-class-ccode {
    background-color: #052c49 !important;
    color: #ffffff;
}


.male-class-ccode:hover, .male-class-ccode:focus
{
    color: black !important;
}



.female-class-ccode {
    background-color: #fabc2b !important;
    color: #ffffff !important
}

    .female-class-ccode:hover, .female-class-ccode:focus {
        color: black !important;
    }


.kids-girl-ccode {
    background-color: #FFB6C1 !important;
    color: #ffffff !important;
}

.kids-girl-ccode :hover, .kids-girl-ccode :focus {
    color: black !important;
}


.kids-boy-ccode {
    background-color: #00aab7 !important;
    color: #ffffff !important
}

    .kids-boy-ccode:hover, .kids-boy-ccode :focus {
        color: black !important;
    }