@charset "utf-8";

/*--------------------------------------------------------------------
	Dashboard
--------------------------------------------------------------------*/

/*---------- Header Dashboard ----------*/
#header-dashboard .navbar{margin: 0; min-height: 68px;}
#header-dashboard .navbar-inverse{background-color: #192135; border-color: #000000;}
#header-dashboard .navbar-inverse .navbar-nav>.active>a, 
#header-dashboard .navbar-inverse .navbar-nav>.active>a:focus, 
#header-dashboard .navbar-inverse .navbar-nav>.active>a:hover {color: #ff7700; background-color: transparent; font-weight: 600;}
#header-dashboard .navbar-inverse .navbar-nav>li>a{text-transform: uppercase;}
#header-dashboard .navbar-inverse .navbar-nav>li>a {color: #dfdfdf;}
#header-dashboard .navbar-nav>li>.dropdown-menu{margin-top: 4px; padding: 0;}
#header-dashboard .dropdown-menu > li > a {padding: 8px 15px !important; font-size: 15px; border-bottom: none;}
#header-dashboard .dropdown-menu > li:hover > a {background: #ebebeb; color: #000000;}
#header-dashboard .dropdown-menu{min-width: 176px; top: 96%;}

/*---------- Dashboard Page ----------*/
#dashboard-page{padding: 50px 0; background: #f7f8fc;}
#dashboard-page .upgrade-profile{background: #ffffff; padding: 20px; border: 1px solid #dddddd; margin-bottom: 20px;}
#dashboard-page .upgrade-profile h2{font-size: 22px; color: #000000; margin-bottom: 15px; font-weight: 600;}
#dashboard-page .upgrade-profile .upgrade-profile-content{display: flex; align-items: flex-end;}
#dashboard-page .upgrade-profile-content .upgrade-lists{width: 70%;}
#dashboard-page .upgrade-lists ul{margin: 0; padding: 0; list-style: none;}
#dashboard-page .upgrade-lists li{font-size: 15px; margin-bottom: 3px; padding-bottom: 3px; color: #111111; background: url("/images/list-check.png") left 0 top 3px no-repeat; padding-left: 30px;}
#dashboard-page .upgrade-profile-content .upgrade-button{width: 30%; text-align: right;}
#dashboard-page .upgrade-button .btn.btn-primary{background: #ff7700; border-radius: 0; border-color: #ff7700; text-transform: uppercase; font-weight: 600; color: #ffffff;}
#dashboard-page .get-ranked{background: #fffdf5; padding: 20px; border: 1px solid #ffe37a; margin-bottom: 20px; font-size: 18px; color: #555555;}
#dashboard-page .get-ranked a{color: #000000; text-decoration: underline;}
#dashboard-page .current-ranking{background: #ffffff; padding: 20px; border: 1px solid #dddddd; margin-bottom: 20px;}
#dashboard-page .current-ranking h2{font-size: 22px; color: #000000; margin-bottom: 15px; font-weight: 600;}
#dashboard-page .current-ranking .current-ranking-box{background: #fffff5; padding: 15px; border: 1px solid #faf9cf;}
#dashboard-page .current-ranking .rank-title{color: #333333; text-transform: uppercase; font-weight: 600; font-size: 15px;}
#dashboard-page .current-ranking .current-ranking-scroll{max-height: 206px; height: auto; overflow-y: scroll; overflow-x: hidden;}
#dashboard-page .current-ranking .current-ranking-scroll::-webkit-scrollbar {width: 7px;}
#dashboard-page .current-ranking .current-ranking-scroll::-webkit-scrollbar-track {background: #f1f1f1;}
#dashboard-page .current-ranking .current-ranking-scroll::-webkit-scrollbar-thumb {background: #888;}
#dashboard-page .current-ranking .current-ranking-scroll::-webkit-scrollbar-thumb:hover {background: #555;}
#dashboard-page .current-ranking .current-ranking-lists{display: flex; padding-bottom: 3px; border-bottom: 1px solid #f8f8f8; position: relative; margin-bottom: 5px;}
#dashboard-page .current-ranking .ranking-number{background: #ffffff; color: #111111; width: 22px; height: 22px; text-align: center; margin-right: 5px; font-size: 12px; line-height: 20px; font-weight: bold; border: 1px solid #dddddd;}
#dashboard-page .current-ranking .current-ranking-lists a{color: #7a7a7a;}
#dashboard-page .current-ranking .current-ranking-lists a:hover{color: #000000;}
#dashboard-page .upgrade-profile-range{background: #e4f2ff; padding: 20px; border: 1px solid #dddddd; margin-bottom: 20px;}
#dashboard-page .upgrade-profile-range h2{font-size: 22px; color: #000000; margin-bottom: 15px; font-weight: 600;}
#dashboard-page .upgrade-profile-range p{color: #000000; margin-bottom: 15px;}
#dashboard-page .upgrade-profile-range p span{font-weight: 600; display: block;}
#dashboard-page .upgrade-profile-range .profile-progress-bar{position: relative; background: #d8d8d8; padding: 10px; width: 100%; display: block; border-radius: 15px; margin-bottom: 3px;}
#dashboard-page .profile-progress-bar .progress-range{position: absolute; top: 0; left: 0; height: 100%; background: #00a651; border-radius: 15px;}
#dashboard-page .upgrade-profile-range .progress-range-amount{text-align: right; font-weight: 600; color: #000000; padding-right: 3px;}
#dashboard-page .profile-benifits{background: #ffffff; padding: 20px; border: 1px solid #dddddd; margin-bottom: 20px;}
#dashboard-page .profile-benifits h2{font-size: 20px; color: #000000; margin-bottom: 15px; font-weight: 600;}
#dashboard-page .profile-benifits li{margin: 0 0 5px 15px; color: #111111;}
#dashboard-page .upgrade-profile-range .upgrage-button-area{margin-top: 10px; text-align: center;}
#dashboard-page .upgrade-profile-range .upgrage-button-area a{border: none; border-radius: 0px; background: #ff7700;
color: #ffffff; padding: 10px 20px; font-size: 14px; text-transform: uppercase; font-weight: 600;}
@media (min-width: 768px){
#header-dashboard .navbar-nav>li>a {padding-top: 24px; padding-bottom: 24px;}
#header-dashboard .dropdown:hover .dropdown-menu {display: block;}
}


/*---------- Manage Profile Page ----------*/
#manage-profile-page{padding: 50px 0; background: #f7f8fc;}
#manage-profile-page .manage-profile-form{background: #ffffff; padding: 20px; border: 1px solid #dddddd; margin-bottom: 20px;}
#manage-profile-page .manage-title{font-size: 22px; color: #000000; margin-bottom: 20px; font-weight: 600; border-bottom: 2px solid #dfdfdf; padding-bottom: 15px; text-transform: uppercase;}
#manage-profile-page input.form-control{border-radius: 0; height: 40px; box-shadow: none;}
#manage-profile-page textarea.form-control{border-radius: 0; box-shadow: none;}
#manage-profile-page select.form-control{border-radius: 0; box-shadow: none;  height: 40px;}
#manage-profile-page .address-feilds{padding: 10px; border: 1px solid #d9dbe1; background: #f8fafb; border-radius: 3px;}
#manage-profile-page .manage-profile-form .row{margin-left: -5px; margin-right: -5px;}
#manage-profile-page .manage-profile-form .row [class*='col-']{padding-left: 5px; padding-right: 5px;}
#manage-profile-page .manage-profile-form button[type='submit']{border: none; border-radius: 0px; background: #ff7700;
color: #ffffff; width: 150px; padding: 10px 10px; font-size: 16px; text-transform: uppercase; margin-top: 25px; height: 42px; font-weight: 600;}
#manage-profile-page .product-logo{margin-bottom: 30px; min-height: 150px; position: relative;}
#manage-profile-page .product-logo img{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.manage-profile-form .select2-container .select2-selection--multiple{min-height: 42px !important; height: auto; border-radius: 0;}
.manage-profile-form .select2-selection__rendered{line-height: 100% !important;}
.manage-profile-form .select2-container--default .select2-selection--multiple .select2-selection__choice{padding: 5px 5px;}
.manage-profile-form .select2-selection.select2-selection--multiple{border: 1px solid #ccc;}
#manage-profile-page .manage-profile-form .social-media{background: #fffae5; padding: 15px 25px 10px 25px; border: 1px solid #f7edc2; border-radius: 5px;}
#manage-profile-page .manage-profile-form .social-media label{color: #333333; font-weight: 600;}


/*---------- Manage Blog Page ----------*/
#manage-blog-page{padding: 50px 0; background: #f7f8fc; color: #000000;}
#manage-blog-page .top-title{margin-bottom: 20px;}
#manage-blog-page .top-title h2{font-size: 24px; color: #000000; margin-bottom: 15px; font-weight: 600; display: inline-block; margin-right: 15px;}
#manage-blog-page .top-title a{border: 1px solid #b1b1b1; color: #185ead; padding: 6px 10px; background: #f8fbff; font-size: 13px; font-weight: 600;}
#manage-blog-page table{background: #ffffff; border: 1px solid #dddddd;}
#manage-blog-page table td{vertical-align: middle;}
#manage-blog-page table td a{margin-right: 10px;}
#manage-blog-page table td a:last-child{margin-right: 0px;}

/*---------- Upgrade ----------*/
#dashboard-page .upgrade-ranking{background: #ffffff; padding: 20px; border: 1px solid #dddddd; margin-bottom: 20px; color: #111111;}
#dashboard-page .upgrade-ranking h2 {font-size: 20px; color: #000000; margin-bottom: 25px; font-weight: bold; margin-top: 25px;}
#dashboard-page .upgrade-ranking .selected-category{margin-top: 20px;}
#dashboard-page .upgrade-ranking .selected-category p{font-weight: bold; color: #000000;}
#dashboard-page .upgrade-ranking .selected-category table{font-size: 13px;}
#dashboard-page .upgrade-ranking .selected-category table a{margin-left: 5px; font-weight: bold; color: #157fca;}
#dashboard-page .upgrade-ranking .add-country-lists{width: 100%; overflow: hidden;}
#dashboard-page .add-country-lists > div {display: inline-block; margin-right: 2px;}
#dashboard-page .add-country-lists > div select{border-radius: 0; box-shadow: none; background: #ebebeb; color: #000000; height: 40px;}
#dashboard-page .add-country-lists .country-box{width: 25%;}
#dashboard-page .add-country-lists .city-box{width: 25%;}
#dashboard-page .add-country-lists .service-box{width: 30%;}
#dashboard-page .add-country-lists .button-box{width: auto;}
#dashboard-page .add-country-lists .button-box button[type='submit']{border: none; border-radius: 0px; background: #ff7700; color: #ffffff; padding: 9px 20px; font-size: 14px; text-transform: uppercase; font-weight: bold;}
#dashboard-page .payment-proceed{border-top: 1px solid #dddddd; margin-top: 30px; padding-top: 30px;}
#dashboard-page .payment-proceed .payment-select-category{width: 100%; overflow: hidden; display: flex;}
#dashboard-page .payment-proceed .payment-select-category > div {display: inline-block; margin-right: 5px; width: 33%;}
#dashboard-page .payment-proceed .payment-select-category > div select{border-radius: 0; box-shadow: none; background: #ebebeb; color: #000000; height: 40px;}
#dashboard-page .payment-proceed .payment-amount-box{margin-top: 15px; background: #f2f4f3; padding: 15px; border-radius: 5px;}
#dashboard-page .payment-proceed .payment-amount-box .billing-amount p{font-weight: 600;}
#dashboard-page .payment-proceed .payment-amount-box .billing-amount h3{font-weight: bold; font-size: 22px;}
#dashboard-page .payment-proceed .payment-amount-box .billing-amount .proceed-btn{border: none; border-radius: 0px; background: #ff7700; color: #ffffff; padding: 9px 20px; font-size: 14px; text-transform: uppercase; margin-top: 10px; display: inline-block; font-weight: 600;}
#dashboard-page .payment-proceed .payment-amount-box .payment-term-condition{margin-bottom: 15px;}
#dashboard-page .payment-proceed .payment-amount-box .payment-term-condition ul{margin: 0; padding: 0; list-style: none;}
#dashboard-page .payment-proceed .payment-amount-box .payment-term-condition li{font-size: 12px; position: relative; padding-left: 10px;}
#dashboard-page .payment-proceed .payment-amount-box .payment-term-condition li::before{position: absolute; content: '*'; left: 0; top: 2px;}
#dashboard-page .payment-proceed .payment-amount-box .payment-term-condition .form-group{margin-top: 20px;}
#dashboard-page .payment-proceed .payment-amount-box .payment-term-condition .form-group label{font-size: 13px; line-height: 24px; cursor: pointer;}
#dashboard-page .sponsorship-data{background: #ffffff; padding: 15px 20px 15px 20px; border: 1px solid #dddddd; margin-bottom: 20px;
color: #111111;}
#dashboard-page .payment-proceed .billing-select select{border-radius: 0; box-shadow: none; background: #ebebeb; color: #000000; height: 40px;}
#dashboard-page .sponsorship-data h2 {font-size: 20px; color: #000000; margin-bottom: 20px; font-weight: 600;}
#dashboard-page .sponsorship-lists {width: 100%; display: flex; margin-bottom: 10px; background: #ffffff; padding: 10px 10px 6px 10px; border: 1px solid #e8e8eb; box-shadow: 0px 0px 3px rgba(24,32,111,0.16); align-items: center; position: relative; overflow: hidden;}

#dashboard-page .sponsorship-lists .sponsor-tag {position: absolute; top: -1px; left: -2px; padding: 1px 8px 1px 10px;
color: #333333; background: #f1f1f1; text-transform: uppercase; font-size: 10px;}
#dashboard-page .sponsorship-lists .recent-photo-thumb {width: 60px; margin-right: 15px;}
#dashboard-page .sponsorship-lists .recent-content {width: 100%;}
#dashboard-page .sponsorship-lists .recent-title {font-size: 14px; line-height: 16px; font-weight: 500; margin: 0;}
#dashboard-page .sponsorship-lists .recent-title a {color: #000000; font-weight: bold; text-decoration: none;}
#dashboard-page .sponsorship-lists .author-date {color: #808080; font-size: 12px; margin: 0;}
#dashboard-page .sponsorship-lists .recent-star{margin: 0;}
#dashboard-page .sponsorship-lists .recent-star{display: flex;}
#dashboard-page .sponsorship-lists .recent-star .starts-lists i{color: #ff7700; font-size: 13px; margin-right: 1px;}
#dashboard-page .sponsorship-lists .recent-star .starts-lists span{margin-right: 2px;}
#dashboard-page .sponsorship-lists .recent-star .reviews-count{font-size: 13px; margin-left: 10px;}
#dashboard-page .sponsorship-lists .recent-star a{color: #ff7700;}
#dashboard-page .sponsorship-data .view-all-links{margin-top: 15px; text-align: center;}
#dashboard-page .sponsorship-data .view-all-links a{color: #555555; font-weight: 600; border: 1px solid #7d7d7d; padding: 5px 10px;}
#dashboard-page .sponsorship-lists .recent-star .total-review{color: #111111; font-size: 12px; margin-left: 5px;}
#dashboard-page .sponsorship-lists .recent-star i{font-size: 13px;}
#dashboard-page .any-question .title {background: #d5ece8; color: #000000; font-size: 16px; font-weight: bold; padding: 7px 20px;}
#dashboard-page .any-question .question-msg {border: 1px solid #dddddd; border-top: 0; padding: 15px 20px; background: #ffffff; min-height: 140px;}
#dashboard-page .any-question p {font-size: 14px; color: #000000; line-height: 20px;}
#dashboard-page .any-question p a {color: #333333;}

/*---------- Upgrade Modal ----------*/
#UpgradeModal .modal-header{display: flex;}
#UpgradeModal .modal-title{font-size: 16px; font-weight: 600;}
#UpgradeModal .modal-header .close{right: 15px; top: 18px; position: absolute;}
#UpgradeModal .modal-body p{color: #000000;}
#UpgradeModal .btn.btn-primary{background: #f37021; border-color: #f37021;}

/*---------- Responsive ----------*/
@media (max-width: 768px){
#dashboard-page .upgrade-profile .upgrade-profile-content{display: block;}
#dashboard-page .upgrade-profile-content .upgrade-lists{width: 100%;}
#dashboard-page .payment-proceed .payment-select-category{display: block;}
#dashboard-page .payment-proceed .payment-select-category > div{width: 100%; margin-top: 10px;}	
#dashboard-page .upgrade-profile-content .upgrade-button{width: 100%; margin-top: 10px;}	
#dashboard-page .add-country-lists .country-box,#dashboard-page .add-country-lists .city-box,#dashboard-page .add-country-lists .service-box,#dashboard-page .add-country-lists .button-box,#dashboard-page .add-country-lists .button-box button[type='submit']{width: 100%; margin: 3px 0;}
.billing-select{margin-top: 10px;}
#manage-blog-page .top-title h2{display: block;}
#manage-blog-page .top-title a{background: none; border: none;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {margin-top: 15px;}
}