/******************************
 * BASE ADMIN THEME ADDITIONS
 *******************************/

 /* Sticky footer styles
      -------------------------------------------------- */

html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    /*margin: 0 auto -52px;*/
}

/* Set the fixed height of the footer here */
#push,
#footer {
    height: 52px;
}
/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
    #footer {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.main {
    border-bottom: none;
}

.subnavbar {
    margin-bottom: 1.3em;
}

.navbar .brand {
    color: #FFFFFF;
}

.navbar .account {
    font-size: 18px;
    font-weight: bold;
    float: left;
    padding-top: 13px;
}

.topnav.navbar .nav > li > a {
    color: #999999;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}


/**
 * widget element update
 */
.widget-header .widget-actions {
    display: inline-block;
    float: right;
    height: 40px;
    line-height: 40px;
    margin-right: 0.85em;
    vertical-align: middle;
}
.widget-header h3 {
    margin-right: 15px;
}
.widget.nopad .widget-content {
    padding: 0;
}
.widget.editable {
    position: inherit;
}

.editable .description-content {
    float: left;
}

.editable .description-edit-link {
    float: right;
}

.editable .timezone-content {
    float: left;
}

.editable .timezone-edit-link {
    float: right;
}

.converter-details .item-label {
    width: 150px;
}
/*.editable .popover-content input.span1 {
    width: 120px;
}*/

/**
 * item classes for "show entity" pages
 */
.item-row {
    border-top: 1px dotted #CCCCCC;
    display: table;
    padding: 25px 0;
    width: 100%;
}
.item-row:first-child {
    border-top: medium none;
}

.item-label {
    display: table-cell;
    font-weight: 600;
    padding-left: 11px;
    vertical-align: top;
    width: 195px;
}

.item-content {
    display: table-cell;
    padding-right: 10px;
    position: relative;
    vertical-align: top;
}

.dashboard .item-label {
    width: 140px;
}

.details .item-row {
    padding: 3px 0;
}

.details .widget {
    position: inherit;
}

.details .widget .item-content {
    position: inherit;
}

.details .widget .item-label {
}

/**
 * SYMFONY
 */
ul.error {
    list-style: none;
    margin-left: 0;
    color:#b94a48;
}

.form-horizontal .control-group {
    margin-bottom: 10px;
}

.form-horizontal .form-actions {
    text-align: center;
    padding: 15px 0 0;
    margin: 0px;
    background: none;
}

form.form-horizontal {
    margin-bottom: 0px;
}

/** employee form **/
form .control-group .birthdate select {
    width: 100px;
}
form .control-group .birthdate :first-child {
    width: 52px;
}
form .control-group .birthdate :last-child {
     width: 68px;
}

/** department form **/
form .department-schedule select {
    width: auto;
}

.department-schedule .control-group {
}

.department-schedule .control-group .control-label {
    width: 145px;
}

.department-schedule .control-group .controls {
    margin-left: 155px;
    vertical-align: middle;
}

.department-schedule .control-group .controls input {
    height: 30px;
}

.department-schedule .schedule-add input {
    margin-left: 0px;
}

.department-schedule .schedule-add .control-group .control-label {
    width: 115px;
}

.department-schedule .schedule-add .control-group .controls {
    margin-left: 125px;
}

.form-span4 {
    width: 390px;
    margin-left: 10px;
}

.form-span4:first-child {
    margin-left: 30px;
}

.form-span4:nth-child(2) {
    width: 370px;
}

.wizard-steps .wizard-step-number i {
    margin-top: 7px;
}
.tabs-left .tab-content {
    width: auto;
    overflow: auto;
}

.tabs-left .nav-tabs {
    margin-right: 10px;
}

.global-actions {
    float: right;
    padding-top: 2px;
}
.global-actions > button {
    width: 125px;
    height: 75px;
}
.global-actions > button > span {
    display: block;
}

#indicator {
    padding: 13px 0 0 0;
}

.indicator-info {
    color: #ffffff;
    font-weight: bold;
    margin-right: 5px;
}

#indicator > div.btn-large  {
    width: 25px;
    height: 25px;
    font-size: 26px;
    text-align: center;
}

.indicator-info p {
    margin-bottom: 0px;
    text-align: center;
}

/**
 * CONVERTERS
 */
.equipment-status {
    width: 25px;
}

/** not connected **/
.equipment-status-0 > div {
    background-image: -moz-linear-gradient(top, #FFAE16, #E68400);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFAE16), to(#E68400));
    background-image: -webkit-linear-gradient(top, #FFAE16, #E68400);
    background-image: -o-linear-gradient(top, #FFAE16, #E68400);
    background-image: linear-gradient(to bottom, #FFAE16, #E68400);
    background-repeat: repeat-x;
}

/** connected **/
.equipment-status-1 > div {
    background-image: -moz-linear-gradient(top, #74CC71, #42A245);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#74CC71), to(#42A245));
    background-image: -webkit-linear-gradient(top, #74CC71, #42A245);
    background-image: -o-linear-gradient(top, #74CC71, #42A245);
    background-image: linear-gradient(to bottom, #74CC71, #42A245);
    background-repeat: repeat-x;
}

/** disabled **/
.equipment-status-2 > div {
    background-image: -moz-linear-gradient(top, #959695, #656765);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#959695), to(#656765));
    background-image: -webkit-linear-gradient(top, #959695, #656765);
    background-image: -o-linear-gradient(top, #959695, #656765);
    background-image: linear-gradient(to bottom, #959695, #656765);
    background-repeat: repeat-x;
}


#equipment-details .item-row {
    padding: 3px 0;
}

#equipment-details .widget {
    position: inherit;
}

#equipment-details .widget .item-content {
    position: inherit;
}

#equipment-details .widget .item-label {
}

#equipment-list tr.selected td {
    background-color: #d0d0d0;
}

/** table timezones **/
.table-timezones {
    width: auto;
}

.table-timezones input[type="text"] {
    width: 50px;
}

.table-timezones td, .table-timezones th {
    text-align: center;
}

.table-timezones th {
    font-size: 9px;
}

.object-controllers label.control-label {
    padding-top: 0;
}

.object-controllers label.checkbox {
    margin-bottom: 10px;
}

.objects-wrapper input[type="radio"] {
    margin-right: 12px;
}

div.dataTables_info {
    padding-top: 8px;
}

div.dataTables_paginate {
    float: right;
    margin: 0;
    position: relative;
    top: 4px;
    padding: 20px;
}

.pagination > ul > li > a, .pagination ul > li.prev > a, .pagination > ul > li.next > a {
    background: -moz-linear-gradient(center top , #FAFAFA 0%, #E9E9E9 100%) repeat scroll 0 0 transparent;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    color: #555555;
    line-height: 28px;
    margin: 0 0.25em;
    padding: 0 8px;
}



.pagination > ul > .active > a {
    background: -moz-linear-gradient(center top , #FBB450 0%, #F89406 100%) repeat scroll 0 0 transparent;
    border: 1px solid #E68E0B;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset;
    color: #FFFFFF;
}

.timezones-object .control-label {
    width: auto;
}

.timezones-object .table-timezones {
    width: 100%;
}

.timezones-object .control-group {
    margin-bottom: 0px;
}

.timezones-object .timezones input[type="checkbox"] {
    margin: 0px;
}

.timezones-object .timezones table {
    margin-top: 10px;
    margin-bottom: 0px;
}

.timezones-object label {
    display: inline-block;
    padding: 5px 5px 0 5px;
}

.timezones-object input[type="radio"] {
    margin: 0 0 0 0;
}

.timezones select {
    width: 100%;
}

.employees .disabled {
    color: red;
}

.employees .deleted {
    color: grey;
    text-decoration: line-through
}

.employees .inactive {
    color: orange;
}

.employee-edit .timezones .user-edit-form {
    margin-bottom: 0px;
}

.employee-edit .timezones .widget {
    margin-bottom: 0px;
}

.departments .disabled {
    color: red;
}

.widget .table-paginated {
    border-bottom: 1px solid #dddddd;
}

.table .pull-center {
    text-align: center;
    height: 20px;
}

.timezones-object .controls {
    margin-left: 60px;
}

.color-picker {
    width: 70px;
}

#card_manual_entry_label {
    font-size: 13px;
}

#card_manual_entry {
    margin-top: 0;
}

.table-sortable thead tr {
    background: #E9E9E9;
    background:-moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FAFAFA), color-stop(100%,#E9E9E9)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* Opera11.10+ */
    background:-ms-linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* IE10+ */
    background:linear-gradient(top, #FAFAFA 0%,#E9E9E9 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";

    font-size: 10px;
    color: #444;
    text-transform: uppercase;
}

.table-sortable thead .sorting,
.table-sortable thead .sorting_asc,
.table-sortable thead .sorting_desc {
    cursor: pointer;
    *cursor: hand;
}

.table .sorting {
    background: url("../img/sort_both.png") no-repeat scroll right center transparent !important;
}

.table .sorting_asc {
    background: url("../img/sort_asc.png") no-repeat scroll right center transparent !important;
}

.table .sorting_desc {
    background: url("../img/sort_desc.png") no-repeat scroll right center transparent !important;
}

.control-group .controls.object-controller-list {
    height: 400px;
    margin-left: 0px;
    overflow: auto;
}

.column-color  {
    width: 25px;
}

.column-color > span > i {
    line-height: 21px;
    height: 20px;
    width: 22px;
    font-size: 30px;
}

.column-picture, .column-picture img {
    width: 25px;
}

.btn-color {
    border-radius: 6px 6px 6px 6px;
    font-size: 17.5px;
    padding: 12px 13px;
}

/* class: .btn-tertiary, color theme: mFast */
.btn-tertiary { text-shadow: 0px -1px 0px #505455; color: #ffffff; background-color: #6E7273; background-image: -moz-linear-gradient(top, #8c9091, #505455); background-image: -ms-linear-gradient(top, #8c9091, #505455); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8c9091), to(#505455)); background-image: -webkit-linear-gradient(top, #8c9091, #505455); background-image: -o-linear-gradient(top, #8c9091, #505455); background-image: linear-gradient(top, #8c9091, #505455); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8c9091', endColorstr='#505455', GradientType=0); border-color: #6E7273 #505455 #505455 #6E7273; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-tertiary:hover, .btn-tertiary:active, .btn-tertiary.active, .btn-tertiary.disabled, .btn-tertiary[disabled],.btn-group.open .btn-tertiary.dropdown-toggle { background-color: #505455; }
.btn-tertiary:hover { color: #ffffff; text-shadow: 0px -1px 0px #323637; }
.btn-tertiary:focus { color: #d2d6d7; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); border-color: #6E7273 #505455 #505455 #6E7273; border-color: rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.35) rgba(0, 0, 0, 0.25); }
.btn-tertiary.active, .btn-tertiary:active { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); color: #d2d6d7; }
/* end .btn-tertiary */

.span-countable {
    width: 55px;
}

.alphabet-list {
    text-align: center;
}

.developer p {
    margin:0;
    text-align:right;
    font-size:12px;
}

.developer p span {
    display: inline-block;
    padding: 0px 6px 7px 0px;
}

.developer p a {
    color: #EBECEC;
    text-decoration: none;
}

.developer p a img {
    vertical-align: bottom;
    width: 108px;
    height: 30px;
}

.success-spoiler .success-spoiler-header {
    cursor: pointer;
}

.success-spoiler .success-spoiler-content {
    display: none;
}

span.terms-link {
    margin-left: 20px;
    font-weight: bold;
}

.table-timesheet th,
.table-timesheet td {
    padding: 2px;
}

.table-timesheet th {
    text-align: center;
    width: auto;
}

.timesheet {
    min-width: 1600px;
}

.table-timesheet .day,
.table-timesheet .agv,
.table-timesheet .clean,
.table-timesheet .total {
    text-align: center;
    width: 31px;
}

.timesheet.wide {
    min-width: 2500px;
}

.timesheet.wide .table-timesheet .day {
    width: 50px;
}

.timesheet-header {
    margin: 0;
}

.timesheet-header .widget-header {
    border-bottom: none;
}

.base-colors {
    margin: 5px 0 0 0;
    cursor: pointer;
}

.base-colors .btn-color {
    display: inline-block;
}

#passwordModal {
    width: 340px;
    margin-left: -170px;
}

.account-payment .widget-content.text {
    padding: 10px 15px 5px;
}

.account-payment .money-discount-info {
    display: none;
}

.account-payment-method input[type="submit"] {
    display: none;
}

.account-payment-method label {
    margin-bottom: 0px;
}

.discipline table th {
    text-align: center;
}

.discipline table th,
.discipline table td {
    padding: 2px;
}

.discipline table td {
    min-width: 24px;
}
.discipline span.column-color {
    border-radius: 6px 6px 6px 6px;
    width: 24px;
    height: 24px;
    float: left;
    font-size: 17.5px;
}

.discipline span.column-color.left {
    border-radius: 6px 0px 0px 6px;
    width: 12px;
}

.discipline span.column-color.right {
    border-radius: 0px 6px 6px 0px;
    width: 12px;
}

.user-edit .subchoice[parent] {
    margin-left: 20px;
}

.export-types {
    display: none;
}

.cards .type-visitor {
    color: blue;
}

.cards .disabled {
    color: red;
}

.cards .deleted {
    color: grey;
}

.cards .inactive {
    color: orange;
}


.cards .widget-content table {
    margin-bottom: 0px;
}

.reminders .disabled {
    color: red;
}

.tableDiv table {
    max-width: none;
}
.timesheet {
    min-width: inherit;
}
.fixedColumn tbody tr:nth-child(2n+1) td {
    background-color:#F9F9F9;
}
.fixedColumn tbody tr:nth-child(2n) td {
    background-color:#fff;
}
.tableDiv .fixedHead tbody tr td {
    background: -moz-linear-gradient(center top , #FAFAFA 0%, #E9E9E9 100%) repeat scroll 0 0 transparent;
}
.fixedColumn tbody td {
    padding: 2px;
    vertical-align: middle;
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
    line-height: 20px;
}
/*.fixedContainer .fixedTable tr td {
   padding: 1;
}*/

.tableDiv .fixedContainer .fixedHead td {
    border-bottom: 1px solid #DDDDDD;
    border-right: 1px solid #DDDDDD;
}

.fixedHead {
    text-align: center;
}

.timesheet .widget-content {
    background: none repeat scroll 0 0 #EFEFEF;
}

.fixedHead td {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
}

@media (max-width: 767px) {
    .footer {
        margin-right: 0px;
        margin-left: 0px;
        border-top: none;
    }
    .footer-inner {
        margin-right: -40px;
        margin-left: -40px;
    }
    .subnavbar .container > ul > li {
        width: 120px;
        height: 70px;
        border-right: 1px solid #292929;
    }
}

.access-objects label {
    display: block;
    padding: 0 5px 0 5px;
}

.form-horizontal .access_type .controls input, .form-horizontal .timezones-object .controls input{
   display: block;
   float: left;
   width: 20px;
}

.form-horizontal .access_type .control-group label, .form-horizontal .timezones-object .control-group label {
    width: 105px;
}

.form-horizontal .access_type .control-group .controls label, .form-horizontal .timezones-object .control-group .controls label {
    width: auto;
}

.access-objects input[type="radio"] {
    margin: 4px 0 0 0;
}

.access-objects .control-label {
    padding-top: 0;
}

.timezones-object .controls {
    margin-left: 105px;
}

.navbar-inner {
    background-color: #292929;
    background-image: none;
    filter: none;
}

.subnavbar-inner {
    height: auto;
}

.subnavbar .container > ul li {
    border-bottom: 1px solid #292929;
}

.subnavbar .container > ul {
    display: block;
    height: auto;
    border-right: none;
}

.table-striped tbody tr:nth-child(2n) td, .table-striped tbody tr:nth-child(2n) th {
    background-color: #fff;
}

.event-details .slideshow {
    text-align: center;
}

.event-details .modal {
    width: 60%;
    left: 40%;
}

#reportsEventDetails.modal-lg {
    top: 40%;
    width:800px;
    left: 40%;
/*    height: 80%;*/
}

#reportsEventDetails.modal-body {
/*    max-height: 600px; */
}

#addCardModal.modal {
   /*top: 10%;*/
    /*bottom: calc(100%-100px);*/
}

#addCardModal .well-small {
    padding: 0 9px;
}
#addCardModal form {
    margin-bottom: 0;
}

#videoSettings.modal {
    width:900px;
}

#videoPreview.modal {
    width:900px;
/*    left: 40%; */
/*    top: 35%; */
/*    height: 90%; */
/*    bottom: calc(100%-100px); */
}

#videoPreview.modal-body {
    max-height: 500px;
}

#videoPreview.modal-content {
    height: 90%;
}

.modal-dialog,
.modal-content {
    /* 80% of window height */
    /*height: 90%;*/
}

.modal-body {
    /* 100% = dialog height, 120px = header + footer */
    /*max-height: calc(100% - 500px);*/
    max-height: 350px;
    overflow-y: scroll;
}

.modal-body-lg {
    height: 550px;
    max-height: 550px; 
}


.user_settings .control-group .controls input {
     width: auto;
}

.user_settings .control-group label {
    width: 20%;
}

.user_settings .control-group .controls label {
    width: auto;
}

.user_settings .control-group .controls {
    padding-top: 5px;
}

.user_settings .group-choice .controls {
    padding-top: 0;
}

.user_settings .group-choice1 .controls {
    padding-top: 0;
}

.user_settings  .controls fieldset .control-group div{
    padding-top: 0;
}
.user_settings .controls fieldset .control-group div div{
    padding-top: 5px;
}

.form-horizontal .profile .controls, .user-profile .form-horizontal .controls, .profile .form-horizontal .controls, .add-converter .form-horizontal .controls {
    float: left;
    padding-left: 5%;
    width: 65%;
    margin-left: 0;
}

.form-horizontal .profile .control-label, .profile .form-horizontal .control-label, .user-profile .form-horizontal label.control-label, .add-converter .form-horizontal .control-label {
    width: 30%;
    margin-left: 0;
}

.form-horizontal .profile .controls input, .profile .form-horizontal .controls input, .form-horizontal .profile .controls textarea, .profile .form-horizontal .controls textarea, .form-horizontal .profile .controls .uneditable-input, .add-converter .form-horizontal textarea, .add-converter .form-horizontal input {
    width:90%
}

.form-horizontal .profile .controls select, .profile .form-horizontal .controls select, .add-converter .form-horizontal select{
    width: 94%;
}

.form-horizontal .profile .controls input.btn, .profile .form-horizontal .controls input.btn, .add-converter .form-horizontal input.btn {
    width: auto;
}

.form-horizontal .timezones label.control-label, .form-horizontal .timezones-object label.control-label {
    margin-left: 0;
    float: left;
    text-align: left;
}

.form-horizontal .timezones .controls, .form-horizontal .timezones-object .controls {
    float: left;
    margin-left: 0;
}

.access-objects .access_type {
    background: #eee;
    padding: 5px 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-bottom: 5px;
}

.employee-edit .notifications {
    background: #eee;
    padding: 5px 0;
    border: 1px solid #ddd;
    border-radius: 4px;
    margin-top: 5px;
}

.form-horizontal .access-objects .control-group .controls {
    width: 200px;
}

.form-horizontal .access-objects .timezones-object .control-group {
    margin-bottom: 10px;
}

.form-horizontal .access-objects .control-group {
    margin-bottom: 0;
}

.user-profile .form-horizontal label.control-label {
    width: 30%;
}

.user-profile .form-horizontal .control-group .controls {
    width: 65%;
}

.user-profile .form-horizontal .control-group .controls input, .user-profile .form-horizontal .control-group .controls textarea {
    width: 65%;
}

.user-profile .form-horizontal .control-group .controls select {
    width: 68%;
}

.widget-content .user_settings .controls {
    float: left;
    padding-left: 5%;
    width: 70%;
    margin-left: 0;
}

.widget-content .user_settings .control-label, .widget-content .user_settings .control-group .control-label {
    width: 20%;
    float: left;
}

.user-add .controls input {
    width: 455px;
}

.reports-realtime .widget-content {
    margin-bottom: 20px;
}

.reports-realtime .picture {
    text-align: center;
    margin: 10px 0 10px 0;
}

.reports-realtime .picture img {
    height: 400px;
}

.controller-details .height-reset {
    max-height:none;
}

.controller-details .video-settings td {
    vertical-align:top;
    width:50%;
}

.ajax-form .loader {
    display:none;
    float:left;
}

.ajax-form .message {
    display:none;
    float:left;
    color:#b00000;
}

.reports-events .select-camera {
    margin-top:10px;
}

.reports-events .camera-info {
    margin-top:10px;
}

.reports-events .modal-body {
    height: 500px;
}

.reports-events .slideshow img {
    width: 495px;
}

.reports-events .eye {
    width: 13px;
}

.reports-events .modified {
    color: blue;
}

/* global style */
a[data-href] {
    cursor: pointer;
}

.icon-white {
    color: #fff;
}

.tabs-left .error a:link{
    color: #ff0000;
}

.hidden-thing {
    display: none;
}

.vertical-text {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: nowrap;
}

.dowvert {
    width: 290px;
}

.timezones-object .error {
    color: #ff0000;
}

.table .deleted {
    color: grey;
    text-decoration: line-through
}