.main-sidebar, .left-side{
    padding-top: 115px;
}

.policy-categories button {
    border-radius: 0;
}

.dep-toggle {
    background: #dcdcdc none repeat scroll 0 0;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 10px;
    padding: 2px 5px;
    font-size: 10px;
}
.dependend-row{
    background: #D8E8F2;
}
.dependend-row td.dep-name {
    padding-left: 38px;
}
.er_msg p{
    margin: 0 !important;
}
.file-preview-thumbnails {
    max-width: 100%;
    overflow: hidden;
}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover {
    color: #666;
}

/*alertMessage*/
#alertMessage {
    top: 20%;
    display: none;
    margin-right: -12.5%;
    max-width: 25%;
    min-width: 25%;
    opacity:0;
    filter:alpha(opacity=0);
    position: fixed;
    right: 50%;
    z-index: 100001;
}

.logo > img {
    max-width: 100%;
    max-height: 100%;
}

.skin-blue .main-header .logo:hover {
    background-color: #fff;
}

.main-header .logo{
    padding: 2px;
}

.form-control{
    height: 30px;
    padding: 4px 12px;
}
.super-script{
    font-size: 9px;
    left: 16px;
    line-height: 0.9;
    padding: 2px 3px;
    position: absolute;
    text-align: center;
    top: -4px;
}

/* PROGRESS BAR */
#progressbar {
    margin-top: 30px;
    overflow: hidden;
    counter-reset: step;
}
#progressbar li {
    color: #000;
    float: left;
    font-size: 14px;
    list-style-type: none;
    position: relative;
    text-align: center;
    width: 20%;
}
#progressbar li a {
    color: #000;
}
#progressbar li:before {
    background: white none repeat scroll 0 0;
    border-radius: 3px;
    color: #333;
    content: counter(step, decimal);
    counter-increment: step;
    display: block;
    font-size: 14px;
    line-height: 25px;
    margin: 0 auto 5px;
    padding: 0 12px;
    position: relative;
    width: 33px;
    z-index: 5;
}
#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: white;
    position: absolute;
    left: -50%;
    top: 12px;
    z-index: 0;
}
#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none; 
}
#progressbar li.active:before, #progressbar li.active:after {
    background: #27AE60;
    color: #fff;
}



.dl-horizontal dd {
    margin-left: 220px;
}
.dl-horizontal dt {
    width: 200px;
}

.table-blue thead tr{
    background: #0B3853; 
    color: #fff;
}
.table-blue tbody tr{
    background: #B1CEE0;
}
.dep-count-num {
    background: #dcdcdc none repeat scroll 0 0;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 10px;
    padding: 1px 7px;
}
.table-blue .dependend-row{
    background: #D8E8F2;
}

#kv-avatar-errors {
    max-width: 100%;
    width: auto !important;
    padding: 10px;
}

#kv-avatar-errors ul{
    padding-left: 10px; 
    list-style: none !important;
}

.nav-tabs-custom > .nav-tabs {
    background: #d4e4ee none repeat scroll 0 0;
    border-bottom-color: #f4f4f4;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
}

.table-bordered {
    border-color: #d8d8d8;
}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
    border-color: #d8d8d8;
}

tr td{
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;

    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;

    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

body .select2-container .select2-selection--single {
    height: 30px;
}
.table-active {
    background: #e9e7e7;
}