body{

	background-color: #F1F2F3 !important;

}



#shadow{

	width: 100%;

	height: 100%;

	position: absolute;

	top: 0;

}



header.top_nav{

	position: fixed;

	right: 0;

	left: 0;

	width: 100%;

	height: 50px;

	color: white;

	z-index: 1000;

}



li#main-menu-search>form{

	margin-top: 12px;

	margin-bottom: 0px;

	padding-bottom: 0px;

}



li#main-menu-search>form>div.input-group{

	margin-bottom: 0px;

	padding-bottom: 0px;

}



li#main-menu-search button, li#main-menu-search input{

	border: none;

	background: transparent;

	color: white;

}



section#main-menu{

	position: fixed;

	top: 65px;

	left: 10px;

	background-color: white;

	color: white;

	width: 466px;

	border:solid 5px white;

	z-index: 5;

}



section.submenu{

	position: fixed;

	top: 317px;

	left: 10px;

	background-color: white;

	color: white;

	width: 466px;

	border:solid 5px white;

	z-index: 5;

}



section#main-menu>i.fa-caret-up, section.submenu>i.fa-caret-up{

	position: absolute;

	top:-23px;

	z-index: 6;

}



li.mobile-menu-item>a{

	position: relative;

}



li.mobile-menu-item>a>span{

	font-size:15px; position: absolute;left: 85px;

}



li.third-level {

	padding-left: 30px;

}



div.menu-tile{

	width: 110px;

	height: 110px;

	float: left;

	margin: 2px;

	text-align: center;

	padding: 25px 0px 5px 0px;

	position: relative;

	cursor: pointer;

}

div.menu-tile a, div.menu-tile a:visited{

	color: white;

}



div.menu-tile p{

	position: absolute;

	bottom: 0px;

	width: 100%;

	text-align: center;

}



.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover{

	color: inherit;

	background-color: initial;

}



#mobile-navbar{

	margin-top: 50px;

	background-color: #34323A;

	color: white;

	position: fixed;

	z-index: 5;

	overflow-y: scroll;

	-webkit-overflow-scrolling: touch;

	max-height: 500px;

}



#mobile-navbar>ul>li>a{

	color: white !important;

	padding-left: 35px;

}



.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{

	background-color: initial !important;

}



.navbar-nav .open .dropdown-menu{

	/*position: relative !important;*/

	background-color: #34323A !important;

	font-size: 13px !important;

}



.navbar-nav .open .dropdown-menu li{

	/*padding-left: 77px;*/

}



.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header{

	margin-left: 0px;

	margin-right: 0px;

}



.top_nav .nav>li>a:focus, .top_nav .nav>li>a:hover, .top_nav .nav .open>a, .top_nav .nav .open>a:focus, .top_nav .nav .open>a:hover{

	background-color: initial !important;

	color: inherit;

}



.navbar-nav .open .dropdown-menu li:hover{

	background-color: #1B1B1C;

}



.dropdown-menu>li>a{

	color: white;

}



li.mobile-menu-item.bgcolor-default.open{

	background-color: #1B1B1C;

}



form#mobile-search-form{

	padding-top: 0px;

	margin-bottom: 0px;

	-webkit-box-shadow: none;

	box-shadow: none;

}



header.top_nav>div.nav_menu{

	background: #1B1B1C;

	border-bottom: none;

}



div.nav.toggle{

	width: auto;

	margin-right: 20px;

}



div#mobile-main-spacer{

	margin-top: 75px;

}



div#main-spacer{

	margin-top: 50px;

}





.panel_toolbox>li{

	float: right;

}



div.x_panel{

	padding: 0px;

}



div.x_panel>div.x_title{

	background-color: #DDDDDD;

	color: #424242;

	padding: 2px 0px 2px 20px;

	margin-bottom: 0px;

}



div.x_panel>div.x_title>h2{

	margin: 5px 0;

}



div.x_panel>div.x_content{

	margin-top: 0px;

}



div.x_content_table{

	padding-right: 0px;

	padding-left: 0px;

}



div.x_content_table>table>thead>tr:first-child>th:first-child, div.x_content_table>table>tbody>tr>th:first-child{

	padding-left: 20px;

}



div.x_content_table>table>thead{

	background-color: #F4F4F4;

	color: #898989;

	border-bottom: solid 2.5px #CCCCCC;

}



div.x_content_table>table tr, div.x_content_table>table td{

	color: #898989;

}



i.green-dot{

	color: #48af48;

}



i.red-dot{

	color: #d63c18;

}



i.orange-dot{

	color: #D6782B;

}



span.label-pendiente{

	background-color: #7DCBEC;

	color: white;

	font-size: 90%;

	font-weight: normal;

}

span.label-pagado{

	background-color: #67509C;

	color: white;

	font-size: 90%;

	font-weight: normal;

}

span.label-vencido{

	background-color: #48af48;

	color: white;

	font-size: 90%;

	font-weight: normal;

}

span.label-por-cobrar{

	background-color: #d63c18;

	color: white;

	font-size: 90%;

	font-weight: normal;

}



.bgcolor-inicio{

	background-color: #d63c18;

}



.bgcolor-terceros{

	background-color: #48af48;

}



.bgcolor-operaciones{

	background-color: #3870b2;

}



.bgcolor-bancos{

	background-color: #1db0ed;

}



.bgcolor-gestion{

	background-color: #5138a8;

}



.bgcolor-rrhh{

	background-color: #d6782b;

}



.bgcolor-herramientas{

	background-color: #8c2f8a;

}



.bgcolor-seguridad{

	background-color: #9160cc;

}



.bgcolor-reportes{

	background-color: #5926aa;

}



.bgcolor-atras{

	background-color: #CECECE;

	color: #9A9A9A;

}



footer{

	background: transparent;

}





/* TERCEROS */



.panel-body:hover, .accordion .panel:hover {

	background-color: white;

}



.removeContacto, .delRow, #agregarContacto, #crearProyecto{

	color: #888989;

	cursor: pointer;

}



.removeContacto:hover, .delRow:hover{

	color: #888989;

}



span.dropdown.inner-terceros-options{

	background: #DCDCDC;

	position: relative;

	top: -3px;

	left: 5%;

	font-size: 11px;

	padding: 4px;

	display: inline-block;

}

/*

i.table-record-options-arrow{

	margin-left: 5px;

    width: 15px;

    height: 15px;

    text-align: center;

    background: #DCDCDC;

    position: relative;

    top: -3px;

    padding-top: 3px;

    font-size: 8px;

}

*/

p.tercero-tipo-detalle {

	padding: 0;

	margin: 0;

	line-height: 13px;

}



p.tercero-tipo-detalle>span{

	display: block;

	line-height: 18px;

	color: #3870B2;

	font-size: 10px;

}



tbody#table-body-list-terceros span.dropdown>ul.dropdown-menu {

	background-color: #F1F2F3;

	-webkit-box-shadow: 10px 10px 13px -4px rgba(170,170,170,1);

	-moz-box-shadow: 10px 10px 13px -4px rgba(170,170,170,1);

	box-shadow: 10px 10px 13px -4px rgba(170,170,170,1);

}



tbody#table-body-list-terceros span.dropdown>ul.dropdown-menu>li>a {

	color: #888889;

}



tbody#table-body-list-terceros span.dropdown>ul.dropdown-menu>li:hover{

	background-color: #1DB0ED;

}



tbody#table-body-list-terceros span.dropdown>ul.dropdown-menu>li:hover>a{

	color: white;

}



.select2-container{

	width: 100% !important;

}



td, .color-889, .color-889:hover, .color-889:active, .color-889:visited{

	color: #888889 !important;

}





.btn-filter{

	background-color: #8c2f8a;

	color: white;

	border-radius: 0;

	padding: 6px 50px;

	text-transform: uppercase;

	text-decoration: none;

}



.btn-out{

	background-color: #5138A8;

	color: white;

	border-radius: 0;

	padding: 6px 50px;

	text-transform: uppercase;

}



.btn-in{

	background-color: #3870B2;

	color: white !important;

	border-radius: 0;

	padding: 6px 50px;

	text-transform: uppercase;

}



.btn-out:hover, .btn-in:hover, .btn-filter:hover{

	color: white !important;

	text-decoration: underline;

}



.btn-filter.active.focus, .btn-filter.active:focus, .btn-filter.focus, .btn-filter:active.focus, .btn-filter:active:focus, .btn-filter:focus{

	color: white !important;

}



#filtrosCollapse{

	background-color: #7a7a7a;

	color: white;

}



.pofinco-form label{

	color: #898989;

}

.form-label-left .control-label {

	text-align: left;

}



.pofinco-form .accordion .panel-heading{

	background-color: #DDDDDD;

	color: #888989;

	border-radius: 0px;

}



.more-less {

	float: right;

	color: #8c8b8b;

	margin-top: -16px;

}



.tercero-title{

	padding: 10px 20px;

	color: #888989;

	font-weight: bold;

	width: 100% !important;

}



.border-bottom-gray{

	border-bottom: solid 2.5px #CCCCCC;

}



tr.table-vertical-borders>th{

	border-right: 1px #e1e1e1 solid;

	color: #888989;

	vertical-align: middle !important;

}



#datosContablesCollapse table thead tr{

	background-color: #f4f4f4;

}



.tt-menu {

	width: 422px;

	margin: 40px 0;

	padding: 8px 0;

	background-color: #fff;

	border: 1px solid #ccc;

	border: 1px solid rgba(0, 0, 0, 0.2);

	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);

	-moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);

	box-shadow: 0 5px 10px rgba(0,0,0,.2);

}



.input-group.tt-menu-right>.twitter-typeahead>.tt-menu{

	left: auto !important;

	right: -175px;

}



.tt-suggestion{

	color: #888989;

}



.tt-suggestion:hover{

	background-color: #1DB0ED;

	color: white;

}



.tt-suggestion>span{

	display: inline-block;

	padding: 0 12px;

	margin-right: 8px;

	border-right: solid 1px #ddd;

}



.twitter-typeahead {

	width: 100%;

	display: inline !important;

}



.inner-title{

	background-color: #DDDDDD;

	color: #424242;

	padding: 10px 8px;

	margin-bottom: 0px;

}



.row-tercero{

	margin: 0;

	border-left: solid 1px lightgray;

	border-top: solid 1px lightgray;

	border-right: solid 1px lightgray;

	color: #888989;

}



.form-filter-row{

	margin: 0;

	color: #888989;

}



.form-filter-row>.filter-label{

	padding: 10px;

	color: #8c8b8b;

	font-weight: bold;

}



.form-filter-row>.filter-data{

	padding: 2px;

	color: #8c8b8b;

}



.tab-container>.row-tercero:last-child{

	border-bottom: solid 1px lightgray;

}



.row-tercero .editData{

	float: right;

	margin-right: 10px;

	cursor: pointer;

}



.tercero-label {

	background: #F1F2F3;

	padding: 13px;

	color: #8c8b8b;

	font-weight: bold;

}



.tercero-data{

	padding: 12px;

	color: #888989;

}



.tercero-data.has-input{

	padding: 4px 15px;

}



#notaForm label{

	display: block;

}

/* -- BS CALLOUT ---*/



.bs-callout {

	padding: 20px;

	margin: 20px 0;

	border: 1px solid #eee;

	border-left-width: 5px;

	border-radius: 3px;



	font-style: italic;

	font-weight: bold;

	font-size: 12px;

}

.bs-callout h4 {

	margin-top: 0;

	margin-bottom: 5px;

}

.bs-callout p:last-child {

	margin-bottom: 0;

}

.bs-callout code {

	border-radius: 3px;

}

.bs-callout+.bs-callout {

	margin-top: -5px;

}

.bs-callout-default {

	border-left-color: #777;

}

.bs-callout-default h4 {

	color: #777;

}

.bs-callout-primary {

	border-left-color: #428bca;

	background-color: #DBECF6;

}

.bs-callout-primary h4 {

	color: #428bca;

}

.bs-callout-success {

	border-left-color: #5cb85c;

}

.bs-callout-success h4 {

	color: #5cb85c;

}

.bs-callout-danger {

	border-left-color: #d9534f;

}

.bs-callout-danger h4 {

	color: #d9534f;

}

.bs-callout-warning {

	border-left-color: #f0ad4e;

}

.bs-callout-warning h4 {

	color: #f0ad4e;

}

.bs-callout-info {

	border-left-color: #5bc0de;

}

.bs-callout-info h4 {

	color: #5bc0de;

}





table.dataTable thead .sorting_asc:after {

	position: absolute; right: 90%;

}

table.dataTable thead .sorting_desc:after {

	position: absolute; right: 90%;

}

table.dataTable thead .sorting:after {

	position: absolute; right: 90%;

}



table.dataTable thead .sorting_asc {

	padding-right: 20px !important;

}

table.dataTable thead .sorting_desc {

	padding-right: 20px !important;

}

table.dataTable thead .sorting {

	padding-right: 20px !important;

}



table.dataTable thead .th_producto.sorting_asc:after {

	position: absolute; right: 93%;

}

table.dataTable thead .th_producto.sorting_desc:after {

	position: absolute; right: 93%;

}

table.dataTable thead .th_producto.sorting:after {

	position: absolute; right: 93%;

}



table#terceros thead .sorting_asc:after,  table.dataTable thead .th_96.sorting_asc:after {

	position: absolute; right: 96%;

}

table#terceros thead .sorting_desc:after,  table.dataTable thead .th_96.sorting_desc:after {

	position: absolute; right: 96%;

}

table#terceros thead .sorting:after, table.dataTable thead .th_96.sorting:after {

	position: absolute; right: 96%;

}



table.dataTable thead .sorting_asc {

	padding-left: 18px;

}

table.dataTable thead .sorting_desc {

	padding-left: 18px;

}

table.dataTable thead .sorting {

	padding-left: 18px;

}



ul#tercero-dropdown-menu>li>a{

	font-size: 13px;

	color: #5A738E;

}



ul#tercero-dropdown-menu>.active>a,ul#tercero-dropdown-menu>li:hover>a{

	color: white;

}



.form-filter label {

	margin-top: 10px;

}



table.dataTable.dtr-column>tbody>tr>td.control:before, table.dataTable.dtr-column>tbody>tr>th.control:before{

	line-height: 16px;

}



@media screen and (max-width: 480px) {

	.form-filter label {

		margin-top: 15px;

	}



	span.dropdown.inner-terceros-options{

		left: -3px;

		top: 0;

	}



	.first-row-second-column table tr th:first-child, .first-row-second-column table tr td:first-child{

		width: 200px !important;

		display: inline-block;

	}

}





.table-bordered {

	border: 1px solid #f1f2f3;

}



.no-bottom-border{

	border-bottom: none !important;

}



.no-top-border{

	border-top: none !important;

}



.bottom-border{

	border-bottom: solid 1px #F1F2F3 !important;

}



.left-border{

	border-left: solid 1px #F1F2F3 !important;

}



.right-border{

	border-right: solid 1px #F1F2F3 !important;

}



.no-border{

	border: none !important;

}



.first-row-first-column table tr th:first-child, .first-row-first-column table tr td:first-child{

	width: 200px;

	display: inline-block;

}



.second-row-first-column table tr th:first-child, .second-row-first-column table tr td:first-child{

	width: 200px;

	display: inline-block;

}



.first-row-second-column table tr th:first-child, .first-row-second-column table tr td:first-child{

	width: 256px;

	display: inline-block;

}



.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{

	color: #888989;

	background: #EFEFEF;

}