@import url(//fonts.googleapis.com/css?family=Domine:700|Open+Sans);

[hidden] {
    display: none
}

body {
    height: 100%;
    margin: 0;
    padding: 0
}

a:active, a:hover {
    outline: 0
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

mark {
    background: #ff0;
    color: #000
}

code, kbd, pre, samp {
    font-size: 1em
}

pre {
    white-space: pre-wrap
}

q {
    quotes: "\201C" "\201D" "\2018" "\2019"
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    max-width: 100%
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 0
}

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

button, input, select, textarea {
    font-size: 100%;
    margin: 0;
    line-height: inherit
}

    button, input[type=button], input[type=checkbox], input[type=radio], input[type=submit] {
        cursor: pointer
    }

button, input {
    line-height: normal
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    box-sizing: content-box
}

    input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

cite {
    font-style: normal
}

.hide {
    display: none
}

p {
    margin: 0 0 15px
}

hr {
    margin-top: 15px;
    margin-bottom: 15px;
    border: 0;
    border-top: 1px solid #ccc
}

ol, ul {
    margin-top: 0;
    margin-bottom: 10px
}

    ol ol, ol ul, ul ol, ul ul {
        margin-bottom: 0
    }

nav ul {
    margin: 0;
    padding: 0
}

.list-unstyled {
    padding-right: 0;
    list-style: none
}

.list-inline {
    padding-left: 0;
    list-style: none
}

    .list-inline > li {
        display: inline-block;
        padding-right: 5px;
        padding-left: 5px
    }

.rtl blockquote {
    padding: 0 20px;
    margin: 0 20px 10px 0;
    border-right: 5px solid deepskyblue
}

.ltr blockquote {
    padding: 0 20px;
    margin: 0 0 10px 20px;
    border-left: 5px solid deepskyblue
}

blockquote p {
    font-size: 14px;
    font-weight: 300
}

    blockquote p:last-child {
        margin-bottom: 0
    }

code {
    padding: 2px 4px;
    font-size: 90%;
    color: #c7254e;
    white-space: nowrap;
    background-color: #f9f2f4;
    border-radius: 4px
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 5px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #333;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border-radius: 4px;
    overflow-x: auto
}

    pre.prettyprint {
        margin-bottom: 20px
    }

    pre code {
        padding: 0;
        color: inherit;
        white-space: pre-wrap;
        background-color: transparent;
        border: 0
    }

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: inherit;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

label {
    display: inline-block;
    margin-bottom: 5px
}

.clearfix:after, .clearfix:before {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}

.ltr .text-right, .rtl .text-left {
    text-align: right
}

.ltr .text-left, .rtl .text-right {
    text-align: left
}

.Align-Center, .AlignCenter, .text-center {
    text-align: center
}

.ltr .float-right, .rtl .float-left {
}

.rtl {
    direction: rtl
}

    .ltr, .rtl .ltr {
        direction: ltr
    }

    .rtl .ltr {
        font-size: 16px
    }

.container {
    margin-right: auto;
    margin-left: auto
}

    .container:after, .container:before {
        display: table;
        content: " "
    }

    .container:after {
        clear: both
    }

table {
    width: 100%;
    margin: 0 0 20px 0;
    background: #fff
}

.rtl table th {
    text-align: right
}

.ltr table th {
    text-align: left
}

table td, table th {
    border: 1px solid #e2e2e2;
    padding: 5px
}

#apmlfilter input[type=submit], #newsletterform input[type=button], #newsletterform input[type=submit], .btn, .comment .reply-to-comment, .content input[type=button], .content input[type=submit], .widget.search #searchbutton {
    border: none;
    color: #fff;
    padding: 3px 12px 4px !important;
    line-height: 22px;
    text-decoration: none;
    text-shadow: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: .25s;
    -moz-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
    -webkit-backface-visibility: hidden
}

    #apmlfilter input[type=submit]:hover, #newsletterform input[type=button]:hover, #newsletterform input[type=submit]:hover, .btn-group:focus .btn.dropdown-toggle, .btn:focus, .btn:hover, .comment .reply-to-comment:hover, .content input[type=button]:hover, .content input[type=submit]:hover, .widget.search #searchbutton:hover {
        color: #fff;
        outline: 0;
        -webkit-transition: .25s;
        -moz-transition: .25s;
        -o-transition: .25s;
        transition: .25s;
        -webkit-backface-visibility: hidden;
        cursor: pointer
    }

    .btn.disabled, .btn[disabled] {
        background-color: #bdc3c7;
        color: rgba(255,255,255,.75);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        opacity: .7
    }

    .btn.btn-small {
        font-size: 13px;
        line-height: 20px;
        padding: 4px 7px
    }

    .btn.btn-large {
        font-size: 18px !important;
        font-weight: 700;
        line-height: 20px;
        padding: 4px 18px !important
    }

select {
    border: 1px solid #bdc3c7;
    color: #333;
    font-size: 12.5px;
    text-indent: -1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border .25s linear,color .25s linear;
    -moz-transition: border .25s linear,color .25s linear;
    -o-transition: border .25s linear,color .25s linear;
    transition: border .25s linear,color .25s linear;
    -webkit-backface-visibility: hidden;
    margin-bottom: 3px;
    width: 60%
}

textarea {
    height: auto;
    line-height: 24px;
    padding: 5px 2px;
    text-indent: 0;
    margin: 10px 0
}

    .uneditable-input:focus, input[type=color]:focus, input[type=date]:focus, input[type=datetime-local]:focus, input[type=datetime]:focus, input[type=email]:focus, input[type=month]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=time]:focus, input[type=url]:focus, input[type=week]:focus, textarea:focus {
        border-color: #999;
        -moz-outline: none;
        outline: 0
    }

body {
    font-family: 'Open Sans',Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 1.6;
    font-weight: 300;
    color: #222;
    cursor: default
}

a {
    color: #0269c8;
    text-decoration: none;
    -moz-transition: color .3s ease 0s;
    -o-transition: color .3s ease 0s;
    -webkit-transition: color .3s ease 0s;
    transition: color .3s ease 0s
}

.container {
    width: 98%;
    max-width: 1280px
}

.responsive .container {
    width: 100%;
    max-width: 1280px
}

.fade .main-section {
    -moz-opacity: 0;
    opacity: 0
}

.main-section {
    -moz-opacity: 1;
    opacity: 1
}

.content {
    width: 100%
}

.sidebar {
    width: 30%
}

#calendarContainer {
    text-transform: capitalize
}

.calendar table {
    width: 100%
}

.calendar table, .calendar td {
    background-color: #fff !important;
    text-align: center
}

.calendar .header {
    background: 0 0 !important;
    width: auto !important;
    height: auto !important
}

.calendar .weekend {
    background-color: #f1f1f1
}

.calendar .other {
    color: silver
}

.calendar a.exist {
    display: block;
    font-weight: 700;
    background-color: #f1f1f1
}

.calendar td {
    vertical-align: top;
    background: #fff
}

.categorylist ul li A {
    padding: 3px
}

.categorylist ul li {
    margin: 0;
    border-bottom: 1px dotted #ddd;
    line-height: 24px;
    min-height: 27px
}

.linklist ul li A {
    padding: 3px;
    display: block
}

.linklist ul li {
    margin: 0;
    border-bottom: 1px dotted #ddd;
    line-height: 25px;
    min-height: 25px
}

.monthlist li {
    font-weight: 400
}

.monthlist .year {
    cursor: pointer;
    font-weight: 700
}

    .monthlist .year li {
        margin: 0 10px
    }

.monthlist ul ul {
    display: none
}

.monthlist .open {
    display: block
}

.pagelist ul li A {
    padding: 3px;
    display: block
}

.pagelist ul li {
    margin: 0;
    border-bottom: 1px dotted #ddd;
    line-height: 25px;
    min-height: 25px
}

.recentcomments ul li {
    margin: 0;
    border-bottom: 1px dotted #ddd;
    line-height: 25px;
    min-height: 25px;
    font-size: 13px;
    color: #666
}

    .recentcomments ul li a {
        font-size: 15px
    }

.mostcomments table td {
    border: none;
    border-bottom: 1px solid #ccc;
    background: 0 0
}

.mostcomments table tr td:first-child {
    width: 50px
}

    .mostcomments table tr td:first-child img {
        position: relative;
        top: 2px
    }

.recentposts ul li {
    margin: 0;
    border-bottom: 1px dotted #ddd;
    line-height: 25px;
    min-height: 25px;
    font-size: 13px;
    color: #555
}

    .recentposts ul li A {
        display: block;
        font-size: 15px
    }

    .recentposts ul li span {
        padding: 3px
    }

.tagcloud ul li {
    display: inline-block;
    margin: 1px
}

    .tagcloud ul li A {
        background: #e6e6e6;
        display: block;
        height: 27px;
        line-height: 25px;
        color: #444;
        padding: 1px 7px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        border-bottom: 1px solid #aaa
    }

        .tagcloud ul li A:hover {
            background: #e6e6e6;
            border-bottom: 1px solid #666
        }

        .tagcloud ul li A.biggest {
            font-size: 120%
        }

        .tagcloud ul li A.big {
            font-size: 110%
        }

        .tagcloud ul li A.medium {
            font-size: 100%
        }

        .tagcloud ul li A.small {
            font-size: 90%
        }

        .tagcloud ul li A.smallest {
            font-size: 80%
        }

#newsletterform span {
    margin: 0 auto;
    -webkit-text-shadow: 0 1px 3px #fa7c7c;
    text-shadow: 0 1px 3px #fa7c7c
}

#newsletterform input[type=text] {
    direction: ltr !important
}

#newsletterform input[type=submit] {
    margin: 10px 0 !important
}

#newsletteraction {
    color: #47a100
}

.widget .search {
    background: #fff;
    padding: 0 !important;
    margin: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    margin-bottom: 15px
}

    .widget.search input[type=text] {
        background: #eee;
        border: none;
        height: 37px;
        width: 76% !important;
        padding: 0 1%;
        min-width: 100px;
        margin: 0 !important;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        -moz-border-radius: 3px !important;
        -webkit-border-radius: 3px !important;
        border-radius: 3px !important;
        float: left
    }

        .widget.search input[type=text]:focus, .widget.search input[type=text]:hover {
            background: #e5e5e5
        }

    .widget.search #searchbutton {
        width: 20%;
        border: none;
        height: 37px;
        padding: 0 !important;
        -moz-border-radius: 3px !important;
        -webkit-border-radius: 3px !important;
        border-radius: 3px !important;
        float: right
    }

#page {
    background: #fff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

    #page h1 {
        margin-bottom: 15px;
        font-size: 26px
    }

#archive {
    background: #fff;
    border: 1px solid #e2e2e2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 4%
}

    #archive h2 {
        font-size: 16px;
        height: 30px;
        line-height: 35px;
        font-weight: 700
    }

        #archive h2 img {
            margin: 0 3px;
            position: relative;
            top: 4px
        }

    #archive ul {
        list-style-type: square;
        margin: 0 10px;
        padding: 10px
    }

    #archive table {
        width: 100%;
        border-collapse: collapse
    }

        #archive table th:first-child {
            width: 90px
        }

        #archive table th {
            background: #f1f1f1;
            font-size: 14px;
            font-weight: 700
        }

        #archive table td {
            border-bottom: 1px solid #ddd;
            font-size: 14px
        }

    #archive .date {
        width: 90px;
        text-align: center
    }

    #archive .comments {
        width: 70px;
        text-align: center
    }

    #archive .rating {
        width: 70px;
        text-align: center
    }

#contact {
    background: #fff;
    border: 1px solid #e2e2e2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 4%
}

    #contact label {
        display: inline-block;
        padding-top: 5px;
        min-width: 100px
    }

    #contact textarea {
        display: block;
        overflow: auto;
        width: 100%;
        height: 150px;
        margin: 0
    }

    #contact input[type=submit] {
        display: block;
        margin: 0 auto
    }

#searchpage input#q {
    width: 60%;
    height: 20px
}

#searchpage input[type=button] {
    padding: 8px 10px !important
}

#searchpage input#comment {
    clear: both
}

.searchresult {
    border-bottom: 1px dotted #ccc;
    padding: 10px 0;
    font-size: 14px
}

    .searchresult a {
        font-weight: 700;
        font-size: 16px
    }

    .searchresult span.text {
        clear: both;
        line-height: 35px;
        display: block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 13px;
        color: #555
    }

    .searchresult span.type {
        font-size: 13px;
        display: none
    }

    .searchresult span.url {
        color: #00802a
    }

.searchpage ul.paging {
    list-style-type: none;
    margin: 20px auto;
    padding: 0;
    text-align: center;
    display: block
}

    .searchpage ul.paging li {
        display: inline-block;
        width: 30px;
        text-align: center;
        height: 30px;
        border: 1px solid #ccc;
        background: #fff;
        margin-right: 2px
    }

        .searchpage ul.paging li a {
            display: block;
            height: 100%;
            line-height: 30px
        }

        .searchpage ul.paging li.active {
            border-width: 1px;
            border-style: solid
        }

            .searchpage ul.paging li.active A {
                color: #fff
            }

.syntaxhighlighter {
    direction: ltr !important
}

    .syntaxhighlighter .container {
        top: -15px !important
    }

#q-notes #q-panel {
    height: 150px;
    padding: 15px 5px 15px 5px;
    direction: ltr
}

#q-notes .q-main:after {
    content: '.';
    visibility: hidden;
    display: block;
    clear: both
}

#q-notes #q-txtarea {
    min-height: 50px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0
}

#q-notes select {
    padding: 2px !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    border-radius: 0 !important
}

#q-notes input[type=submit] {
    border: none !important;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    font-weight: 400
}

    #q-notes input[type=submit]:hover {
        background: #afd360 !important
    }

#q-notes input[type=text] {
    padding: 3px 2px !important;
    width: 194px
}

#apmlfilter {
    width: 415px !important;
    height: 70px !important;
    left: 462.5px !important;
    direction: ltr
}

    #apmlfilter input[type=submit] {
        margin: 0 4px
    }

#disqus_thread {
    background: #fff;
    border: 1px solid #e2e2e2;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 4%
}

.footer {
    color: #aaa;
    background: #7b7777;
    width: 100%;
    position: relative;
    bottom: 0;
    left: 0
}

    .footer .footer-widgets {
        padding: 5px 0 20px
    }

        .footer .footer-widgets .widgetselector {
            padding: 3px !important
        }

        .footer .footer-widgets input[type=button][value=Add] {
            padding: 0 15px !important;
            height: 33px !important;
            border: 2px solid #666
        }

        .footer .footer-widgets .widget {
            width: 31%;
            margin-right: 3%;
            float: left;
            background: 0 0;
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            border: none;
            padding: 0;
            margin-bottom: 20px
        }

            .footer .footer-widgets .widget.last-child {
                margin: 0
            }

            .footer .footer-widgets .widget .widget-title {
                font-size: 20px;
                font-weight: 400;
                line-height: 50px;
                padding-bottom: 5px;
                border-bottom-style: solid;
                border-width: 3px;
                margin-bottom: 15px;
                margin-top: 0
            }

            .footer .footer-widgets .widget #moveWidgetTo {
                width: 160px;
                padding: 3px
            }

            .footer .footer-widgets .widget #moveWidgetToBtn {
                border: 1px solid #ccc;
                padding: 4px;
                margin-left: 1px;
                cursor: pointer
            }

            .footer .footer-widgets .widget .widget-body {
                color: #999;
                font-size: 14px
            }

                .footer .footer-widgets .widget .widget-body a {
                    color: #ddd;
                    font-size: 14px
                }

                .footer .footer-widgets .widget .widget-body ul li {
                    border-bottom-color: #555 !important
                }

        .footer .footer-widgets table td, .footer .footer-widgets table th {
            background: #222 !important;
            border-color: #111 !important
        }

        .footer .footer-widgets .calendar a.exist {
            background: #111 !important
        }

        .footer .footer-widgets input[type=text] {
            background: #222;
            border-color: #111;
            color: #777
        }

        .footer .footer-widgets .tagcloud ul li a {
            background: #222;
            border-bottom-color: #111
        }

.footer-line {
    padding: 6px 0;
    background-color: #7b7777;
    font-size: 13px;
    color: #fff
}

.footer .footer-line a {
    color: #777 !important
}

.footer .footer-line .separator {
    top: -2px;
    margin: 0 8px;
    background-color: #777 !important
}

.footer p {
    margin: 0
}

.footer .scrollup {
    width: 48px;
    height: 48px;
    -moz-border-radius: 128px;
    -webkit-border-radius: 128px;
    border-radius: 128px;
    background-image: url(../img/up.png);
    background-position: center center;
    background-repeat: no-repeat;
    border: 2px solid #ececec;
    position: fixed;
    right: 16px;
    z-index: 250;
    cursor: pointer;
    bottom: 30px;
    display: none
}

::selection {
    background: deepskyblue;
    color: #fff
}

::-moz-selection {
    background: deepskyblue;
    color: #fff
}

a {
    color: #333
}

    a:focus, a:hover {
        color: #3999f2
    }

.header {
    background-color: deepskyblue
}

.title-blog h2 {
    color: #fff
}

.line-header {
    background-color: deepskyblue;
    border-bottom-color: deepskyblue
}

.navbar .nav > li > ul:before {
    border-color: transparent transparent #435d72 transparent
}

.dropdown-header {
    background-color: #a2a5a391
}

.header .search input[type=text] {
    background-color: #19364d
}

.post .post-title a {
    color: #1b408b
}

.footer .footer-widgets .widget .widget-title {
    border-bottom-color: #3999f2;
    color: #3999f2
}

.footer .footer-widgets .widget .widget-body a:hover {
    color: #3999f2
}

.footer .footer-line a {
    color: #3999f2
}

.footer .scrollup {
    background-color: #19364d
}

    .footer .scrollup:hover {
        background-color: #2e4a60
    }

#apmlfilter input[type=submit], #newsletterform input[type=button], #newsletterform input[type=submit], .btn, .comment .reply-to-comment, .content input[type=button], .content input[type=submit], .widget.search #searchbutton {
    background-color: deepskyblue
}

    #apmlfilter input[type=submit]:hover, #newsletterform input[type=button]:hover, #newsletterform input[type=submit]:hover, .btn-group:focus .btn.dropdown-toggle, .btn:focus, .btn:hover, .comment .reply-to-comment:hover, .content input[type=button]:hover, .content input[type=submit]:hover, .widget.search #searchbutton:hover {
        background-color: #435d72
    }

.default-header .header {
    background-color: #7b7777 !important
}

@media screen and (max-width:1200px) {
    .responsive .container {
        width: 85%
    }
}

@media screen and (max-width:1024px) {
    .responsive .container {
        width: 98%
    }

    .responsive .footer .footer-line {
        position: relative
    }

        .responsive .footer .footer-line .scrollup {
            position: absolute;
            bottom: 0;
            -moz-border-radius: 0 !important;
            -webkit-border-radius: 0 !important;
            border-radius: 0 !important;
            border: none;
            height: 100%;
            right: 20px !important;
            background-color: #222 !important
        }
}

@media screen and (max-width:900px) {
    .responsive .header {
        margin-bottom: 10px
    }

    .responsive .content {
        width: 62%
    }

    .responsive .sidebar {
        width: 37%
    }

    .responsive .header .search {
        position: relative;
        margin-right: 30px
    }

        .responsive .header .search.open-search {
            padding-right: 24px
        }

        .responsive .header .search #searchfield {
            position: absolute;
            right: 0;
            z-index: 999
        }

    .responsive #nav {
        display: none
    }

    .responsive .header .container {
        position: relative
    }

    .responsive .selectnav {
        display: block;
        height: 50px;
        padding-top: 13px;
        border: none;
        background: url(../img/nav.png) no-repeat 5px center;
        color: #fff;
        width: 100%;
        padding-left: 35px;
        position: absolute;
        cursor: pointer
    }

        .responsive .selectnav option {
            padding: 4px 10px;
            color: #333
        }
}

@media screen and (max-width:800px) {
    .responsive .footer .footer-line .separator-2 {
        display: block;
        visibility: hidden
    }
}

@media screen and (max-width:640px) {
    .responsive .header .search {
        margin-right: 0
    }

    .responsive .content, .responsive .sidebar {
        float: none !important;
        width: 100%
    }

    .responsive .footer .footer-widgets {
        display: none
    }

    .responsive #archive .comments, .responsive #archive .rating {
        display: none
    }

    .responsive #PostPager li {
        min-width: 20px !important;
        padding: 3px 2px !important
    }

    .responsive .header .title-blog h1 a {
        font-size: 26px
    }

    .responsive .header .title-blog h2 {
        font-size: 16px;
        font-weight: 400
    }

    .responsive .title-blog {
        padding-top: 10px;
        height: 95px
    }

    .responsive .header {
        height: 105px
    }
}

@media screen and (max-width:480px) {
    .responsive .post .post-info .post-comment {
        display: none
    }

    .responsive .post .post-title a {
        font-size: 22px
    }

    .responsive #archive h1, .responsive #contact h1, .responsive #page h1 {
        font-size: 22px !important
    }

    .responsive .header .line-header {
        position: absolute !important
    }

    .responsive .sidebar {
        display: none
    }

    .responsive .footer {
        margin-top: 40px !important
    }

        .responsive .footer .footer-line {
            padding: 20px 0 10px
        }

            .responsive .footer .footer-line .scrollup {
                right: 50% !important;
                margin-right: -30px;
                width: 48px;
                height: 45px;
                bottom: 50px;
                -webkit-border-top-left-radius: 100px !important;
                -webkit-border-top-right-radius: 100px !important;
                -moz-border-radius-topleft: 100px !important;
                -moz-border-radius-topright: 100px !important;
                border-top-left-radius: 100px !important;
                border-top-right-radius: 100px !important
            }

            .responsive .footer .footer-line .separator-2 {
                display: block;
                visibility: hidden
            }

    .responsive body {
        background: #fff !important
    }

    .responsive #archive, .responsive #commentlist, .responsive #contact, .responsive #page, .responsive #postnavigation, .responsive #relatedPosts, .responsive #trackbacks, .responsive .commentForm, .responsive .post, .responsive .widget {
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
        border-radius: 0 !important
    }

        .responsive #commentMenu, .responsive #postnavigation, .responsive #relatedPosts, .responsive .bbcode, .responsive .post .post-footer, .responsive .post .post-info .post-category, .responsive .post .post-info .post-comments {
            display: none
        }

    .commentForm p:last-child {
        display: block !important
    }

    .responsive .commentForm .btn-save {
        float: none !important;
        margin: 20px auto !important;
        display: block
    }

    .responsive .comment .gravatar {
        display: none
    }

    .responsive .comment-content {
        width: 100%
    }

    .responsive .comment-replies {
        padding: 0
    }

    .responsive .footer-line .separator-1 {
        display: block;
        visibility: hidden
    }

    .responsive .footer-line .scrollup {
        bottom: 80px !important
    }

    .responsive input[type=text], .responsive select {
        width: 100%;
        display: block
    }

    .responsive .commentForm input[type=checkbox] {
        float: left
    }

    .responsive .commentForm label[for=cbNotify] {
        float: left;
        position: relative;
        top: -8px;
        font-size: 12px
    }
}

@media screen and (max-width:320px) {
    .responsive .footer .footer-line .scrollup {
        bottom: 100px !important
    }
}

.ui-tabs {
    zoom: 1
}

    .ui-tabs .ui-tabs-nav {
        list-style: none;
        position: relative;
        padding: 2px 2px 0;
        overflow: hidden;
        top: 1px;
        z-index: 1000
    }

        .ui-tabs .ui-tabs-nav li {
            position: relative;
            float: left;
            border: 1px solid #ccc;
            border-bottom-width: 0 !important;
            margin: 0 2px -1px 0;
            background: #f5f5f5
        }

            .ui-tabs .ui-tabs-nav li a {
                float: left;
                text-decoration: none;
                padding: 5px 10px;
                color: #000
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
                padding-bottom: 1px;
                border-bottom-width: 0;
                background: #fff
            }

                .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a, .ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
                    cursor: text
                }

            .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
                cursor: pointer
            }

    .ui-tabs .ui-tabs-panel {
        padding: 20px;
        display: block;
        border-width: 0;
        background: 0 0;
        border: 1px solid #ccc;
        position: relative;
        min-height: 200px
    }

a.mover {
    background: deepskyblue;
    padding: 6px 12px;
    position: absolute;
    color: #fff;
    font-weight: 700;
    text-decoration: none
}

.next-tab {
    bottom: 0;
    right: 0;
    -moz-border-radius-topleft: 10px;
    -webkit-border-top-left-radius: 10px
}

.prev-tab {
    bottom: 0;
    left: 0;
    -moz-border-radius-topright: 10px;
    -webkit-border-top-right-radius: 10px
}

.default-theme #apmlfilter input[type=submit], .default-theme #newsletterform input[type=button], .default-theme #newsletterform input[type=submit], .default-theme .btn, .default-theme .comment .reply-to-comment, .default-theme .content input[type=button], .default-theme .content input[type=submit], .default-theme .widget.search #searchbutton {
    background-color: #00B050
}

.banner-header {
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background-color: deepskyblue
}

    .banner-header .item-r {
        display: none;
        top: 0;
        left: 0;
        position: absolute;
        z-index: 5;
        width: 100%;
        min-width: 100%;
        height: 100%;
        min-height: 100%;
        background-position: 0 bottom
    }

.fa-ul li i {
    margin-left: -22px
}

.featured-services .icon-box {
    font-size: 12px;
    text-align: justify;
    padding: 15px;
    position: relative;
    overflow: hidden;
    background: #dedbec;
    box-shadow: 0 0 29px 0 rgba(68,88,144,.12);
    transition: all .3s ease-in-out;
    border-radius: 8px;
    z-index: 1;
    height: 280px
}

sub {
    font-size: 16px
}

@media only screen and (max-width:950px) {
    .tabsetting {
        display: inline-flex;
        width: 100%;
        overflow-x: auto;
        border-bottom: 2px solid #ddd;
        -ms-overflow-style: none;
        overflow: -moz-scrollbars-none
    }
}

.featured-services .icon-box::before {
    content: '';
    position: absolute;
    background: #cbe0fb;
    right: 0;
    left: 0;
    bottom: 0;
    top: 100%;
    transition: all .3s;
    z-index: -1
}

.featured-services .icon-box:hover::before {
    background: deepskyblue;
    top: 0;
    border-radius: 0;
    transition: all .5s linear
}

.featured-services .icon {
    margin-bottom: 15px
}

    .featured-services .icon i {
        font-size: 48px;
        line-height: 1;
        color: deepskyblue;
        transition: all .3s ease-in-out
    }

.fa {
    color: deepskyblue
}

.featured-services .description {
    line-height: 19px;
    margin-bottom: 0
}

.featured-services .icon-box:hover .description, .featured-services .icon-box:hover small, .featured-services .icon-box:hover sub {
    color: #fff
}

.featured-services .icon-box:hover .fa-ul i {
    color: #fff
}

B {
    font-size: 15px
}

.fa-ul {
    margin-left: 0
}

hr {
    margin-top: 5px;
    margin-bottom: 5px
}

.d-flex {
    padding: 10px
}

.description .more-text {
    display: none
}

.mega-dropdown-menu {
    background-color: #fff !important
}

.mega-dropdown {
    position: static !important
}

.mega-dropdown-menu {
    padding: 20px 0;
    width: 67%;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-left: 17.7%
}

    .mega-dropdown-menu > li > ul {
        padding: 0;
        margin: 0
    }

        .mega-dropdown-menu > li > ul > li {
            list-style: none;
            border-bottom: 1px solid #95929875
        }

.multi-level li {
    border-bottom: 1px solid #95929875
}

.mega-dropdown-menu > li > ul > li > a {
    display: block;
    color: #222;
    padding: 3px 5px
}

.mega-dropdown-menu > li ul > li > a:focus, .mega-dropdown-menu > li ul > li > a:hover {
    text-decoration: none
}

.mega-dropdown-menu .dropdown-header {
    font-size: 15px;
    color: deepskyblue;
    padding: 5px 60px 5px 5px;
    line-height: 30px
}

.navbar-inverse .navbar-collapse {
    border-top: 4px solid #7b7777;
    background-color: #00B050
}

.navbar-inverse {
    border-color: #fff
}

.navbar-inverse {
    background-color: #00B050 !important
}

    .navbar-inverse .navbar-nav > li > a {
        color: #fff;
        font-size: 15px
    }

    .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        color: #fff;
        background-color: #b1a8a8
    }

.navbar-brand {
    margin-top: -17px
}

.dropdown-menu {
    border-bottom: 4px solid deepskyblue
}

.dropdown-submenu {
    position: relative
}

.mega-dropdown-menu > li > ul > li > a:hover, .multi-level li > a:hover {
    background-color: #eee
}

.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px
}

.dropdown-submenu:hover > .dropdown-menu {
    display: block
}

.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px
}

.dropdown-submenu:hover > a:after {
    border-left-color: #fff
}

.dropdown-submenu.pull-left {
    float: none
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px
    }

.navbar-inverse .navbar-brand {
    background-color: #fff !important;
    height: 71px !important
}

.dropdown-header {
    color: deepskyblue
}

@media (max-width:767px) {
    .navbar-nav .open .dropdown-menu {
        background-color: #fff
    }

    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #080000
    }

    .navbar-nav .open .dropdown-menu .dropdown-header {
        margin-left: -20px
    }
}

.fa-sign-in {
    color: #fff !important
}

.navbar-right {
    margin-right: 0 !important
}

.content {
    margin-top: 4%
}

@media screen and (max-width:900px) {
    .responsive .content {
        margin-top: 29%
    }
}

ribbon Style --> .ribbon-wrapper {
    width: 85px;
    height: 88px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -3px
}

.ribbon {
    font-size: 6px;
    color: #fff;
    text-transform: uppercase;
    letter-spacing: .05em;
    line-height: 1px;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,.4);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
    padding: 5px 0;
    top: 15px;
    left: 85%;
    width: 50px;
    height: 4px;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3);
    box-shadow: 0 0 3px rgba(0,0,0,.3);
    background-color: #dedede;
    background-image: linear-gradient(to bottom,deepskyblue 45%,deepskyblue 100%);
    background-repeat: repeat-x
}

    .ribbon:after, .ribbon:before {
        content: "";
        border-top: 3px solid deepskyblue;
        border-left: 3px solid transparent;
        border-right: 3px solid transparent;
        position: absolute;
        bottom: -3px
    }

    .ribbon:before {
        left: 0
    }

    .ribbon:after {
        right: 0
    }

.copy {
    font-size: 12px;
    padding: 10px;
    border-top: 1px solid #fff
}

.footer-middle {
    padding-top: 2em;
    color: #fff
}

ul.social-network {
    list-style: none;
    display: inline;
    margin-left: 0 !important;
    padding: 0
}

    ul.social-network li {
        display: inline;
        margin-top: -3%
    }

.social-network a.icoFacebook:hover {
    background-color: #3b5998
}

.social-network a.icoLinkedin:hover {
    background-color: #007bb5
}

.social-network a.icotwitter:hover {
    background-color: #55acee
}

.social-network a.icoinstagram:hover {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
}

.social-network a.icoyoutube:hover {
    background-color: #b00
}

    .social-network a.icoFacebook:hover i, .social-network a.icoLinkedin:hover i, .social-network a.icoinstagram:hover i, .social-network a.icotwitter:hover i, .social-network a.icoyoutube:hover i {
        color: #fff
    }

.social-network a.socialIcon:hover, .socialHoverClass {
    color: #44bcdd
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    width: 30px;
    height: 30px;
    font-size: 15px
}

.social-circle li i {
    margin: 0;
    line-height: 30px;
    text-align: center
}

.social-circle li a:hover i, .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s
}

.social-circle i {
    color: #595959;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s
}

.social-network a {
    background-color: #f9f9f9
}

@media (max-width:442px) {
    .custo {
        margin-top: -21px
    }
}

.custo {
    margin-top: -36px
}

.card {
    border: 0;
    margin-bottom: 30px;
    margin-top: 30px;
    border-radius: 6px;
    color: #333;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    font-size: .875rem
}

.card-stats .card-header.card-header-icon, .card-stats .card-header.card-header-text {
    text-align: right
}

.card [class*=card-header-] {
    margin: 0 15px 0;
    padding: 0;
    position: relative
}

.card .card-header {
    z-index: 3 !important
}

.card .card-header {
    border-bottom: none;
    background: 0 0
}

.card-header:first-child {
    border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card {
    font-size: 11px;
    border: 1px solid #80808054;
    padding: 5px
}

    .card [class*=card-header-] .card-icon {
        border-radius: 3px;
        padding: 8px;
        margin-top: -30px;
        margin-right: 15px;
        float: left
    }

.aaa {
    background-color: #fda001
}

.bbb {
    background-color: #34dc6c
}

.ccc {
    background-color: #eb443c
}

.ddd {
    background-color: #01b4cb
}

.eee {
    background-color: #e53d75
}

.fff {
    background-color: #5cece3d9
}

.card .card-header-warning .card-icon {
    box-shadow: 0 4px 20px 0 rgb(0 0 0 / 14%),0 7px 10px -5px rgb(255 152 0 / 40%)
}

.card-stats .card-header.card-header-icon i {
    font-size: 36px;
    line-height: 56px;
    width: 56px;
    height: 56px;
    text-align: center;
    color: #fff
}

.material-icons {
    font-weight: 400;
    font-style: normal;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr
}

.card [class*=card-header-] {
    color: #fff
}

.dark-edition .card-stats .card-header .card-category:not([class*=text-]) {
    color: #8b92a9
}

category {
    padding-top: 10px
}

.dark-edition .card .card-header.card-header-icon .card-title, .dark-edition .card .card-header.card-header-text .card-title {
    color: #606477
}

.dark-edition .card-stats .card-header + .abc {
    border-top: 1px solid rgb(180 180 180 / 29%)
}

.card .abc, .card .card-body + .abc {
    padding: 0;
    padding-top: 10px;
    margin: 0 15px 10px;
    border-radius: 0;
    justify-content: space-between;
    align-items: center
}

.card .abc {
    display: flex;
    border: 0
}

.dark-edition .card .abc .stats, .dark-edition .card .card-body + .abc .stats {
    color: #a9afbbd1
}

.card .abc .stats, .card .card-body + .abc .stats {
    line-height: 22px
}

.card .abc .author, .card .abc .stats {
    display: inline-flex
}

.dark-edition .card .card-header.card-header-icon .card-title {
    color: #606477
}

.dark-edition .card-stats .card-header .card-category:not([class*=text-]) {
    color: #8b92a9;
    font-size: 11px
}

.card-stats .card-header .card-icon + .card-category {
    padding-top: 10px
}

.card-title {
    font-size: 18px
}

.panel-default > .panel-heading {
    color: #333;
    background-color: #3399CC !important;
    border-color: #e4e5e7;
    padding: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .panel-default > .panel-heading a {
        display: block;
        padding: 0;
        text-decoration: none;
        margin-left: 10px
    }

        .panel-default > .panel-heading a:after {
            content: "";
            position: relative;
            top: -37px;
            display: inline-block;
            font-style: normal;
            font-weight: 700;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            float: right;
            transition: transform .25s linear;
            -webkit-transition: -webkit-transform .25s linear
        }

.accordion-option {
    width: 100%;
    float: left;
    clear: both;
    margin: 15px 0
}

    .accordion-option .title {
        font-size: 20px;
        font-weight: 700;
        float: left;
        padding: 0;
        margin: 0
    }

    .accordion-option .toggle-accordion {
        float: right;
        font-size: 16px;
        color: rgba(255,255,255,0)
    }

        .accordion-option .toggle-accordion:before {
            content: "Expand All"
        }

        .accordion-option .toggle-accordion.active:before {
            content: "Collapse All"
        }

#gridTable thead {
    background-color: deepskyblue !important;
    color: #fff !important
}

#gridTable tbody tr td {
    padding: 1px 4px !important;
    vertical-align: baseline !important
}

.metro-nav {
    position: relative;
    z-index: 101
}

.fa-arrow-circle-down, .fa-book, .fa-bullhorn, .fa-file, .fa-globe, .fa-list, .fa-share-square, .fa-star, .fa-tag, .fa-tags {
    color: #fff !important
}

.metro-nav .nav-block-orange {
    background: #f37b53
}

.metro-nav .nav-block-yellow {
    background: #ffb400
}

.metro-nav .nav-block-blue {
    background: #0daed3
}

.metro-nav .nav-block-green {
    background: #74b749
}

.metro-nav .nav-block-red {
    background: #de577b
}

.metro-nav .nav-block-purple {
    background: #9d4a9c
}

.metro-nav .nav-block-grey {
    background: #77808a
}

.metro-nav .nav-light-blue {
    background: #61b9ff
}

.metro-nav .nav-light-green {
    background: #00a489
}

.metro-nav .nav-deep-terques {
    background: #0bc0cb
}

.metro-nav .nav-light-purple {
    background: #847cc5
}

.metro-nav .nav-light-yellow {
    background: #e5bc64
}

.metro-nav .nav-deep-gray {
    background: #434343
}

.metro-nav .nav-light-brown {
    background: #ab8465
}

.metro-nav .nav-deep-red {
    background: #b33062
}

.metro-nav .nav-olive {
    background: #959801
}

.metro-nav .nav-deep-thistle {
    background: #9e7698
}

.metro-fix-view .metro-nav-block.double {
    width: 251px !important
}

.metro-fix-view .metro-nav-block.long {
    width: 251px !important;
    height: 235px !important
}

    .metro-fix-view .metro-nav-block.long .value {
        padding-top: 30px !important;
        display: inline-block
    }

        .metro-fix-view .metro-nav-block.long .value i {
            font-size: 90px
        }

.metro-fix-view .metro-nav-block {
    color: #fff !important;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: 300;
    height: 120px;
    letter-spacing: .02em;
    line-height: 20px;
    margin: 0 1% 1% 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 120px !important;
    z-index: 1
}

.metro-nav .metro-nav-block.double {
    width: 28%
}

.metro-nav .metro-nav-block {
    color: #fff !important;
    cursor: pointer;
    display: block;
    float: left;
    font-weight: 300;
    height: 114px;
    letter-spacing: .02em;
    line-height: 20px;
    margin: 0 1% 1% 0;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 17%;
    z-index: 1
}

    .metro-nav .metro-nav-block i {
        font-size: 50px;
        margin-top: 6px;
        display: inline-block
    }

    .metro-nav .metro-nav-block:last-child {
        margin-right: 0
    }

    .metro-nav .metro-nav-block a {
        color: #fff !important;
        font-size: 18px;
        font-weight: 400;
        height: 90%;
        line-height: 16px;
        overflow: hidden;
        padding: 5px 10px;
        position: absolute;
        text-overflow: ellipsis;
        vertical-align: top;
        width: 88%;
        text-decoration: none
    }

        .metro-nav .metro-nav-block a i {
            transition: all .5s ease-in-out 0s;
            -moz-transition: all .5s ease-in-out 0s;
            -webkit-transition: all .5s ease-in-out 0s;
            -o-transition: all .5s ease-in-out 0s
        }

        .metro-nav .metro-nav-block a .info {
            transition: all .4s ease-in-out 0s;
            -moz-transition: all .4s ease-in-out 0s;
            -webkit-transition: all .4s ease-in-out 0s;
            -o-transition: all .4s ease-in-out 0s
        }

        .metro-nav .metro-nav-block a:hover i {
            transform: rotate(83deg);
            -moz-transform: rotate(83deg);
            -webkit-transform: rotate(83deg);
            -o-transform: rotate(83deg);
            font-size: 140px;
            opacity: .2
        }

    .metro-nav .metro-nav-block.long a:hover i {
        font-size: 200px
    }

    .metro-nav .metro-nav-block.long a {
        height: 96%
    }

    .metro-nav .metro-nav-block a:hover .info {
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        font-size: 40px;
        opacity: .6
    }

    .metro-nav .metro-nav-block:hover {
        opacity: .8
    }

    .metro-nav .metro-nav-block.double a {
        width: 94%
    }

    .metro-nav .metro-nav-block .info {
        font-size: 24px;
        position: absolute;
        right: 10px;
        top: 45px
    }

    .metro-nav .metro-nav-block .status, .metro-nav .metro-nav-block .tile-status {
        background-color: transparent;
        bottom: -5px;
        font-size: 13.5px;
        left: 10px;
        font-weight: 700;
        min-height: 40px;
        position: absolute
    }

.carousel-control.left {
    background-image: linear-gradient(to right,rgb(249 249 249 / 0) 0,rgba(0,0,0,.0001) 100%)
}

.carousel-control.right {
    background-image: linear-gradient(to right,rgb(255 254 254 / 0) 0,rgb(255 255 255 / 0) 100%)
}

.page-header {
    padding-bottom: 0px !important;
    margin: 0px 0 7px !important;
}

.greeting {
    font-size: 14px;
}

legend {
    font-size: 16px;
}

select {
    text-indent: 1px !important;
}

#bvfbdbf td:nth-child(4) {
    text-align: left !important;
}

.limitedsdf a {
    word-wrap: break-word !important;
    max-width: 300px !important;
}

.entries a {
    word-wrap: break-word !important;
    max-width: 300px !important;
}

.dt-button span {
    color: deepskyblue !important
}

.dt-button {
    padding: 2px 5px 2px !important;
    border: 1px solid rgb(0 176 80) !important;
    background: -webkit-linear-gradient(top, rgb(255 255 255 / 0%) 0%, rgb(245 245 245 / 0%) 100%) !important;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
}

    .dt-button:hover {
        background: -webkit-linear-gradient(top, rgb(255 255 255 / 0%) 0%, rgb(245 245 245 / 0%) 100%) !important;
        border: 1px solid rgb(0 176 80) !important;
        transform: scale(1.1);
    }

.no-footer {
    font-size: 12px !important;
}