@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
/*--
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Open Sans', sans-serif;
--*/

@font-face {
	font-family: 'VAGRoundedBlackSSiBold';
	src:url('fonts/ufonts.com_vag_rounded_black_ssi_bold.eot');
	src:url('fonts/ufonts.com_vag_rounded_black_ssi_bold.eot') format('embedded-opentype'),
		url('fonts/ufonts.com_vag-rounded-black-ssi-bold.ttf') format('truetype');
}
@font-face {
	font-family: 'VAGRoundedLightSSiLight';
	src:url('fonts/ufonts.com_vag_rounded_light_ssi_light.eot');
	src:url('fonts/ufonts.com_vag_rounded_light_ssi_light.eot') format('embedded-opentype'),
		url('fonts/ufonts.com_vag-rounded-light-ssi-light.ttf') format('truetype');
}
@font-face {
	font-family: 'VAGRoundedLightSSiThin';
	src:url('fonts/ufonts.com_vag_rounded_light_ssi_thin.eot');
	src:url('fonts/ufonts.com_vag_rounded_light_ssi_thin.eot') format('embedded-opentype'),
		url('fonts/ufonts.com_vag-rounded-light-ssi-thin.ttf') format('truetype');
}
/*--
font-family: "VAGRoundedLightSSiThin", sans-serif;
--*/


body { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.42857143; color: #444444; background-color: #fff; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: inherit; font-weight: 600; line-height: 1.1; color: inherit; }

a { color: #444444; }
a:hover, .btn:hover { opacity: 0.6; }
.p-0 { padding: 0; }
.p-10 { padding: 10px; }
.p-l-0 { padding-left: 0; }
.p-l-15 { padding-left: 15px; }
.p-r-15 { padding-right: 15px; }
.p-b-15 { padding-bottom: 15px; }

.m-0 { margin: 0; }
.m-b-0 { margin-bottom: 0px; }
.m-b-20 { margin-bottom: 20px; }
.m-b-30 { margin-bottom: 30px; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

.bgWhite { background-color: #ffffff; }
.bgLGray { background-color: #f8f8f8; }
.bgGray { background-color: #eeeeee; }
.strong { font-weight: 600; }

.b-1 { border: 1px solid #cccccc; }
.b-1-Lg { border: 1px solid #eeeeee; }
  
.box_shadow1 { border: 1px solid #ccc; -webkit-box-shadow: 0px 5px 10px 2px rgba(173,173,173,1); -moz-box-shadow: 0px 5px 10px 2px rgba(173,173,173,1); box-shadow: 0px 5px 10px 2px rgba(173,173,173,1); }

.pull-arrow img:hover { cursor: pointer; }
.disabled img { opacity: 0.2; }
.disabled img:hover { cursor: not-allowed; }

ul.no-disc { list-style: none; padding: 0; margin: 0; }
ul.no-disc li { list-style: none; padding: 8px; margin: 0 0 10px; }
ul.page_links  li {   } 

table.no-border, .dataTables_wrapper table.no-border { border: 0; }
table.no-border td, .dataTables_wrapper table.no-border td { border: 0; }
table.no-striped tbody tr:nth-of-type(even), .dataTables_wrapper table.no-striped tbody tr:nth-of-type(even), table.no-striped tbody tr:nth-of-type(odd), .dataTables_wrapper table.no-striped tbody tr:nth-of-type(odd) { background-color: transparent;  }
table.less-spacing td, .dataTables_wrapper table.less-spacing td { padding: 8px; }
table tr td .form-group { margin-bottom: 0; }
table.no-border tr td.b-1-Lg, table.table-bordered.dataTable tbody td.b-1-Lg { border: 1px solid #d5d5d5; }
table.striped2 tbody tr:nth-of-type(odd) { background-color: #f9f9f9; }
table.striped2 tbody tr:nth-of-type(even) { background-color: #ffffff; }
table.striped2 tbody tr:last-child { background-color: #f9f9f9 !important; }
table.less-spacing td.p-l-0 { padding-left: 0; }

.topheader_section { min-height: 60px; background-color: #0c0038; border-bottom: 1px solid #0c0038; margin-bottom: 30px; }
.logo { display: block; padding: 10px; font-family: "VAGRoundedLightSSiThin", sans-serif; font-size: 30px; line-height: 42px; color: #ffffff; }
.logo span { font-family: "VAGRoundedBlackSSiBold", sans-serif; }
.logo:hover { color: #ffffff; text-decoration: none; opacity: 0.8; }
.font-end { width: auto; background-image: url('../images/unison-logo.png'); background-repeat: no-repeat; background-size: auto; background-position: left center; }

ul.accounts { float: right; list-style: none; margin: 0; padding: 0; }
ul.accounts li { position: relative; float: left; width: auto; border-left: 1px solid #dddddd; height: 60px; }
ul.accounts li:first-child { border: 0; }
ul.accounts li.products-logo { padding: 20px; }
ul.accounts li.products-logo img { max-width: 200px; width: auto; }

ul.accounts li a.login { width: auto; height: 60px; display: block; font-size: 16px; line-height: 32px; color: #ffffff; padding: 15px; }
ul.accounts li a.login .fa { font-size: 30px; }

span.user-icon { display: inline-block; width: 30px; height: 30px; float: left; margin-right: 10px; background-image: url('../images/user.png'); background-repeat: no-repeat; background-size: 25px; background-position: center; }

.login-panel { /*position: absolute; top: 0; bottom: 0; left: 0; right: 0;*/ margin: auto; width: 100%; max-width: 450px; height: auto; min-height: 250px; border: 1px solid #d8d8d8; border-radius: 0; background-color: #f9f9f9; padding: 40px 20px 20px; }
.login-welcome h5 { line-height: 32px; }

.content_section { margin-bottom: 30px; }
.sidebar-nav ul { width: 100%; }
.sidebar-nav ul li { border-top: 1px solid #f3f3f3;  }
.sidebar-nav ul li a { display: block; font-size: 14px; color: #444444; padding: 10px 0; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; }
.sidebar-nav ul li a.collapsed { padding: 10px 25px 10px 0;  background-image: url('../images/right-angle-arrow.png'); background-repeat: no-repeat; background-size: 10px; background-position: center right 10px; }
.sidebar-nav ul li a[aria-expanded=true] { background-image: url('../images/down-angle-arrow.png'); background-repeat: no-repeat; background-size: 10px; background-position: center right 10px; }
.sidebar-nav ul li a:hover, .sidebar-nav ul li.active a { opacity: 1; text-decoration: none; background-color: #f5f5f5; padding-left: 15px; font-weight: 600; }
.sidebar-nav ul li.has-nodropdown.active a { background-color: #f5f5f5; padding-left: 15px; }
.sidebar-nav ul li ul li { width: 100%; border-top: 0px solid #f3f3f3; }
.sidebar-nav ul li ul li a { padding: 10px 15px; }
.sidebar-nav ul li.active ul li a { font-weight: 400; background-color: transparent; }
.sidebar-nav ul li.active ul li a:hover { font-weight: 400; background-color: #f5f5f5; }
.sidebar-nav ul li ul li.active a { font-weight: 600; background-color: #f5f5f5; }
.sidebar-nav ul li ul li.active a:hover { font-weight: 600; background-color: #f5f5f5; }

.card.custom { border-radius: 0; background-color: #f9f9f9; border: 0; margin-bottom: 30px; }
.card.custom .card-header { background-color: #0c0038; border-radius: 0; color: #ffffff;   }

.btn-default { border: 0; border-radius: 0; background-color: #fe4701; color: #ffffff; font-size: 14px; padding: 5px 10px; }
.btn.medium { padding: 8px 15px; }
.btn.large { padding: 12px 20px; }

.custom-control-label::before, .custom-control-label::after { top: 0; left: 0; bottom: 0; right: 0; margin: auto; border: 1px solid #d5d5d5; background-color: transparent; border-radius: 0; }
.custom-checkbox .custom-control-label::before, .custom-checkbox .custom-control-label::after { border-radius: 0; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::before { background-color: transparent; color: #444444; }
.custom-checkbox .custom-control-input:checked~.custom-control-label::after { background-image: url('../images/check.png'); background-repeat: no-repeat; background-size: 12px; background-position: center; }

.left-align .custom-control-label::before, .left-align .custom-control-label::after { left: 0; right: auto; top: 0; bottom: 0; margin: auto 0; }
.white_box .custom-control-label::before, .white_box .custom-control-label::after { background-color: #ffffff; }

.form-control-sm, .input-group-sm>.form-control, .input-group-sm>.input-group-append>.btn, .input-group-sm>.input-group-append>.input-group-text, .input-group-sm>.input-group-prepend>.btn, .input-group-sm>.input-group-prepend>.input-group-text { border-radius: 0; }
.page-item:first-child .page-link { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.page-item:last-child .page-link { border-top-right-radius: 0; border-bottom-right-radius: 0; }

form.custom_forms input.form-control, form.custom_forms input, form.custom_forms textarea.form-control, form.custom_forms textarea, form.custom_forms select { font-size: 14px; border: 1px solid #d5d5d5; border-radius: 0; color: #444444; }
form.custom_forms .custom-file-label { border: 1px solid #d5d5d5; border-radius: 0; padding: 2px 10px; width: 80%; font-size: 15px; padding: .375rem .75rem; color: #444444; }
form.custom_forms .custom-file-label::after { background-color: #0c0038; color: #ffffff; height: 38px; padding: 8px 12px; border-radius: 0; top: -1px; right: -25%; cursor: pointer; font-size: 14px; }

form.custom_forms input.btn { color: #ffffff; }

.form-control.icon { padding-right: 40px; background-image: url(); background-repeat: no-repeat; background-size: 26px; background-position: center right 5px;}
.icon.user { background-image: url('../images/user-circle.png'); }
.icon.lock { background-image: url('../images/lock-circle.png'); }

.table-striped thead tr { background: rgba(243,243,243,1);
background: -moz-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(246,246,246,1) 51%, rgba(250,250,250,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(243,243,243,1)), color-stop(51%, rgba(246,246,246,1)), color-stop(100%, rgba(250,250,250,1)));
background: -webkit-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(246,246,246,1) 51%, rgba(250,250,250,1) 100%);
background: -o-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(246,246,246,1) 51%, rgba(250,250,250,1) 100%);
background: -ms-linear-gradient(top, rgba(243,243,243,1) 0%, rgba(246,246,246,1) 51%, rgba(250,250,250,1) 100%);
background: linear-gradient(to bottom, rgba(243,243,243,1) 0%, rgba(246,246,246,1) 51%, rgba(250,250,250,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#fafafa', GradientType=0 ); }
.table-striped tbody tr:nth-of-type(odd) { background-color: #ffffff; }
.table-striped tbody tr:nth-of-type(even) { background-color: #f9f9f9; }

.customdataTables div.dataTables_wrapper .filter-right .dataTables_filter { text-align: right; }
.customdataTables div.dataTables_wrapper div.dataTables_filter { text-align: left; }
.customdataTables.filter-right div.dataTables_wrapper div.dataTables_filter { text-align: right; }
.customdataTables div.dataTables_wrapper div.dataTables_filter label { margin: 0; }
.customdataTables div.dataTables_wrapper div.dataTables_filter input { width: 350px; padding: 5px 5px 5px 40px; margin: 0; }

.dataTables_wrapper table.dataTable, .dataTables_wrapper table { margin-top: 20px !important; margin-bottom: 20px !important; width: 100% !important; border: 1px solid #dee2e6; }
.dataTables_wrapper table.dataTable.m-0 { margin: 0 !important; }
.dataTables_wrapper .dataTable td, .dataTable th { padding: .75rem; vertical-align: middle; }
.dataTables_wrapper .dataTable .btn-default { font-size: 13px; min-width: 55px; }
.dataTables_wrapper .dataTable .btn-default:hover { color: #ffffff; }

.dataTables_wrapper .dataTables_filter input { background-image: url('../images/search-icon.png'); background-repeat: no-repeat; background-size: 34px; background-position: center left; }

.dataTables_wrapper .page-item .page-link { color: #444444; }
.dataTables_wrapper .page-item.active .page-link { background-color: #0c0038; border-color: #0c0038; color: #ffffff; }

td.details-control { background: url('../images/details_open.png') no-repeat center center; cursor: pointer; outline: none; }
tr.shown td.details-control { background: url('../images/details_close.png') no-repeat center center; }

.modal-header, .modal-footer { background-color: #f9f9f9; }

tr td.details-control.shown { background: url(../images/details_close.png) no-repeat center center; }
.details .dataTables_wrapper { border: 1px solid #ccc; padding: 15px; -webkit-box-shadow: 0px 5px 10px 2px rgba(173,173,173,1);
-moz-box-shadow: 0px 5px 10px 2px rgba(173,173,173,1);
box-shadow: 0px 5px 10px 2px rgba(173,173,173,1); }

.tab-content { padding: 15px; -webkit-box-shadow: 0px 5px 10px 2px rgba(173,173,173,1); -moz-box-shadow: 0px 5px 10px 2px rgba(173,173,173,1); box-shadow: 0px 5px 10px 2px rgba(173,173,173,1); }
.nav-tabs .nav-link.active { border-top: 2px solid #fe4701; border-bottom: 0; }

.page-breadcrumbs {position: relative;background: #f3f3f3;min-height: 40px;line-height: 39px;padding: 0;display: block;z-index: 1;-webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);}
.breadcrumb { background-color: transparent; display: inline-block; line-height: 24px; margin: 0 22px 0 12px; padding: 0; font-size: 13px; color: #333333; border-radius: 0; }

.dashboard .overview-box { text-align: center; color: #ffffff; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.12), 0 0 2px 0 rgba(0, 0, 0, 0.14); margin-bottom: 30px; }
.dashboard .overview-box .overview-box-header { background-color: #9e9e9e; height: 40px; }
.dashboard .overview-box .overview-box-content { background-color: #616161; padding: 20px; }
.dashboard .overview-box .overview-box-content .overview-box-icon { background-color: #616161; border-radius: 50%; width: 50px; height: 50px; line-height: 50px; margin: 0 auto; margin-top: -45px; }
.dashboard .overview-box .overview-box-content .overview-box-title { font-size: 16px; margin-bottom: 10px; min-height: 52px; }
.dashboard .overview-box .overview-box-content .overview-box-count { font-size: 28px; }

.dashboard .overview-box.style1 .overview-box-header { background-color: #f06292; }
.dashboard .overview-box.style1 .overview-box-content, .dashboard .overview-box.style1 .overview-box-content .overview-box-icon { background-color: #e91e63 ; }
.dashboard .overview-box.style2 .overview-box-header { background-color: #4dd0e1; }
.dashboard .overview-box.style2 .overview-box-content, .dashboard .overview-box.style2 .overview-box-content .overview-box-icon { background-color: #00bcd4 ; }
.dashboard .overview-box.style3 .overview-box-header { background-color: #ffd54f; }
.dashboard .overview-box.style3 .overview-box-content, .dashboard .overview-box.style3 .overview-box-content .overview-box-icon { background-color: #ffc107 ; }
.dashboard .overview-box.style4 .overview-box-header { background-color: #7EA4B7; }
.dashboard .overview-box.style4 .overview-box-content, .dashboard .overview-box.style4 .overview-box-content .overview-box-icon { background-color: #607D8B; }
.dashboard .overview-box.style5 .overview-box-header { background-color: #71d0ac; }
.dashboard .overview-box.style5 .overview-box-content, .dashboard .overview-box.style5 .overview-box-content .overview-box-icon { background-color: #28b37f; }
.dashboard .overview-box.style6 .overview-box-header { background-color: #61a2b9; }
.dashboard .overview-box.style6 .overview-box-content, .dashboard .overview-box.style6 .overview-box-content .overview-box-icon { background-color: #41859d; }
.dashboard .overview-box.style7 .overview-box-header { background-color: #8c5459; }
.dashboard .overview-box.style7 .overview-box-content, .dashboard .overview-box.style7 .overview-box-content .overview-box-icon { background-color: #52070e; }

.dataTables_wrapper .search-filter .dataTables_filter { float: left; margin-right: 20px; } 

table.table_style1 thead tr th, table.table_style1 tbody tr td { font-size: 14px; padding: 6px; }

#loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1000; }
#loader img { width: 75px; height: 75px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
.modal-open .modal { z-index: 999; }
.modal-backdrop { z-index: 998; }
span[data-toggle="tooltip"] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: #fe4701;
    border-radius: 50%;
    text-align: center;
    font-weight: bold;
    color: #ffffff;
}
#loader-new { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); z-index: 1000; }
#loader-new img { width: 75px; height: 75px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }