/*.mainRow, .mainContainer
{
    height: calc(100% - 100px);
}*/

/*.mainContainer
{
    height: 100%;
    display:table;
    width: 100%;*/
    /*margin-top: -50px;
    padding-top: 50px;*/ /* necesario si el navbar es flotante */
/*    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 0px; 
    padding-right: 0px;
}

.mainRow
{
    height: 100%;
    display: table-row;
}

#nav-col
{
    display: table-cell;
    float: none;
}

#content-wrapper
{
    display: table-cell;
    float: none;
}*/

.chartFrame
{
    height: 400px; 
    padding: 0px; 
    position: relative;
}

.chartFrame.small
{
    height: 300px;
}

@media (max-width: 767px)
{
    .chartFrame
    {
        height: 300px;
    }
    
    .chartFrame.small
    {
        height: 260px;
    }
}

.table thead > tr > th > a:after {
  content: "";
  font-family: FontAwesome;
  font-size: 0.75em;
  font-style: normal;
  font-weight: normal;
  margin-left: 5px;
  text-decoration: inherit;
}

.table thead > tr > th > a {
  color: #344644;
}

.table thead > tr > th a, .table thead > tr > th span {
  border-bottom: 2px solid #C2C2C2;
  display: inline-block;
  font-weight: normal;
  padding: 0 5px 5px;
}

.filters td
{
    border-top: 0px !important;
}

.form-group-grid
{
    margin-bottom: -5px;
}

.grid-btn-delete
{
    color: #fc453f;
}

.grid-btn-delete:hover, 
.grid-btn-delete:focus
{
    color: #fc453f !important;
}

.grid-btn-control
{
    color: #8dc859;
}

.grid-btn-control:hover, 
.grid-btn-control:focus
{
    color: #77ab49 !important;
}

.grid-btn-deactivated
{
    color: #7e8c8d;
}

.grid-btn-deactivated:hover, 
.grid-btn-deactivated:focus
{
    color: #738c8d !important;
}

.grid-btn-message
{
    color: #4c95c9;
}

.grid-btn-message:hover, 
.grid-btn-message:focus
{
    color: #3f80af !important;
}

.summary
{
    margin-top: 20px;
    padding-top: 10px;
}

@media only screen and (min-width: 768px)
{
    #user-profile .profile-user-info .profile-user-details .profile-user-details-label.extended4 {
      width: 230px;
    }

    #user-profile .profile-user-info .profile-user-details .profile-user-details-value.extended4 {
      margin-left: 240px;
    }
}

.preview
{
    position: relative;
    
}

.preview img
{
    width: 100%; 
    height: auto;
    display: block;
    
}

.preview .overlay
{
    width: 100%;
    height: 100%;
    position: absolute; 
    background-color: #fc453f;
    top: 0px; 
    left: 0px;
    background: none;
}

.preview .overlay:hover
{
    background: none repeat scroll 0 0 rgba(204, 109, 83, 0.25);
    border: 1px solid #fc453f;
}

.preview .preview-link {
  cursor: pointer;
  display: none;
  left: 50%;
  margin-left: -28px;
  margin-top: -28px;
  position: absolute;
  text-align: center;
  top: 50%;
}

.preview:hover .preview-link
{
    display: block;
}

#previewMessage table td
{
    padding: 0px;
}

.dropzone .dz-default.dz-message {
  background: none;
  text-align: center;
  line-height: 60px;
}

.dropzone .dz-default.dz-message span
{
    display: block;
    font-size: 18px;
    text-align: center;
    
}

#login-form .errorMessage
{
    color: #fc453f;
    font-size: 0.875em;
}

.list-view-item
{
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-color: -moz-use-text-color -moz-use-text-color #ebebeb;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
    position: relative;
    transition: background-color 0.15s ease-in-out 0s;
    
    font-size: 0.875em;
    padding: 12px 8px;
    vertical-align: middle;
    padding-left: 20px;
    margin-top: 10px;
    
    transition: background-color 0.15s ease-in-out 0s;
}

.list-view-item:hover
{
    background-color: #F6F6F6; 
    text-decoration: none;
}

h1 .label.label-large
{
    font-size: 0.4em;
    vertical-align: middle; 
    line-height: 1em;
    display: inline-block;
    margin-top: -8px;
}

.filter-block.title
{
    margin: 15px 0;
}

@media (max-width: 767px)
{
    /* .filter-block .btn-group, .profile-message-btn .btn-group
    {
        margin: 0;
    } */

    .profile-message-btn .btn-group
    {
        margin: 0;
    }
    /* Muteo el siguiente para quitar ".filter-block .btn-group .btn" y solucionar el botón de configuración. */
    /* .filter-block .btn-group, .filter-block .btn-group .btn, .profile-message-btn .btn-group, .profile-message-btn .btn-group .btn
    {
        width: 100%;
        padding-left: 0px; 
        padding-right: 0px;
    } */

    /* Este está en lugar del muteado anteriormente. */
    .profile-message-btn .btn-group, .profile-message-btn .btn-group .btn
    {
        width: 100%;
        padding-left: 0px; 
        padding-right: 0px;
    }
}

.profile-message-btn .btn-group
{
    margin: 0;
}

.profile-message-btn .btn-group, .profile-message-btn .btn-group .btn 
{
    width: 100%;
    padding-left: 0px; 
    padding-right: 0px;
}
.profile-message-btn li{
    text-align: left;
}
.infographic-box.medium .value
{
    font-size: 1.4em;
    line-height: 2.1em;
}

h3.chart-title
{
    margin-top: 10px;
}

.profile-message-btn .btn
{
    margin-bottom: 6px;
}

.show-list-attendee
{
    background: none repeat scroll 0 0 #f5f5f5;
    border-top: 10px solid #FFFFFF;
    padding: 10px; 
    padding-left: 20px;
}

.show-list-attendee p
{
    margin: 0;
    line-height: 30px;
    font-size: 12px;
}

.show-list-attendee a
{
    display: inline-block;
}

.user-list tbody td > img
{
    border-radius: 50% 50%;
}

#sidebar-nav .nav li .submenu > li > a
{
    padding-right: 40px;
}

.redGridRow td
{
    background: #F2DEDE !important;
}

.greenGridRow td
{
    background: #DFF0D8 !important;
}

.yellowGridRow td
{
    background: #FCF8E3 !important;
}

.greyGridRow td
{
    background: #F5F5F5 !important;
}
.blueGridRow td
{
    background: #E3FCF6 !important;
}


.diplomaOptions
{
    margin-bottom: 4px;
}

.ds-none
{
    color: #949E9F;
}

.ds-successful
{
    color: #77AB49;
}

.ds-scheduled
{
    color: #4c95c9;
}

.ds-unsuccessful
{
    color: #E0B50A;
    cursor: pointer;
}

.ds-unsuccessful:hover
{
    border-bottom: 1px dashed #E0B50A;
}

.editable-click, a.editable-click, a.editable-click:hover
{
    border-bottom: 1px dashed #fc453f;
}

.profile-social h5
{
    margin-top: 12px;
    margin-bottom:5px;
}

.ds-li i
{
    padding-top: 6px;
}

.balance-total
{
    padding-top: 10px;
}

.faqImage
{
    border: 1px solid #DEDEDE;
}

.img-profile
{
    /*line-height: 45px;*/
    width: 35px; 
    height: 35px;
    border-radius: 50% 50% 50% 50%;
}

.recommended
{
    border: 1px solid #DDDDDD;
    margin-top: 10px;
    margin-bottom: 10px;
}

.recommended:hover
{
    /*border-color: #CC6D56;*/
    background-color: #F5F5F5;
}

.recommended .eventImage
{
    width: 100%; 
    height: auto;
    display: none;
}

.recommended .recommended-data
{
    padding: 15px;
    min-height: 210px;
}

.recommended .recommended-data h4
{
    min-height: 50px;
}

.recommended .recommended-date
{
    color: #89878C; 
    margin-top: 4px; 
    margin-bottom: 4px;
}

.recommended:hover .recommended-date
{
    color: #CC6D56;
}

.recommended .recommended-location
{
    color: #89878C; 
    margin-top: 4px; 
    margin-bottom: 4px;
}

.recommended:hover .recommended-location
{
    color: #fc453f; 
}

.recommended .recommended-tags
{
    margin-top: 15px; 
}

.recommended .recommended-tags .label
{
    display: inline-block;
    margin-top: 5px;
    padding: 4px 8px;
}

.recommended:hover .recommended-tags .label
{
    background: #fc453f;
    
}

.recommended .recommended-link
{
    padding: 8px 20px; 
    background-color: #E1E1E1; 
    color: #707070;
    display: block; 
    text-align: center; 
    font-size: 14px;
    text-decoration: none;
}

.recommended:hover .recommended-link
{
    background-color: #fc453f; 
    color: #FFFFFF;
}

.list-group-item.event-list-item
{
    cursor: pointer;
}

.list-group-item.event-list-item:hover
{
    background-color: #F5F5F5;    
}

.event-list-item .eventImage
{
    width: 100%; 
    height: auto;
    display: none;
}

.event-list-item .event-data
{
    padding: 0px 15px;
    padding-bottom: 0px;
}

.event-list-item .event-date
{
    color: #89878C; 
    margin-top: 4px; 
    margin-bottom: 4px;
}

.event-list-item:hover .event-date
{
    color: #fc453f;
}

.event-list-item .event-location
{
    color: #89878C; 
    margin-top: 4px; 
    margin-bottom: 4px;
}

.event-list-item:hover .event-location
{
    color: #fc453f;
}

.event-list-item .event-tags
{
    margin-top: 8px; 
}

@media (min-width: 1201px) and (max-width: 1695px) 
{
    .event-list-item .event-data
    {
        padding-bottom: 5px;
    }
    
    .event-list-item .event-date, .event-list-item .event-location
    {
        display: inline-block;
        margin: 0px;
        margin-right: 20px;        
    }
    
    h4
    {
        margin-top: 5px; 
        margin-bottom: 5px;
    }
    
    .event-list-item .event-tags
    {
        margin-top: 2px;
    }
}



.event-list-item .event-tags .label
{
    display: inline-block;
    margin-top: 5px;
    padding: 4px 8px;
}

.event-list-item:hover .event-tags .label
{
    background: #CC6D56;
    
}

.event-list-item .event-link
{
    padding: 8px 20px; 
    background-color: #E1E1E1; 
    color: #707070;
    display: block; 
    text-align: center; 
    font-size: 14px;
    text-decoration: none;
}

.event-list-item:hover .event-link
{
    background-color: #fc453f; 
    color: #FFFFFF;
}

   .ShowMoreFilterMenu td{
        text-align:center;
    }
    .closeButtonfilters:hover{
        
        background: rgba(100,100,100,0.5);
        color: rgba(50,50,50,0.9);
        font-size:15px;        
        cursor:pointer;
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
         -o-transform: scale(1.1);
         transform: scale(1.1);
         -ms-transform: scale(1.1);
    }
    .closeButtonfilters{
        position:absolute;
        right:0px;
        font-size: 10px;
        padding:5px;
        width:30px;
        text-align:center;
        color: rgba(150,150,150,0.9);
        background: rgba(100,100,100,0.1);
             -webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out; 
   -o-transition: all .3s ease-out; 
   transition: all .3s ease-out;
    }
    
    .specialcheckOrRadio{
        
        cursor:pointer;
        
        
    }      
    
     #Asearch{
        
        height:150px;
        display:inline-block;
        margin-bottom:-6px;
        width:100%;
    }    
    #Asearch a{
        color:rgb(0,0,0);
    }
    #Asearch a:hover{
        color: #fc453f;
    }  
    
a .imgpreviewsearch{
     float: left; 
height:130px;
   width: 91px;
}

.divnextshow{
    



max-width:500px;
float:right;

}
.divnextshow span{
    
    font-size:16px;
    color:black;
    margin:5px;
    

}
/*.table td{
    text-align:center;
}*/
/*para recuperar las tablas q el align center ese arruino*/
.table-responsive td{
    text-align:left;
}
.divdownload{
    
  
   width:25px;
   height:25px;
  display:inline-block;
    font-size: 18px;
           -webkit-transition: all .3s ease-out; 
   -moz-transition: all .3s ease-out; 
   -o-transition: all .3s ease-out; 
   transition: all .3s ease-out;
    
}
.divdownload:hover{
        cursor: pointer;
      
        color: #b5e7f8;
                
                
}

.cornerLabel{
    
       
        position:absolute;
        top:0;
        left:0;
       
        height:100px;
    
}
.verticaltext{
   height:100px;
   width:1px; 
   word-wrap: break-word;
    font-size: 10px;
    
}

.height100{
    height:100px;
}

.searchdisplayboxes{
    display: inline-block;
}
.clearbehindme:before{
    display:table;
    content:"";
    height:35px;;
    
}

 @media only screen
         and (min-device-width : 0px)
         and (max-device-width : 767px)
         {
            .eventImageM{display:block !important;width:100%;max-height:120px;}
            .eventImageL{display:none !important;}
            .clearbehindme:before{
                 display:table;
                 content:"";
                 height:05px;
    
            }
         }
         
 @media only screen
         and (min-device-width : 768px)
         and (max-device-width : 991px)
         {
           .clearbehindme:before{
                 display:table;
                 content:"";
                 height:0;
    
            }
             .paddmeleft{
              padding-left: 45px !important;
    
            }
         }

 @media only screen
         and (min-device-width : 992px)
         and (max-device-width : 1199px)
         {
           .paddmeleft{
              padding-left: 35px !important;
    
            }
           .event-data{
               max-height: 97px;
               overflow: hidden
                
            }
            .event-location2{
               margin-top: 6px !important;
                
            }
             .event-tags{
               margin-top: 3px !important;
                
            }
         }        
         
         
.eventImageM{
   display:none; 
}

.eventImageL{
  display:block; 
  height:100%;
  width: 100%;
}

.event-date2{
    
    display: inline-block;
margin: 0px;
margin-right: 20px;
    
}
.paddmeleft{
    padding-left: 15px;
    
}
.event-location2{
    display: inline-block;
margin: 0px;
margin-right: 20px;
}
  

/*for theme selection*/
.select2-results .select2-highlighted {
    color: white;
    background-color: #fc453f;
    
}
.select2-results{
    font-size:16px;
}
.select2-container .select2-choice{ 
    line-height: 20px !important;
}

.donutChartLabel
{
    background-color: rgba(255, 255, 255, 0.8); 
    padding: 2px; 
    font-size:12px; 
    text-align:center; 
    font-weight: bold; 
}

.donutChartLabel:hover
{

}

@media (min-width: 768px)
{
    .btn-advanced-search
    {
        min-width: 280px;
    }
}

@media (max-width: 767px)
{
    .btn-advanced-search
    {
        width: 100%;
        margin-bottom: 5px;
    }
}

.attribute-hint
{
    color: #4C95C9;
}

.attribute-hint:hover
{
    color: #3F80AF;
}

label.radio
{
    padding-left: 0;
    margin-top: 0;
}

.accessoryItem
{
    border-radius: 25px !important; 
    margin: 0px auto; 
    text-decoration: none; 
    display: inline-block; 
    width: 140px; 
    height: 140px; 
    line-height: 140px; 
    padding-top: 8px; 
    padding-right: 8px; 
    padding-left: 8px; 
    border-style: none;
    color: #FFFFFF;
    position: relative;
}

.accessoryItem:hover
{
    color: #FFFFFF;
}

.accessoryItem .content-wrapper
{
    display: inline-block; 
    line-height: normal; 
    vertical-align: middle; 
    margin-bottom: 8px;  
}

.accessoryItem .content-wrapper i
{
    font-size: 40px; 
    vertical-align: middle; 
    margin-bottom: 14px;
}

.accessoryItem .content-wrapper span
{
    font-size: 12px; 
    vertical-align: middle; 
    display: block;
}

.accessoryItem .counter
{
    border-radius: 7px; 
    padding: 2px 4px;
    background-color: #7E8C8D; 
    color: #FFFFFF;
    position: absolute;
    font-size: 15px;
    bottom: -5px;
    right: -5px;
    line-height: normal;
    border-style: solid; 
    border-width: 1px; 
    border-color: #919c9d; 
}

 .list-group-inblocks{
    width:100%;
    display:block;
}
.list-group-itemBlock{
    display: inline-block;
/*                    width: 33%;*/
    text-align: center;
    padding: 20px;
    text-decoration: none;
}
.list-group-itemBlock:hover{
     text-decoration: none;
}
.list-group-itemBlock label{
    display: block;
    text-decoration: none;
    font-size: 20px;
    color: rgb(57, 57, 57);
}

/*.list-group-inblocks:nth-child(odd){
    background:rgba(255, 164, 164, 0.29);
}*/

.badgeBlock{

}

@media screen and (max-width: 1000px){
    /* .edit-profile{
        width: 100%!important;
    }  */
}
@media screen and (max-width: 530px) {
    .list-group-itemBlock{
        width: 100%!important;
    }
}


               
                
a.optiontext{
    margin-left: 40px;font-size: 12px;
}
/*                td.innertd{
    border-left: 1px solid #ccc;
    padding:5px 0px 5px 20px;
}
tr.innertr{
    border-bottom: 1px solid #ccc;
}*/
.summaryTable{
    min-width:50%;    
}
.summaryTable td{
   font-weight: 700;
  font-size: 0.875em;
  background: #f5f5f5;
  border-top: 10px solid #fff;
  vertical-align: middle;
  padding: 12px 8px;
}
.summaryTable td.innertd{
    font-weight: 400;
}
.summaryTable td div.btn{
    margin-left:20px;
}
                

.modal-dialog {
   margin: 10px auto; /*bootstrap es sin el auto, queda mal en vista celular cuando se le asigna width */   
}