.app .app-header .app-header-search:after {
    left: 1px;
    top: 5px;
    font-size: 25px;
    content: "\e84e";
}
/*makes small icons in bootstrap tables*/
tr > td > a[class^="btn"] {
    padding: 1px 3px;
    margin: 0px;
    line-height: unset;
}
/*just incase we use the customized theme for non auth*/
.app .app-navigation-horizontal nav > ul {
    margin: 4px 0px 4px 0px;
    padding: 0px 0px 0px 0px;
}
/*padding of the sandwitch in top navigation*/
    .app .app-navigation-horizontal nav > ul > li.hidden-mobile > a.btn.btn-link.btn-icon {
        padding: 8px 10px 12px 10px;
    }

    .app .app-navigation-horizontal nav > ul > li.active > a {
        /*background: #FFF;*/
        -webkit-border-top-right-radius: 3px;
        -webkit-border-bottom-right-radius: 0px;
        -webkit-border-bottom-left-radius: 0px;
        -webkit-border-top-left-radius: 3px;
        -moz-border-radius-topright: 3px;
        -moz-border-radius-bottomright: 0px;
        -moz-border-radius-bottomleft: 0px;
        -moz-border-radius-topleft: 3px;
        border-top-right-radius: 3px;
        border-bottom-right-radius: 0px;
        border-bottom-left-radius: 0px;
        border-top-left-radius: 3px;
    }
    /*highlight selected (the open parent is in theme/js/app.js)*/
nav > ul > li.active > a,
nav > ul > li.openable.open > ul > li.active > a {
    color: #FFF !important
}

.app-header.app-header-design-default > a > img.img-responsive {
    max-height: 75px;
    margin: 5px;
}
.app-header.app-header-design-default >div> a > img.img-responsive {
    max-height: 75px;
    margin: 5px;
}

.app .app-header {
    height: unset;
}
input,
select,
textarea {
    max-width: 300px;
}

.form-group >div> input, .form-group >div> select, .form-group >div> textarea {
    max-width: 280px;
}
label.form-control {
    max-width: 280px;
}
/*Change the size of the left bar to be 250 and not 300*/
.app .app-container .app-sidebar {
    width: 250px;
}
.app .app-container .app-content.app-sidebar-left {
    padding-left: 250px;
}
.app .app-container .app-content.app-sidebar-right {
    padding-right: 250px;
}
/*@media (min-width: 768px) {
    .navbar-form .input-group {
        display: block;
    }
}*/
@media (max-width: 992px) {
    .app .app-container .app-content.app-sidebar-left {
        padding-left: 0px;
    }
    .app .app-container .app-sidebar {
        width: 100%;
    }
    /*.input-group { //this was removed due to Claims page for claimable events shrinking the icon of fields 
        display: block;
    }*/
    .navbar-form {
        margin: unset;
        padding: 10px 15px;
        border-top: unset; 
        border-bottom: unset;
        -webkit-box-shadow: unset; 
    }
}
/*Change the size of the left bar to be 250 and not 300*/
.app .table > thead > tr > th {
    text-transform: inherit;
}
.app-container{
    background-color: #fff!important;
}
.app .app-login-box {
    width: 320px;
    margin: 5px auto;
}
.jumbotron {
    background-color: #eee;
}
.app .app-navigation-horizontal .container.container-boxed:before {
    background: inherit;
}
.app .app-footer.app-footer-default .app-footer-line.darken {
    background: inherit;
}

/*RTL*/
.dir-right ul li,
.dir-right ol li {
    float: right;
}
.dir-left ul li,
.dir-left ol li {
    float: left;
}
.dir-right .pull-right {
    float: left !important;
}.dir-left .pull-right {
    float: right !important;
}
.dir-right .pull-left {
    float: right !important;
}.dir-left .pull-left {
    float: left !important;
}

.dir-right .btn.btn-icon span {
    float: right!important;
}
.dir-left .btn.btn-icon span {
    float: left !important;
}
/*fix form-control to stick to the right*/
.dir-right .col-md-1,
.dir-right .col-md-2,
.dir-right .col-md-3,
.dir-right .col-md-4,
.dir-right .col-md-5,
.dir-right .col-md-6,
.dir-right .col-md-7,
.dir-right .col-md-8,
.dir-right .col-md-9,
.dir-right .col-md-10,
.dir-right .col-md-11,
.dir-right .col-md-12,
.dir-right .col-sm-1,
.dir-right .col-sm-2,
.dir-right .col-sm-3,
.dir-right .col-sm-4,
.dir-right .col-sm-5,
.dir-right .col-sm-6,
.dir-right .col-sm-7,
.dir-right .col-sm-8,
.dir-right .col-sm-9,
.dir-right .col-sm-10,
.dir-right .col-sm-11,
.dir-right .col-sm-12,
.dir-right .col-xs-1,
.dir-right .col-xs-2,
.dir-right .col-xs-3,
.dir-right .col-xs-4,
.dir-right .col-xs-5,
.dir-right .col-xs-6,
.dir-right .col-xs-7,
.dir-right .col-xs-8,
.dir-right .col-xs-9,
.dir-right .col-xs-10,
.dir-right .col-xs-11,
.dir-right .col-xs-12 {
    float: right;
}
/*Fix form-group labels stop stick to the right as it used to be. new template overite it for some reason*/
.dir-left .form-horizontal .control-label {
    text-align: right;
}

.app .app-navigation-horizontal nav > ul > li > a {
    float: left;
    padding: 10px 15px 12px 15px;
}
.dir-right .app .app-navigation-horizontal nav > ul > li > a span[class^="icon-"], .dir-right .app .app-navigation-horizontal nav > ul > li > a .fa {
    float: right;
    margin-left: 5px;
    margin-right: 0px;
}
.dir-left .app .app-navigation-horizontal nav > ul > li > a span[class^="icon-"], .dir-left .app .app-navigation-horizontal nav > ul > li > a .fa {
    float: left;
    margin-right: 5px;
    margin-left: 0px;
}
/*change table column sorting RTL*/
/*.dir-right .fixed-table-container thead th .both {
    background-position: left;
 }*/
.dir-right .fixed-table-container thead th .sortable {
    background-position: left;
    padding-left: 30px;
}
/*table header*/
.dir-right th{
    text-align: right!important;
}
/*opposite margin and padding*/
.dir-right .margin-left-0 {
    margin-right: 0px !important;
}
.dir-right .margin-left-5 {
    margin-right: 5px !important;
}
.dir-right .margin-left-10 {
    margin-right: 10px !important;
}
.dir-right .margin-left-15 {
    margin-right: 15px !important;
}
.dir-right .margin-left-20 {
    margin-right: 20px !important;
}
.dir-right .margin-left-30 {
    margin-right: 30px !important;
}
.dir-right .margin-left-40 {
    margin-right: 40px !important;
}
.dir-right .margin-left-50 {
    margin-right: 50px !important;
}
.dir-right .margin-right-0 {
    margin-left: 0px !important;
}
.dir-right .margin-right-5 {
    margin-left: 5px !important;
}
.dir-right .margin-right-10 {
    margin-left: 10px !important;
}
.dir-right .margin-right-15 {
    margin-left: 15px !important;
}
.dir-right .margin-right-20 {
    margin-left: 20px !important;
}
.dir-right .margin-right-30 {
    margin-left: 30px !important;
}
.dir-right .margin-right-40 {
    margin-left: 40px !important;
}
.dir-right .margin-right-50 {
    margin-left: 50px !important;
}
.dir-right .padding-left-0 {
    padding-right: 0px !important;
}
.dir-right .padding-left-5 {
    padding-right: 5px !important;
}
.dir-right .padding-left-10 {
    padding-right: 10px !important;
}
.dir-right .padding-left-15 {
    padding-right: 15px !important;
}
.dir-right .padding-left-20 {
    padding-right: 20px !important;
}
.dir-right .padding-left-30 {
    padding-right: 30px !important;
}
.dir-right .padding-left-40 {
    padding-right: 40px !important;
}
.dir-right .padding-left-50 {
    padding-right: 50px !important;
}
.dir-right .padding-right-0 {
    padding-left: 0px !important;
}
.dir-right .padding-right-5 {
    padding-left: 5px !important;
}
.dir-right .padding-right-10 {
    padding-left: 10px !important;
}
.dir-right .padding-right-15 {
    padding-left: 15px !important;
}
.dir-right .padding-right-20 {
    padding-left: 20px !important;
}
.dir-right .padding-right-30 {
    padding-left: 30px !important;
}
.dir-right .padding-right-40 {
    padding-left: 40px !important;
}
.dir-right .padding-right-50 {
    padding-left: 50px !important;
}
/*original but with dir-left because it given this also and i dont want to unset it*/
.dir-left .margin-left-0 {
    margin-left: 0px !important;
}
.dir-left .margin-left-5 {
    margin-left: 5px !important;
}
.dir-left .margin-left-10 {
    margin-left: 10px !important;
}
.dir-left .margin-left-15 {
    margin-left: 15px !important;
}
.dir-left .margin-left-20 {
    margin-left: 20px !important;
}
.dir-left .margin-left-30 {
    margin-left: 30px !important;
}
.dir-left .margin-left-40 {
    margin-left: 40px !important;
}
.dir-left .margin-left-50 {
    margin-left: 50px !important;
}
.dir-left .margin-right-0 {
    margin-right: 0px !important;
}
.dir-left .margin-right-5 {
    margin-right: 5px !important;
}
.dir-left .margin-right-10 {
    margin-right: 10px !important;
}
.dir-left .margin-right-15 {
    margin-right: 15px !important;
}
.dir-left .margin-right-20 {
    margin-right: 20px !important;
}
.dir-left .margin-right-30 {
    margin-right: 30px !important;
}
.dir-left .margin-right-40 {
    margin-right: 40px !important;
}
.dir-left .margin-right-50 {
    margin-right: 50px !important;
}
.dir-left .padding-0 {
    padding: 0px !important;
}
.dir-left .padding-left-0 {
    padding-left: 0px !important;
}
.dir-left .padding-left-5 {
    padding-left: 5px !important;
}
.dir-left .padding-left-10 {
    padding-left: 10px !important;
}
.dir-left .padding-left-15 {
    padding-left: 15px !important;
}
.dir-left .padding-left-20 {
    padding-left: 20px !important;
}
.dir-left .padding-left-30 {
    padding-left: 30px !important;
}
.dir-left .padding-left-40 {
    padding-left: 40px !important;
}
.dir-left .padding-left-50 {
    padding-left: 50px !important;
}
.dir-left .padding-right-0 {
    padding-right: 0px !important;
}
.dir-left .padding-right-5 {
    padding-right: 5px !important;
}
.dir-left .padding-right-10 {
    padding-right: 10px !important;
}
.dir-left .padding-right-15 {
    padding-right: 15px !important;
}
.dir-left .padding-right-20 {
    padding-right: 20px !important;
}
.dir-left .padding-right-30 {
    padding-right: 30px !important;
}
.dir-left .padding-right-40 {
    padding-right: 40px !important;
}
.dir-left .padding-right-50 {
    padding-right: 50px !important;
}
/*fix pagination table items in page button down*/
.page-list .dropdown,
.page-list .dropup {
    float: none;
}
/*fix missing left table border on right-to-left*/
.dir-right .fixed-table-container thead th:first-child ,
.dir-right .fixed-table-container tbody td:first-child {
    border-left-color: rgb(221,221,221);
    border-left-style:solid;
    border-left-width:1px;
}
/*RTL checkbox radiobox alignment for RTL*/
.dir-right .radio input[type="radio"],
.dir-right .radio-inline input[type="radio"],
.dir-right .checkbox input[type="checkbox"],
.dir-right .checkbox-inline input[type="checkbox"] {
    margin-right: -20px;
}
.dir-right .radio-inline, .checkbox-inline {
    padding-right: 20px;
}

/*Small icons in titles RTL*/
.dir-right h1 [class^="icon-"],
.dir-right h2 [class^="icon-"],
.dir-right h3 [class^="icon-"],
.dir-right h4 [class^="icon-"],
.dir-right h5 [class^="icon-"],
.dir-right h6 [class^="icon-"],
.dir-right h1 .fa,
.dir-right h2 .fa,
.dir-right h3 .fa,
.dir-right h4 .fa,
.dir-right h5 .fa,
.dir-right h6 .fa {
    float: right;
    margin-left: 10px;
}

.dir-right h1 .fa-text,
.dir-right h2 .fa-text,
.dir-right h3 .fa-text,
.dir-right h4 .fa-text,
.dir-right h5 .fa-text,
.dir-right h6 .fa-text {
    float: right;
}

.dir-left h1 .fa-text,
.dir-left h2 .fa-text,
.dir-left h3 .fa-text,
.dir-left h4 .fa-text,
.dir-left h5 .fa-text,
.dir-left h6 .fa-text {
    float: left;
}
/*Fix bootstrap-select RTL*/
.dir-left .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-align: left;
}
.dir-right .bootstrap-select.btn-group .dropdown-toggle .filter-option {
    text-align: right;
}
.dir-left .fixed-table-toolbar .dropdown-menu {
    text-align: left;
}
.dir-right .fixed-table-toolbar .dropdown-menu {
    text-align: right;
}
.dir-right .bootstrap-select .dropdown-toggle .caret {
    right: auto !important;
}
/* Styles for validation helpers - good for department edit when using UserProfile share with individual
-----------------------------------------------------------*/
.field-validation-error :not(.alert){
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-errors >ul>li{
    font-weight: bold;
    color: #FFF;
}

.validation-summary-valid {
    display: none;
}
/*for example confirmation pop up*/
.dir-right h1, h2, h3, h4, h5, h6 {
    float: right;
}
.dir-left h1, h2, h3, h4, h5, h6 {
    float: left;
}
.dir-right .close {
    float: left;
}
/*panel title*/
.dir-right .app .panel > .panel-heading .panel-title {
    float: right;
}
/*fix RTL icon on side menu */
.app.app-rtl .app-navigation nav > ul > li a span {
    margin: 6px 0px 0px 15px;
}
.dir-left .input-group-btn{
    float:left;
}
.dir-right .input-group-btn {
    float: right;
}
.dir-right .input-group .form-control {
    float: right;
}
/*display of selected dropdown like applicant types/zones*/
.socialtag {
    padding-top: 10px;
    display: flex;
    flex-wrap: wrap;
}
.socialtag > .label {
    text-transform: none !important;
    margin-right: 3px;
    margin-bottom: 1px;
}
/*missing gap of socialtags in panels*/
.panel-body .socialtag > .label {
    margin-right: 3px;
    margin-bottom: 1px;
}
/*makes dropdown size as form-control*/
.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 280px;
}
.alert-warning .alert-heading {
    font-weight: 700;
}
/* For forms that we want to have few items same line just add this to each pair of form-group div as in MyCitations*/
.form-inline .form-toolbar {
    display: contents !important;
}
.btn-vehiclesearch {
    height: 30px;
    width: 30px;
    padding: 2px;
}
/* Skip to main  content tab link*/
.skip-to-content {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.skip-to-content:focus {
	position: static;
	width: auto;
	height: auto;
	overflow: visible;
}

/* Targets <a> within .panel-heading within .panel for collapsed state */
@font-face {
    font-family: 'linearicons';
    src: url('../Theme/css/fonts/Linearicons-Free.eot?w118d');
    src: url('../Theme/css/fonts/Linearicons-Free.eot?#iefixw118d') format('embedded-opentype'), url('../Theme/css/fonts/Linearicons-Free.woff2?w118d') format('woff2'), url('../Theme/css/fonts/Linearicons-Free.woff?w118d') format('woff'), url('../Theme/css/fonts/Linearicons-Free.ttf?w118d') format('truetype'), url('../Theme/css/fonts/Linearicons-Free.svg?w118d#Linearicons-Free') format('svg');
    font-weight: normal;
    font-style: normal;
}
.panel .panel-heading span[data-toggle="collapse"][aria-expanded="true"]:after {
    line-height: 30px;
    padding: 10px;
    width: 40px;
    font-size: 10px;
    content: "\e873";
    font-family: "linearicons";
    text-align: center;
    -webkit-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
}

/* Targets <a> within .panel-heading within .panel for expanded state */
.panel .panel-heading span[data-toggle="collapse"][aria-expanded="false"].collapsed:after {
    line-height: 30px;
    padding: 10px;
    width: 40px;
    font-size: 10px;
    content: "\e874";
    font-family: "linearicons";
    text-align: center;
    -webkit-transition: transform 0.2s ease-in-out;
    transition: transform 0.2s ease-in-out;
}