html,
body 
{
    height: 100%;    

    
}

header nav 
{
    /*background-color: #428bca !important;*/
    background-color: #2e2e2e;       
}



.iit-content 
{
    padding-left: 0px;
    padding-right: 0px;

    background: #333;
    border-bottom: 1px solid #222;

    background-image: url("../img/logo-transparent.png");
    background-repeat: no-repeat;
    background-attachment: scroll ;
    background-position: center 98%;
    background-blend-mode: lighten;
 
}

.iit-intro 
{
    /*background-color: #428bca;*/
    color: #fff;
    border-bottom: 2px solid #D33D33;
    background-color: #2e2e2e;   
    background-color: #000;   
    
    margin-top: 56px;
    border-top: 2px solid #D33D33;
}
.iit-intro img
{
    padding-bottom: 20px;
}



@media (max-width: 729px) 
{
    .iit-card 
    {
        margin-left: 20px;
        margin-right: 20px;
        margin-bottom: 20px;
    }
}

.iit-dashboard 
{
    margin-top: 80px;
    margin-left: 20px;
    margin-right: 20px;
}

#langselect_chosen 
{
    min-width: 250px;
}

#page-content 
{
    flex: 1 0 auto;
}

#sticky-footer 
{
    flex-shrink: none;
   /* background-color: #428bca;*/
    color: #fff;

    background-color: #2e2e2e;
    border-top: 1px solid #444;
}

#sticky-footer a 
{
    /*background-color: #428bca;*/
    color: #fff;
}

#sticky-footer p 
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.iit-container 
{
    margin-top: 80px;
}

.iit-toolbar 
{
    /*color: #007bff;*/
    background-color: #ddd;
    color: #fff;
}

.iit-toolbar h7
{
    background-color: #6c757d;
    text-transform: uppercase;
}
.iit-toolbar hr 
{
    margin-top: 0px;
}

.iit-grid 
{
    /*margin-top: 20px;*/
}
.iit-grid thead
{
    background-color: #6c757d;
   
}
.iit-grid thead a
{
    
    color: #fff;
}


#listlimit_chosen 
{
    max-width: 95px;
}

[type="number"] 
{
    text-align: right;
    direction: rtl;
}

.iit-card 
{
    width: auto;
    min-height: 200px;
}



a
{
    color: #D33D33;
}
a:hover
{
    color: #333;
}

.btn-primary 
{
    color: #fff;
    background-color: #D33D33;
    border-color: #D33D33;   
}
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover
{    
    background-color: #333;
    border-color: #333;    
}

.card 
{   
    margin-bottom: 15px;
}
.iit-card-icon
{
    font-size: 90px;
    padding-right: 10px;    
    color: #eee;
    background-color: #fff;
}

.iit-card .card-title
{
    color: #D33D33;
    text-transform: uppercase;
    text-align: center;
    border-bottom: 2px solid #eee;
    padding-bottom: 5px;
}

.iit-card-button
{
    text-align: center;
}

.dropdown-item.active,
.dropdown-item:hover
{   
    color: #fff !important;
    background-color: #d33d33;
}

.navbar-dark .navbar-nav .active>.nav-link, 
.navbar-dark .navbar-nav a:hover
{
    color: #d33d33;
}

nav.navbar
{
    border-bottom: 2px solid #D33D33;
}

.iit-list,
.iit-user-profile,
.iit-settings,
.iit-event-editor,
.iit-account-editor,
.iit-useraccounts,
.iit-groups,
.iit-groupacl,
.iit-user-editor,
.users-reset
{
    background-color: #f5f5f5;    
    border-radius: 4px;
    padding-top: 15px;  
    padding-bottom: 15px;     
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;   
}

.iit-paginator .form-group
{
    margin-bottom: 0px;
}
.iit-paginator .text-primary
{
    color: initial !important;
}
.iit-paginator-summary .badge-primary 
{    
    background-color: #6c757d;
}

.iit-paginator .page-link 
{
    color: #6c757d;
    
}
.iit-paginator .page-item.active .page-link 
{
    background-color: #6c757d;
    border-color: #6c757d;
    color: #fff;
}

.nav-pills .nav-link.active, 
.nav-pills .show>.nav-link 
{    
    background-color: #6c757d;
}
.nav-pills .nav-link
{
    color: initial;
}
.nav-pills .nav-link.active:hover
{
    color: #fff; 
}
.nav-pills .nav-link:hover
{
    color: #D33D33;
}

.chosen-container .chosen-results li.highlighted 
{
    background-color: #D33D33;
    
}


@media (max-width: 575px) 
{
    .iit-account-editor .col-xs-12>div,
    .iit-settings .row .col-xs-12>div
    {
        padding-bottom: 10px;
        border-bottom: 1px solid #ddd;
        margin-bottom: 15px;
    }

    
}

@media (max-width: 575px) 
{
    .iit-intro .display-3
    {
        font-size: 2.5rem;
    }
}

@media (min-width:576px) and (max-width: 767px) 
{
    .iit-intro .display-3
    {
        font-size: 3rem;
    }
}
@media (min-width:768px) and (max-width: 991px) 
{
    .iit-intro .display-3
    {
        font-size: 3.5rem;
    }
}
@media (max-width: 767px) 
{
    .iit-paginator nav ul
    {
        margin-top: 15px;
        margin-bottom: 5px;
    }

    .iit-paginator-summary
    {
        text-align: center!important;
    }
}

@media (min-width: 768px) and (max-width: 991px) 
{
    .card-text
    {
        min-height: 170px !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) 
{
    .card-text
    {
        min-height: 120px !important;
    }
}