/** general styles **/
@font-face {
    font-family: 'Presa';
    src: url('../fonts/Presa.ttf') format('truetype');
}

*:focus {
    outline: none !important;
}

.hidden-group {
    display: none;
}
span.left {
    float: left;
}
.float-right {
    float: right;
}
.right {
    text-align: right;
}
.pointer {
    cursor: pointer;
}
.no-decoration:hover {
    text-decoration: none;
}
.width-20 {
    width: 16%;
}
.li-right-txt {
    position: absolute;
    right: 20px;
}
.text-white {
    color: #fff;
}
.strong {
    font-weight: bold;
}
div.column-left {
    width: 50%;
    padding-right: 10px;
    float: left;
}
div.column-right {
    width: 50%;
    padding-left: 10px;
    float: right;
}
div.column-left-70 {
    width: 70%;
    padding-right: 10px;
    float: left;
}
div.column-right-30 {
    width: 30%;
    padding-left: 10px;
    float: right;
}

div.column-left-30 {
    width: 30%;
    padding-right: 10px;
    float: left;
}
div.column-right-70 {
    width: 70%;
    padding-left: 10px;
    float: right;
}

label.inline {
    display: inline;
}

.ui-overflow-hidden {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.glyphicon {
    top: 2px !important;
}
.glyphicon-input {
     top: 0 !important;
 }
.glyphicon.glyphicon-tasks {
    width: 18px;
}
.selectpicker {
    color: #999;
}
.select-disable {
    color: #999;
}

.tooltip-input {
    white-space: nowrap;
    font-size: 14px;
}

.tooltip-inner {
    max-width: 500px !important;
}

.report-name-hidden {
    max-width: 60%;
    text-overflow: ellipsis;
    overflow: hidden;
    text-align: left;
}

.menu-business-logo {
    top: -2px;
    position: relative;
}

/* ------- Sticky footer styles ------- */
html {
    position: relative;
    min-height: 100%;
}
body {
    padding-top: 70px;
    /* Margin bottom by footer height */
    margin-bottom: 50px;
}
body .container.theme-showcase {
    padding-bottom: 50px
}
.footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 50px;
    background-color: #fff
}
.footer .container {
    position: relative;
}
.footer .footer-split {
    margin-top: 0;
    margin-bottom: 15px;
}
.footer .report-issue {
    position: absolute;
    right: 0;
    padding-right: 15px;
    font-size: 12px;
    color: #428bcaa3;
}

/** custom select group style **/
.input-group select {
    -webkit-appearance: none;
    appearance: none;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='gray'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
    background-position: calc(100% - 11px) calc(50% + 4px);
    background-size: 12px;
}

tr.item.animation,
.panel.report.animation,
.panel.report.animation .panel-heading {
    -webkit-transition: all 2000ms linear;
    -ms-transition: all 2000ms linear;
    transition: all 2000ms linear;
}

/** custom list style **/
.dropdown-menu>li>a {
    cursor: pointer;
}

.tab-content .report .panel-heading {
    min-height: 35px;
}

.text-white:focus, .text-white:active, .text-white:hover{
    color: #ccc;
    text-decoration: none;
}
li.list-group-item.active, li.list-group-item.active:hover, li.list-group-item.active:focus {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}
li.list-group-item.admin, li.list-group-item.admin:hover, li.list-group-item.admin:focus {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}
 li.list-group-item.colaborator, li.list-group-item.colaborator:hover, li.list-group-item.colaborator:focus {
     color: #fff;
     background-color: #f0ad4e;
     border-color: #f0ad4e;
 }
li.list-group-item.viewer, li.list-group-item.viewer:hover, li.list-group-item.viewer:focus {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}

a.list-group-item.correct, a.list-group-item.correct:hover, a.list-group-item.correct:focus {
    z-index: 2;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
a.list-group-item.deleteAnswer {
    border-left: 0;
}
a.list-group-item.deleteAnswer:hover, a.list-group-item.deleteAnswer:focus {
    text-align: center;
    vertical-align: middle;
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
    border-left: 0;
}
li.list-group-item.file {
    padding-right: 80px;
    overflow: hidden;
}

.checkbox-button {
    width: 100%;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

li.list-group-item.inactive {
    color: #fff;
    background-color: #999999;
    border-color: #999999;
}

li.list-group-item.default {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}

li.user-info-header {
    padding: 3px 3px 3px 10px;
}

li.content-user-info {
    position: relative;
}

div.role-user-info {
    position: absolute;
    right: 0;
    top: 0;
}
div.role-user-info h5 {
    margin-top: 5px;
    margin-right: 5px;
}

.clear-search {
    display: none;
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #ccc;
    z-index: 3;
}
.collapse-group {
    cursor: pointer;
    float: left;
    position: absolute;
    width: 90%;
    text-align: left;
}
.collapse-information {
    display: none;
    list-style-type: none;
    min-height: 60px;
}
.collapse-header {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
div.business-logo {
    position: absolute;
    right: 3px;
    top: 3px;

}
div.business-logo img {
    max-height: 50px;
    max-width: 200px;
}
div.branch-name {
    font-size: 16px;
    font-weight: bold;
}
div.right-top {
    position: absolute;
    right: 20px;
    top: 7px
}
div#business-branch {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

div#business-branch .list-group-item:first-child {
    border-top-right-radius: 0;
    border-top-left-radius: 0;
}

button.category-btn {
    margin: 2px;
}

/** LOAD ANIMATION **/
.loading-tab {
    text-align: center;
    width: 100%;
    font-size: 40px;
    margin: 20px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }

/**  Report select business  **/
.page-header-xs {
    margin: 15px 0 20px;
    border-bottom: 1px solid #eee;
}
.business-reports {
    margin-top: 10px;
    margin-bottom: 10px;
}
.business-reports .list-group-item {
    padding-top: 4px;
    padding-bottom: 4px;
    min-height: 73px;
}
.business-reports img:not(.no-filter) {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
}
.business-reports:hover img {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
}
.business-reports a.list-group-item:hover {
    background-color: #e3e3e3;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.06);
}
.business-reports div.image {
    height: 60px;
    width: 140px;
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
}
.business-reports:hover div.image {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
}
.business-reports span.name {
    padding-left: 10px;
    font-size: 18px;
    font-family: inherit;
    font-weight: 500;
    color: inherit;
    line-height: 60px;
}
.business-reports div.name {
    padding-left: 10px;
    font-size: 18px;
    font-family: inherit;
    font-weight: 500;
    color: inherit;
    line-height: 20px;
}
.business-reports div.address {
    padding-left: 10px;
    font-size: 14px;
    font-family: inherit;
    color: inherit;
}
.business-searchbox {
    max-width: 300px;
    padding-right: 10px !important;
}

.business.grid {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.business.grid .business-reports {
    -webkit-flex-basis: 25%;
    flex-basis: 25%;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    align-self: stretch;
    max-width: 25%;
    padding: 0 10px;
}
.business.grid .business-reports .list-group-item {
    height: 100%;
}
.business.grid .business-reports .image {
    float: none;
    width: 100%;
    margin-top: 10px;
}
.business.grid .business-reports .name {
    padding: 0;
    margin: 10px 0;
    display: block;
    text-align: center;
    line-height: 23px;
}

/**  fin select business  **/


/** TABS HEADER **/
.mobile-tabs-menu {
    display: none;
}

.hide-business-info {
    float: right;
    padding-left: 20px;
    margin: 6px 3px 0 0;
    color: #999;
    cursor: pointer;
}
.header-business-logo {
    margin-bottom: 10px;
}
.header-business-logo .branch-information {
    display: inline-block;
    vertical-align: middle;
}
.header-business-logo .branch-information div.name {
    font-size: 18px;
    margin-top: 5px;
    margin-left: 10px;
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
}
.header-business-logo .branch-information div.address {
    font-size: 12px;
    margin-left: 10px;
    margin-bottom: 5px;
    color: #666;
}
.info.business-information,
.info.branch-information {
    margin-bottom: 10px;

}
.info.business-information .title,
.info.branch-information .title {
    font-weight: bold
}
.info.business-information .title .edit,
.info.branch-information .title .edit {
    font-weight: normal;
    display: none;
    margin-left: 5px;
}
.info.business-information .title:hover .edit,
.info.branch-information .title:hover .edit {
    display: initial;
}
.info.business-information .item,
.info.branch-information .item {
    margin-left: 10px;
}

.picker-selected button{
    color: #000;
}


/** TABS **/

.well.well-sm.no-radius-right {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

dd.vto-load {
    margin-bottom: 7px;
}
dt.vto-create {
    margin-top: 7px;
}

tr.due, tr.due a {
    color: #a94442;
}
tr.state-success, tr.state-success a {
    color: #3c763d;
}
tr.state-primary, tr.state-primary a {
    color: #428bca;
}
tr.state-warning, tr.state-warning a {
    color: #8a6d3b;
}
tr.state-info, tr.state-info a {
    color: #a2c7dc;
}

tr.item:hover {
    background-color: #f5f5f5;
}

span.divider-right {
    padding-right: 7px;
    border-right: 1px solid #eee;
}
.tab-new-report {
    text-align: right;
    margin: 10px;
}

.download-files img {
    margin: 5px;
}
.download-files a {
    font-size: 18px;
}
div.files {
    margin-top: 10px;
}

.doc-reports .panel-title {
    text-decoration: none;
}

.extinguisher-report,
.asp-report {
    margin: 0 10px;
}
.budget-report .panel-heading,
.accident-report .panel-heading,
.extinguisher-report .panel-heading,
.asp-report .panel-heading {
    padding: 6px 15px;
    min-height: 35px;
}
.panel-heading > span {
    cursor: pointer;
}
.extinguisher-report .panel-footer,
.asp-report .panel-footer {
    padding: 2px 15px;
}
.extinguisher-table th,
.asp-table th {
    text-align: center;
}
.extinguisher-table dt,
.asp-table dt {
    font-weight: 300;
}
.extinguisher-table strong dt,
.asp-table strong dt{
    font-weight: 700;
}
.extinguisher-table dt span {
    font-weight: 400;
}
.extinguisher-table strong dt span {
    font-weight: 700;
}

.panel-success>.panel-footer {
    color: #224522;
    background-color: #d5e6ce;
    border-color: #d6e9c6;
}

.panel-danger>.panel-footer {
    color: #a94442;
    background-color: #e6d2d2;
    border-color: #ebccd1;
}
.extinguisher-report .well-sm,
.asp-report .well-sm {
    margin-top: 5px;
    margin-bottom: 0;
}
.extinguisher-report .delete-extinguisher {
    cursor: pointer;
}
.extinguisher-report tr.item,
.asp-report tr.item {
    text-align: center;
}

.defaultTab tr.item,  .defaultTab th {
    text-align: center;
}

td.note-view {
    border-top: 0 !important;
}

a.docs-action-btn {
    float:right;
    color: #fff;
    margin-left: 6px;
}

/** EXTINGUISHER REJECTED **/
.advance-extinguisher-form .input-group {
    /*margin-bottom: 20px;*/
}

/** EXTINGUISHERS STATE COLOR **/
.bk-color-default {

}
.bk-color-primary {
    background-color: #428bca !important;
    color: #fff;
}
.bk-color-success {
    background-color: #5cb85c !important;
    color: #fff;
}
.bk-color-info {
    background-color: #5bc0de !important;
    color: #fff;
}
.bk-color-warning {
    background-color: #f0ad4e !important;
    color: #fff;
}
.bk-color-danger {
    background-color: #d9534f !important;
    color: #fff;
}
/** EXTINGUISHER STATE SELECT COLOR **/
.input-group.select-color-default .input-group-addon {
}
.input-group.select-color-default select {
}
.input-group.select-color-primary .input-group-addon {
    color: #fff;
    background-color: #428bca;
    border-color: #428bca;
}
.input-group.select-color-primary select {
    background-color: #EFFBFF;
    border-color: #EFFBFF;
}
.input-group.select-color-success .input-group-addon {
    color: #fff;
    background-color: #5cb85c;
    border-color: #5cb85c;
}
.input-group.select-color-success select {
    background-color: #dff0d8;
    border-color: #b2dba1;
}
.input-group.select-color-info .input-group-addon {
    color: #fff;
    background-color: #5bc0de;
    border-color: #5bc0de;
}
.input-group.select-color-info select {
    background-color: #f0f7fd;
    border-color: #d0e3f0;
}
.input-group.select-color-warning .input-group-addon {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #f0ad4e;
}
.input-group.select-color-warning select {
    background-color: #fefbed;
    border-color: #f1e7bc;
}
.input-group.select-color-danger .input-group-addon {
    color: #fff;
    background-color: #d9534f;
    border-color: #d9534f;
}
.input-group.select-color-danger select {
    background-color: #fcf2f2;
    border-color: #dFb5b4;
}


/** SUMMARY **/
.cal-month-day {
    height: 60px !important;
}

.cal-month-box [class*=cal-cell], .cal-year-box [class*=span] {
    min-height: 60px !important;
}

.calendar-control {
    margin: 10px 0;
}

.panel-heading.small-heading {
    padding: 5px 15px;
}

.no-padding {
    padding-bottom: 0;
    padding-top: 0;
}

#cal-slide-content.cal-event-list {
    background-color: #3c3c3c;
}

.contract-report {
    margin: 10px 8px;
}

.action-report-type {
    margin-left: 5px;
}
.report-types {
    margin: 8px 0 8px 20px;
}




/** MODALS **/
.fix-selectpicker {
    z-index: 0 !important;
}

.no-border-radius button {
    border-radius: 0;
}
.modal-label {
    color: #555;
    margin-left: 5px;
}

.form-split {
    border-top: 1px solid #e5e5e5;
    margin: 20px 0;
}

.panel.notification {
    cursor: pointer;
    /*border-bottom: 0;*/
    margin-bottom: 0;
}
.panel.notification .notification-enable {
    cursor: pointer;
    color: #449d44;
}
.panel.notification .panel-heading .label {
    font-size: 12px;
}
.panel.notification .panel-heading .glyphicon-chevron-right {
    display: none;
}
.panel.notification .panel-heading.collapsed .glyphicon-chevron-right {
    display: initial;
}
.panel.notification .panel-heading .glyphicon-chevron-down {
    display: initial;
}
.panel.notification .panel-heading.collapsed .glyphicon-chevron-down {
    display: none;
}
a[aria-expanded=true] .fa-chevron-right {
    display: none;
}
a[aria-expanded=false] .fa-chevron-down {
    display: none;
}

/** Checkox selecto style **/
.form-group input[type="checkbox"] {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span {
    width: 20px;
}

.form-group input[type="checkbox"] + .btn-group > label span:first-child {
    display: none;
}
.form-group input[type="checkbox"] + .btn-group > label span:last-child {
    display: inline-block;
}

.form-group input[type="checkbox"]:checked + .btn-group > label span:first-child {
    display: inline-block;
}
.form-group input[type="checkbox"]:checked + .btn-group > label span:last-child {
    display: none;
}
.groups {
    margin: 0 25px;
}
.groups-label {
    width: 100%;
    clear: both;
}
.groups .form-control {
    height: 30px;
}
.groups select.form-control {
    padding-top: 4px;
}

.checkout-report .form-group .btn-group {
    width: 100%;
}
.checkout-report .form-group .btn-group .btn.text {
    padding-right: 20px;
    width: calc(100% - 45px);
}
.input-info {
    margin: 5px 25px 0 40px;
    font-style: italic;
    color: #666;
}





/** buttons style **/
.ui-btn-container {
    overflow: hidden;
}
.ui-btn-container .left {
    overflow: hidden;
    float: left;
    width: 90%;
}
.ui-btn-container .right-delete {
    float: right;
    max-width: 52px;
    width: 10%;
}

.ui-btn-container .left-edit {
    overflow: hidden;
    float: left;
    width: calc(100% - 115px);
}
.ui-btn-container .right-cancel {
    float: right;
    max-width: 107px;
}
.ui-btn-list, #sortable .ui-btn-list.ui-sortable-handle {
    cursor: pointer;
}
.ui-btn-list .ui-sorter-list {
    cursor: row-resize;
}
.ui-btn-list.warning:hover {
    background-color: #f7ecb5;
    color: #8a6d3b;
}
.ui-btn-list.warning.active {
    color: #fff;
    background-color: #ed9c28;
    border-color: #d58512;
}
.ui-btn-list.warning.active:hover {
    color: #fff;
    background-color: #ed9c28;
    border-color: #d58512;
}

.ui-btn-list.primary:hover {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}
.ui-btn-list.primary.active {
    color: #fff;
    background-color: #3276b1;
    border-color: #357ebd;
}
.ui-btn-list.primary.active:hover {
    color: #fff;
    background-color: #3276b1;
    border-color: #285e8e;
}

.radio-group-custom.btn-group-vertical .input-group.first .input-group-addon {
    border-bottom: 0;
    border-bottom-left-radius: 0;
}
.radio-group-custom.btn-group-vertical .input-group.first button {
    border-bottom: 0;
    border-bottom-right-radius: 0;
}
.radio-group-custom.btn-group-vertical .input-group.last .input-group-addon {
    border-top-left-radius: 0;
}
.radio-group-custom.btn-group-vertical .input-group.last button {
    border-top-right-radius: 0;
}
#businessList .ui-btn-list.primary.active:after,
#businessList .ui-btn-list.warning.active:after,
#categoryList .ui-btn-list.primary.active:after,
#categoryList .ui-btn-list.warning.active:after {
    content: "\e013";
    float: right;
    font-family: "Glyphicons Halflings"
}


/** answer group style **/
.answer-radius {
    margin-top: -1px !important;
    border-radius: 0 !important;
}
.answer-radius-first-child {
    border-radius: 4px 0 0 0 !important;
}
.delete-answer-radius-first-child {
    border-radius: 0 4px 0 0 !important;
}
.answer-radius-last-child {
    margin-top: -1px !important;
    border-radius: 0 0 0 4px !important;
}
.delete-answer-radius-last-child {
    margin-top: -1px !important;
    border-radius: 0 0 4px 0 !important;
}




/** send email styles **/
.filter-left-top {
    border-bottom-left-radius: 0;
}

.filter-right-top {
    border-bottom-right-radius: 0;
}

.filter-bottom {
    border-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#userSend span {
    margin-right: 5px;
    margin-bottom: 10px;
}
.remove-user {
    margin-right: 0 !important;
    margin-left: 10px;
}
.user-to-send {
    display: -webkit-inline-box;
    display: inline-block;
}

.email-subject {
   border-bottom: 0;
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
}
.email-text-span {
    border-top-left-radius: 0;
}
.email-text {
    border-top-right-radius: 0;
}

#user-branch .dropdown-header{
    font-size: 15px;
}

.ui-sorter-list {
    margin-right: 14px;
}
#sortable .ui-sortable-handle {
    cursor: move;
}

.user-send-container {
    min-height: 34px;
    margin: 0;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 0 !important;
    padding: 3px 10px;
}

/** HOME STYLES **/
.home.jumbotron {
    margin-top: 70px;
    position: relative;
    min-height: 300px;
}
.home.jumbotron.owner {
    min-height: initial;
}
.home .databloq-logo {
    position: absolute;
    right: 0;
    top: -50px;
}
.home .title {
    font-family: Presa;
}
.home .business-logo {
    position: absolute;
    right: 15px;
    bottom: 20px;
    max-width: 200px;
    max-height: 200px;
}
.home .news {
    margin-right: 160px;
}

/** LOGIN  BUSINESS  **/
.business-aware {
    max-height: 50px;
    max-width: 150px;
}

/** BACKUP STYLES **/
ul#backup-file-list {
    list-style-type: none;
}

ul#backup-file-list li {
    margin: 10px 0;
}
ul#backup-file-list li a.btn {
    float: right;
}

/** POLL STYLES **/

.poll-video {
    margin-top: 20px;
    width: 560px;
    height: 315px;
    margin: 0 auto;
    display: block;
    border: 2px solid #dddddd;
    box-shadow: -15px 0 15px -15px rgba(0,0,0,0.6),15px 0 15px -15px rgba(0,0,0,0.6);
    -webkit-box-shadow: -15px 0 15px -15px rgba(0,0,0,0.6),15px 0 15px -15px rgba(0,0,0,0.6);
}

.poll-img {
    margin: 0 auto;
    display: block;
    border: 2px solid #dddddd;
    box-shadow: -15px 0 15px -15px rgba(0,0,0,0.6),15px 0 15px -15px rgba(0,0,0,0.6);
    -webkit-box-shadow: -15px 0 15px -15px rgba(0,0,0,0.6),15px 0 15px -15px rgba(0,0,0,0.6);
}
.poll-end-date {
    color: #a94442 !important;
}
.poll-pointer {
    cursor: pointer;
}
.poll-btn-submit {
    width: 70%;
    display: block;
    margin: 0 auto;
}
.poll-answer-error,  .poll-answer-error:hover, .poll-answer-error:focus{
    background-color: #f2dede !important;
    border-color: #ebccd1;
    color: #a94442;
    border-left: 0;
}
.poll-answer-qualification {
    margin-bottom: 90px;
}
.poll-answer-note {
    font-size: 40px
}
.poll-answer-div {
    text-align: right;
    position: relative;
}
.poll-answer-div .poll-ui-slogan {
    max-width: 400px;
    margin-left: auto;
    margin-bottom: 0;
}
.poll-answer-div img {
    height: 70px;
}
.poll-result-div {
    float: right;
    text-align: right;
    max-width: 320px;
}
.poll-ui-logo-container {
    text-align: right;
}
.poll-ui-logo {
    height: 100px;
}
.poll-business-logo {
    max-height: 100px;
    max-width: 200px;
}

.poll-header {
    margin-bottom: 60px;
}

.documentation-step {
    padding: 15px;
    border: 1px solid #ccc;
    text-align: center;
    border-radius: 4px;
 }
.imgborder {
    display:inline-block;
    position:relative;
    border:1px solid #ccc;
    padding:5px;
    background:#f2f2f2;
    margin-bottom:30px;
}
.s1 {
    -webkit-box-shadow: 0 28px 16px -26px rgb(0, 0, 0);
    -moz-box-shadow: 0 28px 16px -26px rgb(0, 0, 0);
    box-shadow: 0 28px 16px -26px rgb(0, 0, 0);
}

.s8:before, .s8:after {
    z-index: -1;
    position: absolute;
    content: "";
    bottom: 25px;
    left: 10px;
    width: 50%;
    top: 80%;
    max-width:300px;
    background: #777;
    -webkit-box-shadow: 0 35px 20px #777;
    -moz-box-shadow: 0 35px 20px #777;
    box-shadow: 0 35px 20px #777;
    -webkit-transform: rotate(-8deg);
    -moz-transform: rotate(-8deg);
    -o-transform: rotate(-8deg);
    -ms-transform: rotate(-8deg);
    transform: rotate(-8deg);
}
.s8:after {
    -webkit-transform: rotate(8deg);
    -moz-transform: rotate(8deg);
    -o-transform: rotate(8deg);
    -ms-transform: rotate(8deg);
    transform: rotate(8deg);
    right: 10px;
    left: auto;
}

/* QR configuration */
.config-checkbox .input-group-addon {
    min-width: 40px;
    border-bottom-left-radius: 0;
    border-bottom: 0;
}
.config-checkbox .checkbox-button {
    text-align: left;
    border-bottom-right-radius: 0;
}
.config-text-and-checkbox .input-group-addon {
    border-top-left-radius: 0;
}
.config-text-and-checkbox input {
    border-top-right-radius: 0;
}

.poll-list .user-info-header {
    padding-bottom: 0;
}
.poll-list .title {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: calc(100% - 100px);
    display: inline-block;
    margin-top: 1px;
}
.poll-list .action {
    float: right;
}
.pool-list .poll-info {
    margin-bottom: 0;
}
.poll-list .poll-info dd {
    margin-left: 15px;
}

input.input-file {
    background: #fff;
    cursor: pointer;
}
input.input-file.drag-start {
    border-color: #3289fd;
    border-style: dashed;
    background-color: #e2f2ff;
}
input#videoLink {
    padding-right: 25px;
}
span.youtube-info {
    position: absolute;
    right: 5px;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 16px;
    cursor: pointer;
    color: #ccc;
    z-index: 3;
}

/* Sites configuration */
.site-configuration .sites-image {
    height: 60px;
    width: 100px;
    float: left;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 50%;
}
.site-configuration .list-group.disabled a {
    background-color: #ccc;
    cursor: default;
}

.site-configuration .list-group.disabled .sites-image {
    filter: grayscale(100%); /* Current draft standard */
    -webkit-filter: grayscale(100%); /* New WebKit */
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%); /* Not yet supported in Gecko, Opera or IE */
    filter: url(resources.svg#desaturate); /* Gecko */
    filter: gray; /* IE */
    -webkit-filter: grayscale(1); /* Old WebKit */
}

.site-configuration .business-reports {
    margin-top: 0;
}
.site-configuration .business-reports .list-group-item {
    min-height: auto;
}
.site-configuration .action-accordion {
    min-height: 65px !important;
}
.site-configuration .action-accordion:not(.collapsed) {
    min-height: 40px !important;
    height: 40px;
}
.site-configuration .action-accordion:not(.collapsed) .sites-image {
    height: 30px;
    width: 30px;
}
.site-configuration .action-accordion:not(.collapsed) span.name {
    line-height: 28px;
}

.site-configuration .action-accordion {
    border-bottom: 1px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    -o-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.site-configuration .action-accordion.collapsed {
    border-bottom-left-radius: 3px !important;
    border-bottom-right-radius: 3px !important;
}

.site-configuration .action-accordion .sites-image {
    transition: all 150ms ease-in-out;
    -o-transition: all 150ms ease-in-out;
    -moz-transition: all 150ms ease-in-out;
    -webkit-transition: all 150ms ease-in-out;
}

.site-configuration .loading {
    margin-left: 10px;
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}
.site-configuration .features-info {
    margin-bottom: 20px;
}

/*** LOG ***/
.modal-log {
    width: 70%;
}
.log-content ul {
    overflow: scroll;
    list-style-type: none;
    padding: 0;
}
.log-content ul li {
    white-space: nowrap;
}
.log-content ul li.error {
    color: red;
}

/*** MAIL QUEUE ***/
.icon-cell {
    text-align: center;
}

.email-success {
    background-color: #dff0d8;
}
.email-success .icon-status:before {
    content: "\e013";
}

.email-error {
    background-color: #f2dede;
}
.email-error .icon-status:before {
    content: "\e107";
}

.email-warning {
    background-color: #fcf8e3;
}
.email-warning .icon-status:before {
    content: "\e031";
}
.email-waiting {

}
.email-row:hover {
    background-color: #f9f9f9;
    cursor: pointer;
}

.email-waiting .icon-status:before {
    content: "\e031";
}

.email-warning .icon-status,
.email-waiting .icon-status {
    -webkit-animation:spin 4s linear infinite;
    -moz-animation:spin 4s linear infinite;
    animation:spin 4s linear infinite;
}

/*** Profile style ***/
.user-sign-note {
    text-align: center;
}
.user-sign {
    background: none;
    max-width: 250px;
    max-height: 100px;
}
.sign-content {
    position: relative;
}
.delete-sign {
    display: none;
    position: absolute;
    right: 0;
}
.sign-content:hover .delete-sign {
    display: inline;
}

/*** Email config style ***/
.content-email-config-info dt,
.content-email-config-info dd {
    display: inline;
}
.content-email-config-info dd:after {
    content: "\A";
    white-space: pre;
}


/*
    -------------------------------------
    DropZone
    -------------------------------------
*/
.upload-file-instruction {
    color: #999;
    text-align: center;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 14px;
}

.dz-error-message {
    text-align: center;
    top: 0 !important;
    left: 0 !important;
    max-width: 132px !important;
    min-width: 132px !important;
    width: 132px !important;
}

.dz-image img {
    max-width: 120px;
    max-height: 120px;
}

.dropzone .dz-preview .dz-remove {
    cursor: pointer;
}


/*
	-------------------------------------
	Smaller than standard 960 (devices and browsers)
	-------------------------------------
*/
@media only screen and (min-width: 480px) and (max-width: 991px) { /*change 758 x 480 */
    *, html {
        -webkit-font-smoothing: antialiased;
    }
    div.column-left {
        width: 100%;
        padding-right: 0;
        float: none;
    }
    div.column-right {
        margin-top: 40px;
        width: 100%;
        padding-right: 0;
        float: none;
    }
    div.column-left-70 {
        width: 100%;
        padding-right: 0;
        float: none;
    }
    div.column-right-30 {
        width: 100%;
        padding-left: 0;
        float: none;
    }
    .poll-ui-logo {
        height: 50px;
        float: right;
        margin-left: 17px;
    }
    .poll-business-logo {
        max-height: 50px;

    }
    .poll-ui-slogan {
        margin-bottom: 30px;
    }
    .poll-result-div {
        width: 100%;
        max-width: 100%;
    }
    #map-canvas {
        display: none;
    }
}

/*
	-------------------------------------
	SMARTPHONE and IPHONE Landscape
	-------------------------------------
*/

@media only screen and (min-width: 480px) and (max-width: 765px) {
    .poll-answer-note {
        font-size: 20px;
    }
    #map-canvas {
        display: none;
    }
}


/*
	-------------------------------------
	SMARTPHONE and IPHONE Portrait
	-------------------------------------
*/

@media only screen and (max-width: 480px) {
    div.column-left {
        width: 100%;
        padding-right: 0;
        float: none;
    }
    div.column-right {
        margin-top: 30px;
        margin-bottom: 30px;
        width: 100%;
        padding-left: 0;
        float: none;
    }
    .poll-video {
        width: 280px;
        height: 170px;
    }
    div.column-left-70 {
        width: 100%;
        padding-right: 0;
        float: none;
    }
    div.column-right-30 {
        width: 100%;
        padding-left: 0;
        float: none;
    }
    .poll-answer-note {
        font-size: 20px;
    }
    .poll-header {
        margin-bottom: 10px;
    }
    .poll-ui-logo {
        height: 50px;
        float: right;
        margin-left: 17px;
    }
    .poll-ui-slogan {
        margin-bottom: 30px;
    }
    .poll-result-div {
        max-width: 100%;
        width: 100%;
    }
    #map-canvas {
        display: none;
    }

    .business-searchbox {
        max-width: 200px;
    }

    .business-reports {
        text-align: center;
    }

    .business-reports div.image {
        float: none;
        width: 100%;
        margin-top: 10px;
    }
    .business-reports span.name {
        line-height: normal;
    }

    /* admin type report colors */
    #color-btns .btn-group {
        margin-left: 0 !important;
    }
    #color-btns .btn-group > label {
        margin: 5px 5%;
        width: 90%;
        border-radius: 4px;
    }
}

/*For smaller device, tab control should not appear*/
@media (max-width: 767px) {
    .nav-tabs > li {
        float:none;
        border:1px solid #dddddd;
    }
    .nav-tabs > li.active > a{
        border:none;
    }
    .nav > li > a:hover, .nav > li > a:focus,
    .nav > li > a:hover, .nav > li > a:focus,
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        background: none;
        border: none;
    }
    .home .business-logo-content {
        text-align: center;
    }
    .home .business-logo {
        position: initial;
        max-width: 150px;
        max-height: 150px;
    }
    .home .news {
        margin-right: 0;
    }

    /* POLL */
    .poll-business-container {
        text-align: center;
        margin-bottom: 35px;
    }
    .poll-business-logo {
        max-height: 80px;
    }
    .poll-ui-logo-container {
        text-align: center;
    }
    .poll-ui-logo {
        float: none;
        height: 80px;
    }
}

/** Paginator **/
.paginator-right {
 text-align: right;
}
.paginator-right .pagination {
    margin-top: 0;
}

/** Notifications **/
.notification-menu .bell-icon {
    font-size: 17px;
}
.notification-menu .badge-number {
    font-size: 9px;
    top: -10px;
    position: inherit;
}
.notification-menu  a.view {
    color: #ccc;
}
.notification-menu div.date {
    font-size: 10px;
    font-style: italic;
    margin-left: 20px;
}


/** Budget **/
.budget-footer-info {
   text-align: right;
    margin: 0;
    padding: 5px 10px;
}
.budget-footer-info .amount {
    min-width: 60px;
    display: inline-block;
}

/** Unsubscribe emails **/
.unsubscribe-mails > .list-group-item {
    -webkit-transition: all 2000ms linear;
    -ms-transition: all 2000ms linear;
    transition: all 2000ms linear;
}

/** Print extinguisher1kg **/

.print-ext1kg .page-demo {
    margin: auto;
    padding: 5px 25px;
    border: 1px solid #e5e5e5;
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,.5);
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    width: 105mm;
    height: 148mm;
}
.print-ext1kg .page_header {
    position: relative;
}

.print-ext1kg .page_header_image {
    position: absolute;
    right: 0;
    top: 10px;
}
.print-ext1kg .page_header_title {
    position: absolute;
    left: 5px;
    top: 18px
}
.print-ext1kg h3.title {
    font-size: 20px;
    font-weight: 700;
}
.print-ext1kg div.lines {
    margin-left: 10px;
    padding-bottom: 5px;
}

.print-ext1kg .page_content {
    margin-top: 180px;

}
.print-ext1kg .left-text {
    text-align: left;
}
.print-ext1kg .right-text {
    text-align: right;
}

.print-ext1kg .color {
    background-color: #f9f9f9;
}
.print-ext1kg div.info, table.info {
    font-size: 13px;
    margin-bottom: 30px;
    border: solid 1px;
    width: 100%;
}

.print-ext1kg table.info td {
    padding-bottom: 8px;
}

.print-ext1kg table.info td.label-data {
    width: 90px;
    padding-left: 8px;
    padding-top: 5px;
}
.print-ext1kg table.info td.data {
    width: 215px;
    padding-left: 8px;
    padding-top: 5px
}

/** email-preview **/
.email-preview .email-info {
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 20px;
}
.email-preview .email-content {
    border: 1px solid #e5e5e5;
}

/**** NOTIFICATION PAGE ****/
.list-title {
    padding: 5px 10px 5px 25px;
    cursor: initial;
}
.notification-searchbox {
    width: 50%;
}
.notification-label-searchbox {
    line-height: 35px;
}
.notification-list dl dt {
    margin-top: 10px;
}
.notification-list dl dd {
    margin-left: 10px;
}
.notification-list .list-group-item.disable {
    background-color: #f5f5f5;
}

/**** STAFF PAGE ****/
.staff-table .staff-photo {
    height: 30px;
}

/**** IMPORT CSV ****/
.import-csv-file {
    text-align: center;
    cursor: pointer;
}
.import-csv-file li {
    color: #999;
}

/** NOTE EDITOR **/
.form-group.summernote.with-input .note-editor.note-frame {
    border-radius: 0;
    border: solid 1px #dddddd;
    margin-bottom: 0;
}
.form-group.summernote .footer .form-control {
    border-top-right-radius: 0;
}
.form-group.summernote .footer span.input-group-addon {
    border-top-left-radius: 0;
}

.sms-group .char-counter {
    color: #666;
    font-size: 12px;
    font-style: italic;
    text-align: right;
}
.sms-group .note-editor.note-frame {
    margin-bottom: 0;
    border-radius: 0;
    border: 1px solid #e3e3e3;
}
.sms-group textarea {

}
.sms-group .footer .form-control {
    border-top-right-radius: 0;
}
.sms-group .footer span.input-group-addon {
    border-top-left-radius: 0;
}

/**** TABLESORTER ****/
.tablesorter button.due {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.tablesorter-bootstrap>tbody>tr>td {
    vertical-align: middle;
}
.tablesorter-bootstrap>tbody>tr.item-top>td {
    vertical-align: top;
}
/*.table-responsive {
    width: 100%;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}*/

@media (max-width: 1199px) {
    .container {
        width: auto;
    }
}
@media (min-width: 1200px) {
    .container {
        width: auto;
    }
}
@media (min-width: 1400px) {
    .container {
        width: 1380px;
    }
}

/****** VALIDATION FORM *****/
label.validation-error {
    padding-left: 44px;
    font-size: 12px;
    color: #d43f3a;
    margin-bottom: 0;
    font-weight: 500;
}
input.validation-error,
select.validation-error {
    border-color: #d43f3a;
}

/****** Category hide *****/
.category-hide {
    background-color: #e3e3e3;
    color: #a1a1a1;
}

/****** Custom Notification *****/
.custom-notification-icon:focus,
.custom-notification-icon:hover {
    text-decoration: none;
}

/****** Documents *****/
.action-accordion {
    cursor: pointer;
}