/**************************************************************************
		Basics
**************************************************************************/
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html,body {
    color: #505d64;
    font-size: 12px;
}

a, .sorting_asc, .sorting_desc, .sorting{ color: #356EC5; }

.sorting_asc:after, .sorting_desc:after{ color: #000000; opacity: 1 !important;}
.sorting:after{ content:" " !important;}

a:hover, a:focus, .sorting_asc:hover, 
.sorting_asc:focus, .sorting_desc:hover,
.sorting_desc:focus, .sorting:hover,
.sorting:focus {
    color: #356EC5;
    text-decoration: underline;;
}

.btn-success:hover:active:focus {
    color: #fff; !important;
    background-color: #356EC5; !important;
    border-color: #494F57 !important;
}

h1 { margin: 0px 0 20px 0; }
h2 { font-size: 1.5em; padding-bottom: 3px; margin-bottom: 25px; }
.h2instrumente { padding-bottom: 3px; margin-bottom: 5px; }

.text-red{color: #FA0000;}
.text-line-through{ text-decoration: line-through; }
.text-capitalize{ font-variant:small-caps }

.no-padding{ padding: 0;}

table th:first-child { width: 150px; }
/* Bootstrap 3.x re-reset */
.fn-gantt *,
.fn-gantt *:after,
.fn-gantt *:before {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

li{ list-style: none; }
h1, h2, h3, h4, h5, h6{ border: none; }
ol li {list-style: decimal-leading-zero;}

.border-content{ border-radius: 0; border: 1px solid #e1e1e8; padding: 15px; margin: 0; }
/*.border-content > .row{ margin:0; } */

/* Word-Wrap */
.wordwrap {
    /* hyphens */
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
}
/*#wrapper { min-height: 500px; }*/

.breadcrumb .separator {display:none;}

body.modal-open {margin-right: 0;}

/**************************************************************************
		Buttons and Labels
**************************************************************************/
.btn {
    font-weight: 500;
}

.btn-primary,.btn-success,.btn-warning{
    border-color: #3b5f96;
    background-color: #356EC5;
}

.btn-primary:hover,.btn-success:hover,.btn-warning:hover{
    background-color: #356EC5;
    border-color: #3b5f96;
}

.btn-primary:active,.btn-success:active,.btn-warning:active{
    background-color: #356EC5;
    border-color: #3b5f96;
}

.btn-primary:active:focus,.btn-success:active:focus,.btn-warning:active:focus{
    background-color: #356EC5;
    border-color: #3b5f96;
}

.btn-primary:active:hover,.btn-success:active:hover,.btn-warning:active:hover{
    background-color: #356EC5;
    border-color: #3b5f96;
}
.btn-primary.active, .open,.btn-primary:focus, .btn-primary.focus{
    background-color: #356EC5;
    border-color: #3b5f96;
}

.btn-success.active, .open,.btn-success:focus, .btn-success.focus{
    background-color: #356EC5;
    border-color: #3b5f96;
}
.btn-warning.active, .open,.btn-warning:focus, .btn-warning.focus{
    background-color: #356EC5;
    border-color: #3b5f96;
}
.btn-primary:active:hover, .btn-primary.active:hover, .open > .dropdown-toggle.btn-primary:hover, .btn-primary:active:focus, .btn-primary.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-primary.focus:active, .btn-primary.active.focus, .open > .dropdown-toggle.btn-primary.focus {
    background-color: #356EC5;
    border-color: #3b5f96;
}

.btn-success:active:hover, .btn-success.active:hover, .open > .dropdown-toggle.btn-success:hover, .btn-primary:active:focus, .btn-success.active:focus, .open > .dropdown-toggle.btn-primary:focus, .btn-success.focus:active, .btn-success.active.focus, .open > .dropdown-toggle.btn-success.focus {
    background-color: #356EC5;
    border-color: #3b5f96;
}

.btn-warning:active:hover, .btn-warning.active:hover, .open > .dropdown-toggle.btn-warning:hover, .btn-warning:active:focus, .btn-warning.active:focus, .open > .dropdown-toggle.btn-warning:focus, .btn-warning.focus:active, .btn-warning.active.focus, .open > .dropdown-toggle.btn-warning.focus {
    background-color: #356EC5;
    border-color: #3b5f96;
}




.label-success {
    background-color: #67B359;
}
.label-default {
    background-color: #BBBBBB;
}
.label-danger {
    background-color: #FA0000;
}

.btn.btn-default.dropdown-toggle {
    padding: .2em .6em .3em;
    font-size: 75%;
    line-height: 1;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #356EC5;
}


.table-striped tr td:last-child #paginatorOffset {
    vertical-align: middle;
    display: inline-block;
}



/**************************************************************************
		Form
**************************************************************************/

.form-control {
    background-color:#EEEEEE;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

}
/**************************************************************************
		Header
**************************************************************************/
#header img{ max-height: 150px;}
#header #headerLogo{ padding: 5px }
#header div{ overflow-x: hidden; }
#header .col-sm-6{	padding-right: 0; }
#header .row {padding: 0; margin: 0}

#navbar {
    background-color: #505d64;
    border-color: #505d64;
    font-weight: 500;
}
#navbar .navbar-right {
    padding-right: 40px;
}
.navbar-header {
    background-color: #505d64;
}
.navbar-inverse .navbar-toggle {
    border-color: #FFF;
    outline: 0;
}

@media (max-width: 767px) {
    #headerLogo {
        text-align: center;
        margin: 0 auto;
    }
    #headerPicture {
        margin: 0 auto;
        float: none !important;
        display: block;
    }
    #navbar .navbar-right {
        padding-right: 0;
        text-align: center;
    }
}

/**************************************************************************
		Userbar
**************************************************************************/
.nav > li{ color: #fff; display: inline-block; }
.navbar-nav > li { float: none; }
.breadcrumb{ background-color: #FFFFFF; }
.nav > li > span {padding: 10px 15px;}

/**************************************************************************
		Footer
**************************************************************************/
/*#footer img{ max-height: 70px; margin: 0 auto; margin-bottom: 20px;}*/
/*#footer .row {padding: 0; margin: 0}*/
/*#footer hr {margin-left: 15px;margin-right: 15px;}*/

/**************************************************************************
		Status Information
**************************************************************************/
#statusInformation  .row {padding: 0; margin: 0}

/**************************************************************************
		Menu
**************************************************************************/
.menu > ul > li {text-transform: uppercase; font-weight: bold; letter-spacing: 0.0625em;}
.menu .active {color: #51575D;font-weight:bold;}

/**************************************************************************
		Content
**************************************************************************/
.main h3 {margin-top: 0;}
#content .section-guideline h3 {margin-top: 20px;}

#content .action-icons {text-align:center;}
/*Login*/
.gray-header{ border-top-left-radius: 3px; border-top-right-radius: 3px; margin: 0; padding: 7px; background-color:#e1e1e8; }

/*Tables Datatables.Net */
td > div{ white-space: pre-wrap; word-wrap:break-word; word-break:break-all; }

#mto_example_table_1_length > label{ margin-bottom: 0; }
/*div.dataTables_filter{ text-align: left; }*/
table.dataTable{ margin-top: 0 !important; }
.dataTables_wrapper{ position: relative;margin-top: -3px;}
.dataTables_wrapper:after,
.dataTables_wrapper:before {content:"";display:table;}
.table-selected-items th { padding: 9px;}
/* loader */
div.dataTables_processing {top: 35px;margin-top: 0;background:white;opacity:.8;height:100%;}

/*Paginator*/
.dropdown-menu{ min-width: 40px; box-shadow: none; }
.pagination{ margin:0; }
.pagination > .active a{ background-color: #3b5f96 !important; border-color: #3b5f96 !important; }

/*Modal Dialog*/
.modal-body{ padding: 0px 15px; }
.modal-footer{ text-align: left; }

.glyphicon {padding-right:8px;font-size: 12px;}
table .text-center .glyphicon, table .glyphicon,
table .action-icons .glyphicon {padding: 2px;}



#content .btn .glyphicon {padding-right:2px;}


/**************************************************************************
		HTML 5 Valiation styles
**************************************************************************/
/*Ajax status messages*/
.mto-ajax-alert{ display:none; }

/*Custom Error Messages*/
.help-block > li{ color: #FA0000; }
.custom-error{ display: none; }

/**************************************************************************
		Ajax Loader
**************************************************************************/

.ajaxLoader{
background: rgba(0, 0, 0, 0) linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.9) 25%, rgba(255, 255, 255, 0.9) 75%, rgba(255, 255, 255, 0) 100%) repeat scroll 0 0;
text-align: center;
position: absolute;
display: block;
width: 100%;
height: 60px;
}

/**
 * Loader inside modal dialogue
 */
 .modal-footer img.loader {
     position: relative;
     left: 47.5%;
 }

#captchaform-captcha{
    width: 200px;
}