﻿@import url(//fonts.googleapis.com/css?family=Open+Sans:400,700);

body {
    background-color: #d5d4d4;
    font-family: 'Open Sans', sans-serif;
    background-image: url("images/dotted.png");
    overflow-x: hidden;
    font-size: 14px;
}
/* admin styles */
#dvBodyContainer {
    /*display: table; */
    width: 100%;
    padding: 0px;
}
.content-wrapper {
    /*overflow: hidden;
    display: table-row;*/
    display: flex;
}
#divMainContainer {
    /*overflow: hidden;
    display: table-cell;*/
    float: none;
    /*padding-bottom: 99999px;
    margin-bottom: -99999px;*/
    flex-grow: 1;
}
.page-home-index .navbar-brand,
.page-home-index .footer-wrapper{
    display: none !important;
}
.admin-left-menu {
    white-space: nowrap;
    padding: 0 0;
    background-color: #292a2f;
    font-family: sans-serif;
    /*display: table-cell;*/
    float: left;
    height: auto;
/*    margin-right: -230px;*/
    /*padding-bottom: 99999px;
    margin-bottom: -99999px;*/
}
#dvTimeLine{
    overflow: hidden;
}
.sidebar-nav {
    height: 100%;
    overflow-y: clip;
    overflow-x: clip;
}
.sidebar-nav.open_left{
    overflow-x: visible;
}
.content-inner{
    padding: 0;
}


.status_InProcess {
    color:#333333;
}

.status_PendingActive {
    color:#333333;
}

.status_Open {
    color:#FF9900;
}
.status_Active {
    color:#006600;
}
.status_Over {
    color:#FF0000;
}
.campaignState {
    margin: 15px 0;   
}
.status_OpenExpired {
    color:red;
}
.status_OpenActive {
    color:green;
}
.campaignState a {
    border-radius: 25px;
    border: 1px solid #a8abb6;
    display: inline-block;
    font-size: 15px;
    margin-right: 6px;
    padding: 8px 13px !important;
    transition: all 0.15s ease 0s;
}
.campaignState a:hover {
    background: #e7e7e7;
    box-shadow: inset 0 2px 3px rgba(0, 0, 0, .2);
}
.campaignState a.active{
    background-color: #fff;
}
.campaignState a i{
    font-size: 24px;
    vertical-align: middle;
    line-height: 24px;
}

.campaignDraft {
    color:#DFBF46;
}

.campaignAll {
    color:#68A3BF;
}

.campaignPending {
    color:#E4963F;
}
.campaignActive {
    color:#85D063;
}
.campaignCompleted {
    color:#E57766;
}

.campaignDraftBg {
    background-color:#DFBF46;
}
.campaignPendingBg {
    background-color:#E4963F;
}
.campaignActiveBg {
    background-color:#85D063;
}
.campaignCompletedBg {
    background-color:#E57766;
}

.table-white > thead > tr > th {
    font-weight:bold;
    border-bottom:1px solid #D9D9D9 !important;
}
.table-white > thead > tr > th > a {
    color:#000;
}
.table-white > tbody > tr > td {
    padding:3px 5px;
    border-bottom:1px solid #D9D9D9;
}    
.table-white > tbody > tr:nth-child(2n+1) {
    background-color:#F8F8F8;
}

.DarkTooltip {
    display:none;
    position:absolute;
    top:20px;
    right:10px;
    width:365px;
    padding:10px 0;
    background-color:#283942;
    z-index:10;
    border-radius:3px 4px;
    color:#fff;
    font-size: 16px;
    text-align: center;
}

.DarkTooltip[data-placement="top"] {
    top: auto;
    bottom: 20px;
}

.DarkTooltip a{
    color: rgba(255, 255, 255, .8);
    display: block;
    padding: 8px 0;
}
.DarkTooltip a:hover{
    color: #ed8c26;
    text-decoration: none;
}

.DarkTooltip > table tr > td {
    padding: 0 7px;
}
.DarkTooltip > table tr:hover{
    background-color: rgba(255, 255, 255, .1);
}
.DarkTooltip > table tr:hover a{
    color: #ed8c26;
}

.DarkTooltip .text-muted{
    color: #fff;
    opacity: .6;
}
.DarkTooltip span{
    color: #fff;
    opacity: .6;
}

.DarkTooltipTitle {
    color:#ed8c26;
    font-size:1.3em;
    margin-top: 5px;
    margin-bottom: 5px;
}

.DarkTooltipSaperator {
    background-color: rgba(255, 255, 255, .25);
    margin:5px 0px;
    height:1px
}

.DarkTooltip strong {
    font-size:1.3em
}

.DarkTooltip .tooltipicon {
    font-size:1em;
    text-align:center;
}

.ContestProgressBarHandle{
    font-size: 1.2em;
    left: 0%;
    position: absolute;
    top: -7px;        
    cursor : pointer;  
    width: 12px;
    height: 12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;           
}

.ContestProgressBar {
    height : 7px;
    background:url(../../img/processbar.png) no-repeat transparent;
    background-size: 100%
}

#dvCopyContest
{
    padding-bottom: 20px;
}


/* end admin styles */

.gritter-close:before, .sidebar-nav .accordion-toggle[data-toggle]:before, [class^="icon-"], [class*=" icon-"] {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    line-height: 1;
}

.page-admin .widget{
    border-radius: 3px 3px 3px 3px;
    overflow: visible;
    background-color: white;
}
.page-admin .widget-header{
    background-color: #efefef;
    border-radius: 3px 3px 0 0;
    min-height: 51px;
    border: 1px solid #DDDDDD;
    position: relative;
}

.page-admin .container.container-admin,
.page-admin #dashboard_page > .container,
.page-admin #dashboard_page .widget-header > .container
{
    width: 100%;
}
.page-admin .container.container-admin{
    padding-left: 0;
    padding-right: 0;
}
.page-admin .container.container-admin .content-inner{

}
.page-admin .container.container-admin .content-inner .table-white td:nth-child(3){
    width: 15%;
    max-width: 250px;
}
.page-admin .container.container-admin .content-inner .table-white td:nth-child(10){
    /*width: 220px;*/
}


form {
    font-size: 16px;
}

.table.header {
    border: none;
    margin: 5px 0px;
}

    .table.header td {
        border: none;
        padding: 0;
    }

.bg-danger,
.table-striped>tbody>tr.bg-danger {
    background-color: #ff0000;
}

label {
    margin: inherit;
    font-weight: inherit;
}

a {
    cursor: pointer;
    color: #337ab7;
}

    a:focus {
        outline: inherit;
    }

.float-left {
    float: left !important;
}

.float-right {
    float: right !important;
}

ul, ol {
    list-style: none;
}

table {
    width: 100%;
}

.table-form td, th {
    padding: 3px 0;
    vertical-align: top;
    line-height: 30px;
    border: none !important;
}

.table-form th {
    white-space: nowrap;
    line-height: 30px;
}

.table-gridview {
    /*table-layout:fixed;*/
}

    .table-gridview th {
        background-color: #B8D6E6;
        padding: 20px 5px;
    }

    .table-gridview th, .table-gridview td {
        border-bottom: 1px solid #CCCCCC;
    }

    .table-gridview td {
        padding: 5px;
        font-size: 1em;
        color: black;
        -moz-box-sizing: inherit;
        word-wrap: break-word;
        word-break: keep-all;
    }

    .table-gridview .error td {
        color:red !important;
    }

        .table-gridview th a:link, .table-gridview th a:hover {
            font-size: 1em;
            text-decoration: underline;
            font-weight: bold;
            background-color: transparent;
            background-repeat: no-repeat;
            /*background-image: url(data:image/gif;base64,R0lGODlhCQAMAIABAAAAAP///yH5BAEAAAEALAAAAAAJAAwAAAIRjI8HaeDpooqSWUZryPDhmxQAOw==);*/
            background-position: right center;
            display: inline;
            padding: 0 15px 0 0;
        }

    .table-gridview tr:hover {
        background-color: #B8D6E6;
    }

    .table-gridview.nohover tr:hover {
        background-color: inherit;
    }

    .table-gridview [class^="icon-"], .table-gridview [class*=" icon-"] {
       /* color: #000;
        font-size: 15px;*/
    }

    .table-gridview .action > a {
        padding-right: 10px;
    }

.table-gridview a{
    color: #000;
}
.table-gridview td a{
    color: #ed8c26;
}
.icon-container{
    padding: 5px;
}
a.icon-container:hover{
    color: #000;
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(180deg); 
        transform:rotate(180deg); 
    } 
}
.link-text-icon{
    color: #000;
    font-size: 22px;
}
.link-text-icon i{
    color: #ed8c26;
}
.link-text-icon:hover{
    text-decoration: none;
}
.link-text-icon:hover i{
    animation: spin .25s ease-in-out;
}
.table-gridview .tooltip{
    font-size: 16px;    
}
.table-gridview .tooltip-inner{
    min-width: 100px;
}
.borderless td, .borderless th {
    border: none !important;
}

.table-adhoc {
    display: inline-block;
    margin: auto;
    width: auto;
    font-size: 18px;
}

.table-adhoc td {
    padding: 0 10px 10px;
}
.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td
{
    border: 1px solid #ddd !important;
}

form .fieldName, form .fieldControl {
    /*padding: 5px;*/
    /*float: left;*/
    /*line-height: 30px;*/
}

form .fieldName {
    /*width: 18%;*/
}

form .fieldControl {
    /*width: 80%;*/
}

    form .fieldControl > input[type="radio"] {
        margin-top: 10px;
    }

.contest-name {
    font-size: 17px;
    margin: 0;
    padding: 0 0 8px 0;
    color: #993333;
    font-weight: bold;
}

.contestlist .contest-name a {
}

.shortDecriptionCn {
    margin-top: 0;
    padding: 5px 0;
}

button, input[type="submit"], input[type="button"] ,
.showHideMode{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #68a3bf;
    background-image: none !important;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
    border-image: none;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
    text-shadow: none;
    vertical-align: middle;
    margin-bottom: 0;
    padding: 4px 10px 4px;
    text-align: center;
    min-width: 100px;
    line-height: 20px;
}

    button:hover, input[type="submit"]:hover, input[type="button"]:hover {
        /*background-color: #3a718b;*/
        color: white;
    }

    button:disabled, input[type="submit"]:disabled, input[type="button"]:disabled {
        background-color: #808080;
    }

.btn {
    background-color: #f6f8ff;
    font-size: 14px;
    color: #434a54;
    line-height: 20px;
    border-radius: 2px;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
    padding: 4px 12px;
}

.btn:hover, .btn:focus {
    /*background-color: #fff;*/
}

.btn.disabled, .btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn-sm {
    font-size: 12px;
    padding: 2px 8px;
}

.btn-primary, 
.btn.btn-primary {
    background-color: #ed8c26;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    color: #fff;
}
.btn-primary:hover, .btn-primary:focus,
.btn.btn-primary:hover, .btn.btn-primary:focus {
    background-color: #ed8c26;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
}
.btn-success,
.btn.btn-success{
    border-color: #51A351;
    background-color: #5BB75B;
}
.btn-success:hover, .btn-success:focus,
.btn.btn-success:hover, .btn.btn-success:focus {
    background-color: #51A351;
}
.btn-danger,
.btn.btn-danger {
    border-color: #d9534f;
    background-color: #d9534f;
}
.btn-danger:hover, .btn-danger:focus,
.btn.btn-danger:hover, .btn.btn-danger:focus {
    background-color: #d9534f;
}

.btn-xs, .btn-group-xs>.btn{
    padding: 2px 10px;
    font-size: 12px;
}


textarea {
    width: 100%;
    height: 100px;
}

.form-control {
    border-radius: 1px;
}
input[type="text"], input[type="password"], input[type="number"], select {
    border-radius: 1px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;   
    color: #555555;
    display: inline-block;
    font-size: 1em;
    line-height: 20px;
    margin-bottom: 10px;
    padding: 4px 6px;
    vertical-align: middle;
    margin-bottom: 0 !important;
    font-weight: normal;
}

input[type="number"] {
    width: 70px;
}

.RuleHeader {
    background-color: #e8e8e8;
    color: #000;
}

input[type="text"], input[type="password"] {
    /*width: 280px;*/
}

a {
    /*font-family: Arial,Verdana,Helvetica,Sans-Serif;*/
    outline: medium none;
}

h2 {
    /*text-shadow: 1px 1px 1px #FFFFFF;*/
    line-height: 40px;
    font-size: 31.5px;
}

th, td {
    text-align: left;
}
/* fix for box-sizing */

.heading {
    margin: 0;
    padding: 12px 0 15px;
    font-weight: normal;
    margin-left: 15px !important;
    display: inline-block;
    height: 60px;
}
.heading strong,
.heading a{
    font-weight: 400;
}

.collapse {
    display: inherit;
    overflow-x: hidden;
    overflow-y: hidden;
}

/*---- validation-error ----------------------*/
.input-validation-error {
    border: 1px solid #FF0000 !important;
    background: #eef88f !important;
}

    .input-validation-error input[type="checkbox"] {
        outline: 1px solid #ff0000 !important;
    }

.text-red,
.field-validation-error {
    color: #FF0000;
}

.nav-pills > li > a {
    padding: 8px 12px;
}

/*----- Contest status -----------------------------------------*/
.contest_status {
    text-transform: none;
    padding: 2px 10px;
    border: 1px solid gray;
    border-radius: 5px;
    white-space: nowrap;
    /*font-family: Arial;*/
    font-size: 11px;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: gray;
}

.contest_status_Over {
    background-color: #FF0000;
}

.contest_status_Completed {
    background-color: #0099CB;
    color: white;
}

.contest_status_Active, .contest_status_PendingActive {
    background-color: green;
    color: white;
}

.contest_status_Open, .contest_status_PendingOpen {
    background-color: orange;
    color: black;
}

.contest_status_OpenActive {
    background-color: green;
    color: white;
}

.contest_status_Tied {
    color: #FFFFFF;
    background-color: #727171;
}

.contest_status_InProcess, .contest_status_OpenExpired,
.contest_status_PendingApproval {
    background-color: #727171;
}
/*--------------------------------------------------------------*/
.paging {
    padding: 0;
}
.paging h5{
    margin: 0;
}
.paging a, .paging span {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
    border-width: 1px;
    border-style: solid;
    border-radius: 2px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
    color: #ed8c26;
    display: inline-block;
    font-size:14px;
    padding: 0 12px;
    margin-right: 4px;
    line-height: 30px;
    height: 30px;
    vertical-align: top;
}
.paging a:hover,
.paging span:hover,
.paging span.current, .pagination-container a.active {
    background-color: #ed8c26;
    color: #fff;
    text-decoration: none;
}
.paging span.current{
    cursor: pointer;
    box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
}
.paging h5 *:first-child,
.paging h5 *:last-child{
    font-size: 22px;
    font-weight: 700;
    line-height: 23px;
}
.paging span.disabled{
    cursor: default;
    opacity: 0.65;
    box-shadow: none;
}


.directory .plus {
    background: url('images/bgDirectoryPlus.png') no-repeat scroll 0px 0 transparent;
    cursor: pointer;
    height: 36px;
    margin-top: 20px;
    padding: 0 5px;
    position: relative;
    width: 31px;
}

    .directory .plus:hover {
        background: url('images/bgDirectoryPlus.png') no-repeat scroll 0px -36px transparent;
    }

.directory .tooltipDiv {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AAAAAA;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 15px #CACACA, 0 3px 0 #AAAAAA;
    display: none;
    padding: 10px;
    position: absolute;
    top: -85px;
}

    .directory .tooltipDiv td {
        border-style: none;
        /*font-size: 11px;*/
        padding: 5px;
    }

.countdownclock {
    display: none;
}

.directory .neverend {
    /*font-family: Arial;*/
    font-size: 11px;
    font-weight: bold;
    font-style: normal;
    text-decoration: none;
    color: #333333;
    margin-top: 24px;
}

.blocktitle {
    background-color: #B8D6E6;
    border: 1px solid #94ACB9;
    color: #000000;
    font-size: 1.1em;
    font-weight: bold;
    padding: 7px;
    text-decoration: none;
}

.blockcontent {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: rgba(0, 0, 0, 0);
    border-color: #94ACB9;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 10px;
    padding: 10px;
}

.clearer {
    clear: both;
}

.ui-button {
    min-width: inherit;
}

.ui-dialog-titlebar {
    /*border-bottom-color: #EEEEEE;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 9px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 9px;
    font-size: 24.5px;*/
}

.page-size-block {
    text-align: right;
    margin: 5px 0px;
}

    .page-size-block select {
        width: inherit;
    }

.widget-header .nav.nav-tabs {
    margin: 0 0 -1px 0;
    border: medium none;
    float: left;
}
.widget-header .nav-tabs > li {
    margin: 0;
    position: relative;
    border-right: 1px solid #cbcbcb;
}

.nav-collapse.collapse {
    position: inherit;
    float: left;
    width: 100%;
}

.collapse-left-menu {
    background-color: #efefef;
    width: 20px;
    height: 100%;
    z-index: 10000 !important;
    box-shadow: inset -5px 0 12px rgba(41, 42, 47, .16);
    overflow-x: visible;
    overflow-y: clip;
}
.collapse-left-menu a{
    display: block;
    height: 100%;
    transition: all 0.3s ease 0s;
}
.collapse-left-menu a:hover{
    background-color: #B8D6E6;
    border-right: 1px solid #1f529d;
    text-decoration: none;
}
.collapse-left-menu a .icon-chevron-right,
.open_left a .icon-chevron-left
{
    border: 1px solid #1f529d;
    border-radius: 13px;
    background-color: #fff;
    color: #1f529d;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    position: sticky;
    top: 60px;
    margin-left: 0px;
    transition: all 0.3s ease 0s;
}
.open_left a .icon-chevron-left{
    margin-left: 5px;
}
.collapse-left-menu a:hover .icon-chevron-right,
.open_left a:hover .icon-chevron-left
{
    background-color: #1f529d;
    color: #fff;
    margin-left: 5px;
}
.open_left a:hover .icon-chevron-left{
    margin-left: -3px;
/*    box-shadow: 0 0 16px 2px rgba(184, 214, 230, .75);*/
    background-color: #ed8c26;
    border-color: #73330d;
    /*border: 1px solid #1f529d;
    background-color: #fff;*/
}

.pin-button a{
    display: block;
    height: 100%;
    background-color: rgba(239, 239, 239, 0);
    transition: all 0.3s ease 0s;
}
.pin-button a:hover{
    background-color: rgba(184, 214, 230, .25);
    border-right: 1px solid #072738;
}

.sub-title {
    border-bottom: 1px solid #E1E1E1;
    font-size: 17px;
    font-weight: bold;
    padding: 4px 0;
}

.widget-footer, .widget-footer2 {
    
}
.widget-footer2{
    margin: 0 -16px -16px;
}
.footer-padding{
    padding: 15px;
    background-color: #efefef;
    border-radius: 0 0 3px 3px;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 1px 1px;
}
.widget-footer .container{
    width: 100% !important;
}
.next-prev-container-top{
    padding: 15px 0;
}
.widget-footer .next-prev-container-top,
.widget-footer-container .next-prev-container-top {
    background-color: #efefef;
    padding: 0;
}

.customfield {
    border: 1px solid #808080;
    margin-top: 5px;
}

    .standardfield .content1, .customfield .content1 {
        width: 120px;
        float: left;
        padding: 7px 0px 5px 0px;
        height: 24px;
        text-align: right;
    }

    .standardfield .content2, .customfield .content2 {
        width: 450px;
        float: left;
        padding: 5px 0px;
        margin-left: 10px;
    }

        .customfield .content2 select {
            margin: 0px;
        }

        .standardfield .content2 .label1 {
            display: block;
            float: left;
        }

        .standardfield .content2 .label2 {
            display: block;
            float: left;
            padding-top: 2px;
            margin-left: 5px;
        }

.main_container {
    padding: 0 0 25px 0;
    /*width: 1170px;*/
    /*float:left;*/
    /*margin-bottom: 50px;*/
}

    .main_container.open-left-login {
        padding: 0 25px 25px;
        /*width: calc(100% - 230px);
        margin-left: 230px;*/
    }

    .main_container.marg-left-override-login {
        margin-left: 30px;
        width: calc(100% - 50px);
    }

.ui-dialog {
    z-index: 100000;
}

.status-inprocess {
    color: #333333;
}

.status-pendingactive {
    color: #333333;
}

.status-open {
    color: #FF9900;
}

.status-active {
    color: #006600;
}

.status-over {
    color: #FF0000;
}

.nav > li > a:first-child {
    /*padding-left: 10px;*/
}

.contest-menu.nav > li > a, .secondary-tabs > li > a {
    font-size: 0.9em;
    padding: 5px 10px;
    min-width: 32px;
}

.small-tabs > li.active > a, .small-tabs > li.active > a:hover, .small-tabs > li.active > a:focus {
    color: #ed8c26;
}
.widget-padding .widget-body {
    padding: 15px;
}

.widget-body {
    min-height: 550px;
    /*background-color: rgba(238, 238, 238, 0.5);*/

    border-style: solid;
    border-width: 0 1px 1px;
    border-color: #ccc;    
    border-radius: 0 0 3px 3px;
}
.widget-body > .container > .content-inner {
    min-height: 450px;
}

.tab-content{

}
.nav{
    margin-bottom: 20px;
}
.tab-content .nav-tabs a {
    color: #555;
    padding: 8px 12px;
    font-size: 14px;
}
.tab-content .nav-tabs a:hover {
    color: #555;
    background-color: #eee;
}
.tab-content .nav-tabs .active a {
    color: #26aef2;
}

.asterisk-required {
    color: red;
    font-weight: bold;
    text-align: right;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
    margin-bottom: 8px;
}

.ui-timepicker-div dl {
    text-align: left;
}

    .ui-timepicker-div dl dt {
        height: 25px;
        margin-bottom: -25px;
    }

    .ui-timepicker-div dl dd {
        margin: 0 10px 10px 65px;
    }

.ui-timepicker-div td {
    font-size: 90%;
}

.ui-tpicker-grid-label {
    background: none;
    border: none;
    margin: 0;
    padding: 0;
}

.ui-timepicker-rtl {
    direction: rtl;
}

    .ui-timepicker-rtl dl {
        text-align: right;
    }

        .ui-timepicker-rtl dl dd {
            margin: 0 65px 10px 10px;
        }

.ui-widget {
    font-size: 0.9em;
}

.ui-datepicker-buttonpane {
    white-space: nowrap;
}

.ui-datepicker .ui-datepicker-buttonpane button {
    min-width: inherit;
    width: inherit;
}

.main-footer {
    text-align: center;
    font-weight: bold;
    padding: 20px 20px 0px 20px;
}

.top-menu > ul > li > a {
    line-height: 45px;
    top: auto;
}

    .top-menu > ul > li > a [class^="icon-"], .top-menu > ul > li > a [class*=" icon-"] {
        font-size: 20px;
        top: inherit;
    }

.sectionMedias {
    width: 100%;
}

#dvSharing li{
    min-width: 150px;
}

.sharesite {
    background: #fff url(data:image/gif;base64,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) no-repeat scroll 0px 0px;
    padding-left: 20px;
    font-size: 14px;
}

.share1 {
    background-position: 0px -219px;
}

.share2 {
    background-position: 0px -358px;
}

.share3 {
    background-position: 0px -200px;
}

.share4 {
    background-position: 0px -100px;
}

.share5 {
    background-position: 0px -320px;
}

.share6 {
    background-position: 0px -260px;
}

.share7 {
    background-position: 0px -60px;
}

.share8 {
    background-position: 0px -399px;
}

.share9 {
    background-position: 0px -300px;
}

.share10 {
    background-position: 0px -379px;
}

.share11 {
    background-position: 0px -280px;
}

.share12 {
    background-position: 0px -419px;
}

.share13 {
    background-position: 0px -120px;
}

.share14 {
    background-position: 0px -140px;
}

.share15 {
    background-position: 0px -180px;
}

.share16 {
    background-position: 0px -160px;
}

.share17 {
    background-position: 0px -80px;
}

.share18 {
    background-position: 0px -40px;
}

.share19 {
    background-position: 0px -238px;
}

.share20 {
    background-position: 0px -340px;
}

.share21 {
    background-position: 0px -20px;
}

.requireloginpopup {
    padding: 10px 5px;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #ccc;
}

.widget-header .nav.nav-tabs li > a {
    color: #292A2F;
    border: medium none;
    -moz-border-radius: 0 0 0 0;
    -webkit-border-radius: 0 0 0 0;
    border-radius: 0 0 0 0;
    font-size: 18px;
    position: relative;
    background: transparent;
    line-height: 33px;
    padding: 8px 12px;
}
.widget-header .nav-tabs > li.active {
    background: #fff;
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid #fff;
}
.widget-header .nav.nav-tabs > .active > a {
    color: #ed8c26;
    font-weight: 400;
}
.widget-header .nav.nav-tabs li > a i,
li > a i {
    margin: auto;
    padding-left: 5px;
}

.ui-dialog .ui-dialog-titlebar-close {
    background-color: #DADADA;
    background-image: url("images/ui-icons_454545_256x240.png");
    background-position: -96px -128px;
    height: 18px;
    width: 18px;
    min-width: inherit;
}



.media-thumbnail-s {
    float: left;
    margin: 0 20px 20px 0;
}

    .media-thumbnail-s > .thumbnail {
        border: 2px solid transparent;
        opacity: 0.8;
        filter: alpha(opacity=80);
        position: relative;
        padding: 0;
        margin: 0;
        width: 158px;
        cursor: pointer;
    }
    .media-thumbnail-s > .thumbnail:hover {
        opacity: 1;
        transition: all 0.4s ease 0s;
    }

    .media-thumbnail-s > .title {
        display: block;
        font-weight: 700;
        font-size: 16px;
        width: 144px;
        margin: 5px 0 5px;
        color: #68676e;
        padding: 0 2px;
        white-space: nowrap;
    }

.homenewsitem {
    float: left;
    width: 100%;
    margin-right: 10px;
}

    .homenewsitem:nth-child(2n+1) {
        clear: left;
    }

.homenewstitle {
    font-size: 1em;
    font-weight: bold;
    padding: 3px 0px;
    height: 50px;
}

.homenewsdesc {
    /*font-weight:600;*/
}

.homenewsdate {
    font-size: 10px;
    font-style: italic;
}

.homenewsdetail {
    clear: left;
    margin-top: 10px;
}

.homenewsinfo {
    height: 300px;
    overflow: auto;
}

.menuicon {
    display: none;
}

.desktop-clearer {
    clear: both;
}

.icon-eye { color:#239f49;}
.icon-eye-slash {color:red;}
.icon-show-hide,
.accordion-heading a [class^="icon-"].icon-show-hide,
.accordion-heading a [class*=" icon-"].icon-show-hide{
    cursor: pointer;
    font-size: 1.4em;
}

.not-active {
   pointer-events: none;
   cursor: default;
   color:gray;
}

@media (max-width: 1279px) {
    .container-fluid {
        margin-top: 0px;
    }
    
    .pull-right {
        height: 100%;
    }

    .navbar-fixed-top {
        height: auto;
    }

    .navbar {
        background-color: #292A2F;
    }

    .navbar-inner .logo {
        text-align: center !important;
        width: 100%;
    }

        .navbar-inner .logo:after {
            clear: both;
        }

        .navbar-inner .logo img {
            float: left;
            margin-top: 10px;
        }

    .menuicon {
        display: block;
        font-size: 40px;
        color: #FFF;
        margin: 0px 5px;
        float: left;
    }

    .top-menu > ul > li {
        padding-left: 5px !important;
        min-width: 100%;
        line-height: 40px;
        height: 40px;
    }

        .top-menu > ul > li:after {
            clear: both;
        }

        .top-menu > ul > li > a {
            width: 100% !important;
            font-size: 14px;
            font-weight: bold;
        }

    .main_container {
        /*padding: 3px 3px !important;*/
    }

    .widget-body {
        min-height: 450px;
    }

    .widget-footer {
        text-align: center;
    }

    .media-thumbnail-s {
        width: 145px;
    }

    .main_container.marg-left-override-login {
        /*margin-left:20px !important;*/
    }
}

@media (max-width: 767px) {
    .dropdown-menu > li > a {
        color: #FFF;
    }

    .container-fluid {
        /*margin-top: 50px;*/
    }

    .desktop-clearer {
        clear: none;
    }
}

.navbar-inverse .navbar-nav > li > a, .navbar-nav > li > a {
    color: #FFF;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.2em;
}

footer .navbar-inverse .navbar-nav > li > a, footer .navbar-nav > li > a {
    color: #FFF;
}

.footer-menu {
    color: #FFF;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.2em;
    line-height: 45px;
}

ul > li > a [class^="icon-"], .top-menu > ul > li > a [class*=" icon-"] {
    font-size: 20px;
}

/*.col-md-12, .col-md-12 > .col-md-1:first-child, .col-md-12 > .col-md-2:first-child {
    padding-left: 0;
    padding-right: 0;
}

.col-sm-12, .col-sm-12 > .col-sm-1:first-child, .col-sm-12 > .col-sm-2:first-child {
    padding-left: 0;
    padding-right: 0;
}

.col-md-12, .col-md-12 > .col-md-1:last-child {
    padding-right: 0;
}

.col-sm-12, .col-sm-12 > .col-sm-1:last-child {
    padding-right: 0;
}*/
.no-padding{
    padding-left: 0;
    padding-right: 0;
}
.no-padding-left{
    padding-left: 0;
}
.no-padding-right{
    padding-right: 0;
}
.logo {
    height: auto;
    width: auto;
}

.top-banner {
    border: none;
}

.navbar {
    color: #777777;
    background-color: #333;
    background-image: url('images/Grid-1.png');
}

.nav > li > a:hover, .nav > li > a:focus, .nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    background: none;
    color: #000;
}


/*Match*/

.ContestantWithMedia {
    float: left;
    /*width: 165px;*/
    word-wrap: break-word;
    padding: 2px;
    border: 1px solid #DDDDDD;
}

    .ContestantWithMedia:nth-child(7n+1) {
        clear: left;
    }

    .ContestantWithMedia .criterialist {
        border: 1px solid #fff;
    }

    .ContestantWithMedia hr {
        border-color: #DDDDDD;
    }

.VoteSelected {
    border: 1px solid #fff;
}

.sectionContestantVote{
    text-align:center;
}

.VoteSelected .criterialist {
    border: 1px solid #2E8714;
}

.togglevote {
    width: 100%;
    border-radius: 4px 4px 4px 4px;
}

.VoteCover {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #ddd;
    top: 0px;
    left: 0px;
    z-index: 100;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    opacity: 0.5;
}

ul.tab li:first-child {
    margin-left: 0px;
}

#lstContestants .ui-corner-all {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
}

#lstContestants .ui-slider-horizontal {
    height: 0.6em;
}

.votecriteria{
    width: 100%;
}

.votecriteria a {
    font-size: 11px;
    line-height: 11px;
}

.castyourvotes {
    background: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABBAAD/7gAOQWRvYmUAZMAAAAAB/9sAhAAFBAQEBAQFBAQFBwUEBQcJBwUFBwkKCAgJCAgKDQoLCwsLCg0MDAwNDAwMDw8REQ8PFxYWFhcZGRkZGRkZGRkZAQYGBgoJChQNDRQWEQ4RFhkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRkZGRn/wAARCAAjAAEDAREAAhEBAxEB/8QAVgAAAwEAAAAAAAAAAAAAAAAAAAEEBQEBAQEBAAAAAAAAAAAAAAAAAAMHAhABAAMBAAAAAAAAAAAAAAAAAAERE2ERAQEBAAAAAAAAAAAAAAAAAAASEf/aAAwDAQACEQMRAD8Aq26y+WeSztVpWxLcqOyAA//Z") repeat-x scroll left top #38A618;
    border: 1px solid #2E8714;
    border-radius: 4px 4px 4px 4px;
    color: white;
    font-size: 14px;
    font-weight: bold;
    padding: 10px 20px;
    width: 30%;
}

.versus {
    background: url("data:image/jpeg;base64,/9j/4AAQSkZJRgABAAEAYABgAAD//gAfTEVBRCBUZWNobm9sb2dpZXMgSW5jLiBWMS4wMQD/2wCEAAgFBgcGBQgHBgcJCAgJDBQNDAsLDBgREg4UHRkeHhwZHBsgJC4nICIrIhscKDYoKy8xMzQzHyY4PDgyPC4yMzEBCAkJDAoMFw0NFzEhHCExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMTExMf/EAaIAAAEFAQEBAQEBAAAAAAAAAAABAgMEBQYHCAkKCwEAAwEBAQEBAQEBAQAAAAAAAAECAwQFBgcICQoLEAACAQMDAgQDBQUEBAAAAX0BAgMABBEFEiExQQYTUWEHInEUMoGRoQgjQrHBFVLR8CQzYnKCCQoWFxgZGiUmJygpKjQ1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoOEhYaHiImKkpOUlZaXmJmaoqOkpaanqKmqsrO0tba3uLm6wsPExcbHyMnK0tPU1dbX2Nna4eLj5OXm5+jp6vHy8/T19vf4+foRAAIBAgQEAwQHBQQEAAECdwABAgMRBAUhMQYSQVEHYXETIjKBCBRCkaGxwQkjM1LwFWJy0QoWJDThJfEXGBkaJicoKSo1Njc4OTpDREVGR0hJSlNUVVZXWFlaY2RlZmdoaWpzdHV2d3h5eoKDhIWGh4iJipKTlJWWl5iZmqKjpKWmp6ipqrKztLW2t7i5usLDxMXGx8jJytLT1NXW19jZ2uLj5OXm5+jp6vLz9PX29/j5+v/AABEIACgAKAMBIgACEQEDEQH/2gAMAwEAAhEDEQA/APfZHEa56nsM4yfSs2XUgGBBwmQTkY+XO1voVJBPtWT481z+w9InvTGssUX3lY5UgAsehyrAKce+K8w0n4rtrzXYtLWP/RYvPla4DKCm5VySCedrEE9x7gUm7Fxg5Hri6i67fNbBXaX46bRJv/WM1Nb6iygLIwBAAbdwBgAyMfYZA+teL6L8VoNYmnRIkhS3haaaa4DLGqAEEsQSfmLY6HJcVTb41qitNFYPJEjBWmELMm/kjJLDvubBHJOewouHJ5o+h4JhMgIBXIB2twQD0yO1SVwfw18aW/ii286CNo1POS3DnOGLE8ls9umCK7rev94fnTRLTWjPK/j9cfZvB10TlS6soLIgJyNnUc/x185aZq503w3qlpA2J9TaOFyOqwqSzD8W2/gDX018YPCt14ns1srZvs0GwvJcLAHwdynDfMCc7f0ryiw+DU1jqME19cTXUMTK72/2Ux+Z1YIzFvlBA57hcmlsXytpWMqx8P21r4H/ALMvby203UdX8u7M9zIEUKuTHE3OQCG3k4OCU9DjKstWu/CcR8P+JdGt7/TJJBeLDLnqy4WaN1YBgV6ZJB9q7vxv8OLjXrqG5F88UyqcloS6NuLOeF5Ug7hjBGFHTFMT4aahq2tQah4nvJ9UEbRxG3trfyAyA4C7n27Rww4XJII60k+5Uoq/unpXwvsLO1s1ksokg2gR+TDGgWPktlQzFxu3AnPsO1d/l/703/fK/wCFeReCPBOrt4wbVtYuWuYJJ/NEbWvlrDtbcBzyCCqqB6Zr2H7PD/zyX8qEKpa9x0sYkXBAyDlSRnB7GsqfSwXClSUJwe+VPLsfUtgL9K2KQ9DVGRzo0x5MCaM5faH4/viXd+shqe2013w0sf31BdTwDu/1in/gQ3D3JrW/iH1H9akTp+J/nQAy3gEK8nc2AC5HLY6Z9TUtFFAH/9k=") no-repeat scroll left top transparent;
    width: 40px;
    float: left;
    height: 160px;
    margin: 160px 3px 0px 3px;
}


.ksb, .ab_button {
    background-color: #F5F5F5;
    background-image: -moz-linear-gradient(center top, #F5F5F5, #F1F1F1);
    border: 1px solid rgba(0, 0, 0, 0.1);
    color: #444444;
}

.cpbb, .kpbb, .kprb, .kpgb, .kpgrb, .ksb, .ab_button {
    -moz-user-select: none;
    border-radius: 2px 2px 2px 2px;
    cursor: default !important;
    font-family: arial,sans-serif;
    font-size: 11px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    margin: 2px 0;
    min-width: 54px;
    padding: 0 8px;
    text-align: center;
    transition: all 0.218s ease 0s, visibility 0s ease 0s;
}

.ui-slider .ui-slider-handle {
    width: 17px;
}

/*auto complete*/
.ui-autocomplete {
    max-height: 200px;
    max-width: 600px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}


.ui-menu .ui-menu-item {
    list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
    margin: 0;
    padding: 0;
    width: 100%;
}

.ui-menu {
    display: block;
    list-style: none outside none;
    margin: 0;
    outline: medium none;
    padding: 2px;
}

    .ui-menu .ui-menu-item a {
        display: block;
        font-weight: normal;
        line-height: 1.5;
        min-height: 0;
        padding: 2px 0.4em;
        text-decoration: none;
    }

/* --- Admin Leftmenu --- */
.show {
    display: block !important;
}

.hide {
    display: none !important;
}

/* Extra small devices: Phones (<768px)*/
@media (max-width: 767px) {
    #divLeftMenuShow {
        position: absolute;
    }
}

/* Small devices: Tablets (≥768px) */
@media (min-width: 768px) and (max-width: 979px) {
    /*#divLeftMenuShow {
        position:absolute;
    }*/
}

/* Medium devices: Desktops (≥992px) */
@media (min-width: 980px) and (max-width: 1199px) {
}

/* Large devices: Desktops (≥1200px) */
@media (min-width: 1200px) {
}

/* --- End: Admin Leftmenu --- */

.logindropdown {
    background-color: #FFFFFF;
    padding: 5px;
    text-align: left;
}

.loginhandle {
    background-color: #FFFFFF;
    border-radius: 0 0 10px 10px;
    box-shadow: 3px 3px 4px #888888;
    display: block;
    min-height: 50px;
    position: absolute;
    right: 13px;
    top: 0;
    z-index: 90;
    padding: 0px 25px;
}

    .navbar-right .menu-user-photo, .loginhandle .menu-user-photo {
        width: 35px;
        height: 35px;
    }

.navbar-nav.loginhandle > li > a {
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 40px;
}

.logindropdown input[type='text'], .logindropdown input[type='password'] {
    margin-top: 10px;
    width: 100%;
}

.loginhandle a:link, .loginhandle a:visited, .loginhandle a:hover {
    color: #000;
}

.loginhandle button {
    padding: 6px 10px;
}

.loginoverlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 89;
}

.loginbtnhandle {
    background-color: #008000;
    border-radius: 0 0 4px 4px;
    display: inline-block;
    margin: 0 3px;
    padding: 5px;
    width: 80px;
}

.voteresult {
    font-size: 18px;
    line-height: inherit;
    margin: 5px;
    color: #000;
    text-shadow: none;
}

.cntSeparator {
    font-size: 20px;
    margin-top: -2px;
    margin-right: 5px;
}

.cntDigit {
    font-size: 20px;
    width: 16px;
}

.tab-media {
}

    .tab-media > li > a {
        font-size: 11px !important;
        min-width: inherit !important;
        padding: 5px 5px !important;
    }

.mytooltip {
    background-color: gray;
    color: white;
    cursor: pointer;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
    height: 30px;
    padding-top: 5px;
    text-align: center;
    vertical-align: middle;
}

.shadowButton {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("data:image/jpeg;base64,/9j/4QAYRXhpZgAASUkqAAgAAAAAAAAAAAAAAP/sABFEdWNreQABAAQAAABkAAD/7gAOQWRvYmUAZMAAAAAB/9sAhAABAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgICAgICAgICAgIDAwMDAwMDAwMDAQEBAQEBAQIBAQICAgECAgMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwMDAwP/wAARCAAXAAMDAREAAhEBAxEB/8QAWAABAQAAAAAAAAAAAAAAAAAABwoBAQAAAAAAAAAAAAAAAAAAAAAQAAEBBwUAAAAAAAAAAAAAAAEAUZGh0QNTFQLSkwQUEQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIRAxEAPwC+LIaWxM0B1ljcDwgPfT2bNfiqbUH/2Q==") repeat-x scroll left bottom #FFFFFF;
    border-color: -moz-use-text-color #D8D8D8;
    border-image: none;
    border-radius: 2px;
    border-style: none solid;
    border-width: 1px;
    box-shadow: 0 0px 0 #A2A2A2 inset;
    color: #797979;
    cursor: pointer;
    display: block;
    font-size: 13px;
    padding: 6px 10px;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 0 1px 0 #FFFFFF;
}

.ajaxloading {
    background: url("data:image/gif;base64,R0lGODlhHwAfANUAAP///5qamiYmJuTk5Ly8vMzMzKqqqrCwsKKioujo6NTU1Pb29qioqKCgoK6urtLS0tzc3NjY2Li4uObm5nBwcMbGxmhoaEZGRkhISDIyMvj4+Pr6+lBQUDY2NsTExFZWVpKSkgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAAKAAAAIf8LTkVUU0NBUEUyLjADAQAAACwAAAAAHwAfAAAG/0CAcEhMPAgOBKDDoQQKxKh0CJEErleAYLu1HDRT6YCALWu5XEolPIwYymY0GmNgAxrwuJybCUcaAHlYZ3sCdxFRA28BgVgHBQMLAAkeIB9ojQYDRGSDAQwKYRsIF4ZlBFR5AJt2a3kQQlZlDBN2QxMMcBKTeaG2Qwp5RnAHv1EHcEdwUMZDBXBIcKzNq3BJcJLUAAtwStrNCNjf3GUIDtLfA9adWMzUz6cPxN/IZQ8JvdTBcAkAsli0jOHSJQSCqmlhNr0awo7RJ19TFORqdAXVEEVZyjyKtG1AgXoZA2iK8oeiKkFZGiCaggelSTiA2LhxidLASjZjBL2siNBOFQ84LyXA+mYEiRJzBO7ZCQIAIfkEAQoAIQAsEAAAAA8ADwAABldAhIPwSISOyGRguZRAAEkkc0oYREPTqSESzU4bXe8ylDEgF4PCYRoSCDCVKEDBCLTdAormasXjD1chFRd+AhaBIQiFAgWBGx+FdoEghRSIHoUciAmFHUEAIfkEAQoAIQAsFgAFAAkAFQAABlnAkDDUiAyHgYBhcEwmCQCh0wkJTRjTgESoyAYSIcAh+xAWsgThIOsQLrKIo1yYENjtHaHnbucIQXwCFCEbH4EBIQiBAgUVF4EWQosHQ3wUGkd2GBVzGQZDQQAh+QQBCgAhACwQABAADwAPAAAGWcCQcChcBI5HBJE4QB4dy2HBGSBEQ4AD9XFVUAOJ6IRBlUQroS+EuEFcBGkkARBKeEAfgR5+NAyEe4F6IQ0RQ4KBGUuIehgGi4gUaJB7FgcaVx0cFAEFV0NBACH5BAEKACEALAUAFgAVAAkAAAZUwJAwVBkajYOjUHBBbJQhgIIROAqugg/IkwgtBoVDYFxdYs+CEHk9DmXQZzWb3DBg4Ff53BAhUvB6awRJQhoHFmiBARIQAFAFARQcHSEIDgQPXUZBACH5BAEKACEALAAAEAAPAA8AAAZZwI5gOEyEjsgjhzj0JJMUpgD0RAakn001VJAKENuQRXqpbA/e0KCqiRJDAYYC8KxghvCA/lAYLJAGGXl6hHpPDYWJTxEGiYRVAwSOAVsAEBKKYSEJDwQOCEEAIfkEAQoAIQAsAAAFAAkAFQAABlnAkNCQERpDFYxAcNRQlkvjAQoVWqiCS6WAFSBCAexnE3pSQUIO1iPsYBPHuBARqNcXQoe9PhAS9gEFQg+ABwAhCYABCkISgAwTIRCKQgB/dkcDBnVyEQ1HQQAh+QQBCgAhACwAAAAADwAPAAAGWMCQcEgsBCicDnGoOVgEUOgyVKFEr0sD5oolZrjdUKQRAkeFA0MgUI5+QJ5ECEBYr8sXxIYIsdupUxJ+AQwTUwmDAQpTIQ+DBwCMdX4FjCEOgwOWCIMLlkEAOw==") no-repeat scroll center center transparent;
    height: 31px;
    left: 50%;
    position: fixed;
    top: 50%;
    width: 31px;
    z-index: 100;
}

.tblFE td {
    padding: 3px 0px;
    vertical-align: top;
}

.sectionheader {
    margin-top: 15px;
    padding: 5px;
    border: 1px solid #DDDDDD;
}

.sectionactivity {
    padding: 5px;
    border: 1px solid #DDDDDD;
    border-top-style: none;
}

.demographicbar {
    max-width: 78%;
    height: 7px;
    background-color: #999;
    float: left;
    margin-top: 5px;
}

.demographictext {
    float: left;
    margin-left: 3px;
}

.demographicheader {
    background-color: #ccc;
    font-weight: bold;
    padding: 5px;
}

.demographictitle {
    color: #428bca;
    font-weight: bold;
}

.demographicvalue {
}

.ui-dialog-title {
    font-size: 18px;
}

.heading .heading-right {
    float: right;
    font-size: 60%;
    color: #06f1f8;
    font-style: italic;
    font-weight: bold;
}

.media-list {
}

    .media-list img {
        cursor: pointer;
        float: left;
        max-width: 40px;
        padding: 3px;
    }

    .media-list .show-more {
        position: absolute;
        z-index: 1000000;
        border: 1px solid #ddd;
        background: #e9e2e2;
        margin-top: 0px;
        padding: 5px 0px;
        display: none;
        margin-left: 0px;
    }

.thumbnail_s {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    display: block;
    line-height: 1.42857;
    padding: 4px;
    transition: all 0.2s ease-in-out 0s;
}

.sharenumber {
    background-color: #428bca;
    border: 1px solid #428bca;
    border-radius: 20px;
    color: #fff;
    font-weight: bold;
    height: 22px;
    line-height: 22px;
    margin: 7px auto auto;
    text-align: center;
    width: 22px;
}

.directory-item {
    border-bottom: 1px solid #ebebeb;
}

.IconShare {
    float: right;
    margin-top: 25px;
}

a.show-more, a.show-more :hover {
    color: #ed8c26;
    text-decoration: none;
}

.show-more {
    width: 100%;
    font-size: 15px;
    font-weight: bold;
    color: #ed8c26;
}

    .show-more .icon {
        color: inherit;
    }


/*Clock*/
.cntSeparator39 {
	width: 7px;	
    font-size: 30px;
    margin-top: 6px;
}

.clockdesc39 {
    margin: 0 3px;
}

    .clockdesc39 > div {
        float: right;
        font-family: Arial;
        font-size: 9px;
        font-weight: bold;
        margin-left: 0px;
        text-align: center;
        width: 61px;
    }


.cntSeparator26 {
    font-size: 21px;
    margin-top: 1px;
}

.clockdesc26 {
    margin: 0 3px;
}

    .clockdesc26 > div {
        float: right;
        font-family: Arial;
        font-size: 9px;
        font-weight: bold;
        text-align: right;
        width: 40px;
        margin-left: 2px;
    }

.productmode-button.active,
.showHideMode.active {
    opacity: 1;
    background: #239f49;
}

.productmode-button,
.showHideMode {
    opacity: 0.7;
    padding: 5px !important;
    min-width: inherit !important;
}

.listTitle {
    font-size: 14px;
}

.user_side h5 {
    line-height: inherit;
    white-space: normal;
}

.main_container > .row-fluid {
}

.widget-footer {
    background-color: #efefef;
    border-radius: 0 0 3px 3px;
    padding: 15px;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 1px 1px;
}

.bottom-border {
    border-bottom-color: #68a3bf;
}

.dropdown-menu {
    font-size: 1em;
}

    .dropdown-menu li > a {
        font-size: 1em;
    }

.ui-widget {
    font: 16px "OpenSansCondensedLight",Arial,sans-serif !important;
}

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: "OpenSansCondensedLight",Arial,sans-serif !important;
        font-size: 1em;
    }

/*--------------------- footer --------------------------*/

footer {
}

    footer .navbar-fixed-bottom {
        background-color: rgba(75, 80, 80, 1);
        background-image: url("images/Grid-1.png");
        /*z-index: 10000;*/
        position: static;
        padding-top: 10px;
        padding-bottom: 10px;
    }

        footer .navbar-fixed-bottom .navbar-inner {
            padding-left: 40px;
            padding-right: 25px;
            padding-top: 10px;
        }

            footer .navbar-fixed-bottom .navbar-inner p {
                color: #fff;
                font-size: 1em;
                line-height: 1.75em;
                margin-right: 10px;
                padding-left: 5px;
                padding-right: 5px;
            }

        footer .navbar-fixed-bottom .brand {
            background: url("images/social-icons-s59d664c92c.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
            height: 32px;
            padding-bottom: 0;
            margin-right: 6px;
            padding-top: 0;
            text-indent: -9999px;
            width: 34px;
            float: left;
            margin-top: 10px;
        }

    footer .navbar .social-icon-white {
        background: url("images/social-icons-s59d664c92c_white.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    }


    footer .navbar-fixed-bottom .nav {
        border-left: medium none;
        padding: 0 10px;
    }

    footer .navbar .social-icon-facebook {
        background-position: 0 -260px;
    }

        footer .navbar .social-icon-facebook:hover {
            background-position: 0 -196px;
        }

    footer .navbar .social-icon-twitter {
        background-position: 0 -130px;
    }

        footer .navbar .social-icon-twitter:hover {
            background-position: 0 -97px;
        }

    footer .navbar .social-icon-pinterest {
        background-position: 0 -32px;
    }

        footer .navbar .social-icon-pinterest:hover {
            background-position: 0 0;
        }

    footer .navbar .social-icon-google-plus {
        background-position: 0 -356px;
    }

        footer .navbar .social-icon-google-plus:hover {
            background-position: 0 -324px;
        }

    footer .navbar-nav > li > a {
        padding-top: 15px;
        padding-bottom: 15px;
    }

header {
    /*background-color: #4b5050;
    background-image: url("images/Grid-1.png");*/
}

.navbar-brand {
    padding: 0;
    margin: 10px 0;
    height: auto;
}

.navbar .divider-vertical {
    border-right: 1px solid #555;
    color: #d6d6d6;
    height: 20px;
    margin: 15px 4px;
}

header ul.dropdown-menu {
    /*background-color: #4b5050;*/
    /*background-image: url("images/Grid-1.png");*/
    padding: 10px 0;
}

#company-info-box p {
    color: #777;
    padding-left: 5px;
    color: #fff;
    font-size: 1.2em;
    background-color: #4b5050;
    background-image: url("images/Grid-1.png");
}

#company-info-box span, #company-info-box a {
    color: #c6dce7;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

header .col-sm-12:nth-child(2) {
    background-image: url("images/Grid-1.png");
}

#breadcrumbs a {
    padding: 0.5em 1em !important;
}

.voting_criteria {
    background: none repeat scroll 0 0 #efefef;
    border-radius: 3px;
    color: #7d7d7d;
    cursor: pointer;
    font-size: 1.073em;
    margin-bottom: 2px;
    padding: 7px 13px;
    text-align: left;
}

    .voting_criteria:hover {
        background: none repeat scroll 0 0 #dbdbdb;
        color: #606060;
    }

.voting_criteria_opened {
    background: none repeat scroll 0 0 #dbdbdb;
    color: #606060;
}

.score {
    background: none repeat scroll 0 0 #dfdfdf;
    border-radius: 2px;
    box-shadow: 0 1px 0 #fff, 0 2px 2px #949494 inset;
    color: #ec1f27;
    display: none;
    float: right;
    /*font-family: "OswaldBook",Arial,sans-serif;*/
    font-size: 1.28em;
    height: 26px;
    line-height: 22px;
    padding-top: 5px;
    text-align: center;
    width: 25px;
}

.row {
    margin-left: 0;
    margin-right: 0;
}

.row-search {
    margin: 15px -15px 0 -15px;
}

.form-horizontal .form-group {
    margin-left: 0;
    margin-right: 0;
}

.contestbuilder-contestpages .form-group {
    margin-bottom: 10px;
}

    .contestbuilder-contestpages .form-group > label {
        width: 100%;
        margin-bottom: 5px;
    }

    .contestbuilder-contestpages .form-group input[type='text'] {
        width: 100%;
    }

.contestbuilder-contestpages .thumbnail {
    /*height: 150px;*/
    /*overflow-y: hidden;*/
    /*background-color: #808080;*/
    width: 100%;
}

.contestbuilder-contestpages .col-sm-4:first-child {
    /*padding-left: 0;*/
}

.contestbuilder-contestpages .col-sm-4:last-child {
    /*padding-right: 0;*/
}


.copy-to-page .copy-to-page-items {
    display: none;
    position: absolute;
    padding: 10px;
    border: 1px solid #CCCCCC;
    width: 300px;
    right: 0;
    background: #FFFFFF;
    border-radius: 5px;
}

.copy-to-page:hover .copy-to-page-items {
    display: block;
}

.cta-buttons {
    text-align: center;
}

    .cta-buttons .cta-button .thumbnail {
        margin-bottom: 10px;
    }

    .cta-buttons .cta-button .cta-button-title {
        font-size: 1.15em;
        margin-top: 0px;
        margin-bottom: 5px;
    }

    .cta-buttons .cta-button .cta-button-control {
        text-align: center;
    }

.contest-ended {
    padding-bottom: 20px;
}

    .contest-ended .contest-ended-header {
        font-size: 2em;
        line-height: 3em;
        text-align: center;
    }

    .contest-ended .contest-ended-message {
    }

select.show-hide {
    background-color: #ddffff;
    border: 1px solid #bbffff;
    vertical-align: top;
}

/* home/countdown page */
.home-countdown {
    width: 100%;
    padding-bottom: 20px;
    text-align: center;
}

.countdown-header {
    font-size: 2.5em;
    line-height: 3em;
}

.countdown-message {
    color: #FF0000;
}

.kgFilterBtn {
    bottom: 0;
    cursor: pointer;
    height: 16px;
    left: 0;
    margin: auto;
    right: 0;
    top: 0;
    width: 16px;
}

    .kgFilterBtn.closeBtn {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAm5JREFUeNqkUztv01AUPrex62AnbhORGCVNgDzUBlGKyBSJCZaOpBIMiAmJmR/AzIaQmBlYCgNDw5gubYpqQFWDSAeKSpEKTa2keVC7SbBjJ+YeS1gIAkLiSp+Pz+u7n6/PJbZtw/8sBh/X8gt3o5Eow46z/9Rk9k04UA6sF4WlRw4Bw7CMJIUgEAhAKpWCer3u4PDwEFqtFqiqCpZlASEEfijmvDzjKhgOh05wc3MTOI4DTdOgWq3C/v4+KIrikHW7XVdBLpdzexwCwzAsVdWYZDIJgiCAJEng9/shFApBLBaDdrsNnU7H3T2RSMLH3U+WS7C+/rIwGFj5c5kMgzsjQa1Wg+Dq6tmLOzuz0vFxyj8YSEeE1NWTod29Trfy5G35gUugqeqXV7JcsEwrf2FulonH4zBXKmWjlcrVM+l0WJicpN/sBUPXI92jo8ipN6+jMsAGbV0kKAsPB5fP549fymbzt4OB9HlZvp5MJMJ8vw82PRMwTQCWBSKK0Bsfh72trQ+05Q78OgeCz3f6aTi8+nl62rbW1uxhs2mby8u26vE4Fn2MY36D5x/CqEEqCcJ7ZWrKbnq9tlEs2sNGwwX6GMe8LAjvxkYNCqVMDqls3TCgMT8PRrmMMceij3HM9wEyDgGq+Bl9QraPdR0M+h4oFoHNZh0CtOhjHPNYN1IBZV75Sg9WosUcbdLpzjt0JtCij3HMYx0ZdQYFUbxMzeNIrzfjHQx+y+seDyg87/wF8qfb+FwUb1FzL2gYMyfoPWDp6JpjY/CNYaDNcdh8/4amLZK/XednExOoZIHiCkWGYptihWLppqquY813AQYA7FRN7864Qk4AAAAASUVORK5CYII=");
        background-repeat: no-repeat;
        bottom: 50%;
    }

    .kgFilterBtn.openBtn {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAedJREFUeNqkU01v2kAQfTZQTAlBHJClRhxic0kP6TUc2lyaQhX6+RvTa1up9NKGS5WERqJRoMe2F4wRHzWSjd14vWtTryX7EEEUKSPtaj/mvX2zMyMsl0vcxdJ8ev3m7dXWgy0pcy9zKxD1KPSR7n788D4XEaTTGUmWyyiVSqhWq5hMJtGYTqcwDAOmaYIxBkEQECvOSvelREEQBNFht9tFNpuFZVkYDofQNA2j0SgicxwnUVCr1RJMREAIcU3TklRVRT6fhyzLKBQKKJfLqFQqmM/nsG07eV1RVPz6/cdNCE5OvjV9n7Ue7uxI/GVOMB6PIwV8z1XMZjNQSlGvN0A8j3AMx4p8skyzfXZ62uz3f7qTMG4eRiqVgu/78DwPrutGCvb2avCDgLw7OjrkmEQBt8XCap+ff29SRlvFYlFSFSWKnYeUy+VwcPAMV65LPrdah7a9aMc4gcfFfze2/MbG093dR58ajbpU3NxEp9OBKKYw1HVycfGj6dj2cezLsenrOeYOvd7ly/Dyy/6Tx9B1HcwP0O/3XvxznOPr/uKqQgkdv7Lww2Lja362yldcW21h4axa35qAURaljbEwE4R4N/bCSgKfYjDQ8NcwPG0weLVWwrpu3N5WCB9hTTy/CSvctZ3/CzAANHERjKyiIJQAAAAASUVORK5CYII=");
        background-repeat: no-repeat;
    }

    .kgFilterBtn.clearBtn {
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAStJREFUeNpi/P//PwMxoKamBqbwABA7trS0gDksxGpu8fQEs/9//OhQe+wYyDBGEJ+JRM1gusnAAO4iRnxewKb5/7dvcPm6CxcOsBDSDNOIrpnpwgUQ5cCES3NacibDIykFuEYsmhmwhgFIc3l5OcN/xr8Mf/7/ZHisqY8iD9NcA+GmM2HT/O7te4a///4wMDOxgA15YGSEVTMwKmcxYdP8n+EfWAxkCC6bgXgW3AswzSAgJCzI8O/fP7hGUVFRhosXL2LVDDYAqHk/TDOyJhi9Z88eDGcjqwVFowO2mEDWfPbsWRTNsGSMNyVegPoZXTM6YAJKMHZ2dmJIvHnzhqBmSCIBJmUQrq6u/v/p0ycwXrdu3X8QH4jTYPK4MEpeAAUoUpjgtxkKAAIMABQE1z53txVTAAAAAElFTkSuQmCC");
        background-repeat: no-repeat;
        top: 50%;
    }

/* page-customer-register*/
.page-customer-register .heading {
    margin-bottom: 15px;
}

/* End: page-customer-register*/

/* Large devices: Desktops (≥1200px) */
@media (min-width: 1200px) {
}

/* Medium devices: Desktops (≥992px) */
@media (min-width: 992px) and (max-width: 1199px) {
}

/* Small devices: Tablets (≥768px) */
@media (min-width: 768px) and (max-width: 991px) {
}

/* Extra small devices: Phones (<768px)*/
@media (max-width: 767px) {
    .container {
        padding-left: 5px;
        padding-right: 5px;
    }

    .countdown-header {
        line-height: initial;
    }

    footer li.divider-vertical {
        display: none;
    }

    footer .navbar-nav {
        clear: both;
        display: block;
        margin: 0;
    }

        footer .navbar-nav > li {
            width: auto;
            float: left;
        }

            footer .navbar-nav > li > a {
                padding-left: 5px;
                padding-right: 5px;
            }
}

.overText{
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

.ddNormal{
    font-size:0.9em;
    font-weight:normal;
    margin-right:10px;
}

.hidden-highlight{
    background: #DDDDDD;
}

.days {
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    color: #000;
    font-size: 8.5px;
    text-transform: uppercase;
    text-align: center;
    padding-bottom: 3px;
    line-height: 23px;
}

.countdownclock{
    /*min-width: 190px;*/
}

.cnt-digit {
    text-align: center;
    background: #34ace3;
    color: #fff;
    margin: 0 0.5px;
    border-radius: 4px;
    font-size: 18px;
    width: 19px;
    height: 32px;
    line-height: 32px;
}

.cnt-separator {
    width: 7px;
    color: #552a0d;
    height: 32px;
    line-height: 32px;
    font-size: 18px;
    margin-top: 23px;
    text-align: center;
}

.cnt-digit-container {
  float: left;
  text-align: center;
}

.pending .cnt-digit {
    background: #f3a054;
}

.live .cnt-digit {
    background: #90d06a;
}

.modal.in {
    margin-top: 20px;
}

#dvEditQuestion, #divDeleteQuestion, #dvAnswer, #dvEditAnswer, #divDeleteAnswer, .modal-title, .modal-body {
    color: black;
}

    #dvEditQuestion input[type=text], #dvEditAnswer input[type=text], #dvEditQuestion select {
        width: 100%;
        height: 40px;
    }

    #dvEditQuestion > div {
        margin: 10px 0
    }

.table-gridview tr.trAddNew:hover {
        background: transparent
    }
    .trAddNew > td {
        border: 0
    }

.importQuestion {
    margin-right: 15px
}

.manualQuestion {
    float: right
}

.dvPercent span{
    display: inline-block;
    width: 20%;
    float: left;
    white-space: nowrap; 
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
    color: #bab7c2;
    font-weight: 400 !important;
}

.childPercent{
    width: 65%;
    float: left;
    background: #2f2f33;
    height: 21px;
    border-radius: 10px;
    padding: 1px;
}
        
    .childPercent > p {
        height: 100%;
        border-radius: 8px;

		background: #37a5e6; /* Old browsers */
		background: -moz-linear-gradient(top,  #37a5e6 0%, #1d93d9 50%, #1371a9 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #37a5e6 0%,#1d93d9 50%,#1371a9 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #37a5e6 0%,#1d93d9 50%,#1371a9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37a5e6', endColorstr='#1371a9',GradientType=0 ); /* IE6-9 */
    }

.modal-header .close{
    opacity: 1;
    font-family: Verdana;
    min-width: 0px;
    outline: none;
}

.text-bold{
    font-weight: bold;
}

.correct-response p.bar-chart, .correct-response .spResponse{
    background: linear-gradient(to bottom, green 0%,green 50%,green 100%);
}
.correct-response .spResponse, .wrong-response .spResponse{
    color: black;
}
.wrong-response p.bar-chart, .wrong-response .spResponse{
    background: linear-gradient(to bottom, #a94442 0%,#a94442 50%,#a94442 100%);
}

#dvPercent {
    	/*max-width: 65%;*/
        margin-top: 50px;
        margin-left: auto;
        margin-right: auto;
        border-radius: 30px;
        background: #424248;
        padding: 30px;
        box-shadow: inset 0 2px 0 #38383d, inset 0 -2px 0 #54545a;
    }
    #dvPercent span{
        display: inline-block;
        width: 52%;
        float: left;
        white-space: nowrap; 
        text-overflow: ellipsis;
        overflow: hidden;
        text-align: left;
        color: #bab7c2;
        font-weight: 400 !important;
    }
    .parentPercent{
    	width: 45%;
    	margin-left: auto;
    	margin-right: auto;
    }

    .childPercent{
        width: 30%;
        float: left;
        background: #2f2f33;
        height: 21px;
        border-radius: 10px;
        padding: 0px;
        overflow: hidden;
    }
        
        .childPercent > p {
            height: 100%;
            border-radius: 8px;

			background: #37a5e6; /* Old browsers */
			background: -moz-linear-gradient(top,  #37a5e6 0%, #1d93d9 50%, #1371a9 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  #37a5e6 0%,#1d93d9 50%,#1371a9 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  #37a5e6 0%,#1d93d9 50%,#1371a9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37a5e6', endColorstr='#1371a9',GradientType=0 ); /* IE6-9 */
        }

.answer-content{
    font-size: 20px;
}

#dvSummary {
    line-height: 1.42857143;
}

.response-title {
    width: 100%;
}

.bold {
    font-weight: bold;
}

#drawPieChart {
    display: none;
    height: 350px;
}

.icon.correct-response {
    color: green;
    margin-right: 5px
}
.icon.wrong-response {
    color: #a94442;
    margin-right: 5px
}

.checkbox-lg {
    -webkit-transform: scale(1.5); /* Safari and Chrome */
    -ms-transform: scale(1); /* IE */
    -moz-transform: scale(1); /* FF */
    -o-transform: scale(1); /* Opera */
}
.table-white > tbody > tr:nth-child(2n+1) {
    background-color: #F8F8F8;
}

.table-white > thead > tr > th {
    font-weight: bold;
    border-bottom: 1px solid #D9D9D9 !important;
}

.table-white > tbody > tr > td {
    padding: 3px 5px;
    border-bottom: 1px solid #D9D9D9;
}

.PublishedBg {
    background-color: #85D063;
}

.UnpublishBg {
    background-color: #DFBF46;
}

.ContestProgressBarHandle {
    font-size: 1.2em;
    left: 0%;
    position: absolute;
    top: -7px;
    cursor: pointer;
    width: 12px;
    height: 12px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.showHideMode {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
#btnPreviewTheme,
#btnPreviewTheme .icon-eye{
    color: white;    
}

#btnPreviewTheme {
    background: #239f49;
}

.btn-preview-wrapper{
    /*line-height: 60px;*/
    padding-top:10px;
}
.video-whole-img {
    position: relative;
    width: 150px;
    overflow: hidden;
    transition: all .2s ease-in-out;
}
    .video-whole-img img {
        max-width: 100%;
        width: 100%;
        transition: all .2s ease-in-out;
    }
    .video-whole-img a {
        position: absolute;
        color: #fff;
        font-size: 16px;
        border: 3px solid #fff;
        border-radius: 50%;
        width: 33px;
        cursor: pointer;
        height: 33px;
        text-align: right;
        line-height: 29px;
        top: 50%;
        left: 50%;
        padding: 0px 6px;
        -ms-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

    .video-whole-img i {
        padding: 0 3px;
        color: #fff !important;
    }

.pagination-container > ul {
    padding: 0;
}

    .pagination-container > ul > li {
        float: left;
        margin-right: 5px;
    }

.process-info{
}

.text-white{
    color: white;
}

.abuse-header{
    padding: 5px 0px;
}
.abuse-content{
    padding: 10px 0px;
}

.loading-box {
    background-color: transparent;
    border-radius: 4px;
    color: red;
    font-size: 16px;
    left: 50%;
    padding: 20px;
    position: fixed;
    text-align: center;
    top: 35%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
}
.loading-box.bg-lightgray {
    background-color: #eee;
}
.entry-media-container{
    min-height: 200px;
}

.padding-xs { padding: .25em; }
.padding-sm { padding: .5em; }
.padding-md { padding: 1em; }
.padding-lg { padding: 1.5em; }
.padding-xl { padding: 3em; }

.padding-x-xs { padding: .25em 0; }
.padding-x-sm { padding: .5em 0; }
.padding-x-md { padding: 1em 0; }
.padding-x-lg { padding: 1.5em 0; }
.padding-x-xl { padding: 3em 0; }

.padding-y-xs { padding: 0 .25em; }
.padding-y-sm { padding: 0 .5em; }
.padding-y-md { padding: 0 1em; }
.padding-y-lg { padding: 0 1.5em; }
.padding-y-xl { padding: 0 3em; }

.padding-top-xs { padding-top: .25em; }
.padding-top-sm { padding-top: .5em; }
.padding-top-md { padding-top: 1em; }
.padding-top-lg { padding-top: 1.5em; }
.padding-top-xl { padding-top: 3em; }

.padding-right-xs { padding-right: .25em; }
.padding-right-sm { padding-right: .5em; }
.padding-right-md { padding-right: 1em; }
.padding-right-lg { padding-right: 1.5em; }
.padding-right-xl { padding-right: 3em; }

.padding-bottom-xs { padding-bottom: .25em; }
.padding-bottom-sm { padding-bottom: .5em; }
.padding-bottom-md { padding-bottom: 1em; }
.padding-bottom-lg { padding-bottom: 1.5em; }
.padding-bottom-xl { padding-bottom: 3em; }

.padding-left-xs { padding-left: .25em; }
.padding-left-sm { padding-left: .5em; }
.padding-left-md { padding-left: 1em; }
.padding-left-lg { padding-left: 1.5em; }
.padding-left-xl { padding-left: 3em; }

.margin-xs { margin: .25em; }
.margin-sm { margin: .5em; }
.margin-md { margin: 1em; }
.margin-lg { margin: 1.5em; }
.margin-xl { margin: 3em; }

.margin-x-xs { margin: .25em 0; }
.margin-x-sm { margin: .5em 0; }
.margin-x-md { margin: 1em 0; }
.margin-x-lg { margin: 1.5em 0; }
.margin-x-xl { margin: 3em 0; }

.margin-y-xs { margin: 0 .25em; }
.margin-y-sm { margin: 0 .5em; }
.margin-y-md { margin: 0 1em; }
.margin-y-lg { margin: 0 1.5em; }
.margin-y-xl { margin: 0 3em; }

.margin-top-xs { margin-top: .25em; }
.margin-top-sm { margin-top: .5em; }
.margin-top-md { margin-top: 1em; }
.margin-top-lg { margin-top: 1.5em; }
.margin-top-xl { margin-top: 3em; }

.margin-right-xs { margin-right: .25em; }
.margin-right-sm { margin-right: .5em; }
.margin-right-md { margin-right: 1em; }
.margin-right-lg { margin-right: 1.5em; }
.margin-right-xl { margin-right: 3em; }

.margin-bottom-xs { margin-bottom: .25em; }
.margin-bottom-sm { margin-bottom: .5em; }
.margin-bottom-md { margin-bottom: 1em; }
.margin-bottom-lg { margin-bottom: 1.5em; }
.margin-bottom-xl { margin-bottom: 3em; }

.margin-left-xs { margin-left: .25em; }
.margin-left-sm { margin-left: .5em; }
.margin-left-md { margin-left: 1em; }
.margin-left-lg { margin-left: 1.5em; }
.margin-left-xl { margin-left: 3em; }

.striped > *:nth-of-type(odd) {
    background: #f9f9f9;
}

.striped > *{
    border-top: 1px solid #ddd;
}


@media (max-width: 767px) {
    .main_container.open-left-login {
        width: 100%;
        margin-left: 0px;
    }
    
    .admin-left-menu {
        float: none;
        margin-right: 0px;
        padding-bottom: 15px;
        margin-bottom: 0px;
    }

    /*.content-wrapper, #divMainContainer {
        overflow: auto;
    }*/
}
.no-underline,
.no-underline:hover,
.no-underline:focus {
    text-decoration: none;
}

.icon-24 {
    font-size: 24px;
    color: #464646;
}

.icon-campaign-ended {
   width:26px;
   height:22px;
   display:inline-block !important;
   background:url(images/flag.png) no-repeat  !important; 
}
.share-values {
    padding-right: 10px;
}


.seeding-container-match ul.panel-body li {
    display: inline-block;
    padding-right: 15px;
    vertical-align: top
}

.no-radius{
    border-radius: 0px;
}

.seeding_container_contestants #dvContestants {
    height: 500px;
    overflow-y: scroll;
}
.start-end-td{
    max-width: 190px;
}

.underline {
    text-decoration: underline;
}

.numberClass[disabled="disabled"] {
    background-color: #ebebeb;
}

.edit-sharing-container {
    border-bottom: dashed thin #ccc;
    margin: 15px 0px;
}

/* polling form*/
.polling-form-container {
    background: #F6F6F6;
    padding-left: 50px;
    padding-bottom: 15px;
}

ol {
    counter-reset: li; /* Initiate a counter */
    margin-left: 0; /* Remove the default left margin */
    padding-left: 0; /* Remove the default left padding */
}

    ol > li {
        position: relative; /* Create a positioning context */
        /*
            margin: 0 0 6px 2em; 
            padding: 4px 8px;
            */
        list-style: none; /* Disable the normal item numbering */
        border-top: 2px solid #666;
        background: #f6f6f6;
        margin-bottom: 33px;
        padding-top: 15px;
    }

        ol > li:before {
            content: counter(li); /* Use the counter as content */
            counter-increment: li; /* Increment the counter by 1 */
            /* Position and style the number */
            position: absolute;
            top: -32px;
            left: -2em;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            width: 2em;
            /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
            margin-right: 8px;
            padding: 4px;
            border-top: 2px solid #666;
            color: #fff;
            background: #666;
            font-weight: bold;
            font-family: "Helvetica Neue", Arial, sans-serif;
            text-align: center;
        }

        ol > li .item-header {
            position: absolute;
            top: -30px;
            padding-left: 8px;
            left: 0em;
            right: 15px;
        }

li ol,
li ul {
    margin-top: 6px;
}

ol ol > li:before {
    left: 0em;
    top: -33px;
}

ol ol > li .item-header {
    top: -30px;
    left: 2em;
}

ol ol li:last-child {
    margin-bottom: 0;
}

ol,
ol ol {
    margin-top: 33px;
}
/* end polling form*/

/* ----------- Admin Action Gear icons ----------- */
.admin-table-container{
    box-shadow: 0 3px 25px rgba(0, 0, 0, .13);
    margin-bottom: 30px;
    transition: all .25s ease 0s;
}
.tbl-container{
    min-height: fit-content;
}
.fix-overflow{
    min-height: 100vh;
}
.tbl-fixed{
    overflow-x: scroll;
    overflow-y: scroll;
    height: fit-content;
/*    max-height: 90vh;*/
    border: 1px solid #ddd;
}
.tbl-fixed .table thead th{
    position: sticky;
    top: 0;
    background-color: #fff;
    box-shadow: inset 0 -2px 0 0 rgba(221, 221, 221, 1);
    padding: 8px 8px 10px;
    z-index: 1;
}
.tbl-fixed .table thead th label{
    font-weight: normal;
    font-size: 14px;
}
.tbl-fixed .table thead th .radio, 
.tbl-fixed .table thead th .checkbox{
    margin: 0;
}
.table-drag-scroll{
    cursor: grab;
}
.table-drag-scroll *::selection{
    background: #e7e7e7;
    color: #000;
}
.td-sticky-right,
.td-sticky-left{
    position: sticky;
    right: 0;
    z-index: 2 !important;
    box-shadow: inset 1px 0 0 #ddd;
}
.td-sticky-left{
    left: 0;
    right: auto;
    box-shadow: inset -1px 0 0 #ddd;
}
.td-gear{
    padding: 0 !important;
    width: 61px;
}
.td-gear:hover .action-tooltip{
    background-color: #44555c !important;
}
.td-gear .DarkTooltip{
    opacity: 0;
    transform-origin: 0 0;
    transform: scale(0);
    transition: all .25s ease 0s;
    display: block;
}
.td-gear:hover .DarkTooltip{
    opacity: 1;
    transform: scale(1);
}
.td-gear .icon-cog{
    display: block;
    font-size: 1.5em; 
    padding: 20px;
}
.td-gear:hover .icon-cog{
    color: #ed8c26;
}
.td-sticky-left .DarkTooltip{
    left: 60px;
    top: 0;
}
.td-sticky-right .DarkTooltip{
    right: 60px;
    top: 0;
}
.td-sticky-left:hover,
.td-sticky-right:hover{
    z-index: 3 !important;
}
th.td-sticky-left,
th.td-sticky-right{
    z-index: 4 !important;    
}


.tbl-fixed .table-striped>tbody>tr:nth-of-type(odd) .td-sticky-left,
.tbl-fixed .table-striped>tbody>tr:nth-of-type(odd) .td-sticky-right
{
    background-color: #f9f9f9;
}
.tbl-fixed .table-striped>tbody>tr:nth-of-type(even) .td-sticky-left,
.tbl-fixed .table-striped>tbody>tr:nth-of-type(even) .td-sticky-right
{
    background-color: #fff;
}
.tbl-fixed:not(.fix-overflow) .table-striped>tbody>tr:nth-last-child(-n + 4) .td-sticky-right .DarkTooltip{
    bottom: 0;
    top: auto;
    transform-origin: 100% 100%;
}
.tbl-fixed:not(.fix-overflow) .table-striped>tbody>tr:nth-last-child(-n + 4) .td-sticky-left .DarkTooltip{
    bottom: 0;
    top: auto;
    transform-origin: 0 100%;
}
.action-tooltip{
/*    position: relative;*/
}
/* ----------- End - Admin Action Gear icons ----------- */

/* ----------- Admin - Member box ----------- */
.TeamProject__block{
    align-items: stretch;
    flex-direction: row;
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
    flex-wrap: wrap;
    justify-content: center;

}
.Admin_Mentors{
    border-left: 1px solid #b1cee4;
}

.Admin_Mentors .TeamProject__block {
    justify-content: flex-start;
}
.Admin_Mentors .TeamProject__member {
    width: 33%;
    margin-bottom: 0;
}
.Admin_Mentors .TeamProject__member .TeamProject__member__photo,
.Admin_Mentors .TeamProject__member .member__sos-number__container{

}

.TeamProject__member {
    margin-bottom: 15px;
    border-radius: 5px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    cursor: default;
    display: block; 
    max-width: 300px;
}
    .TeamProject__member__border {
      margin-bottom: 10px;
      border: 1px solid #b1cee4;
      border-radius: 10px;
      flex-grow: 1;
      padding: 15px 10px;
      display: flex;
      position: relative; }
    .TeamProject__member__photo {
      margin-right: 10px; }
    .TeamProject__member__img {
      width: 100px;
      height: 100px;
      border-radius: 50px;
      object-fit: cover; }
    .TeamProject__member__info {
      flex-grow: 1;
      white-space: nowrap;
      position: relative;
      min-width: 0; }
      .TeamProject__member__info__name {
        white-space: nowrap;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        align-content: center;
        z-index: 1;
        position: relative; }
        .TeamProject__member__info__name .popSharing {
          vertical-align: middle;
          background-color: #f65914;
          color: #fff;
          min-width: 20px;
          height: 20px;
          padding: 3px 5px;
          line-height: 1;
          border-radius: 10px;
          font-size: 14px;
          font-weight: 700;
          text-align: center;
          display: inline-block;
          margin-right: 5px; }
          .TeamProject__member__info__name .popSharing:hover, .TeamProject__member__info__name .popSharing:active, .TeamProject__member__info__name .popSharing:focus {
            text-decoration: none;
            background-color: #1874ba; }
          .TeamProject__member__info__name .popSharing:focus {
            background-color: #f65914;
            outline: none; }
          .TeamProject__member__info__name .popSharing span {
            vertical-align: middle; }
      .TeamProject__member__info__skills {
        margin-top: 10px; }
        .TeamProject__member__info__skills:empty {
          display: none; }
        .TeamProject__member__info__skills span {
          padding: 3px 5px;
          background-color: #f0f0f0;
          display: inline-block;
          margin-bottom: 5px; }
          .TeamProject__member__info__skills span:empty {
            display: none; }
      .TeamProject__member__info__skills, .TeamProject__member__info__country {
        color: #4a4a4a;
        font-size: 14px;
        display: inline-block; }
      .TeamProject__member__info__country {
        font-size: 14px;
        font-weight: 400;
        display: block;
        flex-basis: 100%; }
      .TeamProject__member__info__organizations {
        display: inline-block; }
        .TeamProject__member__info__organizations img {
          width: 32px;
          height: 32px;
          border-radius: 16px;
          object-fit: cover; }

.TeamProject__member .infowindow__supporter-is-real {
  width: 110px;
  height: 110px; }
.infowindow__supporter-is-real {
    width: 110px;
    height: 110px;
    align-self: baseline;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%; }
    .infowindow__supporter-is-real .top, .infowindow__supporter-is-real .bottom {
      width: 100%;
      text-align: center;
      color: #FFF;
      font-weight: bold;
      font-size: 16px; }
    .infowindow__supporter-is-real .center {
      width: 85px;
      height: 85px;
      border-radius: 50%;
      background-color: #000; }
      .infowindow__supporter-is-real .center img {
        border: 2px solid #000;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover; }

.infowindow {
    display: flex;
    align-items: center;
    color: #000; 
    padding-right: 15px;
}
.infowindow-sticky{
    position: sticky;
    top: 0px;
    background: #fff;
    box-shadow: 0 3px 15px rgba(0, 0, 0, .16);
    margin: 0 -5px -5px;
    padding: 5px;
    transform: translateY(-5px);
    z-index: 1;
}
  .infowindow__supporter-id {
    font-weight: 700;
    font-size: 24px;
    width: 85px;
    height: 85px;
    border-radius: 50px;
    background-color: #000;
    color: #fff;
    align-self: baseline;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; }
    .infowindow__supporter-id span {
      flex-basis: 100%;
      text-align: center; }
    .infowindow__supporter-id span:first-of-type {
      color: #f00;
      margin-top: auto;
      direction: ltr; }
    .infowindow__supporter-id span:nth-of-type(2) {
      margin-bottom: auto; }
  .infowindow__location {
    margin: 0 10px; }
  .infowindow__country {
    font-size: large;
    font-weight: 400;
    margin-bottom: 5px; }
  .infowindow__city {
    font-size: medium; }
  .infowindow__supporter-is-real {
    width: 110px;
    height: 110px;
    align-self: baseline;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    border-radius: 50%; }
    .infowindow__supporter-is-real .top, .infowindow__supporter-is-real .bottom {
      width: 100%;
      text-align: center;
      color: #FFF;
      font-weight: bold;
      font-size: 16px; }
    .infowindow__supporter-is-real .center {
      width: 85px;
      height: 85px;
      border-radius: 50%;
      background-color: #000; }
      .infowindow__supporter-is-real .center img {
        border: 2px solid #000;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        object-fit: cover; }
.leader-flag {
  position: absolute;
  top: -34px; }
.mentor-icon {
  position: absolute;
  top: -15px;
  left: 0;
  }
.mentor-icon img{
  max-height: 40px;    
}
.member__name {
    font-weight: 700;
    color: #000;
    vertical-align: middle;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
/*    max-width: calc(100% - 25px);*/
    min-width: 100px;
    display: inline-block; }
    .member__name {
      font-size: 16px; }
      @media screen and (min-width: 1200px) {
        .member__name {
          font-size: calc(16px + 6 * ((100vw - 1200px) / 720)); } }
      @media screen and (min-width: 1920px) {
        .member__name {
          font-size: 22px; } }
.member__sos-number__container {
    flex-basis: 100%;
}
.member__sos-number {
    font-size: large;
    font-weight: 700;
    border: 1px solid #000;
    padding: 5px 10px;
    border-radius: 20px;
    display: inline-block;
    margin-bottom: 5px;
    white-space: nowrap;
    background-color: #fff;
}
.TeamProject__member .member__name{
    max-width: 100%;
    flex-basis: 100%;
}
a.icon{
    color: #9ea9b1;
}
a.icon:hover{
    color: #ed8c26;
}
/* ----------- End - Admin - Member box ----------- */

/* ----------- Admin/Projects media ----------- */
tr.desc-photos,
tr.desc-videos,
tr.desc-docs,
tr.audios,
tr.desc-audios{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 15px;
}
tr.desc-photos td,
tr.desc-videos td,
tr.desc-docs td,
tr.audios td,
tr.desc-audios td{
    display: block;
    width: calc(20% - 10px);
    background-color: #fff;
    box-shadow: 0 5px 20px rgba(0, 0, 0, .16);
    padding: 10px;
    border-radius: 6px;
}
tr.desc-photos td img,
tr.desc-videos td img,
tr.desc-docs td img,
tr.audios td img,
tr.desc-audios td img{
    margin-top: 5px;
    margin-bottom: 5px;
}
tr.desc-photos td i,
tr.desc-videos td i,
tr.desc-docs td i,
tr.audios td i,
tr.desc-audios td i{
    font-size: 24px;
}
tr.desc-photos td a,
tr.desc-videos td a,
tr.desc-docs td a,
tr.audios td a,
tr.desc-audios td a{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    display: block;
}
/* ----------- End - Admin/Projects media ----------- */

/* ----------- Admin/Projects Edit header ----------- */
.project-status {
  margin-top: -30px;
  margin-bottom: 5px; }
  .project-status .status-new {
    background-color: #d91f26; }
  .project-status .status-progress {
    background-color: #f47504; }
  .project-status .status-completed {
    background-color: #00cc33; }
  .project-status .status-ongoing {
    background-color: #3680bf; }
  .project-status .status-new,
  .project-status .status-progress,
  .project-status .status-completed,
  .project-status .status-ongoing {
    padding-left: 20px;
    display: inline-block;
    position: relative;
    margin-left: 0;
    margin-right: 0;
    font-size: 15px;
    font-weight: 400;
    color: #fff;
    padding: 4.5px 8px;
    border-radius: 4px; }
    .project-status .status-new:before,
    .project-status .status-progress:before,
    .project-status .status-completed:before,
    .project-status .status-ongoing:before {
      display: none; }

.project-status-modal {
  margin: 0;
  display: inline-block; }

.status-new {
  color: #d91f26; }

.status-progress {
  color: #f47504; }

.status-completed {
  color: #00cc33; }

.status-ongoing {
  color: #3680bf; }

.status-new,
.status-progress,
.status-completed,
.status-ongoing {
  padding-left: 20px;
  display: inline-block;
  position: relative;
  margin-left: 5px;
  margin-right: 5px;
  font-size: 13px;
  font-weight: 700; }

.projects-container .project__title {
    color: #071e61;
    cursor: pointer;
    display: block;
    margin-bottom: 3px;
    font-size: 22px;
    font-weight: 700;
    text-decoration: none;
    margin-bottom: 10px;
    width: 100%; 
}

.projects-container-modal {
  margin-top: -20px;
  margin-bottom: 0; }
  .projects-container-modal .project__details {
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - 20px);
    align-items: center;
    gap: 10px; }
  .projects-container-modal .project__info {
    display: flex;
    flex-wrap: wrap;
    gap: 6px; }
  .projects-container-modal .project__title {
    display: inline-block;
    width: auto;
    cursor: default;
    margin: 0;
    flex-grow: 1; }


.projects-container .project__ID, .projects-container .project__phase, .projects-container .project__judgescore {
      background-color: #193fad;
      color: #fff;
      border-radius: 4px;
      padding: 4.5px 8px;
      font-size: 15px;
      display: flex;
      align-items: center; }

#dgProjectEditDialog .modal-header{
    border-bottom: 1px solid #dfdfdf;
}
.projects-container .project__expertise, .projects-container .project__score {
      font-size: 14px;
      border-radius: 4px;
      border: 1px solid #b1cee4;
      padding: 2px 8px;
      font-size: 14px;
      display: flex;
      align-items: center;
      margin-bottom: 10px;
      padding: 0 8px;
      cursor: pointer;
      display: flex;
      align-items: center; }
      .projects-container .project__expertise:hover, .projects-container .project__expertise:active, .projects-container .project__expertise:focus, .projects-container .project__score:hover, .projects-container .project__score:active, .projects-container .project__score:focus {
        text-decoration: none; }
        .projects-container .project__expertise:hover b, .projects-container .project__expertise:active b, .projects-container .project__expertise:focus b, .projects-container .project__score:hover b, .projects-container .project__score:active b, .projects-container .project__score:focus b {
          text-decoration: underline; }
.project__details .project__expertise,
.project__info .project__expertise {
  margin-bottom: 0;
  }
/* ----------- End Admin/Projects Edit header ----------- */


@media screen and (max-width: 767px){
    #pin-button, 
    #pushpout{
        display: block;
    }

    .admin-left-menu #divLeftMenuShow{
        padding-right: 0;
    }

    body[dir=rtl] .admin-left-menu #divLeftMenuShow{
        padding-left: 0;
    }

    .admin-left-menu .pin-button a{
        position: static;
        width: auto;
        background-color: rgba(184, 214, 230, 0.25);
        text-align: center;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse-left-menu a .icon-chevron-right, 
    .open_left a .icon-chevron-left{
        margin-top: 0;
    }

    .open_left a .icon-chevron-left{
        margin-left: 0;
    }
    body[dir=rtl] .open_left a .icon-chevron-left{
        margin-right: 0;
    }

    .collapse-left-menu a .icon-chevron-right, 
    .open_left a .icon-chevron-left{
        transform: rotate(90deg) !important;
    }

    .admin-left-menu #divLeftMenuHide{
        width: 100%;
    }
    .collapse-left-menu a{
            display: flex;
            justify-content: center;
            padding-top: 10px;
            padding-bottom: 10px;
            background-color: #B8D6E6;
    }

    .collapse-left-menu  .icon-chevron-right{
        position: static;
        background-color: #1f529d;
        color: #fff;
    }

    body[dir=rtl] .admin-left-menu .user_side{
        margin-left: 0;
    }
    .collapse-left-menu a:hover .icon-chevron-right, 
    .open_left a:hover .icon-chevron-left{
        margin-left: 0;
    }
    #divMainContainer{
        padding-top: 0;
        padding-bottom: 0;
    }
    .main_container.marg-left-override-login{
        width: auto !important;
    }
    .open_left a:hover .icon-chevron-left{
        margin-left: 0;
    }
    .collapse-left-menu a:hover{
        border: 0;
    }
}

.public-info p,
.public-info span,
.public-info div{
    font-size: 14px !important;
}