/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}

body{
    margin: 0;
    padding: 0;
    position: relative;
    font-family: 'MuseoSans300';
    font-weight: 300;
    color: #fff;
}

@font-face {
    font-family: 'MuseoSans300';
    src: url('../fonts/MuseoSans 300.eot'); /* IE9 Compat Modes */
    src: url('../fonts/MuseoSans 300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/MuseoSans 300.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/MuseoSans 300.woff') format('woff'), /* Pretty Modern Browsers */
        url('../fonts/MuseoSans 300.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/MuseoSans 300.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 300;
}
@font-face {
    font-family: 'MuseoSans700';
    src: url('../fonts/MuseoSans 700.eot'); /* IE9 Compat Modes */
    src: url('../fonts/MuseoSans 700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('../fonts/MuseoSans 700.woff2') format('woff2'), /* Super Modern Browsers */
        url('../fonts/MuseoSans 700.woff') format('woff'), /* Pretty Modern Browsers */
        url('../fonts/MuseoSans 700.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('../fonts/MuseoSans 700.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 700;
}

h1, h2, h3, h4, h5, h6{
    color:#3d3d3d;
}

p{
    color:#333;
}

a:focus, a:hover{
    color: inherit;
    text-decoration: none;
}

#CreatAccount_bg{
    /*  background: rgba(36,200,118,1);
    background: -moz-linear-gradient(left, rgba(36,200,118,1) 0%, rgba(32,163,250,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(36,200,118,1)), color-stop(100%, rgba(32,163,250,1)));
    background: -webkit-linear-gradient(left, rgba(36,200,118,1) 0%, rgba(32,163,250,1) 100%);
    background: -o-linear-gradient(left, rgba(36,200,118,1) 0%, rgba(32,163,250,1) 100%);
    background: -ms-linear-gradient(left, rgba(36,200,118,1) 0%, rgba(32,163,250,1) 100%);
    background: linear-gradient(to right, rgba(36,200,118,1) 0%, rgba(32,163,250,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24c876', endColorstr='#20a3fa', GradientType=1 ); */

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee8433+0,d7762c+49 */
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(255, 255, 255, 300) 0%, rgba(255, 255, 255, 300) 49%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255, 255, 255, 300) 0%,rgba(255, 255, 255, 300) 49%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255, 255, 255, 300) 0%,rgba(255, 255, 255, 300) 49%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee8433', endColorstr='#d7762c',GradientType=1 ); /* IE6-9 */
    color:#fff;




    /*background: #e87732;*/


}


.noPadding {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 2px;
}

.heading{
    font-family: 'MuseoSans300';
    font-weight: 300;
    font-size: 25px;
    color: #fff;
    margin: 0;
    padding: 0;

}
.Heading02{
    font-family: 'MuseoSans700';
    font-weight: 300;
    font-size: 19px;
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
    text-transform: capitalize;
}
.Heading03{
    font-family: 'MuseoSans300';
    font-weight: 300;
    font-size: 30px;
    margin: 0;
    padding: 20px 0 0 0;
    color: #191c1f;
    text-transform: capitalize;
}
.Heading04{
    font-family: 'MuseoSans700';
    font-weight: 700;
    font-size: 19px;
    margin: 0;
    padding: 0;
    color: #191c1f;
}

.Heading05{
    font-family: 'MuseoSans700';
    font-weight: 700;
    font-size: 18px;
    margin: 0;
    padding: 0;
    line-height: 28px;
    color: #191c1f;
}
.Heading06{
    font-family: 'MuseoSans300';
    font-weight: 300;
    font-size: 22px;
    line-height: 28px;
    margin: 8px 0 0 0;
    padding: 0;
    color: #191c1f;
    text-transform: capitalize;
}

.Heading07{
    font-family: 'MuseoSans700';
    font-weight: 700;
    font-size: 19px;
    line-height: 28px;
    margin: 0;
    padding: 0;
    color: #191c1f;
    text-transform: capitalize;
}

.Heading08{
    color: #192028;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

.subheading{
    color: #72828a;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    margin-top: 15px;
    display: block;
}
.textitlic{
    font-style: italic;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400
}
.text01{
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    color: #7d8f98;
}


/*Button style*/
.buttoncontainer{
    float: right;
    width: auto;
}
.buttoncontainer02{
    width: 100%;
    float: left;
    background: #fff;
    padding: 30px 110px 30px 110px;

}

.buttoncontainer03{
    width: auto;
    float: right;
}

.Button01{
    background: #28c87b;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    color: white;
    font-size: 14px;
    padding: 14px 0 15px;
    display: block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    border: 0;
    width: 100%;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}
.Button01:hover{
    background: #13a05c;
}

.Button02{
    background: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    color: #98abb4;
    font-size: 14px;
    padding: 14px 40px 15px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    width: auto;
    border: 2px solid #b4cbd6;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}
.Button02:hover{
    background: transparent;
    color: #98abb4;
    border: 2px solid #23C776;
}

.Button03{
    background: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    color: #98abb4;
    font-size: 14px;
    padding: 10px 40px 10px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    width: auto;
    border: 2px solid #b4cbd6;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}
.Button03:hover{
    background: transparent;
    color: #98abb4;
    border: 2px solid #23C776;
}


.Button04{
    background: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    padding: 15px 30px 15px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    width: auto;
    border: 1px solid #24c778;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;

}
.Button04:hover{
    background: transparent;
    color: #fff;
    border: 1px solid #23C776;
    text-decoration: none;
}

.Button05{
    background: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    color: #4b6077;
    font-size: 14px;
    padding: 15px 30px 15px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    width: auto;
    border: 1px solid #4b6077;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;

}
.Button05:hover{
    background: transparent;
    color: #fff;
    border: 1px solid #23C776;
    text-decoration: none;
}

.Button06{
    background: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    color: #77909c;
    font-size: 14px;
    padding: 15px 30px 15px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    width: auto;
    border: 2px solid #869ca7;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;

}
.Button06:hover{
    background: #B02128;
    color: #fff;
    border: 2px solid transparent;
    text-decoration: none;
}

.Button06back{
    border: 2px solid #b4cbd6;
    color: #98abb4;
}


.SaveButton{
    background: #28c87b;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    color: white;
    font-size: 17px;
    padding: 15px 30px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    border: 0;
    width: auto;
    text-align: center;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}
.SaveButton:hover{
    background: #13a05c;
}


.Button07{
    background: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    color: #98abb4;
    font-size: 14px;
    padding: 10px 35px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    width: 160px;
    border: 2px solid #2b6fb7;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;

}
.Button07:hover{
    background: #2b6fb7;
    color: #fff;
    border: 2px solid transparent;
    text-decoration: none;
}


.Button08{
    background: #24c778;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    padding: 12px 30px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    width: auto;
    border: 0;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;

}
.Button08:hover{
    background: #13A05C;
    color: #fff;
    border: 0;
    text-decoration: none;
}


.Button09 {
    background: #2b6fb7;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    border: 2px solid #2b6fb7;
    padding: 11px 26px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    width: auto;
    text-align: center;
    text-transform: capitalize;
    transition: all ease-in-out 0.2s;
}

.Button09:hover{
    background: #2b6fb7;
    color: #ffffff;
    border: 2px solid #2b6fb7;
    text-decoration: none;
}

.submitButton {
    background: #2b6fb7;
    border-radius: 5px;
    color: #ffffff;
    font-size: 16px;
    border: 2px solid #2b6fb7;
    padding: 11px 26px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    width: auto;
    text-align: center;
    text-transform: capitalize;
    transition: all ease-in-out 0.2s;
}

.submitButton:hover{
    background: #2b6fb7;
    color: #ffffff;
    border: 2px solid #2b6fb7;
    text-decoration: none;
}


.Button09:focus{
    background: #ffffff;
    color: #2b6fb7;
    border: 2px solid #2b6fb7;
    text-decoration: none;
}
.search_btn:focus{
    background: #ffc750;
    color: #42483f;
    border: 2px solid #ffc750;
    text-decoration: none;
}


.disabled {
    background-color: #fff;
    cursor: default !important;
    border: 2px solid #2b6fb7;
    color: #2b6fb7 !important;
}

.disabled:hover {
    background-color: #fff !important;
    cursor: default !important;
    border: 2px solid #2b6fb7;
    color: #2b6fb7 !important;
}


.Button10{
    background: #24c778;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    padding: 10px 40px 10px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    width: auto;
    border: 2px solid #24c778;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}
.Button10:hover{
    background: #869ca7;
    color: #fff;
    border: 2px solid #869ca7;
}

.Button11{
    background: transparent;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    font-size: 14px;
    padding: 15px 30px 15px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    width: auto;
    border: 1px solid #20a5f7;
    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;

}
.Button11:hover{
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
    text-decoration: none;
}


.topButtonset{
    float: right;
    width: auto;
}
.buttonMargin{
    margin-left: 16px;
}
.AccountContainer{
    width: 802px;
    margin:83px auto 220px;
    text-align: center;
    overflow: hidden;
}
.LogoContainer{
    margin-bottom: 36px;
    display: block;
}
.AccountContent{
    width: 100%;
    float: left;
}
.content_boxshadw{
    box-shadow: 0px 5px 8px rgba(24,24,25,0.2);
    width: 100%;
    float: left;
}
.HeadingDiv{
    width: 100%;
    background: #003c7f;
    padding: 15px 0;
}
.AccountformContent{
    padding: 35px 45px;
    width: 100%;
    float: left;
    background: #fff;
    text-align: left;
}
.container-form{
    width: 100%;
    float: left;

}
.full-col{
    width: 100%;
    float: left;
    margin-bottom: 23px;
}
.left-col{
    width: 47%;
    float: left;
    margin-bottom: 23px;
}
.right-col{
    width: 47%;
    float: right;
    margin-bottom: 23px;
}
.form-control {
    background-color: #fff;
    background-image: none;
    border: 2px solid #cfcfda;
    box-shadow: none;
    color: #7579ab;
    font-weight: 600;
    display: block;
    font-size: 17px;
    height: auto;
    line-height: 1.42857;
    padding: 11px 19px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
    border-radius: 6px;
}
.form-control:focus{
    color: #7579ab;
    /*    color: #fff;*/
}
.label-form {
    color: #5d6080;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    width: 100%;
    float: left;
    margin-bottom: 11px;
}
.symbolcolor{
    color: #21abe2;
    display: inline-block;
    margin-right: 5px;
}
.cardnumber{
    padding-left: 0;
    margin-bottom: 23px;
}
.cvvnumber{
    padding-right: 0;
    margin-bottom: 23px;
}
.SelectContainer{
    width: 44%;
    float: left;
    margin-right: 37px;
}
.yearSelect{
    margin-right: 0px;
}
.dropselect{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/Drop_arrow.png) center right no-repeat;
    cursor: pointer;
}
.dropselect option{
    text-transform: capitalize;
}
.submitbuttonContainer{
    display: block;
    margin-top: 27px;
}


.btn {
    display: inline-block;
    padding: 20px 0;
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
    margin-top: 20px;
    text-transform: uppercase;
    min-width: 230px;
    text-align:center;
}

.registration_form h4{
    color:#3d3d3d;
}

.submitButton:hover{
    background: #2b6fb7;
    color: #ffffff;
    border: 2px solid #2b6fb7;
    text-decoration: none;
}

.requiredText{
    display: block;
    float: left;
    text-align: center;
    width: 100%;
    color: #7d8f98;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
}

/*LoginPage style*/

.LoginContainer{
    width: 435px;
    margin:50px auto 220px;
    text-align: center;
    /*    overflow: hidden;*/
}

.LoginformContent {
    background: #fff none repeat scroll 0 0;
    float: left;
    padding: 38px 30px 15px;
    text-align: left;
    width: 100%;
}

.formFields input[type="checkbox"]:not(old), .formFields input[type="radio"]:not(old) {
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
    top: 0;
    left: 0;
}

.formFields input[type="checkbox"]:checked:not(old) + label {
    background-position: 0 -31px;
}
.formFields input[type="checkbox"]:not(old) + label {
    background: rgba(0, 0, 0, 0) url("../images/checksBox.png") no-repeat scroll 0 0;
    color: #7d8f98;
    display: inline-block;
    font-weight: normal;
    line-height: 34px;
    padding-left: 43px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;

}



.formFields input[type=radio]:not(old) + label{
    background: rgba(0, 0, 0, 0) url("../images/radio.png") no-repeat scroll 0 0 ;
    color: #7d8f98;
    display: inline-block;
    font-weight: normal;
    line-height: 30px;
    padding-left: 35px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-bottom: 0;

}
.formFields input[type=radio]:not(old):checked + label{
    background-position : 0 -32px;
}

.form-group02 {
    margin-bottom:12px;
    width:100%;
    float:left;
}

.LoginformContent .form-control{
    color: #191c1f !important;
}
.checkboxContainer{
    float: left;
    margin-left: -3px;
    margin-top: 5px;
}

.buttonSbmit {
    text-align: right;
    padding-bottom: 10px;
}

.buttonSbmit02{
    float: right;
    width: auto;
}

.loginfooter{
    background: #f3f5f7;
    padding: 24px 30px;
    float: left;
    width: 100%;
}
.loginfooter a{
    font-size: 14px;
    color: #7d8f98;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-decoration: none;
}
.loginfooterleft{
    float: left;
}
.loginfooterright{
    float: none;
}



nav.sidebar li a .fa-home-icon::before {
    background-image: url("../images/homeIcon.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 20px;
    width: 23px;
}

nav.sidebar li a .fa-operators-icon::before {
    background-image: url("../images/operatorsIcon.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 20px;
    width: 23px;
}

nav.sidebar li a:hover .fa-operators-icon::before{
    background-image: url("../images/hoveroperatorsIcon.png");
}



.fa-advertisers-icon::before {
    background-image: url("../images/advertisersIcon.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 20px;
    width: 23px;
}
nav.sidebar li a:hover .fa-advertisers-icon::before{
    background-image: url("../images/hoveradvertisersIcon.png");
}
.fa-settings-icon::before {
    background-image: url("../images/settingsIcon.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 23px;
    width: 23px;
}
nav.sidebar li a:hover .fa-settings-icon::before{
    background-image: url("../images/hoversettingsIcon.png");
}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #B02128;
}

.settings-icon::before {
    background-image: url("../images/settingsIcon2.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 18px;
    width: 18px;
    position: relative;
    top: 3px;
    left: -2px;
    background-size: cover;
}
a.Button07:hover .settings-icon::before{
    background-image: url("../images/hoversettingsIcon.png");
}
.textbutton{
    position: relative;
    top: -1px;
}

/*AccountSettings*/
.Admin-bg{
    background-color: #fff;
}
.wrapper {
    height: auto;
    overflow: hidden !important;
    position: relative;
    float: left;
    width: 100%;
}
.main-header {
    width: 100%;
    float: left;
    max-height: 100px;
    padding: 0px 115px 0px 60px;
    position: relative;

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee8433+0,d7762c+49 */
    background: rgb(255, 255, 255); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(255, 255, 255, 300) 0%, rgba(255, 255, 255, 300) 49%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(255, 255, 255, 300) 0%,rgba(255, 255, 255, 300) 49%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(255, 255, 255, 300) 0%,rgba(255, 255, 255, 300) 49%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee8433', endColorstr='#d7762c',GradientType=1 ); /* IE6-9 */
    color:#fff;
}
.logo-lg{
    display: inline-block;
    padding: 14px 0;
}
.AccountProfile{

    width: 400px;
    float: right;
    height: 68px;
    /* border: 1px solid red; */
}
.profilePhoto {
    width: 70px;
    height: 70px;
    border: 2px solid white;
    display: inline-block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 100%;
    overflow: hidden;
    float: left;
}
.profilePhoto img{
    width: auto;
    height: 70px;
}

.profilePhoto_z{
    width: 200px;
    height: 200px;
    border: 2px solid white;
    display: inline-block;

    float: left;
}
.profilePhoto_z img{
    width: 100%;

}
.del_img_tag{

}
.ProfileName{
    display: inline-block;
    color:#B02128;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
    padding: 13px 12px;
}
.AccountProfile a{
    display: block;
}
.AccountProfile .navbar-nav > li > a{
    padding-bottom: 12px;
    padding-top: 17px;
}
.AccountProfile .open{

}
.AccountProfile .nav > li > a:focus, .AccountProfile .nav > li > a:hover{
    background-color: #fff;
}
.AccountProfile .nav .open > a, .AccountProfile .nav .open > a:focus, .AccountProfile .nav .open > a:hover {
    background-color: #fff;
    border-color: #337ab7;
}




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

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


.report_images_container {
    float: left;
    width: 100%;
    display: block;
    margin-top: 30px;
    padding: 20px;
    /*    border-top: 3px solid #ccc;*/
}

.report_image {
    text-align: center;
    float: left;
    width: 30%;
}

.report_image_container {
    float: left;
    width: 100%;
}

.report_image label {
    float: left;
    width: 100%;
    margin: 15px auto;
}

.fancybox img {
    border: 4px solid #ccc !important;
}

.err
{
    font-size: 16px;
    width:100%;
    color:#f00;
    font-weight: bold;
}

.suc
{
    font-size: 16px;
    text-align: center;
    color:#53A64C;
    font-weight: bold;

}

.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #cfcfda;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
    color: #cfcfda;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
    color: #cfcfda;
}
.form-control:-moz-placeholder { /* Firefox 18- */
    color: #cfcfda;
}

.url_text {
    border: 0px;
    background-color: transparent;
    width: 470px;
    cursor: pointer;
}



.TabContainer{
    width: 100%;
    float: left;
}

.TabContainerTop{
    background: #eeeeef;
    width: 100%;
    float: left;
    text-align: center;
}
.NavTabsContnr{
    display: inline-block;
    width: auto;
    margin-bottom: -5px;
}
.NavTabsContnr .nav-tabs{
    border-bottom: 0;
}
.NavTabsContnr .nav-tabs li a{
    color: #0e1f2a;
    font-size: 19px;
    font-family: 'MuseoSans700';
    font-weight: 700;
    text-transform: capitalize;
    border: 0 none;
    border-radius: 0;
    margin-right: 0;
}
.NavTabsContnr .nav > li > a {
    display: block;
    padding: 27px 58px;
    position: relative;
    position: relative;
    transition: none 0s ease 0s ;
}

.NavTabsContnr .nav-tabs > li.active > a, .NavTabsContnr .nav-tabs > li.active > a:focus, .NavTabsContnr .nav-tabs > li.active > a:hover{
    background-color: #16547f;
    border: 0;
    border-radius: 0;
    color: #fff;
}
.NavTabsContnr .nav > li > a:hover{
    background: #16547f;
    color: #fff;

}
.NavTabsContnr .nav > li > a:hover:after{
    border-bottom: 0 solid transparent;
    border-left: 33px solid #16547f;
    border-top: 81px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -33px;
    top: 0;
    width: 0;
    z-index: 0;
}
.NavTabsContnr .nav-tabs > li.active > a:after{
    border-bottom: 0 solid transparent;
    border-left: 25px solid #16547f;
    border-top: 81px solid transparent;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: -25px;
    top: 0;
    width: 0;
    z-index: 0;
}


.TabContainerBottom{
    background: #16547f;
    width: 100%;
    float: left;
    padding: 95px 0;
    font-size: 18px;
    color: #fff;
}

/******** Style added for coach game panel ********/

.admin_timer {
    width: 100%; 
    display: block; 
    text-align: right; 
    font-size: 18px; 
    font-weight: bold; 
    overflow: hidden;
    color: red;
}
#countdown_min {
    width: 25px;
    display: inline-block;    
}
#countdown_sec {
    width: 25px;
    display: inline-block;    
}

.start_button {
    background: green;
}
.start_button:hover {
    background: green;
}
.end_button {
    background: red;
}
.end_button:hover {
    background: red;
}
.heading-h4{
    font-size:20px;
    font-weight:600;
    color:#333;
}
.loder-style{
    font-size: 16px;
}
.loder-style img{
    width: 30px;
}
a.admin_disabled_button, .admin_disabled_button {
    background: gray;
    pointer-events: none;
}
a.admin_disabled_button:hover, .admin_disabled_button:hover {
    background: gray;
}

a.admin_enabled_button, .admin_enabled_button {
    background: green;
}
a.admin_enabled_button:hover, .admin_enabled_button:hover {
    background: green;
}
.team_member_name {
    margin: 10px auto; 
    padding: 0 18px; 
    color: #333; 
    overflow: hidden;
}
/******** Style added for coach game panel ********/

.schedule-alert {
    width: 100%;
    display: block;
    float: left;
    background-color: red;
    color: #fff !important;
    padding: 3px 5px;
    font-weight: bold;
    margin: 0 0 10px 0;
}









@media (min-width: 240px) {


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

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

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

    .navbar{
        border: none;
        border-radius: 0;
    }

    .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
        background-color: transparent;
        color: #B02128;
    }

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

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

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

    nav.sidebar {
        width: 250px;
        min-height: 100%;
        margin-bottom: 0px;
        background: #0f0c29;
        padding-top: 20px;
        transition: transform 0.3s ease-in-out 0s, width 0.3s ease-in-out 0s;
        margin-top: 0px; 
    }



    nav.sidebar li {
        width: 100%;
    }
    nav.sidebar li a{
        display: block;
        padding: 12px 7px 12px 10px;
        position: relative;
        text-decoration: none;
        color: #fff;
        font-family: 'Roboto', sans-serif;
        font-weight: 500;
        font-size: 16px;
        text-transform: capitalize;
    }


}


@media (min-width: 1330px) {

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


}


@media (max-width: 750px) {


    /*.collapse {
        display: block;
    }*/
    nav.sidebar .navbar-collapse, nav.sidebar .container-fluid {
        padding-left: 15px;
        padding-right: 15px;
    }
}

nav.sidebar li ul{
    margin-left: 35px;
    padding: 0;
    height: 0px;
    overflow:hidden;
    transition:0.8s ease-in-out;
    max-height:800px;
    transition-property: all;
}

nav.sidebar li:hover ul {
    height:auto;
    position: relative;
    height:0.8s ease-in-out;
}
nav.sidebar li ul li{
    list-style-type:circle;
    color: #fff;
}


.right_col {
    margin-left: 250px;
    /*padding: 40px 115px 0px 110px !important;*/
    padding: 0px 30px !important;
    background: #eeeef8;
    transition: transform 0.3s ease-in-out 0s, margin 0.3s ease-in-out 0s;
}
.right_col_guest {
    padding: 40px 115px 200px 110px;
    background: #f3f5f7;
    transition: transform 0.3s ease-in-out 0s, margin 0.3s ease-in-out 0s;
}

.rightContent02{
    padding: 40px 0 30px;
}
.rightContent02Container{
    padding: 0 130px;
    width: 100%;
    float: left;
}
.rightContent02 .container-fluid{
    padding-left: 0;
    padding-right: 0;
}
.defaultcontainerMain{
    margin-top: 70px;
}

.Icon-list{
    margin-right: 12px;
    position: relative;
    top: 4px;
}
.Icon-list img{
    vertical-align: middle;
}

.contentHeader{
    border-bottom: 1px solid #cad7de;
    padding-bottom: 23px;
    float: left;
    width: 100%;

}

.message_alert{
    color: #f00;
    margin: -59px 0px 0px 25%;
    float: left;
    width: 60%;
    text-align: center;

}

.Mobheader {
    border-bottom: 0px solid #cad7de !important;
    position: relative !important;
}

.barContainer{
    position:absolute !important;
    left:10%;
}

.Mobcontainerlist .survey_intro {
    padding: 0 0 0px 0 !important;
}

.Mobcontainerlist h4{
    font-size: 18px;
    color: #000;
    text-align: center;
}

.pageheadingContainer{
    float: left;
}
.subtext{
    font-size: 17px; color: #72838b; float: left; margin-top: 10px; padding-right: 5px; text-transform: capitalize;
}
.text-edit{
    float: left; font-size: 14px; margin-left: 25px; margin-top: 12px;
}
.Iconheading{
    margin-right: 10px;
}
.Iconheading img{
    vertical-align: sub;
}
.rowContent{
    margin-top: 45px;
    float: left;
    width: 100%;
}
.rowFirstContent{
    margin-top: 35px;
}
.font_toppadding{
    padding-top: 23px;
}
.rowContentleft{
    padding-left: 0;
    width: 25%;
}
.rowContentrigtht{
    padding-right: 0;
    float: right;
    width: 72%;
}
.rightContainer{
    padding: 25px 30px;
    float: left;
    width: 100%;
    background: #fff;
    border-top: 5px solid #a7a7a7;
}
.chart_text{
    font-size: 16px;
    color: #191c1f;
    line-height: 19px;
    font-weight: 300;
    margin-top: 25px;
}
.AdsContainer{
    padding: 0;
    margin: 0 0 30px;
    width: 100%;
    float: left;
}
.Ph_Text{
    color: #7d8f98;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
}
.ActiveAd{
    margin-left: 0px;
    text-align: center;
    width: 138px;
    height: 113px;
    border: 2px solid #49CB75;
    position: relative;
    padding-top: 12px;
    float: left;
}
.Ads_Block{
    text-align: center;
    width: 138px;
    height: 113px;
    border: 2px solid #B8CAD8;
    position: relative;
    padding-top: 12px;
    float: left;
    margin-left: 20px;
}
.CountAd{
    display: block;
    font-size: 22px;
    color: #191919;
}
.CountPrice{
    display: block;
    color: #7d8f98;
    font-size: 18px;
    margin: 7px 0;
}
.CountLevel{
    display: block;
    background: #B8CAD8;
    text-transform: uppercase;
    font-size: 14px;
    color: #191919;
    padding: 5px 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.textCapitilize{
    text-transform: capitalize;
}
.ActiveAd .CountLevel{
    background:#49CB75;
    color: #fff;
}
.UploadLogoContainer{
    text-align: center;
    width: 410px;
    height: 233px;
    position: relative;
    border: 2px solid #b4cbd6;
    float: left;
}
.UploadLogoContainer img{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.uploadbutton{
    float: left;
    width: 50%;
    text-align: center;
    margin-top: 90px;
}
.colorChecker{
    width: 49px;
    height: 49px;
    border: 2px solid #b4cbd6;
}

.dropselect02{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/Drop_arrow02.png) center right no-repeat;
    cursor: pointer;
}
.dropselect option{
    text-transform: capitalize;
}
.cardInput{
    color: #191c1f;
    font-size: 22px;
    border: 0;
    width: 120px;
    margin-left: 20px;
}
.cardInput:focus{
    outline:none;
}
.editbuttonContainer{
    float: right;
    padding-top: 30px;
}
.editImg{
    vertical-align: sub;
}
.tablestyle{
    font-size: 17px;
    color: #72838b;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}
.tablestyle tr th{
    font-size: 14px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    text-transform: capitalize;

}
.tablestyle > thead > tr > th{
    border-bottom: 0;
    text-align: center;
    background: #DBC639;
    font-size: 18px;
    padding: 16px 6px;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > thead > tr > td, .table > thead > tr > th{

    /*border-bottom: 1px solid #b4cbd6;*/
    border-bottom: 0;
    border-top: 0;
}
.tablestyle > tbody > tr > td{
    padding: 15px 8px;
    text-align: center;
    vertical-align: middle;
    position: relative;
}
.tablestyle > tbody > tr:nth-child(even) {background: #BCBEC2;}
.tablestyle > tbody > tr:nth-child(odd) {background: #EFF2F8;}
.tableheading{
    width:100px;
}

.tablestyle > tbody > tr > td.chart_text{
    text-align: left;
    font-size:18px;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    padding-left:10px;
    /*border-bottom: 1px solid transparent;*/
}
.tablestyle > thead > tr > th {
    width: 8%;
}
.tablestyle > thead > tr > th.serial {
    width: 5%;
}
.tablestyle > thead > tr > th.chart_text {
    /*border-bottom: 1px solid transparent !important;*/
    width: 40%;
    text-align: left;
}

.data-table{
    border: 1px solid #b4cbd6;
    width: 100%;
}

.data-table > tbody > tr > td, .data-table > tbody > tr > th, .data-table > thead > tr > td, .data-table > thead > tr > th{

    border-bottom: 1px solid #b4cbd6;
}
.data-table > tbody > tr > td {
    padding: 15px 8px !important;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #ddd;
    color:#333;
    word-break: break-all !important;
}
.data-table > thead > tr > th{
    padding: 15px 8px !important;
    text-align: left;
    vertical-align: middle;
    border: 1px solid #ddd;
    color:#333;
}

.pagination{
    text-align: center;
    width: 100%;
    margin: 40px 0;
}

.pagination strong, .pagination a{
    padding: 5px 8px;
    border:1px solid #b4cbd6;
    margin: 0 5px;
    color: #333;
}
.survery_RowDiv{
    width: 100%;
    float: left;
    background: #fff;
    margin-bottom: 10px;

    padding: 5px 10px 40px;
    border-bottom: 1px solid #cad7de;
}
.survery_RowDiv:last-child{
    border-bottom: none;
}
.survery_RowDiv h2{
    font-size: 20px;
}
.item_Select{
    background-color: #eaeff7;
    float: left;
    text-align: center;
    width: 200px;
    margin-right: 15px;
}

.item_Select .item_SelectTop{
    padding: 10px;
    text-align: center;
    height: 170px;
}

.item_Select .item_SelectBottom{
    padding: 10px;
    text-align: center;
    background-color: #d2deef;
}
.survery_RowDiv textarea{
    border: 1px solid #ccc;
    padding: 10px;
}








.numberText{
    color: #b4cbd6;
    font-size: 30px;
    display: inline-block;
    float: left;
    margin-right: 35px;
    margin-top: 33px;
}
.photoIconcontaier{
    width: 80px;
    float: left;
    margin-right: 25px;
    margin-top: 4px;
}
.photouploadcontainer{
    width: 75%;
    float: left;
}
.nametextfield{
    width: 86%;
    float: left;
}
.RemoveIcon{
    border: 1px solid #b4cbd6;
    width: 47px;
    height: 47px;
    display: inline-block;
    font-size: 20px;
    border-radius: 30px;
    text-align: center;
    margin-left: 20px;
    margin-top: 27px;
}
.RemoveIcon a{
    display: block;
}
.RemoveIcon .fa-trash-o{
    color: #b4cbd6;
    line-height: 45px;
}
.lesspadding{
    padding: 0;
}
.fieldsBlock{
    border-bottom: 1px solid #b4cbd6;
    display: block;
    float: left;
    padding: 20px 30px 8px;
    width: 100%;
}

.AddFieldContainer{
    background: #192028;
    padding: 27px 30px 20px;
    float: left;
    width: 100%;
}
.textfieldContainer{
    width: auto;
    float: left;
}
.textaddfiled{
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 14px;
    color: #7d8f98;
}
.settingsicon02{
    height: 20px;
    width: 20px;
    display: inline-block;
    top: -2px;
    left: 2px;
    position: relative;
}
.settingsicon02 img{
    width: 100%;
}
.Addfield_buttoncontainer{
    float: right;
}




.UploadLogoContainer02 {
    border: 2px solid #b4cbd6;
    float: left;
    height: 123px;
    position: relative;
    text-align: center;
    width: 190px;
}

.UploadLogoContainer02 img{
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 119px;
}

.HeadingContainer{
    float: left;
    width: 50%;
    padding-left: 48px;
    padding-top: 24px;
}
.textdate{
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    color: #90a4ae;
    line-height: 28px;
}
.Stats{
    width: auto;
    padding-top: 24px;
    float: left;
}
.StatsContent{
    float: left;
    padding: 0 23px 8px 23px;
    text-align: center;
    width: auto;
    border-right: 1px solid #cad7de;
}
.StatsContent:last-of-type{
    border-right:none !important;
}

.linkContent{
    background: #EE332A;
    border-radius: 50px;
    height: auto;
    padding: 6px 30px;
    width: auto;
    float: left;
    clear: left;
    color: #fff;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-left: 22px;
    margin-top: 8px;
}
.linkContent02{
    background: #47C971;
    border-radius: 50px;
    height: auto;
    padding: 6px 30px;
    width: auto;
    float: left;
    clear: left;
    color: #fff;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    margin-left: 22px;
    margin-top: 8px;
    display: none;
}
.Text02{
    display: inline-block;
    margin-right: 30px;
}
.TextBtn01{
    display: inline-block;
    margin-left: 20px;
}
.TextBtn01 a{
    color: #fff;
    text-transform: uppercase;
}

.rightcolHeadingToggle{
    float: right;
    width: 35%;
}
.rightcolHeadingToggle02{
    float: right;
    width: auto;
}

.Stats02{
    width: auto;
    padding-top: 0;
}
.Stats03 {
    float: left;
}
.StatsContent02{
    float: left;
    padding: 0 25px 8px 25px;
    text-align: center;
    width: auto;
    border-right: 1px solid #cad7de;
}



.StatsNumber{
    font-size: 50px;
    /*    line-height: 59px;*/
    color: #96a9b3;
    display: block;
}
.StatsText{
    display: block;
    font-size: 13.61px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    color: #90a4ae;
    line-height: 10px;
}
.Stats02 .StatsNumber{
    font-size: 37.32px;
}
.Stats02 .StatsText{
    font-size: 12px;
}
.Pricesymbol{
    display: inline-block;
    font-size: 30px;
    margin-top: 0;
    position: relative;
    top: -18px;
}
.rightbuttoncontnr{
    float: right;
    width: auto;
    margin-top: 15px;
    margin-right: 40px;
}

.ContainerList {
    padding: 10px 20px;
    float: left;
    width: 100%;
    background: #fff;
    margin: 22px 0;
    position:relative;
}
.containerGrp{
    min-height: 500px;
}

.ListDataContainer{
    padding-top: 30px;
    float: left;
    width: 100%;
}
.ListDataContainer h4{
    font-size: 24px;
    margin: 0 0 30px;
    color: #000;
}
.ToggleContainer{
    background: #fff;
    float: left;
    margin-bottom: 45px;
}
.ToggleContainer02{
    width: 100%;
}
.AccountHeading{
    padding: 20px 15px 25px;
    width: 100%;
    float: left;
    background: #e5e5e5;
}
.photoRight{
    float: right;
    height: 84px;
    position: relative;
    text-align: right;
    width: 275px;
}

.photoRight img {
    height: 84px;
    max-width: 100%;
}
.textAd{
    color: #90a4ae;
    font-size: 12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    position: absolute;
    right: 0;
    display: block;
}
.pointNumber{
    width: 55px;
    height: 55px;
    background: #20a5f7;
    color: #fff;
    display: inline-block;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    font-size: 30px;
    text-align: center;
    line-height: 55px;
    margin-top: 15px;
    float: left;
}
.lefttoggledetail{
    float: left;
    padding-left: 25px;
    padding-top: 20px;
}
.AccountDetailContent{
    width: 100%;
    float: left;
    padding: 25px 38px 35px 45px;
    background: #fff;
}
.seprater{
    border-bottom: 1px solid #b4cbd6;
    display: block;
    width: 100%;
    margin-top: 10px;
}
.divcover{
    display: block;
    width: 75%;
}
.detailrow{
    width: 100%;
    float: left;
}
.AccountPhoto{
    width: 178px;
    height: 145px;
    border: 2px solid #b4cbd6;
    margin: 17px 0;
}
.AccountPhoto img{
    width: 100%;
    height: 141px;
}
.accountUpdate{
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
.accountUpdate:after {
    content: "";
    background: rgba(25, 32, 40, 0.8) none repeat scroll 0 0;
    display: block;
    height: 100%;
    top: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
    z-index: 2;

}
.accountUpdate:hover:after {
    opacity: 1;
}
.iconcontainer{
    position: absolute;
    top: 32%;
    z-index: 3;
    width: 100%;
    text-align: center;
    display: none;
}
.accountUpdate:hover .iconcontainer{
    display: block;
}
.uploadPhoto{
    text-align: center;
    position: relative;
    width: 43px;
    display: inline-block;
    margin-left: 30px;
    float: left;
}
.uploadPhoto:after{
    background: transparent none repeat scroll 0 0;
    color: #24c778;
    content: "/";
    display: block;
    font-size: 14px;
    height: 100%;
    opacity: 1;
    position: relative;
    right: -35px;
    text-align: center;
    top: -16px;
    transition: all 0.2s ease-in-out 0s;
    width: 100%;
    z-index: 3;
}
.uploadPhoto input{
    background: url(../images/uploadIcon.png) no-repeat center center;
    width: 43px;
    height: 54px;
    border: 0;
}

.buttonDelete{
    background: url(../images/DeletIcon.png) no-repeat center center;
    width: 39px;
    height: 53px;
    border: 0;
    display: inline-block;
}
.buttonDelete a{
    display: block;
    height: 100%;
}
.txtName{
    color: #72838b;
    font-size: 17px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    text-transform: capitalize;
    display: block;
    margin-top:65px;
}

.UrlHolder{
    width: 55%;
    float: left;
}
.UrlHolder .full-col{
    margin-bottom: 0;
}
.DetailButtoncontainer{
    width: 100%;
    float: left;
    padding: 15px 28px 15px 27px;
    background: #F3F5F7;
}

.buttondetailLeft{
    text-align: left;
    float: left;
    width: auto;
}
.buttondetailRight{
    text-align: right;
    float: right;
    width: auto;
}

.deleteIcon::before {
    background-image: url("../images/deletecon.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    height: 19px;
    width: 18px;

}
.buttonpadding{
    display: inline-block;
    padding-left: 18px;
}

select.form-control option{
    color: #666;
    background: #fff;
}
.Adspotnewfield{
    width: 53%;
}










/* ***************************************************** */

.s_message {
    color: #28c87b !important;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.e_message {
    color: #e73939 !important;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

.no-underline:hover {
    text-decoration: none !important;
}

.switch-to-up-arrow {
    background-image: url("../images/arrowdownIcon.png");
    height: 17px;
    width: 29px;
    display: inline-block;
    vertical-align: middle;
}

.switch-to-down-arrow {
    background-image: url("../images/arrowupIcon.png");
    height: 17px;
    width: 29px;
    display: inline-block;
    vertical-align: middle;
}

.ad-spots {
    width:100%;
    height:100%;
    display:none;
    overflow:hidden;
}

.ajax_loader {
    display: none;
}

.SelectContainer099 {
    width: 44%;
    float: left;
    margin-right: 35px;
}

.buttonSbmitMargin {
    display: inline-block;
    margin-left: 10px;
}

select.drop099 {
    background: transparent;
    color: #fff !important;
    border: 1px solid #23C776;
    text-decoration: none;
    border-radius: 30px;
    font-size: 14px;
    padding: 15px 30px 15px;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    height: 52px;
    background: url(../images/Drop_arrow02.png) center right no-repeat
}

.SelectContainer099 {
    width: 135px;
    margin-right: 5px;
}
.Accounttoggledrp099{
    width: 74%;
    float: right;
}
.Accounttoggledrp02 {
    float: right;
    width: 100px;
}

.SelectContainer099 .drop099{
    background: url(../images/Drop_arrowwhite02.png) center right no-repeat;
}

.buttonToggle{
    display:inline-block;
    margin-left: 35px;
}


/********** Admin dashboard style ****************/


.AddLinkButton{
    background: #28c87b;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    color: white;
    font-size: 14px;

    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    border: 2px solid #28c87b;
    width: 55px;
    height: 55px;
    text-align: center;
    position: relative;
    text-transform: capitalize;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}
.AddLinkButton:hover{
    background: #13a05c;
}
.AddLinkButton:after{
    content: "";
    background: url(../images/plusIcon.png) no-repeat;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 30%;
    left: 32%;
}
.Selectbox{
    display: inline-block;
    margin-left: 30px;
    margin-top: 13px;
}
.SelectDropContainer{
    width: auto;
    display: inline-block;
}
.dropselect03 {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: rgba(0, 0, 0, 0) url("../images/Drop_arrow03.png") no-repeat scroll right center;
    cursor: pointer;
    border: 0;
    width: 100%;
    font-size: 14px;
    color: #90a4ae;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}
.linkbuttoncontainer{
    text-align: right;
    float: right;
}

.containerHeading{
    float: left; display: inline-block; padding-top: 10px;
}
.ContainerSearchBox{
    float: left; display: inline-block; padding-left: 15px;
}

.SearchBox input[type=search] {
    background: transparent url(http://static.tumblr.com/ftv85bp/MIXmud4tx/search-icon.png) no-repeat 17px center;
    border: solid 2px #90a4ae;
    padding: 9px 10px 9px 32px;
    width: 55px;
    height: 55px;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;

    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s;
}
/*.SearchBox input[type=search]:focus {
        width: 130px;
        background-color: #fff;
        border-color: #66CC75;

        -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
        -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
        box-shadow: 0 0 5px rgba(109,207,246,.5);
}*/


input:-moz-placeholder {
    color: #999;
}
input::-webkit-input-placeholder {
    color: #999;
}



/* Demo 2 */
.SearchBox input[type=search] {
    width: 55px;
    padding-left: 10px;
    color: transparent;
    cursor: pointer;
}
.SearchBox input[type=search]:hover {
    background-color: #fff;
}
.SearchBox input[type=search]:focus {
    /*	width: 430px;*/
    width: 100%;
    padding-left: 40px;
    color: #000;
    font-size: 16px;
    background-color: #fff;
    cursor: auto;
    outline: none;
}
.SearchBox input:-moz-placeholder {
    color: transparent;
}
.SearchBox input::-webkit-input-placeholder {
    color: transparent;
}


.BlockDiv{
    float: left;
    /*width: 370px;
    margin-right: 30px;*/

    margin-right: 13px;
    margin-bottom: 40px;
    width: 316px;

    background: #fff;
    border-top: 5px solid #20a5f8;
    -webkit-box-shadow: 0px 0px 31px -14px rgba(200,201,202,0.38);
    -moz-box-shadow: 0px 0px 31px -14px rgba(200,201,202,0.38);
    box-shadow: 0px 0px 31px -14px rgba(200,201,202,0.38);
}
.BlockDivTop{
    background: #f7f9fa;
    padding:30px 22px;
    position: relative;
}
.BlockDivbottom{
    float: left;
    text-align: center;
    width: 100%;
    padding: 0 5px 30px;
}
.BlockDivbottom .StatsContent{
    text-align: center;
    width: 100px;
    float: none;
    display: inline-block;
}
.BlockButtoncontnr{
    width: 100%;
    float: left;
    margin-top: 15px;
}
.Blockbutton{
    margin: 0 6px;
}
.buttonspace{
    padding: 8px 22px;
}
.ActiveIcon{
    position: absolute;
    right: 6%;
    top: 30%;
}
.textdate02{
    margin-left: 7px;
}

.fa-phtogroup-icon::before {
    background-image: url("../images/photogroupIcon02.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 16px;
    width: 21px;
}
.Blockbutton a:hover .fa-phtogroup-icon::before{
    background-image: url("../images/photogroupIcon02hover.png");
}

.fa-customers-icon::before {
    background-image: url("../images/IconCustomar.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    display: block;
    height: 17px;
    width: 18px;
}
.Blockbutton a:hover .fa-customers-icon::before{
    background-image: url("../images/IconCustomarhover.png");
}
ul.AccountRow{
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.AccountRow li{
    float: left;
    width: 100%;
    list-style: none;
    background: #fff;
    padding: 18px 15px;
    position: relative;
    margin-bottom: 20px;
    -webkit-box-shadow: 0px 0px 31px -14px rgba(200,201,202,0.38);
    -moz-box-shadow: 0px 0px 31px -14px rgba(200,201,202,0.38);
    box-shadow: 0px 0px 31px -14px rgba(200,201,202,0.38);

}
ul.AccountRow li:nth-child(odd){
    border-left: 5px solid #e44f4f;
}
ul.AccountRow li:nth-child(even){
    border-left: 5px solid #6dbc09;
}

/*ul.AccountRow li:before{
    width: 5px;
    height: 100%;
    background: #e44f4f;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
}*/

ul.AccountRow .StatsContent {
    padding: 0 11px 8px;
}
ul.AccountRow .StatsContent:last-of-type{
    border-right: none !important;
}
ul.AccountRow li .StatsNumber{
    font-size: 38px;
}

ul.AccountRow li .StatsText{
    font-size: 10.61px;
}
ul.AccountRow li .Pricesymbol {
    font-size: 20px;
    top: -18px;
}
ul.AccountRow .Blockbutton {
    display: inline-block;
    margin: 0px 6px 0;
}


.NumberEmail{
    text-align: right;
}

.NumberEmail h2{
    font-size: 22px;
}

.largeviewRow{
    float: right;
    width: 40.333%;
    text-align: right;
}

.header {
    background-image: url("../images/bg.gif") !important;
    background-position: right center !important;
    background-repeat: no-repeat !important;
    cursor: pointer !important;
}

.headerSortUp {
    background-image: url("../images/asc.gif") !important;
}
.headerSortDown {
    background-image: url("../images/desc.gif") !important;
}

.tablesorter tr th {
    padding: 8px 20px 8px 5px !important;
}

.survey_intro {
    width: 100%;
    padding: 0 0 20px 0;
    text-align: left;
    font-size: 18px;
    color:#000;
}

.linkContainer{
    width: 100%;
    margin:200px auto;

}
.linkLeft{
    width: 48%;
    float: left;

    text-align: right;
}
.linkRight{
    width: 48%;
    float: right;

    text-align: left;
}


.Button10{
    background: #01A5C8;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    border-radius: 30px;
    color: #fff;
    font-size: 16px;
    border: 2px solid #01A5C8;
    padding: 12px 35px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    width: 400px;

    text-align: center;
    text-transform: capitalize;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    -ms-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;

}
.Button10:hover{
    background: #fff;
    color: #01A5C8;
    border: 2px solid #01A5C8;
    text-decoration: none;
}
.Button10:focus{
    color: #01A5C8;
}
.reg-heading{

    padding: 10px;
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px;
}
.reg-heading1{
    padding: 10px;
    font-size: 24px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;

}

.form_cont{
    width:600px;

    margin: 130px auto;
    background-color: #EBEFF7;
    min-height: 200px;

}
.Content_inner{
    width: 100%;
    float: left; 
    padding: 100px 0;
}
.Container_registration_form{
    position: relative;
}

.LogoContainer img{
    max-width:70%;
}

.registration_form {
    max-width: 541px;
    height: auto;
    background: rgba(255,255,255,0.96);
    -webkit-box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.23);
    box-shadow: 0 0 20px 8px rgba(0, 0, 0, 0.23);
    padding: 20px 64px 50px;
    margin: auto;
    position: relative;
    text-align: center;
    overflow: hidden;
}
.registration_form select{
    height: 59px;
    line-height: 59px;
    padding: 7px 12px 6px 0px !important; 
    text-indent:10px;
}

.registration_form .button__container{
    margin-top: 0;
}
.home_parent_style {
    width: 100%;
    margin: 0 auto;
}
.heading3{
    font-size: 40px;
}
.heading3{
    color: #c42a1d;
    font-size: 44px;
    font-weight: normal;
    line-height: inherit;
    text-transform: capitalize;
    font-family: 'Merriweather', serif;
    font-weight: 300;
    margin-top: 5px;
}
.shadow_style {
    margin-bottom: 23px !important;
    box-shadow: 0 0 6px 3px #e8e8e8;
}
.footer_brief_toggler .shadow_style {
    margin-bottom: 15px !important;
}
.exter_class1 {
    margin-bottom: 25px;
    webkit-box-shadow: 0 0 6px 3px #e8e8e8;
    -moz-box-shadow: 0 0 6px 3px #e8e8e8;
    box-shadow: 0 0 6px 3px #e8e8e8;
    width: 99.5%;
}
.colfield {
    padding: 0px;
    width: 100%;
}
.rightmargintextfield {
    margin-right: 19px;
}

.btn {
    display: inline-block;
    padding: 20px 38px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 0px;
}
.btn-success {
    color: #fff;
    background-color: #515151;
    border-color: #515151;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
}
.btn-success:hover {
    color: #fff;
    background-color: #0D76B7;
    border-color: #0D76B7;
    font-weight: 700;
}
.overlay {
    background: #fff none repeat scroll 0 0 !important;
    display: block !important;
    opacity: 1 !important;
    z-index: 50000 !important;
}
.confirmBox {
    background-color: #fff;
    border: medium none;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.23);
    box-sizing: border-box;
    cursor: default;
    display: none;
    left: 25%;
    margin: 0 auto;
    padding-bottom: 12px;
    position: fixed !important;
    text-align: center;
    top: 25%;
    width: 50%;
    z-index: 5000;
}

.confirmBox .alert_header {
    background: #ffffff none repeat scroll 0 0;
    display: block;
    padding: 18px;
    text-align: left;
    border-bottom: 1px solid #ccc;
    position:relative;
}

.alert_header h1 {
    color: #353535;
    font-size: 21px;
    font-weight: normal;
    margin: 0 !important;
    padding: 0;
}

.confirmBox .confirm_msg {
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    width: 100%;
}

.caution_container {
    color: #4b4b4d;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 7px;
    margin-top: 12px;
    text-align: left;
    padding: 0px 10px;
}

.confirmBox {
    cursor: default;
    text-align: center;
}

.confirm_button_container {
    text-align: center !important;
    padding-top: 15px;
    border-top: 1px solid #ccc;
}

#confirm_msg {
    height: auto;
    overflow-x: auto;
}

.confirm_msg span {
    color: #6d6d6d;
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    text-align: left;
    word-wrap: break-word;
}

.confirm_button_container .buttonSbmit {
    display: inline-block !important;
    float: none !important;
    margin-right: 10px !important;
}
.red_danger_container {
    width: 139px;
}
.buttonSbmitMargin {
    margin-left: 10px;
}

.red_danger {
    background: #8D271D none repeat scroll 0 0 !important;
    border: 1px solid #8D271D !important;
    border-radius: 5px;
    color: #fff !important;
    cursor: pointer !important;
    font-family: arial,sans-serif;
    font-size: 15px !important;
    margin: 0 !important;
    padding: 8px 28px !important;
}
.submitButton {
    outline: medium none !important;
}
.submitButton_upload {
    background: #b02128 none repeat scroll 0 0;
    border: 2px solid #b02128;
    border-radius: 30px;
    color: white;
    display: block;
    font-family: "Roboto",sans-serif;
    font-size: 17px;
    font-weight: 500;
    margin: 10px auto;
    padding: 15px 0;
    transition: all 0.2s ease-in-out 0s;
    width: 68%;
}
.rater_box{
    padding:0px 5px 0px 5px;
    width:25%;
    float:left;
}
.login_as{
    color:#ADB5BD !important;
    font-size: 18px;
    margin-bottom:20px;
}
.login_as_green{
    color:#87C057 !important;
    font-size: 20px;
    margin-bottom:20px;
}
.login_as_blue{
    color:#7DA2D9 !important;
    font-size: 20px;
    margin-bottom:20px;
}

.remove_field:hover{
    color:#ccc !important;
}

.login_as:hover{
    color:#4a4a4a;
    font-size: 18px;
}
.remove_field{
    float: left;
    margin-top: -21px;
    margin-bottom: 10px;
}
.user_txt{
    padding-left: 7px;
    font-size: 18px;

}

.ajax_loadd{
    width: 100%;
    position: absolute;
    z-index: 9999;
    text-align: center;
    height: 100%;
    background: rgba(255, 255, 255, 0.5);
    padding-top: 45%;
    transition: 0.3 ease;
}

.ajax_loadd img{
    z-index: 99999;
    width: auto;
    position: fixed;
    top: 19%;
}
.inst_frst{
    font-size: 18px;
}
.no_record{
    color:#000;
}
.u_code{
    font-weight: 900 !important;
    font-size: 16px !important;
}
.label_color{
    color:#5d6080;
}
.rater_box{
    color:#5d6080;
}
.load_load{
    position: relative;
    left: 50%;
    top: 122px;
}
.side_nnav {
    width:96% !important;
}
.tabl_seperator_section{
    width:100%;
    float:left;
    border:2px solid #000;
    margin: 20px 0px;
}
.conf_list{
    padding: 0px 23px !important;
    width: 22% !important;
}
.brand_logo_box{
/*    width: 100%;*/
    float: left;
    text-align: left;
    margin-top:20px; 
}
.loader_modal{
   width: 100%;
    float: left;
    text-align: center;
}
.rem{
    color: #333 !important;
    margin-left: 10px;
}
.mail_suc{
    font-size: 16px;
    text-align: center;
    color: #000000;
    font-weight: bold;
}
.ongoing{
    color:#228b22 !important;
    font-weight: bold;
}
.past{
    color:#FF0000 !important;
    font-weight: bold;
}
.future{
    color:#FF4500 !important;
    font-weight: bold;
}
.basic_desc{
    padding-top: 20px;
    font-size: 15px;
}
.search_desc{
   font-size: 16px; 
}
.noPadding_home{
    padding-left: 2px;
}
/*Here Start Responsive Style*/

@media (min-width: 1901px){

    .Accounttoggledrp099 {
        float: right;
        width: 76%;
    }
    .Accounttoggledrp02 {
        float: right;
        width: 100px;
        padding-top: 20px;
    }
    .SelectContainer099 {
        margin-right: 5px;
        width: 135px;
    }

    .rightcolHeadingToggle {
        float: right;
        width: 40%;
    }
    .rightcolHeadingToggle02{
        float: right;
        width: auto;
    }
    .Adspotnewfield {
        width: 35%;
    }

    .Stats02 {
        float: left;
    }


    .Selectbox {
        display: inline-block;
        margin-left: 130px;
        margin-top: 13px;
    }
    .BlockDiv{
        margin-right: 25px;
        width: 450px;
    }
    .BlockDivbottom .StatsContent {
        display: inline-block;
        float: none;
        text-align: center;
        width: 100px;
        padding: 0 10px 8px;
    }
    .largeviewRow{
        float: right;
        width: 40.333%;
        text-align: right;
    }


}


@media screen and (min-width: 1200px) and (max-width: 1900px){

    /*AccountSettingResponsive*/

    .right_col{
        padding: 40px 50px 200px 50px;
    }
    .right_col_guest {
        padding: 40px 50px 200px 50px;
    }

    .main-header{
        padding: 0 50px 0 43px;
        color: #fff;
    }
    /*nav.sidebar ul {
                margin-left: 30px;
        }*/
    .UploadLogoContainer{
        width: 390px;
    }
    .uploadbutton {
        width: 197px;
    }
    .cardInput{
        width: 110px;
    }


    .rightContent02 {
        padding: 40px 0 30px;
    }

    .rightContent02Container {
        float: left;
        padding: 0 70px;
        width: 100%;
    }
    .buttoncontainer02 {
        padding: 30px 70px;
        width: 100%;
    }
    .photouploadcontainer {
        float: left;
        width: 63%;
    }
    .nametextfield {
        float: left;
        width: 80%;
    }


    .StatsContent {
        padding: 0 12px 8px 12px;
    }
    .rightbuttoncontnr {
        margin-right: 0;
    }
    .HeadingContainer{
        padding-left: 37px;
    }


    .rightcolHeadingToggle {
        width: 58%;
    }

    .UrlHolder {
        float: left;
        width: 80%;
    }

    .Accounttoggledrp099 {
        float: right;
        width: 76%;
    }
    .Accounttoggledrp02 {
        float: right;
        width: 100px;
        padding-top: 20px;
    }
    .rightcolHeadingToggle02 {
        width: auto;
    }

}



@media screen and (min-width: 992px) and (max-width: 1199px){

    /*AccountSettingResponsive*/

    .main-header{
        padding: 0 50px 0 43px;
        color:#fff;
    }
    nav.sidebar ul {
        margin-left: 30px;
    }
    nav.sidebar{
        width: 220px;
    }

    .right_col{
        padding: 40px 25px 200px 25px;
        margin-left: 220px;
    }
    .right_col_guest {
        padding: 40px 25px 200px 25px;
    }

    .rowContentleft {
        padding-left: 0;
        width: 100%;
    }
    .rowContentrigtht {
        float: left;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .subheading{
        margin-bottom: 20px;
    }
    .UploadLogoContainer{
        width: 390px;
    }
    .uploadbutton {
        width: 197px;
    }
    .cardInput{
        width: 110px;
    }

    .rightContent02 {
        padding: 40px 0 30px;
    }
    .rightContent02Container {
        padding: 0 35px;
    }
    .photouploadcontainer {
        width: 65%;
    }
    .nametextfield {
        width: 80%;
    }


    .txtName{
        margin-bottom: 40px;
        margin-top: 10px;
    }
    .UrlHolder {
        width: 100%;
    }
    .textfieldContainer02{
        text-align: center;
        float: none;
        margin-bottom: 20px;
    }
    .rightcolHeadingToggle {
        display: block;
        float: none;
        margin: 10px auto 0;
        overflow: hidden;
        width: 505px;
    }

    .BlockDiv{
        margin-right: 25px;
        width: 345px;
    }
    .BlockDivbottom .StatsContent{
        padding: 0 10px 8px;
    }
    .largeviewRow{
        margin-top: 0px;
    }
    ul.AccountRow .StatsContent {
        padding: 0 30px 8px;
    }

    .AddFieldContainer02{
        text-align: center;
    }

    .rightcolHeadingToggle02 {
        display: inline-block;
        float: none;
        overflow: visible;
        width: auto;
    }
    .buttonToggle {
        display: inline-block;
        margin-left: 0;
        margin-top: 20px;
    }
    .Ads_Block{
        margin-left: 28px;
    }



}



@media screen and (min-width: 768px) and (max-width: 991px){
    .wrapper{
        width: 1170px;
    }

    .AccountContainer{
        width: 730px;
    }
    .SelectContainer {
        margin-right: 35px;
    }
    .yearSelect {
        margin-right: 0;
    }

    /*AccountSettingResponsive*/

    .menutext{
        display: none;
    }

    .main-header{
        padding: 0 23px 0 23px;
        color:#fff;
    }
    nav.sidebar ul {
        margin-left: 0px;
    }
    nav.sidebar{
        width: 55px;
    }

    .right_col{
        padding: 40px 25px 200px 25px;
        margin-left: 115px;
    }
    .right_col_guest {
        padding: 40px 25px 200px 25px;
    }

    .rightContent02 {
        padding: 40px 0 30px;
    }
    .rightContent02Container {
        padding: 0 35px;
    }
    .rowContentleft {
        padding-left: 0;
        width: 100%;
    }
    .rowContentrigtht {
        float: left;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .subheading{
        margin-bottom: 20px;
    }
    .UploadLogoContainer{
        width: 370px;
    }
    .uploadbutton {
        width: 197px;
    }
    .cardInput{
        width: 110px;
    }
    .mb-col-left{
        width: 48%;
    }



    .rightContent02Container {
        padding: 0 10px;
    }
    .photouploadcontainer {
        width: 60%;
    }
    .nametextfield {
        width: 78%;
    }
    .buttoncontainer02 {
        padding: 30px 10px;
    }


    .leftMBdetail{
        margin: 0 auto;
        width: 350px;
    }
    .txtName{
        margin-bottom: 40px;
        margin-top: 10px;
    }
    .UrlHolder {
        width: 100%;
    }
    .photoRight {
        display: block;
        float: none;
        margin: 15px auto;
        position: relative;
        width: 350px;
    }
    .photoRight img{
        width: 100%;
    }
    .textfieldContainer02{
        text-align: center;
        float: none;
        margin-bottom: 20px;
    }
    .rightcolHeadingToggle {
        display: block;
        float: none;
        margin: 10px auto 0;
        overflow: hidden;
        width: 378px;
        text-align: center;
    }
    .Accounttoggledrp099 {
        width: 100%;
    }
    .SelectContainer {
        margin-right: 10px;
    }
    .Stats02 {
        display: inline-block;
        margin-bottom: 15px;
        padding-top: 0;
        text-align: center;
        width: 100%;
    }
    .StatsContent02{
        border-right: 0;
        border-bottom: 1px solid #cad7de;
        float: none;
        display: inline-block;
    }
    .Addfield_buttoncontainer {
        display: inline-block;
        float: none;
    }

    .buttonToggle{
        display:inline-block;
        margin-left: 35px;
    }



    .BlockDiv{
        margin-right: 15px;
        width: 316px;
    }
    .BlockDivbottom .StatsContent{
        padding: 0 10px 8px;
    }
    .largeviewRow{
        margin-top: 15px;
        width: 100%;
        text-align: left;
    }
    ul.AccountRow .StatsContent {
        padding: 0 20px 8px;
    }

    .AddFieldContainer02{
        text-align: center;
    }

    .rightcolHeadingToggle02 {
        display: inline-block;
        float: none;
        overflow: visible;
        width: auto;
    }
    .buttonToggle {
        display: inline-block;
        margin-left: 0;
        margin-top: 20px;
    }
    .Stats03 {
        float: left;
        width: auto ;
    }
    .Stats03 .StatsContent02 {
        border-bottom: 0;
        border-right: 1px solid #cad7de;
        display: inline-block;
        float: none;
    }
    .Accounttoggledrp02 {
        float: right;
        width: 100px;
    }

    .ActiveAd{
        width: 123px;
    }
    .Ads_Block{
        width: 123px;
        margin-left: 25px;
    }
    ul.AccountRow .Blockbutton {
        display: inline-block;
        margin: 0;
    }


}



@media screen and (min-width: 501px) and (max-width: 767px){

    .wrapper{
        width: 1170px;
    }

    .AccountContainer{
        width: 500px;
    }
    .SelectContainer {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 20px;
    }
    .yearSelect {
        margin-right: 0;
    }
    .cardnumber {
        margin-bottom: 23px;
        padding-left: 0;
        padding-right: 0;
    }

    .cvvnumber {
        margin-bottom: 23px;
        padding-left: 0;
        padding-right: 0;
    }





    .menutext{
        display: none;
    }

    .main-header{
        padding: 0 23px 0 23px;
        color:#fff;
    }
    nav.sidebar ul {
        margin-left: 0px;
        margin-right: 0;
    }
    .navbar-nav .open .dropdown-menu {
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.15);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
        float: none;
        margin-top: 0;
        position: absolute;
        width: auto;
    }
    .text-edit {
        display: block;
        margin-left: 0;
        margin-top: 12px;
        width: 100%;
    }
    nav.sidebar{
        width: 55px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: transparent;
    }
    .navbar-collapse{
        box-shadow: none;
    }

    .right_col{
        padding: 40px 25px 200px 25px;
        margin-left: 115px;
    }
    .right_col_guest {
        padding: 40px 25px 200px 25px;
    }

    .rowContentleft {
        padding-left: 0;
        width: 100%;
    }
    .rowContentrigtht {
        float: left;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .subheading{
        margin-bottom: 20px;
    }
    .UploadLogoContainer{
        width: 390px;
    }
    .uploadbutton {
        width: 197px;
        margin-top: 25px;
    }
    .cardInput{
        width: 110px;
    }
    nav.sidebar .navbar-collapse, nav.sidebar .container-fluid {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .rightContainer .mb-col-left{
        width: 100%;
    }
    .editbuttonContainer {
        float: left;
        padding-top: 0;
    }


    .AccountProfile .navbar-nav {
        margin: 0 -15px;
    }



    .topButtonset {
        float: left;
        margin-top: 15px;
    }

    .buttonMargin {
        margin-left: 0;
        margin-right: 6px;
    }
    .rightContent02 {
        padding: 40px 0 30px;
    }
    .rightContent02Container {
        padding: 0 30px;
    }
    .photouploadcontainer {
        width: 46%;
    }
    .nametextfield {
        width: 71%;
    }
    .buttoncontainer02 {
        padding: 30px 10px;
    }
    .AddFieldContainer{
        text-align: center;
    }
    .textfieldContainer {
        float: left;
        padding: 10px 0;
        text-align: center;
        width: 100%;
    }
    .Addfield_buttoncontainer {
        display: inline-block;
        float: none;
    }




    .UploadLogoContainer02{
        float: none;
        margin: 0 auto;
    }
    .HeadingContainer{
        text-align: center;
        width: 100%;
        padding-left: 0;
    }
    .textfieldContainer02{
        text-align: center;
        float: none;
        margin-bottom: 20px;
    }
    .rightcolHeadingToggle {
        display: block;
        float: none;
        margin: 10px auto 0;
        overflow: hidden;
        width: 230px;
        text-align: center;
    }
    .Stats02 {
        display: inline-block;
        padding-top: 0;
        width: auto;
        margin-bottom: 15px;
    }
    .StatsContent02{
        border-right: 0;
        border-bottom: 1px solid #cad7de;
    }
    .buttonToggle {
        display: inline-block;
        margin-left: 0;
        margin-top: 15px;
    }
    .leftMBdetail {
        margin: 0 auto;
        width: 350px;
    }
    .photoRight {
        display: block;
        float: none;
        margin: 15px auto;
        position: relative;
        width: 350px;
    }
    .photoRight img {
        width: 100%;
    }
    .txtName {
        margin-bottom: 40px;
        margin-top: 10px;
    }

    .rightbuttoncontnrMb{
        width: 100%;
        float: left;
        text-align: center;
        margin-right: 0;
    }
    .MBheadng03{
        text-align: left;
    }

    .MBAddbuttonCustorm{
        text-align: center;
        margin-top: 15px;
    }
    .MBAddbuttonCustorm .buttoncontainer03{
        float: none;
    }
    .leftMBdetail {
        margin: 0 auto;
        overflow: hidden;
        width: 350px;
    }
    .DetailButtoncontainer{
        padding: 15px 10px 15px 12px;
    }
    .UrlHolder {
        float: left;
        width: 100%;
    }
    .divcover {
        display: block;
        width: 100%;
    }



    .BlockDiv{
        margin-right: 0px;
        width: 100%;
    }
    .BlockDivbottom .StatsContent{
        padding: 0 10px 8px;
        width: 115px;
    }
    ul.AccountRow li{
        text-align: left;
    }
    .largeviewRow{
        margin-top: 15px;
        text-align: left;
        width: 100%;
    }

    ul.AccountRow .Blockbutton {
        display: inline-block;
        margin: 0 6px;
    }
    .MbContainerStats{
        width: 100%;
        float: left;

    }
    ul.AccountRow .StatsContent {
        display: inline-block;
        float: none;
        margin: 0 auto;
        padding: 0 17px 8px;
        width: 100px;
    }


    .containerHeading{
        float: left;
        display: inline-block;
        padding-top: 10px;
    }
    .ContainerSearchBox{
        float: left; display: inline-block;
        padding-left: 0;
        padding-top: 10px;
    }
    .SearchBox input[type=search] {
        width: 260px;
    }

    .SearchBox input[type=search]:focus {
        width: 260px;
    }
    .Selectbox {
        margin-left: 0;
        margin-top: 20px;
    }

    .NumberEmail{
        text-align: center;
    }


    .AddFieldContainer02{
        text-align: center;
    }

    .rightcolHeadingToggle02 {
        display: inline-block;
        float: none;
        overflow: visible;
        width: auto;
    }
    .buttonToggle {
        display: inline-block;
        margin-left: 0;
        margin-top: 20px;
    }
    .Stats03 {
        float: left;
        width: auto ;
    }
    .Stats03 .StatsContent02 {
        border-bottom: 0;
        border-right: 1px solid #cad7de;
        display: inline-block;
        float: none;
    }
    .Accounttoggledrp02 {
        float: right;
        width: 100px;
    }



    .AdsContainer{
        text-align: center;
    }
    .ActiveAd{
        display: inline-block;
        float: none;
        margin: 0 6px 15px;
    }
    .Ads_Block{
        display: inline-block;
        float: none;
        margin: 0 6px 15px;
    }
    .contentHeader .col-xs-12{
        width: 50%;
    }


}

@media screen and (min-width: 481px) and (max-width: 500px){
    .wrapper{
        width: 1170px;
    }
    .AccountContainer{
        width: 450px;
    }
    .SelectContainer {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 20px;
    }
    .yearSelect {
        margin-right: 0;
    }
    .cardnumber {
        margin-bottom: 23px;
        padding-left: 0;
        padding-right: 0;
    }

    .cvvnumber {
        margin-bottom: 23px;
        padding-left: 0;
        padding-right: 0;
    }


    .menutext{
        display: none;
    }

    .main-header{
        padding: 0 23px 0 23px;
        color:#fff;
    }
    nav.sidebar ul {
        margin-left: 0px;
        margin-right: 0;
    }
    .navbar-nav .open .dropdown-menu {
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.15);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
        float: none;
        margin-top: 0;
        position: absolute;
        width: auto;
    }
    .text-edit {
        display: block;
        margin-left: 0;
        margin-top: 12px;
        width: 100%;
    }
    nav.sidebar{
        width: 55px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: transparent;
    }
    .navbar-collapse{
        box-shadow: none;
    }

    .right_col{
        padding: 40px 25px 200px 25px;
        margin-left: 105px;
    }
    .right_col_guest {
        padding: 40px 25px 200px 25px;
    }

    .rowContentleft {
        padding-left: 0;
        width: 100%;
    }
    .rowContentrigtht {
        float: left;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .subheading{
        margin-bottom: 20px;
    }
    .UploadLogoContainer{
        width: 280px;
    }
    .UploadLogoContainer img{
        width: 100%;
    }
    .uploadbutton {
        width: 197px;
        margin-top: 25px;
    }
    .cardInput{
        width: 110px;
    }
    nav.sidebar .navbar-collapse, nav.sidebar .container-fluid {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .rightContainer .mb-col-left{
        width: 100%;
    }
    .editbuttonContainer {
        float: left;
        padding-top: 0;
    }
    .AccountProfile .navbar-nav {
        margin: 0 -15px;
    }
    .pageheadingContainer {
        float: left;
        margin-top: 12px;
    }



    .topButtonset {
        float: left;
        margin-top: 15px;
    }

    .buttonMargin {
        margin-left: 0;
        margin-right: 6px;
    }
    .rightContent02 {
        padding: 40px 0 30px;
    }
    .rightContent02Container {
        padding: 0 30px;
    }
    .photouploadcontainer {
        width: 43%;
    }
    .nametextfield {
        width: 69%;
    }
    .buttoncontainer02 {
        padding: 30px 10px;
    }
    .AddFieldContainer{
        text-align: center;
    }


    .textfieldContainer {
        float: left;
        padding: 10px 0;
        text-align: center;
        width: 100%;
    }
    .Addfield_buttoncontainer {
        display: inline-block;
        float: none;
    }
    .fieldsBlock{
        padding: 20px 10px 8px;
    }
    .numberText{
        margin-right: 15px;
    }
    .photoIconcontaier{
        margin-right: 10px;
    }
    .mb_btn_margin{
        display: block;
        margin-bottom: 10px;
    }




    .UploadLogoContainer02{
        float: none;
        margin: 0 auto;
    }
    .HeadingContainer{
        text-align: center;
        width: 100%;
        padding-left: 0;
    }
    .textfieldContainer02{
        text-align: center;
        float: none;
        margin-bottom: 20px;
    }
    .rightcolHeadingToggle {
        display: block;
        float: none;
        margin: 10px auto 0;
        overflow: hidden;
        width: 230px;
        text-align: center;
    }
    .Stats02 {
        display: inline-block;
        padding-top: 0;
        width: 100%;
        margin-bottom: 15px;
        text-align: center;

    }
    .StatsContent02{
        border-right: 0;
        border-bottom: 1px solid #cad7de;
        float: none;
        display: inline-block;
    }
    .StatsContent {
        padding: 0 10px 8px;
    }
    .linkContent{
        padding: 6px 22px;
        margin-left: 4px;
    }
    .linkContent02{
        padding: 6px 22px;
        margin-left: 4px;
    }
    .Text02 {
        display: inline-block;
        margin-right: 10px;
    }
    .TextBtn01 {
        display: inline-block;
        margin-left: 11px;
    }
    .StatsNumber{
        font-size: 40px;
    }
    .buttonToggle {
        display: inline-block;
        margin-left: 0px;
        margin-top: 15px;
    }
    .ToggleContainer{
        width: 100%;
    }

    .photoRight {
        display: block;
        float: left;
        margin: 15px auto;
        position: relative;
        width: 100%;
    }

    .photoRight img {
        width: 100%;
    }
    .txtName {
        margin-bottom: 40px;
        margin-top: 10px;
    }

    .rightbuttoncontnrMb{
        width: 100%;
        float: left;
        text-align: center;
        margin-right: 0;
    }
    .MBheadng03{
        text-align: left;
    }

    .MBAddbuttonCustorm{
        text-align: center;
        margin-top: 15px;
    }
    .MBAddbuttonCustorm .buttoncontainer03{
        float: none;
    }
    .leftMBdetail {
        width: 100%;
        float: left;
        text-align: center;
    }
    .pointNumber{
        float: none;
    }
    .DetailButtoncontainer{
        padding: 15px 10px 15px 12px;
    }
    .UrlHolder {
        float: left;
        width: 100%;
    }
    .divcover {
        display: block;
        width: 100%;
    }
    .buttondetailLeft {
        float: left;
        margin: 10px 0;
        text-align: center;
        width: 100%;
    }
    .buttondetailRight {
        float: left;
        text-align: center;
        width: 100%;
    }
    .buttonpadding {
        display: block;
        margin-bottom: 15px;
        padding-left: 0;
    }




    .BlockDiv{
        margin-right: 0px;
        width: 100%;
    }
    .BlockDivbottom .StatsContent{
        padding: 0 10px 8px;
        width: 115px;
    }
    ul.AccountRow li{
        text-align: left;
    }
    .largeviewRow{
        margin-top: 15px;
        text-align: left;
        width: 100%;
    }
    .MbContainerStats{
        width: 100%;
        float: left;

    }
    ul.AccountRow .StatsContent {
        display: inline-block;
        float: none;
        margin: 0 auto;
        padding: 0 17px 8px;
        width: 100px;
    }


    .containerHeading{
        float: left;
        display: inline-block;
        padding-top: 10px;
    }
    .ContainerSearchBox{
        float: left; display: inline-block;
        padding-left: 0;
        padding-top: 10px;
    }



    .SearchBox input[type=search] {
        width: 260px;
    }

    .SearchBox input[type=search]:focus {
        width: 260px;
    }
    .Selectbox {
        margin-left: 0;
        margin-top: 20px;
    }
    .AddFieldContainer02{
        text-align: center;
    }

    .rightcolHeadingToggle02 {
        display: inline-block;
        float: none;
        overflow: visible;
        width: auto;
    }
    .buttonToggle {
        display: inline-block;
        margin-left: 0;
        margin-top: 20px;
    }
    .Stats03 {
        float: left;
        width: auto ;
    }
    .Stats03 .StatsContent02 {
        border-bottom: 0;
        border-right: 1px solid #cad7de;
        display: inline-block;
        float: none;
    }
    .Accounttoggledrp02 {
        float: right;
        width: 100px;
    }
    .NumberEmail {
        text-align: center;
    }


    .AdsContainer{
        text-align: center;
    }
    .ActiveAd{
        display: inline-block;
        float: none;
        margin: 0 6px 15px;
    }
    .Ads_Block{
        display: inline-block;
        float: none;
        margin: 0 6px 15px;
    }
    .buttoncontainer{
        float: left;
    }


}


@media screen and (min-width: 240px) and (max-width: 479px){


    /*.logo-lg {
        display: block;
        padding: 14px 0;
        text-align: center;
    }*/
    .AccountProfile .navbar-nav > li > a{
        padding: 14px 5px 15px 6px;
    }
    .logo-lg img{
        width: 155px;
    }
    .AccountContainer{
        width: 250px;

    }
    .AccountformContent {
        padding: 35px 18px;
    }

    .left-col {
        width: 100%;
    }
    .right-col {
        width: 100%;
    }

    .SelectContainer {
        margin-right: 0px;
        width: 100%;
        margin-bottom: 20px;
    }
    .yearSelect {
        margin-right: 0;
    }
    .cardnumber {
        margin-bottom: 23px;
        padding-left: 0;
        padding-right: 0;
    }

    .cvvnumber {
        margin-bottom: 23px;
        padding-left: 0;
        padding-right: 0;
    }




    .LoginContainer {
        width: 280px;
    }
    .buttonSbmit {
        margin: 15px 0;
        width: 100%;
    }
    .loginfooterleft {
        float: none;
    }
    .loginfooterright {
        float: none;
    }



    /*AccountSettingResponsive*/

    .pageheadingContainer {
        float: left;
        margin-top: 12px;
    }
    .Heading03{
        font-size: 27px;
    }
    .menutext{
        display: none;
    }

    .main-header{
        padding: 0 4px 0 4px;
        color:#fff;
    }
    nav.sidebar ul {
        margin-left: 0px;
        margin-right: 0;
    }
    .navbar-nav .open .dropdown-menu {
        background-color: #fff;
        border: 1px solid rgba(0, 0, 0, 0.15);
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176);
        float: none;
        margin-top: 0;
        position: absolute;
        width: auto;
    }
    .text-edit {
        display: block;
        margin-left: 0;
        margin-top: 12px;
        width: 100%;
    }
    nav.sidebar{
        width: 55px;
    }
    .navbar-default .navbar-collapse, .navbar-default .navbar-form {
        border-color: transparent;
    }
    .navbar-collapse{
        box-shadow: none;
    }

    .right_col_guest {
        padding: 40px 0px 200px 0;
    }

    .rightContainer{
        padding: 35px 15px;
    }
    .rowContentleft {
        padding-left: 0;
        width: 100%;
    }
    .rowContentrigtht {
        float: left;
        padding-left: 0;
        padding-right: 0;
        width: 100%;
    }
    .subheading{
        margin-bottom: 20px;
    }
    .UploadLogoContainer{
        width: 100%;
    }
    .UploadLogoContainer img{
        width: 100%;
    }
    .uploadbutton {
        width: 197px;
        margin-top: 25px;
    }
    .cardInput{
        width: 110px;
    }
    nav.sidebar .navbar-collapse, nav.sidebar .container-fluid {
        padding-left: 0;
        padding-right: 0;
        margin-left: 0;
        margin-right: 0;
    }
    .rightContainer .mb-col-left{
        width: 100%;
    }
    .editbuttonContainer {
        float: left;
        padding-top: 0;
    }
    .AccountProfile .navbar-nav {
        margin: 0 -15px;
    }



    .topButtonset {
        float: left;
        margin-top: 15px;
    }

    .buttonMargin {
        margin-left: 0;
        margin-right: 6px;
    }

    .rightContent02Container {
        padding: 0 15px;
    }
    .photouploadcontainer {
        width: 73%;
    }
    .nametextfield {
        width: 58%;
    }
    .buttoncontainer02 {
        padding: 9px 10px;
    }
    .AddFieldContainer{
        text-align: center;
        padding: 27px 3px 20px;
    }
    .textfieldContainer {
        float: left;
        padding: 10px 0;
        text-align: center;
        width: 100%;
    }
    .Addfield_buttoncontainer {
        display: inline-block;
        float: none;
    }
    .fieldsBlock{
        padding: 20px 0px 8px;
    }
    .numberText{
        margin-right: 15px;
    }
    .photoIconcontaier{
        margin-right: 10px;
        width: 120px;
    }
    .mb_btn_margin{
        display: block;
        margin-bottom: 10px;
    }
    .RemoveIcon{
        margin-left: 5px;
    }




    .UploadLogoContainer02{
        float: none;
        margin: 0 auto;
    }
    .HeadingContainer{
        text-align: center;
        width: 100%;
        padding-left: 0;
    }
    .textfieldContainer02{
        text-align: center;
        float: none;
        margin-bottom: 20px;
    }
    .rightcolHeadingToggle {
        display: block;
        float: left;
        margin: 10px auto 0;
        text-align: center;
        width: 100%;
    }
    .Stats {
        float: left;
        padding-top: 24px;
        text-align: center;
        width: 100%;
    }
    .StatsContent {
        border-bottom: 1px solid #cad7de;
        border-right: 0 none;
        float: none;
        margin-bottom: 30px;
        padding: 0 10px 8px;
    }
    .Stats02 {
        display: inline-block;
        padding-top: 0;
        width: 100%;
        margin-bottom: 15px;
        text-align: center;

    }
    .StatsContent02{
        border-right: 0;
        border-bottom: 1px solid #cad7de;
        float: none;
        display: inline-block;
    }
    .StatsNumber{
        font-size: 40px;
    }
    .linkContent{
        padding: 6px 22px;
        margin-left: 4px;
    }
    .linkContent02{
        padding: 6px 22px;
        margin-left: 4px;
    }
    .Text02 {
        display: inline-block;
        margin-right: 10px;
    }
    .TextBtn01 {
        display: inline-block;
        margin-left: 11px;
    }
    .buttonToggle {
        display: inline-block;
        margin-left: 0px;
        margin-top: 15px;
    }
    .textaddfiled{
        font-size: 13px;
    }
    .lefttoggledetail{
        padding-left: 0;
    }
    .ToggleContainer{
        width: 100%;
    }

    .photoRight {
        display: block;
        float: left;
        margin: 15px auto;
        position: relative;
        width: 100%;
    }

    .photoRight img {
        width: 100%;
    }
    .txtName {
        margin-bottom: 40px;
        margin-top: 10px;
    }

    .rightbuttoncontnrMb{
        width: 100%;
        float: left;
        text-align: center;
        margin-right: 0;
    }
    .MBheadng03{
        text-align: left;
        font-size: 24px;
    }

    .MBAddbuttonCustorm{
        text-align: center;
        margin-top: 15px;
    }
    .MBAddbuttonCustorm .buttoncontainer03{
        float: none;
    }
    .leftMBdetail {
        width: 100%;
        float: left;
        text-align: center;
    }
    .pointNumber{
        float: none;
    }
    .DetailButtoncontainer{
        padding: 15px 10px 15px 12px;
    }
    .UrlHolder {
        float: left;
        width: 100%;
    }
    .divcover {
        display: block;
        width: 100%;
    }
    .buttondetailLeft {
        float: left;
        margin: 10px 0;
        text-align: center;
        width: 100%;
    }
    .buttondetailRight {
        float: left;
        text-align: center;
        width: 100%;
    }
    .buttonpadding {
        display: block;
        margin-bottom: 15px;
        padding-left: 0;
    }
    .AccountDetailContent {
        padding: 25px 21px 35px 20px;

    }

    .BlockDiv{
        margin-right: 0px;
        width: 100%;
        margin-bottom: 0;
    }
    .BlockDivbottom .StatsContent {
        margin: 15px auto;
        padding: 0 10px 8px;
        width: 115px;
        display: block;
    }
    .BlockDivbottom .StatsContent:last-of-type{
        border-bottom: 0;
    }
    ul.AccountRow li{
        text-align: left;
    }
    .largeviewRow{
        margin-top: 15px;
        text-align: left;
        width: 100%;
    }
    ul.AccountRow .Blockbutton {
        display: inline-block;
        margin: 0;
    }
    .MbContainerStats{
        width: 100%;
        float: left;

    }
    ul.AccountRow .StatsContent {
        display: block;
        float: none;
        margin: 0 auto;
        padding: 0 17px 8px;
        width: 100px;
    }
    .ListDataContainer{
        padding-top: 20px;
    }
    ul.AccountRow li::before {
        height: 5px;
        width: 100%;
    }
    ul.AccountRow .StatsContent:last-of-type{
        border-bottom: 0;
    }


    .containerHeading{
        float: left;
        display: inline-block;
        padding-top: 10px;
    }
    .contentHeaderMb{
        padding: 0 12px 0px;
        border-bottom: 0;
    }
    .ContainerSearchBox{
        float: left; display: inline-block;
        padding-left: 0;
        padding-top: 10px;
        padding-bottom: 10px;
    }



    .SearchBox input[type=search] {
        width: 240px;
    }

    .SearchBox input[type=search]:focus {
        width: 240px;
    }
    .Blockbutton {
        display: block;
        margin: 10px 6px;
    }
    .Selectbox {
        margin-left: 0;
        margin-top: 20px;
    }

    .AddFieldContainer02{
        text-align: center;
    }

    .rightcolHeadingToggle02 {
        display: inline-block;
        float: none;
        overflow: visible;
        width: auto;
    }
    .buttonToggle {
        display: inline-block;
        margin-left: 0;
        margin-top: 20px;
    }
    .Stats03 {
        float: left;
        width: auto ;
    }
    .Stats03 .StatsContent02 {
        border-bottom: 0;
        border-right: 1px solid #cad7de;
        display: inline-block;
        float: none;
    }
    .Accounttoggledrp02 {
        float: right;
        width: 100px;
    }
    .NumberEmail {
        text-align: center;
    }
    .NumberEmail h2{
        font-size: 24px;
    }



    .AdsContainer{
        text-align: center;
    }
    .ActiveAd{
        display: inline-block;
        float: none;
        margin: 0 6px 15px;
    }
    .Ads_Block{
        display: inline-block;
        float: none;
        margin: 0 6px 15px;
    }


    .buttoncontainer {
        float: left;
        width: auto;
        margin-top: 10px;
    }
    #exit{
        padding: 7px 16px;
    }
    .ListDataContainer h4{
        margin: 30px 0;
    }

    .qusetion_text{
        color: #72838b !important;
        font-family: "Open Sans",sans-serif !important;
        font-size: 17px !important;
        font-weight: 400 !important;
    }

    .Button09{
        padding:7px 15px !important;
    }


    /*AccountSettingResponsive*/

}

/**************05/01/2019***************/


nav.sidebar {
    margin-left: 0px;
    float: left;
    height: 210vh;
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    transition: 0.5s ease-in-out;
    padding-bottom: 20px;
}

.fixed_sidebar{
    position:fixed !important;
    height:100vh !important;
    margin-top:0 !important;
}


nav.sidebar ul {
    margin: 0 4px;
}

nav.sidebar::-webkit-scrollbar {
    width: 0px;
}

nav.sidebar li {
    position: relative;
    width: 100%;
    margin-top:15px;
}

nav.sidebar li a {
    background: rgba(255, 255, 255, 0.2);
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 300;
    transition:0.3s ease-in-out;
    border-radius:5px;
}

nav.sidebar li:hover a {
    background: rgba(255, 255, 255, 0.81) !important;
    color: #000000 !important;
}

nav.sidebar li a:focus {
    background: rgba(255, 255, 255, 0.81) !important;
    color: #000000 !important;
}

nav.sidebar li ul a {
    padding: 9px 13px !important;
}

nav.sidebar li a i {
    width: 24px;
    height: 24px;
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    font-size: 12px;
    float: left;
    border-radius: 100%;
    padding: 6px 0 0 0;
    color: #1b154e;
    margin-right: 12px;
}

.dropdown_arrow{
    background:transparent !important;
    color:#fff !important;
    float:right !important;
    transition:0.3s ease-in-out;
}

nav.sidebar li:hover .dropdown_arrow{
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Safari */
    transform: rotate(90deg);
    color:#000 !important;
}

.data-table>tbody>tr:nth-of-type(odd) {
    background-color: #f3f2f8 !important;
}

.data-table tr{
    border:1px solid #ddd;
}

.logo-lg img{
    width:92%;
}

.form-group span{
    color: #5d6080;
    font-size: 16px;
}

.modal{
    color:#333;
}

.user_edit{
    padding-top:0px !important;
}

.user_edit li p {
    background: #5968ff;
    padding: 10px 10px;
    width: 100%;
    float: left;
    color: #fff;
    font-size: 16px;
}

.user_edit li p span{
    width: 100%;
    float: left;
    font-size: 15px;
    text-transform: capitalize;
    margin: 6px 0px 0px 9px;
}

.user_edit li a {
    padding: 7px 0px 7px 11px;
}

.footer {
    width: 100%;
    float: left;
    background: #fff;
    padding: 15px 20px;
    border-radius: 5px;
    position: relative;
    margin-top: 500px;
}

.footer p{
    margin:0;
    text-transform:capitalize;
    font-size:16px;
}

/******************************09/01/2019*******************************/

.compleat_tree_col_wrap{
    width: 100%;
    float: left;
    margin-bottom:55px;
}

.three_col_wrap {
    color: #000;
    float:left;
    margin-top: 20px;
}

.three_col_inner {
    width: 100%;
    float: left;
    box-shadow: -1px 3px 15px #d6d6d6;
}

.tree_col_foot{
    width: 100%;
    float: left;
    padding:20px 20px;
    font-size:17px;
    color:#747a98;
    font-weight:700;
}

.three_col_body{
    width: 100%;
    float: left;
    padding:5px 20px 20px 20px;
    font-size:21px;
    color:#424242;
    font-weight:700;
}

.card_btn_wrap{
    width:100%;
    float:left;
    text-align:left;
    margin:20px 0;
}

.card{
    padding:0 55px;
    margin-bottom:25px;
}

.card_inner{
    padding:20px 20px;
}

.card_inner p{
    font-size:16px;
}


.search_parent {
    float: left;
    padding: 5px 5px;
    margin-top: 10px;
    height: 76px;
}

.search_child_section{
    width:100%;
    float:left;
}

.search_parent .form-control {
    padding: 8px 15px;
    height: 47px;
}

.search_child_section label{
    font-size:17px;
    color:#888888;
    text-transform:capitalize;
}

.search_box{
    width:100%;
    float:left;
    height:auto;
    display:block;
    margin-bottom:35px;
}

.submit_btn_wrap {
    width: 33%;
    float: left;
    margin-top: 45px;
    text-align: center;
}

.center_dwn{
    width: 100%;
    float: left;
    margin-top: 15px;
    text-align: center;
}

.data-table{
    table-layout: fixed;
}

.mmail {
    text-transform: none !important;
    width: 100% !important;
    float: left !important;
    font-size: 16px !important;
    text-align: center !important;
}

.home_parent_style{
    color:#000;
}

/************** responsive new ***************/
/*************** 10/01/2019 *****************/


@media screen and (min-width: 240px) and (max-width:479px){
    nav.sidebar {
        height: auto;
        width: 100%;
    }

    .wrapper {
        width: 100% !important;
    }

    .logo-lg img {
        width: 70% !important;
        z-index: 9;
        position: relative;
    }

    .right_col {
        margin-left: 0 !important;
    }

    .fixed_sidebar{
        position:relative !important;
        height:auto !important;
    }

    .AccountProfile {
        float: left!important;
        height: auto!important;
        width: 100%!important;
        margin-top: -77px;
    }

    .profilePhoto {
        width: 50px;
        height: 50px;
        float: right;
        margin-right: 12px;
    }

    .profilePhoto img {
        width: auto;
        height: 50px;
    }

    .right_col {
        margin-left: 0 !important;
        padding: 0 !important;
        min-height: 100vh !important;
    }

    .submit_btn_wrap {
        width: 100% !important;
        margin-top: 26px;
    }


    .data-table {
        table-layout: inherit !important;
    }

    .data-table thead tr th {
        padding: 15px 25px 15px 8px !important;
    }

    .three_col_wrap {
        color: #000;
        float:left;
        width:100%;
        margin-top: 20px;
    }

    .card {
        padding: 0 5px;
        margin-bottom: 25px;
        float: left;
    }

    .registration_form {
        padding: 15px 22px;
    }


}

@media screen and (min-width: 480px) and (max-width:500px){
    nav.sidebar {
        height: auto;
        width: 100%;
    }

    .wrapper {
        width: 100% !important;
    }

    .logo-lg img {
        width: 70% !important;
        z-index: 9;
        position: relative;
    }

    .right_col {
        margin-left: 0 !important;
    }

    .fixed_sidebar{
        position:relative !important;
        height:auto !important;
    }

    .AccountProfile {
        float: left!important;
        height: auto!important;
        width: 100%!important;
        margin-top: -77px;
    }

    .profilePhoto {
        width: 50px;
        height: 50px;
        float: right;
        margin-right: 12px;
    }

    .profilePhoto img {
        width: auto;
        height: 50px;
    }

    .right_col {
        margin-left: 0 !important;
        padding: 0 !important;
        min-height: 100vh !important;
    }

    .submit_btn_wrap {
        width: 100% !important;
        margin-top: 26px;
    }


    .data-table {
        table-layout: inherit !important;
    }

    .data-table thead tr th {
        padding: 15px 25px 15px 8px !important;
    }

    .three_col_wrap {
        color: #000;
        float:left;
        width:100%;
        margin-top: 20px;
    }

    .card {
        padding: 0 5px;
        margin-bottom: 25px;
        float: left;
    }

}

@media screen and (min-width: 501px) and (max-width:743px){
    nav.sidebar {
        height: auto;
        width: 100%;
    }

    .wrapper {
        width: 100% !important;
    }

    .logo-lg img {
        width: 70% !important;
        z-index: 9;
        position: relative;
    }

    .right_col {
        margin-left: 0 !important;
    }

    .fixed_sidebar{
        position:relative !important;
        height:auto !important;
    }

    .AccountProfile {
        float: left!important;
        height: auto!important;
        width: 100%!important;
        margin-top: -77px;
    }

    .profilePhoto {
        width: 50px;
        height: 50px;
        float: right;
        margin-right: 12px;
    }

    .profilePhoto img {
        width: auto;
        height: 50px;
    }

    .right_col {
        margin-left: 0 !important;
        padding: 0 !important;
        min-height: 100vh !important;
    }

    .submit_btn_wrap {
        width: 100% !important;
        margin-top: 26px;
    }


    .data-table {
        table-layout: inherit !important;
    }

    .data-table thead tr th {
        padding: 15px 25px 15px 8px !important;
    }

    .three_col_wrap {
        color: #000;
        float: left;
        width: 50%;
        margin-top: 20px;
    }

    .card {
        padding: 0 5px;
        margin-bottom: 25px;
        float: left;
    }


}

@media screen and (min-width: 744px) and (max-width:899px){
    nav.sidebar {
        height: auto;
        width: 25%;
    }

    .ContainerList {
        padding: 10px 5px;
        float: left;
        width: 75%;
        margin: 0px 0;
    }

    nav.sidebar li a {
        font-size: 11px !important;
    }

    .wrapper {
        width: 100% !important;
    }

    .logo-lg img {
        width: 70% !important;
        z-index: 9;
        position: relative;
    }

    .right_col {
        margin-left: 0 !important;
    }

    .fixed_sidebar{
        position:relative !important;
        height:auto !important;
    }

    .AccountProfile {
        float: left!important;
        height: auto!important;
        width: 100%!important;
        margin-top: -77px;
    }

    .profilePhoto {
        width: 50px;
        height: 50px;
        float: right;
        margin-right: 12px;
    }

    .profilePhoto img {
        width: auto;
        height: 50px;
    }

    .right_col {
        margin-left: 0 !important;
        padding: 0 !important;
        min-height: 100vh !important;
    }

    .submit_btn_wrap {
        width: 100% !important;
        margin-top: 26px;
    }


    .data-table {
        table-layout: inherit !important;
    }

    .data-table thead tr th {
        padding: 15px 25px 15px 8px !important;
    }

    .three_col_wrap {
        color: #000;
        float: left;
        width: 50%;
        margin-top: 20px;
    }


    .card {
        padding: 0 5px;
        margin-bottom: 25px;
        float: left;
    }

}

@media screen and (min-width: 900px) and (max-width: 1200px){

    .card {
        padding: 0 35px;
        margin-bottom: 25px;
        float: left;
    }

}

.accordion_header {
    margin: 10px 0 0 0;
    padding: 15px 15px;
    background: #5968ff;
    border-radius: 4px 4px 0px 0px;
    height: auto;
}

.change_icon i {
    width: 0;
    height: 32px;
    text-align: center;
    position: absolute;
    right: 9px;
    bottom: -7px;
}

.set_div h3{
    position:relative;
}

#submit{
    margin-top:20px;
}
.surveysubmit{
    margin-top:0 !important;
}

.accordion_header a{
    color:#fff;
    font-size:18px;
}

.options-container{
    display: block;
    border: 1px solid #969696;
    padding: 12px 12px;
    width:100% !important;
}

.buttonNext {
    margin-top:20px;
}

.buttonPrev {
    margin-top:20px;
}

.license_head{
    margin-left:8px;
}

.reg_cont{
    width:100%;
    float:left;
    margin-top:20px;
}

.fix_form{
    margin-top:-50px;
}

.delete_box_wrap {
    width: 100%;
    height: 100%;
    float: left;
    background: rgba(0, 0, 0, 0.4);
    position: fixed;
    top: 0;
    left: 0;
    padding: 0 14px;
}
.delete_box_inner{
    max-width:600px;
    height:auto;
    background:#fff;
    margin:0px auto 30px auto;
    transition:0.3s ease-in-out;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border: 1px solid rgba(0,0,0,.2);
    border-radius:5px;
    overflow:hidden;
    animation: fadeIn .2s ease, margin-top .2s ease, margin-bottom .2s ease;
}

.open_delete_box{
    margin-top:30px;
}

.yes_button{
    background: #2b6fb7 !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    font-size: 16px !important;
    border: 2px solid #2b6fb7 !important;
}

.no_button {
    background: #f0f0f8  !important;
    border-radius: 5px !important;
    color: #42483f !important;
    font-size: 16px !important;
    border: 2px solid #f0f0f8 !important;
}

.caution_msgg{
    margin-top: 0px;
    margin-bottom: 18px;
}

.alert_header p {
    position: absolute;
    right: 15px;
    top: 20px;
    color: #5f5f5f;
    font-weight: bold !important;
    font-size: 16px;
    cursor: pointer;
    user-select: none;
}

.form-group label{
    color: #5d6080;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    text-transform: capitalize;
    width: 100%;
    float: left;
    margin-bottom: 11px;
}

/***************************/

.coach_popUp_Wrap{
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, 0.4);
    position:fixed;
    z-index:100;
    top:0;
    right:0;
    padding:0 10px;
    transition:.3s ease-in-out;
    transform: scale(0);
    opacity:0;
}

.coach_popUp_Wrap_open{
    transform: scale(1) !important;
    opacity:1;
    z-index:9999;
}

.coach_popup_inner{
    max-width:600px;
    margin:0 auto;
    margin-top:10%;
}

.main_cintent_coach_box{
    width:100%;
    height:auto;
    padding:15px 12px;
    float:left;
    position:relative;
    background:#fff;
    border-radius:4px;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border: 1px solid rgba(0,0,0,.2);
    text-align:center;
}

.coach_close_btn {
    width: 40px;
    height: 40px;
    background: #de9d14;
    color: #fff;
    font-size: 25px;
    text-align: center;
    position: absolute;
    right: -9px;
    border-radius: 100%;
    border: 2px solid #fff;
    top: -9px;
    cursor: pointer;
    user-select: none;
}

.main_cintent_coach_box h1 {
    margin: 0;
    width: 100%;
    float: left;
    text-transform: capitalize;
    font-size: 30px;
}

.main_cintent_coach_box p {
    margin: 28px 0 25px 0;
    width: 100%;
    float: left;
    font-size: 15px;
    color: #757575;
}

.popUp_inputWrap{
    width:100%;
    float:left;
    margin-bottom:20px;
}

.popUp_inputWrap .pop_usr {
    width: 90%;
    float: left;
    margin-left: 5%;
    color: #6b6b6b;
    font-size: 17px;
    padding: 10px 15px;
    border: 1px solid #ddd;
    outline:none;
    background:#fff;
}

.coach_btn_wrap{
    width:100%;
    float:left;
    text-align:center;
    margin:0px 0;
}

.coach_btn_wrap a{
    margin: 0 8px;
}

.cancle_button{
    background: #f0f0f8;
    border-radius: 5px;
    color: #42483f;
    font-size: 16px;
    border: 2px solid #f0f0f8;
    padding: 11px 26px;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    width: auto;
    text-align: center;
    text-transform: capitalize;
    transition: all ease-in-out 0.2s;
}

.cancle_button:hover{
    color: #42483f;
}


.cancle_button:focus{
    color: #42483f;
}

#coach_del i {
    color: #adb5bd;
    z-index:1;
}

.instruction{
    width:100%;
    float:left;
    text-align:center;
    font-size:17px;
    margin:10px 0 0 0;
}

.load_img{
    position: absolute;
    top: 39%;
    right: 46%;
}

.gap_row{
    margin-top:34px;
}

/************* 01-08-2020 **************/

@media screen and (min-width: 240px) and (max-width:768px){
    .confirmBox {
        left: 5%;
        top: 5%;
        width: 90%;
    }

    .confirm_msg span {
        font-size: 13px;
        font-weight: 600;
        line-height: 22px;
    }

    .alert_header h1 {
        color: #353535;
        font-size: 14px;
    }

    .confirmBox .alert_header {
        padding: 2px 9px;
    }
    .buttonSbmit {
        margin: 15px 0;
        width: 50% !important;
    }
}