/*CHRIS*/

.dijitReset.dijitMenuItem.dijitCheckedMenuItem[aria-label='Meeting Request '] {display: none!important;}
div#attLoading {display: none!important;}

.mnu-icon8 {
    background-image: url(../Images/MenuIcons/LeftColumn-ModuleList.png);
}

.email-body pre {white-space: normal!important;}  /*fix for PRE content going out of page*/
/*CHRIS*/



html, body {width: 100%;height: 100%;margin: 0;overflow:hidden}

#loading {width:100%;height:100%;display:table}
#posting {width:100%;height:100%;z-index:1001;position: absolute; top:0px;left:0px;background-color:#cfd4dd;opacity: 0.6;filter: alpha(opacity=60);background-image: url("../Images/smg/big-loading.gif");background-repeat: no-repeat;background-position: center;}
#container {width:100%;height:100%;visibility:hidden}
.center {margin-left:auto;margin-right:auto;text-align:center;display:block}
.vcenter {display:table-cell;vertical-align:middle}

.main-grid-footer {width:100%;text-align:left;background-color:transparent;padding-left:20px}

.dijitButtonDisabled{
    opacity: 0.4;
}

/*claro overrides*/
.claro h2 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.claro .dijitToolbar {background-image:none;} /*remove toolbars gradient*/
.claro .dijitAccordionInnerContainerSelected {background-color:#fff;border-color:none;} /*selected accordion tab inner color */
.claro .dijitAccordionTitle {padding:2px 7px 1px;font-weight: bold;} /*accordion tab inner title*/
.claro .dijitAccordionContainer .dijitAccordionChildWrapper {border:none;margin:0px} /* accordion tab inner border */

.claro .dijitTabContainerTop-tabs .dijitTab {border-radius: 8px 8px 0 0;} /*tab radius*/
.nowrapTabStrip.dijitTabContainerTop-tabs {background-color: white;}
.dijitDialog.dijitDialogFocused.dijitFocused {background-color: white;}
/*.dijitToolbar .dijitButton .dijitButtonNode  {color:#fff;} */ /*email menu color*/
.dijitToasterMessage .dijitToasterContent {background-color:#279b4d;color:#fff} /* toaster */
.dijitToasterWarning .dijitToasterContent {background-color:#ea8912; color:#fff} /* toaster */
.dijitToasterError .dijitToasterContent {background-color:#f00;color:#fff} /* toaster */
.dijitToasterFatal .dijitToasterContent {background-color:beige;color:#222} /* toaster */
/*.claro .gridxBodyRowHoverEffect .gridxRowOver > .gridxRowTable .gridxCell{background-color:#fff;}*/ /* remove gridx row hover*/
.gridxRowHeaderRow table .gridxCell, .gridxRow .gridxRowTable .gridxCell { border-right:none;border-left:none;padding-left:5px;padding-right:2px;white-space: nowrap;overflow: hidden; text-overflow:ellipsis;} /*remove vertical lines from grid*/
.claro .gridxRowOdd .gridxRowTable tr {background-color:#fff;}
.claro .main-grid-footer-btn .dijitButtonNode {height:13px;width:15px} /*main grid footer buttons*/
.claro .gridxPagerStepperBtn {margin:0px} /*main grid footer buttons*/
.claro .main-grid-footer .dijitButton {margin:2px 0px}/*main grid footer buttons*/

.claro .dijitTooltipContainer .receipientsTextBox {padding:1px 1px}
/*.inout-grid-tooltip-dialog .dijitTooltipContainer {height:500px;}*/
.claro .entities-ddt .dijitDropDownButton .dijitButtonNode {padding:0px 0px 1px 0px} /*mikrotero button sto dropdownbutton tou tree epiloghs entities*/
.claro .tab-search-ddb .dijitButtonNode {margin-left: -6px;border-radius: 0;padding: 2px 1px 3px 0px;} /* tab search drop down button*/
.claro .contacts-search-ddb .dijitButtonNode {margin-left: -6px;border-radius: 0;padding: 1px 1px 1px 0px;} /*contacts search drop down button*/

/*calendar*/
.claro .dojoxCalendarEvent.Calendar1 .bg {background-color: #00ff00;}
.claro .dojoxCalendarEvent.Calendar1 .summary {color: #000;}
.claro .dojoxCalendarEvent.Calendar1.Hovered .bg {background-color:#279b4d}
.claro .dojoxCalendarEvent.Calendar1.Selected .bg {background-color: #54cf7c}

.claro .dojoxCalendarEvent.Calendar2 .bg {background-color: #008000;}
.claro .dojoxCalendarEvent.Calendar2.Hovered .bg {background-color:#2cd52c}
.claro .dojoxCalendarEvent.Calendar2.Selected .bg {background-color: #448644;}

.claro .dojoxCalendarEvent.Calendar3 .bg {background-color: #0000ff;}
.claro .dojoxCalendarEvent.Calendar3.Hovered .bg {background-color:#292996}
.claro .dojoxCalendarEvent.Calendar3.Selected .bg {background-color: #6c6cf8;}

.claro .dojoxCalendarEvent.Calendar4 .bg {background-color: #c0c0c0;}
.claro .dojoxCalendarEvent.Calendar4.Hovered .bg {background-color:#cacaca}
.claro .dojoxCalendarEvent.Calendar4.Selected .bg {background-color: #908d8d;}

.claro .dojoxCalendarEvent.Calendar5 .bg {background-color: #ffff00;}
.claro .dojoxCalendarEvent.Calendar5 .summary {color: #000;}
.claro .dojoxCalendarEvent.Calendar5.Hovered .bg {background-color:#aeae27}
.claro .dojoxCalendarEvent.Calendar5.Selected .bg {background-color: #fbfbae;}

.claro .dojoxCalendarEvent.Calendar6 .bg {background-color: #ff00ff;}
.claro .dojoxCalendarEvent.Calendar6 .summary {color: #000;}
.claro .dojoxCalendarEvent.Calendar6.Hovered .bg {background-color:#9d239d}
.claro .dojoxCalendarEvent.Calendar6.Selected .bg {background-color: #f894f8;}

.claro .dojoxCalendarEvent.Calendar7 .bg {background-color: #000080;}
.claro .dojoxCalendarEvent.Calendar7.Hovered .bg {background-color:#343480}
.claro .dojoxCalendarEvent.Calendar7.Selected .bg {background-color: #0606b4;}

.claro .dojoxCalendarEvent.Calendar8 .bg {background-color: #808080;}
.claro .dojoxCalendarEvent.Calendar8.Hovered .bg {background-color:#c7c3c3}
.claro .dojoxCalendarEvent.Calendar8.Selected .bg {background-color: #585757;}

.claro .dojoxCalendarEvent.Calendar9 .bg {background-color: #ff0000;}
.claro .dojoxCalendarEvent.Calendar9.Hovered .bg {background-color:#a73737}
.claro .dojoxCalendarEvent.Calendar9.Selected .bg {background-color: #fb5454;}

.claro .dojoxCalendarEvent.Calendar10 .bg {background-color: #800080;}
.claro .dojoxCalendarEvent.Calendar10.Hovered .bg {background-color:#fc0efc}
.claro .dojoxCalendarEvent.Calendar10.Selected .bg {background-color: #561456;}

/*clicked cell*/
/*.claro .gridx .gridxBody .gridxRow .gridxCellFocus {border:none;outline:none;}
.gridx .gridxBody .gridxCellFocus {border:none !important;outline:none;}*/

/*tinyMCE overrides*/
.mce-path {display: none !important;}
i.mce-i-addattachment {background-repeat: no-repeat;background-size: 28px 22px; background-position: center center;text-align: center;background-image:url('../Images/emailIcons/PaperclipBlack.png')}

/*login page*/
.ie-center-fix {text-align:center;}
.login-center {width:400px;margin: 20px auto;font-family:Arial, sans-serif; font-size:14px;}
.login-logo {text-align:right;margin-top:0;}
.login-outer-box {width:100%;height:100%;background:none repeat scroll 0 0 #f2f2f2;border-radius:8px;}
.login-title {background-color:#4dc9fe;color:#fff;border-top-left-radius:8px;border-top-right-radius:8px;margin:0px;padding:3px 15px;font-size:28px;background-repeat: no-repeat;background-position: center right;}
.login-subtitle {background-color:#539dc4;color:#fff;margin:0px;height:5px}
.login-validator {width:90%;text-align:center;color:#f00;}
.login-outer-row-top {width:100%;padding:10px;float:left;margin-top:20px;}
.login-outer-row {width:100%;padding:10px;float:left;}
.login-outer-row p {margin-top:0.5em; margin-bottom:0.5em;}
.login-outer-row-bottom {width:100%;padding:0px;text-align:center;}
.login-version-div {width:95%;text-align:right;padding:3px;font-size:11px}
.login-label {display:block;float:left;width:130px;text-align:right;}
.login-textbox {width:200px;float:left;margin-left:10px;}
.login-checkbox {float:left;margin-left:10px;}
.login-btn {padding:5px;margin:10px 10px 10px 10px;}
.validation-summary-errors.login-validator li {list-style-type:none;}

/*main page - header*/
.dojo-border-container {width: 100%; height: 100%}
.header-logo {float:left;padding:0px 40px 0px 10px}
#header-div {float: left;}
.header-manage-user {float:right;margin:2px 5px;}

.accounts-separator {height:2px;width:100%;background-color:#AED1E7;border:1px solid #AED1E7;border-radius:4px;margin:10px 0px;}

.mnu-icons {background-repeat: no-repeat;background-size: 24px 24px; background-position: center center;width: 24px;height: 24px;text-align: center;}
.mnu-icons-20 {background-repeat: no-repeat;background-size: 20px 20px; background-position: center center;width: 20px;height: 20px;text-align: center;}
.mnu-icons-24 {background-repeat: no-repeat;background-size: 24px 24px; background-position: center center;width: 24px;height: 24px;text-align: center;}

/*main page - left panel*/
.tooltip-header {background-color:#194A6F; background-image: linear-gradient(rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 100%);background-repeat: repeat-x;color:#fff;text-align:center;}
.tooltip-btn-container {width:100%;text-align:center;}
/*not used - start*/
.dijitFolderOpened-blue {background-image: url("../Images/smg/foldero16.png");background-size: 16px 16px; background-position: center center;width: 16px;height: 16px;}
.dijitFolderClosed-blue {background-image: url("../Images/smg/folder16.png");background-size: 16px 16px; background-position: center center;width: 16px;height: 16px;}
.dijitFolderOpened-1 {background-image: url("../Images/smg/foldero16_1.png");background-size: 16px 16px; background-position: center center;width: 16px;height: 16px;}
.dijitFolderClosed-1 {background-image: url("../Images/smg/folder16_1.png");background-size: 16px 16px; background-position: center center;width: 16px;height: 16px;}
.dijitFolderOpened-2 {background-image: url("../Images/smg/foldero16_2.png");background-size: 16px 16px; background-position: center center;width: 16px;height: 16px;}
.dijitFolderClosed-2 {background-image: url("../Images/smg/folder16_2.png");background-size: 16px 16px; background-position: center center;width: 16px;height: 16px;}
.dijitFolderOpened-yellow {background-image: url("../Images/smg/foldero16_1.png");background-size: 16px 16px; background-position: center center;width: 16px;height: 16px;}
.dijitFolderClosed-yellow {background-image: url("../Images/smg/folder16_1.png");background-size: 16px 16px; background-position: center center;width: 16px;height: 16px;}
/*not used - end*/
.show-modules-pane{width:16px;height:16px;background-size: 16px 16px; background-repeat: no-repeat;background-image: url("../Images/smg/close-info.png");  }
.hide-modules-pane{width:16px;height:16px;background-size: 16px 16px; background-repeat: no-repeat;background-image: url("../Images/smg/open-info.png");  }

#quickCalendar  {margin: 2px 0px;width: 150px; margin-left:-9px;}
#quickCalendar .dijitCalendarDateTemplate { height: 5px; width: 5px; border: 0px solid #ccc; vertical-align: top;font-size:9px }
#quickCalendar .dijitCalendarDateLabel, #quickCalendar .dijitCalendarDateTemplate { text-align: inherit }
#quickCalendar .dijitCalendarDayLabel { font-weight: bold }
#quickCalendar .dijitCalendarSelectedYear { font-size: 9px }
#quickCalendar .dijitCalendarMonthLabel { font-family: Tahoma; letter-spacing: 0px; font-size: 10px }





/*main page - right panel*/
.email-subject {font-size:14px;font-weight:bold;height:40px;width:95%;overflow:auto;float:left;}
.email-show-hide-info-pane, .email-show-hide-chartering-pane {float: right;}
.mail-scrollable-part {width:100%;height:90%;overflow:auto;font-size:12px}
.email-datetime {font-weight:bold;}
.email-from {display:inline;}
.email-to {display:inline;}
.email-cc {display:inline;}
.email-bcc {display:inline;}
.email-body {position:relative;}
    .email-body p {margin-top:0px;margin-bottom:0px;}
.scroll-to-att {color:#0094ff;text-align:right;margin-right:10px;}
    .scroll-to-att span {cursor:pointer;}
.open-all-attachments {
    color: #0094ff;
    text-align: right;
    margin-right: 10px;
    display: none;
}
    .open-all-attachments span {
        cursor: pointer;        
    }

.email-highlighted-text {background-color:#EAD1DC;}
.mail-grid-icon {width:21px;height:22px;float:left}
.mail-grid-icon-size {background-size: 21px 22px; background-repeat: no-repeat;}


.mail-grid-icon-flag{background-image: url("../Images/emailIcons/flag.png");border:1px solid #e9e9e9}

.mail-grid-context-flag {width:16px;height:16px;background-size: 16px 16px; background-repeat: no-repeat;}


.claro .search-from-tab-btn .dijitButtonNode {background-image: url("../Images/MenuIcons/Search-32.png"); width: 16px;height: 16px; background-size: 16px 16px; background-position: center center;background-repeat: no-repeat;text-align: center;}
/*span.search-from-tab-btn .dijitButton {background-repeat: no-repeat;background-size: 18px 18px; background-position: center center;width: 18px;height: 18px;text-align: center;}*/

/*right accordion*/
.claro .input-red-text .dijitInputInner {color:#f00;}
.accordion-header-icon {width:18px;height:18px;float:right;background-size: 18px 18px; background-repeat: no-repeat;}
.accordion-icon-alert {background-image: url("../Images/smg/Alert-32.png"); }

/*send email*/
.email-top-line {margin-top:2px;padding-bottom: 2px;}
.email-top-clear {width:100%;border-bottom: 1px solid #C5C6C9;clear:both;}
.email-line-descr {float:left;margin-top:2px;}
.email-line-text {float:left;width:80%;padding:0px 10px 5px 10px;}
.email-line-text div {border:none;width:100%;}
.email-attachements-div {margin:5px 0px;}
span.email-attachment {text-align:center;padding:1px 5px;margin:0px 3px;border:1px solid #000;}
span.email-remove-attachment {margin:0px 0px 0px 10px;cursor: pointer;width:10px;height:10px;}
.attachment-cursor-pointer {cursor:pointer;}
.paste-attachments {color:#00f;cursor:pointer;}
.tinyMCE-editor-container {
    /*border: 1px solid red;*/
    min-height:200px

}

/*contacts tab*/
.prev-btn {background-image: url("../Images/smg/contact-prev.png");background-size: 24px 24px;background-repeat: no-repeat;width: 40px;height: 24px;text-align: center;background-position:center}
.next-btn {background-image: url("../Images/smg/contact-next.png");background-size: 24px 24px;background-repeat: no-repeat;width: 40px;height: 24px;text-align: center;background-position:center}
.add-new-contact-btn {background-image: url("../Images/smg/contact-new.png");background-size: 24px 24px;background-repeat: no-repeat;width: 40px;height: 24px;text-align: center;background-position:center}
.delete-contact-btn {background-image: url("../Images/smg/contact-delete.png");background-size: 24px 24px;background-repeat: no-repeat;width: 40px;height: 24px;text-align: center;background-position:center}

.contacts-table {border-collapse: collapse;border: 1px solid #b4b4b4;padding: 5px;}
    .contacts-table thead td {background-color: #cee6fa;padding:5px;border-bottom:1px solid #b4b4b4;}    
    .contacts-table td {padding:2px 5px;}

/* copy attachments */
#copyAttToaster .dijitToasterWarning .dijitToasterContent {background-color:#84C0DF; color:#fff;border-bottom-left-radius:8px;border-bottom-right-radius:8px;} /* toaster */
#copyAttToaster .dijitToasterContent {padding:2px 4px 2px 2px}
.copied-attachment {height: 40px;text-align: right;padding:7px 5px 0px 0px;overflow:hidden;}
.recycle-attachment {background-image: url("../Images/smg/Bin-blue-32.png");background-size: 20px 20px;background-repeat: no-repeat;width:20px;height:20px;cursor:pointer;float:left;margin-top:-2px}




/*calendar*/
.calendar-popup-fieldset {border: 1px solid #b5bcc7;margin-right: 14px;padding:3px 5px 4px 5px}
.eventContactButton span{
    width:45px;
}
.eventContactButton span.dijitButtonText{
    padding-left:0;
    padding-right:0;
}

/*grid with checkbox*/
.newGrid .gridxRowHeaderBody {
    display: none !important;
}

.newGrid .gridxRowHeaderHeader {
    display: none !important;
}

.newGrid .gridxHeaderRowInner {
    margin-left: 0 !important;
}

.newGrid .gridxMain {
    margin-left: 0 !important;
}

/*search screen buttons*/
.search-button-group {
    width:79%;
    float:left;
    text-align:center;
}

.search-button-group .search-button {
    padding-left:5px;
    padding-right:5px;
}

/*rules*/
.rule-entity{
    overflow:auto;
    height:200px;
    max-width:400px;
}

/*admin*/
#username-label{
    color:red;
    font-weight:bold;
}


/*Chartering*/
.chartering-pane .wClassification {
    display: flex;
    /*overflow-x: auto;*/
    padding-bottom: 2px
}

    .chartering-pane .wClassification .wClassification-tag {
        flex: 1;
        /*width: 200px;*/
        /*flex: 0 0 25em;*/
    }

    .chartering-pane .wClassification .wClassification-tag wClassification-input {
        width: 200px;
    }
    
/* Entities context menu*/
#contextMenuFolderName {
    font-weight:bold;
    text-decoration: underline;
}
    
/* Contact Copy*/
div.contact-wrapper {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    width: 80%;
    margin: 40px auto auto;
    padding: 10px;
}

div.contact-wrapper table {
    line-height: 1.3;
}

td.contact-copy-label {
    width: 200px;
    display: inline-block;
    padding-left: 30px;
}

div.contact-copy-header {
    line-height: 1.5;
}

div.contact-wrapper table td.justified{
    text-align: justify;
}

.dojoxGrid table {
    margin: 0;
}

.dojoxGrid th, tr {
    font-size: 8pt;
}

/* Syncfusion event editor */
.e-dlg-overlay, .e-dlg-container {
    z-index: auto !important;
}

 .e-schedule .e-read-only {
    opacity: .8;
}

 /* Menu buttons tooltips */
p.menu-button-tooltip {
    margin: 0 !important;
    font-size: 9px !important;
}

    p.menu-button-tooltip strong {
        margin-bottom: 5px !important;
        display: block !important;
        font-size: 11px !important;
    }

.button-tooltip .dijitTooltipContainer {
    padding:5px!important;
}