/**
   * 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;
}

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:*/