* {
	font-family: 'Roboto', sans-serif;
}

html {
    /* For sticky footer */
 	position: relative;
 	min-height: 100%;
}
body {
 	/* Margin bottom by footer height */
  	margin-bottom: 130px;
}
.table, .form, .form-control {
    font-size: 12px;
}
.btn-primary {
    background-color: #62A1D1;
    border-color: #62A1D1;
}
.btn-warning {
    background-color: #EDC637;
    border-color: #EDC637;
    color: #000;
}
.top-buffer { 
	margin-top:20px; 
}
.bottom-buffer { 
	margin-bottom:20px; 
}
.gpp_logo {
	height: 96px !important;
	width: auto !important;
}

[hidden] {
  display: none !important;
}

/* INDEX */
	/* HEADER */
	.navbar {
	    border: 0px solid transparent;
	    border-radius: 0px;
	    margin-bottom: 0px;
	    border-bottom: 1px solid #000;
	}
	#navbar span {
	    color: #9d9d9d;
	    line-height: 35px;
	    padding: 15px 5px;
	    display: block;
	}
	.pull-left img {
		width: 250px;
	    height: auto;
	    padding: 10px;
	}
	.navbar-nav li a {
	    line-height: 35px;
	}
	.nav li a {
	    padding: 30px 5px;
	}
	.navbar-inverse .navbar-nav > li > a {
    	color: #EDC637;
	}
	.navbar-toggle {
		margin-top: 30px;
	}
	.top-bar {
	    border-top: solid 5px #EDC637;
	    background-color: #000;
	    height: 45px;
	}
	.top-holder {
		  width: auto;
	    padding: 10px;
	}
	.toolbar-right {
		  float: right;
	}
	.toolbar-right ul {
		  list-style: none;
	}
	.toolbar-right li {
	    display: inline;
	}
	.toolbar-right li:nth-child(2) {
	    margin: 0 5px;
	}
	.toolbar-right a {
	    color: #F8F8F8;
	}
	.padding-zero {
	    padding: 0;
	}
	@media (max-width: 991px) {
		.home-title h1 {
		    font-size: 30px;
		}
		.social-toolbar {
			display: none;
		}
	}
	header {
		position: relative;
		width: 100%;
		min-height: 80vh;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		background-size: cover;
		-o-background-size: cover;
		background-image: url('../img/homepage.jpg');
		text-align: center;
		color: white;
		background-repeat: no-repeat;
		background-attachment: scroll;
		background-position: 0 0px;
	}
	#header-row {
		margin-right: 0px;
	}
	header .header-content {
		position: relative;
		text-align: center;
		padding: 100px 15px 100px;
		width: 100%;
	}
	header .header-content .header-content-inner {
		max-width: 400px;
		padding: 15px;
		margin: 0 auto;
		background-color: rgba(50,50,50,0.7);
	}
	header .header-content .header-content-inner h1 {
		font-size: 56px;
		margin-bottom: 20px;
		font-family: 'Montserrat', sans-serif;
	}
	header .header-content .header-content-inner h2 {
		font-size: 34px;
		margin-top: 10px;
		font-family: 'Montserrat', sans-serif;
	}
	header .header-content .header-content-inner hr {
		border-color: #edc637;
		border-top: 3px double #edc637;
		border-width: 3px;
		max-width: 300px;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#btn-homepage-login {
		margin-top: 40px;
		background-color: transparent;
		border-color: #EDC637;
		color: #fff;
	}
	#btn-homepage-login:hover {
		margin-top: 40px;
		background-color: #EDC637;
		border-color: #EDC637;
		color: #fff;
	}
	.form-home-login {
		margin-top: 30px;
	}
	@media (max-width: 768px) {
		header .header-content .header-content-inner {
			max-width: 330px;
		}
		header .header-content .header-content-inner h1 {
			font-size: 46px;
			margin-bottom: 20px;
			font-family: 'Montserrat', sans-serif;
		}
		.form-home-login {
			margin-top: 0px;
		}
	}

	/* ROW HOME */
	.row_home {
	    padding: 40px 0 0 0;
	    text-align: center;
	    color: #ffffff;
	}
	.row_home i {
	    font-size: 40px;
	    margin: 15px 0px 0 3px;
	    line-height: 50px;
	}
	.row_home h4 {
	    min-height: 20px;
	    font-size: 20px;
	}
	.row_home p {
	    text-align: center;
	}
	.home_block {
	    color: #222222;
	    padding: 10px;
	    margin-bottom: 10px;
	    min-height: 200px;
	}
	.inner_circle {
		color: #ffffff;
	    width: 80px;
	    height: 80px;
	    background: #9B486F;
	    -moz-border-radius: 80px;
	    -webkit-border-radius: 80px;
	    border-radius: 80px;
	    margin: 6px auto 0 auto;
	    -webkit-transition: background 0.5s;
	    transition: background 0.5s;
	}
	.inner_circle:hover {
	    background: #222222;
	    color: #EEEDEC;
	}
	.outter_circle {
	    width: 80px;
	    height: 80px;
	    -moz-border-radius: 80px;
	    -webkit-border-radius: 80px;
	    border-radius: 80px;
	    margin: 0px auto 26px auto;
	    border: 0px solid #F8F8F8;

	    -webkit-transition: width 0.5s, height 0.5s, -moz-border-radius 0.5s, -webkit-border-radius 0.5s, border-radius 0,2s, border-color 0.5s, margin;
	    transition: width 0.5s, height 0.5s, -moz-border-radius 0.5s, -webkit-border-radius 0.5s, border-radius 0,2s, border-color 0.5s, margin;
	}
	.outter_circle:hover {
	    width: 96px;
	    height: 96px;
	    -moz-border-radius: 96px;
	    -webkit-border-radius: 96px;
	    border-radius: 96px;
	    margin: 0px auto 16px auto;
	    border: 2px solid #222222;
	}
	.index_row .col-sm-3 {
        width: 22%;
        background: #333;
        padding: 10px;
        margin: 0 10px;
        min-height: 160px;
    }
    .intro_index .features-list {
        padding-left: 3em;
    }
	/* FOOTER */
	.row_footer {
		position:absolute;
	    background-color: #000000;
	    color: #F8F8F8;
	    bottom: 0;
	    width: 100%;
	    margin: 20px 0 0 0;
	    /* Set the fixed height of the footer here */
	    height: 90px; 
	}
	.row_footer img {
	    width: auto;
	    height: 60px;
	    float: right;
	    padding-top: 15px;
	    -webkit-filter: grayscale(100%);
    	filter: grayscale(100%);
	}
	.row_footer p {
	    line-height: 60px;
	    padding: 10px 0;
	}
	@media (max-width: 991px) {
		.row_footer .container {
		    background-color: #000;
		}
	}

/* LOGIN */
	.login {
	    margin-top: 100px;
	}
	.form-signin {
	  	max-width: 330px;
	  	padding: 15px;
	  	margin: 0 auto;
	  	background-color: #eee;
	    border: 1px solid #aaa;
	}
	.form-signin .form-signin-heading,
	.form-signin .checkbox {
	  	margin-bottom: 20px;
	  	margin-top: 0px;
	}
	.form-signin .checkbox {
	  	font-weight: normal;
	}
	.form-signin .form-control {
	 	position: relative;
	  	height: auto;
	  	-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	  	padding: 10px;
	  	font-size: 16px;
	}
	.form-signin .form-control:focus {
	    z-index: 2;
	}
	.form-signin input[type="email"] {
	  	margin-bottom: -1px;
	  	border-bottom-right-radius: 0;
	  	border-bottom-left-radius: 0;
	}
	.form-signin input[type="password"] {
	  	margin-bottom: 10px;
	}
	.form-signin input[type="submit"] {
	  	margin-bottom: 10px;
	}

/* PASSWORD CHANGE */
	.password-change {
	    margin-top: 100px;
	}
	.form-password-change {
	  	max-width: 400px;
	  	padding: 15px;
	  	margin: 0 auto;
	  	background-color: #eee;
	    border: 1px solid #aaa;
	    min-height: 320px;
	}
	.form-password-change .form-password-change-heading {
	  	margin-bottom: 20px;
	  	margin-top: 0px;
	}
	.form-password-change .form-control {
	 	position: relative;
	  	height: auto;
	  	-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	  	padding: 10px;
	  	font-size: 16px;
	}
	.form-password-change .form-control:focus {
	    z-index: 2;
	}
	.form-password-change input[type="password"] {
	  	margin-bottom: 10px;
	  	margin-top: 10px;
	}
	.form-password-change input[type="submit"] {
	  	margin-top: 10px;
	}

/* PASSWORD FORGOTTEN */
	.password-forgotten {
	    margin-top: 100px;
	}
	.form-password-forgotten {
	  	max-width: 400px;
	  	padding: 15px;
	  	margin: 0 auto;
	  	background-color: #eee;
	    border: 1px solid #aaa;
	    min-height: 200px;
	}
	.form-password-forgotten .form-password-forgotten-heading {
	  	margin-bottom: 20px;
	  	margin-top: 0px;
	}
	.form-password-forgotten .form-control {
	 	position: relative;
	  	height: auto;
	  	-webkit-box-sizing: border-box;
	    -moz-box-sizing: border-box;
	    box-sizing: border-box;
	  	padding: 10px;
	  	font-size: 16px;
	}
	.form-password-forgotten .form-control:focus {
	    z-index: 2;
	}
	.form-password-forgotten input[type="text"] {
	  	margin-bottom: 10px;
	  	margin-top: 10px;
	}
	.form-password-forgotten input[type="submit"] {
	  	margin-top: 10px;
	}


/* STAFF */
	/* PMT */
	.resulttable_wrapper1, .resulttable_wrapper2 {
		width: 100%; 
		overflow-x: scroll;
		overflow-y:hidden;
	}
	.resulttable_wrapper1 {
		height: 20px;
	}
	.resulttable_wrapper2 {
		height: 100%;
	}
	.resulttable_div1 {
		height: 20px;
	}
	.resulttable_div2 {
		overflow: auto;
		height: 100%;
		margin: 0 auto;
	}
	#table_id_wrapper .row {
		width: 1843px;
	}
	.progress-staff {
    	margin-bottom: 0px;
	}
	/* MY PROFILE */
	.profile-pic {
		width: auto;
		height: 197px;
	}

/* ORDERING TABLES */
	#table_id_filter {
		float: left;
	}
	#table_id_paginate .pagination {
		float: left;
	}

/* PARTNER */
	.partner_headbar {
	    background-color: #000000;
	    padding: 15px 0;
	}
	.partner-myprofile-button {
		float:right;
		margin-right: 5px;
	}
	.partner-left-button {
    	opacity: 1 !important;
	}
	.partner_body thead tr {
	    background-color: #62A1D1;
    	color: #ffffff;
    	font-weight: bold;
    }
	.profile-pic-client-section {
		width: 90px;
		border: 5px solid #ccc;
	}
    /* TASK */
    .btn-group-partner-task {
    	margin-top:20px;
    	margin-bottom:10px;
    }
    .well-partner-task {
    	min-height: 40px;
    }
    .dropdown-menu-partner-task-note {
    	left: -43px;
    	min-width: 110px;
    }


/* CLIENT */
    .panel-title {
    	margin-top: 10px;
    }
    .table-info-project {
    	border: 1px solid #ccc;
    }
    .table-info-project tr td:nth-child(1) {
    	font-weight: bold;
    }
    .table-info-project tr:nth-child(1) {
    	font-weight: bold;
    	background-color: #ccc !important;
    }
    /* GOOGLE CHART */
	.timeline svg g:first-of-type rect {
			fill-opacity: 0;
	}


	.table-resposible-info i {
		font-size: 18px;
	}

	.mypricing-cell {
		text-align: right;
	}
	
	/* PARTNER CALENDAR */
	.partner-calendar #calendar .cal-month-day, .partner-calendar #calendar .cal-cell {
	    height: 100px;
	}

/* HEADBAR */
	.notification-badge {
		position: absolute !important;
		top: 0px !important;
		right: 0px;
		border-radius: 17px;
	}

/* PMT */
	.pmt_headbar {
	    background-color: #000000;
	    padding: 15px 0;
	}
	.pmt_headbar h4 {
		color:#bbbbbb;
	}
	.pmt_headbar li a {
		padding: 0px 10px;
		font-size: 14px;
		font-weight: bold;
		color: #ccc !important;
	}
	.pmt_headbar li a:hover {
		color: #fff !important;
	}
	.pmt_headbar .navbar-nav > .open > a, .pmt_headbar .navbar-nav > .open > a:hover, .pmt_headbar .navbar-nav > .open > a:focus {
		color: #555 !important;;
    	background-color: transparent;
	}
	.pmt_headbar .dropdown-menu > li > a {
		display: block;
		padding: 5px 20px;
		clear: both;
		font-weight: normal;
		line-height: 1.42857143;
		color: #555 !important;
		white-space: nowrap;
	}
	.menu-pmt-mobile {
		display: none;
	}
	.menu-pmt-mobile button{
		color: #ccc;
		background-color: transparent;
		border-color: #ccc;
	}
	@media (max-width: 991px) {
		.pmt_headbar .navbar-right>li {
			display: inline-block;
		}
		.pmt_headbar .navbar-right {
			display: inline-block;
			float: right;
   			margin: 0;
		}
		.menu-pmt-mobile {
			display: inline-block;
		}
		.menu-pmt {
			display: none;
		}
	}
	@media (max-width: 768px) {
		.pmt_headbar .navbar-right .open .dropdown-menu {
			position: absolute;
			float: none;
			width: auto;
			margin-top: 0;
			background-color: #fff;    
			border: 1px solid #ccc;
			border: 1px solid rgba(0, 0, 0, .15);
			border-radius: 4px;
			-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
			box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
		}
		.pmt_headbar .navbar-right li a {
			font-size: 12px;
		}
		.profile-img {
			width: 32px;
			margin-right: 0px;
			margin-left: 2px;
		}
		.pmt_headbar li a {
			padding: 0px 5px;
		}
	}

	.profile-img {
		width: 32px;
		margin-right: 3px;
		margin-left: 5px;
	}
	.pmt_button_add_new {
		margin: 35px 10px 0 0;
	}
	@media (max-width: 991px) {
		.pmt_button_add_new {
			margin: 0px 10px 0 0;
		}
	}
	.pmt_search_form table thead tr {
	    background-color: #f9f9f9;
    	color: #000000;
    	font-weight: bold;
    }
	.pmt_search_form table>tbody>tr>td {
	    vertical-align: middle;
	    text-align: center;
	}
	.pmt_search_form table>tbody>tr>td>span {
		font-size: 11px;
	}
	.pmt_main_form table thead tr, .pmt_main_form table tbody .detailFooter, .pmt_main_table thead tr, .pmt_main_table tbody .detailFooter, .pmt_member_table thead tr,
	.pmt_edit_task_table thead tr, .pmt_edit_task_table tbody .detailFooter, .pmt_member_table tbody .detailFooter,.pmt_edit_note_table thead tr, .pmt_edit_note_table tbody .detailFooter,
	.pmt_file_table tbody .detailFooter, .pmt_file_table thead tr, .pmt-client-table thead tr, .pmt-client-table tbody .detailFooter,
	.pmt-contact-table thead tr, .pmt-contact-table tbody .detailFooter, .glossary-table thead tr {
	    background-color: #62A1D1 !important;
    	color: #ffffff;
    	font-weight: bold;
    }
    .pmt_main_form table, .pmt_main_table td, .pmt_search_form table, .pmt_edit_task_table, .pmt_member_table, .pmt_edit_note_table, .pmt_file_table {
	    font-size: 11px;
    }
	/* REPORT VIEW */
	.form-search-company,
	.form-search-quote,
	.form-search-contact,
	.form-search-project,
	.form-search-task,
	.form-search-title {
		background: #f5f5f5;
		padding: 15px;
		/* border-radius: 10px; */
	}
	.form-search-company label,
	.form-search-quote label,
	.form-search-contact label,
	.form-search-project label,
	.form-search-task label,
	.form-search-title label	 {
		margin-bottom: 2px;
		font-size: 11px;
	}
	.form-search-company .btn-group,
	.form-search-quote .btn-group,
	.form-search-contact .btn-group,
	.form-search-project .btn-group,
	.form-search-task .btn-group,
	.form-search-title .btn-group {
		padding-right: 15px;
	}
	.advanced-search {
		display: block;
	}
	@media (max-width: 991px) {
		.advanced-search {
			display: none;
		}
	}

	.quote-search-date-input,
	.project-search-date-input,
	.task-search-date-input {
		width: 46%;
		display: inline-block;
	}

	.task-search-name {
		width: 49%;
		display: inline-block;
	}

	.company-panel .dataTables_length,
	.contact-panel .dataTables_length,
	.project-panel .dataTables_length,
	.notification-panel .dataTables_length,
	.task-panel .dataTables_length,
	.quote-panel .dataTables_length,
	.title-panel .dataTables_length,
	.glossary-panel .dataTables_length  {
		float: left;
	}
	.company-panel #table_id_filter, .company-panel .dt-buttons,
	.contact-panel #table_id_filter, .contact-panel .dt-buttons,
	.project-panel #table_id_filter, .project-panel .dt-buttons,
	.notification-panel #table_id_filter, .notification-panel .dt-buttons,
	.task-panel #table_id_filter, .task-panel .dt-buttons,
	.quote-panel #table_id_filter, .quote-panel .dt-buttons,
	.title-panel #table_id_filter, .title-panel .dt-buttons,
	.glossary-panel #table_id_filter, .glossary-panel .dt-buttons,
	.admin_body #table_id_filter, .admin_body .dt-buttons {
		float: right;
		margin-right: 6px;
	}
	.company-panel .main-table,
	.contact-panel .main-table,
	.project-panel .main-table,
	.notification-panel .main-table,
	.task-panel .main-table,
	.quote-panel .main-table,
	.title-panel .main-table,
	.glossary-panel .main-table  {
		margin-top: 20px !important;
	}
	.company-panel .dt-pagination,
	.contact-panel .dt-pagination,
	.project-panel .dt-pagination,
	.notification-panel .dt-pagination,	
	.task-panel .dt-pagination,
	.quote-panel .dt-pagination,
	.title-panel .dt-pagination,
	.glossary-panel .dt-pagination {
		text-align: center;
	}

	.admin_body #table_id_paginate .pagination {
		float: none;
	}

	.company-panel #table_id_paginate,
	.contact-panel #table_id_paginate,
	.project-panel #table_id_paginate,
	.notification-panel #table_id_paginate,
	.task-panel #table_id_paginate,
	.quote-panel #table_id_paginate,
	.title-panel #table_id_paginate,
	.glossary-panel #table_id_paginate {
		display: inline-block;
	}
	.company-panel-footer,
	.contact-panel-footer,
	.project-panel-footer,
	.notification-panel-footer,
	.task-panel-footer,
	.quote-panel-footer,
	.title-panel-footer,
	.glossary-panel-footer {
		text-align: right;
	}
	.pmt-table-search-result thead tr,
	.partner-table-search-result thead tr {
		font-weight: bold;
		color: #444;
	}
	
	.pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus {
		background-color: #62A1D1 !important;
		border-color: #62A1D1;
		color: #62A1D1;
	}
	.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus {
		color: #fff;
		background-color: #62A1D1 !important;
		border-color: #62A1D1;
	}
	table.dataTable tbody>tr.selected {
		background-color: #888 !important; /* Add !important to make sure override datables base styles */
	}

    /* PROJECT */
    .btn-group-pmt-project {
    	margin-top:20px;
    	margin-bottom:10px;
    }
    .dropdown-menu-pmt-task {
    	min-width: 110px;
    }
    .select-status {
    	width: 150px;
    }
    .pmt_dupe_table tr td:nth-child(1), .pmt-contact-finance-table tr td:nth-child(1) {
		width: 300px;
    } 
    /* SEND MAIL */
    input[type="file"] {
		float: left;
		width: 90%;
	}
	a.remove_field span {
		width: 20px;
		height: 20px;
		float: right;
		margin-top: 3px;
		vertical-align: middle;
		margin-left:4px;
	}
	.remove_field {
		color: red;
	}
	.input_fields_wrap div input {
		margin-top: 5px;
		margin-bottom: 10px;
	}
	a.add_field_button {
		float: left;
		clear: both;
		padding: 0px;
	}
	.add_field_button span {
		color: #5cb85c;
		font-size: 20px;
	}
	.submit-mail-task {
		clear: both;
		margin-top: 10px;
	}
	.email-important-div {
		display: block;
		clear: both;
	}
	.email-important-div label {
		margin-top: 20px;
		float: right;
	}

	.file_upload input{

		width: 102px; 
		height: 102px; 
		border: dashed; 
		background-color: rgba(98,161,209,0.4);  
		border-width: thin;
		cursor: pointer;
	}

	.file_upload input:hover{

		background-color: rgba(56,173,130,0.4);
		border:solid;
		border-color: rgba(56,173,130,0.4);

	}

	@media (max-width: 991px) {
		.project-top-right-button-group {
			position: absolute;
			right: 0px;
			top: -40px;
		}
	}

/* STAFF CALENDAR */
	.container-calendar {
		text-align: center;
	}

/* ADMIN */
	.admin_headbar {
	    background-color: #000000;
	    padding: 15px 0;
	}
	.admin_headbar h4 {
		color:#bbbbbb;
	}
	.admin_body thead tr, .admin_body tbody .detailFooter {
	    background-color: #62A1D1 !important;
	    color: #000;
	    font-weight: bold;
	}
	/* TOOLBAR */
	.btn-group-admin {
    	margin-top:20px;
    	margin-bottom:10px;
    }

/* QUOTES */
	.add_tr_button span, .clone_tr_button span {
		color: #5cb85c;
		font-size: 15px;
		margin-top: 10px;
		margin-right: 5px;
	}
	.remove_tr_button span {
		color: red;
		font-size: 15px;
	    margin-top: 10px;
	}
    .remove_tr_button {
        display: none;
    }
	#serviceTable {
		margin-bottom: 0px;
	}
	.sort-quote {
		top: 10px;
		position: relative;
	}
	#feePercentage {
    	display: inline;
	}
	.serviceTable {
		margin: 15px 0 0 0 ;
	}
	.remove_serviceTable {
		float: right;
	}
	.blockName {
		width: 80%;
		display: inline;
	}
	.change-popup, .change-popup-disabled {
		position: fixed;
		bottom: 15px;
		left: 10px;
		color: #a7a7a7;
		font-weight: bold;
		z-index: 1;
		display: none;
	}

/* CLIENT COMPANY SECTION */
	.pmt-pricing-table thead, .pmt-pricing-table .tr-qa {
		font-weight: bold;
		text-align: center;
		background-color: #F4D13D;
	}
	.pmt-pricing-table .subheader {
		font-weight: bold;
		text-align: center;
		color: #fff;
		background-color: #2A82CA !important;
	}
	
/* GLOSSARY */
    #popup {
        position: absolute;
        z-index: 10;
        width: 200px;
        height: 100px;
        display:none;
        background-color: #ffffcc;
        padding: 10px;
        font-size: 12px;
		border-radius: 10px;
    }

    #popup hr {
        margin-top: 0px;
    }

	#popup p:nth-child(1) {
        margin-bottom: 0px;
		font-weight: bold;
    }

	#popup:after {
		top: 100%;
		left: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(255, 255, 204, 0);
		border-top-color: #ffffcc;
		border-width: 10px;
		margin-left: -10px;
	}

/* CHANGELOG */
	.container-changelog {
		text-align: justify;
	}

	.container-changelog p {
		font-family: "Courier New", Courier, monospace;
	}

/* DATATABLES */
.resulttable_wrapper1 {
    margin-bottom: 10px;
}
#table_id_wrapper {
    margin-bottom: 10px;	
}

/* CONTACT UPDATE */
.table-current-contactinfo tr {
	height: 45px;
}