/*
    Site Styles
*/

@import url('https://fonts.googleapis.com/css?family=Roboto');
body {
    font-family: 'Roboto', sans-serif;
    background: #fafafa;
}

p {
    font-family: 'Roboto', sans-serif;
    font-size: 1.1em;
    font-weight: 300;
    line-height: 1.7em;
    color: #999;
}

a,
a:hover,
a:focus {
    color: inherit;
    text-decoration: none;
    transition: all 0.3s;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8f8f8;
}

.navbar {
    padding: 15px 10px;
    background: #fff;
    border: none;
    border-radius: 0;
    margin-bottom: 40px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.navbar-btn {
    box-shadow: none;
    outline: none !important;
    border: none;
}

.line {
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #ddd;
    margin: 40px 0;
}

/* ---------------------------------------------------
    SIDEBAR STYLE
----------------------------------------------------- */

.wrapper {
    display: flex;
    width: 100%;
}

#sidebar {
    width: 250px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    z-index: 999;
    background: #222222;
    color: #999999;
    transition: all 0.3s;
}

#sidebar.active {
    margin-left: -250px;
}

#sidebar .sidebar-header {
    padding: 20px;
    background: #1D1D1D;
}

#sidebar .sidebar-header h3 {
    color: #18C384;
    font-weight: 300;
    font-style: italic;
    margin-bottom: 0;
}

#sidebar ul p {
    color: #fff;
    padding: 10px;
}

#sidebar ul li a {
    padding: 10px;
    font-size: 1.1em;
    display: block;
}

#sidebar ul li a:hover {
    color: #18C384;
    background: #1D1D1D;
}

#sidebar ul li.active>a,
a[aria-expanded="true"] {
    color: #18C384;
}

a[data-toggle="collapse"] {
    position: relative;
}

.dropdown-toggle::after {
    display: block;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}

ul ul a {
    font-size: 0.9em !important;
    padding-left: 30px !important;
    background: #292929;
}

ul.CTAs {
    padding: 20px;
}

ul.CTAs a {
    text-align: center;
    font-size: 0.9em !important;
    display: block;
    border-radius: 5px;
    margin-bottom: 5px;
}

a.download {
    background: #fff;
    color: #7386D5;
}

a.article,
a.article:hover {
    background: #6d7fcc !important;
    color: #fff !important;
}


/* ---------------------------------------------------
    CONTENT STYLE
----------------------------------------------------- */

#content {
    width: calc(100% - 250px);
    padding: 40px;
    min-height: 100vh;
    transition: all 0.3s;
    position: absolute;
    top: 0;
    right: 0;
}

#content.active {
    width: 100%;
}

/*Login Form Styles*/
.login-background-green{
	background-color:#18C384;
	font-family: 'Roboto', sans-serif;
	font-size: 2.500em;
	color: #FFFFFF;
	display: flex;
	align-items: center;
	justify-content: center;
}
	
#login-page-row {
    border: 1px solid #E0E0E0;
}

#login-page .form-control, #register-page .form-control {
    border-radius: 2px;
    border-color: #CCCCCC;
}

.btn-custom2 {
    width: 100%;
    margin-bottom: 40px;
    background: #18C384;
    border-radius: 4px;
    color: #fff;
    margin-top: 15px;
}

.btn-custom1:hover, .btn-custom2:hover {
    background-color: #189e6e;
    color: #fff;
}

a.forgot-pw-link {
    text-align: center;
    display: block;
    color: #19ca8f;
    text-decoration: underline;
    margin-bottom: 40px;
}

#login-page label, #register-page label {
    font-family: 'Roboto', sans-serif;
    font-size: 0.875em;
    color: #666666;
    margin-bottom: .1rem;
}
	
#login-page-row .nav-tabs .nav-link {
    border-radius: 0;
    border-top: none;
}	

#nav-tabContent #login-page, #nav-tabContent #register-page{
    padding: 20px;
    background-color: #fff
}	

/*E-mail confirmation page styles*/
.email-confirmation {
    text-align: center;
}

.email-confirmation h3 {
    margin: 30px 0;
}

.email-confirmation a {
    color: #18C384;
    text-decoration: underline;
}

/*Build Your Profile Page*/
#build-your-profile h2 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.500em;
    color: #666666;
}

#build-your-profile p {
    font-family: 'Roboto', sans-serif;
    font-size: 0.875em;
    color: #666666;
}

#build-your-profile .profile-picture-circle {
    border-radius: 50px;
    border: 3px solid #E0E0E0;
    margin-left: auto;
    margin-right: auto;
    display: block;	
}

.btn-custom1 {
    background: #18C384;
    border-radius: 4px;
    color: #fff;
}

#build-your-profile h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.125em;
    color: #333333;
    margin: 20px 0;
}

#build-your-profile label {
    font-family: 'Roboto', sans-serif;
    font-size: 0.875em;
    color: #666666;
    margin-bottom: 4px;
}

/*Dashboard Page Styles*/
.dashboard-box {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    padding: 20px;
    margin-bottom: 25px;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.22);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.22);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.22);
	min-height: 274px;
}

.dashboard-box h4 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.125em;
    color: #555555;
	margin-bottom:30px;
}

.icon-number {
    text-align: center;
}

.icon-number p {font-family: 'Roboto', sans-serif;font-size: 3.125em;color: #555555;text-align: center;}

.text-border-btm {
    border-bottom: 3px solid #18C384;
    padding-bottom: 10px;
}

/*Page Header Styles*/
ul.user-info {
    padding: 0;
    list-style: none;
	float: right;
}

ul.user-info li {
    display: inline-block;
    padding-right: 5px;
}

ul.user-info li:nth-child(2) {
    padding-right: 10px;
}

ul.user-info li:last-child {
    padding-right: 0;
}

.user-avatar {
    width: 32px;
    border-radius: 50px;
    border: 2px solid #cacaca;
}

#sidebarCollapse {
    padding: 0 10px;
    margin: 0;
    vertical-align: text-bottom;
    background-color: #19ca8f;
}

/*Add Some Transactions Green Bar on home page*/

.green-box {
    background-color: #18C384;
    border-radius: 4px;
    padding: 15px 0;
    margin: 20px 0;
	margin-top:0px;
}

.green-box p {
    margin-bottom: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 1.250em;
    color: #FFFFFF;
}

.btn-custom {
    float: right;
    background-color: #fff;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    font-size: 0.875em;
    color: #18C384;
    padding: .375rem 2rem;
}

.house-icon {
    float: right;
}

/*Add Team Members Page Styles*/
#build-your-profile .entry:not(:first-of-type)
{
    margin-top: 10px;
}

#build-your-profile .fas
{
    font-size: 0.750em;
}

#build-your-profile .green-icon{
	color:#18C384;
}
#add-team-members .btn-success {
    background-color: #18C384;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-color: #18C384;
}

#add-team-members .btn-danger {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding: .375rem .86rem;
}
.btn-light-custom {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
}	


/*Transaction1 Page Styles*/
.coming-soon-dot {
    color: #1587F1;
}
.active-dot {
    color: #E06E0C;
}
.sold-dot {
    color: #18C384;
}
.pending-dot {
    color: #9A67F4;
}
.writting-offer-dot {
    color: #00C9DA;
}
.net-income-field {
	font-family: Roboto-Bold;
	font-size: 0.875em;
	color: #333333;
}
#transactions-table {
	white-space: nowrap;
	margin-top: 25px;
}
#transactions-table td, #viewTransactionModal td, #reportsTransactions td {
    font-family: 'Roboto', sans-serif;
    font-size: 0.875em;
    color: #555555;
	vertical-align: middle;
}
#transactions-table th, #viewTransactionModal th, #reportsTransactions th {
    font-family: 'Roboto', sans-serif;
    font-size: 0.750em;
    color: #666666;
}
.transaction-box {
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: 4px;
    margin: 0;
    margin-bottom: 20px;
}

.transaction-box div {
    padding: 10px;
}

.transaction-box h4 {text-align: center;font-family: 'Roboto', sans-serif;font-size: 0.875em;color: #555555;}

.transaction-box h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.500em;
    color: #333333;
    text-align: center;
}

.transaction-box h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 0.875em;
    color: #555555;
}
.status-field {
    font-style: italic;
}

.filter-trans-right {
    text-align: right;
}

#filter-transactions .btn-light-custom {
    margin-left: 4px;
    background: #F1F1F1;
    border-radius: 4px;
    font-family: 'Roboto', sans-serif;
    color: #999999;
}

#filter-transactions .btn-light-custom:hover, .btn-light-custom:hover {
    background: #cecece;
    color: #333333;
}

#filter-transactions .form-group {
    margin-bottom: 0;
}

#transactionFilter {
    margin-top: 25px;
}

.custom-pagination a {
    color: #18C384;
}

.custom-pagination a:hover {
    color: #0fa06b;
}

.add-transaction-sm {
    display: none;
}
@media (max-width: 991px) { 
	.add-transaction-sm {
		display: block;
    	margin-bottom: 25px;
	}
}

.add-transaction-lg {
    display: none;
}
@media (min-width: 992px) { 
	.add-transaction-lg {
	    display: inline-block;
	}
}

.remove-transaction-small{
	display: none;
}
@media (max-width: 991px) { 
	.remove-transaction-small{
		display: inline-block;
		margin-top: 25px;
	}
	.add-transaction-lg .btn-light-custom {
		margin-left:0px;
	}
}



/*Reports Source Page*/
.reports-table th {
    font-family: Roboto-Regular;
    font-size: 0.750em;
    color: #666666;
    text-align: right;
}

.reports-table td {
    font-family: Roboto-Regular;
    font-size: 0.750em;
    color: #666666;
    text-align: right;
}

.reports-table .table-text-dark {
    font-family: Roboto-Bold;
    font-size: 0.813em;
    color: #333333;
    text-align: right;
}

.reports-table .source-table-link {
    color: #18C384;
    text-decoration: underline;
}

.reports-table .source-table-link:hover{
	color:#189e6e;
}

ul.agent-pro-links {
    padding: 0;
    list-style: none;
    float: right;
    margin-bottom: 0;
}

ul.agent-pro-links li {
    display: inline-block;
}

ul.agent-pro-links li:after {
    content: " |";
}

ul.agent-pro-links li:last-child:after {
    content: "";
}

.table-responsive .input-group-text {
    padding: 0;
    background: white;
    padding-left: 3px;
}

.table-responsive .form-control {
    border-left: none;
    padding-left: 4px;
    padding-right: 2px;
}

.table-responsive.table td {
    vertical-align: middle;
}

#viewTransactionModal .modal-body {
    padding: 0;
}

#viewTransactionModal td.net-income {
    font-family: Roboto-Bold;
    font-size: 0.875em;
    color: #333333;
}

.table-responsive td svg.fa-exclamation-circle {
    color: #FF9300;
}

#collapseTags form {
    padding: 15px;
}

#reportsSourceTags .form-check-label {
    font-family: Roboto-Regular;
    font-size: 0.875em;
    color: #666666;
}

.form-check-border-right {
    border-right: 1px solid #cccccc;
    padding-right: 15px;
}

.input-group-missing .input-group-text {
    border-color: #FF9300;
}

.input-group-missing .form-control {
    border-color: #FF9300;
}

.reports-table, #viewTransactionModal table, #reportsTransactions {
    white-space: nowrap;
}

tr.total-row .input-group-text {
    border: none;
}

tr.total-row input.form-control {
    border: none;
}

#reportsTransactions td.net-income {
    font-family: Roboto-Bold;
    font-size: 0.875em;
    color: #333333;
}

/*Required for transactions off page dialog*/
@media (max-width: 576px){.modal-dialog.modal-dialog-slideout {width: 80%}}
.modal-dialog-slideout {min-height: 100%; margin: 0 0 0 auto;background: #fff;}
.modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0);transform: translate(100%,0);}
.modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);flex-flow: column;}
.modal-dialog-slideout .modal-content{border: 0;}

#transactionDetails .modal-header, #newTransaction .modal-header, #viewTransactionModal .modal-header, #newAgent .modal-header, #addSource .modal-header {
    background-color: #18C384;
    color: #fff;
    padding: .5rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom: 0;
}

#transactionDetails h3 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.125em;
    color: #000000;
	margin: 18px 0;
}

#transactionDetails p {
    font-family: 'Roboto', sans-serif;
    font-size: 0.875em;
    color: #666666;
	margin-bottom: 6px;
}

.transaction-row-line {
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 6px;
}

#transactionDetails .modal-footer, #newTransaction .modal-footer, #viewTransactionModal .modal-footer, #newAgent .modal-footer, #addSource .modal-footer {
    background: #333333;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: .7rem;
}

#transactionDetails p.trans-dark-text {
    font-family: 'Roboto', sans-serif;
    color: #333333;
}

#transactionDetails .modal-body {
    padding-top: 0;
}

#transactionDetails .close, #newTransaction .close, #viewTransactionModal .close, #newAgent .close, #addSource .close {
    color: #fff;
    opacity: 1;
    text-shadow: none;
}
#transactionDetails p.edit-transaction-footer-p{
	margin-bottom: 0; 
	font-size: 0.875em; 
	color: #CCCCCC;
}
#transactionDetailsEditForm .form-control {
    margin-bottom: 6px;
}

#newTransaction .modal-dialog-slideout {min-height: 100%; margin: 0 0 0 auto;background: #fff;}
#newTransaction .modal.fade .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(100%,0)scale(1);transform: translate(100%,0)scale(1);}
#newTransaction .modal.fade.show .modal-dialog.modal-dialog-slideout {-webkit-transform: translate(0,0);transform: translate(0,0);display: flex;align-items: stretch;-webkit-box-align: stretch;height: 100%;}
#newTransaction .modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body{overflow-y: auto;overflow-x: hidden;}
#newTransaction .modal-dialog-slideout .modal-content{border: 0;}
#newTransaction .modal-dialog-slideout .modal-header, #newTransaction .modal-dialog-slideout .modal-footer {display: block; text-align: right;} 
#newTransaction .modal-dialog-slideout .modal-header h5 {float:left;}


#newTransaction label {
    font-family: 'Roboto', sans-serif;
    font-size: 0.875em;
    color: #666666;
    margin-bottom: .2rem;
}

#newTransactionForm h5 {
    font-family: 'Roboto', sans-serif;
    font-size: 1.125em;
    color: #000000;
}

#newTransaction #myTabContent {
    border: 1px solid #dee2e6;
    border-top: none;
    padding: 15px;
    margin-bottom: 15px;
}

.transactions-gray-box {
    padding: 15px;
    border: 1px solid #cccccc;
    background-color: #F1F1F1;
    border-radius: 3px;
}

/* Reports - Agent Production*/
.agent-production, .reports-source {
    margin-bottom: 25px;
}

.agents-info {
    margin-top: 15px;
}

.agents-info .border-right-solid {
    border-right: 1px solid #CCCCCC;
}

.agent-production h5, .reports-source h5 {
	float: left;
    margin-bottom: 0;
    font-family: Roboto;
    font-size: 1.250em;
    color: #FFFFFF;
}

.agent-production .btn-float-right {
    float: right;
}

.agent-production .card-header, .reports-source .card-header {
    background-color: #444444;
    color: #ffffff;
}

.agent-production .card-body, .reports-source .card-body {
    padding: 0;
	-webkit-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.22);
	-moz-box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.22);
	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.22);	
}

.agent-production th, .agent-production td {
    text-align: center;
}

.border-right-solid .form-check {
    margin-bottom: 8px;
    color: #333333;
}

.table.agent-production-info{
    margin-bottom: 0;
}

.agent-production-info th {
    font-family: Roboto;
    font-size: 0.750em;
    color: #666666;
    text-align: center;
}

.agent-production-info td {
    font-family: Roboto-Bold;
    font-size: 1.000em;
    color: #666666;
    text-align: center;
}

.reports-table td.table-text-dark-light {
    font-family: Roboto-Regular;
    font-size: 0.813em;
    color: #333333;
}

p.sum-of-sources {
    font-family: Roboto-Regular;
    font-size: 1.000em;
    color: #666666;
    margin-bottom: 20px;
}

p.sum-of-sources span {
    color: #333333;
    font-size: 1.500em;
    font-family: Roboto-Bold;
}

.agent-production-info th.netincome {
    font-family: Roboto-Medium;
    font-size: 0.750em;
    color: #222222;
}

.agent-production-info td.netincome-price {
    font-family: Roboto-Bold;
    font-size: 1.000em;
    color: #222222;
}

/*Setup Agents Styles*/
.status-active-dot {
    color: #18C384;
}

.status-inactive-dot{
	color:#DB4E4E;
}

#newAgentForm .form-group label {
    font-family: Roboto-Regular;
    font-size: 0.875em;
    color: #666666;
    margin-bottom: 1px;
}

#newAgentForm .form-check label {
    font-family: Roboto-Regular;
    font-size: 0.875em;
    margin-bottom: 10px;
}

/*Setup Profile Styles*/
.team-name-input {
    margin-top: 15px;
}

#setupProfileForm .profile-picture-circle{
    border-radius: 50px;
    border: 3px solid #E0E0E0;	
}

#setupProfileForm label {
    font-family: Roboto-Regular;
    font-size: 0.875em;
    color: #555555;
    margin-bottom: 1px;
}

#setupProfileForm p {
    font-family: Roboto-Regular;
    font-size: 0.875em;
    color: #666666;
}

h4.setupProfileForm-headline {
    font-family: Roboto-Regular;
    font-size: 1.125em;
    color: #333333;
}

/* ---------------------------------------------------
    MEDIAQUERIES
----------------------------------------------------- */
@media (min-width: 992px) and (max-width: 1225px) {
	.transaction-box h5 {
		font-size: 1.000em;
	}	
}
@media (max-width: 991px) {
	/*Page Header Styles*/
	ul.user-info {
		float: none;
		margin-top: 13px;
		text-align: center;
	}
	/*Add Some Transactions Green Bar on home page*/
	.house-icon {
		float: none;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.green-box p {
		text-align: center;
		margin: 10px 0;
	}
	.btn-custom {
		float: none;
		display: block;
	}
	/*Build your Profile Styles*/
	#build-your-profile .profile-picture-circle {
		margin-bottom: 25px;
		margin-left: initial;
		margin-right: initial;		
	}
	/*Reports Agent Production*/
	.agents-info .border-right-solid {
		border-right: none;
		margin-bottom: 20px;
	}
	/*Setup Agents page*/
	.filter-trans-right {
		text-align: left;
		margin-top: 25px;
	}
	#filter-transactions .btn-light-custom {
		margin-left: 0;
	}	
}


@media (max-width: 768px) {
    #sidebar {
        margin-left: -250px;
    }
    #sidebar.active {
        margin-left: 0;
    }
    #content {
        width: 100%;
    }
    #content.active {
        width: calc(100% - 250px);
    }
    #sidebarCollapse span {
        display: none;
    }
	/*transactions page*/
	.filter-trans-right {
		text-align: left;
		margin-top: 25px;
	}
	/*Reports source page*/
	#reportsSourceTags .form-check-inline {
		display: block;
	}
	.form-check-border-right {
		border-right: 0;
		padding-right: 0;
	}	
}