/*
   Table of Contents

        I.   Generic --------------------------------------
             01. Reset ------------------------------------
             02. Base -------------------------------------
             03. Fonts ------------------------------------
             04. Helpers ----------------------------------
                 Clear ------------------------------------
                 Notext -----------------------------------
                 Hidden -----------------------------------
                 Alignleft --------------------------------
                 Alignright -------------------------------
                 Disabled ---------------------------------
                 Grid -------------------------------------
                 Responsive Helpers -----------------------
                 Text Center ------------------------------
        II.  Regions --------------------------------------
             01. Container --------------------------------
             02. Content ----------------------------------
             03. Footer -----------------------------------
             04. Header -----------------------------------
                 Small Desktop ----------------------------
             05. Main -------------------------------------
             06. Shell ------------------------------------
             07. Sidebar ----------------------------------
             08. Wrapper ----------------------------------
        III. Modules --------------------------------------
             01. Article ----------------------------------
             02. Article Simple ---------------------------
             03. Box Holder -------------------------------
                 Tablet Portrait --------------------------
             04. Box White --------------------------------
             05. Button -----------------------------------
                 Btn Red ----------------------------------
                 Btn Grey ---------------------------------
                 Btn Medium -------------------------------
                 Btn Small --------------------------------
                 Btn Ico ----------------------------------
                 Button Block -----------------------------
             06. Copyright --------------------------------
             07. Custom Scrollbar -------------------------
             08. Documents --------------------------------
             09. Form Elements ----------------------------
                 Field ------------------------------------
                 Checkbox ---------------------------------
             10. Form -------------------------------------
             11. Form Login -------------------------------
             12. Form Filter ------------------------------
                 Tablet Portrait --------------------------
             13. Form Product -----------------------------
                 Tablet Portrait --------------------------
             14. List -------------------------------------
             15. Logo -------------------------------------
             16. Nav --------------------------------------
             17. News Holder ------------------------------
                 Tablet Portrait --------------------------
             18. News Items -------------------------------
             19. News Items Small -------------------------
             20. Popup ------------------------------------
             21. Popup Simple -----------------------------
             22. Popup Document ---------------------------
             23. Post Items -------------------------------
                 Tablet Portrait --------------------------
             24. Products ---------------------------------
             25. Product Single ---------------------------
                 Tablet Portrait --------------------------
             26. Product Item -----------------------------
             27. Provider Holder --------------------------
             28. Provider ---------------------------------
             29. Search -----------------------------------
             30. Section ----------------------------------
             31. Section News -----------------------------
             32. Section Products -------------------------
                 Small Desktop ----------------------------
                 Tablet Portrait --------------------------
             33. Section Preview --------------------------
             34. Selecter ---------------------------------
             35. Slider Images ----------------------------
             36. Slider Thumbs ----------------------------
             37. Tabs -------------------------------------
             38. Table Holder -----------------------------
             39. Table ------------------------------------
                 Small Desktop ----------------------------
             40. Widget -----------------------------------
             41. Widget Links -----------------------------
             42. Widget Filter ----------------------------
                 Tablet Portrait --------------------------
             43. Widget Posts -----------------------------
        IV.  Themes ---------------------------------------
             01. Scrollbar --------------------------------
*/

.ico-envelope
{
    background-image: url(../img/sprite.png);
    background-position: 0 -78px;
    width: 37px;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-fax
{
    background-image: url(../img/sprite.png);
    background-position: -68px 0;
    width: 63px;
    height: 69px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-pdf
{
    background-image: url(../img/sprite.png);
    background-position: 0 0;
    width: 64px;
    height: 74px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

.ico-search
{
    background-image: url(../img/sprite.png);
    background-position: -41px -78px;
    width: 26px;
    height: 27px;
    display: inline-block;
    vertical-align: middle;
    font-size: 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi)
{
    .ico-envelope
    {
        background-image: url(../img/sprite.@2x.png);
        background-position: 0 -76px;
        background-size: 129px 103px;
        width: 37px;
        height: 27px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-fax
    {
        background-image: url(../img/sprite.@2x.png);
        background-position: -66px 0;
        background-size: 129px 103px;
        width: 63px;
        height: 69px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-pdf
    {
        background-image: url(../img/sprite.@2x.png);
        background-position: 0 0;
        background-size: 129px 103px;
        width: 64px;
        height: 74px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }

    .ico-search
    {
        background-image: url(../img/sprite.@2x.png);
        background-position: -39px -76px;
        background-size: 129px 103px;
        width: 26px;
        height: 27px;
        display: inline-block;
        vertical-align: middle;
        font-size: 0;
    }
}

.cols:after
{
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

/* ------------------------------------------------------------ *\
        I.   Generic
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
        Reset
\* ------------------------------------------------------------ */

*, *:before, *:after
{
    padding: 0;
    margin: 0;
    outline: 0;
    box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, main
{
    display: block;
}

html, body
{
    height: auto !important;
}

html
{
    tap-highlight-color: rgba(0, 0, 0, 0);
}

body
{
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
}

img, iframe, video, audio, object
{
    max-width: 100%;
}

img, iframe
{
    border: 0 none;
}

img
{
    height: auto;
    display: inline-block;
    vertical-align: middle;
}

b, strong
{
    font-weight: bold;
}

address
{
    font-style: normal;
}

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

a, button, input[type="submit"], input[type="button"], input[type="reset"], input[type="file"], input[type="image"], label[for], .clickable
{
    cursor: pointer;
}

a[href^="tel"], button[disabled], input[disabled], textarea[disabled], select[disabled]
{
    cursor: default;
}

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

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea, a[href^="tel"]
{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

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

textarea
{
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

button, input, optgroup, select, textarea
{
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

button, select
{
    text-transform: none;
}

table
{
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

nav ul, nav ol
{
    list-style: none outside none;
}

/* ------------------------------------------------------------ *\
        Base
\* ------------------------------------------------------------ */

body
{
    min-width: 768px;
    background: #ffffff;
    font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif;
    font-size: 16px;
    line-height: 1.3;
    color: #000000;
    font-weight: 400;
}

a
{
    color: inherit;
    text-decoration: underline;
}

a:hover
{
    text-decoration: none;
}

a[href^="tel"]
{
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6
{
    margin-bottom: 0.65em;
}

h1
{
    font-size: 40px;
}

h2
{
    font-size: 30px;
}

h3
{
    font-size: 22px;
    font-weight: 300;
}

h4
{
    font-size: 20px;
}

h5
{
    font-size: 18px;
}

h6
{
    font-size: 16px;
}

p
{
    font-size: 12px;
    text-transform: none;
}

p, ul, ol, dl, table, blockquote
{
    margin-bottom: 1.3em;
}

h1[class], h2[class], h3[class], h4[class], h5[class], h6[class], h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, p:last-child, ul:last-child, ol:last-child, dl:last-child, table:last-child, blockquote:last-child
{
    margin-bottom: 0;
}

/* ------------------------------------------------------------ *\
        Fonts
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
        Helpers
\* ------------------------------------------------------------ */

/*  Clear  */

.clear:after
{
    content: '';
    line-height: 0;
    display: table;
    clear: both;
}

/*  Notext  */

.notext
{
    white-space: nowrap;
    text-indent: 100%;
    text-shadow: none;
    overflow: hidden;
}

.notext-old
{
    font-size: 0;
    line-height: 0;
    text-indent: -4000px;
}

/*  Hidden  */

[hidden], .hidden
{
    display: none;
}

/*  Alignleft  */

.alignleft
{
    float: left;
}

/*  Alignright  */

.alignright
{
    float: right;
}

/*  Disabled  */

[disabled], .disabled
{
    cursor: default;
}

/*  Grid  */

.cols
{
    margin: 0 -15px;
}

.cols:after
{
}

.col
{
    float: left;
    width: 100%;
    padding: 0 15px;
}

.col-1of2
{
    width: 50%;
}

/*  Responsive Helpers  */

.visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block
{
    display: none !important;
}

@media (max-width: 767px)
{
    .hidden-xs
    {
        display: none !important;
    }

    .visible-xs-block
    {
        display: block !important;
    }

    .visible-xs-inline
    {
        display: inline !important;
    }

    .visible-xs-inline-block
    {
        display: inline-block !important;
    }
}

@media (min-width: 768px) and (max-width: 1023px)
{
    .hidden-sm
    {
        display: none !important;
    }

    .visible-sm-block
    {
        display: block !important;
    }

    .visible-sm-inline
    {
        display: inline !important;
    }

    .visible-sm-inline-block
    {
        display: inline-block !important;
    }
}

@media (min-width: 1024px) and (max-width: 1200px)
{
    .hidden-md
    {
        display: none !important;
    }

    .visible-md-block
    {
        display: block !important;
    }

    .visible-md-inline
    {
        display: inline !important;
    }

    .visible-md-inline-block
    {
        display: inline-block !important;
    }
}

@media (min-width: 1201px)
{
    .hidden-lg
    {
        display: none !important;
    }

    .visible-lg-block
    {
        display: block !important;
    }

    .visible-lg-inline
    {
        display: inline !important;
    }

    .visible-lg-inline-block
    {
        display: inline-block !important;
    }
}

/* Text Center */

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

.text-left
{
    text-align: left;
}

.text-right
{
    text-align: right;
}

/* ------------------------------------------------------------ *\
        II.  Regions
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
        Container
\* ------------------------------------------------------------ */

.container
{
    overflow: hidden;
}

/* ------------------------------------------------------------ *\
        Content
\* ------------------------------------------------------------ */

.content
{
}

/* ------------------------------------------------------------ *\
        Footer
\* ------------------------------------------------------------ */

.footer
{
    padding: 8px 0 16px;
    border-top: 1px solid #cc0b20;
    background: linear-gradient(to bottom, #ffffff 0%, #81d08c 100%);
    text-align: center;
}

/* ------------------------------------------------------------ *\
        Header
\* ------------------------------------------------------------ */

.header
{
    position: relative;
    z-index: 20;
    padding: 7px 0 5px;
    border-bottom: 1px solid #df0b1b;
    background: linear-gradient(to bottom, #81d08c 0%, #ffffff 100%);
    text-align: center;
    box-shadow: 0 2px 2px 1px rgba(29, 27, 24, .1);
}

/* Small Desktop */

@media (max-width: 1200px)
{
    .header
    {
        z-index: 20;
    }
}

/* ------------------------------------------------------------ *\
        Main
\* ------------------------------------------------------------ */

.main
{
}

/* ------------------------------------------------------------ *\
        Shell
\* ------------------------------------------------------------ */

.shell
{
    max-width: 1270px;
    padding-left: 10px;
    padding-right: 10px;
    margin: auto;
}

.shell-fluid
{
    max-width: none;
}

/* ------------------------------------------------------------ *\
        Sidebar
\* ------------------------------------------------------------ */

.sidebar
{
}

/* ------------------------------------------------------------ *\
        Wrapper
\* ------------------------------------------------------------ */

.wrapper
{
    position: relative;
    min-height: 100vh;
}

/* ------------------------------------------------------------ *\
        III. Modules
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
        Article
\* ------------------------------------------------------------ */

.article
{
    color: #696969;
}

.article .article-head
{
    padding: 0 17px;
    text-align: right;
}

.article .red
{
    color: #dd0b1a;
}

.article .orange
{
    color: #ff6633;
}

.article .custom-scrollbar
{
    overflow: hidden;
    position: relative;
    height: 602px;
    padding: 0 50px 100px 0;
    text-align: justify;
}

.article .mCSB_scrollTools .mCSB_draggerContainer
{
    top: 10px;
}

.article h3
{
    margin: 0;
    line-height: 1.1;
    color: #35a541;
    font-weight: 700;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.article p
{
    line-height: 1.2;
}

@media (max-height: 850px)
{
    .article .custom-scrollbar
    {
        height: 400px;
    }
}

/* ------------------------------------------------------------ *\
        Article Simple
\* ------------------------------------------------------------ */

.article-simple
{
    padding: 0 34px;
}

.article-simple .article-head
{
    margin-bottom: 12px;
}

.article-simple .article-title
{
    color: #35a541;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 700;
}

.article-simple .article-body
{
    overflow: hidden;
}

.article-simple .article-entry
{
    float: left;
    width: calc(100% - 226px);
    padding-top: 11px;
    margin-right: 20px;
}

.article-simple p
{
    margin-bottom: 15px;
    font-size: 16px;
    color: #696969;
    text-align: justify;
}

.article-simple .article-image
{
    overflow: hidden;
    max-width: 260px;
    text-align: center;
}

.article-simple .article-image figure + figure
{
    margin-top: 106px;
}

/* ------------------------------------------------------------ *\
        Box Holder
\* ------------------------------------------------------------ */

.box-holder
{
    padding-bottom: 40px;
    margin-right: -100px;
    font-size: 0;
    text-align: center;
}

.box
{
    display: inline-block;
    width: 400px;
    padding: 25px 20px 27px;
    border: 1px solid #2ba642;
    border-radius: 6px;
    margin-right: 100px;
    background-color: #ececec;
    vertical-align: top;
}

.box-alt
{
    border-color: #dd0b1a;
}

.box h2
{
    margin-bottom: 33px;
    font-family: 'Work Sans', 'Arial', 'Helvetica', sans-serif;
    line-height: 1.45;
    color: #696969;
    font-weight: 300;
    text-transform: uppercase;
}

.box .btn
{
    min-width: 136px;
}

/* Tablet Portrait */

@media (max-width: 1023px)
{
    .box-holder
    {
        margin-right: 0;
    }

    .box
    {
        display: block;
        width: 100%;
        margin: 0 0 30px;
    }
}

/* ------------------------------------------------------------ *\
        Box White
\* ------------------------------------------------------------ */

.box-white
{
    min-height: 617px;
    padding: 55px 27px;
    margin: 30px 26px 0 23px;
    background-color: #ffffff;
}

.box-white-alt
{
    padding-top: 20px;
}

.box-white-small
{
    min-height: 0;
    padding: 0;
    margin-top: 0;
}

.box-white > .custom-scrollbar
{
    position: relative;
    height: 514px;
}

.box-white > .custom-scrollbar .mCustomScrollBox
{
    position: relative;
    padding: 0 27px;
}

.box-white > .shadow
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    height: 118px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    transition: opacity .2s, visibility .2s;
}

.box-white.hide-shadow > .shadow
{
    visibility: hidden;
    opacity: 0;
}

/* ------------------------------------------------------------ *\
        Button
\* ------------------------------------------------------------ */

.btn
{
    display: inline-block;
    height: 49px;
    padding: 0 35px;
    border: 1px solid #959595;
    border-radius: 4px;
    background-color: #2ba642;
    font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif;
    font-size: 20px;
    line-height: 47px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 400;
    vertical-align: middle;
    text-align: center;
    cursor: pointer;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: background .4s;
}

.btn:hover
{
    background-color: #197d2c;
}

/* Btn Red */

.btn-red
{
    padding: 0 11px;
    background-color: #dd0b1a;
}

.btn-red:hover
{
    background-color: #bb0411;
}

.btn-lightred, .btn-lightred:hover
{
    background-color: #ec1428;
    border: 1px solid #ec1428;
}

/* Btn Grey */

.btn-grey
{
    background-color: #757575;
}

.btn-grey:hover
{
    background-color: #606060;
}

/* Btn Blue */

.btn-blue
{
    background-color: #00aaff;
}

/* Btn Medium */

.btn-medium
{
    height: 36px;
    padding: 0 12px;
    font-size: 13px;
    line-height: 34px;
}

/* Btn Small */

.btn-small
{
    height: 26px;
    padding: 0 15px;
    font-size: 15px;
    line-height: 24px;
}

/* Btn Ico */

.btn-ico
{
    position: relative;
    padding: 0 50px 0 8px;
    font-size: 13px;
}

.btn-ico i
{
    position: absolute;
    top: 50%;
    right: -18px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

/*  Button Block  */

.btn-block
{
    display: block;
    padding-left: 0;
    padding-right: 0;
}

/* ------------------------------------------------------------ *\
        Copyright
\* ------------------------------------------------------------ */

.copyright
{
    font-family: 'Open Sans', 'Arial', 'Helvetica', sans-serif;
    font-size: 13px;
    line-height: 1.3;
    font-weight: 600;
    opacity: .5;
}

/* ------------------------------------------------------------ *\
        Custom Scrollbar
\* ------------------------------------------------------------ */

.custom-scrollbar .mCustomScrollBox
{
    position: static;
}

.custom-scrollbar .mCSB_scrollTools .mCSB_draggerContainer
{
    border-left: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    background-color: #fafafa;
}

.custom-scrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    background-color: #c1c1c1;
}

.custom-scrollbar .mCSB_scrollTools .mCSB_draggerRail
{
    background: none;
}

/* ------------------------------------------------------------ *\
        Documents
\* ------------------------------------------------------------ */

.documents
{
    position: relative;
    padding: 10px 25px 10px 8px;
    list-style: none outside none;
}

.document
{
    position: relative;
    display: block;
    padding: 13px 15px;
    border: 1px solid #000000;
    margin-bottom: 13px;
}

.document:last-child
{
    margin-bottom: 0;
}

.document h6
{
    margin-bottom: 18px;
    color: #2ca645;
    text-transform: uppercase;
    max-width: 80%;
}

.document ul
{
    max-width: 400px;
    list-style: none outside none;
}

.document li
{
    overflow: hidden;
}

.document li > span
{
    float: left;
    font-size: 16px;
    color: #696969;
}

.document li > span + span
{
    float: right;
}

.document .btn
{
    position: absolute;
    top: 11px;
    right: 14px;
}

/* ------------------------------------------------------------ *\
        Form Elements
\* ------------------------------------------------------------ */

input::-webkit-input-placeholder
{
    color: inherit;
    opacity: 1;
}

input::-moz-placeholder
{
    color: inherit;
    opacity: 1;
}

input:-ms-input-placeholder
{
    color: inherit;
    opacity: 1;
}

input::placeholder
{
    color: inherit;
    opacity: 1;
}

textarea::-webkit-input-placeholder
{
    color: inherit;
    opacity: 1;
}

textarea::-moz-placeholder
{
    color: inherit;
    opacity: 1;
}

textarea:-ms-input-placeholder
{
    color: inherit;
    opacity: 1;
}

textarea::placeholder
{
    color: inherit;
    opacity: 1;
}

input:-webkit-autofill
{
    -webkit-text-fill-color: inherit;
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset;
}

/* Field */

.field
{
    display: block;
    width: 100%;
    height: 31px;
    padding: 0 15px;
    border: 1px solid #959595;
    border-radius: 4px;
    background-color: #ffffff;
    font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif;
    font-size: 18px;
}

.field::-webkit-input-placeholder
{
    opacity: .2;
}

.field::-moz-placeholder
{
    opacity: .2;
}

.field:-ms-input-placeholder
{
    opacity: .2;
}

.field::placeholder
{
    opacity: .2;
}

/* Checkbox */

.checkbox
{
    position: relative;
    margin-bottom: 15px;
}

.checkbox input
{
    position: absolute;
    top: 0;
    left: 0;
    visibility: hidden;
    opacity: 0;
}

.checkbox .form-label
{
    position: relative;
    padding-left: 30px;
    font-size: 14px;
}

.checkbox .form-label:before
{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    width: 22px;
    height: 22px;
    border: 2px solid #959595;
    border-radius: 4px;
    background-color: #ffffff;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.checkbox .form-label:after
{
    content: '';
    visibility: hidden;
    position: absolute;
    top: 50%;
    left: 5px;
    width: 12px;
    height: 12px;
    background-color: #bf2520;
    opacity: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    transition: visibility .4s, opacity .4s;
}

.checkbox input:checked + .form-label:after
{
    visibility: visible;
    opacity: 1;
}

/* ------------------------------------------------------------ *\
        Form
\* ------------------------------------------------------------ */

.form
{
}

/* ------------------------------------------------------------ *\
        Form Login
\* ------------------------------------------------------------ */

.form-login
{
    padding: 72px 0;
}

.form-login .form-group
{
    width: 498px;
    padding: 50px 50px 6px;
    border: 1px solid #2ba642;
    border-radius: 6px;
    margin: 0 auto 56px;
    background-color: #ececec;
}

.form-login .form-group-alt
{
    padding: 28px 52px 47px;
    border-color: #dd0b1a;
}

.form-login .form-head
{
    margin-bottom: 37px;
}

.form-login .form-title
{
    text-transform: uppercase;
    letter-spacing: 0.05em;
    text-align: center;
}

.form-login .form-row
{
    margin-bottom: 44px;
}

.form-login .form-actions
{
    text-align: center;
}

.form-login figure
{
    width: 68px;
    height: 68px;
    margin: 0 auto 44px;
}

.form-login figure img
{
    width: 100%;
    height: auto;
}

.form-login h2
{
    margin-bottom: 64px;
    font-family: 'Work Sans', 'Arial', 'Helvetica', sans-serif;
    line-height: 1.1;
    font-weight: 300;
    color: #696969;
    text-align: center;
    text-transform: uppercase;
}

.form-login .login-info
{
    margin-top: -1em;
}

.form-login .login-info.success
{
    color: #2ba642;
}

.form-login .login-info.error
{
    color: #ff0000;
}

/* ------------------------------------------------------------ *\
        Form Filter
\* ------------------------------------------------------------ */

.form-filter .form-title
{
    margin-bottom: 21px;
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

.form-filter .form-row
{
    margin-bottom: 22px;
}

.form-filter .form-row > .form-label
{
    display: block;
    padding: 0 15px;
    margin-bottom: 13px;
    font-size: 16px;
    font-weight: 700;
}

.form-filter .selecter
{
    max-width: 212px;
}

/* Tablet Portrait */

@media (max-width: 1023px)
{
    .form-filter
    {
        text-align: center;
    }

    .form-filter .selecter
    {
        margin: 0 auto;
    }
}

/* ------------------------------------------------------------ *\
        Form Product
\* ------------------------------------------------------------ */

.form-product
{
    max-width: 390px;
    margin: 0 auto;
}

.form-product .form-row
{
    margin-bottom: 12px;
}

.form-product .form-label
{
    display: inline-block;
    padding: 0 4px 4px;
    font-size: 16px;
    font-weight: 700;
    color: #000000;
}

.form-product .form-actions
{
    padding: 32px 18px 0 0;
}

.form-product .form-actions:after
{
    content: '';
    display: table;
    clear: both;
    font-size: 0;
}

.form-product .form-actions .btn
{
    float: left;
}

.form-product .form-actions .btn + .btn
{
    float: right;
}

/* Tablet Portrait */

@media (max-width: 1023px)
{
    .form-product
    {
        max-width: none;
    }
}

/* ------------------------------------------------------------ *\
        List
\* ------------------------------------------------------------ */

[class^="list-"]
{
    list-style: none outside none;
}

/* ------------------------------------------------------------ *\
        Logo
\* ------------------------------------------------------------ */

.logo
{
    display: inline-block;
    font-size: 0;
}

.logo figure
{
    display: inline-block;
    vertical-align: middle;
}

/* ------------------------------------------------------------ *\
        Nav
\* ------------------------------------------------------------ */

.nav
{
    text-align: center;
    margin-top: 10px;
}

.nav > .search
{
    min-width: 300px;
}

.nav > .search > .search-field
{
    min-width: 250px;
}

.nav > a, .nav > .search
{
    border: 1px solid #2ba642;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    background-image: linear-gradient(#ffffff, rgb(247, 236, 236))
}

.nav > a
{
    color: #2ba642;
    padding: 5px;
    cursor: pointer;
    height: 33px;
    text-decoration: none;
    line-height: 23px;
}

.nav > a.active
{
    background: #ff0000;
    color: #ffffff;
}

.nav > a:not(.active):hover
{
    background-color: #00a44b;
    background-image: none;
    color: #ffffff;
}

/* ------------------------------------------------------------ *\
        News Holder
\* ------------------------------------------------------------ */

.news-holder
{
    position: relative;
    margin-bottom: 50px;
}

.news-holder:before
{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #a1a1a1;
    box-shadow: 0 2px 2px 0 rgba(29, 27, 24, .2);
}

.news-holder:after
{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #a1a1a1;
    box-shadow: 0 2px 2px 0 rgba(29, 27, 24, .2);
}

.news-holder .custom-scrollbar
{
    overflow: hidden;
    height: 442px;
}

.news-holder .shadow
{
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    z-index: 2;
    height: 118px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    transition: opacity .2s, visibility .2s;
}

.news-holder.hide-shadow .shadow
{
    visibility: hidden;
    opacity: 0;
}

/* Tablet Portrait */

@media (max-width: 1023px)
{
    .news-holder .shadow
    {
        display: none;
    }
}

/* ------------------------------------------------------------ *\
        News Items
\* ------------------------------------------------------------ */

.news-items
{
    margin-right: -3%;
    list-style: none outside none;
    font-size: 0;
}

.news-item
{
    position: relative;
    display: inline-block;
    width: 47%;
    padding: 15px 18px 19px;
    border: 1px solid #959595;
    border-radius: 4px;
    margin: 0 3% 45px 0;
    vertical-align: top;
}

.news-item:last-child, .news-item:nth-last-child(2)
{
    margin-bottom: 0;
}

.news-item .btn
{
    position: absolute;
    bottom: -11px;
    right: 24px;
}

.news-item .red
{
    color: #dd0b1a;
}

.news-item .orange
{
    color: #ff6633;
}

.news-item h6
{
    margin-bottom: 0;
    color: #2ca645;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
}

.news-item p
{
    overflow: hidden;
    height: 60px;
    margin-bottom: 0;
    font-size: 16px;
    color: #696969;
}

/* ------------------------------------------------------------ *\
        News Items Small
\* ------------------------------------------------------------ */

.news-items-small
{
    margin-right: 0;
}

.news-items-small .news-item
{
    display: block;
    width: 100%;
    padding: 15px 11px 19px;
    margin: 0 0 19px 0;
}

/* ------------------------------------------------------------ *\
        Popup
\* ------------------------------------------------------------ */

.popup
{
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    opacity: 0;
    transition: opacity .4s, visibility .4s;
}

.popup.open
{
    visibility: visible;
    opacity: 1;
}

.popup-bg
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .5;
}

.popup-inner
{
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

@media (max-height: 850px)
{
    .popup
    {
        z-index: 9999;
    }
}

/* ------------------------------------------------------------ *\
        Popup Simple
\* ------------------------------------------------------------ */

.popup-simple .popup-inner
{
    max-width: 1116px;
    width: 100%;
    padding: 14px 0 0 58px;
    border: 1px solid #959595;
    border-radius: 4px;
    margin: 0 auto;
    background-color: #ffffff;
}

/* ------------------------------------------------------------ *\
        Popup Document
\* ------------------------------------------------------------ */

.popup-document .popup-inner
{
    max-width: 1116px;
    width: 100%;
    border: 1px solid #959595;
    border-radius: 4px;
    margin: 0 auto;
    background-color: #f5f5f5;
}

/* ------------------------------------------------------------ *\
        Post Items
\* ------------------------------------------------------------ */

.post-items
{
    padding: 0 25px 3px 18px;
    list-style: none outside none;
}

.post-item
{
    position: relative;
    padding: 35px 20px 20px 33px;
    border: 1px solid #959595;
    border-radius: 6px;
    margin-bottom: 15px;
    background-color: #ffffff;
}

.post-item:last-child
{
    margin-bottom: 0;
}

.post-item:after
{
    content: '';
    display: table;
    clear: both;
    font-size: 0;
}

.post-item-alt
{
    padding: 11px 33px 36px;
}

.post-item-actions
{
    position: absolute;
    top: 7px;
    right: 24px;
    font-size: 0;
}

.post-item-actions .btn + .btn
{
    margin-left: 15px;
}

.post-item-alt .post-item-content
{
    float: left;
}

.post-item-alt .post-item-actions
{
    position: static;
    float: right;
    padding: 10px 0 13px;
}

.post-item-alt .post-item-actions .btn
{
    margin-bottom: 18px;
}

.post-item .link
{
    display: inline-block;
    margin-left: 16px;
    font-size: 16px;
    line-height: 1.81;
    color: #696969;
}

.post-item-alt .post-item-actions-bottom
{
    position: absolute;
    bottom: -15px;
    right: 24px;
}

.post-item-alt .post-item-actions-bottom .btn
{
    min-width: 210px;
}

.post-item h6
{
    padding-right: 400px;
    margin-bottom: 0;
    font-size: 16px;
    line-height: 1.3;
    color: #dd0c1a;
    font-weight: 700;
}

.post-item-alt h6
{
    margin-bottom: 15px;
    line-height: 1.69;
}

.post-item p
{
    font-size: 16px;
    line-height: 1.2;
    color: #696969;
    letter-spacing: -.02em;
}

/* Tablet Portrait */

@media (max-width: 1023px)
{
    .post-item
    {
        padding-top: 15px;
    }

    .post-item-actions
    {
        position: static;
        margin-bottom: 15px;
        text-align: center;
    }

    .post-item h6
    {
        padding-right: 0;
    }
}

/* ------------------------------------------------------------ *\
        Products
\* ------------------------------------------------------------ */

.products
{
    padding: 10px 10px 10px 10px;
    list-style: none outside none;
}

.product
{
    margin-bottom: 10px;
    border: 1px solid #000000;
    height: 168px;
}

.product:last-child
{
    margin-bottom: 0;
}

.product > a
{
    display: table;
    width: 100%;
    vertical-align: top;
    font-size: 16px;
    text-decoration: none;
    transition: background .4s;
}

.product > a:hover
{
    background-color: #2ca645;
    color: #ffffff;
}

.product-description
{
    display: table-cell;
    width: 50%;
    padding: 13px 15px 7px;
    vertical-align: middle;
}

.product-description h6
{
    margin-bottom: 7px;
    color: #2ca645;
    font-weight: 700;
    text-transform: uppercase;
    transition: color .4s;
}

.product > a:hover .product-description h6
{
    color: #ffffff;
}

.product-description ul
{
    list-style: none outside none;
}

.product-description li
{
    overflow: hidden;
    margin-bottom: 7px;
    font-weight: 700;
}

.product-description li span
{
    float: left;
    transition: color .4s;
}

.product-description li span + span
{
    float: right;
}

.product-image
{
    display: table-cell;
    text-align: right;
    vertical-align: middle;
    width: 20%;
    padding: 2%;
}

.product-image figure
{
    display: inline-block;
    min-width: 165px;
    padding: 0 20px;
    text-align: center;
}

.product-image figure
{
    width: 200px;
    height: 130px;
    border: 1px solid #959595;
    transition: border .4s;
}

.product-image figure img
{
    max-width: 100%;
    height: 100%;
}

.product > a:hover .product-image img
{
    border-color: #ffffff;
}

/* ------------------------------------------------------------ *\
        Product Single
\* ------------------------------------------------------------ */

.product-single
{
    padding: 22px 19px 0;
    margin-bottom: 31px;
}

.product-single:after
{
    content: '';
    display: table;
    clear: both;
    font-size: 0;
}

.product-single-description
{
    float: left;
    width: 478px;
    margin-right: 40px;
}

.product-single-images
{
    float: right;
    max-width: 502px;
}

.product-single h3
{
    padding: 0 6px;
    margin-bottom: 10px;
    color: #35a541;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .06em;
}

@media (max-width: 1380px)
{
    .product-single-description
    {
        width: 50%;
        margin-right: 3%;
    }

    .product-single-images
    {
        max-width: 47%;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px)
{
    .product-single-description, .product-single-images
    {
        float: none;
        max-width: none;
        width: auto;
        margin: 0 0 20px;
    }
}

/* ------------------------------------------------------------ *\
        Product Item
\* ------------------------------------------------------------ */

.product-item
{
    overflow: hidden;
}

.product-item-details
{
    float: left;
    width: 456px;
    padding: 0 35px;
}

.product-item-image
{
    overflow: hidden;
}

.product-item h3
{
    margin-bottom: 50px;
    color: #35a541;
    text-transform: uppercase;
    letter-spacing: .06em;
    font-weight: 700;
}

.product-item ul
{
    max-width: 240px;
    list-style: none outside none;
}

.product-item li
{
    overflow: hidden;
    margin-bottom: 18px;
    font-size: 16px;
    color: #696969;
}

.product-item li span
{
    float: left;
}

.product-item li span + span
{
    float: right;
}

.dot-text
{
    position:relative;
    display:inline-block;
    bottom: -4px;
    margin-right:-3px;
    font-size:2.9rem;
    line-height:1rem
}

/* ------------------------------------------------------------ *\
        Provider Holder
\* ------------------------------------------------------------ */

.provider-holder
{
    overflow: hidden;
    border: 1px solid #959595;
    border-radius: 6px;
    margin: 30px 18px 24px;
    background-color: #ffffff;
}

.provider-holder .custom-scrollbar
{
    overflow: hidden;
    position: relative;
    height: 171px;
}

/* ------------------------------------------------------------ *\
        Provider
\* ------------------------------------------------------------ */

.provider
{
    display: table;
    width: 100%;
}

.provider-image
{
    display: table-cell;
    width: 50%;
    height: 170px;
    padding-left: 50px;
    vertical-align: middle;
}

.provider-description
{
    display: table-cell;
    width: 50%;
    height: 170px;
    padding-right: 50px;
    vertical-align: middle;
    text-align: right;
}

.provider-description address
{
    display: inline-block;
    font-size: 16px;
    line-height: 1.69;
    font-weight: 700;
    text-align: left;
}

/* ------------------------------------------------------------ *\
        Search
\* ------------------------------------------------------------ */

.search
{
    overflow: hidden;
    width: 20%;
    padding: 2px;
    font-size: 0;
}

.search-btn
{
    display: inline-block;
    border: none;
    background: none;
    border-radius: 0;
    vertical-align: middle;
    transition: opacity .3s;
}

.search-btn:hover
{
    opacity: .7;
}

.search-field
{
    display: inline-block;
    width: 82%;
    padding: 2px 5px;
    border: 1px solid #959595;
    border-radius: 4px;
    margin-right: 2%;
    font-size: 14px;
    vertical-align: middle;
}

/* ------------------------------------------------------------ *\
        Section
\* ------------------------------------------------------------ */

.section
{
}

/* ------------------------------------------------------------ *\
        Section News
\* ------------------------------------------------------------ */

.section-news
{
    padding-top: 34px;
}

.section-news .section-head
{
    position: relative;
    padding: 0 180px 2px;
    text-align: center;
}

.section-news .section-title
{
    font-weight: 300;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.section-news .section-message-counter
{
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.section-news .section-message-counter:hover
{
    opacity: .7;
}

.section-news .section-message-counter span
{
    display: inline-block;
    margin-right: 18px;
    font-size: 18px;
    color: #000000;
    vertical-align: middle;
}

.section-news .section-message-counter .counter
{
    position: absolute;
    top: -14px;
    right: -14px;
    min-width: 20px;
    height: 20px;
    background-color: #dd0b1a;
    border-radius: 10px;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
}

/* ------------------------------------------------------------ *\
        Section Products
\* ------------------------------------------------------------ */

.section-products
{
    padding: 30px 0;
}

.section-products-alt
{
    padding: 43px 0 20px;
}

.section-products .shell
{
    max-width: 1550px;
}

.section-products .section-head
{
    overflow: hidden;
    padding-left: 30px;
    margin-bottom: 19px;
}

.section-products .section-title
{
    float: left;
    margin: 6px 160px 0 4px;
    letter-spacing: .06em;
    font-weight: 300;
    text-transform: uppercase;
}

.section-products .section-body
{
    margin-top: 1%;
    font-size: 0;
}

.section-products .section-aside
{
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 335px;
    margin-right: 11px;
    vertical-align: top;
}

.section-aside > h3, .widget-posts h3
{
    height: 49px;
    padding: 0 35px;
    border-radius: 4px;
    background-color: #2ba642;
    font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif;
    font-size: 20px;
    line-height: 47px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 400;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: background .4s;
}

.section-aside > div
{
    border: 1px solid #959595;
    border-radius: 6px;
}

.section-products-alt .section-aside
{
    margin-right: 17px;
}

.section-products .section-aside-right
{
    overflow: hidden;
    width: 300px;
    border: none;
    margin: 0;
}

.section-products .section-aside > .custom-scrollbar
{
    overflow: hidden;
    height: 770px;
}

.section-products .section-content
{
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 870px;
    padding-bottom: 10px;
    margin-right: 11px;
    vertical-align: top;
}

.section-content > h3
{
    height: 49px;
    padding: 0 35px;
    margin-bottom: 0.65em;
    border-radius: 4px;
    background-color: #ecebe7;
    font-family: 'Roboto', 'Arial', 'Helvetica', sans-serif;
    font-size: 20px;
    line-height: 47px;
    color: #2ba642;
    text-transform: uppercase;
    font-weight: 400;
    vertical-align: middle;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: background .4s;
}

.section-content > ul
{
    border: 1px solid #959595;
    border-radius: 6px;
}

.section-products-alt .section-content
{
    max-height: none;
}

.section-products .section-content-large
{
    width: 1060px;
    border: none;
    border-radius: 0;
}

.section-products .section-content > .custom-scrollbar
{
    overflow: hidden;
    height: 710px;
}

.section-products .section-content > .shadow
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    height: 118px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    transition: opacity .2s, visibility .2s;
}

.section-products .section-content.hide-shadow > .shadow
{
    visibility: hidden;
    opacity: 0;
}

@media (max-width: 1447px)
{
    .section-products .section-head, .section-products .section-body
    {
        padding-left: 0;
    }

    .section-products .section-content
    {
        width: calc(100% - 555px);
        margin-right: 11px;
    }

    .section-products-alt .section-content
    {
        width: calc(100% - 250px);
        margin-right: 0;
    }
}

/* Small Desktop */

@media (max-width: 1200px)
{
    .section-products .section-title
    {
        margin: 0 20px 0 0;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px)
{
    .section-products .section-aside
    {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .section-products .section-aside:last-child
    {
        margin-bottom: 0;
    }

    .section-products .section-aside > .custom-scrollbar
    {
        height: 200px;
    }

    .section-products .section-content
    {
        width: 100%;
        margin: 0 0 20px;
    }

    .section-products .section-content > .custom-scrollbar
    {
        height: 300px;
    }

    .section-products .section-head
    {
        text-align: center;
    }

    .section-products .section-title
    {
        float: none;
        display: block;
        margin-bottom: 10px;
    }
}

/* ------------------------------------------------------------ *\
        Section Products Detail
\* ------------------------------------------------------------ */

.section-product-detail
{
    padding: 30px 0;
}

.section-product-detail-alt
{
    padding: 43px 0 20px;
}

.section-product-detail .shell
{
    max-width: 1448px;
}

.section-product-detail .section-head
{
    overflow: hidden;
    padding-left: 70px;
    margin-bottom: 19px;
}

.section-product-detail .section-title
{
    float: left;
    margin: 6px 153px 0 4px;
    letter-spacing: .06em;
    font-weight: 300;
    text-transform: uppercase;
}

.section-product-detail .section-body
{
    padding-left: 70px;
    font-size: 0;
}

.section-product-detail .section-aside
{
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 233px;
    border: 1px solid #959595;
    border-radius: 6px;
    margin-right: 11px;
    vertical-align: top;
}

.section-product-detail-alt .section-aside
{
    margin-right: 17px;
}

.section-product-detail .section-aside-right
{
    overflow: hidden;
    width: 20%;
    border: none;
    margin: 0;
}

.section-product-detail .section-aside > .custom-scrollbar
{
    overflow: hidden;
    height: 690px;
}

.section-product-detail .section-content
{
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 73%;
    max-height: 750px;
    border-radius: 6px;
    margin-right: 2%;
    vertical-align: top;
}

.section-product-detail .section-content .section-content-detail
{
    background-color: #ececec;
}

.section-product-detail-alt .section-content
{
    max-height: none;
}

.section-product-detail .section-content-large
{
    width: 1060px;
    border: none;
    border-radius: 0;
}

.section-product-detail .section-content > .custom-scrollbar
{
    overflow: hidden;
    height: 866px;
}

.section-product-detail .section-content > .shadow
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    height: 118px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    transition: opacity .2s, visibility .2s;
}

.section-product-detail .section-content.hide-shadow > .shadow
{
    visibility: hidden;
    opacity: 0;
}

@media (max-width: 1447px)
{
    .section-product-detail .section-head, .section-product-detail .section-body
    {
        padding-left: 0;
    }

    .section-product-detail .section-content
    {
        /*width: calc(100% - 555px);*/
        margin-right: 11px;
    }

    .section-product-detail-alt .section-content
    {
        width: calc(100% - 250px);
        margin-right: 0;
    }
}

/* Small Desktop */

@media (max-width: 1200px)
{
    .section-product-detail .section-title
    {
        margin: 0 20px 0 0;
    }
}

/* Tablet Portrait */

@media (max-width: 1023px)
{
    .section-product-detail .section-aside
    {
        float: none;
        width: 100%;
        margin-bottom: 20px;
    }

    .section-product-detail .section-aside:last-child
    {
        margin-bottom: 0;
    }

    .section-product-detail .section-aside > .custom-scrollbar
    {
        height: 200px;
    }

    .section-product-detail .section-content
    {
        width: 100%;
        margin: 0 0 20px;
    }

    .section-product-detail .section-content > .custom-scrollbar
    {
        /*        height: 300px; */
    }

    .section-product-detail .section-head
    {
        text-align: center;
    }

    .section-product-detail .section-title
    {
        float: none;
        display: block;
        margin-bottom: 10px;
    }
}

/* ------------------------------------------------------------ *\
        Section Products Detail (tabs)
\* ------------------------------------------------------------ */

.section-content-detail
{
    padding: 10px 0;
}

.section-content-detail-alt
{
    padding: 43px 0 20px;
}

.section-content-detail .shell
{
    max-width: 1448px;
}

.section-content-detail .section-head
{
    overflow: hidden;
    padding-left: 70px;
    margin-bottom: 19px;
}

.section-content-detail .section-title
{
    float: left;
    margin: 6px 153px 0 4px;
    letter-spacing: .06em;
    font-weight: 300;
    text-transform: uppercase;
}

.section-content-detail .section-body
{
    font-size: 0;
    padding: 0 !important;
    /*padding-left:20px !important;*/
    margin: 0 20px 0 10px;
}

.section-content-detail .section-aside
{
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 233px;
    margin-right: 11px;
    vertical-align: top;
}

.section-aside > div
{
    border: 1px solid #959595;
    border-radius: 6px;
}

.section-content-detail-alt .section-aside
{
    margin-right: 17px;
}

.section-content-detail .section-aside-right
{
    overflow: hidden;
    width: 300px;
    border: none;
    margin: 0;
}

.section-content-detail .section-aside > .custom-scrollbar
{
    overflow: hidden;
    height: 690px;
}

.section-content-detail .section-content
{
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 100%;
    max-height: 713px;
    border-radius: 6px;
    vertical-align: top;
}

.section-content-detail .content-box
{
    padding-bottom: 40px;
    /*    margin-right: -100px;*/
    font-size: 0;
}

.section-content-detail .right-box
{
    display: inline-block;
    width: 50%;
    border-radius: 6px;
    background-color: #ececec;
    vertical-align: top;
}

.section-content-detail .left-box
{
    border-color: #dd0b1a;
}

.section-content-detail .right-box h2
{
    font-size: 24px;
    margin-bottom: 0;
    color: #2ca645;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
}

.section-content-detail .right-box h4
{
    font-size: 16px;
    color: #000000;
    line-height: 1.3;
    font-weight: 700;
    margin: 10px;
}

.input-box
{
    padding: 5px;
    border: 1px #aaaaaa solid;
    border-radius: 5px;
    background-color: #ffffff;
    margin-left: 10px;
}

.filters .input-box
{
    margin-left: 0px;
}

.filters .form-box > label
{
    text-align: left;
    width: 100%;
    display: block;
}

.filters .form-box > div
{
    width: 100%;
    display: block;
}

.section-content-detail .right-box p
{
    font-size: 16px;
    margin-left: 10px;
    font-weight: 200;
}

.section-content-detail .product-attribute
{
    font-size: 16px;
    margin-left: 10px;
    font-weight: 200;
    text-transform: uppercase;
}

.content-box > .right-box .btn, .btn-download
{
    height: 35px;
    width: 100px;
    margin-left: 10px;
    border-radius: 5px;
    padding: 0 !important;
    font-size: 12px;
    line-height: 30px;
}

.section-content-detail .ico
{
    margin-top: -59px;
    margin-left: 90px;
}

.section-content-detail .right-box h3
{
    font-size: 14px;
    color: #000000;
    line-height: 1.3;
    margin: 10px;
}

.section-content-detail-information .right-box
{
    display: inline-block;
    width: 100%;
    border-radius: 6px;
    margin-right: 100px;
    background-color: #ececec;
    vertical-align: top;
    padding-left: 50px;
    padding-right: 50px;
}

.section-content-detail-information .right-box h3
{
    font-size: 14px !important;
    color: #000000;
    line-height: 1.3 !important;
    margin: 0;
    margin-top: 10px;
}

.section-content-detail-description .right-box h3
{
    font-size: 14px;
    color: #000000;
    line-height: 1.3;
    margin: 0;
    margin-top: 10px;
    text-align: justify;
    text-justify: inter-word;
}

.section-product-detail .section-content-detail-description .custom-scrollbar
{
    overflow: hidden;
    height: 1650px;
}

.section-content-detail-description .right-box
{
    display: inline-block;
    border-radius: 6px;
    background-color: #ececec;
    vertical-align: top;
    padding: 50px;
}

.section-content-detail-description .left-box
{
    border-color: #dd0b1a;
    padding-left: 0 !important;
}

.section-content-detail-description .product-long-description
{
    line-height: 1.3;
    font-size: 14px !important;
}

.section-content-detail-documentation .right-box
{
    display: inline-block;
    width: 100%;
    border-radius: 6px;
    margin-right: 100px;
    background-color: #ececec;
    vertical-align: top;
}

.section-content-detail-linked-products .right-box h3
{
    font-size: 14px;
    color: #000000;
    line-height: 1.3;
    margin: 0;
    margin-top: 10px;
    text-align: justify;
    text-justify: inter-word;
}

.section-content-detail-linked-products .right-box
{
    display: inline-block;
    width: 700px;
    border-radius: 6px;
    margin-right: 100px;
    background-color: #ececec;
    vertical-align: top;
    padding: 50px;
}

.section-content-detail-linked-products .left-box
{
    border-color: #dd0b1a;
    width: 200px;
    padding-top: 100px !important;
    padding-left: 0 !important;
}

.section-content-detail-linked-products .product-long-description
{
    line-height: 1.3;
    font-size: 14px !important;
}

/**/

.section-content-detail-supplier .content-box
{
    padding-bottom: 40px;
    margin-right: 0 !important;
    font-size: 0;
    display: inline-block;
    vertical-align: top;
    border: 1px solid black;
    background-color: #ffffff;
    margin-left: 10px;
    width: 100%;
}

.section-content-detail-supplier .right-box
{
    display: inline-block;
    margin-right: 0 !important;
    width: 200px;
    border-radius: 6px;
    margin-right: 100px;
    vertical-align: top;
    padding: 50px;
    background: none;
}

.section-content-detail-supplier .left-box
{
    border-color: #dd0b1a;
    width: 800px;
    background: none;
}

md-select.mdtoselect
{
    margin: 0;
}

md-select.mdtoselect > md-select-value
{
    border: 0 !important;
    padding: 0 2px;
}

md-select.mdtoselect > md-select-value > .md-select-icon
{
    position: absolute;
    right: -9px;
    top: -3px;
    bottom: -7px;
    background: #e1e1e1;
    border-radius: 0 5px 5px 0;
    border: 1px solid #adadad;
    text-align: center;
}

/* ------------------------------------------------------------ *\
        Section Preview
\* ------------------------------------------------------------ */

.section-preview
{
    padding: 22px 0 32px;
}

.section-preview .section-head
{
    position: relative;
    padding: 0 95px;
    margin-bottom: 10px;
    text-align: center;
}

.section-preview .section-head ul
{
    list-style: none outside none;
    font-size: 0;
}

.section-preview .section-head ul li
{
    display: inline-block;
    vertical-align: top;
}

.section-preview .section-head ul li + li
{
    margin-left: 12px;
}

.section-preview .section-head > .btn
{
    position: absolute;
    top: 50%;
    right: 17px;
    padding: 0 8px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.section-preview .custom-scrollbar
{
    height: 646px;
    padding: 20px 52px 20px 44px;
}

.section-preview .custom-scrollbar .mCustomScrollBox
{
    position: relative;
}

.section-preview .mCSB_inside > .mCSB_container
{
    height: 100%;
}

.section-preview embed
{
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section-preview .section-actions
{
    padding-top: 61px;
    font-size: 0;
    text-align: center;
}

.section-preview .section-actions .btn + .btn
{
    margin-left: 92px;
}

@media (max-height: 850px)
{
    .section-preview .custom-scrollbar
    {
        height: 300px;
    }
}

/* ------------------------------------------------------------ *\
        Selecter
\* ------------------------------------------------------------ */

.selecter
{
    max-width: none;
    margin: 0;
}

.selecter-selected, .selecter.open .selecter-selected, .selecter.focus .selecter-selected
{
    height: 31px;
    padding: 0 40px 0 14px;
    border-radius: 4px;
    border-color: #959595;
    line-height: 29px;
    background: #ffffff url(../img/selecter.png) right 0 no-repeat;
    background-size: 32px 29px;
    font-size: 14px;
}

.selecter-selected:after
{
    display: none;
}

.selecter-options
{
    max-width: calc(100% - 32px);
    padding: 11px 0 5px;
    border-color: #959595;
    border-radius: 4px;
    border-color: #959595;
}

.selecter-item
{
    padding: 0 15px;
    border: none;
    margin-bottom: 4px;
    font-size: 16px;
    line-height: 23px;
}

.selecter-item:hover, .selecter-item.selected
{
    background-color: #dd0c1b;
    color: #ffffff;
}

/* ------------------------------------------------------------ *\
        Slider Images
\* ------------------------------------------------------------ */

.slider-images
{
    overflow: hidden;
    border: 1px solid #999999;
    margin-bottom: 13px;
}

.slider-images img
{
    width: 100%;
    height: auto;
}

/* ------------------------------------------------------------ *\
        Slider Thumbs
\* ------------------------------------------------------------ */

.slider-thumbs
{
    margin-right: -14px;
    font-size: 0;
}

.slider-thumbs figure
{
    overflow: hidden;
    display: inline-block;
    width: 158px;
    height: 108px;
    border: 1px solid #9a9a9a;
    margin-right: 14px;
    background-color: #ffffff;
    line-height: 106px;
    vertical-align: top;
}

.slider-thumbs figure.active
{
    display: none;
}

.slider-thumbs figure img
{
    width: 100%;
    height: auto;
}

@media (max-width: 1380px)
{
    .slider-thumbs
    {
        margin-right: -3.33%;
    }

    .slider-thumbs figure
    {
        width: 30%;
        margin-right: 3.33%;
    }
}

/* ------------------------------------------------------------ *\
        Tabs
\* ------------------------------------------------------------ */

.tabs-nav ul
{
    overflow: hidden;
    list-style: none outside none;
}

.tabs-nav li
{
    float: left;
    font-size: 14px;
    color: #ffffff;
}

.tabs-nav li + li
{
    margin-left: 3px;
}

.tabs-nav a
{
    display: block;
    height: 40px;
    padding: 0 15px;
    border-radius: 4px 4px 0 0;
    background-color: #999999;
    line-height: 40px;
    text-decoration: none;
    text-transform: uppercase;
    transition: background .4s, color .4s;
}

.tabs-nav .current a, .tabs-nav li:hover a
{
    background-color: #ebebeb;
    color: #000000;
}

.tabs-body
{
    overflow: hidden;
    position: relative;
    background-color: #ebebeb;
}

.tab
{
    visibility: hidden;
    position: absolute;
    padding-bottom: 19px;
    opacity: 0;
    transition: opacity .4s, visibility .4s;
}

.tab-alt
{
    padding-bottom: 1px;
}

.tab.current
{
    visibility: visible;
    position: relative;
    opacity: 1;
}

.tab > .custom-scrollbar
{
    position: relative;
    height: 648px;
}

.tab > .custom-scrollbar .mCSB_scrollTools .mCSB_draggerContainer
{
    border-color: #d6d6d6;
    background: none;
}

.tab > .custom-scrollbar-large
{
    position: relative;
    height: 808px;
}

.tab > .custom-scrollbar .mCustomScrollBox
{
    position: relative;
}

.tab > .shadow
{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    height: 118px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    transition: opacity .2s, visibility .2s;
}

.tab.hide-shadow > .shadow
{
    visibility: hidden;
    opacity: 0;
}

.tab > h3
{
    margin-bottom: 8px;
    color: #000000;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.tab > .custom-scrollbar-large h3
{
    margin: 30px 0 10px;
    text-transform: uppercase;
}

@media (max-width: 1250px)
{
    .tabs-nav a
    {
        padding: 0 10px;
        font-size: 11px;
    }
}

/* ------------------------------------------------------------ *\
        Table Holder
\* ------------------------------------------------------------ */

.table-holder
{
    overflow: hidden;
    position: relative;
    height: 212px;
    margin: 0 19px 0 24px;
    border: 1px solid #959595;
    border-radius: 6px;
    background-color: #ffffff;
}

.table-holder .custom-scrollbar
{
    overflow: hidden;
    height: 210px;
    padding-bottom: 40px;
}

/* ------------------------------------------------------------ *\
        Table
\* ------------------------------------------------------------ */

.table
{
    padding: 10px 15px 10px 15px;
}

.table th
{
    padding-bottom: 8px;
    font-size: 16px;
    line-height: 1.75;
    font-weight: 200;
    text-align: center;
    font-weight: bold;
}

.table tr:nth-child(odd) td
{
    background: #ececec;
}

.table tr:nth-child(even) td
{
    background: #ffffff;
}

.table.table-clickable tbody tr:hover td
{
    background-color: #bde4c9 !important;
    cursor: pointer;
}

/*.table th + th {*/

/*padding: 0 14px;*/

/*}*/

.table td, .table th
{
    border: 1px solid #ffffff;
    padding: 5px 8px;
    font-size: 12px;
}

.table tbody tr:last-child td
{
    border-bottom: none;
}

.table td span
{
    display: block;
    padding: 0 14px;
    line-height: 48px;
    transition: background .4s, color .4s;
}

.table tr:hover td span
{
    background-color: #d6edda;
    color: #2aa642;
}

.table td .image
{
    display: inline-block;
    min-height: 0;
    min-width: 75px;
    padding: 0;
    margin-right: 10px;
    vertical-align: middle;
}

.table-alt
{
    padding: 20px 0 0;
}

.table-alt td span
{
    min-height: 115px;
    padding: 24px 14px 14px;
    line-height: 77px;
}

.table-info-supplier
{
    padding-bottom: 0px !important;
    text-align: left;
}

.table-info-supplier td
{
    font-size: 16px;
}

.table-fournisseur
{
    padding-bottom: 0px !important;
    text-align: left;
}

.table-fournisseur td
{
    font-size: 16px;
    text-align: left;
}

.table-fournisseur th
{
    font-size: 16px;
    text-align: left;
}

.table-fournisseur tbody > tr:hover
{
    background-color: #d9ebdb;
    color: #5db16b;
}

.table-linkedProducts tbody > tr:hover
{
    background-color: #d9ebdb;
    color: #5db16b;
}

.table-linkedProducts td
{
    font-size: 16px;
    text-align: left;
}

.table-linkedProducts th
{
    font-size: 16px;
    text-align: left;
}

/* Small Desktop */

@media (max-width: 1200px)
{
    .table-alt td, .table-alt th
    {
        font-size: 14px;
    }

    .table td .image
    {
        min-width: 0;
        width: 50px;
    }
}

/* ------------------------------------------------------------ *\
        Widget
\* ------------------------------------------------------------ */

.widgets
{
    list-style: none outside none;
}

.filters
{
    padding: 10px;
    border: 1px solid #959595;
    border-radius: 4px;
    list-style: none outside none;
}

.filters > li
{
    margin-bottom: 20px;
}

/* ------------------------------------------------------------ *\
        Widget Links
\* ------------------------------------------------------------ */

.widget-links ul
{
    list-style: none outside none;
}

.widget-links ul ul
{
    /*display: none;*/
    margin-left: 35px;
}

.widget-links > ul
{
    padding: 11px 15px;
}

.widget-links a
{
    font-size: 16px;
    line-height: 1.75;
    text-decoration: none;
}

.widget-links a:not(.searchMenus)
{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 85%;
    white-space: nowrap;
    margin-right: 5px;
}

.widget-links a.searchMenus
{
    display: inline-block;
    vertical-align: top;
    float: right;
}

.widget-links > ul > .current > a
{
    color: #2ca645;
    font-weight: 700;
}

.widget-links ul ul .current > a
{
    color: #dd0c1b;
    font-weight: 700;
}

.menu-toggle-list.ng-hide
{
    max-height: 0;
}

.menu-toggle-list
{
    overflow: hidden;
    position: relative;
    z-index: 1;
    max-height: none;
    -webkit-transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1);
    -webkit-transition-property: max-height;
    -moz-transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1);
    -moz-transition-property: max-height;
    transition: 0.75s cubic-bezier(0.35, 0, 0.25, 1);
    transition-property: max-height;
}

/* ------------------------------------------------------------ *\
        Widget Filter
\* ------------------------------------------------------------ */

.widget-filter
{
    padding: 0 27px 27px;
}

/* Tablet Portrait */

@media (max-width: 1023px)
{
    .widget-filter
    {
        padding: 0 10px 40px;
    }
}

/* ------------------------------------------------------------ *\
        Widget Posts
\* ------------------------------------------------------------ */

.widget-posts h3
{
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: .06em;
    text-align: center;
}

.widget-posts .news-holder .custom-scrollbar
{
    height: 770px;
}

.widget-posts .news-holder .shadow
{
    bottom: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 60%, rgba(255, 255, 255, 1) 100%);
}

.widget-posts .news-holder:after, .widget-posts .news-holder:before
{
    display: none;
}

/* ------------------------------------------------------------ *\
        IV.  Themes
\* ------------------------------------------------------------ */

/* ------------------------------------------------------------ *\
        Scrollbar
\* ------------------------------------------------------------ */

.mCSB_inside > .mCSB_container
{
    margin-right: 0;
}

.mCSB_scrollTools
{
    z-index: 5;
    width: 14px;
    opacity: 1;
}

.mCSB_scrollTools .mCSB_draggerContainer
{
    top: 1px;
    bottom: 1px;
    padding: 2px 0;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar
{
    width: 8px;
    border-right: 4px;
    opacity: 1;
}

.mCSB_scrollTools .mCSB_draggerRail
{
    width: 8px;
    border-right: 4px;
}

/* ------------------------------------------------------------ *\
        OVERLOAD ANGULAR-MATERIAL
\* ------------------------------------------------------------ */

md-tabs.md-default-theme .md-tab.md-active, md-tabs .md-tab.md-active, md-tabs.md-default-theme .md-tab.md-active md-icon, md-tabs .md-tab.md-active md-icon, md-tabs.md-default-theme .md-tab.md-focused, md-tabs .md-tab.md-focused, md-tabs.md-default-theme .md-tab.md-focused md-icon, md-tabs .md-tab.md-focused md-icon
{
    background-color: #e11926;
    color: #ffffff;
}

md-tabs.md-default-theme .md-tab, md-tabs .md-tab
{
    background-color: #999999;
    color: white;
    border: 1px solid white;
    border-radius: 5px 5px 0 0;
}

md-tabs.md-default-theme md-ink-bar, md-tabs md-ink-bar
{
    background-color: #880000;
}

/*md-tabs.inputTabs md-tab-item{
  margin-left: 2px;
}*/

md-tabs.inputTabs md-tab-item.md-active, md-tabs.inputTabs md-ink-bar
{
    background-color: #ececec;
    color: black;
}

md-tabs[md-border-bottom] md-tabs-wrapper
{
    box-shadow: 0 1px 1px #999999;
}

md-tabs[md-border-bottom].inputTabs md-tabs-wrapper
{
    border: none;
}

/* ------------------------------------------------------------ *\
        OVERLOAD PDF VIEWER
\* ------------------------------------------------------------ */

pdfviewer > canvas
{
    border: 1px solid black;
}

/* ------------------------------------------------------------ *\
        Paging
\* ------------------------------------------------------------ */

.paging
{
    margin-bottom: 10px;
    text-align: center;
    font-size: 20px;
    font-weight: 400;
}

.paging a
{
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
}

.paging ul
{
    width: 100%;
    list-style: none;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}

.paging ul li
{
    display: inline-block;
    width: 6%;
    vertical-align: middle;
    font-size: 0;
    margin: 0 0.5%;
}

.paging ul span
{
    font-size: 20px;
    display: inline-block;
    line-height: 32px;
    padding-top: 4px;
}

.paging ul a
{
    width: 100%;
    height: 34px;
    line-height: 32px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    padding-top: 4px;
}

.paging ul a:hover
{
    width: 100%;
    background: #31a445;
    color: #ffffff;
}

.paging ul .active, .paging ul .active:hover
{
    background: #31a445;
    color: #ffffff;
}

.paging .paging-prev, .paging .paging-next
{
    padding-top: 6px;
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
}

.paging .paging-prev:hover, .paging .paging-next:hover
{
    color: #31a445;
}

/* ------------------------------------------------------------ *\
        ActionProduct
\* ------------------------------------------------------------ */

.actionProduct:before, .actionProduct:after
{
    font-size: 45px !important;
    color: #808080;
    /*padding-left: 35px;*/
    margin-left: 0 !important;
}

.actionProduct:hover:before, .actionProduct:hover:after
{
    color: #e11926;
}

.actionProduct:hover
{
    cursor: pointer;
}

.documents .document .infos
{
    max-width: 100%;
}

.documents .document .infos md-progress-linear.md-default-theme .md-container, md-progress-linear .md-container
{
    background-color: #2ca645;
}

.documents .document .infos md-progress-linear.md-default-theme.md-hue-4 .md-bar, md-progress-linear.md-hue-4 .md-bar
{
    background-color: #ffc8c8;
}

/* ----- TICKETS ------ */

.section-tickets-list
{
    padding: 30px 0;
}

.section-tickets-list .filter.status
{
    margin-left: 20px;
    padding: 0 5px;
}

.section-tickets-list table th
{
    background-color: #cccccc;
    height: 30px;
}

.section-tickets-list table .vert
{
    color: #00ff00;
}

.section-tickets-list table .jaune
{
    color: #ffff00;
}

.section-tickets-list table .rouge
{
    color: #ff0000;
}

.section-tickets-list table .bleu
{
    color: #00ffff;
}

.section-tickets-list table .violet
{
    color: #ff00ff;
}

.section-ticket-detail form
{
    background-color: #ffffff;
    margin: 10px;
    padding: 10px;
    overflow: hidden;
}

.section-ticket-detail .right-block label
{
    background: #cfeddb;
    color: #627067;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 10px;
    border-radius: 5px;
}

/*.section-ticket-detail form div:not(.center-block) div label
{
    padding: 0 20px;
    width: 25%;
    display: inline-block;
}

.section-ticket-detail .center-block {
    width: 100%;
}

.section-ticket-detail form>div:not(.center-block)>div>*:not(label) {
    width: 70%;
    float: right;
}

.section-ticket-detail form input, select
{
    background: #ffffff;
    border: 1px #aaaaaa solid;
    border-radius: 5px;
    height: 30px;
    padding: auto 10px;
}

.section-ticket-detail form > div > div
{
    height: auto;
    margin-bottom: 20px;
    line-height: 30px;
}
*/

.section-ticket-detail h3
{
    color: #00a44b;
    margin: 15px;
    font-weight: 600;
    text-transform: uppercase;
}

.section-ticket-detail input[type="file"]
{
    height: 100% !important;
}

.section-ticket-detail form textarea, .section-ticket-detail form input
{
    background: #ffffff;
    border: 1px #aaaaaa solid;
    border-radius: 5px;
    resize: none;
}

.section-ticket-detail h3 i
{
    margin: 0 10px;
}

.section-ticket-detail .left-block
{
    width: 50%;
    display: inline-block;
    padding-right: 10px;
    white-space: normal;
    font-size: 16px;
    vertical-align: top;
}

.section-ticket-detail .right-block
{
    width: 50%;
    display: inline-block;
    padding-left: 10px;
    white-space: normal;
    font-size: 16px;
    vertical-align: top;
    float: right;
}

.section-ticket-detail form .center-block
{
    font-size: 0;
}

.section-ticket-detail form .center-block div label
{
    width: 15%;
    display: inline-block;
    padding: 0 20px;
    font-size: 16px;
}

.section-ticket-detail form .center-block textarea
{
    width: 85%;
    display: inline-block;
    font-size: 16px;
}

.section-ticket-detail form .uploads > *
{
    display: inline-block;
    vertical-align: top;
}

.docs .selected-file
{
    color: #000000 !important;
    font-size: 14px !important;
}

.docs > div > div
{
    display: inline-block;
    vertical-align: top;
    width: calc(60%);
}

.docs > div > div:first-child
{
    width: 35%;
}

.files
{
    position: relative;
    font-size: 16px;
    height: 200px;
    border: 4px dashed #aaaaaa;
}

.uploaded
{
    padding: 5px 20px;
    font-size: 16px;
    width: calc(85% / 2 - 20px);
    margin-left: 20px;
    border-radius: 5px;
    float: right;
    background: #cccccc;
    border: 2px #aaaaaa solid;
}

.uploaded a
{
    font-size: 16px;
}

.uploaded i.fa-check-square
{
    color: #2ba642;
}

.uploaded i.fa-trash
{
    color: #ff0000;
    cursor: pointer;
}

.files p
{
    width: 100%;
    text-align: center;
    padding-bottom: 10px;
    color: #aaaaaa;
    font-family: Arial;
}

.files input
{
    position: absolute;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    outline: none;
    opacity: 0;
}

.section-ticket-detail .uploads
{
    padding: 10px 0;
}

.files i
{
    display: block;
    margin: 10px auto;
    color: #00aaff;
    text-align: center
}

.files button
{
    margin: 0;
    color: #ffffff;
    background: #16a085;
    border: none;
    width: 100%;
    height: 35px;
    border-radius: 4px;
    border-bottom: 4px solid #117a60;
    transition: all .2s ease;
    outline: none;
}

.files button:hover
{
    background: #149174;
    color: #0c5645;
}

.files button:active
{
    border: 0;
}

.form-edit-ticket form table
{
    font-size: 16px;
}

.form-edit-ticket form table td, .form-edit-ticket form table th
{
    padding: 10px;
    border: 1px #ffffff solid;
}

.form-edit-ticket form table td
{
    background-color: #eeeeee;
}

.form-edit-ticket form table th
{
    background-color: #dddddd;
    text-align: left
}

.form-edit-ticket .row
{
    margin: 20px 0;
    overflow: hidden;
    font-size: 0;
}

.form-edit-ticket form hr
{
    border-top: 1px dashed #8c8b8b;
}

.form-edit-ticket form .bold
{
    font-weight: 600;
}

.form-edit-ticket form .row label
{
    font-size: 16px;
    width: 20%;
    display: inline-block;
    vertical-align: top;
}

.form-edit-ticket form .row textarea
{
    font-size: 16px;
    display: block;
    float: right;
    width: 80%;
}

.form-edit-ticket form .row > input
{
    font-size: 16px;
    width: 80%;
    display: inline-block;
    vertical-align: top;
}

.form-edit-ticket .extras
{
    background-color: #ffffff;
    margin: 10px;
    padding: 10px;
    overflow: hidden;
    font-size: 0;
}

.form-edit-ticket .extras .activities
{
    width: 60%;
    display: inline-block;
    vertical-align: top;
}

.form-edit-ticket .extras h4
{
    background-color: #dddddd;
    width: 100%;
    padding: 10px;
    margin: 0;
}

.form-edit-ticket .extras .docs
{
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
}

.form-edit-ticket .extras .history table
{
    font-size: 16px;
}

.form-edit-ticket .extras .history table th
{
    text-align: left;
    padding: 5px;
    background-color: #dddddd;
    border: 1px #ffffff solid;
}

.form-edit-ticket .extras .history table td
{
    text-align: left;
    padding: 5px;
    background-color: #eeeeee;
    border: 1px #ffffff solid;
}

.form-box, .form-line
{
    margin-bottom: 10px;
}

.form-box > label, .form-line > label
{
    font-size: 14px;
    font-weight: bold;
    display: inline-block;
    width: 20%;
    text-align: right;
    padding-right: 10px;
}

label.required:after
{
    content: "*";
    color: red;
    padding-left: 3px;
}

.form-box > div
{
    display: inline-block;
    width: 79%;
}

.form-line > div
{
    display: inline-block;
}

.form-box > div > .input-box, .form-line > div > .input-box
{
    width: 100%;
    margin-left: 0px;
}

.form-box > div > .input-box:disabled, .form-line > div > .input-box:disabled
{
    background: #ececec;
}

.form-box > label
{
    font-size: 14px;
}

.form-edit-ticket .activities .user
{
    width: 15%;
    background-color: #cfeddb;
    padding: 10px;
}

.form-edit-ticket .activities table td
{
    display: table-cell;
    vertical-align: top;
    min-height: 30px;
    font-size: 12px;
    border: 1px #ffffff solid;
}

.form-edit-ticket .activities table td i
{
    margin: 5px;
}

.form-edit-ticket .activities i.fa-plus-circle:hover
{
    cursor: pointer;
    color: #00a44b;
}

.form-edit-ticket .activities table td div
{
    height: 100%;
}

.form-edit-ticket .activities .message
{
    background-color: #eeeeee;
    padding: 10px;
}

.md-toast-content
{
    position: fixed;
    top: 20px;
    right: 20px;
}

md-dialog
{
    width: 50%;
    max-width: 600px;
    position: fixed !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

md-dialog p
{
    font-size: 14px;
}

.logout-btn
{
}

.user-info
{
    float: right;
    text-align: right;
}

.user-info > p
{
    font-size: 16px;
    margin-bottom: 10px;
}

.user-info > p > i
{
    margin-right: 5px;
    font-size: 20px;
}

.filters .form-box > label
{
    display: block;
}

.filters .form-box > div
{
    width: 100%;
}

.form-box.key > label
{
    background: #cfeddb;
    color: #627067;
    text-transform: uppercase;
    font-weight: 600;
    padding: 0 10px;
    border-radius: 5px;
    width: 30%;
}

.form-box.key > div
{
    width: 65%;
}

.uploads > .files
{
    height: 135px;
}

.uploads > .uploaded
{
    background-color: #ececec;
    height: 135px;
    overflow-y: scroll;
    margin-right: 0;
    margin-left: 0;
}

.uploads > .uploaded span + span
{
    padding-left: 10px;
}

textarea.big
{
    height: 120px;
}

.section-tickets-list .shell
{
    max-width: 1550px;
    width: 100%;
}

.section-ticket-detail .shell
{
    max-width: 1550px;
    width: 100%;
}

div[class*="ticket"] input, div[class*="ticket"] textarea, div[class*="ticket"] select, div[class*="ticket"] md-select
{
    padding: 5px !important;
    background-color: #ffffff;
    border: 1px #aaaaaa solid !important;
    border-radius: 5px !important;
    box-sizing: border-box !important;
    -moz-box-sizing: border-box !important;
    -webkit-box-sizing: border-box !important;
}

/*div[class*="ticket"] input, div[class*="ticket"] select {
    height: 30px !important;
}*/

.delete-ticket-button
{
    float: right;
    margin: 10px 10px;
}

.single-file
{
    position: relative;
}

.single-file::before
{
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translate(0%, -50%);
    content: '\f0c8';
    color: #00a44b;
    font-family: FontAwesome;
}

.section-tickets-list table th p:not(.no-pointer)
{
    cursor: pointer;
}

.table-info-supplier
{
    vertical-align: middle;
}

.table-info-supplier > div
{
    padding: 10px;
}

/* ------------------------------------------------------------ *\
        Loader
\* ------------------------------------------------------------ */
.loading
{
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(129, 208, 140, 0.5) 0%, rgba(255, 255, 255, 0.5) 100%);
}

.loading > .fa
{
    position: absolute;
    top: 30%;
    left: 50%;
    color: #ff0000;
}

/* ------------------------------------------------------------ *\
        Divers
\* ------------------------------------------------------------ */
.newlineFormat span
{
    white-space: pre;
}

.cb_fontcolor
{
    color: #00a44b;
}

.global-textvalid
{
    color: #64dd17;
}

.global-backvalid
{
    background-color: #64dd17;
}

.global-textwarning
{
    color: #ffab00;
}

.global-backwarning
{
    background-color: #ffab00;
}

.global-textdanger
{
    color: #dd2c00;
}

.global-backdanger
{
    background-color: #dd2c00;
}