/* SupportMaster */
#tblLayout
{
	text-align: left;
	border: 0;
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

#tblLayout tr.headerTop
{
	background-color: #6FA62E;
    height: 25px;
}

.mainSiteLink
{
	width: 136px;
	vertical-align: bottom;
	text-align: center;
	padding: 0;
	font-size: 1px;
}
.mainSiteIMG
{
	width: 136px;
	height: 26px;
	border: 0;
}
#mainFooter
{
	color: #000716;
	background-color: #6FA62E;
	text-decoration: none;
}
#mainFooter span.bottom, .userinformation
{
	text-align: left;
	padding-left: 13px;
}

.userinformation
{
    position: absolute;
    left: 0;
}

#loginbox {
    padding-left: 13px;
    float:left;
}
#copyrightNotice {
    float: right;
    padding-right: 13px;
}

.leftmenu
{
	width: 200px;
	height: 100%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 8px;
}

.ajax__tab_hover .ajax__tab_outer 
{
    background:url(../images/tab-hover-right.gif) no-repeat right !important;
}
.ajax__tab_hover .ajax__tab_inner 
{
    background:url(../images/tab-hover-left.gif) no-repeat !important;
}
.ajax__tab_hover .ajax__tab_tab 
{
    background:url(../images/tab-hover.gif) repeat-x !important;
}
.ajax__tab_active .ajax__tab_outer 
{
    background:url(../images/tab-active-right.gif) no-repeat right !important;
}
.ajax__tab_active .ajax__tab_inner 
{
    background:url(../images/tab-active-left.gif) no-repeat !important;
}
.ajax__tab_active .ajax__tab_tab 
{
    background:url(../images/tab-active.gif) repeat-x !important;
}

.loginHeader, .resetPasswordHeader
{
	color: white;
	background-color: #6FA62E;
	font-size: 14px;
	border-bottom: 1px solid gray;
	padding: 5px;
	font-weight: bold;
}
.loginTable, .resetPasswordTable
{
	margin-top: 100px;
	color: #000716;
	border: 1px solid gray;
	margin-left: auto;
	margin-right:auto;
	
}
.loginTable .loginNews div {
    background-color: #6FA62E;
    color: white;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    text-align: center;
    border: 1px solid gray;
}
.loginTable .loginNews p {
    padding: 5px;
}
.loginButton
{
	color: #000716;
	background-color: #DDDDDD;
	border-color: #AAAAAA;
	border-width: 1px;
	border-style: Solid;
	font-size: 13px;
	font-weight: bold;
	padding: 1px;
	padding-left: 15px;
	padding-right: 15px;
}

.contentResetPassword, .contentLogin
{
	padding: 10% 0 0 0;
	margin: 0;
}

.resulttext
{
	color: Red;
	font-style: italic;
}

div.tekstvlak
{
	background-color: #FCFC9A;
	border: 1px none black;
	overflow: auto; 
	scrollbar-face-color:#e3edf8; 
	scrollbar-arrow-color: #000716; 
	scrollbar-highlight-color: #FCFC9A;
	scrollbar-3dlight-color: #A5CAF5;
	scrollbar-shadow-color: #B6C1CE;
	scrollbar-darkshadow-color: #A7B0C1;
	scrollbar-track-color: #C4D4E8;
}

.ajax__validatorcallout_callout_cell
{
	display: none;
}

td.hiddenColumn, th.hiddenColumn
{
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 0 !important;
}

#tblInvoiceDetails
{
    border: 0;
}

#tblInvoiceDetails th
{
    margin-left: 16px;
    margin-right: 16px;
}
#upIndicator
{
    z-index: 10002;
}

.blocked {
    color: grey; 
}

.expired {
    font-style: italic;
}

/* Document management & popups */

.ellipses
{
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  width: 100px;
  overflow: hidden;

}

.documentDatagridview td
{
    padding: 4px;
}

.documentDatagridview a
{
    text-decoration: none;
    color: black;
}
.documentDatagridview a:hover
{
    color: grey;
}

.documentDatagridview a.documentLink
{
    color: blue;
    text-decoration: none;
}
.documentDatagridview a.documentLink:hover
{
    text-decoration: underline;
}

.documentDatagridview a.documentWebLink:hover
{
    text-decoration: none;
}

.newsPopup, .documentPopup, .externalRequestErrorPopup
{
    background-color: white; border: 2px solid #6FA62E;
}
.documentPopup { width: 810px; height: 350px;
                 border-radius: 10px;

}

.close-btn { 
    border: 2px solid #c2c2c2;
    position: absolute;
    padding: 1px 5px;
    top: -15px;
    background-color: #000000;
    right: -15px; 
    border-radius: 20px;
    font-size: 15px;
    font-weight: bold;
    color: white;
    text-decoration: none;
}
.communicationTextPopup { width: 1010px !important;
                          min-height: 580px !important;
    max-height: 620px !important;
}

.newsPopup { width: 400px; height: 300px;  }
.externalRequestErrorPopup  { width: 400px; height: 380px; }

.newsPopup, .communicationTextPopup, .documentPopup, .DownloadCSVPopup {
    border-radius: 10px;
}

.documentPopup .headerBackground, .newsPopup .headerBackground, .DownloadCSVPopup .headerBackground, .externalRequestErrorPopup .headerBackground
{
    height: 35px; background-color: #6FA62E;

}

/*select, input {
     border-radius: 10px;
}*/

.documentPopup #DocumentHeader, .newsPopup #newsHeader, .DownloadCSVPopup #downloadCSVHeader, .externalRequestErrorPopup #externalRequestErrorHeader 
{
    border-bottom: 1px solid black; margin: 0; padding: 0;
}

.documentPopup #DocumentHeader p, .newsPopup #newsHeader p, .DownloadCSVPopup #downloadCSVHeader p, .externalRequestErrorPopup #externalRequestErrorHeader p
{
    margin: 0; padding: 5px;    
}

.documentPopup #documentContainer, .newsPopup #customerNewsContainer
{
    margin: 15px; overflow: auto; height: 170px;
}
.externalRequestErrorPopup #externalRequestErrorContainer {
    margin: 15px; overflow: auto; height: 220px;
}

.documentPopup #documentContainer .documentCancelButton
{
    position: absolute; bottom: 25px; left: 262px; width: 75px;
}

.newsPopup #customerNewsContainer .documentCancelButton
{
    position: absolute; bottom: 25px; left: 170px; width: 75px;
}

.externalRequestErrorPopup #externalRequestErrorContainer .externalRequestErrorCancelButton
{
    position: absolute; bottom: 25px; left: 170px; width: 75px;
}
/* Document management end */


/* Double call check */

#doubleCallHeader {
    padding: 5px;
    height: 25px;
}
#doubleCallHeader p {
    font-weight: bold;
}
#doubleCallContainer {
    padding: 5px;
}
.doubleCallButton {
    margin-left: 145px;
}

/* end */



/* Export CSV Popup */

.DownloadCSVPopup #downloadCSVContainer
{
    margin: 15px; overflow: auto;
    
}

.DownloadCSVPopup
{
    background-color: white; 
    border: 2px solid #6FA62E;
    width: 500px; height: 600px;
}

.DownloadCSVPopup #downloadCSVContainer p {
    margin: 0px;
    padding: 0px;
}

.DownloadCSVPopup #downloadCSVContainer ul {
    list-style-type: none;
    float: left;
}

#downloadCSVPopupPanel {
    float: left;
}

.DownloadCSVPopup #downloadCSVContainer .row {
    float: left;
    margin-bottom: 10px;
}

.DownloadCSVPopup #downloadCSVContainer select {
    padding: 3px;
    width: 175px;
}

.DownloadCSVPopup #downloadCSVContainer input[type=text] {
    padding: 3px;
    width: 165px;
}

.DownloadCSVPopup #downloadCSVContainer input[type=checkbox] {
    margin-right: 3px;
}

.DownloadCSVPopup #downloadCSVContainer .firstLabel {
    float: left;
    margin-top: 2px;
    width: 84px;
}

.break {
    clear: both;
}

.ajax__calendar {
    z-index: 1000000 !important;
}

.listboxSearchResults {
    position:absolute;
}

.pager{color:Black;text-decoration:none;margin:3px;}
.pager:hover{text-decoration:underline;}
.pagerselected{color:Gray;text-decoration:none;cursor:text;margin:3px;}
.quickswitch{color:Black;text-decoration:none;}
.quickswitch:hover{text-decoration:underline;}
.quickswitchdisabled{color:Gray;text-decoration:none;cursor:text;}
.serviceLocationSearch {display:block;color:Black;text-decoration:none;padding-right:20px;}
.serviceLocationSearch:hover{background-color:#3399FF;}
/* End */



/* Disclaimer */

#disclaimer {
    float: right;
    margin-right: 4px;
}

/* End */


.newCallHeader
{
    color: lightgrey;
    float: left;
    font-size: 20px;
    margin-right: 20px;
}

.CallHeaderActive {
    color: black;
} 

/* Appointments */
.ui-datepicker-today span {
    border-width: 2px !important;
    border-color: orange !important;
    font-weight: bold !important;
    color: black !important;
}

.ui-datepicker-currentAppointment { opacity: 100 !important; }
.ui-datepicker-currentAppointment span {
    border-color: green !important;
    font-weight: bold !important;
    color: green !important;
}

#appointmentBlocks label.ui-button { margin-bottom: 10px !important; }
#appointmentBlocks span.ui-button-text { padding-left: 10px !important; padding-right: 10px !important; }

.ui-datepicker table, .ui-button-text { font-size: 9pt !important; }
        
#appointmentPicker {
    overflow: hidden;
}

#appointmentPickerProgress {
    margin-top: 100px;
    margin-left: 148px;
    position: absolute;
    z-index: 999;
    border: 1px solid #fbd850;
    padding: 8px;
    background-color: white;
    color: #eb8f00;
}

.errorMess, .errorCsv {
    color: red;
}

.successMess {
    color: #eb8f00;
}

#appointmentDateCalendar, #appointmentBlocks {
    float: left;
}
#appointmentBlocks {
    margin-left: 8px;
}

#changingAppointment {
    position:relative;
}

#accordionChange {
    height: 320px;
}

.appointmentConfirmButton {
    position: absolute;
    right: 8px;
}

.appointmentAccordeon {
    width: 470px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 48px;
}

#CallAppointmentPage {
    background-image: url(../images/appBG.jpg);
    -moz-background-size: 100%;
    -o-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
}

#divServiceOrderDetails > span {
    float: left;
    width: 55%;
}

#divServiceOrderDetails > span.label {
    clear: both;
    float: left;
    width: 40%;
}

.appointmentLink {
    background-image: url(../images/appointment.png);
    background-repeat: no-repeat;
    width: 16px !important;
    height: 16px !important;
}

.appointmentLink, .docLink {
    border: 0;
    cursor: pointer;
    float: right;
    padding-right: 4px;
}

.leftFloat {
    float:left;
}

.NoJsHidden {
    display: none;
}

.ui-button-text {
    overflow: hidden;
    white-space: nowrap;
}

.analysisFilters {
    position: absolute;
    right: 32px;
}

/* 'Today' label of the CalendarExtender is not translated: just hide it... */
.ajax__calendar_footer {
    display: none;
}

/* userMaintenance */
tr.deletedUser {
    text-decoration: line-through;
    background-color: lightcoral;
}

td.deletedUser {
    visibility: hidden;
}

#searchBy span{
    margin-right: 16px;
}

.searchBy {
    padding-right: 32px;
}


/* Columns (for hiding specific columns)*/
/* Callsuccession */
td.hide, th.hide {
    display: none;
}

.thWithFilter {
    position: relative;
}

.thWithFilter input {
    position: absolute;
    right: 8px;
}

/* Communication Bubbles styling*/
.chat {
    width: 98%;
    height: 360px;
    padding-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
    padding-bottom: 10px;
    overflow-y: auto ;
    border-bottom: solid 1px #BDBDBD;
    
}
#textPopupContainer {
    
}

#textLineInputContainer {
    

    margin: 10px;
    }




.bubble{
    background-color: #F2F2F2;
    border-radius: 5px;
    box-shadow: 0 0 6px #B2B2B2;
    display: inline-block;
    padding: 10px 18px;
    position: relative;
    vertical-align: top;
}

.bubble::before {
    background-color: #F2F2F2;
    content: "\00a0";
    display: block;
    height: 16px;
    position: absolute;
    top: 11px;
    transform:             rotate( 29deg ) skew( -35deg );
        -moz-transform:    rotate( 29deg ) skew( -35deg );
        -ms-transform:     rotate( 29deg ) skew( -35deg );
        -o-transform:      rotate( 29deg ) skew( -35deg );
        -webkit-transform: rotate( 29deg ) skew( -35deg );
    width:  20px;
}

.me {
    float: left;   
    margin: 5px 45px 5px 20px;
           
}

.me::before {
    box-shadow: -2px 2px 2px 0 rgba( 178, 178, 178, .4 );
    left: -9px;           

}

.you {
    float: right;    
    margin: 5px 20px 5px 45px;         
    background-color: yellowgreen;  
}

.you::before {
    box-shadow: 2px -2px 2px 0 rgba( 178, 178, 178, .4 );
    right: -9px;    
    background-color: yellowgreen; 
}