* {
    padding: 0;
    margin: 0
}

@font-face {
    font-family: shapes;
    src: url('../fonts/circles.eot?1yteib');
    src: url('../fonts/circles.eot?1yteib#iefix') format('embedded-opentype'), url('../fonts/circles.ttf?1yteib') format('truetype'), url('../fonts/circles.woff?1yteib') format('woff'), url('../fonts/circles.svg?1yteib#circles') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: checkinout;
    src: url('../fonts/checkinout.eot?v81u99');
    src: url('../fonts/checkinout.eot?v81u99#iefix') format('embedded-opentype'), url('../fonts/checkinout.ttf?v81u99') format('truetype'), url('../fonts/checkinout.woff?v81u99') format('woff'), url('../fonts/checkinout.svg?v81u99#checkinout') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: logoFont;
    src: url('../fonts/logo.eot?431z15');
    src: url('../fonts/logo.eot?431z15#iefix') format('embedded-opentype'), url('../fonts/logo.ttf?431z15') format('truetype'), url('../fonts/logo.woff?431z15') format('woff'), url('../fonts/logo.svg?431z15#logo') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: checkmark;
    src: url('../fonts/checkmark.eot?85z1ek');
    src: url('../fonts/checkmark.eot?85z1ek#iefix') format('embedded-opentype'), url('../fonts/checkmark.ttf?85z1ek') format('truetype'), url('../fonts/checkmark.woff?85z1ek') format('woff'), url('../fonts/checkmark.svg?85z1ek#checkmark') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: FGAMedium;
    src: url(../fonts/FoundersGroteskApp-Medium.ttf);
}

@font-face {
    font-family: GTEestiTextLight;
    src: url(../fonts/GT-Eesti-Text-Light.ttf);
}

@font-face {
    font-family: GTEestiProDisplayMedium;
    src: url(../fonts/GT-Eesti-Pro-Display-Medium.ttf);
}

@font-face {
    font-family: apercuLight;
    src: url(../fonts/apercu-light.ttf);
}

@font-face {
    font-family: apercuMedium;
    src: url(../fonts/apercu-medium.ttf);
}

@font-face {
    font-family: apercuBold;
    src: url(../fonts/apercu-bold.ttf);
}

.useShapes {
    font-family: shapes !important;
}

.useCheckinout {
    font-family: 'checkinout' !important;
}

.useLogo {
    font-family: 'logoFont' !important;
}

.useArrows,
.useCheckinout,
.useLogo {
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.backArrowBg {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: #F7F7F7;
    position: relative;
}

.backArrow {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7px;
    margin-top: -13px;
}

.backArrow:before {
    content: "\e904";
    color: #172857;
    font-family: 'shapes' !important;
    font-size: 18px;
}

.nextArrowBg {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: #F7F7F7;
    position: relative;
}

.nextArrow {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -4px;
    margin-top: -13px;
}

.nextArrow:before {
    content: "\e903";
    color: #172857;
    font-family: 'shapes' !important;
    font-size: 18px;
}

.careIcon:before {
    font-family: 'checkinout' !important;
    content: "\e900";
    color: #5b6789;
    font-size: 78px;
}

.deskIcon:before {
    font-family: 'checkinout' !important;
    content: "\e901";
    color: #93b5ab;
    font-size: 78px;
}

.eventIcon:before {
    font-family: 'checkinout' !important;
    content: "\e902";
    color: #f7bdab;
    font-size: 78px;
}

.closeShapeBg {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: #F7F7F7;
    position: relative;
}

.closeShape {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7px;
    margin-top: -10px;
}

.closeShape:before {
    content: "\e902";
    color: #172857;
    font-family: 'shapes' !important;
    font-size: 14px;
}

input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
}


/* Change autocomplete styles in WebKit */

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: none;
    -webkit-text-fill-color: #172857;
    -webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;
    transition: background-color 5000s ease-in-out 0s;
}

body {
    margin: 0;
    background: #1a1d24;
    color: #FFFFFF;
    text-align: right;
}

#header {
    height: 119px;
    width: 100%;
    margin-top: 80px;
    background: #172857;
    position: relative;
}

#headerLogin {
    height: 219px;
    width: 100%;
    margin-top: 0px;
    background: #172857;
    position: relative;
}

.headerLinkLogin {
    width: 135px;
    height: 58px;
    display: block;
    /*background:url(../images/brella_5.png) top center no-repeat; background-size: 189px 58px;*/
    position: absolute;
    top: 110px;
    left: 50%;
    margin: 0 0 0 -70px;
}

.headerLinkLogin:before {
    content: "VOD";
    color: #fffffe;
    font-size: 58px;
}

.headerLinkLogin:hover {
    text-decoration: none;
}

.headerLink {
    width: 137px;
    height: 42px;
    display: block;
    /*background:url(../images/brella_logo.png) top center no-repeat;*/
    position: absolute;
    top: 40px;
    left: 50%;
    margin: 0 0 0 -67px;
}

.headerLink:before {
    content: "VOD";
    color: #fffffe;
    font-size: 43px;
}

.headerLink:hover {
    text-decoration: none;
}

.logoutLink {
    width: 70px;
    height: 25px;
    display: block;
    position: absolute;
    top: 52px;
    right: 20%;
    color: #FFFFFF;
    font: 18px apercuBold;
    background: #172857;
    border: none;
    cursor: pointer;
}

#heaaderBar {
    height: 48px;
    width: 100%;
    margin-top: 0px;
    background: #F7BDAB;
}

.heaaderBarTitle {
    width: 120px;
    text-align: center;
    font: 20px apercuMedium;
    color: #FFFFFF;
    margin: auto;
    padding-top: 10px;
}

#heaaderBarFD {
    height: 48px;
    width: 100%;
    margin-top: 0px;
    background: #F4E9F4;
}

.heaaderBarTitleFD {
    width: 200px;
    text-align: center;
    font: 20px apercuBold;
    color: #172857;
    margin: auto;
    padding-top: 15px;
}

#loginTable {
    width: 327px;
    margin: auto;
    margin-top: 60px;
    margin-bottom: 40px;
}

.loginHeader {
    font: 32px GTEestiTextLight;
    color: #172857;
    text-align: center;
}

.inputData {
    font: 16px apercuLight;
    color: #172857;
    width: 327px;
    border: none;
    margin-top: 20px;
    text-indent: 11px;
    text-align: center;
}

.spacerTop20 {
    margin-top: 20px;
}

.spacerTop30 {
    margin-top: 30px;
}

.spacerTop40 {
    margin-top: 40px;
}

.spacerTop50 {
    margin-top: 50px;
}

.loinButton {
    width: 319px;
    height: 50px;
    border-radius: 25px;
    color: #FFFFFF;
    background: #172857;
    border: none;
    cursor: pointer;
    font: 18px apercuMedium;
}

.forgotpasswordButton {
    width: 319px;
    height: 20px;
    color: #172857;
    background: #FFFFFF;
    border: none;
    cursor: pointer;
    font: 16px apercuBold;
}

.resetDesc {
    font: 14px apercuLight;
    color: #9B9B9B;
}

#dialogoverlay {
    display: none;
    opacity: .7;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #343031;
    width: 100%;
    z-index: 9010;
}

#dialogbox {
    display: none;
    position: absolute/*fixed*/
    ;
    background: #FFF;
    border-radius: 7px;
    width: 230px;
    z-index: 9010;
}

#dialogbox>div {
    background: #FFF;
    margin: 8px;
}

#dialogbox>div>#dialogboxhead {
    /*padding:10px; */
    background: url(../images/delete.png) top center no-repeat;
    height: 59px;
    margin-top: 20px;
}

#dialogbox>div>#dialogboxheadSuccess {
    /*padding:10px; */
    background: url(../images/success.png) top center no-repeat;
    height: 40px;
    margin-top: 20px;
}

#dialogbox>div>#dialogboxheadClose {
    /*padding:10px; */
    background: url(../images/success_grey.png) top center no-repeat;
    height: 40px;
    margin-top: 35px;
}

#dialogbox>div>#dialogboxbody {
    padding: 20px;
}

#dialogbox>div>#dialogboxfoot {
    padding: 10px;
    width: 230px;
    margin-left: auto;
    margin-right: auto;
}

#dialogbox>div>#dialogboxbody .confirmTitle {
    width: 100%;
    font: 18px apercuBold;
    color: #172857;
    text-align: center;
}

#dialogbox>div>#dialogboxbody .confirmDescription {
    width: 100%;
    font: 15px apercuLight;
    color: #172857;
    text-align: center;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

#dialogbox>div>#dialogboxbody .confirmDescriptionMeals {
    width: 100%;
    font: 15px apercuLight;
    color: #172857;
    text-align: center;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

#dialogbox>div>#dialogboxfoot .confirmRoundBtn {
    width: 230px;
    height: 50px;
    border-radius: 25px;
    background: #8097F9;
    border: #8097F9 solid 1px;
    color: #FFF;
    font: 18px RubikRegular;
}

#dialogbox>div>#dialogboxfoot .confirmRoundBtn:hover {
    background: #FFF;
    color: #8097F9;
}

#dialogbox>div>#dialogboxfoot .confirmNormalBtn {
    width: 230px;
    height: 50px;
    background: #FFF;
    border: #FFF;
    color: #8097F9;
    font: 18px RubikRegular;
    text-decoration: none;
}

#dialogbox>div>#dialogboxfoot .confirmNormalBtn:hover {
    text-decoration: underline;
}

#container {
    position: relative;
}

#menuContainer {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    /*width: 25%;max-width: 440px;*/
    width: 350px;
    background: #F7F7F7;
}

#menuContainer ul {
    width: 100%;
    list-style: none;
}

#menuContainer ul li {
    height: 74px;
    width: 100%;
}

#menuContainer ul li a.menuLink {
    height: 74px;
    width: 100%;
    text-align: right;
    display: block;
    text-decoration: none;
    background: #F7F7F7;
    color: #172857;
    font: 17px apercuLight;
}


/*#menuContainer ul li a.menuLink:hover, #menuContainer ul li a.menuLinkSelected{height: 74px; width: 100%;text-align: right;display: block;text-decoration: none;background:#172857;color:#FFFFFF;}*/

#menuContainer ul li a.menuLink:hover,
#menuContainer ul li a.menuLinkSelected {
    height: 74px;
    width: 100%;
    text-align: right;
    display: block;
    text-decoration: none;
    background: #F7F7F7;
    color: #172857;
    font: 18px apercuBold;
}

.menuLinkInner {
    padding-top: 28px;
    padding-right: 30px;
    /*font:20px GTEestiTextLight;*/
}

#menuContainer ul li a.menuLinkDark {
    height: 47px;
    width: 225px;
    text-align: center;
    display: block;
    text-decoration: none;
    background: #172857;
    border-radius: 22px;
    border: #172857 solid 3px;
    color: #FFFFFF;
    margin: 15px 30px auto auto;
}

#menuContainer ul li a.menuLinkDark:hover {
    background: #FFFFFF;
    border: #172857 solid 3px;
    color: #172857;
}

.menuLinkDarkInner {
    padding-top: 10px;
    font: 16px apercuMedium;
}

#menuContainer ul li a.menuLinkLight {
    height: 47px;
    width: 225px;
    text-align: center;
    display: block;
    text-decoration: none;
    border-radius: 22px;
    background: #FFFFFF;
    /*border:#172857 solid 3px;*/
    color: #172857;
    margin: auto 30px auto auto;
}

#menuContainer ul li a.menuLinkLight:hover {
    background: #172857;
    /*border:#172857 solid 3px;*/
    color: #FFFFFF;
}

.menuLinkLightInner {
    padding-top: 14px;
    font: 16px apercuMedium;
}

#content {
    width: 633px;
    margin-left: 377px;
}

.ga_header {
    padding-top: 20px;
}

.ga_header_left {
    float: left;
}

.ga_header_left_title {
    font: 30px GTEestiTextLight;
    color: #172857;
}

.ga_header_left_desc {
    font: 15px GTEestiTextLight;
    color: #172857;
}

ga_header_right .ga_save_inactive {
    width: 138px;
    height: 48px;
    border-radius: 24px;
    border: #EDEDED solid 2px;
    background: #EDEDED;
    color: #FFFFFF;
    font: 20px apercuMedium;
}

.ga_save_active {
    width: 138px;
    height: 48px;
    border-radius: 24px;
    border: #172857 solid 2px;
    background: #172857;
    color: #FFFFFF;
    font: 20px apercuMedium;
}

.ga_save_active:hover {
    border: #172857 solid 2px;
    background: #EDEDED;
    color: #172857;
}

.ga_days_list {
    width: 100%;
    list-style: none;
    margin-top: 40px;
}

.ga_days_list li {
    height: 58px;
    width: 58px;
    float: left;
    margin-right: 37px;
}

.ga_days_list li:last-child {
    margin-right: 0;
}

.ga_days_list li a {
    height: 58px;
    width: 58px;
    display: block;
    text-align: center;
    text-decoration: none;
}

.ga_days_inner {
    height: 58px;
    width: 58px;
    border-radius: 29px;
    background: #F4E9F4;
    color: #172857;
    display: table-cell;
    vertical-align: middle;
    font: 25px GTEestiTextLight;
}

.ga_days_inner_selected,
.ga_days_inner:hover {
    height: 58px;
    width: 58px;
    border-radius: 29px;
    background: #172857;
    color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
    font: 25px GTEestiTextLight;
}

.workspace {
    width: 100%;
    height: 173px;
    margin-top: 36px;
    position: relative;
}

.ws_title {
    font: 25px GTEestiTextLight;
    color: #172857;
    text-align: left;
}

.ws_bar {
    width: 479px;
    height: 6px;
    background: #EFEFEF;
    position: absolute;
    right: 0;
    top: 13px;
}

.ws_bg {
    width: 633px;
    height: 122px;
    border-radius: 6px;
    background: #F7F7F7;
    margin-top: 23px;
    display: table;
}

.ws_tbl {
    width: 546px;
    height: 67px;
    margin: auto;
    margin-top: 27px;
}

.tbl_label {
    font: 15px apercuLight;
    color: #172857;
}

.input_type {
    width: 107px;
    font: 15px apercuBold;
    color: #172857;
    border: none;
    border-bottom: #EAEAEA solid 2px;
    background: #F7F7F7;
    text-indent: 5px;
}

.tbl_spacer_17 {
    margin-left: 17px;
}

.infant {
    width: 100%;
    height: 273px;
    margin-top: 36px;
    position: relative;
}

.in_title {
    font: 25px GTEestiTextLight;
    color: #172857;
    text-align: left;
}

.in_bar {
    width: 554px;
    height: 6px;
    background: #EFEFEF;
    position: absolute;
    right: 0;
    top: 13px;
}

.in_bg {
    width: 633px;
    height: 212px;
    border-radius: 6px;
    background: #F7F7F7;
    margin-top: 23px;
    display: table;
}

.in_tbl {
    width: 546px;
    height: 142px;
    margin: auto;
    margin-top: 27px;
}

.toddler {
    width: 100%;
    height: 273px;
    margin-top: 36px;
    position: relative;
}

.to_title {
    font: 25px GTEestiTextLight;
    color: #172857;
    text-align: left;
}

.to_bar {
    width: 535px;
    height: 6px;
    background: #EFEFEF;
    position: absolute;
    right: 0;
    top: 13px;
}

.to_bg {
    width: 633px;
    height: 212px;
    border-radius: 6px;
    background: #F7F7F7;
    margin-top: 23px;
    display: table;
}

.to_tbl {
    width: 546px;
    height: 142px;
    margin: auto;
    margin-top: 27px;
}

.preschoolage1 {
    width: 100%;
    height: 273px;
    margin-top: 36px;
    position: relative;
}

.pr1_title {
    font: 25px GTEestiTextLight;
    color: #172857;
    text-align: left;
}

.pr1_bar {
    width: 447px;
    height: 6px;
    background: #EFEFEF;
    position: absolute;
    right: 0;
    top: 13px;
}

.pr1_bg {
    width: 633px;
    height: 212px;
    border-radius: 6px;
    background: #F7F7F7;
    margin-top: 23px;
    display: table;
}

.pr1_tbl {
    width: 546px;
    height: 142px;
    margin: auto;
    margin-top: 27px;
}

.preschoolage2 {
    width: 100%;
    height: 273px;
    margin-top: 36px;
    position: relative;
}

.pr2_title {
    font: 25px GTEestiTextLight;
    color: #172857;
    text-align: left;
}

.pr2_bar {
    width: 447px;
    height: 6px;
    background: #EFEFEF;
    position: absolute;
    right: 0;
    top: 13px;
}

.pr2_bg {
    width: 633px;
    height: 212px;
    border-radius: 6px;
    background: #F7F7F7;
    margin-top: 23px;
    display: table;
}

.pr2_tbl {
    width: 546px;
    height: 142px;
    margin: auto;
    margin-top: 27px;
}

.footerSep {
    height: 200px;
}


/*   */

.bk_header_right {
    float: right;
    text-align: center;
    cursor: pointer;
}

.bk_monthCal {
    height: 40px;
    width: 40px;
    border-radius: 100%;
    background: #F7F7F7;
}

.bk_monthCal div {
    height: 40px;
    width: 40px;
    padding-top: 2px;
    margin: auto;
}

.bk_monthCal div:before {
    content: "\e905";
    color: #172857;
    font-family: 'shapes' !important;
    font-size: 24px;
}

.bk_days_table {
    width: 100%;
    margin-top: 40px;
}

.bk_days {
    width: 68px;
}

.bk_days a {
    height: 58px;
    width: 58px;
    display: block;
    text-align: center;
    text-decoration: none;
}

.bk_days_inner {
    height: 58px;
    width: 58px;
    border-radius: 29px;
    background: #F4E9F4;
    color: #172857;
    display: table-cell;
    vertical-align: middle;
    font: 19px GTEestiTextLight;
}

.bk_days_inner_selected,
.bk_days_inner:hover {
    height: 58px;
    width: 58px;
    border-radius: 29px;
    background: #172857;
    color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
    font: 19px GTEestiTextLight;
}

.bk_days_inner_date {
    font: 15px GTEestiTextLight;
}

.bk_days_left {
    width: 42px;
}

.bk_days_left a {
    height: 32px;
    width: 32px;
    border-radius: 16px;
    display: block;
    text-align: center;
    text-decoration: none;
    background: #F7F7F7;
}

.bk_days_left a div {
    width: 12px;
    height: 18px;
    padding-top: 3px;
    margin-left: 8px;
}

.bk_days_left a div:before {
    content: "\e904";
    color: #172857;
    font-family: 'shapes' !important;
    font-size: 18px;
}

.bk_days_right {
    width: 42px;
}

.bk_days_right a {
    height: 32px;
    width: 32px;
    border-radius: 16px;
    display: block;
    text-align: center;
    text-decoration: none;
    background: #F7F7F7;
}

.bk_days_right a div {
    width: 12px;
    height: 18px;
    padding-top: 3px;
    margin: auto;
}

.bk_days_right a div:before {
    content: "\e903";
    color: #172857;
    font-family: 'shapes' !important;
    font-size: 18px;
}

.bk_child_type {
    width: 633px;
    height: 43px;
    border-radius: 21px;
    overflow: hidden;
    background: #F7F7F7;
    margin-top: 38px;
}

.bk_child_type_cell {
    width: 105.5px;
    background: #F4E9F4;
}

.bk_child_type_cell a {
    height: 43px;
    width: 105.5px;
    display: block;
    text-align: center;
    text-decoration: none;
}

.bk_child_type_inner {
    height: 43px;
    width: 105.5px;
    background: #F4E9F4;
    color: #172857;
    display: table-cell;
    vertical-align: middle;
    font: 16px apercuMedium;
}

.bk_child_type_inner_selected,
.bk_child_type_inner:hover {
    height: 43px;
    width: 127px;
    background: #172857;
    color: #FFFFFF;
    display: table-cell;
    vertical-align: middle;
    font: 16px apercuMedium;
}

.bk_places {
    overflow-x: auto;
}

.bk_places_table {
    margin-top: 34px;
    border-collapse: separate;
    border-spacing: 0;
}

.bk_places_cell_first {
    width: 45px;
    height: 55px;
    position: absolute;
    top: auto;
    margin: 0;
    white-space: nowrap;
    background: #FFFFFF;
    padding-top: 15px;
}

.bk_places_cell_last {
    width: 45px;
    height: 55px;
}

.bk_places_cell_first div {
    width: 35px;
    text-align: right;
}

.bk_places_cell {
    width: 45px;
    height: 55px;
    margin: 0;
    white-space: nowrap;
}

.bk_pc_full {
    background: url(../images/cellfullline.png) top center no-repeat;
}

.bk_pc_last {
    background: url(../images/cellbeginline.png) top center no-repeat;
}

.bk_pc_first {
    background: url(../images/cellendline.png) top center no-repeat;
}

.bk_places_empty {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background: #E9E9E9;
}

.bk_places_fill {
    width: 30px;
    height: 30px;
    border-radius: 15px;
    background: #F7BDAB;
}

.bk_display_span_icon:before {
    content: "\e903";
    color: #172857;
    font-family: 'shapes' !important;
    font-size: 15px;
    margin-left: 18px;
}

.bk_more_info {
    text-align: center;
    width: 100%;
    font: 15px apercuLight;
    color: #172857;
    margin-top: 20px;
}

.bk_display {
    width: 685px;
    margin: 50px auto 35px auto;
    position: relative;
}

.bk_display_back {
    position: absolute;
    top: 16px;
    left: 0;
    font: 15px apercuLight;
    color: #172857;
    cursor: pointer;
}

.bk_display_back_bg {
    height: 32px;
    width: 32px;
    border-radius: 100%;
    background: #F7F7F7;
}

.bk_display_back_bg div {
    height: 18px;
    width: 11px;
    padding-top: 6px;
    margin-left: 9px;
}

.bk_display_back_bg div:before {
    content: "\e904";
    color: #172857;
    font-family: 'shapes' !important;
    font-size: 18px;
}

.bk_display_back_book {
    margin-left: 13px;
}

.bk_display_header {
    width: 100%;
    text-align: center;
    font: 25px GTEestiTextLight;
    color: #172857;
}

.bk_display_sub_header {
    width: 100%;
    text-align: center;
    font: 15px apercuMedium;
    color: #172857;
    margin-top: 5px;
}

.bk_display_separator {
    width: 100%;
    height: 3px;
    background: #D6D6D6;
    margin-top: 32px;
}

.bk_display_table {
    width: 600px;
    margin: 25px auto auto 18px;
}

.bk_display_table_tr {
    cursor: pointer;
}

.bk_display_td_picture {
    width: 115px;
}

.bk_display_frame_picture {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    overflow: hidden;
    background: #FFFFFF;
}

.bk_display_td_data_name {
    font: 20px apercuBold;
    color: #172857;
    line-height: 25px;
}

.bk_display_checkout {
    font: 11px apercuMedium;
    color: #F76053;
    background: #F8F0F8;
    padding: 2px 10px 2px 10px;
    border-radius: 8px;
    margin-left: 10px;
    margin-bottom: 5px;
}

.bk_display_td_data_age {
    font: 15px apercuLight;
    color: #172857;
}

.bk_display_td_separator {
    height: 20px;
}

.bk_display_table_separator {
    width: 100%;
    height: 1px;
    background: #F3F3F3;
}

.bk_profile_picture_section {
    width: 100%;
    height: 218px;
    position: relative;
}

.bk_profile_picture {
    width: 139px;
    height: 139px;
    border-radius: 100%;
    overflow: hidden;
    position: absolute;
    top: 39px;
    left: 272px;
    background: #b8c5c4;
}

.bk_profile_update {
    position: absolute;
    top: 130px;
    right: 0;
    font: 12px apercuLight;
}

.bk_profile_update_from {
    width: 120px;
    height: 26px;
    border-radius: 13px;
    text-align: center;
    font: 14px apercuBold;
    color: #F76053;
    background: #F4E9F4;
    margin-top: 8px;
    line-height: 26px;
}

.bk_profile_details_title {
    font: 18px GTEestiProDisplayMedium;
    color: #172857;
    margin-left: 46px;
}

.bk_profile_details_desc {
    font: 15px apercuLight;
    color: #172857;
    margin-top: 30px;
    margin-left: 46px;
}

.bk_profile_details_subdesc {
    font: 15px apercuLight;
    line-height: 18px;
    color: #172857;
    /* margin-top:19px;*/
    margin-top: 6px;
    margin-left: 46px;
}

.bk_profile_details_desc img {
    margin-right: 16px;
    margin-left: 41px;
}

.bk_profile_details_desc img:first-child {
    margin-left: 0;
}

.bk_profile_details_sep {
    width: 100%;
    height: 2px;
    background: #F7F8F8;
    margin: 30px auto 30px auto;
}

.bk_display_contact_bg {
    background: #F7F8F8;
    width: 100%;
}

.bk_display_contact {
    width: 685px;
    margin: auto auto auto auto;
    padding-top: 5px;
    position: relative;
}

.bk_display_contact_primary {
    position: relative;
    margin-top: 35px;
}

.bk_display_contact_primary_title {
    font: 18px GTEestiTextLight;
    color: #172857;
}

.bk_display_contact_primary_bar {
    width: 540px;
    height: 6px;
    background: #FFFFFF;
    position: absolute;
    right: 0;
    top: 8px;
}

.bk_pickup_table {
    margin-top: 35px;
}

.bk_pickup_name {
    font: 20px apercuBold;
    color: #172857;
}

.bk_pickup_contact_detail {
    font: 17px apercuLight;
    color: #172857;
    margin-top: 9px;
}

.bk_data_empty {
    width: 100%;
    height: 343px;
    background: url(../images/nodata_1.png) top center no-repeat;
}

.bk_data_empty_inner {
    font: 16px apercuBold;
    color: #F76053;
    padding-top: 282px;
    padding-left: 274px;
}

.bk_data_checkin_empty_inner {
    font: 16px apercuBold;
    color: #F76053;
    padding-top: 282px;
    padding-left: 346px;
}

.bk_forms_span {
    font: 16px apercuBold;
    color: #F76053;
    margin-right: 37px;
}

.bk_forms_collapse {
    width: 13px;
    height: 15px;
    /*background:url(../images/fom_collapse.png) top center no-repeat;*/
    transform: rotate(90deg);
}

.bk_forms_expand {
    width: 13px;
    height: 15px;
    /* background:url(../images/fom_expand.png) top center no-repeat;*/
}

.bk_forms_collapse:before {
    content: "\e903";
    color: #172857;
    font-family: 'shapes' !important;
    font-size: 15px;
}

.bk_forms_expand:before {
    content: "\e903";
    color: #172857;
    font-family: 'shapes' !important;
    font-size: 15px;
}

.from_unchecked:before {
    content: "\2610";
    color: #f76053;
    font-family: 'checkmark' !important;
    font-size: 20px;
    margin-right: 5px;
}

.from_checked:before {
    content: "\2611";
    color: #93b5ab;
    font-family: 'checkmark' !important;
    font-size: 20px;
    margin-right: 5px;
}

.pickup_noImage {
    width: 84px;
    height: 84px;
    text-align: center;
    border-radius: 100%;
    background: #172857;
    color: #FFFFFF;
    font: 50px GTEestiProDisplayMedium;
    padding-top: 15px;
}

.pickup_childnoImage {
    width: 139px;
    height: 139px;
    text-align: center;
    border-radius: 100%;
    background: #172857;
    color: #FFFFFF;
    font: 72px GTEestiProDisplayMedium;
    padding-top: 30px;
}

.check_noImage {
    width: 55px;
    height: 55px;
    text-align: center;
    border-radius: 100%;
    background: #172857;
    color: #FFFFFF;
    font: 26px GTEestiProDisplayMedium;
    padding-top: 15px;
}

#popupOverlay {
    display: none;
    opacity: 0.6;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #343031;
    width: 100%;
    height: 100%;
    z-index: 10;
}

#popupBox {
    display: none;
    /*position: absolute;*/
    position: fixed;
    background: #FFF;
    border-radius: 8px;
    z-index: 9010;
    overflow: hidden;
}

#popupBox>div {
    background: #FFF;
    margin: 0px;
}

#popupBox>div>#popUpboxHead {
    /*padding:10px; */
    background: url(../images/close.png) top center no-repeat;
    height: 28px;
    margin: 27px 20px 0px 20px;
    cursor: pointer;
}

#popupBox>div>#dialogboxheadSuccess {
    /*padding:10px; */
    background: url(../images/success.png) top center no-repeat;
    height: 40px;
    margin-top: 20px;
}

#popupBox>div>#dialogboxheadClose {
    /*padding:10px; */
    background: url(../images/success.png) top center no-repeat;
    height: 40px;
    margin-top: 35px;
}

#popupBox>div>#popUpboxBody {
    padding: 0 20px;
    text-align: center;
    font: 20px GTEestiTextLight;
}

#popupBox>div>#popUpboxFoot {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#confirmTitle {
    width: 100%;
    font: 18px apercuBold;
    color: #172857;
    text-align: center;
}

#confirmDescription {
    width: 411px;
    font: 15px apercuLight;
    color: #172857;
    text-align: center;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
}

#confirmDescriptionMeals {
    width: 100%;
    font: 18px apercuLight;
    color: #172857;
    text-align: center;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

.dialogRedButton {
    width: 70%;
    height: 40px;
    border: #F76053 solid 2px;
    border-radius: 20px;
    margin: 30px auto auto auto;
    font: 20px apercuLight;
    color: #FFFFFF;
    background: #F76053;
    cursor: pointer;
}

.dialogRedButton:hover {
    color: #F76053;
    background: #FFFFFF;
}

#popupBox>div>#dialogboxfoot .confirmRoundBtn {
    width: 230px;
    height: 50px;
    border-radius: 25px;
    background: #8097F9;
    border: #8097F9 solid 1px;
    color: #FFF;
    font: 18px RubikRegular;
}

#popupBox>div>#dialogboxfoot .confirmRoundBtn:hover {
    background: #FFF;
    color: #8097F9;
}

#popupBox>div>#dialogboxfoot .confirmNormalBtn {
    width: 230px;
    height: 50px;
    background: #FFF;
    border: #FFF;
    color: #8097F9;
    font: 18px RubikRegular;
    text-decoration: none;
}

#popupBox>div>#dialogboxfoot .confirmNormalBtn:hover {
    text-decoration: underline;
}

#popupBox>div>#popUpboxFoot .dialogFootButton {
    width: 100%;
    height: 100%;
    background: #172857;
    border: #172857 solid 2px;
    color: #FFFFFF;
    font: 18px apercuBold;
    cursor: pointer;
}

#popupBox>div>#popUpboxFoot .dialogFootButton:hover {
    background: #FFFFFF;
    border: none;
    border-top: #172857 solid 2px;
    color: #172857;
}

#confirmTitleRed {
    width: 100%;
    font: 25px GTEestiTextLight;
    color: #F76053;
    text-align: center;
}

#confirmDescription20 {
    width: 411px;
    font: 20px apercuLight;
    color: #172857;
    text-align: center;
    margin: 40px auto 90px auto;
}

.dialogTryAgainButton {
    width: 431px;
    height: 48px;
    border-radius: 24px;
    background: #172857;
    color: #FFFFFF;
    border: #172857 solid 1px;
    margin: auto;
    font: 16px apercuBold;
    cursor: pointer;
}

.dialogTryAgainButton:hover {
    background: #FFFFFF;
    color: #172857;
}

.dialogCancelButton {
    width: 431px;
    height: 48px;
    border-radius: 24px;
    background: #FFFFFF;
    color: #172857;
    font: 15px GTEestiTextLight;
    border: none;
    margin: auto;
    cursor: pointer;
}

.dialogCancelButton:hover {
    text-decoration: underline;
}

#checkOutConfirmDescription20 {
    width: 411px;
    font: 20px apercuLight;
    color: #172857;
    text-align: center;
    margin: 40px auto 47px auto;
}

.checkOutTryAgainButton {
    width: 390px;
    height: 58px;
    border-radius: 29px;
    background: #172857;
    color: #FFFFFF;
    border: #172857 solid 1px;
    margin: auto;
    font: 16px apercuBold;
    cursor: pointer;
}

.checkOutTryAgainButton:hover {
    background: #FFFFFF;
    color: #172857;
}

.checkOutCancelButton {
    width: 390px;
    height: 18px;
    border-radius: 24px;
    background: #FFFFFF;
    color: #172857;
    font: 15px GTEestiTextLight;
    border: none;
    cursor: pointer;
    margin: 20px auto 45px auto;
}

.checkOutCancelButton:hover {
    text-decoration: underline;
}

.confirmPickup {
    width: 341px;
    height: 96px;
    border-radius: 9px;
    background: #F0F0F0;
    margin: 37px auto;
}

.confirmPickupLeft {
    width: 115px;
    height: 96px;
    float: left;
}

.confirmPickupRight {
    width: 225px;
    height: 96px;
    float: right;
}

.confirmPickupImage {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    overflow: hidden;
    margin: 21px auto;
}

.confirmPickupName {
    font: 20px apercuBold;
    color: #172857;
    text-align: left;
    margin-top: 28px;
}

.confirmPickupRelation {
    font: 15px apercuLight;
    color: #172857;
    text-align: left;
    margin-top: 5px;
}

#ck_content {
    width: 743px;
    margin-left: 380px;
    min-height: 1000px;
}

.ck_header {
    width: 743px;
    margin: 0px auto 15px auto;
    padding-top: 50px;
}

.ck_header_table {
    width: 100%;
}

.ck_header_title {
    font: 25px GTEestiTextLight;
    color: #172857;
    text-align: center;
}

.ck_header_back {
    cursor: pointer;
}

.ck_body_table {
    width: 100%;
    line-height: 1;
}

.ck_body_table_header {
    font: 16px GTEestiTextLight;
    color: #172857;
    text-indent: 35px;
}

.ck_body_table_name {
    font: 20px apercuBold;
    color: #172857;
}

.ck_body_table_type {
    font: 15px apercuLight;
    color: #172857;
    margin-top: 8px;
}

.ck_body_tablebutton {
    width: 111px;
    height: 35px;
    border-radius: 17.5px;
    border: none;
    background: #F4E9F4;
    font: 14px apercuBold;
    cursor: pointer;
}

.tb_in {
    color: #172857;
}

.tb_out {
    color: #F76053;
}

.ck_body_tablebutton:hover {
    text-decoration: underline;
}

.ck_line_sep {
    height: 3px;
    width: 100%;
    background: #D6D6D6;
    margin-top: 10px;
}

.ck_body_table_header_complete {
    font: 25px GTEestiTextLight;
    color: #172857;
}

.ck_line_sep_complete {
    width: 100%;
    height: 6px;
    background: #EFEFEF;
}

.ck_pic_container_55 {
    width: 55px;
    height: 55px;
    border-radius: 100%;
    overflow: hidden;
}

.ck_body_complete_status {
    font: 14px apercuBold;
    color: #172857;
}

.ck_data_sep {
    height: 1px;
    width: 100%;
    background: #F3F3F3;
}

.ck_late {
    font: 15px apercuBold;
    color: #F76053;
}

.cursor {
    cursor: pointer;
}

.ck_back_now {
    width: 135px;
    height: 30px;
    border-radius: 15px;
    background: #F7F7F7;
    color: #172857;
    border: none;
    cursor: pointer;
    text-decoration: none;
}

.ck_back_now:hover {
    text-decoration: underline;
}

.ck_data_empty {
    width: 100%;
    height: 343px;
    background: url(../images/nodata.png) top center no-repeat;
}

.ck_noImage {
    width: 55px;
    height: 55px;
    text-align: center;
    border-radius: 100%;
    background: #172857;
    color: #FFFFFF;
    font: 26px GTEestiProDisplayMedium;
    padding-top: 13px;
}

#pc_content {
    width: 685px;
    margin: auto;
    min-height: 1000px;
}

.pc_header {
    width: 685px;
    margin: 0px auto 15px auto;
    padding-top: 50px;
}

.pc_header_table {
    /*width:100%;*/
    width: 685px;
}

.pc_header_back {
    cursor: pointer;
    font: 15px apercuLight;
    color: #172857;
}

.pc_sep {
    width: 100%;
    height: 3px;
    background: #D6D6D6;
    margin-top: 39px;
    margin-bottom: 39px;
}

.pc_label {
    color: #172857;
    font: 12px apercuMedium;
    opacity: 0.37;
}

.pc_input_phone {
    width: 100%;
    color: #172857;
    font: 20px apercuLight;
    text-indent: 10px;
    margin-top: 14px;
    border: none;
}

.pc_underline_input {
    width: 100%;
    height: 2px;
    background: #F7F8F8;
    margin-top: 10px;
    margin-bottom: 20px;
}

.pc_error {
    font: 16px apercuLight;
    color: #F76053;
    margin-bottom: 40px;
}

.pc_search_btn {
    width: 319px;
    height: 48px;
    background: #F1F1F1;
    border: none;
    border-radius: 24px;
    color: #FFFFFF;
    font: 20px apercuBold;
}

.pc_search_btn_active {
    width: 319px;
    height: 48px;
    background: #172857;
    border: none;
    border-radius: 24px;
    color: #FFFFFF;
    font: 20px apercuBold;
    cursor: pointer;
}

.pc_close {
    width: 32px;
    height: 32px;
    background: url(../images/close_32.png) center no-repeat;
    cursor: pointer;
}

.pc_lbl {
    font: 16px GTEestiTextLight;
    color: #172857;
    text-align: center;
    margin: auto;
    overflow: hidden;
}

.pc_lbl_time {
    font: 15px GTEestiTextLight;
    color: #172857;
    text-align: right;
    margin: 0;
}

.pc_cell_20 {
    width: 20px;
}

.pc_cell_50 {
    min-width: 50px;
    max-width: 75px;
    overflow: hidden;
}

.pc_cell_container {
    position: relative;
    width: 100%;
    height: 50px;
}

.pc_cell_verline {
    width: 2px;
    height: 50px;
    background: #F7F8F8;
    position: absolute;
    left: 9px;
    top: 0;
}

.pc_cell_horline {
    width: 100%;
    height: 2px;
    background: #F7F8F8;
    position: absolute;
    left: 0;
    top: 24px;
}

.pc_cell_horline_first {
    width: 50%;
    left: 50%;
    height: 2px;
    background: #F7F8F8;
    position: absolute;
    top: 24px;
}

.pc_cell_circle {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #5B6789;
    position: absolute;
    left: 50%;
    top: 10px;
    margin-left: -15px;
    z-index: 1;
    cursor: pointer;
}

.pc_cell_circle_disabled {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background: #eee;
    position: absolute;
    left: 50%;
    top: 10px;
    margin-left: -15px;
    z-index: 1;
}

.pc_cell_chk {
    width: 30px;
    height: 30px;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    top: 10px;
    margin-left: -30px;
    z-index: 1;
}

.pc_booking_dots {
    /*width:100%;*/
    position: relative;
    margin: auto;
}

.pc_booking_data {
    width: 100%;
    position: relative;
}

.pc_product {
    width: 100%;
    height: 59px;
    background: #F7F7F7;
    border-radius: 6px;
    margin-top: 20px;
    position: relative;
}

.pc_product_desc {
    font: 18px apercuLight;
    color: #172857;
    text-indent: 41px;
    padding-top: 20px;
}

.pc_product_del {
    font: 15px apercuBold;
    color: #F76053;
    border: none;
    background: #F7F7F7;
    cursor: pointer;
    position: absolute;
    height: 20px;
    top: 20px;
    right: 20px
}

.pc_product_add {
    font: 17px apercuBold;
    color: #172857;
    border: none;
    background: #F4E9F4;
    cursor: pointer;
    height: 36px;
    width: 172px;
    border-radius: 18px;
}

.pc_product_add_inner {
    padding-top: 11px;
    width: 172px;
    text-align: center;
}

.pc_product_book {
    font: 17px apercuBold;
    color: #FFFFFF;
    border: none;
    background: #172857;
    cursor: pointer;
    height: 50px;
    width: 319px;
    border-radius: 25px;
}

.pc_product_book_inner {
    padding-top: 17px;
    width: 319px;
    text-align: center;
}

.pc_addmeal_lbl_title {
    font: 22px GTEestiTextLight;
    color: #172857;
    text-align: left;
    margin-bottom: 20px;
    margin-top: 28px;
}

.pc_addmeal_lbl_desc {
    font: 18px apercuLight;
    color: #172857;
}

.pc_addmeal_lbl_price {
    font: 18px apercuBold;
    color: #172857;
}

.pc_addproduct_lbl_title {
    font: 18px GTEestiTextLight;
    color: #172857;
    text-align: left;
    margin-top: 35px;
}

.pc_addproduct_input {
    font: 21px apercuBold;
    color: #172857;
    margin-top: 30px;
    margin-left: 10px;
    border: none;
    border-bottom: #EAEAEA solid 2px;
}

.usr_underline_input {
    width: 100%;
    height: 2px;
    background: #F7F8F8;
    margin-top: 10px;
    margin-bottom: 20px;
}

.usr_input_name {
    width: 100%;
    color: #172857;
    font: 20px apercuLight;
    text-indent: 10px;
    margin-top: 14px;
    border: none;
}

.usr_notfound {
    font: 16px apercuLight;
    color: #F76053;
    margin-bottom: 10px;
    height: 26px;
}

.usr_display_results {
    position: relative;
    margin-top: 35px;
}

.usr_display_results_title {
    font: 25px GTEestiTextLight;
    color: #172857;
}

.usr_display_results_bar {
    width: 572px;
    height: 6px;
    background: #EFEFEF;
    position: absolute;
    right: 0;
    top: 13px;
}

.usr_process_btn {
    width: 195px;
    height: 36px;
    border-radius: 18px;
    background: #F4E9F4;
    color: #172857;
    text-align: center;
    margin-top: 34px;
    cursor: pointer;
}

.usr_process_btn_inner {
    font: 14px apercuBold;
    padding-top: 12px;
}

.pm_modify_credits {
    width: 120px;
    height: 32px;
    text-align: center;
    float: left;
    background: #F7F7F7;
    border-radius: 8px;
}

.pm_modify_credits_disabled {
    font: 12px GTEestiProDisplayMedium;
    color: #172857;
    opacity: 0.37;
    padding-top: 10px;
}

.pm_tbl_title {
    font: 12px GTEestiProDisplayMedium;
    color: #172857;
    opacity: 0.37;
    margin-bottom: 8px;
}

.pm_tbl_desc {
    font: 20px apercuLight;
    color: #172857;
    margin-bottom: 6px;
}

.pm_tbl_total {
    font: 20px apercuBold;
    color: #172857;
    margin-bottom: 50px;
}

.pm_package_line {
    width: 167px;
    height: 3px;
    background: #D6D6D6;
    float: left;
    margin-top: 12px;
}

.pm_package_title {
    width: 351px;
    float: left;
    font: 21px GTEestiTextLight;
    color: #172857;
    text-align: center;
}

.pm_package_bg {
    width: 315px;
    height: 203px;
    background: #F8F0F8;
    border-radius: 14px;
    overflow: hidden;
    cursor: pointer;
}

.pm_package_hours {
    height: 19px;
    font: 16px apercuBold;
    color: #172857;
    margin-top: 19px;
}

.pm_package_discount {
    height: 20px;
    font: 17px apercuBold;
    color: #9D9D9D;
    margin-top: 8px;
}

.pm_package_price {
    height: 47px;
    font: 39px apercuBold;
    color: #F76053;
    margin-top: 18px;
}

.pm_package_button {
    height: 41px;
    font: 16px apercuBold;
    color: #FFFFFF;
    background: #172857;
    margin-top: 31px;
    padding-top: 12px
}

.inputUnderLine {
    margin-top: 10px;
}

::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #B3B0B0;
    opacity: 1;
    /* Firefox */
}


/* Styles for hiding the native checkbox */

input[type='checkbox'].check-custom {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}


/* Styles for the basic appearance of the custom checkbox */

input[type='checkbox'].check-custom~.check-toggle {
    width: 23px;
    height: 23px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #F4E9F4;
    border-radius: 50%;
    cursor: pointer;
    margin: auto 15px;
}


/* Styles for the hover state appearance of the custom checkbox */

input[type='checkbox'].check-custom:hover~.check-toggle {
    /* border-color: #4a4a4a;*/
}


/* Styles for the focus state appearance of the custom checkbox */

input[type='checkbox'].check-custom:focus~.check-toggle {
    /*border-color: #b0d5ff; box-shadow: 0 0 0 2px rgba(23, 133, 255, 0.25);*/
}


/* Styles for the checked state appearance of the custom checkbox */

input[type='checkbox'].check-custom:checked~.check-toggle {
    background: #F76053 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=) center no-repeat;
    background-size: 75%;
}


/* Styles for hiding the native checkbox */

input[type='checkbox'].check-booking {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}


/* Styles for the basic appearance of the custom checkbox */

input[type='checkbox'].check-booking~.check-toggle-disabled {
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #F4E9F4;
    border-radius: 50%;
    cursor: pointer;
    margin: auto 15px;
}

input[type='checkbox'].check-booking~.check-toggle-childCare {
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #5b6789;
    border-radius: 50%;
    cursor: pointer;
    margin: auto 15px;
}

input[type='checkbox'].check-booking~.check-toggle-desk {
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #93b5ab;
    border-radius: 50%;
    cursor: pointer;
    margin: auto 15px;
}

input[type='checkbox'].check-booking~.check-toggle-event {
    width: 30px;
    height: 30px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    background: #f9cbbd;
    border-radius: 50%;
    cursor: pointer;
    margin: auto 15px;
}


/* Styles for the checked state appearance of the custom checkbox */

input[type='checkbox'].check-booking:checked~.check-toggle-childCare,
input[type='checkbox'].check-booking:checked~.check-toggle-desk,
input[type='checkbox'].check-booking:checked~.check-toggle-event {
    background: #F76053 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmZmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4=) center no-repeat;
    background-size: 75%;
}

#loaderoverlay {
    display: none;
    opacity: .1;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #343031;
    width: 100%;
    z-index: 10;
}

#loader {
    display: none;
    z-index: 9010;
    /*position: absolute; left: 50%;top: 50%;*/
    border: 7px solid #D2E0DC;
    border-radius: 100%;
    border-top: 7px solid #93B5AB;
    width: 56px;
    height: 56px;
    position: fixed;
    /*margin: -28px 0 0 -28px;*/
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

#popupClassOverlay {
    display: none;
    opacity: 0.6;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #172857;
    width: 100%;
    height: 100%;
    z-index: 9010;
}

#popupClassBox {
    display: none;
    position: fixed;
    background: #FFF;
    border-radius: 8px;
    z-index: 9010;
    overflow: hidden;
}

#popupClassBox>div {
    background: #FFF;
    margin: 0px;
}

#popupClassBox>div>#popupClassBoxHead {
    height: 28px;
    margin: 34px 34px 0px 34px;
    cursor: pointer;
    display: none;
}

#popupClassBox>div>#popupClassBoxHead>#popupClassBoxHeadClose:before {
    content: "\e902";
    color: #172857;
    font-family: 'shapes' !important;
    font-size: 14px;
}

#popupClassBox>div>#popupClassBoxBody {
    padding: 0 20px;
    text-align: center;
    font: 20px GTEestiTextLight;
}

#popupClassBox>div>#popupClassBoxBody>table {
    width: 100%;
    height: 100%;
    margin: auto;
}

#popupClassBox>div>#popupClassBoxFoot {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.popupStyleTitleBold {
    width: 100%;
    font: 18px apercuBold;
    color: #172857;
    text-align: center;
}

.popupStyleTitleLight {
    width: 100%;
    font: 25px GTEestiTextLight;
    text-align: center;
}

.popupStyleDescription {
    font-family: apercuLight;
    text-align: center;
}

#popupClassBox>div>#popupClassBoxFoot .dialogFootButton {
    width: 100%;
    height: 100%;
    background: #172857;
    border: #172857 solid 2px;
    color: #FFFFFF;
    font: 18px apercuBold;
    cursor: pointer;
}


/*#popupClassBox > div > #popupClassBoxFoot .dialogFootButton:hover{background:#FFFFFF; border:none; border-top:#172857 solid 2px; color:#172857;}*/

.popupButton {
    width: 70%;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    font: 15px apercuBold;
}

.popupButtonCansel {
    width: 70%;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    font: 15px GTEestiTextLight;
}

.popupTitlePicture {
    width: 40px;
    height: 40px;
    border-radius: 100%;
    overflow: hidden;
}

.popupSuccessTypeOne {
    background: #F4E9F4;
}

.popupSuccessTypeTwo {
    background: #F7BDAB;
}

.popupError {
    background: #f76053;
}

.popupTitlePictureInnerSuccessOne,
.popupTitlePictureInnerSuccessTwo,
.popupTitlePictureInnerpopupError {
    padding-top: 15px;
}

.popupTitlePictureInnerSuccessOne:before {
    content: "\e901";
    color: #f76053;
    font-family: 'shapes' !important;
    font-size: 12px;
}

.popupTitlePictureInnerSuccessTwo:before {
    content: "\e901";
    color: #FFFFFF;
    font-family: 'shapes' !important;
    font-size: 12px;
}

.popupTitlePictureInnerpopupError:before {
    content: "\e902";
    color: #FFFFFF;
    font-family: 'shapes' !important;
    font-size: 12px;
}

.pc_add_reseller_lbl_title {
    font: 18px GTEestiTextLight;
    color: #172857;
    text-align: left;
    margin-top: 15px;
}

.pc_add_reseller_input {
    font: 21px apercuBold;
    color: #172857;
    text-align: center;
    margin-top: 10px;
    margin-left: 10px;
    border: none;
    border-bottom: #EAEAEA solid 2px;
}

.pc_add_reseller_lbl {
    font: 21px apercuBold;
    color: #172857;
    text-align: center;
    margin-top: 10px;
    width: 100%;
}

.pc_credit_lbl_title {
    font: 18px GTEestiTextLight;
    color: #172857;
    text-align: left;
    margin-top: 25px;
}

.pc_credit_input {
    font: 21px apercuBold;
    color: #172857;
    text-align: center;
    margin-top: 20px;
    margin-left: 10px;
    border: none;
    border-bottom: #EAEAEA solid 2px;
}

.pc_credit_lbl_Value {
    font: 18px GTEestiTextLight;
    color: #f76053;
    text-align: center;
    margin-top: 25px;
}

.errorAddResellerBg {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    background: #FFFFFF;
    position: relative;
    display: none;
}

.errorAddReseller {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -7px;
    margin-top: -10px;
}

.errorAddReseller:before {
    content: "\e902";
    color: #F76053;
    font-family: 'shapes' !important;
    font-size: 14px;
}

.resellerTbl {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
    text-align: center;
}

.resellerTbl tr:nth-child(even) {
    background-color: #f2f2f2;
    color: #000000;
}

.fa-check {
    color: green;
}

.fa-remove {
    color: red;
}

.addReseller {
    float: right;
    /* width:140px;*/
    margin-bottom: 10px;
    text-align: center;
}

.addResellerLeft {
    float: left;
    /* width:140px;*/
    margin-bottom: 10px;
    text-align: center;
}

.addReseller:hover {
    cursor: pointer;
    text-decoration: underline;
}

.buttonLike:hover {
    color: #FF1000;
    text-decoration: none;
    cursor: pointer;
}

.dark-btn {
    padding: 2px;
}

.dark-btn .btn-dark {
    font-weight: 400;
    font-size: 12px;
    background-color: #21252e;
    border: 1px solid #3d414a;
    border-radius: 5px;
    color: #fa163f;
    padding: 5px 7px 4px;
}

.dark-btn .btn-dark:focus,
.dark-btn .btn-dark:hover {
    background-color: #fa163f;
    color: white;
    border-color: #fa163f;
    text-decoration: none;
}

.dark-btn .btn-dark-selected {
    font-weight: 400;
    font-size: 12px;
    background-color: #fa163f;
    border: 1px solid #fa163f;
    border-radius: 5px;
    color: #FFF;
    padding: 5px 7px 4px;
}

.dark-btn .btn-dark-selected:focus,
.dark-btn .btn-dark-selected:hover {
    text-decoration: none;
}

.lbl_movie_type {
    font-size: 15px;
    margin-left: 10px;
}

.addMovieTbl {
    border-collapse: collapse;
    border-spacing: 0;
    width: 500px;
    border: 1px solid #ddd;
    margin: auto;
}

.movies {
    margin-top: 30px;
    text-align: center;
}

.movie {
    display: inline-block;
    position: relative;
    margin: 0 10px 30px 10px;
    padding: 0;
    width: 175px;
    vertical-align: top;
    clear: both;
    text-align: center;
    direction: ltr;
    color: #fff;
}

.movie:hover {
    text-decoration: underline;
    color: #FFF;
}

.rtn {
    color: #000;
    font-size: 1em;
    vertical-align: middle;
    position: absolute;
    right: 5px;
    -webkit-text-stroke: 0.5px #000;
}

.rtn-star {
    color: #ffcd00;
    vertical-align: middle;
    position: absolute;
    right: 30px;
    line-height: 1.5em;
    text-shadow: 0 0 4px #000;
    -webkit-text-stroke: 1px #000;
    margin-top: 4px;
}

.rtn-sr {
    color: #ffcd00;
    font-size: 1em;
    vertical-align: middle;
    position: absolute;
    left: 20px;
    -webkit-text-stroke: 0.5px #000;
}

.rtn-star-sr {
    color: #ffcd00;
    font-size: 2.5em;
    vertical-align: middle;
    position: absolute;
    line-height: 1.5em;
    text-shadow: 0 0 4px #000;
    -webkit-text-stroke: 1px #000;
}

.movies_small .movie .ratingepisode {
    margin-right: -5px;
}

.movie .r {
    display: inline;
    position: absolute;
    top: 5px;
    right: 0;
    padding: 0;
    margin: 0;
    text-align: center;
    direction: rtl;
}

.movie .ratingepisode,
.ratingepisode.inside {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
    text-shadow: 0 0 4px #bbb;
    -webkit-text-stroke: 1px #fe0;
}

.ratingepisode {
    color: #fc0;
    font-size: 2.0em;
    line-height: 1em;
    vertical-align: middle;
}

[class^=fa-]:before,
[class*=" fa-"]:before {
    font-style: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
}

.movie .ratingepisode i,
.ratingepisode.inside i {
    position: absolute;
    top: 53%;
    left: 47%;
    transform: translate(-50%, -50%);
    margin: auto;
    padding: 0;
    font-size: .35em;
    font-weight: 700;
    font-style: normal;
    font-family: Arial;
    color: #000;
    text-shadow: none;
    -webkit-text-stroke: 0;
}

.movie img {
    width: 175px;
    height: 260px;
    margin: 0;
    border-radius: 1px;
    border: none;
    background: url(../images/display-default-1.jpg) no-repeat;
}


/*.movie div {width: 175px; height: 260px; margin: 0; border-radius: 1px; border: none; background: url(../images/display-default-1.jpg) no-repeat;}*/

.movie .title {
    display: block;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 1em;
}

.ribbon {
    position: absolute;
    left: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
}

.nav {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
    text-align: center;
    background: #21252e;
}

.pdr {
    padding-right: 10px;
}

.inline {
    display: inline-block;
}

.nav a.active {
    margin-bottom: -1px;
    font-weight: bold;
    color: #FF1000;
    border-bottom: 1px solid #FF1000;
}

.nav a {
    display: inline-block;
    margin: 0 0 0 20px;
    padding: 10px 0;
    font-size: 1.1em;
    line-height: normal;
}

.mgb {
    margin-bottom: 10px;
}

.full {
    width: 100% !important;
    box-sizing: border-box;
}

.table {
    display: table;
}

.movie_cover {
    width: 300px;
}

.pdl {
    padding-left: 10px;
}

.mgb {
    margin-bottom: 10px;
}

.tam {
    text-align: center;
}

.prel {
    position: relative;
}

.playback {
    width: 100%;
    height: auto;
}

.movie_img {
    width: 300px;
    position: relative;
}

.movie_img img {
    display: inline-block;
    width: 300px;
    min-height: 400px;
    max-height: 430px;
    background: url(../images/display-default-2.jpg) no-repeat;
}

.vat {
    vertical-align: top;
}

.td {
    display: table-cell;
    min-width: 10px;
}

.movieTable {
    margin-top: -3px;
    direction: rtl;
    border-spacing: 0;
}

.full {
    width: 100% !important;
    box-sizing: border-box;
}

.movieTable td {
    text-align: right;
    background: #21252e;
    padding: 8px;
    border: 1px solid #eee;
}

.movie_title {
    text-height: text-size;
    line-height: 35px;
    direction: ltr;
    padding: 0 10px !important;
}

.movie_title h1 {
    margin: 10px;
    font-weight: normal !important;
}

.nowrap {
    width: 1px;
    white-space: nowrap;
}

.rating {
    color: #ffcd00;
    /*font-size: 1.5em;*/
    line-height: 1em;
    /*vertical-align: middle;*/
}

.mbox {
    position: relative;
    display: block;
    margin-bottom: 10px;
    background: #21252e;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.mboxStory {
    text-align: right;
}

.mbox .hd {
    background: #f9f9f9;
    border-radius: 4px 4px 0 0;
    color: #221;
    text-align: right;
}

.mbox .hdc {
    background: #f9f9f9;
    border-radius: 4px 4px 0 0;
    color: #221;
}

.bdb {
    border-bottom: 1px solid #ddd;
}

.pda {
    padding: 10px;
}

.blue {
    color: #2E70C0;
}

.vam {
    vertical-align: middle;
}

.tam {
    text-align: center;
}

.auto-size {
    width: 834px;
    height: 470px;
}

.cast_item {
    display: inline-block;
    width: 255px;
    height: 102px;
    margin: 0 0 20px 10px;
    padding: 0;
    color: #777;
    vertical-align: middle;
    text-align: right;
}

.cast_item a {
    font-weight: bold;
}

.cast_item img {
    margin-left: 5px;
    width: 100px;
    height: 100px;
    border-radius: 50px;
    border: 1px solid #ddd;
}

.c100 {
    position: relative;
    display: inline-block;
    font-size: 50px;
    width: 1em;
    height: 1em;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #ddd;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    box-shadow: 0 0 1px 1px #ddd;
}

.c100 .cpnt {
    position: absolute;
    display: block;
    width: 110%;
    z-index: 1;
    left: 0;
    top: 0;
    line-height: 3em;
    font-family: Tahoma;
    font-size: 0.3em;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    color: black;
}

.c100 *,
.c100 *:before,
.c100 *:after {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.c100 .cpnt small {
    font-size: 0.6em;
    vertical-align: super;
}

.rect-auto,
.c100.p51 .cslice,
.c100.p52 .cslice,
.c100.p53 .cslice,
.c100.p54 .cslice,
.c100.p55 .cslice,
.c100.p56 .cslice,
.c100.p57 .cslice,
.c100.p58 .cslice,
.c100.p59 .cslice,
.c100.p60 .cslice,
.c100.p61 .cslice,
.c100.p62 .cslice,
.c100.p63 .cslice,
.c100.p64 .cslice,
.c100.p65 .cslice,
.c100.p66 .cslice,
.c100.p67 .cslice,
.c100.p68 .cslice,
.c100.p69 .cslice,
.c100.p70 .cslice,
.c100.p71 .cslice,
.c100.p72 .cslice,
.c100.p73 .cslice,
.c100.p74 .cslice,
.c100.p75 .cslice,
.c100.p76 .cslice,
.c100.p77 .cslice,
.c100.p78 .cslice,
.c100.p79 .cslice,
.c100.p80 .cslice,
.c100.p81 .cslice,
.c100.p82 .cslice,
.c100.p83 .cslice,
.c100.p84 .cslice,
.c100.p85 .cslice,
.c100.p86 .cslice,
.c100.p87 .cslice,
.c100.p88 .cslice,
.c100.p89 .cslice,
.c100.p90 .cslice,
.c100.p91 .cslice,
.c100.p92 .cslice,
.c100.p93 .cslice,
.c100.p94 .cslice,
.c100.p95 .cslice,
.c100.p96 .cslice,
.c100.p97 .cslice,
.c100.p98 .cslice,
.c100.p99 .cslice,
.c100.p100 .cslice {
    clip: rect(auto, auto, auto, auto);
}

.c100 .cslice {
    position: absolute;
    width: 1em;
    height: 1em;
    clip: rect(0em, 1em, 1em, 0.5em);
}

.c100 .cbar,
.c100 .cslice,
.c100 .cfill {
    display: block;
}

.c100.p1 .cbar {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg);
}

.c100.p1 .cbar {
    -webkit-transform: rotate(3.6deg);
    -moz-transform: rotate(3.6deg);
    -ms-transform: rotate(3.6deg);
    -o-transform: rotate(3.6deg);
    transform: rotate(3.6deg);
}

.c100.p2 .cbar {
    -webkit-transform: rotate(7.2deg);
    -moz-transform: rotate(7.2deg);
    -ms-transform: rotate(7.2deg);
    -o-transform: rotate(7.2deg);
    transform: rotate(7.2deg);
}

.c100.p3 .cbar {
    -webkit-transform: rotate(10.8deg);
    -moz-transform: rotate(10.8deg);
    -ms-transform: rotate(10.8deg);
    -o-transform: rotate(10.8deg);
    transform: rotate(10.8deg);
}

.c100.p4 .cbar {
    -webkit-transform: rotate(14.4deg);
    -moz-transform: rotate(14.4deg);
    -ms-transform: rotate(14.4deg);
    -o-transform: rotate(14.4deg);
    transform: rotate(14.4deg);
}

.c100.p5 .cbar {
    -webkit-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    transform: rotate(18deg);
}

.c100.p6 .cbar {
    -webkit-transform: rotate(21.6deg);
    -moz-transform: rotate(21.6deg);
    -ms-transform: rotate(21.6deg);
    -o-transform: rotate(21.6deg);
    transform: rotate(21.6deg);
}

.c100.p7 .cbar {
    -webkit-transform: rotate(25.2deg);
    -moz-transform: rotate(25.2deg);
    -ms-transform: rotate(25.2deg);
    -o-transform: rotate(25.2deg);
    transform: rotate(25.2deg);
}

.c100.p8 .cbar {
    -webkit-transform: rotate(28.8deg);
    -moz-transform: rotate(28.8deg);
    -ms-transform: rotate(28.8deg);
    -o-transform: rotate(28.8deg);
    transform: rotate(28.8deg);
}

.c100.p9 .cbar {
    -webkit-transform: rotate(32.4deg);
    -moz-transform: rotate(32.4deg);
    -ms-transform: rotate(32.4deg);
    -o-transform: rotate(32.4deg);
    transform: rotate(32.4deg);
}

.c100.p10 .cbar {
    -webkit-transform: rotate(36deg);
    -moz-transform: rotate(36deg);
    -ms-transform: rotate(36deg);
    -o-transform: rotate(36deg);
    transform: rotate(36deg);
}

.c100.p11 .cbar {
    -webkit-transform: rotate(39.6deg);
    -moz-transform: rotate(39.6deg);
    -ms-transform: rotate(39.6deg);
    -o-transform: rotate(39.6deg);
    transform: rotate(39.6deg);
}

.c100.p12 .cbar {
    -webkit-transform: rotate(43.2deg);
    -moz-transform: rotate(43.2deg);
    -ms-transform: rotate(43.2deg);
    -o-transform: rotate(43.2deg);
    transform: rotate(43.2deg);
}

.c100.p13 .cbar {
    -webkit-transform: rotate(46.8deg);
    -moz-transform: rotate(46.8deg);
    -ms-transform: rotate(46.8deg);
    -o-transform: rotate(46.8deg);
    transform: rotate(46.8deg);
}

.c100.p14 .cbar {
    -webkit-transform: rotate(50.4deg);
    -moz-transform: rotate(50.4deg);
    -ms-transform: rotate(50.4deg);
    -o-transform: rotate(50.4deg);
    transform: rotate(50.4deg);
}

.c100.p15 .cbar {
    -webkit-transform: rotate(54deg);
    -moz-transform: rotate(54deg);
    -ms-transform: rotate(54deg);
    -o-transform: rotate(54deg);
    transform: rotate(54deg);
}

.c100.p16 .cbar {
    -webkit-transform: rotate(57.6deg);
    -moz-transform: rotate(57.6deg);
    -ms-transform: rotate(57.6deg);
    -o-transform: rotate(57.6deg);
    transform: rotate(57.6deg);
}

.c100.p17 .cbar {
    -webkit-transform: rotate(61.2deg);
    -moz-transform: rotate(61.2deg);
    -ms-transform: rotate(61.2deg);
    -o-transform: rotate(61.2deg);
    transform: rotate(61.2deg);
}

.c100.p18 .cbar {
    -webkit-transform: rotate(64.8deg);
    -moz-transform: rotate(64.8deg);
    -ms-transform: rotate(64.8deg);
    -o-transform: rotate(64.8deg);
    transform: rotate(64.8deg);
}

.c100.p19 .cbar {
    -webkit-transform: rotate(68.4deg);
    -moz-transform: rotate(68.4deg);
    -ms-transform: rotate(68.4deg);
    -o-transform: rotate(68.4deg);
    transform: rotate(68.4deg);
}

.c100.p20 .cbar {
    -webkit-transform: rotate(72deg);
    -moz-transform: rotate(72deg);
    -ms-transform: rotate(72deg);
    -o-transform: rotate(72deg);
    transform: rotate(72deg);
}

.c100.p21 .cbar {
    -webkit-transform: rotate(75.6deg);
    -moz-transform: rotate(75.6deg);
    -ms-transform: rotate(75.6deg);
    -o-transform: rotate(75.6deg);
    transform: rotate(75.6deg);
}

.c100.p22 .cbar {
    -webkit-transform: rotate(79.2deg);
    -moz-transform: rotate(79.2deg);
    -ms-transform: rotate(79.2deg);
    -o-transform: rotate(79.2deg);
    transform: rotate(79.2deg);
}

.c100.p23 .cbar {
    -webkit-transform: rotate(82.8deg);
    -moz-transform: rotate(82.8deg);
    -ms-transform: rotate(82.8deg);
    -o-transform: rotate(82.8deg);
    transform: rotate(82.8deg);
}

.c100.p24 .cbar {
    -webkit-transform: rotate(86.4deg);
    -moz-transform: rotate(86.4deg);
    -ms-transform: rotate(86.4deg);
    -o-transform: rotate(86.4deg);
    transform: rotate(86.4deg);
}

.c100.p25 .cbar {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.c100.p26 .cbar {
    -webkit-transform: rotate(93.6deg);
    -moz-transform: rotate(93.6deg);
    -ms-transform: rotate(93.6deg);
    -o-transform: rotate(93.6deg);
    transform: rotate(93.6deg);
}

.c100.p27 .cbar {
    -webkit-transform: rotate(97.2deg);
    -moz-transform: rotate(97.2deg);
    -ms-transform: rotate(97.2deg);
    -o-transform: rotate(97.2deg);
    transform: rotate(97.2deg);
}

.c100.p28 .cbar {
    -webkit-transform: rotate(100.8deg);
    -moz-transform: rotate(100.8deg);
    -ms-transform: rotate(100.8deg);
    -o-transform: rotate(100.8deg);
    transform: rotate(100.8deg);
}

.c100.p29 .cbar {
    -webkit-transform: rotate(104.4deg);
    -moz-transform: rotate(104.4deg);
    -ms-transform: rotate(104.4deg);
    -o-transform: rotate(104.4deg);
    transform: rotate(104.4deg);
}

.c100.p30 .cbar {
    -webkit-transform: rotate(108deg);
    -moz-transform: rotate(108deg);
    -ms-transform: rotate(108deg);
    -o-transform: rotate(108deg);
    transform: rotate(108deg);
}

.c100.p31 .cbar {
    -webkit-transform: rotate(111.6deg);
    -moz-transform: rotate(111.6deg);
    -ms-transform: rotate(111.6deg);
    -o-transform: rotate(111.6deg);
    transform: rotate(111.6deg);
}

.c100.p32 .cbar {
    -webkit-transform: rotate(115.2deg);
    -moz-transform: rotate(115.2deg);
    -ms-transform: rotate(115.2deg);
    -o-transform: rotate(115.2deg);
    transform: rotate(115.2deg);
}

.c100.p33 .cbar {
    -webkit-transform: rotate(118.8deg);
    -moz-transform: rotate(118.8deg);
    -ms-transform: rotate(118.8deg);
    -o-transform: rotate(118.8deg);
    transform: rotate(118.8deg);
}

.c100.p34 .cbar {
    -webkit-transform: rotate(122.4deg);
    -moz-transform: rotate(122.4deg);
    -ms-transform: rotate(122.4deg);
    -o-transform: rotate(122.4deg);
    transform: rotate(122.4deg);
}

.c100.p35 .cbar {
    -webkit-transform: rotate(126deg);
    -moz-transform: rotate(126deg);
    -ms-transform: rotate(126deg);
    -o-transform: rotate(126deg);
    transform: rotate(126deg);
}

.c100.p36 .cbar {
    -webkit-transform: rotate(129.6deg);
    -moz-transform: rotate(129.6deg);
    -ms-transform: rotate(129.6deg);
    -o-transform: rotate(129.6deg);
    transform: rotate(129.6deg);
}

.c100.p37 .cbar {
    -webkit-transform: rotate(133.2deg);
    -moz-transform: rotate(133.2deg);
    -ms-transform: rotate(133.2deg);
    -o-transform: rotate(133.2deg);
    transform: rotate(133.2deg);
}

.c100.p38 .cbar {
    -webkit-transform: rotate(136.8deg);
    -moz-transform: rotate(136.8deg);
    -ms-transform: rotate(136.8deg);
    -o-transform: rotate(136.8deg);
    transform: rotate(136.8deg);
}

.c100.p39 .cbar {
    -webkit-transform: rotate(140.4deg);
    -moz-transform: rotate(140.4deg);
    -ms-transform: rotate(140.4deg);
    -o-transform: rotate(140.4deg);
    transform: rotate(140.4deg);
}

.c100.p40 .cbar {
    -webkit-transform: rotate(144deg);
    -moz-transform: rotate(144deg);
    -ms-transform: rotate(144deg);
    -o-transform: rotate(144deg);
    transform: rotate(144deg);
}

.c100.p41 .cbar {
    -webkit-transform: rotate(147.6deg);
    -moz-transform: rotate(147.6deg);
    -ms-transform: rotate(147.6deg);
    -o-transform: rotate(147.6deg);
    transform: rotate(147.6deg);
}

.c100.p42 .cbar {
    -webkit-transform: rotate(151.2deg);
    -moz-transform: rotate(151.2deg);
    -ms-transform: rotate(151.2deg);
    -o-transform: rotate(151.2deg);
    transform: rotate(151.2deg);
}

.c100.p43 .cbar {
    -webkit-transform: rotate(154.8deg);
    -moz-transform: rotate(154.8deg);
    -ms-transform: rotate(154.8deg);
    -o-transform: rotate(154.8deg);
    transform: rotate(154.8deg);
}

.c100.p44 .cbar {
    -webkit-transform: rotate(158.4deg);
    -moz-transform: rotate(158.4deg);
    -ms-transform: rotate(158.4deg);
    -o-transform: rotate(158.4deg);
    transform: rotate(158.4deg);
}

.c100.p45 .cbar {
    -webkit-transform: rotate(162deg);
    -moz-transform: rotate(162deg);
    -ms-transform: rotate(162deg);
    -o-transform: rotate(162deg);
    transform: rotate(162deg);
}

.c100.p46 .cbar {
    -webkit-transform: rotate(165.6deg);
    -moz-transform: rotate(165.6deg);
    -ms-transform: rotate(165.6deg);
    -o-transform: rotate(165.6deg);
    transform: rotate(165.6deg);
}

.c100.p47 .cbar {
    -webkit-transform: rotate(169.2deg);
    -moz-transform: rotate(169.2deg);
    -ms-transform: rotate(169.2deg);
    -o-transform: rotate(169.2deg);
    transform: rotate(169.2deg);
}

.c100.p48 .cbar {
    -webkit-transform: rotate(172.8deg);
    -moz-transform: rotate(172.8deg);
    -ms-transform: rotate(172.8deg);
    -o-transform: rotate(172.8deg);
    transform: rotate(172.8deg);
}

.c100.p49 .cbar {
    -webkit-transform: rotate(176.4deg);
    -moz-transform: rotate(176.4deg);
    -ms-transform: rotate(176.4deg);
    -o-transform: rotate(176.4deg);
    transform: rotate(176.4deg);
}

.c100.p50 .cbar {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100.p51 .cbar {
    -webkit-transform: rotate(183.6deg);
    -moz-transform: rotate(183.6deg);
    -ms-transform: rotate(183.6deg);
    -o-transform: rotate(183.6deg);
    transform: rotate(183.6deg);
}

.c100.p52 .cbar {
    -webkit-transform: rotate(187.2deg);
    -moz-transform: rotate(187.2deg);
    -ms-transform: rotate(187.2deg);
    -o-transform: rotate(187.2deg);
    transform: rotate(187.2deg);
}

.c100.p53 .cbar {
    -webkit-transform: rotate(190.8deg);
    -moz-transform: rotate(190.8deg);
    -ms-transform: rotate(190.8deg);
    -o-transform: rotate(190.8deg);
    transform: rotate(190.8deg);
}

.c100.p54 .cbar {
    -webkit-transform: rotate(194.4deg);
    -moz-transform: rotate(194.4deg);
    -ms-transform: rotate(194.4deg);
    -o-transform: rotate(194.4deg);
    transform: rotate(194.4deg);
}

.c100.p55 .cbar {
    -webkit-transform: rotate(198deg);
    -moz-transform: rotate(198deg);
    -ms-transform: rotate(198deg);
    -o-transform: rotate(198deg);
    transform: rotate(198deg);
}

.c100.p56 .cbar {
    -webkit-transform: rotate(201.6deg);
    -moz-transform: rotate(201.6deg);
    -ms-transform: rotate(201.6deg);
    -o-transform: rotate(201.6deg);
    transform: rotate(201.6deg);
}

.c100.p57 .cbar {
    -webkit-transform: rotate(205.2deg);
    -moz-transform: rotate(205.2deg);
    -ms-transform: rotate(205.2deg);
    -o-transform: rotate(205.2deg);
    transform: rotate(205.2deg);
}

.c100.p58 .cbar {
    -webkit-transform: rotate(208.8deg);
    -moz-transform: rotate(208.8deg);
    -ms-transform: rotate(208.8deg);
    -o-transform: rotate(208.8deg);
    transform: rotate(208.8deg);
}

.c100.p59 .cbar {
    -webkit-transform: rotate(212.4deg);
    -moz-transform: rotate(212.4deg);
    -ms-transform: rotate(212.4deg);
    -o-transform: rotate(212.4deg);
    transform: rotate(212.4deg);
}

.c100.p60 .cbar {
    -webkit-transform: rotate(216deg);
    -moz-transform: rotate(216deg);
    -ms-transform: rotate(216deg);
    -o-transform: rotate(216deg);
    transform: rotate(216deg);
}

.c100.p61 .cbar {
    -webkit-transform: rotate(219.6deg);
    -moz-transform: rotate(219.6deg);
    -ms-transform: rotate(219.6deg);
    -o-transform: rotate(219.6deg);
    transform: rotate(219.6deg);
}

.c100.p62 .cbar {
    -webkit-transform: rotate(223.2deg);
    -moz-transform: rotate(223.2deg);
    -ms-transform: rotate(223.2deg);
    -o-transform: rotate(223.2deg);
    transform: rotate(223.2deg);
}

.c100.p63 .cbar {
    -webkit-transform: rotate(226.8deg);
    -moz-transform: rotate(226.8deg);
    -ms-transform: rotate(226.8deg);
    -o-transform: rotate(226.8deg);
    transform: rotate(226.8deg);
}

.c100.p64 .cbar {
    -webkit-transform: rotate(230.4deg);
    -moz-transform: rotate(230.4deg);
    -ms-transform: rotate(230.4deg);
    -o-transform: rotate(230.4deg);
    transform: rotate(230.4deg);
}

.c100.p65 .cbar {
    -webkit-transform: rotate(234deg);
    -moz-transform: rotate(234deg);
    -ms-transform: rotate(234deg);
    -o-transform: rotate(234deg);
    transform: rotate(234deg);
}

.c100.p66 .cbar {
    -webkit-transform: rotate(237.6deg);
    -moz-transform: rotate(237.6deg);
    -ms-transform: rotate(237.6deg);
    -o-transform: rotate(237.6deg);
    transform: rotate(237.6deg);
}

.c100.p67 .cbar {
    -webkit-transform: rotate(241.2deg);
    -moz-transform: rotate(241.2deg);
    -ms-transform: rotate(241.2deg);
    -o-transform: rotate(241.2deg);
    transform: rotate(241.2deg);
}

.c100.p68 .cbar {
    -webkit-transform: rotate(244.8deg);
    -moz-transform: rotate(244.8deg);
    -ms-transform: rotate(244.8deg);
    -o-transform: rotate(244.8deg);
    transform: rotate(244.8deg);
}

.c100.p69 .cbar {
    -webkit-transform: rotate(248.4deg);
    -moz-transform: rotate(248.4deg);
    -ms-transform: rotate(248.4deg);
    -o-transform: rotate(248.4deg);
    transform: rotate(248.4deg);
}

.c100.p70 .cbar {
    -webkit-transform: rotate(252deg);
    -moz-transform: rotate(252deg);
    -ms-transform: rotate(252deg);
    -o-transform: rotate(252deg);
    transform: rotate(252deg);
}

.c100.p71 .cbar {
    -webkit-transform: rotate(255.6deg);
    -moz-transform: rotate(255.6deg);
    -ms-transform: rotate(255.6deg);
    -o-transform: rotate(255.6deg);
    transform: rotate(255.6deg);
}

.c100.p72 .cbar {
    -webkit-transform: rotate(259.2deg);
    -moz-transform: rotate(259.2deg);
    -ms-transform: rotate(259.2deg);
    -o-transform: rotate(259.2deg);
    transform: rotate(259.2deg);
}

.c100.p73 .cbar {
    -webkit-transform: rotate(262.8deg);
    -moz-transform: rotate(262.8deg);
    -ms-transform: rotate(262.8deg);
    -o-transform: rotate(262.8deg);
    transform: rotate(262.8deg);
}

.c100.p74 .cbar {
    -webkit-transform: rotate(266.4deg);
    -moz-transform: rotate(266.4deg);
    -ms-transform: rotate(266.4deg);
    -o-transform: rotate(266.4deg);
    transform: rotate(266.4deg);
}

.c100.p75 .cbar {
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    transform: rotate(270deg);
}

.c100.p76 .cbar {
    -webkit-transform: rotate(273.6deg);
    -moz-transform: rotate(273.6deg);
    -ms-transform: rotate(273.6deg);
    -o-transform: rotate(273.6deg);
    transform: rotate(273.6deg);
}

.c100.p77 .cbar {
    -webkit-transform: rotate(277.2deg);
    -moz-transform: rotate(277.2deg);
    -ms-transform: rotate(277.2deg);
    -o-transform: rotate(277.2deg);
    transform: rotate(277.2deg);
}

.c100.p78 .cbar {
    -webkit-transform: rotate(280.8deg);
    -moz-transform: rotate(280.8deg);
    -ms-transform: rotate(280.8deg);
    -o-transform: rotate(280.8deg);
    transform: rotate(280.8deg);
}

.c100.p79 .cbar {
    -webkit-transform: rotate(284.4deg);
    -moz-transform: rotate(284.4deg);
    -ms-transform: rotate(284.4deg);
    -o-transform: rotate(284.4deg);
    transform: rotate(284.4deg);
}

.c100.p80 .cbar {
    -webkit-transform: rotate(288deg);
    -moz-transform: rotate(288deg);
    -ms-transform: rotate(288deg);
    -o-transform: rotate(288deg);
    transform: rotate(288deg);
}

.c100.p81 .cbar {
    -webkit-transform: rotate(291.6deg);
    -moz-transform: rotate(291.6deg);
    -ms-transform: rotate(291.6deg);
    -o-transform: rotate(291.6deg);
    transform: rotate(291.6deg);
}

.c100.p82 .cbar {
    -webkit-transform: rotate(295.2deg);
    -moz-transform: rotate(295.2deg);
    -ms-transform: rotate(295.2deg);
    -o-transform: rotate(295.2deg);
    transform: rotate(295.2deg);
}

.c100.p83 .cbar {
    -webkit-transform: rotate(298.8deg);
    -moz-transform: rotate(298.8deg);
    -ms-transform: rotate(298.8deg);
    -o-transform: rotate(298.8deg);
    transform: rotate(298.8deg);
}

.c100.p84 .cbar {
    -webkit-transform: rotate(302.4deg);
    -moz-transform: rotate(302.4deg);
    -ms-transform: rotate(302.4deg);
    -o-transform: rotate(302.4deg);
    transform: rotate(302.4deg);
}

.c100.p85 .cbar {
    -webkit-transform: rotate(306deg);
    -moz-transform: rotate(306deg);
    -ms-transform: rotate(306deg);
    -o-transform: rotate(306deg);
    transform: rotate(306deg);
}

.c100.p86 .cbar {
    -webkit-transform: rotate(309.6deg);
    -moz-transform: rotate(309.6deg);
    -ms-transform: rotate(309.6deg);
    -o-transform: rotate(309.6deg);
    transform: rotate(309.6deg);
}

.c100.p87 .cbar {
    -webkit-transform: rotate(313.2deg);
    -moz-transform: rotate(313.2deg);
    -ms-transform: rotate(313.2deg);
    -o-transform: rotate(313.2deg);
    transform: rotate(313.2deg);
}

.c100.p88 .cbar {
    -webkit-transform: rotate(316.8deg);
    -moz-transform: rotate(316.8deg);
    -ms-transform: rotate(316.8deg);
    -o-transform: rotate(316.8deg);
    transform: rotate(316.8deg);
}

.c100.p89 .cbar {
    -webkit-transform: rotate(320.4deg);
    -moz-transform: rotate(320.4deg);
    -ms-transform: rotate(320.4deg);
    -o-transform: rotate(320.4deg);
    transform: rotate(320.4deg);
}

.c100.p90 .cbar {
    -webkit-transform: rotate(324deg);
    -moz-transform: rotate(324deg);
    -ms-transform: rotate(324deg);
    -o-transform: rotate(324deg);
    transform: rotate(324deg);
}

.c100.p91 .cbar {
    -webkit-transform: rotate(327.6deg);
    -moz-transform: rotate(327.6deg);
    -ms-transform: rotate(327.6deg);
    -o-transform: rotate(327.6deg);
    transform: rotate(327.6deg);
}

.c100.p92 .cbar {
    -webkit-transform: rotate(331.2deg);
    -moz-transform: rotate(331.2deg);
    -ms-transform: rotate(331.2deg);
    -o-transform: rotate(331.2deg);
    transform: rotate(331.2deg);
}

.c100.p93 .cbar {
    -webkit-transform: rotate(334.8deg);
    -moz-transform: rotate(334.8deg);
    -ms-transform: rotate(334.8deg);
    -o-transform: rotate(334.8deg);
    transform: rotate(334.8deg);
}

.c100.p94 .cbar {
    -webkit-transform: rotate(338.4deg);
    -moz-transform: rotate(338.4deg);
    -ms-transform: rotate(338.4deg);
    -o-transform: rotate(338.4deg);
    transform: rotate(338.4deg);
}

.c100.p95 .cbar {
    -webkit-transform: rotate(342deg);
    -moz-transform: rotate(342deg);
    -ms-transform: rotate(342deg);
    -o-transform: rotate(342deg);
    transform: rotate(342deg);
}

.c100.p96 .cbar {
    -webkit-transform: rotate(345.6deg);
    -moz-transform: rotate(345.6deg);
    -ms-transform: rotate(345.6deg);
    -o-transform: rotate(345.6deg);
    transform: rotate(345.6deg);
}

.c100.p97 .cbar {
    -webkit-transform: rotate(349.2deg);
    -moz-transform: rotate(349.2deg);
    -ms-transform: rotate(349.2deg);
    -o-transform: rotate(349.2deg);
    transform: rotate(349.2deg);
}

.c100.p98 .cbar {
    -webkit-transform: rotate(352.8deg);
    -moz-transform: rotate(352.8deg);
    -ms-transform: rotate(352.8deg);
    -o-transform: rotate(352.8deg);
    transform: rotate(352.8deg);
}

.c100.p99 .cbar {
    -webkit-transform: rotate(356.4deg);
    -moz-transform: rotate(356.4deg);
    -ms-transform: rotate(356.4deg);
    -o-transform: rotate(356.4deg);
    transform: rotate(356.4deg);
}

.c100.p100 .cbar {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
}

.pie,
.c100 .cbar,
.c100.p51 .cfill,
.c100.p52 .cfill,
.c100.p53 .cfill,
.c100.p54 .cfill,
.c100.p55 .cfill,
.c100.p56 .cfill,
.c100.p57 .cfill,
.c100.p58 .cfill,
.c100.p59 .cfill,
.c100.p60 .cfill,
.c100.p61 .cfill,
.c100.p62 .cfill,
.c100.p63 .cfill,
.c100.p64 .cfill,
.c100.p65 .cfill,
.c100.p66 .cfill,
.c100.p67 .cfill,
.c100.p68 .cfill,
.c100.p69 .cfill,
.c100.p70 .cfill,
.c100.p71 .cfill,
.c100.p72 .cfill,
.c100.p73 .cfill,
.c100.p74 .cfill,
.c100.p75 .cfill,
.c100.p76 .cfill,
.c100.p77 .cfill,
.c100.p78 .cfill,
.c100.p79 .cfill,
.c100.p80 .cfill,
.c100.p81 .cfill,
.c100.p82 .cfill,
.c100.p83 .cfill,
.c100.p84 .cfill,
.c100.p85 .cfill,
.c100.p86 .cfill,
.c100.p87 .cfill,
.c100.p88 .cfill,
.c100.p89 .cfill,
.c100.p90 .cfill,
.c100.p91 .cfill,
.c100.p92 .cfill,
.c100.p93 .cfill,
.c100.p94 .cfill,
.c100.p95 .cfill,
.c100.p96 .cfill,
.c100.p97 .cfill,
.c100.p98 .cfill,
.c100.p99 .cfill,
.c100.p100 .cfill {
    position: absolute;
    border: 0.12em solid transparent;
    width: 0.76em;
    height: 0.76em;
    clip: rect(0em, 0.5em, 1em, 0em);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}

.c100 .cbar,
.c100 .cslice,
.c100 .cfill {
    display: block;
}

.pie-fill,
.c100.p51 .cbar:after,
.c100.p51 .cfill,
.c100.p52 .cbar:after,
.c100.p52 .cfill,
.c100.p53 .cbar:after,
.c100.p53 .cfill,
.c100.p54 .cbar:after,
.c100.p54 .cfill,
.c100.p55 .cbar:after,
.c100.p55 .cfill,
.c100.p56 .cbar:after,
.c100.p56 .cfill,
.c100.p57 .cbar:after,
.c100.p57 .cfill,
.c100.p58 .cbar:after,
.c100.p58 .cfill,
.c100.p59 .cbar:after,
.c100.p59 .cfill,
.c100.p60 .cbar:after,
.c100.p60 .cfill,
.c100.p61 .cbar:after,
.c100.p61 .cfill,
.c100.p62 .cbar:after,
.c100.p62 .cfill,
.c100.p63 .cbar:after,
.c100.p63 .cfill,
.c100.p64 .cbar:after,
.c100.p64 .cfill,
.c100.p65 .cbar:after,
.c100.p65 .cfill,
.c100.p66 .cbar:after,
.c100.p66 .cfill,
.c100.p67 .cbar:after,
.c100.p67 .cfill,
.c100.p68 .cbar:after,
.c100.p68 .cfill,
.c100.p69 .cbar:after,
.c100.p69 .cfill,
.c100.p70 .cbar:after,
.c100.p70 .cfill,
.c100.p71 .cbar:after,
.c100.p71 .cfill,
.c100.p72 .cbar:after,
.c100.p72 .cfill,
.c100.p73 .cbar:after,
.c100.p73 .cfill,
.c100.p74 .cbar:after,
.c100.p74 .cfill,
.c100.p75 .cbar:after,
.c100.p75 .cfill,
.c100.p76 .cbar:after,
.c100.p76 .cfill,
.c100.p77 .cbar:after,
.c100.p77 .cfill,
.c100.p78 .cbar:after,
.c100.p78 .cfill,
.c100.p79 .cbar:after,
.c100.p79 .cfill,
.c100.p80 .cbar:after,
.c100.p80 .cfill,
.c100.p81 .cbar:after,
.c100.p81 .cfill,
.c100.p82 .cbar:after,
.c100.p82 .cfill,
.c100.p83 .cbar:after,
.c100.p83 .cfill,
.c100.p84 .cbar:after,
.c100.p84 .cfill,
.c100.p85 .cbar:after,
.c100.p85 .cfill,
.c100.p86 .cbar:after,
.c100.p86 .cfill,
.c100.p87 .cbar:after,
.c100.p87 .cfill,
.c100.p88 .cbar:after,
.c100.p88 .cfill,
.c100.p89 .cbar:after,
.c100.p89 .cfill,
.c100.p90 .cbar:after,
.c100.p90 .cfill,
.c100.p91 .cbar:after,
.c100.p91 .cfill,
.c100.p92 .cbar:after,
.c100.p92 .cfill,
.c100.p93 .cbar:after,
.c100.p93 .cfill,
.c100.p94 .cbar:after,
.c100.p94 .cfill,
.c100.p95 .cbar:after,
.c100.p95 .cfill,
.c100.p96 .cbar:after,
.c100.p96 .cfill,
.c100.p97 .cbar:after,
.c100.p97 .cfill,
.c100.p98 .cbar:after,
.c100.p98 .cfill,
.c100.p99 .cbar:after,
.c100.p99 .cfill,
.c100.p100 .cbar:after,
.c100.p100 .cfill {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.c100:after {
    position: absolute;
    display: block;
    top: 0.12em;
    left: 0.12em;
    width: 0.76em;
    height: 0.76em;
    content: " ";
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff;
}

.userRating {
    margin-right: 40px;
}

.nos,
.nnm,
.nnmi {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.mgl {
    margin-left: 10px;
}

.p {
    cursor: pointer;
}

.userRating i {
    display: inline-block;
    width: 45px;
    height: 45px;
    font-size: 25px;
    background: #FFF;
    color: #555;
    border: 2px solid #555;
    border-radius: 30px;
    padding: 0px;
}

[class^="i-"]:before,
[class*=" i-"]:before {
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    margin-top: .3em;
}

.c100 .cbar,
.c100 .cfill {
    border-color: #2E70C0 !important;
}

.sub_nav {
    padding: 14px;
    background: #f9f9f9;
}

.dropdown {
    display: inline-block;
    position: relative;
    min-width: 100px;
    margin: 5px;
    text-align: right;
    vertical-align: middle;
    float: right;
}

.dropdown .current_opt,
.dropdown .multiselect {
    padding: 0 6px;
    background: #FFF;
    color: #333;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.dropdown a,
.dropdown .current_opt,
.dropdown .multiselect {
    display: block;
    position: relative;
    padding: 2px 4px;
}

.dropdown a {
    background: #fff;
    color: #777;
    border: 1px solid #ccc;
    border-top: none;
}

.dropdown .opts {
    z-index: 10;
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    max-height: 350px;
    overflow: auto;
    box-shadow: 0 2px 4px 0 #bbb;
}

.dropdown a {
    background: #fff;
    color: #777;
    border: 1px solid #ccc;
    border-top: none;
}

.dropdown a,
.dropdown .current_opt {
    display: block;
    position: relative;
    padding: 2px 4px;
}

.dropdown .current_opt:hover,
.dropdown .current_opt.active {
    color: #ff4136;
    border-color: #ff4136;
}

.dropdown a:hover {
    color: #FF1000;
}

.dropdown .current_opt i {
    float: left;
    margin-top: 5px;
}

.msg_box {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #555;
    border-radius: 4px;
    background: #FFF;
    color: #000;
}

.mga {
    margin: 10px;
}

.navSearch a.active {
    margin-bottom: -1px;
    font-weight: bold;
    color: #FF1000;
    border-bottom: 1px solid #FF1000;
    text-decoration: none;
}

.navSearch a:hover {
    color: #FF1000;
    text-decoration: none;
}

.navSearch a {
    display: inline-block;
    margin: 0 0 0 20px;
    padding: 10px 0;
    font-size: 1.1em;
    line-height: normal;
}

.navSearch {
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #eee;
    text-align: center;
}

.searchBox {
    background: #fff;
    color: #221
}

.loginBox {
    background: #fff;
    color: #221;
    width: 500px;
    margin: auto;
}

.tblTrLbl {
    background: #343a40;
}

.lblTblInput {
    width: 200px;
    text-align: center;
}

.txtValue {
    width: 300px;
    text-align: center;
}

.txtSmallValue {
    width: 80px;
    text-align: center;
}

.txtTextValue {
    width: 300px;
    text-align: right;
    height: 100px;
}

.tblLineSep {
    height: 1px;
    width: 100%;
    background: #FFFFFF;
}

.h_scroll {
    position: relative;
    width: 100%;
    /*height: 290px;*/
    /*height: 310px;*/
    height: 335px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 0 0 4px 4px;
}

.h_scroll .contents {
    position: absolute;
    width: 100%;
    min-height: 320px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-y: hidden;
    overflow-x: auto;
    white-space: nowrap;
}

.h_scroll ._scroll.left {
    left: 0;
    border-left: none;
    border-right: 1px solid #ddd;
    border-radius: 0 5px 5px 0;
}

.h_scroll ._scroll {
    z-index: 15;
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -55px;
    background: rgba(255, 255, 255, .8);
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-right: none;
    border-radius: 5px 0 0 5px;
    cursor: pointer;
    font-size: 2em;
    color: #06c;
}

.hide {
    display: none!important;
    visibility: hidden!important;
    width: 0!important;
    height: 0!important;
}

.r,
.right {
    float: right;
}

.l,
.left {
    float: left;
}

.movies_small .movie {
    width: 140px;
    height: auto;
    margin: 15px 10px 10px 8px;
    white-space: normal;
}

.movie {
    display: inline-block;
    position: relative;
    margin: 0 10px 30px;
    padding: 0;
    width: 175px;
    vertical-align: top;
    clear: both;
    text-align: center;
    direction: ltr;
}

.movies_small .movie img {
    width: 140px;
    height: 200px;
    background: url(../images/display-default-3.jpg) no-repeat;
}

.movie img {
    width: 175px;
    height: 260px;
    margin: 0;
    border-radius: 1px;
    border: none;
    background: url(../images/display-default-1.jpg) no-repeat;
}

.movie .title {
    display: block;
    line-height: 20px;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 1em;
}

.col,
.col-1,
.col-10,
.col-11,
.col-12,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-auto,
.col-lg,
.col-lg-1,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-auto,
.col-md,
.col-md-1,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-auto,
.col-sm,
.col-sm-1,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-auto,
.col-xl,
.col-xl-1,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.pd-b-40 {
    padding-bottom: 40px;
}

.dashboard-page-main .account-user-info .single-user-info {
    background-color: #21252e;
    text-align: center;
    padding: 35px 15px;
    margin-bottom: 30px;
}

.dashboard-page-main .account-user-info .single-user-info .title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 5px;
}

.dashboard-page-main .account-user-info .single-user-info p {
    line-height: 1.4em;
    color: #fa163f;
}

p:last-child {
    margin-bottom: 0px;
}

.dashboard-menu-area .user-info-area {
    text-align: center;
    margin-bottom: 65px;
}

.dashboard-menu-area .user-info-area .user-avater {
    text-align: center;
    margin-bottom: 20px;
}

.dashboard-menu-area .user-info-area .user-name {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
}

.dashboard-menu-area .dashboard-menu {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.dashboard-menu-area .dashboard-menu>li {
    background-color: #21252e;
    margin-bottom: 2px;
    text-align: center;
}

.dashboard-menu-area .dashboard-menu>li>a:hover,
.dashboard-menu-area .dashboard-menu>li>a:focus,
.dashboard-menu-area .dashboard-menu>li>a.active {
    background-color: #fa163f;
    color: white;
}

.dashboard-menu-area .dashboard-menu>li>a {
    padding: 30px 15px;
    color: white;
    display: block;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.dashboard-menu-area .dashboard-menu>li>a>span {
    display: block;
    font-size: 30px;
    line-height: 1em;
    margin-bottom: 3px;
}

.media-cards {
    margin-top: 30px;
    text-align: center;
}

.media-card>:not(.media) {
    padding: 0 0.5rem;
    position: relative;
}

.media-card {
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    display: inline-flex;
    flex-direction: column;
    position: relative;
    padding-bottom: 1rem;
    border-radius: 0 0 4px 4px;
    border-radius: 0 0 var(--ipt-cornerRadius) var(--ipt-cornerRadius);
    margin: 0 10px 30px 10px;
    padding: 0;
    width: 175px;
    vertical-align: top;
    clear: both;
    text-align: center;
    direction: ltr;
    color: #fff;
}

.media-card .media {
    margin-bottom: 0.25rem;
}

.media-card-small>:not(.media) {
    padding: 0 0.5rem;
    position: relative;
}

.media-card-small {
    box-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
    display: inline-flex;
    flex-direction: column;
    position: relative;
    padding-bottom: 1rem;
    border-radius: 0 0 4px 4px;
    border-radius: 0 0 var(--ipt-cornerRadius) var(--ipt-cornerRadius);
    margin: 10px;
    padding: 0;
    width: 140px;
    vertical-align: top;
    clear: both;
    text-align: center;
    direction: ltr;
    color: #fff;
}

.media-card-small .media {
    margin-bottom: 0.25rem;
}

.media {
    display: inline-flex;
    position: relative;
    text-decoration: none;
}

.ipc-media {
    display: inline-flex;
    overflow: hidden;
    position: relative;
}

.ipc-media.ipc-image-media-ratio--poster:before {
    padding-bottom: 148%;
}

.ipc-media:before {
    content: '';
    display: block;
    position: relative;
}

.ipc-media__icon,
.ipc-media__img .ipc-image,
.ipc-media__img .ipc-image-small {
    bottom: 0;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
}

.ipc-image {
    font-size: 1rem;
    vertical-align: middle;
    border-style: none;
    width: 175px;
    height: 260px;
    margin: 0;
    border-radius: 1px;
    border: none;
    background: url(../images/display-default-1.jpg) no-repeat;
}

.ipc-image-small {
    font-size: 1rem;
    vertical-align: middle;
    border-style: none;
    width: 140px;
    height: 200px;
    margin: 0;
    border-radius: 1px;
    border: none;
    background: url(../images/display-default-3.jpg) no-repeat;
}

.ipc-lockup-overlay {
    display: flex;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 3;
}

.ipc-lockup-overlay .ipc-lockup-overlay__screen {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    transition: opacity 0.15s;
    opacity: 0;
}

.ipc-lockup-overlay .ipc-lockup-overlay__screen:hover {
    opacity: .22;
}

.media-card__rating-star-group {
    display: flex;
    align-items: center;
    min-height: 1.5rem;
}

.ipc-rating-star {
    display: inline-flex;
    align-items: baseline;
}

.rating-star {
    height: 0.8em;
    width: 1em;
    margin-right: 0.75rem;
    color: #f5c518;
}

.media-card__rating-star-group .ipc-rating-star {
    margin-right: 0.75rem;
}

.media-card__title--clamp-2 {
    -webkit-line-clamp: 2;
    display: -webkit-box;
    height: 4rem;
}

.media-card__title {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .00937em;
    text-decoration: inherit;
    text-transform: inherit;
    line-height: 1.15rem;
    -webkit-font-smoothing: auto;
    font-smooth: auto;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.media-card__title-small {
    font-size: 1em;
    text-align: center;
}

.media-card__title-href {
    color: inherit;
    text-decoration: none;
    display: block;
    height: 100%;
    width: 100%;
}

.media-card__title:hover,
.media-card__title-href:hover {
    color: #f5ff18;
    text-decoration: none;
}

form.search {
    position: relative;
    /*height: 35px;*/
    margin: 0;
    /*width: 300px;*/
    width: 100%;
}

.hide {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

form.search ._clear {
    top: 0;
    left: auto;
    right: 0;
    color: #999;
}

form.search ._submit,
form.search ._clear {
    position: absolute;
    display: inline-block;
    top: 5px;
    left: 0;
    line-height: 24px;
    padding: 5px;
    font-size: 12pt;
    color: #666;
}

.hide {
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
}

form.search .q {
    width: 100%;
    height: 35px;
    margin: 0 0 0 25px;
    padding: 5px 5px 5px 30px;
    border-radius: 4px;
    line-height: 35px;
    font-size: 15px;
    font-weight: normal;
    color: #444;
}

form.search .slist {
    position: absolute;
    width: 100%;
    margin: 2px 0 0;
    padding: 0;
    box-sizing: border-box;
    box-shadow: 0 2px 2px 0 #aaa;
    background: #fff;
    border: 1px solid #ccc;
    border-top: none;
    border-radius: 0 0 2px 2px;
    overflow: hidden;
    z-index: 1;
}

.ltr {
    direction: ltr!important;
}

form.search .slist a,
.sub_head .sub_list a,
.sub_head .sub_list .a {
    display: block;
    margin: 0;
    padding: 5px;
    border-bottom: 1px solid #eee;
    white-space: nowrap;
    max-width: 99%;
    font-size: 14px;
    text-align: left;
}

form.search .slist a img,
.sub_head .sub_list a img {
    margin: 0;
    padding: 0;
    width: 30px;
    height: 45px;
    vertical-align: middle;
    background: url(../images/display-default-4.jpg) no-repeat
}

form.search .slist a:hover {
    background: #d9eaff;
    color: #333;
    text-decoration: none;
}

.pagination {
    list-style-type: none;
    padding: 10px 0;
    display: inline-flex;
    justify-content: space-between;
    box-sizing: border-box;
    margin-bottom: 0;
}

.pagination li {
    box-sizing: border-box;
    padding-right: 10px;
}

.pagination .next a,
.pagination .prev a {
    text-transform: uppercase;
    font-size: 12px;
}

.icon-bar {
    width: 100%;
    /* Full-width */
    background-color: #1a1d24;
    /* Dark-grey background */
    overflow: auto;
    /* Overflow due to float */
}

.icon-bar a {
    float: left;
    /* Float links side by side */
    text-align: center;
    /* Center-align text */
    width: 150px;
    /* Equal width (5 icons with 20% width each = 100%) */
    padding: 12px 0;
    /* Some top and bottom padding */
    transition: all 0.3s ease;
    /* Add transition for hover effects */
    color: white;
    /* White text color */
    font-size: 16px;
    /* Increased font size */
    background: #21252e;
}

.icon-bar a:hover {
    background: #fa163f;
    color: white;
}

.icon-bar a.active {
    background: #fa163f;
    color: white;
}

.st-sep-ver {
    height: 1px;
    background: #FFF;
}

.st-sep-hor {
    width: 1px;
    height: 24px;
    background: #000;
}

.dropbtn {
    background-color: #343a40;
    color: #007bff;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    border: none;
}

.dropdown-profile {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #343a40;
    min-width: 160px;
    z-index: 1;
    left: 0;
}

.dropdown-content a {
    border: #FFF solid 1px;
    color: rgba(255, 255, 255, .5);
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a.last {
    border-top: none;
}

.dropdown-content a:hover {
    color: rgba(255, 255, 255, 1);
}

.dropdown-profile:hover .dropdown-content {
    display: block;
}

.dropdown-profile:hover .dropbtn {
    color: #0056b3;
}

.ml-t-5 {
    margin-top: -5px;
}

.text-center {
    text-align: center!important;
}

.user-register-area .form-header {
    padding-bottom: 30px;
    margin-top: -8px;
}

.user-register-area .form-header .heading {
    font-size: 48px;
    font-weight: 700;
    line-height: 1.15em;
}

.heading {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}

@media (min-width: 992px) {
    .col-lg-6 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.user-register-area .default-form .form-group {
    margin-bottom: 40px;
}

.form-controller {
    border-radius: 0px;
    border-top: 0px solid;
    border-left: 0px solid;
    border-right: 0px solid;
    border-bottom: 1px solid #3d414a;
    background-color: transparent;
    width: 100%;
    height: 50px;
    outline: none;
    padding: 5px 0px;
    color: #d3d3d5;
    text-align: center;
    direction: ltr;
}

.btn-default:hover,
.btn-default:focus {
    background-color: #edf3f7 !important;
    color: #fa163f !important;
}

.btnl:active,
.btnl:focus {
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.125) inset;
}

.btnl {
    border: 0px solid;
    border-radius: 0px;
    font-weight: 600;
    font-size: 16px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-family: white;
}

.btn-default {
    border: 0px solid #2a2d33;
    border-radius: 5px;
    padding: 10px 20px;
    color: white;
    background-color: #fa163f;
    text-transform: capitalize;
    position: relative;
    z-index: 0;
    -webkit-transition: all .4s;
    transition: all .4s;
    overflow: hidden;
}

@media (max-width: 1100px) {
    .movie_img {
        width: 200px;
    }
}

@media (max-width: 920px) {
    .movie_img {
        width: 220px;
    }
}

@media (max-width: 700px) {
    .movie_img {
        position: relative;
        display: inline-block;
        width: 300px;
    }
    .full_movie.table,
    .full_movie.table>.td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    .movie_cover {
        position: relative;
        display: block;
        text-align: center;
    }
    .full_movie.table,
    .full_movie.table>.td {
        display: block;
        width: 100%;
        box-sizing: border-box;
    }
    body {
        font-size: .95em;
    }
}

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 40px;
    left: 0;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
    background-color: #343a40;
}

@media only screen and (max-width: 991px) {
    .md-mrb-60 {
        margin-bottom: 60px;
    }
}

.user-register-area .form-bottom-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 10px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    direction: ltr;
}

.user-register-area .form-bottom-area .login-form-remember,
.user-register-area .form-bottom-area .login-form-register-now {
    max-width: calc(50% - 60px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 60px);
    flex: 0 0 calc(50% - 60px);
}

.user-register-area .form-btn-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.user-register-area .form-bottom-area .form-btn-group {
    max-width: 120px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 120px;
    flex: 0 0 120px;
}

.user-register-area .form-bottom-area .login-form-register-now {
    text-align: right;
}

.user-register-area .form-bottom-area .login-form-remember,
.user-register-area .form-bottom-area .login-form-register-now {
    max-width: calc(50% - 60px);
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 60px);
    flex: 0 0 calc(50% - 60px);
}

.user-register-area .login-form-register-now {
    padding-left: 15px;
}

#videoloaderoverlay {
    display: none;
    opacity: .1;
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: #343031;
    z-index: 10;
}

#videoloader {
    display: none;
    z-index: 10;
    /*position: absolute; left: 50%;top: 50%;*/
    border: 7px solid #D2E0DC;
    border-radius: 100%;
    border-top: 7px solid #93B5AB;
    top: 50%;
    left: 50%;
    width: 56px;
    height: 56px;
    position: absolute;
    margin: -28px 0 0 -28px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

#videoLoaderMessage {
    display: none;
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 270px;
    height: 25px;
    margin: 30px 0 0 -135px;
}

#nextEpisodeMessage {
    display: none;
    z-index: 10;
    position: absolute;
    top: 50%;
    right: 0;
    width: 270px;
    height: 40px;
    margin: 30px 0 0 -135px;
    background: #343031;
    opacity: .7;
    line-height: 40px;
}

#prevEpisodeMessage {
    display: none;
    z-index: 10;
    position: absolute;
    top: 50%;
    left: 0;
    width: 270px;
    height: 40px;
    margin: 30px -135px 0 0;
    background: #343031;
    opacity: .7;
    line-height: 40px;
}


/* new header style */

.suba {
    z-index: 1;
    position: relative;
    padding: 0 8px;
    vertical-align: middle;
    font-size: 20px;
}

.subm {
    position: relative;
}

.nos,
.nnm,
.nnmi {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.tal {
    text-align: left!important;
}

.viewport_left {
    /*width: 300px;*/
    padding: 0 10px 0 0;
}

.viewport_left_search {
    width: 40px;
    padding: 0 0px 0 0;
}

#right {
    z-index: 200;
    position: fixed;
    margin-top: 35px;
    direction: rtl;
    right: 0;
}

.viewport_right {
    width: 170px;
    padding: 0 0 0 10px;
}

#menu a._menu_side {
    display: none;
    visibility: hidden;
}

#menu a {
    position: relative;
    display: block;
    padding: 6px 4px;
    font-size: 1em;
    border-bottom: 1px solid #eee;
    color: rgba(255, 255, 255, .5);
}

#menu a.active,
#menu a:hover {
    color: rgba(255, 255, 255, 1);
    text-decoration: none;
    font-weight: 700;
}

#warper {
    position: relative;
    padding: 0 180px 0 0;
    margin-top: 55px;
    direction: rtl;
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.playerNextEpisode:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f051";
}

.playerPrevEpisode:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f048";
}

.sidepanel {
    width: 0;
    position: fixed;
    z-index: 1;
    height: 250px;
    top: 50px;
    right: 190px;
    background-color: #1a1d24;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 50px;
}

.sidepanel .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 32px;
    color: #fa163f;
}

.sidepanelButon {
    width: 100%;
}

.btn-small {
    padding: .1rem .2rem;
}

.top-btn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    cursor: pointer;
    padding: 15px;
}

.btn-red {
    background-color: red;
}

.notification .badge {
    position: absolute;
    top: 7px;
    left: 0px;
    padding: 3px 5px;
    border-radius: 50%;
    background: red;
    color: white;
}

.notification {
    position: relative;
}

.notification .badgeInner {
    right: 0px;
    left: inherit;
}

@media (max-width: 1200px) {
    #right:not(.show) {
        width: 45px;
    }
    #right:not(.show) #menu {
        width: 45px;
        overflow: hidden;
        white-space: nowrap;
    }
    #menu a._menu_side {
        display: block;
        visibility: visible;
    }
    #menu a {
        padding: 6px;
        font-size: 18px;
    }
    #menu a .i {
        width: 45px;
        font-size: 1.2em;
        margin: 0 0 0 5px;
    }
    #menu a._menu_side {
        display: block;
        visibility: visible;
    }
    #warper {
        padding-right: 52px;
    }
    .notification .badge {
        top: 2px;
        padding: 2px 3px;
        font-size: 50%;
        font-weight: 500;
    }
}

@media (min-width: 768px) {
    #adminmenu:not(.show) {
        display: none!important;
    }
    #usermenu:not(.show) {
        display: none!important;
    }
}

@media (max-width: 767px) {
    .tpmn {
        width: 45px;
        overflow: hidden;
        white-space: nowrap;
    }
    .tpmn i {
        width: 45px;
        font-size: 2em;
        margin: 0 0 0 5px;
    }
    .suba {
        font-size: 1.45em;
        padding: 0 4px;
    }
    .viewport_right {
        display: inline-block;
        /*width: auto;*/
        width: 160px;
    }
    #right:not(.show) {
        display: none!important;
    }
    #menu ._menu_side {
        display: none!important;
    }
    #menu a {
        font-size: 16px;
    }
    #warper {
        padding-right: 5px;
    }
    #right.show {
        margin: 0;
        padding: 0;
    }
    .show {
        z-index: 20;
        display: block!important;
        position: fixed;
        /*top: 55px;*/
        left: 0;
        width: 100%;
        height: 100%;
        margin: 0!important;
        padding: 0!important;
        box-sizing: border-box;
        /*overflow: scroll;*/
        background: #343a40;
    }
    #right.show #menu {
        width: 100%;
        margin: 0;
        white-space: normal;
        box-sizing: border-box;
    }
    .topsrch {
        display: none;
        background: #343a40;
    }
    form.search .q {
        border-radius: 0;
        font-size: 16px;
        height: 40px;
        line-height: 40px;
        margin: 0;
        width: 100%;
        box-sizing: border-box;
    }
    #adminmenu:not(.show) {
        display: none!important;
    }
    #adminmenu.show {
        margin: 0;
        padding: 0;
        background: #343a40;
    }
    #adminmenuinner a {
        padding: 6px 4px;
        font-size: 1em;
        border-bottom: 1px solid #eee;
    }
    #usermenu:not(.show) {
        display: none!important;
    }
    #usermenu.show {
        margin: 0;
        padding: 0;
        background: #343a40;
    }
    #usermenuinner a {
        padding: 6px 4px;
        font-size: 1em;
        border-bottom: 1px solid #eee;
    }
    .sps {
        margin-left: 10px;
    }
    .hidsm {
        display: none!important;
    }
    .nav-link {
        padding: 0 1rem;
    }
    .notification .badge {
        top: 7px;
        padding: 3px 5px;
        font-size: 75%;
        font-weight: 700;
    }
}

@media (max-width: 663px) {
    .dropbtn {
        font-size: 14px;
    }
}

@media (max-width: 614px) {
    .dropbtn {
        font-size: 12px;
    }
    .navbar-brand {
        margin-right: 2px;
        font-size: 1rem;
    }
}

.fa-spin {
    -webkit-animation: fa-spin 2s infinite linear;
    animation: fa-spin 2s infinite linear;
}

.playerNextEpisode:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f051";
}

.playerPrevEpisode:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f048";
}

.film-rating {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    position: relative;
}

.film-rating>.fa {
    display: inline-block;
    padding-right: 5px;
    color: #ffcd00;
    font-size: 15px;
}

.hoverOverlay {
    position: absolute;
    top: 0;
    right: 0;
}

.wtchltr {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    color: #fff;
    outline: none;
    transition: opacity 0.3s;
    width: 36px;
    height: 36px;
    margin: 4px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #000;
    z-index: 4;
}

.movie_img:hover .wtchltr {
    display: flex;
}

.media:hover .wtchltr {
    display: flex;
}

.wtchltr_label_container {
    display: block;
    position: absolute;
    width: auto;
    right: 36px;
    top: 0px;
    height: 36px;
    overflow: hidden;
}

.wtchltr_label_container .wtchltr_label {
    padding: 0 2px 0 8px;
    white-space: nowrap;
    height: 100%;
    border-radius: 2px 0 0 2px;
    will-change: transform;
    transform: translateX(100%);
    transition: transform 0.2s cubic-bezier(0.05, 0, 0, 1);
    /*transform: translateX(0);
    background: #000;
    transition: transform 0.2s cubic-bezier(0.05, 0, 0, 1);*/
    font-weight: 500;
    letter-spacing: 0.007px;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.wtchltr:hover .wtchltr_label {
    transform: translateX(0);
    background: #000;
    transition: transform 0.2s cubic-bezier(0.05, 0, 0, 1);
}

.hoverOverlayTrl {
    position: absolute;
    top: 0;
    left: 0;
}

.plytrler {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    color: #fff;
    outline: none;
    transition: opacity 0.3s;
    width: 36px;
    height: 36px;
    margin: 4px;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: #000;
    z-index: 4;
}

.movie_img:hover .plytrler {
    display: flex;
}

.media:hover .plytrler {
    display: flex;
}

.plytrler_label_container {
    display: block;
    position: absolute;
    width: auto;
    left: 36px;
    top: 0px;
    height: 36px;
    overflow: hidden;
}

.plytrler_label_container .plytrler_label {
    padding: 0 2px 0 8px;
    white-space: nowrap;
    height: 100%;
    border-radius: 2px 0 0 2px;
    will-change: transform;
    transform: translateX(-100%);
    transition: transform 0.2s cubic-bezier(0.05, 0, 0, 1);
    /*transform: translateX(0);
    background: #000;
    transition: transform 0.2s cubic-bezier(0.05, 0, 0, 1);*/
    font-weight: 500;
    letter-spacing: 0.007px;
    text-transform: uppercase;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.plytrler:hover .plytrler_label {
    transform: translateX(0);
    background: #000;
    transition: transform 0.2s cubic-bezier(0.05, 0, 0, 1);
}

.pdt {
    padding-top: 10px;
}

.card {
    position: fixed;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    color: #000000;
    z-index: 2100;
    top: 60px;
    left: 50%;
    margin-left: -170px;
}

.card-img,
.card-img-top {
    border-top-left-radius: calc(.25rem - 1px);
    border-top-right-radius: calc(.25rem - 1px);
    width: 120px;
    height: 120px;
    margin: 10px auto 0;
}

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 1px;
    padding: 1.25rem;
    text-align: center;
}

.card-title {
    margin-bottom: .75rem;
    color: #000000;
}

.card-close,
.actorlink-close {
    position: absolute;
    top: 0px;
    right: 5px;
    width: 30px;
    height: 30px;
    color: #ff0000;
}

.actorlink-close {
    top: 7px;
}

.card-close:hover,
.actorlink-close:hover {
    color: #ff2222;
}

.card-close i,
.actorlink-close i {
    margin-top: 7px;
}

.card-info {
    font-size: 10px;
}

.actorlink {
    position: fixed;
    display: none;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    color: #000000;
    z-index: 2080;
    top: 60px;
    left: 50%;
    margin-left: -200px;
}

.BlocksUI {
    text-align: center;
    position: relative;
}

.BlockItem {
    width: 163px;
    display: inline-block;
    position: relative;
    height: 240px;
    transition: .2s all ease;
    vertical-align: top;
    background: #fff;
    margin: 0 2px 4px;
    box-shadow: 0 1px 14px #00000073;
}

.BlockItem:hover {
    z-index: 10;
}

.BlockItem .ViewsSpan {
    position: absolute;
    bottom: 8px;
    left: 8px;
    transition: .3s all ease;
    z-index: 100;
    background: #d81919;
    height: 22px;
    pointer-events: none;
    font-size: 13px;
    font-weight: 700;
    padding: 3px 7px;
    color: #fff;
    border-radius: 3px;
}

.BlockItem:hover .ViewsSpan {
    transform: translate(0px, 40px);
    opacity: 0;
}

.BlockImageItem {
    height: 100%;
    overflow: hidden;
    position: relative;
    z-index: 2;
    background: #000;
    transition: .3s all ease;
}

.BlockImageItem:before {
    content: '';
    position: absolute;
    top: 0;
    opacity: 0;
    transition: .3s all ease;
    right: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
    box-shadow: inset 0 2px 5px #0000006e;
}

.BlockItem:hover .BlockImageItem:before {
    opacity: 1;
}

.BlockItem img {
    width: 100%;
    transition: .3s all ease;
    height: auto;
    min-height: 100%;
}

.BlockItem:hover img {
    opacity: .3;
    transform: scale(1.2);
}

.EPSNumber {
    position: absolute;
    bottom: 10px;
    right: 10px;
    transition: .3s all ease;
    z-index: 10;
    background: #000000db;
    color: #fff;
    padding: 10px 15px 8px;
    border-radius: 3px;
}

.BlockItem:hover .EPSNumber {
    transform: scale(0);
    opacity: 0;
}

.EPSNumber>em {
    display: block;
    /*font-size: 25px;*/
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
}

.EPSNumber>span {
    font-size: 11px;
    font-weight: 700;
    display: block;
}

.StarsIMDB {
    position: absolute;
    top: -56px;
    opacity: 0;
    background: #ffaa26;
    color: #000;
    z-index: 10;
    box-shadow: 0 1px 7px #00000099;
    right: 7px;
    transition: .2s all ease;
    padding: 0;
    width: 55px;
    height: 51px;
    border-radius: 3px;
}

.BlockItem:hover .BlockImageItem .StarsIMDB {
    transition: .3s .2s all ease;
    top: 42px;
    opacity: 1;
}

.BlockItem-nowtl:hover .BlockImageItem .StarsIMDB {
    transition: .3s .2s all ease;
    top: 0px;
    opacity: 1;
}

.StarsIMDB strong {
    font-family: Changa;
    display: block;
    font-size: 23px;
    line-height: 100%;
    padding: 15px 0;
}

.StarsIMDB+ul.RestInformation {
    max-width: 103px;
}

ul.RestInformation {
    list-style: none;
    position: absolute;
    top: 42px;
    left: 0;
    padding: 8px;
    direction: rtl;
}

ul.RestInformation-nowtl {
    top: 0px;
}

ul.RestInformation>li {
    color: #fff;
    transition: .3s .3s all ease;
    font-weight: 700;
    margin-bottom: 5px;
    display: block;
    line-height: 10px;
    background: #f74740;
    font-size: 10px;
    font-family: Font, Arial;
    padding: 4px;
    border-radius: 5px;
    transform: translate(0px, -40px);
    opacity: 0;
    pointer-events: none;
    white-space: normal;
}

.BlockItem:hover ul.RestInformation>li {
    opacity: 1;
    transform: translate(0);
}

ul.RestInformation>li i {
    margin-top: 3px;
    float: right;
    display: none;
    font-size: 13px;
    margin-left: 5px;
}

ul.RestInformation>li>span {
    display: inline-block;
    line-height: 100%;
    margin-bottom: 2px;
    border-left: 1px solid #fff;
    padding: 0 4px;
    font-size: 9px;
    border-radius: 2px;
    margin-top: 2px;
}

ul.RestInformation>li>span:last-child {
    border-left: 0;
    padding-left: 0;
}

ul.InfoEndBlock {
    list-style: none;
    position: absolute;
    top: 105px;
    right: 0;
    opacity: 0;
    transition: .3s all ease;
    z-index: 10;
    width: 100%;
    padding: 12px;
    transform: scale(.5);
    direction: rtl;
}

ul.InfoEndBlock-nowtl {
    top: 75px;
}

.BlockItem:hover ul.InfoEndBlock {
    opacity: 1;
    transform: scale(1);
}

ul.InfoEndBlock>li {
    font-size: 11px;
    font-weight: 700;
    color: #ffffffcc;
    padding: 5px 0;
    line-height: 17px;
    text-align: right;
    border-top: 1px solid #ffffff21;
}

ul.InfoEndBlock>li>span {
    color: #fff;
}

.BlockTitle {
    position: absolute;
    opacity: 0;
    bottom: 0;
    right: 0;
    transition: .3s all ease;
    background: linear-gradient(transparent, #000);
    padding: 128px 14px 14px;
    width: 100%;
    color: #fff;
    font-family: Changa;
    line-height: 18px;
    font-size: 12px;
    direction: rtl;
    text-align: center;
}

.BlockItem:hover .BlockTitle {
    opacity: 1;
}

.BlockItem .BlockImageItem:after {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    content: '';
    position: absolute;
    top: 50%;
    pointer-events: none;
    right: 50%;
    margin: -2.5px;
    background: #ffffff82;
    transform: scale(0);
}

.BlockItem:hover .BlockImageItem:after {
    transform: scale(110);
    opacity: 0;
    transition: .5s all ease;
}

.ht3 {
    height: 3rem;
}

.color-white {
    color: #FFFFFF;
}

.icon-small-font {
    font-size: .675rem;
}

.wtc__content-wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.wtc__content-wrapper.wtc__content-wrapper--trailer {
    justify-content: center;
}

.ipc-text-button:not(:disabled),
.ipc-outline-button:not(:disabled) {
    background-color: rgba(0, 0, 0, 0);
}

.ipc-button {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 2.25rem;
    font-weight: 500;
    letter-spacing: .08929em;
    text-decoration: none;
    text-transform: uppercase;
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    will-change: transform, opacity;
    padding: 0 8px 0 8px;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 64px;
    height: 36px;
    border: none;
    outline: none;
    line-height: inherit;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    overflow: hidden;
    vertical-align: middle;
    padding: 0 16px 0 16px;
    border-radius: 4px;
    padding: 0 16px 0 16px;
    border-radius: 4px;
    letter-spacing: .02em;
    min-width: 3rem;
    max-width: 100%;
    text-transform: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    margin-bottom: 4px;
}

.ipc-button-nolink {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-size: .875rem;
    line-height: 2.25rem;
    font-weight: 500;
    letter-spacing: .08929em;
    text-decoration: none;
    text-transform: uppercase;
    --mdc-ripple-fg-size: 0;
    --mdc-ripple-left: 0;
    --mdc-ripple-top: 0;
    --mdc-ripple-fg-scale: 1;
    --mdc-ripple-fg-translate-end: 0;
    --mdc-ripple-fg-translate-start: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    will-change: transform, opacity;
    padding: 0 8px 0 8px;
    display: inline-flex;
    position: relative;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    min-width: 64px;
    height: 36px;
    border: none;
    outline: none;
    line-height: inherit;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-appearance: none;
    overflow: hidden;
    vertical-align: middle;
    padding: 0 16px 0 16px;
    border-radius: 4px;
    padding: 0 16px 0 16px;
    border-radius: 4px;
    letter-spacing: .02em;
    min-width: 3rem;
    max-width: 100%;
    text-transform: none;
    user-select: none;
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    margin-bottom: 4px;
}

.ipc-button:hover {
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.2);
}

.watchable-title-card__trailers__trailers-text {
    opacity: 0.7;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ipc-text-button.ipc-button--core-baseAlt.ipc-button--on-textPrimary:hover .ipc-button__icon--pre {
    opacity: 1;
    color: #ffffff;
}

.watchable-title-card__trailers__trailers-text__wrapper:hover .watchable-title-card__trailers__trailers-text,
.watchable-title-card__trailers__trailers-text:hover {
    opacity: 1;
    color: #ffffff;
}

.ipc-text-button.ipc-button--core-baseAlt.ipc-button--on-textPrimary .ipc-button__icon--pre {
    opacity: .54;
}

@media (hover: hover) and (pointer: fine) {
    .ipc-button:hover,
    .ipc-button:link {
        text-decoration: none;
    }
    .ipc-button:hover,
    .ipc-button:link {
        text-decoration: none;
        text-decoration-line: none;
        text-decoration-thickness: initial;
        text-decoration-style: initial;
        text-decoration-color: initial;
    }
    .ipc-text-button.ipc-button--core-baseAlt:hover::before,
    .ipc-outline-button.ipc-button--core-baseAlt:hover::before {
        opacity: 0.12;
        opacity: var(--mdc-theme-ipt-baseAlt-hover-opacity, .12);
    }
}

.ipc-button--default-height {
    min-height: 2.25rem;
}

.ipc-button--single-padding {
    padding: 0 1rem;
}

.ipc-button__text {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-left: 5px;
}

.mediatab {
    display: none;
}

#fade {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

#light {
    display: none;
    position: fixed;
    top: 15%;
    left: 50%;
    max-width: 600px;
    max-height: 360px;
    margin-left: -300px;
    margin-top: 0px;
    border: 2px solid #FFF;
    background: #FFF;
    z-index: 1002;
    overflow: visible;
}

#boxclose {
    float: right;
    cursor: pointer;
    color: #fff;
    border: 1px solid #AEAEAE;
    border-radius: 3px;
    background: #222222;
    font-size: 31px;
    font-weight: bold;
    /*display: inline-block;*/
    line-height: 0px;
    padding: 11px 3px;
    position: absolute;
    right: 2px;
    top: 2px;
    z-index: 1002;
    opacity: 0.9;
}

.boxclose:before {
    content: "×";
}

#fade:hover~#boxclose {
    display: none;
}





/* actors */
.grid-container {
    direction: ltr;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 20px;
    justify-content: center;
  }
  
  .grid-item {
    display: flex;
    align-items: center;
    width: 300px;
    margin: 0 auto;
  }
  .grid-item:first-child {
    margin-left: 25px;
  }
  .person-grid-item {
    display: flex;
    align-items: center;
    margin: 0 auto;
  }
  
  .image-container {
    height: 100px;
    border-radius: 10%;
    overflow: hidden;
    margin-right: 10px;
  }
  
  .image-container img {
    width: 67px;
    height: 100%;
    object-fit: cover;
  }
  
  .text-container {
    text-align: center;
  }
  
  .text-container a {
    margin: 0;
    font-size: 1rem;
    font-weight: 600;
    -webkit-font-smoothing: antialiased;
    letter-spacing: .00937em;
    line-height: 1.25rem;
    text-transform: none;
    color: rgba(255, 255, 255, .87);
    margin-bottom: 0.12rem;
    text-decoration: none;
    overflow: hidden;
    white-space: pre;
    text-overflow: ellipsis;
  }

  .text-container a:hover {
    text-decoration: underline;
  }
  
  .text-container p {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    letter-spacing: .03125em;
    line-height: 1.5rem;
    text-transform: none;    
    color: rgba(255, 255, 255, 0.54);
    text-overflow: clip;
  }
  
  @media (max-width: 1200px) {
    .grid-container {
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
    .grid-item:first-child {
        margin-left: 13px;
      }
  }
  
  @media (max-width: 768px) {
    .grid-container {
      grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    }
    .grid-item:first-child {
        margin-left: 25px;
      }
    .grid-item {
        margin-left: 25px;
      }
  }