/*==================================================
BootstrapDialog FULL
====================================================*/

.modal-full .modal-dialog {
    width: 98% !important;
    height: 92% !important;

   /* max-height:500px;*/
    /*overflow:auto;*/
  }

.x-navigation.x-navigation-minimized > li.xn-logo > a:first-child {
    padding: 0px;
    width: 50px;
    background-image: url("../images/logo/logo-small.png");
}
.x-navigation > li.xn-logo > a:first-child {
    font-size: 0px;
    text-indent: -9999px;
/*
background-color: -moz-linear-gradient(45deg, rgba(144, 206, 151, 1) 0%, rgba(7, 168, 199, 1) 100%);
background-color: -webkit-linear-gradient(45deg, rgba(144, 206, 151, 1) 0%, rgba(7, 168, 199, 1) 100%);
background-color: linear-gradient(45deg, rgba(144, 206, 151, 1) 0%, rgba(7, 168, 199, 1) 100%);
*/
    background: url("../images/logo/logo.png") top center no-repeat #ffffff; /*  #E34724 */
        background-image: url("../images/logo/logo.png");

    padding: 0px;
    border-bottom: 0px;
    color: #FFF;
    height: 50px;
}

.x-navigation > li.xn-logo a:first-child:hover {
    background-color: #f5f5f5;
}

#wrap-login {
    position:fixed;
    width:100%;
    min-height: 100%;
    height:2000px;
padding: 0px;
margin: 0px;
background: #f5f5f5 url('../images/logo/wall_1.jpg') left top no-repeat;
}


.bootstrap-dialog.type-primary .modal-header {
    background-color: #3d4e5d !important;
}

.field-error .control-label, .field-error .help-block, .field-error .form-control-feedback {
    color: #e62739;
}

.has-feedback label ~ .form-control-feedback {
    top: 36px;
    margin-right: 10px;
}

label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 0px;
    font-weight: 700;
    color: #434A54
}


.login-container {

    float: left;
    min-width: 100%;
    min-height: 1100px;
    background: url("../images/background/login4.png") left top repeat #33414E;
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}
.lightmode1 {

    height: 1100px;

    overflow: hidden;

}
.lightmode1::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
 
    -webkit-filter: saturate(30%);
    filter: grayscale(100%);
}

.modal-header {
    padding: 10px 10px 10px 15px;
    line-height: 30px;
    -moz-border-radius: 0px 0px 0px 0px;
    
}
.bootstrap-dialog.type-primary .modal-header {
    /*background-color: #cccccc !important;*/
}

.bootstrap-dialog .modal-header {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

/*===========================================
Widget home
=============================================*/

#widget-home:hover {
    cursor: pointer;
}

.widget .widget-item-left .fa, .widget .widget-item-right .fa, .widget .widget-item-left .glyphicon, .widget .widget-item-right .glyphicon {
    font-size: 40px;
}
.widget.widget-padding-sm, .widget.widget-item-icon {
    padding: 15px 3px 15px 5px;
}
.widget .widget-int {
    font-size: 32px;
    line-height: 20px;
    font-weight: bold;
    font-family: arial;
}

.x-navigation .x-navigation-control:hover {
    background: #f5f5f5;
    border-bottom: 0px;
}


.x-navigation > li > a.x-navigation-control {
    background: #f5f5f5;
}

/*===========================================
Images avatar
=============================================*/
.messages.messages-img .item .image .typo {
    border: 2px solid #F5F5F5;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #CCCCCC;
    padding:9px 10px 10px 14px;
}

#list-users td {
    vertical-align: middle;
}
#list-users .user-image-td {
    padding:5px 5px;
}

#list-users img {
    border: 2px solid #F5F5F5;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #f5f5f5;
    /*padding:9px 10px 10px 14px;*/
}

#list-users-60 img {
    border: 2px solid #F5F5F5;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    background-color: #f5f5f5;
    /*padding:9px 10px 10px 14px;*/
}

#list-users .typo {
    border: 2px solid #F5F5F5;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    background-color: #CCCCCC;
    padding:9px 10px 10px 14px;
}

.login-container .login-box .login-logo {
    background: url("../images/logo/logo-large.png") top center no-repeat;
    width: 100%;
    height: 100px;
    float: left;

}


/*===============================================
custom Fonts
=================================================*/
.pageSubtitle {

    font-size: 14px;
    font-weight: 600;
    /*line-height: 36px;*/
    margin-left:40px;
    clear: both;
    /*float: left;*/
    color: #434A54;

}

.fa-element-title {
    font-size: 16px;
    padding: 0px 5px 5px 0px;
}
.fa-12-left {
    font-size: 12px;
    padding-right: 5px;   
}
.fa-12-right {
    font-size: 12px;
    padding-left: 5px; 
}
.document-title a {
    font-size: 12px;   
}
.messages .item .text .heading a {
    font-size: 14px;
}


/*=============================================
Profile
===============================================*/
.profile .profile-image {
    float: left;
    width: 100%;
    margin: 0px 0px 10px;
    text-align: center;
}

.profile .profile-image img {
    width: 100px;
    border: 3px solid #FFF;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.profile .profile-image .typo {
    width: 100px;
    border: 3px solid #FFF;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width:100px;
    height:100px;
    margin: 0px auto 0px auto;
    font-size:24px;
    padding-top:28px;
}

/*=============================================
Calendar
===============================================*/
#calendarTooltip {
    position: absolute;
    z-index: 10000;
    background: #ff0000;
    color:#ffffff;
}

#panel-filter {
    /*visibility: hidden;*/
}


.x-navigation li > a:hover > .sidenavbar-icon {
    color:#3FBAE4;

}

/*=============================================
list-group-item
===============================================*/

.list-group-item:first-child {

    padding: 5px 12px;
    border-bottom: 0px solid #E5E5E5 !important;

    border-top-right-radius: 0px;

    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;

    border-bottom-left-radius: 0px;
    border-radius: 0px;
    /*
    border-left:0px;
    border-right:0px;
*/
}
.list-group-item:last-child {
     border-bottom: 0px solid #E5E5E5 !important;
}

.list-group-item:hover {
    background-color:#3FBAE4;
      background-color: #d8dbde;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
   
}

.list-group.border-bottom  {
    border-bottom: 1px solid #E5E5E5;
}


/*=============================================
page-title
===============================================*/
.page-title {
  float: left;
  width: 100%;
  padding: 5px 20px;
}
.page-title-icon {
  
  margin-right:8px;
}


/*=============================================
Lateral group list
===============================================*/
.list-group-item-lateral {
    font-size:13px;
    padding:5px 0px 5px 10px;
    color: #999999;   
}
/*=============================================
Filters
===============================================*/

.select-group-visible {
    font-size:13px;
    padding:5px 0px 5px 10px;
    color: #2196f3;
    background:#ffffff;
}

.select-group-visible:hover {
    background:#eeeeee;
    cursor: pointer;
}

.icon-eye-group-visible {
    font-size:16px;
    padding-right:3px;
    color: #2196f3;
    
}

.select-group-notvisible {
    font-size:13px;
    padding:5px 0px 5px 10px;
    color: #999999;
}
.select-group-notvisible:hover {
    background:#eeeeee;
    cursor: pointer;
}

.icon-eye-group-notvisible {
    font-size:16px;
    padding-right:3px;
}

#myGroupList a:hover {
    text-decoration: none;
}


.col-xs-12 {
  z-index: 1;
}

.col-md-12 {
  z-index: 1;
}

.button-download {
    color: #337ab7;
    cursor:pointer;
}
.button-download:hover {
    color: #23527c;
    text-decoration: underline;
}

.document-title {

    font-size: 12px;

}

/*=============================================
Panel body messages
===============================================*/
.panel .panel-body {

    
    
}


/*===========================================
Message alert
=============================================*/
.message-alert {
    border-left: 5px solid #dd1364;
    
    
}
.message-alert a {
    
    color: #dd1364;
    background-color: #f9f2f4;
    border-radius: 4px;
}
.icon-alert {
    position:absolute;
    top:7px;
    padding-right:15px;

    font-size: 22px;
    color: #dd1364;
}

.text-alert {
    position:relative;
    float:left;
    padding-top:0px;
    padding-left :35px;
    color: #444444;
    border-radius: 4px;
    overflow: hidden;

}


/*===========================================
Message success
=============================================*/
.message-success {
    border-left: 5px solid #95B75D;
    
    
}
.message-success a {
    
    color: #1a93bc;
    background-color: #D8F1F9;
    border-radius: 4px;
}
.icon-success {
    position:absolute;
    top:7px;
    padding-right:15px;

    font-size: 26px;
    color: #95B75D;
}

.text-success {
    position:relative;
    float:left;
    padding-top:0px;
    padding-left :35px;
    color: #444444 !important;
    border-radius: 4px;
    overflow: hidden;

}

/*==================================
fieldset
=====================================*/

#eventRegistrationForm fieldset {

    border: 1px solid #ddd !important;
    margin: 0;
        margin-top: 0px;
        margin-bottom: 0px;
    margin-top: 10px;
    margin-bottom: 15px;
    xmin-width: 0;
    padding: 10px;
        padding-left: 10px;
    position: relative;
    border-radius: 4px;
    background-color: #f5f5f5;
    padding-left: 10px !important;

}
#eventRegistrationForm legend {

    display: inline;
    width: auto;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0px;
    border-bottom: 0px solid #ffffff;
    color: #00abd6;
    /*width: 35%;*/
    /*border: 1px solid #ddd;
    border-radius: 4px;
    */
    padding: 5px 5px 5px 10px;
    background-color: transparent;
    /* font-size: 0.9em; */
    /* text-transform: uppercase; */
    font-feature-settings: 'smcp';
    font-family: Walbaumgrot,helvetica,arial,sans-serif;
    font-weight: bold;

}


.page-container .page-content .content-frame .content-frame-right {
    padding: 0px !important;
}

.configPanel {
    font-size: 14px;
}

#mixtureMenu .configPanel > a {
    /*padding: 0px 0px; */
    color: #555;
}

#mixtureMenu .configPanel > a:hover {
    text-decoration: none;
    color: #1E90FF;
}

.configPanel a > span.icon {
    padding-right: 5px;
    font-size: 16px;
    color: #1E90FF;
}

#mixtureMenu .list-group .list-group-item {
     padding: 10px 5px;
    line-height: 20px;
}

#mixtureMenu .list-group .list-group-item:hover {
    background-color: #f5f5f5;
    cursor: pointer;
}



#mixtureMenu  .list-group-item:first-child {
    padding: 10px 5px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


#mixtureMenu  .list-group-item:last-child {
    margin-bottom: 0;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}