html {
  height: 100%;
  margin: 0; padding: 0; 
}
body {
    padding-top: 70px;
    direction: rtl;
    /*font-family:David,Calibri,Arial;*/
    font-family: 'Varela Round', sans-serif;
    font-size: 16px;
    height: 100%;
    margin: 0; 
    padding: 0; 
}

#wrapper {
  display: flex; 
  min-height: 100%;
  flex-direction: column;  
}

.contentBody{
    padding-top:70px;
    flex: 1;
}

tr.no-hover:hover {
    background-color: #ffffff !important;
}

.ui-dialog-noTitlebar .ui-dialog-titlebar {
    display: none;
}

.roundRight {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.roundLeft {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.roundAll {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}
/*.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}
.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child > .btn-group:not(:first-child) > .btn, .input-group-btn:first-child > .btn:not(:first-child), .input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group > .btn, .input-group-btn:last-child > .dropdown-toggle {
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}*/
.text-right {
    text-align: right!important;
}

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

.rtl {
    direction: rtl!important;
}

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

.marginTop {
    margin-top: 20px;
}

.marginTop {
    margin-bottom: 20px;
}

.paddingTop {
    margin-top: 10px;
}

.floatRight {
    float: right !important;
}

.floatLeft {
    float: left !important;
}

ul.dropdown-menu li a label {
    text-align: right;
    margin-right: 30px !important;
}

ul.dropdown-menu li a input[type=checkbox] {
    margin-right: -20px !important;
}

ul.dropdown-menu {
    max-width: 225px;
}

.ui-autocomplete .ui-menu-item {
    padding-right: 10px;
}

#login-dp {
    min-width: 250px;
    padding: 14px 14px 0;
    overflow: hidden;
    background-color: rgba(206, 223, 237,0.8);
}

    #login-dp .help-block {
        font-size: 12px;
    }

    #login-dp .bottom {
        background-color: rgba(243, 244, 247,0.8);
        border-top: 1px solid #ddd;
        clear: both;
        padding: 14px;
    }

    #login-dp .social-buttons {
        margin: 12px 0;
    }

        #login-dp .social-buttons a {
            width: 49%;
        }

    #login-dp .form-group {
        margin-bottom: 10px;
    }

.btn-fb {
    color: #fff;
    background-color: #3b5998;
}

    .btn-fb:hover {
        color: #fff;
        background-color: #496ebc;
    }

.btn-tw {
    color: #fff;
    background-color: #55acee;
}

    .btn-tw:hover {
        color: #fff;
        background-color: #59b5fa;
    }

@media(max-width:768px) {
    #login-dp {
        background-color: inherit;
        color: #fff;
    }

        #login-dp .bottom {
            background-color: inherit;
            border-top: 0 none;
        }
}

.font-bold {
    font-weight: bold;
}

.sneakpickElementBorder {
    border-bottom: 1px solid #ccc;
}

.closingCredits {
    width: 20em;
    height: 30em;
    margin: 1em auto;
    overflow: hidden;
    background: white;
    position: relative;
    box-sizing: border-box;
}

div#NewsContainer {
    min-width:200px;
    max-width:400px;

}

ul.newsItem {
    position: relative;
    box-sizing: border-box;
    padding-right:0px;
}
.newsItem li {
    list-style: none;
    font-size: 14px;
    min-height:50px;
    cursor:pointer;
    width:100%;
    border-bottom:1px solid #ccc;
}

.newsItem li:hover{
    color:#2e6da4;
}

li.newsItem_title {
    font-size: 15px;
    font-weight: bold;
}

.newsItem_old {
    top: 6em;
    position: relative;
    box-sizing: border-box;
    animation: newsItem_old 15s linear infinite;
}

    .newsItem_old li {
        list-style: none;
        font-size: 14px;
    }

li.newsItem_oldTitle {
    font-size: 15px;
    font-weight: bold;
}

.newsItem_old:hover {
    animation-play-state: paused;
}

div.newsItemModal {
    width:100%;
}

div.newsItemModal h1{
    font-weight:bold;
    font-size:25px;
}

div.newsItemModal h3{
    font-size:14px;
}
    div.newsItemModal h1, h2, h3 {
    margin-top:10px;
    
    }

div.newsItemModal * {
    margin-top:10px;
}

@keyframes newsItem_old {
    0% {
        top: 32em;
    }

    100% {
        top: -21em;
    }
}


.closingCredits .newsItem_old {
    margin: 0;
    padding: 0 1em;
    line-height: 1.5em;
    font: 1em 'Varela Round', sans-serif;
}

.closingCredits:before, .closingCredits::before,
.closingCredits:after, .closingCredits::after {
    left: 0;
    z-index: 1;
    content: '';
    position: absolute;
    pointer-events: none;
    width: 100%;
    height: 2em;
    background-image: linear-gradient(180deg, #FFF, rgba(255,255,255,0));
}

.closingCredits:after, .closingCredits::after {
    bottom: 0;
    transform: rotate(180deg);
}

.closingCredits:before, .closingCredits::before {
    top: 0;
}

.newsItem_old li ul {
    padding-right: 0px;
}

footer ul {
    padding-right: 0px;
}

.panelNoBorder {
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.panel-heading span {
    margin-top: -20px;
    font-size: 15px;
}

.theHottest {
    height: 300px;
    /*overflow: hidden;
    width: 0px;
    height: 320px;
    margin-top:20px;
    position:relative;*/
}

.theHottestItem {
    margin: 5px auto;
}

.theHottestItemImage {
}

.theHottestItem img, .theHottestItem div {
    width: 100%;
    margin: 0 auto;
}

.theHottestItem span {
    font-size: 13px;
}

.filmInfo * {
    color: #4d4d4d;
}

.filmInfo .converImage {
    /*max-width: 100%;*/
    width: 75%;
    float: left;
}

.filmInfoMetadataTitle {
    vertical-align: text-top;
}

.filmInfoMetadata {
    vertical-align: text-top;
    width: 80%;
    display: inline-block;
}

#dev-table th {
    text-align: center;
}

#dev-table td {
    text-align: center;
}

    #dev-table td a {
        cursor: pointer;
    }

#subtitlesList a.glyphicon-download-alt {
    cursor: pointer;
}

.expandible a {
    color: #0254EB;
}

    .expandible a:visited {
        color: #0254EB;
    }

    .expandible a.morelink {
        text-decoration: none;
        outline: none;
    }

.expandible .morecontent span {
    display: none;
}

.expandible .comment {
    width: 400px;
    background-color: #f0f0f0;
    margin: 10px;
}

table#subtitlesList > thead > tr > th {
    text-align: center;
}

table#subtitlesList > tbody > tr > td {
    text-align: center;
}

/* Series season container*/
.panel.with-nav-tabs .panel-heading {
    padding: 0 5px 0 5px;
}

.panel.with-nav-tabs .nav-tabs {
    border-bottom: none;
    padding-right: 0px;
}

.panel.with-nav-tabs .nav-justified {
    margin-bottom: -1px;
}

.with-nav-tabs.panel-info .nav-tabs > li {
    float: right;
}

    .with-nav-tabs.panel-info .nav-tabs > li > a,
    .with-nav-tabs.panel-info .nav-tabs > li > a:hover,
    .with-nav-tabs.panel-info .nav-tabs > li > a:focus {
        color: #31708f;
    }

        .with-nav-tabs.panel-info .nav-tabs > .open > a,
        .with-nav-tabs.panel-info .nav-tabs > .open > a:hover,
        .with-nav-tabs.panel-info .nav-tabs > .open > a:focus,
        .with-nav-tabs.panel-info .nav-tabs > li > a:hover,
        .with-nav-tabs.panel-info .nav-tabs > li > a:focus {
            color: #31708f;
            background-color: #bce8f1;
            border-color: transparent;
        }

    .with-nav-tabs.panel-info .nav-tabs > li.active > a,
    .with-nav-tabs.panel-info .nav-tabs > li.active > a:hover,
    .with-nav-tabs.panel-info .nav-tabs > li.active > a:focus {
        color: #31708f;
        background-color: #fff;
        border-color: #bce8f1;
        border-bottom-color: transparent;
    }

    .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu {
        background-color: #d9edf7;
        border-color: #bce8f1;
        text-align: right;
        width: 100px;
        min-width: 100px;
    }

        .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li {
            width: 100px;
        }

            .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a {
                color: #31708f;
            }

                .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,
                .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {
                    background-color: #bce8f1;
                }

        .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a,
        .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,
        .with-nav-tabs.panel-info .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {
            color: #fff;
            background-color: #31708f;
        }


.full {
    width: 100%;
}

.gap {
    height: 30px;
    width: 100%;
    clear: both;
    display: block;
}
footer {
    margin-top:20px;
}
.footer {
    background: #EDEFF1;
    height: auto;
    padding-bottom: 30px;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #DDDDDD;
}

    .footer p {
        margin: 0;
    }

    .footer img {
        max-width: 100%;
    }

    .footer h3 {
        border-bottom: 1px solid #BAC1C8;
        color: #54697E;
        font-size: 18px;
        font-weight: 600;
        line-height: 27px;
        padding: 40px 0 10px;
        text-transform: uppercase;
    }

    .footer ul {
        font-size: 13px;
        list-style-type: none;
        margin-left: 0;
        padding-left: 0;
        margin-top: 15px;
        color: #7F8C8D;
    }

        .footer ul li a {
            padding: 0 0 5px 0;
            display: block;
        }

    .footer a {
        color: #78828D;
        font-size: 15px;
    }

.supportLi h4 {
    font-size: 20px;
    font-weight: lighter;
    line-height: normal;
    margin-bottom: 0 !important;
    padding-bottom: 0;
}

.newsletter-box input#appendedInputButton {
    background: #FFFFFF;
    display: inline-block;
    xfloat: left;
    height: 30px;
    clear: both;
    width: 100%;
}

.newsletter-box .btn {
    border: medium none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    height: 40px;
    padding: 0;
    width: 100%;
    color: #fff;
}

.newsletter-box {
    overflow: hidden;
}

.bg-gray {
    background-image: -moz-linear-gradient(center bottom, #BBBBBB 0%, #F0F0F0 100%);
    box-shadow: 0 1px 0 #B4B3B3;
}

.social li {
    background: none repeat scroll 0 0 #B5B5B5;
    border: 2px solid #B5B5B5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    float: left;
    height: 36px;
    line-height: 36px;
    margin: 0 8px 0 0;
    padding: 0;
    text-align: center;
    width: 36px;
    transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

    .social li:hover {
        transform: scale(1.15) rotate(360deg);
        -webkit-transform: scale(1.1) rotate(360deg);
        -moz-transform: scale(1.1) rotate(360deg);
        -ms-transform: scale(1.1) rotate(360deg);
        -o-transform: scale(1.1) rotate(360deg);
    }

    .social li a {
        color: #EDEFF1;
    }

    .social li:hover {
        border: 2px solid #2c3e50;
        background: #2c3e50;
    }

    .social li a i {
        font-size: 16px;
        margin: 0 0 0 5px;
        color: #EDEFF1 !important;
    }

.footer-bottom {
    background: #E3E3E3;
    border-top: 1px solid #DDDDDD;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .footer-bottom p.pull-left {
        padding-top: 6px;
    }

.payments {
    font-size: 1.5em;
}

.header-statistics ul {
    height: 50px;
    line-height: 50px;
}

    .header-statistics ul li {
        color: #9d9d9d;
    }

.linkCursor {
    cursor: pointer;
}

a.noDecoration {
    text-decoration: none;
}

.truncate {
    xwidth: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
/* Series season container end*/

.icon-off {
    position: absolute;
    height: 2px;
    width: 17px;
    top: 10px;
    left: 3px;
    border-top: 1px solid #4d4d4d;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.badge-danger {
    background-color: #b94a48;
}

.badge-error:hover {
    background-color: #953b39;
}

.badge-warning {
    background-color: #f89406;
}

    .badge-warning:hover {
        background-color: #c67605;
    }

.badge-success {
    background-color: #468847;
}

    .badge-success:hover {
        background-color: #356635;
    }

.badge-info {
    background-color: #3a87ad;
}

    .badge-info:hover {
        background-color: #2d6987;
    }

.badge-inverse {
    background-color: #333333;
}

    .badge-inverse:hover {
        background-color: #1a1a1a;
    }


/* Sub Result Item */

.subtitleItemsListContainer li {
    list-style: none;
    background: #f5f5f5;
    margin-bottom: 8px;
    margin-top: 3px;
    padding: 10px;
    border-radius: 25px;
}

.subtitleItemsListContainer.subtitleListContained {
    padding-right: 0px;
}

.subtitleItemsListContainer li:hover {
    -webkit-box-shadow: 0px 0px 10px #cfcfcf;
    -moz-box-shadow: 0px 0px 10px #cfcfcf;
}

.subtitleItemsListContainer li a > div:first-child {
    overflow: hidden;
    height: 165px;
}

    .subtitleItemsListContainer li a > div:first-child > div {
        position: relative;
        height: 165px;
    }

    .subtitleItemsListContainer li a > div:first-child img {
        position: absolute;
        top: 50%;
        transform: translate(-5%, -50%);
        max-height: 145px;
    }

.subtitleItemsListContainer.subtitleListContained li a > div:first-child img {
    transform: translate(34%, -50%);
}

.subtitleItemsListContainer li a > div:first-child > div:nth-child(2) {
    padding-top: 9px;
}

.subtitleItemsListContainer.subtitleListContained li a > div:first-child > div:nth-child(2) {
    padding-top: 17px;
}

.subtitleItemsListContainer li a > div:first-child > div:nth-child(2) > div {
    max-width: 100%;
}

.subtitleItemsListContainer h3 {
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.subtitleItemsListContainer li a > div:first-child > div:nth-child(2) > .row {
    line-height: 20px;
}

.subtitleItemsListContainer h4 {
    color: #3db7ff;
    font-size: 14px;
    margin-top: 0px;
}

.subtitleItemsListContainer h5 {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.subtitleItemsListContainer p {
    font-size: 15px;
}

.subtitleItemsListContainer li a > div:first-child > div:nth-child(3) {
    padding: 30px;
}

.subtitleItemsListContainer.subtitleListContained li a > div:first-child > div:nth-child(3) {
    padding: 30px 0px 0px 0px;
}

.subtitleItemsListContainer.subtitleListContained small {
    font-size: 72%;
}

.subtitleItemsListPagination {
    text-align: center;
}

.negToolPos {
    top: 50px !important;
    right: 0px !important;
}

.btn span.glyphicon {
    opacity: 1;
}

.btn.active span.glyphicon {
    opacity: 1;
}

.bulkDownloadUnchecked {
    color: #ccc;
}

.bulkDownloadChecked {
    color: #3db7ff;
}

label.multiSubSelection {
    outline: none !important;
}

    label.multiSubSelection.active {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

.subtitleRequestsReleases tr {
    height: 40px;
}

.subtitleRequestsReleases th {
    font-size: 13px;
}

.subtitleRequestsReleases .btn span.glyphicon {
    opacity: 0;
}

.subtitleRequestsReleases .btn.active span.glyphicon {
    opacity: 1;
}

.table-user-information > tbody > tr {
    border-top: 1px solid rgb(221, 221, 221);
}

    .table-user-information > tbody > tr:first-child {
        border-top: 0;
    }


    .table-user-information > tbody > tr > td {
        border-top: 0;
    }

.genericListContainer li {
    list-style: none;
    background: #f5f5f5;
    margin-bottom: 8px;
    margin-top: 3px;
    padding: 10px;
    border-radius: 25px;
}

    .genericListContainer li:hover {
        -webkit-box-shadow: 0px 0px 10px #cfcfcf;
        -moz-box-shadow: 0px 0px 10px #cfcfcf;
    }

.subtitleItemsListContainer h3 {
    font-size: 16px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.genericListContainer h4 {
    color: #3db7ff;
    font-size: 14px;
    margin-top: 0px;
}

.genericListContainer h5 {
    font-size: 14px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.genericListContainer p {
    font-size: 15px;
}

nav.sidebar, .main {
    -webkit-transition: margin 200ms ease-out;
    -moz-transition: margin 200ms ease-out;
    -o-transition: margin 200ms ease-out;
    transition: margin 200ms ease-out;
}

.main {
    padding: 10px 10px 0 10px;
}

@media {

    .main {
        position: absolute;
        width: calc(100% - 40px);
        margin-left: 40px;
        float: right;
    }

    nav.sidebar:hover + .main {
        margin-left: 200px;
    }

    nav.sidebar.navbar.sidebar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: 0px;
    }

    nav.sidebar .navbar-brand, nav.sidebar .navbar-header {
        text-align: center;
        width: 100%;
        margin-left: 0px;
    }

    nav.sidebar a {
        padding-right: 13px;
    }

    nav.sidebar .navbar-nav > li:first-child {
        border-top: 1px #e5e5e5 solid;
    }

    nav.sidebar .navbar-nav > li {
        border-bottom: 1px #e5e5e5 solid;
    }

    nav.sidebar .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: transparent;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    nav.sidebar .navbar-collapse, nav.sidebar .container-fluid {
        padding: 0 0px 0 0px;
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

    nav.sidebar {
        height: 100%;
        margin-left: -160px;
        float: left;
        margin-bottom: 0px;
    }

        nav.sidebar li {
            width: 100%;
        }

        nav.sidebar:hover {
            margin-left: 0px;
        }

    .forAnimate {
        opacity: 0;
    }
}

@media {

    .main {
        width: calc(100% - 200px);
        margin-left: 200px;
    }

    nav.sidebar {
        margin-left: 0px;
        float: left;
    }

        nav.sidebar .forAnimate {
            opacity: 1;
        }
}

nav.sidebar .navbar-nav .open .dropdown-menu > li > a:hover, nav.sidebar .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #CCC;
    background-color: transparent;
}

nav:hover .forAnimate {
    opacity: 1;
}

section {
    padding-left: 15px;
}

#personalSectionTabs li.active > a,
#personalSectionTabs li.active > a:hover,
#personalSectionTabs li.active > a:focus {
    color: #555;
    background-color: #e7e7e7;
    /*border-color: #bce8f1;
    border-bottom-color: transparent*/;
}
.glyphicon.fast-right-spinner {
    -webkit-animation: glyphicon-spin-r 1s infinite linear;
    animation: glyphicon-spin-r 1s infinite linear;
}

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

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

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

    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
.hasSystemMessage {
    color:#d9534f;
}
.fontSizeHandle {
    width: 3em!important;
    height: 1.6em!important;
    top: 50%!important;
    margin-top: -.8em!important;
    text-align: center!important;
    line-height: 1.6em!important;
}
.webui-popover-content {
overflow-x:hidden!important;
}

.btn-outline {
  color: inherit;
  background-color: transparent;
  transition: all .5s;
}
.btn-primary.btn-outline {
  color: #428bca;
}
.btn-success.btn-outline {
  color: #5cb85c;
}
.btn-info.btn-outline {
  color: #5bc0de;
}
.btn-warning.btn-outline {
  color: #f0ad4e;
}
.btn-danger.btn-outline {
  color: #d9534f;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
  color: white;
}
.newsFlashAlert_Notify {
    color:#d9534f;
}
.newsFlashAlert_Hide {
    color:#9d9d9d;
}
.loader {
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 120px;
  height: 120px;
  -webkit-animation: spin 2s linear infinite; /* Safari */
  animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}
.reportSubtitle {
width:12px;
cursor:pointer;
}