/**
   * Document   : nakuru.css
   * Theme      : nakuru
   * Created on : Jan 21, 2013, 11:48:05 AM
   * Author     : Edwin Mugendi
   * Description: CSS styles for Nakuru Theme of Backend bundle
*/
/*
* TW 3
*Internet Explorer 10 doesn't differentiate device width from viewport width, 
*/
@-webkit-viewport {
    width: device-width;
}

@-moz-viewport {
    width: device-width;
}

@-ms-viewport {
    width: device-width;
}

@-o-viewport {
    width: device-width;
}

@viewport {
    width: device-width;
}

html,
body {
    height: 100%;
}

.classDownloadDocumentIcon {
    z-index: 1000;
    position: fixed;
    bottom: 0px;
    left: 48%;
}

/*S# mostly used css*/
.icon-data-2x {
    font-size: 28px;
}

.icon-data-3x {
    font-size: 42px;
}

#backToTop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1000;
    width: 60px;
    height: 60px;
    border: 0;
    border-radius: 50%;
    background: #337ab7;
    color: #fff;
    cursor: pointer;
}

#backToTop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 1000;
    width: 60px;
    height: 60px;
    border: 0;
    border-radius: 50%;
    background: #337ab7;
    color: #fff;
    cursor: pointer;
}

h1 i {
    margin-right: 15px;
}

.commonTextDecorationLineThrough {
    text-decoration: line-through;
}

.commonTextTransformUpper {
    text-transform: uppercase;
}

.commonForSaleColor {
    color: #DDA0DD;
}

.commonForRentColor {
    color: #FF69B4;
}

.commonOverflowHidden {
    overflow: hidden;
}

.commonInputErrorColor {
    color: #ff0000 !important;
}

.commonInputErrorBorder {
    border: 1px solid #ff0000 !important;
}

.commonFontStyleItalic {
    font-style: italic;
}

.commonCursorPointer {
    cursor: pointer !important;
}

.commonWidthAuto {
    width: auto;
}

.commonClearBoth {
    clear: both;
}

.commonBoxShadow {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .065);
}

.commonTextAlignRight {
    text-align: right;
}

.commonTextAlignLeft {
    text-align: left;
}

.commonBorderColor {
    border: 1px solid #ccc;
}

.commonBorderRadius {
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

.commonBorderRadiusTop {
    -moz-border-radius: 6px 6px 0px 0px;
    -webkit-border-radius: 6px 6px 0px 0px;
    -khtml-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
}

.commonCard {
    margin-bottom: 10px;
    background: #fff;
    border-color: #e5e6e9 #dfe0e4 #d0d1d5;
    -moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -khtml-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
}

.commonBorderRadiusBottom {
    -moz-border-radius: 0px 0px 6px 6px;
    -webkit-border-radius: 0px 0px 6px 6px;
    -khtml-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
}

.commonBorderRadiusLeft {
    -moz-border-radius: 6px 0px 0px 6px;
    -webkit-border-radius: 6px 0px 0px 6px;
    -khtml-border-radius: 6px 0px 0px 6px;
    border-radius: 6px 0px 0px 6px;
}

.commonBorderRadiusRight {
    -moz-border-radius: 0px 6px 6px 0px;
    -webkit-border-radius: 0px 6px 6px 0px;
    -khtml-border-radius: 0px 6px 6px 0px;
    border-radius: 0px 6px 6px 0px;
}

h1 {
    font-size: 2em;
    line-height: 20px;
}

h2 {
    font-size: 1.5em;
    line-height: 20px;
    margin: 3px 0;
}

h3 {
    font-size: 1.2em;
    line-height: 20px;
    margin: 3px 0;
}

h4,
.h4 {
    font-size: 1em;
    line-height: 20px;
    margin: 3px 0;
}

.commonFontWeightBold {
    font-weight: bold;
}

.commonDisplayInline {
    display: inline;
}

.commonDisplayNone {
    display: none;
}

.commonDisplayNoneImportant {
    display: none !important;
}

.commonFloatLeft {
    float: left;
}

.commonFloatRight {
    float: right;
}

.commonColorBackground {
    background: #0044cc;
}

.commonWhiteBackground {
    background: #fff;
}

.commonRedBackground {
    background: #ff0000;
}

.commonGrayBackground {
    background: #ebebeb;
}

.commonColorWhite {
    color: #ffffff;
}

.commonColorRed {
    color: #ff0000;
}

.commonColor {
    color: #0044cc;
}

.commonColorGray {
    color: #999;
}

.commonDisplayInlineImportant {
    display: inline !important;
}

.commonMaxWidth {
    max-width: 1128px;
}

.commonMinWidth {
    min-width: 960px;
}

.commonContainer {
    max-width: 1128px;
    clear: both;
    margin: 0 auto;
}

.commonDisplayInlineBlock {
    display: inline-block;
}

.commonBorderBottom {
    border-bottom: 1px solid #e9e9e9;
}

.commonBorderTop {
    border-top: 1px solid #e9e9e9;
}

.commonBorderLeft {
    border-left: 1px solid #000;
}

.commonBorderLeftGray {
    border-left: 1px solid #ccc;
}

.commonPositionCenter {
    margin: 0 auto;
}


.commonMarginLeft10 {
    margin-left: 10px;
}

.commonMarginLeft20 {
    margin-left: 20px;
}

.commonMarginTop5 {
    margin-top: 5px;
}

.commonPaddingTop10 {
    padding-top: 10px;
}

.commonMarginLeftRight20 {
    margin: 0 20px;
}

.commonMarginTop20 {
    margin-top: 20px;
}

.commonMarginBottom5 {
    margin-bottom: 5px;
}

.commonPaddingBottom10 {
    padding-bottom: 10px;
}

.commonMarginBottom20 {
    margin-bottom: 20px;
}

.commonMarginTop10 {
    margin-top: 10px;
}

.commonMarginBottom20 {
    margin-bottom: 20px;
}

.commonMarginBottom10 {
    margin-bottom: 10px;
}

.commonPaddingTop5 {
    padding-top: 5px;
}

.commonPadding5 {
    padding: 5px;
}

/*E# mostly used css*/

/*S# Datatable*/
.dataTables_filter1 .dataTables_info1 {
    display: none;
}

/*E# Datatable*/
/*S# layout*/
div#notificationBar {
    clear: both;
}

div#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -100px;
    padding-bottom: 50px;
}

div.wide {
    width: 100%;
    margin: 0 auto;
}

/*E# layout*/

/*S# Form*/
.shadowPortlet {
    background: #f6f6f6;
    padding: 7px;
    margin-bottom: 7px;
}

.shadowPortletContainer {
    background: #fff;
    padding: 5px;
}

.shadowPortletHeading {
    padding-bottom: 7px;
}


div.formCell label {
    display: inline;
    margin-right: 4px;
}

div.formCell .input-append {
    width: 100%;
}

.commonWidth25 {
    width: 25%;
}

.commonWidth20 {
    width: 20%;
}

.commonWidth30 {
    width: 30%;
}

.commonWidth33 {
    width: 33.33333%
}

.commonWidth35 {
    width: 35%;
}

.commonWidth40 {
    width: 40%;
}

.commonWidth45 {
    width: 45%;
}

.commonWidth50 {
    width: 50%;
}

.commonWidth55 {
    width: 55%;
}

.commonWidth60 {
    width: 60%;
}

.commonWidth65 {
    width: 65%;
}

.commonWidth70 {
    width: 70%;
}

.commonWidth75 {
    width: 75%;
}

.commonWidth90 {
    width: 91%;
}

.commonWidth100 {
    width: 94%;
}

form .removeDate {
    display: inline-block;
    padding-top: 25px;
}

div.formCell .inline {
    padding-top: 0px;
    margin-bottom: 5px;
}

/*E# Form*/
/*S# Footer bar partial*/
#footer {
    height: 100px;
    border-top: 3px #ff0000 solid;
    padding-top: 20px;
    margin-top: 50px;
}

#footerBar {
    border-top: 3px #ff0000 solid;
    padding-top: 20px;
    position: relative;
    margin-top: -100px;
    /* negative value of footer height */
    height: 100px;
    clear: both;
    margin: 0 auto;
}

#footerBarSocial {
    margin-top: 10px;
}

#footerBarSocial span {
    line-height: 30px;
}

#footerBarSocial a {
    margin-right: 20px;
}

#footerClearFix {
    height: 50px;
}

div#footerBarContainer {
    margin: 0 auto;
}

/*E# Footer bar partial*/

/*S# Top bar partial*/
div#topBar {
    margin-bottom: 5px;
}

div#topBarHeader {
    padding: 5px 0;
    margin: 0 auto;
}

div#topBarMenu {
    display: block;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    padding: 0;
    margin: 0 auto;
}

div#topBarMenu a {
    color: #fff;
}

div#topBarMenu ul {
    list-style: none;
    height: auto;
    line-height: normal;
    margin: 0;
    padding: 0;

}

div#topBarMenu li {
    float: left;
    padding: 7px 7px;
    margin-right: 3px;
}

div#topBarMenu li:hover {
    background-color: #ff0000;
    cursor: pointer;
}

#topBarRegistration a {
    margin-left: 10px;
    line-height: 50px;
}

#topBarAccount .caret {
    margin-left: 6px;
}

#topBarDropDown {
    margin: 5px 0;
    cursor: pointer;
}

#topBarUserIcon {
    top: 4px;
    position: relative;
}

#topBarDropDown span {
    margin-right: 20px;
}

div#topBarSearchBox {
    padding-top: 10px;
}

div#topBarSearchBox input {
    height: 40px;
}

ul#idTopBarDropDown a {
    cursor: pointer;
}

/*E# Top bar partial*/
/*S# logged top bar partial*/
#loggedTopMenu {
    margin-bottom: 10px;
}

/*E# logged top bar partial*/

/*S# Side bar partial*/
/*S# Side bar partial*/
#sideBar {
    display: block;
    float: left;
    position: relative;
    z-index: 16;
    height: 100%;
}

.sideBarNav {
    list-style: none;
    -webkit-padding-start: 0px;
}

.sideBarNav>li,
ul.sideBarNavSub li {
    list-style: none;
    padding: 0;
}

.sideBarNav>li a {
    display: block;
    padding: 10px 10px 12px 10px;
}

.sideBarNav a:hover {
    color: #ff0000;
}

.sideBarNav li .active a:hover {
    color: #fff;
}

.sideBarNav li a {
    text-decoration: none;
}

.sideBarNav li a>i {
    margin-right: 5px;
}

ul.sideBarNavSub li a {
    padding: 5px 10px 7px 10px;
    display: block;
}

/*E# Side bar partial*/
/*E# Side bar partial*/

/*S# messageListPage : messageListSingleView*/
.messageListSingleMessage {
    cursor: pointer;
}

/*E# messageListPage : messageListSingleView*/


/*S# organizationProfilePage : pageContactView*/
#pageContactView {
    margin-top: 20px;
}

#pageContactView #mapGala {
    width: 100%;
    height: 400px;
}

/*E# organizationProfilePage : pageContactView*/

/*S# organizationProfilePage : pageAboutView*/
#pageAboutView {
    margin-top: 20px;
}

#pageAboutView h1 {}

/*E# organizationProfilePage : pageAboutView*/

/*S# organizationProfilePage : organizationProfileView*/
#organizationCoverPhoto {
    height: 320px;
}

#organizationCoverPhoto img {
    display: block;
    margin: auto;
}

#organizationLogo {
    position: relative;
    margin-top: -170px;
    height: 170px;
    width: 170px;
    border: 1px solid #fff;
}

#organizationCard {
    position: relative;
    margin: -70px 0 0 240px;
}

.organizationCardItem {
    margin: 10px 20px 0 0;
}

#organizationMenu li {
    list-style: none;
    margin-right: 10px;
}

#organizationMenu li:hover {
    background-color: #ff0000;
    cursor: pointer;

}

#organizationMenu a {
    padding: 7px 10px;
    color: #fff;
}

/*E# organizationProfilePage : organizationProfileView*/

/*S# userRegistrationPage: userRegistrationView*/
span.userRegistrationActionHeading {
    font-size: 28px;
    margin: 5px 0;
}

span.userRegistrationSuggest {
    line-height: 32px;
}

.userRegistrationValue .benefitContainer {
    margin-bottom: 20px;
}

.userRegistrationValue h1 {
    margin-bottom: 20px;
}

/*E# userRegistrationPage: userRegistrationView*/

/*S# userRecoverPasswordPage: userRecoverPasswordView*/
div#userRecoverPassword {
    margin-top: 20px;
}

/*S# userRecoverPasswordPage: userRecoverPasswordView*/

/*S# propertyUserDashboardPage: userDashboardView*/
#dashboardProperties,
#dashboardSummary {
    height: 200px;
    width: 300px;
}

#dashboardSummary {
    margin-left: 20px;
}

.portletHeading a {
    color: #fff;
}

/*E# propertyUserDashboardPage: userDashboardView*/

/*S# propertyUserLikesPage: propertyUserLikesView*/
#propertyUserLikes .nav {
    margin-bottom: 5px;
}

#propertyUserLikesNav {
    margin-top: 20px;
}

#propertyUserLikesTabContent input {
    margin: 0;
}

#propertyUserLikesTabContent .checkbox-inline {
    display: inline;
    margin-right: 100px;
}

#propertyUserLikesDelete {
    cursor: pointer;
}

#propertyUserLikesDelete i {
    margin-right: 5px;
}

#propertyUserLikesDelete:hover {
    color: #ff0000;
}

/*E# propertyUserLikesPage: propertyUserLikesView*/

/*S# propertyUserPropertiesPage: propertyUserPropertiesView*/
#propertyUserProperties .nav {
    margin-bottom: 5px;
}

#propertyUserPropertiesTabContent {
    margin-bottom: 20px;
}

/*E# propertyUserPropertiesPage: propertyUserPropertiesView*/


/*S# propertyUserPropertiesPage: propertyUserPropertiesView*/
#propertyUserPropertiesTabContent {
    margin-bottom: 20px;
}

/*E# propertyUserPropertiesPage: propertyUserPropertiesView*/

/*S# userProfilePage: userProfileView*/
#profileAccordion {
    margin-top: 20px;

}

#profileAccordion .cancel {
    margin-left: 15px;
}

#profileAccordionContainer {
    margin-left: 0;
}

#userProfilePersonalEmail {
    margin-top: 4px;
}

#userProfileError,
#userPasswordError {
    margin: 0;
}

#profileAccordion .accordion-inner {
    padding-top: 15px;
}

/*E# userProfilePage: userProfileView*/

/*S# productSelectPage : productSelectView*/
.productBenefits .benefitIcon i {
    font-size: 60px;
}

.productBenefits .benefitIcon {
    margin: 10px 0;
}

.productBenefits ul {
    margin-bottom: 10px;
}

.productBenefits ul li {
    list-style: none;
    text-indent: 5px;
}

#productSelectBannerList li {
    list-style: none;
    margin-top: 5px;
}

div.productSelectBox {
    padding: 15px;
    margin-top: 20px;
}

div.productSelectBox h2 {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

/*E# productSelectPage : productSelectView*/

/*S# productPackagesPage : productPackagesView*/
div#productPackagesView {
    text-align: center;
}

div#productPackagesView h1 {
    margin: 10px 0;
}

div#productPackagesView h2 {
    margin: 0;
    padding: 5px 0;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

div#productPackagesView ul {
    list-style: none;
    margin: 0;
}

div#productPackagesFeatures ul li,
div#productPackagesStandard ul li,
div#productPackagesFeatured ul li,
div#productPackagesPremium ul li {
    border-bottom: 1px solid #ccc;
}

div#productPackagesFeatures {
    margin-top: 55px;
}

div.productPackagesSelectButton {
    margin: 15px 0;
}

p#productPackagesPleaseCall {
    margin: 10px 0;
}

/*E# product_packages_page : productPackagesView*/

/*S# Property Common CSS*/
.featuresTable .heading {
    text-align: right;
    vertical-align: top;
    padding-right: 10px;
}

/*E# Property Common CSS*/
/*S# property404Page : property404View*/
#property404View {
    margin-top: 20px;
}

/*E# property404Page : property404View*/
/*S# propertyIndexPage : propertyIndexSearch*/
.redBorder {
    border: 1px solid #ff0000;
}

.redPlaceholder::-webkit-input-placeholder {
    color: #ff0000;
}

.redPlaceholder:-moz-placeholder {
    color: #ff0000;
}

.redPlaceholder::-moz-placeholder {
    color: #ff0000;
}

.redPlaceholder:-ms-input-placeholder {
    color: #ff0000;
}

div#propertyIndexSearch input,
div#propertyIndexSearch input select,
div#propertyIndexSearch button {
    display: table-cell !important;
    vertical-align: middle;
}

div#propertyIndex .galleria-stage {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

div#propertyIndexSearch {
    position: absolute;
    top: 50%;
    z-index: 100;
    height: 80px;
    padding-top: 15px;
    display: table !important;
    background: none repeat scroll 0 0 transparent;
    background-color: rgba(255, 255, 255, 0.7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2ffffff, endColorstr=#b2ffffff);
}

/*E# propertyIndexPage : propertyIndexSearch*/

/*S# propertyListPage : propertyListHeader*/
div#propertyListHeader {
    margin-top: 10px;
    padding-bottom: 10px;
}

div#propertyListHeader h2 {
    margin-left: 30px;
}

div#propertyListSearchBox {
    border: 1px solid #e9e9e9;
    padding: 5px 0 5px 0;
    background-color: rgb(248, 248, 248);
}

div#propertyListSearchBox select {
    overflow: visible;
    z-index: 1;
}

div#propertyListSearchBox .fieldCell {
    padding-top: 3px;
    padding-bottom: 3px;
}

.propertyListSingleView:hover {
    background-color: #f8f8f8;
}

ul#viewHeader {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#viewHeader li {
    float: left;
    width: auto;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-right: 10px;
}

div#mapGala img {
    max-width: none;
}


/*E# propertyListPage : propertyListHeader*/
/*S# managedManagedPage : managedManagedView*/
#managedManagedView .heading {
    font-size: 20px;
    padding-bottom: 5px;
}

.managedManagedSingleContainer {

    padding: 5px;
    border: 1px solid #e9e9e9\9;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
}

.managedManagedSingleContainer:hover {
    background-color: #f8f8f8;
}

/*E# managedManagedPage : managedManagedView*/

/*S# propertyListPage : propertyPhotoSingleView*/
.propertyPhotoSingleContainer {
    margin: 5px;
    padding: 5px;
    border: 1px solid #e9e9e9\9;
    -webkit-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.2);
}

.propertyPhotoSingleContainer:hover {
    background-color: #f8f8f8;
}

.propertyPhotoSingleView .photoSummary {
    bottom: 0;
    padding: 3px;
    position: absolute;
}

/*S# propertyListPage : propertyPhotoSingleView*/

/*S# propertyListPage : propertyListSingleView*/
.propertyListSingleView {
    padding: 10px 0;
}

.propertyListSingleView .photoSummary {
    bottom: 0;
    left: 0;
    padding: 3px;
    position: absolute;
}

.propertyListSingleView .heading {
    font-size: 20px;
    padding-bottom: 5px;
}

.propertyListSingleView .subHeading {
    font-size: 16px;
}

.propertyListSingleView .actionLink {
    margin-top: 12px;
}

.propertyListSingleView .actionLink a {
    margin: 15px 0 0 15px;
}

.propertyListSingleView .actionButtons {
    margin: 8px 0 0 25px;
}

.propertyListSingleView .actionView {
    margin-left: 20px;
}


.propertyListCheckBoxDiv {
    padding-right: 5px;
}

.propertyOrganizationLogo {
    height: 50px;
}

/*E# propertyListPage : propertyListSingleView*/

/*S# postListPage : postListView*/
#postListPage h1 {
    padding: 10px 0;
    font-size: 48px;
    line-height: normal;
}

#postListPage h1,
.postListDateSocial .day {
    font-size: 48px;
}

#postListPage #backToPosts {
    margin-top: 30px;
}

/*E# postListPage : postListView*/

/*S# postListPage : postListSingleView*/
div.postListSingle {
    padding: 10px 0 15px;
}

.postListContentContainer .headingLink,
.postListDateSocial .monthYear {
    font-size: 32px;
}

.postListDateSocial .day {
    margin-bottom: 10px;
}

.postListContent,
.postListImage {
    margin: 10px 0;
}

.postListContent .readMoreLink {
    padding: 7px 5px 5px 5px;
}

/*E# postListPage : postListSingleView*/
/*E# postListPage : postListAdvertiseView*/
#propertyListAdvertise {
    padding: 30px 20px 30px 20px;
}

.propertyAd {
    margin-top: 20px;
}

/*E# postListPage : postListAdvertiseView*/

/*S# propertyDetailedPage : all*/
/*E# propertyDetailedPage : all*/

/*S# propertyDetailedPage : propertyDetailedHeader*/
#propertyDetailedBack i,
#propertyDetailedPrev i {
    padding-right: 4px;
}

#propertyDetailedNext i {
    padding-left: 4px;
}

#propertyDetailedNext {
    margin-left: 20px;
}

/*E# propertyDetailedPage : propertyDetailedHeader*/

/*E# propertyDetailedPage : propertyDetailedBody*/
#propertyDetailedBody .separator {
    margin-top: 4px;
    margin-right: 8px;
    margin-left: 10px;
    width: 5px;
}

/*S# propertyDetailedPage : propertyDetailedBody*/

/*S# propertyDetailedPage : propertyDetailedGala*/
ul#galaHeader {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#galaHeader li {
    float: left;
    width: auto;
    padding-top: 10px;
    padding-bottom: 8px;
    padding-right: 20px;
}

#galaMap {
    padding-left: 20px;
}

ul#galaHeader a i,
ul#galaHeader span i {
    padding-right: 5px;
}

div#gala {
    height: 550px;
    padding: 5px;
}

div#photoGala {
    width: 100%;
    height: 100%;
}

div#mapGala {
    width: 100%;
    height: 100%;
}

div#mapGala img {
    max-width: none;
}

/*E# propertyDetailedPage : propertyDetailedGala*/

/*S# propertyDetailedPage : propertyDetailedInfo*/
#propertyDetailedFeatures ul {
    padding: 0 !important;
}

#propertyDetailedInfo {
    margin-top: 20px;
}

#propertyDetailedInfo h3,
#propertyDetailedInfo .heading {
    padding-bottom: 5px;
}

#propertyDetailedInfo .content {
    margin-bottom: 30px;
}

#propertyDetailedInfo ul {
    list-style-type: none;
}

.listTop {
    margin: 10px 10px 10px 0px;
}

.listTop ul {
    margin: 0 30px 0 0;
}

.listTop ul li {
    list-style: disc;
}

.listTop>li {
    vertical-align: middle;
    padding-right: 10px;
    float: left;
}

ul#propertyDetailedFeatures li {
    list-style: none;
}

ul#propertyDetailedFeatures li i {
    margin-right: 5px;
}


/*E# propertyDetailedPage : propertyDetailedInfo*/
/*S# propertyDetailedPage : propertyDetailedActions*/
#propertyDetailedActions {
    padding: 10px;
}

#propertyDetailedActions a {
    padding-right: 5px;
}

#propertyDetailedActions i {
    margin-right: 3px;
}

/*E# propertyDetailedPage : propertyDetailedActions*/

/*S# Component : portlet*/
.portletContainer {}

.portletHeading,
.portletContent {
    padding: 5px 10px;
}

/*E# Component : portlet*/

/*E# propertyDetailedPage : propertyDetailedContact*/
div#propertyDetailedContact {
    margin-top: 20px;
}

div#propertyDetailedContact .heading,
div#propertyDetailedContact .contactContainer {
    padding: 5px 10px;
}

div#propertyDetailedQuick .contactDetails {
    margin-left: 30px;
}

div#smsFormContainer {
    margin-left: 5px;
}

div#contactFormContainer {
    padding: 10px;
}

div#contactFormHeading {
    margin-top: 10px;
}

/*E# propertyDetailedPage : propertyDetailedContact*/

/*S# propertyPostPage : propertyTopBar*/
div#propertyTopBar ul {
    list-style: none;
    padding: 0;
    margin: 0px 0px 20px 0;
    color: #ccc;
}

div#propertyTopBar ul li {
    float: left;
    cursor: pointer;
    font-weight: bold;
    width: auto;
    position: relative;
}

span.propertyTopProgressTrackerNumber {
    line-height: 40px;
    font-size: 2.3em;
    padding: 0 5px 0 10px;
}

span.propertyTopProgressTrackerTitle {
    line-height: 40px;
    padding-right: 15px;
}

div#propertyTopBar .icon-caret-right {
    width: auto;
    position: absolute;
    font-size: 5em;
    top: -15px;
    right: -24px;
}

li.propertyTopProgressTrackerMiddleLiItem {
    margin: 0 22px;
}

/*E# propertyPostPage : propertyTopBar*/

/*S# premisePropertyPremisePage : premisePropertyPremiseView*/
.premiseListSingleView {}

/*E# premisePropertyPremisePage : premisePropertyPremiseView*/


/*S# propertyPostPage : property-post-view : featuresPortlet*/
.featureGroup {
    padding: 5px 0 !important;
}

.featuresContainer {
    padding: 5px !important;
}

.featureCell {
    margin-right: 10px;
}

.featuresContainerHoverColor {
    background-color: #CCF1FF;
}

/*E# propertyPostPage : property-post-view : property-post-features-portlet*/

/*S# propertyPostPage : property-post-view : property-post-open-days-portlet*/
#property-post-open-day-container {
    padding-top: 10px;
}

#property-post-open-day-container .input-append,
#property-post-open-day-container .input-prepend {
    float: left;
    width: auto;
}

.property-post-datepicker {
    display: inline-block;
}

#property-post-open-day-container select {
    width: auto;
}

.property-post-open-day-label-cell {
    padding: 5px 5px 0 0;
    float: left;
}

/*E# propertyPostPage : property-post-view : property-post-open-days-portlet*/

/*S# propertyPostPage : property-post-view : property-post-map-portlet*/
div#mapCanvas {
    width: 85%;
    height: 700px;
}

div#mapCanvas img {
    max-width: none;
}

/*E# propertyPostPage : propertyPostView : property-post-map-portlet*/

/*S# propertyPostPage : propertyPostView : property-post-photos-portlet*/
#mediaIcons {
    margin-bottom: 60px;
}

#mediaButton {
    padding-top: 40px;
    border: 1px solid #ccc;
    text-align: center;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    position: relative;
}

#mediaButton input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: solid transparent;
    border-width: 0 0 100px 200px;
    opacity: 0;
    filter: alpha(opacity=0);
    -o-transform: translate(250px, -50px) scale(1);
    -moz-transform: translate(-300px, 0) scale(4);
    direction: ltr;
    cursor: pointer;
}

.mediaError1 {
    width: 100px;
}

.uploadedMediaPreview {
    margin: 0 10px 10px 0;
    display: inline-block;
    position: relative;
    cursor: move;
}

.uploadedMediaPreview .delete,
.mediaPreview .cancel {
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

.mediaPreview1 .cancel:hover,
.uploadedMediaPreview1 .delete:hover {
    background: #ff0000;
    color: #fff;
}

.fileinput-button {
    position: relative;
    overflow: hidden;
    float: left;
    margin-right: 4px;
}

.fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    transform: translate(-300px, 0) scale(4);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}

.fileupload-buttonbar .btn,
.fileupload-buttonbar .toggle {
    margin-bottom: 5px;
}

.files .progress {
    width: 150px;
}

.progress-animated .bar {
    /* background: url(../img/progressbar.gif) !important;*/
    filter: none;
}

.fileupload-loading {
    position: absolute;
    left: 50%;
    width: 128px;
    height: 128px;
    /* background: url(../img/loading.gif) center no-repeat;*/
    display: none;
}

.fileupload-processing .fileupload-loading {
    display: block;
}

/* Fix for IE 6: */
* html .fileinput-button {
    line-height: 24px;
    margin: 1px -3px 0 0;
}

/* Fix for IE 7: */
*+html .fileinput-button {
    padding: 2px 15px;
    margin: 1px 0 0 0;
}

@media (max-width: 767px) {

    .fileupload-buttonbar .toggle,
    .files .toggle,
    .files .btn span {
        display: none;
    }

    .files .preview * {
        width: 40px;
    }

    .files .name * {
        width: 80px;
        display: inline-block;
        word-wrap: break-word;
    }

    .files .progress {
        width: 20px;
    }
}

/*E# propertyPostPage : property-post-view : property-post-photos-portlet*/
/*E# propertyPostPage : property-post-view*/
/*E# PLUGIN: PINE NOTIFY*/
/*
Document   : jquery.pnotify.default.css
Created on : Nov 23, 2009, 3:14:10 PM
Author     : Hunter Perrin
Version    : 1.2.2
Link       : http://sciactive.com/pnotify/
Description:
        Default styling for PNotify jQuery plugin.
*/
/* -- Notice */
.ui-pnotify {
    top: 25px;
    right: 25px;
    position: absolute;
    height: auto;
    /* Ensures notices are above everything */
    z-index: 9999;
}

/* Hides position: fixed from IE6 */
html>body .ui-pnotify {
    position: fixed;
}

.ui-pnotify .ui-pnotify-shadow {
    -webkit-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
    -moz-box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
    box-shadow: 0px 2px 10px rgba(50, 50, 50, 0.5);
}

.ui-pnotify-container {
    background-position: 0 0;
    padding: .8em;
    height: 100%;
    margin: 0;
}

.ui-pnotify-sharp {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.ui-pnotify-closer,
.ui-pnotify-sticker {
    float: right;
    margin-left: .2em;
}

.ui-pnotify-title {
    display: block;
    margin-bottom: .4em;
    margin-top: 0;
}

.ui-pnotify-text {
    display: block;
}

.ui-pnotify-icon,
.ui-pnotify-icon span {
    display: block;
    float: left;
    margin-right: .2em;
}

/* -- History Pulldown */
.ui-pnotify-history-container {
    position: absolute;
    top: 0;
    right: 18px;
    width: 70px;
    border-top: none;
    padding: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -moz-border-top-right-radius: 0;
    border-top-right-radius: 0;
    /* Ensures history container is above notices. */
    z-index: 10000;
}

.ui-pnotify-history-container .ui-pnotify-history-header {
    padding: 2px;
    text-align: center;
}

.ui-pnotify-history-container button {
    cursor: pointer;
    display: block;
    width: 100%;
}

.ui-pnotify-history-container .ui-pnotify-history-pulldown {
    display: block;
    margin: 0 auto;
}

/* Alternate stack initial positioning. */
.ui-pnotify.stack-topleft,
.ui-pnotify.stack-bottomleft {
    left: 25px;
    right: auto;
}

.ui-pnotify.stack-bottomright,
.ui-pnotify.stack-bottomleft {
    bottom: 25px;
    top: auto;
}

/*E# PLUGIN: PINE NOTIFY*/

/*S# PLUGIN: HTML5 SORTABLE*/
li.sortable-placeholder {
    margin: 0 10px 10px 0;
    border: 2px dashed #ccc;
    height: 120px;
    width: 150px;
    float: left;
}

.sortable-dragging {
    height: 50px;
    width: 100px;
    padding: 10px;
}

/*E# PLUGIN: HTML5 SORTABLE*/

/*S# PLUGIN: BOOTSTRAP DATEPICKER*/
/*!
 * Datepicker for Bootstrap
 *
 * Copyright 2012 Stefan Petre
 * Improvements by Andrew Rowls
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
*/
.datepicker {
    padding: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr;
    /*.dow {
                  border-top: 1px solid #ddd !important;
          }*/

}

.datepicker-inline {
    width: 220px;
}

.datepicker.datepicker-rtl {
    direction: rtl;
}

.datepicker.datepicker-rtl table tr td span {
    float: right;
}

.datepicker-dropdown {
    top: 0;
    left: 0;
}

.datepicker-dropdown:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: -7px;
    left: 6px;
}

.datepicker-dropdown:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
    position: absolute;
    top: -6px;
    left: 7px;
}

.datepicker>div {
    display: none;
}

.datepicker.days div.datepicker-days {
    display: block;
}

.datepicker.months div.datepicker-months {
    display: block;
}

.datepicker.years div.datepicker-years {
    display: block;
}

.datepicker table {
    margin: 0;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

.table-striped .datepicker table tr td,
.table-striped .datepicker table tr th {
    background-color: transparent;
}

.datepicker table tr td.day:hover {
    background: #eeeeee;
    cursor: pointer;
}

.datepicker table tr td.old,
.datepicker table tr td.new {
    color: #999999;
}

.datepicker table tr td.disabled,
.datepicker table tr td.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td.today,
.datepicker table tr td.today:hover,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today.disabled:hover {
    background-color: #fde19a;
    background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
    background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
    background-image: linear-gradient(top, #fdd49a, #fdf59a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
    border-color: #fdf59a #fdf59a #fbed50;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #000 !important;
}

.datepicker table tr td.today:hover,
.datepicker table tr td.today:hover:hover,
.datepicker table tr td.today.disabled:hover,
.datepicker table tr td.today.disabled:hover:hover,
.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active,
.datepicker table tr td.today.disabled,
.datepicker table tr td.today:hover.disabled,
.datepicker table tr td.today.disabled.disabled,
.datepicker table tr td.today.disabled:hover.disabled,
.datepicker table tr td.today[disabled],
.datepicker table tr td.today:hover[disabled],
.datepicker table tr td.today.disabled[disabled],
.datepicker table tr td.today.disabled:hover[disabled] {
    background-color: #fdf59a;
}

.datepicker table tr td.today:active,
.datepicker table tr td.today:hover:active,
.datepicker table tr td.today.disabled:active,
.datepicker table tr td.today.disabled:hover:active,
.datepicker table tr td.today.active,
.datepicker table tr td.today:hover.active,
.datepicker table tr td.today.disabled.active,
.datepicker table tr td.today.disabled:hover.active {
    background-color: #fbf069 \9;
}

.datepicker table tr td.range,
.datepicker table tr td.range:hover,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover {
    background: #eeeeee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datepicker table tr td.range.today,
.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today.disabled:hover {
    background-color: #f3d17a;
    background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
    background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
    background-image: linear-gradient(top, #f3c17a, #f3e97a);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
    border-color: #f3e97a #f3e97a #edde34;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.datepicker table tr td.range.today:hover,
.datepicker table tr td.range.today:hover:hover,
.datepicker table tr td.range.today.disabled:hover,
.datepicker table tr td.range.today.disabled:hover:hover,
.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active,
.datepicker table tr td.range.today.disabled,
.datepicker table tr td.range.today:hover.disabled,
.datepicker table tr td.range.today.disabled.disabled,
.datepicker table tr td.range.today.disabled:hover.disabled,
.datepicker table tr td.range.today[disabled],
.datepicker table tr td.range.today:hover[disabled],
.datepicker table tr td.range.today.disabled[disabled],
.datepicker table tr td.range.today.disabled:hover[disabled] {
    background-color: #f3e97a;
}

.datepicker table tr td.range.today:active,
.datepicker table tr td.range.today:hover:active,
.datepicker table tr td.range.today.disabled:active,
.datepicker table tr td.range.today.disabled:hover:active,
.datepicker table tr td.range.today.active,
.datepicker table tr td.range.today:hover.active,
.datepicker table tr td.range.today.disabled.active,
.datepicker table tr td.range.today.disabled:hover.active {
    background-color: #efe24b \9;
}

.datepicker table tr td.selected,
.datepicker table tr td.selected:hover,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover {
    background-color: #9e9e9e;
    background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
    background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
    background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
    background-image: -o-linear-gradient(top, #b3b3b3, #808080);
    background-image: linear-gradient(top, #b3b3b3, #808080);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
    border-color: #808080 #808080 #595959;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.selected:hover,
.datepicker table tr td.selected:hover:hover,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected.disabled:hover:hover,
.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active,
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected:hover.disabled,
.datepicker table tr td.selected.disabled.disabled,
.datepicker table tr td.selected.disabled:hover.disabled,
.datepicker table tr td.selected[disabled],
.datepicker table tr td.selected:hover[disabled],
.datepicker table tr td.selected.disabled[disabled],
.datepicker table tr td.selected.disabled:hover[disabled] {
    background-color: #808080;
}

.datepicker table tr td.selected:active,
.datepicker table tr td.selected:hover:active,
.datepicker table tr td.selected.disabled:active,
.datepicker table tr td.selected.disabled:hover:active,
.datepicker table tr td.selected.active,
.datepicker table tr td.selected:hover.active,
.datepicker table tr td.selected.disabled.active,
.datepicker table tr td.selected.disabled:hover.active {
    background-color: #666666 \9;
}

.datepicker table tr td.active,
.datepicker table tr td.active:hover,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td.active:hover,
.datepicker table tr td.active:hover:hover,
.datepicker table tr td.active.disabled:hover,
.datepicker table tr td.active.disabled:hover:hover,
.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active,
.datepicker table tr td.active.disabled,
.datepicker table tr td.active:hover.disabled,
.datepicker table tr td.active.disabled.disabled,
.datepicker table tr td.active.disabled:hover.disabled,
.datepicker table tr td.active[disabled],
.datepicker table tr td.active:hover[disabled],
.datepicker table tr td.active.disabled[disabled],
.datepicker table tr td.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datepicker table tr td.active:active,
.datepicker table tr td.active:hover:active,
.datepicker table tr td.active.disabled:active,
.datepicker table tr td.active.disabled:hover:active,
.datepicker table tr td.active.active,
.datepicker table tr td.active:hover.active,
.datepicker table tr td.active.disabled.active,
.datepicker table tr td.active.disabled:hover.active {
    background-color: #003399 \9;
}

.datepicker table tr td span {
    display: block;
    width: 23%;
    height: 54px;
    line-height: 54px;
    float: left;
    margin: 1%;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.datepicker table tr td span:hover {
    background: #eeeeee;
}

.datepicker table tr td span.disabled,
.datepicker table tr td span.disabled:hover {
    background: none;
    color: #999999;
    cursor: default;
}

.datepicker table tr td span.active,
.datepicker table tr td span.active:hover,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active.disabled:hover {
    background-color: #006dcc;
    background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
    background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
    background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
    background-image: -o-linear-gradient(top, #0088cc, #0044cc);
    background-image: linear-gradient(top, #0088cc, #0044cc);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
    border-color: #0044cc #0044cc #002a80;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.datepicker table tr td span.active:hover,
.datepicker table tr td span.active:hover:hover,
.datepicker table tr td span.active.disabled:hover,
.datepicker table tr td span.active.disabled:hover:hover,
.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active,
.datepicker table tr td span.active.disabled,
.datepicker table tr td span.active:hover.disabled,
.datepicker table tr td span.active.disabled.disabled,
.datepicker table tr td span.active.disabled:hover.disabled,
.datepicker table tr td span.active[disabled],
.datepicker table tr td span.active:hover[disabled],
.datepicker table tr td span.active.disabled[disabled],
.datepicker table tr td span.active.disabled:hover[disabled] {
    background-color: #0044cc;
}

.datepicker table tr td span.active:active,
.datepicker table tr td span.active:hover:active,
.datepicker table tr td span.active.disabled:active,
.datepicker table tr td span.active.disabled:hover:active,
.datepicker table tr td span.active.active,
.datepicker table tr td span.active:hover.active,
.datepicker table tr td span.active.disabled.active,
.datepicker table tr td span.active.disabled:hover.active {
    background-color: #003399 \9;
}

.datepicker table tr td span.old {
    color: #999999;
}

.datepicker th.switch {
    width: 145px;
}

.datepicker thead tr:first-child th,
.datepicker tfoot tr:first-child th {
    cursor: pointer;
}

.datepicker thead tr:first-child th:hover,
.datepicker tfoot tr:first-child th:hover {
    background: #eeeeee;
}

.datepicker .cw {
    font-size: 10px;
    width: 12px;
    padding: 0 2px 0 5px;
    vertical-align: middle;
}

.datepicker thead tr:first-child th.cw {
    cursor: default;
    background-color: transparent;
}

.input-append.date .add-on i,
.input-prepend.date .add-on i {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px;
}

.input-daterange input {
    text-align: center;
}

.input-daterange input:first-child {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.input-daterange input:last-child {
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

.input-daterange .add-on {
    display: inline-block;
    width: auto;
    min-width: 16px;
    height: 18px;
    padding: 4px 5px;
    font-weight: normal;
    line-height: 18px;
    text-align: center;
    text-shadow: 0 1px 0 #ffffff;
    vertical-align: middle;
    background-color: #eeeeee;
    border: 1px solid #ccc;
    margin-left: -5px;
    margin-right: -5px;
}

/*E# PLUGIN: BOOTSTRAP DATEPICKER*/

/*S# PLUGIN: JQUERY VALIDITY*/
/* 
* Style used by the label output mode.
* Applied to the error labels that get positioned after an input.
*/
label.error {
    color: #fff;
    margin-left: 2px;
    background-image: url('arrow.gif');
    background-position: left center;
    background-repeat: no-repeat;
    padding: 2px;
    padding-left: 18px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/*
 * Styles used by the modal output mode.
 * '.validity-modal-msg' is applied to the modal boxes 
 * and '.validity-modal-msg:hover' is applied to suggest 
 * to the user that the boxes are clickable.
*/
.validity-modal-msg {
    position: absolute;
    z-index: 2;
    background-color: #999;
    border: solid 1px #000;
    padding: 4px;
    cursor: pointer;
}

.validity-modal-msg:hover {
    background-color: #aaa;
}

/*
 * Styles used by the summary output mode.
 * '.validity-summary-container' is a container on the page that should contain a UL 
 * which is the actual summary. The container can hold 
 * an extra bit of text (or anything really) that explains what the summary is.
 * '.validity-erroneous' is applied to every input that fails.
*/
.validity-summary-container {
    display: none;
}

.validity-summary-output ul {}

.validity-erroneous {
    border: solid 2px #f56600 !important;
}

.validity-tooltip {
    z-index: 1003;

    cursor: pointer;

    padding: 3px;
    width: 16em;

    border-width: 1px;
    border-color: #555;
    border-style: solid;
    color: #111;

    position: absolute;
    background-color: #f56600;
}

.validity-tooltip:hover {
    border-color: #333;
}

.validity-tooltip .validity-tooltip-outer,
.validity-tooltip .validity-tooltip-inner {
    position: absolute;
    width: 0;
    height: 0;
    border-right-width: 0;
    background: none;
    bottom: auto;
}

.validity-tooltip .validity-tooltip-outer {
    border-color: #333;
    border-style: solid;

    border-top: 0px solid transparent;
    border-bottom: 24px solid transparent;

    border-right-width: 20px;
    border-right-style: solid;
    border-right-color: inherit;

    border-left-width: 0px;
    top: -1px;
    left: -21px;
}

.validity-tooltip .validity-tooltip-inner {
    border-top: 0px solid transparent;
    border-bottom: 24px solid transparent;
    border-right: 20px solid #f56600;
    border-left-width: 0px;
    top: 1px;
    left: 3px;
}

/*E# PLUGIN: JQUERY VALIDITY*/

/*S# PLUGIN: JQUERY SHOWLOADING*/
.loading-indicator {
    height: 80px;
    width: 80px;
    background: url('../../../js/showLoading/images/loading.gif');
    background-repeat: no-repeat;
    background-position: center center;
}

.loading-indicator-overlay {
    background-color: #FFFFFF;
    opacity: 0.6;
    filter: alpha(opacity=60);
}

/*E# PLUGIN: JQUERY SHOWLOADING*/

/*S# PLUGIN: JQUERY VALIDATION ENGINE*/
.formError {
    z-index: 990;
}

.formError .formErrorContent {
    z-index: 991;
}

.formError .formErrorArrow {
    z-index: 996;
}

.ui-dialog .formError {
    z-index: 5000;
}

.ui-dialog .formError .formErrorContent {
    z-index: 5001;
}

.ui-dialog .formError .formErrorArrow {
    z-index: 5006;
}

.inputContainer {
    position: relative;
    float: left;
}

.formError {
    position: absolute;
    top: 300px;
    left: 300px;
    display: block;
    cursor: pointer;
    text-align: left;
}

.formError.inline {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
}

.ajaxSubmit {
    padding: 20px;
    background: #55ea55;
    border: 1px solid #999;
    display: none;
}

.formError .formErrorContent {
    width: 100%;
    background: #ee0101;
    position: relative;
    color: #fff;
    min-width: 120px;
    font-size: 11px;
    border: 2px solid #ddd;
    box-shadow: 0 0 6px #000;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    -o-box-shadow: 0 0 6px #000;
    padding: 4px 10px 4px 10px;
    border-radius: 6px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
}

.formError.inline .formErrorContent {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    border: none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -o-border-radius: 0;
}

.greenPopup .formErrorContent {
    background: #33be40;
}

.blackPopup .formErrorContent {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow {
    width: 15px;
    margin: -2px 0 0 13px;
    position: relative;
}

body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow {
    margin: -2px 13px 0 0;
}

.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
    margin: 0px 0 0 12px;
    top: 2px;
}

.formError .formErrorArrow div {
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    box-shadow: 0 2px 3px #444;
    -moz-box-shadow: 0 2px 3px #444;
    -webkit-box-shadow: 0 2px 3px #444;
    -o-box-shadow: 0 2px 3px #444;
    font-size: 0px;
    height: 1px;
    background: #ee0101;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
}

.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    -o-box-shadow: none;
}

.greenPopup .formErrorArrow div {
    background: #33be40;
}

.blackPopup .formErrorArrow div {
    background: #393939;
    color: #FFF;
}

.formError .formErrorArrow .line10 {
    width: 15px;
    border: none;
}

.formError .formErrorArrow .line9 {
    width: 13px;
    border: none;
}

.formError .formErrorArrow .line8 {
    width: 11px;
}

.formError .formErrorArrow .line7 {
    width: 9px;
}

.formError .formErrorArrow .line6 {
    width: 7px;
}

.formError .formErrorArrow .line5 {
    width: 5px;
}

.formError .formErrorArrow .line4 {
    width: 3px;
}

.formError .formErrorArrow .line3 {
    width: 1px;
    border-left: 2px solid #ddd;
    border-right: 2px solid #ddd;
    border-bottom: 0 solid #ddd;
}

.formError .formErrorArrow .line2 {
    width: 3px;
    border: none;
    background: #ddd;
}

.formError .formErrorArrow .line1 {
    width: 1px;
    border: none;
    background: #ddd;
}

/*E# PLUGIN: JQUERY VALIDATION ENGINE*/
/*S# PLUGIN: GALLERIA IMAGE GALLERY*/
#galleria {
    height: 600px;
    width: 100%;
}

/*E# PLUGIN: GALLERIA IMAGE GALLERY*/

/*S# PLUGIN: TWITTER TYPEAHEAD*/

.typeahead,
.tt-query,
.tt-hint {
    line-height: 30px;
    border: 2px solid #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    outline: none;
}

.typeahead {
    background-color: #fff;
}

.typeahead:focus {
    border: 2px solid #0097cf;
}

.tt-query {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999
}

.tt-dropdown-menu {
    margin-top: 12px;
    padding: 8px 0;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tt-suggestion {
    padding: 3px 20px;
    font-size: 18px;
    line-height: 24px;
    cursor: pointer;
}

.tt-suggestion.tt-cursor {
    color: #fff;
    background-color: #0097cf;

}

.tt-suggestion p {
    margin: 0;
}

/*E# PLUGIN: TWITTER TYPEAHEAD*/

/*S# THEME: Custom bootstrap nav bar*/
.navbar-sapama {
    background-color: #0044cc;
    border-color: #ff0000;
}

.navbar-sapama .navbar-brand {
    color: #ffffff;
}

.navbar-sapama .navbar-brand:hover,
.navbar-sapama .navbar-brand:focus {
    color: #ff0000;
}

.navbar-sapama .navbar-text {
    color: #ffffff;
}

.navbar-sapama .navbar-nav>li>a {
    color: #ffffff;
}

.navbar-sapama .navbar-nav>li>a:hover,
.navbar-sapama .navbar-nav>li>a:focus {
    color: #ff0000;
}

.navbar-sapama .navbar-nav>.active>a,
.navbar-sapama .navbar-nav>.active>a:hover,
.navbar-sapama .navbar-nav>.active>a:focus {
    color: #ffffff;
    background-color: #ff0000;
}

.navbar-sapama .navbar-nav>.open>a,
.navbar-sapama .navbar-nav>.open>a:hover,
.navbar-sapama .navbar-nav>.open>a:focus {
    color: #ffffff;
    background-color: #ff0000;
}

.navbar-sapama .navbar-toggle {
    border-color: #ff0000;
}

.navbar-sapama .navbar-toggle:hover,
.navbar-sapama .navbar-toggle:focus {
    background-color: #ff0000;
}

.navbar-sapama .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.navbar-sapama .navbar-collapse,
.navbar-sapama .navbar-form {
    border-color: #ffffff;
}

.navbar-sapama .navbar-link {
    color: #ffffff;
}

.navbar-sapama .navbar-link:hover {
    color: #ffffff;
}

@media (max-width: 767px) {
    .navbar-sapama .navbar-nav .open .dropdown-menu>li>a {
        color: #ffffff;
    }

    .navbar-sapama .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-sapama .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #ffffff;
    }

    .navbar-sapama .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-sapama .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-sapama .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #ffffff;
        background-color: #ff0000;
    }
}

.navbar-nav>li>a {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
}

.navbar {
    min-height: 32px !important
}

/*E# THEME: Custom nav bars*/

/*S# PLUGIN: BOOTSTRAP DATEPICKER*/
/*!
 * Datetimepicker for Bootstrap v3
//! version : 3.0.3
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
    top: 0;
    left: 0;
    width: 250px;
    padding: 4px;
    margin-top: 1px;
    z-index: 99999 !important;
    border-radius: 4px
}

.bootstrap-datetimepicker-widget.timepicker-sbs {
    width: 600px
}

.bootstrap-datetimepicker-widget.bottom:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, .2);
    position: absolute;
    top: -7px;
    left: 7px
}

.bootstrap-datetimepicker-widget.bottom:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    top: -6px;
    left: 8px
}

.bootstrap-datetimepicker-widget.top:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, .2);
    position: absolute;
    bottom: -7px;
    left: 6px
}

.bootstrap-datetimepicker-widget.top:after {
    content: '';
    display: inline-block;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #fff;
    position: absolute;
    bottom: -6px;
    left: 7px
}

.bootstrap-datetimepicker-widget .dow {
    width: 14.2857%
}

.bootstrap-datetimepicker-widget.pull-right:before {
    left: auto;
    right: 6px
}

.bootstrap-datetimepicker-widget.pull-right:after {
    left: auto;
    right: 7px
}

.bootstrap-datetimepicker-widget>ul {
    list-style-type: none;
    margin: 0
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: 700;
    font-size: 1.2em;
    margin: 0
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px
}

.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
    width: 4px;
    padding: 0;
    margin: 0
}

.bootstrap-datetimepicker-widget .datepicker>div {
    display: none
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0
}

.bootstrap-datetimepicker-widget td,
.bootstrap-datetimepicker-widget th {
    text-align: center;
    border-radius: 4px
}

.bootstrap-datetimepicker-widget td {
    height: 54px;
    line-height: 54px;
    width: 54px
}

.bootstrap-datetimepicker-widget td.day {
    height: 20px;
    line-height: 20px;
    width: 20px
}

.bootstrap-datetimepicker-widget td.day:hover,
.bootstrap-datetimepicker-widget td.hour:hover,
.bootstrap-datetimepicker-widget td.minute:hover,
.bootstrap-datetimepicker-widget td.second:hover {
    background: #eee;
    cursor: pointer
}

.bootstrap-datetimepicker-widget td.old,
.bootstrap-datetimepicker-widget td.new {
    color: #777
}

.bootstrap-datetimepicker-widget td.today {
    position: relative
}

.bootstrap-datetimepicker-widget td.today:before {
    content: '';
    display: inline-block;
    border-left: 7px solid transparent;
    border-bottom: 7px solid #428bca;
    border-top-color: rgba(0, 0, 0, .2);
    position: absolute;
    bottom: 4px;
    right: 4px
}

.bootstrap-datetimepicker-widget td.active,
.bootstrap-datetimepicker-widget td.active:hover {
    background-color: #428bca;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.bootstrap-datetimepicker-widget td.active.today:before {
    border-bottom-color: #fff
}

.bootstrap-datetimepicker-widget td.disabled,
.bootstrap-datetimepicker-widget td.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px
}

.bootstrap-datetimepicker-widget td span:hover {
    background: #eee
}

.bootstrap-datetimepicker-widget td span.active {
    background-color: #428bca;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.bootstrap-datetimepicker-widget td span.old {
    color: #777
}

.bootstrap-datetimepicker-widget td span.disabled,
.bootstrap-datetimepicker-widget td span.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget th {
    height: 20px;
    line-height: 20px;
    width: 20px
}

.bootstrap-datetimepicker-widget th.picker-switch {
    width: 145px
}

.bootstrap-datetimepicker-widget th.next,
.bootstrap-datetimepicker-widget th.prev {
    font-size: 21px
}

.bootstrap-datetimepicker-widget th.disabled,
.bootstrap-datetimepicker-widget th.disabled:hover {
    background: 0 0;
    color: #777;
    cursor: not-allowed
}

.bootstrap-datetimepicker-widget thead tr:first-child th {
    cursor: pointer
}

.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
    background: #eee
}

.input-group.date .input-group-addon span {
    display: block;
    cursor: pointer;
    width: 16px;
    height: 16px
}

.bootstrap-datetimepicker-widget.left-oriented:before {
    left: auto;
    right: 6px
}

.bootstrap-datetimepicker-widget.left-oriented:after {
    left: auto;
    right: 7px
}

.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody>tr>td {
    padding: 0 !important
}

@media screen and (max-width:767px) {
    .bootstrap-datetimepicker-widget.timepicker-sbs {
        width: 283px
    }
}

/*E# PLUGIN: BOOTSTRAP DATEPICKER*/

/**
* A stylesheet for use with Bootstrap 3.x
* @author: Dan Grossman http://www.dangrossman.info/
* @copyright: Copyright (c) 2012-2015 Dan Grossman. All rights reserved.
* @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
* @website: https://www.improvely.com/
*/

/* Container Appearance */

.daterangepicker {
    position: absolute;
    background: #fff;
    top: 100px;
    left: 20px;
    padding: 4px;
    margin-top: 1px;
    border-radius: 4px;
    width: 278px;
}

.daterangepicker.opensleft:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker.opensleft:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.daterangepicker.openscenter:before {
    position: absolute;
    top: -7px;
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker.openscenter:after {
    position: absolute;
    top: -6px;
    left: 0;
    right: 0;
    width: 0;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.daterangepicker.opensright:before {
    position: absolute;
    top: -7px;
    left: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    content: '';
}

.daterangepicker.opensright:after {
    position: absolute;
    top: -6px;
    left: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: '';
}

.daterangepicker.dropup {
    margin-top: -5px;
}

.daterangepicker.dropup:before {
    top: initial;
    bottom: -7px;
    border-bottom: initial;
    border-top: 7px solid #ccc;
}

.daterangepicker.dropup:after {
    top: initial;
    bottom: -6px;
    border-bottom: initial;
    border-top: 6px solid #fff;
}

.daterangepicker.dropdown-menu {
    max-width: none;
    z-index: 3000;
}

.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
    float: none;
}

.daterangepicker .calendar {
    display: none;
    max-width: 270px;
    margin: 4px;
}

.daterangepicker.show-calendar .calendar {
    display: block;
}

.daterangepicker .calendar.single .calendar-table {
    border: none;
}

/* Calendars */

.daterangepicker .calendar th,
.daterangepicker .calendar td {
    white-space: nowrap;
    text-align: center;
    min-width: 32px;
}

.daterangepicker .calendar-table {
    border: 1px solid #ddd;
    padding: 4px;
    border-radius: 4px;
    background: #fff;
}

.daterangepicker table {
    width: 100%;
    margin: 0;
}

.daterangepicker td,
.daterangepicker th {
    text-align: center;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    white-space: nowrap;
    cursor: pointer;
}

.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
    color: #999;
    background: #fff;
}

.daterangepicker td.disabled,
.daterangepicker option.disabled {
    color: #999;
    cursor: not-allowed;
    text-decoration: line-through;
}

.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
    background: #eee;
}

.daterangepicker td.in-range {
    background: #ebf4f8;
    border-radius: 0;
}

.daterangepicker td.start-date {
    border-radius: 4px 0 0 4px;
}

.daterangepicker td.end-date {
    border-radius: 0 4px 4px 0;
}

.daterangepicker td.start-date.end-date {
    border-radius: 4px;
}

.daterangepicker td.active,
.daterangepicker td.active:hover {
    background-color: #357ebd;
    border-color: #3071a9;
    color: #fff;
}

.daterangepicker td.week,
.daterangepicker th.week {
    font-size: 80%;
    color: #ccc;
}

.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
    font-size: 12px;
    padding: 1px;
    height: auto;
    margin: 0;
    cursor: default;
}

.daterangepicker select.monthselect {
    margin-right: 2%;
    width: 56%;
}

.daterangepicker select.yearselect {
    width: 40%;
}

.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
    width: 50px;
    margin-bottom: 0;
}

.daterangepicker th.month {
    width: auto;
}

/* Text Input Above Each Calendar */

.daterangepicker .input-mini {
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #555;
    display: block;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    margin: 0 0 5px 0;
    padding: 0 6px 0 28px;
    width: 100%;
}

.daterangepicker .input-mini.active {
    border: 1px solid #357ebd;
}

.daterangepicker .daterangepicker_input i {
    position: absolute;
    left: 8px;
    top: 8px;
}

.daterangepicker .daterangepicker_input {
    position: relative;
}

/* Time Picker */

.daterangepicker .calendar-time {
    text-align: center;
    margin: 5px auto;
    line-height: 30px;
    position: relative;
    padding-left: 28px;
}

.daterangepicker .calendar-time select.disabled {
    color: #ccc;
    cursor: not-allowed;
}

/* Predefined Ranges */

.daterangepicker .ranges {
    font-size: 11px;
    float: none;
    margin: 4px;
    text-align: left;
}

.daterangepicker .ranges ul {
    list-style: none;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.daterangepicker .ranges li {
    font-size: 13px;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    color: #08c;
    padding: 3px 12px;
    margin-bottom: 8px;
    border-radius: 5px;
    cursor: pointer;
}

.daterangepicker .ranges li.active,
.daterangepicker .ranges li:hover {
    background: #08c;
    border: 1px solid #08c;
    color: #fff;
}


/*  Larger Screen Styling */
@media (min-width: 564px) {
    .daterangepicker {
        width: auto;
    }

    .daterangepicker .ranges ul {
        width: 160px;
    }

    .daterangepicker.single .ranges ul {
        width: 100%;
    }

    .daterangepicker .calendar.left .calendar-table {
        border-right: none;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .daterangepicker .calendar.right .calendar-table {
        border-left: none;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }

    .daterangepicker .calendar.left {
        clear: left;
        margin-right: 0;
    }

    .daterangepicker.single .calendar.left {
        clear: none;
    }

    .daterangepicker.single .ranges,
    .daterangepicker.single .calendar {
        float: left;
    }

    .daterangepicker .calendar.right {
        margin-left: 0;
    }

    .daterangepicker .left .daterangepicker_input {
        padding-right: 12px;
    }

    .daterangepicker .calendar.left .calendar-table {
        padding-right: 12px;
    }

    .daterangepicker .ranges,
    .daterangepicker .calendar {
        float: left;
    }
}

@media (min-width: 730px) {
    .daterangepicker .ranges {
        width: auto;
        float: left;
    }

    .daterangepicker .calendar.left {
        clear: none;
    }
}

/*S# Progress viewer*/
.modal-dialog {
    position: relative;
    display: table; //This is important 
    overflow-y: auto;
    overflow-x: auto;
    width: auto;
    min-width: 300px;
}

.bs-wizard {
    border-bottom: solid 1px #e0e0e0;
    padding: 0 0 10px 0;
}

.bs-wizard>.bs-wizard-step {
    padding: 0;
    position: relative;
}

.bs-wizard>.bs-wizard-step+.bs-wizard-step {}

.bs-wizard>.bs-wizard-step .bs-wizard-stepnum {
    color: #595959;
    font-size: 16px;
    margin-bottom: 5px;
}

.bs-wizard>.bs-wizard-step .bs-wizard-info {
    color: #999;
    font-size: 14px;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot {
    position: absolute;
    width: 30px;
    height: 30px;
    display: block;
    background: #fbe8aa;
    top: 45px;
    left: 50%;
    margin-top: -15px;
    margin-left: -15px;
    border-radius: 50%;
}

.bs-wizard>.bs-wizard-step>.bs-wizard-dot:after {
    content: ' ';
    width: 14px;
    height: 14px;
    background: #fbbd19;
    border-radius: 50px;
    position: absolute;
    top: 8px;
    left: 8px;
}

.bs-wizard>.bs-wizard-step>.progress {
    position: relative;
    border-radius: 0px;
    height: 8px;
    box-shadow: none;
    margin: 20px 0;
    background-color: #dcdcdc;
}

.bs-wizard>.bs-wizard-step>.progress>.progress-bar {
    width: 0px;
    box-shadow: none;
    background: #fbe8aa;
}

.bs-wizard>.bs-wizard-step.complete>.progress>.progress-bar {
    width: 100%;
}

.bs-wizard>.bs-wizard-step.active>.progress>.progress-bar {
    width: 50%;
}

.bs-wizard>.bs-wizard-step:first-child.active>.progress>.progress-bar {
    width: 0%;
}

.bs-wizard>.bs-wizard-step:last-child.active>.progress>.progress-bar {
    width: 100%;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot {
    background-color: #dcdcdc;
}

.bs-wizard>.bs-wizard-step.disabled>.bs-wizard-dot:after {
    opacity: 0;
}

.bs-wizard>.bs-wizard-step:first-child>.progress {
    left: 50%;
    width: 50%;
}

.bs-wizard>.bs-wizard-step:last-child>.progress {
    width: 50%;
    margin-left: -0.2px
}

.bs-wizard>.bs-wizard-step.disabled a.bs-wizard-dot {
    pointer-events: none;
}

/*E# Progress viewer*/

/* Start by setting display:none to make this hidden.
   Then we position it in relation to the viewport window
   with position:fixed. Width, height, top and left speak
   speak for themselves. Background we set to 80% white with
   our animation centered, and no-repeating */
.modal-loading {
    display: none;
    position: fixed;
    z-index: 1000000;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(255, 255, 255, .8) url('../../../img/loading.gif') 50% 50% no-repeat;
}

/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

/* Anytime the body has the loading class, our
   modal element will be visible */
body.loading .modal-loading {
    display: block;
}

.btn-huge {
    padding-top: 20px;
    padding-bottom: 20px;
}

/*!
 * Bootstrap-select v1.12.4 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2017 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */
select.bs-select-hidden,
select.selectpicker {
    display: none !important
}

.bootstrap-select {
    width: 220px\9
}

.bootstrap-select>.dropdown-toggle {
    width: 100%;
    padding-right: 25px;
    z-index: 1
}

.bootstrap-select>.dropdown-toggle.bs-placeholder,
.bootstrap-select>.dropdown-toggle.bs-placeholder:active,
.bootstrap-select>.dropdown-toggle.bs-placeholder:focus,
.bootstrap-select>.dropdown-toggle.bs-placeholder:hover {
    color: #999
}

.bootstrap-select>select {
    position: absolute !important;
    bottom: 0;
    left: 50%;
    display: block !important;
    width: .5px !important;
    height: 100% !important;
    padding: 0 !important;
    opacity: 0 !important;
    border: none
}

.bootstrap-select>select.mobile-device {
    top: 0;
    left: 0;
    display: block !important;
    width: 100% !important;
    z-index: 2
}

.error .bootstrap-select .dropdown-toggle,
.has-error .bootstrap-select .dropdown-toggle {
    border-color: #b94a48
}

.bootstrap-select.fit-width {
    width: auto !important
}

.bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) {
    width: 220px
}

.bootstrap-select .dropdown-toggle:focus {
    outline: thin dotted #333 !important;
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: -2px
}

.bootstrap-select.form-control {
    margin-bottom: 0;
    padding: 0;
    border: none
}

.bootstrap-select.form-control:not([class*=col-]) {
    width: 100%
}

.bootstrap-select.form-control.input-group-btn {
    z-index: auto
}

.bootstrap-select.form-control.input-group-btn:not(:first-child):not(:last-child)>.btn {
    border-radius: 0
}

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*=col-] {
    float: none;
    display: inline-block;
    margin-left: 0
}

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*=col-].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*=col-].dropdown-menu-right {
    float: right
}

.form-group .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-inline .bootstrap-select.btn-group {
    margin-bottom: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
    padding: 0
}

.form-group-lg .bootstrap-select.btn-group.form-control .dropdown-toggle,
.form-group-sm .bootstrap-select.btn-group.form-control .dropdown-toggle {
    height: 100%;
    font-size: inherit;
    line-height: inherit;
    border-radius: inherit
}

.form-inline .bootstrap-select.btn-group .form-control {
    width: 100%
}

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group>.disabled {
    cursor: not-allowed
}

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group>.disabled:focus {
    outline: 0 !important
}

.bootstrap-select.btn-group.bs-container {
    position: absolute;
    height: 0 !important;
    padding: 0 !important
}

.bootstrap-select.btn-group.bs-container .dropdown-menu {
    z-index: 1060
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    text-align: left
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -2px;
    vertical-align: middle
}

.bootstrap-select.btn-group[class*=col-] .dropdown-toggle {
    width: 100%
}

.bootstrap-select.btn-group .dropdown-menu {
    min-width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .dropdown-menu.inner {
    position: static;
    float: none;
    border: 0;
    padding: 0;
    margin: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.bootstrap-select.btn-group .dropdown-menu li {
    position: relative
}

.bootstrap-select.btn-group .dropdown-menu li.active small {
    color: #fff
}

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
    cursor: not-allowed
}

.bootstrap-select.btn-group .dropdown-menu li a {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bootstrap-select.btn-group .dropdown-menu li a.opt {
    position: relative;
    padding-left: 2.25em
}

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
    display: none
}

.bootstrap-select.btn-group .dropdown-menu li a span.text {
    display: inline-block
}

.bootstrap-select.btn-group .dropdown-menu li small {
    padding-left: .5em
}

.bootstrap-select.btn-group .dropdown-menu .notify {
    position: absolute;
    bottom: 5px;
    width: 96%;
    margin: 0 2%;
    min-height: 26px;
    padding: 3px 5px;
    background: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    pointer-events: none;
    opacity: .9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bootstrap-select.btn-group .no-results {
    padding: 3px;
    background: #f5f5f5;
    margin: 0 5px;
    white-space: nowrap
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
    position: static
}

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
    position: static;
    top: auto;
    margin-top: -1px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
    position: absolute;
    display: inline-block;
    right: 15px;
    margin-top: 5px
}

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
    margin-right: 34px
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle {
    z-index: 1061
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
    content: '';
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(204, 204, 204, .2);
    position: absolute;
    bottom: -4px;
    left: 9px;
    display: none
}

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    position: absolute;
    bottom: -4px;
    left: 10px;
    display: none
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
    bottom: auto;
    top: -3px;
    border-top: 7px solid rgba(204, 204, 204, .2);
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
    bottom: auto;
    top: -3px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
    right: 12px;
    left: auto
}

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
    right: 13px;
    left: auto
}

.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:after,
.bootstrap-select.show-menu-arrow.open>.dropdown-toggle:before {
    display: block
}

.bs-actionsbox,
.bs-donebutton,
.bs-searchbox {
    padding: 4px 8px
}

.bs-actionsbox {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-actionsbox .btn-group button {
    width: 50%
}

.bs-donebutton {
    float: left;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.bs-donebutton .btn-group button {
    width: 100%
}

.bs-searchbox+.bs-actionsbox {
    padding: 0 8px 4px
}

.bs-searchbox .form-control {
    margin-bottom: 0;
    width: 100%;
    float: none
}


/*!
* Link https://bootsnipp.com/snippets/featured/animated-radios-amp-checkboxes-nojs
*/
.checkbox {
    padding-left: 0;
}

.checkbox label:after,
.radio label:after {
    content: '';
    display: table;
    clear: both;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    display: inline-block;
    border: 1px solid #a9a9a9;
    border-radius: .25em;
    width: 1.3em;
    height: 1.3em;
    float: left;
    margin-right: .5em;
}

.radio .cr {
    border-radius: 50%;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
    font-size: .8em;
    line-height: 0;
    top: 50%;
    left: 20%;
}

.radio .cr .cr-icon {
    margin-left: 0.04em;
}

.checkbox label input[type="checkbox"],
.radio label input[type="radio"] {
    display: none;
}

.checkbox label input[type="checkbox"]+.cr>.cr-icon,
.radio label input[type="radio"]+.cr>.cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all .3s ease-in;
}

.checkbox label input[type="checkbox"]:checked+.cr>.cr-icon,
.radio label input[type="radio"]:checked+.cr>.cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox label input[type="checkbox"]:disabled+.cr,
.radio label input[type="radio"]:disabled+.cr {
    opacity: .5;
}

/*!
 * bootstrap-tokenfield
 * https://github.com/sliptree/bootstrap-tokenfield
 * Copyright 2013-2014 Sliptree and other contributors; Licensed MIT
 */
@-webkit-keyframes blink {
    0% {
        border-color: #ededed;
    }

    100% {
        border-color: #b94a48;
    }
}

@-moz-keyframes blink {
    0% {
        border-color: #ededed;
    }

    100% {
        border-color: #b94a48;
    }
}

@keyframes blink {
    0% {
        border-color: #ededed;
    }

    100% {
        border-color: #b94a48;
    }
}

.tokenfield {
    height: auto;
    min-height: 34px;
    padding-bottom: 0px;
}

.tokenfield.focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.tokenfield .token {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    display: inline-block;
    border: 1px solid #d9d9d9;
    background-color: #ededed;
    white-space: nowrap;
    margin: -1px 5px 5px 0;
    height: 22px;
    vertical-align: top;
    cursor: default;
}

.tokenfield .token:hover {
    border-color: #b9b9b9;
}

.tokenfield .token.active {
    border-color: #52a8ec;
    border-color: rgba(82, 168, 236, 0.8);
}

.tokenfield .token.duplicate {
    border-color: #ebccd1;
    -webkit-animation-name: blink;
    animation-name: blink;
    -webkit-animation-duration: 0.1s;
    animation-duration: 0.1s;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

.tokenfield .token.invalid {
    background: none;
    border: 1px solid transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    border-bottom: 1px dotted #d9534f;
}

.tokenfield .token.invalid.active {
    background: #ededed;
    border: 1px solid #ededed;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.tokenfield .token .token-label {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: 4px;
    vertical-align: top;
}

.tokenfield .token .close {
    font-family: Arial;
    display: inline-block;
    line-height: 100%;
    font-size: 1.1em;
    line-height: 1.49em;
    margin-left: 5px;
    float: none;
    height: 100%;
    vertical-align: top;
    padding-right: 4px;
}

.tokenfield .token-input {
    background: none;
    width: 60px;
    min-width: 60px;
    border: 0;
    height: 20px;
    padding: 0;
    margin-bottom: 6px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tokenfield .token-input:focus {
    border-color: transparent;
    outline: 0;
    /* IE6-9 */
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tokenfield.disabled {
    cursor: not-allowed;
    background-color: #eeeeee;
}

.tokenfield.disabled .token-input {
    cursor: not-allowed;
}

.tokenfield.disabled .token:hover {
    cursor: not-allowed;
    border-color: #d9d9d9;
}

.tokenfield.disabled .token:hover .close {
    cursor: not-allowed;
    opacity: 0.2;
    filter: alpha(opacity=20);
}

.has-warning .tokenfield.focus {
    border-color: #66512c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-error .tokenfield.focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

.has-success .tokenfield.focus {
    border-color: #2b542c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.tokenfield.input-sm,
.input-group-sm .tokenfield {
    min-height: 30px;
    padding-bottom: 0px;
}

.input-group-sm .token,
.tokenfield.input-sm .token {
    height: 20px;
    margin-bottom: 4px;
}

.input-group-sm .token-input,
.tokenfield.input-sm .token-input {
    height: 18px;
    margin-bottom: 5px;
}

.tokenfield.input-lg,
.input-group-lg .tokenfield {
    min-height: 45px;
    padding-bottom: 4px;
}

.input-group-lg .token,
.tokenfield.input-lg .token {
    height: 25px;
}

.input-group-lg .token-label,
.tokenfield.input-lg .token-label {
    line-height: 23px;
}

.input-group-lg .token .close,
.tokenfield.input-lg .token .close {
    line-height: 1.3em;
}

.input-group-lg .token-input,
.tokenfield.input-lg .token-input {
    height: 23px;
    line-height: 23px;
    margin-bottom: 6px;
    vertical-align: top;
}

.tokenfield.rtl {
    direction: rtl;
    text-align: right;
}

.tokenfield.rtl .token {
    margin: -1px 0 5px 5px;
}

.tokenfield.rtl .token .token-label {
    padding-left: 0px;
    padding-right: 4px;
}

/**
Select 2 CSS: 
https://select2.github.io/select2-bootstrap-theme/css/select2-bootstrap.css

**/
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle
}

.select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position: relative
}

.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px
}

.select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display: inline-block;
    overflow: hidden;
    padding-left: 8px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select2-container .select2-search--inline {
    float: left
}

.select2-container .select2-search--inline .select2-search__field {
    box-sizing: border-box;
    border: none;
    font-size: 100%;
    margin-top: 5px;
    padding: 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-dropdown {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: -100000px;
    width: 100%;
    z-index: 1051
}

.select2-results {
    display: block
}

.select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0
}

.select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none
}

.select2-results__option[aria-selected] {
    cursor: pointer
}

.select2-container--open .select2-dropdown {
    left: 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--open .select2-dropdown--below {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-search--dropdown {
    display: block;
    padding: 4px
}

.select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance: none
}

.select2-search--dropdown.select2-search--hide {
    display: none
}

.select2-close-mask {
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
    position: fixed;
    left: 0;
    top: 0;
    min-height: 100%;
    min-width: 100%;
    height: auto;
    width: auto;
    opacity: 0;
    z-index: 99;
    background-color: #fff;
    filter: alpha(opacity=0)
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    height: 1px !important;
    margin: -1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important
}

.select2-container--default .select2-selection--single {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    left: 1px;
    right: auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style: none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #333
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,
.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    float: right
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: solid black 1px;
    outline: 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color: #eee;
    cursor: default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display: none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background: transparent;
    border: none;
    outline: 0;
    box-shadow: none;
    -webkit-appearance: textfield
}

.select2-container--default .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--default .select2-results__option[role=group] {
    padding: 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color: #999
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left: 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -2em;
    padding-left: 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -3em;
    padding-left: 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -4em;
    padding-left: 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -5em;
    padding-left: 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #5897fb;
    color: white
}

.select2-container--default .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic .select2-selection--single {
    background-color: #f7f7f7;
    border: 1px solid #aaa;
    border-radius: 4px;
    outline: 0;
    background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: -o-linear-gradient(top, #fff 50%, #eee 100%);
    background-image: linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color: #888 transparent transparent transparent;
    border-style: solid;
    border-width: 5px 4px 0 4px;
    height: 0;
    left: 50%;
    margin-left: -4px;
    margin-top: -2px;
    position: absolute;
    top: 50%;
    width: 0
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
    float: left
}

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
    border: none;
    border-right: 1px solid #aaa;
    border-radius: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    left: 1px;
    right: auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent #888 transparent;
    border-width: 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: -o-linear-gradient(top, #fff 0%, #eee 50%);
    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: -o-linear-gradient(top, #eee 50%, #fff 100%);
    background-image: linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)
}

.select2-container--classic .select2-selection--multiple {
    background-color: white;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
    outline: 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color: #555
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    margin-left: 5px;
    margin-right: auto
}

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left: 2px;
    margin-right: auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border: 1px solid #5897fb
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom: none;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border: 1px solid #aaa;
    outline: 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline: 0;
    box-shadow: none
}

.select2-container--classic .select2-dropdown {
    background-color: #fff;
    border: 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom: none
}

.select2-container--classic .select2-dropdown--below {
    border-top: none
}

.select2-container--classic .select2-results>.select2-results__options {
    max-height: 200px;
    overflow-y: auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding: 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color: grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
    background-color: #3875d7;
    color: #fff
}

.select2-container--classic .select2-results__group {
    cursor: default;
    display: block;
    padding: 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color: #5897fb
}

/*END: Select 2 CSS:*/