.navbar-brand {
    font-size: 19px;
}

.btn-col {
    width: 110px !important;
    min-width: 100px !important;
    max-width: 110px !important;

}
td.btn-col {
    padding: 0 !important;
    vertical-align: middle !important;
}

#model-table {
    width: 100% !important;
}

.col-button-group {
    width: 75px;
}

.col-button-group-wide {
    width: 115px;
}

.btn-edit-model {
    width: 40px;
}
.btn-delete-model {
    width: 30px;
    margin-left: 5px !important;
}
/* Copied from the default css but with updated class name */
.parsley-errors-list, .errorlist {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-top: 6px;
    font-size: 12px;
    color: #ff5f5f;
}

.non-field-errors {
    display: none;
    color: #ff5f5f;
}

.panel-heading .panel-heading-button {
    margin-left: 10px;
    margin-bottom: 10px;
}


/*.panel-heading .nav-tabs > li.active > a:hover,*/
/*.panel-heading .nav-tabs > li.active > a:focus*/
.panel-heading .nav-tabs > li > a.error,
.panel-heading .nav-tabs > li > a.error:hover,
.panel-heading .nav-tabs > li > a.error:focus {
  color: #fb6b5b;
    font-weight: bold;
}

.panel-heading-help-link {
    margin-left: 25px;
}

/* Get it above the modal */
.datepicker {
    z-index: 2000;
}
.breadcrumb > .active {
    color: #888;
    font-weight: bold;
}
.separator {
    width: 100%;
    height: 20px;
    padding: 11px 15px;
    border: none;
    -webkit-background-clip: padding-box; /* for Safari */
    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
    background: #f5f5f5; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(left, #d4d4d4, #f5f5f5); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(right, #d4d4d4 , #f5f5f5); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(right, #d4d4d4 , #f5f5f5); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, #d4d4d4 , #f5f5f5); /* Standard syntax */
}

.nav-xs .twitter-timeline {
    display: none !important;
}

.nav-xs .nav-primary > ul > li > a {
    height: 44px;
}
.nav-primary > ul > li > a {
    height: 44px;
}
.nav-xs .nav-primary > ul > li > a span {
    padding-bottom: 5px;
    line-height: 15px;
}
.nav-xs .nav-primary > ul > li > a > i {
    line-height: 45px;
}
.nav-primary > ul > li > a > i {
    line-height: 45px;
}
.nav-primary li {
    line-height: 20px;
}
/* Keep the autocomplete ul on top */
ul.ui-autocomplete.ui-front {
    z-index: 9000;
}

/* Fix display for Bootstrap Switches when part of a input combo */
.input-group-btn>div.bootstrap-switch {
    display: block;
}
.input-group-btn>div.bootstrap-switch-normal {
    height: 34px;
}
.input-group-btn>div.bootstrap-switch-small {
    height: 30px;
}

.input-group .input-group-btn {
    vertical-align: top;
    display: table-cell;
}

.input-group .input-group-btn .btn {
    vertical-align: top;
}

.form-group.has-error .input-group .input-group-btn,
.form-group .input-group .input-group-btn {
    vertical-align: top;
}

.input-group .form-control.parsley-error + .input-group-btn {
    vertical-align: top;
}

body a.help-link {
    display: none;
}

body a.help-link sup {
    font-size: 13px;
    color: #939393;
}
body a.help-link :hover{
    color: #65bd77;
}

body a.help-link-large sup {
    font-size: 7px;
}
body a.help-link-large sup .fa{
    font-size: 24px;
}

body a.video-link sup {
    font-size: 7px;
    color: #939393;
}
body a.video-link sup .fa {
    font-size: 24px;
}
body a.video-link :hover {
    color: #65bd77;
}

.show-help-links .help-link {
    display: inline;
}

/* Duplicating 'gplus' rules from app.css as 'google' */
.btn-google {
  color: #fff !important;
  background-color: #dd4a38;
  border-color: #dd4a38;
}
.btn-google:hover,
.btn-google:focus,
.btn-google:active,
.btn-google.active,
.open .dropdown-toggle.btn-google {
  color: #fff !important;
  background-color: #d73825;
  border-color: #ca3522;
}
.btn-google:active,
.btn-google.active,
.open .dropdown-toggle.btn-google {
  background-image: none;
}
.btn-google.disabled,
.btn-google.disabled:hover,
.btn-google.disabled:focus,
.btn-google.disabled:active,
.btn-google.disabled.active,
.btn-google[disabled],
.btn-google[disabled]:hover,
.btn-google[disabled]:focus,
.btn-google[disabled]:active,
.btn-google[disabled].active,
fieldset[disabled] .btn-google,
fieldset[disabled] .btn-google:hover,
fieldset[disabled] .btn-google:focus,
fieldset[disabled] .btn-google:active,
fieldset[disabled] .btn-google.active {
  background-color: #dd4a38;
  border-color: #dd4a38;
}

/* Copying google buttons but with different colors */
.btn-linkedin {
  color: #fff !important;
  background-color: #0077bf;
  border-color: #0077bf;
}
.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {
  color: #fff !important;
  background-color: #006AAE;
  border-color: #005FA3;
}
.btn-linkedin:active,
.btn-linkedin.active,
.open .dropdown-toggle.btn-linkedin {
  background-image: none;
}
.btn-linkedin.disabled,
.btn-linkedin.disabled:hover,
.btn-linkedin.disabled:focus,
.btn-linkedin.disabled:active,
.btn-linkedin.disabled.active,
.btn-linkedin[disabled],
.btn-linkedin[disabled]:hover,
.btn-linkedin[disabled]:focus,
.btn-linkedin[disabled]:active,
.btn-linkedin[disabled].active,
fieldset[disabled] .btn-linkedin,
fieldset[disabled] .btn-linkedin:hover,
fieldset[disabled] .btn-linkedin:focus,
fieldset[disabled] .btn-linkedin:active,
fieldset[disabled] .btn-linkedin.active {
  background-color: #0077bf;
  border-color: #0077bf;
}

.btn-wizard {
  color: #fff !important;
  background-color: #1a93cc;
  border-color: #1a93cc;
}
.btn-wizard:hover,
.btn-wizard:focus,
.btn-wizard:active,
.btn-wizard.active,
.open .dropdown-toggle.btn-wizard {
  color: #fff !important;
  background-color: #1a7fb8;
  border-color: #1a7fb8;
}
.btn-wizard:active,
.btn-wizard.active,
.open .dropdown-toggle.btn-wizard {
  background-image: none;
}
.btn-wizard.disabled,
.btn-wizard.disabled:hover,
.btn-wizard.disabled:focus,
.btn-wizard.disabled:active,
.btn-wizard.disabled.active,
.btn-wizard[disabled],
.btn-wizard[disabled]:hover,
.btn-wizard[disabled]:focus,
.btn-wizard[disabled]:active,
.btn-wizard[disabled].active,
fieldset[disabled] .btn-wizard,
fieldset[disabled] .btn-wizard:hover,
fieldset[disabled] .btn-wizard:focus,
fieldset[disabled] .btn-wizard:active,
fieldset[disabled] .btn-wizard.active {
  background-color: #1a93cc;
  border-color: #1a93cc;
}

#logout_link:hover{
    color: #000000;
}
.bg-avetmiss-top{
    background-color: #97C800;
    border-color: #789e00;
    color: #ffffff;
}
.bg-avetmiss-btn-recent{
    background-color: #88B400;
    color: #ffffff;
}

.bg-avetmiss-logout{
    background-color: #8ec165;
    color: #ffffff;
}

.bg-avetmiss-logout a{
    background-color: #8ec165;
    color: #ffffff;
}

.nav > li > .bg-avetmiss-btn-recent:hover, .nav > li > .bg-avetmiss-btn-recent:focus, .nav > .bg-avetmiss-btn-recent:hover {
    text-decoration: none;
    background-color: #A1DC00;
}

.bg-avetmiss-dashboard{
    background-color: #e7272f;
}
.bg-avetmiss-students{
    background-color: #ef702f;
}
.bg-avetmiss-enrolments{
    background-color: #f28e30;
}
.bg-avetmiss-programmes{
    background-color: #fdc031;
}
.bg-avetmiss-occurrences{
    background-color: #97bb34;
}
.bg-avetmiss-trainers{
    background-color: #5eb847;
}
.bg-avetmiss-locations{
    background-color: #25a78f;
}
.bg-avetmiss-exports{
    background-color: #1a93cc;
}
.bg-avetmiss-settings{
    background-color: #0b59a3;
}
.bg-avetmiss-support{
    background-color: #694799;
}
.bg-avetmiss-about{
    background-color: #a34b98;
}
.bg-avetmiss-maintainence{
    background-color: #fd70da;
}
.bg-avetmiss-data-management{
    background-color: #035d88;
}
.bg-avetmiss-system{
    background-color: #53b6ff;
}
.bg-avetmiss-customisation{
    background-color: #1c6ebb;
}
.bg-avetmiss-payment{
    background-color: #4d24e1;
}

#support_nav li.active  i{
    background-color: #fde9bc;
}

#exports_nav li.active  i{
    /*background-color: #b7d6ff;*/
    background-color: rgba(26, 147, 204, 0.25);
}

#settings_nav li.active  i{
    background-color: rgba(11, 126, 216, 0.30);
}

#staff_nav li.active  i{
    background-color: rgba(253, 112, 218, 0.25);
}

.btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    color: #fff !important;
    background-color: #4a9954;
    border-color: #4a9954;

}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus{
    color: #fff !important;
    background-color: #4a9954;
    border-color: #4a9954;
}

.datepick-jumps .datepick-cmd-prev, .datepick-jumps .datepick-cmd-next {
    width: 10% !important;
}
.datepick-cmd-prevJump, .datepick-cmd-nextJump{
    width: 17% !important;
}
.datepick-cmd {
    width: 22%;
}
.datepick {
    z-index: 1151 !important;
    font-size: 120% !important;
    width: auto !important;
}
.datepick-popup {
    z-index: 1151 !important;
}

.input-group > .datepick-trigger{
    vertical-align: top !important;
}

.dataTables_wrapper #results-table .date-wrapper {
    width: 125px;
}

.dataTables_wrapper #results-table .simple-date-mask {
    height: 34px;
}

.dataTables_wrapper #results-table select {
    width: 150px;
}

.btn-date-options{
    position: absolute;
    margin-left: 40%;
    margin-top: 2px;
}
.btn-date-options-modal{
    position: relative;
    margin-left: 40%;
    margin-top: 2px;
}

.input-sm {
    font-size: inherit !important;
}

.padded-form-tab {
    padding-left: 20%;
    padding-right: 20%;
}

.padded-form-index-tab {
    padding-left: 10%;
    padding-right: 10%;
}

.width-control {
    width: 45%;
    display: inline-block;
    margin-bottom: 10px;
    margin-left: 20px;
}

#nav footer {
    border-color: transparent;
    background: #f5f5f5;
}

.slimScrollDiv {
    overflow: visible !important;

}

#content .scrollable {
    overflow: visible !important;

}

.nav-xs .nav-primary > ul ul {
    bottom: 0 !important;
    top: inherit !important;
}


#export-error-holder a {
    white-space: normal;
}

option[data-status="9"]{
    background-color: pink;
}

option[data-status="2"]{
    background-color: pink;
}

.colorpicker-2x .colorpicker-saturation {
    width: 200px;
    height: 200px;
}

.colorpicker-2x .colorpicker-hue, .colorpicker-2x .colorpicker-alpha {
    width: 30px;
    height: 200px;
}

.colorpicker-2x .colorpicker-color, .colorpicker-2x .colorpicker-color div {
    height: 30px;
}

label.short-path-clearable {
    float: right;
}

input.short-path-clearable {
    display: inline-block;
}


.field-error {
    background-color: #ffc9c1 !important;
    /*border-color: #ff0000 !important;*/
}

.subject-link:hover {
    background-color: #add8e6;
}

.clickable-disabled.form-control[disabled], fieldset[disabled] .clickable-disabled.form-control {
    cursor: pointer;
}

.imageupload .thumbnail {
    margin-left: auto;
    margin-right: auto;
}

.file-tab.panel-body {
    width: 100%;
}

.img-form-group {
    width: 190px;
    border: 1px solid lightgray;
}

.img-widget-wide .img-form-group {
    width: 404px;
}

.imageupload .img-wrapper {
    height: 170px;
}

.imageupload .img-placeholder {
    display: none;
    width: 160px;
    height: 160px;
    margin: 0 auto 10px;
    border: dashed lightgray 1px;
}

.img-widget-wide .imageupload .img-placeholder {
    width: 374px;
}

.input-prepend .colorPicker-picker.add-on, .input-append .colorPicker-picker.add-on, .colorPicker-picker {
    display: table-cell;
    width: 34px;
}

.full-width {
    width: 100%;
}

.print-form-col {
    min-width: 435px;
}

.form-inline.setup_wizard_buttons .form-group {
    margin-right: 10px;
}

.step-help {
    min-height: 50px;
    padding: 10px;
}
.badge-info {
  background-color: #4cc0c1;
}
.badge-warning {
  background-color: #ffc333;
}
.badge-danger {
  background-color: #fb6b5b;
}
.flashing{
	background: #5aa91b;
	/*padding:5px 10px;*/
	color:#fff;
	/*border:none;*/
	/*border-radius:5px;*/
	/*display:inline-block;*/
	animation-name: flash;
	animation-duration: 4s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;

	/* Chrome 4+, Safari 4+, Opera 15+ */
	-webkit-animation-name: flash;
	-webkit-animation-duration: 4s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;

	/* Firefox 5+ */
	-moz-animation-name: flash;
	-moz-animation-duration: 4s;
	-moz-animation-timing-function: linear;
	-moz-animation-iteration-count: infinite
}

.user-list > li {
    list-style-type: none;
}
.student-status-container {
    height: 150px;
}
.student-image-container {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 72px;
}

.advanced-query-filter-holder {
    padding: 20px 0 0 0;
}

.btn-filter-type {
    margin: 0 -3px;
}
.btn-filter-type.active {
    background-color: rgba(80,160,20,0.7) !important;
    color: #ffffff !important;
}

.btn-filter-type:hover {
    background-color: rgba(80,160,20,0.4) !important;
    color: #ffffff !important;
}

html.logged-out {
    position: relative;
    min-height: 100%;
}


html.logged-out #content {
    min-height: 100%;
    margin-top: 0;
    padding: 0;
}

html.logged-out #content .bg-avetmiss-top {
    margin-bottom: 50px;
}

#footer {
    width: 100%;
    height: 40px;
    background-color: #f5f5f5;
}

#logged-out-footer {
    position: relative;
    margin: 0 1em;
    overflow: hidden;
}

#logged-out-footer ul {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: -1px;
    list-style: none;
    padding: 0;
}

#logged-out-footer li {
    flex-grow: 1;
    flex-basis: auto;
    margin: .25em 0;
    padding: 0 1em;
    text-align: center;
    border-left: 1px solid #ccc;
}

.tab-wrapper-row {
    position: relative;
}

.fixed-full-footer {
    position: absolute;
    bottom: -575px;
    /*bottom: 0px;*/
    height: 555px;
    max-height: 555px;
    width: 100%;
    margin: 0;
    padding: 0;
    border: #e8e8e8 solid 1px;
    border-radius: 2px;
    /*background-color: yellow;*/
}

.tab-wrapper-row .fixed-full-footer {
    bottom: -555px;
}

@keyframes flash {
	0% { opacity: 1.0 }
	50% { opacity: 0.5 }
	100% { opacity: 1.0 }
}

/* Chrome 4+, Safari 4+, Opera 15+ */
@-webkit-keyframes flash {
	0% { opacity: 1.0 }
	50% { opacity: 0.5 }
	100% { opacity: 1.0 }
}

/* Firefox 5+ */
@-moz-keyframes flash {
	0% { opacity: 1.0 }
	50% { opacity: 0.5 }
	100% { opacity: 1.0 }
}

@media (min-width: 768px){
    .student-status-container {
        height: 130px;
    }
    .nav-xs .nav-primary > ul > li > a {
        font-size: 10px;
    }

    .nav-xs > .vbox > footer {
        position: relative !important;
        left: 0;
        bottom: 0 !important;
        width: 80px;
        /*top: 100% !important;*/

    }

    .vbox > footer {
        position: relative !important;
        left: 0;
        width: 220px;
        bottom: 0 !important;
    }

    #nav .vbox > section {
        position: relative !important;
        top: 0;
    }

    .form-inline .form-group {
        margin: 5px 0;
    }

    .form-inline .input-group > .form-control.compact-date {
        width: 120px;
    }

    .form-inline .form-group > .form-control.compact-input {
        width: 120px;
    }

    .form-inline .form-group > select.form-control.compact-input {
        width: 130px;
    }

    .form-inline .radio label, .form-inline .checkbox label {
        padding-left: 20px;
    }
}
@media (max-width: 1300px) {
    .padded-form-tab{
        padding-left: 15%;
        padding-right: 20%;
    }

    .padded-form-index-tab {
        padding-left: 5%;
        padding-right: 10%;
    }

    .width-control {
        width: 45%;
    }
}
@media (max-width: 1100px) {
    .padded-form-tab{
        padding-left: 10%;
        padding-right: 10%;
    }

    .padded-form-index-tab {
        padding-left: 5%;
        padding-right: 5%;
    }

    .width-control {
        width: 45%;
    }
}
@media (max-width: 900px) {
    .padded-form-tab{
        padding-left: 0;
        padding-right: 0;
    }

    .padded-form-index-tab {
        padding-left: 0;
        padding-right: 0;
    }

    .width-control {
        width: 45%;
    }
}
@media (max-width: 767px) {
    .student-status-container {
        height: 130px;
    }

    .padded-form-tab{
        padding-left: 0;
        padding-right: 0;
    }
    .width-control {
        width: 100%;
    }
    /*#nav {*/
        /*width: 50%;*/
        /*max-width: 50%;*/
    /*}*/
    .navbar-fixed-top-xs {
        z-index: 1025;
    }
    .error-button-group {
        position: relative;
        display: inline-block;
        vertical-align: middle;
    }
    .error-button-group > .btn{
        position: relative;
        display: block;
        float: none;
        width: 100%;
        max-width: 100%;
    }

}

@media (max-width: 500px) {
    .student-status-container {
        height: 150px;
    }
}

@media (min-width: 768px) {
    .nav-xs .nav-primary > ul > li > a span {
        width: 76px !important;
        height: 80px;
    }
    .nav-xs {
        width: 80px !important;
    }
    .navbar-text {
        float: left;
        margin-right: 10px;
        margin-left: 10px;
    }

}

@media (min-width: 1400px){
    .av-col-xl-10 {
        width: 83.33333333%;
    }
}

.nav-filter > li.active > a {
  color: #000 !important;
  //background-color: #caeaf9 !important;
  -webkit-box-shadow: -1px -1px 3px 1px #ccc;
   box-shadow:        -1px -1px 3px 1px #ccc;
}

.badge-number{
    background-color: #c1c0c0 !important;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0,0,0,.3);
}

.overlay__wrapper {
  width: 100%;
  height: 100%;
  position: relative;
}

.overlay__spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

@media (min-width: 768px) and (max-width: 1500px) {
  .hidden-sm-custom1 {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1600px) {
  .hidden-sm-custom2 {
    display: none !important;
  }
}

@media (min-width: 768px) and (max-width: 1365px) {
  .hidden-sm-custom3 {
    display: none !important;
  }
}

.icon-blue {
   color: #4cc0c1;
}

.circle-red {
    color: #FF0000;
}

.circle-green {
    color: #008000;
}