body {
    font-family: helvetica;
}
html, body {
    height: 100%;
    font-family: sans-serif;
}

.content {
    padding-top: 20px;
	font-family: sans-serif;
}

.logo {
    float: left;
    display: block;
}

.num_result {
	height: 50px;
	margin-left: 840px;
	margin-top: 465px;
	position: absolute;
	width: 400px;
	z-index: 50;
	color: #FFFFFF;
	font-size: 14px;
}

.num_version {
	margin-left: 823px;
	margin-top: 5px;
	position: absolute;
	z-index: 50;
	font-size: large;
	font-weight: bold;
}
.bold{
    font-weight: bold;
}
.num_result_candidate {
	height: 50px;
	margin-left: 840px;
	margin-top: 465px;
	position: absolute;
	width: 400px;
	z-index: 50;
	color: #FFFFFF;
	font-size: 14px;
}
.backButton {
	margin-left: 408px;
	margin-top: 465px;
	position: absolute;
	z-index: 50;
	font-size: 14px;
}
.saveAndRejectButton {
	margin-left: 552px;
	margin-top: 481px;
	position: absolute;
	z-index: 50;
	font-size: 14px;
}
.deletePOSButton input {
	color: #000000;
}
.deletePOSButton {
	margin-left: 350px;
	margin-top: 465px;
	position: absolute;
	z-index: 50;
	font-size: 14px;
	color: #000000;
}
.deleteOneTendero {
	margin-top: 5px;
	position: absolute;
	margin-left: 648px;
	font-size: 14px;
}
#spinner {
	z-index: 60;
	position: relative;
	text-align: center;
	display: none;
}

.logout-box {
    width: 175px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
    display: block;
    background-color: #e3e3e3;
    border-radius: 3px;
}

    .logout-box a {
        color: orangered;
        font-weight: bold;
    }

    .logout-box span {
        font-size: 12px;
        color: #333;
    }

ul li {
	list-style-type: none;
}
/* Avoid underline in menu links*/
li a {
	text-decoration: none;
}

.content .rule_form form {
    margin-left: 20px;
}

.content .rule_form .errorlist {
    margin: 0;
    padding-left: 10px;
    float:right;
    background-color: #FFDDDD;
    border: 2px solid #FF7777;
}

.content .rule_form form ul li {
	margin-bottom: 0;
	background: none;
}

.content .rule_form form tr {
	border: 1px solid #CCCCCC;
	margin: 2px;
}

.content .left {
	float: left;
	margin: 0 20px;
    width: 175px;
}

.country_selector {
    width: 175px;
    margin: 5px 0 10px 0;
}

.menu, .submenu {
	width: 175px;
}

.submenu {
    margin: 5px 0 15px 0;
}

    .menu a, .submenu a {
        text-decoration: none;
        color: white;
        display: block;
        width: 100%;
        height: 100%;
        background: #7d7e80;
        border-radius: 3px;
    }

    .submenu a {
        background: #479c05;
    }

    #tendero_name {
        text-decoration: none;
        color: white;
        display: block;
        width: 100%;
        height: 100%;
        background: #444;
        border-radius: 3px;
        text-align: center;
        height: 36px;
        line-height: 36px;
        font-weight: bold;
        overflow: hidden;
        padding: 0 7px;
		white-space: nowrap;
		text-overflow: ellipsis;
		box-sizing: border-box;
    }

    .menu a:hover {
        background-color: #efffe2;
        color: #7d7e80;
    }

    .submenu a:hover {
        background-color: #efffe2;
        color: #7d7e80;
    }

    .menu .active a {
        background-color: #479c05;
        color: #FFFFFF;
    }

    .submenu .active a {
        background-color: #265700;
        color: #FFFFFF;
    }

    .menu li {
        height: 36px;
        line-height: 36px;
        margin-top: 1px;
        color: white;
        font-size: 0.95rem;
    }

    .submenu li {
        height: 28px;
        line-height: 28px;
        margin-top: 1px;
        color: white;
        font-size: 0.9rem;
        cursor: pointer;
    }

        .menu li .fa, .submenu .fa {
            margin-left: 10px;
            margin-right: 10px;
        }

        .submenu .tt-caja-license {
            margin-left: 30px;
            margin-right: 0px;
        }

        .submenu .tt-control-license {
            margin: 0;
        }

        .license-ok {
            color: #adff2f;
        }

        .license-warning {
            color: #ffc22f;
        }

        .license-expired {
            color: #ce2525;
        }

        .license-null {
            color: #a3a4a6;
        }



.content .right {
    margin-left: 215px;
    margin-right: 20px;
}

.content .right div.upper_text_left {
	background-color: #6d9d30;
	margin-left: 20px;
	margin-top: 10px;
	color: white;
	float: left;
}
.content .right div.upper_text_center {
	margin-left: 82px;
	margin-top: 10px;
	color: white;
	background-color: #6d9d30;
	float: left;
}

.content .right div.name_product_sold {
	width: 55px;
	height: 384px;
	background: url('../images/psold_titlespace.jpg') no-repeat #6d9d30;
	float: left;
	margin-right: 2px;
}


.content .right div.operations_daily {
	width: 55px;
	height: 384px;
	background: url('../images/cdia_titlespace.jpg') no-repeat #6d9d30;
	float: left;
	margin-right: 2px;
}
.content .right div.name_inventory {
	width: 55px;
	height: 384px;
	background: url('../images/title_inventory.png') no-repeat #6d9d30;
	float: left;
	margin-right: 2px;
}
.content .right p.title_usage {
	text-align: center;
	background: url('../images/overview_title_usage02.jpg');
}
.content .tabs ul li {
	float: left;
	border-left: 2px solid #6d9d30;
	width: 175px;
	height: 29px;
	position: relative;
}
.content .tabs ul li.last {
	width: 221px;
}
.content .tabs ul li span {
	width: 173px;
	height: 27px;
	background: none;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}
.content .tabs ul li.active span {
	width: 173px;
	height: 27px;
	background: #6d9d30;
	color: #FFFFFF;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	font-size: 13px;
}
.content .tabs ul li.last.active span {
	width: 220px;
}
.content .tabs ul li.last a {
	width: 216px;
}
.content .tabs ul li a {
	color: #6d9d30;
	font-size: 13px;
	padding-left: 5px;
	float: left;
	width: 168px;
	height: 27px;
}
.content .tabs ul li a:hover {
	background: #6d9d30;
	color: #fff;
}
.content .tabs ul li.active {
	color: #fff;
	position: relative;
	z-index: 9;
	font-size: 12px;
}

.content .table {
	width: 849px;
	height: 485px;
	background: #6d9d30;
	overflow: hidden;
	float: left;
	position: relative;
}
.content .table .back {
	position: absolute;
	background: #36B7BD;
	width: 830px;
	height: 414px;
	left: 10px;
	top: 60px;
	z-index: 1;
}
.content .table .table-head {
	float: left;
	width: 744px;
	height: 50px;
	margin-top: 10px;
}
.content .table .table-head div {
	width: 9px;
	height: 9px;
	float: right;
	margin-right: 4px;
	margin-top: 6px;
}
.content .table .table-head a {
	position: absolute;
	width: 15px;
	height: 15px;
	top: 8px;
	right: 1px;
}
.content .table .table-wrap {
	width: 744px;
	height: 404px;
	overflow: auto;
	margin-top: 9px;
	float: left;
}
.content .table div.left-shadow {
	background: url('../images/shadow-left.png') repeat-y;
	position: absolute;
	left: 5px;
	top: 8px;
	height: 467px;
	width: 5px;
}
.content .table div.top-shadow {
	background: url('../images/shadow.png') repeat-x;
	position: absolute;
	width: 831px;
	height: 5px;
	left: 9px;
	top: 4px;
}
.content .table div.right-shadow {
	background: url('../images/shadow-right.png') repeat-y;
	position: absolute;
	width: 5px;
	height: 467px;
	right: 4px;
	top: 8px;
}
.content .table div.bottom-shadow {
	background: url('../images/shadow-bottom.png') repeat-x;
	position: absolute;
	width: 831px;
	height: 5px;
	left: 9px;
	bottom: 5px;
}
.content .table table {
	background: #36b7bd;
	margin-left: 10px;
	width: 716px;
	float: left;
	color: #fff;
	font-size: 13px;
	overflow: hidden;
}
.content .table .table-wrap table {
	height: 464px;
}
.content .table .table-wrap a {
	color: #fff;
}
.content .table .table-head table {
	padding-top: 9px;
	width: 735px;
	height: 50px;
	float: left;
}
.content .table .table-head tr td img {
	float: right;
}
.content .table .table-head table tbody {
	height: 41px;
}
.content .table table tbody {
	float: left;
}
.content .table table tr {
	height: 29px;
	float: left;
	margin-left: 9px;
}
.content .table table tr td.name {
	width: 205px;
}
.content .table table tr td.tel {
	width: 92px;
}
.content .table table tr td.join {
	width: 66px;
}
.content .table table tr td.kb, .content .table table tr td.ops, .content .table table tr td.apk {
	width: 40px;
}
.content .table table tr td.last-s {
	width: 87px;
}
.content .table table tr td.profile {
	width: 61px;
}
.content .table table tr td.profile input {
	margin-left: 20px;
	float: left;
}
.content .table table td {
	padding-left: 6px;
	padding-top: 5px;
	height: 24px;
	background: #30a8ae;
	margin-right: 3px;
	float: left;
	position: relative;
}
.content .table table tr.even td {
	background: #3ac1c8;
}
.content .right .table_overview {

	height: 400px;
	margin-top: 50px;
}
.content .right .table_overview .table_inner {

	border: 5px solid;
	border-color: #578d37;
	width: 350px;
	border-spacing: 4px;
	background: #25a9ab;
}
.content .right .table_overview .table_tendera_info {

	border: 5px solid;
	border-color: #578d37;
	width: 700px;
	border-spacing: 0px;
	background: #25a9ab;
}
.content .right .table_overview .table_inner_usage_info {

	width: 150px;
	border-spacing: 5px;
	background: #25a9ab;
}
.content .right .table_overview .table_inner_larger {

	border: 5px solid;
	border-color: #578d37;
	width: 700px;
	border-spacing: 5px;
	background: #25a9ab;
}
.content .right .table_overview th {

	background: url('../images/overview_title_account.jpg') no-repeat #299195;
	font-size: 17px;
	font-weight: 700;
	padding-left: 20px;
	color: white;
}
.content .right .table_overview  td {

	padding-left: 2px;
	font-size: 14px;
	color: white;
}
.content .right .table_overview .table_inner_usage_info .td_right {

	padding-left: 10px;
	font-size: 15px;
	color: white;
	background: url('../images/overview_back_numbers.jpg');
}
.content .right .table_overview  .td_light {

	background: url('../images/overview_lightback_account.jpg');
}
.content .right .table_overview  .td_dark {

	background: url('../images/overview_darkback_account.jpg');
}

.listOfTenderosTableCell {
	overflow: hidden;
	text-overflow: ellipse;
	max-width: 70px;
}
.candidatesTableCell {
	overflow: hidden;
	text-overflow: ellipse;
	max-width: 135px;
}
.table-google td {
	margin-right: 3px;
	margin-bottom: 30px;
	padding-left: 4px;
	padding-top: 5px;
	white-space: nowrap;
	border-left: #36B7BD solid 2px;
	border-right: #36B7BD solid 2px;
	border-bottom: #36B7BD solid 5px;
	border-top: #36B7BD solid 0px;
	height: 24px;
	font-family: helvetica;
	width: auto;
}
.jqgrid_table_div {
	overflow: auto;
	z-index: 2;
	margin-top: 5px;
}
.no_title {
	left: 190px;
}
.jqgrid_table_div input {
	color: #312E25;
}

.vendors_div {
	overflow: auto;
	margin-top: 7px;
	position: absolute;
	top: 20px;
	left: 247px;
	z-index: 2;
	color: #312E25
}
.vendors_div input {
	color: #312E25;
}
.button-down {
	position: absolute;
	top: 520px;
	left: 860px;
	z-index: 2;
}
.chart_inside_jquery {
	float: right;
}
.link_with_graph {
	position: absolute;
}

.cursor_pointer {
	cursor: pointer;	
}

#last_message {
    word-wrap:break-word;
}

.frog_button {
	background-color: #479c05;
	border-radius: 3px;
	color: white;
	padding: 7px 10px;
	cursor: pointer;
	margin: 10px 0px;
    display: block;
    text-align: center;
    font-size: 14px;
}

.export_csv_button {
	width: 155px;
    margin-top: 30px;
}

.frog_button:hover{
	background-color: #97dd60;
}

.filter-small-button {
    background-color: #d20c0c;
    border-radius: 4px;
    color: white;
    padding: 4px;
    text-align: center;
    cursor: pointer;
	margin-left: 0.5em;
}

.filter-normal-button {
    background-color: #49a005;
    border-radius: 4px;
    color: white;
    padding: 4px;
    text-align: center;
    cursor: pointer;
    width: 171px;
    display: block;
}