﻿/* Custom styles */
@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,300,500,700");
@import url('https://fonts.googleapis.com/css?family=Work+Sans:100,200,300,400,500,600,700,800,900');

body {
    font-family: "Open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
    background-color: #2f4050;
    font-size: 15px;
    color: #000;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-stroke: 0.45px;
    -webkit-text-stroke: 0.45px rgba(0, 0, 0, 0.1);
    /*text-shadow: #fff 0px 1px 1px;*/
}
.row {
	margin-right: auto;
	margin-left: auto; 
}
.navbar-dark {
    color: rgba(255,255,255,.8);
    background-color: #052038;
    border-bottom-color: rgba(255,255,255,.1);
}
.navbar-semidark {
    background-color: #2a4e68;
}
.navbar-nav-link span {
    font-family: 'Work Sans', sans-serif;
    font-size:17px;
}
.navbar-brand {
    padding-top:0.9rem;
    padding-bottom:0.9rem;
}
.navbar-brand img {
    height: 2.6rem;
}
.navbar-brand span {
    border-right: 1px solid #fff;
    padding-right: 25px;
}
.navbar-brand h1 {
    display: inline-block;
    vertical-align: top;
    margin: 0 0 0 25px;
    font-weight: 300;
    font-size:35px;
    line-height:42px;
    color: rgba(255,255,255,.97);
}
.nav-tabs-main {
    margin-bottom:0;
    border-bottom:1px solid #ababab;
}
.nav-tabs-main .nav-item.show .nav-link, .nav-tabs-main .nav-link.active, .nav-tabs-main .nav-link{
    color: #113b77;
    font-size:17px;
    font-weight:600;
}
    .nav-tabs-main .nav-link {
        border: 1px solid transparent;
        border-color: #ababab;
    }
    .nav-tabs-main-white .nav-link.active
    {
         background-color:#ffffff;
        border-color: #ababab #ababab #f7f7f7;
   
    }
    .nav-tabs-main .nav-link.active {
        background-color:#f7f7f7;
        border-color: #ababab #ababab #f7f7f7;
    }

    
    .nav-tabs-main .nav-link:focus, .nav-tabs-main .nav-link:hover {
        border-color: #ababab #ababab transparent;
    }
    .nav-tabs-main .nav-item {
        margin-right:20px;
    }
.tab-content-main:not(.tab-content-maintabs) {
   background-color:#f7f7f7; 
   border: 1px solid transparent;
   border-color: transparent #ababab #ababab #ababab;
}
.tab-content-maintabs
{
     background-color:#ffffff; 
   border: 1px solid transparent;
   border-color: transparent #ababab #ababab #ababab;

}
.datatable-scroll {
    background-color:#fff;
}
.nav-link {
    padding: .5625rem 1rem;
}
.btn-link {
    font-size:17px;
}
.dropdown-toggle::after {
    font-size: 1rem;
    font-weight: 600;
}
.datatable-header {
    display:none;
}
.datatable-scroll {
    border-top: 1px solid #b7b7b7;
}
.vTabs {
    background-color: #f4f7fd;
}
    .vTabs .nav-tabs-vertical .nav-link {
        background-color:#fff;
        border: none;
        /*border-bottom: 1px solid #ababab;*/
        padding: 1.5rem;
        color: /*#113b77*/ rgb(20, 95, 169);
        font-size: 1.05em;
    }
        .vTabs .nav-tabs-vertical .nav-link.active {
            background-color: #f4f7fd;
        }
        .vTabs .nav-tabs-vertical .nav-link:before {
            width:0;
        }
.vTabs-content {
    width:100%;
}
.dataTables_wrapper {
    width:100%;
}

.text-primary {
    color:/*#113b77*/ rgb(20, 95, 169) !important;
}
.text-black {
    color:#000;
}
.datatableOuter-border {
    border:1px solid #b4d0fe;
}
    
table.dataTable tr.odd {
    background-color: #f7f7f7;
}
.dataTable tbody td, .dataTable tbody th, .dataTable thead th {
    border: none;
    word-break: break-word;
}
.appendexTable tbody td, .appendexTable tbody th, .appendexTable thead th {
    word-break:inherit !important;
}
.dataTable thead th {
padding: .4rem 1.25rem;
color: #333;
}
.docTab .dataTable thead th {
    border-bottom:1px solid #c2c2c2;
}
.docTab table.dataTable tr.odd {
    background-color: #f4f7fd;
}
.page-content {
    padding: 1rem .625rem;
    padding-top: 1rem;
}
.datatableOuterSorting {
    border-top: 1px solid #c2c2c2;
}
.form-control-lg {
    padding: .525rem 1rem;
}
@media (min-width: 1440px) {
    .navbar:not(.navbar-component) {
        padding-left: 10rem;
        padding-right: 10rem;
    }
    .page-content:not(.container) {
        padding-left: 9.375rem;
        padding-right: 9.375rem;
    }
}

@media (max-width: 1439px) {
    .navbar:not(.navbar-component) {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .page-content:not(.container) {
        padding-left: .5rem;
        padding-right: .5rem;
    }
    .vTabs .nav-tabs-vertical .nav-link {
        padding: 1rem;
    }
}
@media (max-width: 1280px) {
    body {
        font-size:0.9em;
    }
    .vTabs .nav-tabs-vertical .nav-link {
        font-size: inherit;
    }
    .btn-link {
        font-size: inherit;
    }
    .dataTable thead th {
        padding: .4rem 0.8rem;
    }
    .table td, .table th {
        padding: .75rem 0.8rem;
    }
}
@media (max-width: 768px) {
    .navbar-brand h1 {
        font-size: 1.4rem;
    }
}
.vTabs-content {
    min-height: calc(100vh - (380px));
}
.scrollBoxOuter {
    border-top:1px solid #c2c2c2;
    background-color: #f4f7fd;
}
    .scrollBoxOuter .nav-tabs-vertical {
        background-color:#fff;
    }
.scrollBox {
    /*margin-left: 22px;
    float: left;
    /*height: 300px;
    width: 100%;
    background: #F5F5F5;
    /*overflow-y: scroll;
    margin-bottom: 25px;*/
    overflow: auto;
    
    /*margin-right: 2px;*/
}
.scrollBox-inner {
    max-height: calc(100vh - (380px));
    
    /*margin-right: 2px;*/
}
#style-1::-webkit-scrollbar-track, #style-2::-webkit-scrollbar-track
{
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;*/
	background-color: #fff;
    border-left:1px solid #d3d5d8;
    /*border-left:2px solid red;
    border-right:2px solid red;*/
}

#style-1::-webkit-scrollbar
{
	width: 8px;
}
#style-2::-webkit-scrollbar {
    width: 8px;
    
}

#style-1::-webkit-scrollbar-thumb, #style-2::-webkit-scrollbar-thumb
{
	border-radius: 5px;
	/*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);*/
	background-color: #c1c1c1;height:100px;
}
/*.tab-content .tab-paneInner {
    border-right: 1px solid #d3d5d8;
}*/
.select2-results__option[aria-selected=true] {
    background-color: #2a4e68;
}
@media (max-width: 768px) {
    .scrollBox-inner {
        min-width: 1300px;
    }
}

.accrodionplus {
    background: url(images/plus.gif) center left no-repeat !important;
    padding-left: 13px;
    font-family: 'Segoe UI',​Helvetica,​Arial,​sans-serif;
    font-size: 11px;
    color: #03294D;
}

.accrodionminus {
    background: url(images/minus.gif) center left no-repeat;
    padding-left: 13px;
    font-family: 'Segoe UI',​Helvetica,​Arial,​sans-serif;
    font-size: 11px;
    color: #03294D;
    display: block;
}

.cookie-txt {
    font-size: 11px;
    position: fixed;
    z-index : 999;
    bottom: -30px;
    transform: translate(-50%, -50%);
    /*width: 100%;*/
    left: 50%;
    display: flex;
    padding: 15px 20px 15px;
    border-radius: 2px;
    background-color: #06325f;
    color: #fff;
    text-align: left;
}

    .cookie-txt button {
        color: #06325f;
        cursor: pointer;
        background: #fff;
        border: 1px solid #fff;
        border-radius: 2px;
    }

button:focus{
    outline : 0;
}
.filters {
	/*position: absolute;*/
	left: 10px;
	top: 10px;
}
	.filters .dropdown-menu {
		position: absolute;
		will-change: transform;
		top: 35px !important;
		left: 0px;
		transform: translate3d(0px, 0px, 0px) !important;		
	}
.dropdown-scrollable {
	min-height: 300px;
}
.flex-grow {
	flex-grow: 1;
}
.DocEditIcon {
	width: 27px;
	height: 22px;
}
.dropdown-toggle::after {
	content: '\ec6e';
}
@media screen and (max-width:767px) {
	.mobile-no-show {
		display: none;
	}
	.text-center-mobile {
	 text-align: center;
	}
	
}
.display-inlineflex {
    display: inline-flex;
}

.width100per{
    width: 100%
}
.m-l-50px{
    margin-left: 50px;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #2a4e68 !important;
    background-image: none !important;
    color: #fff;
}

.select2-selection--multiple .select2-selection__choice {
    background-color: #2a4e68 !important;
}
