am-commons 0.0.11 → 0.0.12

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 268af333dd438e25cfd7375228ecf9db4561d81a
-  data.tar.gz: d30db08317f4d413ba9ca56ec2c7ab4c1efea03d
+  metadata.gz: b71f50c9ef3282106270c576cf40808bc50dd5e4
+  data.tar.gz: 31f0eb87cd9fab3794ef1cfff69417d1656a7a20
 SHA512:
-  metadata.gz: 45d0459b17e5d70a23ae76a462f9420f833fb98fd3093e3b24d1f45ce520a04a3006022c1f970d74f7367282dc734c5ee0612ddb3d6bd312d1b031a497c49a29
-  data.tar.gz: 2d5d998d502fac777447d3d1ce9c7edd9ddb229cf489dc0f058b636c220bc1c3e0d511edac162f4755a30cf29ae3cdddbf22d72a675990223199077f8d5f0faa
+  metadata.gz: 70bbece59efefd704152773cef9ac7f71e49a3347b2e84b045eaca64a9369c175c384b4e7602dd5b0157d2967f1f94cababc67e5f9eddcdb96a167a414d5263c
+  data.tar.gz: daa280853c9da476394e4002d411ff55d0f157a43c30ebd72f7dd9c23cef5fefb5da5b65079ab82166ec69d62caaaa3c16655fe336086569b068477f8f5e0001

data/lib/am-commons/version.rb

@@ -1,3 +1,3 @@
 module AmCommons
-  VERSION = "0.0.11"
+  VERSION = "0.0.12"
 end

data/package.json

@@ -1,4 +1,4 @@
 {
     "name": "am-commons",
-    "version": "0.0.11",
+    "version": "0.0.12",
 }

data/stylesheets/am-commons/_am-components.scss

@@ -21,6 +21,10 @@
 // 16 Pagination
 // 17 Restrictions
 // 18 Filters
+// 19 Autocomplete
+// 20 Datepicker
+// 21 Slider
+// 22 BX-Slider (Deprecated)
 
 @import "am-header";
 @import "am-main-menu";
@@ -626,85 +630,6 @@ ul{
 
 }
 
-//--------------Autocomplete -------------\\
-
-.ui-autocomplete{
-    background: white;
-    list-style-type:none;
-    margin: 0;
-    border: 1px solid $gray-lighter;
-    box-sizing: border-box;
-    li{
-        line-height: 24px;
-        margin: 0;
-        padding: 4px 8px;
-        &:hover{
-            background:$cyan-light;
-            cursor: pointer;
-        }
-    } 
-}
-.ui-autocomplete{
-    .division{
-        cursor: default;
-        background-color: $gray-lighter;
-        position: relative;
-        font-size: 14px;
-        &:hover{
-            cursor: default;
-            background-color: $gray-lighter;
-        }
-        &:before {
-            content: "";
-            width: 0; 
-            height: 0;
-            border-top: 8px solid $gray-lighter;
-            border-left: 8px solid transparent; 
-            border-right: 8px solid transparent; 
-            position: absolute;
-            bottom: -4px;
-            left: 8px;
-        }
-    }
-}
-
-.ui-datepicker .ui-datepicker-header {
-    color: white;
-    background: $blue;
-    border: 1px solid $gray-light;
-}
-.ui-datepicker-calendar{
-    border-bottom: 1px solid #AFAFAF;
-}
-.ui-datepicker td span, .ui-datepicker td a {
-    text-align: center!important;
-}
-
-.ui-datepicker-next{
-    color:white;
-    font-weight: bold;
-    text-align: center;
-    cursor:pointer;
-    
-    &:after{
-        content:">";
-    }
-}
-.ui-datepicker-prev{
-    color:white;
-    font-weight: bold;
-    text-align: center;
-    cursor:pointer;
-    
-    &:after{
-        content:"<";
-    }
-}
-.ui-state-active{
-    background: $cyan;
-    color: white!important;
-}
-
 //--------------Cover-------------\\
 
 .cover{
@@ -821,6 +746,142 @@ ul{
             }
         }
     }
+    &__container {
+        // padding:16px 8px;
+        // background:$white;
+        // min-width:120px;
+        // border-width:0px 1px 1px 1px;
+        // border-style:solid;
+        // border-color:$gray-lightest;         
+
+        & .label-age {
+            //background:$notification-light;
+            //padding:4px;
+            display:inline-block;
+            line-height:32px !important;
+            //margin-top:4px;
+        }
+
+        & .separator {
+            border-bottom:1px dashed $gray-lighter;
+        }
+
+        & .circle-button {
+            @include font-rem(normal, 24px, 24px);
+            cursor:pointer;
+
+            &--disabled {
+                cursor:auto;
+                color:$gray-lighter;
+                border-color:$gray-lighter;
+            }
+
+            &--sm {
+                @include font-rem(normal, 16px, 16px);
+            }
+
+        }
+
+        & .number-input {
+            @include font-rem(normal, 24px, 24px);
+            display:inline-block;
+            text-align:center;
+            min-width:24px;
+            vertical-align:top;
+
+            &--sm {
+                @include font-rem(normal, 18px, 18px);
+            }
+        }
+
+        & .highlight {
+            background:$warning;
+        }
+
+        & .text-option {
+            
+        }
+
+        &__list {
+            list-style:none;
+            margin-bottom:0px !important;
+
+            &__item {
+                cursor:pointer;
+                margin-bottom:8px;
+
+                &:hover {
+                    background:$gray-lighter;
+                    font-weight:bold;
+                    color:$gray-darker;
+                }
+            }
+        }
+
+    }
+    &__details__ctn {
+        position:relative;
+    }
+
+    &__details {
+        display:inline-block;
+        background:$white;
+        padding:0px;
+
+        &__container {
+            min-width:0;
+        }
+
+        &--persons {
+            margin-top:4px !important;
+            box-sizing:border-box;
+            min-width:272px;
+            position:absolute;
+            z-index:3;
+            box-shadow:0px 0px 3px rgba(0,0,0,0.75);
+            @include border-radius(4px);
+            border:4px solid $gray-lighter;
+
+            width:calc(100% - 16px);
+            top:68px;
+            left:8px;
+            margin-top:-4px !important;
+
+            & .host-options {
+
+                &__item {
+
+                    vertical-align:top;
+                    display:block;
+                    @include font-rem(normal,12px,16px);
+                    padding:8px;
+
+
+                    &:hover {
+                        background:#DEEFF9;
+                        cursor:pointer;
+                    }
+
+                }
+            }
+
+
+            & .host-detail {
+                border-top:1px dashed $gray-lighter;
+
+                &:nth-child(2) {
+                    border-top-style:solid;
+                }
+
+            }
+
+            .select-age {
+                margin-bottom:0px !important;
+            }
+
+        }
+
+    }
     &--flight{
         //background-image: url('http://2359891acbe3ccae04ac-e2a9c8f39dfb2e0608050999cf0e668b.r35.cf5.rackcdn.com/cover-paris-bg.png');
         background-image: url('http://2359891acbe3ccae04ac-e2a9c8f39dfb2e0608050999cf0e668b.r35.cf5.rackcdn.com/cover-grecia-bg.jpg');
@@ -871,7 +932,38 @@ ul{
                 }
             }
         }
+
+        // CAJA DE BUSQUEDA DE RESULTADOS
+        & {
+            margin-bottom:16px !important;
+            height:272px; // Hotels
+
+            & .search__ctn {
+                padding:0px !important;
+                background-image:none;
+                height:272px;
+
+                .searchbox {
+                    padding:8px !important;
+                    min-height:272px!important;
+                    box-sizing:border-box;
+
+                    & .label-child {
+                        color:$gray-darker !important;
+                        line-height: (16px / 16px) * 1rem !important;
+                        font-size: (12px / 16px) * 1rem !important;
+                    }
+
+                    & input:focus {
+                        border:2px solid $gray-lighter;
+                    }
+
+                }
+            }
+        }
+
     }
+
     &--cruise{
         background-image: url('https://af3e5cfa538f2e5425ae-e2a9c8f39dfb2e0608050999cf0e668b.ssl.cf5.rackcdn.com/search__bg--11.jpg');
         .search__ctn{
@@ -1455,13 +1547,57 @@ ul{
     &__item {
         display:inline-block;
         margin-left:0px;
-        border-width:1px 1px 1px 0px;
-        border-style:solid;
-        border-color:$gray-lighter;
         @include font-rem(normal, 13px, 16px);
-        
+
+        border-top:1px solid $gray-lighter;
+        border-bottom:1px solid $gray-lighter;
+        border-right:1px solid $gray-lighter;
+        background:$gray-lightest;
+
         &:first-child {
             border-left:1px solid $gray-lighter;
+            border-top-left-radius:4px;
+            border-bottom-left-radius:4px;
+            & .pagination__link {
+                padding-left:16px;
+                padding-right:16px;
+            }
+            border-right:1px dashed $gray-lighter;
+        }
+
+        &:nth-last-child(2) {
+            border-right:1px dashed $gray-lighter;
+        }
+
+        &:last-child {
+            border-top-right-radius:4px;
+            border-bottom-right-radius:4px;
+            & .pagination__link {
+                padding-left:16px;
+                padding-right:16px;
+            }
+        }
+
+        &--disabled {
+            background:$white;
+            color:$gray-light;
+
+            & .pagination__link {
+                color:$gray-lighter;
+                cursor:default;
+
+                &:hover {
+
+                    .pagination__link {
+                        background:$gray-lightest;
+                    }
+
+                    text-decoration:none;
+                    background:$white;
+                }
+
+            }
+
         }
 
     }
@@ -1475,25 +1611,13 @@ ul{
         }
     }
 
-    &__item--disabled {
-        background:$white;
-
-        & .pagination__link {
-            color:$gray-lighter;
-            cursor:default;
-
-            &:hover {
-                text-decoration:none;
-                background:$white;
-            }
-
-        }
-
-    }
 
     & .selected {
-        background:$gray;
-        color:$white;
+        box-sizing:border-box;
+        background:$white;
+        border:4px solid $gray-lighter;
+        color:$link;
+        padding:4px;
         cursor:default;
 
         &:hover {
@@ -1558,210 +1682,698 @@ ul{
 
     }
 
-}
-
-.filterv2 {
+    .filterv2 {
     
-    position:relative;
-    margin-bottom:8px;
-    
-    &__loader {
-        z-index:99;
-        position:absolute;
-        top:0;
-        bottom:0;
-        left:0;
-        right:0;
-        background:$black;
-        background:rgba(255,255,255,.6);
-        text-align:center;
+        position:relative;
+        margin-bottom:8px;
         
-        &__content {
+        &__loader {
+            z-index:99;
             position:absolute;
-            top:50%;
-            left:50%;
-            @include translate(-50%, -50%);
+            top:0;
+            bottom:0;
+            left:0;
+            right:0;
+            background:$black;
+            background:rgba(255,255,255,.6);
+            text-align:center;
             
+            &__content {
+                position:absolute;
+                top:50%;
+                left:50%;
+                @include translate(-50%, -50%);
+                
+            }
+
+            &__icon {
+                
+                
+            }
+
+            &__text {
+                display:block;
+                color:white;
+                font-weight:bold;
+            }
+
+            &--active {
+                
+                background:rgba(0,0,0,.6);
+
+                & .filter__loader__content {
+                    display:block;
+                }
+
+            }
+
         }
 
-        &__icon {
-            
+        &__header {
+            background:$gray-lighter;
+            cursor:pointer;
+            //margin-bottom:16px;
+            @include font-rem(normal, 14px, 16px);
+            display:block;
+            padding:8px;
+            @include border-top-radius(2px);
+
+            /*&:after {
+                font-family:almundo;
+                content:"\e61a";
+                position:absolute;
+                right:8px;
+            }*/
+
+            &__icon {
+                @include respond-to(ph) {
+                    @include rotate(180deg);
+                }
+                position:absolute;
+                right:8px;
+            }
+
+            &--collapse {
+                @include border-bottom-radius(2px);
+            }
+
+        }
+
+        &__content {
+            @include respond-to(ph) {
+                display:none;
+            }
+        }
+
+        &__label--inline {
+            display:inline-block;
             
         }
 
-        &__text {
-            display:block;
-            color:white;
-            font-weight:bold;
+        &__label {
+            @include font-rem(normal, 14px, 16px);
         }
 
-        &--active {
+        &__check {
             
-            background:rgba(0,0,0,.6);
+        }
 
-            & .filter__loader__content {
-                display:block;
+        & ul {
+            list-style:none;
+
+            & li {
+                margin-left:0px;
+                line-height:16px;
+                border-bottom:1px dashed $gray-lightest;
+                padding:8px 0px;
             }
 
         }
 
-    }
+        &__list-double {
+            
+            //display:table;
+            //display:block;
+            //width:100%;
+            //border-collapse:collapse;
+            
+            & * {
+                cursor:pointer;
+            }
 
-    &__header {
-        background:$gray-lighter;
-        cursor:pointer;
-        //margin-bottom:16px;
-        @include font-rem(normal, 14px, 16px);
-        display:block;
-        padding:8px;
-        @include border-top-radius(2px);
+            &__item {
 
-        /*&:after {
-            font-family:almundo;
-            content:"\e61a";
-            position:absolute;
-            right:8px;
-        }*/
+                //display:table-row;
+                border-bottom:1px dashed $gray-lighter;
+                padding:8px 0px;
 
-        &__icon {
-            @include respond-to(ph) {
-                @include rotate(180deg);
+                &-input {
+                    margin-top:4px;
+                    margin-right:4px;
+                }
+
+                &-left {
+                    position:relative;
+                    //width:70%;
+                    //display:table-cell;
+                    /*border-bottom:1px solid $gray-lighter;*/
+                }
+
+                &-text {
+                    display:inline-block;
+                    vertical-align:middle;
+                    width:70%;
+                }
+
+                &-right {
+                    //width:30%;
+                    //display:table-cell;
+                    position:absolute;
+                    right:0px;
+                    top:4px;
+                    min-width:16px;
+                    text-align:center;
+                    //float:right;
+                    //@include font-rem(normal, 10px, 16px);
+                    //padding:8px 0px;
+                    
+                    //background:$gray-lightest;
+                    //padding:4px;
+
+                        &.selected {
+
+                            background:$gray-lighter;
+
+                        }
+                    /*border-bottom:1px solid $gray-lighter;*/
+
+                    //& span {
+                    //  background:$gray-lightest;
+                    //  padding:4px;
+
+                    //  &.selected {
+
+                    //      background:$gray-lighter;
+
+                    //  }
+                    //}
+
+                }
+
+                &:last-child{
+                    border-bottom: 0;
+                }
             }
-            position:absolute;
-            right:8px;
+            &__title{
+                border: 0px;
+                padding:8px 0px;
+                padding-bottom: 0px;
+                color:$black;
+            }
+
         }
 
-        &--collapse {
+        & .filter-container {
+            padding:8px 16px;
+            border:1px solid $gray-lighter;
+            border-bottom-width:4px;
             @include border-bottom-radius(2px);
         }
 
-    }
+        & .filter-airline-all {
+            width:40px;
+            text-align:center;
+            line-height:24px;
+        }
 
-    &__content {
-        @include respond-to(ph) {
-            display:none;
+        .filters__container__buttons {
+            text-align:left !important;
+            border-top:none !important;
+            padding-top:0px !important;
         }
-    }
 
-    &__label--inline {
-        display:inline-block;
-        
     }
 
-    &__label {
-        @include font-rem(normal, 14px, 16px);
+}
+
+//------------Autocomplete-----------\\
+
+.autocomplete{
+
+    &__list {
+        position:absolute;
+        background: white;
+        list-style-type:none;
+        margin: 0;
+        border: 1px solid $gray-lighter;
+        box-sizing: border-box;
+        z-index:10;
+        position:absolute !important;
+        @include background-clip(padding-box);
+        padding:8px 0px;
+        box-shadow:0px 0px 3px rgba(0,0,0,0.75);
+        @include border-radius(4px);
+        border:4px solid $gray-lighter;
+        @include box-sizing(border-box);
+        width:calc(100% - 48px);
+
+
+        li {
+            line-height: 24px;
+            margin: 0;
+            padding: 4px 8px;
+            font-weight:bold;
+
+            &:hover{
+                background:$cyan-light;
+                cursor: pointer;
+            }
+
+            & mark {
+                font-weight:normal !important;
+            }
+        } 
     }
+}
 
-    &__check {
+// VIEJO AUTOCOMPLETE JQUERY
+
+// .ui-autocomplete{
+//     background: white;
+//     list-style-type:none;
+//     margin: 0;
+//     border: 1px solid $gray-lighter;
+//     box-sizing: border-box;
+//     li{
+//         line-height: 24px;
+//         margin: 0;
+//         padding: 4px 8px;
+//         &:hover{
+//             background:$cyan-light;
+//             cursor: pointer;
+//         }
+//     } 
+// }
+// .ui-autocomplete{
+//     .division{
+//         cursor: default;
+//         background-color: $gray-lighter;
+//         position: relative;
+//         font-size: 14px;
+//         &:hover{
+//             cursor: default;
+//             background-color: $gray-lighter;
+//         }
+//         &:before {
+//             content: "";
+//             width: 0; 
+//             height: 0;
+//             border-top: 8px solid $gray-lighter;
+//             border-left: 8px solid transparent; 
+//             border-right: 8px solid transparent; 
+//             position: absolute;
+//             bottom: -4px;
+//             left: 8px;
+//         }
+//     }
+// }
+
+// .ui-autocomplete {
+//     position:absolute !important;
+//     margin-top:8px !important;
+//     z-index:10;
+//     @include background-clip(padding-box);
+//     padding:8px 0px;
+//     box-shadow:0px 0px 3px rgba(0,0,0,0.75);
+//     @include border-radius(4px);
+//     border:4px solid $gray-lighter;
+//     @include box-sizing(border-box);
+
+//     & .ui-menu-item {
         
+//         vertical-align:top;
+//         display:block;
+//         @include font-rem(normal,12px,16px);
+//         padding:8px 16px;
+//         margin:0px;
+//         letter-spacing:normal;
+//         text-align:left;
+//         font-weight:bold;
+
+//         & mark {
+//             font-weight:normal !important;
+//             background:$white;
+//         }
+
+//         &:hover {
+//             background:#DEEFF9;
+//             color:$gray;
+//             vertical-align:top;
+//             display:block;
+//             @include font-rem(bold,12px,16px);
+//             padding:8px 16px;
+//             margin:0px;
+//             letter-spacing:normal;
+//             text-align:left;
+
+//             & mark {
+//                 background:#DEEFF9;
+//             }
+
+//         }
+        
+//         & a {
+//             color:$black;
+//             height:16px;
+//             vertical-align:top;
+//             display:block;
+//             @include font-rem(normal,12px,16px);
+//             padding:0px;
+//             margin:0px;
+//             //margin-bottom:8px;
+//             letter-spacing:normal;
+//             text-align:left;
+//             font-weight:bold;
+
+//             & mark {
+//                 font-weight:normal !important;
+//             }
+
+//             &:hover {
+//                 vertical-align:top;
+//                 @include font-rem(bold,12px,16px);
+//                 padding:0px;
+//                 margin:0px;
+//                 //margin-bottom:8px;
+//                 text-decoration:none;
+//                 letter-spacing:normal;
+//                 text-align:left;
+
+//                 & mark {
+//                     background:#DEEFF9;
+//                     font-weight:normal !important;
+//                 }
+
+//             }
+//         }
+
+//     }
+// }
+
+//------------Datepicker-----------\\
+
+.ui-datepicker {
+    display:none;
+    margin-top:4px !important;
+    padding:8px !important;
+    background:$white;
+    @include background-clip(padding-box);
+    box-shadow:0px 0px 3px rgba(0,0,0,0.75);
+    @include border-radius(4px);
+    border:4px solid $gray-lighter;
+    width:auto!important;
+    
+    & .ui-datepicker-title {
+        text-align:center;
     }
 
-    & ul {
-        list-style:none;
+    & .ui-icon {
+        display:none;
+    }
 
-        & li {
-            margin-left:0px;
-            line-height:16px;
-            border-bottom:1px dashed $gray-lightest;
-            padding:8px 0px;
-        }
+    & .ui-datepicker-group {
+        float:left;
+        background:$white;
 
     }
 
-    &__list-double {
-        
-        //display:table;
-        //display:block;
-        //width:100%;
-        //border-collapse:collapse;
+    & .ui-datepicker-prev {
+        position:absolute;
+        font-family:almundo;
+        @extend .icon-arrow-left;
+        color:$gray;
+        padding-left:4px;
+        cursor:pointer;
         
-        & * {
-            cursor:pointer;
+        &:after {
+            content:"";
         }
 
-        &__item {
+    }
 
-            //display:table-row;
-            border-bottom:1px dashed $gray-lighter;
-            padding:8px 0px;
+    & .ui-datepicker-group-first {
+        margin-right:16px;
+    }
+    
+    & .ui-datepicker-next {
+        position:absolute;
+        right:16px;
+        font-family:almundo;
+        @extend .icon-arrow-right;
+        color:$gray;
+        padding-right:4px;
+        cursor:pointer;
 
-            &-input {
-                margin-top:4px;
-                margin-right:4px;
-            }
+        &:after {
+            content:"";
+        }
 
-            &-left {
-                position:relative;
-                //width:70%;
-                //display:table-cell;
-                /*border-bottom:1px solid $gray-lighter;*/
-            }
+    }
 
-            &-text {
-                display:inline-block;
-                vertical-align:middle;
-                width:70%;
-            }
+    & .ui-datepicker-header {
+        background:$white;
+        border:none;
+    }
 
-            &-right {
-                //width:30%;
-                //display:table-cell;
-                position:absolute;
-                right:0px;
-                top:4px;
-                min-width:16px;
-                text-align:center;
-                //float:right;
-                //@include font-rem(normal, 10px, 16px);
-                //padding:8px 0px;
-                
-                //background:$gray-lightest;
-                //padding:4px;
+    & .ui-datepicker-month {
+        @include font-rem(normal,14px,16px);
+        font-weight:bold;
+        color:$gray-darker;
+    }
 
-                    &.selected {
+    & .ui-datepicker-year {
+        @include font-rem(normal,12px,16px);
+        color:$gray-darker;
+    }
 
-                        background:$gray-lighter;
+    & .ui-datepicker-calendar {
+        border:none;
+        background:$white;
+        margin:0px !important;
 
-                    }
-                /*border-bottom:1px solid $gray-lighter;*/
+        & thead tr th {
+            @include font-rem(normal,12px,16px);
+            font-weight:bold;
+            border:none;
+        }
 
-                //& span {
-                //  background:$gray-lightest;
-                //  padding:4px;
+        & tr td {
+            @include font-rem(normal,14px,32px);
+            width:32px;
+            border:none;
+            padding:0px;
+            text-align:center;
+        }
 
-                //  &.selected {
+        & .ui-datepicker-today {
+            font-weight:bold;
+        }
 
-                //      background:$gray-lighter;
+        & .ui-state-default {
+            color:$gray-darker;
+            padding:0px;
+            text-align:center;
+            @include font-rem(null,16px,32px);
+            width:32px;
+            height:32px;
+        }
+
+        & .ui-datepicker-unselectable {
+            & .ui-state-default {
+                color:$gray-lighter;
+            }
+
+        }
 
-                //  }
-                //}
+        & .ui-datepicker-current-day {
+            @include border-left-radius(50%);
+            background:$notification !important;
+            & .ui-state-default {
+                color:$white;
+                font-weight:bold;
+                @include border-left-radius(50%);
+                background:$notification;
+            }
+        }
 
+        & .ui-datepicker-current-day-ow {
+            @include border-radius(50%);
+            background:white !important;
+            & .ui-state-default {
+                color:$white;
+                font-weight:bold;
+                @include border-radius(50%);
+                background:$notification;
             }
+        }
 
-            &:last-child{
-                border-bottom: 0;
+        .ui-state-finish {
+            @include border-left-radius(0%);
+            @include border-right-radius(50%);
+            background:$notification;
+            & .ui-state-default {
+                color:$white;
+                font-weight:bold;
+                @include border-left-radius(0%);
+                @include border-right-radius(50%);
+                background:$notification;
             }
         }
-        &__title{
-            border: 0px;
-            padding:8px 0px;
-            padding-bottom: 0px;
-            color:$black;
+
+        & .ui-state-range {
+            background:$notification-light;
+            & .ui-state-default {
+                    color:$white;
+            }
         }
 
+
     }
 
-    & .filter-container {
-        padding:8px 16px;
-        border:1px solid $gray-lighter;
-        border-bottom-width:4px;
-        @include border-bottom-radius(2px);
+}
+
+
+// VIEJO DATEPICKER 
+
+// .ui-datepicker .ui-datepicker-header {
+//     color: white;
+//     background: $blue;
+//     border: 1px solid $gray-light;
+// }
+// .ui-datepicker-calendar{
+//     border-bottom: 1px solid #AFAFAF;
+// }
+// .ui-datepicker td span, .ui-datepicker td a {
+//     text-align: center!important;
+// }
+
+// .ui-datepicker-next{
+//     color:white;
+//     font-weight: bold;
+//     text-align: center;
+//     cursor:pointer;
+    
+//     &:after{
+//         content:">";
+//     }
+// }
+// .ui-datepicker-prev{
+//     color:white;
+//     font-weight: bold;
+//     text-align: center;
+//     cursor:pointer;
+    
+//     &:after{
+//         content:"<";
+//     }
+// }
+// .ui-state-active{
+//     background: $cyan;
+//     color: white!important;
+// }
+
+//------------Slider-----------\\
+
+// Cambiar el nombre a uno mas generico en un futuro, tal vez...
+.slider-currency {
+        
+    &.ui-slider {
+        position:relative;
+        box-sizing:border-box;
+        background:$white;
+        border:4px solid $gray-lighter;
+        @include border-radius(2px);
+        height:8px;
     }
 
-    & .filter-airline-all {
-        width:40px;
-        text-align:center;
-        line-height:24px;
+    &.ui-slider .ui-slider-handle {
+        box-sizing:border-box;
+        background:$white;
+        border:6px solid $gray;
+        @include border-radius(50%);
+        width:24px;
+        height:24px;
+        position:absolute;
+        top:-11px;
+        cursor:pointer;
+        z-index: 1;
+        &:hover {
+            border-color:$orange;
+        }
+
+        &:focus {
+            outline:none;
+        }
+    }
+
+    &.ui-slider .ui-slider-range {
+        //background:$orange-dark;
+        //background-size:6px 1px !important;
+        //background: repeating-linear-gradient(to right, rgba(255,121,0,1) 0px, rgba(255,121,0,1) 2px, rgba(204,204,204,1) 3px, rgba(204,204,204,1) 4px);
+        background-color:$orange;
+        height:2px;
+        margin-top:-1px;
+        color:$gray-lighter;
     }
 
-}
+}
+
+.slider-currency-input {
+    border:none !important;
+    background:transparent !important;
+    font-weight:bold !important;
+    padding:0px !important;
+}
+
+
+//------------BX-Slider-----------\\
+
+// .bx-controls {
+//  //position:absolute;
+//  //bottom:0px;
+// }
+
+// .bx-pager-item {
+//  display:inline-block;
+
+//  &:last-child {
+//      margin-right:0px;
+//  }
+
+// }
+
+// .bx-pager-link {
+//  display:inline-block;
+//  border:1px solid $white;
+//  text-indent:-9999px;
+//  height:16px;
+//  width:16px;
+//  @include border-radius(50%);
+//  margin-right:8px;
+//  box-sizing:border-box;
+
+//  &.active {
+//      background:$white;
+//  }
+// }
+
+// .bx-pager {
+//  position:absolute;
+//  bottom:0px;
+//  width:100%;
+//  text-align:center;
+// }
+
+// .bx-prev {
+//  position:absolute;
+//  top:50%;
+//  left:8px;
+//  background:$white;
+//  @include border-radius(50%);
+//  height:24px;
+//  width:24px;
+//  text-align:center;
+//  @include font-rem(normal,16px,24px);
+// }
+
+// .bx-next {
+//  position:absolute;
+//  top:50%;
+//  right:8px;
+//  background:$white;
+//  @include border-radius(50%);
+//  height:24px;
+//  width:24px;
+//  text-align:center;
+//  @include font-rem(normal,16px,24px);
+// }