﻿body 
{
    font-family: 'Open Sans', sans-serif;
}

.img-responsive{display:inline-block!important;}
/*.container{max-width:450px; min-width:300px; width:100%;}*/
.captiondiv {line-height:2;}
.lineHeight1half{line-height:1.5}
.validatordiv{color:red!important;}
.controldiv{}
.rowPad{padding-top:5px; padding-bottom:5px;}
.RadioButtonListHorizotal{list-style-type:none; padding:0; margin:0;}
.RadioButtonListHorizotal li{display:inline;}
.RadioButtonListHorizotal li input[type="radio"], .RadioButtonListHorizotal li label{vertical-align:top}
.RadioButtonListHorizotal li label{padding:0 20px 0 5px; font-weight:normal;}
.row [class*="col-"].nopadding {padding:0;}
.row [class*="col-"].NoRightPading{padding-right:0;}
.NoLeftPading{padding-left:0;}
.NoPading{padding:0;}
.RadioButtonList input[type="radio"]{margin-left:5px;}
.RadioButtonList label{padding-left:25px; line-height:1.5;}
.NoBold{font-weight:normal!important;}
.radio label label{padding-left:5px!important;}
.check label label,.checkbox label label{padding-left:5px!important;}
.bold{font-weight:bold!important;}
.PromotionLandingPageHTML .container{max-width:625px; margin:0 auto;}
.PromotionLandingPageBigHTML .container{max-width:100%; margin:0 auto;}
.PromotionLandingPageBigHTML .container .wrapper{max-width:938px; width:100%;}
.AbsoluteBottom{position:absolute; top:86px;}

.modalBackground {
	background-color:black;
	filter:alpha(opacity=50);
	opacity:0.5;
}

.modalPopup {
	background-color:#ffffff;
	/*padding:0 15px;*/
	max-width:480px;
	width:auto;
	
	/*top:20px!important;
	left:auto!important;*/
	right:auto!important;
	font-family:Arial;
	-webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    -webkit-border-radius: 6px; 
    -moz-border-radius: 12px;
    border-radius: 8px;
    /*border:1px solid #000;*/
    
}
.modal-footer{background:#f7f7f7; border-radius: 0px 0px 6px 6px; padding: 10px 20px;}
.modal-header{background:#003168; border-radius: 6px 6px 0px 0px; padding: 10px 20px;}
.bootstrap-dialog-title{font-size:18px; color:#fff; display: inline-block;}
.modal-body {
  position: relative;
  padding: 5px 20px;
  max-height:400px;
	overflow:auto;
	height:auto;
	
}
.winnercirclecompanyheader{font-weight:bold;}
.WhiteSpace{height:10px;}


/* new css start*/

.PageHeaderBg{background:#003168; padding:0.5em 1em;}
.PageHeaderBg h2.title{font-size:16px; color:#fff; margin-bottom:0;}
.whiteSpace{margin-bottom:5px;}
.footer-social a{font-size: 20px; padding: 10px;}
.footer-links a{padding-left: 10px;}

.LabelNoPadding span > label{padding-left:0!important;}
/* new css end*/
.ValidationMessage
{
	color: Red;
	text-decoration: none;
}
/*For Hover Dropdown menu*/
.display-none{display:none!important;}

.FlatMenu #accordion a, .FlatMenu #accordion input{font-family:inherit!important; font-size:13px!important;}

@media screen and (min-width: 1200px){
.FlatMenu #accordion .panel-default{border-right:1px solid #235a92!important; height:210px;}
}
@media screen and (max-width: 1199px) and (min-width: 768px){
.FlatMenu #accordion .panel-default{border-right:1px solid #235a92!important; height:240px;}
}
@media screen and (min-width: 768px){
	.FlatMenu #accordion .panel-default .collapse{display:block!important;}
	.FlatMenu #accordion .panel-collapse.collapse{visibility:visible!important; display:block!important;}
	#navbar{margin-top:15px!important;}
	.FlatMenu .panel-title{padding-bottom:3px!important;}
	.navbar-default{height:auto!important; min-height:inherit!important;}
	.navbar-header{float:inherit!important;}
	.FlatMenu #accordion.panel-group{margin-bottom:10px!important;}
	.FlatMenu #accordion .panel-default:first-child{padding-left:5px!important;}
	.FlatMenu #accordion .panel-default, .FlatMenu #accordion .NonAccordian{padding-left:10px!important; padding-right:5px!important;}
	
	.MainMenuMainDiv{padding:0 5px!important;}
	/*.navbar-header{padding-bottom:15px;}*/
	.FirstAccordianMenu{padding-top:5px}
	.FirstAccordianMenu, .FourthAccordianMenu{width:23%!important;}
	.FifthhAccordianMenu{width:12%!important;}
	.FifthhAccordianMenu.NonAccordian a span{color:#fff!important;}
	.panel-title .accordian-arrow{display:none;}
	.FourthAccordianMenu.col-md-6.col-sm-6{width:50%!important;}
    .ShopDiv.Column{width: 48%;float: left;height: 100px;border-right: 1px solid #235a92!important;margin-right: 10px;}
    .NewsDiv.Column{float: left;width: 48%;}
    .SecondAccordianMenu.Column{height:100px!important;}
    .FlatMenu #accordion .panel-default.Column, .NewsDiv.Column, .ShopDiv.Column{height:120px;}    
    .FlatMenu #accordion .panel-default.FourthAccordianMenu.Column{border-right:0!important;}
}
@media screen and (max-width: 767px){
.FlatMenu .panel-default ul{width:100%;}
.FlatMenu .panel-default ul li{display:block}
.FlatMenu .panel-title{padding-bottom:5px!important;}
.FlatMenu .MainMenu{padding-left:8px!important;}
.FlatMenu #accordion.panel-group{margin-bottom:0!important;}
.FifthhAccordianMenu.NonAccordian a span{display:none;}
.FifthhAccordianMenu.NonAccordian a{color:#fff!important; font-weight:700;}
.FifthhAccordianMenu.NonAccordian .MainMenu{padding-left:0px!important;}
.panel-title{position:relative;}
.panel-title .accordian-arrow{display:block; position:absolute; right:5px; color:#fff;}
.panel-group .panel + .panel{margin-top:0}

}
.FlatMenu .panel-body{padding:0!important;}
.FlatMenu .panel-heading  a, .FlatMenu .panel-heading  a:hover{text-decoration:none!important; font-weight:700;}
.FlatMenu .panel-heading{ background:transparent!important; border:none!important; padding:2px!important; color:#fff; font-weight:bold;}
.FlatMenu .panel-default, .FlatMenu .panel{border:none!important;}
.FlatMenu .panel-default ul li, .FlatMenu .panel-default ul{border:none!important;}
.FlatMenu .panel-default ul{margin-bottom: 5px!important;}
.FlatMenu .panel-default ul li{padding:0 2px!important; word-wrap:break-word;}
.FlatMenu .panel{box-shadow:none!important; -webkit-box-shadow:none!important; -moz-box-shadow:none!important; background:transparent!important;}
.FlatMenu .panel-heading+.panel-collapse>.panel-body{border:none!important;}
.FlatMenu .panel-default ul li a, .FlatMenu .panel-default ul li input, .NonAccordian a {color:#b2c3d5; background:transparent!important; border:none!important; display:inline-block!important; margin:0; }
.FlatMenu .panel-default ul li a:hover, .FlatMenu .panel-default ul li input:hover, .NonAccordian a:hover{color:#fff!important}
.FlatMenu .panel-default ul li input {padding:0!important; white-space: normal; text-align:left;}
.FlatMenu ul.MainMenu li{list-style-type:none; margin:0;}
.FlatMenu ul.MainMenu{padding:0;}

.clear{clear:both}
.inline-block{display:inline-block!important;}
.CommisionTable{margin:20px 0;}
.rowMargin{margin:10px 0;}
.LeftDateBtn{font-weight:bold; padding-left:0!important;}
.LeftDateBtn a, .RightDateBtn a{font-size:16px; text-decoration:underline;}
.LeftDateBtn i, .RightDateBtn i{font-size:20px; color:#337ab7;}
.RightDateBtn{font-weight:bold; padding-right:0!important; text-align:right;}
.CommisionTable table{width:100%;}
.CommisionTable table tr:nth-child(even){background:#f7f7f7;}
.CommisionTable table tr td{padding:8px 10px;}
.CommisionTable table tr td:not(:last-child){border-right:1px solid #ccc;}
.CommisionTableFooter{text-align:right; margin:10px; font-weight:bold; font-size:16px;}
.CommisionTable table tr td.right{text-align:right;}


.ProgressbarDiv{ position: fixed; height: 100%; width: 100%;background: rgba(255,255,255,0.7);  top: 0; left: 0; z-index: 99;}
.ProgressbarDiv img{position:absolute; top:50%; left:50%;}
.RadioButtonReactivateFT{margin-bottom:5px;}
.RadioButtonReactivateFT label{width:calc(100% - 20px); -moz-width:calc(100% - 20px); -webkit-width:calc(100% - 20px); padding-left:10px;}
.RadioButtonReactivateFT input{vertical-align:top;}
.text-blue {color:#235a92 !important}

/* Below CSS is added to Handle the Date Picket control, Start*/
.ajax__calendar .ajax__calendar_container {
    padding: 12px 10px;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.25);
    border: 1px solid rgba(0,0,0,0.2)!important;
    width: 200px;
    font-size: 12px;
}

    .ajax__calendar .ajax__calendar_container .ajax__calendar_header {
        height: 24px;
    }

    .ajax__calendar .ajax__calendar_container .ajax__calendar_body {
        height: 140px;
        width: 180px;
    }

        .ajax__calendar .ajax__calendar_container .ajax__calendar_body .ajax__calendar_days,
        .ajax__calendar .ajax__calendar_container .ajax__calendar_body .ajax__calendar_months,
        .ajax__calendar .ajax__calendar_container .ajax__calendar_body .ajax__calendar_years {
            height: 140px;
            width: 180px
        }

            .ajax__calendar .ajax__calendar_container .ajax__calendar_body .ajax__calendar_days table {
                width: 100%;
            }

                .ajax__calendar .ajax__calendar_container .ajax__calendar_body .ajax__calendar_days table tbody tr td {
                    padding: 1px;
                    font-size: 12px;
                }

                .ajax__calendar .ajax__calendar_container .ajax__calendar_body .ajax__calendar_days table thead tr td {
                    padding: 1px;
                    font-weight: bold;
                    font-size: 12px;
                }

.ajax__calendar_container .ajax__calendar_today {
    padding-top: 6px
}

.ajax__calendar_container .ajax__calendar_footer {
    height: 20px
}
/* Below CSS is added to Handle the Date Picket control, End*/
.showpass {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 13px !important;    
    cursor: pointer;
}