/* new header */

.lr-menu
{
	display: none;
}

header
{
	float: left;
	width: 96%;
	padding: 20px 2%;
}

.home header
{
	text-align: center;
}

.home .logo
{
	float: none !important;
	margin: 0 !important;
}

#logoff-button
{
	line-height: 24px;
	color: #333;
	text-decoration: none;
}

.set-language
{
	margin-bottom: 20px;
}

.dashboard header #logoff-button,
.dashboard header .set-language
{
	display: none;
}

.header-copy
{
	display: none;
}

.dashboard .header-copy
{
	display: block;
	clear: both;
}

.menu
{
	box-sizing: border-box;
	display: block;
	width: 100%;
	clear: both;
	margin-bottom: 30px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 15px 2%;
}

.menu a
{
	margin: 0 10px;
	color: #333;
	text-decoration: none;
}

.menu a:last-child
{
	display: none;
}

.lr-menu
{
	position: relative;
}

.lr-menu div
{
	width: 20px;
	height: 25px;
	background: url('images/menu-icon.png') no-repeat left top;
	background-size: 20px 25px;
}

.lr-menu ul
{
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid #ccc;
	padding: 0;
}

.lr-menu li
{
	border-bottom: 1px solid #ccc;
	padding: 10px 20px;
}

.lr-menu li:last-child
{
	border-bottom: 0 none;
}

.lr-menu.open ul
{
	display: block;
	background: #fff;
	list-style-type: none;
}

.lr-menu.open a
{
	color: #333;
	text-decoration: none;
}

.nav-box
{
	text-align: center
}

.nav-box .search
{
	float: none !important;
	display: inline-block !important;
}

.bread-crumbs
{
	margin-bottom: 20px;
	padding: 0 2%;
}

.bread-crumbs a,
.bread-crumbs span
{
	color: #000;
}

.quick-links
{
	margin-top: -20px;
	border: 1px solid #ccc;
	padding: 10px;
}

/* new header end */

/* new general layout */

aside
{
	clear: both;
}

aside + main
{
	width: calc(100% - 330px);
}

/* new general layout end */

.side-menu h2
{
	background: #333;
	color: #fff;
	padding: 10px 15px;
	margin-bottom: 10px;
	font-weight: normal;
	font-size: 1.25em;
}

.side-menu a
{
	color: #333;
	padding: 10px 5px;
	display: block;
	text-decoration: none;
}

/* new general layout */

.RadMenu_MajorPlayersMenu
{
}

.RadMenu_MajorPlayersMenu
{
    cursor: pointer;
    text-decoration: none;
}

.RadMenu_MajorPlayersMenu .rootGroup
{
    width: 100%;
}

.RadMenu_MajorPlayersMenu .rootGroup .item /* Menu main Buttons */
{
    float: left;
    padding: 7px 12px 0 2px;
    background-image: url(seperator.gif);
    background-position: right;
    background-repeat: no-repeat; /* height:19px;       */
    color: #c8bb9f;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 8.5pt;
    font-family: arial;
    letter-spacing: 0.1em;
    margin-top: 4px;
}
.RadMenu_MajorPlayersMenu .rootGroup .last /* laatste item level 1 */
{
    background-image: none;
    padding-right: 0px;
}


.RadMenu_MajorPlayersMenu .group
{
    border: none;
    width: 146px;
    margin: 0;
    padding: 0;
}
.RadMenu_MajorPlayersMenu .group .level1
{
    border-top: solid 3px #DDDDDD;
    background-color: #000000;
}

.RadMenu_MajorPlayersMenu .group .item
{
    background: url(sub-menu-item-background.gif) repeat-y right #fff;
    border: none;
    vertical-align: middle;
    white-space: normal;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-family: Arial;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: normal;
    width: 147px;
    text-transform: none;
}

.RadMenu_MajorPlayersMenu .item .text
{
    padding-bottom: 4px;
    padding-left: 7px;
	padding-right: 5px;
    white-space: normal;
}

.RadMenu_MajorPlayersMenu .level1 .last .text /* Level 1  - Last Item of dropdown list */
{
    border-bottom: none;
    /* background-image: url(/Images/System/Menu/sub-menu-item-background-last.gif);
    background-position: bottom right;
    background-repeat: no-repeat; */
    white-space: normal;
    border-bottom: solid 2px #a48f65;    
}


/* Level2 Styles */

.RadMenu_MajorPlayersMenu  .last .level2 .item .text
{
    width: 143px;    
    border: none;
    margin:0;
    padding: 0px 0px 0px 4px;    
}
.RadMenu_MajorPlayersMenu  .last .level2 .item .link
{
    
    
}
.RadMenu_MajorPlayersMenu .level2 .item .text
{    
    border: none;
    vertical-align: middle;
    white-space: normal;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    font-family: Arial;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    letter-spacing: normal;
    width: 147px;
    text-transform: none;

}
.RadMenu_MajorPlayersMenu .group .level2 .text /* Last Item of dropdown list */
{
    border-bottom: none;    
    white-space: normal;
    background: none;
}
RadMenu_MajorPlayersMenu .level2 .item .text /* Submenu - Sub items */
{
    padding: 0;
    margin: 0;
    padding-left: 8px;
    width: 147px;
    background-color: #000000;
    
   
}
/* Last Item of dropdown list */



.RadMenu_MajorPlayersMenu .level1 .first
{
    border-bottom: none;
    background-image: url(submenu-ul-background.gif);
    background-position: top right;
    background-repeat: no-repeat;
    width: 147px;
    height: 20px;
    margin: 0;
    padding: 0;
    padding-left: 0px;
    padding-top: 12px;
    padding-bottom: 0px;
}

.RadMenu_MajorPlayersMenu .level1 .first .text
{
    margin: 0;
    padding: 0;
    margin-left: 8px;
    width: 139px;
}


.RadMenu_MajorPlayersMenu .level2 .first /* Level 2 first item */
{
    border-bottom: none;
    background-image: url(submenu-ul-background.gif);
    background-position: top right;
    background-repeat: no-repeat;
    height: 20px;
    margin: 0;
    padding: 0;
    padding-left: 0px;
    padding-top: 2px;
}




.vertical .group .level1 .item .first
{
    margin: 0;
    padding: 0;
    background-color: #000000;
}


.RadMenu_MajorPlayersMenu .level2 .item .text /* Submenu - Sub items */
{
    padding: 0;
    margin: 0;
    padding: 0px 0px 0px 6px;
    width: 141px;
}

RadMenu_MajorPlayersMenu .level1 .item .text
{
    margin: 0;
    padding: 0;
    padding-left: 4px;
}



.RadMenu_MajorPlayersMenu .level2 .last .text /* submenu - sub items - Last item */
{
    background-image: none;
    /* background-image: url(/Images/System/Menu/sub-menu-item-background-last.gif);
    background-position: bottom right;
    background-repeat: no-repeat; */
    width: 142px;
    padding: 0px 0px 4px 5px;
    margin: 0;
    border: none;
    border-bottom: solid 2px #a48f65;        
}
.RadMenu_MajorPlayersMenu .last .level2 .last .text /* Level2 subitem - last subitem */
{
    background-image: none;
    /* background-image: url(/Images/System/Menu/sub-menu-item-background-last.gif);
    background-position: bottom right;
    background-repeat: no-repeat; */
    width: 141px;
    padding: 0px 0px 4px 6px;
    margin: 0;
    border: none;
   border-bottom: solid 2px #a48f65;
}
.RadMenu_MajorPlayersMenu .level3 .item .text
{
    border-bottom: solid 1px #c5cadf;
    padding-bottom: 5px;
}
.RadMenu_MajorPlayersMenu .level3 .last .text
{
    border-bottom: none;
    padding: 0px 0px 4px 0px;
}

.RadMenu_MajorPlayersMenu .expandLeft
{
    background: transparent url(/images/system/blue_arrow.gif) right top no-repeat;
}

#MenuPlaceHolder a, #MenuPlaceHolder a:visited
{
    color: #0a1e79;
    text-decoration: none;
}

#MenuPlaceHolder a:hover, #MenuPlaceHolder a:active
{
    color: #FF5500;
}
.RadMenu_MajorPlayersMenu, .RadMenu_MajorPlayersMenu .expandBottom
{
}
a.link:Link, a.link:Visited
{
    color: #000000;
    text-decoration: none;
    cursor: pointer;

}
a.link:Hover
{
	color: #B42129;
    text-decoration: none;
    cursor: pointer;

}

a.link:Active
{
    text-decoration: none;
    color: #8c8c8c;
    cursor: pointer;
	
}
.text
{
    padding-left: 4px;
}
.expandTop
{
    padding-left: 4px;
}
.level1 .expandLeft
{
    background-image: url(arrow_menu.gif);
    background-repeat: no-repeat;
    background-position: right;    
}
.level1 .item .last .expandLeft
{
    background-image: url(arrow_menu.gif);
    background-repeat: no-repeat;
    background-position: center right;
    background-color: #000000;
    padding: 2px 0px 0px 0px;    
    
}

.clients_comments
{
	margin-bottom: 20px;
}

.comment-attachment
{
	float: left;
	width: 100%;
	margin-bottom: 20px;
	word-wrap: break-word;
	box-sizing: border-box;
}

.comment-attachment:not(.img-attachment)
{
	padding-left: 150px;
	background: url('images/file-type-icons/other.png') no-repeat left top;
	background-size: 100px auto;
	min-height: 100px;
}

.comment-attachment .picinreport
{
	float: left;
	margin-right: 15px;
}

.comment-attachment a + a img
{
	display: block;
	margin-top: 10px;
}

.comment-attachment.att-mp3,
.comment-attachment.att-m4a,
.comment-attachment.att-wav,
.comment-attachment.att-3ga,
.comment-attachment.att-aif,
.comment-attachment.att-aac,
.comment-attachment.att-flac,
.comment-attachment.att-ogg,
.comment-attachment.att-wma,
.comment-attachment.att-alac
{
	background-image: url('images/file-type-icons/audio.png');
}

.comment-attachment.att-flv,
.comment-attachment.att-avi,
.comment-attachment.att-mov,
.comment-attachment.att-mp4,
.comment-attachment.att-mpg,
.comment-attachment.att-wmv,
.comment-attachment.att-3gp
{
	background-image: url('images/file-type-icons/movie.png');
}

.comment-attachment.att-zip,
.comment-attachment.att-rar,
.comment-attachment.att-lha,
.comment-attachment.att.gz,
.comment-attachment.att-7z,
.comment-attachment.att-bz2,
.comment-attachment.att-zipx,
.comment-attachment.att-arj
{
	background-image: url('images/file-type-icons/archive.png');
}

.comment-attachment.att-ppt,
.comment-attachment.att-pptx,
.comment-attachment.att-odp
{
	background-image: url('images/file-type-icons/presentation.png');
}

.comment-attachment.att-doc,
.comment-attachment.att-docx,
.comment-attachment.att-rtf,
.comment-attachment.att-odt
{
	background-image: url('images/file-type-icons/document.png');
}

.comment-attachment.att-xls,
.comment-attachment.att-xlsx,
.comment-attachment.att-ods
{
	background-image: url('images/file-type-icons/excel.png');
}

audio
{
	width: 600px;
}

.agreements
{
    padding: 20px 10px;
}

.agreement
{
    min-height: 70px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.agreement .name
{
    font-weight: bold;
    font-size: 15px;
    margin-bottom: 10px;
}

.agreement .checkbox
{
    padding: 10px;
    background: #e7e7e7;
    border: 1px solid #c7c7c7;
    float: left;
}

.agreement .checkbox input
{
    display: block;
}

.agreement .description
{
    float: left;
    padding: 5px 10px;
    max-width: 300px;
}

.agreement .contents
{
    padding: 5px 10px;
    border-left: 2px solid #e7e7e7;
}

.agreements .err 
{ 
    margin-bottom: 20px;
    font-weight: bold;
    color: #700; 
}


.self-data-query #table1 
{
    border-collapse: collapse;
    width: 300px;
}

.self-data-query #table1 td
{
    padding: 5px;
}

.self-data-query input[type='text']
{
    margin: 10px 10px 0 0;
    width: 300px;
}

.self-data-query #reply
{
    margin: 10px 0;
    padding: 10px 5px;
    width: 290px;
    min-height: 150px;
    font: inherit;
}

.self-data-query .err
{
    color: #f00;
    margin: 10px 0;
}

.privacy-management .title-1 
{ 
    font-size: 15px; 
    font-weight: bold; 
    margin-bottom: 10px;
}

.privacy-management
{
    padding: 10px;
}

.privacy-management table
{
    border-collapse: collapse;
    margin-bottom: 10px;
    width: 430px;
}

.privacy-management table td,
.privacy-management table th
{
    padding: 5px;
}

.privacy-management table #td1 
{ 
    width: 100px; 
    font-weight: bold;
}

.privacy-management table #td1 div 
{
    width: 100px; overflow: hidden; 
}

.checklist
{
	float: left;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
}

.checklist li
{
	list-style-type: none;
	float: left;
	height: 3em;
	margin: 0 20px 10px 0;
	width: calc(16.5% - 20px);
	overflow: hidden;
}

.checklist + h2
{
	clear: both;
}

.dataTable td 
{   
    text-overflow: ellipsis;

    overflow: hidden;
    white-space: nowrap;

    max-width: 150px;
}

.dataTable thead input
{
    font-size: 12px;
}

.tree-index span
{
	margin-right: 20px;
}

.tree-index div
{
	padding-top: 10px;
}

.products table
{
	border-collapse: collapse;
}

.products table th,
.products table td
{
	border: 2px solid #980000;
	padding: 3px;
}

.products table th
{
	background: #fff4f4;
	text-align: center;
	font-weight: normal;
}

.products table textarea
{
	width: 300px;
	height: 150px;
}


.cc-settings .container
{
    width: 1000px;
    background: #f7f7f7;
    border: 2px solid #777;
    padding: 10px;
    margin: 30px 0;
}

.cc-settings .container input,
.cc-settings .cc-settings .container select
{
    padding: 5px;
    border-radius: 0;
}

.cc-settings .container input[type='submit']
{
    padding: 5px 10px;
    margin: 0;
    border: 1px outset #ccc;
    font-size: 13px;
}

.container .error
{
    font-size: 13px;
}

.cc-settings ul.tabs{
    background: #d7d7d7;
    border: 1px solid #777;
    margin: 0px;
    padding: 3px;
    list-style: none;
}
.cc-settings ul.tabs li{
    background: none;
    color: #222;
    display: inline-block;
    padding: 10px 15px;
    cursor: pointer;
}

.cc-settings ul.tabs li:hover
{
    background: #eee;
}

.cc-settings ul.tabs li.current{
    background: #f7f7f7;
    color: #222;
}

.cc-settings .tab-content{
    display: none;
    padding: 15px 0;
}

.cc-settings .tab-content.current{
    display: inherit;
}

.cc-settings .tab-content .edit
{
    padding: 10px 10px 20px ;
    margin: 10px 0 50px;
    border-left: 5px solid #ccc;
    
}

.cc-settings .tab-content h3
{
    margin: 0 0 10px;
}

#add-shift, 
#add-break
{
    font-size: 15px;
}


#link-breaks-to-shifts {
    border-collapse: collapse;
    border: 1px solid #333;
    
}
#link-breaks-to-shifts td,
#link-breaks-to-shifts th { 
    padding: 3px; 
}

#link-breaks-to-shifts thead {
    background: #ccc;
}

#link-breaks-to-shifts td div { width: 158px; overflow: hidden; }
#link-breaks-to-shifts input { border: 0; }
#link-breaks-to-shifts input[type='submit'] { padding: 0 10px; border-radius: 0; font-size: 12px; width: 70px !important; }

#break-name
{
    font-size: 20px; 
    font-weight: bold; 
    max-width: 350px;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.dataTables_length
{
	margin-bottom: 10px;
}

.dataTable
{
 	border: solid 1px #999;
}

.dataTable thead tr:nth-child(1)
{
	background: #eee;
}

.dataTable thead tr:nth-child(2)
{
	background: #f7f7f7;
}

table.dataTable thead td,
table.dataTable thead th
{
	border-bottom: 1px solid #aaa !important;
}

table.dataTable thead tr
{
	border-bottom: 1px solid #aaa !important;
}

table.dataTable.no-footer
{	
	border-bottom: 1px solid #aaa !important;
}

.dataTable td
{
	border-right: 1px solid #ccc;
}

.dataTable tr td:last-child,
.dataTable thead th:last-child
{
	border-right: none;
}

.dataTables_info
{
	margin-right: 10px;
}

.dataTables_info,
.dataTables_paginate,
.dt-buttons
{
	margin-top: 10px;
}

.dt-buttons button,
.paginate_button
{
    
    padding: 5px 10px;
    margin: 0;
    border: 1px outset #ddd !important;
    background: #eee !important;
    border-radius: 0;
    font-size: 12px !important;
}

.dataTables_paginate a:hover
{
    background: #ccc !important;
}

.dataTables_paginate .current
{
    background: #ccc !important;
}

.dt_row_btn
{
    width: 100%;
    text-align: center;
}

.dt_row_btn input[type='button']
{
    min-width: 50px;
    font-size: 13px;

    padding: 0 5px;
    margin: 0 !important;
}

.form-field-required::after {
    content: " *";
    color: red;
    font-weight: bold;
    font-size: 14px;
}

form .show-entire-crit-report thead .StickyHeader td {
   top: 0;
    background: white;
    color: black;
   position: sticky !important;
}

form .show-entire-crit-report tbody td {
   border: 1px solid;
   border-collapse: collapse;
   border-color: #ccc;
   padding: 10px;
}

form .show-entire-crit-report table td {
    border: inherit;
    padding: inherit;
}

.show-entire-crit-report .mc-score,
.show-entire-crit-report .mc-answer
{
    vertical-align: top;
}

.show-entire-crit-report textarea
{
    height: 24px;
    resize: none;
    overflow: hidden;
}

.mc-answers p
{
    margin: 0;
    height: 42px;
}

.grid_reports_table
{
    table-layout: fixed
}

.grid_report_td
{
    box-sizing: border-box;
    vertical-align: top;
}

.grid_report_td object,
.grid_report_td .fc_dychart,
.grid_report_td embed
{
    width: 100% !important;
}

span.toggleProps > div {
    display: inline;
    font-size: 12px;
    margin-left: 10px;
    padding: 3px 10px 4px;
    border: 1px solid #333;
}

span.toggleProps > div:before {
    content: '↓';
}

span.toggleProps > div.opened:before {
    content: '↑';
}

/* media queries */

@media screen and (max-width: 1100px)
{
	.menu
	{
		display: none;
	}
	
	.lr-menu
	{
		display: block;
	}
}

@media screen and (max-width: 500px)
{
	.set-language,
	#logoff-button
	{
		position: absolute;
	}
	
	.nav-box
	{
		clear: both;
		padding: 20px 0;
		width: 100%;
		display: border-box;
	}
	
	.nav-box .lr-menu
	{
		position: relative;
		top: -80px;
	}
}


a.btn[data-title="Microsoft"],
a.btn[data-title="Google"] {
    background-color: #ffffff !important;
    box-sizing: border-box;
    border-radius: 5px;
    font-size: 12px;
    line-height: 14px;
    display: flex;
    align-items: center;
    color: #797979 !important;
    padding: 12px 20px 12px 50px !important;
    white-space: nowrap;
    min-height: 40px;
    transition: all 0.3s linear;
    margin-bottom: 2%;
    display: inline-block;
    min-width: 185px;
    max-width: fit-content;
  }

p.text-center {
    text-align: center
}

a.btn[data-title="Microsoft"] {
    background-image: url("images/icon/Microsoft.svg");
    background-repeat: no-repeat;
    background-position: left 13px center;
    background-size: 24px;
    text-decoration: none;
    margin: 0px 5px;
  }


a.btn[data-title="Microsoft"]:hover {
    background-image: url("images/icon/Microsoft_w.svg");
  box-shadow: none;
  background-color: hsl(208,100%,50%) !important;
  color: #fff !important;
  transition: all 0.3s linear;
}

a.btn[data-title="Microsoft"]:hover font,
a.btn[data-title="Google"]:hover font {
    color: #fff !important;
}

a.btn[data-title="Google"] {
    background-image: url("images/icon/Google.svg");
    background-repeat: no-repeat;
    background-position: left 13px center;
    background-size: 24px;
    text-decoration: none;
    margin: 0px 5px;

}

a.btn[data-title="Google"]:hover {
    background-image: url("images/icon/Google_w.svg");
    box-shadow: none;
  background-color: hsl(208,100%,50%) !important;
  color: #fff !important;
  transition: all 0.3s linear;
}
.social-link{
    justify-content: center;
}

@media  screen and (max-device-width: 767.5px){

    a.btn[data-title="Microsoft"],
    a.btn[data-title="Google"] {
        font-size: 40px !important;
        line-height: 1;
        width: auto;
        padding: 30px !important;
        padding-left: 80px !important;
        background-size: auto 50px;
    }
}

.error-login-text {
    background: rgba(236, 28, 36, 0.08);
    border-radius: 5px;
    padding: 7px;
    font-weight: 400;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    color: #ec1c24;
    margin-bottom: 0px;
}

/* media queries end */

.d-none {
    display: none !important;
    ;
}

.outline {
    border: 1px solid;
}

.page-login .fst-italic.bg-white.color-lgrey2.fs-16 {
    display: inline-block;
    width: fit-content;
    margin: 0 auto;
    text-align: center;
}