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

@font-face {
    font-family: 'poppinsregular';
    src: url('../fonts/poppins-regular-webfont.woff2') format('woff2'),
        url('../fonts/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsbold';
    src: url('../fonts/poppins-bold-webfont.woff2') format('woff2'),
        url('../fonts/poppins-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinssemibold';
    src: url('../fonts/poppins-semibold-webfont.woff2') format('woff2'),
        url('../fonts/poppins-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
        url('../fonts/raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ralewaysemibold';
    src: url('../fonts/raleway-semibold-webfont.woff2') format('woff2'),
        url('../fonts/raleway-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsblack';
    src: url('../fonts/poppins-black-webfont.woff2') format('woff2'),
        url('../fonts/poppins-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsblack_italic';
    src: url('../fonts/poppins-blackitalic-webfont.woff2') format('woff2'),
        url('../fonts/poppins-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsbold_italic';
    src: url('../fonts/poppins-bolditalic-webfont.woff2') format('woff2'),
        url('../fonts/poppins-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsextrabold';
    src: url('../fonts/poppins-extrabold-webfont.woff2') format('woff2'),
        url('../fonts/poppins-extrabold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsextrabold_italic';
    src: url('../fonts/poppins-extrabolditalic-webfont.woff2') format('woff2'),
        url('../fonts/poppins-extrabolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsextralight';
    src: url('../fonts/poppins-extralight-webfont.woff2') format('woff2'),
        url('../fonts/poppins-extralight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsextralight_italic';
    src: url('../fonts/poppins-extralightitalic-webfont.woff2') format('woff2'),
        url('../fonts/poppins-extralightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsitalic';
    src: url('../fonts/poppins-italic-webfont.woff2') format('woff2'),
        url('../fonts/poppins-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinslight';
    src: url('../fonts/poppins-light-webfont.woff2') format('woff2'),
        url('../fonts/poppins-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinslight_italic';
    src: url('../fonts/poppins-lightitalic-webfont.woff2') format('woff2'),
        url('../fonts/poppins-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsmedium';
    src: url('../fonts/poppins-medium-webfont.woff2') format('woff2'),
        url('../fonts/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsmedium_italic';
    src: url('../fonts/poppins-mediumitalic-webfont.woff2') format('woff2'),
        url('../fonts/poppins-mediumitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinssemibold_italic';
    src: url('../fonts/poppins-semibolditalic-webfont.woff2') format('woff2'),
        url('../fonts/poppins-semibolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsthin';
    src: url('../fonts/poppins-thin-webfont.woff2') format('woff2'),
        url('../fonts/poppins-thin-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'poppinsthin_italic';
    src: url('../fonts/poppins-thinitalic-webfont.woff2') format('woff2'),
        url('../fonts/poppins-thinitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('../fonts/GLYPHICONS Halflings-regular.eot');
    src: url('../fonts/GLYPHICONS Halflings-regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GLYPHICONS Halflings-regular.woff') format('woff'),
        url('../fonts/GLYPHICONS Halflings-regular.ttf') format('truetype'),
        url('../fonts/GLYPHICONS Halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}

*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

* {
    outline: none;
}

html {
    overflow-x: hidden;
}

body {
    margin: 0px;
    -webkit-text-size-adjust: none;
    font-family: 'poppinsregular';
    background-color: #fff7ed;

}

header,
footer,
section,
aside,
nav,
article {
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
section,
img,
div {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

ul,
ol,
li {
    margin: 0;
    padding: 0;
    list-style: none;
}

dl,
dt,
dd {
    margin: 0;
    padding: 0;
    font-weight: normal;
}

img {
    border: none;
}

p {
    margin: 0 0 0px 0;
    padding: 0 0 0 0;
}

.clear {
    clear: both;
}

a {
    text-decoration: none;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: all 0.3s ease-out;
}

.fancybox-opened {
    box-shadow: 0 0 11px #313131;
}

.brd-none {
    border: 0px none !important;
}

::-webkit-input-placeholder {
    color: #8b8b8b;
    background: transparent;
}

:-moz-placeholder {
    color: #8b8b8b;
    background: transparent;
}

::-moz-placeholder {
    color: #8b8b8b;
    background: transparent;
}

:-ms-input-placeholder {
    color: #8b8b8b;
    background: transparent;
}

input::placeholder {
    background-color: transparent !important;
    background: transparent !important;
}

input,
textarea,
select {
    outline: none;
    border-radius: 0px;
    /*-webkit-appearance: none; */
    /*	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;	*/
    color: #2c2c26;
    background: transparent;
}

table {
    border-collapse: collapse;
    margin: 0 0 0;
    width: 100%;
}

/**************************Login page CSS********************************/

/* .login-form-main-area {
    width: 100%;
    height: 100vh;
    float: left;
    margin: 0;
    padding: 0px;
    display: block;
    background-color: #000000;
	background: rgba(255, 255, 255, 0.5) url(../images/bg.png) no-repeat 0 50%;
    background-repeat: no-repeat;
    background-position: left top;
    position: relative;
} */

.login-form-main-area {
    width: 100%;
    float: left;
    margin: 0;
    padding: 100px 0;
    display: block;
    background-color: #1f1e1f;
    background-repeat: repeat;
    background-position: left top;
}

.logo-area {
    width: 100%;
    float: left;
    margin: 0 0 20px 0;
    padding: 0px;
    display: block;
    text-align: center;
}

.logo-area img {
    width: 50%;
    margin: 0;
    padding: 0px;
    display: inline-block;
}

/* .login-bg-wrpper {
	width: 460px;
    margin: 0px;
	padding: 0 30px;
	display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
} */

.login-bg-wrpper {
    width: 460px;
    margin: 0 auto 0;
    padding: 0;
    display: block;
}

.login-bg-area {
    width: 100%;
    float: left;
    margin: 0;
    padding: 30px;
    display: block;
    background-color: #000;
    border-radius: 10px;
    box-shadow: 0px 0px 20px 0px #000;
}

h2.sign-title {
    width: 100%;
    float: left;
    margin: 0 0 20px 0;
    padding: 0 0 10px 0;
    display: block;
    background-color: #000;
    text-align: center;
    font-family: 'poppinssemibold';
    font-size: 22px;
    color: #f5d798;
    /* background-image: url(../images/title-bdr.png); */
    background-repeat: no-repeat;
    background-position: center bottom;
}

.err-msg {
    width: 100%;
    float: left;
    margin: 0px 0 10px 0;
    padding: 0;
    display: block;
    font-family: 'poppinsregular';
    font-size: 12px;
    color: red;
}

.sign-details {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    display: block;
}

.sign-details input {
    width: 100%;
    float: left;
    margin: 0px 0 15px 0;
    padding: 16px 16px;
    display: block;
    font-family: 'poppinsregular';
    font-size: 14px;
    border: 1px solid #ccc5;
    border-radius: 6px;
    background: transparent;
    color: #fff;
}

.sign-details span {
    width: 100%;
    float: left;
    margin: 20px 0px 0px 0px;
    padding: px;
    display: block;
}

.sign-details button.sign-btn {
    width: auto;
    margin: 0 auto;
    padding: 15px 18%;
    display: block;
    font-family: 'poppinsregular';
    font-size: 18px;
    color: #000;
    background: #f5d798;
    border-radius: 50px;
    border: none;
    font-weight: 600;
    text-transform: uppercase;
}

.download-button {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: center;
}

.download-button a {
    width: auto;
    float: none;
    margin: 10px 5px;
    padding: 10px 15px;
    display: inline-block;
    background-color: #ffffff;
    color: #000000;
    font-size: 14px;
    border-radius: 6px;
}

.download-button a.right {
    float: right;
}

.download-button a:hover {
    background: #f5d798;
    color: #ffffff;
}

.download-button a i {
    width: auto;
    float: left;
    margin: 0 10px 0 0;
    padding: 0px;
    display: block;
    font-size: 26px;
}

.download-button p {
    width: auto;
    float: right;
    margin: 0px;
    padding: 0px;
    display: block;
    text-align: left;
}

.download-button p span {
    font-size: 16px;
    font-weight: bold;
}

.navbar-brand>img {
    width: 100%;
    max-width: 42px;
}

.navbar-brand {
    padding: 4px 10px;
}

/********************************Dashboard css*******************************************/
.header-main-bg-area {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 20px 20px 20px 0px;
    display: block;
    background-color: #be6d01;
}

.header-logo-area {
    width: 250px;
    float: left;
    margin: 12px 0 0 0;
    padding: 0px;
    display: block;
    font-family: 'poppinsbold';
    font-size: 22px;
    color: #ffffff;
    text-align: center;
}

.header-right-area {
    width: auto;
    float: right;
    margin: 0px;
    padding: 0px;
    display: block;
}

.logout-btn {
    width: auto;
    float: right;
    margin: 0px;
    padding: 0px;
    display: block;
}

.logout-btn button {
    width: auto;
    float: right;
    margin: 0px;
    padding: 15px 20px 15px 45px;
    display: block;
    font-size: 14px;
    background-color: #ffffff;
    background-image: url(../images/logout-icon.png), url(../images/btn-bdr.png);
    background-repeat: no-repeat, no-repeat;
    background-position: 15px center, 0 34px;
    border: none;
    border-radius: 6px;
}

.logout-btn button:hover {
    color: #ffffff;
    background-color: #1abb9c;
    background-image: url(../images/logout-icon-hover.png), url(../images/btn-bdr-hover.png);
}

span.user-profile-name {
    width: auto;
    float: left;
    margin: 16px 20px 0 0;
    padding: 0px;
    display: block;
    font-family: 'poppinsregular';
    font-size: 14px;
    color: #ffffff;
}

.dashbord-main-area {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    display: block;
}

.nav {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    /* background: linear-gradient(0deg, rgba(252,221,159,1) 0%, rgba(209,176,112,1) 100%); */
}

.nav>li {
    position: relative;
    display: block
}

.nav>li>a {
    position: relative;
    display: block;
    padding: 15px 15px;
    font-size: 14px;
    font-family: 'poppinsregular';
    color: #000;
}

.nav>li>a>i {
    color: #000;
    font-size: 16px;
    margin: 0 10px 0 0;
    width: 20px;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: #ffffff;
    color: #1f2a51;
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: #dbb158;
    color: #000;
    outline: none;
}

.nav>li.disabled>a {
    color: #777
}

.nav>li.disabled>a:focus,
.nav>li.disabled>a:hover {
    color: #777;
    text-decoration: none;
    cursor: not-allowed;
    background-color: transparent
}

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

.nav .nav-divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #fef27c
}

.nav>li>a>img {
    max-width: none
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    float: left;
    margin-bottom: -1px
}

.nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover {
    border-color: #eee #eee #ddd
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.nav-tabs.nav-justified {
    width: 100%;
    border-bottom: 0
}

.nav-tabs.nav-justified>li {
    float: none
}

.nav-tabs.nav-justified>li>a {
    margin-bottom: 5px;
    text-align: center
}

.nav-tabs.nav-justified>.dropdown .dropdown-menu {
    top: auto;
    left: auto
}

a.change-pw {
    width: 100%;
    float: left;
    padding: 5px 0px;
}

.dashbord-content-main-area {
    width: 100%;
    float: left;
    margin: 0;
    padding: 20px 0;
    display: block;
    background-color: #1f1e1f;
    min-height: 100vh;
}

.main-title {
    width: 100%;
    float: left;
    margin: 0 0 20px 0;
    padding: 0px;
    display: block;
}

.main-title h2 {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    display: block;
    font-family: 'poppinsbold';
    font-size: 22px;
    color: #f5d798;
}

h2.left-title {
    width: auto;
}

.main-title a {
    float: right;
    font-size: 14px;
    background: #ca7a0c;
    padding: 10px 20px;
    color: #000;
    border-radius: 7px;
    margin: 0 5px;
    background: #f5d798;
    border-radius: 50px;
}

.main-title a:hover {
    color: #000;
}

.table-main-bg-area {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 20px;
    display: block;
    background-color: #000;
    box-shadow: 0 0 11px #313131;
    border-radius: 15px;
}

h4.number-title {
    width: 100%;
    float: left;
    margin: 13px 0 13px 0;
    padding: 0px;
    text-align: center;
    font-family: 'poppinsbold';
    font-size: 18px;
    color: #fff;
}

.data-table-area {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px 0 0 0;
    display: block;
}

.data-table-area table {
    margin: 0px;
    padding: 0px;
    border: 1px solid #ccc5;
}

.data-table-area thead {
    margin: 0px;
    padding: 0px;
}

.data-table-area thead tr {
    margin: 0px;
    padding: 0px;
}

.data-table-area thead tr th {
    padding: 13px 20px 13px 20px;
    font-family: 'poppinsbold';
    color: #ffffff;
    font-size: 14px;
    text-align: left;
}

.data-table-area tbody {
    margin: 0px;
    padding: 0px;
}

.data-table-area tbody tr {
    margin: 0px;
    padding: 0px;
    border: 1px solid #ccc5;
}

.data-table-area tbody tr td {
    padding: 13px 20px 13px 20px;
    font-family: 'poppinsregular';
    color: #ffffff;
    font-size: 14px;
    text-align: left;
}

.user-clr {
    color: #ffffff;
    font-weight: bold;
    cursor: pointer;
}

.data-table-area tbody tr.total-area {
    margin: 15px 0px 0px 0px;
    padding: 0px;
    background: #fef27c;
    border: 1px solid #ccc3;
}

.data-table-area tbody tr td.active {
    padding: 8px 20px;
    color: #ffffff;
    font-size: 12px;
    background: green;
    float: left;
    text-align: center;
    margin: 6px 0 0 0;
}

.data-table-area tbody tr td.deactive {
    padding: 8px 20px;
    color: #ffffff;
    font-size: 12px;
    background: red;
    float: left;
    text-align: center;
    margin: 6px 0 0 0;
}

.data-table-area a.popup-button {
    width: 30px;
    height: 30px;
    float: left;
    margin: 0 5px;
    padding: 6px 0 0 0;
    font-size: 14px;
    background: #f5d798;
    color: #000;
    border-radius: 5px;
    text-align: center;
}

.list-category a, .deposit-details a, .contact-us a {
    width: 30px !important;
    height: 30px !important;
    margin: 0 3px;
    padding: 5px 0 0 0;
    font-size: 14px;
    background: #f5d798;
    color: #000 !important;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
}

.list-category a i {
    /* display: block; */
    margin: 0;
    /* padding: 4px 4px; */
    font-size: 14px;
    color: #000;
}

.data-table-area a {
    color: #ffffff;
}

/* .list-category a,
.deposit-details a,
.contact-us a {
    margin: 0 3px;
    padding: 6px 8px;
    background: #f5d798;
    color: #000;
    border-radius: 5px;
    text-align: center;
} */

.deposit-details a {
    /* margin: 0; */
    padding: 6px 6px;
}

.data-table-area a i {
    font-size: 14px;
}

a:hover,
a:focus {
    color: #000 !important;
}

.data-table-area a.popup-button i {
    display: block;
    margin: 0;
    padding: 4px 0 0;
    font-size: 14px;
    color: #000;
}

#changelimit {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    display: block;
}

.change-limit-main-area {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    display: block;
}

.change-limit-main-area form {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    display: block;
}

.change-limit-main-area form h2 {
    width: 100%;
    float: left;
    margin: 0 0 15px 0;
    padding: 0 0 20px 0;
    display: block;
    font-family: 'poppinsbold';
    color: #f5d798;
    font-size: 22px;
    border-bottom: 1px solid #ccc5;
}

.old-cridit {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    padding: 0;
    display: block;
    font-family: 'poppinsregular';
    color: #fff;
    font-size: 14px;
}

.old-cridit span {
    font-family: 'poppinsbold';
}

.change-limit-main-area lable {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
    padding: 0px;
    display: block;
    font-family: 'poppinsregular';
    color: #fff;
    font-size: 16px;
}

.change-limit-main-area input {
    width: 100%;
    float: left;
    margin: 0 0 20px;
    padding: 10px;
    display: block;
    font-family: 'poppinsregular';
    color: #fff;
    font-size: 14px;
    border: 1px solid #ccc5;
    background: transparent;
}

.change-limit-main-area input.submit-btn {
    width: auto;
    float: left;
    margin: 0;
    padding: 16px 30px;
    display: block;
    font-family: 'poppinsregular';
    color: #000;
    font-size: 16px;
    background-color: #f5d798;
    border: none;
    border-radius: 7px;
}

.online-user-bg {
    width: 100%;
    float: left;
    margin: 0 0 15px 0;
    padding: 15px;
    display: block;
    background-color: #000;
    border: 1px solid #ccc5;
    border-radius: 10px;
}

.online-user-bg span {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
    font-size: 18px;
    font-family: 'poppinsregular';
    color: #f5d798;
}

.online-user-bg i {
    float: left;
    font-size: 32px;
    color: #f5d798;
    margin: 0;
}

.online-user-bg h3 {
    font-size: 26px;
    font-family: 'poppinsregular';
    float: right;
    margin: 0;
    color: #f5d798;
    padding: 0;
}

.progress-bar {
    background-color: #966c13;
}

.processbar-area {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 15px 0 0;
    display: block;
}

.progress {
    background-color: #f5d798;
}

.manage-main-area {
    width: 100%;
    float: left;
    padding: 0px;
    margin: 0px;
    display: block;
}

.manage-user-bg {
    width: 100%;
    float: left;
    margin: 0 0 15px 0;
    padding: 15px;
    display: block;
    background-color: #220438;
    border: 1px solid #ccc5;
    border-radius: 10px;
}

.manage-user-bg label {
    width: 100%;
    float: left;
    margin: 0 0 10px 0;
    padding: 0px;
    display: block;
    font-family: 'poppinsregular';
    color: #fff;
    font-size: 14px;
    font-weight: normal;
}

.manage-user-bg span {
    width: 100%;
    float: left;
    margin: 0 0 0px 0;
    padding: 0px;
    display: block;
    font-family: 'poppinsregular';
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.top-search-area {
    width: 320px;
    float: left;
    margin: 0 0 15px 0;
    padding: 0px;
    display: block;
}

.top-search-area input.search-type {
    width: 245px;
    float: left;
    margin: 0px;
    padding: 7px 10px;
    display: block;
    border: 1px solid #f5d798;
    font-size: 14px;
    color: #fff;
    background: transparent;
}

.top-search-area input.search-btn {
    width: 75px;
    float: left;
    margin: 0px;
    padding: 8px 10px 8px 10px;
    display: block;
    border: none;
    font-size: 14px;
    color: #000;
    background-color: #f5d798 !important;
}

.table-pagination {
    width: auto;
    float: right;
    margin: 0px;
    padding: 0px;
    display: block;
}

.table-pagination ul.pagination {
    margin: 0px;
}

.table-pagination ul.pagination li a {
    position: relative;
    float: left;
    padding: 10px 16px;
    margin-left: -1px;
    font-size: 12px;
    line-height: normal;
    color: #000000;
    text-decoration: none;
    border: 1px solid #ccc;
}

.table-pagination ul.pagination a:hover {
    z-index: 3;
    color: #000;
    cursor: default;
    background-color: #f5d798;
    border-color: #f5d798;
}

.table-pagination ul.pagination>.active>a {
    color: #000;
    background-color: #f5d798;
    border-color: #f5d798;
}

.generate-point-bg-area {
    width: 100%;
    float: left;
    margin: 0px 0px 20px;
    padding: 20px;
    display: block;
    background-color: #000;
    border: 1px solid #ccc5;
    border-radius: 10px;
}

.generate-point-main-area {
    width: 100%;
    float: left;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    display: block;
}

.point-main-area {
    width: 100%;
    float: left;
    margin: 0px 0px 20px 0px;
    padding: 0px;
    display: block;
}

.point-main-area span {
    width: 100%;
    float: left;
    margin: 0px 0px 6px 0px;
    padding: 0px;
    display: block;
    font-family: 'poppinsregular';
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.point-main-area input {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 15px 10px;
    display: block;
    font-family: 'poppinsregular';
    color: #fff;
    font-size: 14px;
    border: 1px solid #ccc5;
    line-height: normal;
    background: transparent;
    color-scheme: dark;
}

.point-main-area input.choose-file-btn {
    width: auto;
    float: left;
    border: none;
    padding: 0;
}

.point-main-area select {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 15px 10px;
    display: block;
    font-family: 'poppinsregular';
    color: #fff;
    font-size: 14px;
    border: 1px solid #ccc3;
    background: transparent;
}

.point-main-area textarea {
    width: 100%;
    height: 100px;
    float: left;
    margin: 0px;
    padding: 15px 10px;
    display: block;
    font-family: 'poppinsregular';
    color: #fff;
    font-size: 14px;
    border: 1px solid #ccc5;
    resize: none;
    background: #391b50;
}

.point-main-area p {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 10px 0 0px 0;
    display: block;
}

.point-main-area input.checkbox-area {
    width: auto;
}

.point-main-area span.gamename {
    width: auto;
    float: left;
    margin: 0px;
    padding: 0 12px 0 6px;
    display: block;
    font-weight: normal;
}

.generate-point-main-area button.submit-btn {
    width: auto;
    float: right;
    /* margin: 0 10px; */
    margin: 0 0 0 10px;
    padding: 10px 20px;
    display: block;
    font-family: 'poppinsregular';
    color: #000;
    font-size: 14px;
    border: none;
    background: #f5d798;
    border-radius: 50px;
}

.generate-point-bg-area 

div#error {
    color: red;
}

.select-game-main-area {
    width: 300px;
    float: left;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    display: block;
}

.select-game-main-area span {
    width: 100%;
    float: left;
    margin: 0px 0px 6px 0px;
    padding: 0px;
    display: block;
    font-family: 'poppinsregular';
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.select-game-main-area p {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 10px 0 0px 0;
    display: block;
}

.select-game-main-area input.checkbox-area {
    width: 20px;
    float: left;
    margin: 0px;
    padding: 15px 10px;
    display: block;
    font-family: 'poppinsregular';
    color: #000000;
    font-size: 14px;
    border: 1px solid #fef27c;
}

.select-game-main-area span.gametype {
    width: auto;
    float: left;
    margin: 0px;
    padding: 0 12px 0 6px;
    display: block;
    font-weight: normal;
}

.select-game-main-area input.text-box {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    padding: 10px 10px;
    display: block;
    border: 1px solid #ccc5;
    font-size: 14px;
    font-weight: normal;
    color: #fff;
    background: #391b50;
}

.select-game-main-area input.submit-btn {
    width: auto;
    float: left;
    margin: 30px 0 0 15px;
    padding: 10px 20px;
    display: block;
    font-family: 'poppinsregular';
    color: #ffffff;
    font-size: 13px;
    border: none;
    background: linear-gradient(180deg, rgba(195, 121, 12, 1) 0%, rgba(224, 181, 68, 1) 100%);
    border-radius: 50px;
}

.game-type-main-area {
    width: 100%;
    float: left;
    margin: 10px 0 0 0;
    padding: 0px;
    display: block;
}

.game-type-title {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 14px;
    display: block;
    font-family: 'poppinsregular';
    color: #ffffff;
    font-size: 16px;
    background-color: #be6d01;
}

.game-type-title span.left {
    float: left;
}

.game-type-title span.right {
    float: right;
}

.game-details-area {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    display: block;
}

.game-details-area p {
    width: 100%;
    float: left;
    margin: 0;
    padding: 12px;
    display: block;
    font-size: 14px;
    color: #fff;
    border: 1px solid #ccc5;
    font-weight: bold;
    border-top: none;
}

.game-details-area table {
    width: 100%;
    float: left;
    margin: 0;
    padding: 12px;
    display: block;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fef27c;
    font-weight: bold;
    border-top: none;
}

.game-details-area table td {
    padding: 0 20px;
}

.game-details-area span {
    font-weight: 400;
    margin: 0 0 0 20px;
}

.time-played-bg-area {
    width: 100%;
    float: left;
    margin: 0 0 10px;
    padding: 10px;
    display: block;
    border: 1px solid #ccc5;
}

.total-time-left-area {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0px;
    display: block;
}

.nickname-main-area {
    width: 32.3%;
    float: left;
    /* margin: 0 0.5% 10px; */
    margin: 0 0.5% 10px 0;
    padding: 0px;
    display: block;
}

.nickname-main-area span {
    margin: 0px 0px 6px 0px;
    padding: 0px;
    display: block;
    font-family: 'poppinsregular';
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}

.nickname-main-area select {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 15px 10px;
    display: block;
    font-family: 'poppinsregular';
    color: #fff;
    font-size: 14px;
    border: 1px solid #ccc5;
    background: transparent !important;
    overflow: hidden;
}

input::placeholder {
    color: #ffffff;
}

select option {
    background-color: #000 !important;
}

.nickname-main-area input {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 13px 10px 13px 10px;
    display: block;
    font-family: 'poppinsregular';
    color: #fff;
    font-size: 14px;
    border: 1px solid #ccc5;
    background: transparent;
}

.nickname-main-area button.submit-btn {
    width: auto;
    float: right;
    margin: 29px 5px 0 10px;
    padding: 10px 20px;
    display: block;
    font-family: 'poppinsregular';
    color: #000;
    font-size: 15px;
    border: none;
    background-color: #f5d798;
    border-radius: 50px;
}

.nickname-main-area button.submit-btn {
    width: auto;
    float: right;
    margin: 29px 0 0 10px;
    /* margin: 29px 5px 0 10px; */
    padding: 10px 20px;
    display: block;
    font-family: 'poppinsregular';
    color: #000;
    font-size: 15px;
    border: none;
    background-color: #f5d798;
    border-radius: 50px;
}

.nickname-main-area .input-group {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    display: table;
    position: relative;
}

.nickname-main-area .input-group input {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 23px 10px;
    display: block;
    font-family: 'poppinsregular';
    color: #fff;
    font-size: 14px;
    border: 1px solid #ccc5;
    background: transparent;
}

.nickname-main-area .input-group span.input-group-addon {
    width: auto;
    float: revert;
    margin: 0;
    padding: 14px 14px 15px 14px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 999;
    border-left: 1px solid #ccc5;
}

.nickname-main-area .input-group span.input-group-addon span.glyphicon {
    margin: 0;
}

.input-group-addon {
    border: none;
}

/* dipen (username-error) */
span.user-name-error {
    width: 100%;
    float: left;
    margin: 0px 0px 6px 0px;
    padding: 0px;
    display: block;
    font-family: 'poppinsregular';
    color: red;
    font-size: 12px;
    font-weight: bold;
}

.modal-dialog {
    width: 670px;
}

@media only screen and (max-width:980px) {

    .data-table-area {
        overflow-x: scroll;
    }
}

.nickname-main-area span.glyphicon {
    position: relative;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

/***************26-08-2020*****************/

body.login-bg {
    background: #1f1e1f;
}

.tab-wrapper {
    max-width: 800px;
    width: 100%;
    float: none;
    margin: 0 auto;
    padding: 0;
    display: block;
}

.demo {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    display: block;
}

.title-main-area {
    width: 100%;
    float: left;
    margin: 50px 0 20px 0;
    padding: 0px;
    display: block;
}

.title-main-area h2 {
    width: 100%;
    float: left;
    margin: 0px;
    padding: 0px;
    display: block;
    font-family: 'poppinsregular';
    font-size: 42px;
    color: #ffffff;
    text-align: center;
}

.banner-video {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0px;
    display: block;
}

.banner-video video {
    width: 50%;
    float: none;
    margin: 0 auto;
    padding: 0px;
    display: block;
}

.nickname-main-area.submit-full {
    width: auto;
    float: right;

    margin: 0 0 10px 0 !important;
}

.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom {
    background: #ffffff;
}

.table-total-main-area {
    width: 100%;
    float: left;
    margin: 0;
    padding: 0px;
    display: block;
    background-color: #000;
}

/* .table-main-bg-area.table-total {
    margin: 0 0 20px 0;
    padding: 0;
} */

.mobile-view {
    display: none;
}

.table-striped>tbody>tr:nth-of-type(2n+1) {
    background-color: transparent;
}

th,
td {
    color: #ead91a;
}

.table-bordered>thead>tr>th,
.table-bordered>tbody>tr>th,
.table-bordered>tfoot>tr>th,
.table-bordered>thead>tr>td,
.table-bordered>tbody>tr>td,
.table-bordered>tfoot>tr>td {
    border: 1px solid #ccc5;
    /* color: #f5d798 !important; */
    color: #fff;
}

.datepicker-days th,
.datepicker-days td {
    color: #000;
}

.fancybox-skin {
    background: #000 !important;
    border: 1px solid #ccc5;
}

#myTable.dataTable th,
#myTable.dataTable td {
    border: none;
}

#myTable.dataTable {
    border: none;
    border-top: 1px solid #ccc3;
}

.totalcolor td,
.totalcolor th {
    padding: 13px 20px 13px 20px !important;
    color: #f5d798 !important;
    font-weight: 600;
}