/*RESET*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,select{
    margin:0;
    padding:0;
}
fieldset,images{
    border:0;
}
li{
    list-style:none;
}
caption,th{
    text-align:left;
}
h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:normal;
}
html, body,.container {
    height: 100%;
    min-height: 100%;
}
html, body{
    background-color:#FFF;
    color: #000;
    font-family: 'Lato', sans-serif;
    font-size: 1em;
    font-weight:400;
    margin: 0 auto;
    position:relative;
    width:100%;
    min-width:960px;
}
.container{
    background-color:#FFF;
}
.order-class{
    float: none;
    width: 240px;
    display: inline-block;
    position: relative;
    margin-top: 0px;
    font-size: 12px;
    padding: 0;
    vertical-align: middle;
    text-align: left;
    margin-left: 130px;
    margin-bottom: 0;
    background: none;
    border: 0;
    color: #BE1A1A;
}
.custom-error{
    color: #BE1A1A;
    font-size: 12px;
}
a{
    text-decoration:none;
}
img{
    border:none;
}
*:focus {
    outline: none;
}
input[type="text"], input[type="password"], input[type="number"], textarea,
table.listing .view,
input[type="submit"],a{
    -webkit-transition: all 0.30s ease-in-out;
    -moz-transition: all 0.30s ease-in-out;
    -ms-transition: all 0.30s ease-in-out;
    -o-transition: all 0.30s ease-in-out;
}
input[type="text"], input[type="password"],input[type="number"],textarea{
    border:1px solid #D9DDE0;
    font-family: 'Lato', sans-serif;

    outline: none;
}
input[type=text]:focus, input[type="password"]:focus,input[type="number"]:focus,textarea:focus {
    /* box-shadow: 0 0 5px rgba(81, 203, 238, 1); */
    border-color: #B8B8B8;
}
.container:before {
    content: '';
    height: 100%;
    float: left;
}
.height-taker{
    position: relative;
    z-index: 1;
}
.height-taker:after{
    content: '';
    clear: both;
    display: block;
}
.wrapper{
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: auto;
}
.inverse, .inverse > *{
    -moz-transform: rotateX(180deg);
    -ms-transform: rotateX(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotateX(180deg);
    transform: rotateX(180deg);
}

.table{
    display: table;
    height: 100%;
    width: 100%;
}
.column{
    display: table-cell;
    vertical-align:top;
}

.important{
    font-weight: bolder;
    color: white;
}

.col-1{
    /*background-color: #90adc1;*/
    width:13%;
}
.col-2{
    /* background-color: #b6ff00;*/
}
.col-3{
    /* background-color: #723131;*/
    width:17%;
    /*border-left:1px solid;
    margin-left:-1px;*/
}
.clear{
    clear:both;
}
.full-row{
    width:100%;
    float:left;
}
/******HEADER CSS******/
.header{
    /*#F8E088;#DCDEC0;
    width:100%;
    position: fixed;
    float:left;
    z-index:1;*/
    /*  background: -webkit-linear-gradient(0deg, #4A5083  10%, #71B280 90%);*/  /*Chrome 10+, Saf5.1+ */
    /*   background: -moz-linear-gradient(0deg, #4A5083 10%, #71B280 90%);*/  /*FF3.6+ */
    /*  background:     -ms-linear-gradient(0deg, #4A5083  10%, #71B280 90%);*/  /*IE10 */
    /*  background:      -o-linear-gradient(0deg, #4A5083  10%, #71B280 90%); */ /*Opera 11.10+ */
    /*  background:         linear-gradient(0deg, #4A5083  10%, #71B280 90%); */ /*W3C        */
    background: #3a87cc;
}
.header .header-left,
.header .header-middle,
.header .header-right{
    padding:20px 0;
    height:40px;
}
.header .header-left{
    background: rgba(79, 79, 79, 0.2);
    text-align:center;
}

.header .header-left .logo .logo-img{
    width: 140px;
    padding-top:0px;
}
.manage_logo img{
    width: 150px;
}
.header .header-middle{
    float:left;
}
.header .header-middle h1{
    color:#FFFFFF;
    font-size:2.1875em;
    line-height:40px;
    font-weight:300;
    padding-left:20px;
}
.header .header-right{
    float:right;
    /*border-left:1px solid rgba(0, 0, 0, 0.1);
    margin-right:-1px;*/
    width:29%;
}

.header .header-right .profile-name{
    color: #FFF;
    padding:0;
    float: right;
    display: block;
    cursor:pointer;
    padding: 5px 10px;
}
a.profile-name span {
    display: block;
    width: auto;
    float: left;
    word-wrap: break-word;
    max-width: 220px;
    margin-right: 10px;
}
a.profile-name .profile-img{
    margin-right:10px;
}
a.profile-name .profile-img img{
    width:30px;
    height:30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
a.profile-name span.name{
    margin-top:5px;
}
.icon-bag {
    background: rgba(0, 0, 0, 0) url("../img/bag.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 16px;
    width: 16px;
}
.icon-tie {
    background: rgba(0, 0, 0, 0) url("../img/tie.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 16px;
    width: 16px;
}
.icon-settings {
    background: rgba(0, 0, 0, 0) url("../img/settings-custom.png") no-repeat scroll 0 0;
    display: block;
    float: left;
    height: 16px;
    width: 16px;
}
a.profile-name .down-arrow {
    height: 5px;
    width: 10px;
    background: url(../img/down_arrow_10.png) no-repeat;
    margin-right: 29px;
    float: right;
    display: block;
    margin-top: 15px;
}
.header-sub-menu {
    width: 190px;
    background-color: #FFF;
    border: 1px solid #F0F1F3;
    position: absolute;
    right: 22px;
    top: 68px;
    z-index:2;
    padding: 10px 0;
    -moz-box-shadow: 0 1px 3px #CFCFCF;
    -webkit-box-shadow: 0 1px 3px #CFCFCF;
    box-shadow: 0 1px 3px #CFCFCF;
    display: none;
}
.header-sub-menu .triangle {
    width: 16px;
    height: 8px;
    position: absolute;
    top: -8px;
    right: 10px;
    background: url(../img/white-triangle.png) no-repeat;
    display: block;
}
.header-sub-menu ul li a {
    display: block;
    padding:10px;
    border-bottom: 1px solid #EDEFF7;
    color: #5A5A5A;
    font-size: 13px;
}
.header-sub-menu ul li a:hover{
    background-color:#F8F9FB;
}
.header-sub-menu ul li a.first {
    border-top: 1px solid #EDEFF7;
}
/******HEADER CSS******/

/*-----gallery popup modal--------*/
.gallery1
{
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    color:white;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.73);
    z-index:1001;
}
.black_overlay
{
    position: absolute;
    margin-top: 20px;
    left: 35%;
    border-radius: 10px;
    width: 25%;
    color: black;
    height: 509px;
    padding: 16px;
    border: 16px solid white;
    background-color: white;
    z-index: 1001;

}
.black_overlay1
{
    position: absolute;
    margin-top: 10px;
    left: 25%;
    border-radius: 10px;
    width: 50%;
    color: black;
    height: auto;
    padding: 16px;
    border: 16px solid white;
    background-color: white;
    z-index: 1001;
}
.image-vedio{
    float: left;
    padding-right: 12px;
    margin-top: 5px;
}
.round_gallery
{
    border-radius:10px;
    min-height:100%;
    min-width:100%;
}
.header_gallery{
    background-color: #FFFFFF;
    height: 40px;
    width: 100%;
    color: rgb(102, 102, 102);
    font-size: 22px;
    padding-left: 20px;
    scroll:no;
}
.radio-btn-img
{
    cursor:pointer;
    float:right;
    margin-left:6px;
}


/* GALLERY MODULE */
.frm_gallery
{
    font-size: 14px;
    background-color: white;
}
.list_image
{
    position:relative;
    background-color:#FFF;
    height:200px;
    width:200px;
    border-radius:10px;
    margin-left:20px;
    float:left;
    margin-bottom:15px;
    overflow:hidden;
}
.title_image
{
    height: 23px;
    border-radius: 0px 0px 10px 10px;
    width: 100%;
    bottom: 0px;
    position: absolute;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.73);
    color: #fff;
}

input[type=checkbox] + label {
    color: rgba(36, 2, 2, 0.78);
    /* font-style: italic; */
    cursor: pointer;
}
input[type=checkbox]:checked + label {
    /*color:#33DA40;*/
    font-weight: 400;
    font-style: normal;
}
.mendatory
{
    color: red;
}
.checkbox{
    zoom: 1.6;
}
.checkbox.checked {
    color:red;
}

.bookingcheckbox
{
    float: left;
    width: 45%;
    padding: 3px;
}
.chk_txt
{
    font-size: 10px;
    position: absolute;
    color: #666666;
    padding-top: 0px;
    padding-left: 4px;
}
.chk_txt1
{
    font-size: 10px;
    /* position: absolute; */
    color: #666666 !important;
    line-height: 12px;
    padding-top: -16px;
    font-style: normal !important;
    padding-left: 4px;
    float: left;
}
.chk_all_check
{
    float: right !important;
    padding-bottom: 0px !important;
    height: 13px !important;
    width: 56px !important;
}
.list_image_action{
    position: absolute;
    display: none;
    top: 0;
    right: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.73);
    border-radius: 0px 10px 0px 0px;

}
.check_adventures
{
    width: 10px;
    margin-top: 1px;
    float: left;
}
.list_image:hover .list_image_action{
    display:block;
}
.date_action
{
    position: relative;
    display: none;
    top: 60px;
    right: 5px;
    /* padding: 13px; */
    background-color: rgba(0, 0, 0, 0.73) !important;
    border-radius: 0px 10px 0px 0px;
    width: 32px;
    height: 27px;
    background: url(../img/icons/plus_white.png) no-repeat;
    float: left;
    background-position: 4px;
}
.date-cell:hover .date_action
{
    display:block;
    cursor:pointer;
}
.date_action a span{
    background: url(../img/icons/plus_red.png) no-repeat;
    width: 45px;
    background-position: -2px 3px;
    /* z-index: 999999; */
    background-size: 86%;
}
.list_image_action a span{
    width:16px;
    height:16px;
    background:url(../img/sprites.png) no-repeat;
    display:block;
    float:left;
}
.list_image_action a span.edit{
    background-position: -48px -16px;
}
.list_image_action a span.delete1{
    background-position: -16px -16px;
}
.list_image_action a:hover span.edit{
    background-position: -32px -16px;
}
.list_image_action a:hover span.delete1{
    background-position: -0px -16px;
}
.list_image_action a:not(.view) {
    height: 30px;
    width: 30px;
}
.list_image_delete1{
    width: 14px;
    margin-top: 14px;
    height: 17px;
}

/******MIDDLE CSS******/
.middle-wrapper{
    width:100%;
    float:left;
    position:relative;
    display: table;
}
.left-bar,
.right-bar{
    top: 0;
    display: table-cell;
    overflow:hidden;
}
.left-bar{
    background: #3a87cc;
    color:#FFFFFF;
    overflow:hidden;
    width: 212px;
    min-width:212px;
}

.left-bar .left-bar-nav li a{
    width:100%;
    display:block;
    float:left;
    padding:12px 0;
    color: #fff;
    font-size:0.85em;
    font-weight:bold;
    border-left: 4px solid #3a87cc;
}
.left-bar .left-bar-nav li a:hover,
.left-bar .left-bar-nav li a.active{
    color: #FFFFFF;
    border-left: 4px solid rgba(95, 168, 232, 0.52);
    background-color: rgba(95, 168, 232, 0.52);
}

.left-bar .left-bar-nav li a.active{
    color: #FFFFFF;
    border-left: 4px solid rgba(95, 168, 232, 0.52);
    background-color: rgba(95, 168, 232, 0.52);
}
.left-bar .left-bar-nav li a span{
    margin-right:10px;
}
.left-bar .left-bar-nav li a span.icn,
table.listing .action a span{
    width:16px;
    height:16px;
    background:url(../img/sprites.png) no-repeat;
    display:block;
    float:left;
}
.left-bar .left-bar-nav li a span.icn{
    margin-left:20px;
}
.left-bar .left-bar-nav li a span.admin{
    background-position: -16px -0px;
}
.left-bar .left-bar-nav li a span.region{
    background-position: -46px -128px;
}
.left-bar .left-bar-nav li a:hover span.region,
.left-bar .left-bar-nav li a.active span.region{
    background-position: -32px -128px;
}
.left-bar .left-bar-nav li a span.commune
{
    background-position: -16px -142px;
}
.left-bar .left-bar-nav li a:hover span.commune,.left-bar .left-bar-nav li a.active span.commune{
    background-position: -0px -142px;
}

/*---------Reena Added Icon---------------*/
.left-bar .left-bar-nav li a span.chain{
    background-position: -47px -158px;
}
.left-bar .left-bar-nav li a:hover span.chain,
.left-bar .left-bar-nav li a.active span.chain{
    background-position: -31px -158px;
}
.left-bar .left-bar-nav li a span.venue{
    background-position: -17px -80px;
}
.left-bar .left-bar-nav li a:hover span.venue,
.left-bar .left-bar-nav li a.active span.venue{
    background-position: -17px -80px;
}
.left-bar .left-bar-nav li a span.profile{
    background-position: -49px -65px;
}
.left-bar .left-bar-nav li a:hover span.profile,
.left-bar .left-bar-nav li a.active span.profile{
    background-position: -49px -65px;
}

.left-bar .left-bar-nav li a span.client{
    background-position: -16px -175px;
}
.left-bar .left-bar-nav li a:hover span.client,
.left-bar .left-bar-nav li a.active span.client{
    background-position: 0px -175px;
}
.left-bar .left-bar-nav li a span.coach{
    background-position: -48px -175px;
}
.left-bar .left-bar-nav li a:hover span.coach,
.left-bar .left-bar-nav li a.active span.coach{
    background-position: -32px -175px;
}
.left-bar .left-bar-nav li a span.agent{
    background-position: -16px -158px;
}
.left-bar .left-bar-nav li a:hover span.agent,
.left-bar .left-bar-nav li a.active span.agent{
    background-position: 0px -158px;
}
.left-bar .left-bar-nav li a span.emp{
    background-position: -16px -190px;
}
.left-bar .left-bar-nav li a:hover span.emp,
.left-bar .left-bar-nav li a.active span.emp{
    background-position: 0px -190px;
}
.left-bar .left-bar-nav li a span.event{
    background-position: -48px -190px;
}
.left-bar .left-bar-nav li a:hover span.event,
.left-bar .left-bar-nav li a.active span.event{
    background-position: -32px -190px;
}

.left-bar .left-bar-nav li a:hover span.admin,
.left-bar .left-bar-nav li a.active span.admin
{
    background-position: -0px -0px;
}
.left-bar .left-bar-nav li a span.dashboard{
    background-position: -48px -48px;
}
.left-bar .left-bar-nav li a:hover span.dashboard,
.left-bar .left-bar-nav li a.active span.dashboard{
    background-position: -48px -48px;
}
.left-bar .left-bar-nav li a span.events{
    background-position: -1px -80px;
}
.left-bar .left-bar-nav li a:hover span.events,
.left-bar .left-bar-nav li a.active span.events{
    background-position: -1px -80px;
}
.left-bar .left-bar-nav li a span.schedule{
    background-position: -33px -81px;
}
.left-bar .left-bar-nav li a:hover span.schedule,
.left-bar .left-bar-nav li a.active span.schedule{
    background-position: -33px -81px;
}
.left-bar .left-bar-nav li a span.timeslot{
    background-position: -49px -80px;
}
.left-bar .left-bar-nav li a:hover span.timeslot,
.left-bar .left-bar-nav li a.active span.timeslot{
    background-position: -49px -80px;
}
.left-bar .left-bar-nav li a span.tariffs{
    background-position: 0px -97px;
}
.left-bar .left-bar-nav li a:hover span.tariffs,
.left-bar .left-bar-nav li a.active span.tariffs{
    background-position: 0px -97px;
}
.left-bar .left-bar-nav li a span.holidays{
    background-position: -16px -97px;
}
.left-bar .left-bar-nav li a:hover span.holidays,
.left-bar .left-bar-nav li a.active span.holidays{
    background-position: -16px -97px;
}
.left-bar .left-bar-nav li a span.closings{
    background-position: -32px -97px;
}
.left-bar .left-bar-nav li a:hover span.closings,
.left-bar .left-bar-nav li a.active span.closings{
    background-position: -32px -97px;
}
.left-bar .left-bar-nav li a span.bookings{
    background-position: -48px -97px;
}
.left-bar .left-bar-nav li a:hover span.bookings,
.left-bar .left-bar-nav li a.active span.bookings{
    background-position: -48px -97px;
}
.left-bar .left-bar-nav li a span.school{
    background-position: -48px -96px;
}
.left-bar .left-bar-nav li a:hover span.school,
.left-bar .left-bar-nav li a.active span.school{
    background-position: -32px -96px;

}
.left-bar .left-bar-nav li a span.parents{
    background-position: -48px -80px;
}
.left-bar .left-bar-nav li a:hover span.parents,
.left-bar .left-bar-nav li a.active span.parents{
    background-position: -32px -80px;
}
.left-bar .left-bar-nav li a span.mailsetting{
    background-position: -16px -80px;
}
.left-bar .left-bar-nav li a:hover span.mailsetting,
.left-bar .left-bar-nav li a.active span.mailsetting{
    background-position: -0px -80px;
}
.left-bar .left-bar-nav li a span.gallery{
    background-position: -16px -238px;
}
.left-bar .left-bar-nav li a:hover span.gallery,
.left-bar .left-bar-nav li a.active span.gallery{
    background-position: 0px -238px;
}

.left-bar .left-bar-nav li a span.students{
    background-position: -48px -112px;
}
.left-bar .left-bar-nav li a:hover span.students,
.left-bar .left-bar-nav li a.active span.students{
    background-position: -32px -112px;
}
.left-bar .left-bar-nav li a span.drivers{
    background-position: -48px -64px;
}
.left-bar .left-bar-nav li a:hover span.drivers,
.left-bar .left-bar-nav li a.active span.drivers{
    background-position: -32px -64px;
}
.left-bar .left-bar-nav li a span.vehicles{
    background-position: -16px -112px;
}
.left-bar .left-bar-nav li a:hover span.vehicles,
.left-bar .left-bar-nav li a.active span.vehicles{
    background-position: -0px -112px;
}
.left-bar .left-bar-nav li a span.routes{
    background-position: -16px -96px;
}
.left-bar .left-bar-nav li a:hover span.routes,
.left-bar .left-bar-nav li a.active span.routes{
    background-position: -0px -96px;
}
.left-bar .left-bar-nav li a span.message{
    background-position: -48px -205px;
}
.left-bar .left-bar-nav li a:hover span.message,
.left-bar .left-bar-nav li a.active span.message{
    background-position: -32px -205px;
}
.left-bar .left-bar-nav li a span.web {
    background-position: -48px 0px;
}
.left-bar .left-bar-nav li a:hover span.web,
.left-bar .left-bar-nav li a.active span.web{
    background-position: -32px -0px;
}
.left-bar .left-bar-nav li a span.settings{
    background-position: -48px -32px;
}
.left-bar .left-bar-nav li a:hover span.settings,
.left-bar .left-bar-nav li a.active span.settings{
    background-position: -32px -32px;
}

.left-bar .left-bar-nav li a span.activity{
    background-position: -32px -239px;
}
.left-bar .left-bar-nav li a:hover span.activity,
.left-bar .left-bar-nav li a.active span.activity{
    background-position: -48px -239px;
}

.left-bar .left-bar-nav li a span.adventure{
    background-position: -32px -255px;
}
.left-bar .left-bar-nav li a:hover span.adventure,
.left-bar .left-bar-nav li a.active span.adventure{
    background-position: -48px -255px;
}

.left-bar .left-bar-nav li a span.testimonial{
    background-position: 0px -271px;
}
.left-bar .left-bar-nav li a:hover span.testimonial,
.left-bar .left-bar-nav li a.active span.testimonial{
    background-position: -16px -271px;
}

.left-bar .left-bar-nav li a span.product{
    background-position: -32px -272px;
}
.left-bar .left-bar-nav li a:hover span.product,
.left-bar .left-bar-nav li a.active span.product{
    background-position: -48px -272px;
}

.left-bar .left-bar-nav li a span.subscriber{
    background-position: -16px -287px;
}
.left-bar .left-bar-nav li a:hover span.subscriber,
.left-bar .left-bar-nav li a.active span.subscriber{
    background-position: 0px -287px;
}

.left-bar .left-bar-nav li a span.transaction{
    background-position: -16px -334px;
}
.left-bar .left-bar-nav li a:hover span.transaction,
.left-bar .left-bar-nav li a.active span.transaction{
    background-position: 0px -334px;
}



.left-bar .left-bar-nav li a span.enquiry{
    background-position: -48px -288px;
}
.left-bar .left-bar-nav li a:hover span.enquiry,
.left-bar .left-bar-nav li a.active span.enquiry{
    background-position: -32px -288px;
}
.left-bar .left-bar-nav li a span.booking-close{
    background-position: -48px -303px;
}
.left-bar .left-bar-nav li a:hover span.booking-close,
.left-bar .left-bar-nav li a.active span.booking-close{
    background-position: -32px -303px;
}
.booking_close1
{
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    color: white;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.73);
    z-index: 1001;
}

.right-bar{
    background:#F8F9FB;
    border-left:1px solid #E4E8EB;
}
.header_booking_closed
{
    background-color: #FFFFFF;
    height: 40px;
    width: 100%;
    color: rgb(102, 102, 102);
    font-size: 22px;
    font-weight: bold;
    text-align: center;
}
.content-section .middle-nav,
.right-bar .section-heading{
    border-bottom:1px solid #E4E8EB;
    height:auto;
    background:#FFF;
    display: inline-block;
    width: 100%;
}
.content-section h3 {
    padding: 10px 0;
    font-size: 20px;
    border-bottom: 1px solid #E7E7E7;
    text-indent: 14px;
    height: 28px;
}
.light-gray-box input[type="text"] {
    padding: 5px 10px;
    border: none;
    width: 250px;
    border: 1px solid #C1DAD7;
    margin-left: 9px;
}
.light-gray-box input[type="submit"]:hover {
    background-color: #225E96;
}
.light-gray-box input[type="submit"] {
    width: auto;
    padding: 6px 12px;
    background-color: #2869A5;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    border: none;
}
.add-new {
    width: auto;
    display: block;
    float: right;
    padding: 5px 10px;
    background-color: #3A87CC;
    color: #fff;
    font-weight: bold;
    font-size: 15px;
    text-indent: 2px;
    margin-right: 14px;
}
.add-new1 {
    width: auto;
    display: block;
    /* float: right; */
    padding: 5px 10px;
    background-color: #84C754;
    color: #fff;
    font-weight: bold;
    width: 10%;
    margin: auto;
}
.content-section .middle-nav{
    background-color:#F8F9FB;
}
.right-bar .section-heading{
    background-color:#FFF;

}
.content-section .middle-nav ul,
.content-section .inner-heading{
    padding:20px;
}
.content-section .inner-section{
    width:100%;
    float:left;
}
.content-section .inner-heading{
    position:relative;
}
.content-section .inner-heading .search-form{
    position:absolute;
    right:20px;
    top:16px;
}
.mb-30 {
    margin-bottom: 30px;
}
.content-section .inner-heading .complex-filter-form{
    position: unset;
}
.content-section .inner-heading h2 {
}
.search-form h2 {
    float: left;
    width: 50%;
}
.search-form input{
    float: right;
    width: 50%;
}
.content-section .inner-heading .search-form input[type="text"]{

    /*height:30px;*/
    padding:6px 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    font-size:0.875em;
    width:200px;
    /*float: left;*/
}
.right-bar .section-heading h4{
    color:#959A9E;
    font-size:0.75em;
    text-transform:uppercase;
    font-weight:bold;
    padding:23px 20px;
}
.content-section .middle-nav li{
    display:inline;
    margin-right:10px;
}
.content-section .middle-nav li a{
    padding:7px 12px;
    color:#666666;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size:0.85em;
    font-weight:bold;
}
.content-section .middle-nav li a:hover{
    background-color:#E9EAEC;
}
.content-section .middle-nav li a.active{
    background: #3A87CC;
    color:#FFFFFF;
}
.content-section h2{
    font-size:18px;

}
table.listing {
    border-bottom: 1px solid #E4E8EB;
    border-collapse: collapse;
}
table.listing tr {
    background-color: #FFF;
}
table.listing th {
    border-top: 1px solid #E4E8EB;
    border-bottom: 1px solid #E4E8EB;
    padding-top: 0;
    background-color:#F8F9FB;
    font-weight:400;
}
table.listing tr {
    background-color: #FFF;
    border-bottom: 1px solid #E4E8EB;

}
table.listing th, table.listing td {
    padding: 15px;
    line-height: 19px;
}
table.listing td {
    color:#676767;
    max-width: 400px;
    overflow: auto;
}
table.listing td.team-logo{
    width:60px;
}
table.listing td.team-logo img{
    max-width:100%;
    max-height:100%;
}
table.listing tr.alter {
    background-color: #FAFCFB;
}
table.listing .view,
table.listing .action a,
.right-bar .view-all{
    background-color:#FFF;
    border:1px solid #C7C7C7;
}
table.listing .view,
.right-bar .view-all{
    font-size:13px;
    padding:5px 10px;
    color:#676767;
    -webkit-border-radius:4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

}
table.listing .view{
    display:inline-block;
    float:left;
    margin: 2px 10px 0 0;
}
table.listing .action a:not(.view){
    height:30px;
    width:30px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    display: inline-block;

}
table.listing .view:hover,
table.listing .action a:hover,
.right-bar .view-all:hover{
    color:#535353;
    border-color:#929292;

}
table.listing .action a span{
    margin:7px 0 0 7px;
}
table.listing .action a span.view-detail{
    background-position: -16px -16px;
}
table.listing .action a:hover span.view-detail{
    background-position: 0px -16px;
}
table.listing .action a span.edit{
    background-position: -48px 1px;
}
table.listing .action a span.request{
    background-position: -16px -319px;
}
table.listing .action a:hover span.request{
    background-position: 0px -319px;
}
table.listing .action a span.cancle{
    background-position: -50px -319px;
}
table.listing .action a:hover span.cancle{
    background-position: -32px -319px;
}
table.listing .action a span.delete1{
    background-position: -16px 0px;
}
table.listing .action a:hover span.edit{
    background-position: -32px 1px;
}
table.listing .action a:hover span.delete1{
    background-position: 0px 0px;
}
table.listing .action a span.preview-detail{
    background-position: -16px -64px;
}
table.listing .action a:hover span.preview-detail{
    background-position: -32px -64px;
}
.switch{
    position:relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background-color: #EBEBEB;
    /*background-color: #eff4ff;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,0.5),inset 0 1px 3px 0 rgba(0,0,0,0.2);*/
    width: 62px;
    height: 26px;
    overflow: hidden;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    cursor: pointer;

    display: inline-block;
}
.no-radius{
    border-radius: 0!important;
}
.switch .knob {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    position: absolute;
    top: 3px;
    left: 3px;
    background: #FFF;
    /*background: #F6F6F6;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.2),0px 4px 23px 0 rgba(0,0,0,0.08),-2px 4px 4px 0 rgba(0,0,0,0.1),inset 0px 2px 0px #FFF;*/
    font-size: 12px;
    line-height: 15px;
    color: #6d808e;
    text-decoration: none;
    color: #d8dad9;
    text-align: center;
    -webkit-transition: all .4s cubic-bezier(0.33,1.6,0.66,1);
    -moz-transition: all .4s cubic-bezier(0.33,1.6,0.66,1);
    -o-transition: all .4s cubic-bezier(0.33,1.6,0.66,1);
    transition: all .4s cubic-bezier(0.33,1.6,0.66,1);
}
.switch .knob:before,
.switch .knob:after{
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    top:3px;
}

.switch .knob:before {
    content: "OFF";
    color:#676767;
    left: 24px;
}

.switch .knob:after {
    content: "ON";
    color: white;
    left: -30px;
}
.switch.on{
    background: #3A87CC;
}
.switch.on .knob{
    left:40px;
}
.pagination-wrapper {
    width:100%;
    padding:20px 0;
    float:left;
}
.pagination-wrapper .pagination{
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    border: 1px solid #CECECE;
    float:right;
    margin-right:20px;
    overflow:hidden;
}
.pagination-wrapper .pagination li{
    display:inline;
}
.pagination-wrapper .pagination li a,.pagination-wrapper .pagination li strong{
    padding:6px 12px;
    font-size:14px;
    display:block;
    float:left;
    border-left:1px solid #CECECE;
    border-right:1px solid #CECECE;
    margin-left:-1px;
    color: #666666;
}
.pagination-wrapper .pagination li a:hover{
    background-color: #F8F8F8;
    color: #525151;
}
.pagination-wrapper .pagination li a.prev{
    border-left:0;
    -webkit-border-top-left-radius: 15px;
    -moz-border-radius-topleft:15px;
    border-top-left-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-left-radius: 15px;
}
.pagination-wrapper .pagination li a.next{
    border-right:0;
    -webkit-border-top-right-radius: 15px;
    -moz-border-radius-topright:15px;
    border-top-right-radius: 15px;
    -webkit-border-bottom-right-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    border-bottom-right-radius: 15px;
}
.form-wrapper{
    padding:0 20px;
}

.form-wrapper .row{
    width: 100%;
    padding: 10px 0;
    border-top: 1px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
    margin-top: -1px;
    float: left;
}
.label-unqueid
{
    font-size: 8px;
    color: #BEBEBE;
}
.form-wrapper .row .form-lbl{
    width:20%;
    float:left;
    color:#666666;
    display:block;
    margin-top:5px;
}
.form-wrapper .row .form-field{
    width:80%;
    float:left;
}
.form-wrapper .row .form-field input[type="text"],
.form-wrapper .row .form-field input[type="number"],
.form-wrapper .row .form-field input[type="password"]{
    padding:7px 8px;
    width:300px;
}
.form-wrapper .row .browse{
    font-size:14px!important;
}
.form-wrapper .row.last-row{
    border:none;
}
.form-wrapper .row .form-field input[type="submit"],
.form-wrapper .row .border-rounded-link{
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    cursor:pointer;
    font-size:12px!important;
    font-weight:bold;
    display:block;
    float:left;
    text-transform:uppercase;
}
.form-wrapper .row .form-field input[type="submit"]{
    padding:10px 20px;
    background-color: #3A87CC;
    color:#FFFFFF;
    border:0;

}
.add_info{
    padding: 6px 20px;
    background-color: #33DA40;
    color: #FFFFFF;
    border: 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    margin-right:20px;
    float: right;
    margin: 15px 2px;
}
.add_info:hover{
    background: #2AB935;
}
.form-wrapper .row .form-field input[type="submit"]:hover,.admin-list-filter .search-form input[type="submit"]:hover,.content-section .middle-nav li  .reset-filter:hover, #campaign_add .nextstep1:hover,#campaign_add .nextstep2:hover{
    background: #3A87CC !important;
}
.form-wrapper .row.last-row .form-field{
    margin-left: 0%;
}
.form-wrapper .row .border-rounded-link{
    border:1px solid #D9DDE0;
    padding:9px 20px;
    color: #A7A7A7;

}
.form-wrapper .last-row .border-rounded-link{
    margin-left:8px;
}

.form-wrapper .row .border-rounded-link:hover{
    border-color:#AFAFAF;
}

/*RIGHT BAR CSS*/
.recent-match{
    text-align:center;
    font-size:11px;
}
.right-bar .date{
    background-color:#ECE8E8;
    padding:5px;
    font-size:12px;
    color:#555;
    text-transform:uppercase;
}
.recent-match .team-info,
.recent-match .seperator{
    vertical-align:middle;
    padding:10px 5px;
}
.recent-match .team-info{
    width:40%;
}
.recent-match .team-info a,
.player .player-info a{
    color:#666666;
}
.recent-match .team-info a img {
    max-width:40px;
    max-height:40px;
}
.recent-match .team-info a:hover,
.player .player-info a:hover{
    color:#000	;
}
.recent-match .seperator{
    width:20%;
}
.recent-match .team-info span,
.player .player-points span{
    display:block;
}
.recent-match .team-info .team-name{
    margin-top:5px;
}
.recent-match.alternative,
.player.alternative{
    background-color:#F1F3F5;
}
.view-all{
    padding:5px;
    display:block;
    margin:5px;
    text-align:center;
    font-size:12px;
}
.leaderboard-header{
    border-top:1px solid #E4E8EB;
    margin-top:5px;
}
.right-bar .player{
    font-size:13px;
    padding:10px 5px;
}
.player .player-info{
    width:70%;
}
.player .player-points{
    width:30%;
    vertical-align:middle;
    text-align:center;
}

.player .player-info img{
    height:30px;
    width:30px;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    float:left;
}
.player .player-info span{
    display:block;
    float:left;
    margin:5px 0 0 10px;
}
.player .player-points .counter{
}
.player .player-points .lbl{
    font-size:9px;
    text-transform:uppercase;
    color: #666;
}
/******MIDDLE CSS******/

/* LOGIN PAGE CSS */
body.home
{
    /*background: -webkit-linear-gradient(0deg, #4A5083 10%, #71B280 90%);
    background: -moz-linear-gradient(left 20deg, #4A5083 10%, #71B280 90%);
    background:     -ms-linear-gradient(0deg, #4A5083  10%, #71B280 90%);
    */
    background-color: #3a87cc;
}
.login-panel {
    min-height: 230px;
    width: 400px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -200px;
    margin-top: -150px;
    background: rgba(255, 255, 255, 0.11);
    border: 1px solid rgba(255, 255, 255, 0.14);
}
.manage_logo {
    font-size: 36px;
    color: #000;
    text-align: center;
    margin-top:10px;
}
.login-panel form {
    padding-top: 10px;
}
.login-panel form input {
    padding: 7px 0;
    border: none;
    width: 250px;
    background-color: transparent;
    border-bottom: 1px solid #fff;
    color: #fff;
}
.login-panel form p {
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.label_cls{
    width: 110px;
    display: block;
    float: left;
    text-align: right;
    margin-right: 20px;
    margin-top: 5px;
    color: #fff;
    font-size: 14px;
    margin-bottom: 5px;
}
.login-panel form input[type="submit"] {
    padding: 10px 20px;
    color: #3A87CC;
    background-color: #FFFFFF;
    border: 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    cursor: pointer;
    font-size: 12px!important;
    font-weight: bold;
    display: block;
    text-transform: uppercase;
    width: auto;
    float: right;
    margin-right: 20px;
    border-bottom: none;
}
.login-panel .forgot {
    width: 100%;
    float: left;
    text-align: right;
}
.login-panel .forgot a {
    margin-right: 20px;
    color: #fff;
}
.login-panel .forgot a:hover {
    margin-right: 20px;
    color: rgb(183, 195, 206);
}
.login_error
{
    background: rgba(255, 255, 255, 0.82);
    color: #BE1A1A;
    border: 1px solid #ADADAD;
    padding: 4px 8px;
    font-size: 12px;
    margin: 2px 10px;
}
.msg-error,.msg .msg-error {
    margin: 4px 18px 4px;
    border: 1px solid #EBC2C9;
    color: #a94442;
    font-size: 14px;
    background: #F8EFEF;
    padding: 4px 10px;
}
.msg .msg-success{
    border: 1px solid #CADBBB;
    color: #3c763d;
    padding: 5px 16PX;
    margin: 0px 17px 0px;
    margin-bottom: 15px;
    background: #F0FAEC;
    font-size: 14PX;
}
.login-panel .msg-error {
    margin:2px 10px;
    border: 1px solid #ADADAD;
    color: #BE1A1A;
    font-size: 12px;
    background:rgba(255, 255, 255, 0.82);
}
.login-panel .msg-error p{
    line-height:16px;
}
.login_success {
    border: 1px solid #d6e9c6;
    color: #3c763d;
    padding: 5px;
    margin: 0 20px;
    margin-bottom: 15px;
    background: #dff0d8;
    font-size: 13px;
}
.msg-warning {
    background-color: #fcf8e3;
    border:1px solid #faebcc;
    color: #A5906C;
    padding: 5px 20PX;
    margin: 18px 18px 4px;
}
/* JQUERY VALIDATION MESSAGES */
#login_form > p > label.error , #forgot_form > p > label.error, #recover_form > p > label.error, #gallery_form > span > label.error {
    float: none;
    width: 240px;
    display: inline-block;
    position: relative;
    margin-top: 0px;
    font-size: 12px;
    padding: 0;
    vertical-align: middle;
    text-align: left;
    margin-left: 130px;
    margin-bottom: 0;
    background: none;
    border: 0;
    color: #BE1A1A;
}

label.error {
    background: #FFFFFF;
    color: #a94442;
    border: 1px solid #FFFFFF;
    padding: 4px 2px;
    font-size: 12px;
    position: absolute;
    width: 25%;
    margin: 4px 0;
}
.form-wrapper .row .form-field input.error,.form-wrapper .row .form-field textarea.error,.form-wrapper .row .form-field select.error{
    border-color: #EBB6BC;
}
/* JQUERY VALIDATION MESSAGES */
table.listing .action a p.delete{
    width: 32px;
    height: 32px;
}
/*delete wrapper*/
.confirm-wrapper{
    position:relative;
    /*display: inline;*/
    left: -153px;
    top: -91px;
    padding:4px;
    background: rgba(0, 0, 0, .12);
    -webkit-transition: opacity .23s;
    /*margin-left: -153px;
    margin-top:-45px;*/
    color:#FFFFFF;
    border-radius: 4px;
    float:left;
    width: 196px;
}
.confirm-wrapper1{
    position:relative;
    /*display: inline;*/
    left: -153px;
    top: -79px;
    padding:4px;
    background: rgba(0, 0, 0, .12);
    -webkit-transition: opacity .23s;
    /*margin-left: -153px;
    margin-top:-45px;*/
    color:#FFFFFF;
    border-radius: 4px;
    float:left;
    width: 196px;
}
.confirm-wrapper:after, .confirm-wrapper:before {
    top: 100%;
    left: 28%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.confirm-wrapper:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #E1E1E1;
    border-width: 5px;
    margin-left: 106px;
}
.confirm-wrapper:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #E1E1E1;
    border-width: 11px;
    margin-left: 99px;
}

.confirm-wrapper1:after, .confirm-wrapper1:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.confirm-wrapper1:after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #E1E1E1;
    border-width: 5px;
    margin-left: 55px;
}
.confirm-wrapper1:before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #E1E1E1;
    border-width: 11px;
    margin-left: 55px;
}
.conform{
    width: 31px;
    height: 31px;
    /* position: absolute; */
    /* z-index: 9999; */
    /* padding: 20px; */
    /* top: 17px; */
    /* left: 54px; */
    cursor: pointer;
}
.cancle1{
    width: 30px;
    height: 30px;
    /*position: absolute;*/
    /*right: 58px;*/
    cursor: pointer;
}
.confirm-box{
    padding:5px;
    background:#D00D00;
    border-radius: 3px;
    float:left;
    position:relative;
    z-index: 9999;
}
.confirm-box .confirm-msg{
    float:left;
    margin:5px 20px 0 5px;
}
.confirm-box span{
    padding:5px;
    height:16px;
    width:16px;
    float:left;
    margin-right:2px;
    cursor:pointer;
    border-radius: 4px;
}
span.confirm-select-yes{
    background: url(../img/tick.png) no-repeat center #9C0700!important;
    margin: 4px 0 0 7px !important;
}
span.confirm-select-no{
    background: url(../img/close_white.png) no-repeat center #9C0700!important;
    margin: 4px 0 0 7px !important;
}
span.arrow{
    background: url(../img/icons/red-triangle.png) no-repeat center!important;
    height:5px!important;
    position:absolute;
    bottom:-10px;
    right:18px;
}


.confirm-box1{
    padding:5px;
    background:#D00D00;
    border-radius: 3px;
    float:left;
    position:relative;
}
.confirm-box1 .confirm-msg1{
    float:left;
    margin:5px 20px 0 5px;
}
.confirm-box1 span{
    padding:5px;
    height:16px;
    width:16px;
    float:left;
    margin-right:2px;
    cursor:pointer;
    border-radius: 4px;
}
span.confirm-select-yes1{
    background: url(../img/tick.png) no-repeat center #9C0700!important;
}
span.confirm-select-no1{
    background: url(../img/close_white.png) no-repeat center #9C0700!important;
}
span.arrow1{
    background: url(../img/icons/red-triangle.png) no-repeat center!important;
    height:5px!important;
    position:absolute;
    bottom:-10px;
    right:18px;
}
/*delete wrapper ends*/

/*top  loader  */
.top_loader_wrap {
    position: fixed;
    width: 100%;
    margin: 0;
    text-align: center;
    top: 0;
    display:none;
    z-index: 1000;
}
.top_loader_wrap .top_loader {
    width: 100px;
    margin: 0 auto;
    background-color: #FFF8C2;
    height: 20px;
    padding: 4px;
    text-align: center;
    border-radius: 0 0 4px 4px;
    font-weight: 700;
    border: 1px solid #B4B4B4;
    border-top: 0;
    color: #999;
}
.error_message {
    position: fixed;
    width: 100%;
    margin: 0;
    text-align: center;
    top: 0;
    display:none;
    z-index: 1000;
}
.error_message .top_loader {
    width: 180px;
    margin: 0 auto;
    background-color: #EF7600;
    height: 20px;
    padding: 4px;
    text-align: center;
    border-radius: 0 0 4px 4px;
    font-weight: 700;
    border: 1px solid #B4B4B4;
    border-top: 0;
    color: #FDFCFC;
}
/* top loader ends*/
.list_all {
    background:url(../img/icons/close.png) center no-repeat;
    background-size: 16px 16px;
    width: 25px;
    height: 25px;
    display: inline-block;
    margin-left: 0px;
    top: 2px;
    right:330px;
    position: absolute;
    background-color: #FFF;
    border: 1px solid #C7C7C7;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
}
.list_all:hover {
    background:url(../img/icons/close_h.png) center no-repeat;
    color: #535353;
    border-color: #929292;
}
#upload_dp {
    position: absolute;
    left: 200px;
    top: -200px;
    opacity: 0;
    visibility: hidden;
}
.imgdp {
    border: 1px solid #ccc;
    margin-left: 10px;
}
.row select {
    border: 1px solid #D9DDE0;
    font-family: 'Lato', sans-serif;
    outline: none;
    padding: 7px 8px;
    width: 318px;
}
/* SETTINGS PAGE CSS */
.inline_addnew > .tabs {
    padding-top: 16px;
    margin-left: 12px;
}

.inline_addnew > .tabs li {
    list-style: none;
    display: inline;
}

.inline_addnew > .tabs > li > a.active {
    color: #71B280;
    background: #FFFFFF;
    border-top: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
    border-bottom: 1px solid #fff;
    position: relative;
    padding: 12px 13px 9px 13px;
    bottom: -2px;
}

.inline_addnew > .tabs > li > a {
    padding: 10px 15px;
    display: inline-block;
    background: #fff;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    border-top: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
}
.mt1 {
    margin-top: -1px;
}
.row .form-field textarea{
    width: 305px;
    height: 100px;
    padding: 6px 6px;
}
.languages{
    color: #FFF;
    padding: 20px 0;
    height: 40px;
    float: left;
}
.languages a{
    color: #FFF;
    cursor: pointer;
    padding: 4px 0px;
    display: inline-block;
}

/*  INFO PAGE */
.form-wrapper .row1 {
    width: 100%;
    border-top: 1px solid #F3F3F3;
    border-bottom: 1px solid #F3F3F3;
    margin-top: -1px;
    float: left;
}

.form-wrapper .row1 .form-lbl {
    width: 15%;
    float: left;
    display: inline-block;
    padding: 10px 20px;
    border-right: 1px solid #F3F3F3;
    text-align: right;
}

.form-wrapper .row1 .form-field {
    width: 75%;
    float: left;
    margin-left: 10px;
    font-weight: normal;
    padding: 10px;
    color: #666666;
}
.form-wrapper .row1 img
{
    margin-left: 18px;
    border-radius: 30px;
    margin-top: 5px;
    margin-bottom: 5px;
    width:60px;
}
.clr_a{
    color:#676767 !important
}
.diff{
    float:left;
    margin-bottom:15px;
}
.fl{
    float:left !important;
}
.span_td {
    width: 530px;
    float: left;
    margin-left: 140px;
}
.venue_cont_add{
    text-transform: capitalize !important;
}
.venue_cont_add:hover{
    border-color: #33DA40 !important;
    color:#2AB935 !important;
}
.remove_contact{
    text-transform: capitalize !important;
    margin-right: 5px;
}
.remove_contact:hover{
    border-color: #F24D4D !important;
    color:#FF0000 !important;
}

/*  INFO PAGE */
.permlink {
    color: #0099FF;
}
.form-wrapper .row1 .form-field div span{
    width: 100px;
    display: inline-block;
}
.form-wrapper .row1 .form-field div{
    margin-bottom: 5px;
}
.form-wrapper .row1 .form-field.fck_content{
    width: 800px !important;
    border-bottom: none !important;
    min-height: 39px;
    border-left: 1px solid #F3F3F3;
    margin-left: 0px;
    padding-left: 20px;
}
.form-wrapper .row1 .fck_label{
    border: none !important;
}
.tcenter{
    text-align:center !important;
}
.dash_main{
    color: #676767;
    line-height:22px;
}
.roundimg > img {
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
}
.slug_text{
    color: #8B8B8B;
    font-size: 0.93em;
}
input#slug {
    width: 100px;
}
.slug1{
    width: 100px !important;
}
noscript{
    position:fixed;
    top:-4px;
    width: 100%;
    text-align:center;
    opacity: 0.85;
}
noscript .msg-warning{
    margin:0px;
}
.paddimp{
    padding:0px !important;
}
.header-left .logo{
    background-color: #F8F9FB;
    height: 50px;
    padding: 20px 43px 20px 29px;
    display: block;
}
table.listing .action{
    text-align: right;
    padding-right: 20px;
    position: relative;
    overflow: visible;
}
.ui-datepicker{
    width:250px !important;
}
.ui-widget{
    font-size: 1em !important;
}
.maintenance-field{
    width: 26% !important;
    float:left !important;
}
.form-wrapper .row .form-field select, .form-wrapper .row .maintenance-field input[type="text"]{
    width:318px;
}
.maintenance-lbl{
    color: #666666;
    display: block;
    margin: 5px 0px 10px 0px;
}
/*______________________________________new Csss_____________ */

.row .multiple-big-row .form-field input{
    width:146px !important;
    float:left;
    margin-right:10px;
}
.row .multiple-big-row .form-field select{
    width:146px !important;
    float:left;
    margin-right:10px;
}
.row .multiple-big-row{
    width: 100%;
    display: inline-block;
    margin:7px 0px;
}
.row .multiple-big-row .mul-lbl{
    width: 160px !important;
    display: inline-block;
    margin-right:10px;
    margin-top: 5px;
    color: #666666;
}
.timings-input .form-field .form-lbl{
    width: auto;
    margin-right: 5px;
}
.row .multiple-big-row .form-field input.timepicker{
    width:86px !important;
    margin-right:30px !important;
}
label[for=start_time_morning].error,label[for=end_time_morning].error,label[for=start_time_evening].error,label[for=end_time_evening].error,label[for=start_time_morning].ok,label[for=end_time_morning].ok,label[for=start_time_evening].ok,label[for=end_time_evening].ok{
    margin: -17px 0 0 -139px;
    width: 112px;
    padding:0px;
}
label.ok{
    position: absolute;
}
.row .multiple-row{
    width: 100%;
    display: inline-block;
    margin:7px 0px;
}
.form-wrapper .row .form-field #rut2{
    width:50px;
}
.form-wrapper .row1 .venue_contact_info td{
    padding:8px;
    font-size:15px;
}
.form-wrapper .row1 .venue_contact_info th{
    color: #000;
    padding: 0px 8px;
    font-size: 1em;
    font-weight: 400;
}
.admin-list-filter .search-form select{
    border: 1px solid #D9DDE0;
    font-family: 'Lato', sans-serif;
    outline: none;
    padding: 7px 8px;
    width: 160px;
    margin-right:5px;
}
.admin-list-filter .search-form input[type="text"]{
    webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    width: 160px !important;
    margin-right:5px;
    padding: 7px 8px !important;
}
.admin-list-filter .search-form input[type="submit"],#campaign_add .nextstep1,#campaign_add .nextstep2{
    padding: 10px 20px;
    background-color: #33DA40;
    color: #FFFFFF;
    border: 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    cursor:pointer;
}
.content-section .middle-nav li .reset-filter{
    float: right;
    background-color: #33DA40;
    color: #FFFFFF !important;
}
.accordian-wrapper.step2 .inner-accordian,.accordian-wrapper.step3 .inner-accordian{
    display:none;
    float:left;
}
.campaign_add .inner-accordian{
    margin-left: 30px;
    margin-top:10px;
    float:left;
}
.accordin{
    padding: 7px 10px;
    background: #e7e7e7;
    cursor: pointer;
    float: left;
    width: 100%;
    color: #737373;
    font-size: 18px;
    word-spacing: 3px;
    border: 1px solid #dfdfdf;
}
.accordian-wrapper{
    margin-top:10px;
    float: left;
    width: 92%;
}
.accordian-wrapper.step3{
    margin-bottom: 50px;
}
.campaign_add .venue-selector-block{
    display:none;
}
.campaign_add .venue-selector select{
    width:100px;
}
.campaign_add .venue-selector tr:first-child{
    height:34px;
}
.campaign_add .venue-selector .date-selector tr{
    height:34px;
}
.campaign_add .venue-selected-block .venue-selector .date-selector,.campaign_add .venue-selector-block .venue-selector .date-selector{
    max-width:620px;
    ;
    overflow-x: auto;
}
.campaign_add .venue-block-info .venue-selector .date-selector{
    max-width:510px;
    overflow-x: auto;
}
.campaign_add .venue-selector .date-selector table{
    border-collapse: collapse;
    background: #DDDDDD;
}
.campaign_add .venue-selector{
    border-collapse: collapse;
    border-left:1px solid #CCC;
}
.campaign_add .venue-selector tr,.campaign_add .venue-selector .date-selector tr{
    border-bottom:1px solid #CCC;
}
.campaign_add .venue-selector td,.campaign_add .venue-selector .date-selector td{
    padding:0px 3px;
    text-align:center;
}
.campaign_add .venue-selector .date-selector-td{
    padding:0px !important;
}
.campaign_add .venue-selector .date-selector tr td:last-child{
    border-right:none !important;
}
.campaign_add .venue-selector .date-selector tr:last-child{
    border-bottom:none !important;
}
.campaign_add .venue-selector .date-selector-td{
    border-top:none !important;
}
.scroll-adjust{
    padding-bottom:5px !important;
}
.campaign_add .venue-selector td{
    border-right:1px solid #CCC;
}
.no-border{
    border-bottom:none !important;
}
.campaign_add .venue-selector .date-selector-td .am-row{
    background: #F2F1EF;
}
.campaign_add .venue-selector tr:first-child td{
    border-top: 1px solid #ccc;
}
.campaign_add .venue-selector .date-selector tr:last-child td,.campaign_add .venue-selector tr:last-child td{
    height:40px;
}
.campaign_add .venue-selector .date-selector td.weekend-date{
    background: #edb99d;
    ;
}
.campaign_add .venue-selector .date-selector .am-row td.weekend-date{
    background: #fbcab8!important;
}
.key-dates-block input[type=text]{
    width: 144px !important;
    margin: 0px 20px 20px 0px;
}
.key-dates-block select{
    width:80px !important;
    margin: 0px 25px 10px 55px;
}
.key-dates-block input[type=checkbox]{
    margin-left: 110px
}
.key-dates-block-labels .form-lbl{
    width: 186px !important;
    text-align:center;
}
.campaign_add .venue-selector .venue-selector-tr .error{
    border:1px solid #F00;
}
.venue-hidden{
    display:none;
}
.venue-selected-block .date-selector-td .selected-date,.venue-block-info .date-selector-td .selected-date{
    display: inline-block;
    height: 16px;
    width: 16px !important;
    background: url(../img/yes.png) no-repeat;
}
.venue-selected-block .venue-selector-tr span,.venue-block-info .venue-selector-tr span{
    width: 100px;
    display:inline-block;
    word-wrap:break-word;
    height:36px;
    overflow:hidden;
}
.campaign_add .venue-selector-tr .venue-remove{
    background: url(../img/close.png) no-repeat;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin: 0px 12px;
    opacity:0.6;
}
.campaign_add .venue-selector-tr .venue-remove:hover{
    opacity:0.8;
}
.campaign_add .add_venue{
    color: #33DA40;
    margin-top: 11px;
    font-size: 14px;
    display: inline-block;
}
.campaign_add .hide-taste-spec{
    display:none;
}
#campaign_add label[for="key_dates[]"]{
    margin-left: -187px;
    margin-top: 33px;
    width: 173px;
    padding: 0px;
}
.venue-block-info div{
    margin-bottom:0px !important;
}
.venue-block-info a.permlink{
    width: 90px;
    word-wrap: break-word;
    display: inline-block;
}
.venue-block-info a.permlink.salescoach{
    width:110px !important;
}
.no-border{
    border-top:none !important;
    border-bottom:none !important;
}
.no-bottom-border{
    border-bottom:none !important;
}
.excel_download{
    padding: 6px 20px;
    background-color: #33DA40;
    color: #FFFFFF;
    border: 0;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    margin-right: 20px;
    margin: 15px 2px;
}
.excel_download_wrapper{
    text-align: center;
    padding-bottom: 32px;
}
.utr-list{
    font-size:12px;
    color:#888;
    font-style:italic;
}
.cash-back {
    height:35px;
    width:auto;
    border-color:#F8F9FB;
    border: 1px solid #E4E8EB;
    background-color:#F8F9FB;
    border-radius:25px;
    color:#000;
    font-size:24px;
    padding:10px;
    padding-left:15px;
    padding-right:15px;
    text-align:center;
    float:left;
    margin-left:400px;
    margin-bottom:30px;
}
.btn-go{
    cursor:pointer;
    height:35px;
    width:55px;
    border-radius:20px;
    color:#FFF;
    font-size:14px;
    border-color:#0CDA2B;
    border-style:solid;
    background-color:#0CDA2B;
}
.btn-go:hover {
    cursor:pointer;
    background-color:#0C6;
    border-color:#0C6
}
.btn-export{
    cursor:pointer;
    height:25px;
    width:120px;
    margin-right:50px;
    float:right;
    border-radius:30px;
    color:#FFF;
    font-size:14px;
    border-color:#0CDA2B;
    border-style:solid;
    background-color:#0CDA2B;
    text-align:center;
    padding-top:5px;
}
.btn-export:hover{
    cursor:pointer;
    background-color:#0C6;
    border-color:#0C6
}
.filter-wrap{
    padding: 15px;
    background-color: #F4F4F4;
    border-top: 1px solid #F0F0F0;
    display:block;
    text-align:right;
}
.filter-wrap select {
    border: 1px solid #D9DDE0;
    font-family: 'Lato', sans-serif;
    outline: none;
    padding: 6px 8px;
    width: 200px;
    text-align:left;
}
.filter-wrap .search-form{
    position:relative !important;
    display:inline-block!important;
    right:0!important;
    top:0px !important;
    text-align:left;
}
.filter-wrap .search-form input{
    border: 1px solid #D9DDE0;
    font-family: 'Lato', sans-serif;
    outline: none;
    padding: 6px 15px;
    font-size: 0.875em;
    width: 200px;
    text-align:left;
}
.filter-wrap span{
    color:#999;
    padding:0px 5px 0px 20px;
}
iframe{
    width:200px;
    height:200px;
    border-radius:10px;
}
.product_edit_gallery {
    float:left;
    margin-left:15px;
    padding:5px;
    width:30px;
    height:30px;
    border:1px solid #D9DDE0;
}
.product_edit_gallery  img {
    max-width:100%;
    min-height:100%;
}
.add, .remove {
    color:#000;
    background:transparent;
    border:0px;
    line-height:35px;
    margin-right:10px;
    cursor:pointer;
    float:left;
    display:inline-block;
    padding:0px 10px;
    border-left:1px solid #D9DDE0;
}
.upload_gallery {
    position: absolute;
    left: 200px;
    top: -200px;
    opacity: 0;
    visibility: hidden;
}
.gallery {
    width:100%;
    float:left;
    margin-bottom:10px;
}
.product_edit_gallery {
    float:left;
    margin-left:15px;
    padding:5px;
    width:30px;
    height:30px;
    border:1px solid #D9DDE0;
}
.product_edit_gallery  img {
    max-width:100%;
    min-height:100%;
}
.add {
    margin-left: 10px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    cursor: pointer;
    font-size: 12px!important;
    font-weight: bold;
    display: block;
    float: left;
    text-transform: uppercase;
    background-color: #33DA40;
    color: #FFFFFF;
    border: 0;
    width:80px;
    text-align:center;
}
.remove {
    margin-left: 10px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    cursor: pointer;
    font-size: 12px!important;
    font-weight: bold;
    display: block;
    float: left;
    text-transform: uppercase;
    background-color: #a94442;
    color: #FFFFFF;
    border: 0;
    width:80px;
    text-align:center;
}
.error-hint {
    line-height:10px;
    font-size:10px;
    display:block;
    padding-left:9px;
    color:#941B1B;
}
.filter li{
    display: inline;
    padding: 4px 10px;
    margin: 4px;
    background-color: rgba(242, 242, 242, 0.89);
    color: rgb(66, 66, 66);
    font-weight: 400;
    cursor: pointer;
    border-radius: 25px;
    font-size: 14px;
}
.filter li:hover{
    background-color: rgba(226, 226, 226, 1);
    color: rgb(47, 47, 47);
}
.filter li.active1
{
    background-color: rgba(226, 226, 226, 1);
    color: rgb(47, 47, 47);
}


/* Calendar Css */

#middle {
    background-color: #F1F1F1;
}
.middle-section {
    padding: 0 0 30px 0;
    /* float: left; */
    text-align: center;
}
.section-wrapper {
    /*-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);*/
    background-color: #FFFFFF;
    -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 6px -6px rgba(0, 0, 0, 0.2);
}
.middle-section .section-header, .middle-section .section-content, .section-item {
    padding: 10px;
}
.middle-section .section-header h1, .middle-section .section-header h2 {
    color: #FFF;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 0!important;
}
.middle-section .red-section-header, .red {
    background: #FF8249!important;
}
.middle-section .blue-section-header, .blue {
    background: #4790D2!important;
}
.middle-section .orange-section-header, .orange {
    background: #FFD349!important;
}
.middle-section .green-section-header, .green {
    background: #1DC756!important;
}
.middle-section .section-content, .section-item {
    background-color: #FFFFFF;
    float: left;
}
.store-leftbar .blue-section-header {
    width: 200px;
    float: left;
}
.con_aco_div {
    width: 96%;
    padding: 2%;
}
.detail_dates {
    width: 188px;
}
.gear_listing .item_name{
    width:140px!important;
}
.cal-main-wrapper {
    padding: 10px 25px;
}
.cal-header-wrap {
    background-color: #eee;
    /* padding: 10px; */
}
.cal-header-wrap div {
    display: inline-block;
}
.cal-header-wrap .cal-prev {
    vertical-align: middle;
    font-weight: bold;
    float:left;
}
.cal-header-wrap .cal-mid {
    width: 780px;
    text-align: center;
    padding: 9px;
}
.cal-header-wrap .cal-next {
    vertical-align: middle;
    float: right;
}
.date-cell {
    margin: 1px;
    border: 1px solid #ddd;
    min-height: 100px;
    padding: 5px;
    min-width: 110px;
}
.title td {
    margin: 1px;
    border: 1px solid #eee;
    padding: 5px;
}
.cal-curr-date {
    background-color: #FFFFD7;
}
.cal-red-color {
    color: #F78888 !important;
}
.cal-close-color{
    border: 2px solid rgb(242, 199, 207) !important;
}
.cal-past-day {
    color: #CDCDCD;
    background-color: #F1F1F1;
}
.cal-past-day.cal-red-color {
    color: #D39595 !important;
}
.op3 {
    opacity: 0.3;
}
.cal-next a {
    width: 16px;
    background: url(images/nxt.png) no-repeat center center;
    height: 20px;
    display: block;
    padding: 8px;
    z-index: 99;
}
.cat-next a:hover{
    box-shadow: 0.5px 0.5px 0px #000000;
}
.cal-prev a {
    width: 16px;
    background: url(images/prev.png) no-repeat center center;
    height: 20px;
    display: block;
    padding: 8px;
    z-index: 99;
}

.cal_p {
    margin: 0 !important;
    font-size: 11px;
    color: cornflowerblue;
    font-weight: bold;
}
.cal_p a:before {
    content: "•";
    font-size: 10pt;
    margin-right: 2px;
}
.cal_p > a {
    font-size: 11px;
    color: cornflowerblue;
    font-weight: bold;
    text-decoration: none;
}
.cal_more {
    text-decoration: none;
    color: blue !important
}
.cal_more:hover {
    text-decoration: underline;
}
.cal_pop {
    z-index: 180;
    left: 2px;
    top: 2px;
    visibility: visible;
    position: absolute;
    font: 11px/normal Arial, sans-serif;
    border: 1px solid #ECECEC;
    background-color: white;
    display: none;
}
.cal_pop .titlebar {
    background-color: #e8eef7;
}
.cal_pop .closebutton {
    margin: 2px 2px 0 0;
    position: absolute;
    right: 0;
    cursor: pointer;
    width: 14px;
    height: 13px;
}
.cal_pop .titletext {
    padding: 2px;
    font-weight: bold;
}
.cc-body {
    margin: 5px;
    min-width: 210px;
    min-height: 84px;
    height: auto;
    max-width: 600px;
    white-space: nowrap;
}
.cc-body p {
    margin-left: 10px !important;
    font-weight: normal !important;
}
span.finalprice {
    width: 200px;
    float: right;
    font-size: 22px;
    font-weight: bold;
    text-align: right;
}
.cc-body .cal_p a {
    font-weight: normal !important;
}
.booking_uniqueid
{
    font-size: 12px;
    vertical-align: middle;
    font-style: italic;
    padding: 9px;
    color: rgb(131, 131, 131);
}
.tabs {
    border-bottom: 2px solid #C1DAD7;
}
.tabs li {
    list-style: none;
    display: inline;
}
.tabs a {
    padding: 10px 15px;
    display: inline-block;
    background: #E9E9E9;
    color: #6B6B6B;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
}
.tabs .active{
    /* padding: 14px 15px 10px 15px; */
    color: rgb(108, 108, 108);
    background-color: #D2DDDC;
}
.shipping
{
    font-weight:400;
    float:right;
    margin-right: 70px;
    margin-top: 15px;
}
#hidden{
    display:none;
}
.editslug{
    width: 16px;
    height: 16px;
    background: url(../img/sprites.png) no-repeat;
    display: block;
    float: left;
    background-position: -32px 0px;
    margin-left: 12px;
    margin-top: 1px;
}
.Permalink{
    float:left;
}
.gray-button {
    width: auto;
    padding: 6px 12px;
    background-color: #3A87CC;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin-right: 10px;
    border: none;
    font-size: 12px;
    float: right;
    margin-bottom: 6px;
}
.webshop_heading{
    font-weight: bold;
}
.view_img {
    width: 60px;
    height: 47px;
    border: 1px solid #ccc;
    margin-left: 0px !important;
    border-radius: 0px !important;
}
.light-gray-box {
    margin: 10px 0;
    background-color: #ECECEC;
    width: 100%;
}
.light-gray-box .inner {
    height: 28px;
    padding: 10px;
}
.front-end-maintenance-label {
    position: fixed;
    width: 100%;
    margin: 0;
    text-align: center;
    top: 0;
    background-color: #fc8789;
    padding: 3px;
    color: white;
}
.maintancelabel label{
    font-size: 0.9em;
}

.disable_dropdown{
    background-color: #F3F3F3;
}

/* extra code */
.selectorToggle {
    background-color: #3A87CC !important;
}
span.selector {
    display: block;
    cursor: pointer;
    margin: 0 auto;
    width: 86px;
    height: 30px;
    background: #3A87CC url(gender.png)no-repeat 26px 0;
    /* background-color: #F1F1F1; */
    /* box-shadow: inset 0 1px 3px 0 rgba(0,0,0,.15); */
    text-align: right;
    float: left;
}
span.selector span.Knob {
    display: inline-block;
    position: relative;
    top: 4px;
    left: 33px;
    width: 21px;
    height: 21px;
    /* border-radius: 999px; */
    /* background: #F0F0F0; */
    /* border: 1px solid #CCCCCC; */
    /* box-shadow: inset 0px 2px 0px white; */
    float: left;
}
span.selector .on, span.selector .off {
    font-weight: bold;
    font-size: 11px;
    width: 45%;
    display: block;
    text-transform: uppercase;
    text-align: center;
}
span.selector .on {
    float: left;
    margin: 4px 0 0 -18px;
    color: #FFFFFF;
}
span.selector .off {
    float: right;
    margin: 8px 3px 0 0;
    color: #FFF;
}
/* extra code end */
.toggle2 {
    width: auto;
    float: left;
    display: table;
    border-radius: 4px;
}
.switch-toggle input[type=radio] {
    visibility: hidden;
    display: none;
}
.toggle2 input[type=radio]:first-child + label, .switch-toggle input[type=radio]:checked:first-child + label {
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    border-top-right-radius: 0px !important;
    border-bottom-right-radius: 0px !important;
}
.toggle2 input[type=radio]:last-child + label, .switch-toggle input[type=radio]:checked:nth-child(n-2) + label {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.switch-toggle input[type=radio] + label {
    display: table-cell;
    padding: 10px 20px;
    color: #999;
    font-size: 14px;
    line-height: 15px;
    cursor: pointer;
    border: 1px solid #EDEDED;
    background: #f5f5f5;
}
.switch-toggle input[type=radio] {
    visibility: hidden;
    display: none;
}
.switch-toggle input[type=radio]:checked + label {
    background: #3A87CC;
    color: #fff;
    border-color: #3A87CC;
    padding: 10px 20px;
}


/* code for checkbox */
.toggle3 {
    width: auto;
    float: left;
    display: table;
    border-radius: 4px;
}
.day-clickable input[type=checkbox] {
    visibility: hidden;
    display: none;
}
.toggle3 input[type=checkbox]:first-child + label, .switch-toggle input[type=checkbox]:checked:first-child + label {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.toggle3 input[type=checkbox]:last-child + label, .switch-toggle input[type=checkbox]:checked:last-child + label {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.day-clickable input[type=checkbox] + label {
    display: table-cell;
    padding: 10px 20px;
    color: #999;
    font-size: 14px;
    line-height: 15px;
    cursor: pointer;
    border: 1px solid #EDEDED;
    background: #f5f5f5;
}
.day-clickable input[type=checkbox] {
    visibility: hidden;
    display: none;
}
.day-clickable input[type=checkbox]:checked + label {
    background: #3A87CC;
    color: #fff;
    border-color: #3A87CC;
    padding: 10px 20px;
}
.euro{
    font-size: 13px !important;
    font-weight: normal !important;
}
.day-clickable input[type=checkbox] + label {
    display: table-cell;
    padding: 10px 20px;
    color: #999;
    font-size: 14px;
    line-height: 15px;
    cursor: pointer;
    border: 1px solid #EDEDED;
    background: #f5f5f5;
}
.day-clickable input[type=checkbox] {
    visibility: hidden;
    display: none;
}
.day-clickable input[type=checkbox]:checked + label {
    background: #3A87CC;
    color: #fff;
    border-color: #3A87CC;
    padding: 10px 20px;
}
.checksite {
    position: relative;
    /*top: -33px;*/
    left: -209px;
    margin-left: 210px;
    overflow-y: scroll;
    width: 400px;
    height: 200px;
    border: 1px solid #C1DAD7;
}

.checksite1 {
    position: relative;
    /*top: -33px;*/
    left: -209px;
    margin-left: 210px;
    overflow-y: scroll;
    width: 400px;
    height: 200px;
    border: 1px solid #C1DAD7;
}
.middle form p {
    display: block;
    margin-bottom: 10px;
}
.checksiteeven {
    margin-bottom: 0 !important;
    line-height: 18px !important;
    border-bottom: 1px dotted #F3F3F3;
}
.event_form input[type="checkbox"], .event_form input[type="radio"] {
    border: 0 !important;
}
.diff-size, .sep-conse, .advertise {
    height: 30px;
}
.diff-size input, .sep-conse input, .advertise input {
    width: 38px !important;
    float: left;
    margin-top: 8px;
}
.middle form label {
    width: 200px;
    /* display: block; */
    float: left;
    font-size: 14px;
    margin-top: 5px;
    margin-right: 10px;
    color: #242424;
}
.checksite .diff-size label {
    width: 300px !important;
    word-wrap: break-word;
    font-size: 14px;
    position: relative;
    top: 5px;
}

.checksite1 .diff-size label {
    width: 300px !important;
    word-wrap: break-word;
    font-size: 14px;
    position: relative;
    top: 5px;
}
.mull {
    width: 100% !important;
    text-align: center;
    vertical-align: middle;
    margin-top: 82px !important;
    color: #777 !important;
    /* font-weight: bold; */
    position: relative;
    top: 33px;
    left: 165px;
}
.hide {
    display:none;
}
span.headerSortUp {
    background-image: url(../img/asc.gif) !important;
    /* background-color: #3399FF; */
}
span.headerSortDown {
    background-image: url(../img/desc.gif) !important;
    /* background-color: #3399FF; */
}
/* th.sorting, th.header {
    background-image: url(../img/bg.gif);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center right;
} */
.sorting{
    cursor:pointer;
}
span.sorting1, span.header{
    background-image: url(../img/bg.gif);
    background-position: center;
    background-repeat: no-repeat;
    width: 13px;
    height: 11px;
    display: inline-block;
    margin-left: 5px;
}
.booking_count {
    float: right;
    margin-right: 20px;
    background-color: #FFFFFF;
    color: #949494;
    padding: 2px 9px;
    font-weight: bold;
    font-size: 12px;
    border-radius: 7px;
}
.middle{
    padding: 0px 19px;
}
.middle h1 {
    color: #333333;
    font-size: 28px;
    letter-spacing: -1px;
    border-bottom: 3px double #31A3C3;
    padding: 11px 0px;
}
.page-not-accessible {
    width: 100%;
    height: 300px;
    margin-top: 200px;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    color: #D56C6C;
    letter-spacing: 0.7px;
}
.dashboard_block {
    width: 22%;
    /* padding: 6px 9px 0px 9px; */
    float: left;
    text-align: left;
    height: 132px;
    margin: 7px 6px 17px 19px;
    border-radius: 5px;
    border: 1px solid #eeeeee;
}
.dashboard_sub_block {
    background-color: #f3f3f3;
    height: 70px;
    padding: 10px;
    border-bottom: 1px solid #eeeeee;
}
.dashboard_bottom_block {
    padding: 13px 11px;
    font-size: 15px;
    cursor: pointer;
}
.dashboard_label {
    float: left;
}
.block_text {
    font-size: 14px;
    color: #909090;
}
.text_label {
    width: 152px;
    padding: 0px 0px 0px 7px;
    text-align: right;
    height: 64px;
}
.dashboard_label img {
    width: 60px;
    margin: 10px 0px 0 10px;
}
.dashboard_block h3 {
    border-bottom: 0px solid !important;
    padding: 17px 0px 0px;
    font-size: 18px;
    line-height: 29px;
}
.num {
    font-size: 2em;
    color: #909090;
    padding-bottom: 6px;
}
.confirm {
    color: #FFF;
    background-color: #9BC34D;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.cencelled {
    color: #FFF;
    background-color: #16A6D4;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.amount {
    color: #FFF;
    background-color: #f0ad4e;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.pending {
    color: #FFF;
    background-color: #888888;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.booking_post_sell {
    width: 94.5%;
    float: left;
    border: 1px solid #eeeeee;
    margin-left: 21px;
    text-align:center;
    margin-top: 20px;
}
.booking_graph {
    width: 94%;
    padding: 22px 20px;
    margin: auto;
}
.heading-graph {
    height: 18px;
    padding: 13px 11px;
    border-bottom: 1px solid #eeeeee;
}
.head_text_chart {
    float: left;
    line-height: 15px;
    font-weight: normal;
    color: #909090;
}
.head_text_dropdown {
    float: right;
    line-height: 15px;
}
.letest-booking-list {
    width: 94.5%;
    float: left;
    border: 1px solid #eeeeee;
    margin-left: 21px;
    text-align: center;
}
.view_botton {
    background-color: #fff;
    color: #616161;
    padding: 3px 10px 5px;
    margin-top: -4px;
    border: 2px solid #eeeeee;
}
.booking_dashboard_list{
    padding: 15px 0px 7px;
    width: 97%;
    font-weight: normal;
    color: #4E4C4C;
}
.dashboard_recent_list th{
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 12px;
}
.dashboard_recent_list td{
    border-bottom: 1px solid #eeeeee;
    padding: 12px 0px;
    font-size: 14px;
}
.dashboard_recent_list tr:last-child td {
    border-bottom: 0px solid !important;
}
.dashboard_recent_list .last{
    border-bottom:0px solid !important;
}
.booking_record, .select-type-filter {
    border: 1px solid #D9DDE0;
    font-family: 'Lato', sans-serif;
    outline: none;
    padding: 6px 8px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    min-width: 200px;
}
.chartp {
    font-size: 22px;
    font-weight: 400;
    display: inline-block;
    padding: 16px 20px;
}
.view_color{
    color: #599DDA;
}
.view_more_button{
    float: right;
    padding-right: 2px;
}
.listing_heading{
    background-color: #F3F3F3;
}
.chart_month {
    border: 2px solid #eeeeee;
    padding: 6px;
    background-color: #fff;
}
.graph_dropdown {
    margin-top: -7px;
}
.graph_mp {
    margin-left: 4px;
}
.amount_th{
    text-align: right;
    width: 95px;
}

.left_alignment{
    text-align:left;
}
.right_alignment{
    text-align:right;
}
.graph_label{
    width: 104px;
    height: 46px;
    padding: 0px 10px;
    position: absolute;
    right: 3%;
}
.label_color {
    padding: 0px 9px;
    margin-right: 10px;
}
.confirm_color{
    background-color: #97BBCD;
}
.cancelled_color{
    background-color: #DCDCDC;
}
.label_text{
    float: left;
    text-align: right;
    font-size: 12px;
}
.graph_label li{
    padding: 5px;
    margin-bottom: 10px;
}
.paypal_block{
    border-right: 0px solid !important;
    margin-left: 20%;
}
.payment_block{
    float: left;
    width: 38%;
    border: 1px solid #eeeeee;
    padding: 0px 5px;
}
.paypal_toggle2{
    margin-left: 23px;
}
.paytef_block .form-field{
    width: 42% !important;
}
.paytef_block .form-lbl{
    text-indent: 26px;
    width: 30% !important;
}
.payment_details_heading {
    width: 20.2%;
    float: left;
    height: 60px;
}
.payment_details_text {
    text-align: justify;
    font-size: 14px;
    letter-spacing: 0.5px;
}
.set_heading_details{
    margin-top: -4px;
}
.head_text_dropdown .switch1{
    position:relative;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    background-color: #CB3E3E;
    /*background-color: #eff4ff;
    box-shadow: 0 2px 1px 0 rgba(255,255,255,0.5),inset 0 1px 3px 0 rgba(0,0,0,0.2);*/
    width: 50px;
    height: 26px;
    overflow: hidden;
    -webkit-transition: all .25s linear;
    -moz-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear;
    cursor: pointer;

    display: inline-block;
}
.head_text_dropdown .switch1 .knob {
    width: 20px;
    height: 20px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    position: absolute;
    top: 3px;
    left: 3px;
    background: #FFF;
    /*background: #F6F6F6;
    box-shadow: 0 0 4px 0 rgba(0,0,0,0.2),0px 4px 23px 0 rgba(0,0,0,0.08),-2px 4px 4px 0 rgba(0,0,0,0.1),inset 0px 2px 0px #FFF;*/
    font-size: 12px;
    line-height: 15px;
    color: #6d808e;
    text-decoration: none;
    color: #d8dad9;
    text-align: center;
    -webkit-transition: all .4s cubic-bezier(0.33,1.6,0.66,1);
    -moz-transition: all .4s cubic-bezier(0.33,1.6,0.66,1);
    -o-transition: all .4s cubic-bezier(0.33,1.6,0.66,1);
    transition: all .4s cubic-bezier(0.33,1.6,0.66,1);
}
.head_text_dropdown .switch1 .knob:before,
.head_text_dropdown .switch1 .knob:after{
    font-size: 13px;
    font-weight: 400;
    position: absolute;
    top:3px;
}

.head_text_dropdown .switch1 .knob:before {
    content: "";
    color:#676767;
    left: 24px;
}

.head_text_dropdown .switch1 .knob:after {
    content: "";
    color: white;
    left: -30px;
}
.head_text_dropdown .switch1.on{
    background: #139C24;
}
.head_text_dropdown .switch1.on .knob{
    left: 26px;
}
.payment_form_block {
    padding: 0px 28px;
}
.payment_form_block .row {
    border-top: 0px solid;
    border-bottom: 0px solid;
}
.payment_form_block .row .form-lbl {
    width: 29%;
}
.payment_form_block .row .form-field {
    width: 66%;
}
.payment_form_block .row .form-field input[type=text] {
    width: 230px;
}
.payment_form_block .row .form-field select {
    width: 250px;
}
.last_payment_link {
    text-align: center;
    font-size: 13px;
}
.payment_sub_heading {
    font-size: 16px !important;
    padding: 0px !important;
}
.payment_info{
    padding: 0px 38px;
}
.payment_row_block {
    border-top: 0px solid !important;
    padding-bottom: 17px;
}
.textarea_field{
    width: 70% !important;
}
.btn_export{
    margin-top: -33px;
    float: left;
    margin-left: 250px;
    padding: 8px;
}
.export_excel_icon {
    float: right;
    padding-right: 18px;
    margin-top: -48px;
}
.btn-add-booking{
    float: right;
    margin-top: -44px;
    display: inline-block;
    margin-right: 100px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    cursor: pointer;
    font-size: 12px!important;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 20px;
    background-color: #4CAF50;
    color: #FFFFFF;
    border: 0;
}

/* 20-Feb-2016 */
#select_lang span.world{
    background:url(../img/world-sprite.png) no-repeat;
    background-position: -0px -20px;
    height: 20px;
    width: 20px;
    margin-top: 7px;
}
#select_lang{
    position: relative;
    margin-top: 5px;
    border-top: 1px solid rgba(95, 168, 232, 0.52);
    float: left;
    width: 100%;
    height: 30px;
    padding: 12px;
    cursor: pointer;
}
#select_lang a{
    float: left;
    width: 100%;
}
#select_lang span{
    float: left;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 10px;
    font-weight: bold;
}
#select_lang .selection-menu{
    width: 202px;
    background-color: #FFF;
    border: 1px solid #F0F1F3;
    position: absolute;
    right: 28px;
    top: -90px;
    z-index: 9999;
    padding: 10px 0;
    -moz-box-shadow: 0 1px 3px #CFCFCF;
    -webkit-box-shadow: 0 1px 3px #CFCFCF;
    box-shadow: 0 1px 3px #CFCFCF;
    color: #5A5A5A;
    font-size: 16px;
    display: none;
}
#select_lang .selection-menu ul li{
    padding: 5px;
    padding-left: 10px;
    border-bottom: 1px solid #EDEFF7;
}
#select_lang .selection-menu ul li:first-child{
    border-top: 1px solid #EDEFF7;
}
#select_lang .selection-menu ul li.active
{
    background-color: #3A87CC	;
    color: #fff;
}
#select_lang .down-arrow
{
    height: 5px;
    width: 10px;
    background: url(../img/down_arrow_10.png) no-repeat;
    margin-right: 30px;
    float: right;
    display: block;
    margin-top: 14px;
}


/* added by kishan */
.dayclosedno {
    float: left;
    width: 100%;
    margin: -11px;
    margin-top: 5px;
    display: none;
}
.overlay {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.7);
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}
.overlay:target {
    visibility: visible;
    z-index: 999;
    opacity: 1;
}
.popup {
    margin: 70px auto;
    padding: 20px;
    background: #fff;
    border-radius: 5px;
    width: 35%;
    position: relative;
    transition: all 5s ease-in-out;
}
.popup h2 {
    margin-top: 0;
    color: #333;
    font-family: Tahoma, Arial, sans-serif;
}
.popup .close {
    position: absolute;
    top: 15px;
    right: 30px;
    transition: all 200ms;
    font-size: 30px;
    font-weight: bold;
    text-decoration: none;
    color: #333;
}
.popup .close:hover {
    color: #06D85F;
}
.popup .content {
    max-height: 30%;
    overflow: auto;
}
#timeslot .popup h2{
    font-size: 26px;
    margin-bottom: 10px;
}
.form-closing .row .form-field {
    width: 60%;
    margin-left: 30px;
    float: left;
    line-height: 1.5;
}
.wd-200{
    width: 225px !important;
}
.form-closing .row .form-field label{
    float: none;
    clear: both;
    margin-top: 28px;
    right: 75px;
    background: transparent;
    border:none;
}
.mg-left30 {
    margin-left: 30% !important;
    overflow: hidden;
    width: 70% !important;
}

.hide-edit {
    display: none !important;
}
.display-block {
    display: block;
}
.edittimeslot {
    display: none;
}




.nav-dropdown ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #ffffff;
    width:241px;
    color: #000000;
}

.nav-dropdown li {
    float: left;
}
.dropbtn {
    border: 1px solid #dbdbdb;
    width:207px;
}
.nav-dropdown li a, .dropbtn
.nav-dropdown li a, .dropbtn {
    display: inline-block;
    color: #000000;
    text-align: left;
    padding: 10px 16px;
    text-decoration: none;
    margin-bottom:5px;
}

/*li a:hover, .dropdown:hover .dropbtn {
    background-color: red;
}*/

.nav-dropdown li.dropdown {
    display: inline-block;
}

.dropdown-content {
    background-color: #ffffff;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    display: none;
    min-width: 164px;
    position: absolute;
    width: 241px;
    z-index: 9999;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align:left;
    width:170px;
}

.show {
    display:block;
}




.tooltip-main{
    position:relative;
}
.tooltip-hover {
    display: none;
    position: absolute;
    background: #ffffff;
    padding: 5px;
    border: 1px solid #f6f6f6;
    box-shadow: 1px 1px 1px 1px #dbdbdb;
    font-size: 12px;
    min-width: 180px;
    width: 100%;
    right: 50%;
    top: 80px;
    left: -100px;
    z-index: 9;
    line-height:17px;
}
i:hover + .tooltip-hover {
    display:block;
}

.fa-info:before {
    content: "\f129";
    /* color: red; */
    /* margin-bottom: 2px; */
    top: -7px;
    padding-top: -1px;
    position: relative;
    font-size: 12px;
}
/*Added by Aritz to change the row per number select*/
.row_per_page_li {
    float: right;
    margin-left: 30px;
}
.row-per-page-select {
    border: 1px solid #CECECE;
    margin-right: 10px;
    padding: 4px 4px;
    cursor: pointer;
    font-size: 14px;
    border-radius: 4px;
    margin-top: 3px;
}
/*Added by Aritz for the booking filters*/
.top-visible-flex {
    display: flex;
}
.collapsed-cont {
    padding: 1vh 2vw;
}
/*Added by Aritz for the deletable inputs*/
.delete-input-bt {
    margin-left: -17px;
    transform: translate(-5px, 3px);
    opacity: 0.2;
    cursor: pointer;
    transition: 0.2s;
}

.deletable-input:hover + .delete-input-bt, .delete-input-bt:hover{
    opacity: 0.5;
}
.left_switch {
    float: left;
}
.tax_payment_class_logo {
    width: 100px;
    transform: translateY(4px);
    margin-left: 6px;
}
#taxPaymentAcordion .panel-title label {
    cursor: pointer;
    font-size: 18px;
}
#taxPaymentAcordion .panel-body .row {
    border: none;
}

.yTB-primary-btn {
    padding: 10px 49px;
    background: #3A87CC;
    color: #FFFFFF;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border: none;
    border-radius: 20px;
    font-size: 1.1em;
    font-weight: bold;
    cursor: pointer;
    margin: 2% auto;
}
.pt-test-alert {
    margin-top: 4%;
}
.status-span {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    background-color: #5bc0de;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.status-span-success {
    background-color: #5cb85c;
}
.status-span-error {
    background-color: #d9534f;
}
.form-wrapper .row .test-conn-btn, .test-conn-btn {
    color: black;
    background-color: #d7d7d7;
}
table.listing td.connection, td.connection {
    text-align: center;
    width: 60px;
}
table.listing td.disconnected, td.disconnected {
    color: red;
}
table.listing td.connected, td.connected {
    color: green;
}
.control-label {
    font-size: 13px;
}

/* Bookings view Top Information square styles */
.reservas-row{
    margin: 0px 0px 30px 0px;
    width: 100%;
}
.reservas-row ul{
    margin: 0px auto;
    padding: 0px;
}
.reservas-row ul li{
    list-style-type: none;
    display: inline-block;
    border: 1px solid #dbddde;
    padding: 18px 10px;
    /*float: left;*/
    width: 100%;
    max-width: 235px;
    margin: 0px 10px 0px 0px;
}
.reservas-row ul li div{
    display: inline-block;
}
.reservas-row ul li .reservas-icon{
    margin-right: 10px;
}
.reservas-row ul li .reservas-icon img{
    max-width: 60px;
    width: 100%;
}
.reservas-row ul li .reservas-seat{
    max-width: 60px;
    width: 100%;
    text-align: center;
}
.reservas-row ul li .reservas-seat span{
    color: #ed1c24;
    font-size: 16px;
}
.reservas-row ul li .reservas-seat p{
    color: #000000;
    font-size: 18px;
}
.reservas-row ul li .reservas-price{
    max-width: 90px;
    width: 100%;
}
.reservas-row ul li .reservas-euro span,
.reservas-row ul li .reservas-price span{
    color:#969696;
    font-size: 28px;
}
.reservas-row ul li .reservas-euro p,
.reservas-row ul li .reservas-price p{
    color: #969696;
    font-size: 18px;
}
.reservas-row ul li .reservas-euro{
    max-width: 160px;
    width: 100%;
}
.reservas-label{
    float: left;
}

/*Search form*/
.search-form input[type="text"] {
    float: none;
}
.search-form>.top-visible-flex>div.form-group{
    margin-right: 10px;
}
.search-form select.booking_record{
    width: 200px;
}
.erase-search-button {
    position: initial;
    float: left;
    margin-right: 10px;
    margin-top: 3px;
}
.content-section .inner-heading .search-form input[type="text"].date-filter {
    width: 7.5vw;
}
.date-filter[readonly] {
    background-color: white;
    cursor: pointer;
}
.filter_open_button {
    margin-right: 10px;
}

.content-section .inner-heading .search-form input[type="text"].search-text-input {
    float: left;
    border-radius: 15px 0px 0px 15px;
    width: 250px;
}
.search-btn {
    border-radius: 0px 15px 15px 0;
    font-size: 12.5px;
    border-left: 0;
}