body {
    /*font-family: 'Open Sans', 'Arial', sans-serif;*/
	font-family: 'Titillium Web', sans-serif;
	padding-top:65px;
}


html,body{
	overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6{
	font-weight:300;
}

@media (max-width: 992px) {

	[class*="col-"] {
		margin-bottom: 15px;
	}


	.af-dash-list {
		height: 300px;
	}
}
af-panel-fullheight
a:hover
{
	cursor: pointer;
	cursor: hand;
}

.isNotActiveItem {
        border-left: 3px solid #d51e1e;
        border-bottom: 1px solid #d51e1e;
        color: #ccc;
}

.isActiveItem {
        border-left: 3px solid #3ba448;
        border-bottom: 1px solid #3ba448;
        color: #3ba448;
}
/********
    José Clavel
    Mar 10 2017
    http://stackoverflow.com/questions/42100246/angular-ui-grid-scroll-error
    Se agrega esta clase, para resolver un problema con el scrolldown del grid en Chrome.    
***/
.ui-grid-viewport {
    overflow-anchor: none;
}


.dx-datagrid .dx-header-filter {
        color: #f65d0f;
}

.dx-datagrid .dx-header-filter-empty {
        color: rgba(149, 149, 149, 0.5) !important;
}

.columnHeaderCSS {
        font-weight: bold;
        color: #000;
        background-color: #fdffd2 !important;
}

.modal-title {
        margin: 0px 0px 20px;
        line-height: 1.42857143;
}
/***********GROWL***************/
.growl-container.growl-fixed.top-right {
  top: 60px;
  right: 15px;
}



/***************************************/

button.btn-bignav.btn-default,
a.btn-bignav.btn-default{
	color:#7f8c8d;
}

button.btn-bignav, a.btn-bignav{
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:15px;
	overflow:hidden;

}
button.btn-bignav span{
	display:block;
	text-overflow:ellipsis;
	overflow:hidden;
}
button[disabled].btn-bignav,button.disabled.btn-bignav{
	opacity:0.35;
}


.ngViewport.ng-scope{
    height: auto !important;
    overflow-y: hidden;
}


.notvisible{
	visibility:hidden;
}


 .prohibit.btn[disabled], .prohibit.btn.disabled{
     cursor:not-allowed;
 }
  .btn[disabled], .btn.disabled, span[disabled], span.disabled{
     cursor:default;
 }

	*::-webkit-scrollbar {
		-webkit-overflow-scrolling: touch;
		height: 15px;
		width: 15px;
	 }
	*::-webkit-scrollbar-button:start:decrement,
	*::-webkit-scrollbar-button:end:increment {
		background: transparent;
		display: block;
		height: 0;
	}
	*::-webkit-scrollbar-track {

    background-clip: padding-box;

    background-color: transparent;
  }
  *::-webkit-scrollbar-thumb {
		background-clip: padding-box;
    border: 1px solid transparent;
    border-width: 0 0 0 5px;
    background-color: #e2e2e7;
  }
	body::-webkit-scrollbar-thumb {

    background-clip: padding-box;

    background-color: #d2d2d7;
  }

input[type="search"] {
 /*-webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;*/
 -webkit-appearance: searchfield;
}

input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: searchfield-cancel-button;
}


.af-finance-totalrow{
	font-weight:bold;
	background-color:#eee!important;
}
.af-finance-percentage-text{
	font-size:0.8em;
	color: #666;
}


section.af-panel {
    margin-bottom: 30px;
    background-color: #fff;
    -webkit-box-shadow: 10px 10px 22px -9px rgba(136,136,136,1);
    -moz-box-shadow: 10px 10px 22px -9px rgba(136,136,136,1);
    box-shadow: 10px 10px 22px -9px rgba(136,136,136,1);
    border-style:solid;
    border-width:1px;
    border-color:rgba(136,136,136,0.4);
}

	section.af-panel.af-panel-transparent {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border : none;
	height: 600px;
	}
	section.af-panel.af-panel-transparent > article{
	padding: 15px 0;
	}
    section.af-panel > header {
        padding: 15px;
		padding-right:100px;
        border-bottom: 1px solid #e2e2e7;
        position: relative;
        background-color:#FFF;
    }

		section.af-panel > header > h1 {
			font-size: 25px;
			font-weight:600;
			text-transform:uppercase;
			display: inline-block;
			margin: inherit;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			/*width: 420px;*/
			line-height:30px;
			max-width:100%;
		}
		.col-md-12>section.af-panel>header>h1{
			width:auto;
		}

		section.af-panel.project >header{
			border-left: 8px solid #f1c40f;
		}
		section.af-panel.project >header >h1 >i{
			color:#f1c40f;
		}

		section.af-panel.client >header{
			border-left: 8px solid #8e44ad;
		}
		section.af-panel.client >header >h1 > i{
			color: #8e44ad;
		}

		section.af-panel.proposal >header{
			border-left: 8px solid #27ae60;
		}
		section.af-panel.proposal >header >h1 >i{
			color:#27ae60;
		}
		section.af-panel > header > h2 {
			font-size: 1.5em;
						display: inline-block;
			margin: inherit;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
			width: 420px;
		}
		section.af-panel > header.white {
			background-color:white;
		}
		section.af-panel > header > h1 >i:after {
            content: "";
			margin-right:7px;
        }

        section.af-panel > header > div.af-toolbar {
            position:absolute;
			top:12px;
			right:10px;
			
        }
		.af-toolbar div.dropdown{
			display:inline-block;
		}


    section.af-panel > article {
        padding: 15px ;
    }
	section.af-panel .af-dash-list{
		height:600px;
	}
	section.af-panel.af-panel-std .af-dash-list{
		height:530px;
	}

    section.af-panel > article.nopadding {
            padding: 0;
     }
    section.af-panel > article.noscroll{
		overflow:hidden;
     }
	 section.af-panel > article.wider{
		overflow-y:auto;
     }

    section.af-panel.af-panel-std > article {
        height: 532px;
        overflow-y: auto;
    }

    section.af-panel.af-panel-small > article {
        height: 330px;
        overflow-y: auto;
    }
	section.af-panel.af-panel-std > article.small {
		height: 250px;
	}

	section.af-panel.af-panel-fullheight > article {
    min-height: 532px;
    }
	section.af-panel .af-balancesheet-grid {
    height: 1500px;
    }

	.ui-grid-row:nth-child(even) .ui-grid-cell {
    background-color: #fdfdfd;
}



	.anchor-row{
		position:relative;
	}
	.anchor-row span.archived{
		position:absolute;
		right:0;
	}

	.af-panel-state{
		display:flex;
		align-items:center;
		height:80%;
		justify-content:center;
		color:#ccc;
		overflow:hidden;
		
	}
	.af-panel-state p{
		text-align:center;
		opacity:0.4;
		transition: opacity ease-in-out 0.25s ;
	}
	.af-panel-state:hover p{
		opacity:1;
	}



/************ FIX para las modales ********/

.modal.in .modal-dialog{
	margin-top:80px;
}

	/*******Panel toolbar button colors**************/

section.af-panel > header > .af-toolbar > button.btn-default.btn-trash {
	color:#c0392b; /*Pomegranite*/
}

.af-toolbar > .btn.disabled, .af-toolbar >.btn[disabled]{
	opacity:0.4;
}






/********Angular Dropover usado en el tooltip para People QuickCreate **********/

/*[ng-dropover] {
  display: inline-block;
  float:right;
 
}

.ngdo-contents {
  border: 1px solid rgba(136,136,136,0.4);
  border-radius: 4px;
  height: 300px;
  width: 300px;
  background-color: #e2e2e7;

  box-shadow: 0px 5px 6px #888888;
  z-index:200;
}
.ngdo-contents > header{
	font-size: 18px;
	background-color:#F0AD4E;
	padding: 5px;
}
.ngdo-contents > article{
	padding:15px;
}


div.arrowed:before, div.arrowed:after {
	content: ' ';
	height: 0;
	position: absolute;
	width: 0;
	border: 10px solid transparent;
}

div.arrowed:before {
	border-bottom-color: #fff;
	position: absolute;
	top: -19px;
	left: 140px;
	z-index: 2;
}

div.arrowed:after {
	border-bottom-color: rgba(136,136,136,0.4);
	position: absolute;
	top: -20px;
	left: 140px;
	z-index: 1;
}*/

/****************File Manager*******/
.fm-row .fm-toolbar{
	opacity:0;
		transition:0.15s;
	transition-delay:0s;

}
.fm-row:hover .fm-toolbar{
	opacity : 1;
		transition: 0.3s;
	transition-delay:0.5s;
}



/****************Fix para avance por estatus*******/

#tblProgressStatus_wrapper{
	overflow:auto;
}




/**************** af-jump*******/

.af-jump {
	padding-left: 4px;
	color:rgb(230,230,230);
}
.form-group:hover .af-jump{
	color:#808080;
}


/**************** ActivityPanel *******/

/*.ui-grid-row:nth-child(odd) .ui-grid-cell.af-activity-complete {
    background-color: #42c97a;
	color:#fff;	
	font-style:italic;
}*/

.af-activity-complete {
	/*color:#bdc3c7;*/
	font-weight: 300;
	
	text-decoration:line-through;
}
.af-activity-open {
	font-weight:300;
}

.af-activity-mine{
	font-weight:800;
	color:#2980b9;
}

/**************** ui-grid *******/
	section.af-panel .ui-grid-top-panel{
		background:#fff;
	}

	.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell{
		background-color:#ecf0f1;
	}

	/** Para poder poner iconos de fontawesome en el headerCell **/
	.af-grid-header-icon{
		font-family:FontAwesome;
		font-style:normal;
	}
	.af-hasactivity-icon{
		color:#bdc3c7;
	}

	.header-filtered {
		background-color:#CBE7D3;
	}





/*.af-nav-menu a span.project{
	color:#f1c40f;
}

.af-nav-menu a span.client{
	color:#8e44ad;
}
.af-nav-menu a span.proposal{
	color:#27ae60;
}*/









.af-nav-user{
	display:flex;
}
.af-nav-user > ul{
	display:flex;
}


/********* STATUS *********/

article.af-status{
	display:flex;
	flex-direction:column;
	justify-content:space-between;
}

article.af-status.archived, article.af-status.canceled{
	background-color:#eee;
}


.af-status-status{
	font-size:30px;
	color:#95a5a6;
	position:relative;
	line-height:55px;
	overflow:hidden;
	white-space:nowrap;
}
.af-status-status-icons{
	font-size:30px;
	opacity:0.5;
}
.af-status-status-icons .cancel-icon{
	color:red;
}

.af-status-statusdate{
	font-size:14px;
	color:#95a5a6;
}
.af-date-header{
	margin-top:20px;
	text-transform:uppercase;
	text-align:right;
}
.af-status-duedate{
	text-align:right;
}
.af-status-date{
	
}
.af-status-daymo{
	font-size:60px;
	text-transform:lowercase;
	font-weight:600;
	color:#16a085 ;
	opacity:0.5;
}

.af-status-year{
	font-size:30px;
	color:#bdc3c7;
	
}

 .af-status .progress-wrapper{
            position: relative;
            margin:20px auto;
            font-size: 40px;
			text-align:center;
        }
.af-status .taskcount{
    position: absolute;
    color: #bbb;
    font-weight: 100;
    line-height: 1;
}

.af-status .af-status-effort{
	margin-top:20px;
	line-height:20px;
}
.af-status .af-status-effort span:first-child{
	font-size:28px;
}
/*--------------------------------*/

.angular-notifications-icon{
	height:20px;
	min-width:20px;
	font-size:10px;
	cursor:pointer;
}





/*Formats a fixed column in dropdown lists form a check icon*/
.af-dropdown-with-checks li a{
	padding-left: 30px;
}
.af-dropdown-with-checks li a span.af-dropdown-check{
	position:absolute;
	left:5px;
}
/*--------------*/




/*MEDIA FOR CONTACTS*/
.media-body h4{
	font-weight:600;
}
.media-body h4 > small{
	font-style:italic;
	padding-left:15px;
}
.media-left img{
	height:64px;
	width:64px;
}
.media.selected{
	background-color:#eee;
}
/*--------------*/

i.fa-trash,i.fa-trash-o {
	color: red;
}

/* LIST OF TEAMMEMBERS */
.af-badge-islead{
	background-color:#337ab7;
}
.af-badge-team{
	background-color:#eee;
	color:#aaa;
}
.af-team-list{
	cursor:pointer;
}
/*--------------*/

/****People lists and Contacts*****/
ul.af-affiliation-list{
	list-style:none;
	padding-left:0;
}
ul.af-affiliation-list .af-affiliation-org{
	font-weight:bold;
}
/*--------------------------------*/


/**** PROFILES *****/

table.af-profiles thead th{
	text-align:center
}

table.af-profiles tbody td{
	text-align:center;
}
/*table.af-profiles tbody td button {
	font-size:10px;
}*/
table.af-profiles tbody td:first-child{
	text-align:left;
	cursor:default;
}

.af-userprofile-overriden{
	opacity:1;
	font-weight:600;
}
.af-userprofile-fromprofile{
	opacity:0.3;
}
/*--------------------------------*/


/**** Dash select *****/

.af-panel .chart-container{
	text-align:center;
}

/*--------------------------------*/


/**** Activity Panel ui-tree *****/
table[ui-tree].af-activities tbody td:nth-child(1){
	width:40px;
	color:#888;
}
table[ui-tree].af-activities tbody td:nth-child(1):hover{
	width:40px;
	color:#888;
}
table[ui-tree].af-activities tbody td:nth-last-child(2){
	width:180px;
}
table[ui-tree].af-activities tbody td:last-child{
	width:40px;
}
textarea.animate:focus {
    -webkit-transition: height 50ms ease-in-out;
        -moz-transition: height 50ms ease-in-out;
        -o-transition: height 50ms ease-in-out;
            transition: height 50ms ease-in-out;
}
.msd-elastic, textarea[msd-elastic]{
	max-height:200px;
}

.af-panel article input[disabled].form-control,
.af-panel article input.disabled.form-control,
.af-panel article select.disabled.form-control,
.af-panel article select[disabled].form-control,
.af-panel article textarea[disabled].form-control,
.af-panel article textarea.disabled.form-control,
.af-panel article div[disabled].ui-select-bootstrap span[disabled].form-control.ui-select-toggle,
.af-panel article .ui-select-bootstrap span.form-control[disabled],
.af-panel article .ui-select-bootstrap.ui-select-multiple[disabled],
.af-panel article span.form-control[disabled], .af-panel article span.form-control.disabled
{
	background:#fff;
	border:none;
	box-shadow:none;
	cursor:initial;
	font-weight:bold;
	/*font-size:1.2em;*/
	color:#555;
	-webkit-appearance:none;
}


.af-panel article div[disabled].ui-select-bootstrap span[disabled].form-control.ui-select-toggle >.caret{
	display:none;
}

.af-panel article table input[disabled].form-control,
.af-panel article table input.disabled.form-control,
.af-panel article table select.disabled.form-control,
.af-panel article table select[disabled].form-control,
.af-panel article table textarea[disabled].form-control,
.af-panel article table textarea.disabled.form-control,
.af-panel article table div[disabled].ui-select-bootstrap span[disabled].form-control.ui-select-toggle,
.af-panel article table .ui-select-bootstrap span.form-control[disabled],
.af-panel article table .ui-select-bootstrap.ui-select-multiple[disabled],
.af-panel article table span.form-control[disabled], .af-panel article span.form-control.disabled{
	font-weight:normal;
}




.af-panel article .ui-select-bootstrap span.form-control.ui-select-toggle[disabled]{
	opacity:1;
}

.af-panel article label{
	font-weight:normal;
}

.af-activity-newstage{
	border-top : 2px solid #31b0d5;
}


/*** Fix para angular-ui-select. Cuando las cajas estan vacias con el tema de bootstrap, el tama~no collapsa. por lo tanto hay que poner este hack. **/
.ui-select-multiple.ui-select-bootstrap {
	min-height: 31px;
}
/*----------------*/



/****** Totales en tablas ***********/

table tfoot tr:first-child th{
	border-top-color:#333;
}


/****** Servicios Direct Cost Table  ***********/

table.af-table-directcost  thead th{
	text-align:center;
}
table.af-table-directcost  thead th:first-child{
	text-align:left;
}

table.af-table-directcost tbody td:nth-child(2),
table.af-table-directcost tbody td:nth-child(7),
table.af-table-directcost tbody td:nth-child(8)
{
	width:120px;
}
table.af-table-directcost tbody td:nth-child(3),
table.af-table-directcost tbody td:nth-child(4),
table.af-table-directcost tbody td:nth-child(5),
table.af-table-directcost tbody td:nth-child(6)
{
	width:100px;
}

.af-panel article  .af-table-directcost tfoot th:nth-child(7) span.form-control[disabled]  ,
.af-panel article  .af-table-directcost tfoot th:nth-child(8) span.form-control[disabled]{
	color: #eea236;
	font-size: 1.5em;
}

/*------------------------------------------*/


/****** Proposal Direct Cost Table  ***********/

table.af-proposal-directcost tbody>tr>td{
	vertical-align:middle;
}

table.af-proposal-directcost  thead th{
	text-align:center;
}
table.af-proposal-directcost  thead th:first-child{
	text-align:left;
}

table.af-proposal-directcost tbody td:nth-child(2),
table.af-proposal-directcost tbody td:nth-child(11)
{
	width:120px;
}
table.af-proposal-directcost tbody td:nth-child(3),
table.af-proposal-directcost tbody td:nth-child(4),
table.af-proposal-directcost tbody td:nth-child(6),
table.af-proposal-directcost tbody td:nth-child(8)
{
	width:100px;
}
table.af-proposal-directcost tbody td:nth-child(5),
table.af-proposal-directcost tbody td:nth-child(7),
table.af-proposal-directcost tbody td:nth-child(9),
table.af-proposal-directcost tbody td:nth-child(10)
{
	width:50px;
}

.af-panel article  .af-proposal-directcost tfoot th:nth-child(7) span.form-control[disabled]  ,
.af-panel article  .af-proposal-directcost tfoot th:nth-child(8) span.form-control[disabled]{
	color: #eea236;
	font-size: 1.5em;
}

/*------------------------------------------*/




.af-intertitle {
	text-align:center;
	border-bottom: 3px solid #888;
	margin-bottom:40px;
	line-height:1.8em;
}
.af-table-service-costs tbody td:nth-child(3),
.af-table-service-costs tfoot th:nth-child(3){
	text-align:right;
}
.af-table-service-prices td,
.af-table-service-prices th {
	text-align:right;
}
.af-table-service-prices td:first-child {
	text-align:left;
}

.progress-bar-color1 {
	background-color:#888;
}
.progress-bar-color2 {
	background-color:#ccc;
}
.text-color1 {
	color:#888;
}
.text-color2 {
	color:#ccc;
}


.af-table-proposal-prices td,
.af-table-proposal-prices th {
	text-align:right;
}
.af-table-proposal-prices td:first-child {
	text-align:left;
}
.af-table-proposal-prices td:last-child {
	border-left:1px solid #ddd;
}
.af-table-proposal-prices tfoot  th:last-child {
	font-size:1.5em;
}
h1.af-quoted-price-head{
	margin-top:0;
	margin-bottom:0;
}
h3.af-quoted-price-head{
	margin-top:0;
}
/*---------------------------*/



/****** Tablas Nuevo Item  ***********/

tr.af-item-isnew td:first-child{
	border-left : 2px solid #31b0d5;
}

/*---------------------------*/


/****** Tabla Gastos de Propuestas ***********/

.af-table-proposal-expenses th:nth-child(2){
	width:150px;
}
.af-table-proposal-expenses th:nth-child(3){
	width:150px;
}
.af-table-proposal-expenses th:nth-child(1){
	width:200px;
}
.af-table-proposal-expenses th:nth-child(5){
	width:60px;
}
.af-table-proposal-expenses tfoot th:nth-child(3) {
	color: #eea236;
	font-size: 1.5em;
	
}
/*---------------------------*/



/****** Tabla Gastos de Operaciones ***********/

.af-project-operations	{
	overflow:auto;
}
.af-project-operations table thead th{
	text-align:center;
}
.af-project-operations table thead th:nth-child(5),
.af-project-operations table thead tr:first-child th:nth-child(6),
.af-project-operations table thead tr:first-child th:nth-child(7),
.af-project-operations table thead tr:nth-child(2) th:nth-child(14),
.af-project-operations table thead tr:nth-child(2) th:nth-child(15)
{
	border-left:1px solid #888;
}
.af-project-operations table th:nth-child(1),
.af-project-operations table th:nth-child(2),
.af-project-operations table th:nth-child(14),
.af-project-operations table th:nth-child(16)
{
	min-width:200px;
}
.af-project-operations table th:nth-child(3){
	min-width:120px;
}
.af-project-operations table th:nth-child(4),
.af-project-operations table th:nth-child(8){
	min-width:300px;
}

.af-project-operations table th:nth-child(5)
{
	min-width:150px;
}
.af-project-operations table th:nth-child(7){
	min-width:80px;
}
.af-project-operations table th:nth-child(6),
.af-project-operations table th:nth-child(10),
.af-project-operations table th:nth-child(11),
.af-project-operations table th:nth-child(12),
.af-project-operations table th:nth-child(13){
	min-width:150px;
}



/*---------------------------*/





/****** Tabla Gastos de Operaciones ***********/

.af-ops-blocked-cell{
	background-color:#f2f2f2;
}
/*---------------------------*/


.af-project-header{
	border-bottom:4px solid #f1c40f;
	height:50px;
	padding:0;
	font-size:2.3em;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
.af-project-header-name{
	color:#333;
	padding-left:20px;
	text-transform:uppercase;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.af-project-header-icon{
	background-color:#f1c40f;
	color:white;
	width:55px;
	height:50px;
	text-align:center;
	padding-top:3px;
	border-radius:50%;
}



.af-service-header{
	border-bottom:4px solid #888;
	height:50px;
	padding:0;
	font-size:2.3em;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}
.af-service-header-name{
	color:#888;
	padding-left:20px;
	text-transform:uppercase;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.af-service-header-icon{
	background-color:#888;
	color:white;
	width:55px;
	height:50px;
	text-align:center;
	padding-top:3px;
	border-radius:50%;
}

.af-client-header{
	border-bottom:4px solid #8e44ad;
	height:50px;
	padding:0;
	font-size:2.3em;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	margin-bottom:30px;
}
.af-client-header-name{
	color:#333;
	padding-left:20px;
	text-transform:uppercase;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.af-client-header-icon{
	background-color:#8e44ad;
	color:white;
	width:55px;
	height:50px;
	text-align:center;
	padding-top:3px;
	border-radius:50%;
}

.af-expense-header {
        border-bottom: 4px solid #3e77d1;
        height: 50px;
        padding: 0;
        font-size: 2.3em;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 10px;
}

.af-expense-header-name {
        color: #333;
        padding-left: 20px;
        text-transform: uppercase;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
}

.af-expense-header-icon {
        background-color: #3e77d1;
        color: white;
        width: 55px;
        height: 50px;
        text-align: center;
        padding-top: 3px;
        border-radius: 50%;
}

.af-title-header {
        border-bottom: 4px solid rgba(136,136,136,1);
        height: 50px;
        padding: 0;
        font-size: 2.3em;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-bottom: 10px;
}

.af-title-header-name {
        color: rgba(136,136,136,1);
        padding-left: 20px;
        text-transform: uppercase;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
}

.af-title-header-icon {
        background-color: rgba(136,136,136,1);
        color: white;
        width: 55px;
        height: 50px;
        text-align: center;
        padding-top: 3px;
        border-radius: 50%;
}

.af-title-header-backbtn {
        color: rgba(136,136,136,1);
        display: block;
        position: absolute;
        top: 10px;
        right: 20px;
        font-size: 16px;
}

.af-title-header-backbtn span {
        margin-left: 5px;
}

.af-proposal-header{
	border-bottom:4px solid #27ae60;
	height:50px;
	padding:0;
	font-size:2.3em;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	margin-bottom:30px;
}
.af-proposal-header-name{
	color:#333;
	padding-left:20px;
	text-transform:uppercase;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.af-proposal-header-icon{
	background-color:#27ae60;
	color:white;
	width:55px;
	height:50px;
	text-align:center;
	padding-top:3px;
	border-radius:50%;
}


.af-setting-header{
	border-bottom:4px solid #b7b7ba;
	height:50px;
	padding:0;
	font-size:2.3em;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	margin-bottom:30px;
}
.af-setting-header-name{
	color:#333;
	padding-left:20px;
	text-transform:uppercase;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.af-setting-header-icon{
	background-color:#b7b7ba;
	color:white;
	width:55px;
	height:50px;
	text-align:center;
	padding-top:3px;
	border-radius:50%;
}




table.af-table-project-sics thead tr th:first-child,
table.af-table-project-sics tbody tr td:first-child,
table.af-table-project-sics tbody tr td:first-child,
table.af-table-project-sics thead tr th:last-child{
	width:80px;
}
table.af-table-project-sics-add{
	width:100%;
}
table.af-table-project-sics-add tbody tr td:last-child{
	width:80px;
	padding:8px;
	text-align:center;
}


/*********  INFO VALUES table ************/

table.af-table-info tbody tr td:nth-child(2)>textarea {
	font-weight:bold!important;
}



.client-table mark{
    padding-left:0;
    padding-right:0;
}


@media (max-width: 576px) {
    section.af-panel.af-panel-small > article {
        height: initial;
        overflow-y: auto;
    }

    section.af-panel > header > h1{
        font-size:14px;
    }

}