body {BACKGROUND-COLOR: #E8F7FF; /* TODO: Make Dynamic */ margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px;} .size1 {FONT-SIZE: 8px; FONT-FAMILY: Verdana} .size2 {FONT-SIZE: 10px; FONT-FAMILY: verdana} .size1normal {FONT-SIZE: 10px; COLOR: #1f2a32; LINE-HEIGHT: 13px; FONT-FAMILY: verdana} .size1normal A {FONT-SIZE: 10px; COLOR: #1f2a32; FONT-FAMILY: Verdana; TEXT-DECORATION: none} .size1normal A:active {FONT-SIZE: 10px; COLOR: #1f2a32; FONT-FAMILY: Verdana; TEXT-DECORATION: none} .size1normal A:link {FONT-SIZE: 10px; COLOR: #1f2a32; FONT-FAMILY: Verdana; TEXT-DECORATION: none} .size1normal A:visited {FONT-SIZE: 10px; COLOR: #1f2a32; FONT-FAMILY: Verdana; TEXT-DECORATION: none} .size1normal A:hover {FONT-SIZE: 10px; COLOR: #1f2a32; FONT-FAMILY: Verdana; TEXT-DECORATION: underline} .size2 A {FONT-SIZE: 10px; FONT-FAMILY: Verdana; TEXT-DECORATION: none} .size2 A:active {FONT-SIZE: 10px; FONT-FAMILY: Verdana; TEXT-DECORATION: none} .size2 A:link {FONT-SIZE: 10px; FONT-FAMILY: Verdana; TEXT-DECORATION: none} .size2 A:visited {FONT-SIZE: 10px; FONT-FAMILY: Verdana; TEXT-DECORATION: none} .size2 A:hover {FONT-SIZE: 10px; FONT-FAMILY: Verdana; TEXT-DECORATION: underline} .grid_caption A {color:#FFFFFF; color:#663300; FONT-SIZE: 10px; text-decoration:none;} .grid_caption A:active {color:#FFFFFF; color:#663300; FONT-SIZE: 10px; text-decoration:none;} .grid_caption A:link {color:#FFFFFF; color:#663300; FONT-SIZE: 10px; text-decoration:none;} .grid_caption A:visited {color:#FFFFFF; color:#663300; FONT-SIZE: 10px; text-decoration:none;} .grid_caption A:hover {color:#FFFFFF; color:#663300; FONT-SIZE: 10px; text-decoration:underline;} A {FONT-SIZE: 8pt; COLOR: mediumblue; FONT-FAMILY: Verdana; TEXT-DECORATION: none} A:active {FONT-SIZE: 8pt; COLOR: mediumblue; FONT-FAMILY: Verdana; TEXT-DECORATION: none} A:link {FONT-SIZE: 8pt; COLOR: mediumblue; FONT-FAMILY: Verdana; TEXT-DECORATION: none} A:visited {FONT-SIZE: 8pt; COLOR: mediumblue; FONT-FAMILY: Verdana; TEXT-DECORATION: none} A:hover {FONT-SIZE: 8pt; COLOR: darkblue; FONT-FAMILY: Verdana; TEXT-DECORATION: underline} INPUT {FONT-SIZE: 10px; FONT-FAMILY: Verdana} SELECT {FONT-SIZE: 10px; FONT-FAMILY: Verdana} TD.errorheading {FONT-SIZE: 7pt; COLOR: #cc0000; FONT-FAMILY: Verdana} .graybg {BACKGROUND-COLOR: #5E767E; /* TODO: Make Dynamic - Top Title BG */} .adminTitle {background-color: #5E767E; font-size: 10px; font-family: Verdana; color: #FFFFFF;} .adminTitle A, .adminTitle A:hover, .adminTitle A:visited, .adminTitle A:active, .adminTitle A:link {color: #FFFFFF;} .adminSubTitle {font-size: 10px; font-family: Verdana;} .adminGroupLinks {font-size: 10px; font-family: Verdana; padding: 3px;} .pageTitle {font-size: 11px; font-family: Verdana; font-weight: bold; padding: 3px;} .grid_action_bar {background:#849AAA; height: 20px; padding: 3px; font-weight: bold; font-family: verdana; font-size: 10px; line-height: 25px; color: #FFFFFF;} .grid_action_bar input {background:#663300; color: #FFFFFF; border-width: 1px; font-weight: bold;} .grid_action_bar label {background:#663300; padding: 3px;} .grid_action_bar #HQContactId {background:#FFFFFF; color: #000000; /*border-width: 1px;*/ font-weight: normal;} p{ margin-top: 0 !important; margin-bottom: 2px !important; line-height: 20px !important; } /*********************************************************************** * * ERROR Block * ************************************************************************/ #LAErrorBlock div {width: 400px; margin: 5px 0px 5px 0px; font: normal 10px Verdana; color: orangered;} #LAErrorBlock h6 {font-size: 10px; font-weight: bold; letter-spacing: 1px; margin: 0em 1.5em 0.25em 0em; padding: 0px 3px; text-align: left;} #LAErrorBlock ul {margin: 2px 0px 4px 24px; list-style-type: square; text-align: left;} .grid_row {padding: 3px; border-right: 1px solid #849AAA; border-bottom: 1px solid #849AAA; vertical-align:top;} .grid_caption {background:#D1E0E8; font-weight:bold; color:#FFFFFF; color:#663300; height: 20px; padding: 3px; border-right: 1px solid #849AAA; border-bottom: 1px solid #849AAA;} .grid_table {width:98%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; border-top: 1px solid #849AAA; border-left: 1px solid #849AAA;} .grid_table A, A:hover, A:visited, A:active, A:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;} .searchtable {font-size: 10px; color: #1f2a32; line-height: 13px; font-family: verdana; border-top: 1px solid #D4E3EB; border-right: 1px solid #C1D0D8; border-bottom: 1px solid #C1D0D8; border-left: 1px solid #D4E3EB; background: #D1E0E8; letter-spacing: 1px;} .searchtable th {text-align: right; vertical-align: top;} .searchtable A:hover, .searchtable A:visited, .searchtable A:active, .searchtable A:link {font-size: 10px; font-family: verdana;} .searchtable input {padding: 1px; border-width: 1px; font-weight: normal;} .searchtable select {font-weight: normal;} .searchtable textarea {font-size: 11px; font-family: verdana; font-weight: normal;} .infobox {font-family: verdana; font-size: 10px; color: #FFFFFF; background: #663300;} #adminclosewindow A {font-family: verdana; font-size: 9px; color: #BB8855; text-decoration: none;} #adminclosewindow A:hover {font-family: verdana; font-size: 9px; color: #FFFFFF; text-decoration: none;} #adminclosewindowinverted A {font-family: verdana; font-size: 9px; color: #BB8855; text-decoration: none;} #adminclosewindowinverted A:hover {font-family: verdana; font-size: 9px; color: #663300; text-decoration: none;} .paging {font-family: verdana; font-size: 10px; color: #1f2a32; color: #849AAA; line-height: 13px;} .paging A {font-family: verdana; font-size: 10px;} .paging input {border-width: 1px;} #page_queries {font-size: 12px; color: #1f2a32; line-height: 13px; font-family: "Courier New"; border: 1px dotted #909090; letter-spacing: 1px; width: 98%; text-align: left; padding: 0.5em; clear: both;} #page_queries_pagename {font-size: 12px; color: #1f2a32; color: #909090; line-height: 13px; font-family: "Courier New"; letter-spacing: 1px; width: 98%; text-align: left; padding: 0.5em; clear: both; font-weight: bold;} #page_queries div {border-bottom: 1px solid #E0E0E0; padding-bottom: 0.25em; margin-bottom: 0.5em;} #page_queries span {font-weight: bold;} #page_queries span span {font-weight: normal;} .normal_text {width:100%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; padding: 1em; margin: 1em;} .la_highlight {color: orangered;} /************************************************************************/ .contact_info {font-size: 10px; color: #1f2a32; line-height: 13px; font-family: verdana; border-top: 1px solid #D4E3EB; border-right: 1px solid #C1D0D8; border-bottom: 1px solid #C1D0D8; border-left: 1px solid #D4E3EB; background: #D1E0E8;} .contact_info A, A:hover, A:visited, A:active, A:link {font-size: 10px; font-family: verdana;} .contact_info input {padding: 1px; border-width: 1px; font-weight: normal;} .contact_info select {font-weight: normal;} .contact_info textarea {font-size: 11px; font-family: verdana; font-weight: normal;} .contact_info h5 {font-size: 10px; font-weight: bold; letter-spacing: 1px; margin: 0.25em 0em 0.25em 0em;} .contact_info_job_urls {font-size: 10px; padding: 3px;} .job_info_group {font-size: 10px; color: #1f2a32; line-height: 13px; font-family: verdana; border-top: 1px solid #D4E3EB; border-right: 1px solid #C1D0D8; border-bottom: 1px solid #C1D0D8; border-left: 1px solid #D4E3EB; background: #D1E0E8;} .job_info {font-size: 10px; letter-spacing: 1px; margin: 0.5em 2em 1em 2em; background: #EEEEEE; vertical-align: top;} /***************************************************************************/ .job_info_searchpage {background: #FFFFFF; border-top: 1px solid #567C90; border-right: 1px solid #567C90; border-left: 1px solid #567C90; text-align: center; font-family: Verdana; font-size: 13px;} .job_info_searchpage th {background: #BDDFF0; border-bottom: 1px solid #567C90; text-align: right; font-size: 11px;} .job_info_searchpage td {border-bottom: 1px solid #567C90;} /****************** JOB SEARCH EDITOR ************************************/ .job_info_searchpage_editor {background: #FFFFFF; border-top: 1px solid #4C787E; border-right: 1px solid #4C787E; border-left: 1px solid #4C787E; text-align: center; font-family: Verdana; font-size: 13px;} .job_info_searchpage_editor th {background: #92C7C7; border-bottom: 1px solid #4C787E; text-align: right; font-size: 11px;} .job_info_searchpage_editor td {border-bottom: 1px solid #4C787E;} /*************************************************************************/ /******************SPLIT JOB CLASS ***************************************/ .job_info_searchpage_split {background: #FFFFFF; border-top: 1px solid #567C90; border-right: 1px solid #567C90; border-left: 1px solid #567C90; font-family: Verdana; font-size: 13px;} .job_info_searchpage_split th {background: #6188FF; color: #FFFFFF; border-bottom: 1px solid #567C90; text-align: right; font-size: 11px;} .job_info_searchpage_split td {border-bottom: 1px solid #567C90;} .job_info_searchpage_split A, .job_info_searchpage_split A:hover, .job_info_searchpage_split A:visited, .job_info_searchpage_split A:active, .job_info_searchpage_split A:link { font-size: 1em;} .split_job_indication {background: #6188FF; font-size: 11px;} /******************SPLIT JOB CLASS *********************************************/ FORM{padding:0; margin:0;} .bold {font-size: 11px; font-family: Verdana; font-weight: bold; padding: 3px;} .mandatory{color: red;} .closewindow:link {font-size: 11px; font-family: Verdana; font-weight: bold; color: #BB8855; text-decoration: none;} .closewindow:hover {font-size: 11px; font-family: Verdana; font-weight: bold; color: #BB8855; text-decoration: none;} .closewindow:active {font-size: 11px; font-family: Verdana; font-weight: bold; color: #BB8855; text-decoration: none;} .closewindow:visited {font-size: 11px; font-family: Verdana; font-weight: bold; color: #BB8855; text-decoration: none;} .scrolldiv {width: 780px; /*height: 100px;*/ overflow: auto;} .silverbg {background-color: Silver;} .errormsg{font-size: 11px; font-family: Verdana; color: red;} .grid_table1 {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; border-top: 1px solid #849AAA; border-left: 1px solid #849AAA; border-bottom: 1px solid #849AAA; border-right: 1px solid #849AAA;} .grid_table1 A, .grid_table1 A:hover, .grid_table1 A:visited, .grid_table1 A:active, .grid_table1 A:link {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;} .selectcombo {width:200px;} .grid_row_headoffice {padding: 3px; border-right: 1px solid #849AAA; border-bottom: 1px solid #849AAA; vertical-align:top; background-color: #DEE6ED; font-weight:bold;} .indicatorcls {color: #BB8855;} .subind_type {color: #000000; font-weight:bold;} .subind_type_split {color: #FFFFFF; font-weight:bold;} .graytab {background-color: gray;} .deletejob:link, .deletejob:active, .deletejob:visited, .deletejob:hover { color: #FF0A47; font-weight:bold;} .viewjob:link, .viewjob:active, .viewjob:visited, .viewjob:hover {color: #336699; font-weight:bold;} .activatejob:link, .activatejob:active, .activatejob:visited, .activatejob:hover {color: #FF6633; font-weight:bold;} .inactivejob:link, .inactivejob:active, .inactivejob:visited, .inactivejob:hover {color: #330033; font-weight:bold;} .refreshjob:link, .refreshjob:active, .refreshjob:visited, .refreshjob:hover {color: #806699; font-weight:bold;} .closejob:link, .closejob:active, .closejob:visited, .closejob:hover {color: #CC0000; font-weight:bold;} .viewjobnote:link, .viewjobnote:active, .viewjobnote:visited, .viewjobnote:hover {color: #4D0099; font-weight:bold;} .jobfeedback:link, .jobfeedback:active, .jobfeedback:visited, .jobfeedback:hover {color: #CC33FF; font-weight:bold;} .bigfont {font-size:18px;} .ajaxindication {border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-top: 1px solid #000000; border-left: 1px solid #000000; background-color: #FFFF99; font-size:12px; width:150px;} .bodybg {background-color: #E0E0E0;} .odd {background-color: #DFDFDF; font-size:12px;} .even {background-color: #EFEFEF; font-size:12px;} .grid_table_view {border-top: 1px solid #849AAA; border-left: 1px solid #849AAA; border-bottom: 1px solid #849AAA; border-right: 1px solid #849AAA;} .grid_row_div {padding: 3px; border-right: 1px solid #849AAA; border-bottom: 1px solid #849AAA; vertical-align:top; color:#FFFFFF;} .grid_caption_div {background:#D1E0E8; background:#D4E5F7; font-weight:bold; color:#0F598A; height: 20px; padding: 3px; border-right: 1px solid #849AAA; border-bottom: 1px solid #849AAA;} .grid_caption_div A:link, .grid_caption A:hover, .grid_caption A:visited, .grid_caption A:active { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.85em; color:#0F598A;} .grid_table_div {width:98%; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.8em; border-top: 1px solid #849AAA; border-left: 1px solid #849AAA;} .grid_table_div A:link, .grid_table A:hover, .grid_table A:visited, .grid_table A:active{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em;} .buttonSmall {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; padding: 0px 0px 0px 0px; border-top: 3px solid #000000; border-left: 3px solid #000000; border-bottom: 3px solid #000000; border-right: 3px solid #000000;} /*********************************************************************** * * ERROR Block * ************************************************************************/ #LAMessageBlock div {width: 400px; margin: 5px 0px 5px 0px; background-color: white; font: italic 12px Verdana; font-weight: bold; color: green;} #MessageBlock div {width: 400px; margin: 5px 0px 5px 0px; background-color: white; font: italic 0.8em Verdana; font-weight: bold; color: green; } /*********************************************************************** * * ERROR Block * ************************************************************************/ /*------Schedule Appointment CSS Chirag-----*/ .bg-white {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; background-color: #fff;} .page-heading h3 {font-size: 18px;} .column-50 {width: 49.5%;} .box-bg {padding: 20px; margin-bottom: 20px; background-color: #f1f1f3;} .sms-bg {background-color: #e6e7e9;} .notification-bg{background-color: #dcdddf;} .footer-bg {background-color: #e0dfed;} .btn-theme {width: 340px; height: 50px; background-color: maroon; color: white; border-radius: 5px; font-size: 14px; border: 0px; padding: 5px; margin: 10px; cursor: pointer; font-weight: bold; white-space: normal;} .btn-bordered { width:275px;height:50px;border-color:maroon;color:maroon;border-radius:5px;font-size:14px;border:1px solid; padding:5px;margin:10px;cursor:pointer;font-weight:bold;white-space:normal;} #cke_1_contents { height: 200px !important; } .column-box .cke_editor_clscandidateemailtemplates_email_body, .column-box .cke_editor_bcgcentralemails_emailbody { width: 100% !important; } .column-box{ display: flex; justify-content: space-between;} .textarea-input{ border:1px solid #ccc; padding: 10px; min-height: 230px; margin-bottom: 15px; } .notification-page a {font-size: inherit; color: #85062b;} .notification-page a:hover {font-size: inherit; color: #85062b;} .notification-page input[type="text"],.notification-page select{ padding: 5px 8px;} .attachments input[type="file"] { margin-bottom: 8px;} .notification-page .bcg-datepicker.form-control { background:#fff url(../../images/datepicker.png) no-repeat; background-size: 20px;background-position:right 8px top 50%, 0 0; padding: 8px 6px; border: 1px solid #111;font-size: 10px;} .date-tooltip { width: 30%; position: relative; background: #fffbc3; padding: 4px 10px; border: 1px solid red; margin-left: 5%; margin-top: 10px; } .date-tooltip:after { content: " "; position: absolute; left: 50%; top: -11px; border-top: none; border-right: 10px solid transparent; border-left: 10px solid transparent; border-bottom: 10px solid #fffbc3;} .notification-page { font-family: 'Lato', sans-serif; font-weight: 400; font-size: 15px;} .notification-page h1 { color: #0e3d6d; font-size: 30px; font-weight: 600; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 1px;} .table .thead-light th{ background-color: #dee0e9; } .table .thead-light th,.table-bordered th, .table-bordered td { border-color: #5a6593;} .msg-box li.nav-item { display: block; width: 100%; text-align: left; } .email-tbl { border: 1px solid #5a6593;} .email-tbl .thead-light th { border:0; padding-top: 7px; padding-bottom: 8px; color: #0e3d6d; } .email-tbl .unread td { font-weight: 700; } .email-tbl td { border-color: #5a6593; } .email-tbl td a { color: #212529; font-family: 'Lato', sans-serif; } .email-tbl .fa-paperclip{ transform: rotate(-136deg); font-size: 18px; } .email-tbl .action a { color: #686969; margin-right: 6px; } .email-tbl .action a:hover { color: #0e3d6d; } .action i { font-size: 16px; } .action i.fa-envelope-open{ font-size: 14px; position: relative; top: -2px; } /*----Email Search Bar----*/ .search-bar{ max-width: 780px; margin-bottom: 40px; align-items: center; } .search-bar .search-msg{ font-size: 16px; font-weight: 600; margin-right: 10px; width: 150px; } .search-bar .input-group > .input-group-prepend > .btn, .search-bar .input-group > .input-group-append > .btn { border-radius: 0; background: #dee0e9; color: #0e3d6d; } .search-bar .input-group > .input-group-prepend > .btn{ border-right: 0; } .search-bar .input-group > .input-group-append > .btn { border-left: 0; } .search-bar .fa-search { font-size: 25px; color: #0e3d6d; } .search-bar .dropdown-menu { background-color: #e8ebf4; padding-left: 20px; padding-right: 20px; border-color: #5a6593; } .search-bar .dropdown-toggle::after { border-top: 0.5em solid; border-right: 0.5em solid transparent; border-bottom: 0; border-left: 0.5em solid transparent; } .search-bar .show .dropdown-toggle::after { border-bottom: 0.5em solid; border-top: 0; } .search-bar .dropdown-menu { width: 100%; transform: inherit !important; border-radius: 0; top: 30px !important; } .search-bar .col-form-label { text-align: right; font-weight: 600; font-size: 13px; padding-top: calc(0.1rem + 1px); padding-bottom: calc(0.1rem + 1px); padding-left: 0; padding-right: 0; } .form-control {border-color: #5a6593; border-radius: 0; padding: 0.10rem 0.40rem !important; background: #fff; } .form-group { margin-bottom: 0.5rem;} .search-bar select.form-control:not([size]):not([multiple]) { height: calc(1.8rem + 3px); font-size: 15px;} .search-bar .btn{ padding: 3px 20px; border-radius: 6px; } .btn-primary { background-color: #5a6593; border-color:#5a6593; color: #fff;} /*-----Email Left Side-----*/ .btn-default{ background-color: #dfe4f0; border:1px solid #7a838c; color: #0e3d6d; } .msg-btn { font-weight: 700; font-size: 17px; padding-top: 4px; padding-bottom: 4px; margin-bottom: 12px; } .inbox-nav{ padding-right: 20px; } .inbox-nav li{ border-bottom: 1px solid #ccc; } .inbox-nav li a { font-size: 17px; font-weight: 600; color: #0e3d6d; } .inbox-nav li a:hover {font-size: 17px;} .inbox-nav li.active a { color: #000; background-color: #dee0e9; position: relative; } .inbox-nav li.active a:before{ position: absolute; top: 0; right: -20px; content: ""; width: 0px; height: 0px;border-top: 21px solid transparent; border-bottom: 21px solid transparent; border-left: 21px solid #dee0e9;} .inbox-nav li ul { margin-top: 5px; margin-bottom: 15px; } .inbox-nav li ul li{ list-style: none; border: 0; margin-bottom: 10px;} .inbox-nav li ul li a { font-weight: normal; font-size: 15px;} .inbox-nav li ul li a:hover { font-size: 15px; } .inbox-nav a[aria-expanded="true"] i:before { content: "\f0d7";} .inbox-nav a[aria-expanded="false"] i:before { content: "\f0da";} select.form-control{ background-color: #dee0e9; border:1px solid #7a838c; height: calc(1.75rem + 3px) !important; padding-top: 0px; padding-bottom: 3px; font-weight: 400; font-size: 14px; padding-right: 5px;} .toolbar { margin-bottom: 10px; } .toolbar select.form-control { margin-right: 20px; } .toolbar .btn-link { font-size: 18px; color: #6c6c6c; padding-left: 15px; padding-right: 16px; border-left: 1px solid #ddd; } .toolbar .btn-link:hover { color: #000;} .hiddenRow { padding: 0 !important; border: 0 !important;} .accordian-body .table { margin-bottom: 0; background: #eeeff4; } .email-tbl .accordian-body { max-height: 264px; overflow-x: auto; } .email-tbl .accordion-toggle { position: relative; cursor: pointer; } .email-tbl .accordion-toggle i { font-size: 22px; color: #85062b; position: absolute; top: 0px; left: 10px; } .email-tbl a[aria-expanded="true"] i:before { content: "\f102";} .email-tbl a[aria-expanded="false"] i:before { content: "\f103";} /*---Email Details CSS---*/ .btn { padding: 0.180rem 0.75rem; } .email-details { min-height: 300px; border:1px solid #5a6593;} .details-action { padding: 20px 15px; display: flex; justify-content: space-between; } .details-btn { display: flex; align-items: center; } .details-btn .btn { margin-right: 6px; font-weight: 700;} .subj-details{ background-color: #eeeff4; padding: 25px 15px; } .sub-head { display: flex; justify-content: space-between;} .sub-head h3 { color: #0e3d6d; } .sub-action { display: flex; align-items: center;} .sub-action a { color: #696a6a; font-size: 16px; margin-left: 8px; } .details-type{ display: flex; justify-content: space-between; text-align: left; } .details-type p { margin-bottom: 6px; color: #0e3d6d; } .details-type p a{font-family: 'Lato', sans-serif; } .details-body { padding: 20px; text-align: left; } .details-body h4{ margin:30px 0; } .email-replay { margin-top: 30px; } .email-replay .btn {font-weight: 700; margin-right: 5px;} /*----Reply Email----*/ .reply-body { border:1px solid #5a6593; min-height: 300px;} .reply-title { padding: 18px 15px; border-bottom: 3px solid #36436c;} .reply-title h4 { font-size: 28px; text-align: left; margin-bottom: 0;} .reply-info{ display: flex; padding: 15px; align-items: center; } .reply-info i { font-size: 30px; } .reply-info p { margin-bottom: 0; margin-left: 10px;} .reply-bg { padding: 15px; border-top: 1px solid #ddd; background: #eeeff4; } .reply-bg .col-form-label { text-align: left; } .reply-textarea { border:1px solid #5a6593; padding: 10px; text-align: left; margin-bottom: 10px; } .reply-textarea textarea{ border:0; width: 100%; min-height: 200px; resize: none; } .reply-con { padding: 20px; text-align: left; } .reply-con .form-check { margin-bottom: 20px; } .reply-con p { color: #909090; } ul.ui-autocomplete.ui-menu{width:250px;font-size:13px;} table.tablesorter {font-family: Verdana,Arial,Helvetica,sans-serif; border: 0px solid #75759B; font-size: 0.8em; width: 100%; text-align: left;} table.tablesorter thead tr th, table.tablesorter tfoot tr th {border: 0px solid #75759B; font-size: 12px; padding: 5px;} table.tablesorter thead tr .header {background-image: url(images/bg.gif); background-repeat: no-repeat; background-position: center right; cursor: pointer;} table.tablesorter tbody td {color: #111111; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; padding: 5px; border: 0px solid #75759B; vertical-align: top; } table.tablesorter tbody tr.odd td {background-color:#9999cc;} table.tablesorter thead tr .headerSortUp {background-image: url(images/asc.gif);} table.tablesorter thead tr .headerSortDown {background-image: url(images/desc.gif);} table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {background-color: #9999cc;} .emailListLoader{height: 220px; vertical-align: middle !important; text-align: center; font-size: 30px;} #query{word-break: break-all;} .pagination li a{margin : 0 7px 0 0; color : #0e3d6d;} .pagination li a:hover{color : #0e3d6d;} .notification-page {font-family: 'Lato', sans-serif; font-weight: 400; font-size: 14px;} .email-tbl .unread td{font-size: medium; font-family: 'Lato', sans-serif;} .email-tbl .unread td a {font-weight: 700;} .email-tbl tr td a .fa-angle-double-down{margin-top: 2px; left : 0;} .email-tbl .fa-paperclip{margin-top: 5px;} #debuginfo{display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px;} .push-notification{right: 45px; bottom: 45px; position: fixed; display: block; border: 1px solid #7a838c; padding: 22px 43px; background: #dfe4f0; color: #0e3d6d; font-size: large; font-weight: 700; border-radius: 5px;} .email-attachment {margin: 0 20px;} .email-attachment a{padding: 10px 20px; border: 1px solid #d8d8d8; display: inline-flex; margin: 0 7px 5px 0; text-decoration : none;} .email-attachment a i{margin: 6px 5px 0 0;} .replyLoader{position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background : #fff; opacity: 0.9;} .replyLoader span{display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 30px;} #collapse-body{vertical-align: middle; cursor: pointer;} #searchForm{width: 100%;} #email-details{display: flex; flex-direction: column;} #candidateInfoToggle, #contactInfoToggle{margin-right: 5px; vertical-align:bottom; cursor: pointer;} .conversationTable tr td, .conversationTable .unread td{font-size:13px;} #inMailIcon{color:green;} #outMailIcon{color:red;} #collapseConversation .email-tbl .accordian-body{max-height: 100%;} #collapseConversation .conversationTable{background: #fff;} #collapseConversation #conversationBtn , #collapseConversation .details-action{display:none;} #collapseConversation .email-details, #collapseConversation .details-body td{border : none;} #collapseConversation .email-details{float: left; height: 100%; width: 100%; border-top: 1px solid #5a6593;} .email-tbl th, .email-tbl td{padding: 0.75rem 0.20rem 0.75rem 0.80rem;} .email-tbl input[type="checkbox"]{margin-top: 5px;} #a-inbox-email span ,#a-inbox-sms span {font-size: 12px;} #clscentralemailelasticsearch_recruiter_user_name {display: inline-block; width: 7%;} #welcomeTxt span {margin-left: 9px;} .search-bar {margin-bottom : 0;} #searchTags {margin-bottom: 30px; width: 100%; text-align: center; display: inline-block; padding: 5px; font-size: 12px;} #searchTags .setLabelCls {background: #dee0e9; padding: 5px; border-radius: 3px; display: inline-block; margin: 4px;} #searchTags b {margin-right: 3px;} #searchTags #resetData {margin-left: 7px; cursor: pointer; vertical-align: text-bottom; padding: 0.25em 0.5em 0.45em;} #refineSearch {margin-bottom: 5px;} .greenDot {color: green; cursor: pointer; font-size: 20px;} .redDot {color: red; cursor: pointer; font-size: 20px;} .greyDot {color: grey; cursor: pointer; font-size: 20px;} #total-record {display: inline-block; width: 100%; color: #0e3d6d; font-weight: 700; font-size: 17px; padding: 3px 14px; white-space: nowrap; border-left: 1px solid #ddd;} .calander-date .from-date {padding:0 20px 0 0;} .calander-date .calander-date-label {margin-left:22px;} .calander-date .to-date {padding:0 22px 0 0;} /*-----CCM Email CSS-----*/ .message_left ul.sub_menu li button {background: transparent; border: none; font-size: 14px; font-weight: bold; color: #0e3d6d; padding: 11px 14px 11px 32px; width: 100%; text-align: left; position: relative;} a.downArrow {height: 14px; width: 14px !important;} a.downArrow[aria-expanded="true"]:after {content: ''; position: absolute; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #2b3752; top: 5px; right: 3px;} a.downArrow:after {content: ''; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 6px solid #0e3d6d; position: absolute; top: 4px; right: 3px;} .downArrow:before {content: ''; position: absolute; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 6px solid #2b3752; top: -1px; pointer-events: none;} .ccmemail .w-auto {width: auto !important;} .ccmemail .btn-default {background-color: #dfe4f0; border: 1px solid #7a838c; color: #0e3d6d;} .ccmemail .btn-default:focus {box-shadow: none;} .ccmemail .msg-btn {font-weight: 700; font-size: 16px; padding: 0px 14px;} .ccmemail span.badge {background: #860127; color: #fff; height: 17px; width: auto; font-size: 12px; top: 13px; right: 0px;} .ccmemail .message_left label a, .ccmemail .message_left label li {padding: 0px; text-decoration: none; text-align: left; border-bottom: 1px solid #dcdcdd; font-weight: bold; color: #0e3d6d; border-radius: 0px; width: 100%; background: #fff; font-size: 16px;} .ccmemail .email_content {border: 1px solid #dcdcdd; ;border-bottom: none;} .ccmemail .email_left_head button {font-weight: bold; font-size: 13px; text-align: center; padding: 2px 10px !important; color: rgb(119, 120, 122); background: transparent; border: none; border-radius: 20px;} .maildetailBody .tools button { padding: 2px !important; } .maildetailBody .tools { width: 80px; } .ccmemail .email_left_head button:hover, .ccmemail .email_left_head button.active {background: rgba(93, 105, 133, 0.18); color: rgb(25, 25, 26); border-radius: 20px;} .ccmemail .email_left_head label {font-size: 14px; font-weight: bold; color: #0e3d6d;} .ccmemail .tool_bar {border-top: 1px solid #dcdcdd; background: #E7E9EF;} .ccmemail .tool_bar .btn-link {color: #6c6c6c; transition: all 0.3s ease; border-right: 1px solid #c9c9c9;} .ccmemail .tool_bar .btn-link.first {border-left: 1px solid #c9c9c9;} .ccmemail .tool_bar .btn-link:hover {color: #000;} .ccmemail .tool_bar .btn-link span {font-size: 14px;} .ccmemail .tool_bar select {font-size: 15px; color: #0e3d6d; background: transparent; border: none; appearance: none; -webkit-appearance: none; padding: 0 14px 0 10px; outline: none;} .ccmemail .tool_bar .downArrow:before {border-top: 6px solid #2b3752; top: 10px; right: 0;} .ccmemail .msgName p label {color: #860127; font-size: 13px;} .ccmemail .msgName p {letter-spacing: 0.6px; margin-bottom: 6px; white-space: nowrap; text-overflow: ellipsis; width: 220px; overflow: hidden; text-align: left; font-size: 14px;} .ccmemail p {font-family: 'Lato', sans-serif;} .ccmemail .msgTime span {font-size: 11px;} .ccmemail .msgBlockContent span.fa {font-size: 18px;} .ccmemail .subject.d-flex {overflow: hidden;} .ccmemail .subject p {white-space: nowrap; font-weight: bold; position: relative; top: 2px;} .ccmemail .msgBlockContent p {font-size: 13px; margin-bottom: 2px;} .ccmemail .msgBlockContent p.msgDetail {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-align: left;} .ccmemail .msgBlock {border-bottom: 1px solid #dcdcdd;} .ccmemail span.attachfile {top: 1px; left: 5px; transform: rotate(45deg);} .ccmemail .msgBlock:hover, .ccmemail .msgBlock.active {background: #CED1DF;} .ccmemail span.totalMsg {top: 3px; right: -5px; color: #860127;} .ccmemail span.totalMsg label {font-size: 14px; position: relative; top: -2px;} /*.ccmemail .subj-details .tools {position: relative; top: 5px; width: 20%;}*/ .message_left label em {font-style: normal; font-size: 13px; color: #0e3d6d;} .message_left li label {color: #0e3d6d; padding: 10px 30px 10px 36px; width: 100%;} .msgSeciton::-webkit-scrollbar-thumb, .message_left::-webkit-scrollbar-thumb, .maildetailBody::-webkit-scrollbar-thumb, .email_right .tab-content::-webkit-scrollbar-thumb {background-color: #cdcdcd; border-radius: 12px;} .msgSeciton::-webkit-scrollbar, .message_left::-webkit-scrollbar, .maildetailBody::-webkit-scrollbar, .email_right .tab-content::-webkit-scrollbar {width: 10px; border-radius: 12px;} .msgSeciton::-webkit-scrollbar-track, .message_left::-webkit-scrollbar-track, .maildetailBody::-webkit-scrollbar-track, .email_right .tab-content::-webkit-scrollbar-track {box-shadow : inset 0 0 6px rgba(0, 0, 0, .3); background-color: #fff; border-radius: 12px;} .msgSeciton, .message_left, .email_right .tab-content, .maildetailBody {height: 100%; overflow-y: auto;} .ccmemail button {outline: none; cursor: pointer;} .ccmemail a.dropdown-item:hover {background: #f2f2f2; font-size: 14px; color: #000;} .ccmemail a.dropdown-item {font-size: 14px; color: #000;} .ccmemail .email_left {border-right: 1px solid #dcdcdd;} .ccmemail .middle_head button i {font-size: 14px; color: #6D6D6D;} .ccmemail .middle_head .selectBar {width: 140px; background-color: #dfe4f0; border: 1px solid #7a838c; border-radius: 4px;} .ccmemail .middle_head .selectBar select {background: transparent; border: none; color: #0e3d6d; font-size: 14px; position: relative; font-weight: bold; top: 4px; appearance: none; -webkit-appearance: none; outline: none; padding: 0px 8px 0px;} .ccmemail .middle_head .downArrow:before {right: 8px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #5A6594; top: 12px;} .ccmemail button.print {font-size: 14px; font-weight: normal; color: #860127; top: 2px;} .ccmemail .subj-details {background-color: #eeeff4;} .ccmemail .sub-head h3 {color: #0e3d6d; font-size: 20px; text-align: left;width: 80%;} .ccmemail .details-type p {color: #0e3d6d; font-size: 14px; color: #860127;} .ccmemail .details-type p label {color: #0e3d6d;} .ccmemail .tools i {font-size: 14px; color: #6D6D6D;} .ccmemail .details-body .text-area p{color: #0e3d6d; font-size: 14px; margin-bottom: 0.8rem;} .ccmemail .details-body .text-area {border-bottom: 2px solid #C6D0E6;} .ccmemail .text-area.section2 .testDetail p {margin-bottom: 0px; color: #000;} .ccmemail .details-body .repeatText p {color: #000;} .ccmemail .details-body .repeatText {border-bottom: 2px solid #C6D0E6;} .ccmemail .text-area.section2 .testDetail p label {font-weight: bold;} .ccmemail .details-footer p {font-size: 14px; color: #0e3d6d;} .ccmemail .details-footer .userDetail label {font-size: 14px; color: #860127;} .ccmemail .details-footer {border-bottom: 2px solid #C6D0E6;} .ccmemail .attachBlock p.errorMsg {font-size: 14px; margin-bottom: 6px;} .ccmemail button.attachFile {border: 1px solid #cbcbcb; padding: 6px 18px; font-size: 17px; font-weight: bold; color: #860127; background: #fff;} .ccmemail .addComment h5 {font-size: 14px; letter-spacing: 0.6px; color: #000; min-width: 128px;} .ccmemail .addComment span {font-size: 11px; letter-spacing: 0.4px; color: #686868; text-align: left;} .ccmemail .lastSection {background: #EFF0F4;} .ccmemail .email_right_head h3 {font-size: 18px; color: #0e3d6d; letter-spacing: 0.6px;} .ccmemail .email_right_head {background: #EFF0F4;} .ccmemail .email_right .tools .toggle {position: relative; top: 1px;} .ccmemail .nav-tabs {border-bottom: 1px solid #2b3752; padding: 0 14px; background: #eff0f4;} .ccmemail .email_right .nav-tabs .nav-item.show .nav-link, .ccmemail .email_right .nav-tabs .nav-link.active {color: #495057; background-color: #fff; border-color: #0e3d6d #0e3d6d #fff;} .ccmemail .email_right a.nav-link.active {color: #000 !important;} .ccmemail .email_right a.nav-link {font-size: 12px; padding: 4px 10px 0; font-weight: bold; color: #0e3d6d; border: 1px solid #0e3d6d;} .ccmemail .email_right .nav-tabs .nav-link:focus, .ccmemail .email_right .nav-tabs .nav-link:hover {border-color: #0e3d6d #0e3d6d #fff;} .ccmemail .userIcon i {background: #646568; color: #fff; padding: 1px 2px 0; border-radius: 4px; font-size: 12px;} .ccmemail .userdropdown button {background: #dfe4f0; padding: 4px 26px 0 10px; border: 1px solid #0e3d6d; border-radius: 3px;} .ccmemail .userdropdown .downArrow:before {border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 6px solid #5a6594; right: 9px; top: 9px;} .ccmemail li.userdropdown {top: 0; right: 12px;} .ccmemail .shortName {width: 40px; height: 40px; background: #646568;} .ccmemail .shortName label {font-size: 14px;} .ccmemail .userName h3 {font-size: 17px; top: 4px; color: #000;} .ccmemail .userName {border-bottom: 1px solid #CED2DF;} .ccmemail .blockHead button.addBtn {color: #860127; letter-spacing: 0.6px;} .ccmemail .blockContent a label {color: #860127; font-size: 14px;} .ccmemail .converseblock h6 {font-size: 14px;} .ccmemail .aboutBlock {border-bottom: 1px solid #CED2DF} .ccmemail .converseblock {border: 2px solid #D9E1E9; border-radius: 10px; padding: 10px 12px 8px; transition: all 0.3s ease; right: -18px;} .ccmemail .converseblock:hover {border: 2px solid #90A6BC;} .ccmemail .converseblock .circle {width: 8px; height: 8px; top: 4px;} .ccmemail .converseblock .circle.grey {background: #5A6594;} .ccmemail .converseblock .circle.pink {background: #D82ADB;} .ccmemail .converseblock .circle.green {background: #45E13F;} .ccmemail .numberCircle span {width: 18px; height: 18px; text-align: center; font-size: 12px; border: 1px solid #fff; line-height: 14px;} .ccmemail .numberCircle span.b {background: #139F2D;} .ccmemail .numberCircle span.two {background: #646567;} .ccmemail .numberCircle span.c {background: #BC1D88;} .ccmemail .numberCircle span.active {position: relative;} .ccmemail .numberCircle span.active:before {content: ''; position: absolute; width: 20px; height: 20px; border: 1px solid #2969EB; border-radius: 50%; top: -2px; left: -2px;} .ccmemail .converseDetail span {color: #7e7e7e; font-size: 15px;} .ccmemail .converseDetail h3 {font-size: 14px; font-weight: bold; color: #000; width: 142px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; letter-spacing: 0.6px;} .ccmemail .converseDetail span.duration {font-size: 12px;} /* .ccmemail .tabTwo .shortName {background: #E4E6EA;} */ .ccmemail .tabTwo .shortName i {color: #8A8B8D; position: relative; top: 2px;} .ccmemail button.showMore {color: #860127; font-size: 14px; letter-spacing: 0.5px;} .ccmemail .email_right {top: 0; right: 0; background: #fff; width: 270px; border-left: 1px solid #2b3752; height: 100%; position: absolute; transition: all 0.3s ease; opacity: 0; visibility: hidden;} .ccmemail .email_right.openFilter {visibility: visible; opacity: 1;} .ccmemail .blockHead h5 {font-size: 18px;} .ccmemail .rightIcon {padding: 20px 10px 10px 10px; background: #F2F1F6; border-left: 1px solid #ced3dd;} .ccmemail .rightIcon svg {display: block; margin: 0px 0px 24px; cursor: pointer; color: #9AA1BE; transition: all 0.3s ease;} .ccmemail .rightIcon svg:hover {color: #0E5688;} .ccmemail .email_right li.nav-item {width: auto;} .ccmemail .blockHead label {text-align: left;} .ccmemail .blockContent {text-align: left;} .message_left label.downArrow {width: auto; font-size: 14px;} .messageMain ul {margin: 0px; padding: 0px; list-style: none;} .messageMain ul.sub_menu li a {color: #2F3A53;} .message_left > label {width: 100%; margin-bottom: 0px;} .message_left ul li:hover a, .message_left ul li:hover li, .message_left label a:hover, .message_left label li:hover, .message_left label a.active, .message_left label li.active {background: #E3E6EB;} .message_left ul li:hover a:before, .message_left ul li:hover li:before, .message_left label a:hover:before, .message_left label li:hover:before {opacity: 1;} .message_left ul.sub_menu a, .message_left ul.sub_menu li {font-size: 14px; padding: 0px; letter-spacing: 0.6px; color: #0e3d6d; border-bottom: none;} ul.sub_menu li {margin: 0px !important;} .message_left ul.sub_menu a span {position: absolute; top: 10px; right: 0px; font-size: 12px; color: #860127;} ul.sub_menu {padding: 0; margin: 0 0 6px; list-style: none;} .messageMain ul.sub_menu li a {color: #2F3A53;} .message_left ul li a, .message_left ul li li, .message_left label a {font-size: 14px; font-weight: bold; color: #000; letter-spacing: 0.4px; display: flex; width: 100%; padding: 8px 14px 2px; transition: all 0.3s ease; position: relative;} .message_left ul li {margin: 1rem 0;} .message_left ul li a:before, .message_left label a:before {content: none; border-top: 22px solid transparent; border-bottom: 22px solid transparent; border-left: 22px solid #E3E6EB; position: absolute; top: 0px; right: -22px; opacity: 0; transition: all 0.3s ease;} .message_left label a.active {position: relative;} .message_left label a.active:after {content: ''; border-top: 22px solid transparent; border-bottom: 22px solid transparent; border-left: 22px solid #E3E6EB; position: absolute; top: 0px; right: -22px;} .ccmemail .message_left label a:hover {font-size: 14px;} .message_left ul.sub_menu a:hover {font-size: 14px;} span.badge.plusIcon {color: #860127; font-size: 18px; font-weight: bold; top: 9px;} .message_left ul.sub_menu a.addFolder:hover {background: transparent;} .message_left ul.sub_menu a.addFolder {color: #860127;} .message_left ul li a.addFolder:before {content: none;} .msg_left {border: 1px solid #dcdcdd; border-bottom: none; border-right: none; padding-top: 1rem; height: 100%;} .search-bar .form-control {border-color: #dcdcdd;} .search-bar .btn-outline-secondary {border-color: #dcdcdd;} .message_left button:focus {box-shadow: none;} body.ccmemail {overflow-y: hidden;} .scrollMain { height: calc(100vh - 14rem); padding-bottom:35px !important;} .middle_head.email_left_head.lastSection button {background-color: #dfe4f0; border: 1px solid #7a838c; color: #0e3d6d; padding: 7px 16px!important;} #emailDetailData .scrollMain {height: 100%;} .ccmemail .message_left label a {position: absolute !important; top: 15px; left: 14px;} .ccmemail .message_left .hidden-inbox {height: 14px; width: 14px} .push-notification { right: 45px; bottom: 45px; position: fixed; display: block; border: 1px solid #7a838c; padding: 22px 43px; background: #dfe4f0; color: #0e3d6d; font-size: large; font-weight: 700; border-radius: 5px; } #emailData .unread { font-weight: 700; } .ccmemail .msgBlockContent p a { font-size: 13px; margin-bottom: 2px; font-family: 'Lato', sans-serif; } .msgSeciton { border-top: 1px solid #dcdcdd; } .msgBlock { cursor: pointer; } .conversationDetails { display: flex; justify-content: center; align-items: center; height: 100%; font-size: 15px; font-weight: 700; color:#860127; } .ccmemail .msgBlockContent span.fa { margin-top: 3px; } .replyLoader { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background : #fff; opacity: 0.9; } .replyLoader span { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 30px; } .loader { height: 220px; vertical-align: middle !important; text-align: center; font-size: 20px; } .loading { height: auto; vertical-align: middle !important; text-align: center; font-size: 20px; } .paginationDivLoader { vertical-align: middle !important; text-align: center; font-size: 20px; } #searchTags #resetData { padding: 0.15em 0.4em 0.45em; } .ccmemail span.badge { background: #007bff; } .conversationTable { background: #F2F1F6; } .msgSeciton a[aria-expanded="true"] i:before { content: "\f102";} .msgSeciton a[aria-expanded="false"] i:before { content: "\f103";} #emailDetailData .email-detail .top-panel, #emailDetailData .email-detail .attachBlock, #emailDetailData .email-detail .subj-details .tools { display:none; } #userInbox span.badge { top: 13px; right: 5px; position: absolute; } .pagination { justify-content: center; } #loadmore { background: rgba(93, 105, 133, 0.18); color: darkslategrey; border-radius: 20px; border: none; } #select2-assignToUser-container li button { border-radius: unset; padding: 0 4px !important; } .ccmemail span.unreadEmailIcon { top: 0px; left: -3px; } .ccmemail span.unreadEmailIcon.hide { display: none; } .ccmemail span.unreadEmailIcon.show { display: inline-block; } .ccmemail span.unreadEmailIcon i.fa-circle { font-size: x-small; } #debuginfo { display: none;; height: 360px; overflow: auto; } body.email_data_main { overflow-y: auto;} .email_data_info {background: #fff; } .ccmemail .email_data_info .aboutBlock {background: #fff; } .ccmemail .blockHead { margin: 0 !important; text-align: left; } .ccmemail .blockHead .blockTitle { cursor: pointer; margin-bottom: 0; } .ccmemail .blockContent { padding-top: 15px; } .ccmemail .blockHead .downArrow:before {border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 7px solid #5a6594; top: 8px; border-top: none; right: -18px; transform: rotate(360deg); transition: all ease 0.5s; } .ccmemail .email_data_info .aboutBlock.open .downArrow:before { transform: rotate(180deg); } .ccmemail .email_data_info a.nav-link {font-size: 12px; padding: 4px 10px 0; font-weight: bold; color: #0e3d6d; border: 1px solid #0e3d6d; } .ccmemail .email_data_info .nav-tabs .nav-link.active { color: #495057; background-color: #fff; border-color: #0e3d6d #0e3d6d #fff; } .greenDot { color: green; cursor: pointer; font-size: 20px; } .redDot { color: red; cursor: pointer; font-size: 20px; } .ccmemail .tag_collapse { position: absolute; right: 22%; top: 32px; background: rgb(255, 255, 255); z-index: 999; border: 1px solid #dcdcdd; border-radius: 10px; box-shadow: 0px 0px 8px #dcdcdd; width: 260px; } .ccmemail .tag_collapse .head { padding: 10px; display: block; } .tags_head h4 { font-size: 16px; color: #0e3d6d; } i.tagMain_icon { font-size: 18px !important; } .ccmemail .email_left_head button.tagsBlock { padding: 5px !important; border-radius: 5px; } .tag_collapse button.plusIcon { top: 11px; right: 3px; } .tag_collapse button.plusIcon:hover { background: transparent; } .tag_collapse button.plusIcon .plus { font-size: 20px!important; } .tag_collapse .tags_head input.form-control { font-size: 12px; border: none; background: #eeeff4; border-radius: 4px; padding: 0; } .tag_collapse .tags_head { padding: 0 12px; } .tag_collapse .content { border-top: 1px solid #ddd; padding: 14px 6px 0 12px; margin-top: 14px; overflow-y: auto; max-height: calc(100vh - 18rem); } .tag_collapse .content::-webkit-scrollbar-thumb {background-color: #cdcdcd; border-radius: 16px;} .tag_collapse .content::-webkit-scrollbar {width: 6px; border-radius: 16px;} .tag_collapse h5.minHeading { font-size: 12px; font-weight: bold; color: #939393; text-align: left; } .tag_collapse .content span { width: 152px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: left; margin-left: 3px; font-size: 14px; } .tag_collapse .content i { position: relative; top: -2px; } .tag_collapse .checkbox input { cursor: pointer; } .tag_collapse .content i.bi-arrow-return-right { color: #938e8e; } .tagModal .modal-content { border-radius: 14px; max-width: 320px; } .tagModal .modal-content .modal-header { padding: 10px; } .tagModal .modal-content .modal-header h5 { font-size: 16px; } .tagModal .modal-content label { color: #898484; font-weight: normal; } .tagModal form label em { font-style: normal; color: red; } .tagModal form .form-control { font-size: 13px; padding: 5px !important; border-radius: 8px; background: #ebebed; border: none; } .tagModal .modal-content button.btn { border: 1px solid #cfcfcf; padding: 4px 14px !important; } .tagModal .modal-content button:active { background: rgba(93, 105, 133, 0.18) !important; border: 1px solid #cfcfcf !important; color: rgb(119, 120, 122) !important; } .tagModal .modal-content button:focus { box-shadow: none !important; } .tagModal form.card { max-height: 370px; overflow-y: auto; } .ccmemail .email_left_head .seletedTag label { font-weight: normal; color: #7a838c; font-size: 12px; text-transform: uppercase; border: 1px solid #7a838c; padding: 1px 6px; border-radius: 4px; margin: 0 3px; } .ccmemail .seletedTag .tagList { padding: 6px 0; margin: 0; text-align: left; position: absolute; left: 10px; top: 30px; background: rgb(255, 255, 255); border: 1px solid #dcdcdd; border-radius: 6px; width: 156px; } .ccmemail .seletedTag ul li { color: #62666a; padding: 3px 12px; cursor: pointer; font-size: 14px; } .ccmemail .seletedTag ul li:hover { color: #4e4d4d; } .ccmemail .seletedTag ul li.seperator { padding-top: 8px; border-top: 1px solid #dcdcdd; margin-top: 8px; } .ccmemail .tagModal button.btn.saveBtn { background: #367FEE; color: #fff; border: 1px solid #367FEE; } .ccmemail .email_left_head button.selectTagBtn { background: #ebebed; border-radius: 4px; width: 100%; text-align: left; font-weight: normal; font-size: 14px; padding: 5px 7px !important; } .ccmemail .email_left_head button.selectTagBtn:active { border: none !important; background: #ebebed !important; } .ccmemail .email_left_head button.selectTagBtn:before { content: ''; border: solid #838080; border-width: 0 2px 2px 0; display: inline-block; padding: 2.5px; position: absolute; top: 10px; right: 9px; transform: rotate(45deg); } .ccmemail .tag_collapse.select_tag_collapse { width: 90%; transform: translate(5%, 0rem) !important; } .seletedTag.actionTagList { min-width: 126px; transform: translate3d(-112px, 16px, 0px) !important; } .tagModal .modal-dialog { top: 7rem; right: -36%; } .edittagModal.tagModal .modal-dialog { top: 11.5rem; right: -7%; } button.tagsBlock:after, .seletedTag label.dropdown-toggle:after, .bi-three-dots-vertical.dropdown-toggle:after { content: none; } .bi-three-dots-vertical.dropdown-toggle { font-size: 16px; color: #777; } .toggleMenuList { position: absolute; top: 10px; right: 10px; } .setTagBold { font-weight :bold; } .tagListDiv { display: inline-flex; padding: 3px 0 10px 0; } #searchForm .dropdown-menu { z-index: 50; } .mentionUser { color: #367FEE; } #cke_clscentralemailelasticsearch_comment .cke_contents { height: 45px !important; } #cke_clscentralemailelasticsearch_comment .cke_top { padding: 0; border: none; } .comment-txt { display: inline-block; background-color: rgb(232, 234, 237); border-radius: 15px; padding: 4px 12px; } .cke_editable { font-family: 'Lato', sans-serif; font-size: smaller; } .welcomeLink a { padding: 0 10px; border-left: 1px solid #212529; } .welcomeLink a:first-child { border-left: none; } .back__btn { display: none; } button.btmArrow { border: 1px solid #0e3d6d; border-width: 0 4px 4px 0; padding: 5px; background: transparent; transform: rotate(45deg); top: 18px; right: 12px; cursor: pointer; } .msg_left.show .message_left_main { display: block; } .subscriber-list { border: 1px solid lightgray; border-radius: 50px; padding: 4px; } .btn-subscriber-list-info:hover { background: none !important; } .btn-subscriber-list-info .user-initial-circle { display: inline-block; color: rgb(255, 255, 255); background-color: rgb(54, 127, 238); font-size: 1em; width: 1.8em; height: 1.8em; line-height: 1.7em; text-align: center; border-radius: 50%; vertical-align: middle; margin-right: 0.1em; } .subscriber-list-main .subscriberlist-info { width: 350px; } .all-subscriber { font-size: 14px; } .all-subscriber span.user-initial-circle { display: inline-block; color: rgb(255, 255, 255); background-color: rgb(54, 127, 238); font-size: 1em; width: 1.8em; height: 1.8em; line-height: 1.7em; text-align: center; border-radius: 50%; vertical-align: middle; margin-right: 0.1em; } .all-subscriber span.user-name { width: auto; overflow:unset; } .actionBlockMain { background: rgb(232, 234, 237); width: max-content; padding: 5px 16px; margin-bottom: 3px; border-radius: 30px; } .actionBlockMore, .actionBlockLess { margin: 7px; } .scrollToConversation:hover { text-decoration: none; } .conversationBlockCls { border: 1px solid #dcdcdd; border-radius: 22px; } .btn-actionlog { margin: 10px 0; } .small-font { font-size: 11px !important; } .comment-block { font-size: 12px; } /*-------------Reply Email Section CSS--------------*/ .email_reply button.reply { margin: 20px 0 20px 14px; background-color: #dfe4f0; border: 1px solid #7a838c; color: #0e3d6d; float: left; } /*------------Media Query CSS---------*/ @media (max-width: 1320px) { .ccmemail .msg-box {width: 1313px;} } /*@media (min-width: 992px) { .collapse {display: block;} } @media (max-width: 991px) { .welcomeTxt {padding: 12px;} .msg_left {border-bottom: 1px solid #dcdcdd; border-right: 1px solid #dcdcdd;} body.ccmemail {overflow-y: auto;} .message_left_main {border-top: 1px solid #dcdcdd;} .ccmemail .msg-btn {margin-bottom: 16px;} .ccmemail .email_left {border-right: none;} .ccmemail .email_content {border-bottom: 1px solid #dcdcdd; padding-bottom: 10px;} .msg-box {margin-bottom: 40px;} .back__btn {display: block;} .email_content.active .email_left {display: none;} .email_content .email_middle {display: none;} .email_content.active .email_middle {display: block;} .message_left_main {display: none;} .msg_left.show {display: block;} } @media (max-width: 767px) { .search-bar {margin-top: 16px; flex-wrap: wrap; text-align: left;} .scrollMain {height: calc(100vh - 22rem); padding-bottom: 16px !important;} .ccmemail .email_left_head label {width: 100%; text-align: left;} .middle_head.email_left_head .select2-container {width: 100% !important;} .middle_head.email_left_head .sub-head {width: 100%;} .ccmemail .email_left_head button.tagsBlock {top: 22px; right: -10px;} .email_middle .scrollMain {height: auto;} .search-bar .col-form-label {padding-left: 15px; padding-right: 15px; text-align: left;} button.close {position: absolute; top: 2px; right: 8px;} .modal-content {width: 98%;} .responsive_table {overflow-x: auto;} .responsive_table table {width: 600px;} } @media (max-width: 575px) { .search-bar {margin-top: 12px; flex-wrap: wrap; text-align: left;} .welcomeLink a {padding: 0 6px;} .ccmemail .msgTime span {font-size: 10px;} .ccmemail .msgName p {width: 208px;} }*/