h1,
.h1 {
    color: #c60;
    font-size: 29px;
}

    h1 span[class^="ca-gov-icon-"]:first-child,
    .h1 span[class^="ca-gov-icon-"]:first-child {
        margin-left: -40px;
        font-size: 30px;
        position: relative;
        top: 2px
    }


/*.btn-primary {
    color: #333;
    background-color: #f2bf64;
    border-color: #f0b54c;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #333;
        background-color: #eeac35;
        border-color: #eb9e14;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: #f2bf64;
        border-color: #f0b54c;
    }

    .btn-primary .badge {
        color: #f2bf64;
        background-color: #333;
    }

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        color: #333;
        background-color: #eeac35;
        border-color: #eb9e14;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open > .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: #f2bf64;
        border-color: #f0b54c;
    }*/

.panel-heading {
    padding: 10px 10px;
    text-align: left;
}
.panel-padright {
    padding: 20px 20px;
    text-align: left;
}

.breadcrumb > li + li:before {
    content: "";
}

.breadcrumb {
    background-color: #fff;
}

.form-group.required .control-label:after, .label-required:after {
    color: red;
    content: "*";
    position: absolute;
    margin-left: 3px;
}

@media (min-width: 768px) {
    .container {
        width: 750px;
    }
    .utility-nav {
        display: none;
    }
}

@media (min-width: 992px) {
    .container {
        width: 970px;
    }
    .utility-nav {
        display:none;
    }
}

@media (min-width: 1280px) {
    .container {
        width: 1170px;
    }
    .utility-nav {
        display: none;
    }
}


@media print {
    .no-print, .no-print * {
        display: none !important;
    }
}

.mediumblue {
    color: #2a6496;
}

.gray {
    color: gray;
}

.nav-tabs-dropdown {
    display: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

    .nav-tabs-dropdown:before {
        content: "\e114";
        font-family: 'Glyphicons Halflings';
        position: absolute;
        right: 30px;
    }

@media screen and (min-width: 769px) {
    #nav-tabs-wrapper {
        display: block !important;
    }
}

@media screen and (max-width: 768px) {
    .nav-tabs-dropdown {
        display: block;
    }

    #nav-tabs-wrapper {
        display: none;
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        text-align: center;
    }

    .nav-tabs-horizontal {
        min-height: 20px;
        padding: 19px;
        margin-bottom: 20px;
        background-color: #f5f5f5;
        border: 1px solid #e3e3e3;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    }

        .nav-tabs-horizontal > li {
            float: none;
        }

            .nav-tabs-horizontal > li + li {
                margin-left: 2px;
            }

            .nav-tabs-horizontal > li,
            .nav-tabs-horizontal > li > a {
                background: transparent;
                width: 100%;
            }

                .nav-tabs-horizontal > li > a {
                    border-radius: 4px;
                }

                .nav-tabs-horizontal > li.active > a,
                .nav-tabs-horizontal > li.active > a:hover,
                .nav-tabs-horizontal > li.active > a:focus {
                    color: #555;
                    background-color: #428bca;
                }
}
.h1 {
    color: #c60
}


h2,
.h2 {
    color: #c60
}


.panel-details {
    border-color: #d4d4d4
}

.panel-details > .panel-heading {
        color: #fff;
        background-color: #5a7797;
        border-color: #d4d4d4
    }

.panel-details > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d4d4d4
        }

.panel-details > .panel-heading .badge {
            color: #f2bf64;
            background-color: #fff
        }

.panel-details > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #d4d4d4
    }

.panel-table {
    border-color: #d5d5d5
}

    .panel-table > .panel-heading {
        color: inherit;
        background-color: #e8e8e8;
        border-color: #d5d5d5
    }

        .panel-table > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #d5d5d5
        }

.panel-table>.panel-heading .badge {
    color: #a6c6df;
    background-color: inherit
}

.panel-table>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #046
}

.panel-table .panel-heading h2 span[class^="ca-gov-icon-"],
.panel-table .panel-heading h3 span[class^="ca-gov-icon-"],
.panel-table .panel-heading h4 span[class^="ca-gov-icon-"],
.panel-table .panel-heading h5 span[class^="ca-gov-icon-"] {
    color: #036
}

.panel-table .panel-heading .options .btn-default {
    color: #000;
    background-color: #e4eef5;
    border-color: #046
}

.panel-table .panel-heading .options .btn-default:hover,
.panel-table .panel-heading .options .btn-default:focus,
.panel-table .panel-heading .options .btn-default:active,
.panel-table .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-table .panel-heading .options .btn-default {
    color: #000;
    background-color: #bfd6e8;
    border-color: #001b29
}

.panel-table .panel-heading .options .btn-default:active,
.panel-table .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-table .panel-heading .options .btn-default {
    background-image: none
}

.panel-table .panel-heading .options .btn-default.disabled,
.panel-table .panel-heading .options .btn-default[disabled],
fieldset[disabled] .panel-table .panel-heading .options .btn-default,
.panel-table .panel-heading .options .btn-default.disabled:hover,
.panel-table .panel-heading .options .btn-default[disabled]:hover,
fieldset[disabled] .panel-table .panel-heading .options .btn-default:hover,
.panel-table .panel-heading .options .btn-default.disabled:focus,
.panel-table .panel-heading .options .btn-default[disabled]:focus,
fieldset[disabled] .panel-table .panel-heading .options .btn-default:focus,
.panel-table .panel-heading .options .btn-default.disabled:active,
.panel-table .panel-heading .options .btn-default[disabled]:active,
fieldset[disabled] .panel-table .panel-heading .options .btn-default:active,
.panel-table .panel-heading .options .btn-default.disabled.active,
.panel-table .panel-heading .options .btn-default[disabled].active,
fieldset[disabled] .panel-table .panel-heading .options .btn-default.active {
    background-color: #e4eef5;
    border-color: #046
}

.panel-table .panel-heading .options .btn-default .badge {
    color: #e4eef5;
    background-color: #000
}

.panel-table .panel-heading .options .btn-default:hover,
.panel-table .panel-heading .options .btn-default:focus,
.panel-table .panel-heading .options .btn-default:active,
.panel-table .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-table .panel-heading .options .btn-default {
    color: #000;
    background-color: #bfd6e8;
    border-color: #001b29
}

.panel-table .panel-heading .options .btn-default:active,
.panel-table .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-table .panel-heading .options .btn-default {
    background-image: none
}

    .panel-table .panel-heading .options .btn-default.disabled,
    .panel-table .panel-heading .options .btn-default[disabled],
    fieldset[disabled] .panel-table .panel-heading .options .btn-default,
    .panel-table .panel-heading .options .btn-default.disabled:hover,
    .panel-table .panel-heading .options .btn-default[disabled]:hover,
    fieldset[disabled] .panel-table .panel-heading .options .btn-default:hover,
    .panel-table .panel-heading .options .btn-default.disabled:focus,
    .panel-table .panel-heading .options .btn-default[disabled]:focus,
    fieldset[disabled] .panel-table .panel-heading .options .btn-default:focus,
    .panel-table .panel-heading .options .btn-default.disabled:active,
    .panel-table .panel-heading .options .btn-default[disabled]:active,
    fieldset[disabled] .panel-table .panel-heading .options .btn-default:active,
    .panel-table .panel-heading .options .btn-default.disabled.active,
    .panel-table .panel-heading .options .btn-default[disabled].active,
    fieldset[disabled] .panel-table .panel-heading .options .btn-default.active {
        background-color: #e4eef5;
        border-color: #d5d5d5
    }

.panel-table .panel-body {
    background: #fff;
}
    .panel-table-body {
        background: #fff;
        padding: 0px;
    }
.panel-table-group {
    margin-bottom: 20px;
}

    .panel-table-group .panel {
        margin-bottom: 0;
        border-radius: 2px;
    }

        .panel-table-group .panel + .panel {
            margin-top: 5px;
        }

    .panel-table-group .panel-heading {
        border-bottom: 0;
    }

        .panel-table-group .panel-heading + .panel-collapse > .panel-body,
        .panel-table-group .panel-heading + .panel-collapse > .list-group {
            border-top: 1px solid #ddd;
        }

    .panel-table-group .panel-footer {
        border-top: 0;
    }

        .panel-table-group .panel-footer + .panel-collapse .panel-body {
            border-bottom: 1px solid #ddd;
        }

panel-table-group {
    margin-bottom: 20px;
}

.panel-table-group .panel {
    margin-bottom: 0;
    border-radius: 2px;
}

    .panel-table-group .panel + .panel {
        margin-top: 5px;
    }

.panel-table-group .panel-heading {
    border-bottom: 0;
}

    .panel-table-group .panel-heading + .panel-collapse > .panel-body,
    .panel-table-group .panel-heading + .panel-collapse > .list-group {
        border-top: 1px solid #ddd;
    }

.panel-table-group .panel-footer {
    border-top: 0;
}

    .panel-table-group .panel-footer + .panel-collapse .panel-body {
        border-bottom: 1px solid #ddd;
    }

.panel-default {
    border-color: #046
}

.panel-default>.panel-heading {
    color: inherit;
    background-color: #a6c6df;
    border-color: #046
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #046
}

.panel-default>.panel-heading .badge {
    color: #a6c6df;
    background-color: inherit
}

.panel-default>.panel-footer+.panel-collapse>.panel-body {
    border-bottom-color: #046
}

.panel-default .panel-heading h2 span[class^="ca-gov-icon-"],
.panel-default .panel-heading h3 span[class^="ca-gov-icon-"],
.panel-default .panel-heading h4 span[class^="ca-gov-icon-"],
.panel-default .panel-heading h5 span[class^="ca-gov-icon-"] {
    color: #036
}

.panel-default .panel-heading .options .btn-default {
    color: #000;
    background-color: #e4eef5;
    border-color: #046
}

.panel-default .panel-heading .options .btn-default:hover,
.panel-default .panel-heading .options .btn-default:focus,
.panel-default .panel-heading .options .btn-default:active,
.panel-default .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-default .panel-heading .options .btn-default {
    color: #000;
    background-color: #bfd6e8;
    border-color: #001b29
}

.panel-default .panel-heading .options .btn-default:active,
.panel-default .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-default .panel-heading .options .btn-default {
    background-image: none
}

.panel-default .panel-heading .options .btn-default.disabled,
.panel-default .panel-heading .options .btn-default[disabled],
fieldset[disabled] .panel-default .panel-heading .options .btn-default,
.panel-default .panel-heading .options .btn-default.disabled:hover,
.panel-default .panel-heading .options .btn-default[disabled]:hover,
fieldset[disabled] .panel-default .panel-heading .options .btn-default:hover,
.panel-default .panel-heading .options .btn-default.disabled:focus,
.panel-default .panel-heading .options .btn-default[disabled]:focus,
fieldset[disabled] .panel-default .panel-heading .options .btn-default:focus,
.panel-default .panel-heading .options .btn-default.disabled:active,
.panel-default .panel-heading .options .btn-default[disabled]:active,
fieldset[disabled] .panel-default .panel-heading .options .btn-default:active,
.panel-default .panel-heading .options .btn-default.disabled.active,
.panel-default .panel-heading .options .btn-default[disabled].active,
fieldset[disabled] .panel-default .panel-heading .options .btn-default.active {
    background-color: #e4eef5;
    border-color: #046
}

.panel-default .panel-heading .options .btn-default .badge {
    color: #e4eef5;
    background-color: #000
}

.panel-default .panel-heading .options .btn-default:hover,
.panel-default .panel-heading .options .btn-default:focus,
.panel-default .panel-heading .options .btn-default:active,
.panel-default .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-default .panel-heading .options .btn-default {
    color: #000;
    background-color: #bfd6e8;
    border-color: #001b29
}

.panel-default .panel-heading .options .btn-default:active,
.panel-default .panel-heading .options .btn-default.active,
.open>.dropdown-toggle.panel-default .panel-heading .options .btn-default {
    background-image: none
}

.panel-default .panel-heading .options .btn-default.disabled,
.panel-default .panel-heading .options .btn-default[disabled],
fieldset[disabled] .panel-default .panel-heading .options .btn-default,
.panel-default .panel-heading .options .btn-default.disabled:hover,
.panel-default .panel-heading .options .btn-default[disabled]:hover,
fieldset[disabled] .panel-default .panel-heading .options .btn-default:hover,
.panel-default .panel-heading .options .btn-default.disabled:focus,
.panel-default .panel-heading .options .btn-default[disabled]:focus,
fieldset[disabled] .panel-default .panel-heading .options .btn-default:focus,
.panel-default .panel-heading .options .btn-default.disabled:active,
.panel-default .panel-heading .options .btn-default[disabled]:active,
fieldset[disabled] .panel-default .panel-heading .options .btn-default:active,
.panel-default .panel-heading .options .btn-default.disabled.active,
.panel-default .panel-heading .options .btn-default[disabled].active,
fieldset[disabled] .panel-default .panel-heading .options .btn-default.active {
    background-color: #e4eef5;
    border-color: #046
}

.panel-default .panel-body {
    background: #eef3f7
}

.panel .panel-heading h2, .panel .panel-heading h4, .panel .panel-heading h5 {
    font-family: inherit;
    font-weight: 500;
    line-height: 1.1;
    color: inherit;
    font-size: 19px;
    border-bottom: 2px dotted #cccccc;
    font-weight: normal;
    border: none;
    display: inline-block;
    margin: 6px 0 0 0;
}
.page-header {
    margin-top: 10px !important;
    margin-bottom: 0px !important;
    font-weight: normal;
}
.form-modal {padding-left:20px;padding-right:20px;}

.hand-cursor {
    cursor: pointer; 
}
/* style all elements with a required attribute */
/*:required {
    background: red;
}*/
/* style all input elements with a required attribute */
/*:required {
    box-shadow: 4px 4px 20px rgba(200, 0, 0, 0.85);
}

    /**
 * style input elements that have a required
 * attribute and a focus state
 */
    /*input:required:focus {
        border: 1px solid red;
        outline: none;
    }*/

    /**
 * style input elements that have a required
 * attribute and a hover state
 */
    /*input:required:hover {
        opacity: 1;
    }*/
.font-bold {
    font-weight: bold;
}
.bc-navigation {
    /* Tony... */
    margin-left: -14px;
    /* So that if there are no breadcrumbs, help button doesn't collide with login info. Erik */
    height: 30px;
}
.modal {
    top: 20%;

}
.modal-dialog {
    width: 460px;
}
.modal-body {
    margin-left: 6px;
    margin-right: 24px;
}

.modal-body .form-control {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 6px;
}

.bs-callout {
    padding: 10px;
    margin: 30px 0 10px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-right-width: 5px;
    border-radius: 3px;
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}

.bs-callout p:last-child {
    margin-bottom: 0;
}

.bs-callout code {
    border-radius: 3px;
}

.bs-callout + .bs-callout {
    margin-top: -5px;
}

.bs-callout-default {
    border-left-color: #777;
    border-right-color: #777;
}

.bs-callout-default h4 {
    color: #777;
}

.bs-callout-primary {
    border-left-color: #428bca;
    border-right-color: #428bca;
}

.bs-callout-primary h4 {
    color: #428bca;
}

.bs-callout-success {
    border-left-color: #5cb85c;
    border-right-color: #5cb85c;
}

.bs-callout-success h4 {
    color: #5cb85c;
}

.bs-callout-danger {
    border-left-color: #d9534f;
    border-right-color: #d9534f;
}

.bs-callout-danger h4 {
    color: #d9534f;
}

.bs-callout-warning {
    border-left-color: #f0ad4e;
    border-right-color: #f0ad4e;
}

.bs-callout-warning h4 {
    color: #f0ad4e;
}

.bs-callout-info {
    border-left-color: #5bc0de;
    border-right-color: #5bc0de;
}

.bs-callout-info h4 {
    color: #5bc0de;
}

.bs-callout h4 {
    border-bottom: none;
}

.bs-callout ul {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

/* Standard Alignment, padding, and color styles*/
.row-m-t {
    margin-top: 1em;
}

.row-m-b {
    margin-bottom: 1em;
}

.row-p-t {
    padding-top: 1em;
}

.row-p-b {
    padding-bottom: 1em;
}

.row-p-b-sm {
    padding-bottom: 0.2em;
}

.col-p-b {
    padding-bottom: 0.6em;
}


.required-ind {
    color: red;
    padding-left: 0.4em;
}


.required-ind-hd {
    color: red;
    padding-left: 0.4em;
    display: none;
}

.label-p-b {
    font-weight: bold;
    font-size: 110%;
    padding-bottom: 1.2em;
}

.info-msg-light {
    font-size: 80%;
    color: #939393;
}

.green-check {
    background-image: url("/images/accept-circle-128.png");
    background-size: 16px 16px;
    background-repeat: no-repeat;
    padding: 0.2em;
}

.green-filter {
    background-image: url("/images/filter-icon.png");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    margin: 0.3em;
    padding: 0.7em;
}


.msg-p-left {
    padding-left: 3em;
}
.truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.callout-glyphicon-default {
    font-size: 2.5em;
    color: #777;
    margin-right: 10px;
}

.callout-glyphicon-primary {
    font-size: 2.5em;
    color: #428bca;
    margin-right: 10px;
}

.callout-glyphicon-danger {
    font-size: 2.5em;
    color: #d9534f;
    margin-right: 10px;
}

.callout-glyphicon-success {
    font-size: 2.5em;
    color: #5cb85c;
    margin-right: 10px;
}

.callout-glyphicon-warning {
    font-size: 2.5em;
    color: #f0ad4e;
    margin-right: 10px;
}

.callout-glyphicon-info {
    font-size: 2.5em;
    color: #5bc0de;
    margin-right: 10px;
}
.nav-tabs {
    border-bottom: 0px solid #ddd;
}
legend {
    font-size: 14px;
    margin-bottom: 10px;
    border-bottom: 0;
    font-weight: bold;
}

.k-radio-label {
    font-weight: normal;
}

.k-multiselect .k-button {
    color: #555;
    border-color: #d5d5d5;
    background-color: #e8e8e8;
}
.OF-section-instruction {
    color: #777;
    white-space: pre-line;
}
.OF-section-instruction-important {
    color: red;
    font-weight: bold;
}
.OF-required-field-legend {
    color: #777;
    float: right !important;
}
.OF-required-field-legend:before {
    color: red;
    content: "*";
    position: absolute;
    margin-left: -10px;
}
.radio-inline, .checkbox-inline {
    margin-top: 0;
    margin-bottom: 0;
}

.k-edit-form-container {
    width: auto;
}

.negative-amount-field {
    color: red;
}

.positive-amount-field {
    color: black;
}

/* Added for Bootstrap grid & Kendo popup compatibility */
.kendo-modal
.form-control,
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.zebra-table table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
}

.zebra-table th, .zebra-table td {
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    text-align: left;
    padding: 8px;
    word-wrap: break-word;
}

.zebra-table tr:nth-child(odd) {
    background-color: #f2f2f2
}

.zebra-scroll table {
    border-collapse: collapse;
    width: auto;
    table-layout: fixed;
}

.zebra-scroll th, .zebra-scroll td {
    border-top: 1px solid lightgray;
    border-bottom: 1px solid lightgray;
    text-align: left;
    padding: 8px;
    word-wrap: break-word;
}

.zebra-scroll tr:nth-child(odd) {
    background-color: #f2f2f2
}


/* Can be used to give an embedded div or panel more width */
.form-group-sm {
    margin-left: -1em;
    margin-right: -1em;
}

.process-spinner {
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: 5px 5px 5px 5px;
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 25px;
    height: 25px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}


.spinner {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0px;
        opacity: 1
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}

.panel {
    overflow: visible;
}

.panel-scroll {
    overflow-x: scroll;
}

.addtopmargin{
    margin-top:10px;
}

.k-grid-update
{
    float: right;
    /*content: "test";*/
    /*background-color: red;*/
}

.k-textbox{
    width: 100%;
}

.p-right
{
    padding-right:10px
}

.k-pager-info {
    float: right;
    padding: 0 0.333em;
}

 


/* Overrise styling on kendo's default confirm dialog buttons to match color scheme in app */
.k-confirm .k-button {
    color: #333;
    border-color: #ccc;
    background-color: #fff;
    font-family: inherit;
    line-height: 1.72em;
    text-align: center;
    -webkit-appearance: button;
}

.k-confirm .k-primary {
    color: #333;
    background-color: #f2bf64;
    border-color: #f0b54c;
}

/* Fixes most wrapping issues on grid header titles */
.k-grid .k-grid-header .k-header .k-link {
    height: auto;
}

/*.k-grid .k-grid-header .k-header {
    white-space: normal;
}*/

.spacer{
    padding-top: 1.3em;
    padding-bottom: 1.3em;
}

.home-link [class^="ca-gov-icon-"] {
    font-size: 28.5px;
    line-height: .5em;
    position: relative;
    top: 10px;
    color: #fff;
    margin-left: 0.5em;
}

.dialog-field-error-mg{
    margin-left: 1em;
    padding-top: 0.5em;
}

.clearfix:after {
    content: "";
    clear: both;
    display: table;
}
 
/* Can be used to */
.action-menu-margin-fix {
   z-index: 9999;
   margin-bottom: 3em;
}

.no-padding {
    padding:  0 !important
}

.no-margin-bot {
    margin-bottom: 0 !important
}

.whole {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px
}

@media (min-width:992px) {
    .whole {
        float: left;
        width: 100%
    }
}
@media (min-width:768px) {
    .header-cagov-logo {
        display: block;
        left: 28px;
        position: absolute;
        z-index: 10;
        line-height: 60px
    }

    .primary .header-cagov-logo {
        line-height: 58px
    }

    .branding {
        height: 60px
    }

    .primary .branding {
        height: 100px
    }
}
    .dialog-confirm {
    }
    .dialog-confirm-content {
        margin: 10px 0px 10px 0px;
    }

    .dialog-confirm-buttonpane {
    }
    .dialog-confirm .dialog-confirm-buttonpane button {
        margin: 5px 0px 0px 20px;
    }
    .dialog-confirm-buttonset {
    }
    .dialog-confirm-buttonset button {
        width: 75px;
    }

blockquote.messages {
    padding: 10px 0px;
    margin: 0 0 0px;
    font-size: 16px;
    border-left: 5px solid #eee;
}

    blockquote.messages ul {
        display: block;
        list-style-type: disc;
        margin-block-start: 0;
        margin-block-end: 0;
        margin-inline-start: 0px;
        margin-inline-end: 0px;
        padding-inline-start: 30px;
    }