@font-face{
    font-family: 'latoblack';
    src: url('fonts/lato-black_0-webfont.eot');
    src: url('fonts/lato-black_0-webfont.eot?#iefix') format('embedded-opentype'),
	    url('fonts/lato-black_0-webfont.woff2') format('woff2'), url('fonts/lato-black_0-webfont.woff') format('woff'),
	    url('fonts/lato-black_0-webfont.ttf') format('truetype'),
	    url('fonts/lato-black_0-webfont.svg#latoblack') format('svg');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'latoblack_italic';
    src: url('fonts/lato-blackitalic-webfont.eot');
    src: url('fonts/lato-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
	    url('fonts/lato-blackitalic-webfont.woff2') format('woff2'), url('fonts/lato-blackitalic-webfont.woff') format('woff'),
	    url('fonts/lato-blackitalic-webfont.ttf') format('truetype'),
	    url('fonts/lato-blackitalic-webfont.svg#latoblack_italic') format('svg');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bold-webfont.eot');
    src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
	    url('fonts/lato-bold-webfont.woff2') format('woff2'), url('fonts/lato-bold-webfont.woff') format('woff'),
	    url('fonts/lato-bold-webfont.ttf') format('truetype'),
	    url('fonts/lato-bold-webfont.svg#latobold') format('svg');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'latobold_italic';
    src: url('fonts/lato-bolditalic-webfont.eot');
    src: url('fonts/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
	    url('fonts/lato-bolditalic-webfont.woff2') format('woff2'), url('fonts/lato-bolditalic-webfont.woff') format('woff'),
	    url('fonts/lato-bolditalic-webfont.ttf') format('truetype'),
	    url('fonts/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'latoitalic';
    src: url('fonts/lato-italic-webfont.eot');
    src: url('fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
	    url('fonts/lato-italic-webfont.woff2') format('woff2'), url('fonts/lato-italic-webfont.woff') format('woff'),
	    url('fonts/lato-italic-webfont.ttf') format('truetype'),
	    url('fonts/lato-italic-webfont.svg#latoitalic') format('svg');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'latolight';
    src: url('fonts/lato-light-webfont.eot');
    src: url('fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
	    url('fonts/lato-light-webfont.woff2') format('woff2'), url('fonts/lato-light-webfont.woff') format('woff'),
	    url('fonts/lato-light-webfont.ttf') format('truetype'),
	    url('fonts/lato-light-webfont.svg#latolight') format('svg');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'latolight_italic';
    src: url('fonts/lato-lightitalic-webfont.eot');
    src: url('fonts/lato-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
	    url('fonts/lato-lightitalic-webfont.woff2') format('woff2'), url('fonts/lato-lightitalic-webfont.woff') format('woff'),
	    url('fonts/lato-lightitalic-webfont.ttf') format('truetype'),
	    url('fonts/lato-lightitalic-webfont.svg#latolight_italic') format('svg');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'latomedium';
    src: url('fonts/lato-medium-webfont.eot');
    src: url('fonts/lato-medium-webfont.eot?#iefix') format('embedded-opentype'),
	    url('fonts/lato-medium-webfont.woff2') format('woff2'), url('fonts/lato-medium-webfont.woff') format('woff'),
	    url('fonts/lato-medium-webfont.ttf') format('truetype'),
	    url('fonts/lato-medium-webfont.svg#latomedium') format('svg');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'latomedium_italic';
    src: url('fonts/lato-mediumitalic-webfont.eot');
    src: url('fonts/lato-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
	    url('fonts/lato-mediumitalic-webfont.woff2') format('woff2'), url('fonts/lato-mediumitalic-webfont.woff') format('woff'),
	    url('fonts/lato-mediumitalic-webfont.ttf') format('truetype'),
	    url('fonts/lato-mediumitalic-webfont.svg#latomedium_italic') format('svg');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-regular-webfont.eot');
    src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
	    url('fonts/lato-regular-webfont.woff2') format('woff2'), url('fonts/lato-regular-webfont.woff') format('woff'),
	    url('fonts/lato-regular-webfont.ttf') format('truetype'),
	    url('fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'latosemibold';
    src: url('fonts/lato-semibold-webfont.eot');
    src: url('fonts/lato-semibold-webfont.eot?#iefix') format('embedded-opentype'),
	    url('fonts/lato-semibold-webfont.woff2') format('woff2'), url('fonts/lato-semibold-webfont.woff') format('woff'),
	    url('fonts/lato-semibold-webfont.ttf') format('truetype'),
	    url('fonts/lato-semibold-webfont.svg#latosemibold') format('svg');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'latosemibold_italic';
    src: url('fonts/lato-semibolditalic-webfont.eot');
    src: url('fonts/lato-semibolditalic-webfont.eot?#iefix') format('embedded-opentype'),
	    url('fonts/lato-semibolditalic-webfont.woff2') format('woff2'), url('fonts/lato-semibolditalic-webfont.woff') format('woff'),
	    url('fonts/lato-semibolditalic-webfont.ttf') format('truetype'),
	    url('fonts/lato-semibolditalic-webfont.svg#latosemibold_italic') format('svg');
    font-weight:normal;font-style:normal;
}

/*CHIVO FONTS*/
/* @font-face {
    font-family: 'chivoblack';
    src: url('fonts/chivo/chivo-black-webfont.woff2') format('woff2'),
    url('fonts/chivo/chivo-black-webfont.woff') format('woff');
    font-weight: normal;font-style: normal;
} 
@font-face {
    font-family: 'chivoblack_italic';
    src: url('fonts/chivo/chivo-blackitalic-webfont.woff2') format('woff2'),
    url('fonts/chivo/chivo-blackitalic-webfont.woff') format('woff');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'chivobold';
    src: url('fonts/chivo/chivo-bold-webfont.woff2') format('woff2'),
    url('fonts/chivo/chivo-bold-webfont.woff') format('woff');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'chivobold_italic';
    src: url('fonts/chivo/chivo-bolditalic-webfont.woff2') format('woff2'),
    url('fonts/chivo/chivo-bolditalic-webfont.woff') format('woff');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'chivoitalic';
    src: url('fonts/chivo/chivo-italic-webfont.woff2') format('woff2'),
    url('fonts/chivo/chivo-italic-webfont.woff') format('woff');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'chivolight';
    src: url('fonts/chivo/chivo-light-webfont.woff2') format('woff2'),
    url('fonts/chivo/chivo-light-webfont.woff') format('woff');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'chivolight_italic';
    src: url('fonts/chivo/chivo-lightitalic-webfont.woff2') format('woff2'),
    url('fonts/chivo/chivo-lightitalic-webfont.woff') format('woff');
    font-weight: normal;font-style: normal;
}
@font-face {
    font-family: 'chivoregular';
    src: url('fonts/chivo/chivo-regular-webfont.woff2') format('woff2'),
    url('fonts/chivo/chivo-regular-webfont.woff') format('woff');
    font-weight: normal;font-style: normal;
}*/
/*BEBAS FONT*/
/*
@font-face {
    font-family: 'bebasregular';
    src: url('fonts/bebas/bebas-webfont.woff2') format('woff2'),
    url('fonts/bebas/bebas-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/
@font-face {
    font-family: 'bebas_neuebold';
    src: url('fonts/bebas/bebasneue_bold-webfont.woff2') format('woff2'),
         url('fonts/bebas/bebasneue_bold-webfont.woff') format('woff');
    font-weight:normal;font-style:normal;
}



@font-face {
    font-family: 'chivoblack';
    src:url('fonts/chivo/Chivo-Black.eot');
    src:url('fonts/chivo/Chivo-Black.eot?#iefix') format('embedded-opentype'),
	    url('fonts/chivo/Chivo-Black.woff2') format('woff2'), url('fonts/chivo/Chivo-Black.woff') format('woff'),
	    url('fonts/chivo/Chivo-Black.ttf') format('truetype');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'chivoblack_italic';
    src:url('fonts/chivo/Chivo-BlackItalic.eot');
    src:url('fonts/chivo/Chivo-BlackItalic.eot?#iefix') format('embedded-opentype'),
	    url('fonts/chivo/Chivo-BlackItalic.woff2') format('woff2'), url('fonts/chivo/Chivo-BlackItalic.woff') format('woff'),
	    url('fonts/chivo/Chivo-BlackItalic.ttf') format('truetype');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'chivobold';
    src:url('fonts/chivo/Chivo-Bold.eot');
    src:url('fonts/chivo/Chivo-Bold.eot?#iefix') format('embedded-opentype'),
	    url('fonts/chivo/Chivo-Bold.woff2') format('woff2'), url('fonts/chivo/Chivo-Bold.woff') format('woff'),
	    url('fonts/chivo/Chivo-Bold.ttf') format('truetype');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'chivobold_italic';
    src:url('fonts/chivo/Chivo-BoldItalic.eot');
    src:url('fonts/chivo/Chivo-BoldItalic.eot?#iefix') format('embedded-opentype'),
	    url('fonts/chivo/Chivo-BoldItalic.woff2') format('woff2'), url('fonts/chivo/Chivo-BoldItalic.woff') format('woff'),
	    url('fonts/chivo/Chivo-BoldItalic.ttf') format('truetype');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'chivoitalic';
    src:url('fonts/chivo/Chivo-Italic.eot');
    src:url('fonts/chivo/Chivo-Italic.eot?#iefix') format('embedded-opentype'),
	    url('fonts/chivo/Chivo-Italic.woff2') format('woff2'), url('fonts/chivo/Chivo-Italic.woff') format('woff'),
	    url('fonts/chivo/Chivo-Italic.ttf') format('truetype');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'chivolight';
    src:url('fonts/chivo/Chivo-Light.eot');
    src:url('fonts/chivo/Chivo-Light.eot?#iefix') format('embedded-opentype'),
	    url('fonts/chivo/Chivo-Light.woff2') format('woff2'), url('fonts/chivo/Chivo-Light.woff') format('woff'),
	    url('fonts/chivo/Chivo-Light.ttf') format('truetype');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family: 'chivolight_italic';
    src:url('fonts/chivo/Chivo-LightItalic.eot');
    src:url('fonts/chivo/Chivo-LightItalic.eot?#iefix') format('embedded-opentype'),
	    url('fonts/chivo/Chivo-LightItalic.woff2') format('woff2'), url('fonts/chivo/Chivo-LightItalic.woff') format('woff'),
	    url('fonts/chivo/Chivo-LightItalic.ttf') format('truetype');
    font-weight:normal;font-style:normal;
}
@font-face {
    font-family:'chivoregular';
    src:url('fonts/chivo/Chivo-Regular.eot');
    src:url('fonts/chivo/Chivo-Regular.eot?#iefix') format('embedded-opentype'),
	    url('fonts/chivo/Chivo-Regular.woff2') format('woff2'), url('fonts/chivo/Chivo-Regular.woff') format('woff'),
	    url('fonts/chivo/Chivo-Regular.ttf') format('truetype');
    font-weight:normal;font-style:normal;
}


@font-face {
    font-family: 'bebasregular';
    src: url('fonts/bebas/BEBAS___-webfont.eot');
    src: url('fonts/bebas/BEBAS___-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bebas/BEBAS___-webfont.woff') format('woff'),
         url('fonts/bebas/BEBAS___-webfont.ttf') format('truetype'),
         url('fonts/bebas/BEBAS___-webfont.svg#bebasregular') format('svg');
    font-weight: normal;font-style: normal;
}



.allAdmin_cont strong{font-size:18px;font-family:bebas_neuebold;color:#7f7f7f;letter-spacing:0.3px;}
.allAdmin_cont p{font-size:16px;color:#000;font-family:'chivoregular';}
.allAdmin_cont ul{list-style:none;}
.allAdmin_cont ul li{display:block;width:100%;float:none;}
.allAdmin_cont ul li::before {content:"\2022"; color:#f07e12;display:inline-block;width:1em;margin-left:-1em}

.allAdmin_cont_download strong{font-size:16px;font-family:bebasregular;color:#7f7f7f;}
.allAdmin_cont_download p{font-size:14px;color:#000;font-family:'chivolight';}
.allAdmin_cont_download ul{list-style:none;}
.allAdmin_cont_download ul li{display:block;width:100%;float:none;}
.allAdmin_cont_download ul li::before {content:"\2022"; color:#f07e12;display:inline-block;width:1em;margin-left:-1em}

.reset-margin{margin:0!important;}
.reset-padding{padding-right:0px !important;padding-left:0px !important;}
.rmRight_padding{padding-right:0!important;}
.rmLeft_padding{padding-left:0!important;}

.container820{max-width:820px;width:100%;}

.login-bg{background:url('images/gym-background.jpg') no-repeat center center fixed;
    font-family:Lato;    
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.page-center .logo{padding:45px 30px 55px 30px;}
.page-center{
    margin-top: 25%;
    /*margin-left: 9%;*/
    z-index:99;
    text-align:center;
    width: 350px;
    /*background-color: rgba(193, 193, 193, 0.4);*/
    background-color: #ccc;
    border-radius: 5px;
    padding-bottom: 30px;
}
.page-center-forgot{
    margin-top: 25%;
    z-index:99;
    text-align:center;
    width: 820px;
    background-color: #ccc;
    border-radius: 5px;
    padding-bottom: 30px;
}
.page-center-forgot .logo{padding: 45px 30px 30px 30px;}
.page-center-forgot h3{color:#ffffff;font-family:chivobold;font-size:24px;}
.page-center-forgot p{color:#ffffff;font-family:chivoregular;font-size:14px;}
.btn-new{
    width: 75%;
    border-radius: 4px !important;
    text-transform: uppercase;
    font-size: 13px !important;
}
.login-form{padding:0px 30px;}
.login-form .form-control{
    height: 40px !important;
    padding: 6px 18px !important;
    border: 1px solid #d1d1d1 !important;
    /*background-color: rgba(255, 255, 255, 0) !important;*/
    /*color: #FFF;*/
}

ul#side-menu > li > a{font-family:chivolight;font-size:14px;font-weight:bold;}
.top-nav-cust li.dropdown a{font-family:chivolight;font-size:12px;font-weight:bold;}

.login-form .btn-link{color:#005585;}
.register-form input,select{height:36px !important;}
.login-form .form-group{margin-bottom:22px !important;}
.login-form .btn-new{margin-top:5px;}
.user-name{padding:0px 6px;}
.page-title{padding-top:4%;padding-bottom:2%;font-family:chivobold;}
.page-title h1{font-size:18px;text-transform:uppercase;font-family:bebas_neuebold;letter-spacing:0.5px;}
.page-title-list{padding-top:4%;padding-bottom:5%;padding-left: 15px;}
.page-title h4,.page-title-list h4{font-family:chivobold;color:#454545;text-transform:uppercase;}
.view-profile h3{font-family: bebasregular}
.sub-user-list{padding-left: 15px;}
.sub-user-list li{float: none !important;font-style: italic;}
.error{font-weight: normal;color: #ff0000;font-size: 11px;}


.login-form input::-webkit-input-placeholder {
    color: #d1d1d1 !important;
}

.login-form input:-moz-placeholder { /* Firefox 18- */
    color: #d1d1d1 !important;
}

.login-form input::-moz-placeholder {  /* Firefox 19+ */
    color: #d1d1d1 !important;
}

.login-form input:-ms-input-placeholder {
    color: #d1d1d1 !important;
}


/* Edit Profile */
#inputImage{background-color:#fff;background-image:url("nodcms_general/img/plus-icon.png");height:90px !important;text-indent:-9999px;width:100%;border:2px dashed #7a7a7a;
    background-position:center center;background-repeat:no-repeat;cursor:pointer;}
.removeImage1_img{color:red;cursor:pointer;font-size:14px;padding-left:5px;}
.hasImage1  #inputImage,
.noImage1 #inputImage1_preview,
.noImage1 .removeImage1_img{display:none;}
.profileImage{background:#eee;margin:0 0 20px 0;max-width:660px;}
.profileImg_inner{background:#fff;border:1px dotted #565656;padding:10px 0;}
#appearanceImage{display:inline-block;max-width:130px;width:100%;}
.profileImage .profileTxt{font-family:chivoregular;font-size:15px;display:inline-block;max-width:200px;text-align:center;width:100%;}

.user-list{width:100%;background-color:#ffffff;padding:0;list-style-type:none;}
.user-list .top-list{min-height:90px;border-bottom:1px solid #e1dede;}
.user-list li .profile{padding-top:2%;padding-left:2%;}
.user-list li .profile-title, .profile-title a{font-family:chivobold;font-size:16px;text-transform:uppercase;width:100%;color:#005585;}
.profile-detail ul{list-style-type:none;padding:0;margin-top:7px;}
.profile-detail ul li{float:left;}
.profile-detail div.address{font-family: chivoregular;font-size: 13px; color: #A1A5A7;}
.profile-detail div span{ padding: 0px 15px 0px 8px;}
.profile-detail div.user-count{text-align: center;padding: 0px 30px;}
.profile-detail .sub-user-count{
    padding: 0px 10px;
    font-family: chivobold;
    font-size: 11px;
    border-radius: 2px;
    text-align: center;
    text-transform: uppercase;
    background-color: #454545;
    color: #ffffff;
}
.profile-detail div.user-action a{color:#005585;padding:0px 8px;}
.profile-detail div.user-action{font-size:18px;line-height:2px;width:15%;text-align:right;}
.float-left{float:left;}
.btn-border{
    margin-left: 15px;
    background-color: transparent !important;
    border: 1px solid #005585;
    color: #005585 !important;
    font-size: 12px !important;
}
.btn-border-square{
    background-color: transparent !important;
    border: 1px solid #005585;
    color: #005585 !important;
    border-radius: 0px !important;
    font-size: 13px !important;
    text-transform: uppercase;
}

.btn-border-danger{
    background-color: transparent !important;
    border: 1px solid #DD4B39;
    color: #DD4B39 !important;
    border-radius: 0px !important;
    font-size: 13px !important;
    text-transform: uppercase;
}

.search-btn{
    background-color: transparent !important;
    border: none !important;
    color: #005585 !important;
    float: right !important;
    box-shadow: none !important;
    -moz-box-shadow: none !important;
    -o-box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.search .input-group-btn .btn{background-color: transparent !important;color:#005585;font-size:18px !important;}
.search{float:right;padding:25px 0px;}
.modal-title{
    font-family: chivobold;
    color: #4b526f;
    text-transform: uppercase;
    font-size: 16px;
}
.modal-body ul{list-style-type:none;}
.modal-body ul li{float:left;width:30%;}

.view-profile{background-color: #ffffff;}

hr{
    clear: both;
    padding: 0px 15px;
    border: 1px solid #dbdada;
}
.body-content{margin-top:30px;background-color:#ffffff;}

.agreement-content{padding:10px;background-color:#f5f4f4;}
.agreement-content label{color:#454545;}
.commission_input{margin:0px 5px;}
.add-new-agreement{position:relative;top:7px;}
.agreement-form-data{background-color:#ffffff;padding:12px 0px;margin-top:5px;}

#add-custom-agreement{margin-left: 20px; background-color: #005585;color: #ffffff;padding: 3px;}

#mySidenav li a.active{background-color:#f6f6f6}

/* TOP NAV */
.sidenav {
    height: 100%;
    width: 200px;
    position: absolute;
    z-index: 1;
    /* top: 16%; */
    top:46px;
    left: -200px;
    overflow-x: hidden;
    transition: 0.5s;
    background-color: #ffffff;
    box-shadow: 0 0 4px #d9d9d9;
    /*padding-top: 60px;*/
}

.show-div-width{
    /* width: 200px; */
    left:0;
}

.sidenav a {
    padding: 8px 8px 8px 32px;
    text-decoration: none;
    display: block;
    transition: 0.3s;
    border-color: #e1e1e1;
    color: #005585;
}

.sidenav a:hover, .offcanvas a:focus{
    background-color: #F6F6F6;
    color: #005585;
}
.sidenav .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}
#main{transition:margin-left .5s;}

@media screen and (max-height: 450px) {
    .sidenav {padding-top: 15px;}
}


.view-sales-quarter{list-style-type:none;padding:15px 0px;border-bottom:1px solid #dbdada;}
.no-right-border li{border-right:0px !important;}
.view-sales-quarter li{padding:5px 0px;font-family:chivoregular;border-right:1px solid #dbdada;}

.view-sales-quarter li.sales-title{font-size:16px;color:#454554;}
.view-sales-quarter li.sales-amount span{font-size:13px;color:#A1A5A7;}
.view-sales-quarter li.sales-date{font-size:12px;color:#9b9a9a;}
.commission-edit{padding-bottom:10px;border-bottom:1px solid #dbdada;}

.year-end-total{font-size:15px;color:#A1A5A7;}
.total-commission{padding-top:12px;padding-bottom:10px;font-size:15px;color:#A1A5A7;border-top:1px solid #dbdada;}
.commission-agreement{padding-top:15px;}
.commission-left span{font-size:15px;color:#454545;}
.agreement-list{list-style-type:none;}
.agreement-list li{padding-bottom:8px;width:100%;}
.bg-green{background-color:#38891c;}
.bg-orange{background-color:#005585;}
.bg-red{background-color:#f0392c;}
.bg-gray{background-color:#A1A4A7;}
.price-disp{font-size:17px;}
.currency-text{font-size:13px !important;color:#A1A5A7;}
.commission-price{font-size:16px;color:#454545;}
.commission-total{font-size:16px;color:#A1A5A7;padding-bottom:12px;}
.commission-left{width:80%;float:left;}
.commission-right{width:20%;float:right;}
.quarter-list{list-style-type:none;padding:0;}
.quarter-list li{font-family:chivoregular;font-size:15px;color:#454545;height:50px;padding:10px 0px;background-color:#f5f5f5;margin-bottom:4px}
.quarter-list .quarter-list-left{float:left;width:50%;text-align:left;padding-left:10px;line-height:110%!important;}
.quarter-list .quarter-list-right{float:right;width:50%;text-align:right;padding-right:10px;}
.compare-commission .commission-agreement{background-color:#f5f5f5;padding-bottom:15px;}
.compare-commission{margin-left:15px;padding-right:30px!important;}
.compare-commission .total-commission{border-top:none;}



h4.pgTitle{color:#005585;}

/* Side Nav */
ul#side-menu li a .menuTxt{font-size:14px;font-family:chivoregular;}
ul#side-menu li a i{font-size:18px;min-width:36px;}

.form-group .form-control:focus{box-shadow:none;}
.form-control.input-sm.error{border-color:#ff0000;}
.form-control.input-sm.valid{border-color:#19a30f;}


.body-content ul.nav-pills li a {font-size:15px;font-family:bebasregular;color:#4c4c4c;}
.body-content ul.nav-pills li a i{font-size:15px;padding-right: 10px;color:#005585; }
.body-content ul.nav-pills li.active a,
.body-content ul.nav-pills li.active a:hover,
.body-content ul.nav-pills li.active a:focus,
.body-content ul.nav-pills li:hover a{font-size:15px;font-family:bebasregular;color:#FFFFFF;background-color: #005585;}
.body-content ul.nav-pills li.active i,
.body-content ul.nav-pills li.active i:hover,
.body-content ul.nav-pills li.active i:focus,
.body-content ul.nav-pills li:hover i{font-size:15px;color:#FFFFFF;}
.body-content .tab-content{ border-top: 2px solid #005585;margin-top: -1px}
ul.view-member-list li .memName{}
ul.view-member-list li .memEmail{}

ul.view-member-list{list-style-type:none;padding:12px;}
ul.view-member-list li{font-family:chivoregular;font-size:16px;color:#A1A5A7;background-color:#fdfdfd;padding:12px 8px;
		border:1px solid #e8e8e8;margin-bottom:7px;line-height:100%;
}
ul.view-member-list li .memEmail{float:right;color:#005585;font-size:13px;}

.edit-user{padding-top:5px;padding-bottom:5px;border-top:1px solid #dbdada;}
.edit-user a{color:#005585;font-size:18px;}
.edit-user a label{font-size:12px;cursor:pointer;font-family:chivoregular;vertical-align:middle;}

.search form.navbar-form{margin-bottom:0;padding-bottom:0;}

.tableDesign_list table{background-color:#fff;}
.tableDesign_list table.table > tbody + tbody{border-top-width:1px;}
.tableDesign_list .userDetails td{border-top:none;border-bottom:1px solid #e1dede;color:#A1A5A7;font-family:chivoregular;font-size:13px;
			padding-top:0;padding-bottom:15px;}
.tableDesign_list .userName td{border-top:none;font-family:bebasregular;font-size:16px;text-transform:uppercase;width:100%;}
.tableDesign_list .userName td{padding-top:15px;padding-left:0px;}
.tableDesign_list .userName td a{color:#005585;}
.tableDesign_list .userDetails td:first-child{padding-left:0px;}
.tableDesign_list .userDetails .userActions a{color:#005585;font-size:18px;margin:0 3px;}
.tableDesign_list .userDetails .userCount{text-align:center;vertical-align:middle;}
.tableDesign_list .userDetails .userCount span{background-color:#454545;border-radius:2px;color:#ffffff;padding:2px 15px;
    font-family:chivoregular;font-size:11px;text-align:center;text-transform:uppercase;}

/* .tableDesign_list .child-member td{padding-left: 40px;} */
.tableDesign_list .userName.child-member td{padding-left:20px;}
.tableDesign_list .userDetails.child-member td:first-child{padding-left:0;}
.tableDesign_list .logoImg.child-member td{padding-left:25px;}
.tableDesign_list .logoImg td{border-top:none;}
.userDetails .end-child{background-color: #f5f4f4;}

@media (min-width: 768px) and (max-width: 1024px) {
	.tableDesign_list .userDetails .userCount span{display:block;}	
	.tableDesign_list .userDetails td.phone,
	.tableDesign_list .userDetails td.address{text-align:center;vertical-align:middle;padding-left:3px;padding-right:5px;}
	.tableDesign_list .userDetails td.name{text-align:center;vertical-align:middle;}
	.tableDesign_list .userDetails td.name i,
	.tableDesign_list .userDetails td.phone i,
	.tableDesign_list .userDetails td.address i{display:inline-block;width:100%;}
}

.userformOuter_div{max-width:750px;}
.updateBTN,
.cancelBTN{display:inline-block;}
.updateBTN input{background:#005585;border:none;color:#fff;font-size:14px;padding:5px 15px;}
.cancelBTN a.cancel{border:1px solid #005585;color:#005585;padding:7px 15px;}
.cancelBTN a.cancel:hover,
.cancelBTN a.cancel:focus{color:#005585;}
.save-user{margin-bottom:20px;}

.search input#filter{ border-bottom:1px solid #005585 !important;border-radius:0;padding:5px 25px 5px 5px;}
.search .input-group-btn button.btn{margin-left:-27px;padding:0 0 5px 5px;z-index:0!important;font-family: chivoregular}
.search form.navbar-form{margin-top:0;}
.userHeading_sec h4.float-left{margin-bottom:3px;}


nav a.navbar-brand{height:auto;padding:0;margin:8px 15px 0px 15px;}

.navbar-top-links ul.dropdown-menu li a{padding:3px 15px;}
.navbar-top-links ul.dropdown-menu li a i{display:inline-block;padding-right:7px;}

@media (max-width:479px){
	.body-content .nav.nav-pills li a{padding-right:5px;padding-left:5px;}
	.body-content ul.nav-pills li a,
	.body-content ul.nav-pills li a:focus,
	.body-content ul.nav-pills li a:hover, 
	.body-content ul.nav-pills li.active a, 
	.body-content ul.nav-pills li.active a:hover, 
	.body-content ul.nav-pills li.active a:focus, 
	.body-content ul.nav-pills li:hover a{font-size:12px;}
	
	.view-profile.profile-detail .address{width:100%;}
}
@media (max-width:767px){
	.rmMob_padding,
	.save-user{padding:0!important;}
	header ul li.dropdown{float:right;}
	
	nav.navbar div.navbar-header{position:absolute;}
	.siteLogo{display:block;text-align:center;padding-top:12px;width: 75%;}
	.siteLogo a.navbar-brand{float:none;margin:0 auto;display:inline-block;}
	
	.navbar-top-links li.dropdown{/* padding-bottom:10px;padding-top:10px; */}
	.navbar-top-links li a.dropdown-toggle{margin:0 10px;min-height:auto;padding:0;}
} 
@media (min-width: 768px) {
    nav .sidebar{margin-top:70px;}
}



/* ARUN CODE */
.page-center-resetpass h3{margin-top:0px!important;}
.page-center-resetpass{margin-top:21% !important;width:100% !important;}

#notify_history .modal-title span{ font-size: 12px !important;text-transform: capitalize;}
#notify_history .modal-title span label{color: #005585}
.notify-table tr th {font-size: 13px;color: #A1A5A7;border-bottom: none!important;}
.notify-table tr td {font-size: 13px;color: #454545;}
#notify_list { background-color: #eeeded;}
.notify-table tr td.message{width: 250px}
.morecontent span {display: none;}
.morelink {display: block;color: #005585}

/* view sale res */

@media (max-width: 767px) {
    .panel-default > .panel-heading{height:75px;}
    .reset-padding.tt{padding-right:0px!important;}

}

.color-red{color:red!important;}
.color-black{color:#000 !important;}
.change_password{font-family:chivoregular;font-size:13px;background-color:#FFFFFF;padding-top:30px;padding-bottom:30px;}
.vendorArea{background-color: #fff;}
.dashboard_section .user-count{height:80px;}
.dashboard_section .user-count span{font-family:chivoregular;font-size:30px;}
.dashboard_section .user-count label{font-family:chivolight;font-size:16px;font-weight:bold;line-height:1;padding-top:15px;}
.progress-bar-blue{background-color:#34495e!important;}
.agreement_list{padding-top:30px;}
.agreement_list table th{font-size:14px;font-family:chivoregular;text-transform:uppercase;border-bottom:none!important;padding:0px 0px 10px 0px !important;}
.agreement_list table i{font-size:16px;}
.agreement_list table td{font-size:13px;padding:10px 0px !important;}
.btn-file{padding-left:0px !important;}

.accordion-toggle span{font-family: chivoregular;}



#side-menu li a, .navbar-right li a{color: #4c4c4c;font-family: bebas_neuebold !important;font-size: 20px !important; padding: 15px 15px !important;}
#side-menu li a i, .navbar-right li a i{color: #005585;}
#side-menu>li>a:focus, #side-menu>li>a:hover{background-color: #FFFFFF!important;color: #005585}
.nav-top .dropdown-menu>li>a:focus, .nav-top .dropdown-menu>li>a:hover{background-color: #FFFFFF!important;}
.btn-custom{background-color: #dadbdc;border: none;border-radius: 4px;font-size: 14px;font-family: chivoregular; color: #000000;text-transform: uppercase;}

ul#side-menu > li > a.active{color:#005585 !important; }

.f14{font-size: 14px!important;}
.full-width-preview{width: 100%}
.pageTitle{margin-bottom: 15px !important;    border-bottom: 4px solid #005585;}

.chosen-container-single .chosen-single{height: 34px !important;color: #555 !important;border: 1px solid #ccc !important;    background-color: #fff !important; background: #ffffff !important;padding: 4px 0px 0px 8px !important;}
.chosen-container-single .chosen-single div{top: 4px !important;}
.page-list { background-color: #ffffff;padding:20px;}
.inner-form{background-color: #ffffff;padding:15px;}
.div-search{padding: 15px;}
.field-outer{border:1px solid #e5e5e5;padding:15px;}
.navbar-top-links {margin-right: 0;}

.list-action a i{font-size: 18px;}

.checkbox {
    padding-left: 20px;
    margin-top: 6px;
    margin-bottom: 7px;
}
.checkbox label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
.checkbox label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #005585;
    border-radius: 3px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.checkbox label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: -3px;
    margin-left: -20px;
    padding-left: 0px;
    padding-top: 0px;
    font-size: 11px;
    color: #555555; }
.checkbox input[type="checkbox"] {
    opacity: 0; }
.checkbox input[type="checkbox"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.checkbox input[type="checkbox"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c"; }
.checkbox input[type="checkbox"]:disabled + label {
    opacity: 0.65; }
.checkbox input[type="checkbox"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }
.checkbox.checkbox-circle label::before {
    border-radius: 50%; }
.checkbox.checkbox-inline {
    margin-top: 0; }

.checkbox-warning input[type="checkbox"]:checked + label::before {
    border-color: #005585;
}
.checkbox-warning input[type="checkbox"]:checked + label::after {
    color: #005585;font-size: 16px }

.checkbox+.checkbox, .radio+.radio{ margin-top:5px;}
/*RADIO*/
.radio-box {
    padding-left: 20px;
    margin-top: 0px;
    margin-bottom: 7px;
}
.radio-box label {
    display: inline-block;
    position: relative;
    padding-left: 5px; }
.radio-box label::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    margin-left: -20px;
    border: 1px solid #005585;
    border-radius: 8px;
    background-color: #fff;
    -webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    -o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
    transition: border 0.15s ease-in-out, color 0.15s ease-in-out; }
.radio-box label::after {
    display: inline-block;
    position: absolute;
    width: 16px;
    height: 16px;
    left: 0;
    top: -3px;
    margin-left: -20px;
    padding-left: 0px;
    padding-top: 0px;
    font-size: 11px;
    color: #555555; }
.radio-box input[type="radio"] {
    opacity: 0; }
.radio-box input[type="radio"]:focus + label::before {
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px; }
.radio-box input[type="radio"]:checked + label::after {
    font-family: 'FontAwesome';
    content: "\f00c"; }
.radio-box input[type="radio"]:disabled + label {
    opacity: 0.65; }
.radio-box input[type="radio"]:disabled + label::before {
    background-color: #eeeeee;
    cursor: not-allowed; }
.radio-box.radio-box-circle label::before {
    border-radius: 100%; }
.radio-box.radio-box-inline {
    margin-top: 0; }

.radio-box-warning input[type="radio"]:checked + label::before {
    border-color: #005585;
}
.radio-box-warning input[type="radio"]:checked + label::after {
    color: #005585;font-size: 16px }

.product-list{width:100%;height:250px;background-color: #FFFFFF;position: absolute;z-index: 1;overflow-y: scroll;display: none;}
.product-list .product-list-drop, .product-no-record{padding:7px;}
.product-list .product-list-drop:hover{background-color: #005585;color: #FFFFFF;}

.product-list .purchase-list-drop, .product-no-record{padding:7px;}
.product-list .purchase-list-drop:hover{background-color: #005585;color: #FFFFFF;}

.product-list .credit-list-drop, .product-no-record{padding:7px;}
.product-list .credit-list-drop:hover{background-color: #005585;color: #FFFFFF;}

.product-list .debit-list-drop, .product-no-record{padding:7px;}
.product-list .debit-list-drop:hover{background-color: #005585;color: #FFFFFF;}

.borderless td, .borderless th {
    border: none !important;
}

.paginate_button{cursor:pointer}

.dashboard_section { padding-top: 30px;}
.dashboard_section .dashboard-title{font-family: bebas_neuebold; font-size: 20px;color: #4c4c4c;}
.dashboard_section .dashboard-title:hover{color: #005585!important;}
.dashboard_section .div-title:hover{color: #005585!important;}
.dashboard_section .div-title i{font-size: 18px;}
.dashboard_section .vendorArea{ padding: 15px;text-align: center;    min-height: 160px;}
.dashboard_section .vendorArea{ -webkit-box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    padding: 30px 25px 20px;
    position: relative;
min-height: 145px}
.dashboard_section .user-count{    font-family: chivolight;font-weight:bold;font-size: 18px;line-height: 0.8;}
.dashboard_section .user-count span{font-family:chivoregular;font-size:30px;}
.dashboard_section .user-count label{font-family:chivolight;font-size:16px;font-weight:bold;line-height:1;padding-top:15px;}


.centered {
    position: relative;
    left: 22%;
}

.form-height .form-group{padding-bottom:40px;}

.dropzone {
		background: none repeat scroll 0 0 white;
		border: 2px dashed #ff7361;
		border-radius: 5px;
	}
	
.booking-member-list{
	height: 350px;
    display: table;
    background-color: #ffffff;
}
.booking-member-list h3 {
    text-transform: uppercase;
    width:100%;
    font-size: 20px;
    margin-bottom: 20px;
    vertical-align: middle;
    display: table-cell;
}

.card 
{
padding:10px;
border:0px solid white;
box-shadow:0px 7px 16px 0px rgba(0, 0, 0, 0.09);
}
.card-title
{
color:;
font-size:16px;
text-align:center;
}
.card-text
{
color:#84919B;
font-size:12px;	
text-align:center;

}

#courses  
{
text-align:center;
}
.w3-ul{
	padding: 0;
   list-style-type: none;
}
.fc-time{
   /* display : none; */
}

.thumb-output{
    margin: 10px 5px 0 0;
    width: 100px;
    vertical-align: middle;
}

.thumb-img{
    width: 140px;
}

input[type="file"] {
    display: none;
}
.custom-file-upload {
    border: 1px solid #ccc;
    display: table-cell;
    padding: 6px 12px;
    cursor: pointer;
    width: 100%;
    height: 150px;
    vertical-align: middle;
}

.main-box.no-header {
    padding-top: 20px;
}
.main-box {
    background: #FFFFFF;
    -webkit-box-shadow: 1px 1px 2px 0 #CCCCCC;
    -moz-box-shadow: 1px 1px 2px 0 #CCCCCC;
    -o-box-shadow: 1px 1px 2px 0 #CCCCCC;
    -ms-box-shadow: 1px 1px 2px 0 #CCCCCC;
    box-shadow: 1px 1px 2px 0 #CCCCCC;
    margin-bottom: 16px;
    -webikt-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.table a.table-link.danger {
    color: #e74c3c;
}
.label {
    border-radius: 3px;
    font-size: 0.875em;
    font-weight: 600;
}
.user-list tbody td .user-subhead {
    font-size: 0.875em;
    font-style: italic;
}
.user-list tbody td .user-link {
    display: block;
    font-size: 1.25em;
    padding-top: 3px;
    margin-left: 60px;
}
a {
    color: #3498db;
    outline: none!important;
}
.user-list tbody td>img {
    position: relative;
    max-width: 50px;
    float: left;
    margin-right: 15px;
}

.table thead tr th {
    text-transform: uppercase;
    font-size: 0.875em;
}
.table thead tr th {
    border-bottom: 2px solid #e7ebee;
}
.table tbody tr td:first-child {
    font-size: 1.125em;
    font-weight: 300;
}
.table tbody tr td {
    font-size: 0.875em;
    vertical-align: middle;
    border-top: 1px solid #e7ebee;
    padding: 12px 8px;
}

.bordertop td{ border-top:1px solid #333 !important;}

.display-show{display:block;}
.display-hide{display:none;}

.popover{width:200px;}

.filter-status{width: 150px;position: absolute;right: 22%;}
@media screen and (max-width: 767px){
	.filter-status{width: 150px;position: relative;left: 30%;padding-bottom: 7px;}
	}
	
	
/* INVOICE */
.invoice-head td {
  padding: 0 8px;
}
.container {
  padding-top:30px;
}
.invoice-body{
  background-color:transparent;
}
.invoice-thank{
  margin-top: 60px;
  padding: 5px;
}
address{
  margin-top:15px;
}

.icon-input-btn{
        display: inline-block;
        position: relative;
    }
    .icon-input-btn input[type="submit"]{
        padding-left: 2em;
    }
    .icon-input-btn .glyphicon{
        display: inline-block;
        position: absolute;
        left: 1em;
        top: 30%;
        color: white;
    }