/*------------------------------------------------------------------
[1. Global]
*/



@font-face {
    font-family: 'Open Sans';
    src: url('../fontawesome/fonts/OpenSans-Regular.ttf') format('truetype');
}

body .bodybg {
    background: #f9f6f1;
    font: 13px/1.7em 'Open Sans','Trebuchet MS';
}

.home-frontend {
    /*background: #ffffff;*/
    background: url('../../images/home/bg.png') repeat;
}

input,
button,
select,
textarea {
    font-family: 'Open Sans','Trebuchet MS';
}

.dropdown .dropdown-menu {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

    .dropdown .dropdown-menu li {
        padding-left: 0px;
    }

.btn-icon-only {
    padding-right: 3px;
    padding-left: 3px;
}

.table td {
    vertical-align: middle;
}

.table-bordered th {
    background: #E9E9E9;
    background: -moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* IE10+ */
    background: linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
    font-size: 10px;
    color: #444;
    text-transform: uppercase;
}


/*
    ECoupon Prize List
*/
.prizeDiv {
    border: 1px solid rgba(1, 109, 182,0.4);
    width: 33.3%;
    float: left;
    padding: 2px 2px 2px 2px;
    position: relative;
    background-color: #D1D4DA;
    border-radius:4px;
}


    .prizeDiv .prizeInfo {
        float:left;
        text-align: center;        
        padding: 12px 12px 10px 0px;
    }

    .prizeDiv .prizeImage {        
        float: left;
        opacity:.9;
    }
    .prizeDiv .prizeImage img {
        border:.5px solid;
        margin-top:2px;
        background-color:gray;
            height: 120px;
        }

    .prizeDiv .prizeLabel {
        color: #ffffff;
        font-size: 16px;
        width:90%;
        display:inline;
        float:left;

    }
    .prizeDiv .prizeCaption {
        border: 1px solid #0094ff;
        height: 45px;
        text-align: center;
        padding: 10px;
        background-color: #469FE0;
        border-radius:4px;
    }

    .prizeDiv .prizeButtons {
        float: right;
        height: 50px;
    }

    .prizeDiv .prizeDetail {
        
        width: 100%;
        height: 120px;
        vertical-align: middle;
        text-align: center;
        padding-top: 55px;
    }
/*------------------------------------------------------------------
[2. Navbar / .navbar]
*/

.navbar .container {
    position: relative;
}

.navbar-inner {
    padding: 0px 0;
    background: #1A668F !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.navbar-fixed-top {
    position: static;
}

.navbar .nav a {
    font-size: 12px;
}

.navbar .nav > li > a {
    color: #fff !important;
}

.navbar .brand {
    font-weight: 600;
    position: relative;
    margin-left: 0px;
    margin-top: 0px;
}

.navbar .search-query {
    background-color: #444;
    width: 150px;
    font-size: 11px;
    font-weight: bold;
}

    .navbar .search-query::-webkit-input-placeholder {
        color: #666;
    }

    .navbar .search-query:-moz-placeholder {
        color: #666;
    }

.navbar-search .search-query {
    background: #008866;
    border: 0;
    color: #fff;
    line-height: normal;
}


/*------------------------------------------------------------------
[3. Subnavbar / .subnavbar]
*/

.subnavbar {
    margin-bottom: 2.5em;
}

    .subnavbar .container {
        width: 88%;
    }

.subnavbar-inner {
    height: 40px;
    background: #fff;
    border-bottom: 1px solid #d6d6d6;
}

.subnavbar .container > ul {
    height: 35px;
    padding: 0;
    margin: 0;
}

.collapse {
    display: block;
    overflow: visible;
}

.subnavbar .container > ul > li {
    min-width: 90px;
    height: 39px;
    padding: 0;
    margin: 0;
    text-align: center;
    list-style: none;
    border-left: 1px solid #d9d9d9;
    line-height: 38px;
    float: left;
}

    .subnavbar .container > ul > li:hover {
        background: #f2f2f2;
    }

    .subnavbar .container > ul > li:last-child {
        border-right: 1px solid #d9d9d9;
    }

    .subnavbar .container > ul > li > a {
        display: block;
        height: 100%;
        padding: 0 10px;
        font-size: 14px;
        color: #7D7D7D;
    }

    .subnavbar .container > ul > li.dropdown > a {
        padding-left: 8px;
        padding-right: 20px;
    }

    .subnavbar .container > ul > li > a:hover {
        text-decoration: none;
    }

    .subnavbar .container > ul > li > a > i.fa-caret-down {
        font-size: 14px;
        position: absolute;
        right: 7px;
        top: 12px;
    }

    .subnavbar .container > ul > li > a > span {
        display: block;
    }


    .subnavbar .container > ul > li.active > a {
        border-bottom: 3px solid #2FBFC8;
        color: #383838;
    }

.subnavbar .container ul a.submenuactive {
    background: #2EBDC6;
    color: #fff;
}

.subnavbar .dropdown .dropdown-menu a {
    font-size: 12px;
    cursor: pointer;
}

.subnavbar .dropdown .dropdown-menu {
    text-align: left;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}



.subnavbar .dropdown-menu::before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #CCC;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 9px;
}

.subnavbar .dropdown-menu::after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    position: absolute;
    top: -6px;
    left: 10px;
}

.subnavbar .dropdown .dropdown-menu li {
    padding: 0px;
}

.subnavbar .caret {
    margin-top: 4px;
    border-top-color: white;
    border-bottom-color: white;
}

.subnavbar .dropdown.open .caret {
    display: none;
}





/*------------------------------------------------------------------
[4. Main / .main]
*/

.main {
    /*padding-bottom: 2em;	
	border-bottom: 1px solid #000;
    min-height:400px;
    height: auto;*/
    min-height: 400px;
    position: absolute;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    bottom: 0px;
    top: 131px;
    padding-top: 20px;
	background-image:url(../../images/Background.png); background-size:100%;
}



/*------------------------------------------------------------------
[5. Extra / .extra]
*/

.bodybg .extra {
    border-top: 1px solid #585858;
    border-bottom: 1px solid #000;
}

.extra-inner {
    padding: 20px 0;
    font-size: 11px;
    color: #BBB;
    background: #1A1A1A;
}

.extra a {
    color: #666;
}

.extra h4 {
    margin-bottom: 1em;
    font-weight: 400;
}

.extra ul {
    padding: 0;
    margin: 0;
}

.extra li {
    margin-bottom: .6em;
    list-style: none;
}




/*------------------------------------------------------------------
[6. Footer/ .footer]
*/

.bodybg .footer {
    margin-top: 0;
    border-top: 1px solid #292929;
    display: none;
}

.footer-inner {
    padding: 15px 0;
    font-size: 12px;
    background: #111;
    color: #999;
}

.footer a {
    color: #999;
}

    .footer a:hover {
        color: #FFF;
        text-decoration: none;
    }


/*------------------------------------------------------------------
[6. Widget / .widget]
*/

.bodybg .widget {
    position: relative;
    clear: both;
    width: auto;
    margin-bottom: 2em;
}

.widget-header {
    position: relative;
    background: #f9f6f1;
    background: -moz-linear-gradient(top, #f9f6f1 0%, #f2efea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f6f1), color-stop(100%,#f2efea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* IE10+ */
    background: linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea')";
    border: 1px solid #d6d6d6;
    -webkit-background-clip: padding-box;
    padding: 19px 3px;
}

    .widget-header h3 {
        position: absolute;
        left: 10px;
        display: inline-block;
        font-size: 14px;
        color: #525252;
        line-height: 18px;
        top: 10px;
        text-shadow: 1px 1px 2px rgba(255,255,255,.5);
        margin: 0px;
    }

    .widget-header .page_actions {
        position: absolute;
        right: 5px;
        top: 2px;
    }

    .widget-header [class^="icon-"], .widget-header [class*=" icon-"] {
        display: inline-block;
        margin-left: 13px;
        margin-right: -2px;
        font-size: 16px;
        color: #555;
        vertical-align: middle;
    }




.bodybg .widget-content {
    padding: 20px 15px 15px;
    background: #FFF;
    border: 1px solid #D5D5D5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.bodybg .widget-header + .widget-content {
    border-top: none;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -moz-border-radius-topright: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.widget-nopad .widget-content {
    padding: 0;
}

/* Widget Content Clearfix */
.bodybg .widget-content:before,
.bodybg .widget-content:after {
    content: "";
    display: table;
}

.bodybg .widget-content:after {
    clear: both;
}

/* For IE 6/7 (trigger hasLayout) */
.bodybg .widget-content {
    zoom: 1;
}

/* Widget Table */

.widget-table .widget-content {
    padding: 0;
}

.widget-table .table {
    margin-bottom: 0;
    border: none;
}

    .widget-table .table tr td:first-child {
        border-left: none;
    }

    .widget-table .table tr th:first-child {
        border-left: none;
    }


/* Widget Plain */

.widget-plain {
    background: transparent;
    border: none;
}

    .widget-plain .widget-content {
        padding: 0;
        background: transparent;
        border: none;
    }


/* Widget Box */

.widget-box {
}

    .widget-box .widget-content {
        background: #E3E3E3;
        background: #FFF;
    }




/*------------------------------------------------------------------
[7. Error / .error-container]
*/

.error-container {
    margin-top: 4em;
    margin-bottom: 4em;
    text-align: center;
}

    .error-container h1 {
        margin-bottom: .5em;
        font-size: 120px;
        line-height: 1em;
    }

    .error-container h2 {
        margin-bottom: .75em;
        font-size: 28px;
    }

    .error-container .error-details {
        margin-bottom: 1.5em;
        font-size: 16px;
    }

    .error-container .error-actions a {
        margin: 0 .5em;
    }



/* Message layout */


ul.messages_layout {
    position: relative;
    margin: 0;
    padding: 0;
}

    ul.messages_layout li {
        float: left;
        list-style: none;
        position: relative;
    }

        ul.messages_layout li.left {
            padding-left: 75px;
        }

        ul.messages_layout li.right {
            padding-right: 75px;
        }

            ul.messages_layout li.right .avatar {
                right: 0;
                left: auto;
            }

            ul.messages_layout li.right .message_wrap .arrow {
                right: -12px;
                left: auto;
                background-position: 0 -213px;
                height: 15px;
                width: 12px;
            }

        ul.messages_layout li.by_myself .message_wrap {
            border: 1px solid #b3cdf8;
        }

            ul.messages_layout li.by_myself .message_wrap .info a.name {
                color: #4a8cf7;
            }

        ul.messages_layout li a.avatar {
            position: absolute;
            left: 0;
            top: 0;
        }

            ul.messages_layout li a.avatar img {
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
                border-radius: 5px;
            }

        ul.messages_layout li .message_wrap {
            -webkit-border-radius: 3px;
            -moz-border-radius: 3px;
            border-radius: 3px;
            position: relative;
            border: 1px solid #e9e9e9;
            padding: 10px;
            border: 1px solid #cbcbcb;
            margin-bottom: 20px;
            float: left;
            background: #fefefe;
            -webkit-box-shadow: rgba(0,0,0,0.1) 0 1px 0px;
            -moz-box-shadow: rgba(0,0,0,0.1) 0 1px 0px;
            box-shadow: rgba(0,0,0,0.1) 0 1px 0px;
        }

            ul.messages_layout li .message_wrap .arrow {
                background-position: 0 -228px;
                height: 15px;
                width: 12px;
                height: 15px;
                width: 12px;
                position: absolute;
                left: -12px;
                top: 13px;
            }

            ul.messages_layout li .message_wrap .info {
                float: left;
                width: 100%;
                border-bottom: 1px solid #fff;
                line-height: 23px;
            }

                ul.messages_layout li .message_wrap .info .name {
                    float: left;
                    font-weight: bold;
                    color: #483734;
                }

                ul.messages_layout li .message_wrap .info .time {
                    float: left;
                    font-size: 11px;
                    margin-left: 6px;
                }

            ul.messages_layout li .message_wrap .text {
                float: left;
                width: 100%;
                border-top: 1px solid #cfcfcf;
                padding-top: 5px;
            }

    ul.messages_layout .dropdown-menu li {
        width: 100%;
        font-size: 11px;
    }


/* Full Calendar */

.fc {
    direction: ltr;
    text-align: left;
    position: relative;
}

    .fc table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    html .fc, .fc table {
        font-size: 1em;
    }

    .fc td, .fc th {
        padding: 0;
        vertical-align: top;
    }

.fc-header td {
    white-space: nowrap;
    background: none;
}

.fc-header-left {
    width: 100%;
    text-align: left;
    position: absolute;
    left: 0;
    top: 6px;
}

    .fc-header-left .fc-button {
        margin: 0;
        position: relative;
    }

    .fc-header-left .fc-button-prev, .fc-header-left .fc-button-next {
        float: left;
        border: none;
        padding: 14px 10px;
        opacity: 0.5;
    }

        .fc-header-left .fc-button-prev .fc-button-inner, .fc-header-left .fc-button-next .fc-button-inner {
            border: none;
        }

            .fc-header-left .fc-button-prev .fc-button-inner .fc-button-content, .fc-header-left .fc-button-next .fc-button-inner .fc-button-content {
                display: none;
            }

        .fc-header-left .fc-button-prev.fc-state-hover, .fc-header-left .fc-button-next.fc-state-hover {
            opacity: 1;
        }

        .fc-header-left .fc-button-prev.fc-state-down, .fc-header-left .fc-button-next.fc-state-down {
            background: none !important;
            margin-top: -1px;
        }

        .fc-header-left .fc-button-prev .fc-button-inner {
            background-position: 0 -351px;
            height: 16px;
            width: 11px;
        }

    .fc-header-left .fc-button-next {
        float: right;
    }

        .fc-header-left .fc-button-next .fc-button-inner {
            background-position: 0 -367px;
            height: 16px;
            width: 11px;
        }

.fc-header-center {
    text-align: center;
}

.fc-header-right {
    text-align: right;
    position: absolute;
    top: -34px;
    right: 10px;
}

.fc-header-title {
    display: inline-block;
    vertical-align: top;
}

    .fc-header-title h2 {
        margin-top: 0;
        white-space: nowrap;
        font-size: 1.1rem;
        color: #6C737F;
        line-height: 55px;
    }

.fc .fc-header-space {
    padding-left: 10px;
}

.fc-header .fc-button {
    margin-bottom: 1em;
    vertical-align: top;
}

.fc-header .fc-button {
    margin-right: -1px;
}

.fc-header .fc-corner-right {
    margin-right: 1px;
}

.fc-header .ui-corner-right {
    margin-right: 0;
}

.fc-header .fc-state-hover, .fc-header .ui-state-hover {
    z-index: 2;
}

.fc-header .fc-state-down {
    z-index: 3;
}

.fc-header .fc-state-active, .fc-header .ui-state-active {
    z-index: 4;
}

.fc-content {
    clear: both;
    background: #f9f9f9;
}

.fc-view {
    width: 100%;
    overflow: hidden;
}

    .fc-view thead {
        background: #e9ecf1;
        line-height: 35px;
    }

.fc-widget-header, .fc-widget-content {
    border: 1px solid #ccc;
}

.fc-state-highlight {
    background: #F4F3E6;
}

.fc-cell-overlay {
    background: #9cf;
    opacity: .2;
    filter: alpha(opacity=20);
}

.fc-button {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.fc-button-today {
    margin-top: 8px !important;
}

.fc-state-default {
    border-style: solid;
    border-width: 1px 0;
}

.fc-button-inner {
    position: relative;
    float: left;
    overflow: hidden;
}

.fc-state-default .fc-button-inner {
    border-style: solid;
    border-width: 0 1px;
}

.fc-button-content {
    position: relative;
    float: left;
    height: 1.9em;
    line-height: 1.9em;
    padding: 0 .6em;
    white-space: nowrap;
}

    .fc-button-content .fc-icon-wrap {
        position: relative;
        float: left;
        top: 50%;
    }

    .fc-button-content .ui-icon {
        position: relative;
        float: left;
        margin-top: -50%;
        *margin-top: 0;
        *top: -50%;
    }

.fc-state-default .fc-button-effect {
    position: absolute;
    top: 50%;
    left: 0;
}

    .fc-state-default .fc-button-effect span {
        position: absolute;
        top: -100px;
        left: 0;
        width: 500px;
        height: 100px;
        border-width: 100px 0 0 1px;
        border-style: solid;
        border-color: #fff;
        background: #444;
        opacity: .09;
        filter: alpha(opacity=9);
    }

.fc-state-default, .fc-state-default .fc-button-inner {
    border-style: solid;
    border-color: #ccc #bbb #aaa;
    color: #000;
}

.fc-state-hover, .fc-state-hover .fc-button-inner {
    border-color: #999;
}

.fc-state-down {
    border-color: #555;
    background: #777;
}

.fc-state-active, .fc-state-active .fc-button-inner {
    border-color: #555;
    background: #777;
    color: #fff;
}

.fc-state-disabled, .fc-state-disabled .fc-button-inner {
    color: #999;
    border-color: #ddd;
}

.fc-state-disabled {
    cursor: default;
}

    .fc-state-disabled .fc-button-effect {
        display: none;
    }

.fc-event {
    border-style: solid;
    border-width: 0;
    font-size: .85em;
    cursor: default;
}

a.fc-event, .fc-event-draggable {
    cursor: pointer;
}

a.fc-event {
    text-decoration: none;
}

.fc-rtl .fc-event {
    text-align: right;
}

.fc-event-skin {
    border-color: #3f85f5;
    background-color: #5e96ea;
    color: #fff;
}

.fc-event-inner {
    position: relative;
    width: 100%;
    height: 100%;
    border-style: solid;
    border-width: 0;
    overflow: hidden;
}

.fc-event-time, .fc-event-title {
    padding: 0 1px;
}

.fc .ui-resizable-handle {
    display: block;
    position: absolute;
    z-index: 99999;
    overflow: hidden;
    font-size: 300%;
    line-height: 50%;
}

.fc-event-hori {
    border-width: 1px 0;
    margin-bottom: 1px;
}

    .fc-event-hori .ui-resizable-e {
        top: 0 !important;
        right: -3px !important;
        width: 7px !important;
        height: 100% !important;
        cursor: e-resize;
    }

    .fc-event-hori .ui-resizable-w {
        top: 0 !important;
        left: -3px !important;
        width: 7px !important;
        height: 100% !important;
        cursor: w-resize;
    }

    .fc-event-hori .ui-resizable-handle {
        _padding-bottom: 14px;
    }

.fc-corner-left {
    margin-left: 1px;
}

    .fc-corner-left .fc-button-inner, .fc-corner-left .fc-event-inner {
        margin-left: -1px;
    }

.fc-corner-right {
    margin-right: 1px;
}

    .fc-corner-right .fc-button-inner, .fc-corner-right .fc-event-inner {
        margin-right: -1px;
    }

.fc-corner-top {
    margin-top: 1px;
}

    .fc-corner-top .fc-event-inner {
        margin-top: -1px;
    }

.fc-corner-bottom {
    margin-bottom: 1px;
}

    .fc-corner-bottom .fc-event-inner {
        margin-bottom: -1px;
    }

.fc-corner-left .fc-event-inner {
    border-left-width: 1px;
}

.fc-corner-right .fc-event-inner {
    border-right-width: 1px;
}

.fc-corner-top .fc-event-inner {
    border-top-width: 1px;
}

.fc-corner-bottom .fc-event-inner {
    border-bottom-width: 1px;
}

table.fc-border-separate {
    border-collapse: separate;
}

.fc-border-separate th, .fc-border-separate td {
    border-width: 1px 0 0 1px;
}

    .fc-border-separate th.fc-last, .fc-border-separate td.fc-last {
        border-right-width: 1px;
    }

.fc-border-separate tr.fc-last th, .fc-border-separate tr.fc-last td {
    border-bottom-width: 0px;
}

.fc-first {
    border-left-width: 0 !important;
}

.fc-last {
    border-right-width: 0 !important;
}

.fc-grid th {
    text-align: center;
}

.fc-grid .fc-day-number {
    float: right;
    padding: 0 2px;
}

.fc-grid .fc-other-month .fc-day-number {
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.fc-grid .fc-day-content {
    clear: both;
    padding: 2px 2px 1px;
}

.fc-grid .fc-event-time {
    font-weight: bold;
}

.fc-rtl .fc-grid .fc-day-number {
    float: left;
}

.fc-rtl .fc-grid .fc-event-time {
    float: right;
}

.fc-agenda table {
    border-collapse: separate;
}

.fc-agenda-days th {
    text-align: center;
}

.fc-agenda .fc-agenda-axis {
    width: 60px !important;
    padding: 0 4px;
    vertical-align: middle;
    text-align: right;
    white-space: nowrap;
    font-weight: normal;
}

.fc-agenda .fc-day-content {
    padding: 2px 2px 1px;
}

.fc-agenda-days .fc-agenda-axis {
    border-right-width: 1px;
}

.fc-agenda-days .fc-col0 {
    border-left-width: 0;
}

.fc-agenda-allday th {
    border-width: 0 1px;
}

.fc-agenda-allday .fc-day-content {
    min-height: 34px;
    _height: 34px;
}

.fc-agenda-divider-inner {
    height: 2px;
    overflow: hidden;
}

.fc-widget-header .fc-agenda-divider-inner {
    background: #eee;
}

.fc-agenda-slots th {
    border-width: 1px 1px 0;
}

.fc-agenda-slots td {
    border-width: 1px 0 0;
    background: none;
}

    .fc-agenda-slots td div {
        height: 20px;
    }

.fc-agenda-slots tr.fc-slot0 th, .fc-agenda-slots tr.fc-slot0 td {
    border-top-width: 0;
}

.fc-agenda-slots tr.fc-minor th, .fc-agenda-slots tr.fc-minor td {
    border-top-style: dotted;
}

    .fc-agenda-slots tr.fc-minor th.ui-widget-header {
        *border-top-style: solid;
    }

.fc-event-vert {
    border-width: 0 1px;
}

    .fc-event-vert .fc-event-head, .fc-event-vert .fc-event-content {
        position: relative;
        z-index: 2;
        width: 100%;
        overflow: hidden;
    }

    .fc-event-vert .fc-event-time {
        white-space: nowrap;
        font-size: 10px;
    }

    .fc-event-vert .fc-event-bg {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #fff;
        opacity: .3;
        filter: alpha(opacity=30);
    }

.fc .ui-draggable-dragging .fc-event-bg, .fc-select-helper .fc-event-bg {
    display: none;
}

.fc-event-vert .ui-resizable-s {
    bottom: 0 !important;
    width: 100% !important;
    height: 8px !important;
    overflow: hidden !important;
    line-height: 8px !important;
    font-size: 11px !important;
    font-family: monospace;
    text-align: center;
    cursor: s-resize;
}

.fc-agenda .ui-resizable-resizing {
    _overflow: hidden;
}

.fc-header-left .fc-button-prev .fc-button-inner {
    background: url('../images/icons-sa7c41345d9.png') no-repeat;
    background-position: 0 -351px;
    height: 16px;
    width: 11px;
}

.fc-header-left .fc-button-next .fc-button-inner {
    background: url('../images/icons-sa7c41345d9.png') no-repeat;
    background-position: 0 -367px;
    height: 16px;
    width: 11px;
}

/*------------------------------------------------------------------
[8. Miscellaneous]
*/

.chart-holder {
    width: 100%;
    height: 250px;
}

.dropdown-menu li > a:hover {
    background: #1A668F;
    color: #ffffff !important;
}

.accordion-heading {
    background: #e5e5e5;
}

    .accordion-heading a {
        color: #545454;
        text-decoration: none;
        font-weight: bold;
    }

.btn-facebook-alt i {
    color: #23386a;
}

.btn-twitter-alt i {
    color: #0098d0;
}

.btn-google-alt i {
    color: #b6362d;
}

.btn-linkedin-alt i {
    color: #0073b2;
}

.btn-pinterest-alt i {
    color: #ab171e;
}

.btn-github-alt i {
    color: #333;
}

.all-icons li {
    list-style: none;
}

.ML0 {
    margin-left: 0;
}

.MR0 {
    margin-right: 0;
}

.eachregpart {
    display: none;
}

.prevnextbtns {
    display: inline-block;
    width: 100%;
}

.registerscreen .fa-arrow-left {
    font-size: 25px;
    bottom: 65px;
    cursor: pointer;
    float: left;
}

.registerscreen .fa-arrow-right {
    font-size: 25px;
    bottom: 65px;
    cursor: pointer;
    float: right;
}

/*------------------------------------------------------------------
[1. Max Width: 480px]
*/

@media (max-width: 480px) {

    .error-container h1 {
        font-size: 72px;
    }
}





/*------------------------------------------------------------------
[1. Max Width: 767px]
*/

@media (max-width: 767px) {

    #main {
        padding: 0 10px;
        margin-right: -20px;
        margin-left: -20px;
    }


    .subnavbar {
        margin-left: -20px;
        margin-right: -20px;
    }


    .subnavbar-inner {
        height: auto;
    }

    .subnavbar .container > ul {
        width: 98%;
        height: auto;
        border: none;
        position: absolute;
        z-index: 10;
        background: #fff;
        left: 3px;
        border: 1px solid #ccc;
    }

        .subnavbar .container > ul > li {
        }



            .subnavbar .container > ul > li.active > a {
                background: transparent;
            }

            .subnavbar .container > ul > li > a > i {
                display: inline-block;
                margin-bottom: 0;
                font-size: 20px;
            }


    .subnavbar-open-right .dropdown-menu {
        left: auto;
        right: 0;
    }

        .subnavbar-open-right .dropdown-menu:before {
            left: auto;
            right: 12px;
        }

        .subnavbar-open-right .dropdown-menu:after {
            left: auto;
            right: 13px;
        }

    .extra {
        margin-right: -20px;
        margin-left: -20px;
    }

        .extra .container {
            padding: 0 20px;
        }

    .footer {
        margin-right: -20px;
        margin-left: -20px;
    }

        .footer .container {
            padding: 0 20px;
        }

        .footer .footer-terms {
            text-align: left;
        }

            .footer .footer-terms a {
                margin-left: 0;
                margin-right: 1em;
            }
}





/*------------------------------------------------------------------
[3. Max Width: 979px]
*/

@media (max-width: 979px) {

    .navbar-fixed-top {
        position: static;
        margin-bottom: 0;
    }

    .subnavbar {
    }

        .subnavbar .container {
            width: auto;
        }
}






/*------------------------------------------------------------------
[2. Max Width: 1200px]
*/

@media (min-width: 1200px) {
    .navbar .search-query {
        width: 200px;
    }
}

.requiredfield {
    border: 1px solid #FF0000;
}

.mandatorycontrol {
    color: #ff0000;
    font-size: 11px;
    margin-left: 3px;
    margin-top: 3px;
}

.gridfilter {
    padding: 10px 7px;
    display: inline-block;
    width: 100%;
}

    .gridfilter .form-group {
        display: inline-block;
        width: 100%;
    }

    .gridfilter .pagenationlinks {
        display: none;
        float: left;
        margin-left: 3px;
        margin-top: 2px;
    }

.pagenationlinks .clearfix {
    display: none;
}

.gridfilter select:first-child {
    float: left;
}

.pagenationlinks .sep {
    color: #D3CCCC;
}

.pagenationlinks a {
    color: #999;
}

    .pagenationlinks a span {
        color: #969696;
    }

    .pagenationlinks a.activepagelink span {
        color: #000;
        cursor: pointer;
    }

.pagenationwrap {
    padding: 13px;
    border-top: 1px solid #ccc;
}

    .pagenationwrap div:first-child, .pagenationwrap div:nth-child(2) {
        margin-top: 4px;
        padding-left: 0px;
    }

    .pagenationwrap div:nth-child(2) {
        text-align: center;
    }

    .pagenationwrap .gotopage label {
        float: left;
        margin-top: 4px;
        margin-right: 3px;
        margin-left: 12px;
    }

    .pagenationwrap .gotopage input {
        float: left;
        margin-bottom: 0px;
    }

.gotopage {
    width: 20%;
    float: right;
}

.viewgridwrap {
    position: relative;
}

    .viewgridwrap table {
        margin-bottom: 0px;
        border-top: 1px solid #ccc;
    }

.tablehead td {
    background: #f2f2f2;
    font-weight: bold;
}

.jqte_tool, .jqte_linktypeselect, .jqte_linkinput, .jqte_linkbutton {
    float: left;
}

.profilepic {
    position: absolute;
    right: 0px;
    top: 0px;
}

    .profilepic img {
        height: 101px;
        width: 98px;
        border: 1px solid #CCCCCC;
    }

    .profilepic .browsebtn {
        color: #B21A1A;
        display: none;
        cursor: pointer;
        opacity: 0.6;
        filter: alpha(opacity=60);
        padding-bottom: 3px;
        padding-top: 4px;
        position: absolute;
        top: -1px;
        width: 100%;
        background: none repeat scroll 0 0 #CCCCCC;
        border: 0px;
        border-bottom: 1px solid #E6E3E3;
    }

    .profilepic:hover .browsebtn {
        display: block;
    }

    .profilepic .browsebtnparent {
        height: 26px;
        width: 98px;
        position: absolute !important;
        top: 0px;
    }

.CkndImgStl {
    background: rgba(0, 0, 0, 0) url("../Images/calendar-blue.png") no-repeat scroll 0 0 !important;
    height: 24px;
    margin-left: 1px;
    margin-top: 1px;
    vertical-align: top !important;
    width: 21px;
}

.datecontrol span {
    margin-left: 0px;
}

.bodybg .form-horizontal {
    width: 860px;
    margin: 20px auto 0px auto;
}

.bodybg .prize-config-form {
    margin: 20px auto 0px auto;
}

.form-horizontal.nomargintop {
    margin-top: 0px;
}

.form-horizontal.nomarginauto {
    margin: 0px;
}

.checkboxcontrol input {
    margin-top: 10px;
}

.form-actions {
    padding-right: 0px;
    text-align: right;
    background: none;
}

.form-horizontal .control-label {
    text-align: left;
}

.cursorpointer {
    cursor: pointer;
}

#successmsg, #erromsg {
    display: none;
}

.labelcheckbox ol {
    width: 100%;
    display: inline-block;
    margin: 0px;
    margin-top: 7px;
}

.labelcheckbox li {
    float: left;
    padding: 0px;
    min-width: 24%;
    list-style: none;
    width: auto;
}

    .labelcheckbox li * {
        float: left;
    }

    .labelcheckbox li label {
        margin-top: 1px;
    }

    .labelcheckbox li input {
        margin-right: 3px;
    }

.ajax__calendar_days table {
    width: 98%;
}

.ajax__calendar_footer {
    height: auto !important;
}

.ajax__calendar_day {
    text-align: center !important;
    padding: 0px 2px !important;
    line-height: 13px !important;
}

.twoinlinecontrols .control-group {
    width: 45%;
    float: left;
}

.twoinlinecontrols, .threeinlinecontrols {
    display: inline-block;
    width: 100%;
}

    .twoinlinecontrols input[type=text], .twoinlinecontrols select {
        width: 100%;
    }

    .threeinlinecontrols .control-group {
        width: 30%;
        float: left;
        margin-right: 10px;
    }

.form-horizontal .threeinlinecontrols .control-label {
    width: 110px;
}

.form-horizontal .threeinlinecontrols .controls {
    margin-left: 125px;
}

.form-horizontal .threeinlinecontrols input[type=text], .form-horizontal .threeinlinecontrols select {
    width: 100%;
}

.statuscircles {
    display: inline-block;
    width: 100%;
    height: 125px;
    margin-top: 13px;
    margin-bottom: 10px;
}

    .statuscircles .eachcircle {
        width: 100px;
        height: 100px;
        float: left;
        text-align: center;
        margin-right: 42px;
        margin-left: 30px;
    }

.eachcircle div {
    font-size: 13px;
    font-weight: 600;
}

.eachcircle .circle {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

    .eachcircle .circle.blue {
        background: #2FBFC8;
    }

    .eachcircle .circle.darkblue {
        background: #1A668F;
    }

    .eachcircle .circle.green {
        background: #077F1C;
    }

    .eachcircle .circle.maroon {
        background: #A40000;
    }

    .eachcircle .circle.yellow {
        background: #cec40e;
    }

    .eachcircle .circle span {
        font-size: 18px;
        color: #ffffff;
    }

.texteditor .editor {
    float: left;
    width: 71%;
    margin-right: 2%;
    margin-top: 10px;
}

    .texteditor .editor .editorlbl {
        height: 32px;
    }

.editor > div > span {
    margin-top: 5px;
    float: left;
}

.editor > div > input {
    margin-left: 10px;
    margin-bottom: 10px;
}

.editor textarea {
    width: 100%;
    resize: none;
}

.notificationmessageswrap .texteditor {
    display: inline-block;
    width: 100%;
    margin-bottom: 4%;
}

    .notificationmessageswrap .texteditor:last-child {
        margin-bottom: 0%;
    }

.texteditor .texteditoractions {
    float: left;
    width: 27%;
}

.texteditor .texteditoractions {
    padding-top: 5%;
}

    .texteditor .texteditoractions select {
        margin-bottom: 13px;
    }

.texteditoractions a.previewbtn {
    margin-left: 3px;
}

.texteditor .texteditoractions input:first-child {
    margin-right: 4px;
}

.notificationmessagescreen .tabcontentsinner, .generalnotificationscreen .tabcontentsinner {
    float: left;
    width: 70%;
}

.notificationmessagescreen .texteditoractionswrap, .generalnotificationscreen .texteditoractionswrap {
    float: right;
    width: 27%;
    margin-left: 3%;
    margin-top: 7%;
}

.notificationmessagescreen .texteditor .editor, .generalnotificationscreen .texteditor .editor {
    width: 100%;
}

.notificationmessagescreen .texteditoractions select, .generalnotificationscreen .texteditoractions select {
    margin-bottom: 10px;
}

.notificationmessagescreen .texteditoractions.forhtmleditor, .generalnotificationscreen .texteditoractions.forhtmleditor {
    margin-top: 51%;
}

.texteditor .jqte_editor {
    height: 120px;
}

.texteditor .jqte {
    margin: 0px;
}

.grid-actions a {
    font-size: 19px;
    margin-right: 3px;
    color: #8A8A8A;
    cursor: pointer;
    float: left;
}

    .grid-actions a.fa-edit {
        margin-top: 2px;
        margin-right: 5px;
    }

    .grid-actions a:hover {
        color: #2896C7;
    }

.NumberControl {
    text-align: right;
}

.slick-cell input.editor-text {
    width: 100%;
    height: 20px;
    padding: 1px;
    margin: 0px;
    padding-top: 0px;
    border-radius: 0px;
    border: 1px solid #fff;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
    padding-bottom: 0px;
    margin-top: -1px;
}

.resourcesscreen .form-horizontal {
    float: left;
    width: 40%;
}

.resourcesscreen .slick-viewport {
    overflow-x: hidden !important;
}

.resourcesscreen .slickgridwrap {
    float: left;
    width: 58% !important;
    margin-left: 20px;
}

    .resourcesscreen .slickgridwrap .slick-viewport {
        border: 1px solid #ccc;
        border-top: 0px;
    }

    .resourcesscreen .slickgridwrap .slick-header {
        border-left: 1px solid #ccc;
    }
/* prize start*/

.prizewrapper {
    font-family: 'Open Sans', sans-serif;
    color: #9f9f9f;
    font-size: 15px;
}

    .prizewrapper .package {
        box-sizing: border-box;
        width: 257px;
        height: 255px;
        border: 3px solid #e8e8e8;
        border-radius: 7px;
        display: inline-block;
        padding: 13px 0px;
        text-align: center;
        float: left;
        -webkit-transition: margin-top 0.5s linear;
        transition: margin-top 0.5s linear;
        position: relative;
        margin-right: 10px;
        margin-bottom: 10px;
    }
/*.prizewrapper .package:hover {
  margin-top: -30px;
  -webkit-transition: margin-top 0.3s linear;
  transition: margin-top 0.3s linear;
}*/
.package .prizedetails {
    margin: 22px;
    text-align: justify;
    font-size: 13px;
    color: #999;
}

.prizewrapper .name {
    color: #565656;
    font-weight: 300;
    font-size: 2em;
    margin-top: 0px;
    padding-left: 50px;
}

    .prizewrapper .name select {
        width: 185px;
        padding-left: 39px;
        font-size: 14PX;
    }

.prizewrapper hr {
    background-color: #dedede;
    border: none;
    height: 1px;
    margin-top: -1px;
}

.prizewrapper .details {
    padding: 3px 12px;
    color: #33c4b6;
    border: 1px solid #e4e4e4;
    display: inline-block;
    border-radius: 15px;
    background-color: white;
    position: relative;
    bottom: -16px;
    font-size: 13px;
}

.prizewrapper .prizeicon {
    border-color: #33c4b6;
}
    /* Triangle */
    .prizewrapper .prizeicon::before {
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 73px 71px 0 0;
        border-color: #3bc6b8 transparent transparent transparent;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
    }

.prizewrapper .package::after {
    font-family: "FontAwesome";
    /* content: "\f00c"; */
    content: "\f091";
    color: white;
    position: absolute;
    left: 4px;
    top: 0px;
    text-shadow: 0 0 2px #37c5b6;
    font-size: 31px;
}

.package.complimentary {
    position: absolute;
    right: 25px;
}

    .package.complimentary .name {
        font-size: 18px;
        text-align: right;
        margin-right: 10px;
        font-weight: bold;
    }

.prizewrapper .prizeicon.complimentary {
    border-color: #D9DADA;
}

.prizewrapper .package.complimentary::after {
    text-shadow: 0 0 2px #BEBEBE;
}

.prizewrapper .prizeicon.complimentary:before {
    border-color: #D9DADA transparent transparent transparent;
}

.allprizeswrap {
    width: 98%;
    height: 275px;
    /*overflow-x: hidden;
    overflow-y: auto;*/
    padding: 10px;
}

    .allprizeswrap::-webkit-scrollbar {
        width: 12px;
    }

    /* Track */
    .allprizeswrap::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    /* Handle */
    .allprizeswrap::-webkit-scrollbar-thumb {
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: rgba(1, 109, 182,0.8);
        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
    }

        .allprizeswrap::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(1, 109, 182,0.4);
        }

.profilepic.prize {
    bottom: 5px;
    top: inherit;
    right: 20%;
}

    .profilepic.prize img {
        width: 135px;
        height: 89px;
    }
/* prize end */
.removeicon_wrap {
    margin-top: 1px;
    text-align: center;
}

    .removeicon_wrap .fa {
        font-size: 18px;
    }

        .removeicon_wrap .fa:hover {
            color: #990101;
        }

.btn-topnavbar {
    display: none;
}

.navbar-inner, .navbar .btn-navbar {
    background: #2FBFC8; /* Old browsers */
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VhYjkyZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjNzk4MTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #2FBFC8 0%, #1AACB5 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2FBFC8), color-stop(100%,#1AACB5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2FBFC8 0%,#1AACB5 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2FBFC8 0%,#1AACB5 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2FBFC8 0%,#1AACB5 100%); /* IE10+ */
    background: linear-gradient(to bottom, #2FBFC8 0%,#1AACB5 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2FBFC8', endColorstr='#1AACB5',GradientType=0 ); /* IE6-8 */
}

.mapcontrol {
    width: 100%;
}

.browsebtn_mainwrap {
    display: inline-block;
    width: 99%;
    margin-left: 5px;
}

.browsebtn_wrap {
    float: left;
    margin-left: 5px;
}

.uploadbtn_wrap .pull-left {
    line-height: 32px;
}

.browsebtn_wrap .browsebtnparent {
    height: 33px !important;
}

.browsebtn_mainwrap .listobjs {
    float: left;
    margin-left: 10px;
}

.listobjs div {
    background: none repeat scroll 0 0 #F2F2F2;
    border: 1px solid #DEDEDE;
    padding: 4px;
}

    .listobjs div a {
        color: #891212;
    }

.slick-cell .fa-edit {
    font-size: 18px;
    margin-left: 3px;
    margin-top: 2px;
}

.slick-cell select {
    padding: 0px;
    height: 20px;
    border-radius: 0px;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}

.KioskLocationsserscreen .slick-headerrow .slick-headerrow-column {
    height: auto !important;
}

    .KioskLocationsserscreen .slick-headerrow .slick-headerrow-column input {
        width: 95%;
        padding: 0px;
        border-radius: 0px;
    }

.previousvaluecontrol {
    position: relative;
}

.previousvalue {
    position: absolute;
    left: 1px;
    top: 1px;
    padding: 4px 10px;
    text-decoration: line-through;
}

.labelcheckbox.extracontrol ol {
    width: auto;
    float: left;
}

    .labelcheckbox.extracontrol ol li {
        margin-right: 15px;
    }

.labelcheckbox.extracontrol .span6 {
    width: 71%;
    float: left;
    margin-top: 3px;
}

.outletmap {
    width: 47%;
    height: 348px;
    position: absolute;
    left: 605px;
    top: 0px;
}

.loctiontext {
    width: 280px;
    float: left;
}

.inlinetwogrids {
    display: inline-block;
    width: 100%;
}

    .inlinetwogrids .gridactions {
        width: 100px;
        text-align: center;
        margin-top: 7%;
    }

        .inlinetwogrids .gridactions input {
            margin-bottom: 15px;
        }

        .inlinetwogrids .gridactions .btn-info {
            padding: 6px 22px;
        }

.checkboxlblcontrol span, .checkboxlblcontrol label {
    float: left;
    margin-right: 25px;
    margin-left: 3px;
}

.checkboxlblcontrol input {
    float: left;
    margin-top: 4px;
}

.form-horizontal.inline .control-group {
    margin-bottom: 0px;
}

    .form-horizontal.inline .control-group > div {
        float: left;
        width: 32%;
        height: 47px;
    }

        .form-horizontal.inline .control-group > div span {
            float: left;
            width: 120px;
            margin-top: 3px;
        }

    .form-horizontal.inline .control-group.datecontrol .datepickerspan {
        width: 242px;
    }

        .form-horizontal.inline .control-group.datecontrol .datepickerspan:last-child {
            width: 244px;
            float: left;
        }

        .form-horizontal.inline .control-group.datecontrol .datepickerspan .CkndImgStl {
            float: left;
        }

        .form-horizontal.inline .control-group.datecontrol .datepickerspan input {
            margin-left: 0px;
        }

            .form-horizontal.inline .control-group.datecontrol .datepickerspan input.dateStl {
                width: 37%;
            }

            .form-horizontal.inline .control-group.datecontrol .datepickerspan input.hijriStl {
                width: 49%;
            }

#KisokMachinesserscreen .form-horizontal.inline .control-group div {
    /*width:33%;*/
}

#KisokMachinesserscreen .table input[type="text"] {
    width: 100%;
}

.form-horizontal.inline .control-group div input[type='text'], .form-horizontal.inline .control-group div select {
    float: left;
    width: 60%;
}

.form-horizontal.inline .control-group div input[type='checkbox'] {
    margin-top: 7px;
}

.form-horizontal.inline .control-group .searchwrap {
    width: 4%;
}

.form-horizontal.inline .control-group .searchwrap {
    width: 4%;
}

.hijriStl {
    direction: rtl;
    text-align: left;
}

.ui-datepicker-month, .ui-datepicker-month option, .ui-datepicker-year, .ui-datepicker-year option {
    color: #000;
}

.alert .fa {
    color: #858585;
    float: right;
    margin-top: 3px;
    cursor: pointer;
}

span[hideicon=true] img {
    display: none;
}

.table-bordered thead tr {
    /*background:#ECF6F7;*/
    background: #93aed2;
}

.table-bordered tbody .table-bordered tbody > tr:first-child {
    background: #f2f2f2;
}

.table-bordered tbody .table-bordered tbody div table tr {
    background: #ffffff !important;
}

#WinnerPanepop .modal-lg {
    width: 755px;
    padding-top: 100px;
}

.winners_wrap {
    display: inline-block;
    height: 290px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 100%;
}

    .winners_wrap::-webkit-scrollbar {
        width: 12px;
    }

    /* Track */
    .winners_wrap::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
        -webkit-border-radius: 3px;
        border-radius: 3px;
    }

    /* Handle */
    .winners_wrap::-webkit-scrollbar-thumb {
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background: rgba(1, 109, 182,0.8);
        -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
    }

        .winners_wrap::-webkit-scrollbar-thumb:window-inactive {
            background: rgba(1, 109, 182,0.4);
        }

.eachwinner {
    background: #b7daed none repeat scroll 0 0;
    border-radius: 5px;
    float: left;
    margin: 0 15px 10px;
    padding: 10px 10px 7px 26px;
    position: relative;
    width: 45%;
}

    .eachwinner .winner {
        background: #1a668f none repeat scroll 0 0;
        border-radius: 50%;
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
        height: 35px;
        left: -15px;
        line-height: 33px;
        position: absolute;
        text-align: center;
        top: 14px;
        width: 35px;
    }

    .eachwinner .winnerinfo {
        display: inline-block;
        width: 100%;
    }

        .eachwinner .winnerinfo label {
            float: left;
            width: 120px;
        }

        .eachwinner .winnerinfo span {
            float: left;
            margin-left: 5px;
        }

.congratulations_bg {
    background: url("../images/congratulations_bg1.jpg") no-repeat bottom;
}
/*.ConsumersPane1 {
    position:relative;
}
.eachconsumer {
    float: left;
    background: #B0CEDE;
    margin: 10px;
    border-radius: 4px;
    vertical-align: middle;
    padding: 7px 13px;
    font-size: 15px;
    color: #000000;
    width: 150px;
    text-align: center;cursor:pointer;
}
.eachconsumer:hover {
    -moz-box-shadow:    inset 0 0 10px #1A668F;
   -webkit-box-shadow: inset 0 0 10px #1A668F;
   box-shadow:         inset 0 0 10px #1A668F;
}*/
.scrolltable {
    overflow-x: auto;
    height: 100%;
    /* display: flex; */
    /* display: -webkit-flex; */
    /* flex-direction: column; */
    -webkit-flex-direction: column;
}

body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 1.42857143;
    color: #333;
    background-color: #fff;
}

.test {
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.scrolltable .table {
    margin-bottom: 0px;
}

.scrolltable > thead {
    display: table-header-group;
    vertical-align: middle;
    border-color: inherit;
}

.scrolltable > .body {
    /*noinspection CssInvalidPropertyValue*/
    overflow-x: scroll;
    overflow-x: hidden;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    flex: 1;
    -webkit-flex: 1;
    display: flex;
    display: inline-flex;
    width: 100%;
}


.scrolltable thead td:first-child {
    min-width: 50px;
}

.scrolltable .body tr td:first-child {
    min-width: 50px;
}

.scrolltable thead td:nth-child(2) {
    min-width: 50px;
}

.scrolltable .body tr td:nth-child(2) {
    min-width: 50px;
}

.scrolltable .table {
    margin-bottom: 0px;
}

.scrolltable .table-bordered {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

.scrolltable td {
    /*min-width: 270px;*/
}

.LoyalityPointSummaryGrid .scrolltable td {
    /*min-width:270px;*/
}

.NumberCell {
    text-align: right;
}


@media (min-width:1024px) and (max-width:1079px) {
    .main {
        position: inherit;
        padding-top: 0px;
    }

    .gotopage {
        width: 25% !important;
    }

    .resourcesscreen .form-horizontal {
        width: 47%;
    }

    .resourcesscreen .slickgridwrap {
        width: 50% !important;
        margin-left: 20px;
    }

    .form-horizontal.inline .control-group div {
        width: 31%;
    }

        .form-horizontal.inline .control-group div input[type='text'], .form-horizontal.inline .control-group div select {
            margin-left: 0px;
            width: 96%;
        }

    .form-horizontal.inline .control-group .searchwrap {
        width: 6%;
        margin-top: 26px;
    }

    .inlinetwogrids .pull-left {
        width: 45% !important;
    }

    .inlinetwogrids .gridactions {
        width: 10% !important;
        margin-top: 8%;
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .form-horizontal {
        width: 96% !important;
    }

        .form-horizontal .control-label {
            float: none;
            width: auto;
        }

        .form-horizontal .controls {
            margin-left: 0px;
        }

    .subnavbar .container > ul > li {
        float: none;
    }

    .subnavbar .container > ul.mainnav {
        height: auto !important;
        overflow: visible;
        width: 98%;
        height: auto;
        border: none;
        position: absolute;
        z-index: 10;
        background: #fff;
        left: 3px;
        border: 1px solid #ccc;
    }

    .collapse {
        display: none;
    }

    .navbar-inner {
        position: relative;
    }

    .navbar .nav.pull-right {
        margin-right: 50px;
        margin-top: 30px;
    }

    .btn-topnavbar {
        position: absolute;
        top: 32px;
        right: 5px;
        display: block;
        z-index: 5;
    }

    .main {
        position: inherit;
        padding-top: 0px;
    }

    .navbar .nav > li {
        float: right;
    }

        .navbar .nav > li > a, .navbar .dropdown-menu a {
            font-weight: normal;
        }

    .subnavbar .container > ul > li {
        border-left: 0px;
    }

        .subnavbar .container > ul > li:last-child {
            border-right: 0px;
        }

    .nav-collapse .dropdown a {
        text-align: right;
    }

    .viewgridwrap {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .pagenationwrap {
        padding: 7px;
        display: inline-block;
        width: 100%;
    }

    .gotopage {
        width: 31% !important;
        float: right !important;
    }

    .pagenationwrap .col-md-3 {
        text-align: center;
        float: left;
        width: 25%;
    }

    .pagenationwrap .col-md-5 {
        padding: 0px;
        float: left;
    }

    .generalnotificationscreen .tab-content {
        padding: 11px;
    }

    .notificationmessagescreen .tabcontentsinner, .generalnotificationscreen .tabcontentsinner {
        width: 100%;
    }

    .notificationmessagescreen .texteditoractionswrap, .generalnotificationscreen .texteditoractionswrap {
        width: 100%;
        margin-left: 0px;
    }

    .editor > div > input {
        margin-left: 0px;
    }

    .statuscircles .eachcircle {
        margin-right: 17px;
        margin-left: 19px;
    }

    .twoinlinecontrols .control-group {
        width: 48%;
        margin-right: 5px;
    }

        .twoinlinecontrols .control-group:last-child {
            margin-right: 0px;
        }

    .ecouponcongfigscreen .slickgridwrap {
        width: 100% !important;
    }

    .form-horizontal.inline .control-group div {
        width: 31%;
    }

        .form-horizontal.inline .control-group div input[type='text'], .form-horizontal.inline .control-group div select {
            margin-left: 0px;
            width: 96%;
        }

    .form-horizontal.inline .control-group .searchwrap {
        width: 6%;
        margin-top: 26px;
    }

    .inlinetwogrids .pull-left {
        width: 100% !important;
    }

    .inlinetwogrids .gridactions {
        margin-top: 2%;
    }
}

@media (min-width: 480px) and (max-width:767px) {
    /*MobileDiv start*/

    .smallscreenWin {
    display: block !important;
    }
    .largescreenWin{
    display: none;
    }
    .smallsizemenu {
    display:block!important;
        display: block!important;
    position: absolute;
    right: 90px;
    top: 17px;
    }
    .topstrip {
     display: none;
     text-align:right;
    }
    /*#isMobileDiv {
        display: block !important;
    }

     .forwebVersion {
        display: none;
    }*/
    /*.smallscreen {
    
    }*/
    .downloadicon {
        text-align: center;
    }

    .logoimgMobildiv {
        margin-left: 65px;
        margin-top: 24px;
    }

    .downloadbtn {
        /* border-top: 1px solid #96d1f8; */
        /* background: #65a9d7; */
        /* background: -webkit-gradient(linear, left top, left bottom, from(#316487), to(#65a9d7)); */
        /* background: -webkit-linear-gradient(top, #016DB6, #1b5e8c); */
        background: -moz-linear-gradient(top, #316487, #65a9d7);
        background: -ms-linear-gradient(top, #316487, #65a9d7);
        background: -o-linear-gradient(top, #316487, #65a9d7);
        padding: 19px 38px;
        background: linear-gradient(to bottom, #fecc49 0%,#febb08 100%);
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
        -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
        box-shadow: rgba(0,0,0,1) 0 1px 0;
        text-shadow: rgba(0,0,0,.4) 0 1px 0;
        color: #176591;
        font-size: 24px;
        font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
        text-decoration: none;
        vertical-align: middle;
        width: 74%;
        margin: auto;
    }



    #float {
        position: relative;
        -webkit-animation: floatBubble 2s infinite normal ease-out;
        animation: floatBubble 2500ms infinite normal ease-out;
    }

    @-webkit-keyframes floatBubble {
        0% {
            top: 0px;
        }

        100% {
            top: 20px;
        }
    }

    @keyframes floatBubble {
        0% {
            top: 0px;
        }

        100% {
            top: 20px;
        }
    }

    .buttonss {
    }

    @keyframes pulse_animation {
        0% {
            transform: scale(1);
        }

        30% {
            transform: scale(1.02);
        }

        60% {
            transform: scale(1.08);
        }

        80% {
            transform: scale(1.12);
        }

        100% {
            transform: scale(1.20);
        }
    }

    .pulse {
        animation-name: pulse_animation;
        animation-duration: 2500ms;
        transform-origin: 70% 70%;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    /*MobileDiv end*/

    .home-frontend {
        background: #EAEAEA;
    }

    .MobileDivLogo {
        margin-top: 20%;
    }

   

    .form-horizontal {
        width: 100% !important;
    }

        .form-horizontal .control-label {
            float: none;
            width: auto;
        }

        .form-horizontal .controls {
            margin-left: 0px;
        }

            .form-horizontal .controls.datecontrol {
                display: inline-block;
                width: 100%;
            }

    .datecontrol span {
        width: 100%;
    }

    .form-horizontal input[type=text], .form-horizontal input[type=password], .form-horizontal textarea, .form-horizontal select {
        width: 100%;
    }

    .form-actions {
        text-align: center;
    }

    .extraconcontrol input[type=text], .extraconcontrol select {
        width: 95%;
    }

    .datepickerspan input[type=text] {
        width: 55%;
    }

    .subnavbar .container > ul > li {
        float: none;
    }

    .subnavbar .container > ul.mainnav {
        height: auto !important;
        overflow: visible;
    }

    .collapse {
        display: none;
    }

    .navbar-inner {
        position: relative;
    }

    .nav.pull-right {
        margin-top: 50px;
    }

    .btn-topnavbar {
        position: absolute;
        top: 5px;
        right: 5px;
        display: block;
        z-index: 5;
    }

    .main {
        position: inherit;
        padding-top: 0px;
    }

    .navbar .nav > li.userdropdown {
        float: right;
    }

    .navbar .nav > li > a, .navbar .dropdown-menu a {
        font-weight: normal;
    }

    .subnavbar .container > ul > li {
        border-left: 0px;
    }

        .subnavbar .container > ul > li:last-child {
            border-right: 0px;
        }

    .nav-collapse .dropdown a {
        text-align: right;
    }

    .pagenationwrap {
        padding: 7px;
        display: inline-block;
        width: 100%;
    }

    .gotopage {
        width: 52%;
        margin-top: 10px;
    }

    .pagenationwrap .col-md-3 {
        text-align: center;
    }

    .pagenationwrap .col-md-5 {
        padding: 0px;
    }

    .viewgridwrap {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .gridfilter * {
        display: block;
        width: 100%;
    }

    .gridfilter .pull-left select {
        width: 60% !important;
    }

    .gridfilter .pull-left .form-control {
        display: inline-block;
    }

    .gridfilter .pagenationlinks {
        width: 39%;
        margin-left: 4px;
    }

    .gridfilter inuput {
        width: 120px !important;
    }

    .gridfilter .pagenationlinks span {
        display: inline-block;
        width: auto;
    }

    .generalnotificationscreen .tab-content {
        padding: 11px;
    }

    .notificationmessagescreen .tabcontentsinner, .generalnotificationscreen .tabcontentsinner {
        width: 100%;
    }

    .notificationmessagescreen .texteditoractionswrap, .generalnotificationscreen .texteditoractionswrap {
        width: 100%;
        margin-left: 0px;
    }

    .editor > div > input {
        margin-left: 0px;
    }

    .resourcesscreen .slickgridwrap {
        margin-left: 0px;
        width: 100% !important;
    }

    .twoinlinecontrols .control-group {
        width: 48%;
        margin-right: 5px;
    }

        .twoinlinecontrols .control-group:last-child {
            margin-right: 0px;
        }

    .statuscircles {
        height: auto;
        width: 95%;
        margin: auto;
        display: inherit;
    }

        .statuscircles .eachcircle {
            margin-bottom: 25px;
            width: 90px;
            height: auto;
            margin-right: 19px;
            margin-left: 19px;
        }

    .eachcircle .circle {
        width: 90px;
        height: 90px;
    }

    .nav-tabs > li > a {
        padding: 10px;
    }

    .threeinlinecontrols .control-group {
        width: 100%;
    }

    .ecouponcongfigscreen .slickgridwrap {
        width: 100% !important;
    }

    .form-horizontal.inline .control-group div {
        width: 90%;
    }

        .form-horizontal.inline .control-group div input[type='text'], .form-horizontal.inline .control-group div select {
            width: 98%;
            margin-left: 0px;
        }

    .form-horizontal.inline .control-group .searchwrap {
        width: 10%;
        margin-top: 26px;
    }

    .inlinetwogrids .pull-left {
        width: 100% !important;
    }

    .inlinetwogrids .gridactions {
        margin-top: 4%;
    }
}

@media (min-width: 250px) and (max-width:479px) {
     .smallscreenWin {
    display: block !important;
    }
    .largescreenWin{
    display: none;
    }

     .smallsizemenu {
    display:block!important;
        display: block!important;
    position: absolute;
    right: 90px;
    top: 17px;
    }
    .topstrip {
     display: none;
    }
    /*MobileDiv start*/

    /*#isMobileDiv {
        display: block !important;
    }*/


    /*MobileDiv end*/
    /*.forwebVersion {
        display: none;
    }*/


    .logoimgMobildiv {
        margin-left: 65px;
        margin-top: 24px;
    }

    .downloadicon {
        text-align: center;
    }

    .downloadbtn {
        /* border-top: 1px solid #96d1f8; */
        /* background: #65a9d7; */
        /* background: -webkit-gradient(linear, left top, left bottom, from(#316487), to(#65a9d7)); */
        /* background: -webkit-linear-gradient(top, #016DB6, #1b5e8c); */
        background: -moz-linear-gradient(top, #316487, #65a9d7);
        background: -ms-linear-gradient(top, #316487, #65a9d7);
        background: -o-linear-gradient(top, #316487, #65a9d7);
        padding: 19px 38px;
        background: linear-gradient(to bottom, #fecc49 0%,#febb08 100%);
        -webkit-border-radius: 25px;
        -moz-border-radius: 25px;
        border-radius: 25px;
        -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
        -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
        box-shadow: rgba(0,0,0,1) 0 1px 0;
        text-shadow: rgba(0,0,0,.4) 0 1px 0;
        color: #176591;
        font-size: 24px;
        font-family: 'Lucida Grande', Helvetica, Arial, Sans-Serif;
        text-decoration: none;
        vertical-align: middle;
        width: 74%;
        margin: auto;
    }




    #float {
        position: relative;
        -webkit-animation: floatBubble 2s infinite normal ease-out;
        animation: floatBubble 2500ms infinite normal ease-out;
    }

    @-webkit-keyframes floatBubble {
        0% {
            top: 0px;
        }

        100% {
            top: 20px;
        }
    }

    @keyframes floatBubble {
        0% {
            top: 0px;
        }

        100% {
            top: 20px;
        }
    }

    .buttonss {
    }

    @keyframes pulse_animation {
        0% {
            transform: scale(1);
        }

        30% {
            transform: scale(1.02);
        }

        60% {
            transform: scale(1.08);
        }

        80% {
            transform: scale(1.12);
        }

        100% {
            transform: scale(1.20);
        }
    }

    .pulse {
        animation-name: pulse_animation;
        animation-duration: 2500ms;
        transform-origin: 70% 70%;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }


    
    .form-horizontal {
        width: 100% !important;
    }

        .form-horizontal .control-label {
            float: none;
            width: auto;
        }

        .form-horizontal .controls {
            margin-left: 0px;
        }

            .form-horizontal .controls.datecontrol {
                display: inline-block;
                width: 100%;
            }

    .datecontrol span {
        width: 100%;
    }

    .form-horizontal input[type=text], .form-horizontal input[type=password], .form-horizontal textarea, .form-horizontal select {
        width: 100%;
    }

    .form-actions {
        text-align: center;
    }

    .extraconcontrol input[type=text], .extraconcontrol select {
        width: 90%;
    }

    .datepickerspan input[type=text] {
        width: 90%;
    }

    .subnavbar .container > ul > li {
        float: none;
    }

    .subnavbar .container > ul.mainnav {
        height: auto !important;
        overflow: visible;
    }

    .collapse {
        display: none;
    }

    .navbar-inner {
        position: relative;
    }

    .nav.pull-right {
        margin-top: 50px;
    }

    .btn-topnavbar {
        position: absolute;
        top: 5px;
        right: 5px;
        display: block;
        z-index: 5;
    }

    .main {
        position: inherit;
        padding-top: 0px;
    }

    .navbar .nav > li.userdropdown {
        float: right;
    }

    .navbar .nav > li > a, .navbar .dropdown-menu a {
        font-weight: normal;
    }

    .subnavbar .container > ul > li {
        border-left: 0px;
    }

        .subnavbar .container > ul > li:last-child {
            border-right: 0px;
        }

    .nav-collapse .dropdown a {
        text-align: right;
    }

    .pagenationwrap {
        padding: 7px;
        display: inline-block;
        width: 100%;
    }

    .gotopage {
        width: 100%;
    }

    .pagenationwrap .col-md-3 {
        text-align: center;
    }

    .pagenationwrap .col-md-5 {
        padding: 0px;
    }

    .pagenationlinks .clearfix {
        display: block;
    }

    .form-actions .btn {
        padding: 3px 7px;
    }

    .viewgridwrap {
        overflow-x: auto;
        overflow-y: hidden;
    }

    .gridfilter * {
        display: block;
        width: 100%;
    }

    .gridfilter .pull-left select {
        width: 100% !important;
    }

    .gridfilter .pagenationlinks span {
        display: inline-block;
        width: auto;
    }

    .generalnotificationscreen .tab-content {
        padding: 11px;
    }

    .notificationmessagescreen .tabcontentsinner, .generalnotificationscreen .tabcontentsinner {
        width: 100%;
    }

    .notificationmessagescreen .texteditoractionswrap, .generalnotificationscreen .texteditoractionswrap {
        width: 100%;
        margin-left: 0px;
    }

    .editor > div > input {
        margin-left: 0px;
    }

    .texteditor .btn {
        padding: 6px 11px;
    }

    .resourcesscreen .slickgridwrap {
        margin-left: 0px;
        width: 100% !important;
    }

    .twoinlinecontrols .control-group {
        width: 48%;
        margin-right: 5px;
    }

        .twoinlinecontrols .control-group:last-child {
            margin-right: 0px;
        }

    .statuscircles {
        height: auto;
        width: 95%;
        margin: auto;
        display: inherit;
    }

        .statuscircles .eachcircle {
            margin-bottom: 25px;
            width: 90px;
            height: auto;
            margin-right: 10px;
            margin-left: 10px;
        }

    .eachcircle .circle {
        width: 90px;
        height: 90px;
    }

    .nav-tabs > li > a {
        padding: 10px;
    }

    .threeinlinecontrols .control-group {
        width: 100%;
    }

    .ecouponcongfigscreen .slickgridwrap {
        width: 100% !important;
    }

    .form-horizontal.inline .control-group div {
        width: 85%;
    }

        .form-horizontal.inline .control-group div input[type='text'], .form-horizontal.inline .control-group div select {
            width: 98%;
            margin-left: 0px;
        }

    .form-horizontal.inline .control-group .searchwrap {
        width: 15%;
        margin-top: 26px;
    }

    .inlinetwogrids .pull-left {
        width: 100% !important;
    }

    .inlinetwogrids .gridactions {
        margin-top: 4%;
    }
}


/* Start home front end */

.home-frontend .container {
    width: 100%;
    padding: 0px!important;
}

.logowrap 
{
    background: url('../../images/home/bg.png') repeat;
   /* background: #ffffff;/*016DB6*/
    width: 355px;
    height: 166px;
    text-align: right;
    /*-webkit-clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 75% 100%, 0% 100%);*/
    position: relative;
    float: left;
}

    .logowrap .crossline {
        position: absolute;
        top: 0px;
        right: 0;
        background: url("../../images/home/header_crossline.jpg") no-repeat;
        width: 57px;
        height: 166px;
    }

    .logowrap .logoimg {
        margin-top: 10%;
        margin-right: 18%;
    }

.header {
    height: 166px;
}

    .header .topstrip {
        background: #176791;
        height: 44px;
        margin-left: 210px; /* change*/
        padding-right: 4%; /* change*/
    }

.topstrip .contactinfo {
    margin-top: 12px;
    color: #fff;
    width: 16%;
}

    .topstrip .contactinfo.emailinfo {
        width: 23%;
    }

    .topstrip .contactinfo .fa-phone, .topstrip .contactinfo .fa-envelope {
        color: #FFB700;
        font-size: 17px;
        float: left;
        margin-top: 3px;
        margin-right: 5px;
    }

    .topstrip .contactinfo span {
        float: left;
    }

    .topstrip .contactinfo .fa-envelope {
        margin-right: 10px;
    }

.topstrip .loginregisterlinks {
    margin-top: 12px;
    color: #fff;
    width: auto;
    padding: 0px;
    float: right;
}

    .topstrip .loginregisterlinks .fa-sign-out {
        transform: rotate(180deg);
        margin-right: 5px;
    }
    /*.topstrip .login span{
    margin-left:5px;
}*/
    .topstrip .loginregisterlinks span a {
        color: #ffffff;
        text-decoration: none;
    }

    .topstrip .loginregisterlinks:last-child {
         position: relative;
    float: right;
    right: 0px;
    }

.topstrip .sep {
    width: auto;
    color: #FFB700;
    padding: 0px;
    margin: 9px 5px 0px 11px;
    font-size: 20px;
    float: right;
}

.topstrip .languagelinks {
    margin-top: 6px;
    position: relative;
    width: 10%;
    float: right;
}

    .topstrip .languagelinks a, .topstrip .userinfo a {
        padding: 6px 5px;
        float: left;
        text-decoration: none;
        color: #ffffff;
    }

        .topstrip .userinfo a .fa-user {
            float: left;
            margin-top: 3px;
            color: #fff;
            margin-right: 5px;
        }

    .topstrip .languagelinks li.dropdown, .topstrip .userinfo li.dropdown {
        float: right;
        list-style-type: none;
        white-space: nowrap;
    }

    .topstrip .languagelinks .dropdown-menu, .topstrip .userinfo .dropdown-menu {
        min-width: 120px;
        top: 33px;
        left: inherit;
        right: 0;
    }

.topstrip .userinfo {
    margin-top: 6px;
    position: relative;
    width: 34%;
}

.topstrip .dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgb(255, 255, 255);
    position: absolute;
    top: -7px;
    left: 25px;
}

.topstrip .languagelinks .dropdown-menu li, .topstrip .userinfo .dropdown-menu li {
    padding: 0px;
    list-style-type: none;
}

.topstrip .languagelinks .dropdown-menu a, .topstrip .userinfo .dropdown-menu a {
    color: #8A8787;
    float: none;
    padding: 3px 7px;
    font-size: 12px;
}

.topstrip .notifications_wrap {
    float: right;
    background: #FEC83A;
    border-radius: 4px;
    margin-top: 8px;
    margin-right: 20px;
    cursor: pointer;
}

.topstrip .notifications_wrap {
    position: absolute;
    right: 0px;
    top: 0px;
}

.topstrip .notification_count {
    float: left;
    color: #FFFFFF;
    border-radius: 50%;
    text-align: center;
    font-size: 15px;
    margin-left: 3px;
    margin-top: 4px;
    padding: 0px 3px;
    font-weight: bold;
}

.topstrip .notification_lbl {
    color: #176791;
    margin-top: 7px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 28px;
    margin-right: 7px;
    margin-left: 0px;
}

.topnav {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fecc49+0,febb08+100 */
    background: #176791; /* Old browsers */
    /*background: -moz-linear-gradient(top, #fecc49 0%, #febb08 100%); /* FF3.6-15 */
    /*background: -webkit-linear-gradient(top, #fecc49 0%,#febb08 100%); /* Chrome10-25,Safari5.1-6 */
    /*background: linear-gradient(to bottom, #fecc49 0%,#febb08 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fecc49', endColorstr='#febb08',GradientType=0 ); /* IE6-9 */
    width: 100%;
    height: 50px;
    text-align: center;
    padding-top: 14px;
    color:White;
}

.socialwrap {
    display: inline-block;
    margin-top: 37px;
    margin-left: 1%;
    float: left;
}

    .socialwrap div {
        font-size: 12px;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 2px;
    }

    .socialwrap .socialicon {
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -o-border-radius: 50%;
        border-radius: 50%;
        width: 35px;
        height: 35px;
        text-align: center;
        float: left;
        padding: 8px;
        margin: 0px 5px;
        border: 1px dashed;
    }

        .socialwrap .socialicon:hover {
            background: #f2f2f2;
            cursor: pointer;
        }

        .socialwrap .socialicon i {
            font-size: 18px;
        }

.socialicon.facebook {
    border-color: #3C5A9A;
}

    .socialicon.facebook i {
        color: #3C5A9A;
    }

.socialicon.twitter {
    border-color: #67A0CD;
}

    .socialicon.twitter i {
        color: #67A0CD;
    }

.socialicon.google-plus {
    border-color: #EF3A27;
    padding: 7px;
}

    .socialicon.google-plus i {
        color: #EF3A27;
        font-size: 14px;
    }

.top-ad {
    float: left;
    margin-left: 4%;
    margin-top: -1px;
    width: 706px;
    height: 99px;
    overflow: hidden;
    -moz-box-shadow: 0px 2px 5px #888;
    -webkit-box-shadow: 0px 2px 5px #888;
    box-shadow: 0px 2px 5px #888;
    position: relative;
}

    .top-ad img {
        width: 706px;
        height: 99px;
        object-fit: cover;
    }

.topnav div {
    margin: auto;
    display: inline-block;
}

.topnav .dropdown-menu:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0);
    position: absolute;
    top: -7px;
    right: 12px;
    left: 0px;
}

.topnav .dropdown-menu:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    right: 13px;
}

.topnav .dropdown-menu {
    right: 0px;
    left: inherit;
    top: 25px;
}

    .topnav .dropdown-menu > li > a {
        font-size: 14px;
        width: 100%;
        padding: 3px 13px;
        border-right: 0px;
    }

    .topnav .dropdown-menu > li {
        padding: 0px;
    }

.topnav a {
    color: #fff;
    font-size: 16px;
    float: left;
    text-decoration: none;
    cursor: pointer;
    border-right: 1px solid #7C8E92;
    padding-right: 13px;
    padding-left: 13px;
}

.topnav .menuwrap > a:last-child {
    border-right: 0px;
    padding-right: 0px;
}

.topnav .menuwrap div {
    float: left;
    position: relative;
}
/* slider  */

.jssorb05 {
    position: absolute;
}

    .jssorb05 div, .jssorb05 div:hover, .jssorb05 .av {
        position: absolute;
        /* size of bullet elment */
        width: 16px;
        height: 16px;
        background: url('../../images/home/b05.png') no-repeat;
        overflow: hidden;
        cursor: pointer;
    }

    .jssorb05 div {
        background-position: -7px -7px;
    }

        .jssorb05 div:hover, .jssorb05 .av:hover {
            background-position: -37px -7px;
        }

    .jssorb05 .av {
        background-position: -67px -7px;
    }

    .jssorb05 .dn, .jssorb05 .dn:hover {
        background-position: -97px -7px;
    }

.jssora22l, .jssora22r {
    display: none;
    position: absolute;
    /* size of arrow element */
    width: 40px;
    height: 58px;
    cursor: pointer;
    background: url('../../images/home/a22.png') center center no-repeat;
    overflow: hidden;
}

.jssora22l {
    background-position: -10px -31px;
}

.jssora22r {
    background-position: -70px -31px;
}

.jssora22l:hover {
    background-position: -130px -31px;
}

.jssora22r:hover {
    background-position: -190px -31px;
}

.jssora22l.jssora22ldn {
    background-position: -250px -31px;
}

.jssora22r.jssora22rdn {
    background-position: -310px -31px;
}

/* slider end*/

.whatiscontest {
    margin-top: 40px;
    height: 313px;
    width: 100%;
}

    .whatiscontest .contestimgfirst {
        background: url("../../images/home/img1.png") no-repeat;
        width: 398px;
        height: 313px;
        float: left;
        background-size: cover;
    }

    .whatiscontest .contentwrap {
        background: #EAEAEA;
        height: 313px;
        width: 100%;
    }

.contentwrap .contenthead {
    background: url("../../images/home/img2.png") no-repeat;
    height: 71px;
    margin-left: 397px;
    position: relative;
    top: -12px;
    z-index: 1;
}

.contenthead span {
    font-size: 22px;
    /*text-transform: uppercase;*/
    margin-top: 10px;
    float: left;
    margin-left: 13px;
    color: #fff;
}

.contentwrap .content {
    margin-left: 18px;
    width: 33%;
    text-align: justify;
    font-size: 14px;
    float: left;
    line-height: 18px;
}

.contentwrap .middle-ad {
    width: 400px;
    height: 340px;
    /* background: #fff; */
    float: right;
    margin-top: -95px;
    padding-top: 20px;
    overflow: hidden;
}

    .contentwrap .middle-ad img {
        width: 100%;
        height: 314px;
        object-fit: cover;
    }

.aboutecoupon {
    margin-top: 30px;
    display: inline-block;
    width: 100%;
}

    .aboutecoupon .registitation {
        background: url("../../images/home/img14.png") no-repeat;
        width: 80%;
        height: 362px;
        float: left;
    }

.registitation .empty {
    width: 215px;
    float: left;
    height: 359px;
}

.registitation .peoplereg, .registitation .corpreg {
    float: left;
    margin-top: 38px;
    position: relative;
    width: 416px;
    height: 292px;
}

.registitation .peoplereg {
    margin-right: 15px;
    background: url("../../images/home/img8.png") no-repeat;
}

.registitation .corpreg {
    background: url("../../images/home/img9.png") no-repeat;
}

.registitation .editicon {
    position: absolute;
    top: 7px;
    right: 10px;
    background: #006DB8;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    text-align: center;
    color: #fff;
    line-height: 53px;
    font-size: 2em;
}

.registitation .regtitle {
    position: absolute;
    top: 75px;
    right: 19px;
    color: #BB9132;
    font-size: 1.4em;
    width: 150px;
    line-height: 24px;
    text-shadow: 0 1px 0 rgb(255, 255, 255);
    letter-spacing: 1px;
}

    .registitation .regtitle div {
        font-size: 20px;
    }

.registitation .join {
    position: absolute;
    top: 145px;
    right: 6px;
    font-size: 2em;
    width: 160px;
    line-height: 30px;
    font-family: fantasy;
    letter-spacing: 2px;
}

    .registitation .join div {
        letter-spacing: 0px;
        font-size: 27px;
    }

.registitation .regnowbtn {
    position: absolute;
    bottom: 28px;
    right: 2px;
}

    .registitation .regnowbtn a {
        border: 1px solid #fff;
        background: #046BB6;
        color: #fff;
        padding: 7px 10px;
        z-index: 1;
        position: relative;
        cursor: pointer;
    }

        .registitation .regnowbtn a:hover {
            background: #2F96E0;
        }

        .registitation .regnowbtn a:before {
            content: '';
            position: absolute;
            top: -3px;
            left: -3px;
            right: -3px;
            bottom: -3px;
            background: #046BB6;
            z-index: -1;
        }

.aboutcontentwrap {
    width: 260px;
    height: 396px;
    float: left;
    background: url("../../images/home/img10-1.png") no-repeat;
    position: relative;
    margin-left: 5px;
}

    .aboutcontentwrap .abouttitle {
        position: absolute;
        font-size: 1.5em;
        text-align: center;
        left: 29%;
        top: 48px;
        color: #ffffff;
        font-weight: bold;
        text-shadow: rgb(71, 71, 71) 3px 2px 2px;
    }

    .aboutcontentwrap .aboutcontent {
        position: absolute;
        top: 41%;
        width: 90%;
        text-align: center;
        left: 13px;
        color: #fff;
        font-size: 14px;
    }

.carouselwrap {
    width: 100%;
    margin-top: 2%;
    margin-bottom: 2%;
    display: inline-block;
    background: url("../../images/home/coupons-bg.jpg") repeat-x 0px 86px;
}

    .carouselwrap .couponscarouselwrap {
        width: 100%;
        position: relative;
        float: left;
    }

        .carouselwrap .couponscarouselwrap.ticketscarouselwrap {
            width: 100%;
        }

    .carouselwrap .carouselinnerwrap {
        /*background:#EAEAEA;*/
        width: 100%;
        height: 230px;
        text-align: center;
        margin-top: 80px;
    }

    .carouselwrap .carouseltitlewrap {
        margin: auto;
        height: 40px;
        width: 88%;
    }

.carouseltitlewrap div {
    float: left;
}

.carouseltitlewrap .line {
    border-bottom: 1px solid #CFCFCF;
    width: 32%;
    margin-top: 22px;
    position: relative;
}

.carouseltitlewrap.tickets .line {
    width: 30%;
}

.carouseltitlewrap .line span {
    display: block;
    background: #CFCFCF;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
}

.carouseltitlewrap .line:first-child span {
    right: 0;
}

.carouseltitlewrap .line:last-child span {
    left: 0;
}

.carouseltitlewrap .carouseltitle {
    margin: 1px 27px;
    font-size: 2em;
    font-family: fantasy;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.carouselinnerwrap .itemwrap {
    display: inline-block;
    margin: auto;
    margin-top: -50px;
    width: 89%;
    height: 280px;
}

.carouselinnerwrap .eachitem {
    width: 286px;
    text-align: center;
    margin: auto;
    height: 280px;
    float: left;
    position: relative;
    margin-right: 13px;
}

.eachitem .topborder {
    border: 6px solid #FEBA01;
    padding: 7px;
    position: absolute;
    width: 100%;
}

.eachitem img {
    position: relative;
    margin-top: 6px;
    height: 240px;
    width: 96%;
    object-fit: cover;
}

.eachitem .bottomsection {
    background: #0982d3; /* Old browsers */
    background: -moz-linear-gradient(top, #0982d3 0%, #056aae 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #0982d3 0%,#056aae 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #0982d3 0%,#056aae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0982d3', endColorstr='#056aae',GradientType=0 ); /* IE6-9 */
    width: 90%;
    height: 70px;
    position: absolute;
    bottom: 20px;
    border: 1px solid #fff;
    left: 14px;
    -moz-box-shadow: 0px 2px 5px #416A86;
    -webkit-box-shadow: 0px 2px 5px #416A86;
    box-shadow: 0px 2px 5px #416A86;
    color: #fff;
}

.bottomsection .title {
    width: 115px;
    text-align: left;
    margin-left: 7px;
    margin-top: 5px;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 16px; /* fallback */
    /*max-height: 32px;*/ /* fallback */
    -webkit-line-clamp: 3; /* number of lines to show */
    -webkit-box-orient: vertical;
}

.bottomsection .price {
    float: right;
    margin-top: 11px;
    border: 1px dashed #fff;
    padding: 2px 6px;
    margin-right: 7px;
}

.eachitem .hoverbg {
    width: 274px;
    height: 240px;
    background: rgba(0,0, 0,0.4);
    position: absolute;
    top: 6px;
    left: 6px;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}

.carouselinnerwrap .eachitem:hover .hoverbg {
    opacity: 1;
    transition: opacity .50s ease-in-out;
    -moz-transition: opacity .50s ease-in-out;
    -webkit-transition: opacity .50s ease-in-out;
}

.hoverbg div {
    border: 5px solid #fff;
    width: 85px;
    height: 85px;
    border-radius: 50%;
    position: absolute;
    top: 22%;
}

    .hoverbg div.applybtn {
        left: 10%;
    }

    .hoverbg div.viewbtn {
        right: 10%;
    }

#TicketCarousel .hoverbg div.applybtn {
    left: 10%;
}

#TicketCarousel .hoverbg div.viewbtn {
    right: 10%;
}

.hoverbg a {
    text-transform: uppercase;
    position: absolute;
    background: #fff;
    width: 68px;
    height: 68px;
    border-radius: 50%;
    line-height: 68px;
    left: 3px;
    top: 3px;
    color: #056CB1;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
}

.bottomsecwrap {
    text-align: center;
}

.bottomsec {
    width: 88%;
    margin: 20px auto;
    display: inline-block;
}

    .bottomsec .bottomleft, .bottomsec .bottomright {
        width: 300px;
        float: left;
        height: 300px;
        overflow: hidden;
        position: relative;
        -moz-box-shadow: 0px 2px 5px #888;
        -webkit-box-shadow: 0px 2px 5px #888;
        box-shadow: 0px 2px 5px #888;
    }

    .bottomsec .bottomright {
        float: right;
    }

        .bottomsec .bottomleft img, .bottomsec .bottomright img {
            height: 300px;
            width: 100%;
            object-fit: cover;
        }

    .bottomsec .newssec {
        background: #EFEFEF url("../../images/home/img6.png") no-repeat bottom;
        width: 40%;
        height: 300px;
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px#888;
        box-shadow: 0 0 5px #888;
        float: left;
        margin: 0px 2% 0px 8%;
    }

.newssec .newshead {
    background: url("../../images/home/img12.png") no-repeat center;
    width: 238px;
    height: 56px;
    margin: -1px auto;
    font-size: 1.7em;
    color: #ffffff;
    line-height: 55px;
}

.newswrap .eachnews {
    display: inline-block;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 9px;
}

.eachnews .date {
    float: left;
    background: url("../../images/home/img5.png") no-repeat center;
    width: 110px;
    height: 93px;
    color: #fff;
    margin-left: -50px;
    line-height: 25px;
    margin-top: -10px;
}

.date div:first-child {
    font-family: fantasy;
    font-size: 2em;
    margin-top: 23px;
}

.date div:last-child {
    font-size: 1.2em;
}

.eachnews .newscontent {
    text-align: left;
    color: #929090;
    border-bottom: 1px dashed #989898;
    padding-bottom: 25px;
    float: left;
    width: 80%;
    margin-top: 13px;
    margin-left: 10px;
}

.newswrap .eachnews:last-child .newscontent {
    border-bottom: 0px;
}

.footerwrap {
    background: #212121 url("../../images/home/img4.png") repeat-x top;
    width: 100%;
    height: 200px;
    text-align: center;
}

    .footerwrap .footer {
        width: 88%;
        margin: auto;
        height: 155px;
    }

.footer .footerlinks {
    width: 35%;
    display: inline-block;
    float: left;
    text-align: left;
    margin-top: 4%;
}

.footerlinks div {
    float: left;
    width: 50%;
    margin-bottom: 20px;
}

    .footerlinks div i {
        color: #FFB802;
        margin-right: 7px;
        margin-top: 0px;
        float: left;
        font-size: 17px;
    }

    .footerlinks div a {
        color: #BDBDBD;
        float: left;
        text-transform: uppercase;
        font-size: 13px;
    }

.footer .contactinfo {
    float: left;
    width: 45%;
    margin-top: 20px;
    margin-left: 4%;
}

.contactinfo .eachinfo {
    float: left;
    margin-right: 10%;
}

    .contactinfo .eachinfo div {
        border: 3px solid #E3A900;
        width: 86px;
        height: 84px;
        border-radius: 50%;
        position: relative;
        margin: 0px auto 10px auto;
    }

        .contactinfo .eachinfo div i {
            background: #0881D2;
            width: 68px;
            height: 68px;
            border-radius: 50%;
            line-height: 68px;
            position: absolute;
            top: 5px;
            left: 6px;
            color: #fff;
            font-size: 2em;
            margin-bottom: 20px;
        }

    .contactinfo .eachinfo span {
        color: #B5B5B5;
        font-size: 13px;
    }

.footer .socialwrap div {
    color: #ffffff;
    text-align: left;
    margin-bottom: 5px;
    margin-left: 4px;
}

.footer .socialwrap a {
    border: 2px solid #E3A900;
}

    .footer .socialwrap a:hover {
        background: rgba(115, 114, 114, 0.4);
    }

    .footer .socialwrap a i {
        color: #fff;
    }

.footer .socialicon.google-plus {
    padding: 6px;
}

.footerwrap .copyrights {
    color: #bbbbbb;
    margin-top: 11px;
}

.innercontent {
    width: 84%;
    margin: 20px auto;
    text-align: justify;
    min-height: 182px;
}

    .innercontent .pagehead {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
        padding-left: 28%;
    }

.bigpagetitle .pagehead {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    padding-left: 25%;
}


/*mrm*/
.pagehead .pagetitle {
    margin: 1px 15px;
    font-size: 1.7em;
    font-family: fantasy;
    /*text-transform: uppercase;*/
    letter-spacing: 2px;
}

.pagehead div {
    float: left;
}

.pagehead .line {
    border-bottom: 1px solid #CFCFCF;
    width: 18%!important;
    margin-top: 17px;
    position: relative;
}

.contactusscreen .pagehead .line {
    /*width: 34%!important;*/
}

.pagehead .line:last-child {
    width: 38%;
}

.pagehead .line span {
    display: block;
    background: #CFCFCF;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: -5px;
}

.pagehead .line:first-child span {
    right: 0;
}

.pagehead .line:last-child span {
    left: 0;
}
/* start Loaltiy */
.totalpoints {
    font-weight: bold;
    text-align: right;
    color: #016DB6;
    font-size: 1.3em;
    margin-bottom: 10px;
}

    .totalpoints label {
        margin: 0px 13px;
        font-size: 17px;
    }

.redeemswrap {
    display: inline-block;
    width: 100%;
}

    .redeemswrap .eachredeem:nth-child(even) {
        margin-right: 0px;
    }

.eachredeem {
    float: left;
    margin-right: 22px;
    margin-bottom: 20px;
    width: 49%;
    background: #016DB6;
    position: relative;
    overflow: hidden;
    height: 174px;
}

    .eachredeem .circle1 {
        background: rgba(255, 255, 255, 0.1);
        width: 100px;
        height: 100px;
        position: absolute;
        border-radius: 50%;
        right: -20px;
        bottom: 31px;
    }

    .eachredeem .circle2 {
        background: rgba(255, 255, 255, 0.1);
        width: 130px;
        height: 130px;
        position: absolute;
        border-radius: 50%;
        right: -10px;
        top: -32px;
    }

    .eachredeem .redeemimgwrap {
        float: left;
        width: 30%;
    }

        .eachredeem .redeemimgwrap img {
            width: 100%;
        }

    .eachredeem .redeemcontentwrap {
        float: left;
        padding: 14px 20px;
        color: #fff;
        width: 70%;
        text-align: left;
    }

        .eachredeem .redeemcontentwrap .redeemtitle {
            font-size: 18px;
            margin-bottom: 10px;
        }

        .eachredeem .redeemcontentwrap .redeemfrom {
            margin-top: 3px;
        }

        .eachredeem .redeemcontentwrap .redeembtn {
            position: absolute;
            bottom: 10px;
            right: 20px;
            background: #fff;
            border: 0px;
            color: #016DB6;
            padding: 5px 15px;
            border-radius: 3px;
        }

/* end Loaltiy */

/* start notifications */
.allnotifications .panel {
    margin-bottom: 20px;
}

.allnotifications .panel-default > .panel-heading {
    background: none;
    display: inline-block;
    width: 100%;
}

    .allnotifications .panel-default > .panel-heading a {
        color: #006CB7;
        float: left;
        font-size: 14px;
        width: 90%;
        text-align: left;
    }

        .allnotifications .panel-default > .panel-heading a.unread {
            font-weight: bold;
        }

    .allnotifications .panel-default > .panel-heading span {
        color: #9E9E9E;
        float: right;
        font-size: 14px;
    }

    .allnotifications .panel-default > .panel-heading + .panel-collapse > .panel-body {
        border-top: 0px;
    }

.allnotifications .panel-body {
    padding: 5px 15px 15px 15px;
}

.allnotifications .panel-heading {
    padding: 10px 15px 5px 15px;
}
/* end notifications */
.checkboxcontrol input {
    margin-top: 9px;
}

.CkndImgStl {
    height: 24px;
    margin-left: 1px;
    margin-top: 1px;
    vertical-align: top !important;
    width: 21px;
}

.datecontrol span {
    margin-left: 0px;
}

.home-frontend .datecontrol .dateStl {
    width: 95px !important;
}

.datecontrol .hijriStl {
    width: 130px !important;
    border-left: 0px !important;
}

.prevnextbtns {
    display: inline-block;
    width: 100%;
}

.form-horizontal {
    width: 860px;
}

form-horizontal .control-group {
    margin-bottom: 18px;
    *zoom: 1;
}

.form-horizontal .control-group:before, .form-horizontal .control-group:after {
    display: table;
    content: "";
}

.form-horizontal .control-group:after {
    clear: both;
}

.form-horizontal .control-label {
    float: left;
    width: 200px;
    padding-top: 5px;
    text-align: right;
}

.form-horizontal .controls {
    margin-left: 220px;
    *display: inline-block;
    *margin-left: 0;
    *padding-left: 20px;
}

.form-horizontal .help-block {
    margin-top: 9px;
    margin-bottom: 0;
}

.form-horizontal .form-actions {
    padding-left: 160px;
}

.form-horizontal .control-group { /*change margin bottom for corporate user 22/12/16* original margine bottom is 18px;*/
    margin-bottom: 8px;
}
/*#FirstDIV.control-group {
      margin-bottom: 8px!important;
}*/
.innercontent .widget-header {
    position: relative;
    background: #f9f6f1;
    background: -moz-linear-gradient(top, #f9f6f1 0%, #f2efea 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f6f1), color-stop(100%,#f2efea)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* IE10+ */
    background: linear-gradient(top, #f9f6f1 0%,#f2efea 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f6f1', endColorstr='#f2efea')";
    border: 1px solid #d6d6d6;
    -webkit-background-clip: padding-box;
    padding: 19px 3px;
}

    .innercontent .widget-header h3 {
        position: absolute;
        left: 10px;
        display: inline-block;
        font-size: 14px;
        color: #525252;
        line-height: 18px;
        top: 10px;
        text-shadow: 1px 1px 2px rgba(255,255,255,.5);
        margin: 0px;

    }

    .innercontent .widget-header + .widget-content {
        border-top: none;
        -webkit-border-top-left-radius: 0;
        -webkit-border-top-right-radius: 0;
        -moz-border-radius-topleft: 0;
        -moz-border-radius-topright: 0;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
    }

.innercontent .widget-content {
    padding: 20px 15px 15px;
    background: #FFF;
    border: 1px solid #D5D5D5;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.home-frontend .form-horizontal input[type=text], .home-frontend .form-horizontal input[type=password], .home-frontend .form-horizontal textarea, .home-frontend .form-horizontal select {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
    -o-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
    outline: 0px;
    width: 560px;
    border: 1px solid #cccccc;
    padding: 4px 5px;
}

.form-horizontal .form-actions {
    text-align: right;
    padding: 17px 20px 18px;
    margin-bottom: 18px;
    background-color: #eeeeee;
    border-top: 1px solid #ddd;
}

.prize-config-form .form-actions {
    text-align: right;
    padding: 17px 20px 18px;
    margin-bottom: 18px;
    background-color: #eeeeee;
    border-top: 1px solid #ddd;
}

.jqte_tool, .jqte_linktypeselect, .jqte_linkinput, .jqte_linkbutton {
    float: left;
}

.eachregpart {
    display: none;
}

.multiads a {
    position: absolute;
    display: none;
}

    .multiads a:first-child {
        display: block;
    }

.requiredfield {
    border: 1px solid #FF0000 !important;
}

.mandatorycontrol {
    color: #ff0000;
    font-size: 11px;
    margin-left: 3px;
    margin-top: 3px;
}

.ajax__calendar_days table {
    width: 98%;
}

.labelcheckbox ol {
    width: 100%;
    display: inline-block;
    margin: 0px;
    margin-top: 7px;
    padding: 0px;
}

.labelcheckbox li {
    float: left;
    padding: 0px;
    list-style: none;
    margin-right: 13px;
}

    .labelcheckbox li * {
        float: left;
    }

    .labelcheckbox li label {
        margin-top: 1px;
    }

    .labelcheckbox li input {
        margin-right: 3px;
    }

.eachquestion .question {
    font-weight: bold;
    color: #016DB6;
}

.eachquestion .labelcheckbox {
    margin-top: 10px;
}

.invitefriendsscreen .fa-plus-circle {
    font-size: 1.5em;
    margin-left: 2px;
    color: #125380;
}

.emaillist {
    display: inline-block;
    width: 100%;
}

    .emaillist div {
        float: left;
        margin-right: 1%;
        margin-bottom: 1%;
        background: #F7F7F7;
        padding: 2px 7px;
        border: 1px solid #E4E4E4;
        width: 45%;
    }

        .emaillist div label {
            float: left;
            width: 94%;
        }

        .emaillist div .fa {
            float: right;
            margin-top: 3px;
            margin-left: 5px;
            color: #19648C;
            cursor: pointer;
            opacity: 0.5;
        }

            .emaillist div .fa:hover {
                color: #920000;
                opacity: 1;
            }

.carouselinnerwrap .carousel {
    position: inherit;
}

.carouselinnerwrap .carousel-control {
    width: 2%;
    height: 24px;
    background-image: none;
    top: 35px;
    color: #016DB6;
}

    .carouselinnerwrap .carousel-control.left {
        right: 115px;
        left: inherit;
    }

    .carouselinnerwrap .carousel-control.right {
        right: 73px;
    }

.ticketscarouselwrap .carouselinnerwrap .carousel-control.left {
    right: 130px;
    left: inherit;
}

.ticketscarouselwrap .carouselinnerwrap .carousel-control.right {
    right: 90px;
}

.socialButtons {
    height: 40px;
}

    .socialButtons > div, .socialButtons > a {
        float: left;
    }

    .socialButtons a.btn-google {
        height: 22px;
        line-height: 9px;
        font-size: 12px;
        margin-left: 3%;
        width: auto;
    }

        .socialButtons a.btn-google i {
            font-size: 14px;
            line-height: 21px;
        }

.invitefriendsscreen .screenbg {
    background: url(../../images/home/change-email-bg.jpg) no-repeat bottom;
    width: 100%;
    height: 500px;
}

.invitefriendsscreen .form-horizontal {
    margin: auto;
    width: 600px;
    padding-top: 50px;
}

    .invitefriendsscreen .form-horizontal .controls {
        margin-left: 0px;
    }

    .invitefriendsscreen .form-horizontal .control-label {
        width: auto;
        font-size: 18px;
        margin-bottom: 7px;
    }

    .invitefriendsscreen .form-horizontal .controls input[type=text] {
        width: 90%;
        border: 0px;
        border-radius: 4px;
        float: left;
        padding: 5px;
    }

.invitefriendsscreen .addbtn {
    background: #016DB6;
    color: #fff;
    padding: 0px 16px;
    font-size: 1.5em;
    border-radius: 4px;
    float: left;
    margin-left: 6px;
}

.invitefriendsscreen .emaillist {
    height: 280px;
    border-bottom: 1px solid #D2A52F;
}

.invitefriendsscreen .btnwrap {
    text-align: right;
}

.contactusscreen .leftsection {
    background: #FFFFFF;
    padding: 25px 35px;
    height: 499px;
}

.contactusscreen .rightsection {
    background: #FECC49;
    padding-top: 20px;
}

.contactusscreen .pagesubtitle {
    color: #026EB9;
    font-size: 21px;
    margin-bottom: 20px;
}

.contactusscreen .controls {
    display: inline-block;
    width: 100%;
    margin-bottom: 16px;
}

.lbldivcountacus {
    float: left;
    width: 25%;
    margin-top: 6px;
}
/*.contactusscreen .controlslbl_wrap span{
    float: left;
    width: 25%;
    margin-top: 6px;
}*/
.contactusscreen .controls .form-control {
    float: left;
    width: 73%;
    border: 1px solid #AA914F;
    background: none;
    box-shadow: none;
}

.contactusscreen .controls.btnwrap {
    text-align: right;
}

    .contactusscreen .controls.btnwrap .btn {
        margin-right: 5px;
        padding: 6px 30px;
        font-weight: bold;
        font-size: 17px;
    }

.contactmap {
    min-height: 300px;
    width: 80%;
    height: 100%;
    margin-left:10%;
    margin-right:10%;
    margin-bottom:10px;
}

.barcodeconfiggridswrap {
    display: inline-block;
    width: 100%;
}

.custommodal#LoginModal .modal-dialog {
    width: 787px;
    margin: 120px auto;
    border: 2px solid #fcb711;
}

.custommodal#GuestUserModal .modal-dialog {
    width: 739px;
    margin: 80px auto;
    border: 2px solid #fcb711;
}

.custommodal.modal {
    background: rgba(0,0,0,0.7);
}

.custommodal .custommodalpopwrap {
    display: inline-block;
    width: 100%;
}

.custommodal button.close {
    background: #FFB900;
    padding: 6px 11px;
    color: #000;
    position: absolute;
    right: 0;
    opacity: 10;
    text-shadow: none;
}

.custommodal .modal-body {
    padding: 0px;
}

.custommodal .modal-content {
    border-radius: 0px;
    border: 0px;
}

.loginpopleft {
    height: 392px;
    background: url("../../images/home/loginbg.jpg") no-repeat;
    width: 390px;
    float: left;
    padding: 20px 20px 15px 20px;
}

#GuestUserModal .loginpopleft {
    padding: 36px 40px 40px 35px;
}

.loginpopleft h1 {
    color: #1D79BD;
    font-size: 1.5em;
    text-align: center;
}

#GuestUserModal .loginpopleft h1 {
    color: #FD961D;
    margin-top: 0px;
}

.loginpopleft .socialicons {
    width: 78%;
    margin: 15px auto 0px auto;
    height: 37px;
}

    .loginpopleft .socialicons a {
        float: left;
        border-radius: 50%;
        width: 36px;
        height: 36px;
        margin-right: 15px;
        opacity: 0.7;
    }

        .loginpopleft .socialicons a:hover {
            opacity: 1;
            cursor: pointer;
        }

        .loginpopleft .socialicons a:last-child {
            margin-right: 0px;
        }

.loginpopleft .facebooklnk {
    border: 1px solid #006EB5;
}

.loginpopleft .googlelnk {
    border: 1px solid #DC4A3D;
}

.loginpopleft .twitterlnk {
    border: 1px solid #23C6FE;
}

.loginpopleft .yahoolnk {
    border: 1px solid #400190;
}

.loginpopleft .windowslnk {
    border: 1px solid #0073C7;
}

.loginpopleft .socialicons i {
    width: 30px;
    height: 30px;
    display: block;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    margin-left: 2px;
    margin-top: 2px;
}

.loginpopleft .socialicons .fa-facebook {
    background: #006EB5;
    line-height: 31px;
    font-size: 16px;
}

.loginpopleft .socialicons .fa-google {
    background: #DC4A3D;
    line-height: 30px;
    font-size: 16px;
}

.loginpopleft .socialicons .fa-google-plus {
    background: #DC4A3D;
    line-height: 30px;
    font-size: 16px;
}

.loginpopleft .socialicons .fa-twitter {
    background: #23C6FE;
    line-height: 31px;
    font-size: 18px;
}

.loginpopleft .socialicons .fa-yahoo {
    background: #400190;
    line-height: 31px;
    font-size: 15px;
}

.loginpopleft .socialicons .fa-windows {
    background: #0073C7;
    line-height: 30px;
    font-size: 16px;
}

.loginpopleft .loginsubhead {
    color: #767676;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 1.2em;
}

#GuestUserModal .loginpopleft .loginsubhead {
    margin-top: 6px;
    margin-bottom: 5px;
}

.loginpopleft .login-fields .loginOr {
    width: 100%;
    margin: 0px 0px 17px 0;
}

#GuestUserModal .loginpopleft .login-fields .loginOr {
    margin: 0px 0px 10px 0;
}

.loginpopleft .login-fields .loginOr .loginOrinner {
    position: relative;
}

.loginpopleft .login-fields .hrOr {
    background-color: #cdcdcd;
    height: 1px;
    margin: 10px 0;
}

.loginpopleft .login-fields .spanOr {
    display: block;
    position: absolute;
    left: 42%;
    top: -11px;
    background-color: #ffffff;
    width: 3em;
    text-align: center;
}

#GuestUserModal .loginpopleft .login-fields .spanOr {
    position: absolute;
    left: 45%;
    top: -4px;
    font-size: 8px;
    color: #CDCDCD;
    background: none;
}

.loginpopleft .field {
    position: relative;
    margin-bottom: 10px;
}

#GuestUserModal .loginpopleft .field.extra {
    height: 53px;
    margin-bottom: 7px;
}

    #GuestUserModal .loginpopleft .field.extra span {
        display: block;
        font-size: 13px;
        margin-bottom: 1px;
    }

    #GuestUserModal .loginpopleft .field.extra input {
        width: 66%;
        float: left;
        padding: 5px;
    }

    #GuestUserModal .loginpopleft .field.extra .btn {
        background: #016DB6;
        width: 100px;
        float: right;
        padding-left: 0;
        border: 0px;
        padding: 7px 0px;
        font-size: 13px;
    }

.loginpopleft .field .fa {
    position: absolute;
    top: 9px;
    color: #7F7F7F;
    left: 10px;
}

    .loginpopleft .field .fa.fa-mobile {
        font-size: 15px;
    }

#GuestUserModal .loginpopleft .field .fa.fa-mobile {
    font-size: 1.4em;
    top: 7px;
}

.loginpopleft .field input {
    width: 100%;
    padding: 5px 5px 5px 27px;
    border: 1px solid #D9D9D9;
    border-radius: 3px;
    background: none;
}

    .loginpopleft .field input:focus {
        border: 1px solid #C1C1C1;
        outline: none;
    }

.loginpopleft .login-actions {
    text-align: right;
    margin-top: 13px;
}

#GuestUserModal .loginpopleft .login-actions {
    margin-top: 25px;
}

.loginpopleft .login-actions .pull-left {
    margin-top: 7px;
}

.loginpopleft .login-actions div a {
    border-right: 2px solid #ccc;
    padding-right: 5px;
    color: #757575;
}

    .loginpopleft .login-actions div a:last-child {
        border-right: 0px;
    }

.loginpopleft .login-actions .btn {
    background: #016DB6;
    border: 0px;
    padding: 7px 45px;
}

.loginpopleft .forgotpwdlinkwrap {
    text-align: right;
    margin-top: 10px;
}

    .loginpopleft .forgotpwdlinkwrap a {
        font-size: 12px;
        color: #6F6F6F;
    }

.loginpopleft .loginerrormsg {
    color: #a60505;
    font-size: 13px;
    text-align: left;
}

.loginpopleft .loginsuccessmsg {
    color: green;
    font-size: 13px;
    text-align: left;
}
/* Registraton popup start */
.custommodal#RegistrationModal .modal-dialog {
    width: 739px;
    margin: 80px auto;
    border: 2px solid #fcb711;
}

#RegistrationModal .loginpopleft h1 {
    margin: 0px;
}

#RegistrationModal .loginpopleft .login-fields .spanOr {
    position: absolute;
    left: 45%;
    top: -4px;
    font-size: 8px;
    color: #CDCDCD;
    background: none;
}

#RegistrationModal .loginpopleft .login-fields .loginOr {
    margin: 0px 0px 7px 0;
}

#RegistrationModal .control-group .control-label {
    display: none;
}

#RegistrationModal .form-horizontal .controls {
    margin-left: 0px;
    position: relative;
}

    #RegistrationModal .form-horizontal .controls .fa {
        position: absolute;
        color: #808080;
        top: 7px;
        left: 9px;
    }

        #RegistrationModal .form-horizontal .controls .fa.fa-mobile {
            font-size: 1.6em;
            top: 5px;
            left: 11px;
        }

        #RegistrationModal .form-horizontal .controls .fa.fa-lock {
            font-size: 1.2em;
            top: 7px;
            left: 10px;
        }

#RegistrationModal .form-horizontal input[type=text], #RegistrationModal .form-horizontal input[type=password] {
    width: 100%;
    padding-left: 30px;
    border-radius: 3px;
    box-shadow: 0px 0px 0px;
}

#RegistrationModal .form-horizontal .form-actions {
    background: none;
    border-top: 0px;
    margin: 0px;
    padding: 0px;
    float: right;
}

    #RegistrationModal .form-horizontal .form-actions .btn {
        margin-top: 0px;
        /*margin-bottom: 5px;*/
        background: #FF971C;
        padding: 5px 25px;
    }

#RegistrationModal .loginpopleft .loginsubhead {
    margin-top: 10px;
    margin-bottom: 10px;
}

#RegistrationModal .form-horizontal .control-group {
    margin-bottom: 8px;
}

#RegistrationModal .termscondtionswrap .boldtitle {
    font-weight: bold;
}

#RegistrationModal .termscondtionswrap .termscondtions {
    height: 170px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
    font-weight: normal;
}

#RegistrationModal .verifysec {
    margin-top: 10px;
}

#RegistrationModal .boldtitle {
    font-weight: bold;
}

#RegistrationModal .verifysec .controls {
    position: relative;
}

#RegistrationModal .verifysec a {
    position: absolute;
    right: 7px;
    top: 6px;
    font-size: 13px;
}

#RegistrationModal .verifysec input {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
/* Registraton popup end */
.innersubmenuwrap {
    border-bottom: 1px solid #cccccc;
}

.innersubmenu {
    height: 38px;
    width: 84%;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 10px;
}

    .innersubmenu div {
        float: left;
        margin-right: 5%;
        height: 29px;
    }

        .innersubmenu div.activesubmenu {
            position: relative;
        }

    .innersubmenu a {
        padding: 10px 5px;
        color: #868686;
        font-size: 15px;
    }

    .innersubmenu span {
        position: absolute;
        left: 42%;
        bottom: -11px;
        background: #fff;
        color: #cccccc;
        font-size: 11px;
        display: none;
    }

    .innersubmenu div.activesubmenu span {
        display: block;
    }

    .innersubmenu div.activesubmenu a {
        color: #5190CC;
    }

.registerscreen .profilepic {
    left: 0px;
    top: 0px;
    width: 98px;
}

    .registerscreen .profilepic img {
        height: 101px;
        width: 98px;
        border: 1px solid #CCCCCC;
    }

@font-face {
    font-family: 'IDAutomationHC39M';
    src: url('../../font/IDAutomationHC39M.ttf') format('truetype'); /* Safari, Android, iOS */
}

.barcodeHC39M {
    font-family: IDAutomationHC39M;
}


.registerscreen .profilepic .browsebtn {
    color: #B21A1A;
    display: none;
    cursor: pointer;
    opacity: 0.6;
    filter: alpha(opacity=60);
    padding-bottom: 3px;
    padding-top: 4px;
    position: absolute;
    top: -1px;
    width: 100%;
    background: none repeat scroll 0 0 #CCCCCC;
    border: 0px;
    border-bottom: 1px solid #E6E3E3;
}

.registerscreen .profilepic:hover .browsebtn {
    display: block;
}

.registerscreen .profilepic .browsebtnparent {
    height: 26px;
    width: 98px;
    position: absolute !important;
    top: 0px;
}

.registerscreen .fa-arrow-left {
    font-size: 25px;
    bottom: 65px;
    cursor: pointer;
    float: left;
}

.registerscreen .fa-arrow-right {
    font-size: 25px;
    bottom: 65px;
    cursor: pointer;
    float: right;
}

.registerscreen .form-horizontal {
    width: 100% !important;
}

    .registerscreen .form-horizontal .control-label {
        width: 170px;
        text-align: left;
    }

.registerscreen .editprofile .pull-left {
    width: 12%;
}

.registerscreen .editprofile .pull-right {
    width: 88%;
}

.registerscreen .editprofile .control-group {
    float: left;
    width: 50%;
    height: 30px;
}

.registerscreen .editprofile .controls {
    margin-left: 0px;
    float: left;
    width: 50%;
}

.registerscreen .editprofile input[type=text],
.registerscreen .editprofile input[type=password],
.registerscreen .editprofile textarea,
.registerscreen .editprofile select {
    width: 100%;
}

.registerscreen .editprofile .datecontrol input[type=text] {
    width: 90%;
}

.registerscreen .form-horizontal .editprofile .form-actions {
    background: none;
    padding-right: 0px;
}

.registerscreen .editprofile .form-actions .btn {
    padding: 6px 20px;
}

.afterlogininvitefriendsscreen {
    margin: 35px auto;
    width: 100%;
}

    .afterlogininvitefriendsscreen .manualinvitesec {
        width: 68%;
        float: left;
        margin-top: 10px;
    }

        .afterlogininvitefriendsscreen .manualinvitesec #ucID_OnInvitationTxt {
            width: 100px !important;
        }

        .afterlogininvitefriendsscreen .manualinvitesec .EmailIdsTxt {
            width: 89% !important;
        }

    .afterlogininvitefriendsscreen .Or {
        width: 2%;
        margin: 6px 10px;
        float: left;
        height: 155px;
    }

    .afterlogininvitefriendsscreen .Orinner {
        position: relative;
    }

    .afterlogininvitefriendsscreen .hrOr {
        background-color: #cdcdcd;
        height: 160px;
        margin: auto;
        width: 1px;
    }

    .afterlogininvitefriendsscreen .spanOr {
        display: block;
        position: absolute;
        left: 0%;
        top: 44%;
        background-color: #ffffff;
        width: 1.6em;
        text-align: center;
    }

    .afterlogininvitefriendsscreen .controls input {
        float: left;
        border-radius: 3px;
        /*width: 87% !important;*/
    }

    .afterlogininvitefriendsscreen .controls .btn {
        background: #016DB6;
        color: #fff;
        padding: 4px 20px;
        border-radius: 4px;
        float: left;
        margin-left: 6px;
        font-weight: bold;
    }

.invitefromotherdiv {
    float: right;
    width: 27%;
}

    .invitefromotherdiv .eachinvitediv {
        margin-bottom: 20px;
        height: 28px;
    }

        .invitefromotherdiv .eachinvitediv .control-label {
            text-align: left;
        }

.eachinvitediv label {
    font-weight: bold;
    width: 66%;
    float: left;
    margin-top: 4px;
    text-align: left;
}

.eachinvitediv a {
    padding: 3px 30px;
    float: left;
}

    .eachinvitediv a.google {
        background: #DC4A3D;
    }

    .eachinvitediv a.btn-primary.google:hover {
        border: 1px solid #DC4A3D;
    }

    .eachinvitediv a.twitter {
        background: #23C6FE;
    }

    .eachinvitediv a.btn-primary.twitter:hover {
        border: 1px solid #33B1DC;
    }

    .eachinvitediv a.yahoo {
        background: #400190;
    }

    .eachinvitediv a.btn-primary.yahoo:hover {
        border: 1px solid #400190;
    }

    .eachinvitediv a.outlook {
        background: #0071C9;
    }

    .eachinvitediv a.btn-primary.outlook:hover {
        border: 1px solid #0071C9;
    }

    .eachinvitediv a.facebook {
        background: #3765A3;
    }

    .eachinvitediv a.btn-primary.facebook:hover {
        border: 1px solid #3765A3;
    }

.afterlogininvitefriendsscreen .btnwrap {
    border-top: 1px solid #ccc;
    text-align: center;
    padding-bottom: 15px;
    padding-top: 15px;
}

    .afterlogininvitefriendsscreen .btnwrap input {
        padding: 3px 30px;
        font-size: 17px;
    }

.custommodal#RedemptionStatusPop .modal-dialog {
    margin: 150px auto;
}

.custommodal#RedemptionStatusPop .modal-content {
    height: 215px;
}

.redemptionpopleft {
    width: 189px;
    float: left;
}

.redemptionpopright {
    float: right;
    width: 64%;
    margin-right: 15px;
}

    .redemptionpopright h3 {
        color: #006DB8;
        font-size: 1.5em;
        margin-bottom: 20px;
    }

    .redemptionpopright .barcodelbl {
        color: #006DB8;
        font-weight: bold;
    }

    .redemptionpopright .text-right {
        margin-top: 35px;
    }

    .redemptionpopright .btn {
        padding: 7px 40px;
        background: #FFB901;
        color: #573D02;
        margin-top: 53px;
    }

#QRBarcodeImg {
    width: 100px;
    float: left;
    margin-top: 0px;
}

.home-frontend .forgotpwdscreen .screenbg {
    background: url(../../images/home/img14.png) no-repeat bottom;
    width: 100%;
    height: 300px;
}

.home-frontend .forgotpwdscreen .pagehead .line {
    width: 38%;
}

    .home-frontend .forgotpwdscreen .pagehead .line:last-child {
        width: 35%;
    }

.home-frontend .forgotpwdscreen h1 {
    display: none;
}

.home-frontend .forgotpwdscreen .account-container {
    position: relative;
}

.home-frontend .forgotpwdscreen .content {
    width: 50%;
    margin: auto;
}

.home-frontend .forgotpwdscreen .login-fields {
    margin-top: 45px;
}

.home-frontend .forgotpwdscreen .field {
    width: 100%;
    display: inline-block;
    margin-bottom: 13px;
}

    .home-frontend .forgotpwdscreen .field span {
        float: left;
        width: 30%;
        font-weight: bold;
        margin-top: 3px;
    }

    .home-frontend .forgotpwdscreen .field input {
        float: left;
        width: 70%;
        border: 1px solid #fff;
        border-radius: 3px;
        padding: 4px;
    }

.home-frontend .forgotpwdscreen .login-actions {
    border-top: 1px solid #BD962F;
    text-align: right;
}

    .home-frontend .forgotpwdscreen .login-actions input {
        border: 0px;
        padding: 5px 35px;
        font-size: 1.3em;
        margin-top: 5px;
        border-radius: 4px;
    }

.home-frontend .changemobile-emailscreen .screenbg {
    background: url(../../images/home/change-email-bg.jpg) no-repeat bottom;
    width: 100%;
    height: 500px;
}

.home-frontend .changemobile-emailscreen .pagehead .line {
    width: 39%;
}

    .home-frontend .changemobile-emailscreen .pagehead .line:last-child {
        width: 38%;
    }

.home-frontend .changemobile-emailscreen .field span {
    width: 35%;
}

.home-frontend .changemobile-emailscreen .field input {
    width: 65%;
}

.home-frontend .changemobile-emailscreen .login-actions {
    margin-top: 13px;
}

.home-frontend {
    /*padding-right:0px!important;*/
    /*padding-left:0px!important;*/
}

.resendlnkwrap {
    position: relative;
}

    .resendlnkwrap a {
        color: #ffffff;
        background: #186086;
        padding: 5px 23px;
        margin-top: 0px;
        float: left;
        border-radius: 4px;
        margin-left: 5px;
    }

.field.resendlnkwrap input {
    padding-right: 56px !important;
    width: 47%;
    float: left;
}

.borderforfrontend {
    border-top: 1px solid #CEA230;
    height: 1px;
    position: absolute;
    left: 0px;
    width: 100%;
    top: 222px;
}

.spaceforfrontend {
    margin-top: 85px;
}

.custommodal#TicketPurchaseModal .modal-dialog {
    width: 950px;
    margin: 120px auto;
}

.custommodal#TicketPurchaseModal .modal-content {
    height: 245px;
}

.ticketpurchasepopleft {
    width: 250px;
    float: left;
    border-left: 3px solid #FFB901;
}

.ticketpurchasepopright {
    float: right;
    width: 72%;
    margin-right: 15px;
}

    .ticketpurchasepopright h1 {
        color: #016DB8;
        font-size: 1.5em;
        margin: 15px 1px 13px 10px;
    }

    .ticketpurchasepopright .form-horizontal {
        margin: 0px 0px 0px 10px;
        width: 100%;
        display: inline-block;
    }

        .ticketpurchasepopright .form-horizontal .control-group {
            margin-bottom: 13px;
            float: left;
            width: 50%;
        }

    .ticketpurchasepopright .lblcontrols {
        display: inline-block;
        width: 135px;
        float: left;
    }

    .ticketpurchasepopright .control-label {
        text-align: left;
        width: 130px;
        padding-top: 0px;
        float: left;
    }

    .ticketpurchasepopright .lblcontrols label {
        float: right;
    }

    .ticketpurchasepopright .controls {
        margin-left: 20px;
        float: left;
        width: 54%;
    }

        .ticketpurchasepopright .controls span {
            font-weight: bold;
        }

        .ticketpurchasepopright .controls.chkboxlbl input {
            float: left;
        }

        .ticketpurchasepopright .controls.chkboxlbl label {
            float: left;
            margin-right: 15px;
            margin-left: 3px;
        }

    .ticketpurchasepopright .text-right .btn {
        background: #FFB901;
        color: #573D00;
        text-shadow: 0px 0px 0px;
        padding: 6px 23px;
    }

    .ticketpurchasepopright .text-right span {
        color: #888787;
        margin: 0px 4px;
    }

    .ticketpurchasepopright .text-right a {
        color: #5A5A5A;
    }

.custommodal#EcouponModal .modal-dialog {
    width: 695px;
    margin: 120px auto;
}

.custommodal#EcouponModal.TicketModaldiv .modal-dialog {
    width: 390px;
}

.custommodal#EcouponModal .modal-dialog .modal-content {
    height: 215px;
}

.custommodal#EcouponModal.TicketModaldiv .modal-dialog .modal-content {
    height: auto;
}

.custommodal#EcouponModal h3 {
    color: #026EB6;
    margin-top: 10px;
}

.ecouponpopleft {
    width: 250px;
    float: left;
    border-left: 3px solid #FFB901;
}

.TicketModaldiv .ecouponpopleft {
    display: none;
}

.ecouponpopright {
    width: 60%;
    margin-left: 15px;
    float: left;
}

.TicketModaldiv .ecouponpopright {
    width: auto;
    margin: 15px 15px 0px 15px;
}

.custommodal#EcouponModal .form-horizontal {
    width: 100%;
}

.ecouponpopright .form-horizontal .control-label {
    text-align: left;
    width: 100%;
    padding-top: 0px;
}

.ecouponpopright .form-horizontal span {
    font-size: 17px;
    color: #949494;
}

.ecouponpopright .form-horizontal .span6 {
    width: 100%;
    padding: 7px;
    border-radius: 5px;
    margin-top: 6px;
    margin-bottom: 7px;
}

.ecouponpopright .form-horizontal .control-group {
    margin-bottom: 0px;
}

.ecouponpopright .btn {
    background: #FFB901;
    border: 0px;
    color: #563A00;
    padding: 7px 25px;
    font-size: 17px;
}

    .ecouponpopright .btn#SubmitButton {
        background: #1579BB;
        color: #fff;
    }

.ecouponpopright #purchase .btn {
    padding: 4px 25px;
}

.ecouponpopright #purchase .form-horizontal .span6 {
    margin-bottom: 0px;
    margin-top: 0px;
}

.emaillist.cities div {
    width: 19%;
}

    .emaillist.cities div label {
        width: 91%;
    }

.hijriStl {
    direction: rtl;
    text-align: left;
}

.Kiosklocation_wrap {
    height: 235px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 98%;
}

    .Kiosklocation_wrap::-webkit-scrollbar-thumb {
        background-color: rgb(214, 214, 214);
        /* outline: 1px solid slategrey; */
        height: 6px;
    }

    .Kiosklocation_wrap::-webkit-scrollbar {
        height: 4px;
        width: 5px;
    }

    .Kiosklocation_wrap::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 3px rgb(232, 232, 232);
    }

#KiosklocationTbl {
    width: 92%;
    margin: 5px 20px;
}

    #KiosklocationTbl td {
        text-align: left;
        padding: 7px 3px;
        font-size: 15px;
        color: #7B7B7B;
    }

        #KiosklocationTbl td a {
            cursor: pointer;
        }

        #KiosklocationTbl td img {
            width: 20px;
        }

        #KiosklocationTbl td:last-child {
            text-align: right;
        }

.bigpagetitle .pagehead .line {
    width: 18%!important;
}

    .bigpagetitle .pagehead .line:last-child {
        width: 34%;
    }

.custommodal#KioskLocationModal .modal-content {
    height: 338px;
}

.custommodal#KioskLocationModal .modal-dialog {
    width: 60%;
}

.KioskLocationModal .KioskLocationpopleft {
    width: 353px;
    float: left;
    border-left: 3px solid #1084D2;
}

.KioskLocationModal .KioskLocationpopright {
    float: right;
    width: 40%;
}

.KioskLocationModal .form-horizontal {
    width: 87%;
    margin: 10px auto;
    text-align: left;
}

    .KioskLocationModal .form-horizontal .control-group {
        margin-bottom: 1px;
    }

    .KioskLocationModal .form-horizontal .control-label {
        width: 112px;
        padding-top: 11px;
        text-align: left;
        font-weight: bold;
    }

    .KioskLocationModal .form-horizontal .controls {
        margin-left: 114px;
        margin-top: 11px;
        text-align: left;
    }

.competitionlistscreen .form-horizontal.inline .control-group > div {
    /*width: 49%;*/
    width: 555px;
}

    .competitionlistscreen .form-horizontal.inline .control-group > div span {
        width: 180px;
    }

@media (min-width:1367px) and (max-width:8192px) {
    #container {
        width: 1430px;
        margin-left: auto;
        margin-right: auto;
    }

    .winnersList_wrap {
        /*display:none;*/
    }
}
 .topstrip .loginregisterlinks:last-child {
    margin-top: -19px;
}

@media (min-width:1920px)  
{
    .bottomsec .newssec 
    {
           margin: 0px 2% 0px 8%;
    }
    
}
@media (min-width:1280px) and (max-width: 1366px) {
    .bottomsec .newssec {
        width: 40%;
        margin: 0px 3% 0px 4%;
    }

    .eachredeem {
        margin-right: 19px;
    }
    .topstrip .loginregisterlinks:last-child {
    margin-top: 12px;
}
    .top-ad {
        margin-top: 5px;
    }
}

@media (min-width:1080px) and (max-width:1279px) {
    .logowrap {
        width: 232px;
    }

    .topstrip .contactinfo:first-child {
        margin-left: 2%;
        margin-top: 13px;
    }

    .topstrip .contactinfo {
        float: left;
        width: auto;
        padding: 0px 5px;
    }

        .topstrip .contactinfo.emailinfo {
            width: auto;
        }

    .topstrip #RegisterBtnWrap .loginregisterlinks {
        margin-right: 30px;
    }

    .topstrip .languagelinks {
        float: right;
        margin-top: 8px;
    }

        .topstrip .languagelinks a {
            margin-right: 4px;
            padding: 4px 8px;
        }

    .top-ad {
        width: 600px;
    }

        .top-ad img {
            width: 600px;
        }

    .pagehead .line:last-child {
        width: 37%;
    }

    .whatiscontest {
        position: relative;
        height: inherit;
        float: left;
        margin-top: 10px;
    }

        .whatiscontest .contestimgfirst {
            max-width: 100%;
            width: 300px;
            background-position: 0px;
        }

        .whatiscontest .contentwrap {
            background: none;
            height: auto;
        }

    .contentwrap .contenthead {
        margin-left: 0;
        position: absolute;
        top: 0px;
        width: 100%;
    }

    .contenthead span {
        position: relative;
        top: 0px;
    }

    .contentwrap .content {
        margin-left: 2%;
        width: 30%;
        margin-top: 62px;
    }

    .contentwrap .middle-ad {
        width: 37%;
        margin-top: 0px;
        height: auto;
        padding-top: 0px;
    }

        .contentwrap .middle-ad video {
            width: 100%;
            height: 290px;
        }

        .contentwrap .middle-ad img {
            margin-top: 21px;
            width: 98%;
        }

    .registitation .empty {
        display: none;
    }

    .aboutecoupon {
        margin-top: 0px;
    }

        .aboutecoupon .registitation {
            width: 70%;
            height: auto;
            background: none;
            margin-top: 68px;
            margin-left: 10px;
        }

    .registitation .peoplereg, .registitation .corpreg {
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px#888;
        box-shadow: 0 0 5px #888;
        background-position: -60px;
        width: 350px;
    }

    .registitation .regtitle {
        right: 19px;
        text-shadow: 0px 1px 5px rgb(255, 255, 255);
        color: #000000;
    }

    .registitation .join {
        right: 60px;
        width: auto;
        left: inherit;
        color: #000000;
    }

    .aboutcontentwrap {
        margin-left: 28px;
    }

    .carouselwrap .couponscarouselwrap {
        width: 71%;
    }

        .carouselwrap .couponscarouselwrap.ticketscarouselwrap {
            width: 100%;
        }

    .carouselwrap .carouselinnerwrap {
        padding-left: 13px;
        height: auto;
    }

    .carouselwrap .carouseltitlewrap {
        width: 96%;
    }

    .carouseltitlewrap .line {
        width: 35%;
    }

    .carouseltitlewrap.tickets .line {
        width: 37%;
    }

    .couponscarouselwrap.ticketscarouselwrap .carouselinnerwrap .itemwrap {
        width: 98%;
    }

    .couponscarouselwrap .carouselinnerwrap .itemwrap {
        width: 100%;
    }

    .couponscarouselwrap .carouselinnerwrap .eachitem {
        margin-right: 69px;
    }

    .couponscarouselwrap.ticketscarouselwrap .carouselinnerwrap .eachitem {
        margin-right: 42px;
    }

    .carouselinnerwrap .carousel-control.left {
        left: 2%;
    }

    .carouselinnerwrap .carousel-control.right {
        right: 4%;
    }

    .bottomsec {
        width: 99%;
    }

    .eachitem .bottomsection {
        width: 94%;
    }

    .bottomsec .bottomleft, .bottomsec .bottomright {
        width: 24%;
    }

    .bottomsec .newssec {
        width: 40%;
        height: auto;
        margin: 3px 4px;
        background-repeat: repeat-y;
    }

    .eachnews .date {
        margin-left: -20px;
    }

    .eachnews .newscontent {
        width: 75%;
        text-align: justify;
    }

    .footerwrap {
        background: #131313;
    }

        .footerwrap, .footerwrap .footer {
            height: 231px;
        }

    .footer .footerlinks {
        width: 100% !important;
    }

    .footerlinks div {
        float: left;
        margin-right: 4%;
        width: auto;
    }

    .footer .contactinfo {
        display: inline-block;
        width: 75%;
    }

    .contactinfo .eachinfo {
        margin-right: 14%;
    }

        .contactinfo .eachinfo div {
            width: 58px;
            height: 57px;
        }

            .contactinfo .eachinfo div i {
                width: 40px;
                height: 40px;
                line-height: 40px;
                font-size: 1em;
            }

    .footer .socialwrap div {
        text-align: center;
    }

    .footerwrap .copyrights {
        background: #212121;
        padding: 10px 0px;
        margin-top: 0px;
    }

    .innercontent {
        width: 97%;
    }

    .eachredeem {
        margin-right: 19px;
    }

    .emaillist {
        width: 74%;
    }

        .emaillist div {
            width: 49%;
        }

    .afterlogininvitefriendsscreen .manualinvitesec {
        width: 65%;
    }

    .afterlogininvitefriendsscreen .controls input {
        width: 85% !important;
    }

    .invitefromotherdiv {
        width: 30%;
    }

    .emaillist.cities {
        width: 100%;
    }

        .emaillist.cities div {
            width: 24% !important;
        }

            .emaillist.cities div label {
                width: 91% !important;
            }
}

@media (min-width:1025px) and (max-width:1079px) {
    .logowrap {
        width: 232px;
    }

    .topstrip .contactinfo:first-child {
        margin-left: 2%;
        margin-top: 13px;
    }

    .topstrip .contactinfo {
        float: left;
        width: auto;
        padding: 0px 5px;
    }

        .topstrip .contactinfo.emailinfo {
            width: auto;
        }

    .topstrip #RegisterBtnWrap .loginregisterlinks {
        margin-right: 30px;
    }

    .topstrip .languagelinks {
        float: right;
        margin-top: 8px;
    }

        .topstrip .languagelinks a {
            margin-right: 4px;
            padding: 4px 8px;
        }

    .top-ad {
        width: 600px;
    }

        .top-ad img {
            width: 600px;
        }

    .pagehead .line:last-child {
        width: 37%;
    }

    .whatiscontest {
        position: relative;
        height: inherit;
        float: left;
        margin-top: 10px;
    }

        .whatiscontest .contestimgfirst {
            max-width: 100%;
            width: 300px;
            background-position: 0px;
        }

        .whatiscontest .contentwrap {
            background: none;
            height: auto;
        }

    .contentwrap .contenthead {
        margin-left: 0;
        position: absolute;
        top: 0px;
        width: 100%;
    }

    .contenthead span {
        position: relative;
        top: 0px;
    }

    .contentwrap .content {
        margin-left: 2%;
        width: 30%;
        margin-top: 62px;
    }

    .contentwrap .middle-ad {
        width: 37%;
        margin-top: 0px;
        height: auto;
        padding-top: 0px;
    }

        .contentwrap .middle-ad video {
            width: 100%;
            height: 290px;
        }

        .contentwrap .middle-ad img {
            margin-top: 21px;
            width: 98%;
        }

    .registitation .empty {
        display: none;
    }

    .aboutecoupon {
        margin-top: 0px;
    }

        .aboutecoupon .registitation {
            width: 70%;
            height: auto;
            background: none;
            margin-top: 68px;
            margin-left: 10px;
        }

    .registitation .peoplereg, .registitation .corpreg {
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px#888;
        box-shadow: 0 0 5px #888;
        background-position: -60px;
        width: 350px;
    }

    .registitation .regtitle {
        right: 19px;
        text-shadow: 0px 1px 5px rgb(255, 255, 255);
        color: #000000;
    }

    .registitation .join {
        right: 60px;
        width: auto;
        left: inherit;
        color: #000000;
    }

    .aboutcontentwrap {
        margin-left: 28px;
    }

    .carouselwrap .couponscarouselwrap {
        width: 71%;
    }

        .carouselwrap .couponscarouselwrap.ticketscarouselwrap {
            width: 100%;
        }

    .carouselwrap .carouselinnerwrap {
        padding-left: 13px;
        height: auto;
    }

    .carouselwrap .carouseltitlewrap {
        width: 96%;
    }

    .carouseltitlewrap .line {
        width: 35%;
    }

    .carouseltitlewrap.tickets .line {
        width: 37%;
    }

    .couponscarouselwrap.ticketscarouselwrap .carouselinnerwrap .itemwrap {
        width: 98%;
    }

    .couponscarouselwrap .carouselinnerwrap .itemwrap {
        width: 100%;
    }

    .couponscarouselwrap .carouselinnerwrap .eachitem {
        margin-right: 69px;
    }

    .couponscarouselwrap.ticketscarouselwrap .carouselinnerwrap .eachitem {
        margin-right: 42px;
    }

    .carouselinnerwrap .carousel-control.left {
        left: 2%;
    }

    .carouselinnerwrap .carousel-control.right {
        right: 4%;
    }

    .bottomsec {
        width: 99%;
    }

    .eachitem .bottomsection {
        width: 94%;
    }

    .bottomsec .bottomleft, .bottomsec .bottomright {
        width: 24%;
    }

    .bottomsec .newssec {
        width: 49%;
        height: auto;
        margin: 2px 8px;
        background-repeat: repeat-y;
    }

    .eachnews .date {
        margin-left: -20px;
    }

    .eachnews .newscontent {
        width: 75%;
        text-align: justify;
    }

    .footerwrap {
        background: #131313;
    }

        .footerwrap, .footerwrap .footer {
            height: 231px;
        }

    .footer .footerlinks {
        width: 100% !important;
    }

    .footerlinks div {
        float: left;
        margin-right: 4%;
        width: auto;
    }

    .footer .contactinfo {
        display: inline-block;
        width: 75%;
    }

    .contactinfo .eachinfo {
        margin-right: 14%;
    }

        .contactinfo .eachinfo div {
            width: 58px;
            height: 57px;
        }

            .contactinfo .eachinfo div i {
                width: 40px;
                height: 40px;
                line-height: 40px;
                font-size: 1em;
            }

    .footer .socialwrap div {
        text-align: center;
    }

    .footerwrap .copyrights {
        background: #212121;
        padding: 10px 0px;
        margin-top: 0px;
    }

    .innercontent {
        width: 97%;
    }

    .eachredeem {
        margin-right: 19px;
    }

    .emaillist {
        width: 74%;
    }

        .emaillist div {
            width: 49%;
        }

    .afterlogininvitefriendsscreen .manualinvitesec {
        width: 65%;
    }

        .afterlogininvitefriendsscreen .manualinvitesec .EmailIdsTxt {
            width: 85% !important;
        }

    .invitefromotherdiv {
        width: 30%;
    }

    .emaillist.cities {
        width: 100%;
    }

        .emaillist.cities div {
            width: 24% !important;
        }

            .emaillist.cities div label {
                width: 91% !important;
            }
}

@media (min-width:768px) and (max-width:1024px) {
    .bigpagetitle .pagehead {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
        padding-left: 2%;
    }

    .innercontent .pagehead {
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
        padding-left: 20%;
    }

    .header {
        height: 75px;
    }

    .logowrap {
        width: 100%;
        height: 75px;
        text-align: left;
        padding-left: 0px;
    }

        .logowrap .crossline {
            display: none;
        }

        .logowrap .logoimg {
            width: 120px;
            margin-right: 0;
            margin-top: 5px;
        }

    .header .topstrip {
        background: #1C7EBF;
        height: 44px;
        width: 100%;
        clear: both;
        margin-left: 0px;
        border-top: 1px solid #0076C6;
        position: relative;
    }

    .topstrip .contactinfo:first-child {
        margin-left: 0px;
        margin-top: 13px;
    }

    .topstrip .contactinfo {
        float: left;
        width: auto;
        padding: 0px 5px;
        font-size: 13px;
    }

        .topstrip .contactinfo.emailinfo {
            width: auto;
        }

    .topstrip .loginregisterlinks {
        position: absolute;
        top: 6px;
        right: 26px;
    }

    .topstrip .contactinfo .fa-phone, .topstrip .contactinfo .fa-envelope {
        margin-top: 1px;
    }

    .topstrip .loginregisterlinks.login {
        right: 354px;
        top: 0px;
    }

    .topstrip .sep {
        /*position: absolute;*/
        top: 0px;
        right: 116px;
    }

    #RegisterBtnWrap .sep {
        right: 397px;
        position: absolute;
    }

    #CoRegisterBtnWrap .sep {
        margin-right: 186px;
    }

    #GuestUserBtnWrap .sep {
        margin-right: 20px;
        margin-top: 13px;
    }

    .topstrip .languagelinks {
        position: absolute;
        top: 5px;
        right: 47px;
    }

    .topstrip .languagelinks {
        width: 10%;
    }

    .topstrip #CoRegisterBtnWrap .loginregisterlinks {
        right: 224px;
        top: 0px;
    }

    .topstrip #RegisterBtnWrap .loginregisterlinks {
        right: 144px;
        top: 0px;
    }

    .topstrip .notifications_wrap {
        position: absolute;
        right: 0px;
        top: 5px;
    }

    .topstrip .userinfo {
        position: absolute;
        top: 0%;
        right: 213px;
    }

    .topstrip #GuestUserBtnWrap {
        /*position: absolute;
        right: 324px;
        top: -5px;
        width: 207px;*/
    }

    #GuestUserBtnWrap sep {
        right: 370px;
        top: 4px;
    }

    .topstrip #GuestUserBtnWrap .loginregisterlinks {
        right: 90px;
    }

    .topstrip .languagelinks a {
        margin-right: 4px;
        font-size: 12px;
        padding: 4px 8px;
    }

    .topnav {
        margin-top: 44px;
        line-height: 23px;
        padding-top: 4px;
        height: 33px;
    }

        .topnav span {
            font-size: 15px;
            margin-left: 5px;
            margin-right: 5px;
        }

        .topnav a {
            font-size: 13px;
            float: none;
        }

        .topnav .menuwrap > a:last-child {
            border-right: 0px;
        }

        .topnav .menuwrap div {
            float: none;
        }

        .topnav .dropdown-menu {
            right: 0px;
            left: inherit;
        }

            .topnav .dropdown-menu:before {
                right: 12px;
                left: 0px;
            }

            .topnav .dropdown-menu:after {
                right: 13px;
                left: inherit;
            }

    .top-ad, .header .socialwrap {
        display: none;
    }

    .pagehead .line {
        border-bottom: 1px solid #CFCFCF;
        width: 18%!important;
        position: relative;
    }

        .pagehead .line:last-child {
            width: 34%;
        }

    .totalpoints {
        font-size: 1em;
    }

    .whatiscontest {
        position: relative;
        height: inherit;
        float: left;
        margin-top: 10px;
    }

        .whatiscontest .contestimgfirst {
            max-width: 100%;
            width: 256px;
            background-position: -138px;
        }

        .whatiscontest .contentwrap {
            background: none;
            height: auto;
        }

    .contentwrap .contenthead {
        margin-left: 0;
        position: absolute;
        top: 0px;
        width: 100%;
    }

    .contenthead span {
        position: relative;
        top: 0px;
    }

    .contentwrap .content {
        margin-left: 2%;
        width: 32%;
        margin-top: 7%;
    }

    .contentwrap .contestimg {
        width: 100%;
        margin-top: 0px;
    }

    .contentwrap .middle-ad {
        width: 239px;
        margin-top: 0px;
        height: 310px;
        padding-top: 10px;
    }

        .contentwrap .middle-ad video {
            width: 99%;
            height: 210px;
        }

        .contentwrap .middle-ad img {
            max-width: 100%;
            margin-top: 8%;
        }

    .registitation .empty {
        display: none;
    }

    .aboutecoupon .registitation {
        width: 94%;
        height: auto;
        background: none;
    }

    .registitation .peoplereg, .registitation .corpreg {
        width: 100%;
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px#888;
        box-shadow: 0 0 5px #888;
        background-position: right;
    }

    .registitation .corpreg {
        margin-top: 20px;
    }

    .registitation .regtitle {
        right: 19px;
        text-shadow: 0px 1px 5px rgb(255, 255, 255);
        color: #000000;
    }

    .registitation .join {
        right: 60px;
        width: auto;
        left: inherit;
        color: #000000;
    }

    .aboutcontentwrap {
        margin-top: 13px;
        float: none;
        margin: auto;
    }

    .carouselwrap .couponscarouselwrap {
        width: 100%;
        float: none;
    }

    .carouselwrap .carouselinnerwrap {
        padding-left: 13px;
        height: auto;
    }

    .carouselwrap .carouseltitlewrap {
        width: 92%;
    }

    .carouseltitlewrap .carouseltitle {
        font-size: 1.5em;
        margin: 7px 10px;
    }

    .carouseltitlewrap .line {
        width: 40%;
    }

    .carouseltitlewrap.tickets .line {
        width: 36%;
    }

    .carouselinnerwrap .itemwrap {
        width: 82%;
    }

    .carouselinnerwrap .carousel-control.left {
        left: 87px;
        right: inherit;
    }

    .carouselinnerwrap .carousel-control.right {
        right: 90px;
        left: inherit;
    }

    .bottomsec .bottomleft, .bottomsec .bottomright {
        width: 45%;
        margin: auto;
        position: relative;
    }

        .bottomsec .bottomleft img, .bottomsec .bottomright img {
            width: 100%;
        }

    .bottomsec .newssec {
        width: 95%;
        margin:16px 17px;
        background-repeat: repeat-y;
    }

    .eachnews .date {
        width: 100%;
        margin: 0;
    }

    .eachnews .newscontent {
        width: 90%;
        text-align: justify;
    }

    .footerwrap {
        background: #131313;
    }

        .footerwrap, .footerwrap .footer {
            height: auto;
        }

    .footer .footerlinks {
        width: 90%;
        float: none;
    }

    .footerlinks div {
        width: 50%;
    }

    .footer .contactinfo {
        display: inline-block;
        width: 100%;
        margin-top: 0px;
    }

    .contactinfo .eachinfo {
        margin-bottom: 10px;
        width: 23%;
    }

        .contactinfo .eachinfo div {
            width: 58px;
            height: 57px;
        }

            .contactinfo .eachinfo div i {
                width: 40px;
                height: 40px;
                line-height: 40px;
                font-size: 1em;
            }

    .footer .socialwrap {
        float: none;
        margin-top: 8px;
    }

        .footer .socialwrap div {
            text-align: center;
        }

    .footerwrap .copyrights {
        background: #212121;
        padding: 10px 0px;
    }

    .innercontent {
        width: 95%;
    }

    .eachredeem {
        margin-right: 14px;
    }

    .form-horizontal {
        width: 100% !important;
    }

    .invitefriendsscreen .form-horizontal {
        width: 90% !important;
    }

        .invitefriendsscreen .form-horizontal .controls input[type=text] {
            width: 92%;
        }

    .form-horizontal input[type=text], .form-horizontal input[type=password], .form-horizontal textarea, .form-horizontal select {
        width: 100%;
    }

    .emaillist {
        width: 68%;
    }

        .emaillist div {
            width: 100%;
        }

            .emaillist div label {
                width: 92%;
            }

    .registerscreen .profilepic {
        position: relative;
        width: 98px;
    }

    .afterlogininvitefriendsscreen .manualinvitesec {
        width: 100%;
        float: left;
        margin-top: 10px;
    }

        .afterlogininvitefriendsscreen .manualinvitesec .EmailIdsTxt {
            width: 85% !important;
        }

    .afterlogininvitefriendsscreen .Or {
        width: 100%;
        height: 1px;
    }

    .afterlogininvitefriendsscreen .hrOr {
        height: 1px;
        width: 100%;
    }

    .afterlogininvitefriendsscreen .spanOr {
        position: absolute;
        left: 40%;
        top: 10px;
        margin-top: -20px;
    }

    .invitefromotherdiv {
        margin-top: 15px;
        width: 49%;
        float: left;
    }

    .emaillist.cities {
        width: 100%;
    }

        .emaillist.cities div {
            width: 32% !important;
        }

            .emaillist.cities div label {
                width: 91% !important;
            }

    .registerscreen .editprofile .pull-left {
        width: 14%;
    }

    .registerscreen .editprofile .control-group {
        float: none;
        width: auto;
        height: auto;
    }

    .registerscreen .editprofile .pull-right {
        width: 85%;
    }
}

@media (min-width: 480px) and (max-width: 767px) {
    .header {
        height: 75px;
    }

    .logowrap {
        width: 100%;
        height: 75px;
        text-align: left;
        padding-left: 0px;
    }

        .logowrap .crossline {
            display: none;
        }

        .logowrap .logoimg {
            width: 120px;
            margin-right: 0;
            margin-top: 5px;
        }

    .header .topstrip {
        background: #1C7EBF;
        height: 44px;
        width: 100%;
        clear: both;
        margin-left: 0px;
        border-top: 1px solid #0076C6;
    }

    .topstrip .contactinfo:first-child {
        margin-left: 0px;
        margin-top: 13px;
    }

    .topstrip .contactinfo {
        float: left;
        width: auto;
        padding: 0px 5px;
        font-size: 13px;
    }

        .topstrip .contactinfo.emailinfo {
            width: auto;
        }

    .topstrip .loginregisterlinks {
        position: absolute;
        top: 31px;
        right: 26px;
    }

    .topstrip .contactinfo .fa-phone, .topstrip .contactinfo .fa-envelope {
        margin-top: 1px;
    }

    .topstrip .loginregisterlinks.login {
        margin-right: 88px;
        top: 30px;
    }

    .topstrip .sep {
        position: absolute;
        top: 30px;
        right: 93px;
    }

    .topstrip .languagelinks {
        position: absolute;
        top: 5px;
        right: 14%;
    }

    .topstrip #GuestUserBtnWrap {
        position: absolute;
        right: 70px;
        top: 0px;
        width: 207px;
    }

        .topstrip #GuestUserBtnWrap .loginregisterlinks {
            right: 115px;
        }

    .topstrip .userinfo {
        position: absolute;
        top: 6%;
        right: 0;
    }

    .topstrip .notifications_wrap {
        position: absolute;
        top: 0;
        right: 0;
    }

    .topstrip .languagelinks a {
        margin-right: 4px;
        font-size: 12px;
        padding: 4px 8px;
    }

    .topnav {
        margin-top: 44px;
        line-height: 23px;
        padding-top: 3px;
    }

        .topnav.usernav {
            height: 53px;
        }

        .topnav span {
            font-size: 15px;
            margin-left: 5px;
            margin-right: 5px;
        }

        .topnav a {
            font-size: 13px;
            float: none;
            padding-right: 5px;
            padding-left: 5px;
        }

        .topnav .menuwrap > a:last-child {
            border-right: 0px;
        }

    #ConsumerMenuDiv > a:last-child {
        border-right: 0px;
    }

    .topnav .menuwrap div {
        float: none;
    }

    .topnav .dropdown-menu {
        right: 0px;
        left: inherit;
    }

        .topnav .dropdown-menu:before {
            right: 12px;
            left: 0px;
        }

        .topnav .dropdown-menu:after {
            right: 13px;
            left: inherit;
        }

    .top-ad, .header .socialwrap {
        display: none;
    }

    .pagehead .pagetitle {
        font-size: 1.3em;
        margin: 1px 15px;
    }

    .pagehead .line {
        border-bottom: 1px solid #CFCFCF;
        width: 31%;
        margin-top: 13px;
        position: relative;
    }

        .pagehead .line:last-child {
            width: 30%;
        }

    .totalpoints {
        font-size: 1em;
    }

    .whatiscontest {
        position: relative;
        height: inherit;
        float: left;
        margin-top: 10px;
    }

        .whatiscontest .contestimgfirst {
            max-width: 100%;
            width: 100%;
        }

        .whatiscontest .contentwrap {
            background: none;
            height: auto;
        }

    .contentwrap .contenthead {
        margin-left: 0;
        position: absolute;
        top: 0px;
        width: 100%;
    }

    .contenthead span {
        position: relative;
        top: 0px;
    }

    .contentwrap .content {
        margin-left: 2%;
        width: 96%;
    }

    .contentwrap .contestimg {
        width: 100%;
        margin-top: 0px;
    }

    .contentwrap .middle-ad {
        width: 100%;
        margin-top: 0px;
        height: 360px;
        text-align: center;
        padding-top: 0px;
    }

        .contentwrap .middle-ad img {
            max-width: 100%;
            width: 100%;
        }

    .registitation .empty {
        display: none;
    }

    .aboutecoupon .registitation {
        width: 94%;
        height: auto;
        background: none;
    }

    .registitation .peoplereg, .registitation .corpreg {
        width: 100%;
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px#888;
        box-shadow: 0 0 5px #888;
        background-position: right;
    }

    .registitation .corpreg {
        margin-top: 20px;
    }

    .registitation .regtitle {
        right: 19px;
        text-shadow: 0px 1px 5px rgb(255, 255, 255);
        color: #000000;
    }

    .registitation .join {
        right: 60px;
        width: auto;
        left: inherit;
        color: #000000;
    }

    .aboutcontentwrap {
        margin-top: 13px;
        float: none;
        margin: auto;
    }

    .carouselwrap .couponscarouselwrap {
        width: 100%;
        float: none;
    }

    .carouselwrap .carouselinnerwrap {
        padding-left: 13px;
        height: auto;
    }

    .carouselwrap .carouseltitlewrap {
        width: 92%;
    }

    .carouseltitlewrap .carouseltitle {
        font-size: 1.5em;
        margin: 7px 10px;
    }

    .carouseltitlewrap .line {
        width: 35%;
    }

    .carouseltitlewrap.tickets .line {
        width: 31%;
    }

    .carouselinnerwrap .itemwrap {
        width: 62%;
    }

    .carouselinnerwrap .carousel-control.left {
        left: 17px;
        right: inherit;
    }

    .carouselinnerwrap .carousel-control.right {
        right: 23px;
        left: inherit;
    }

    .bottomsec .bottomleft, .bottomsec .bottomright {
        width: 48%;
        margin: auto;
        height: 300px;
        position: relative;
    }

        .bottomsec .bottomleft img, .bottomsec .bottomright img {
            width: 100%;
        }

    .bottomsec .newssec {
        width: auto;
        height: auto;
           margin: 11px 32px;
        background-repeat: repeat-y;
    }

    .eachnews .date {
        width: 100%;
        margin: 0;
    }

    .eachnews .newscontent {
        width: 90%;
        text-align: justify;
    }

    .footerwrap {
        background: #131313;
    }

        .footerwrap, .footerwrap .footer {
            height: auto;
        }

    .footer .footerlinks {
        width: 90%;
        float: none;
    }

    .footerlinks div {
        width: 50%;
    }

    .footer .contactinfo {
        display: inline-block;
        width: 100%;
        margin-top: 0px;
    }

    .contactinfo .eachinfo {
        margin-bottom: 10px;
    }

        .contactinfo .eachinfo div {
            width: 58px;
            height: 57px;
        }

            .contactinfo .eachinfo div i {
                width: 40px;
                height: 40px;
                line-height: 40px;
                font-size: 1em;
            }

    .footer .socialwrap {
        float: none;
        margin-top: 8px;
    }

        .footer .socialwrap div {
            text-align: center;
        }

    .footerwrap .copyrights {
        background: #212121;
        padding: 10px 0px;
    }

    .innercontent {
        width: 93%;
    }

    .eachredeem {
        width: 100%;
        margin-right: 0px;
    }

        .eachredeem .redeemcontentwrap {
            padding: 5px 7px;
        }

            .eachredeem .redeemcontentwrap .redeemtitle {
                font-size: 16px;
                margin-bottom: 5px;
            }

    .form-horizontal {
        width: 100% !important;
    }

    .invitefriendsscreen .form-horizontal {
        width: 90% !important;
    }

        .invitefriendsscreen .form-horizontal .controls input[type=text] {
            width: 87%;
        }

    .form-horizontal .control-label {
        float: none;
        width: auto;
    }

    .form-horizontal .controls {
        margin-left: 0px;
    }

    .form-horizontal input[type=text], .form-horizontal input[type=password], .form-horizontal textarea, .form-horizontal select {
        width: 100%;
    }

    .emaillist div {
        width: 100%;
    }

        .emaillist div label {
            width: 92%;
        }

    .registerscreen .profilepic {
        position: relative;
        width: 98px;
    }

    .afterlogininvitefriendsscreen .manualinvitesec {
        width: 100%;
        float: left;
        margin-top: 10px;
    }

        .afterlogininvitefriendsscreen .manualinvitesec .EmailIdsTxt {
            width: 85% !important;
        }

    .afterlogininvitefriendsscreen .Or {
        width: 100%;
        height: 1px;
    }

    .afterlogininvitefriendsscreen .hrOr {
        height: 1px;
        width: 100%;
    }

    .afterlogininvitefriendsscreen .spanOr {
        position: absolute;
        left: 40%;
        top: 10px;
        margin-top: -20px;
    }

    .invitefromotherdiv {
        margin-top: 15px;
        width: 100%;
    }

    .custommodal .modal-dialog {
        width: 390px !important;
    }

    .loginpopright {
        display: none;
    }

    .ecouponpopleft {
        display: none;
    }

    .ecouponpopright {
        width: 92%;
    }

    .redemptionpopleft {
        display: none;
    }

    .redemptionpopright {
        width: 97%;
        margin-right: 6px;
    }

        .redemptionpopright .text-right {
            margin-top: 17px;
        }

    .emaillist.cities div {
        width: 47% !important;
    }

    .registerscreen .editprofile .pull-left {
        float: none !important;
        width: 34%;
        margin: auto;
    }

    .registerscreen .editprofile .control-group {
        float: none;
        width: auto;
        height: auto;
    }

    .registerscreen .editprofile .controls {
        margin-left: 0px;
        float: none;
        width: auto;
    }

    .registerscreen .editprofile .pull-right {
        width: 100%;
    }

    .custommodal#KioskLocationModal .modal-content {
        height: 186px;
    }

    .custommodal#KioskLocationModal .modal-dialog {
        width: 94% !important;
    }

    .KioskLocationModal .KioskLocationpopleft {
        width: 215px;
    }

        .KioskLocationModal .KioskLocationpopleft img {
            width: 100%;
        }

    .KioskLocationModal .KioskLocationpopright {
        float: right;
        width: 55%;
    }

    .KioskLocationModal .form-horizontal {
        width: 95% !important;
    }

        .KioskLocationModal .form-horizontal .control-label {
            float: left;
            width: 115px;
        }

        .KioskLocationModal .form-horizontal .controls {
            margin-left: 105px;
        }
}

@media (min-width: 250px) and (max-width:479px) {
    .header {
        height: 75px;
    }

    .logowrap {
        width: 100%;
        height: 75px;
        text-align: left;
        padding-left: 0px;
    }

        .logowrap .crossline {
            display: none;
        }

        .logowrap .logoimg {
            width: 120px;
            margin-right: 0;
            margin-top: 5px;
        }

    .header .topstrip {
        background: #1C7EBF;
        height: 44px;
        width: 100%;
        clear: both;
        margin-left: 0px;
        border-top: 1px solid #0076C6;
    }

    .topstrip .contactinfo:first-child {
        margin-left: 0px;
        margin-top: 13px;
    }

    .topstrip .contactinfo {
        float: left;
        width: auto;
        padding: 0px 5px;
        font-size: 13px;
    }

        .topstrip .contactinfo.emailinfo {
            width: auto;
        }

    .topstrip .loginregisterlinks {
        position: absolute;
        top: 31px;
        right: 26px;
    }

    .topstrip .contactinfo .fa-phone, .topstrip .contactinfo .fa-envelope {
        margin-top: 1px;
    }

    .topstrip .loginregisterlinks.login {
        margin-right: 125px;
        top: 1px;
    }

    .topstrip #GuestUserBtnWrap .loginregisterlinks {
        right: 114px;
    }

    .topstrip .sep {
        position: absolute;
        top: 30px;
        right: 93px;
    }

    .topstrip .languagelinks {
        position: absolute;
        top: 5px;
        right: 14%;
        width: 50%;
    }

    .topstrip .userinfo {
        position: absolute;
        top: 6%;
        right: 0;
    }

    .topstrip .notifications_wrap {
        position: absolute;
        top: 0%;
        right: 0;
    }

    .topstrip .languagelinks a {
        margin-right: 4px;
        font-size: 12px;
        padding: 4px 8px;
    }

    .topnav .menuwrap div {
        float: none;
    }

    .topnav {
        margin-top: 44px;
        line-height: 23px;
        padding-top: 2px;
    }

        .topnav.usernav {
            height: 53px;
        }

        .topnav span {
            font-size: 15px;
            margin-left: 5px;
            margin-right: 5px;
        }

        .topnav a {
            font-size: 13px;
            float: none;
            padding-right: 3px;
            padding-left: 3px;
        }

    #ConsumerMenuDiv > a:last-child {
        border-right: 0px;
    }

    .topnav .dropdown-menu {
        left: 0px;
        right: inherit;
    }

        .topnav .dropdown-menu:before {
            left: 12px;
            right: 0px;
        }

        .topnav .dropdown-menu:after {
            left: 13px;
            right: inherit;
        }

    .top-ad, .header .socialwrap {
        display: none;
    }

    .pagehead .pagetitle {
        font-size: 1em;
        margin: 1px 15px;
    }

    .pagehead .line {
        border-bottom: 1px solid #CFCFCF;
        width: 24%;
        margin-top: 10px;
        position: relative;
    }

        .pagehead .line:last-child {
            width: 25%;
        }

    .totalpoints {
        font-size: 1em;
    }

    .whatiscontest {
        position: relative;
        height: inherit;
        float: left;
        margin-top: 10px;
    }

        .whatiscontest .contentwrap {
            background: none;
            height: auto;
        }

        .whatiscontest .contestimgfirst {
            width: 100%;
            background-position: -80px;
        }

    .contentwrap .contenthead {
        margin-left: 0;
        position: absolute;
        top: 0px;
        width: 100%;
    }

    .contenthead span {
        position: relative;
        top: 0px;
    }

    .contentwrap .content {
        margin-left: 2%;
        width: 96%;
    }

    .contentwrap .contestimg {
        width: 100%;
        margin-top: 0px;
    }

    .contentwrap .middle-ad {
        width: 100%;
        margin-top: 0px;
        height: 280px;
        padding-top: 0px;
    }

        .contentwrap .middle-ad video {
            width: 100%;
            height: 260px;
        }

    .registitation .empty {
        display: none;
    }

    .aboutecoupon .registitation {
        width: 94%;
        height: auto;
        background: none;
    }

    .registitation .peoplereg, .registitation .corpreg {
        width: 100%;
        -moz-box-shadow: 0 0 5px #888;
        -webkit-box-shadow: 0 0 5px#888;
        box-shadow: 0 0 5px #888;
        background-position: right;
    }

    .registitation .corpreg {
        margin-top: 20px;
    }

    .registitation .regtitle {
        right: 19px;
        text-shadow: 0px 1px 5px rgb(255, 255, 255);
        color: #000000;
    }

    .registitation .join {
        right: 60px;
        width: auto;
        left: inherit;
        color: #000000;
    }

    .aboutcontentwrap {
        margin-left: 28px;
        margin-top: 13px;
    }

    .carouselwrap .couponscarouselwrap {
        width: 100%;
    }

    .carouselwrap .carouselinnerwrap {
        padding-left: 13px;
        height: auto;
    }

    .carouselwrap .carouseltitlewrap {
        width: 92%;
    }

    .carouseltitlewrap .carouseltitle {
        font-size: 1.5em;
        margin: 7px 10px;
    }

    .carouseltitlewrap .line {
        width: 27%;
    }

    .carouseltitlewrap.tickets .line {
        width: 21%;
    }

    .carouselinnerwrap .itemwrap {
        width: 98%;
    }

    .carouselinnerwrap .carousel-control.left {
        left: 17px;
        right: inherit;
    }

    .carouselinnerwrap .carousel-control.right {
        right: 23px;
        left: inherit;
    }

    .bottomsec .bottomleft, .bottomsec .bottomright {
        width: 45%;
        margin: auto;
        height: 200px;
        position: relative;
         object-fit: cover;
    }

        .bottomsec .bottomleft img, .bottomsec .bottomright img {
            width: 100%;
                height: 200px;
        }
        
    .bottomsec .newssec {
        width: auto;
        height: auto;
        margin: 10px 0px;
        background-repeat: repeat-y;
    }

    .eachnews .date {
        width: 100%;
        margin: 0;
    }

    .eachnews .newscontent {
        width: 90%;
        text-align: justify;
    }

    .footerwrap {
        background: #131313;
    }

        .footerwrap, .footerwrap .footer {
            height: auto;
        }

    .footer .footerlinks {
        width: 79%;
        float: none;
    }

    .footerlinks div {
        width: 100%;
    }

    .footer .contactinfo {
        display: inline-block;
        width: 100%;
        margin-top: 0px;
    }

    .contactinfo .eachinfo {
        float: none;
        margin-bottom: 10px;
    }

        .contactinfo .eachinfo div {
            width: 58px;
            height: 57px;
        }

            .contactinfo .eachinfo div i {
                width: 40px;
                height: 40px;
                line-height: 40px;
                font-size: 1em;
            }

    .footer .socialwrap {
        float: none;
        margin-top: 8px;
    }

        .footer .socialwrap div {
            text-align: center;
        }

    .footerwrap .copyrights {
        background: #212121;
        padding: 10px 0px;
    }

    .innercontent {
        width: 90%;
    }

    .eachredeem {
        width: 100%;
        margin-right: 0px;
    }

        .eachredeem .redeemcontentwrap {
            padding: 5px 7px;
        }

            .eachredeem .redeemcontentwrap .redeemtitle {
                font-size: 16px;
                margin-bottom: 5px;
            }

    .form-horizontal {
        width: 100% !important;
    }

    .invitefriendsscreen .form-horizontal {
        width: 90% !important;
    }

        .invitefriendsscreen .form-horizontal .controls input[type=text] {
            width: 80%;
        }

    .form-horizontal .control-label {
        width: auto;
    }

    .eachinvitediv a {
        float: right;
    }

    .form-horizontal .controls {
        margin-left: 0px;
    }

    .form-horizontal input[type=text], .form-horizontal input[type=password], .form-horizontal textarea, .form-horizontal select {
        width: 100%;
    }

    .emaillist div {
        width: 100%;
    }

        .emaillist div label {
            width: 92%;
        }

    .registerscreen .profilepic {
        position: relative;
        width: 98px;
    }

    .afterlogininvitefriendsscreen .manualinvitesec {
        width: 100%;
        float: left;
        margin-top: 10px;
    }

        .afterlogininvitefriendsscreen .manualinvitesec .EmailIdsTxt {
            width: 80% !important;
        }

    .afterlogininvitefriendsscreen .Or {
        width: 100%;
        height: 1px;
    }

    .afterlogininvitefriendsscreen .hrOr {
        height: 1px;
        width: 100%;
    }

    .afterlogininvitefriendsscreen .spanOr {
        position: absolute;
        left: 40%;
        top: 10px;
        margin-top: -20px;
    }

    .invitefromotherdiv {
        margin-top: 15px;
        width: 100%;
    }

    .custommodal {
        padding-right: 0px !important;
    }

        .custommodal .modal-dialog {
            width: 100% !important;
        }

    .loginpopleft {
        width: 100% !important;
        height: auto !important;
        padding: 10px !important;
    }

    .loginpopright {
        display: none !important;
    }

    .loginpopleft .socialicons a {
        margin-right: 13px;
    }

    #GuestUserModal .loginpopleft .field.extra input {
        width: 64%;
    }

    .ecouponpopleft {
        display: none;
    }

    .ecouponpopright {
        width: 97%;
        margin-right: 6px;
    }

    .redemptionpopleft {
        display: none;
    }

    .redemptionpopright {
        width: 97%;
        margin-right: 6px;
    }

        .redemptionpopright .text-right {
            margin-top: 17px;
        }

    .innersubmenu {
        height: 67px;
    }

    .emaillist.cities div {
        width: 100% !important;
    }

    .registerscreen .editprofile .pull-left {
        float: none !important;
        width: 34%;
        margin: auto;
    }

    .registerscreen .editprofile .control-group {
        float: none;
        width: auto;
        height: auto;
    }

    .registerscreen .editprofile .controls {
        margin-left: 0px;
        float: none;
        width: auto;
    }

    .registerscreen .editprofile .pull-right {
        width: 100%;
    }

    .custommodal#KioskLocationModal .modal-dialog {
        width: 94% !important;
    }

    .KioskLocationModal .KioskLocationpopleft {
        display: none;
    }

    .KioskLocationModal .KioskLocationpopright {
        float: none;
        width: 97%;
    }

    .KioskLocationModal .form-horizontal {
        width: 95% !important;
    }

        .KioskLocationModal .form-horizontal .control-label {
            float: left;
        }

        .KioskLocationModal .form-horizontal .controls {
            margin-left: 110px;
        }
}


/* End home front end */


/* Start forgot password, Change Email, Change Mobile screens */

.bodybg .account-container {
    width: 380px;
    display: block;
    margin: 5% auto 0 auto;
    background: #f9f9f9;
    border: 1px solid #d5d5d5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0px 0px 2px #dadada, inset 0px -3px 0px #e6e6e6;
}

.bodybg .forgotpwdscreen .account-container {
    margin: 1% auto 0 auto;
}

.bodybg .content {
    padding: 16px 28px 23px;
}

.bodybg .login-fields .field {
    margin-bottom: 1.25em;
}

.bodybg .forgotpwdscreen .login-fields .field {
    margin-top: 15px;
    margin-bottom: 5px;
}

.bodybg .login-fields label {
    display: none;
}

.bodybg .login-fields input[type=text], .bodybg .login-fields input[type=password] {
    font-family: 'Open Sans';
    font-size: 13px;
    color: #8e8d8d;
    padding: 11px 15px 10px 50px;
    background-color: #fdfdfd;
    width: 257px;
    display: block;
    margin: 0;
    box-shadow: inset 2px 2px 4px #f1f1f1;
}

.bodybg .forgotpwdscreen .login-fields input[type=text], .bodybg .forgotpwdscreen .login-fields input[type=password] {
    width: 324px;
    padding: 7px 15px 7px 50px;
}

.bodybg .frontforgotpwdscreen .login-fields input[type=text], .bodybg .frontforgotpwdscreen .login-fields input[type=password] {
    width: 324px;
    padding: 7px 15px 13px 50px;
}

.bodybg .username-field {
    background: url(../images/user.png) no-repeat;
}

.bodybg .password-field {
    background: url(../images/password.png) no-repeat;
}

.bodybg .mobile-field {
    background: url(../images/mobile.png) no-repeat;
}

.bodybg .verify-field {
    background: url(../images/verify.png) no-repeat;
}

.bodybg .login-actions {
    float: left;
    width: 100%;
    margin-top: -1em;
    margin-bottom: 1.25em;
}

.bodybg .forgotpwdscreen .login-actions {
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: right;
}

    .bodybg .forgotpwdscreen .login-actions input {
        padding: 7px 16px;
    }

.bodybg .login-actions a {
    border-right: 1px solid #ccc;
    margin-right: 5px;
    padding-right: 9px;
}

    .bodybg .login-actions a:last-child {
        margin-right: 0px;
        border-right: 0px;
    }

.bodybg .forgotpwdscreen .login-actions a {
    margin-right: 0px;
    border-right: 0px;
}

.bodybg .login-social {
    float: left;
    padding: 10px 0 15px;
    border: 1px dotted #c1c1c1;
    border-right: none;
    border-left: none;
}

.bodybg span.login-checkbox {
    float: left;
    margin-top: 25px;
}

    .bodybg span.login-checkbox > input[type='checkbox'] {
        opacity: 0;
        float: left;
        width: 15px;
        display: none;
    }

        .bodybg span.login-checkbox > input[type='checkbox'] + label {
            clear: none;
            height: 14px;
            display: block;
            padding: 1px 0 0 22px;
            margin: 0;
            font-size: 12px;
            line-height: 1.2em;
            background: url(../images/check.png) no-repeat 0 0;
            cursor: pointer;
            float: left;
        }

        .bodybg span.login-checkbox > input[type='checkbox']:checked + label {
            background-position: 0 -15px;
        }

/** Text Under Box**/
.bodybg .login-extra {
    display: block;
    width: 300px;
    margin: 1.5em auto;
    text-align: left;
    line-height: 19px;
    text-shadow: 1px 1px 0px #fff;
}

.bodybg .account-container h1 {
    margin-bottom: .4em;
    color: #525252;
}

.bodybg .forgotpwdscreen .account-container h1 {
    font-size: 20px;
}
/** Buttons **/
.bodybg .button {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    float: right;
    margin-top: 18px;
}

.bodybg .register .login-social {
    margin-bottom: 1em;
}

.bodybg .register .login-actions {
    margin-bottom: 0;
}

.bodybg .register .login-fields input {
    width: 299px;
    padding-left: 6px;
}

.bodybg .register h1 {
    color: #444;
}

.bodybg .register span.login-checkbox {
    position: relative;
    top: -6px;
    width: 200px;
}

    .bodybg .register span.login-checkbox > input[type="checkbox"] + label {
        position: relative;
        line-height: 1.3em;
    }

.bodybg .backtologin {
    float: left;
    margin-top: 8px;
    margin-left: 3px;
}

    .bodybg .backtologin i {
        margin-right: 2px;
    }

.bodybg .socialButtons {
    height: 40px;
}

    .bodybg .socialButtons > div {
        width: 143px;
        margin-left: 9%;
    }

    .bodybg .socialButtons > div, .socialButtons > a {
        float: left;
    }

    .bodybg .socialButtons a.btn-google {
        height: 16px;
        line-height: 15px;
        font-size: 12px;
    }

        .bodybg .socialButtons a.btn-google i {
            font-size: 14px;
            line-height: 21px;
        }

.bodybg .login-fields .loginOr {
    width: 100%;
    margin: 0px 0px 10px 0;
}

    .bodybg .login-fields .loginOr .loginOrinner {
        position: relative;
    }

.bodybg .login-fields .hrOr {
    background-color: #cdcdcd;
    height: 1px;
    margin: 10px 0;
}

.bodybg .login-fields .spanOr {
    display: block;
    position: absolute;
    left: 48%;
    top: -11px;
    margin-left: -1.5em;
    background-color: #F9F9F9;
    width: 3em;
    text-align: center;
}

.bodybg .resendlnkwrap {
    position: relative;
}

    .bodybg .resendlnkwrap a {
        position: absolute;
        right: 7px;
        top: 29px;
        color: #1A668F;
    }

    .bodybg .resendlnkwrap input {
        padding-right: 56px !important;
    }

.bodybg .existlbl b {
    margin-right: 15px;
}

.bodybg .forgotpwdscreen .pagehead {
    display: none;
}

.bodybg .borderforfrontend {
    display: none;
}

.bodybg .spaceforfrontend {
    display: none;
}

.kioskoperationsscreen .controls input[type=text] {
    width: 100%;
}

.kioskoperationsscreen .content {
    padding: 16px 28px 0px;
}

.loginpopleft .header {
    display: none!important;
}

.loginpopleft .footerwrap {
    display: none!important;
}

.loginpopleft .topnav {
    display: none!important;
}

@media (width: 390px) {

    .loginpopleft .topnav {
        display: none!important;
    }
}

@media (max-width: 480px) {

    .bodybg .account-container {
        width: 280px;
        margin-top: 35px;
    }

    .bodybg .login-fields input {
        width: 160px;
    }

    .bodybg .login-social {
        width: 100%;
    }

    .bodybg .twitter {
        display: block;
        margin-bottom: 1em;
    }

    .bodybg .register .login-fields input {
        width: 204px;
        padding-left: 6px;
    }

    .bodybg .login-fields input[type=text], .bodybg .login-fields input[type=password] {
        width: 73%;
    }

    .bodybg .socialButtons {
        height: 75px;
        margin: auto;
        width: 70%;
    }

        .bodybg .socialButtons > div, .socialButtons > a {
            float: none;
        }

        .bodybg .socialButtons a.btn-google {
            margin-top: 15px;
            margin-left: 0px;
        }
}

/* End forgot password, Change Email, Change Mobile screens */

#EcouponViewDetailsPopup .EachPrice {
    width: 31%;
    height: 69px;
}
/*Slide-toggle winner list*/

.winnersList_wrap {
    top: 5%;
    position: absolute;
    height: auto;
    z-index: 10;
}

.HomeWrap {
    position: relative;
    margin: 0 auto;
    top: 0px;
    left: 0px;
    width: 1300px;
    height: 399px;
    overflow: hidden;
    visibility: hidden;
}

.winnersList_wrap.closed {
    left: 0;
    transition: left 1s;
    -webkit-transition: left 1s;
}

.winnersList_wrap.open {
    left: 0px;
    transition: left 1s;
    -webkit-transition: left 1s;
}

.slide-menu {
    width: 296px;
    height: 455px;
    cursor: default;
    overflow: hidden;
    background-color: #FEC631;
    border-bottom-right-radius: 15px;
    float: left;
    -moz-box-shadow: 3px 3px 5px #ABABAB;
    -webkit-box-shadow: 3px 3px 5px #ABABAB;
    box-shadow: 3px 3px 5px #ABABAB;
}

.slide-Toggle {
    width: 53px;
    cursor: pointer;
    overflow: hidden;
    background-color: #ECD38F;
    border-top-right-radius: 43px;
    border-bottom-right-radius: 43px;
    float: left;
    text-align: center;
    padding: 10px 10px 7px 10px;
    -moz-box-shadow: 3px 3px 5px #ABABAB;
    -webkit-box-shadow: 3px 3px 5px #ABABAB;
    box-shadow: 3px 3px 5px #ABABAB;
}

    .slide-Toggle:hover, .winnersList_wrap.open .slide-Toggle {
        background-color: #FEC631;
    }

    .slide-Toggle span {
        font-size: 22px;
        vertical-align: bottom;
        color: #016DB6;
    }

        .slide-Toggle span i {
            font-size: 1.5em;
        }

.slide-menu h4 {
    margin-left: 14px;
    padding-top: 6px;
    color: #016DB6;
    font-size: 2em;
}

.slide-menu > span {
    margin-left: 14px;
    top: 8px;
    position: relative;
    color: #016DB6;
    font-size: 2em;
}

.winnerslist {
    width: 268px;
    margin-left: 19px;
    margin-top: 15px;
    height: 382px;
    overflow-y: auto;
}

    .winnerslist .winner {
        height: 75px;
        border-bottom: 2px solid #CAAD63;
        margin-bottom: 11px;
    }

        .winnerslist .winner .winnerPic {
            width: 56px;
            height: 56px;
            border-radius: 55px;
            border: 2px solid #ffffff;
            float: left;
            margin: 0px 15px 0px 0px;
        }

        .winnerslist .winner div {
            float: left;
            width: 63%;
            margin-top: 0px;
            font-size: 13px;
        }

        .winnerslist .winner span img {
            width: 12px;
        }

        .winnerslist .winner label {
            font-weight: bold;
        }

    .winnerslist::-webkit-scrollbar {
        width: 5px; /* for vertical scrollbars */
        height: 5px; /* for horizontal scrollbars */
    }

    .winnerslist::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.1);
    }

    .winnerslist::-webkit-scrollbar-thumb {
        background: rgba(1,109,182,1);
    }

#qrcode input[type=text], #barcodepurchase input[type=text] {
    width: 100%;
}
/*terms&condition section*/
.terms_condtion {
    position: relative;
    -webkit-transform: translateZ(0); /* webkit flicker fix */
    -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}

    .terms_condtion .tooltip {
        background: #1496bb;
        top: 37px;
        color: #fff;
        display: block;
        margin-bottom: 15px;
        opacity: 0;
        padding: 20px;
        pointer-events: none;
        position: absolute;
        width: 369px;
        max-height: 156px;
        -webkit-transform: translateY(10px);
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        transform: translateY(10px);
        -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;
        -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
    }

        /* This bridges the gap so you can mouse into the tooltip without it disappearing */
        .terms_condtion .tooltip:before {
            bottom: -20px;
            content: " ";
            display: block;
            height: 20px;
            left: 0;
            position: absolute;
            width: 100%;
        }

        /* CSS Triangles - see Trevor's post */
        .terms_condtion .tooltip:after {
            position: absolute;
            top: -12px;
            left: 30%;
            content: ' ';
            height: 0px;
            width: 0px;
            border: 6px solid transparent;
            border-top-color: transparent;
            border-bottom-color: rgb(20, 150, 187);
        }


/* IE can just show/hide with no transition */
.lte8 .terms_condtion .tooltip {
    display: none;
}

.lte8 .terms_condtion:hover .tooltip {
    display: block;
}

.tooltip_wrap {
    max-height: 115px;
    overflow-y: auto;
}

    .tooltip_wrap::-webkit-scrollbar {
        width: 5px; /* for vertical scrollbars */
        height: 5px; /* for horizontal scrollbars */
    }

    .tooltip_wrap::-webkit-scrollbar-track {
        background: rgba(0, 0, 0, 0.1);
    }

    .tooltip_wrap::-webkit-scrollbar-thumb {
        background: rgba(1,109,182,1);
    }

.tooltip.closedTC {
    opacity: 0;
}

.tooltip.openTC {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
}


/*error msg notification alert*/

.alert_TC {
    padding: 11px 0px;
    margin-bottom: 18px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #942B2B;
    display: none;
    position: absolute;
}
/* loader*/
.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
}

.whitebgdiv {
    background-color: #FFFFFF;
    bottom: 0;
    height: 100%;
    position: absolute;
    top: 41px;
    width: 100%;
    z-index: 11;
}

    .whitebgdiv .loadingimg {
        /*background: url(".../images/10.gif") no-repeat scroll center center #FFFFFF;*/
        background: url("../Images/10.gif") no-repeat scroll 0 0 !important;
        font-size: 14px;
        height: 45px;
        left: 46%;
        line-height: 112px;
        position: absolute;
        top: 33%;
        width: auto;
    }

.loaderfont {
    width: 100px;
    height: 80px;
    margin-top: 20%;
    margin-left: 50%;
    font-size: 13px;
    color: #fff;
}
/*uploade file section */

.uploadefileSection {
    border-style: solid;
    border: thick double #F5F2ED;
    -webkit-box-shadow: -4px 4px 35px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: -4px 4px 35px -4px rgba(0,0,0,0.75);
    box-shadow: -4px 4px 35px -4px rgba(0,0,0,0.75);
}


/*popup right */

.ticketpurchasepop .control-group {
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.ticketpurchasepop h1 {
    color: #016DB8;
    font-size: 1.5em;
    margin: 2px 1px 6px 1px;
}

.multi-item-carousel .carousel-inner > .item {
    -webkit-transition: 500ms ease-in-out left;
    transition: 500ms ease-in-out left;
}

.multi-item-carousel .carousel-inner .active.left {
    left: -33%;
}

.multi-item-carousel .carousel-inner .active.right {
    left: 33%;
}

.multi-item-carousel .carousel-inner .next {
    left: 33%;
}

.multi-item-carousel .carousel-inner .prev {
    left: -33%;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .multi-item-carousel .carousel-inner > .item {
        -webkit-transition: 500ms ease-in-out all;
        transition: 500ms ease-in-out all;
        -webkit-backface-visibility: visible;
        backface-visibility: visible;
        -webkit-transform: none!important;
        transform: none!important;
    }
}

.multi-item-carousel .carouse-control.left,
.multi-item-carousel .carouse-control.right {
    background-image: none;
}

/*404 page*/
#upPageeroor {
    margin: 10px;
    background: #ffffff;
    text-align: center;
}
/*end page*/

/*model popup for view details */

#prizesDiv {
    margin-left: 16px;
    width: 375px;
    overflow-y: hidden;
    overflow-x: auto;
    height: 87px;
    display: -webkit-flex;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
}

.modelpopupviewwrap {
    float: left;
    padding: 0px 2px;
    height: 69px;
    width: 100%;
    margin-right: 10px;
    position: relative;
}

    .modelpopupviewwrap .overlay {
        background: rgba(0,0,0,0.5);
        position: absolute;
        height: 69px;
        width: 115px;
        left: 0;
        top: 0;
    }

.modelpopupviewtempalte {
    height: 90px;
    overflow: auto;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.prizeArrowPrev {
    margin-top: 5%;
    border-radius: 50%;
    width: 29px;
    height: 30px;
    background: #CCC;
    color: black;
    opacity: 1;
    font-size: 16px;
    text-align: -webkit-center;
    vertical-align: 16px;
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
}

.prizeArrow .activelist {
    background: #FFB900 !important;
}

.ptizeArrownext {
    top: 0;
    right: 15px;
    left: auto;
    margin-top: 5%;
    border-radius: 50%;
    width: 29px;
    height: 30px;
    background: #FFB900;
    color: black;
    opacity: 1;
    font-size: 16px;
    text-align: -webkit-center;
    vertical-align: 16px;
    position: absolute;
    text-align: center;
}

.fa-angle-right {
    margin-top: 7px;
}

.fa-angle-left {
    margin-top: 7px;
}

.innerDivprize {
    position: absolute;
    z-index: 0;
    text-align: -webkit-center;
    line-height: 1.3;
    vertical-align: middle;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
}

    .innerDivprize p {
        margin-top: 15px;
        text-align: center;
    }

.prizetag {
    color: #FFB900;
    font-size: 14px;
    font-weight: 300;
}

.viweprizes {
    height: 68px;
    width: 116px;
}

.EcouponViewRightSection {
    float: left;
    margin-left: 10px;
    width: 56%;
}

.innerDivprize p {
    width: 115px;
    height: 43px;
    font-size: 14px;
}

#TicketPrice {
    font-size: 1.4em;
    margin-top: 20px;
    float: left;
}

    #TicketPrice .pricelbl {
        float: left;
    }

    #TicketPrice .priceamtlbl {
        float: left;
        margin-left: 3px;
    }

#prizesDiv::-webkit-scrollbar {
    width: 12px;
    height: 8px;
}
/* Track */
#prizesDiv::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
/* Handle */
#prizesDiv::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(1, 109, 182,0.8);
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
}

    #prizesDiv::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(1, 109, 182,0.4);
    }


.ErrorMessage {
    background: url("../../images/error_icon.png") no-repeat scroll 10px 11px #000000;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    cursor: default;
    display: none;
    height: auto;
    margin: 0;
    opacity: 0.9;
    filter: alpha(opacity=90);
    padding: 0 5px 15px 43px;
    position: fixed;
    right: 10px;
    text-align: left;
    top: 10px;
    width: 280px;
    z-index: 1011;
}

#SuccessMessage {
    background: url("../../images/saved_icon.png") no-repeat scroll 10px 13px #000000;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #A0EB73;
    cursor: default;
    display: none;
    height: auto;
    margin: 0;
    opacity: 0.9;
    filter: alpha(opacity=90);
    padding: 0 5px 15px 43px;
    position: fixed;
    right: 10px;
    text-align: left;
    top: 10px;
    width: 280px;
    z-index: 1011;
}

#SuccessMessage2 {
    background: url("../../images/saved_icon.png") no-repeat scroll 10px 13px #000000;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #A0EB73;
    cursor: default;
    display: none;
    height: auto;
    margin: 0;
    opacity: 0.9;
    filter: alpha(opacity=90);
    padding: 0 5px 15px 43px;
    position: fixed;
    right: 10px;
    text-align: left;
    top: 10px;
    width: 280px;
    z-index: 1011;
}


.ErrorMessage .RemoveAuthorityfrompanel, #SuccessMessage .RemoveAuthorityfrompanel {
    position: absolute;
    right: 5px;
    opacity: 1;
    filter: alpha(opacity=100);
    top: 0;
}

.ErrorMessage ul, #SuccessMessage .RemoveAuthorityfrompanel {
    font-size: 13px;
}

.RemoveAuthorityfrompanel {
    background: url("../../images/sprite.gif") no-repeat scroll -4px 0 transparent;
    cursor: pointer;
    display: inline-block;
    height: 20px;
    opacity: 0.6;
    filter: alpha(opacity=60);
    vertical-align: top;
    width: 14px;
}

    .RemoveAuthorityfrompanel:hover {
        opacity: 1;
        filter: alpha(opacity=100);
    }

.ErrorMessage h3 h3 {
    font-size: 15px;
}

.FooterErrorMessage {
    display: none;
}

.ragistraionbtn {
    float: right;
    margin-top: -10px;
}

.ragistraionerrortext {
    float: left;
    width: 176px;
    margin-top: -2px;
}

.linkbutton {
    -moz-box-shadow: 3px 4px 0px 0px #899599;
    -webkit-box-shadow: 3px 4px 0px 0px #899599;
    box-shadow: 3px 4px 0px 0px #899599;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #bab1ba));
    background: -moz-linear-gradient(top, #ededed 5%, #bab1ba 100%);
    background: -webkit-linear-gradient(top, #ededed 5%, #bab1ba 100%);
    background: -o-linear-gradient(top, #ededed 5%, #bab1ba 100%);
    background: -ms-linear-gradient(top, #ededed 5%, #bab1ba 100%);
    background: linear-gradient(to bottom, #ededed 5%, #bab1ba 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#bab1ba',GradientType=0);
    background-color: #ededed;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 8px;
    border: 1px solid #d6bcd6;
    display: inline-block;
    cursor: pointer;
    color: #3a8a9e;
    font-family: Arial;
    font-size: 13px;
    padding: 0px 46px;
    text-decoration: none;
    text-shadow: 0px 1px 0px #e1e2ed;
    height: 18px;
}

    .linkbutton:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bab1ba), color-stop(1, #ededed));
        background: -moz-linear-gradient(top, #bab1ba 5%, #ededed 100%);
        background: -webkit-linear-gradient(top, #bab1ba 5%, #ededed 100%);
        background: -o-linear-gradient(top, #bab1ba 5%, #ededed 100%);
        background: -ms-linear-gradient(top, #bab1ba 5%, #ededed 100%);
        background: linear-gradient(to bottom, #bab1ba 5%, #ededed 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bab1ba', endColorstr='#ededed',GradientType=0);
        background-color: #bab1ba;
    }

/*.ECouponsCarouselslide .item.next,
            .ECouponsCarouselslide .item.active.right {
                left: 0;
                -webkit-transform: translate3d(33%, 0, 0);
                 -moz-transform: translate3d(33%, 0, 0);

                transform: translate3d(33%, 0, 0);
            }
            .ECouponsCarouselslide .item.prev,
            .ECouponsCarouselslide .item.active.left {
                left: 0;
                -webkit-transform: translate3d(-33%, 0, 0);
                 -moz-transform: translate3d(-33%, 0, 0);
                transform: translate3d(-33%, 0, 0);
            }*/
/*.carousel-control.left, .carousel-control.right {
                background: rgba(255, 255, 255, 0.3);
                width: 25%;
            }*/




.ECouponsCarouselslide .active.left {
    left: -33%;
}

.ECouponsCarouselslide .active.right {
    left: 33%;
}

.ECouponsCarouselslide .next {
    left: 33%;
}

.ECouponsCarouselslide .prev {
    left: -33%;
}


.eventticket .active.left {
    left: -25%;
}

.eventticket .next {
    left: 25%;
}

.eventticket .active.right {
    left: 25%;
}

.eventticket .prev {
    left: -25%;
}



@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
    .ECouponsCarouselslide .item.next,
    .ECouponsCarouselslide .item.active.right {
        left: 0;
        -webkit-transform: translate3d(33%, 0, 0);
        -moz-transform: translate3d(33%, 0, 0);
        transform: translate3d(33%, 0, 0);
    }

    .ECouponsCarouselslide .item.prev,
    .ECouponsCarouselslide .item.active.left {
        left: 0;
        -webkit-transform: translate3d(-33%, 0, 0);
        -moz-transform: translate3d(-33%, 0, 0);
        transform: translate3d(-33%, 0, 0);
    }


    .eventticket .item.next,
    .eventticket .item.active.right {
        left: 0;
        -webkit-transform: translate3d(25%, 0, 0);
        -moz-transform: translate3d(25%, 0, 0);
        transform: translate3d(25%, 0, 0);
    }

    .eventticket .item.prev,
    .eventticket .item.active.left {
        left: 0;
        -webkit-transform: translate3d(-25%, 0, 0);
        -moz-transform: translate3d(-25%, 0, 0);
        transform: translate3d(-25%, 0, 0);
    }
}


.Cacelbutton {
    display: block;
    background: #34696f;
    border: 2px solid rgba(33, 68, 72, 0.59);
    display: inline-block;
    padding: 6px 8px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    color: #fff;
    border-radius: 5px;
}


.paymentsucss {
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: -1px 4px 31px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 4px 31px 2px rgba(0,0,0,0.75);
    box-shadow: -1px 4px 31px 2px rgba(0,0,0,0.75);
}

.barcodewrap {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.barcodestyle {
    float: left;
    text-align: left;
    border: 1px solid;
    padding: 2px 3px;
    margin: 2px 47px;
    width: 210px;
    height: 215px;
}

    .barcodestyle span {
        margin-left: 28px;
    }
.bcs {
    float: left;
    text-align: left;
    border: 1px solid;
    padding: 2px 3px;
    margin: 2px 47px;
    width:160px;height:150px;margin-left:24px;
}

    .bcs span {
        margin-left: 28px;
    }
.btnqrcode {
    background: #016DB6;
    border: 0px;
    padding: 7px 45px;
    color: #fff;
}

.helpDiv {
    border: 2px solid;
    width: 170px;
    height: 170px;
    padding: 8px 14px;
    font-size: 12px;
    /*border-top-left-radius: 2em;*/
}

    .helpDiv h5 {
        font-size: 12px;
        line-height: .9;
        margin-left: -11px;
        text-align: left;
    }

.helpdivmenu {
    height: 100px;
    width: 152px;
    overflow: auto;
}

.helpDiv li {
    list-style: inherit;
    margin-left: 20px;
    padding: 0px;
}



.helpdivmenu::-webkit-scrollbar {
    width: 5px;
}

/* Track */
.helpdivmenu::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

/* Handle */
.helpdivmenu::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: rgba(1, 109, 182,0.8);
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.5);
}

    .helpdivmenu::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(1, 109, 182,0.4);
    }

#PackageTypeDdlhelp i {
    font-size: 28px;
    position: absolute;
    margin-left: -8px;
    margin-top: 4px;
    background: #fff;
    line-height: 0.5;
    font-weight: 200;
}

#PackageTypeDdlhelp {
    position: relative;
    float: right;
    margin-top: -292px;
    margin-right: 29px;
}

.icon {
}

.leftimg {
    float: left;
    margin-left: 14px;
}


.reprtDropdown {
    float: left;
    margin: 3px;
}

.Reportlabel {
    float: left;
    width: 120px;
}

.reportsprint_btnwrap {
    margin-top: 10px;
}

.tableprint {
    border-collapse: collapse;
    table-layout: fixed;
}

    .tableprint thead {
        background: #f1f1f1;
        font-weight: 500;
        border-color: silver;
    }

    .tableprint tr {
        border-color: silver;
    }



#parent {
    height: 500px;
}

.innerdiv {
    height: 150px;
    overflow-x: hidden;
    overflow: auto;
}

.fancyTable td {
    border: solid 1px;
    width: 100px;
    word-wrap: break-word;
}
/*tab margine*/
.marginelaeffortab {
    margin-left: 20%;
    margin-bottom: 15px;
}

.tabliinelabel {
    float: left;
    width: 26%;
    margin-top: 8px;
}


.newlogoadd {
    margin-right: 20px!important;
}

.custommodal#COURegistrationModel .modal-dialog {
    width: 739px;
    margin: 80px auto;
    border: 2px solid #fcb711;
}

#COURegistrationModel .form-horizontal .controls {
    margin-left: 0px;
    position: relative;
}

    #COURegistrationModel .form-horizontal .controls .fa {
        position: absolute;
        color: #808080;
        top: 13px;
        left: 6px;
    }

#COURegistrationModel .form-horizontal select {
    width: 98%;
    padding-left: 20px;
    border-radius: 3px;
    box-shadow: 0px 0px 0px;
}

/*.home-frontend {

padding-right: 0px!important;
margin-right: 0px!important;
}*/

/*move left side 17px*/
body {
    margin: 0;
    padding: 0px;
}

.test[style] {
    padding-right: 0 !important;
}

.test.modal-open {
    overflow: auto;
}
/*move left side 17px*/

#CoMobileCodeTxt {
    width: 50px!important;
    float: left;
    margin-top: 5px;
    padding-left: 16px;
    margin-left: -170px;
}

#CoMobileTxt {
    width: 82%!important;
    float: right;
    padding-left: 2px;
    margin-left: 2px;
    margin-right: 4px;
}

.ui-dialog-buttons {
    z-index: 1100!important;
}


.PreferdCommunicationchkbox {
    float: right;
    margin-right: 35px;
}

.PreferdCommunicationtext {
    float: left;
}

.PreferdCommunicationchkbox span {
    float: left;
    clear: both;
}

#drpCountry option {
    left: 0!important;
}

.placeholelavel {
    position: absolute;
    margin-top: 7px;
    float: left;
    left: 20px;
    border-right: 1px solid #bbabb1;
    height: 24px;
    padding-right: 5px;
    color: #bbabb1;
}

.dropdowntextpaddingleft {
    padding-left: 80px;
}


.ui-widget-header {
    border: 1px solid #fecc49!important;
    background: #016DB6!important;
}

.uplText {
    width: 75%!important;
}

#AcceptDiv {
    display: flex;
}

    #AcceptDiv span {
        margin: 4px;
    }

#COURegistrationModel .form-horizontal input[type=text], #COURegistrationModel .form-horizontal input[type=password], #COURegistrationModel .form-horizontal #addressText {
    width: 98%;
    padding-left: 23px;
    border-radius: 3px;
    box-shadow: 0px 0px 0px;
}

#COURegistrationModel .form-horizontal select {
    width: 98%;
    padding-left: 79px;
    border-radius: 3px;
    box-shadow: 0px 0px 0px;
}

.corporateImg {
    width: 90px;
    height: 71px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.LeftMargin {
    float: left;
    margin-left: 5px;
}

.Uploads {
  float:left;
  margin-left: 10px!important;
}
.datepickerhijiri {
    margin-left: -0.3%!important;
}

#CrExpiryDateTxt {
    width: 40%!important;
    margin-left: -169px;
}

#CrExpiryDateTxtHijriTxt {
    width: 50%!important;
}

#CrExpiryDateTxtCalendarImage {
    margin-left: 3px;
}

@media (min-width:1024px) and (max-width:1123px) {

    .header .topstrip {
        background: #176791;
        height: 44px;
        margin-left: 210px;
        padding-right: 4%;
    }

    .topstrip .sep {
        width: 1px;
        color: #FFB700;
        padding: 0px;
        margin: 9px 6px 12px 6px;
        font-size: 20px;
        float: right;
    }

    top-ad {
        width: 591px;
    }

    body {
        font-size: 13px;
    }
}



.overlay {
    height: 0%;
    width: 100%;
    position: fixed;
    z-index: 1200;
    top: 0;
    left: 0;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0, 0.9);
    overflow: hidden;
    transition: 0.5s;
}

.overlay-content {
    position: relative;
    top: 6%;
    width: 75%;
    /*text-align: center;*/
    margin-top: 10px;
}
    .overlay-content ul {
    margin:auto;
      overflow:hidden;
    }
    .overlay-content ul li {
    text-align:left;
     text-decoration: none;
     list-style-type: none;
      padding: 8px;
      overflow:hidden;
}
     .overlay-content ul li a {
     color: #ffffff!important;
}


    }
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 18px;
    color: #ffffff!important;
    display: block;
    transition: 0.3s;

}

.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
    top: 0px;
    right: 24px;
    font-size: 65px;
    overflow: hidden;
    cursor: pointer;
}

@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
    overflow: hidden;
    cursor: pointer;
  }
}
.smallsizemenu {
display:none;
}

@media (max-width:940px) {
     .smallscreenWin {
        display: block !important;
    }

    .largescreenWin {
        display: none;
    }

    .smallsizemenu {
        display: block!important;
        display: block!important;
        position: absolute;
        right: 10%;
        top: 17px;
    }

    .topstrip {
        display: none;
    }
    


}



.menubaritem {
float:left;
margin-left:10px;
margin-top: 10px;
    
}
    .menubaritem span {
    margin-left:2px;
        color: white;
    }
    .menubaritem .fa {
    color:#FFB700;
    font-size:17px;
    }
    .menubaritem a {
    color:#fff;
    }
     .menubaritem li {
    list-style-type:none;
    }
     .dropdown li  span{
    color: #8A8787;
    }
.menubaritem ul {
    padding-left:0px;
}
.menudiveder {
    float:left;
margin-left:5px !important;
margin-right:10px !important;
 color:#FFB700;
  font-size:20px;
      margin-top: -4px;
}
#GuestUserBtnWrap .fa, #LoginBtn .fa,#CoRegisterBtnWrap .fa,#RegisterBtnWrap .fa,#ddlanguage .fa{
color:#fff;
}
#UserInfoDiv {
    margin-left: 10%;
    margin-right: 10%;
}
GuestUserBtnWrap {
margin-right:30px;
}

@media (max-width:1300px) {
     #GuestUserBtnWrap {
         margin-right:10px;
/*margin-right:20px;*/
}
}
    
@media (max-width:1215px) and (min-width:1040px) {
     #GuestUserBtnWrap {
         margin-left:10px;
}
    .menudiveder {
        margin-right: 5px !important;
    }
     .menubaritem {
    margin-right: 5px;
}
     body {
        font-size: 13px!important;
    }
}
@media (max-width: 1140px) and (min-width: 1024px) {

    body {
        font-size: 12px!important;
    }
}
@media (max-width: 1070px) and (min-width: 1024px) {

    .menudiveder {
        margin-right: 2px !important;
        margin-left: 2px !important;
            margin-right: 1px;
    }
     #GuestUserBtnWrap {
         margin-left:8px;
}
    
     .menubaritem {
    margin-right: 1px;
}
}
@media (max-width: 1120px) and (min-width: 1024px) {
.socialwrap {
    display: inline-block;
    margin-top: 37px;
     margin-left:0%; 
    float: left;
    position: absolute;
    left: 213px;
}
.top-ad {
    position: absolute;
            margin-left: 37%;
    top: 53px;
    }
.menubaritem {
    margin-left: 3px;
}
}
.btn-prev-next{
    color: #fff;
    background-color: #1A668F;
    border-color: #1A668F;
    
}
.btn-prev-next:hover{
    color: #fff;
    background-color: #1A668F;
    border-color: #2FBFC8;
    
}
.TandC{
    
    padding:5px;
    background-color:lightgrey;
}


.draw-config-form .form-actions {
    background-color: #eeeeee;
    border-top: 1px solid #ddd;
}

.bodybg .draw-config-form{
    margin: 20px auto 0px auto;
}


#drawSaveDiv {
    text-align: right;
    padding: 17px 20px 18px;
    margin-bottom: 18px;
    background-color: #eeeeee;
    border-top: 1px solid #ddd;
}

.draw-config-form .form-actions {
    text-align: right;
    padding: 17px 20px 18px;
    margin-bottom: 18px;
    background-color: #eeeeee;
    border-top: 1px solid #ddd;
}

.drawDiv .drawImage img {
    border: 1px solid;
    margin-top: 2px;
    background-color: gray;
    height: 85px;
}

.drawDiv {
    border: 1px solid rgba(1, 109, 182,0.4);
    width: 33.3%;
    float: left;
    padding: 2px 2px 2px 2px;
    position: relative;
    background-color: #D1D4DA;
    height: 135px;
}

    .drawDiv .drawDetail {
        width: 100%;
        height: 85px;
        vertical-align: middle;
        text-align: center;
        padding-top: 43px;
    }

    .drawDiv .drawCaption {
        border: 1px solid #0094ff;
        height: 40px;
        text-align: center;
        padding: 10px;
        background-color: #469FE0;
        border-radius: 4px;
    }

    .drawDiv .drawLabel {
        color: #ffffff;
        font-size: 16px;
        width: 90%;
        display: inline;
        float: left;
    }

    .drawDiv .drawButtons {
        float: right;
        height: 50px;
    }

    .drawDiv .drawImage {
        float: left;
        opacity: .9;
    }

.drawOutlet {
    width: 100%;
    background-color: #9CA5B4;
    border: 1px solid #d0e6f6;
    padding: 10px 5px 10px 5px;
    border-radius: 4px;
}

    .drawOutlet .outletLabel {
        color: white;
    }

.drawName {
    width: 100%;
    background-color: #F2EDED;
    border: 1px solid #d0e6f6;
    padding: 10px 5px 10px 5px;
    text-align:left;
}

.drawTxt {
    background-color: #d0e6f6;
}

.drawName .nameLbl {
    color: #3C6BB9;
    padding-left: 15px;
    transition: transform 0.3s;
}

.drawNameLabel {
    font-size: 16px;
    background-color: #B4CAD7;
    padding: 4px;
    border-radius: 4px;
}

.drawName .drawTxt {
    background-color: #d0e6f6;
}

#divDrawList a {
    color: #4286f4;
}

.divDrawPrizeList {
    border: 1px solid rgba(1, 109, 182,0.4);
    padding: 2px;
}

.drawPrizeInfo {
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

.drawPrizeCount {
    font-size: 30px;
    padding-left: 22px;
    color: #469FE0;
}

.drawPrizeX {
    font-size: 20px;
    color: #469FE0;
    
}
.space-button{
    text-align:center;
    padding-left:205px;
}
.space-button2{
    text-align:center;
    padding-left:305px;
}
.pulltextboxright{
    padding-left:50px;
}
.modifielabel
{
    float: left;
    width: 200px;
    padding-top: 5px;
    text-align: right; 
    color:#00658c;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.modifie-label
{
    float: center;
    width: 200px;
    font-size:large;
    padding-top: 5px;
    color:#00658c;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.imagealign
{    
    padding-left:270px;
    
}

.print-text{
    text-align:right;
}

.voucherNameLabel{
        font-size:14px;
        font-weight:bold;
        padding-left:15px;
}
.txt-lblGroup{
        margin-left:30px;
}
.lablClass{
        float: left;
        width: 150px;
        margin-left:-122px;
        padding-top: 5px;
        text-align: left; 
        color:#00658c;
        font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
}
.txtHideClass{
        visibility:hidden;
}

/*  VoucherDistribution        [02-Dec-2017]   [START]  Created By : [Hari]   Updated By : [Vikram] */

.maindiv {
    border: 1px solid black;
    /*width: 900px;*/ /*Updated By Vikram   [04-Dec-2017]*/
    background-color: gainsboro;
    margin-top: 25px;
    margin: auto;
    display: block;
}

.inner_main {
    height: 40px;
    width: 100%;
    background-color: #1A668F;
}

.labelhead {
    color: white;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    float: left;
    margin-top: 8px;
    margin-left: 20px;
}

.details_container {
    width: 100%;
    display: block;
    float: left;
    background-color: silver;
}

.imagediv {
    float: left;
    width: 28%;
}

.detailsdiv {
    float: right;
    width: 65%;
    margin-right: 30px;
}

.imageclass {
    width: 200px;
    height: 200px;
    padding: 10px;
}

.discription {
    padding: 20px;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 18px;
    padding-top: 30px;
    color: darkblue;
}

.corp_details {
    height: 100PX;
    width: 100%;
    padding-left: 20px;
}

.corp_name {
    color: white;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    font-size: 34px;
    /*float: left;
    padding-top: 50px;
    width: 25%;*/
    /*      Updated By Vikram   [04-Dec-2017]       [START]    */
    float: right;
    font-size: 34px;
    padding-top: 40px;
    width: 80%;
    /*      Updated By Vikram   [04-Dec-2017]       [END]    */
}

    .corp_name label {
        color: steelblue;
        font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        font-size: 20px;
    }

.corp_img_div {
    /*      Updated By Vikram   [04-Dec-2017]       [START]    */
    /*float: right;
    margin-left: 20px;
    width: 70%;*/
    float: left;
    margin-top: 20px;
    width: 5%;
    /*      Updated By Vikram   [04-Dec-2017]       [END]    */
}

.corp_img {
    width: 100px;
    /*padding-left: 30px;*/
}

.status {
    width: 100%;
    margin-left: 50px;
}

.status-app {
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    font-size: 24px;
    padding-left: 25px;
    color: red;
}

/*  VoucherDistribution        [02-Dec-2017]   [END]  Created By : [Hari]   Updated By : [Vikram] */


/*------EBundle - 12-12-2017 --------*/
 #ebundleconfiguration .form-horizontal
    {
        width: 1095px;
    }
    #ucID_eBundleDescriptionDiv .jqte{
        max-width: 557px;
    }
/*-----------*/


/*------EVoucherBundle - 12-12-2017 --------*/

 .distributorcorporates{
        font-size:16px;
        font-weight:bold;
        padding:15px;
        padding-bottom:1px;
        border-bottom:1px solid #efebeb;
        padding-top:4px;
        color:white;
        background-color:gray;
        font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
    }

 .EvoucherBundlemaindiv {
        display:block;
        float:left;
        border: 1px solid black;
        height: auto;
        width: 900px;
        background-color: gainsboro;
        margin-left:100px;
        margin-right:100px;
    }

 .EvoucherBundleinner_main {
        height: 40px;
        width: 100%;
        background-color: #469FE0;
    }

 .EvoucherBundlelabelhead {
        font-size:18px;
        color:white;
        font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
        float:left;
        margin-top:8px;
        margin-left:20px; 
    }

 .EvoucherBundlebutton2_head {
        /*float: right;*/
        margin-top: 5px;
        /*margin-right: 3px;*/
    }

 .EvoucherBundlebutton_head {
        float: right;
        margin-top: 3px;
        background-color:#2FBFC8;
        /*margin-left:650px;*/
    }

 .EvoucherBundledetails_container {
        width: 100%;
        padding-bottom: 10px;
        height: auto;
        display: block;
        float: left;
        background-color: silver;
    }

 .EvoucherBundleimagediv {
        float:left;
        width: 48%;
        background-color:#c0c0c0;
    }


/*-----------*/

/*      Created By Vikram   :  [12-Dec-2017]    [START]  */
#ucID_voucherDetails .imageclass {
    height :148px;
}
/*      Created By Vikram   :  [12-Dec-2017]    [END]  */