@mixin common_shadow {
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.05);
}
@mixin gradient1 {
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#301ed5+0,2719b2+53,20159a+100 */
    background: rgb(48,30,213); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(48,30,213,1) 0%, rgba(39,25,178,1) 53%, rgba(32,21,154,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  rgba(48,30,213,1) 0%,rgba(39,25,178,1) 53%,rgba(32,21,154,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  rgba(48,30,213,1) 0%,rgba(39,25,178,1) 53%,rgba(32,21,154,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#301ed5', endColorstr='#20159a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
@mixin gradient2 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00b2fe+0,0080f1+53,0057e6+100 */
    background: rgb(0,178,254); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(0,178,254,1) 0%, rgba(0,128,241,1) 53%, rgba(0,87,230,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  rgba(0,178,254,1) 0%,rgba(0,128,241,1) 53%,rgba(0,87,230,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  rgba(0,178,254,1) 0%,rgba(0,128,241,1) 53%,rgba(0,87,230,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b2fe', endColorstr='#0057e6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
@mixin gradient3 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#fabf42+0,fabd3e+53,f6970c+100 */
    background: rgb(250,191,66); /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(250,191,66,1) 0%, rgba(250,189,62,1) 53%, rgba(246,151,12,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(250,191,66,1) 0%,rgba(250,189,62,1) 53%,rgba(246,151,12,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(250,191,66,1) 0%,rgba(250,189,62,1) 53%,rgba(246,151,12,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fabf42', endColorstr='#f6970c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
@mixin gradient4 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e07474+0,dd5c5c+53,da3838+100 */
    background: rgb(224,116,116); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(224,116,116,1) 0%, rgba(221,92,92,1) 53%, rgba(218,56,56,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  rgba(224,116,116,1) 0%,rgba(221,92,92,1) 53%,rgba(218,56,56,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  rgba(224,116,116,1) 0%,rgba(221,92,92,1) 53%,rgba(218,56,56,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e07474', endColorstr='#da3838',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
@mixin gradient5 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2cb459+0,22a34d+53,168d3d+100 */
    background: rgb(44,180,89); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(44,180,89,1) 0%, rgba(34,163,77,1) 53%, rgba(22,141,61,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  rgba(44,180,89,1) 0%,rgba(34,163,77,1) 53%,rgba(22,141,61,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  rgba(44,180,89,1) 0%,rgba(34,163,77,1) 53%,rgba(22,141,61,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2cb459', endColorstr='#168d3d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}
@mixin gradient6 {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e25dcf+0,b337b3+53,89159a+100 */
    background: rgb(226,93,207); /* Old browsers */
    background: -moz-linear-gradient(45deg,  rgba(226,93,207,1) 0%, rgba(179,55,179,1) 53%, rgba(137,21,154,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg,  rgba(226,93,207,1) 0%,rgba(179,55,179,1) 53%,rgba(137,21,154,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg,  rgba(226,93,207,1) 0%,rgba(179,55,179,1) 53%,rgba(137,21,154,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e25dcf', endColorstr='#89159a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}


@mixin select2-list{
    .select2-container{
        z-index: 7;
        &--open{
            .select2-dropdown{
                border: none;
                background: #fff;
                border: solid 1px #ddd;
                box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
                border-radius: 10px;
            }
            .select2-search{
                width: 100%;
                &__field{
                    border-radius: 7px;
                    padding: 5px 10px;
                }
            }
            .select2-results{
                &__option{
                    padding: 5px 8px;
                    &:first-child{
                        border-radius: 7px !important;
                    }
                    &:last-child{
                        border-radius: 7px !important;
                        border-bottom: none;
                    }
                    &--selected{
                        background: transparent;
                    }
                    &--highlighted{
                        background-color: var(--primary);
                    }
                    &--selected{
                        padding-right: 25px;
                        &::after{
                            content: "\e920";
                            font-family: 'icomoon';
                            font-size: 6px;
                            color: #fff;
                            width: 17px;
                            height: 17px;
                            border-radius: 50%;
                            line-height: 19px;
                            text-align: center;
                            background-color: #1944b7;
                            position: absolute;
                            right: 5px;
                            top: 50%;
                            transform: translateY(-50%);
                        }
                    }
                }
            }
        }
    }
}