.ui-state-default{color:#fff;margin:4px 2px;border: none}

.container-charts{width:1300px;margin:auto;font-family:"Open Sans";}
.container-charts h2{text-align:center;font-weight:bold;font-size:20px;text-transform:uppercase;}

.charts{margin:auto;float:left;width:100%;padding:50px 0;}
.charts h3{font-size:16px;font-weight:600;text-align:center;text-transform:uppercase;}
.charts ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; float:left;padding:10px 0;width:160px;}
.charts li { margin: 5px; padding: 7px; width: 150px; font-size:12px;box-sizing: border-box;position:relative;border:none;}
.charts li {height:70px;}
.charts li.activity{}
.charts li.activity .hour{position:absolute;top:22px;right:5px;
    float:right;font-size:16px;}
.charts li .type{font-size:13px;font-weight:bold;}
.charts li .hour{font-weight:bold;}
.charts .day-container{float:left;}
.charts .day-container .empty{}
.charts .options{position:absolute;right:5px;top:10px;display:none;}
.charts a.edit, .charts a.delete{display:block;width:21px;height:21px;margin:3px 0 0 10px;background:url('admin/img/options.png') no-repeat 0px 0px;cursor:pointer;}
.charts a.delete{background:url('admin/img/options.png') no-repeat -21px 0px;}
.charts .hours {float:left;text-align:center;display:table-cell;vertical-align: middle;clear:left;}
.charts .hours li{padding-top:25px;box-sizing: border-box;font-size:18px;font-weight:600;}
.charts .hours h3{visibility: hidden}
.charts .close{float:right;}
.charts .empty{padding-top:22px;background:#aaa;}
.charts .empty div{display:none;}
.charts .empty .type{display:block;font-size:16px;text-align:center;width:100%;text-transform:uppercase;font-weight:600;color:#ccc;}
.charts .empty-slots{float:left;width:100px;}
.charts .empty-slots li{font-size:16px;text-align:center;text-transform:uppercase;font-weight:600;color:#ccc;}
.charts li .long{display:none;}

/*15 min*/
.charts li.long1{height:18px;}
.charts li.activity.long1.empty{padding:0px;}
/*30 min*/
.charts li.long2{height:35px;}
.charts li.activity.long2.empty{padding:0px;}
/*75 min*/
.charts li.long5{height:88px;padding:15px 7px}
.charts li.activity.long5 .hour{top:30px;}
/*90 min*/
.charts li.long6{height:105px;padding:25px 7px}
.charts li.activity.long6 .hour{top:40px;}

.activity .instructor, .activity .instructor2{display:none;}

.charts li.activity.Start{box-sizing:border-box; padding:4px 6px;
    border: 3px solid rgba( 255, 255, 255, 0.5 ) !important;}
.charts li.activity.Start .type{font-size:12px;font-weight:normal;}
.charts li.activity.Start .level{font-size:16px;font-weight:bold;}

.salsa-kubańska, .son-cubano, .practise-salsa{background:#e90009 !important;color:#fff !important;}
.salsa-liniowa{background: #e9006a !important;color:#fff !important;}
.rueda-de-casino{background: #803656 !important;color:#fff !important;}
.musicality{background:#F45B69 !important;color:#fff !important;}
.cuban-flow{background: #803656 !important;color:#fff !important;}
.izolacje{background: #1c7c4a !important;color:#fff !important;}
.taniec-brzucha{background: #caaa19 !important;color:#fff !important;}
.body-movement{background: #00a2a8 !important;color:#fff !important;}
.reggaeton, .cubaton, .salsa-con-reggaeton{background: #103748 !important;color:#fff !important;}


.latino-high-heels, .bachata-lady-styling, .latino-solo, .cuban-lady-style, .lady-styling-obcasy, .salsa-lady-styling{background:#E96F29 !important;color:#fff !important;}
.cuban-man-styling, .salsa-suelta{background: #00aee9 !important;color:#fff !important;}
.lady-styling-obcasy .type{font-size:12px !important;}
.dominican-footwork{background:#bd5417 !important;color:#fff !important;font-size: 13px;}
.cuban-lady-styling, .rumba, .afro{background: #bf66c1 !important;color:#fff !important;}
.bachata, .practise-bachata{background:#A60AE9 !important;color:#fff !important;}

.jazz-technika, .contemporary-jazz, .jazz-i-stretching{background: #6bce9c !important;color:#fff !important;}

.tango-argentino{background: #000e60 !important;color:#fff !important;}

.zouk, .zoukowy-practice{background:#0042ce !important;color:#fff !important;}
.kizomba, .semba, .afrohouse, .practis-kizombowy{background:#330036 !important;color:#fff !important;}

.Soon{opacity:0.5 !important;}

.formacja{background: #908d00 !important;color:#fff !important;}
.rumba-kubanska{background: #540007 !important;color:#fff !important;}
.dancehall{background: #36a809 !important;color:#fff !important;}

.New::before{content:'new';position:absolute;color: #13b462;font-size:42px;font-weight:bold;transform: rotate(30deg);left:35px;top:5px;opacity:0.6}



#activity{width:500px !important;}
#activity label{float:left;clear:left;margin-bottom:5px;}
#activity input, #activity select{float:left;clear:left;margin-bottom:20px;}
#activity .chosen-container{float:left;clear:left;margin-bottom:20px;}


/*.salsa{background:#8ab5d8}*/
/*.bachata{background:#606eca}*/
/*.reggaeton{background:#2a3cc9}*/
/*.zouk{background:#ff2421}*/
/*.kizomba{background:#d10300}*/
/*.styling{background:#9b0200}*/


/*
  CHART NA FRONCIE
 */
#page #type-filtr .container{width:1200px;margin:auto;padding:10px 2.5% 50px;box-sizing:border-box}
#page #type-filtr ul{display:flex;flex-wrap:wrap;justify-content:center}
#page #type-filtr li{list-style: none;float:left;margin:5px;min-width:150px;text-align:center;padding:20px 0;border-radius:10px;cursor:pointer;opacity:1;}
#page #type-filtr li:hover{opacity:1;}
#page #type-filtr li.active{opacity:1 !important;}
#page #type-filtr p{margin:40px 0;text-align:center;font-size:16px;}
#page #type-filtr .Start{ width:310px;background:#222;font-weight:bold;text-transform:uppercase;letter-spacing:2px;}

#page #chart{border:1px solid #202020;}
#page #chart .container{width:1200px;margin:auto;position:relative;}

#page #chart .container-charts{width:100%;float:left;position:relative;padding:0px 0 40px;}
#page #chart .container-charts:nth-child(2n){background:#202020;}
#page #chart .container-charts:nth-child(2n)::before{content:'';position:absolute;width:10000%;height:100%;right:100%;top:0px;background:#202020;}
#page #chart .container-charts:nth-child(2n)::after{content:'';position:absolute;width:10000%;height:100%;left:100%;top:0px;background:#202020;}

#page3 #page #chart .container-charts{background:none;}
#page3 #page #chart .container-charts::after, #page3 #page #chart .container-charts::before{content:none;}

#page #chart .charts h2{font-size:24px;font-weight:600;letter-spacing:1px;margin:0px 0 40px;}
#page3 #chart h2{margin:0;}
#page #chart .empty{visibility: hidden}
#page #chart h3{letter-spacing:1px;color:#fff;}

#page #chart .charts ul{width:auto;    padding:0;margin-top:15px;width:155px;}
#page #chart .charts li{margin:0px;    margin:5px auto;border-radius:10px;position:relative;}

#page #chart .by-days{float:left;width:100%;display:none;}
#page #chart .by-days ul{width:250px;margin:5px 2px;}
#page #chart .by-days li{width:100%;}

#page #type-filtr .buttons-container{margin-top:10px;display:flex;justify-content: center;}
#page #type-filtr h2{margin-top:40px;text-align:center;}
#page #type-filtr .buttons-container button{padding:10px;width:150px;margin:10px;text-transform:uppercase;background:#202020;color:#fff;border-radius:10px;cursor:pointer;font-size:16px;letter-spacing:4px;}
#page #type-filtr .buttons-container button.active{background:#303030;}