@import url('/minisite.app/web/fonts/miriamclm/stylesheet.css');
@import url('/minisite.app/web/fonts/font-awesome/stylesheet.css');
.select2-drop-mask { z-index: 10999 !important; }
.select2-drop { z-index: 11000 !important; }

.tazman_popup,
.tazman_popup * {
    box-sizing: border-box;
    direction: rtl;
}
.tazman_popup {
    padding: 20px;
}
.tazman_popup input.ltr-r{direction: ltr; text-align: right;}

span.clear-divs,
div.clear-divs { clear: both; }

.tazman_content_injection h1 { margin: 10px 0; }
.tazman_content_injection .tazman_main { padding-bottom: 10px; }
.tazman_content_injection *:before, 
.tazman_content_injection *:after,
.tazman_popup *:before,
.tazman_popup *:after { box-sizing: border-box; }

.tazman_main .tazman_selector.my_shedule{
    margin-top: -36px;    
}


.float_left { float: left; }
.hidden { display: none; }
.float_right { float: right; }

.tazman_content .fa { font-size: 22px; width: 20px; text-align: center; color: #00a4e4}
.tazman_content .fa.small { font-size:14px; }
.tazman_content .fa.control-right { font-size: 16px; color:#fff; position: absolute; right: 1px; top: 4px; }
.tazman_content .fa.control-left { font-size: 16px; color:#fff; position: absolute; left: 1px; top: 4px; }
.tazman_content .select-style .fa { top: 1px; }


.tazman_main { background-color:#fff; border-top: 1px solid #00a4e4; }
.tazman_main .calendar { margin: 10px 0; }
.tazman_main h1 { text-align: center; font-size: 18px; }
.tazman_main h1.single-location { margin-bottom: -26px; margin-top: 18px; }
.tazman_main .tazman_selector { text-align: center; }
.tazman_main .tazman_selector.single-location { height: 34px; }
.tazman_main .tazman_selector > button {   
  height: 40px !important;
  line-height: 35px;
  font-weight: bold;
  font-size: 16px;
}
.tazman_main .tazman_selector > button#sub_cancel { 
  background-color: #f00 !important; 
  width: 60px !important; 
}
.tazman_main .tazman_selector > button#subscribe { 
  background-color: #0a0 !important; 
  width: 110px !important; 
}


.tazman_main .tazman_selector .float_left { padding-left: 10px; }
.tazman_main .tazman_selector .float_right { padding-right: 10px; margin-bottom: 20px;}
.tazman_main .tazman_selector .float_left span { float: left; }
.tazman_main .tazman_selector .float_left .select-style { float: left; }
.tazman_main .tazman_selector .float_right span { float: right; }
.tazman_main .tazman_selector .float_right .select-style { float: right; }

.tazman_main .tazman_selector .select-style {
    height: 24px;
    width: 150px;
    border-radius: 3px;
    overflow: hidden;
    background: #fcad17;
    position: relative;
    cursor: pointer;
}

.tazman_main .tazman_selector .select-style select {
    padding-right: 20px;
    padding-bottom: 2px;
    padding-left: 15px;
    margin-top: 2px;
    width: 170px;
    border: none;
    box-shadow: none;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    color: #fff;
    cursor: pointer;
}

.tazman_main .tazman_selector .select-style select option {color:#000;}

.tazman_main .tazman_selector .select-style .pic {
    position: absolute;
    font-size: 2em;
    right: 3px;
    padding: 0 4px;
    top: 5px;
    color: #fff;
}
.tazman_main .tazman_selector .select-style select:focus { outline: none; }
   
.tazman_main .tazman_selector button, button.button, button.control {
    border: none;
    height: 24px;
    
    border-radius: 3px;
    background: #fcad17;
    position: relative;
    cursor: pointer;
    color: #fff;
    transition: all 0.5s ease 0s;
}
.tazman_main .tazman_selector button { width: 100px; }
.tazman_main .tazman_selector button .pic { position: absolute; font-size: 2em; color: #fff; top: 5px; }
.tazman_main .tazman_selector button.sel { width: 70px; background: #c0392b; }
.tazman_main .tazman_selector button.sel.current { border-color: #009872; background: #009872; color: #fff; padding-right: 27px; }
/*
.tazman_main .tazman_selector button:hover,
.tazman_main .tazman_selector button.sel:hover,
.tazman_main .tazman_selector button.curr:hover,
*/.tazman_main .tazman_selector button.sel:last-child { margin-left: 20px; }

.tazman_main .tazman_selector button.sel .fa { display: none; }
.tazman_main .tazman_selector button.sel.current .fa { display: initial; }
.tazman_main .tazman_selector button.prev .pic { right: 10px; }
.tazman_main .tazman_selector button.next .pic { left: 10px; }
.tazman_main .tazman_selector button.curr { background-color: #fbb034; }
.tazman_main .tazman_selector button.next { width: 24px; float: right; margin-right: 5px; }
.tazman_main .tazman_selector button.curr { float: right; }
.tazman_main .tazman_selector button.prev { width: 24px; float: right; margin-left: 5px; }

@media all and (max-width: 1000px) {
    .tazman_main h1.single-location{
        text-align: left;
        font-size: 18px;
        padding-left: 10px;
        margin-top: 0;
        left: 0;
        top: 3px;
    }
    .tazman_main .tazman_selector .float_right.single-location{
        margin-top: 0;
        margin-bottom: 0;
    }
    .tazman_main .tazman_selector.single-location{
        height: 26px;
    }
  .tazman_main .tazman_selector { width: 100%; margin-top: 14px;}
  .tazman_main .tazman_selector .float_right.no-location{}
  .tazman_main .tazman_selector .float_left span { float: none !important; }
  .tazman_main .tazman_selector .float_right span { float: none !important; }
  .tazman_main .tazman_selector .float_right button { float: none !important; }
  .tazman_main .tazman_selector > button { margin-bottom: 10px; }
  .tazman_main .tazman_selector .float_right, .tazman_main .tazman_selector .float_left {/* float: none !important; */ text-align: center;padding: 0; }
  .tazman_main .tazman_selector .float_left .select-style { float: none; width: 100%; margin-bottom:10px; }
  .tazman_main .tazman_selector .select-style select { width: 110%; padding-right: 24px; }
  .tazman_content .select-style .fa{top: 4px;}
  .tazman_main .tazman_selector .float_left { margin-bottom: 10px; margin-left: 13px; }
  .tazman_main .tazman_selector button.sel:last-child { margin-left: 0; }
  .tazman_main { width: 100%; margin-top: 50px; }
  .tazman_main .calendar { overflow: auto; margin: 10px 0 0 !important; width: 100%; }
  .tazman_main .tazman_selector > button#sub_cancel,.tazman_main .tazman_selector > button#subscribe {
      margin-top: 10px;
  }
  .tazman_popup {
      width: 100% !important;
      margin: 5px 0;
  }
  .tazman_popup .button.green, .tazman_popup .button.red, .tazman_popup .control.green{
        padding: 20px 10px;
        width: 100%;
        height: auto;
        font-size: 16px;
  }

}

@media all and (max-width: 640px) {
    .tazman_main .tazman_selector .float_left {width: 134px;}
}

.sheduler table { width: 100%; border-collapse: collapse; }
.sheduler table tr {
    border-bottom: 1px dotted #00a4e4;
}
.sheduler table tr.no-border,
.sheduler table tr:last-child,
.sheduler table tr.split { border: none; }

.sheduler table tr.split td { background-color: #00a4e4; height: 6px; border: none; }
.sheduler table td { text-align: center; vertical-align: middle; padding: 0; }
.sheduler table.month td { height: 50px; vertical-align: top; }
.sheduler table.month td b { margin-top: 1px; background: #00a4e4; color: #fff; border-radius: 25px; width: 25px; height: 25px; display: inline-block; line-height: 25px; text-align:center; }

.sheduler table.day td { height: 50px; }
.sheduler table.day td:first-child { width: 100px; }
.sheduler table.day tr:first-child { border-top: 1px solid #f1e1ae; }

.sheduler table.full td:first-child {    
    background-color: #00a4e4;
    text-align:center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-shadow: -1px -1px 0 #00405d, 1px -1px 0 #00405d, -1px 1px 0 #00405d, 1px 1px 0 #00405d; 
}

.sheduler table td.even { background-color: #eee; }

.sheduler table td > div.selected > div {
    background: #a00 !important;
    border: 3px solid #000 !important;
}
.sheduler table td > div.selected * {
    color: #fff !important;
}


.sheduler table td > div {
    border-radius: 5px;
    margin: 2px 4px;
    padding: 0;
    text-align:center;
    color: #fff;
    cursor: pointer;
    opacity: 0.75;
}
.sheduler table td > div:hover {
    opacity: 1;
}
.sheduler table td > div > div {
    padding: 4px 10px;
    border-radius: 4px;
}
.sheduler table.full td > div > div,
.sheduler table.month td > div > div {
		padding: 4px 5px 25px;
}
.sheduler table.full td > div > div i.fa,
.sheduler table.month td > div > div i.fa {
		float: right;
		margin-right: -6px;
}
.sheduler table.day td > div > div i.fa {
    float: left;
    margin-left: -5px;
    margin-top: -20px;
}


.sheduler table td h2 {
    font-size: 13px;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    color: #fff;
}
.sheduler table td h3 {
    margin-top: -5px;
    margin-bottom: 5px;
    font-size: 13px;
    font-weight: normal;
}

.sheduler table td > div > div > div {
    font-size: 11px;
    direction: ltr;
}

.sheduler table td > div > div { background-color: #00A9E0; color: #fff; }

@keyframes DIV-BORDER {
    0%   { border-color: #c0392b }
    30%  { border-color: #009872 }
    70%  { border-color: #009872 }
    100% { border-color: #c0392b }
}
.sheduler table td > div.subscribed { 
    border:2px solid #c0392b;  
    transition: all 1s;
    animation: DIV-BORDER 2s infinite;
}
.sheduler table td > div.subscribed > div { margin: 2px; }
.sheduler table td #course-1 > div { background-color: #00a9d2; color: #000; }
.sheduler table td #course-2 > div { background-color: #ee8460; }
.sheduler table td #course-3 > div { background-color: #ebbb62; color: #000; }
.sheduler table td #course-4 > div { background-color: #00c7b2; color: #000; }
.sheduler table td #course-5 > div { background-color: #c271b0; }
.sheduler table td #course-6 > div { background-color: #1428a0; }
.sheduler table td #course-7 > div { background-color: #75787b; }
.sheduler table td #course-8 > div { background-color: #0689d8; }
.sheduler table td #course-9 > div { background-color: #ffc600; color: #000;}
.sheduler table td #course-10 > div { background-color: #ff6900; }
.sheduler table td #course-11 > div { background-color: #e4002b; }
.sheduler table td #course-12 > div { background-color: #c800a1; }
.sheduler table td #course-13 > div { background-color: #685bc7; }
.sheduler table td #course-14 > div { background-color: #0057b8; }
.sheduler table td #course-15 > div { background-color: #00a9e0; }
.sheduler table td #course-16 > div { background-color: #009ca6; }



.sheduler { 
    display: table;  width: 100%; 
    border-bottom: 10px solid #00a4e4;
    border-left: none;
    border-right: none;
}

.sheduler.fixed-head header {
    
    position: fixed;
    top: 60px;
    /*left: 50%;
    width: 973px;
    margin-left: -487px;*/
    z-index: 3;
    border-bottom:1px solid #fff;
    box-shadow: 0 2px 5px #888888;
    max-width: 995px;
}
.sheduler.fixed-head table {
    margin-top: 40px;
}
.sheduler header div {
    float: left;
    position: relative;
}

.sheduler header { 
    background-color: #00a4e4; 
/*    width: 100%;*/
    height: 40px;
}
.sheduler header img {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.7;
}

.sheduler header div {
    text-align: left;
    padding-left: 15px;
    padding-top: 7px;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-shadow: -1px -1px 0 #00405d, 1px -1px 0 #00405d, -1px 1px 0 #00405d, 1px 1px 0 #00405d;
}


/*.sleduler .row                                    { display: table-row; }
.sheduler .row.rbody.line-up .cell                { border-top: 10px solid #00a4e4; }
.sheduler .row.rbody.line-up .cell:first-child    { border-top: 10px solid #00a4e4; }
.sheduler .row.rbody         .cell                { vertical-align: middle; padding: 5px 0;}
.sheduler .row.rbody         .cell:nth-child(odd) { background-color:#eee; }*/

/*.sheduler .row.rbody .cell:first-child {
    background-color: #00a4e4;
    text-align:center;
    vertical-align: middle;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-shadow: -1px -1px 0 #00405d, 1px -1px 0 #00405d, -1px 1px 0 #00405d, 1px 1px 0 #00405d;
}*/



/*.sheduler .cell {
    display: table-cell;
    vertical-align:top;
    width: 150px;
    height: 40px;
    position: relative;
}*/
/*.sheduler .cell:first-child {
    width:74px;
}*/

.type-select { 
    margin-left: 20px;
    color: #000;
}
.type-select.current {
    color: #c0392b;
    font-weight: bold;
    text-decoration: underline;
}

.button {
    background-color: #fcad17;
    border: medium none;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    height: 40px;
    padding: 0 10px;
    position: relative;
    transition: all 0.5s ease 0s;
    width: 210px;
    margin-top: 10px;
}

.balance {
    border: 1px solid #777;
    border-radius: 3px;
    height: 110px;
    margin-top: 5px;
}
.balance > div {
    margin: 5px;
    overflow-y: scroll;
    overflow-x: hidden;
    height: 100px;
}

h2.error {
    display:block;
    padding: 10px;
    margin: 10px 0;
    background-color:#c0392b;
    text-align:center;
    width: 100%;
    /*border-radius: 10px;*/
    color: #fff;
}
h2.success {
    display: block;
    padding: 10px;
    background-color: #fff;
    text-align: center;
    color: #009872;
    width: 100%;
    margin: 10px 0;
    border: 2px #009872 solid;
}

h1.title {
    text-align:center;
    color:#00a4e4;
    font-size:20px;
}    

/*
.theme-1 .sheduler table.full td:first-child { background-color: #74a0c7; }
.theme-1 .sheduler table tr.split td { background-color: #74a0c7; }
.theme-1 .sheduler { border-color: #74a0c7; }
.theme-1 .sheduler header { background-color: #74a0c7; }
*/

.theme-2 .sheduler table.full td:first-child { background-color: #b1bec6; }
.theme-2 .sheduler table tr.split td { background-color: #b1bec6; }
.theme-2 .sheduler { border-color: #b1bec6; }
.theme-2 .sheduler header { background-color: #b1bec6; }
.theme-2 .sheduler table tr { border-bottom: 1px dotted #b1bec6; }


.theme-3 .sheduler table.full td:first-child { background-color: #709cc3; }
.theme-3 .sheduler table tr.split td { background-color: #709cc3; }
.theme-3 .sheduler { border-color: #709cc3; }
.theme-3 .sheduler header { background-color: #709cc3; }
.theme-3 .sheduler table tr { border-bottom: 1px dotted #709cc3; }

.theme-4 .sheduler table.full td:first-child { background-color: #3eb945; }
.theme-4 .sheduler table tr.split td { background-color: #3eb945; }
.theme-4 .sheduler { border-color: #3eb945; }
.theme-4 .sheduler header { background-color: #3eb945; }
.theme-4 .sheduler table tr { border-bottom: 1px dotted #3eb945; }

.theme-5 .sheduler table.full td:first-child { background-color: #e47683; }
.theme-5 .sheduler table tr.split td { background-color: #e47683; }
.theme-5 .sheduler { border-color: #e47683; }
.theme-5 .sheduler header { background-color: #e47683; }
.theme-5 .sheduler table tr { border-bottom: 1px dotted #e47683; }

.theme-6 .sheduler table.full td:first-child { background-color: #000; }
.theme-6 .sheduler table tr.split td { background-color: #000; }
.theme-6 .sheduler { border-color: #000; }
.theme-6 .sheduler header { background-color: #000; }
.theme-6 .sheduler table td { background-color: #888; }
.theme-6 .sheduler table td.even { background-color: #555; }
.theme-6 .sheduler table tr { border-bottom: 1px dotted #000; }

.theme-7 .sheduler table.full td:first-child { background-color: #f1e1ae; }
.theme-7 .sheduler table tr.split td { background-color: #f1e1ae; }
.theme-7 .sheduler { border-color: #f1e1ae; }
.theme-7 .sheduler header { background-color: #f1e1ae; }
.theme-7 .sheduler header img { opacity: 0.5; }
.theme-7 .sheduler table tr { border-bottom: 1px dotted #f1e1ae; }

.lesson-error {
    background: #f00;
    color:#fff;
    margin-top: 5px;
    padding: 3px;
}
.button-register,
.button-login,
.button-cancel,
.button-save,
.button-facebook {
    width: 49%;
    border: none;
    color: #fff;
    height: 40px;
    font-weight: bold;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.5s;
}
.button-register:hover,
.button-login:hover,
.button-cancel:hover,
.button-facebook { background-color: #777 !important; }
.button-register { float: left;  background-color: #fcad17 !important; }
.button-cancel   { float: left;  background-color: #c0392b !important; }
.button-login    { float: right; background-color: #009872 !important; }
.button-save {  float: right; background-color: #009872 !important; width: 150px; }
.button-facebook { color: #fff; background: #4964a6 !important; width: 100%; margin-top: 10px; }
.button-facebook span { font-size: inherit; float: none; }
.button-facebook span.fa { margin-left: 30px; font-size: 22px; float: left; }
#forgot_password{float: left;}
.in-login .button-login { float: none; width: 100%; margin-bottom: 15px}
.in-login .button-register { float: none;  width: 100%}

.button-login[disabled],.button-facebook[disabled] {
    background-color: #ddd !important;
}

.tazman_content_injection #login label,
.tazman_content_injection #registration label,
.tazman_content_injection #password_reset label,
.tazman_content_injection .row label,
.tazman_popup #login label,
.tazman_popup #registration label,
.tazman_popup #password_reset label,
.tazman_popup .row label { font-size: 16px; }

.tazman_content_injection .info h1,
.tazman_content_injection #login h1,
.tazman_content_injection #registration h1,
.tazman_content_injection #password_reset h1,
.tazman_popup .info h1,
.tazman_popup #login h1,
.tazman_popup #registration h1,
.tazman_popup #email_validation h1, 
.tazman_popup #password_reset h1 {
    font-size: 20px;
    text-align:center;
    margin-top: 0;
}

.tazman_content_injection #login input,
.tazman_content_injection #registration input,
.tazman_content_injection #password_reset input,
.tazman_content_injection .row select,
.tazman_content_injection .row input,
.tazman_popup #login input,
.tazman_popup #registration input,
.tazman_popup #password_reset input,
.tazman_popup .row select,
.tazman_popup .row input

 {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border: 1px solid #AAA;
    padding: 0 20px;
    margin-bottom: 10px;
}
.tazman_content_injection .row label,
.tazman_popup .row label {
    width: 150px;
    display: inline-block;
    text-align: left;
}
.tazman_content_injection .row,
.tazman_popup .row {
    display: inline-block;
    margin: 0 15px;
}
.tazman_content_injection .row input,
.tazman_content_injection .row select,
.tazman_popup .row input,
.tazman_popup .row select {
    width: 250px;
}
.tazman_content_injection .row label,
.tazman_popup .row label {
    margin-left: 15px;
}
.tazman_popup a.button {
    display: block;
    background-color: #00a4e4;
    border-radius: 3px;
    color: #fff;
    padding: 2px 10px;
    line-height: 22px;
    height: 25px;
}
.tazman_popup a.button.red { background-color:#ff0000; }
.tazman_popup .button.red,
.tazman_popup .control.red { background-color: #c0392b; }
.tazman_popup .button.green,
.tazman_popup .control.green { background-color: #009872; }

.journal tr td button.product{
    border: none;
    height: 24px;
    border-radius: 3px;
    background: #fcad17;
    position: relative;
    cursor: pointer;
    color: #fff;
    transition: all 0.5s ease 0s;
    padding: 0 10px;
    font-weight: bold;
}

.journal tr td button.product i.fa{
    color: #fff;
}

@media (max-width: 1000px) {
    .tazman_main {
        width: 100%;
        margin-top: 5px;
    }
    .tazman_main.theme-0{
        border-top: 1px solid #fff;
    }
    .journal{ 
        margin-top: 3px;
    }
    .tazman_content .fa.control-right { top: 6px; }
    .tazman_content .fa.control-left { top: 6px; }
    .tazman_content .select-style .fa.control-right { top: 2px; }
    .tazman_main .tazman_selector .float_right{
        margin-right: 13px;
    }
    .tazman_main .tazman_selector button.next{
        float: left;
    }
}

/* calendar css */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{
    background: #fcad17;
    color: #fff;
    text-align: center;
}
.ui-widget-header{
    border: 1px solid #fff;
    background: #fcad17;
    color: #fff;
    margin-top: 1px;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current{
    float: right;
    opacity: 1;
}

.ui-datepicker td.ui-datepicker-today a{
    font-weight: bold;
    background: #fff;
    color: #fcad17;
}