/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jul 21, 2014, 4:36:44 PM
    Author     : nebojsa
*/

ul.errors {
	margin: 0px;
	color: #BD4247;
}

.required:after {
	content: " *";
}

.errors li {
	list-style: none;
	list-style-position: inside;
}

.full-screen {
    width: 100%;
    height: 100%;
    margin: 0;
    top: 0;
    left: 0;
}
.page-head a.badge-action {
    font-weight: bold;
    margin-right: 5px;
}

form #media {
    display: none;
}

.image-preview-item {
    //padding:0px;
    float:left;
    //margin:1px;
    //border: 1px solid #ccc;
    position:relative;
    cursor:move;
}
.image-preview-item .media-preview {
    cursor:move;
}
.image-preview-item-highlight {
    height: 200px;
    width:200px;
    padding:0px;
    float:left;
    margin:1px;
    position:relative;
    border: 1px solid #FCEFA1;
    color: #363636;
}
.image-preview-item .remove-media {
    position: absolute;
    top:2px;
    right:2px;
}
.image-preview-item .remove-media:hover, .date-range .remove-media:hover{
    background:red;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: 0.5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  *cursor: hand;
  color: #333333 !important;
  //border: 1px solid transparent;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111111));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #585858 0%, #111111 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #585858 0%, #111111 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #585858 0%, #111111 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #585858 0%, #111111 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #585858 0%, #111111 100%);
  /* W3C */
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  /* W3C */
  box-shadow: inset 0 0 3px #111;
}

.badge-action {
    padding-bottom: 5px;
    font-size: 12px;
}

.badge-accordion {
    //margin-bottom: 15px;
    font-weight: bold;
    margin-right: 5px;
}

#site_statistics .tickLabel
{
    color: #FFFFFF;
}
#site_statistics2 .tickLabel
{
    color: #333333;
}
#analytic_arrival .tickLabel
{
    color: #333333;
}
#analytic_transit .tickLabel
{
    color: #FFFFFF;
}
#analytic_wait .tickLabel
{
    color: #333333;
}
#analytic_exit .tickLabel
{
    color: #333333;
}
.flot-text {
  font-family: 'Open Sans',sans-serif;
  font-size: 14px !important;
  font-weight: 500;
}
.block .header h2
{
  font-family: 'Open Sans',sans-serif;
  font-weight: 500;
  font-size: 29px;
}
table.dataTable thead th
{
    border-bottom: 0px;
}
table.dataTable.no-footer
{
    border-bottom: 0px;
}
table.dataTable thead th, table.dataTable tfoot th
{
    font-weight: 500;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td
{
    border: 1px solid #DDDDDD;
}
.form-horizontal.group-border-dashed .form-group {
    padding: 0px 0;
}
.scroll-pane{
    width: 100%;
    overflow: auto;
    font-family: 'Open Sans',sans-serif;
    font-weight: 700;
    font-size: 12px;
}
form .ui-spinner-input
{
    width: 120px;
    margin: 0px;
}
form input[readonly="readonly"]
{
    background-color: #ffffff;
}
.ui-icon-triangle-1-n
{
    margin-left: 5px;
}
.ui-icon-triangle-1-s
{
    margin-left: 5px;
}
.colorpicker {
	margin:0;
	padding:0;
	border:0;
	width:195px;
	//height:20px;
	border-right:30px solid blue;
	line-height:20px;
}
.text-colorpicker {
	margin:0;
	padding:0;
	border:0;
	width:195px;
	//height:20px;
	border-right:30px solid #fafafa;
	line-height:20px;
}
#analytic_heat {
    background-image: url('/assets/common/images/example-building.jpg');
}
#analytic_heat_svg {
    width:100%;
}
object {
    pointer-events: none;
}
.legend-area { position:absolute; top:0; right:0; margin-top:3px;padding:10px; margin-right:3px;background:white; outline:3px solid black; line-height:1em; }
#min { float:left; }
#max { float:right; }

.brand-text {
    color: #fff;
    font-size: 19px;
    font-weight: 300;
    height: auto;
    line-height: 18px;
    padding-left: 35px;
    text-align: left;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
    float: left;
    margin-left: -15px;
    padding-top: 15px;
}

.block-flat, .block-wizard {
    margin-bottom: 0;
}

#content1 {
    position: absolute;
    padding-left: 250px;
    top: 210px;
    width: 100%;
    height: auto;
}

#reports {
    background-color: #FFFFFF;
    width: 40%;
    float: left;
    margin-right: 20px;
    min-width: 300px;
    border: 2px #0073CF solid;
}

#reports h4 {
    font-weight: 600;
    text-align: center;
    color: #0073CF;
    font-size: 28px;
}

#reports-params {
    background-color: #cce3f5;
   // width: 40%;
    margin-right: 20px;
    width: 100%;
    border-top: 2px #0073CF solid;
}

.generate-actions {
    background-color: #cce3f5;
}

.btn-generate {
    margin-top: 15px;
    background-color: #80379B;
    color: #FFFFFF;
    font-size: 20px;
}

.reports-list {
    margin-left: 15px;
}

#cta {
    background-color: #FFFFFF;
    width: 40%;
    overflow: hidden;
    min-width: 300px;
    border: 2px #0073CF solid;
}

#cta h4 {
    font-weight: 600;
    text-align: center;
    color: #0073CF;
    font-size: 28px;
}

#cta-params {
   // width: 40%;
    margin-right: 20px;
    width: 100%;
    border-top: 2px #0073CF solid;
    margin-bottom: 15px;
}

.btn-end {
    width: 42%;
    margin-left: 5%;
    font-size: 12pt;
    margin-top: 20px;
}

.btn-end-full {
    width: 90%;
    margin-left: 5%;
    font-size: 12pt;
    margin-top: 20px;
}

.btn-survey {
    width: 90%;
    margin-left: 5%;
    font-size: 20pt;
    margin-top: 20px;
}

.btn-welcome {
    width: 90%;
    margin-left: 5%;
    background-color: #80379B;
    color: #FFFFFF;
    font-size: 20pt;
    margin-top: 20px;
}

.btn-offer {
    width: 90%;
    margin-left: 5%;
    background-color: #00B2A9;
    color: #FFFFFF;
    font-size: 20pt;
    margin-top: 20px;
}

.btn-form {
    width: 90%;
    margin-left: 5%;
    background-color: #9ADCC6;
    color: #FFFFFF;
    font-size: 20pt;
    margin-top: 20px;
}

#welcomes {
    background-color: #FFFFFF;
    width: 80%;
    float: left;
    margin-right: 20px;
    min-width: 500px;
    border: 2px #0073CF solid;
    padding-bottom: 15px;
}

#welcomes h4 {
    font-weight: 600;
    text-align: center;
    color: #0073CF;
    font-size: 28px;
}

#offers {
    background-color: #FFFFFF;
    width: 80%;
    float: left;
    margin-right: 20px;
    min-width: 500px;
    border: 2px #0073CF solid;
    padding-bottom: 15px;
}

#offers h4 {
    font-weight: 600;
    text-align: center;
    color: #0073CF;
    font-size: 28px;
}

#vendors {
    background-color: #FFFFFF;
    width: 80%;
    float: left;
    margin-right: 20px;
    min-width: 500px;
    border: 2px #0073CF solid;
    padding-bottom: 15px;
}

#vendors h4 {
    font-weight: 600;
    text-align: center;
    color: #0073CF;
    font-size: 28px;
}

#forms {
    background-color: #FFFFFF;
    width: 80%;
    float: left;
    margin-right: 20px;
    min-width: 500px;
    border: 2px #0073CF solid;
    padding-bottom: 15px;
}

#forms h4 {
    font-weight: 600;
    text-align: center;
    color: #0073CF;
    font-size: 28px;
}

#surveys {
    background-color: #FFFFFF;
    width: 80%;
    float: left;
    margin-right: 20px;
    min-width: 500px;
    border: 2px #0073CF solid;
    padding-bottom: 15px;
}

#surveys h4 {
    font-weight: 600;
    text-align: center;
    color: #0073CF;
    font-size: 28px;
}

#profiles {
    background-color: #FFFFFF;
    width: 80%;
    float: left;
    margin-right: 20px;
    min-width: 500px;
    border: 2px #0073CF solid;
    padding-bottom: 15px;
}

#profiles h4 {
    font-weight: 600;
    text-align: center;
    color: #0073CF;
    font-size: 28px;
}

#users {
    background-color: #FFFFFF;
    width: 80%;
    float: left;
    margin-right: 20px;
    min-width: 500px;
    border: 2px #0073CF solid;
    padding-bottom: 15px;
}

#users h4 {
    font-weight: 600;
    text-align: center;
    color: #0073CF;
    font-size: 28px;
}

#logs {
    background-color: #FFFFFF;
    width: 80%;
    float: left;
    margin-right: 20px;
    min-width: 500px;
    border: 2px #0073CF solid;
    padding-bottom: 15px;
}

#logs h4 {
    font-weight: 600;
    text-align: center;
    color: #0073CF;
    font-size: 28px;
}

#surveys-reports {
    background-color: #FFFFFF;
    width: 80%;
    float: left;
    margin-right: 20px;
    min-width: 500px;
    border: 2px #0073CF solid;
    padding-bottom: 15px;
}

#surveys-reports h4 {
    font-weight: 600;
    text-align: center;
    color: #0073CF;
    font-size: 28px;
}

.buttons {
    margin-bottom: 15px;
}

#datatable-icons-ajax_info {
    margin-top: 10px;
}

#datatable-icons-ajax_paginate {
    margin-top: 10px;
}

#cta-tenant-buttons {
    width: 100%;
}

#cta-tenant-title {
    padding-left: 24px;
    float: right;
    width: 20%;
}

#cta-tenant-item {
    width: 100%;
    height: auto;
}

#cta-tenant-link {
    float: left;
    width: 80%;
    position: relative;
}

#cta-tenant-space {
    float: left;
    width: 80%;
}

#cta-tenant-checkbox {
    float: right;
    width: 20%;
    padding-top: 33px;
    padding-left: 33px;
}

/* sidebar color change */
.cl-sidebar {
  background: #2494f2;
  //#6094CC
  position: absolute;
  width: 216px;
  z-index: 2;
}
.cl-sidebar .cl-toggle {
  display: none;
  padding: 10px 0;
  text-align: center;
  cursor: pointer;
}
.cl-sidebar .cl-toggle i {
  font-size: 24px;
  color: #C9D4F6;
}
.cl-vnavigation {
  margin: 0 0 0 0;
  padding: 0;
  border-top: 1px solid #1a1c20;
  //border-bottom: 1px solid #7bcaff;
  //0073cf
}
.cl-vnavigation li a {
  border-top: 1px solid #32353e;
  border-bottom: 1px solid #1a1c20;
  display: block;
  padding: 14px 18px 13px 15px;
  color: #FFFFFF;
  font-size: 12px;
  font-weight: 600;
  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
  white-space: nowrap;
}
.cl-vnavigation li a:hover {
  background-color: #7bcaff;
}
.cl-vnavigation .parent ul li a {
    background-color: #7bcaff;
    background-image: none;
    font-size: 11px;
    padding: 7px 18px 7px 42px;
}
.cl-vnavigation .parent ul li a:hover {
    background-color: #2494f2;
    background-image: none;
    font-size: 11px;
    padding: 7px 18px 7px 42px;
}
.cl-vnavigation .parent ul li {
    background-color: #7bcaff;
    list-style: none outside none;
}
.cl-vnavigation .parent ul li.active a {
    background-color: #2494f2;
    border-left: 1px solid #2494f2;
}
.cl-vnavigation li ul {
    background-color: #7bcaff;
    display: none;
    margin: 0;
    padding: 4px 0 0;
}
.cl-vnavigation .active > a {
    background: none repeat scroll 0 0 #7bcaff;
    //#3C6EA3
    border-left: 1px solid #2494f2;
}
/* end sidebar color change */

.remove-question-option {
    margin-top: 10px;
}
.add-question-dropdown {
    margin-top: 10px;
}
#help-div {
    float: left;
}
.cbp_tmtimeline > li .cbp_tmlabel {
    background: none repeat scroll 0 0 #6ab9f4;
    border-radius: 5px;
    color: #fff;
    font-size: 1.2em;
    font-weight: 300;
    line-height: 1.4;
    margin: 0 0 15px 0%;
    padding: 2em;
    position: relative;
}

.cbp_tmtimeline > li .cbp_tmicon {
    background: none repeat scroll 0 0 #4e9dff;
    border-radius: 50%;
    box-shadow: 0 0 0 8px #afdcf8;
    color: #fff;
    font-family: 'ecoico';
    font-size: 1.4em;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    height: 40px;
    left: 2%;
    line-height: 40px;
    margin: 0 0 0 -25px;
    position: absolute;
    text-align: center;
    text-transform: none;
    top: 7px;
    width: 40px;
}

.cbp_tmtimeline {
    list-style: none outside none;
    margin: 3px 0 0;
    padding: 0;
    position: relative;
}

.cbp_tmtimeline:before {
    background: none repeat scroll 0 0 #afdcf8;
    bottom: 0;
    content: "";
    left: 2%;
    margin-left: -10px;
    position: absolute;
    top: 0;
    width: 0px;
}

.table-report-td {
    border-bottom: 0px;
    border-left: 0px;
    border-right: 0px;
}

.table-report-td:last-child {
    border-right: 0px;
}
.login-container .middle-login {
  width: 430px;
  left: 50%;
  top: 42%;
  position: absolute;
  margin-top: -170px;
  margin-left: -215px;
}
.object-text {
    width: 100%;
}

.survey-submit-button {
    width: 100%;
    background-color: #80379B;
    color: #FFFFFF;
    margin-left: 0px;
}