:root{
--greyblug : #497285;
--darkgreyblug : #356176;
--darkcolor : #212529;
--orange : #F78536;
--turquoise : #77BABD;
--system: #2B4450;
}
.bg-system{background-color:var(--system) !important;}


@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiEyp8kv8JHgFVrJJfecg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLGT9Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiDyp8kv8JHgFVrJJLmg1hVF9eO.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLEj6Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/poppins/v24/pxiByp8kv8JHgFVrLDD4Z1xlFQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body{font-family:'Poppins',sans-serif;}
.vh-100 {min-height: 100vh !important;height:auto!important}
.navbar {background-color:#2B4450;color:#FFFFFF;}
.gradientBg{background:linear-gradient(0deg, #F8F9FA 0%, #F8F9FA 100%), #FFF;}
.sidebar-content *{color:#474747; font-size:16px;font-style:normal;font-weight:400;line-height:1.5;padding-left:0px;}
.dropdown:hover .dropdown-menu {display:block; margin-top:0px; right:0px;}
 
.button-greyblue{border-radius:100px;border:1px solid var(--greyblug);background:var(--greyblug);min-height:38px;padding:7px 0px;}
.button-greyblue:hover{border:1px solid var(--darkgreyblug);background:var(--darkgreyblug);}
.orangeBtn{border-radius:100px;background:var(--orange);display:flex;padding:6px 20px;justify-content:center;align-items:center;gap:10px;}
.turquoiseBtn{border-radius:100px;background:var(--turquoise);display:flex;padding:6px 20px;justify-content:center;align-items:center;gap:10px;border:0px;}
.turquoiseBtn:hover{background:var(--turquoise);}
.filterTurquoiseBtn{font-size: 16px;border-radius:100px;background:var(--turquoise);display:flex;padding:6px 20px;justify-content:center;align-items:center;gap:10px;border:0px;font-weight:500;line-height:150%;}
.filterTurquoiseBtn:hover{background:var(--turquoise);}
.clearTextBtn{color:#474747;  font-size: 14px; font-style: normal; font-weight: 400; line-height:171.429%; text-decoration-line: underline;}
.clearTextBtn:hover{color:#474747; }
.crossButton{background-image:url(assets/images/cross.svg);background-repeat:no-repeat; width:11px; height:16px; background-position:center; background-size: contain;}
.dangerRedTextIcon{color:#FF5858 !important; font-size: 16px; font-style: normal; font-weight: 500; line-height:150%;display:flex;align-items:center;gap:5px;}
.dangerRedTextIcon:before{content:'';background-image:url(assets/images/triangle-alert.svg);background-repeat:no-repeat; width:15px; height:14px; background-position:center; background-size: contain;display:inline-block}

.font14{color: #474747 !important;font-size: 14px;font-style:normal; font-weight:400; line-height:171.429%}
.normalText{color:#474747; font-size: 16px; font-style: normal; font-weight: 500; line-height:50%; text-decoration:underline;}
.titlesize16{color:#000;font-size: 16px; font-weight: 600; line-height:150%;}
.turquoisetText{color:#77BABD;font-size: 20px; font-style: italic; font-weight: 500; line-height: 24px;}
.titleText{color:#000;font-size:30px;font-style:normal;font-weight:600;line-height:80%}
.subTitleText{color:#474747;font-size:16px;font-style:normal;font-weight:400;line-height:150%;}
.buttonText{color:#474747;font-size: 16px; font-style: normal; font-weight: 400; line-height:150%; text-decoration:none}

.text-greyblue{color:var(--greyblug);}
a.text-greyblue:hover{color:var(--darkgreyblug);}
.card-body form p,.card-body form .form-check-label{color:var(--darkcolor);font-size:15px;}
.card-body h5.card-title{color:var(--darkcolor);font-weight:600;font-size:20px;}
nav form #project_id{padding:7px 14px 7px 10px;min-width:267px;border-radius:6px;color:#474747;font-size:16px;font-style:normal;font-weight:400;}
.dropdown.mainDropdownMenu {position:relative;top:25px;}
.dropdown.mainDropdownMenu button#hoverDropdown{position:relative;top:-8px;}
.dropdown.mainDropdownMenu .userAvtar {position:relative;top:-1px;margin-left:3px;}
.dropdown.mainDropdownMenu .mainDropdownSubMenuHolder {padding-top:34px;}
.dropdown.mainDropdownMenu:hover .dropdown-menu {border:0px;display:block;margin-top:0px;right:0px;padding:20px;display:flex;flex-direction:column;gap:10px;}
.sidebar-content{height:100%;display:flex;flex-direction:column;}
.sidebar-content .bottomMenus{margin-top: auto;border-top:1px solid #DFEBED;margin-bottom:50px;}
.terminologyTable *:not(.btn){color: #474747;}

table.table.terminologyTable { border-collapse:separate; border-spacing:0px 5px;}
table.table.terminologyTable *{border:0px;}
table.table.terminologyTable>:not(caption)>*>* { padding: 1.2px 10px;vertical-align: middle; }
table.table.terminologyTable th { padding:10px 10px;vertical-align: middle;color:#474747;font-size:16px;font-style:normal;font-weight:600;line-height:150%;}
table.table.terminologyTable thead tr th:first-child{ border-radius:10px 10px 0px 0px;}
table.table.terminologyTable thead tr th:last-child{ border-radius:10px 10px 0px 0px;}
table.table.terminologyTable tbody tr:last-child td:first-child{ border-radius: 0px 0px 10px 10px;}
table.table.terminologyTable tbody tr:last-child td:last-child{ border-radius: 0px 0px 10px 10px;}



.transjobList{color:#474747;font-size:16px; font-weight:400; line-height:24px;}
table.table.transjobListTable { border-collapse:separate; border-spacing:0px 5px;}
table.table.transjobListTable *{border:0px;}
.removeDownIcon:after{display:none}
.actionMenuBg{border-radius: 10px; background:#FFF; box-shadow: 0 70px 20px 0 rgba(85, 116, 131, 0.00), 0 45px 18px 0 rgba(85, 116, 131, 0.01), 0 25px 15px 0 rgba(85, 116, 131, 0.05), 0 11px 11px 0 rgba(85, 116, 131, 0.09), 0 3px 6px 0 rgba(85, 116, 131, 0.10);}

.transjobListTable .progress {background:#dfebed;border-radius:4px;}
.transjobListTable .progress-bar {background:#497285;border-radius:4px;}
.translateJobsPaginations ul.pagination{gap:3px;}
.translateJobsPaginations ul.pagination li.page-item span {border-radius:0px;background:#fff !important;border:0px;font-weight:400;font-size: 17px;min-width: 20px;min-height: 20px;display: flex;text-align: center;align-items: center;justify-content: center;line-height:1.26;padding: 0px;}
.translateJobsPaginations ul.pagination li.page-item a {color:#474747 !important;border: 0px;font-size: 14px;font-weight: 400;padding: 0px;min-width: 20px;min-height: 20px;display: flex;text-align: center;align-items: center;justify-content: center;line-height:1.5;}
.translateJobsPaginations ul.pagination li.page-item.active a {background: #497285 !important;border: 0px;color: #fff !important;}
table.table.transjobListTable{vertical-align:middle;}
.descTextareaCreate{min-height:93px !important;}