@import url("/WebPatterns/Theme.Patterns_SilkUI.css?1820");

/*
    
    To override a style copy and paste it to 
    the application theme and then modify it

    File: Estafeta Theme

    $0. Fonts

    $1. General Properties
     1.1 General Properties > a links
     1.2 General Properties > Margins

    $2. Structure
     2.1 Structure > Header
     2.2 Structure > Application Title
     2.3 Structure > Sidebar
     2.4 Structure > Website
     2.5 Structure > Menu
     2.6 Structure > Page Title
     2.7 Structure > Content
     2.8 Structure > Footer
     2.9 Structure > MainPopup 

    $3. Forms
     3.1 Forms > Radio Button & Checkbox
     3.2 Forms > Inputs, Selects & Textarea
     3.3 Forms > ReadOnly & Disabled
     3.4 Forms > Not Valid

    $4. Buit-in widgets
     4.1 Buit-in widgets > Filter Form
     4.2 Buit-in widgets > EditableTable
     4.3 Buit-in widgets > List Navigation
     4.4 Buit-in widgets > TableRecords

    $5. RichWidgets 
     5.1 RichWidgets > Feedback Ajax Loading
     5.2 RichWidgets > Feedback Message

    $6. Login

    $7. SILK Patterns
     7.1 SILK Patterns > Content
     7.2 SILK Patterns > Controls
     7.3 SILK Patterns > Data
     7.4 SILK Patterns > Layout
     7.5 SILK Patterns > Mobile
     7.6 SILK Patterns > Navigation

    $8. Usefull Classes
     8.1 Usefull Classes > Text Classes
     8.2 Usefull Classes > Buttons
     8.3 Usefull Classes > Background Colors
     8.4 Usefull Classes > Text Colors
    
    $9. Estafeta Patterns
     9.1 Estafeta Patterns > Expandable Filters
     9.2 Estafeta Patterns > Sec. Expandable Reccolecciones
     9.3 Estafeta Patterns > Expand. Title Collumns
     9.4 Estafeta Patterns > Expand. Content Collumns
     9.5 Estafeta Patterns > Label Reccolecciones
     9.6 Estafeta Patterns > Date Calendar
     9.6.2 Estafeta Patterns > Date Calendar Wrapper
     9.7 Estafeta Patterns > Reccolecciones Value And Label
     9.8 Estafeta Patterns > Columns 3/4
     9.9 Estafeta Patterns > WeekdayTime & Item
     9.10 Estafeta Patterns > Popup Estafeta Custom Classes
     9.11 Estafeta Patterns > Card Articles
     9.12 Estafeta Patterns > Columns Fixed Right
     9.13 Estafeta Patterns > Title Image Overlap
     9.14 Estafeta Patterns > Title Separator
     9.15 Estafeta Patterns > Panel Reccolecciones Detail
     9.16 Estafeta Patterns > Section Expandable Swap Titles
     9.17 Multi Select Costumization
     9.18 Estafeta Patterns > Date Calendar From To

    $10. Custom Classes
    
    $11. Studio Preview

    $12. Print

*/

/*------------------------------------*\
        $1. Fonts
\*-------------------------------------*/

@font-face {
    font-family: 'PTSans';
    src: url('/Estafeta_Theme/fonts/PTSans_Regular.eot');
    src:
         url('/Estafeta_Theme/fonts/PTSans_Regular.eot?#iefix') format('embedded-opentype'),
         url('/Estafeta_Theme/fonts/PTSans_Regular.woff') format('woff'),
         url('/Estafeta_Theme/fonts/PTSans_Regular.ttf') format('truetype'),
         url('/Estafeta_Theme/fonts/PTSans_Regular.svg#PTSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSans';
    src: url('/Estafeta_Theme/fonts/PTSans_Bold.eot');
    src:
         url('/Estafeta_Theme/fonts/PTSans_Bold.eot?#iefix') format('embedded-opentype'),
         url('/Estafeta_Theme/fonts/PTSans_Bold.woff') format('woff'),
         url('/Estafeta_Theme/fonts/PTSans_Bold.ttf') format('truetype'),
         url('/Estafeta_Theme/fonts/PTSans_Bold.svg#PTSans-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
}

.PTSans_Regular {
    font-family: "PTSans", Arial, sans-serif;
    font-weight: 400;
}

.PTSans_Bold {
    font-family: "PTSans", Arial, sans-serif;
    font-weight: 700;
}

/* Fonts > Font Definition */
html,
body,
a,
select,
form,
fieldset,
table,
tr,
td,
img,
input,
button,
select,
textarea,
optgroup,
option {
    font-family: "PTSans", sans-serif;
}

.TileIcon_text,
.TileNumber_text,
.TileIconText_label,
.Heading1,
.Heading2,
.Heading3,
.Heading4,
.Header_title a,
.EditableTable thead td,
.TableRecords_Header {
    font-family: "PTSans", sans-serif;
}

/*------------------------------------*\
    $1. General Properties
\*-------------------------------------*/

html,
body,
form,
.Page {
    height: 100%;
    position: relative;
}

body,
select,
textarea,
input {
    color: #333;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.43;
}

body {
    background-color: #f3f5f7;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-overflow-scrolling: touch;
}

/*------------------------------------------------------------*/
/* 1.1 General Properties > a links ***************************/
/*------------------------------------------------------------*/

a,
a:link,
a:visited {
    color: #1f6f99;
    -webkit-transition: color 100ms ease;
       -moz-transition: color 100ms ease;
        -ms-transition: color 100ms ease;
         -o-transition: color 100ms ease;
            transition: color 100ms ease;
}

.desktop a:hover,
.desktop a:link:hover,
.desktop a:visited:hover {
    color: #ca081e;
    text-decoration: none;
}

div[onclick] {
    cursor: pointer; /* add a pointer cursor when the div has a click event */
}
/*------------------------------------------------------------*/
/* 1.2 General Properties > Margins ***************************/
/*------------------------------------------------------------*/

.OSAutoMarginTop {
    margin-top: 20px;
}

/*------------------------------------*\
              $2. Structure
\*-------------------------------------*/

.Page > .Content {
    padding-top: 0;
}

/* If we use sidebar */
.desktop:not(.small).UseSidebar .Content {
    margin-right: 300px;
}

/*------------------------------------------------------------*/
/* 2.1 Structure > Header *************************************/
/*------------------------------------------------------------*/

.Header {
    height: 50px;
    line-height: 50px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 20;

    
}

.Header:not(.hasScrolled):before {
    background: #b8bdc1;
    background: -webkit-linear-gradient(left,  rgba(184,189,193,1) 0%,rgba(184,189,193,.1) 100%);
    background:         linear-gradient(to right,  rgba(184,189,193,1) 0%,rgba(184,189,193,.1) 100%);
    filter: progid:dximagetransform.Microsoft.gradient( startColorstr="#b8bdc1", endColorstr="#1ab8bdc1",GradientType=1 );
    content: "";
    height: 1px;
    left: 25px;
    position: absolute;
    top: 100%;
    width: 60%;
}

.Header_center {
    position: relative;
}

.tablet .Header_center.ThemeGrid_Container,
.phone .Header_center.ThemeGrid_Container {
    padding: 0;
}

/* Structure > Header Background */
.Header_background {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.Header.hasScrolled .Header_background {
    background: #fff;
    border-bottom: 1px solid #ddd;
}

.Page.UseHeaderFade .Header .Header_background {
    display: none;
}

/* Structure > Header Title */
.Header_Title {
    float: left;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;

    
}

.phone .Header_Title {
    left: 60px;
    position: absolute;
    right: 60px;
    text-align: center;
}

/* Structure > Header Search */
.Header_Search {
    display: inline-block;
    margin-right: 20px;
    min-width: 100px;
}

/* Search inside header */
.Search_wrapper input[type="text"] {
    background: #fff;
    border: 1px solid #c7cace;
    border-radius: 3px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
    height: 40px;
    line-height: 40px;
    padding-left: 34px;
}

.Search_wrapper input[type="text"]:focus {
    border: 2px solid #74b5e7;
    box-shadow: 0 0 0 3px rgba(127, 189, 238, .2), inset 0 1px 2px rgba(0, 0, 0, .2);
}

.Search_wrapper:after {
    font-size: 18px;
    left: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.Header .Search_wrapper input[type="text"] {
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 30px;
    color: #fff;
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
    width: 100px;
}

.Header .Search_wrapper input[type="text"]:focus {
    border: 1px solid rgba(255, 255, 255, .3);
    width: 200px;
}

.Header .Search_wrapper:after {
    color: #cdcdcd;
    left: 10px;
    pointer-events: none;
}

.phone .Application_Menu .Others_Menu .Header_Search {
    margin-left: 30px;
    margin-right: 0;
}

/* Structure > Header Menu */
.Header_Menu,
.Header_Menu .ListRecords {
    display: inline-block;

    
}

.Header_Menu a,
.Header_Menu a:link,
.Header_Menu a:visited {
    color: #ca081e;
}

.Header_Menu a:hover,
.Header_Menu a:link:hover,
.Header_Menu a:visited:hover {
    color: #ca081e;
}

/* Structure > Header Others Menu */
.Others_Menu {
    margin-right: 20px;
    position: absolute;
    right: 0;
    top: 0;
    white-space: nowrap;
}

.desktop.small.UseSidebar .Others_Menu {
    margin-right: 55px;
}

.tablet.UseSidebar .Others_Menu {
    margin-right: 40px;
}

.phone .Application_Menu .Others_Menu a:link,
.phone .Application_Menu .Others_Menu a:visited {
    padding: 0;
}
/*.phone .Others_Menu {
    display: block;
    margin-right: 0;
    position: relative;
    width: 100%;
}

.phone .Application_Menu .Others_Menu .Login_Info {
    width: 100%;
}

.phone .Application_Menu .Others_Menu .Login_Info a {
    display: none;
}

.phone .Application_Menu .Others_Menu .Login_Info .Logout_Icon a {
    display: block;
}

.phone .Application_Menu .Others_Menu .Login_Info .Logout_Icon {
    position: absolute;
    right: 15px;
}*/

/* Structure > Header Button Menu */
a.Header_ButtonMenu {
    color: #ca081e;
    display: none;
    float: left;
    font-size: 20px;
    text-align: center;
    width: 50px;
}

.desktop a.Header_ButtonMenu {
    color: #ca081e;
}

.tablet a.Header_ButtonMenu,
.phone a.Header_ButtonMenu {
    display: block;
    width: 50px;
}

.Page.active .Header_ButtonMenu {
    color: #ca081e;
}

/* Structure > Header Login Info */
.Login_Info,
.AppSwitcherContainer,
a.Login_Info_Username,
a.Login_Info_Username:link,
a.Login_Info_Username:visited {
    color: #333;
    font-size: 100%;
    font-weight: normal;
}

.Login_Info_Logout {
    font-size: 22px;
}

.Login_Info_Logout:before,
.Login_Info_Username:before,
.AppSwitcherContainer:before,
.AppSwitcherLink[disabled="disabled"]:before {
    color: #b3b3b3;
    font-family: FontAwesome;
    font-size: 14px;
    margin-right: 5px;
}

.Login_Info_Username:before {
    content: "\f007";
}

.Login_Info_Logout:before {
    content: "\f011";
    margin-right: 0;
}

/* Responsive Context */
.tablet .Login_Info_Logout:before,
.phone .Login_Info_Logout:before {
    font-size: 20px;
}

.Logout_Icon {
    border-radius: 50%;
    text-align: center;
    width: 22px;
}

.LangMenu {
    display: inline-block;
    margin-right: 20px;
    min-width: 60px;
}

/*------------------------------------------------------------*/
/* 2.2 Structure > Application Title **************************/
/*------------------------------------------------------------*/

.Application_Title a,
.Application_Title a:link,
.Application_Title a:visited,
.Application_Title a:hover {
    color: #fff;
    padding-right: 10px;
    text-decoration: none;
}

.Header .Application_Title img {
    max-height: 30px;
    vertical-align: middle;
}

/* Responsive Context */
.tablet .Application_Title,
.phone .Application_Title {
    padding: 0;
}

/*------------------------------------------------------------*/
/* 2.3 Structure > Sidebar ************************************/
/*------------------------------------------------------------*/

a.Header_ButtonSidebar {
    color: #fff;
    display: none;
    float: right;
    font-size: 20px;
    text-align: center;
    width: 40px;
}

.desktop.small.UseSidebar a.Header_ButtonSidebar,
.tablet.UseSidebar a.Header_ButtonSidebar {
    display: block;
}

.Sidebar {   
    border-left: 1px solid #ddd;
    height: 100%;
    padding: 20px 10px;
    position: fixed;
    right: -320px;
    top: 50px;
    width: 300px;

    
    
    
}

.desktop .Sidebar,
.desktop.hd .Sidebar,
.desktop.big .Sidebar {
    right: 0;
}

.desktop.small .Sidebar,
.tablet .Sidebar {
    background-color: #edf1f3;
    right: -300px;
    -webkit-transition: -webkit-transform 300ms ease;
       -moz-transition:    -moz-transform 300ms ease;
        -ms-transition:     -ms-transform 300ms ease;
         -o-transition:      -o-transform 300ms ease;
            transition:         transform 300ms ease;
}

.desktop.small .Sidebar.open,
.tablet .Sidebar.open {
    -webkit-transform: translateX(-300px);
       -moz-transform: translateX(-300px);
        -ms-transform: translateX(-300px);
         -o-transform: translateX(-300px);
            transform: translateX(-300px);
}

.ie8.desktop.small .Sidebar.open {
    right: 0px;
}

.phone .Sidebar {
    position: relative;
    right: 0;
    width: 100%;
}

/*------------------------------------------------------------*/
/* 2.4 Structure > Website ************************************/
/*------------------------------------------------------------*/

.Website .ThemeGrid_Container {
    max-width: 1280px;
}

.Website .MainContent {
    margin: 0;
    min-height: inherit;
    padding: 0;

     /* push the footer down on preview */
}
.Website .Footer {
    background-color: inherit;
    height: auto;
    padding: 0;
    position: static;
    width: auto;
}

.SectionWebsite {
    text-align: center;
}

.SectionWebsite.UsePadding {
    padding: 40px 0;
}

.SectionWebsite .AccordionVertical,
.SectionWebsite .Box.Silver,
.SectionWebsite .Box.White,
.SectionWebsite .Panel,
.SectionWebsite .Card,
.SectionWebsite .SectionExpandable,
.SectionWebsite.Transparent .Box.Transparent,
.SectionWebsite.Silver .Box.Transparent,
.SectionWebsite.Silver .Section,
.SectionWebsite.White .Box.Transparent,
.SectionWebsite.Transparent .Section {
    color: #333;
}

.SectionWebsite .Box,
.SectionWebsite .Box.Transparent {
    color: #fff;
}

.SectionWebsite_title {
    color: #fff;
    margin-bottom: 40px;
    text-align: center;
}

/*------------------------------------------------------------*/
/* 2.5 Structure > Menu ***************************************/
/*------------------------------------------------------------*/

.Menu_TopMenus {
    width: 100%;
}

/* Item Menu */
.Menu_TopMenu {
    position: relative;
}

/* Link/Button Menu */
.Menu_TopMenu a:link,
.Menu_TopMenu a:visited,
.Menu_TopMenu a {
    color: #848889;
    display: inline-block;
    padding: 0 15px;
    text-align: center;
    text-decoration: none;
    /* text-transform: uppercase; */
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
}

.tablet .Menu_TopMenu a,
.phone .Menu_TopMenu a {
    text-align: left;
}

/* Hover Menu */
.Menu_TopMenu a:hover {
    color: #fff;
}

/* Pointer */
.Menu_TopMenu .Menu_DropDownArrow {
    border-top-color: #202020;
    opacity: .5;
    position: absolute;
    right: 8px;
    top: 50%;
    -webkit-transition: all 300ms ease;
            transition: all 300ms ease;
}

.Menu_TopMenu:hover .Menu_DropDownArrow {
    border-top-color: #ca081e;
}

.Menu_DropDownButton.open .Menu_TopMenu .Menu_DropDownArrow {
    border-top-color: #fff;
    opacity: 1;
    -webkit-transform: rotate(180deg) translateY(2px);
            transform: rotate(180deg) translateY(2px);
}

.Menu_DropDownButton.open .Menu_TopMenu a {
    background: #ca081e;
    color: #fff;
}

/* Submenu Item */
.Menu_DropDownPanel {
    background-color: #fff;
    border: none;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.2);
    margin: 0;
}

/* Active Menus */
.Menu_TopMenuActive a:link,
.Menu_TopMenuActive a:visited,
a.Menu_SubMenuItemActive:link,
a.Menu_SubMenuItemActive:visited {
    color: #202020;
    font-weight: 700;
}

/* Reset any inherit styles (e.g.: ChicagoMobile -> Chicago) */
div.Menu_DropDownPanel a,
div.Menu_DropDownPanel a:link,
div.Menu_DropDownPanel a:visited {
    color: #616568;
    font-weight: 700;
    height: auto;
}

div.Menu_DropDownPanel a:hover,
div.Menu_DropDownPanel a:link:hover,
div.Menu_DropDownPanel a:visited:hover {
    color: #fff;
}

/* SubMenu */
.Menu_DropDownPanel a.Menu_SubMenuItem,
.Menu_DropDownPanel a.Menu_SubMenuItem:link,
.Menu_DropDownPanel a.Menu_SubMenuItem:visited {
    color: #616568;
    display: block;
    padding: 3px 20px;
}

/* hover submenu item */
.Menu_DropDownPanel a.Menu_SubMenuItem:hover,
.Menu_DropDownPanel a.Menu_SubMenuItem.Menu_SubMenuItemActive {
    background-color: #ca081e;
    color: #fff;
}

/* Menu tablet and phone */
.tablet .Application_Menu,
.phone .Application_Menu {
    background: #fff;
    border-top: 1px solid #d1d5d8;
    bottom: 0;
    display: block;
    height: auto;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 50px;
    /* Enable hardware acceleration */
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    /* Animate the menu when opening and closing */
    -webkit-transition: all 300ms ease-out;
            transition: all 300ms ease-out;
    width: 250px;
    /* reduce animation flickering */

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000;
        -ms-perspective: 1000;
            perspective: 1000;
}

.phone .Application_Menu {
    overflow-x: hidden;
    width: 100%;
}

.tablet.active .Application_Menu,
.phone.active .Application_Menu {
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.tablet .Application_Menu .Menu_TopMenu,
.phone .Application_Menu .Menu_TopMenu {
    border-top-width: 1px;
    margin: 0;
    padding: 0 0;
    width: 100%;
}

.tablet .Application_Menu .Menu_DropDownButton.open .Menu_TopMenu,
.phone .Application_Menu .Menu_DropDownButton.open .Menu_TopMenu {
    box-shadow: 0 3px 1px rgba(0,0,0,.3);
}

.tablet.active .Menu_Container,
.phone.active .Menu_Container {
    margin-bottom: 44px; /* iphone bottom toolbar */
    right: 0;
    width: 100%;
}

.tablet .Application_Menu .Menu_DropDownButton,
.phone .Application_Menu .Menu_DropDownButton {
    display: block;
    position: relative;
}

.tablet .Application_Menu a,
.phone .Application_Menu a,
.tablet .Application_Menu a:link,
.phone .Application_Menu a:link,
.tablet .Application_menu a:visited,
.phone .Application_menu a:visited {
    border: 0;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    box-sizing: border-box;
    display: inline-block;
    font-weight: 700;
    height: 50px;
    line-height: 50px;
    padding: 0 30px;
    text-transform: initial;
    transform: translateX(-300px) scale(.5);
    transition: all 300ms ease;
    width: 100%;
}

.tablet.active .Application_Menu a,
.phone.active .Application_Menu a,
.tablet.active .Application_Menu a:link,
.phone.active .Application_Menu a:link,
.tablet.active .Application_Menu a:visited,
.phone.active .Application_Menu a:visited {
    transform: translateX(0) scale(1);
}

.phone .Application_Menu a,
.phone .Application_Menu a:link,
.phone .Application_menu a:visited {
    border-right: 0;
}

.tablet .Application_Menu .Others_Menu a,
.phone .Application_Menu .Others_Menu a,
.tablet .Application_Menu .Others_Menu a:link,
.phone .Application_Menu .Others_Menu a:link,
.tablet .Application_menu .Others_Menu a:visited,
.phone .Application_menu .Others_Menu a:visited {
    border: 0;
}

.tablet .Application_Menu .Menu_DropDownPanel,
.phone .Application_Menu .Menu_DropDownPanel {
    background: #f2f2f2;
    border: 0;
    box-shadow: none;
    margin: 0;
    padding: 0;
    position: static;
}

.tablet .Menu_TopMenuActive a:link,
.phone .Menu_TopMenuActive a:link,
.tablet .Menu_TopMenuActive a:visited,
.phone .Menu_TopMenuActive a:visited,
.tablet a.Menu_SubMenuItemActive:link,
.phone a.Menu_SubMenuItemActive:link,
.tablet a.Menu_SubMenuItemActive:visited,
.phone a.Menu_SubMenuItemActive:visited {
    background-color: #c2121d;
    color: #fff;
}

.phone .Application_Menu .Menu_DropDownArrow,
.tablet .Application_Menu .Menu_DropDownArrow {
    position: absolute;
    right: 14px;
    top: 21px;
}

.MenuSlider_IsOpen .LoginInfo {
    font-size: 30px;
}

/* Others Menu Phone */
.phone .Others_Menu {
    border-bottom: 1px solid #e6e6e6;
    display: table;
    margin-right: 0;
    padding: 0 10px 0 20px;
    position: relative;
    width: 100%;
}

.phone .Others_Menu .Header_Search,
.phone .Others_Menu .LangMenu,
.phone .Others_Menu .Login_Info {
    border: 0;
    display: table-cell;
    padding: 0 10px;
}

.phone .Others_Menu .Header_Search:empty,
.phone .Others_Menu .LangMenu:empty,
.phone .Others_Menu .Login_Info:empty {
    display: none;
}

.phone .Others_Menu .Login_Info a,
.phone .Others_Menu .Login_Info a:link,
.phone .Others_Menu .Login_Info a:visited {
    width: auto;
}

.phone .Others_Menu .Login_Info {
    text-align: right;
}

/*------------------------------------------------------------*/
/* 2.6 Structure > Page Title *********************************/
/*------------------------------------------------------------*/   

.Title_Section .Title {
    line-height: 40px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50%;
}

.Title_Section {
    background: #fff url(/Estafeta_Theme/img/header_background.png?2021) no-repeat center;
    background-size: cover;
    box-shadow: inset 0 -1px 2px rgba(0, 0, 0, .15);
    color: #1c1e1f;
    margin-top: 0;
    padding: 80px 20px 30px 20px;
}

.Title_Section.Black {
    background-color: #131819;
    color: #fff;
}

.Title_Section.Blue {
    background-color: #0074c1;
    color: #fff;
}

.Title_Section.Transparent {
    background-color: transparent;
}

.Title_Section.White {
    background-color: #fff;
}

.Title_Section.Yellow {
    background-color: #dab702;
    color: #fff;
}

.Title_Section.Orange {
    background-color: #da6802;
    color: #fff;
}

.Title_Section.Red {
    background-color: #d01a1a;
    color: #fff;
}

.Title_Section.DarkRed {
    background-color: #b10000;
    color: #fff;
}

.Title_Section.Plum {
    background-color: #c32b87;
    color: #fff;
}

.Title_Section.DarkPlum {
    background-color: #970263;
    color: #fff;
}

.Title_Section.Green {
    background-color: #388e3c;
    color: #fff;
}

.Title_Section.LightGreen {
    background-color: #64be68;
    color: #fff;
}

.Title_Section.Turquoise {
    background-color: #00b0c1;
    color: #fff;
}

.Title_Section.DarkBlue {
    background-color: #194968;
    color: #fff;
}

.Title_Section.Silver {
    background-color: #dadbde;
}

.Title_Section.Gray {
    background-color: #79868a;
    color: #fff;
}

.Title_Section.BackgroundFixed {
    background-attachment: fixed;
}

.tablet .Title_Section.BackgroundFixed,
.phone .Title_Section.BackgroundFixed {
    background-attachment: scroll;
}

.UseSidebar .Title_Section {
    margin: 70px 20px 0 20px;
    padding: 20px;
}

.Title_Section.Silver .SectionWebsite_title,
.Title_Section.Transparent .SectionWebsite_title,
.Title_Section.White .SectionWebsite_title {
    color: #333;
}

.Title_Section.Yellow .SectionWebsite_title {
    color: #fff;
}

/* Structure > Page Title Actions */
.Title_Section .Actions {
    line-height: 32px;
    text-align: right;
    width: 50%;
}

.Title_Section .Actions a {
    margin-left: 20px;
    text-decoration: none;
}

.Title_Section .Actions a:first-child {
    margin-left: 0;
}

.phone.portrait .Actions {
    margin-bottom: 0;
    position: relative;
    text-align: center;
    width: 100%;
}

.phone.portrait .Actions .Button {
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
}

.phone.portrait .Actions .Button:last-child {
    margin-bottom: 0;
}

.phone .Title_Section .Title {
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
}

.phone .Title_Section .Actions,
.phone .Title_Section a.ActionAdd,
.phone .Title_Section a.ActionEdit,
.phone .Title_Section a.ActionDelete,
.phone .Title_Section a.ActionChange {
    width: 100%;
}

.Title_Links {
    font-size: 14px;
    margin-top: 5px;
}

/*------------------------------------------------------------*/
/* 2.7 Structure > Content ************************************/
/*------------------------------------------------------------*/

html .ThemeGrid_Container {
    padding-left: 20px;
    padding-right: 20px;
}

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

.FiltersWrapper {
    background: #fff;
}

/* Structure > Main Content */
.MainContent {
    min-height: 100%;
    padding: 20px;
    padding-bottom: 60px;

    
}

.Page.active .MainContent {
    pointer-events: none;
}

/*------------------------------------------------------------*/
/* 2.8 Structure > Footer *************************************/
/*------------------------------------------------------------*/

.Footer {
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    width: 100%;

    
}

.Footer a,
.Footer a:link,
.Footer a:visited {
    color: #1f6f99;
    font-size: 12px;
}

/*------------------------------------------------------------*/
/* 2.9 Structure > MainPopup **********************************/
/*------------------------------------------------------------*/

.MainPopup {
    background: #fff;
    display: table-cell;
    padding: 14px 16px;
    vertical-align: top;
}

.MainPopup .Button.ThemeGrid_MarginGutter {
    margin-left: 10px;
}

.OSInlineClear {
    /* This style will never be used in runtime.
  When applied in Service Studio, it will prevent the style 'OSInline' from being
  automatically applied to divs and tables with widths != (fill parent) */
}

/*------------------------------------*\
    $3. Forms
\*-------------------------------------*/

html input {
    height: 40px;
}

textarea,
select,
input {
    color: #1c1e1f;
    font-size: 16px;
}

textarea:focus,
select:focus,
input:focus {
    border-color: #c7cace;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

/*------------------------------------------------------------*/
/* 3.1 Forms > Radio Button & Checkbox ************************/
/*------------------------------------------------------------*/

html input[type="radio"],
html input[type="checkbox"] {
    background-color: transparent;
    -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
            box-shadow: none !important;
    height: 20px;
}

input[type="checkbox"]:after {
    border: 3px solid #1f6f99;
    border-right: 0;
    border-top: 0;
    height: 5px;
    left: 20%;
    top: 23%;
    width: 11px;
}

input[type="radio"]:before,
input[type="checkbox"]:before {
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

input[type="radio"]:focus,
input[type="checkbox"]:focus {
    border: 0;
}

.ie input[type="radio"],
.ie input[type="checkbox"],
.ie .Form input[type="radio"],
.ie .Form input[type="checkbox"] {
    border-radius: 0;
}

input[type="radio"]:before {
    border-color: #1f6f99;
}

input[type="radio"]:after {
    background: #1f6f99;
    border: 2px solid #1f6f99;
}

input[type="radio"]:disabled:before {
    background-color: #e6e6e6;
    border-color: #b8bdc1;
}

/*------------------------------------------------------------*/
/* 3.2 Forms > Inputs, Selects & Textarea *********************/
/*------------------------------------------------------------*/

textarea,
select,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    background-color: #fff;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    font-size: 16px;
    line-height: 20px;
    vertical-align: initial;
}

input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"] {
    height: 40px;
    line-height: 40px;
}

select {
    box-shadow: none;
    height: 40px;
    line-height: 30px;
    padding: 4px 6px;
}

.ie8 select {
    padding: 6px;
}

/*------------------------------------------------------------*/
/* 3.3 Forms > ReadOnly & Disabled ****************************/
/*------------------------------------------------------------*/

.Form:not(.ReadOnly) {
    cursor: text;
}

select.ReadOnly {
    cursor: pointer;
}

.Form input.ReadOnly,
.Form textarea.ReadOnly,
.Form select.ReadOnly {
    font-size: 16px;
}

.Form input.ReadOnly:not(.Not_Valid),
.Form textarea.ReadOnly:not(.Not_Valid),
.Form select.ReadOnly:not(.Not_Valid) {
    border-radius: 2px;
    box-shadow: none;
    cursor: pointer;
    font-size: 16px;
}

.Form input.ReadOnly:not(.Not_Valid):focus,
.Form textarea.ReadOnly:not(.Not_Valid):focus,
.Form select.ReadOnly:not(.Not_Valid):focus {
    background-color: #fff;
    border: 1px solid #c7cace;
    border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
    font-size: 16px;
}

.Form input.ReadOnly:not(.Not_Valid),
.Form textarea.ReadOnly:not(.Not_Valid),
.Form select.ReadOnly:not(.Not_Valid) {
    background-color: #fff;
    border: 1px solid #c7cace;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

.Form textarea.ReadOnly[readonly="readonly"],
.Form textarea.ReadOnly[disabled="disabled"],
.Form select.ReadOnly[disabled="disabled"],
.Form input.ReadOnly[readonly="readonly"],
.Form input.ReadOnly[disabled="disabled"],
.Form input[disabled="disabled"].ReadOnly:not(.Not_Valid),
.Form input[readonly="readonly"].ReadOnly:not(.Not_Valid),
.Form textarea[disabled="disabled"].ReadOnly:not(.Not_Valid),
.Form textarea[readonly="readonly"].ReadOnly:not(.Not_Valid),
.Form select[disabled="disabled"].ReadOnly:not(.Not_Valid),
.Form select[readonly="readonly"].ReadOnly:not(.Not_Valid),
textarea[disabled="disabled"],
textarea[readonly="readonly"],
select[disabled="disabled"],
input[readonly="readonly"],
input[disabled="disabled"] {
    background-color: #f5f5f5;
    cursor: not-allowed;
}

input[disabled="disabled"][type="text"]:focus,
input[disabled="disabled"][type="password"]:focus,
textarea[disabled="disabled"]:focus,
textarea[readonly="readonly"]:focus,
select[disabled="disabled"]:focus,
input[readonly="readonly"]:focus,
input[disabled="disabled"]:focus,
.Form input[readonly="readonly"].ReadOnly:not(.Not_Valid):focus,
.Form input[disabled="disabled"].ReadOnly:not(.Not_Valid):focus,
.Form textarea[readonly="readonly"].ReadOnly:not(.Not_Valid):focus,
.Form textarea[disabled="disabled"].ReadOnly:not(.Not_Valid):focus,
.Form select[readonly="readonly"].ReadOnly:not(.Not_Valid):focus,
.Form select[disabled="disabled"].ReadOnly:not(.Not_Valid):focus {
    background-color: #f5f5f5;
    border: 1px solid #dadbde;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}

input[type="radio"].ReadOnly,
input[type="checkbox"].ReadOnly,
.Form input.ReadOnly[disabled="disabled"][type="radio"],
.Form input.ReadOnly[readonly="readonly"][type="radio"],
.Form input.ReadOnly[disabled="disabled"][type="checkbox"],
.Form input.ReadOnly[readonly="readonly"][type="checkbox"],
.Form input[type="radio"].ReadOnly,
.Form input[type="checkbox"].ReadOnly {
    background-color: transparent;
    border-width: 0;
}

/*------------------------------------------------------------*/
/* 3.4 Forms > Not Valid **************************************/
/*------------------------------------------------------------*/

.Form input.Not_Valid,
.Form select.Not_Valid,
.Form textarea.Not_Valid,
input.Not_Valid,
select.Not_Valid,
textarea.Not_Valid {
    border: 2px solid #f44336;
    border-radius: 4px;
}

.Form textarea.Not_Valid:focus,
.Form textarea.Not_Valid,
textarea.Not_Valid:focus,
textarea.Not_Valid {
    border: 2px solid #f44336;
    font-size: 16px;
    padding: 10px 12px;
}

select.Not_Valid:focus,
input.Not_Valid:focus,
textarea.Not_Valid:focus {
    border: 2px solid #f44336;
}

.Form input[type="checkbox"].Not_Valid,
.Form input[type="radio"].Not_Valid,
input[type="checkbox"].Not_Valid,
input[type="radio"].Not_Valid {
    border: transparent;
    padding: 0;
}

.Form input.ReadOnly,
.Form textarea.ReadOnly {
    background: #fff;
}

.ValidationMessage {
    color: #f44336;
    font-size: 11px;
    font-weight: 700;
    line-height: 20px;
    text-transform: uppercase;
    text-align: right;
    padding-right: 5px;
}

label,
.Form label {
    color: #616568;
}

.InputLabel {
    color: #616568;
    display: inline;
    font-size: 14px;
    font-weight: 400;
    vertical-align: middle;
}

/*------------------------------------*\
    $4. Buit-in widgets
\*-------------------------------------*/

/*------------------------------------------------------------*/
/* 4.1 Buit-in widgets > Filter Form **************************/
/*------------------------------------------------------------*/

.Filters_Wrapper {
    background: #fff;
    border-radius: 0;
    line-height: 32px;
    padding: 10px;
}

.Filters_Wrapper .Button {
    margin-left: 10px;
}

/*------------------------------------------------------------*/
/* 4.2 Buit-in widgets > EditableTable ************************/
/*------------------------------------------------------------*/

.EditableTable {
    border: 1px solid #ddd;
    border-collapse: separate;
}

.EditableTable:not(.SupportsEdit) { /* IE/Edge Fix */
    border-bottom: 0;
}

.EditableTable thead tr th {
    background-color: #fff;
    border-bottom: 1px solid #ddd;
    color: #848889;
    font-size: 14px;
    font-weight: 700;
}

.EditableTable thead td {
    color: #333;
    font-weight: bold;
}

body .EditableTable input,
body .EditableTable textarea,
body .EditableTable select,
body .EditableTable input:not(.InEditMode),
body .EditableTable textarea:not(.InEditMode),
body .EditableTable select:not(.InEditMode) {
    color: #1c1e1f;
    font-size: 16px;
}

.EditableTable tr:nth-child(odd) {
    background-color: #fafafa;
}

.EditableTable tbody tr:not(.RowControlGroup) td {
    border-bottom: 1px solid #ddd;
}

td.RowWithAddAction {
    background: none repeat scroll 0 0 #fff;
    border-bottom: none;
    padding: 0;
}

td.RowWithAddAction a {
    padding: 10px 0 10px 22px;
}

.EditableTable tr.RowControlGroup a {
    color: #1f6f99;
}

.EditableTable tr.RowControlGroup a:hover {
    color: #ca081e;
}

/*------------------------------------------------------------*/
/* 4.3 Buit-in widgets > List Navigation **********************/
/*------------------------------------------------------------*/

a.ListNavigation_PageNumber:link,
span.ListNavigation_CurrentPageNumber,
span.ListNavigation_Ellipsis,
a.ListNavigation_Previous:link,
a.ListNavigation_Next:link {
    background: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #1f6f99;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 0;
    padding: 4px 10px;
    min-width: 30px;
    text-align: center;
    text-shadow: none;
    vertical-align: middle;
    white-space: nowrap;
}

/*a.ListNavigation_PageNumber:link:hover,
span.ListNavigation_Ellipsis:hover,
a.ListNavigation_Previous:link:hover,
a.ListNavigation_Next:link:hover {
    border-color: #e6e6e6;
}*/

span.ListNavigation_CurrentPageNumber {
    border-color: #e6e6e6;
    color: #3b3e40;
    font-weight: 700;
}

span.ListNavigation_Ellipsis {
    display: none;
}

/*------------------------------------------------------------*/
/* 4.4 Buit-in widgets > TableRecords *************************/
/*------------------------------------------------------------*/

.TableRecords {
    background-color: #fff;
    border: 1px solid #dadbde;
    box-shadow: 0 1px 2px rgba(211, 211, 211, .5);
    padding: 5px 0 0;
}

.TableRecords_Header {
    border-bottom: solid 1px #eee;
    color: #848889;
    font-size: 14px;
    font-weight: 700;
    padding: 10px;
}

.TableRecords > tbody > tr:hover {
    background: #fff;
}

.TableRecords_OddLine,
.TableRecords_EvenLine {
    border-bottom: none;
    color: #1c1e1f;
    font-size: 16px;
}

.TableRecords_OddLine {
    background-color: #fafafa;
}

.TableRecords_OddLine:first-child,
.TableRecords_EvenLine:first-child,
.TableRecords_Header:first-child {
    padding-left: 20px;
}

.TableRecords_OddLine,
.TableRecords_EvenLine {
    border-bottom: 1px solid #eee;
    padding: 5px 10px;
}

.TableRecords_OddLine:not(:first-child),
.TableRecords_EvenLine:not(:first-child) {
    border-left: 1px solid #eee;
}

.TableRecords.NoLines .TableRecords_OddLine,
.TableRecords.NoLines .TableRecords_EvenLine {
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #f2f2f2;
    font-size: 14px;
    vertical-align: middle;
}

/*------------------------------------------------------------*/
/* 4.5 Buit-in widgets > Show Records *************************/
/*------------------------------------------------------------*/

.ShowRecord_Value {
    color: #1c1e1f;
    font-size: 16px;
}

.ShowRecord_Caption {
    color: #616568;
}

/*------------------------------------*\
              $5. RichWidgets
\*-------------------------------------*/

/*------------------------------------------------------------*/
/* 5.1 RichWidgets > Feedback Ajax Loading ********************/
/*------------------------------------------------------------*/

.Feedback_AjaxWait {
    background-color: #ca081e;
    border-radius: 6px 6px 0 0;
    bottom: 0;
    box-shadow: 0 4px 4px rgba(0, 0, 0, .2);
    color: #fff;
    font-size: 12px;
    height: 60px;
    padding: 16px 36px 10px 36px;
    right: 20px;
}

.Feedback_AjaxWait .Loader {
    background: url(/Estafeta_Theme/img/ajax_loader_white.gif?2021) no-repeat;
    height: 16px;
    position: relative;
    text-indent: -9999em;
    width: 16px;
}

/*------------------------------------------------------------*/
/* 5.2 RichWidgets > Feedback Message *************************/
/*------------------------------------------------------------*/

div.Feedback_Message_Wrapper {
    left: 0;
    margin-top: 102px;
    z-index: 5000;
}

div.Feedback_Message_Error,
div.Feedback_Message_Success,
div.Feedback_Message_Warning,
div.Feedback_Message_Info {
    border-radius: 3px;
    box-shadow: none;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    line-height: normal;
    max-width: 100%;
    min-width: 300px;
    padding: 10px 40px 10px 40px;
    word-break: break-word;

    -webkit-backface-visibility: hidden;
}

div.Feedback_Message_Info:before,
div.Feedback_Message_Success:before,
div.Feedback_Message_Error:before,
div.Feedback_Message_Warning:before {
    font-size: 20px;
    left: 15px;
    top: 9px;
}

a.Feedback_Message_Wrapper_Close {
    color: #000;
    opacity: .3;
    right: 10px;
    top: 8px;
}

a.Feedback_Message_Wrapper_Close:hover {
    opacity: .6;
}

.tablet a.Feedback_Message_Wrapper_Close,
.phone a.Feedback_Message_Wrapper_Close {
    pointer-events: none;
}

div.Feedback_Message_Error .Feedback_Message_Wrapper_Close:after,
div.Feedback_Message_Warning .Feedback_Message_Wrapper_Close:after,
div.Feedback_Message_Info .Feedback_Message_Wrapper_Close:after,
div.Feedback_Message_Success .Feedback_Message_Wrapper_Close:after {
    color: #000;
    content: "\f00d";
    font-family: FontAwesome;
    text-align: right;
}

div.Feedback_Message_Success a.Feedback_Message_Wrapper_Close,
div.Feedback_Message_Error a.Feedback_Message_Wrapper_Close,
div.Feedback_Message_Warning a.Feedback_Message_Wrapper_Close,
div.Feedback_Message_Info a.Feedback_Message_Wrapper_Close {
    opacity: 1;
}

/* RichWidgets > Feedback Message > Success */
div.Feedback_Message_Success {
    background-color: #dff0d8;
    border: 1px solid #cbe0ba;
    color: #346b35;
}

div.Feedback_Message_Success:before {
    color: #7dc62b;
}

div.Feedback_Message_Success a.Feedback_Message_Wrapper_Close:after {
    color: #346b35;
}

/* RichWidgets > Feedback Message > Error */
div.Feedback_Message_Error {
    background-color: #f5e7e7;
    border: 1px solid #ead8d8;
    color: #843534;
}

div.Feedback_Message_Error:before {
    color: #e58d8d;
}

div.Feedback_Message_Error a.Feedback_Message_Wrapper_Close:after {
    color: #843557;
}

/* RichWidgets > Feedback Message > Warning */
div.Feedback_Message_Warning {
    background-color: #fcf8e3;
    border: 1px solid #f1deb6;
    color: #8a6d3b;
}

div.Feedback_Message_Warning:before {
    color: #eabd30;
}

div.Feedback_Message_Warning a.Feedback_Message_Wrapper_Close:after {
    color: #8a6d3b;
}

/* RichWidgets > Feedback Message > Info */
div.Feedback_Message_Info {
    background-color: #fcf8e3;
    border: 1px solid #f1deb6;
    color: #8a6d3b;
}

div.Feedback_Message_Info:before {
    color: #eabd30;
}

div.Feedback_Message_Info a.Feedback_Message_Wrapper_Close:after {
    color: #8a6d3b;
}

/*------------------------------------*\
        $6. Login
\*------------------------------------*/

.Login {
    background-color: #666;
    background-image: radial-gradient(circle 497px at 16.42% 87.08%, rgba(255, 255, 255, .2) 0%, transparent 100%), radial-gradient(circle 242px at 21.53% 91.67%, #222731 0%, #222731 100%);
    color: #fff;
    height: 100%;
    min-height: 280px;
    position: absolute;
    width: 100%;

    
    
}

.Login_Box {
    padding-top: 20px;
}

.phone .Login_Box {
    left: 50%;
    margin-left: 0 !important;
    margin-top: 0 !important;
    padding-top: 0;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
       -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
}

.Login__Logo {
    padding-bottom: 10px;
}

.Login_background {
    
}

.Login_background img {
    
    
}

.Login__Form {
    background-color: transparent;
    padding: 20px 20px;
}

.phone .Login_Footer {
    padding: 15px 0;
}

/* Accordion Harrow */
.fa-angle-down:before {
    padding-left: 1px;
}

/* Burguer */
.fa-bars {
    cursor: pointer;
}

/*------------------------------------*\
        $7 SILK Patterns
\*------------------------------------*/

/*------------------------------------------------------------*/
/* 7.1 SILK Patterns > Content ********************************/
/*------------------------------------------------------------*/

/* SILK Patterns > Accordion */
.AccordionVertical {
    border: 0;
}

.AccordionVertical_item {
    background: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 5px #ddd;
    margin-bottom: 8px;
}

.AccordionVertical_item.open {
    border-top: 2px solid #f00;
}

.AccordionVertical__header {
    font-weight: 700;
    margin: 0 15px;
    padding: 12px 0;
    width: auto;
}

.AccordionVertical_item.open .AccordionVertical__header {
    border-bottom: 1px solid #e1e3ea;
}

.AccordionVertical___title {
    color: #1f6f99;
}

.AccordionVertical_item.open .AccordionVertical___title {
    color: #525252;
    width: auto;
}

.AccordionVertical_item.open .AccordionVertical__content {
    border-top: 0;
}

.AccordionVertical___icon {
    border-left: 0;
    text-align: right;
    width: 1%;
}

.AccordionVertical___icon > .fa {
    border: 0;
    color: #1f6f99;
}

.AccordionVertical_item.open .AccordionVertical___icon > .fa {
    border: 0;
    color: #1f6f99;
}

/* SILK Patterns > Alert */
.Alert {
    border-radius: 2px;
}

.Alert.Info {
    background-color: #d9edf7;
    border-color: #c8dee9;
    color: #31708f;;
}

.Alert.Info span.fa {
    color: #5eb1db;
}

.Alert.Success {
    background-color: #dff0d8;
    border-color: #cbe0ba;
    color: #346b35;
}

.Alert.Success span.fa {
    color: #7dc62b;
}

.Alert.Error {
    background-color: #f5e7e7;
    border-color: #ead8d8;
    color: #843534;
}

.Alert.Error span.fa {
    color: #e58d8d;
}

.Alert.Warning {
    background-color: #fcf8e3;
    border-color: #f1deb6;
    color: #8a6d3b;
}

.Alert.Warning span.fa {
    color: #eabd30;
}

/* SILK Patterns > Balloon */
.Balloon {
    border-radius: 3px;
}

/* Format the Balloon Arrow Position */
.Balloon .tooltipster-arrow-top.tooltipster-arrow {
    top: 0;
}

.Balloon .tooltipster-arrow-bottom.tooltipster-arrow {
    top: 0;
}

.Balloon .tooltipster-arrow-left.tooltipster-arrow {
    left: -1px;
}

.Balloon .tooltipster-arrow-right.tooltipster-arrow {
    left: 1px;
}

/* SILK Patterns > BlankSlate */
.Blank {
    border-style: dashed;
}

/* SILK Patterns > Box */
     

/* SILK Patterns > Bullets */


/* SILK Patterns > ButtonsArea */


/* SILK Patterns > Cards */
.Card {
    background-color: #fff;
    border: 1px solid #dadbde;
    box-shadow: 0 1px 3px rgba(211, 211, 211, .5);
}
     
/* SILK Patterns > Carousel */
.owl-theme .owl-controls .owl-buttons div {
    background: transparent;
    color: #79868a;
    font-size: 30px;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    background-color: #1f6f99;
}

/* SILK Patterns > Info */


/* SILK Patterns > Modal */


/* SILK Patterns > Panel */
.Panel {
    background-color: #fff;
    box-shadow: 0 1px 3px #dadbde;
}

.Panel .Panel_footer {
    border-top-style: dashed;
}

/* SILK Patterns > Post */
.Post .Post_icon img {
    border: 1px solid #dadbde;
    border-radius: 4px;
}

.Post .Post__label {
    font-size: 16px;
}

/* SILK Patterns > Section */


/* SILK Patterns > Section Expandable */
.SectionExpandable {
    background-color: #fff;
    border: 1px solid #dadbde;
    box-shadow: 0 1px 3px rgba(211, 211, 211, .5);
}

.SectionExpandable .SectionExpandable_header {
    border: 0;
    padding: 10px;
}

.SectionExpandable .SectionExpandable_header .Heading2 {
    color: #1f6f99;
    font-size: 14px;
    font-weight: 700;
    line-height: 14px;
}

.SectionExpandable .SectionExpandable_header .Heading2.SectionExpandable__icon {
    font-size: 24px;
}
     
/* SILK Patterns > Separator */


/* SILK Patterns > Tooltip */
.tooltip_style {
    background-color: #fff;
    border: 1px solid #dadbde;
    color: #79868a;
    padding: 6px;
}

/* TOOLTIP FIX */
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
    bottom: -8px;
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span,
.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    top: -8px;
}

.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
    right: -8px;
}

.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
    left: -8px;
}

/*------------------------------------------------------------*/
/* 7.2 SILK Patterns > Controls *******************************/
/*------------------------------------------------------------*/

/* SILK Patterns > ButtonGroup */
.ButtonGroup_button.Button {
    border-color: #abc4d6;
    color: #1f6f99;
}

.ButtonGroup_button.Button:first-child {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 0;
    border-top-left-radius: 3px;
    border-top-right-radius: 0;
}

.ButtonGroup_button.Button:last-child {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 3px;
}

.desktop .ButtonGroup_button.Button.disabled,
.desktop .ButtonGroup_button.Button.disabled:hover {
    background-color: #e6e6e6;
    border: 1px solid #dadbde;
    box-shadow: none;
    color: #b8bdc1;
}

.ButtonGroup_button.active,
.desktop .ButtonGroup_button.active:hover {
    background: #1f6f99;
    box-shadow: none;
    color: #fff;
}

.ButtonGroup_button.active span.fa,
.desktop .ButtonGroup_button.active:hover span.fa {
    color: #fff;
}

.ButtonGroup_button.Button:not(:last-child):hover {
    border-width: 1px 0 1px 1px;
}

.phone .ButtonGroup_button.Button:first-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px;
}

.phone .ButtonGroup_button.Button:last-child {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.phone .NoResponsive > .ButtonGroup .ButtonGroup_button.Button:first-child {
    border-bottom-left-radius: 3px;
    border-top-right-radius: 0;
}


.phone .NoResponsive > .ButtonGroup .ButtonGroup_button.Button:last-child {
    border-bottom-left-radius: 0;
    border-top-right-radius: 3px;
}

/* SILK Patterns > Calendar */
.Calendar-day-selected,
.Calendar-day-selected:hover {
    background: #1f6f99;
 }
 
body > .Calendar-topCont .Calendar-day,
body > .Calendar-topCont .Calendar-weekNumber,
.Calendar-dayNames div,
.Calendar-bottomBar-today,
.triggerTime,
.triggerTimeBack {
    border: 1px solid #fff;
    color: #616568;
    height: 100%;
    line-height: 30px;
    position: relative;
}

.Calendar-bottomBar-today {
    color: #1f6f99;
    font-weight: 700;
}


/* SILK Patterns > Dropdown */
.DropdownMenu .PH > a {
    color: #1f6f99;
}

.ButtonDropdown.open .ButtonDropdown_button.Button {
    background-color: #f5f5f5;
    border-bottom-width: 1px;
    box-shadow: inset 0 2px 4px 0 rgba(18,20,20,.2);
}

.ButtonDropdown.open .ButtonDropdown_button.Button .ButtonDropdown_icon {
    background-color: transparent;
}

.ButtonDropdown_button.Button {
    padding-right: 0;
}
.ButtonDropdown_icon {
    background-color: #f8f9fb;
    height: 100%;
    margin-left: 10px;
    width: 30px;
}

.phone .ButtonDropdown_icon,
.tablet .ButtonDropdown_icon {
    height: 35px;
}

.ButtonDropdown_button.Button:hover .ButtonDropdown_icon {
    background-color: transparent;
    -webkit-transition: all 100ms ease;
            transition: all 100ms ease;
}

.IconDropdown_button.Button {
    padding-right: 0;
}

.IconDropdown_button.Button .IconDown {
    background-color: #f8fafb;
    height: 100%;
    margin-left: 10px;
    width: 30px;
}

.phone .IconDropdown_button.Button .IconDown,
.tablet .IconDropdown_button.Button .IconDown {
    height: 35px;
}

.IconDropdown_button.Button:hover .IconDown {
    background-color: transparent;
    -webkit-transition: all 100ms ease;
            transition: all 100ms ease;
}

.IconDropdown.open .IconDropdown_button.Button {
    background-color: #f5f5f5;
    box-shadow: inset 0 2px 4px 0 rgba(18,20,20,.2);
}

.IconDropdown.open .IconDropdown_button.Button .IconDown {
    background-color: transparent;
}

/* SILK Patterns > FileUpload */
.FileUpload {
    border-radius: 4px;
}

/* SILK Patterns > InputWithIcons */
.InputWithIcons input[type="text"],
.InputWithIcons input[type="password"],
.InputWithIcons input[type="datetime"],
.InputWithIcons input[type="datetime-local"],
.InputWithIcons input[type="date"],
.InputWithIcons input[type="month"],
.InputWithIcons input[type="time"],
.InputWithIcons input[type="week"],
.InputWithIcons input[type="number"],
.InputWithIcons input[type="email"],
.InputWithIcons input[type="url"],
.InputWithIcons input[type="search"],
.InputWithIcons input[type="tel"],
.InputWithIcons input[type="color"] {
    padding-left: 40px;
}

.InputWithIcons.Right input[type="text"],
.InputWithIcons.Right input[type="password"],
.InputWithIcons.Right input[type="datetime"],
.InputWithIcons.Right input[type="datetime-local"],
.InputWithIcons.Right input[type="date"],
.InputWithIcons.Right input[type="month"],
.InputWithIcons.Right input[type="time"],
.InputWithIcons.Right input[type="week"],
.InputWithIcons.Right input[type="number"],
.InputWithIcons.Right input[type="email"],
.InputWithIcons.Right input[type="url"],
.InputWithIcons.Right input[type="search"],
.InputWithIcons.Right input[type="tel"],
.InputWithIcons.Right input[type="color"] {
    padding-right: 40px;
}

.InputWithIcons.Right .InputIcon {
    border-bottom-right-radius: 1px;
    border-top-right-radius: 1px;
}

.InputWithIcons .InputIcon {
    background: transparent;
    border: 0;
    border-radius: 1px 0 0 1px;
    color: #1f6f99;
    height: 100%;
    line-height: 1;
    top: 0;
    width: 40px;
}

.InputWithIcons .InputIcon .fa {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    vertical-align: middle;
}

/* SILK Patterns > RangeSlider */
.SliderRange .ui-slider-range {
    background: #ca081e;
    border-radius: 16px;
    box-shadow: none;
    height: 16px;
}

.SliderRange {
    background-color: #dadbde;
    border: none;
    border-radius: 16px;
    box-shadow: none;
    height: 16px;
}

.SliderRange .ui-slider-handle,
.phone .SliderRange .ui-slider-handle,
.tablet .SliderRange .ui-slider-handle {
    background: none;
    background-color: #fff;
    border-radius: 30px;
    box-shadow: 0 1px 3px rgba(107, 107, 107, .3);
    height: 30px;
    top: -6px;
    width: 30px;
}

.SliderRange .ui-slider-handle:before,
.phone .SliderRange .ui-slider-handle:before,
.tablet .SliderRange .ui-slider-handle:before {
    height: 12px;
    left: 9px;
    margin-left: 0;
    top: 8px;
}

.SliderRange .ui-slider-handle:after,
.phone .SliderRange .ui-slider-handle:after,
.tablet .SliderRange .ui-slider-handle:after {
    height: 12px;
    left: 13px;
    top: 8px;
    width: 2px;
}

.SliderRange .ui-slider-handle:active {
    box-shadow: none;
}

/* SILK Patterns > Search */


/* SILK Patterns > Select2 */
.select2-container .select2-choice .select2-arrow,
.select2-container .select2-choice div {
    background-color: #ebedf1;
    border-left: 0;
    text-align: center;
    width: 30px;
}

.select2-container .select2-choice .select2-arrow:before,
.select2-container .select2-choice div:before {
    color: #1f6f99;
    content: "\f107";
    display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;

    text-rendering: auto;
}

.select2-dropdown-open .select2-choice .select2-arrow:before,
.select2-dropdown-open .select2-choice div:before {
    content: "\f106";
}

.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
    display: none;
}

/*.select2-container .select2-choice .select2-arrow b,
.select2-container .select2-choice div b {
    background-position: 7px 6px;
}

.select2-dropdown-open .select2-choice .select2-arrow b,
.select2-dropdown-open .select2-choice div b {
    background-position: -11px 6px;
}*/

.select2-container .select2-choice {
    height: 40px;
    line-height: 40px;
}

.select2-container-active .select2-choice,
.select2-drop-active {
    box-shadow: none;
}

.select2-container .select2-choice span {
    color: #1c1e1f;
    font-size: 16px;
}

.select2-dropdown-open .select2-choice {
    background-color: #fff;
}

.select2-drop.select2-drop-active {
    border-top: 1px solid #dadbde;
    padding-top: 5px;
}

.select2-search {
    padding: 0 4px;
}

.select2-search:before {
    color: #b8bdc1;
    content: "\f002";
    font: normal normal normal 14px/1 FontAwesome;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    left: 10px;
    position: absolute;
    top: 50%;
    text-rendering: auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.select2-search input {
    background: #fff;
    background-position: -38px -22px;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 14px;
    line-height: 24px;
    padding: 0 5px 0 24px;
}

.select2-results {
    margin: 0;
    padding: 5px;
}

.select2-results .select2-highlighted {
    background: #e9f1f5;
    color: #1c1e1f;
}

/* SILK Patterns > ToggleButton */
.ToggleButton {
    background-color: #dadbde;
    border: 0;
    border-radius: 40px;
}

.ToggleButton.changed {
    background-color: #4ec054;
}

.ToggleButton_label:after,
.ToggleButton_label.changed:after {
    border-radius: 20px;
    box-shadow: 0 1px 1px rgba(107, 107, 107, .5);
    top: 6px;
}

/*------------------------------------------------------------*/
/* 7.3 SILK Patterns > Data ***********************************/
/*------------------------------------------------------------*/

/* SILK Patterns > Badge */
.Badge {
    padding: 2px 0;
}

/* SILK Patterns > Counter */
.Counter {
    background-color: #fff;
    border: 1px solid #dcdee0;
    border-bottom: solid 4px #fff;
}

.Counter_label {
    color: #848889;
}

.Counter_number {
    color: #1c1e1f;
    font-weight: bold;
}

/* SILK Patterns > IconBadge */
.IconBadge_number {
    letter-spacing: normal;
    min-width: 20px;
    text-shadow: none;
    top: -6px;
}

/* SILK Patterns > ProgressBar */
.Progress {
    background-color: #dadbde;
    border-radius: 40px;
    box-shadow: none;
}

.Progress_bar {
    border-radius: 40px;
}

/* SILK Patterns > Tile */
.Tile {
    background-color: #fff;
    border: 1px solid #dcdee0;
    border-bottom: solid 4px #fff;
    color: #1c1e1f;
}

.TileIcon_icon,
.TileNumber_number,
.TileIconText_icon {
    color: #384142;
}

/* SILK Patterns > UserInitials */
.UserInitials {
    background-color: transparent !important;
    border: solid 2px transparent;
    box-sizing: content-box;
}

/*------------------------------------------------------------*/
/* 7.4 SILK Patterns > Layout *********************************/
/*------------------------------------------------------------*/

/* SILK Patterns > Layout Popup */
div.os-internal-Popup .os-internal-ui-dialog,
div.os-internal-Popup.os-internal-ui-dialog {
    max-height: 80vh;
}


div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar {
    background-color: #fff;
    height: 50px;
    padding-top: 10px;
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close {
    background-image: url(/SilkUIFramework/img/PopupCloseDark.png?2243);
    opacity: .3;
    right: 20px;
    top: 20px;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title {
    background: transparent;
    color: #b8bdc1;
    font-size: 26px;
    height: 26px;
    right: 30px;
    top: 26px;
    transition: none;
    width: 26px;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title:before {
    content: "\f00d";
    font-family: FontAwesome;
    height: 100%;
    line-height: 26px;
    position: absolute;
    text-align: center;
    width: 100%;
}

div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-titlebar-close-no-title:hover {
    background: transparent;
    opacity: 1;
    transform: none;
}

div.os-internal-Popup .os-internal-ui-dialog .os-internal-ui-dialog-title,
div.os-internal-Popup.os-internal-ui-dialog .os-internal-ui-dialog-title {
    color: #131819;
    font-size: 22px;
    font-weight: 400;
}

/*------------------------------------------------------------*/
/* 7.5 SILK Patterns > Mobile *********************************/
/*------------------------------------------------------------*/

/* SILK Patterns > BottomMenu */
.BottomMenu_wrapper {
    background-color: transparent;
}

.BottomMenu_wrapper a,
.BottomMenu_item {
    color: #1c1e1f;
    padding: 8px 0 5px;
}

.BottomMenu_item.active {
    background-color: #ca081e;
}

.BottomMenu_item.active span.fa {
    color: #fff;
}

.BottomMenu_wrapper a span.fa,
.BottomMenu_item span.fa {
    color: #ca081e;
    font-size: 30px;
    margin-bottom: 15px;
}

/* SILK Patterns > ListItem */
.ListItem {
    background-color: #fff;
    border: 1px solid #e1e3ea;
    padding-left: 15px;
}

.ListItem:not(.ListItemToggle) {
    font-weight: 700;
}

a .ListItem {
    color: #1f6f99;
}

a .ListItem:after {
    color: #b8bdc1;
}

a:hover > .ListItem {
    background-color: #f5f8fd;
}

/* SILK Patterns > ListItemGroup */
.ListItemGroup {
    border: 1px solid #e1e3ea;
}

.ListItemGroup .ListItem {
    border: 0;
    border-bottom: 1px solid #e1e3ea;
}

/* SILK Patterns > ListItemToggle */
.ListItem.ListItemToggle {
    color: #1c1e1f;
    font-size: 16px;
}

/*------------------------------------------------------------*/
/* 7.6 SILK Patterns > Navigation *****************************/
/*------------------------------------------------------------*/

/* SILK Patterns > Breadbrumbs */
.Breadcrumbs {
    font-size: 14px;
}

.Breadcrumbs a {
    font-weight: 700;
}

/* SILK Patterns > NavigationBar */
.NavigationBar a,
.NavigationBar a:link,
.NavigationBar a:visited {
    color: #384142;
}

.NavigationBar a.Active {
    color: #131819;
}

.NavigationBar a.Active:after {
    background-color: #1f6f99;
}

.NavigationBar a.Active:not(.ie7):before,
.NavigationBar a.Active:not(.ie8):before {
    border-bottom-color: #1f6f99;
}

.desktop .NavigationBar a:hover:after,
.desktop .NavigationBar a:link:hover:after {
    background-color: #1f6f99;
}

.desktop .NavigationBar a:hover,
.desktop .NavigationBar a:link:hover {
    font-weight: 600;
}

.phone .NavigationBar a:active,
.phone .NavigationBar a:link:active,
.tablet .NavigationBar a:active,
.tablet .NavigationBar a:link:active {
    color: #1f6f99;
}

.phone .NavigationBar a:active:after,
.phone .NavigationBar a:link:active:after,
.tablet .NavigationBar a:active:after,
.tablet .NavigationBar a:link:active:after {
    background-color: #1f6f99;
}

/* SILK Patterns > SectionIndex */
.SectionIndex.vertical a.active,
.SectionIndex.vertical a:hover {
    border-left-color: #1f6f99;
}

.SectionIndex a.active,
.SectionIndex a:hover {
    color: #1f6f99;
}

/* SILK Patterns > Tabs */
.Tabs {
    border-color: #dadbde;
}

.Tabs_body {
    background-color: #fff;
}

.Tabs__tab {
    background-color: #e6eef3;
    border: 0;
    border-top: solid 1px #e6eef3;
    color: #616568;
}

.Tabs__tab:hover {
    border-top: 1px solid #dadbde;
}

.Tabs__tab.active {
    border-top: solid 1px #dadbde;
    color: #333;
}

/* SILK Patterns > Wizard */
.WizardParent {
    border: 0;
}

.WizardStep a,
.WizardStep a:link,
.WizardStep a[disabled="disabled"],
.WizardStep a[disabled="disabled"]:hover {
    color: #79868a;
}

.WizardStep:after {
    border-right: 1px solid #b8bdc1;
    border-top: 1px solid #b8bdc1;
}

.WizardStep:before {
    border-bottom-width: 19px;
    border-top-width: 19px;
}

.WizardStep.Past a,
.WizardStep.Past a:link,
.WizardStep.Past a[disabled="disabled"],
.WizardStep.Past a[disabled="disabled"]:hover {
    color: #1f6f99;
}

.WizardStep.Past {
    background-color: #fff;
}

.WizardStep.Past:before {
    border-bottom-color: #fff;
    border-top-color: #fff;
}

.WizardStep.Past:after {
    border-right-color: #1f6f99;
    border-top-color: #1f6f99;
}

.WizardStep.ActiveStep {
    background-color: #1f6f99;
    color: #fff;
}

.WizardStep.ActiveStep a,
.WizardStep.ActiveStep a:link,
.WizardStep.ActiveStep a[disabled="disabled"],
.WizardStep.ActiveStep a[disabled="disabled"]:hover {
    color: #fff;
}

.WizardStep.ActiveStep:before {
    border-bottom-color: #1f6f99;
    border-top-color: #1f6f99;
}

/*------------------------------------*\
      $8. Usefull Classes
\*------------------------------------*/

/*------------------------------------------------------------*/
/* 8.1 Usefull Classes > Text Classes *************************/
/*------------------------------------------------------------*/

.Heading1 {
    font-size: 32px;
    font-weight: bold;
    line-height: 34px;
}

.Heading2 {
    font-size: 22px;
    font-weight: bold;
    line-height: 24px;
}

.Heading3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 20px;
}

.Heading4 {
    font-size: 16px;
    font-weight: normal;
    line-height: 18px;
}

.Label {
    border-radius: 10px;
    padding: 2px 8px;
}

.Text_Note {
    color: #888;
}

/*------------------------------------------------------------*/
/* 8.2 Usefull Classes > Buttons ******************************/
/*------------------------------------------------------------*/

.Button,
a.Button,
.Button.Is_Default.Is_Not_Default,
a.Button.Is_Default.Is_Not_Default {
    background: #fff;
    background-image: -webkit-linear-gradient(top, #f8fbfd 0%, #f8f9fa 100%);
    background-image:         linear-gradient(180deg, #f8fbfd 0%, #f8f9fa 100%);
    border: 1px solid #abc4d6;
    border-radius: 3px;
    box-shadow: none;
    color: #1f6f99;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    text-transform: uppercase;
    -webkit-transition: all 100ms ease;
            transition: all 100ms ease;
}

.ie8 .Button,
.ie8 a.Button {
    border-bottom-width: 1px;
}

input.Button:focus {
    border-bottom: 1px solid #999;
}

input.Button {
    height: 40px;
    line-height: 40px;
}

.desktop .Button:hover,
.desktop a.Button:hover,
.desktop .Button.Is_Default.Is_Not_Default:hover,
.desktop a.Button.Is_Default.Is_Not_Default:hover {
    background-image: -webkit-linear-gradient(top, #f3f6f9 0%, #eff3f6 100%);
    background-image:         linear-gradient(180deg, #f3f6f9 0%, #eff3f6 100%);
    border: 1px solid #abc4d6;
    color: #1f6f99;
}

.Button:hover:active,
a.Button:hover:active,
.Button.Is_Default.Is_Not_Default:hover:active,
a.Button.Is_Default.Is_Not_Default:hover:active {
    background-image: -webkit-linear-gradient(top, #e2e9ee 0%, #e2e9ee 100%);
    background-image:         linear-gradient(180deg, #e2e9ee 0%, #e2e9ee 100%);
    border: 1px solid #abc4d6;
    color: #1f6f99;
}

/* Usefull Classes > Default Action Button */
.Button.ButtonDefault,
.Button.Is_Default {
    background: #ea0524;
    background-image: -webkit-linear-gradient(top, #ea0524 0%, #ca081e 100%);
    background-image:         linear-gradient(180deg, #ea0524 0%, #ca081e 100%);
    border: 1px solid #960000;
    color: #fff;
    -webkit-transition: none;
            transition: none;
}

.desktop .Button.ButtonDefault:hover,
.desktop .Button.Is_Default:hover {
    background: #d90a26;
    background-image: -webkit-linear-gradient(top, #d90a26 0%, #b10d23 100%);
    background-image:         linear-gradient(180deg, #d90a26 0%, #b10d23 100%);
    border: 1px solid #960000;
    color: #fff;
}

.Button.ButtonDefault:hover:active,
.Button.Is_Default:hover:active {
    background: #a80c1f;
    border: 1px solid #960000;
    color: #fff;
}

/* Scaffolding buttons */
a.ActionAdd,
a.ActionAdd:link,
a.ActionAdd:visited,
a.ActionEdit,
a.ActionEdit:link,
a.ActionEdit:visited,
a.ActionDelete,
a.ActionDelete:link,
a.ActionDelete:visited,
a.ActionChange,
a.ActionChange:link,
a.ActionChange:visited {
    background-image: -webkit-linear-gradient(top, #ea0524 0%, #ca081e 100%);
    background-image:         linear-gradient(180deg, #ea0524 0%, #ca081e 100%);
    border: 1px solid #960000;
    border-radius: 3px;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-weight: 700;
    line-height: 40px;
    margin-left: 10px;
    min-width: 80px;
    padding: 0 15px;
    text-align: center;
    -webkit-transition: all 100ms ease;
            transition: all 100ms ease;
}

.desktop a.ActionAdd:hover,
.desktop a.ActionAdd:hover:visited,
.desktop a.ActionAdd:link:hover,
.desktop a.ActionEdit:hover,
.desktop a.ActionEdit:link:hover,
.desktop a.ActionEdit:link:visited,
.desktop a.ActionDelete:hover,
.desktop a.ActionDelete:hover:visited,
.desktop a.ActionDelete:link:hover,
.desktop a.ActionChange:hover,
.desktop a.ActionChange:hover:visited,
.desktop a.ActionChange:link:hover {
    background-image: -webkit-linear-gradient(top, #d90a26 0%, #b10d23 100%);
    background-image:         linear-gradient(180deg, #d90a26 0%, #b10d23 100%);
    border: 1px solid #960000;
    color: #fff;
}

.desktop a.ActionAdd:hover:active,
.desktop a.ActionEdit:hover:active,
.desktop a.ActionDelete:hover:active,
.desktop a.ActionChange:hover:active {
    background: #a80c1f;
    border: 1px solid #960000;
    color: #fff;
}

/* Usefull Classes > Other buttons */
.Button.Cancel {
    background-image: -webkit-linear-gradient(top, #fafafa 0%, #f2f2f3 100%);
    background-image:         linear-gradient(180deg, #fafafa 0%, #f2f2f3 100%);
    border: 1px solid #c2ced7;
    color: #616568;
}

.desktop .Button.Cancel:hover {
    background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #ebebec 100%);
    background-image:         linear-gradient(180deg, #f3f3f3 0%, #ebebec 100%);
    border: 1px solid #c2ced7;
    color: #616568;
}

.Button.Cancel:hover:active {
    background-image: -webkit-linear-gradient(top, #e2e2e2 0%, #e2e2e2 100%);
    background-image:         linear-gradient(180deg, #e2e2e2 0%, #e2e2e2 100%);
    border: 1px solid #c2ced7;
    color: #616568;
}

.Button.Success {
    background: #66bb6a;
    border: 1px solid #429a46;
    color: #fff;
}

.desktop .Button.Success:hover {
    background: #569f5a;
    border: 1px solid #429a46;
    color: #fff;
}

.Button.Success:hover:active {
    background: #478249;
    border: 1px solid #478249;
    color: #fff;
}

.Button.Danger,
a.ActionDelete {
    background: #ee442c;
    border: 1px solid #d01a1a;
    color: #fff;
}

.desktop .Button.Danger:hover {
    background: #d7432e;
    border: 1px solid #d01a1a;
    color: #fff;
}

.Button.Danger:hover:active {
    background: #b23c17;
    border: 1px solid #b23c17;
    color: #fff;
}

.Button.Link {
    background: transparent;
    border: transparent;
    box-shadow: none;
    color: #1f6f99;
}

.desktop .Button.Link:hover {
    background: transparent;
    border-color: #1f6f99;
    color: #1f6f99;
}

a.Button.Link:active,
.Button.Link:active {
    background: transparent;
    border-color: #1f6f99;
    color: #1f6f99;
}

.Button.Small,
.Panel__Actions .Button,
.Section_Actions .Button {
    font-size: 11px;
    height: 26px;
    line-height: 24px;
    min-width: 60px;
    padding-left: 10px;
    padding-right: 10px;
}

.Button.Icon {
    min-width: 0;
}

.Button.Icon span.fa {
    margin: 0;
}

.Button.Loading:before,
.Button.Loading[disabled]:before,
.Button.Loading:disabled:before {
    background-image: url(/Estafeta_Theme/img/ajax_loader_blue.gif?2021);
    background-size: 16px 16px;
    content: "";
    display: inline-block;
    height: 16px;
    margin-right: 5px;
    margin-top: -2px;
    vertical-align: middle;
    width: 16px;
}

.Button.Is_Default.Loading:before,
.Button.Is_Default.Loading[disabled]:before,
.Button.Is_Default.Loading:disabled:before,
.Button.ButtonDefault.Loading:before,
.Button.ButtonDefault.Loading[disabled]:before,
.Button.ButtonDefault.Loading:disabled:before {
    background-image: url(/Estafeta_Theme/img/ajax_loader_blue.gif?2021);
}

.Button.Small.Loading:before {
    margin-top: 4px;
}

.Button.Loading.Icon:before {
    margin-right: 0;
}

.Button.Loading span.fa {
    display: none;
}

.Button[disabled],
.Button:disabled,
.Button.Is_Default[disabled],
.Button.ButtonDefault[disabled],
.Button.Is_Default:disabled,
.Button.ButtonDefault:disabled,
.Button.Danger[disabled],
.Button.Danger:disabled,
.Button.Success[disabled],
.Button.Success:disabled,
.Button.Cancel[disabled],
.Button.Cancel:disabled,
.desktop .Button.Is_Default[disabled]:hover,
.desktop .Button.Is_Default:disabled:hover,
.desktop .Button[disabled]:hover,
.desktop .Button:disabled:hover,
.desktop .Button.Cancel[disabled]:hover,
.desktop .Button.Cancel:disabled:hover,
.desktop .Button.Danger[disabled]:hover,
.desktop .Button.Danger:disabled:hover,
.desktop .Button.Success[disabled]:hover,
.desktop .Button.Success:disabled:hover {
    background: #e6e6e6;
    border: 1px solid #e6e6e6;
    color: #b8bdc1;
    pointer-events: none;
}

.Button.Link[disabled],
.Button.Link:disabled {
    background-color: transparent;
    color: #999;
}

/* Responsive Context **************************/
.phone .Button,
.tablet .Button,
.phone a.Button,
.tablet a.Button {
    height: 38px;
    line-height: 36px;
    text-decoration: none;
}

.phone input.Button:focus,
.tablet input.Button:focus,
.phone input.Button,
.tablet input.Button {
    height: 37px;
    line-height: 37px;
}

.phone .Button.Small,
.tablet .Button.Small {
    height: 30px;
    line-height: 28px;
}

/*------------------------------------------------------------*/
/* 8.3 Usefull Classes > Background Colors ********************/
/*------------------------------------------------------------*/

.Black {
    background-color: #1c1e1f;
}

.Blue {
    background-color: #2175d9;
}

.DarkBlue {
    background-color: #00308f;
}

.DarkPlum {
    background-color: #970263;
}

.DarkRed {
    background-color: #b10000;
}

.Gray {
    background-color: #616568;
}

.Green {
    background-color: #388e3c;
}

.LightGreen {
    background-color: #64be68;
}

.Orange {
    background-color: #da6802;
}

.Plum {
    background-color: #c32b87;
}

.Red {
    background-color: #d01a1a;
}

.Silver {
    background-color: #b8bdc1;
}

.Turquoise {
    background-color: #00b0c1;
}

.White {
    background-color: #fff;
}

.Yellow {
    background-color: #dab702;
}

/* New Colors */
.RedEstafeta {
    background-color: #ca081e;
}

.BlueEstafeta {
    background-color: #1f6f99;
}

.Grey {
    background-color: #f5f8fc;
}

.LightSilver {
    background-color: #e6e6e6;
}

.DarkSilver {
    background-color: #848889;
}

.DarkGray {
    background-color: #3b3e40;
}

/* Usefull Classes > Counter & Tile Background */
.Counter.Black,
.Tile.Black {
    background-color: #fff;
    border-bottom-color: #1c1e1f;
}

.Counter.Blue,
.Tile.Blue {
    background-color: #fff;
    border-bottom-color: #2175d9;
}

.Counter.DarkBlue,
.Tile.DarkBlue {
    background-color: #fff;
    border-bottom-color: #00308f;
}

.Counter.DarkPlum,
.Tile.DarkPlum {
    background-color: #fff;
    border-bottom-color: #970263;
}

.Counter.DarkRed,
.Tile.DarkRed {
    background-color: #fff;
    border-bottom-color: #b10000;
}

.Counter.Gray,
.Tile.Gray {
    background-color: #fff;
    border-bottom-color: #616568;
}

.Counter.Green,
.Tile.Green {
    background-color: #fff;
    border-bottom-color: #388e3c;
}

.Counter.LightGreen,
.Tile.LightGreen {
    background-color: #fff;
    border-bottom-color: #64be68;
}

.Counter.Orange,
.Tile.Orange {
    background-color: #fff;
    border-bottom-color: #da6802;
}

.Counter.Plum,
.Tile.Plum {
    background-color: #fff;
    border-bottom-color: #c32b87;
}

.Counter.Red,
.Tile.Red {
    background-color: #fff;
    border-bottom-color: #d01a1a;
}

.Counter.Silver,
.Tile.Silver {
    background-color: #fff;
    border-bottom-color: #b8bdc1;
}

.Counter.Transparent,
.Tile.Transparent {
    background-color: #fff;
    border-bottom-color: transparent;
}

.Counter.Turquoise,
.Tile.Turquoise {
    background-color: #fff;
    border-bottom-color: #00b0c1;
}

.Counter.White,
.Tile.White {
    background-color: #fff;
    border-bottom-color: #fff;
}

.Counter.Yellow,
.Tile.Yellow {
    background-color: #fff;
    border-bottom-color: #dab702;
}

/* New Colors */
.Counter.RedEstafeta,
.Tile.RedEstafeta {
    background-color: #fff;
    border-bottom-color: #ca081e;
}

.Counter.BlueEstafeta,
.Tile.BlueEstafeta {
    background-color: #fff;
    border-bottom-color: #1f6f99;
}

.Counter.Grey,
.Tile.Grey {
    background-color: #fff;
    border-bottom-color: #f5f8fc;
}

.Counter.LightSilver,
.Tile.LightSilver {
    background-color: #fff;
    border-bottom-color: #e6e6e6;
}

.Counter.DarkSilver,
.Tile.DarkSilver {
    background-color: #fff;
    border-bottom-color: #848889;
}

.Counter.DarkGray,
.Tile.DarkGray {
    background-color: #fff;
    border-bottom-color: #3b3e40;
}

/* Usefull Classes > User Initials Background */
.UserInitials.Black {
    border-color: #1c1e1f;
    color: #1c1e1f;
}

.UserInitials.Blue {
    border-color: #2175d9;
    color: #2175d9;
}

.UserInitials.DarkBlue {
    border-color: #00308f;
    color: #00308f;
}

.UserInitials.DarkPlum {
    border-color: #970263;
    color: #970263;
}

.UserInitials.DarkRed {
    border-color: #b10000;
    color: #b10000;
}

.UserInitials.Gray {
    border-color: #616568;
    color: #616568;
}

.UserInitials.Green {
    border-color: #388e3c;
    color: #388e3c;
}

.UserInitials.LightGreen {
    border-color: #64be68;
    color: #64be68;
}

.UserInitials.Orange {
    border-color: #da6802;
    color: #da6802;
}

.UserInitials.Plum {
    border-color: #c32b87;
    color: #c32b87;
}

.UserInitials.Red {
    border-color: #d01a1a;
    color: #d01a1a;
}

.UserInitials.Silver {
    border-color: #b8bdc1;
    color: #b8bdc1;
}

.UserInitials.Transparent {
    border-color: transparent;
    color: transparent;
}

.UserInitials.Turquoise {
    border-color: #00b0c1;
    color: #00b0c1;
}

.UserInitials.White {
    border-color: #fff;
    color: #fff;
}

.UserInitials.Yellow {
    border-color: #dab702;
    color: #dab702;
}

/* New Colors */
.UserInitials.RedEstafeta {
    border-color: #ca081e;
    color: #ca081e;
}

.UserInitials.BlueEstafeta {
    border-color: #1f6f99;
    color: #1f6f99;
}

.UserInitials.Grey {
    border-color: #f5f8fc;
    color: #f5f8fc;
}

.UserInitials.LightSilver {
    border-color: #e6e6e6;
    color: #e6e6e6;
}

.UserInitials.DarkSilver {
    border-color: #848889;
    color: #848889;
}

.UserInitials.DarkGray {
    border-color: #3b3e40;
    color: #3b3e40;
}

/*------------------------------------------------------------*/
/* 8.4 Usefull Classes > Text Colors **************************/
/*------------------------------------------------------------*/

.Page .Text_black {
    color: #1c1e1f;
}

.Page .Text_blue {
    color: #2175d9;
}

.Page .Text_darkBlue {
    color: #00308f;
}

.Page .Text_darkPlum {
    color: #970263;
}

.Page .Text_darkRed {
    color: #b10000;
}

.Page .Text_gray {
    color: #616568;
}

.Page .Text_green {
    color: #388e3c;
}

.Page .Text_lightGreen {
    color: #64be68;
}

.Page .Text_orange {
    color: #da6802;
}

.Page .Text_plum {
    color: #c32b87;
}

.Page .Text_red {
    color: #d01a1a;
}

.Page .Text_silver {
    color: #b8bdc1;
}

.Page .Text_turquoise {
    color: #00b0c1;
}

.Page .Text_white {
    color: #fff;
}

.Page .Text_yellow {
    color: #dab702;
}

/* New Colors */
.Page .Text_redEstafeta {
    color: #ca081e;
}

.Page .Text_blueEstafeta {
    color: #1f6f99;
}

.Page .Text_grey {
    color: #f5f8fc;
}

.Page .Text_lightSilver {
    color: #e6e6e6;
}

.Page .Text_darkSilver {
    color: #848889;
}

.Page .Text_darkGray {
    color: #3b3e40;
}

/*------------------------------------*\
      $9. Estafeta Patterns
\*------------------------------------*/

/*------------------------------------------------------------*/
/* 9.1 Estafeta Patterns > Expandable Filters *****************/
/*------------------------------------------------------------*/

.ExpandableFilters {
    background: #fff;
    padding: 0 20px;
    position: relative;
}

.ExpandableFilters_Header {
    background: #fff;
    border-bottom: 1px solid #fff;
    display: table;
    line-height: 40px;
    padding: 10px 0;
    width: 100%;
}

.ExpandableFilters.open .ExpandableFilters_Header {
    border-color: #e1e3ea;
}

.ExpandableFilters_Search {
    border-right: 1px solid #e1e3ea;
    display: table-cell;
    overflow: hidden;
    padding-right: 15px;
    position: relative;
    width: 35%;
}

.ExpandableFilters_SearchInput {
    margin-left: 30px;
}

.ExpandableFilters_SearchInput input[type="text"] {
    border: 0;
    border-bottom: 1px dotted #fff;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}

.ExpandableFilters_SearchInput input[type="text"]:focus {
    border-bottom-color: #e1e3ea;
}

.ExpandableFilters_Search .fa {
    color: #d3d8db;
    font-size: 24px;
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: auto;
}

.ExpandableFilters_SearchInput:empty + .fa {
    display: none;
}

.ExpandableFilters_Options {
    display: table-cell;
    padding: 0 15px;
    width: auto;
}

.ExpandableFilters_Options input[type="radio"] {
    vertical-align: text-bottom;
}

.ExpandableFilters_Toggler {
    color: #1f6f99;
    display: table-cell;
    font-weight: 700;
    padding-left: 15px;
    text-align: right;
    white-space: nowrap;
    width: 100px;
}

.ExpandableFilters_Toggler:hover {
    color: #ca081e;
    cursor: pointer;
}

.ExpandableFilters_Toggler .WhenOpen,
.ExpandableFilters.open .ExpandableFilters_Toggler .WhenClosed {
    display: none;
}

.ExpandableFilters.open .ExpandableFilters_Toggler .WhenOpen,
.ExpandableFilters_Toggler .WhenClosed {
    display: block;
}

.ExpandableFilters_Content {
    background: #fff;
    box-sizing: content-box;
    height: 0;
    overflow: hidden;
    padding: 0;
    -webkit-transition: all 500ms cubic-bezier(.420, .000, .580, 1.000);
            transition: all 500ms cubic-bezier(.420, .000, .580, 1.000);
    visibility: visible;
}

.ExpandableFilters.open .ExpandableFilters_Content {
    display: block;
    height: auto;
    overflow: visible;
    padding: 15px 0;
    visibility: visible;
}

.ExpandableFilters_Content .TableVerticalAlign .Cell1,
.ExpandableFilters_Content .TableVerticalAlign .Cell2 {
    padding: 0 3px;
}

/*------------------------------------------------------------*/
/* 9.2 Estafeta Patterns > Sec. Expandable Reccolecciones *****/
/*------------------------------------------------------------*/

.SectionExpandable.Reccolecciones {
    border: 1px solid #f5f8fc;
    border-radius: 3px;
    box-shadow: 0 1px 4px rgba(184, 189, 193, .75);
    margin-bottom: 10px;
}

.SectionExpandable.Reccolecciones:hover {
    background-color: #f5f8fc;
    border-color: #73aad5;
}

.SectionExpandable.Reccolecciones.expanded {
    background-color: #f5f8fc;
    border-radius: 0 0 3px 3px;
    border-top: 2px solid #ca081e;
}

.SectionExpandable.Reccolecciones .SectionExpandable_header {
    border-radius: 3px;
    display: block;
    padding: 13px 60px 13px 10px;
    position: relative;
}

.SectionExpandable.Reccolecciones.expanded .SectionExpandable_header:before {
    background: #e1e3ea;
    content: "";
    height: 1px;
    left: 20px;
    position: absolute;
    right: 20px;
    top: 100%;
}

.SectionExpandable.Reccolecciones .SectionExpandable__title {
    color: #1c1e1f;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
}

.SectionExpandable.Reccolecciones .SectionExpandable__icon {
    background-color: #f5f8fc;
    border-radius: 0 3px 3px 0;
    height: 100%;
    line-height: 1;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 50px;
}

.SectionExpandable.Reccolecciones .SectionExpandable__icon .fa {
    left: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 100%;
}

.SectionExpandable.Reccolecciones .SectionExpandable_header a {
    font-size: 18px;
    font-weight: 700;
    line-height: 20px;
}

.SectionExpandable.Reccolecciones .Text_Note {
    color: #616568;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
}

.SectionExpandable.Reccolecciones .SectionExpandable_content .Button.Icon {
    height: 32px;
    line-height: 32px;
    padding: 0 6px;
}

.SectionExpandable.Reccolecciones .SectionExpandable_content .Button.Icon:first-child {
    margin-left: 0;
}

/*------------------------------------------------------------*/
/* 9.3 Estafeta Patterns > Expand. Title Collumns *************/
/*------------------------------------------------------------*/

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

.HeaderCollumns > .HeaderCol {
    display: table-cell;
    padding: 0 20px;
    vertical-align: middle;
}

.HeaderCollumns .ColCheckBox {
    width: 1%;
    padding: 0 0 0 10px;
}

.HeaderCollumns .ColCheckBox:empty {
    display: none;
}

.HeaderCollumns .ColCheckBox input[type="checkbox"] {
    margin: 0;
}

.HeaderCollumns .Col1 {
    padding-left: 10px;
    position: relative;
    width: 1%;
}

.HeaderCollumns .Col1:before {
    background: #e6e6e6;
    content: "";
    height: 40px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 2px;
}

.HeaderCollumns .Col2 {
    width: 10%;
}

.HeaderCollumns .Col3 {
    width: 15%;
}

.HeaderCollumns .Col5 {
    padding-right: 10px;
    width: 12%;
}

.AccordionVertical___title .HeaderCol {
    color: #1c1e1f;
    font-weight: initial;
}

/*------------------------------------------------------------*/
/* 9.4 Estafeta Patterns > Expand. Content Collumns ***********/
/*------------------------------------------------------------*/

.ContentCollumns {
    display: table;
    min-height: 50px;
    width: 100%;
}

.ContentCollumns > .ContentCol {
    display: table-cell;
    padding: 0 20px;
    vertical-align: middle;
}

.ContentCollumns .Col1,
.ContentCollumns .Col2 {
    position: relative;
    width: 1%;
}

.ContentCollumns .Col1:before,
.ContentCollumns .Col2:before {
    background: #e6e6e6;
    content: "";
    height: 20px;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    width: 1px;
}

.ContentCollumns .Col1 {
    padding-left: 10px;
}

.ContentCollumns .Col3 {
    width: 10%;
}

.ContentCollumns .ContentCol.Last {
    padding-right: 10px;
    text-align: right;
    white-space: nowrap;
    width: 1%;
}

/*------------------------------------------------------------*/
/* 9.5 Estafeta Patterns > Label Reccolecciones ***************/
/*------------------------------------------------------------*/

.LabelReccolecciones {
    display: inline-block;
    white-space: nowrap;
}

.LabelReccolecciones_Color {
    border-radius: 5px;
    display: inline-block;
    height: 18px;
    margin-right: 5px;
    vertical-align: middle;
    width: 5px;
}

.LabelReccolecciones_Label {
    display: inline-block;
    font-size: 12px;
    font-weight: 700;
    line-height: 18px;
    min-width: 50px;
    vertical-align: middle;
}

/*------------------------------------------------------------*/
/* 9.6 Estafeta Patterns > Date Calendar **********************/
/*------------------------------------------------------------*/

.DateCalendar {
    color: #1c1e1f;
    position: relative;
    text-align: center;
    width: 40px;
}

.DateCalendar_Day {
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
}

.DateCalendar_Month {
    font-size: 16px;
    line-height: 18px;
}

.DateCalendar_ProgramedLabel {
    background-color: #b5bcc1;
    border-radius: 100%;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    height: 16px;
    line-height: 16px;
    position: absolute;
    right: -12px;
    top: 8px;
    width: 16px;
}

.DateCalendar_WeekDay {
    color: #3b3e40;
    font-size: 12px;
    font-weight: 700;
    height: 14px;
    line-height: 14px;
    position: absolute;
    right: -11px;
    top: 24px;
    width: 14px;
}

.DateCalendar_WeekDay .Label {
    height: 14px;
    line-height: 14px;
    margin: 0;
    padding: 0;
    width: 14px;
}

/*------------------------------------------------------------*/
/* 9.6.2 Estafeta Patterns > Date Calendar Wrapper ************/
/*------------------------------------------------------------*/

.DateCalendar_Wrapper {
    margin-top: 5px;
    white-space: nowrap;
}

.DateCalendar_Wrapper .DateCalendar {
    display: inline-block;
    width: auto;
}

.DateCalendar_Wrapper .DateCalendar:first-child {
    padding: 0 15px 0 8px;
}

.DateCalendar_Wrapper .DateCalendar:not(:first-child) {
    border-left: 1px solid #e6e6e6;
    padding: 0 15px;
}

.DateCalendar_Wrapper .DateCalendar_ProgramedLabel,
.DateCalendar_Wrapper .DateCalendar_WeekDay {
    display: none;
}

/*------------------------------------------------------------*/
/* 9.7 Estafeta Patterns > Reccolecciones Value And Label *****/
/*------------------------------------------------------------*/

.Recc_ValueAndLabel {
    display: inline-block;
    min-width: 146px;
    padding-right: 10px;
    white-space: nowrap;
}

.ValueAndLabel_Value {
    color: #1c1e1f;
    display: inline-block;
    font-size: 24px;
    line-height: 1;
    vertical-align: bottom;
}

.ValueAndLabel_Descriptor {
    color: #1c1e1f;
    display: inline-block;
    font-size: 18px;
    line-height: 21px;
    margin-left: 5px;
    vertical-align: bottom;
}

.ValueAndLabel_Descriptor .sup {
    font-size: 12px;
    vertical-align: super;
}

.ValueAndLabel_Label {
    color: #616568;
    display: inline-block;
    line-height: 17px;
    margin-left: 10px;
    vertical-align: bottom;
}

/*------------------------------------------------------------*/
/* 9.8 Estafeta Patterns > Columns 3/4 ************************/
/*------------------------------------------------------------*/

.Columns.Columns3_4 {
    width: 100%;
}

.Columns.Columns3_4 > .ColFirst {
    padding-left: 0;
    padding-right: 5px;
    width: 75%;
}

.Columns.Columns3_4 > .ColLast {
    padding-left: 5px;
    padding-right: 0;
    width: 25%;
}

.tablet .Columns.Columns3_4 > .ColFirst,
.phone .Columns.Columns3_4 > .ColFirst,
.tablet .Columns.Columns3_4 > .ColLast,
.phone .Columns.Columns3_4 > .ColLast {
    padding: 0;
    width: 100%;
}

/*------------------------------------------------------------*/
/* 9.9 Estafeta Patterns > WeekdayTime & Item *****************/
/*------------------------------------------------------------*/

.WeekdayTime_Wrapper {
    margin-bottom: 10px;
    min-height: 80px;
    white-space: nowrap;
}

.WeekdayTime_Item {
    display: inline-block;
    margin: 10px 15px;
    vertical-align: top;
}

.WeekdayTime_Item:first-child {
    margin-left: 0;
}

.WeekdayTime_Weekday {
    background-color: #f5e2e4;
    border-radius: 100%;
    color: #bd888e;
    font-size: 16px;
    font-weight: 700;
    height: 32px;
    line-height: 32px;
    margin-bottom: 10px;
    text-align: center;
    width: 32px;
}

.WeekdayTime_Weekday a {
    color: inherit !important;
    display: block;
}

.WeekdayTime_Time {
    border-top: 1px solid #e6e6e6;
    color: #616568;
    font-size: 12px;
    line-height: 14px;
    padding-top: 12px;
}

.WeekdayTime_Weekday.Black {
    background-color: #1c1e1f;
}

.WeekdayTime_Weekday.Blue {
    background-color: #2175d9;
}

.WeekdayTime_Weekday.DarkBlue {
    background-color: #00308f;
}

.WeekdayTime_Weekday.DarkPlum {
    background-color: #970263;
}

.WeekdayTime_Weekday.DarkRed {
    background-color: #b10000;
}

.WeekdayTime_Weekday.Gray {
    background-color: #616568;
}

.WeekdayTime_Weekday.LightGreen {
    background-color: #64be68;
}

.WeekdayTime_Weekday.Orange {
    background-color: #da6802;
}

.WeekdayTime_Weekday.Plum {
    background-color: #c32b87;
}

.WeekdayTime_Weekday.Silver {
    background-color: #b8bdc1;
}

.WeekdayTime_Weekday.Transparent {
    background-color: transparent;
}

.WeekdayTime_Weekday.Turquoise {
    background-color: #00b0c1;
}

.WeekdayTime_Weekday.White {
    background-color: #fff;
}

.WeekdayTime_Weekday.Yellow {
    background-color: #dab702;
}

.WeekdayTime_Weekday.Red {
    background: #f5e2e4;
}

.WeekdayTime_Weekday.Green {
    background: #64be68;
}

.WeekdayTime_Weekday.Text_black {
    color: #1c1e1f;
}

.WeekdayTime_Weekday.Text_blue {
    color: #2175d9;
}

.WeekdayTime_Weekday.Text_darkBlue {
    color: #00308f;
}

.WeekdayTime_Weekday.Text_darkPlum {
    color: #970263;
}

.WeekdayTime_Weekday.Text_gray {
    color: #616568;
}

.WeekdayTime_Weekday.Text_green {
    color: #388e3c;
}

.WeekdayTime_Weekday.Text_lightGreen {
    color: #64be68;
}

.WeekdayTime_Weekday.Text_orange {
    color: #da6802;
}

.WeekdayTime_Weekday.Text_plum {
    color: #c32b87;
}

.WeekdayTime_Weekday.Text_red {
    color: #d01a1a;
}

.WeekdayTime_Weekday.Text_silver {
    color: #b8bdc1;
}

.WeekdayTime_Weekday.Text_turquoise {
    color: #00b0c1;
}

.WeekdayTime_Weekday.Text_yellow {
    color: #dab702;
}

.WeekdayTime_Weekday.Text_darkRed {
    color: #bd888e;
}

.WeekdayTime_Weekday.Text_white {
    color: #fff;
}

/*------------------------------------------------------------*/
/* 9.10 Estafeta Patterns > Popup Estafeta Custom Classes *****/
/*------------------------------------------------------------*/

.PopupEstafeta .Heading1 {
    color: #1c1e1f;
    font-size: 26px;
    font-weight: 400;
    line-height: 30px;
}

.PopupEstafeta .Heading2 {
    color: #1c1e1f;
    font-size: 20px;
    font-weight: 700;
    line-height: 40px;
}

.PopupEstafeta .Heading3 {
    color: #1c1e1f;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
}

.PopupEstafeta .fa {
    color: #b8bdc1;
}

.MapWrapper {
    border: 3px solid #fff;
    overflow: hidden;
    height: 153px;
}

.MapWrapper .MapPlaceHolder {
    min-height: 100%;
    
    
}

.PopupEstafeta .MapWrapper {
    border-color: #dadbde;
    height: 243px;
    width: 243px;
}

/*------------------------------------------------------------*/
/* 9.11 Estafeta Patterns > Card Articles *********************/
/*------------------------------------------------------------*/

.CardArticles {
    background-color: #fff;
    margin-top: 10px;
    min-width: 120px;
    padding: 10px 15px;
    position: relative;
}

.CardArticles_Label {
    color: #616568;
    font-size: 14px;
    font-weight: 400;
    line-height: 17px;
    margin-bottom: 5px;
}

.CardArticles .Recc_ValueAndLabel {
    display: block;
    padding: 0;
}

.CardArticles .ValueAndLabel_Label {
    bottom: 10px;
    font-size: 20px;
    height: 25px;
    line-height: 25px;
    margin: 0;
    position: absolute;
    right: 15px;
    width: 25px;
}

/*------------------------------------------------------------*/
/* 9.12 Estafeta Patterns > Columns Fixed Right ***************/
/*------------------------------------------------------------*/

.ColumnsFixedRight {
    position: relative;
    width: 100%;
}

.ColumnsFixedRight .Column {
    display: inline-block;
    padding: 0 10px;
    vertical-align: top;
}

.ColumnsFixedRight .StaticColumn {
    padding-left: 0;
    width: 75%;
}

.ColumnsFixedRight .FixedColumn {
    padding-right: 0;
    -webkit-transition: top .2s;
            transition: top .2s;
    width: 25%;
}

.ColumnsFixedRight .FixedColumn.hasScrolled {
    position: fixed;
    right: 20px;
    top: 70px;
}

.ColumnsFixedRight .FixedColumn.FixedOnBottom {
    bottom: 0;
    position: absolute;
    right: 0;
    top: auto;
}

.tablet .ColumnsFixedRight .Column,
.phone .ColumnsFixedRight .Column {
    padding: 0;
    width: 100%;
}

/*------------------------------------------------------------*/
/* 9.13 Estafeta Patterns > Title Image Overlap ***************/
/*------------------------------------------------------------*/

.TitleImageOverlap {
    position: relative;
}

.TitleImageOverlap_Image {
    float: left;
    height: 43px;
    line-height: 43px;
    margin-right: -6px;
    position: relative;
    width: 43px;
    z-index: 0;
}

.TitleImageOverlap_Image img {
    height: 100%;
    margin: 0;
    width: 100%;
}

.TitleImageOverlap_Title {
    color: #1c1e1f;
    font-size: 26px;
    font-weight: 400;
    line-height: 43px;
    position: relative;
    z-index: 1;
}

/*------------------------------------------------------------*/
/* 9.14 Estafeta Patterns > Title Separator *******************/
/*------------------------------------------------------------*/

.TitleSeparator {
    background: #fff;
    position: relative;
}

.TitleSeparator:before {
    background: #eee;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 60%;
    width: 100%;
    z-index: 0;
}

.TitleSeparator_Title {
    background: #fff;
    color: #1c1e1f;
    display: inline-block;
    font-size: 16px;
    font-weight: 700;
    line-height: 42px;
    padding-right: 8px;
    position: relative;
    text-transform: uppercase;
    z-index: 1;
}

/*------------------------------------------------------------*/
/* 9.15 Estafeta Patterns > Panel Reccolecciones Detail *******/
/*------------------------------------------------------------*/

.PanelReccoleccionesDetail {
    background: #fff;
    border: 1px solid #dcdee0;
}

.PanelReccoleccionesDetail_Header {
    padding: 20px 30px 15px;
}

.PanelReccoleccionesDetail_Content {
    padding: 20px 30px 30px;
}

/*------------------------------------------------------------*/
/* 9.16 Estafeta Patterns > Section Expandable Swap Titles ****/
/*------------------------------------------------------------*/

.SwapTitles_TitleExpanded,
.SwapTitles_TitleCollapsed {
    -webkit-transition: opacity .2s;
            transition: opacity .2s;
}

.SectionExpandable:not(.expanded) .SwapTitles_TitleExpanded,
.SectionExpandable.expanded .SwapTitles_TitleCollapsed {
    height: 0;
    opacity: 0;
    overflow: hidden;
    visibility: hidden;
    
    
    
}

.SectionExpandable.expanded .SwapTitles_TitleExpanded,
.SectionExpandable:not(.expanded) .SwapTitles_TitleCollapsed {
    height: auto;
    opacity: 1;
    overflow: visible;
    visibility: visible;
}

/*------------------------------------------------------------*/
/* 9.17 Multi Select Costumization  ***************************/
/*------------------------------------------------------------*/

.ms-choice {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    color: #444;
    cursor: pointer;
    display: block;
    height: 40px;
    line-height: 40px;
    overflow: hidden;
    padding: 0;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
}

.ms-choice > span {
    color: #1c1e1f;
    font-size: 16px;
    padding: 0 8px;
    right: 30px;
}

.ms-choice > div {
    background: #ebedf1;
    background-clip: padding-box;
    border: 1px solid #ddd;
    border-left: 0;
    border-radius: 0 2px 2px 0;
    display: inline-block;
    height: 100%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 30px;
}

.ms-choice > div:before {
    color: #1f6f99;
    content: "\f107";
    display: inline-block;
    font: normal normal normal 18px/1 FontAwesome;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    text-rendering: auto;
}

.ms-choice > div.open {
    background: #ebedf1;
}

.ms-choice > div.open:before {
    content: "\f106";
}

.ms-drop.bottom {
    border: 1px solid #ddd;
    border-radius: 0 0 2px 2px;
    border-top: 1px solid #dadbde;
    box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
    padding-top: 5px;
}

.ms-search:before {
    color: #b8bdc1;
    content: "\f002";
    font: normal normal normal 14px/1 FontAwesome;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    left: 10px;
    position: absolute;
    top: 50%;
    text-rendering: auto;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
}

.ms-search input {
    background-position: -18px -22px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    box-shadow: none;
    font-size: 14px;
    line-height: 24px;
    padding: 0 5px 0 24px;
}

.ms-drop ul {
    padding: 5px;
}

.ms-drop ul > li {
    line-height: 20px;
    padding: 2px 4px;
}

.ms-drop ul > li:hover {
    background-color: #e9f1f5;
}

.ms-drop ul > li > label {
    cursor: pointer;
    font-size: 14px;
}

.ms-drop input[type="checkbox"] {
    height: 16px;
    margin-right: 4px;
    vertical-align: sub;
    width: 16px;
}

.ms-drop input[type="checkbox"]:before {
    box-sizing: border-box;
}

.ms-drop input[type="checkbox"]:after {
    height: 3px;
    left: 3px;
    top: 4px;
    width: 7px;
}

/*------------------------------------------------------------*/
/* 9.18 Estafeta Patterns > Date Calendar From To  ************/
/*------------------------------------------------------------*/

.DateCalendarFromTo {
    display: table;
    position: relative;
}

.DateCalendarFromTo .DateCalendar {
    display: table-cell;
}

.DateCalendarFromTo .DateCalendar:not(:first-child) {
    padding-left: 10px;
}

.DateCalendarFromTo_Conector {
    color: #888;
    display: table-cell;
    font-size: 14px;
    padding-left: 10px;
    vertical-align: middle;
}

.DateCalendar .DateCalendar_Year {
    color: #616568;
    font-size: 12px;
    vertical-align: top;
}

/*------------------------------------------------------------*/
/* 9.19 Estafeta Patterns > Date Time Calendar ****************/
/*------------------------------------------------------------*/

.DateTimeCalendar {
    display: table;
}

.DateTimeCalendar .DateCalendar {
    display: table-cell;
    width: auto;
}

.DateTimeCalendar .DateCalendar_Day {
    font-size: 18px;
    line-height: 22px;
}

.DateTimeCalendar .TimeCalendar {
    display: table-cell;
}

.TimeCalendar {
    padding: 5px 0 5px 10px;
    vertical-align: middle;
    white-space: nowrap;
}

.TimeCalendar .fa {
    color: #888;
    margin: 0 6px 0 0;
    width: auto;
}

.TimeCalendar_Time {
    color: #616568;
    display: inline;
    font-size: 14px;
}

/*------------------------------------*\
      $10. Custom Classes
\*------------------------------------*/

.MaxHeight500 {
    height: 500px;
    overflow-y: auto;
}

.VertAlignMid {
    vertical-align: middle !important;
}

/*------------------------------------*\
      $11. Studio Preview
\*------------------------------------*/

/*------------------------------------*\
      $12. Print
\*------------------------------------*/