html, body {background: #e3e829 !important;}

/* Fonts CSS start here */
h1{font-family: "garamond-premier-pro-display",serif !important; font-size:40px !important;}

label{font-family: "garamond-premier-pro-display",serif; font-size:22px !important;}

/* header CSS start here */
.header-section {padding: 20px;}
.logo img {width:200px; padding:10px;}

/* fotter CSS start here */
.footer{ text-align:center; border-top: solid 1px #bcc115; padding:20px 0px;}
.footer p, .footer p a{ color:#80840c; padding:2px 0px; margin:0px;}


/* Login page CSS start here */
.login-page {height: 80vh;}
.login_box {width: 40%; margin:8% auto 0 auto; background: #000;}
.login_box form{ border:none; box-shadow: #8e9302 0px 0px 100px 10px; padding:40px 50px 50px 50px;}
.login_box h5{ font-size:30px; margin:0px; padding:0px;color: #e3e829;}
.login_box label{color:#e3e829; margin-top:10px;}


/* Forms CSS start here */
.login_box input[type="text"], .login_box input[type="password"] { background:#2b2b2b; border:none; color:#fff;}
.login_box button[type="submit"]{ background:#e3e829; padding-top:15px; padding-bottom:15px; border:none; color:#000; font-size:20px; font-weight:700; margin-top:50px !important; width:100%;}

.login_box button[type="submit"]:hover {opacity: 0.7;}


/* Dashboard page CSS start here */
#home-tab, #profile-tab {background:#000; color:#e3e829; margin-right:5px; border:none;}
a.nav-link.active{ background:#e3e829 !important; color:#000 !important;}
.dashboard-page {background:#fff; border-radius:10px; margin:0% 5% 3% 5%; padding:3%; box-sizing:border-box;}
.usertop-btn-right {text-align:right;}
.usertop-btn-right #dropdownMenuButton {background:#000; border:none;}


/* Buttons css start here*/
.new-approval-req-btn,
.manage-user-btn,
.create-new-contract-btn,
.add-new-user,
a.new-approval-req-btn,
a.manage-user-btn,
a.create-new-contract-btn,
a.add-new-user
{padding:10px 30px; border:#e3e829 solid 2px; color:#000; font-size:15px; background: rgba(227, 232, 41, 0.2);}

.new-approval-req-btn:hover,
.manage-user-btn:hover,
.create-new-contract-btn:hover,
.add-new-user:hover
{color:#000; background: rgba(227, 232, 41, 0.1);}

.small-text-btn, a.small-text-btn, #approval_tb_paginate a, #contract_tb_paginate a
.small-text-btn:hover, a.small-text-btn:hover, #approval_tb_paginate a:hover, #contract_tb_paginate a:hover
{color: #000; font-size: 13px; white-space: nowrap; text-decoration:underline; margin-right:5px;}

.new-licensor, .new-licensee, .new-brand, .add_more_pct, .add_more_pct1,
a.new-licensor, a.new-licensee, a.new-brand, a.add_more_pct, a.add_more_pct1
{ font-size:15px; color:#000; font-weight:500; text-decoration:underline;}
.new-licensor:hover, .new-licensee:hover, .new-brand:hover, .add_more_pct:hover, .add_more_pct1:hover{ opacity:0.8; color:#333;}

.clear-btn, .create_new_contract, .addproperty, .addchannel, .save_approval, .update_approval, .addbrand, .add-button{ padding:10px 20px; border:none; font-size:15px; font-weight:500;}
.clear-btn{background:#000; color:#e3e829;}
.create_new_contract, .addproperty, .addchannel, .save_approval, .update_approval, .addbrand, .add-button{background:#e3e829; color:#000;}
.addbrand, .add-button{ width:100%; margin-top:20px;}
.clear-btn:hover, .create_new_contract:hover, .addproperty:hover, .addchannel:hover, .save_approval:hover, .update_approval:hover, .addbrand:hover, .add-button:hover{ opacity:0.8;}