/*-----------------------------------------------------------------*/
/* HOW-TO CUSTOMIZE THE CSS                                        */
/*                                                                 */
/* 1 - Find & Replace all #1E5AA3 (default color)                  */
/* 2 - Find & Change /RichWidgets/img/Header_Background_Blue.jpg   */
/* 3 - Find & Change /RichWidgets/img/Login_Image_Blue.jpg         */
/*                                                                 */
/* Alternatives:                                                   */
/*   - Red                                                         */
/*        #BE2C24                                                  */
/*        /RichWidgets/img/Header_Background_Red.jpg               */
/*        /RichWidgets/img/Login_Image_Red.jpg                     */
/*   - Green                                                       */
/*        #65BE45                                                  */
/*        /RichWidgets/img/Header_Background_Green.jpg             */
/*        /RichWidgets/img/Login_Image_Green.jpg                   */
/*   - Yellow                                                      */
/*        #E09B2C                                                  */
/*        /RichWidgets/img/Header_Background_Yellow.jpg            */
/*        /RichWidgets/img/Login_Image_Yellow.jpg                  */
/*   - Purple                                                      */
/*        #B1489B                                                  */
/*        /RichWidgets/img/Header_Background_Purple.jpg            */
/*        /RichWidgets/img/Login_Image_Purple.jpg                  */
/*   - Black                                                       */
/*        #434343                                                  */
/*        /RichWidgets/img/Header_Background_Black.jpg             */
/*        /RichWidgets/img/Login_Image_Black.jpg                   */
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/*----------------- HTML Elements Start ---------------------------*/
/*-----------------------------------------------------------------*/

html, form {
    height: 100%;
    margin: 0px;
    padding: 0px;
}
body {
    height: 100%;
    background-color: #EAEAEA;
    margin: 0px;
}

body,
select,
textarea,
input,
td,
th {
    text-align: left;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #333;
    /* Edu */
}

.Bold {
    display: inline;
    font-weight: bold;
}

.Italic {
    display: inline;
    font-style: italic;
}

.Underline {
    display: inline;
    text-decoration: underline;
}

input {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:solid 1px #C0C0C0; 
    padding: 2px 5px 2px 5px;
}

input[disabled='disabled'] {
    background: ButtonFace;
    cursor: text;
}


input[type='text'][readonly]{
    background: #EAEAEA;
}

input[type=radio],
input[type=checkbox] {
    margin: 0px;
    vertical-align: bottom;
}

input[type=file] {
    height: 21px;
    vertical-align: bottom;
}

textarea {
    margin-top: 2px;
    *margin-top: 0px;
}

table {
    border-collapse: separate;
    empty-cells: show;
}

a,
a:link,
a:visited {
    color: #1F5BA4;
    text-decoration: none;
}

a:hover {
    color: #CC3300;
}

a[disabled='disabled'] {
    color: ButtonShadow;
}

img {
    vertical-align: text-bottom;
    border-width: 0px;
}

/*-----------------------------------------------------------------*/
/*----------------- HTML Elements End -----------------------------*/
/*-----------------------------------------------------------------*/



/*-----------------------------------------------------------------*/
/*----------------- Service Studio Default Styles Start -----------*/
/*-----------------------------------------------------------------*/

/*-------------------------------------------------------*/
/* You can modify the styles in this area but you should */
/* not remove or rename them because they are used by    */
/* Service Studio widgets.                               */
/*-------------------------------------------------------*/

.Button {
    text-align: center;
    margin-right: 3px;
    padding: 5px 10px 5px 10px;
    *padding: 0px 3px 0px 3px;
}

.Button[disabled='disabled'] {
    padding: 1px 12px 2px 10px;
    color: ButtonShadow;
    cursor: text;
}

td .Button {
    font-size: 8pt;
}

.EditRecord {
}

.EditRecord_Caption {
    color: #444444;
    font-size: 11px;
    padding: 5px;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
    text-align: right;
}

.EditRecord_Value {
    border-left: 3px solid transparent;
    color: #444444;
    vertical-align: top;
}

.EditRecord_Buttons {
    text-align: left;
    padding-top: 8px;
    border-bottom: 2px solid #1E5AA3;
    padding-bottom: 3px;
}

.ShowRecord {
    
}

.ShowRecord_Caption {
    color: #808080;
    font-size: 16px;
    padding: 5px;
    font-weight: bold;
    vertical-align: top;
    white-space: nowrap;
    text-align: right;
    vertical-align: middle;
}

.ShowRecord_Value {
    border-left: 3px solid transparent;
    padding: 5px;
    color: #444444;
    font-weight: normal;
    vertical-align: top;
}

.ShowRecord_Buttons {
    text-align: left;
    padding-top: 8px;
    border-bottom: 2px solid #1E5AA3;
    padding-bottom: 3px;
}

.TableRecords {
}

.TableRecords_Header {
    color: white;
    background:   #34a6e7 repeat-x top; 
    /* Ibackground:   #34a6e7 url(/RichWidgets/img/Bar_Gradient.png) repeat-x top; */
    _background: #34a6e7;  /* IE6 */
  /*  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/RichWidgets/img/Bar_Gradient.png', sizingMethod='scale');  /* IE6 */ 
    white-space: nowrap;
    line-height: 18px;
    padding: 4px 6px 4px 6px;
    border-right: 1px solid white;
    font-size: 14px;
}

.TableRecords_Header a,
.TableRecords_Header a:link,
.TableRecords_Header a:visited {
    color: white;
}
.TableRecords_HeaderMini {
    color: white;
    background: #1E5AA3 url(/RichWidgets/img/Bar_Gradient.png) repeat-x top;
    _background: #1E5AA3;  /* IE6 */
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/RichWidgets/img/Bar_Gradient.png', sizingMethod='scale');  /* IE6 */
    white-space: nowrap;
    line-height: 18px;
    padding: 4px 6px 4px 6px;
    border-right: 1px solid white;
    font-size: 10px;
}

.TableRecords_HeaderMini a,
.TableRecords_HeaderMini a:link,
.TableRecords_HeaderMini a:visited {
    color: white;
}

.TableRecords>tbody>tr:hover {
 background-color: #FF9933;

}



.TableRecords_OddLine,
.TableRecords_EvenLine {
    line-height: 18px;
    margin: 1px 1px 1px 1px;
    padding: 1px 6px 1px 6px;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #efefef;
    white-space: nowrap;
    vertical-align: middle;
}

.TableRecords_OddLine1,
.TableRecords_EvenLine1 {
    line-height: 18px;
    border-bottom: 1px solid #cccccc;
    white-space: nowrap;

}
.TableRecords_OddLine2,
.TableRecords_EvenLine2 {
    line-height: 16px;
    border-bottom: 1px solid #cccccc;
    white-space: nowrap;
    font-size: 10px;

}
.TableRecords_OddLine3,
.TableRecords_EvenLine3 {
    line-height: 15px;
    
    white-space: nowrap;
    font-size: 10px;

}

.TableRecords_OddLine a:visited,
.TableRecords_EvenLine a:visited {
}

.ListRecords {
}

img.RecordPicture {
    display: block;
    float: left;
    width: 120px;
}

div.RecordPicture_Wrapper {
    float: left;
}

div.RecordPicture_Wrapper img.RecordPicture {
    float: none;
}

.TableRecords img.RecordPicture {
    width: auto;
    height: 40px;
    float: none;
}

input.Prompt, textarea.Prompt {
    color: #BBBBBB;
}

input.Mandatory {
}

select.Mandatory {
}

textarea.Mandatory {
}

input.Not_Valid {
    border: 2px solid #BF1601;
}

select.Not_Valid {
    border: 2px solid #BF1601;
}

textarea.Not_Valid {
    border: 2px solid #BF1601;
}

input.Is_Default {
}

a.Is_Default {
}

td.MandatoryCaption {
}

td.MandatoryValue {
}

span.ValidationMessage {
    color: white;
    font-size: 11px;
    position: absolute;
    padding: 6px;
    font-weight: bold;
    background: #BF1601;
    max-width: 300px;
    z-index: 100;
}

span.ValidationIcon {
}

span.InputMandatorySymbol {
    position: absolute;
    color: #BF1601;
    padding: 3px;
    content: '*';
    font-size: 12px;
}

table.Empty {
}

/*-----------------------------------------------------------------*/
/*----------------- Service Studio Default Styles End -------------*/
/*-----------------------------------------------------------------*/



/*-----------------------------------------------------------------*/
/*--------- RichWidgets Specific Styles (color) Start -------------*/
/*-----------------------------------------------------------------*/

div.Popup .ui-dialog .ui-dialog-titlebar,
div.Popup.ui-dialog .ui-dialog-titlebar {
    background-color: #1E5AA3;
}

/* ExcludeFromPickersOutsideBlock: Popup, ui-dialog, ui-dialog-titlebar */

ul.ui-autocomplete a.ui-state-hover {
    background-color: #1E5AA3;
}

/* ExcludeFromPickersOutsideBlock: ui-autocomplete, ui-state-hover */

div.calendar tbody .rowhilite td.selected,
div.calendar tbody .rowhilite th.selected {
    background-color: #1E5AA3;
}

div.calendar tbody td.selected,
div.calendar tbody th.selected {
    background-color: #1E5AA3;
}

/* ExcludeFromPickersOutsideBlock: calendar, rowhilite, selected */

/*-----------------------------------------------------------------*/
/*--------- RichWidgets Specific Styles (color) End ---------------*/
/*-----------------------------------------------------------------*/



/*-----------------------------------------------------------------*/
/*----------------- eSpace Specific Styles Start ------------------*/
/*-----------------------------------------------------------------*/

/*-------------------------------------------------------*/
/* You can add, modify or remove the styles in this area */
/* at your will. Use them anywhere in the eSpace, in the */
/* widgets' Style property.                              */
/*-------------------------------------------------------*/

.Heading1 {
    color: #333333;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 4px;
}

.Heading2 {
    color: #4e4e4e;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 3px;
}
.Heading2_gris {
    color: #C0C0C0;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 3px;
}


.Heading3 {
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    padding-top: 8px;
    padding-bottom: 2px;
}

.Text_Note {
    color: #888888;
    font-size: 11px;
}

.Text_Error {
    color: #c7331f;
}

.Text_NoWrap {
    white-space: nowrap;
}

.Text_Preformatted {
    white-space: -moz-pre-wrap;
    white-space: pre;
    word-wrap: break-word;
}

.Text_Justified {
    text-align: justify;
}


/* Smartphones (portrait and landscape) ----------- */



/* Large Screen ----------- */

@media only screen and (min-width : 720px) {
/* Styles */
.Document {
    background-color: white;
    border-style: solid;
    border-color: #cccccc;
    border-width: 0px 1px 1px 1px;
    height: 92%;
    
    width: 90%;
}

}




@media all and (min-width:0px) and (max-width:719px) {
.Document {
    background-color: white;
    border-style: solid;
    border-color: #cccccc;
    border-width: 0px 1px 1px 1px;
    height: 100%;
    width: 100%;
}
.DocumentPopup {
    background-color: White;
    width: 100%;
    height: 100%;
    margin-top: 0px;
}

}

* html .Document {
    height: 90%;
}

.Body {
    /*padding: 0px 16px 14px 16px;*/
    vertical-align: top;
    height: 90%;
}

.BodyPopup {
    padding: 0px 16px 14px 16px;
    vertical-align: top;
}

.Body .Button {
    margin-top: 10px;
}

.Body td .Button,
.Body th .Button {
    margin-top: 0px;
}

.Title {
    margin-top: 13px;
    margin-bottom: 16px;
    font-size: 20px;
    color: #34a6e7;
    font-weight: bold;
    text-decoration:none;
}
.TitleOrange {
    margin-top: 13px;
    margin-bottom: 16px;
    font-size: 20px;
    color: #F8BF24;
    font-weight: bold;
    text-decoration:none;
}

.Title_Links, .Title_Links td {
    font-size: 11px;
}

.ShowRecord {
    margin-bottom: 8px;

}

.ShowRecord_SectionTitle {
    color: #888888;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    margin-bottom: 5px;
    border-bottom: 1px solid #888888;
    text-align: left;
}

.EditRecord {
    margin-bottom: 8px;
}

.EditRecord_SectionTitle {
    color: #888888;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    margin-bottom: 5px;
    border-bottom: 1px solid #888888;
    text-align: left;
}

.TableRecords_Wrapper {
}

.TableRecords_Wrapper .Button {
    font-size: 10px;
    margin-top: 0px;
}

.TableRecords {
    border-top: 1px solid white;
    width: 100%;
}

table.TableRecords>tbody>tr:hover {
    background-color: #FF9966;
}

.TableRecords_Actions,
.TableRecords_Footer {
    font-size: 11px;
    vertical-align: middle;
    float: left;
    font-weight: bold;
    padding: 1px;
}

.TableRecords_TopNavigation {
    padding: 0px;
    border-top: 1px solid white;
    border-right: 0px none white;
    border-bottom: 0px solid white;
    border-left: 0px none white;
    _height: 1%;  /* IE6 */
    display: block;
    *display: inline-block;
}

.TableRecords_TopNavigation:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.TableRecords_BottomNavigation {
    padding-top: 2px;
    border-top: 1px solid #1E5AA3;
    border-right: 0px none white;
    border-bottom: 0px solid white;
    border-left: 0px none white;
    _height: 1%;  /* IE6 */
    display: block;
    *display: inline-block;
}

.TableRecords_BottomNavigation:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.Filters_Wrapper {
    background: #dddddd url(/RichWidgets/img/Filter_Gradient.gif) repeat-x top;
    /* Ipadding: 4px;*/
}

.Filters {
    white-space: nowrap;
}

.Filters td {
    padding: 0px 0px 0px 8px;
    vertical-align: middle;
}

.Filters td img {
    vertical-align: middle;
}

.Filters td .Button {
    font-size: 12px;
}

/*-----------------------------------------------------------------*/
/*----------------- eSpace Specific Styles End --------------------*/
/*-----------------------------------------------------------------*/

.Celda_color {
     color: white;
     background: #FF9691 ;
}
.Texto_color {
    font-weight: bold;
    color: #67698F;
}
.agenda_tab {
    background-image:url(img/tab.png);
    background-repeat:no-repeat ;
}

.Bold_Azul {
    display: inline;
    font-weight: bold;
    color: #8ABFE8;
}

.Text_Campo_Caculado {
    color: #F0E6B8;
    font-size: 9px;
}

.TableRecords_Header_recaudacion {
    color: white;
    background-color: #8ABFE8;
    _background: #8ABFE8;  /* IE6 */
    white-space: nowrap;
    line-height: 10px;
    padding: 4px 6px 4px 6px;
    border-right: 1px solid white;
    font-size: 10px;
}
.Document_Print {
    background-color: white;
    border-width: 0px 0px 0px 0px;
    height: 100%;
    width: 100%;
}

.TableRecords_Header2 {
    color: white;
    background: #FF6600  url(/RichWidgets/img/Bar_Gradient.png)  repeat-x  top;
    _background: #FF6600;  /* IE6 */
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/RichWidgets/img/Bar_Gradient.png', sizingMethod='scale');  /* IE6 */
    white-space: nowrap;
    line-height: 18px;
    padding: 4px 6px 4px 6px;
    border-right: 1px solid white;
    font-size: 14px;
}

Esconder { visibility:hidden; }
.Esconder { visibility:hidden; }



.BreakText {
word-wrap: break-word;
}

.borde_abajo
{
border-bottom-style:solid;
  border-bottom-width: thin;
  border-bottom-color: #799FD9
} 
.borde_abajo2{
border-bottom-style:solid;
  border-bottom-width: thin;
  border-bottom-color: #E1E1E1
}
.Text_autor {
    color: #888888;
    font-size: 11px;
}

.Text_fecha {
    color: #8CABDD;
    font-size: 11px;
}

.mzdouble .MagicZoomPup {
border: 2px solid #90B815;
background: #CFE192 url(http://www.magictoolbox.com/magiczoom/examples/static/images/dotted2.png);
}
.mzdouble .MagicZoomBigImageCont {
border: 2px solid #90B815;
}
.mzdouble .MagicZoomHeader {
font-size: 16pt !important;
line-height: 150% !important;
color: #ffffff;
background: #8DBB10;
text-align: center !important;
}
.mznone .MagicZoomBigImageCont {
border: none;
}
.mzmultiple .Selector img {
border: 2px solid #E0DEB5;
}
.mzmultiple .Selector.Active img {
border: 2px solid #777544;
}
.drag .MagicZoomPup {
border: 2px solid #B52A3D;
}
@media (max-width: 600px) and (min-width: 0px) {
span.ValidationMessage {
    color: white;
    font-size: 11px;
    position: initial;
    padding: 6px;
    font-weight: bold;
    background: #BF1601;
    max-width: 300px;
    z-index: 100;
}
}
/*
################
               Crear cuenta 
################
*/

.content span {
  font-size: 0.9rem;
}
.buttoncrear {
  width: 100%;
    font-size: 14pt;
  padding: 10px;
  margin: 20px 0px;
  background: #66A756;
  color: White;
  border: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
    text-align: center;
}


.buttoncrear:hover {
  background: #4BAA2E;
 color: #F9FEDA;
}


.buttoncrearcalle {
  width: 100%;
    font-size: 14pt;
  padding: 10px;
  margin: 20px 0px;
  background: #5DD5EF;
  color: White;
  border: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
    text-align: center;
}


.buttoncrearcalle:hover {
  background: #2E74AA;
 color: #D9F7FF;
}


.buttoncomun {
  width: 100%;
    font-size: 14pt;
  padding: 10px;
  margin: 20px 0px;
  background: #C0C0C0;
  color: White;
  border: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
    text-align: center;
}


.buttoncomun:hover {
  background: #888888;
color: #F9FEDA;
}

.olvide {
    font-size: 8pt;
    text-align: right;
    color: #90949c;
}




td .Button {
    font-size: 12pt;
}

.button {
  width: 100%;
  margin: 30px 0px;
}
.content .buttons button {
  float: left;
  width: 30%;
  margin: 0px 1.5%;
}
.button i {
  padding-right: 7px;
}
.content .buttons button.facebook {
  background-color: #4464B2;
}
.content .buttons button.twitter {
  background-color: #28A9E0;
}
.content .buttons button.google {
  background-color: #DA4735;
}
.button:after {
  content: "";
  display: block;
  clear: both;
}

/*################################*/



.Login_Wrapper {
    margin-top: 16px;
    margin-bottom: 8px;
    margin-left: 31px;
    clear: both;
}

.Header_Title_NoMenu {
  border-bottom:5px solid #04aeda;
  padding-bottom:5px;
  padding-left:5px;
  padding-top:5px;
  vertical-align:middle;
  width:100%;
}

.Header_Title_Image {
}

.Header_Title_Company {
}

.Header_Title_Application {
        color: #04aeda;
}



@media all and (min-width:961px) and (max-width:6000px) {
 
    body {
        //background: #92D3EF ;
        text-align: center;
    }
      
}


@media all and (min-width:0px) and (max-width:960px) {
    /* ExcludeAllFromPickersOutsideBlock */
    body {
        //background: #92D3EF ;
    }
    
}
select,
textarea,
input,
td,
th {
    text-align: left;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #777;
    vertical-align: unset;
}

.Heading2 {
    color: #126b9e;
    font-size: 26px;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 3px;
}

    
    .form-signin {
        max-width: 300px;
        padding: 19px 29px 29px;
        margin: 60px auto 20px;
        background-color: #f4f4f4;
        border: 1px solid #e5e5e5;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
        -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
        box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
    }

    .form-signin .form-signin-heading,
    .form-signin .checkbox {
        margin-bottom: 10px;
    }

    .form-signin input[type="text"],
    .form-signin input[type="password"] {
        font-size: 16px;
        height: auto;
        margin-bottom: 15px;
        padding: 7px 9px;
    }