@import url('https://fonts.googleapis.com/css?family=Inter:100,200,300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400&display=swap');
b, .fw-500{ font-weight:500; }
.bi{ -webkit-text-stroke:1px; }
/*
https://github.com/rsms/inter/

Weight | Italic name | Roman (upright) name
  100  |     Thin    | Thin Italic
  200  | Extra Light | Extra Light Italic
  300  |    Light    | Light Italic
  400  |   Regular   | Italic
  500  |    Medium   | Medium Italic
  600  |  Semi Bold  | Semi Bold Italic
  700  |     Bold    | Bold Italic
  800  | Extra Bold  | Extra Bold Italic
  900  |    Black    | Black Italic



*/
/*
#pageloading { position:fixed; top:0; left:0; z-index:999; background:#efefef99; height:100vh; width:100vw; }
#pageloading img{ position:fixed; top:50%; left:50%; max-width:200px; transform:translate(-50%, -50%); }
*/
#pageloading { position:fixed; top:0; left:0; z-index:9999; background:#00000099; height:100vh; width:100vw; }

#pageloading img{ position:fixed; left:calc(50% - 20px); top:calc(50% - 20px); }
#pageloading .ringciculate img{ animation:ciculateme 4s infinite; left:calc(50% - 90px); top:calc(50% - 90px); }


.offcanvas-backdrop{ display:none; }
.tooltip-inner { white-space:pre-wrap; min-width: 100px; }
/*
 * scrollbar Style
 */
.portal-scrollbar{ overflow:auto; }
.portal-scrollbar::-webkit-scrollbar { width:5px; }
.portal-scrollbar::-webkit-scrollbar-track{ box-shadow:inset 0 0 3px grey; }/* Track */
.portal-scrollbar::-webkit-scrollbar-thumb { background:#c1c1c1; /*background-image:linear-gradient(20deg,#3A7AFB,#67C3F3);*/ }/* Handle */
.portal-scrollbar::-webkit-scrollbar-thumb:hover { background:#3A7AFB; }/* Handle on hover */

.select2-results__options::-webkit-scrollbar { width:5px; }
.select2-results__options::-webkit-scrollbar-track{ box-shadow:inset 0 0 3px grey; }/* Track */
.select2-results__options::-webkit-scrollbar-thumb { background:#c1c1c1; /*background-image:linear-gradient(20deg,#3A7AFB,#67C3F3);*/ }/* Handle */
.select2-results__options::-webkit-scrollbar-thumb:hover { background:#3A7AFB; }/* Handle on hover */


.dataTables_scrollBody{ overflow:auto; }
.dataTables_scrollBody::-webkit-scrollbar { height:5px; }
.dataTables_scrollBody::-webkit-scrollbar-track{ box-shadow:inset 0 0 3px grey; }/* Track */
.dataTables_scrollBody::-webkit-scrollbar-thumb { background:#c1c1c1; /*background-image:linear-gradient(20deg,#3A7AFB,#67C3F3);*/ }/* Handle */
.dataTables_scrollBody::-webkit-scrollbar-thumb:hover { background:#3A7AFB; }/* Handle on hover */

.dataTables_scrollBody{ border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
table.dataTable > thead > tr > th, table.dataTable > thead > tr > td{ border-color:#3A7AFB99 !important; }

.dataTables_scrollHeadInner table.dataTable{ border-bottom-left-radius:0; border-bottom-right-radius:0; }
.dataTables_scrollBody table.dataTable{ border-top-left-radius:0; border-top-right-radius:0; }


.dataTables_wrapper .dataTables_paginate .paginate_button{ padding:0.5rem 0.8rem !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.previous{ padding-left:0 !important; }
.dataTables_wrapper .dataTables_paginate .paginate_button.next{ padding-right:0 !important; }

.dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.next{ 
    position:relative; font-size:0; 
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:after, .dataTables_wrapper .dataTables_paginate .paginate_button.next:after{ 
    font-family:"Font Awesome 6 Free"; font-weight:900; font-size:1rem;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.previous:after{ content:"\f177"; }
.dataTables_wrapper .dataTables_paginate .paginate_button.next:after{ content:"\f178"; }




.portalshadow{ box-shadow:0px 0px 9px -2px #B3B3B399; }







body{ font-family:'Inter', sans-serif; font-size:1rem; line-height:1.3; /* background-color:#F4F6F9; background:#FFFFFF;*/ color:#2F455C; position:relative; }
h1, h2, h3, h4, h5, h6, .poppinsfont{ font-family:'Poppins', sans-serif; }

h1, h2, h3, h4, h5, h6{ color:#33485F; }
h1{ font-size:2rem; }
h2{ font-size:1.2rem; }
h3{ font-size:1.4rem; }
h4{ font-size:1.3rem; }
h5{ font-size:1.2rem; }
h6{ font-size:1.1rem; }
h2 span{ font-weight:400; }
h2 small{ font-size:14px; display:block; line-height:normal; }
q::before, q::after { font-family:fantasy, sans-serif; }

img{ max-width:100%; }
a, .nav-link{ color:#2F455C; cursor:pointer; text-decoration:none; background-color:transparent; }
a:hover, .nav-link:hover{ color:#000000; }
header .nav-link{ line-height:normal; border-color:#2F455C !important; border-radius:9px; font-weight:600; font-size:1.125rem; display:flex; align-items:center; }
.nav-link svg{ margin-right:0.5rem; }
header small.nav-link{ font-weight:400; }
header .nav-link:hover{ color:#3A7AFB; /*background-color:#F18E31; background-image:linear-gradient(20deg,#F18E31,#F5B981); border-color:#F18E31; color:#FFFFFF;*/ }
.portal-mainav{ padding:6px 0; }
.nav-link.border{ background:#FFFFFF; display:inline-block; }
header .dropdown-menu .dropdown-item{ padding:0; }
header .dropdown-menu big{ font-size:18px; }
header .dropdown-menu small{ font-size:14px; }
header .dropdown-menu .nav-link{ padding:0.625rem 1rem; border-radius:0.5rem; }

/*
header .portalmenu .nav-item:focus, header .portalmenu .nav-item:hover, header .portalmenu .nav-item:active, 
header .profilemenu .dropdown-item:focus, header .profilemenu .dropdown-item:hover, header .profilemenu .dropdown-item:active{ 
    background:#2F455C10; color:#2F455C; border-radius:0.5rem; 
}
header .portalmenu .nav-item:focus svg path, header .portalmenu .nav-item:hover svg path, header .portalmenu .nav-item:active svg path, 
header .profilemenu .dropdown-item:focus svg path, header .profilemenu .dropdown-item:hover svg path, header .profilemenu .dropdown-item:active svg path{ 
    fill:#2F455C;
}


header .portalmenu .nav-link:hover, header .portalmenu .nav-link:focus, header .portalmenu .nav-link:active, 
header .profilemenu .nav-link:hover, header .profilemenu .nav-link:focus, header .profilemenu .nav-link:active{ 
    background:transparent; color:#2F455C; 
}
header .portalmenu .nav-link:hover svg path, header .portalmenu .nav-link:focus svg path, header .portalmenu .nav-link:active svg path, 
header .profilemenu .nav-link:hover svg path, header .profilemenu .nav-link:focus svg path, header .profilemenu .nav-link:active svg path{
    fill:#2F455C;
}
*/


header .nav-item{ margin-right:9px;}

.portal-mainav .dropdown-item.active, .portal-mainav .dropdown-item:active, .portal-mainav .dropdown-item:hover, .portal-mainav .dropdown-item:focus{
    background:#2F455C10; color:#2F455C; border-radius:0.5rem; 
}

.portal-mainav .nav-link.active, .portal-mainav .nav-link:active, .portal-mainav .nav-link:hover, .portal-mainav .nav-link:focus, .portal-mainav .nav-link.show{ color:#3A7AFB; }
.portal-mainav .nav-link.active svg path, .portal-mainav .nav-link:active svg path, .portal-mainav .nav-link:hover svg path, .portal-mainav .nav-link:focus svg path, .portal-mainav .nav-link.show svg path{ fill:#3A7AFB; }




.navbar-toggler{ z-index:10; padding:22px; background-size:30px; background-color:transparent; margin-right:1rem; border-color:transparent; }
.portalmenu svg{ display:none; width:24px; height:24px; }

.portalmenu{ display:flex; align-items:center; }
.profile-toggle{ position:relative; z-index:8;/* overlaps main menu toggle */ }
.profile-toggle.dropdown-toggle::after{ content:none; }
.profilemenu .btn-close{ position:absolute; top:14px; right:14px; }

.profilemenu.show{ left:inherit; right:0; /*max-height:calc(100vh - 105px);*/ overflow:auto; max-width:390px; min-width:210px; padding:0.5rem; }

.nav-profile{ display:inline-flex; }
.nav-profile .startbtn{ margin-left:8px; }
.nav-profile .startbtn#btnlogin{ display:none; }


/*header .dropdown-menu{ min-width:190px; left:inherit !important; right:0; }*/


.profile-nav{ padding:0 50px; width:100%; position:relative; }
.profile-nav .profile-link{ color:#FFFFFF; font-weight:500; cursor:pointer; display:inline-block; list-style:none; line-height:1; padding:0.75rem 1rem; margin:8px 8px 0 0; border-top-left-radius:9px; border-top-right-radius:9px; }
.profile-nav .profile-link.active{ background-image:linear-gradient(20deg,#F18E31,#F5B981); }
.profile-nav.fixed{ position:fixed; z-index:8; top:0; background-image:linear-gradient(20deg,#3A7AFB,#67C3F3); }

.sectionpageheader .profile-link i.fa-solid{ display:none; }



label{ font-weight:bold; color:#2F455C; }
/*.about-profile label{ flex:0 0 120px; max-width:120px; margin-bottom:.5rem }*/

/*
.form-control, .form-control:-internal-autofill-selected{ background-color:#FFFFFF; }
*/
.form-control:not(#searchjob)::placeholder{ font-size:14px; }
form label{ font-weight:normal; }
form .form-control{ max-width:100%; font-size:18px; line-height:normal; padding:9px; border-radius:10px; border-color:#A6B0BB; /* #c9cfd6 */ }

.input-group-text{ border-color:#A6B0BB; flex-direction:column; }
.input-group-text-sm{ line-height:1; height:1.5rem; }
.input-group-text small{ font-size:12px; }

.input-group-file{ cursor:pointer; }
.input-group-file label{ border-radius:0.5rem !important; }
.input-group-file:hover label{ background-color:#e9ecef; }
.input-group-file input[type=file]{ margin-left:-2px !important; line-height:1; }
.input-group-file input[type=file]::-webkit-file-upload-button{ display:none; }
.input-group-file input[type=file]::file-selector-button{ display:none; }

.control-shadow .portal-control, .control-shadow .select2-container{ box-shadow:0 1px 3px #00000025; border-color:transparent; }

.bg-header .select2-container{ border-radius:6px; }
.noborder .form-control{ border-color:transparent; box-shadow:0px 0px 9px -2px #B3B3B399; }

.form-control:focus, .select2-container--default.select2-container--focus .select2-selection--multiple{ 
    border-color:#A6B0BB; box-shadow:0 0 0 0.25rem #A6B0BB25; 
}

.select2-container--default .select2-selection--multiple{ padding:4px 8px 8px 4px; }
.select2-container--default .select2-selection--multiple .select2-selection__choice{ white-space:break-spaces; height:100%; background-color:#e9e9e9; border-color:#c5c5c5; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ color:#3A7AFB; border-color:#c5c5c5; }
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover, .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{
    color:#F18E31;
}
#filterfield .select2-container--default .select2-selection--multiple .select2-selection__choice{ border-radius:12px; }

.checkboxtogglebox{ position:relative; }
.checkboxlistbox label{ width:100%; }
.checkboxlistbox{ position:absolute; z-index:1; width:100%; height:260px; bottom:0; left:0; top:39px; padding:8px 3px; border-radius:0 0 8px 8px; background:#FFFFFF; box-shadow:0px 3px 9px -2px #B3B3B3; }
.checkboxlist{ width:100%; height:100%; overflow:auto; }
.page-header .searchform .checkboxlistbox{ box-shadow:0px 3px 9px -2px #3A7AFB; }



.note-btn-group.note-style, .note-btn-group.note-fontname, .note-btn-group.note-color, .note-btn-group.note-table, 
.note-btn-group.note-insert, .note-btn-group.note-para .note-btn-group, 
.note-btn-group.note-view button:last-child{ 
    display:none; 
}
.note-btn{ font-size:14px; }
.panel-heading{ background-color:hsla(0,0%,50.2%,.11); }
.note-editable{ min-height:300px; }

hr{ border-color:#B3B3B3; }
.hr-label-center{ position:relative; }
.hr-label-center label{ background:#FFFFFF; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; padding:0 9px; display:block; width:32px; height:20px; }

.row .has-icon:not([class*="col"]), .row .iti{ padding:0; }
.has-icon:not(.input-group) { position:relative; margin-top:0.3rem; margin-bottom:0.5rem; }
.has-icon .icontext{ padding-left:40px; padding-right:9px; display:block; position:relative; line-height:2; }
.has-icon:not(.input-group) i, .has-icon img, .has-icon svg{ position:absolute; left:11px; top:11px; }
.has-icon.noleftpadding i, .has-icon.noleftpadding img, .has-icon.noleftpadding svg{ left:0; }
.has-icon:not(.input-group) i{ font-size:22px; }

.has-svg .icontext{ padding-left:28px; }
.has-svg svg{ top:8px; width:20px; height:20px; }

.has-icon.form-floating i, .has-icon.form-floating img{ top:1.25rem; }
form .has-icon i{ color:#F18928; z-index:1; font-style:normal; }
form .has-icon.blue i{ color:#3A7AFB; }
form i.righticon, form i.rightext{ right:8px; left:inherit !important; }
form i.righticon{ color:#6c757d; }
form i.rightext{ font-size:14px !important; line-height:1.5; }
p.has-icon i{ left:0; }
.bg-header p.has-icon i{ color:#FFFFFF; }
big.has-icon{ padding-left:30px; }
.pageheadercontent big.has-icon{ display:flex; align-items:center; }
big.has-icon i{ left:0; top:5px; }

.input-group.has-icon .input-group-text{ background:#FFFFFF; border-color:#A6B0BB; border-right:none; }
.input-group.has-icon .input-group-text i{ color:#3A7AFB; font-size:2.5em; }
.input-group.has-icon .form-control{ border-left:none; }

/*form .form-control, .has-icon .icontext{ padding-top:9px; padding-bottom:9px; }*/
p.has-icon .icontext{ padding-top:0; padding-bottom:0; }
form .form-control{ padding-top:2px; padding-bottom:2px; }


input[type="file"]{ border:none; }
input[type="file"]::file-selector-button{ border:1px solid #a6b0bb; border-radius:8px;
  /*border-top-left-radius:30px; border-bottom-left-radius:30px; line-height:2.4; padding:0 9px 0 15px; */
}
.has-icon input[type="file"]::file-selector-button{ padding-left:2rem; }

.iti{ margin-top:0.3rem !important; margin-bottom:0.5rem !important; }
/*.iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { left:4px; }/* removed as issue was related to .row>* */
.iti--separate-dial-code .iti__selected-flag{ background:transparent; border-right:1px solid #A6B0BB; }
.iti--allow-dropdown input, .iti--allow-dropdown input[type=tel], .iti--allow-dropdown input[type=text], .iti--separate-dial-code input, .iti--separate-dial-code input[type=tel], .iti--separate-dial-code input[type=text]{
    padding-left:60px;
}
.portal-scrollbar .iti__country-list{ position:fixed; z-index:6; }


.ui-widget-content{ background:#e9e9e9 !important; }
.ui-widget-header{ background-image:linear-gradient(20deg,#3A7AFB,#67C3F3) !important; }
.ui-state-default, .ui-widget-content .ui-state-default{
    background:linear-gradient(20deg,#F18E31,#F5B981) !important; border-color:#F3AA66 !important;
}

.link-underline{ text-decoration:underline; cursor:pointer; }
.link-underline.primary, a.link-underline.primary{ color:#3A7AFB; text-decoration-color:#3A7AFB !important; }
.link-underline.secondary, a.link-underline.secondary{ color:#6C757D; text-decoration-color:#6C757D !important; }
.link-underline.white, a.link-underline.white{ color:#FFFFFF; text-decoration-color:#FFFFFF !important; }
.link-underline.info, a.link-underline.info{ color:#0DCAF0; text-decoration-color:#0DCAF0 !important; }
.link-underline.warning, a.link-underline.warning{ color:#FFC107; text-decoration-color:#FFC107 !important; }
.link-underline.danger, a.link-underline.danger{ color:#FA3E3E; text-decoration-color:#FA3E3E !important; }
.link-underline.orange, a.link-underline.orange{ color:#F18E31; text-decoration-color:#F18E31 !important; }
.link-underline.blue, a.link-underline.blue{ color:#29488F; text-decoration-color:#29488F !important; }

.metalinks .link-underline{ position:relative; }
.metalinks .link-underline:before{ position:relative; content:'|'; padding:0 8px 0 4px; color:#2F455C; text-decoration:none; display:inline-block; }
.metalinks .link-underline:first-child:before{ display:none; }


.background-image-none{ background-image:none !important; }


.portalbutton.orange:focus-visible, .ui-widget-content .ui-state-default:focus-visible{ outline-color:#F18E31; }
.portalbutton.blue:focus-visible{ outline-color:#3A7AFB; }



.btn-primary, .btn-outline-primary{
    --bs-btn-border-color:#3A7AFB;
    --bs-btn-hover-bg:#3A7AFB;
    --bs-btn-hover-border-color:#3A7AFB;
    --bs-btn-active-bg:#3A7AFB;
    --bs-btn-active-border-color:#3A7AFB;
    --bs-btn-disabled-color:#3A7AFB;
    --bs-btn-disabled-bg:#3A7AFB;
    --bs-btn-disabled-border-color:#3A7AFB;
}
.btn-primary{
    --bs-btn-color:#FFFFFF;
}
.btn-outline-primary{
    --bs-btn-color:#3A7AFB;
}


.btn-outline-orange {
    --bs-btn-color: #F18E31;
    --bs-btn-border-color: #F18E31;
    --bs-btn-hover-color: #000;
    --bs-btn-hover-bg: #F18E31;
    --bs-btn-hover-border-color: #F18E31;
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: #000;
    --bs-btn-active-bg: #F18E31;
    --bs-btn-active-border-color: #F18E31;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #F18E31;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F18E31;
    --bs-gradient: none;
}
.btn-outline-orange:hover {
    color:#FFFFFF;
}

.text-orange{ color:#F18E31; }



.form-floating>label.fortextarea{ height:auto; }
/*.form-floating textarea{ min-height:99px; }*/

.form-floating .input-group-text{ border-top-right-radius:var(--bs-border-radius) !important; border-bottom-right-radius:var(--bs-border-radius) !important; }

.form-floating:has(> input[type='checkbox']){ padding-left:25px; }
.form-floating input[type='checkbox']{ position:absolute; left:6px; top:3px; }
.form-floating.hidefield:has(> input[type='checkbox']){ padding-left:calc(var(--bs-gutter-x) * .5); }
.form-floating.hidefield input{ display:none; }

.form-floating .select2-selection{ border-color:#A6B0BB; border-radius:0.375rem; height:auto; padding-top:1.625rem; padding-bottom:0.625rem; }
.select2-selection .select2-selection__rendered{ color:#000000 !important; line-height:inherit !important; }

.select2-container{ width:100% !important;  }
.select2-dropdown{ max-width:100%; border-color:#A6B0BB; }

/*.select2-container--open{ width:calc(100% - 20px) !important; }*/


.pagebg{ position:absolute; z-index:0; width:56%; min-width:50%; height:auto; }
.portal-main .pagebg{ transform:rotate(180deg); }
.sectionbg .sectioncontent{ min-height:15px; }
.sectionbg .sectioncharacter{ position:absolute; bottom:0; right:0; max-height:120%; width:auto; max-width:390px; }


.ajx{ display:none; }
.loading.ajx{ display:block; z-index:99999; width:100vw; height:100vh; position:fixed; background:#00000099; }
.spinner{ position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:5rem; height:5rem; }
.spinner-border{ color:#FFC107; } .spinner-grow{ color:#F18928; }

.dropdown-item{ text-wrap:wrap; }
.dropdown-item.active, .dropdown-item:active, 
.btn-check:focus+.btn-bigstride, .btn-bigstride:focus,
.form-check-input:checked
{ 
	background-color:#F18928; color:white; 
}
.btn-check:focus+.btn-bigstride, .btn-bigstride:focus{ 
	border-color:#F18928; box-shadow:0 0 0 0.25rem #F1892850; color: #FFFFFF; 
}

.btn.dropdown-toggle:after, .portalbutton.dropdown-toggle:after{ margin-left:0.75rem; }

.btn, .portalbutton, [class*=" btn-"]{ 
    display:inline-block; font-size:18px; line-height:2; border-radius:10px; min-width:210px; text-align:center; border-width:0;  /*padding:9px 28px; */ padding:2px 28px;
    /*box-shadow:rgba(0, 0, 0, 0.25) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; */
}
[class*=" btn-outline-"].border-1{ padding-top:2px; padding-bottom:2px; /* padding-top:8px; padding-bottom:8px; */ }
[class*=" btn-outline-"].border-2{ padding-top:7px; padding-bottom:7px; }
[class*=" btn-outline-"].border-3{ padding-top:6px; padding-bottom:6px; }
[class*=" btn-outline-"].border-4{ padding-top:5px; padding-bottom:5px; }
[class*=" btn-outline-"].border-5{ padding-top:4px; padding-bottom:4px; }

.btn.btn-w-inherit, .portalbutton.btn-w-inherit{ min-width:inherit; }
.btn.btn-w-auto, .portalbutton.btn-w-auto{ min-width:auto; }
.btn-dark{ background-color:#2F455C; }
.btn-dark:hover, .btn-dark:focus{ background-color:#212529; }


.portalbutton{ color:#6c757d; text-transform:capitalize; border:1px solid #6c757d; background:transparent; }
.portalbutton:not(.disabled){ cursor:pointer; }
.portalbutton:not(.outline), .portalbutton.outline:not(.disabled):hover, .portalbutton.outline:not(.disabled):focus{ 
    color:#FFFFFF; background-image:linear-gradient(20deg,#6c757d,#A6B0BB); 
}
.portalbutton.active, .portalbutton:not(.disabled):hover, .portalbutton:not(.disabled):focus{ 
    color:#FFFFFF; background:#6c757d; 
}
.portalbutton.nohover:hover{ color:#6c757d !important; }

/*

.portalbutton{ color:#6c757d; text-transform:capitalize; border:1px solid #6c757d; background:transparent; }
.portalbutton:not(.disabled){ cursor:pointer; }
.portalbutton:not(.disabled):hover, .portalbutton:not(.disabled):focus{ color:#FFFFFF; background:#6c757d; }
*/

.portalbutton.blue{ color:#3A7AFB; border-color:#58abf5; }
.portalbutton.blue:not(.outline), .portalbutton.blue.outline:not(.disabled):hover, .portalbutton.blue.outline:not(.disabled):focus{ 
    color:#FFFFFF; background-image:linear-gradient(20deg,#3A7AFB,#67C3F3); 
}
.portalbutton.blue.active, .portalbutton.blue:not(.disabled):hover, .portalbutton.blue:not(.disabled):focus{ 
    color:#FFFFFF; background:#3A7AFB; 
}

.portalbutton.orange{ color:#F18E31; border-color:#FAB06C; }
.portalbutton.orange:not(.outline), .portalbutton.orange.outline:not(.disabled):hover, .portalbutton.orange.outline:not(.disabled):focus{ 
    color:#FFFFFF; background-image:linear-gradient(20deg,#F18E31,#F5B981); 
}
.portalbutton.orange.active, .portalbutton.orange:not(.disabled):hover, .portalbutton.orange:not(.disabled):focus{ 
    color:#FFFFFF; background:#F18E31; 
}

.portalbutton.danger{ color:#FA3E3E; border-color:#FAB06C; }
.portalbutton.danger:not(.outline), .portalbutton.danger.outline:not(.disabled):hover, .portalbutton.danger.outline:not(.disabled):focus{ 
    color:#FFFFFF; background-image:linear-gradient(20deg,#FA3E3E,#F18E31); 
}
.portalbutton.danger.active, .portalbutton.danger:not(.disabled):hover, .portalbutton.danger:not(.disabled):focus{ 
    color:#FFFFFF; background:#FA3E3E; 
}

.portalbutton.info{ color:#39d4fc; border-color:#39d4fc; }
.portalbutton.info:not(.outline), .portalbutton.info.outline:not(.disabled):hover, .portalbutton.info.outline:not(.disabled):focus{ 
    color:#FFFFFF; background-image:linear-gradient(20deg,#39d4fc,#00D7B8); 
}
.portalbutton.info.active, .portalbutton.info:not(.disabled):hover, .portalbutton.info:not(.disabled):focus{ 
    color:#FFFFFF; background:#39d4fc; 
}

.portalbutton.info{ color:#39d4fc; border-color:#39d4fc; }
.portalbutton.info:not(.outline), .portalbutton.info.outline:not(.disabled):hover, .portalbutton.info.outline:not(.disabled):focus{ 
    color:#FFFFFF; background-image:linear-gradient(20deg,#39d4fc,#00D7B8); 
}
.portalbutton.info.active, .portalbutton.info:not(.disabled):hover, .portalbutton.info:not(.disabled):focus{ 
    color:#FFFFFF; background:#39d4fc; 
}






.portalbutton.secondary{ color:#FFFFFF; background-image:linear-gradient(20deg,#6c757d,#A6B0BB); border-color:#A6B0BB; }
.portalbutton.secondary.outline{ color:#6c757d; border-color:#6c757d; background:transparent; }

.portalbutton.secondary.active, .portalbutton.secondary:not(.disabled):hover, .portalbutton.secondary:not(.disabled):focus{ color:#FFFFFF; background:#6c757d; border-color:#A6B0BB; }

.portalbutton.light{ background-image:linear-gradient(20deg,#f8f9fa,#F5F6FA); border-color:#f8f9fa; }
.portalbutton.light.outline{ color:#FFFFFF; border-color:#f8f9fa; background:transparent; }
.portalbutton.light.active, .portalbutton.light:not(.disabled):hover, .portalbutton.light:not(.disabled):focus{ color:#2F455C; background:#F5F6FA; border-color:#f8f9fa; }

.portalbutton.light.active, .portalbutton.light:not(.disabled):hover, .portalbutton.light:not(.disabled):focus{ color:#FFFFFF; }
.portalbutton.light.hoverblue.active, .portalbutton.light.hoverblue:not(.disabled):hover, .portalbutton.light.hoverblue:not(.disabled):focus{ background:#3A7AFB; }
.portalbutton.light.hoverorange.active, .portalbutton.light.hoverorange:not(.disabled):hover, .portalbutton.light.hoverorange:not(.disabled):focus{ background:#F18928; }


.portalbutton.dropdown-toggle:hover,.portalbutton.dropdown-toggle:focus{ background:none !important; }




.sectionbox img.leftcornercircle{ position:absolute; left:-34px; top:-34px; z-index:-1; }
img.white { filter:brightness(0) invert(1); }

.sectionbg{ position:relative; color:#FFFFFF; background-image:linear-gradient(20deg,#3A7AFB,#67C3F3); padding:1rem 5%; border-radius:20px; box-shadow:0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2); }
.sectionbg.orange{ background-image:linear-gradient(20deg,#F18E31,#F5B981); }
.sectionbg .sectionheader{ padding-top:3rem; padding-bottom:3rem; }
.sectionbg .section-title{ font-size:2.3rem; line-height:3rem; color:#FFFFFF; }
.sectionbg .section-desc{ }
.sectionbg .has-icon i, .sectionbg a{ color:#FFFFFF; }
.sectionbg .portalbutton{ display:inline-block; }


/*
.btn-outline-primary{ color:#F18928; border-color:#F18928; }
.btn-outline-primary:hover { background-color:#F18928; border-color:#F18928; color: #FFFFFF; }
*/
select[disabled]{ appearance:none; color:#6c757d!important; }
.form-control:disabled, .form-control.disabled{ background:transparent !important; border-color:transparent; width:100%; }
body.employer .form-control:disabled{ padding:0; display:inline-block; appearance:none; }
#buyPackage .form-control:disabled{ padding:0; }

small .form-control.disabled{ font-size:12px; }
#mail_key{ display:flex; padding:0; }


.socialist{ list-style:none; display:flex; flex-wrap:wrap; width:auto; padding-left:0; }
.socialist li{ margin:0 8px 5px 0; cursor:pointer; }


footer .socialist{ font-size:24px; }
footer .socialist a{ margin-left:20px; }
.main-footer{ line-height:1.75; border-bottom:2px solid #E2E7F099; padding-top:45px; }
#portalsubscribe{ position:relative; margin:1rem 0; }
#portalsubscribe input{ background:#D5D9DE; }
#portalsubscribe input{ background:#FFFFFF99; }
#portalsubscribe button{ max-height:35px; width:45px; position:absolute; right:9px; top:9px; border-color:transparent; display:inline-block; }
.gradientext{ background:linear-gradient(45deg,#21D0B3 0,#3571E1); 
/* linear-gradient(45deg,#21D0B3 0,#3A7AFB); linear-gradient(45deg,#02e7ae 0,#3571E1);  linear-gradient(45deg,#129f69,#045994)  */ 
background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }


.slick-dots{ display:flex; justify-content:center; list-style:none; padding:9px; }
.slick-dots li{ margin:9px; padding:5px; border-radius:50%; cursor:pointer; }
.slick-dots button{ display:none; }


.slick-arrow{ position:absolute; bottom:0; z-index:1; width:3rem; height:3rem; line-height:3rem; font-size:1.5rem; text-align:center;
background:#FFFFFF99; border-radius:50%; cursor:pointer; }

.sectionblue .slick-arrow{ color:#3A7AFB; }
.sectionblue:hover .slick-arrow{ background:#FFFFFF; color:#3A7AFB; }
.sectionblue .slick-dots li{ background:#3A7AFB99; }
.sectionblue .slick-dots .slick-active{ background:#3A7AFB; }

.sectionorange .slick-arrow{ color:#F18E31; }
.sectionorange:hover .slick-arrow{ background:#FFFFFF; color:#F18E31; }
.sectionorange .slick-dots li{ background:#F18E3199; }
.sectionorange .slick-dots .slick-active{ background:#F18E31; }


.portalboxslider .slick-arrow{ }
.portalboxslider .slick-prev{ left:25%; }
.portalboxslider .slick-next{ right:25%; }

.portalslider{ padding-bottom:30px; }
.portalslider .slick-arrow{  }
.portalslider .slick-prev { left:calc(50% - 52px); }
.portalslider .slick-next { right:calc(50% - 52px); }

.portalslidebox{ padding:1rem; margin-top:1rem; }


.slickarrowside .slick-arrow{ display:none !important; top:0; margin:auto;  }
.slickarrowside .slick-prev{ left:0; }
.slickarrowside .slick-next{ right:0; }
.slickarrowside:hover .slick-arrow{ display:block !important; }

.companyslider .portalbox{ box-shadow:none; background:transparent; }
.companyslider img{ width:auto; height:100px; margin:25px; }


.testimonialslider .slick-track{ display:flex; justify-content:stretch; }
.testimonialslider .slick-slide{ height:auto; }

.quotebox blockquote{ padding:1rem 2rem; line-height:1.5; height:100%; display:flex; flex-direction:column; justify-content:space-between; }
.quotebox .testimonialby span{ display:block; font-weight:600; }

.categoryslider .slick-list{ margin:0 -15px; }
.categoryslider .slick-dots{ margin-bottom:0; }
.categorybox{ padding:1rem; }
.categorybox .portalbox{ padding:0.5rem; }
.categorybox .portalbox .sectionbg{ border-radius:0.5rem; }
.categorybox .industry{ font-weight:bold; height:1.5rem; }
.categorybox img{ max-height:36px; width:auto; }




/*radial-progress*/
svg.radial-progress{ height:auto; width:100%; padding:0; transform:rotate(-90deg); border-radius:50%;  box-shadow:0px 0px 3px 1px #00000050;
   background-image:linear-gradient(-225deg,#34F5C6 0%,#3A7AFB 50%,#21D0B3 100%); 
}
section.svg-container svg.radial-progress:nth-child(even) { margin: 0 15px; }
svg.radial-progress circle{ fill:transparent;stroke:#fff; }
svg.radial-progress circle.bar-static{ stroke:#fafafa!important; }
svg.radial-progress circle.bar--animated{ stroke-dasharray:219.91148575129; stroke:#FFFFFF; stroke-dashoffset:219.91148575129; stroke-width:4px;stroke-linecap:round; }
svg.radial-progress text{ fill:#fafafa; text-anchor:middle; text-shadow:0 0 5px #0000007a; }

.bg-header svg.radial-progress{ background-image:linear-gradient(-225deg,#F3AA66 0%,#F18E31 50%,#F3AA66 100%); }








.dataTables_wrapper .dataTables_paginate .paginate_button{ font-weight:500; }
.dataTables_wrapper .dataTables_paginate .paginate_button, .dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:focus{
    font-weight:500; background:transparent !important; border:none !important;
}
#listable_wrapper .dataTables_paginate .paginate_button.current{
    font-weight:600;
}
/*
.dataTables_wrapper .dataTables_paginate .paginate_button:hover{ background:#004b7C; }
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover{
    padding:4px 8px; border-color:#F18928 !important; line-height:normal; border-radius:50%;
}
*/

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter{ margin-bottom:20px; }
.dataTables_wrapper table{ border:1px solid #CCCCCC; }
.dataTables_wrapper .dataTables_filter input, .dataTables_wrapper .dataTables_length select, .dataTables_wrapper tbody{ background:white !important; }

/*
#listable_wrapper .dataTables_paginate .paginate_button{ color:#3A7AFB99 !important; }

#listable_wrapper .dataTables_paginate .paginate_button.disabled, #listable_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
#listable_wrapper .dataTables_paginate .paginate_button.disabled:active{ color:#3A7AFB75 !important; font-weight:400; }

#listable_wrapper .dataTables_paginate .paginate_button:hover, 
#listable_wrapper .dataTables_paginate .paginate_button:focus, 
#listable_wrapper .dataTables_paginate .paginate_button:active, 
#listable_wrapper .dataTables_paginate .paginate_button.current{
    color:#3A7AFB !important;
}
*/

.portalbox .dataTables_wrapper .dataTables_paginate .paginate_button{ color:#3A7AFB99 !important; }

.portalbox .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .portalbox .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, 
.portalbox .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active{ color:#3A7AFB75 !important; font-weight:400; }

.portalbox .dataTables_wrapper .dataTables_paginate .paginate_button:hover, 
.portalbox .dataTables_wrapper .dataTables_paginate .paginate_button:focus, 
.portalbox .dataTables_wrapper .dataTables_paginate .paginate_button:active, 
.portalbox .dataTables_wrapper .dataTables_paginate .paginate_button.current{
    color:#3A7AFB !important;
}

.fa-star:not(.samecolor){ color:#F18E31; }
sup.fa-star{ top:-1px; left:0.25rem; }

.fixstaright{ position:relative; padding-right:1rem; display:inline-block !important; width:auto; }
.fixstaright sup.fa-star{ position:absolute; top:5px; right:0; left:inherit; }



table.dataTable>tbody>tr.child ul.dtr-details{ width:100%; }
table .badge{ font-weight:500; }

/*
thead th{ background-color:#3A7AFB99; background-image:linear-gradient(20deg,#3A7AFB,#67C3F3); color:white; }
table.dataTable.display > thead > tr:last-child th{ border-top-left-radius:8px; border-top-right-radius:8px; }
*/
table.dataTable{ border-radius:5px; }
thead tr{ background-color:#3A7AFB99; background-image:linear-gradient(20deg,#3A7AFB,#67C3F3); color:white; border-top-left-radius:5px; border-top-right-radius:5px; }
thead tr th:first-child{ border-top-left-radius:5px; }
thead tr th:last-child:not(.dtr-hidden){ border-top-right-radius:5px; }
table.dataTable.display > tbody > tr:last-child td{ border-bottom-left-radius:8px; border-bottom-right-radius:5px; }


table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:after{ 
    opacity:0.25 !important; 
}
table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:after{ 
    opacity:0.8 !important; 
}

table.dataTable thead > tr > th.sorting:before, table.dataTable thead > tr > th.sorting_asc:before, table.dataTable thead > tr > th.sorting_desc:before, table.dataTable thead > tr > th.sorting_asc_disabled:before, table.dataTable thead > tr > th.sorting_desc_disabled:before, table.dataTable thead > tr > td.sorting:before, table.dataTable thead > tr > td.sorting_asc:before, table.dataTable thead > tr > td.sorting_desc:before, table.dataTable thead > tr > td.sorting_asc_disabled:before, table.dataTable thead > tr > td.sorting_desc_disabled:before{ bottom:52% !important; }
table.dataTable thead > tr > th.sorting:after, table.dataTable thead > tr > th.sorting_asc:after, table.dataTable thead > tr > th.sorting_desc:after, table.dataTable thead > tr > th.sorting_asc_disabled:after, table.dataTable thead > tr > th.sorting_desc_disabled:after, table.dataTable thead > tr > td.sorting:after, table.dataTable thead > tr > td.sorting_asc:after, table.dataTable thead > tr > td.sorting_desc:after, table.dataTable thead > tr > td.sorting_asc_disabled:after, table.dataTable thead > tr > td.sorting_desc_disabled:after{ top:52% !important; }

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before{ content:'\276F' !important; color:#F18E31 !important; }
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before{ content:'\276F' !important; transform:rotate(90deg); color:#F18E31 !important; }


table tr:hover td, table tr:focus td{ background-color:#3A7AFB15; }
table.dataTable tbody tr > *{ box-shadow:inherit !important; color:#2F455C !important; }
/*
table tr.expired td, .portalitem.expired{ background-image:linear-gradient(20deg,#FF000099,#FF000099); }
table tr.canceled td, .portalitem.canceled, .clistitem.jastatus.canceled big{ background-image:linear-gradient(20deg,#FF000025,#FF000025); }/*linear-gradient(20deg,#0DCAF015,#0DCAF015)* /
table tr.applied td, .portalitem.applied, .clistitem.jastatus.applied big{ background-image:linear-gradient(20deg,#FFC10715,#FFC10715); }
table tr.processing td, .portalitem.processing, .clistitem.jastatus.processing big{ background-image:linear-gradient(20deg,#0DCAF015,#0DCAF015); }
table tr.nominated td, .portalitem.nominated, .clistitem.jastatus.nominated big, table tr.interview td, .portalitem.interview, .clistitem.jastatus.interview big{ background-image:linear-gradient(20deg,#0D6EFD15,#0D6EFD15); }
table tr.appointed td, .portalitem.appointed, .clistitem.jastatus.appointed big, table tr.selected td, .portalitem.selected, .clistitem.jastatus.selected big{ background-image:linear-gradient(20deg,#19875415,#19875415); }
table tr.rejected td, .portalitem.rejected, .clistitem.jastatus.rejected big{ background-image:linear-gradient(20deg,#00000015,#00000015); }
*/

/* table#listable tr td .fa-add, table#listable tr td .fa-edit, table#listable tr td .fa-pen, table#listable tr td .fa-trash{ */
table#listable tr td .fa{ 
    width:28px; height:28px; font-size:inherit; padding:5px; position:relative; top:inherit; left:inherit; right:inherit; margin:1px; border-radius:50%; box-shadow:none;
}


.mAct{ text-transform:capitalize; }


.portal-container{ position:relative; width:100%; max-width:1600px; /* 1340px 1260px*/ margin:0 auto; padding:0 120px; }
.portal-inside{ position:relative; width:100%; max-width:992px; margin:0 auto; padding:0 15px; }

.manage .portal-container{ max-width:1950px; }


.container-inside{ position:relative; max-width:90%; margin:0 auto; }

.portal-main{ position:relative; min-height:350px; background-color:#FFFFFF01; }

.portal-footer{ color:#2F455C; background:#FFFFFF; background:#F5F6FA; position:relative; box-shadow:0px -5px 9px #C9C9C999; }


.page-header{ text-align:center; padding:15px; }
.page-header .portal-container{ padding:5px 0; }
.page-header .searchform{ padding:15px 30px; border-radius:15px; background:linear-gradient(20deg,#3A7AFB,#67C3F3); color:#FFFFFF; }
.page-header .searchform .fa-solid{ font-size:2rem; margin-right:8px; }
.page-header .searchform .form-control, .page-header .searchform .form-control:focus, 
.page-header .searchform .select2-container--default.select2-container--focus, .page-header .searchform .select2-selection--multiple{ 
    background:transparent; border-radius:0; border:none; border-bottom:1px solid #FFFFFF; color:#FFFFFF; 
}
.page-header .searchform .form-control:focus, .page-header .searchform .select2-container--default.select2-container--focus, 
.page-header .searchform .select2-selection--multiple{ 
    width:calc(100% - 40px);
}

.page-header .searchform option{color:#000000; }
.page-header button{ width:100%; }
.page-header .searchform .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color:white;
  opacity: 1; /* Firefox */
}

.page-header .searchform .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:white;
}

.page-header .searchform .form-control::-ms-input-placeholder { /* Microsoft Edge */
  color:white;
}


.side-menu{ list-style:none; padding:0.5rem 0; }
.side-menu li{ padding:0.8rem 0; border-top:1px solid #2F455C99; }
.side-menu li:first-child{ border:0; }
.side-menu li .active{ color:#3A7AFB; }

.breadcrumb{ justify-content:center; }
.error{ color:#FA3E3E; }

.list-group a{ text-decoration:none; }
.offcanvas-body .list-group-item:has(.active){ background:#F1F2F2; }
.offcanvas-title{ color:#FFFFFF; line-height:inherit; }

.dropdown-menu.offcanvas-end.show{ left:inherit; height:calc(100vh - 5px); max-width:calc(100vw - 30px); overflow-y:scroll; }

.select2full .select2-container{ width:100% !important; }

.form-control-plaintext{ outline:0; }
form .form-switch .form-check-input[type=checkbox]{ width:3rem !important; height:1.5rem !important; }

/*
form:not(#signup) .form-check-input[type=radio], form:not(#signup) .form-check-input[type=checkbox]{ width:2rem; height:2rem; margin-left:-2.2rem; }
input[type=checkbox]{ accent-color:#F18928; color:#FFFFFF; }
*/
.form-check-input:checked {
    background-color:#F18928;
    border-color:#F18928;
}

img.portal-view { margin:10px;}
.course-list .card{ border-width:0 0 1px 0; border-radius:0; }
.course-list .col:last-child .card{ border:none; }

.mAct.user{ display:none; }

.card img{ max-width:90%; height:auto; }

.form-floating>.form-control[readonly]~label::after, .form-floating>.form-control.text-muted~label::after{ background-color:var(--bs-secondary-bg); }

.form-floating>.form-control[readonly]~.input-group-text{ border-color:transparent; } 

/*.formChange .form-control:disabled, .formChange .form-control[readonly],.formChange .form-control-plaintext{ */
.formChange .form-control:disabled, .form-control[readonly], .form-control-plaintext{ 
    background:transparent; border:inherit !important; box-shadow:inherit !important; }

.formChange .form-check{ display:flex; align-items:center; padding:3px 35px; margin:0; }
.formChange .form-check .form-check-label{ padding:0 5px; }


.note-editor.note-airframe.fullscreen, .note-editor.note-frame.fullscreen{ background-color:#FFFFFF; }
.note-editor [class*=" btn-"]{ min-width:auto; padding:0; box-shadow:none; }
.note-editor button.btn{ padding:3px 8px; border-radius:3px; box-shadow:rgba(0, 0, 0, 0.25) 0px 2px 4px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; }

.pagebox{ padding:15px; border:1px solid #F18928; border-top-width:5px; border-radius:5px; background:#004b7C10; }


.managetabs .nav-link{ font-weight:bold; text-align:right; border-bottom:2px solid transparent; }
.managetabs .nav-link.active, .managetabs .show>.nav-link{ color:#F18928; border-color:#F18928; }
.managetabs .tabcontant{ min-height:50vh; }

.offcanvas-header{ display:none; /* height:80px; background-color:#2A4990 !important; color:#F18928;*/ }


.modalchange{ cursor:pointer; }
.modal-dialog{ margin:auto; padding:1rem; }
.modal-dialog-scrollable{ height:100vh; }
.modal{ color:#000000; background:#00000050; }
.modal-backdrop.show{ display:none; }
.modal-sm{ min-width:350px; }
.modal .modal-content{ position:relative; padding:40px; box-shadow:0px 3px 9px 1px #00000099; border-color:transparent; border-radius:1rem; }
.modal-content .btn-close{ position:absolute; right:0; top:0; padding:20px; z-index:1; }

.modal-content.hasideimg{ padding-top:20px; padding-bottom:20px; }

.hasideimg .sideimg{ position:absolute; top:0; width:50%; height:100%; }
.hasideimg.leftside .sideimg{ left:0; }
.hasideimg.rightside .sideimg{ right:0; }
.hasideimg .sideimg img{ object-fit:cover; height:100%; }

.hasideimg .sidecontent{ width:340px; margin:0 1.8%; }
.hasideimg.leftside .sidecontent{ margin-left:auto; }
.hasideimg.rightside .sidecontent{ margin-right:auto; }

.modal .socialist{ padding:9px 0 0 8px; }
.modal label{ font-size:14px; z-index:5; }
.modal a:not(.btn), .modal .nav-link{ text-decoration:underline; color:#F18928; }


.modal-header, .modal-body, .modal-footer{ padding:10px; border-color:transparent; border-color:transparent; }

.modal-header{  position:relative; }

.modal-header .text-muted{ color:#F18928 !important; }
.modal-header a{ color:#2F455C; }
.modal-header a:hover{ color:#2A4990; }
.modal-title{ font-size:20px; font-weight:500; max-width:100%; color:#3A7AFB; }

.modal-footer>*{ margin:0; }
.modal-footer span.note{ width:100%; }
.modal-footer .portalbutton{ min-width:50%; }
.modal-footer [class*="col-"] .portalbutton{ min-width:inherit; }
.modal-footer .btn{ margin-bottom:15px; text-transform:capitalize; }


.modal-body{ padding-top:0; padding-bottom:0; }

#alertmsg{ font-size:20px; font-weight:500; }
#alertmsg big, #alertmsg small{ display:block; }
#alertmsg b{ font-weight:600; }


.modal .btn-primary{ padding-left:30px; padding-right:30px; background-image:linear-gradient(20deg,#39D4FC,#3A7AFB); }
.modal .btn-primary:hover{ background:#3A7AFB; }
.modal-content .info{ font-size:9px; line-height:9px; }

#deleteitemtxt{ color:#F18E31; }
#deleteitemttl{ color:#3A7AFB; }


/*
.modalbigstride .hr-label-center label{ background:#F5F6FA; }

.modalbigstride{ background:#00000050; }

.modalbigstride .modal-content{ 
    box-shadow:0 0 1px rgba(0,0,0,.25), 0 1px 3px rgba(0,0,0,.3);
}
.modalbigstride .modal-header, .modalbigstride .modal-body, .modalbigstride .modal-footer{
    background:transparent !important;
}

.modalbigstride .modal-header .btn-close, .modalbigstride .alertaction, .chatbox .btn-close{ 
    position:absolute; top:1rem; right:1rem;  outline:none; box-shadow:none !important;
}
.modalbigstride .modal-footer{ border-color:transparent; }
*/


/*
.modalbigstride .modal-header{ color:#33485F; flex-direction:column; border-color:transparent; position:inherit; }
.modalbigstride.modal .modal-content{ padding:0; }

.modalbigstride .modalsideImg{ position:relative; }
.modalbigstride .modalsideImg img{ position:absolute; left:0; top:0; width:100%; height:100%; }
*/





/*.modal[for="create"] .modal-header{ background:#3A7AFB50; }*/
.modal[for="create"] .btn-primary{ background-image:linear-gradient(20deg,#3A7AFB,#67C3F3); border-color:#67C3F3; }
.modal[for="create"] .btn-primary:hover{ background:#3A7AFB; }

/*.modal[for="update"] .modal-header{ background:#67C3F3; }*/
.modal[for="update"] .btn-primary{ background-image:linear-gradient(20deg,#3A7AFB,#67C3F3); border-color:#67C3F3; }
.modal[for="update"] .btn-primary:hover{ background:#3A7AFB; }

/*.modal[for="delete"] .modal-header{ background:#F3AA66; }*/
.modal[for="delete"] .btn-primary{ background-image:linear-gradient(20deg,#F18E31,#F5B981); border-color:#F18E31; }
.modal[for="delete"] .btn-primary:hover{ background:#F18E31; }



#user-logout img{ width:240px; height:auto; margin:0 auto; }



.btn-close{ background-color:transparent !important; outline:none !important; box-shadow:none !important; }
/*.offcanvas-header .btn-close{ box-shadow:0px 0px 8px 1px #999; }*/




#alertcontainer{ z-index:9999; position:fixed; top:1rem; right:1rem; padding:0; margin-top:1.5rem; max-width:50%; width:auto; }

#alertcontainer .alert{ padding:2rem 5rem 2rem 2.8rem; }
#alertcontainer .btn-close{ padding:2rem; margin:3px; }

.alertaction { 
    box-sizing:content-box; width:1em; height:1em; color:#000; border:0; border-radius:0.25rem; opacity:.5; 
    background:#FFFFFF99 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    margin:-0.5rem -0.5rem -0.5rem auto; padding:0.5rem 0.5rem; position:absolute; right:17px; display:none;
}
.btn-close, .alertaction{ background-color:#FFFFFF99; cursor:pointer; min-width:1em !important; padding:8px; outline:0; box-shadow:none; }


.offcanvas.manage{ max-width:200px; top:80px; }
.offcanvas.manage .list-group-item{ padding:0.5rem 0; }
.offcanvas.manage .list-group-item .hasub{ position:relative; }
.offcanvas.manage .list-group-item .hasub:after{ position:absolute; top:5px; bottom:0; right:1.25rem; content:'\276F'; }
.offcanvas.manage .list-group-item .hasub:not(.collapsed):after{ right:1.5rem; top:0; transform:rotate(90deg); }
.offcanvas.manage li li.list-group-item{ padding:0; border:none; background:transparent; }
.offcanvas.manage li li.list-group-item .active{ color:#F18E31; }
.offcanvas.manage a, .offcanvas.manage .nav-link { padding:0.25rem 1rem; }

.progress{ background-color:#FEDEC0; }
.progress-bar{ background-color:#F18928; }

.text-bigstride{ color:#F18928 !important; }

.unreadcount{ position:absolute; color:#FFFFFF; line-height:0; border-radius:1rem; }
.unreadcount span{ display:block; border-radius:1rem; }

.notificationbell{ margin-right:1rem; position:relative; }
.notificationbell .unreadcount{ top:-5px; left:16px; min-width:22px; }
.notificationbell .unreadcount span{ background:#FA3E3E; padding:9px 3px 8px 4px; font-size:12px; }
.notificationlistbox{ position:fixed; top:99px; right:15px; width:90%; max-width:500px; height:calc(100vh - 115px); outline:0; visibility:hidden; transform:translateX(100%); display:flex; flex-direction:column; padding:1.5rem 1rem; border:none; border-radius:12px; background:#FFFFFF; box-shadow:0 0 9px #00000075; }
.notificationlistbox.show{ left:inherit; visibility:visible; transform:translateX(0); z-index:9; }
.notificationlistbox svg{ width:50px; height:auto; }
.notificationbox .btn-close{ font-size:12px; position:absolute; right:5px; top:5px; }
.notificationheader{ margin-bottom:1rem; padding:0 0.5rem; display:flex; align-items:center; justify-content:space-between; }
.notificationlist{ list-style:none; height:100%; padding:0 0.5rem; display:block; }
.notificationlist .notificationbox{ width:100%; margin:1rem 0; position:relative; background:#FFFFFF; }
.notificationlist .notificationbox .see{ background:#F5F6FA75; border-color:#0d6efd25; }
.notificationlist .metabox{ border:1px solid #CFCFCF; border-radius:8px; padding:1.5rem; align-items:flex-start; }
.notificationlist .notificationbox img{ margin-right:0.5rem; border-radius:50%; /*box-shadow:0px 0px 3px 1px #CFCFCF99;*/ border:1px solid #CFCFCF; }
.notificationlist .notificationbox span{ display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end; }
.notificationlist .notificationbox .metadetail span time{ font-size:12px; color:#AFAFAF; display:block; }
.notificationlist .notificationbox small{ line-height:1.2; display:block; }
.notificationlist .notificationbox .metadetail small b{ display:inline; }
/*
.bg-bigstride{ background-color:#F18928 !important; }
.btn-bigstride{ color:#FFFFFF; background-color:#F18928; border-color:transparent; box-shadow:0 0 1px rgba(0,0,0,.25), 0 1px 3px rgba(0,0,0,.3); }
.btn-bigstride:focus, .btn-bigstride:hover, .profile-link.btn-primary:hover{ background-color:#2F455C; border-color:transparent; color:#FFFFFF; }
*/

.btn-outline-bigstride{ 
    --bs-btn-color: #F18928;
    --bs-btn-border-color: #F18928;
    --bs-btn-hover-color: #FFFFFF;
    --bs-btn-hover-bg: #F18928;
    --bs-btn-hover-border-color: #F18928;
    --bs-btn-focus-shadow-rgb: 241,137,40;
    --bs-btn-active-color: #FFFFFF;
    --bs-btn-active-bg: #F18928;
    --bs-btn-active-border-color: #F18928;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #F18928;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #F18928;
    --bs-gradient: none; 
}

form .btn-bigstride{ width:100%; }

.btn-bigstride.fa-plus{ padding:0 9px; font-size:20px; }
.admintool{ position:relative; }
.badge.fa-edit{ display:block; }
.editallow.pt-4{ position:relative; }
.fa-add, .fa-edit, .fa-right-from-bracket, .fa-up-down-left-right, .fa-pen, .fa-trash{ z-index:1; position:absolute; top:0; right:0; color:#2F455C; cursor:pointer; text-align:center; font-size:20px; padding:8px; border-radius:50%; }
.fa-edit, .fa-add, .fa-up-down-left-right{ z-index:1; color:#FFFFFF; background-color:#169a82; background-image:linear-gradient(20deg, #169a82, #21D0B3); border:1px solid #21D0B3; }
.fa-edit:hover, .fa-add:hover, .fa-up-down-left-right:hover{ background:#169a82; }
.fa-right-from-bracket{ z-index:1; color:#FFFFFF; background-color:#29488f; background-image:linear-gradient(20deg,#29488f,#3A7AFB); border:1px solid #3A7AFB; }
.fa-right-from-bracket:hover{ background:#29488f; }

.bg-header .fa-trash{ top:-42px; }

.fa-edit.manage{ top:8px; right:8px; }

.editallow.portalbox, .editallow.metabox{ position:relative; }
.editallow.portalbox .fa-pen, .editallow.portalbox .fa-plus, .editallow.portalbox .fa-trash, .editallow.portalbox .fa-xmark, 
.editallow.metabox .fa-pen, .editallow.metabox .fa-trash
{ cursor: pointer; position:absolute; z-index:1; right:1rem; top:inherit; line-height:1; text-align:center; 
    padding:9px; color:#FFFFFF; box-shadow:0px 0px 3px 1px #CCCCCC; 
    border-radius:50%; display:flex; text-align:center; align-items:center; justify-content:center; height:32px; width:32px; min-width:20px; font-size:1.125rem;
}
/*.editallow .clistitem .fa-pen, .editallow.metabox .fa-pen{ right:3.5rem; right:3rem; }*/
.editallow .clistitem .fa-pen, .editallow .clistitem .fa-trash, .editallow.metabox .fa-pen, .editallow.metabox .fa-trash{ 
    font-size:0.938rem; height:30px; width:30px; 
    font-size:0.75rem; height:26px; width:26px;     
}

#detailSkill .metadetail .fas{ top:-5px; }
.skills .editallow{ padding-top:8px; }

.fa-pen, .editallow.portalbox .fa-plus{ color: #FFFFFF; background-image:linear-gradient(20deg,#39D4FC,#3A7AFB); border: 1px solid #67C3F3; }
.fa-pen:hover, .editallow.portalbox .fa-plus:hover{ background:#3A7AFB; }

/*
.action.fa{ cursor:pointer; padding:8px; border-radius:8px; }
.action.fa-list-check{ color:#FFFFFF; background-image:linear-gradient(45deg,#898989 0,#6C757D); border:1px solid #6C757D; }
.action.fa-list-check:hover{ background:#6C757D; }
*/
.action.fa-people-roof{ color:#FFFFFF; background-image:linear-gradient(20deg,#39D4FC,#3A7AFB); border:1px solid #67C3F3; }
.action.fa-people-roof:hover{ background:#3A7AFB; border-color:#3A7AFB99; }

.action.fa-braille{ margin-right:3px; padding:5px; font-size:24px; background-image:linear-gradient(45deg,#02efb4 0,#39D4FC); border:1px solid #39D4FC; }
.action.fa-braille:hover{ background:#39D4FC; border-color:#3A7AFB99; }
/*
.editallow.portalbox .fa-pen, .page-link{ background-image:linear-gradient(20deg,#39D4FC,#3A7AFB); border: 1px solid #67C3F3; }
.editallow.portalbox .fa-pen:hover, .page-link:hover{ background:#3A7AFB; }
*/
/*
.editallow.portalbox .fa-xmark{ width:36px; }
.editallow.portalbox .portalnote .fa-xmark{ width:40px; height:40px; }*/
.fa-trash, .editallow.portalbox .fa-trash, .editallow.portalbox .fa-xmark{ color:#FFFFFF; background-image:linear-gradient(20deg,#F18E31,#F5B981); border:1px solid #F18E31; }
.fa-trash:hover, .editallow.portalbox .fa-trash:hover, .editallow.portalbox .fa-xmark:hover{ background:#F18E31; }

.editallow .clistitem:hover{ background:#E0EAF910; border-radius:8px; }

/*
.page-item, .page-link{ border-radius:0.5rem; margin:0.25rem; line-height:1; }
.page-link, .page-link:hover{ color:#FFFFFF; }
.page-item.disabled{ min-width:inherit; font-weight:bold; color:#FFFFFF; background:#F18E31; opacity:1; }
*/

.pagination .ajxpg{ display:flex; align-items:center; }
.ajxpg, .page-item.disabled{ color:#3A7AFB50; }
.page-item, .page-link{ border:none; padding:5px; margin:5px; color:#3A7AFB99; font-size:18px; font-weight:500; outline:none; box-shadow:none !important; }
.page-link:hover, .page-link:focus, .page-item.page-active{ color:#3A7AFB; background:none; }
.page-item.page-active, .pagination .fas{ font-weight:600; }


.skilltaglist{ display:flex; flex-wrap:wrap; }
.skilltag { padding:9px 99px 9px 9px; border:1px solid #F18928; border-radius:30px; margin:7px 15px 7px 0; background:#004b7C; color:white; }

.accordion:not(.searchadvance){ box-shadow:0px 0px 9px -2px #B3B3B399; border-radius:16px; background:#FFFFFF; }
.accordion-item{ background:#F5F6FA99; }
.accordion-button:not(.collapsed){ background-color:#DEE2E6; }
.accordion-button:focus{ border-color:#F5F6FA; box-shadow:0 0 0 0.25rem #F5F6FA50; } 

.searchadvance.accordion .accordion-button{ padding:15px 0; margin:0; font-size:1.2rem; font-weight:500; border-top:2px solid #DEE2E6; }
.searchadvance.accordion .accordion-button:first-child{ border-top:0px; }
.searchadvance.accordion .accordion-collapse{ padding:8px 0; }
.searchadvance.accordion .accordion-button:not(.collapsed){ background-color:transparent; box-shadow:none; }
.searchadvance label.col{ width:100%; }

.ui-slider .ui-slider-handle{ z-index:1; }


/*

.accordion-button{ background:transparent; padding:11px 50px 11px 9px; }
.accordion-button:focus, .accordion-button:not(.collapsed){}
.accordion-button:not(.collapsed){}
.accordion-button:not(.collapsed)::after {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform:rotate(-180deg);
}


.ui-sortable-handle .accordion-button::before, .ui-sortable-handle .accordion-button::after{ background-image:none; }
.ui-sortable-handle{ position:relative; padding-right:30px; }
.ui-sortable-handle:not(.notsortable):after{ content:'\2720';/*\2723* / position:absolute; right:-15px; top:0; font-weight:bold; font-size:30px; }
.ui-sortable-handle .accordion-button{ padding-left:0; }

*/




/*
.btn-group>.btn-group:not(:last-child)>.btn, 
.btn-group>.btn.dropdown-toggle-split:first-child, 
.btn-group>.btn:not(:last-child):not(.dropdown-toggle){
    border-top-right-radius:0;
    border-bottom-right-radius:0;
}
.btn-group>.btn-group:not(:first-child)>.btn, .btn-group>.btn:nth-child(n+3), .btn-group>:not(.btn-check)+.btn{
	border-top-left-radius:0;
    border-bottom-left-radius:0;
}
*/

#user-register .btn-group>.btn-radio{ font-size:20px; border-bottom:none; }
#user-register .btn-group .btn-check:checked+.btn{ 
	color:#d68011; background:#FFFFFF; border-color:#FFFFFF; border-width:2px; border-radius:30px 30px 0 0 !important; 
}

#user-register .facy-radio{ background:#; }


.jp-note{ position:relative; }
.jp-note .btn-check{ width:100%; }
.jp-note .btn-check:checked+.nav-link{ 
    color:#d68011; background:#FFFFFF; border-color:#FFFFFF; border-width:2px; border-radius:30px 30px 0 0 !important; 
}



section{ padding-top:20px; padding-bottom:20px; }
.section-title{ padding:8px 0; font-weight:bold; color:#000000; }
.section-subtitle{ font-size:1.75rem; }
.section-subtitle small{ font-size:1.125rem; }

.sectionheader.default{ text-align:center; position:relative; padding-bottom:20px; text-align:center; }
.sectionheader.default:after{ width:50px; height:2px; position:absolute; content:''; left:0; right:0; bottom:0; margin:auto; background:#000000; }
.sectionheader.default .section-title{ font-size:2.5rem; line-height:1.3; }
.sectionheader.default .section-desc{ font-size:1.25rem; line-height:1.45; }

.sectionpageheader{ padding:40px 0; position:relative; overflow:hidden; }

.sectionbanner:before, .sectionbanner:after{ 
    position:absolute; content:''; background-size:contain; background-image:url('https://bigstride.com/asset/ellipse-gradient-green-half.png'); 
}
.sectionbanner:before{ width:52px; height:99px; left:-25px; bottom:-9px; }
.sectionbanner:after{ width:67px; height:127px; right:-25px; top:9px; transform:rotate(180deg); }
.sectionbanner p{ font-family:'Inter', sans-serif; font-size:1.125rem; line-height:1.45; }


.portal-sidebar:before, 
.sectionpageheader .portal-container:before, .sectionpageheader .portal-container:after{ 
    position:absolute; z-index:-1; content:''; background-size:contain; width:70px; height:125px; background-repeat:no-repeat; background-image:url('https://bigstride.com/asset/dots-green.png'); 
}
.portal-sidebar:before{ right:-15px; top:99px; }
.sectionpageheader .portal-container:before{ left:-40px; top:0; }
.sectionpageheader .portal-container:after{ right:-40px; bottom:-25px; }
#profile-nav.fixed .portal-container:before, #profile-nav.fixed .portal-container:after{ content:inherit; } 

.pagebannerow{ align-items:center; position:relative; }
/*
.pagebannerow:before, .pagebannerow:after{ position:absolute; z-index:-1; content:''; width:30px; height:30px; background-size:contain; }
.pagebannerow:before{ right:45%; top:0; background-image:url('https://bigstride.com/asset/ellipse-gradient-orange.png'); }
.pagebannerow:after{ left:45%; bottom:40px; background-image:url('https://bigstride.com/asset/ellipse-gradient-green.png'); }
*/
.pageheadercontent{ position:relative; }
.pageheadercontent p{ color:#7d7987; }
/*
.sectionbanner .pageheadercontent:before{ position:absolute; content:''; width:50px; height:50px; left:-35px; bottom:9%; background-image:url('https://bigstride.com/asset/ellipse-gradient-orange.png'); background-size:contain; z-index:-1 }
*/
.pageheadercontent .section-title{ font-size:48px; font-size:44px; font-size:2.75rem; line-height:1.4; padding-top:0; }
.pageheadercontent .section-title span, .txt-blue{ color:#3A7AFB; }
.pageheadercontent .section-title u{ text-decoration:none; position:relative; padding-right:8px; margin-right:8px; display:inline-block; }
.pageheadercontent .section-title u:before{ content:''; bottom:-8px; right:-8px; position:absolute; width:75%; height:16px; background:url('https://bigstride.com/asset/highlight.png') 100% 100% no-repeat; }
.pageheadercontent .section-desc{ color:#3A7AFB; font-size:1.625rem; font-weight:600; margin-bottom:20px; display:block; }
.pageheadercontent .section-desc sup{ font-size:1rem; }

.pageheaderbanner{ position:relative; text-align:center; }
.pageheaderbanner img.pagebanner{ max-width:80%; height:auto; width:auto; }

.manage-header-content{ padding-left:62px; position:relative; }

.bg-header{ position:relative; overflow:hidden; background-image:linear-gradient(20deg,#3A7AFB,#67C3F3); color:#FFFFFF; }
/*
.bg-header:before, .bg-header:after{ position:absolute; content:''; background-size:contain; }
.bg-header:before{ left:-20px; bottom:-20px; width:99px; height:99px; opacity:0.6; background-image:url('https://bigstride.com/asset/ellipse-gradient-blue-green.png'); transform:rotate(180deg); }
.bg-header:after{ right:0; top:0; width:20px; height:20px; background-image:url('https://bigstride.com/asset/ellipse-gradient-green.png'); }
*/

/*.bg-header .portal-container{ z-index:1; } As it conflicts with off canvas of header dropdown */
.bg-header .page-title{ font-size:2rem; font-weight:500; color:#FFFFFF; text-shadow:2px 2px 2px #33485F; }
.bg-header .page-title small{ font-size:18px; display:block; }
.bg-header .page-desc{ margin-top:15px; color:#FFFFFF; font-weight:normal; }
.bg-header .pmeta{ text-shadow:2px 2px 2px #33485F99; }
.bg-header .profileMetalist .has-icon{ color:#2F455C; text-shadow:2px 2px 2px #FFFFFF99; }
.bg-header .profileMetalist .has-icon i{ font-size:14px; }
.bg-header .profileMetalist .has-icon .icontext{ padding:6px 0 3px 25px; }


/*
.bg-header .fa-heart{ padding:7px; font-size:1.125rem; background:#f8f9fa; background:#FFFFFF99; border-radius:50%; cursor:pointer; border:3px solid #FFFFFF; }
.bg-header .fa-heart:hover{ background:#f1f3f4; }
*/
.bg-header .fa-heart{ font-size:1.6rem; color:#FFFFFF; cursor:pointer; }
.bg-header .fa-heart:hover{ text-shadow:0 2px 3px #00000050; }


.ellipse-irregular{ position:relative; overflow:hidden; }
.ellipse-irregular:before, .ellipse-irregular:after{ z-index:-1; position:absolute; content:''; background-size:contain; }
.ellipse-irregular:before{ background-image:url('https://bigstride.com/asset/ellipse-gradient-orange-irregular-shape.png'); background-repeat:no-repeat; 
    width:707px; max-height:619px; top:0; bottom:0; margin:auto; max-width:48%; height:auto; opacity:0.8;
}
.ellipse-irregular.ourservices:before{ top:20%; }
.ellipse-irregular.left:before{ left:0; }
.ellipse-irregular.right:before{ right:0; transform:rotateY(180deg); }
/*
.ellipse-irregular:after{ 
    width:90px; height:90px; bottom:30%; background-size:contain; background-image:url('https://bigstride.com/asset/ellipse-gradient-orange.png'); 
}
.ellipse-irregular.left:after{ right:-25px; }
.ellipse-irregular.right:after{ left:-25px; }
*/
.manage .ellipse-irregular.right:before, .manage .ellipse-irregular.right:after{ display:none; }
.ellipse-irregular.left:before{ top:300px; }



.dotcontainer-blue{ position:relative; }
.dotcontainer-blue:before, .dotcontainer-blue:after{ position:absolute; z-index:-1; content:''; width:86px; height:90px; background-size:contain; background-image:url('https://bigstride.com/asset/dots-blue.png'); }
.dotcontainer-blue:before{ left:70px; top:-18px; width:170px; }
.dotcontainer-blue.reverse:before{ right:70px; left:inherit; }
.dotcontainer-blue:after{ right:-20px; bottom:34%; height:174px; }
.dotcontainer-blue.reverse:after{ left:-20px; right:inherit; }

/*.sectionpagecontent.dotcontainer-blue:before{ top: inherit; bottom:-30px; right:120px; }*/

.dotcontainer-orange{ position:relative; }
.dotcontainer-orange:before, .dotcontainer-orange:after{ position:absolute; content:''; width:87px; height:152px; background-size:contain; background-image:url('https://bigstride.com/asset/dots-orange.png'); }
.dotcontainer-orange:before{ left:-20px; top:-20px; }
.dotcontainer-orange:after{ right:15px; bottom:-50px; z-index:-1; rotate:90deg; }

.dotcontainer-green{ position:relative; }
.dotcontainer-green:before, .dotcontainer-green:after{ position:absolute; content:''; width:87px; height:152px; background-size:contain; background-image:url('https://bigstride.com/asset/dots-green.png'); }
.dotcontainer-green:before{ left:0; top:-20px; }
.dotcontainer-green:after{ right:0; bottom:-50px; z-index:-1; rotate:90deg; }


.ellipse-orange{ position:relative; min-height:400px; }
.ellipse-orange:before, .ellipse-orange:after{ position:absolute; content:''; z-index:-1; width:74px; height:74px; background-size:contain; background-image:url('https://bigstride.com/asset/ellipse-gradient-orange.png'); }
.ellipse-orange:before{ left:-40px; top:0; }
.ellipse-orange:after{ right:-33px; bottom:25%; }

.ellipse-green{ position:relative; }
.ellipse-green:before, .ellipse-green:after{ position:absolute; content:''; z-index:-1; width:39px; height:39px; background-image:url('https://bigstride.com/asset/ellipse-gradient-green.png'); background-size:contain; }
.ellipse-green:before{ right:0; top:20%; }
.ellipse-green:after{ left:15%; bottom:-45px; transform:rotate(90deg); }

.halfellipse{ position:relative; }
.halfellipse:before, .halfellipse:after{ position:relative; position:absolute; content:''; background-size:100% 100%; }
.halfellipse:before{ width:133px; height:140px; left:-50px; top:15%; background-image:url('https://bigstride.com/asset/ellipse-gradient-green-with-white-ring.png'); }
.halfellipse:after{ width:40px; height:90px; right:-40px; bottom:15%; background-image:url('https://bigstride.com/asset/ellipse-gradient-green-half.png'); }

.halfellipse-right{ position:relative; }
.halfellipse-right:after{ position:absolute; content:''; width:40px; height:90px; right:-40px; bottom:15%; background-size:100% 100%; background-image:url('https://bigstride.com/asset/ellipse-gradient-green-half.png'); }


.about-profile{ position:relative; }
.about-profile:before, .about-profile:after{ position:absolute; z-index:-1; content:''; background-size:contain; }
.about-profile:before{ width:74px; height:74px; left:-30px; top:60px; background-image:url('https://bigstride.com/asset/ellipse-gradient-orange.png'); }
.about-profile:after{ width:89px; height:156px; left:99px; bottom:-50px; rotate:90deg; background-image:url('https://bigstride.com/asset/dots-orange.png'); }



.profile .ellipse-green:before{ right:0; top:60px; }


.sectionpagecontent{ position:relative; }


.countitem{ max-width:22rem; margin:0 auto 45px auto; padding:3rem 0; font-size:1.3rem; text-transform:uppercase; text-align:center; }
.col-lg-4 .countitem{ display:flex; align-items:center; justify-content:space-evenly; }
.countitem i{ font-size:2.5rem; padding:4%; /* height:30px; position:absolute; top:0; bottom:0; left:9%; margin:auto;*/ }
.countitem .countitemdetail{ padding:4%; }
.col-lg-4 .countitem .countitemdetail{ padding-left:0; /*padding-left:calc(4% + 45px);*/ }
.countitem b{ font-size:3rem; font-family:'Poppins', sans-serif; display:block; }
.countitem small{ font-size:1.625rem; }



.ourservices .portalbox{ padding:3rem 1rem; max-width:300px; margin:0 auto; height:100%; display:flex; flex-direction:column; justify-content:space-between; }
.ourservices big{ font-size:4rem; }
.ourservices h3{ margin:1.5rem auto; line-height:1; font-weight:bold; }
.ourservices span{ max-width:262px; width:100%; display:block; margin:0 auto; }


.worktype{ position:absolute; border:2px solid #FFFFFF; background:#2F455C; color:#FFFFFF; padding:5px 9px; border-radius:5px; 
    -webkit-box-shadow:0px 0px 8px 1px #CCCCCC; -moz-box-shadow:0px 0px 8px 1px #CCCCCC; box-shadow:0px 0px 8px 1px #CCCCCC; 
    display:inline-flex; align-items:center; text-decoration:none; }
.worktype img{ width:20px; margin-right:9px; }
.worktype i{ position:relative; right:-8px; color:#f2a815; }
.worktype:hover{ color:#FFFFFF; background:#F18928; border-color:#F18928; }

.ejob .worktype{ bottom:5px; right:5px; font-size:0; padding:1px; }
.ejob .worktype img{ margin:0; font-size:15px; }

.about-job{ position:relative; }
.about-job a.worktype{ top:-75px; }
.about-job a.worktype img{ top:-75px; }

.portal-worktypes{ text-align:center; max-width:670px; }
.portal-worktypes .worktype{ position:relative; font-size:20px; margin:20px; padding:9px 20px 9px 20px; box-shadow:0 0 1px rgba(0,0,0,.25), 0 1px 3px rgba(0,0,0,.3); }
.portal-worktypes .worktype img{ width:40px; margin-right:15px; }

.cognixiacourses{ position:relative; }
.cognixiacourses:before{ position:absolute; content:''; top:0;bottom:0;margin:auto; width:100%; height:30%; background:#F18928; }
.cognixiacourses ul{ max-width:1300px; margin:0 auto; justify-content:space-around; padding:30px 15px 0 15px; text-align:center; background:#FFFFFF; position:relative; border-radius:15px; -webkit-box-shadow:0px 0px 8px 1px #999; -moz-box-shadow:0px 0px 8px 1px #999; box-shadow:0px 0px 8px 1px #999;}
.cognixiacourses li{list-style:none;}
.cognixiabox{ position:relative; display:flex; align-items:center; border:1px solid #CCCCCC; border-radius:15px; margin-bottom:30px; }
.cognixiabox:hover{background:#CCCCCC50;}
.cognixiabox i{margin-left:5px; }
.cognixiabox img{background:#FFFFFF; width:70px; margin:15px; border:1px solid #CCCCCC; border-radius:5px; padding:5px; }
.cognixiabox h2{padding-right:10px; font-size:16px !important; line-height:18px !important; }

.portal-header{ width:100%; min-height:50px; }
#header-main{ width:100%; background:#F5F6FA99; box-shadow:0px 5px 3px -5px #00000050;/*C9C9C9;*/ position:relative; z-index:2; padding:4px 0; }
#header-main.fixed{ position:fixed; z-index:9; background:#F5F6FA; }
body.modal-open #header-main{ padding-right:17px; }
/*
#header-main .collapse:not(.show){ display:block; }
*/
#navbarSupportedContent.collapse:not(.show){ display:block; }

.pagebasics{ position:relative; z-index:1; background-image:linear-gradient(transparent, #2A4990); }

.profile .section-404{ margin-bottom:99px; }
.profile .img404{ margin:0 auto; top:0; bottom:0; left:0; right:0; }

body.expired{ background-color:#FA3E3E15; }
body.expired .bg-header{ background-image:linear-gradient(20deg,#f76c6c,#3A7AFB); }
body.profile.user .portal-main{ padding-top:3rem; }
.profile header .form-control, .profile header .select2-selection{ border-color:#3A7AFB; }
.profile-package.active header{ background-color:#FFC10725; }

.portal-page.profile .bg-header .page-desc{ margin-top:0; }
/*
.profile.expired header{ position:relative; }
.profile.expired header:before{ position:absolute; z-index: -1; content:''; top:0; left:0; width:100%; height:100%; background-color:#FA3E3E25; }
*/

.editallow.portalbox .portalnote .fa-solid{ top:0; right:0; }


.profile-title{ font-size:1.625rem; color:#000000; margin-bottom:1.5rem; }
.profile-title span{ font-weight:400; }



/*.basic-info{ position:relative; padding:1px 0 1px 250px; margin:0; width:100%; justify-content:space-between; align-items:flex-end; }*/
.profilebasic{ color:#FFFFFF; flex:0 0 calc(100% - 250px); max-width:calc(100% - 250px); }

.pic, .changeImg{ position:relative; text-align:center; border:1px solid #2A4990; background:#2A499099; color: #FFFFFF; border-radius:5px; width:200px; /*width:90%; margin:5%; padding:8%;*/  }

/*.editimg{ width:100%; height:100%;position:absolute;bottom:0;left:0;opacity:0; }*/
.changeImg:hover{ background-color:#33333370; color:#FFFFFF; }
.changeImg span { text-shadow:1px 1px 1px #F18E31; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; width:50px; height:12px; font-size:9px; }
.changeImg .fa-pen{ font-size:12px; right:4px; bottom:9px; top:inherit; background-image:linear-gradient(20deg,#F18E31,#F5B981); border:none; box-shadow:0px 0px 5px 3px #2A499099; }
.changeImg .fa-pen:hover{ background:#F18E31; }

.changePic{ position:relative; width:90%; margin:5%; padding:8%; border:1px solid #33333350; border-radius:30px; }
.changePic:hover{ background-color:#33333370; color:#FFFFFF; }
/*.editpic{ width:100%; height:100%;position:absolute;bottom:0;left:0;opacity:0; }*/
.editimg, .editpic{ width:100%; height:100%;position:absolute;bottom:0;left:0;opacity:0; }

.sectionpageheader .changeImg{ box-shadow:0px 0px 5px 1px #2A499099; z-index:1; background:#2A499025; border-radius:50%; border-color:transparent; flex:0 0 150px; max-width:150px; margin:0 auto; }
.sectionpageheader .changeImg img{ font-size:50px; }

.sectionpageheader .profilesocial{ display:flex; flex-wrap:wrap; margin-top:1.25rem; margin-bottom:0.25rem; padding:0 35px 0 0; /* padding:0 35px 0 calc(var(--bs-gutter-x) * .5); position:absolute; bottom:-40px; left:0; */ }
.sectionpageheader .profilesocial .fa-edit{ top:inherit; right:0; }
.sectionpageheader .profilesocial a{ margin-right:9px; display:flex; justify-content:center; align-items:center; width:32px; height:32px; background:#FFFFFF; box-shadow:0 0 1px #00000050, 0 1px 4px #2A4990; text-decoration:none; border-radius:50%; }
.sectionpageheader .profilesocial a:hover{ background-color:#F18928; border-color:#F18928; color:#F5F6FA; text-shadow:1px 1px 1px #00000050; }

.profilecontact{ display:flex; flex-wrap:wrap; }
.profilecontact i{ color:#F18928; }
.profilecontact a{ color:#FFFFFF; margin:0 9px 9px 0; text-decoration:none; }
.profilecontact a:hover, .profilecontact a:focus{ color:#; }

.sideform{ max-width:500px; margin:0 auto; padding:15px; background:#DEE2E699; border:1px solid #DEE2E6; border-radius:15px; box-shadow:rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; }
.sideform ul{ padding-left:15px; list-style:square; }
.sideform li{ margin-bottom:5px; }
.sideform li::marker{ color:#2A4990; }



.piechart{ position:relative; }
.piechart span{ position:absolute; content:''; width:70%; height:50px; left:0; right:0; top:0; bottom:0; margin:auto; }
.chartjobapplication{ width:100%; max-width:300px; height:auto; }


.pitem .row{ position:relative; width:100%; margin-bottom:20px; padding-right:15px; border-radius:15px; border:1px solid #eeeeee; background:#FFFFFF; box-shadow:0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2); }
.pitem .featured.fa-star{ left:5px; top:5px; width:18px; height:18px; font-size:9px; color:#FFFFFF; }


.pitem .pright{ text-align:right; padding:5px 0 5px 15px; }
.pitem .pleft{ display:flex; align-items:flex-start; }

.pitem .pimg{ width:100px; position:relative; padding:9px; }
.pitem .pimg img{ border-radius:5px 0 0 5px; height:auto; } 
.pitem .pdetail{ width:calc(100% - 100px); padding:5px 0 5px 15px; }
.pitem .jobskills a, .pitem .skilist .skill{ font-size:12px; padding:2px 5px 0; }
.pdetail h3 a:hover{ color:#F18928; }
.pmetalist{ display:flex; flex-wrap:wrap; justify-content:space-between; }
.bg-header .pmetalist{ justify-content:flex-start; }
.pmetalist .pmeta{ margin:0 15px 5px 0; position:relative; }
.pmetalist .pmeta label{ text-transform:capitalize; }


h3.pmeta{ margin-bottom:5px; }
/*.pmetalist .pmeta:before{ position:absolute; left:-20px; top:2px; background:#FFFFFF; border-radius:3px; box-shadow:0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2); padding:1px 3px; font-size:9px; 
    content:'\f101'; font-family:"Font Awesome 6 Free"; font-weight:900; }
.pitemlist .pmeta.industry:before{ content:'\f275'; }
.pitemlist .pmeta.size:before{ content:''; }
.pitemlist .pmeta.since:before{ content:''; }
.pitemlist .pmeta.highest-degree:before{ content:''; }
.pitemlist .pmeta.gender:before{ content:''; }
.pitemlist .pmeta.position:before{ content:''; }
.pitemlist .pmeta.headline:before{ content:''; }
*/

.pitem.action .pleft{ width:calc(100% - 47px); }
.pitem.action .pright{ display:flex; flex-direction:column; text-align:center; padding-right:0; width:47px; }
.pitem.action .pright .fa-edit{ position:relative; }
.pitem.action .pright i{ padding:5px; font-size:18px; }

.pitem.action .pmetalist{ flex-direction:column; }



.tab-pane{ padding:15px; }

/* manage */
.manage .tab-pane{ padding:0 15px; }
.ctlist{ padding:15px 0; }
.ctlist .lstitm{ width:100%; max-width:400px; }
.ctlist .ctl{ display:flex; align-items:center; position:relative; line-height:1; height:50px; padding:0 50px 0 9px; margin-bottom:15px; border-radius:5px; background:white; border:1px solid #CCCCCC; background:#F1F2F2; }
.ctlist .ctl:hover{ background:#F1892825; }

.manage-header .sectionbanner:before{ display:none; }
.manage-header .sectionbanner:after{ right:0; top:100%; }

/* Package */
/*background:linear-gradient(to top right,#FFA52D 50%, #f29b29 51%);*/
.packagefor{ text-transform:capitalize; }
.packagelist .card, .packagelist li{ background:transparent; }
.packagelist .price{ font-size:40px; line-height:150px; width:150px; height:150px; display:block; margin:20px auto; border-radius:50%; }
.packagelist ul b{ border-radius:50%; padding:3px 8px; }
.packagelist .card-body{ position:relative; z-index:0; }
.packagelist .card-body:before, .packagelist .card-body:after { content:''; height:100%; width:100%; position:absolute; left:0; top:0; z-index:-1; }


.packagelist .card-body ul{ list-style:none; padding-left:0; }
.packagelist .card-body ul li{ margin-bottom:8px; }


#package label{ display:flex; align-items:center; }
#package b{ flex:0 0 auto; margin-right:5px; }

.listpkg1 .price{ background-image:linear-gradient(20deg,#3A7AFB,#67C3F3); color:#FFFFFF; }
.listpkg1 ul b{ color:#FFFFFF; background:#F18928; }
.listpkg1 .card-header{ background-image:linear-gradient(20deg,#3A7AFB,#67C3F3); color:#FFFFFF; }
.listpkg1 .card-header a{ color:#FFA52D; }
/*
.listpkg1 .card-body:before{ background:linear-gradient(140deg,#F1892855 55%, #FFA52D55 56%); }
.listpkg1 .card-body:after{ background:linear-gradient(30deg,#FFA52D25 25%, #F1892825 26%); }
*/
.listpkg1 .card-footer{ background-image:linear-gradient(20deg,#3A7AFB,#67C3F3); color:#FFFFFF; }

.listpkg2 .price{ background-image:linear-gradient(20deg,#3A7AFB,#67C3F3); color:#FFFFFF; }
.listpkg2 ul b{ color:#FFFFFF; background:#F18928; }
.listpkg2 .card-header{ background-image:linear-gradient(20deg,#3A7AFB,#67C3F3); color:#FFFFFF; }
.listpkg2 .card-header a{ color:#2A4990; }
/*
.listpkg2 .card-body:before{ background:linear-gradient(140deg,#FFA52D55 55%, #F1892855 56%); }
.listpkg2 .card-body:after{ background:linear-gradient(30deg,#F1892825 25%, #FFA52D25 26%); }
*/
.listpkg2 .card-footer{ background-image:linear-gradient(20deg,#3A7AFB,#67C3F3); color:#FFFFFF; }

.packagelist .card:hover { box-shadow:0 0 20px -5px #000; }
.packagelist .card:hover .price{ color:#FFFFFF; }
.packagelist .card-header a:hover{ color:#FFFFFF; }


.skilist .skill{ text-decoration:none; background:#DDDDDD30; border:1px solid #DDDDDD; border-radius:8px; padding:3px 9px; margin:5px 3px 0 0; display:inline-block; }
.skilist a{ background:#66666630; border-color:#1E91C5; color:#1E91C5; }
.skilist a:hover{ background:#FFFFFF; }

ul.accesslist{ list-style:none; margin:0; }
ul.accesslist li{ display:inline-block; margin:0 9px 9px 0; }
ul.accesslist li a{ padding:8px 15px; background:#DDDDDD30; border:1px solid #DDDDDD; border-radius:8px; display:block; }



.suggesstionbox{ position:relative; width:100%; padding-right:15px; }
.suggesstionbox b{ position:absolute; z-index:7; right:0; padding:0 5px; border-radius:50%; border:1px solid #000; background:#FFFFFF; cursor:pointer; }
.suggesstionlist{ position:absolute; z-index:6; width:100%; background-color:#F4F6F9; display:flex; flex-direction:column; }
.suggesstionlist span{ display:block; cursor:pointer; margin:1px; padding:2px 8px; background:#3A7AFB30; border:1px solid #3A7AFB50; }
.suggesstionlist span.official{ border-color:#20d0c399; background-color:#20d0c370; }




.clistitem{ position:relative; padding-left:80px; padding-top:15px; margin-right:15px; display:flex; flex-direction:column; }

.clistitem:before, .clistitem:after{ position:absolute; content:''; }
.clistitem:before{ top:5px; left:32px; height:calc(100% - 3px); border-left:2px dashed #3A7AFB; }
.clistitem:after{ top:20px; }

.clistitem:first-child{ padding-top:0; }
.clistitem:first-child:after{ top:5px; }

.clistitem.bluedot{ left:9px; padding-left:20px; }
.clistitem.bluedot:before{ left:0px; }
.clistitem.bluedot:after{ padding:3px; left:-6px; width:12px; height:12px; background:#3A7AFB; border-radius:50%; }

/*
.clistitem.award:after, .clistitem.employer:after, .clistitem.certificate:after, .metapic:before{ 
    font-family:"Font Awesome 6 Free"; font-weight:900; font-size:12px; line-height:normal; text-align:center; 
     background:#F0F0F0; border:1px solid #2F455C25; box-shadow:0px 0px 3px 1px #CCCCCC; left:-12px; width:24px; height:22px;
}
.clistitem.employer:after{ content:"\f0b1"; }
.clistitem.award:after{ content:"\f091"; }
.clistitem.certificate:after{ content:"\f559"; }
*/
.clistitem span{ color:#545454; }
.clistitem p{ margin-bottom:0; }
.clistitem i, .pitem i{ color:#545454; font-weight:bold; font-size:10px; }
.clistitem .desc{ font-size:13px; line-height:1.2; display:block; word-wrap:break-word; }
.clistitem .fa-edit, .pitem .fa-edit{ background:#CCCCCC; width:auto; height:auto; }
.clistitem .fa-edit:hover, .pitem .fa-edit:hover{ background:#1E91C5; color:#FFFFFF; }

.clistitem .fa-pen, .pitem .fa-pen{ top:0; }
.clistitem .fa-trash, .pitem .fa-trash{ top:2.3rem; width:auto; height:auto; }
.clistitem .fa-trash:hover, .pitem .fa-trash:hover{ background:#1E91C5; color:#FFFFFF; }

.clistitem.school{ min-height:45px; padding:5px 0 5px 80px; }
.clistitem.school:before{ position:absolute; content:''; top:0; height:100%; width:2px; }
.clistitem.school big, .clistitem.jastatus big{ position:absolute; left:0; top:0; bottom:0;  margin:auto; height:30px; width:64px; text-align:center; color:#f5f5f5; background:#3A7AFB; padding:2px 8px; border-radius:5px; border:1px solid #CCCCCC; }

.statuslist{ margin-bottom:20px; }
.clistitem.jastatus{ padding:0 0 0 140px; min-height:45px; }
.clistitem.jastatus:before{ left:65px; }
.clistitem.jastatus i{ margin-top:-3px; }
.clistitem.jastatus big{ font-weight:500; width:130px; background-color:#FFFFFF; color:#2F455C; margin-top:0; }
.statuslist .clistitem.jastatus.current{ color:#F18E31; }
.statuslist .clistitem.jastatus.disable big{ background-color:#F5F6FA; color:#ababab; }
.statuslist .clistitem.jastatus:last-child{ min-height:auto; }

.clistitem.employer big img{ position:absolute; left:0; border:1px solid #2F455C25; background:#F0F0F0; box-shadow:0px 0px 3px 1px #CCCCCC; }


.metabox{ display:flex; align-items:center; }
.metapic{ flex-shrink:0; min-width:40px; min-height:30px; }
.metadetail{ flex-grow:1; /*display:flex; flex-direction:column;*/ }
.metadetail b{ display:block; }
.metadetail .progress{ height:10px; margin:5px 0; max-width:90%; }


.portalview{ display:flex; align-items:center; }
.portalview .filterbtn{ padding:0.5rem 1rem; border:1px solid #A6B0BB; border-radius:8px; }
.portalview i{ font-size:2rem; padding:0.25rem; margin-left:0.5rem; color:#828F9D; border-radius:5px; cursor:pointer; }
.portalview i:hover{ background:#E0EAF9; }
.portalview i.active{ color:#3A7AFB; }


.itmcol{ margin-top:2rem; }
.portalitem{ position:relative; width:100%; display:block; } 
.portalitem .fa-heart{ font-size:1.5rem; position:absolute; right:30px; top:18px; cursor:pointer; }
.grid .portalitem .fa-heart{ top:9%; }
.portalitem .fa-heart:hover, .fa-heart.fa-solid{ color:#F18928; }

.item-job .apply{ font-size:16px; /*padding:10px 10px;*/ padding:2px; min-width:120px; font-weight:600; }
.list .item-job .apply{ position:absolute; right:25px; bottom:20px; }
.grid .item-job .apply{ margin-top:1rem; display:block; }

.portalitem img{ font-size:9px; max-width:99px; height:auto; }
.portalitem span{ margin-right:0.25rem; }


.item-job .jobtype, .item-job .field, .item-job .industry{ border:1px solid #FFFFFF; border-radius:9px; padding:0px 9px 1px 9px; display:inline-block; }
.portalitems .jobtype, .portalitems .field, .portalitems .industry{ font-size:12px; }
.item-job .jobtype{ background:#3A7AFB; border-color:#3A7AFB; color:#FFFFFF; }
.item-job .field{ background:#D8FEF4; border-color:#4DA58D; color:#4DA58D; }
.item-job .industry{ background:#FFF8F1; border-color:#F18E31; color:#F18E31; }

.item-job .location{ font-weight:500; line-height:1; }

.list .item-job i.fa-solid{ display:none; }

.list .itmcol{ width:50%; }
.has-sidebar .list .itmcol{ width:100%; }
.list .portalitem p{ margin-bottom:0; }

.list .portalitem .itempic{ position:absolute; top:20px; left:20px; }
.list .portalitem .itemdetail{ padding-left:99px; }
.list .portalitem .title{ max-width:calc(100% - 35px); margin-bottom:0; }
.list .portalitem img{ max-height:50px; width:auto; padding-left:9px; }
.list .item-user img{ max-height:75px; padding-left:0; }

.userlist .portalitem{ padding:15px; }
.userlist .portalitem .itempic{ top:15px; left:15px; }
.userlist .portalitem .fa-heart{ top:15px; }
.userlist .item-user img{ max-height:70px; }
.userlist.grid .item-user img{ max-height:40px; margin-bottom:0.75rem; }

.view img{ margin-bottom:1rem; }

.grid .itmcol{ width:33.33333333%; }
.grid .portalitem{ padding:9%; }
.grid .portalitem.item-job{ max-width:380px; }
.grid img{ max-height:80px; max-width:100%; width:auto; margin-bottom:1rem; }
.view.grid i.fa-solid, .list .item-user i.fa-solid{ display:inline-block; min-width:20px; }

.grid .pmeta { position:relative; margin-top:0.3rem; margin-bottom:0.5rem; }
.grid .pmeta:last-child{ margin-bottom:0; }
.grid .portalitem i.fa-solid{ font-size:1rem; top:1px; }
.grid .portalitem .icontext, .list .item-user .icontext{ padding:0 0 0 1rem; }


.item-job .jobskills{ padding-top:30px; max-width:100%; flex:1 0 0%; }



.portalbox{ background-color:#FFFFFF; color:#2F455C; border-radius:15px; padding:20px; box-shadow:0px 0px 9px -2px #B3B3B399; 
   /* box-shadow:0px 0px 3px 1px #B3B3B3; */
    /*box-shadow:0 0 1px rgba(0,0,0,.25), 0 1px 3px rgba(0,0,0,.4); */
}

.portalbox.bg-bigstride{ background-image:linear-gradient(20deg,#29488f,#3A7AFB); }
a.portalbox.bg-bigstride:hover{ background:#29488f !important; }

.portalbox.bg-light{ background-image:linear-gradient(20deg,#f8f9fa,#F5F6FA); }
a.portalbox.bg-light:hover{ background:#F5F6FA !important; }

.portalbox.bg-dark{ background-image:linear-gradient(20deg,#000000,#2F455C); color:#FFFFFF; }
a.portalbox.bg-dark:hover{ background:#000000 !important; }

.portalbox.bg-primary{ background-image:linear-gradient(20deg,#3A7AFB,#67C3F3); color:#FFFFFF; }
a.portalbox.bg-primary:hover{ background:#3A7AFB !important; }

.portalbox.bg-secondary{ background-image:linear-gradient(20deg,#6c757d,#A6B0BB); color:#FFFFFF; }
a.portalbox.bg-secondary:hover{ background:#6c757d !important; }

.portalbox.bg-danger{ background-image:linear-gradient(20deg,#FA3E3E,#DC3545); color:#FFFFFF; }
a.portalbox.bg-danger:hover{ background:#FA3E3E !important; }

.portalbox.bg-success{ background-image:linear-gradient(20deg,#169a82,#21D0B3); color:#FFFFFF; }
a.portalbox.bg-success:hover{ background:#169a82 !important; }

.portalbox.bg-info{ background-image:linear-gradient(20deg,#39d4fc,#00D7B8); color:#FFFFFF; }
a.portalbox.bg-info:hover{ background:#21D0B3 !important; }

.portalbox.bg-warning{ background-image:linear-gradient(20deg,#F18928,#F5B981); color:#FFFFFF; }
a.portalbox.bg-warning:hover{ background:#F18928 !important; }




/* STATUS  */
.status{ padding:2px 9px 4px 9px; border-radius:9px; min-width:auto !important; border:0px solid #FFFFFF; text-align:center; display:inline-block; }
small.status{ font-size:12px; padding:1px 6px 3px 6px; }
.status.pending{ color:#808080; background:#80808025; border-color:#808080; }
.status.active, .varified .fa-check{ color:#4ea38d; background:#4ea38d25; border-color:#4ea38d; }
.status.deactive, .status.removed, .varified .fa-xmark{ color:#FA3E3E; background:#FA3E3E25; border-color:#FA3E3E; }

.status.inactive,.status.expired{ color:#F18E31; background:#2F455C99; border-color:#2F455C; }
.status.canceled{ color:#808080; background:#80808025; border-color:#808080; }
.status.applied{ color:#F18E31; background:#F18E3125; border-color:#F18E31; }
.status.processing{ color:#3cb4fc; background:#3cb4fc25; border-color:#3cb4fc; }
.status.nominated, .status.interview{ color:#3A7AFB; background:#3A7AFB25; border-color:#3A7AFB; }
.status.appointed, .status.selected{ color:#4ea38d; background:#4ea38d25; border-color:#4ea38d; }
.status.rejected, .status.deleted, .status.trash{ color:#000000; background:#00000025; border-color:#000000; }

.bg-header .status.deactive, .bg-header .status.removed, .bg-header .varified .fa-xmark{ background:#FFFFFF50; border-color:#FA3E3E; }


.portalbox .title{ font-weight:bold; }
.overflowline1, .portalbox .title{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:100%; display:block; }

.job-action .socialist a{ color:#FFFFFF99; }
.job-action .socialist a:hover{ color:#FFFFFF; }

.profile-job h2{ font-size:1.5rem; }
.profileMetalist .has-icon{ margin:0; }


.portalsidebar{ padding:0 1rem; background:#FFFFFF; position:relative; }
.portalsidebarotherside{ position:relative; max-width:100%; flex-grow:1; }


.controlportalsidebar{ display:none; padding:0.5rem; }
.filter-header{ display:none; }
.filter-title{ margin:0; padding:0 0.5rem; }
.filter-footer{ margin-top:1rem; padding-bottom:0.25rem; }


body.job .portal-sidebar{ flex-direction:column; }
#job-employer img{ max-width:150px; height:auto; margin-bottom:1rem; }
#job-employer, #job-employer .has-icon i{ font-size:1rem; }
#job-employer .icontext{ line-height:1; }



.portal-sidebar form{ background-image:linear-gradient(20deg,#3A7AFB,#67C3F3); box-shadow:none; }
.portal-sidebar .form-title, .white-title{ color: #FFFFFF; text-shadow:1px 1px 1px #00000099; display:flex; justify-content:space-between; }


.btn.action{ border-radius:5px; box-shadow:0 0 1px rgba(0,0,0,.125), 0 1px 3px rgba(0,0,0,.2); }
.applicationstatus{ color:#F18928; background:#106eaa25; padding:5px 8px; }

.fa-regular.is-invalid, .far.is-invalid, .fa-solid.is-invalid, .fas.is-invalid, .invalid-feedback{ color:#FA3E3E; text-shadow:1px 1px 1px #FFFFFF50; }



.portalchat{ display:flex; flex-wrap:nowrap; min-height:450px; }
.chatdetail{ flex-grow:1; padding:0 1rem; display:flex; flex-direction:column; align-items:stretch; justify-content:space-between; }
.portalchat .portalsidebar{ width:33.33%; max-width:400px; flex-shrink:0; border-right:1px solid #CFCFCF; }
.chatlist{ list-style:none; padding:0; margin:0; }
.chatlist li{ padding:0.75rem; border-top:1px solid #CFCFCF; display:flex; align-items:center; }
.chatlist .chatofuser label{ display:flex; flex-wrap:nowrap; justify-content:space-between; }
.chatlist .chatofuser time{ text-align:right; min-width:80px; font-size:14px; font-weight:300; color:#AFAFAF; }
.chatlist small{ position:relative; padding-right:20px; }

.unreadstatus{  }
.chatlist .unreadcount{ right:0; font-size:12px; }
.chatlist .unreadcount{ padding:9px; background:#2F455C; }
.chatpopup .unreadcount{ right:0; top:-1rem; }
.chatpopup .unreadcount span{ padding:1rem; background-image:linear-gradient(20deg,#F18E31,#F5B981); }

.chatlist .chatofuser:hover{ cursor:pointer; background:#3A7AFB05; }
.chatlist .chatofuser.active{ background:#3A7AFB25; }
.chatcontent{ display:flex; flex-direction:column; }
.chatcontent .msg{ background:#f5f6f7; border-radius:5px; border:1px solid #CFCFCF; padding:.25rem .5rem; margin-bottom:0; }
.chatcontent small.time{ font-size:8px; line-height:1; color:#00000099; margin-top:0.125rem; display:block; position:relative; bottom:0; right:0; text-align:right; }
.chatday{ width:99px; text-align:center; margin:0.5rem auto; padding:1px; border-radius:3px; }

.chatuserdetail{
    display:flex; flex-wrap:nowrap; justify-content:space-between; align-items:center; border-bottom:1px solid #CFCFCF;
}
.chatmsg{ position:relative; display:flex; flex-direction:column; margin-bottom:0.125rem; }
.chatmsg.haspic{ margin-top:0.5rem; }
.chatmsg img{ position:absolute; top:5px; box-shadow:0px 0px 3px 1px #00000050; }
.chatmsg small{ font-weight:600; }

.portalchat .chatmsg.align-items-start{ padding-left:50px; }
.portalchat .chatmsg.align-items-end{ padding-right:50px; }
.chatmsg.align-items-start img{ left:0; }
.chatmsg.align-items-end img{ right:0; }




.chatform{ display:flex; justify-content:start; align-items:center; padding-top:0.5rem; }
.chatform .form-control{ border-color:#3A7AFB; padding:5px 9px 9px 9px; }
.chatcontent .chatpic{ width:45px; height:45px; border-radius:50%; }

.chatpopup{ min-width:99px; min-height:99px; position:fixed; bottom:1rem; right:2rem;  z-index:8; /* notificationlist-9 */ /*z-index:9999999999; overwrites menu in mobile view */ }
.chatpopup .btn-close{ position:absolute; right:0; top:0.75rem; }
.chatnow{ border-radius:35px; padding-left:1rem; display:flex; align-items:center; justify-content:space-between; position:absolute; z-index:-1; top:8px; right:8px; width:200px; background:#FFFFFF; box-shadow:rgba(0, 0, 0, 0.35) 0px 0px 9px 1px, rgba(0, 0, 0, 0.08) 0px 0px 0px 0px; }
.chatnow img{ box-shadow:rgba(0, 0, 0, 0.25) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px; }
.chatbox{ max-width:320px; border-top-width:4px; padding:8px 0; }
.chatbox .chatheader{ border-bottom:1px solid #CFCFCF; padding:0 4px 8px 4px; }
.chatbox .chatcontent{ overflow-y:scroll; height:calc(100vh - 180px); max-height:325px; background:#FFFFFF99; padding:8px 4px; }
.chatbox .chatcontent p:last-child{ margin-bottom:0; }
.chatpopup .chatcontent img{ width:20px; height:20px; }
.chatpopup .chatmsg.align-items-start{ padding-left:25px; }
.chatpopup .chatmsg.align-items-end{ padding-right:25px; }




.manage-header .bg-header .page-title{ padding-top:0; }





.packagelist .portalbox{ width:320px; }
.packagelist span{ display:block; }
.packagelist .btn{ width:100%; }




.profilemenu .showinmobile{ display:none; }






.rotateme{
  animation: rotateme 5s infinite;
}

@keyframes rotateme {
  50% {transform: rotate(180deg);}
}
@keyframes ciculateme {
  50% {transform: rotate(360deg);}
}

























@media (min-width:576px) {
    .modal-md.modal-dialog{ max-width:600px; }
}

@media (min-width:768px) {
    .hasideimg.rightside .btn-close{ z-index:1; -webkit-filter:invert(100%); filter:invert(100%); }
}

@media (max-width:1680px) {
    #whybigstride .rotateme{ right:21px !important; }
}

@media (max-width:1600px) {
    .modal .modal-content{ padding:35px; }
}

@media (max-width:1590px) { 
    #alertcontainer .alert{ padding:1.75rem 4.5rem 1.75rem 2.2rem; }
    #alertcontainer .btn-close{ padding:1.75rem;  }
    .portal-mainav{ padding:5px 0; }
    .portal-container{ padding:0 8%; }
    .btn, .portalbutton, [class*=" btn-"]{ min-width:175px; }
    .pageheadercontent .section-title{ font-size:2.625rem; }
    .sectionheader.default .section-title{ font-size:2.375rem; } 
    .bg-header .page-title{ font-size:1.875rem; }
    .profile-title{ font-size:1.563rem; }
    .countitem{ max-width:20rem; }
}

@media (max-width: 1530px) {
    .portal-mainav{ padding:4px 0; }

    /*
    form .form-control, .has-icon .icontext{ padding-top:10px; padding-bottom:11px; min-height:inherit; }
    .btn, .portalbutton{ min-width:180px; padding-top:12px; padding-bottom:12px; min-height:inherit; } 
    .has-icon:not(.input-group) i, .has-icon img{ top:13px; }
    */

    .pageheadercontent .section-title{ font-size:2.5rem; }

    .grid .portalitem{ padding:30px; }
    .has-sidebar .grid .itmcol{ width:50%; } .grid .portalitem.item-job{ max-width:inherit; }
    .list .portalitem .itemdetail{ padding-left:85px; }
}

@media (max-width:1440px) {
    .portal-mainav{ padding:3px 0; }
    .portal-mainav .navbar-brand{ padding:0; }
    .portal-container{ padding:0 80px; } 

    .pageheadercontent .section-title{ font-size:2.375rem; line-height:1.3; }
    .sectionbanner p, .sectionheader.default .section-desc{ font-size:1.25rem; }
    .sectionheader.default .section-title, .sectionbg .section-title{ font-size:2.25rem; line-height:1.2; }
    .bg-header .page-title{ font-size:1.75rem; }
    .profile-title{ font-size:1.5rem; }
    .sectionpageheader{ padding:40px 0; }

    .itmcol{ margin-top:1.8rem; }

    header .nav-link, .btn, .portalbutton, [class*=" btn-"], form .form-control{ font-size:16px; }
    .has-icon:not(.input-group) i, .has-icon img{ top:0.5rem; } 
    .has-icon.form-floating i, .has-icon.form-floating img{ top:1rem !important; }
    /*
    form .form-control, .has-icon .icontext{ padding-top:12px; padding-bottom:12px; }
    .btn, .portalbutton{ padding-top:13px; padding-bottom:14px; } 
    */
    .item-job .apply{ font-size:14px; }
    
    .input-group.has-icon .input-group-text i{ font-size:2em; }

    .portalitem .fa-heart{ right:24px; }
    .grid .portalitem{ padding:24px; }
    .list .portalitem .itemdetail{ padding-left:80px; }

    .countitem b{ font-size:2.5rem; }
    .countitem small{ font-size:1.3rem; } 

    .profile .changeImg{ width:150px; height:150px; }
    .profile .changeImg img{ width:100%; height:100%; }

}

@media (max-width:1400px) {
    
}

@media (max-width:1320px) {
    #alertcontainer .alert{ padding:1.5rem 4rem 1.5rem 2.2rem; }
    #alertcontainer .btn-close{ padding:1.5rem;  }
    .modal .modal-content{ padding:30px; }
    .portal-mainav{ padding:2px 0; }
    /*
    form .form-control, .has-icon .icontext{ padding-top:9.5px; padding-bottom:10px; }
    .btn, .portalbutton{ padding-top:10px; padding-bottom:12px; }
    .has-icon:not(.input-group) i, .has-icon img{ top:11px; } 
    */
    .pageheadercontent .section-title{ font-size:2.25rem; }
    .sectionbanner p, .sectionheader.default .section-desc{ font-size:1rem; }
    .sectionheader.default .section-title, .sectionbg .section-title{ font-size:2.125rem; }
    .bg-header .page-title{ font-size:1.625rem; }
    .portal-page.profile .bg-header .page-desc{ font-size:1.125rem; }
    .profile-title{ font-size:1.438rem; }

}

@media (max-width:1200px) {
    .portal-mainav{ padding:1px 0; }
    .modal-xl{ max-width:100%; }
    .categorybox h3{ height:2rem; }
    .portal-container, .profile-nav{ padding:0 45px; }

    /*
    form .form-control, .has-icon .icontext{ padding-top:9px; padding-bottom:9px; }
    .btn, .portalbutton{ padding-top:10px; padding-bottom:10px; } 
    .has-icon:not(.input-group) i, .has-icon img{ top:10px; }
    */
    .input-group.has-icon .input-group-text i{ font-size:2em; }

    .countitem b{ font-size:2.3rem; }
    .pageheadercontent .section-title{ font-size:2.125rem; }
    .sectionheader.default .section-title, .sectionbg .section-title{ font-size:2rem; }
    .bg-header .page-title{ font-size:1.5rem; }
    .portal-page.profile .bg-header .page-desc{ font-size:1rem; }
    .profile-title{ font-size:1.375rem; }
}

@media (max-width:1080px) { 
    .dataTables_wrapper .dataTables_paginate .paginate_button{ padding:0.375rem 0.6rem !important; }
    .pageheadercontent .section-title{ font-size:2rem; }
   .sectionheader.default .section-title, .sectionbg .section-title{ font-size:1.938rem; }
   .pageheadercontent .section-desc{ font-size:1.5rem; }
   header .nav-item#home{ display:none; }
   .profile .changeImg{ width:120px; height:120px; }
   .changeImg .fa-pen{ right:0; bottom:5px; }
}

@media (max-width:992px) { 
    .dotcontainer-blue:before{ height:45px; top:5px; }
    .dotcontainer-blue:after{ height:96px; width:43px; right:-20px; } 
    .dotcontainer-blue.reverse:after{ left:-15px; }
    .about-profile:after{ height:78px; width:45px; bottom:-9px; }
    .portal-sidebar:before{ width:52px; height:93px; top:80px; }


    #alertcontainer .alert{ padding:1.25rem 4rem 1.25rem 1.5rem; }
    #alertcontainer .btn-close{ padding:1.25rem;  }
    .dataTables_wrapper .dataTables_paginate .ellipsis{ padding:0 0.75rem !important; }
    .dataTables_wrapper .dataTables_paginate .paginate_button{ padding:0.25rem 0.5rem !important; }
    .profilemenu .showinmobile{ display:block; }
    .pageheaderbanner img.pagebanner{ max-width:100%; }

    .sectionbg .sectionheader{ padding-right:8%; padding-top:2rem; padding-bottom:2rem; }
    .sectionbg .sectioncharacter{ max-height:110%; } 
   .profile .changeImg{ width:110px; height:110px; margin-top:5px; }
   .profile .profilesocial a{ width:30px; height:30px; margin-top:8px; }

   .pageheadercontent .btn.btn-outline-light{ position:absolute; right:0; top:1.5rem; }


    .pageheadercontent big.has-icon { font-size:14px; padding-left:20px; }
    .pageheadercontent big.has-icon i { font-size:14px; }

    .profile-job h2{ font-size:1.375rem; }
    .profile-title{ font-size:1.5rem; }
    .sectionpageheader .profile-nav .portal-container{ padding:0 0 0 5%; }
    .profile .profilesocial{ padding:0; }


    .has-sidebar .controlportalsidebar{ display:block; }
    .controlportalsidebar.collapsed:not(.filterbtn){ 
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%2333485F' class='bi bi-justify' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 12.5a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5m0-3a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11a.5.5 0 0 1-.5-.5'/%3E%3C/svg%3E");
        background-repeat:no-repeat; background-size:100%;
    }
    .portalsidebar{ 
        position:absolute; right:0; z-index:1; width:90% !important; max-width:400px !important; max-height:calc(100vh - 80px); 
    }
    .portalchat .portalsidebar{ border-right:none; border-left:1px solid #CFCFCF; }
    #searchsidebar{ height:max-content; height:calc(100vh - 80px); padding:1px 0px; position:fixed; top:0; left:0; bottom:0; margin:auto; z-index:9; border:none; background:transparent; }
    #searchsidebar.show:before{ content:''; left:0; top:0; z-index:-1; position:fixed; width:100vw; height:100vh; background:#00000099;  }
    #searchsidebar .portalbox{ padding-left:12px; padding-right:12px; display:flex; flex-direction:column;/* height:100%; display:block;*/ }
    .filter-header{ border-bottom:1px solid #CFCFCF99; padding-bottom:0.5rem; margin-bottom:1rem; display:flex; justify-content:space-between; align-items:center; }
    .filter-body{ height:calc(100vh - 260px); padding-left:8px; padding-right:8px; }
    .filter-footer{ text-align:right; padding-top:1rem; border-top:1px solid #CFCFCF99; }

    .portalview i{ margin-left:0; }    
    .view img{ max-height:50px !important; margin-bottom:0.4rem; }
    .grid .pmeta{ margin-bottom:0.3rem; }
    .grid .portalitem .icontext, .list .item-user .icontext{ padding:0 0 0 0.5rem; }
}

@media (max-width:991px) {
    .modal-lg{ max-width:100%; } 
    .modal .modal-content{ padding:25px; }


    .nav-profile .startbtn{ display:none; }
    .nav-profile .startbtn#btnlogin{ display:inline-block; }

    form .form-control, .btn, .portalbutton, [class*=" btn-"]{ border-radius:8px; }

    /* as it sets icon inside input down
    .has-icon:not(.input-group) i, .has-icon img{  left:13px; top:11px; }
    */


    .pageheadercontent .section-title{ font-size:1.938rem; line-height:1.2; }
    .sectionheader.default .section-title, .sectionbg .section-title{ font-size:1.875rem; line-height:1.1; }
    .pageheadercontent .section-desc{ font-size:1.375rem; }
    .sectionbanner p, .sectionheader.default .section-desc{ font-size:1rem; }


    .profile-job .pagebannerow{ flex-direction:column-reverse; }
    .profile-job .pageheaderbanner img{ display:none; }


    .pageheadercontent .portalbutton.light.outline{ font-size:0; border-radius:20px; padding:5px; min-width:inherit; margin-top:0 !important; margin-bottom:0 !important; position:relative; top:-0.75rem; }
    .pageheadercontent .portalbutton.light.outline:before{ font-family:"Font Awesome 6 Free"; font-weight:900; font-size:18px; width:20px; height:20px; text-align:center; }
    .pageheadercontent .portalbutton.light.outline.hoverblue:before{ content:'\f304'; }
    .pageheadercontent .portalbutton.light.outline.hoverorange:before{ content:'\f1f8'; }

    .userheadercontent .portalbutton.light.outline{ position:absolute; top:-2rem; right:0; }



    .portal-container, .profile-nav{ padding:0 40px; }


    .col-lg-4 .countitem{ flex-direction:column; }
    #counts .countitemdetail{ padding:5px; }
    .countitem{ padding:2rem 0; margin-bottom:2rem; }

    .portalboxslider .slick-prev{ left:1rem; }
    .portalboxslider .slick-next{ right:1rem; }

    #testimonials .container-inside{ max-width:100%; }

    .grid .itmcol{ width:50%; }
    .grid .portalitem{ padding:20px; } 
    .grid .portalitem.item-job{ margin:0 auto; }
    .grid .portalitem .fa-heart{ right:20px; top:20px; }


    .list .portalitem{ padding:15px; }
    .list .portalitem img{ padding-left:0; }
    .list .portalitem .fa-heart, .list .item-job .apply{ right:15px; }
    .list .item-job .apply{ bottom:15px; }

}

@media (max-width:960px) {
    .list .itmcol{ width:100%; }

}

@media (max-width: 820px) {
    .sectionbg .sectioncharacter{ height:80%; }
}

@media (max-width: 779px) {
}

@media (max-width:768px) { 
    .hasideimg .sideimg{ display:none; }
    .hasideimg .sidecontent{ width:100%; margin:0; }
    #alertcontainer .alert{ padding:1rem 3rem 1rem 1.25rem; }
    #alertcontainer .btn-close{ padding:1rem; }
    .notificationlistbox .btn-close{ padding:0.5rem; }
    #alertcontainer{ max-width:70%; }
    form .form-control, .btn, .portalbutton, [class*=" btn-"]{ border-radius:6px; min-width:inherit; padding-left:1rem; padding-right:1rem; }

    .portal-container, .profile-nav{ padding:0 35px; }
    .ellipse-orange:after{ right:-35px; }
    .halfellipse-right:after{ height:70px; width:30px; right:-30px; }
    .sectionbox img.leftcornercircle{ height:50px; width:auto; left:-20px; top:-20px; }


/*

    .pageheadercontent .btn.btn-outline-light{ top:-2rem; font-size:0; padding:5px; min-width:inherit; border-radius:50%; }
    .pageheadercontent .btn.btn-outline-light:hover, .btn.btn-outline-light:focus{ color:#FFFFFF; background:#3A7AFB; }
    .pageheadercontent .btn.btn-outline-light:before{ font-family:"Font Awesome 6 Free"; font-weight:900; font-size:18px; }
    .pageheadercontent .btn.btn-outline-light:before{ content:'\f304'; }
    */

    .pageheadercontent .section-title{ font-size:1.875rem; }
    .sectionheader.default .section-title, .sectionbg .section-title{ font-size:1.75rem; }
    .profile-title{ font-size:1.438rem; }
    .section-subtitle{ font-size:1.5rem; }
    .section-subtitle small{ font-size:1rem; }
   
    .sectionpageheader{ padding-top:30px; }

    .bg-header .featured.fa-star{ top:-2px; }

    .sectionbg .sectionheader{ padding:2rem 1rem 1rem 1rem; } 
    .sectionbg .sectionheader p{ padding-right:30%; } 
    .sectionbg .sectioncharacter{ height:auto;width:30%; }

    .col-lg-4 .countitem{ flex-direction:row; }
    .countitem b{ font-size:3rem; }
    .countitem small{ font-size:1.625rem; }



    .portalboxslider{ padding-bottom:3rem; }
    .portalboxslider .slick-dots{ display:none !important; }
    .portalboxslider .slick-next{ right:calc(50% - 50px); }
    .portalboxslider .slick-prev{ left:calc(50% - 50px); }

    .list .itmcol{ width:100%; }

    .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter,
    .dataTables_wrapper .dataTables_info{ text-align:left !important; }

}

@media (max-width:767px) {
    .modal .modal-content, .modalbigstride.modal .modal-content{ padding:20px; }
    #user-register .modal-content, #user-login .modal-content{ max-width:350px; width:auto; margin:auto; }
    .modalbigstride .modal-dialog{ width:inherit !important; }

    header .navbar-nav{ width:100%; padding-bottom:15px; margin-bottom:15px; } 
    header .portalmenu{ width:80%; max-width:300px; } 

    .portalmenu, .profilemenu, .profilemenu.dropdown-menu[data-bs-popper]{ 
        position:fixed; top:0; z-index:9; visibility:hidden; 
        height:100vh; width:calc(100% - 20px);  padding:0.563rem; transition:visibility .3s ease-in-out, transform .3s ease-in-out; 
        display:flex; flex-direction:column; align-items:flex-start; background:#FFFFFF; /*F5F6FA*/
    }
    .portalmenu{ padding-top:80px; transform:translateX(-100%); left:0; box-shadow:5px 0px 9px #00000075; }
    .profilemenu, .profilemenu.dropdown-menu[data-bs-popper]{ transform:translateX(100%); left:inherit; right:0; box-shadow:-5px 0px 9px #00000075; margin:inherit; border:none; border-radius:0; }
    
    .navbar-toggler{ padding:0; }
    .navbar-toggler-icon:not(.collapsed){ width:22px; height:22px; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%237f8285'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); }

    header .portalmenu .nav-item{ width:100%; margin:0; }
    .portalmenu, .profilemenu, .profilemenu.dropdown-menu[data-bs-popper]{ padding-left:2.188rem; padding-right:2.188rem; }
    header .portalmenu .nav-link, header .profilemenu .nav-link{ padding:0.5rem; }

/*    header .profilemenu .dropdown-item:first-child{ position:absolute; top:5px; left:0; }*/
    header .profilemenu .dropdown-item:first-child{ min-height:42px; padding-right:30px; }
    .profile-toggle.show{ opacity:0; }
    .profilemenu .btn-close{ background-color:#FFFFFF; right:28px; }



    header .nav-item#home{ display:block; }
    .portalmenu svg{ display:inline-block; }
    
/*
    #dropdownUser #btnlogin, .navbar-toggler{ position:fixed; top:7px; }
    #dropdownUser #btnlogin{ left:25px; }
    */
    /*
    header .dropdown-menu{ background:transparent; display:block; border:0; left:0 !important; position:absolute; max-width:100%; width:100%; }
    header .nav-profile{ width:100%; }
    header .dropdown-menu .dropdown-item, header .nav-link{ padding-left:0; }
    */
    header .dropdown-menu .dropdown-item.active, header .nav-link.active{ color:#F18928; background:transparent; }

    .collapse.show .portalmenu, .profilemenu.show.dropdown-menu[data-bs-popper]{ visibility:visible; transform:translateX(0); }
    .collapse.show .screen-darken{ transition:opacity .3s ease, width 0s; opacity:1; width:100%; visibility:visible; }

    .navbar-collapse .screen-darken{
        height:100%; width:0%; position:fixed; z-index:9; top:0; right:0; opacity:0; visibility:hidden; background-color:rgba(34, 34, 34, 0.6); transition:opacity .2s linear, visibility 0.2s, width 2s ease-in;
    }

    header .portalmenu .nav-item{ margin-bottom:0.5rem; }
    header .portalmenu .nav-link{ border-bottom:1px solid #2F455C60; }



    .page-header .searchform{ padding:20px 20px 0 20px; }
    .page-header .searchform [class*=" col-"]{ padding-bottom:20px; }

}

@media (max-width:736px) {
    .portal-container, .profile-nav{ padding:0 30px; } 
    .portalmenu, .profilemenu, .profilemenu.dropdown-menu[data-bs-popper]{ padding-left:1.875rem; padding-right:1.875rem; }
    .ellipse-orange:after{ right:-30px; }
    .halfellipse-right:after{ width:30px; right:-30px; }
    header .nav-item{ margin-right:2px; width:100%; }

    .packagelist .portalbox{ max-width:100%; }
}

@media (max-width:680px) {
    .pageheadercontent .section-title{ font-size:1.75rem; }
    .sectionheader.default .section-title, .sectionbg .section-title{ font-size:1.625rem; }
    .sectionbg .sectionheader p{ padding-right:125px; }
    .sectionbg .sectioncharacter{ width:33%; }
}

@media (max-width:640px) {
}

@media (max-width:575px) { 
    .portal-sidebar:before{ right:-12px; } 
    .notificationlistbox{ padding:1rem 0.5rem; }
    .col-6 .portalbutton{ padding-left:0.875rem; padding-right:0.875rem; }
    #user-logout img{ width:50%; }
    #alertcontainer .alert{ padding:0.75rem 3rem 0.75rem 1rem; font-size:14px; }
    #alertcontainer .btn-close{ padding:0.75rem; }
    .col-6{ padding-left:0.5rem; padding-right:0.5rem; }
    .modal-footer .col-6:first-of-type{ padding-left:calc(var(--bs-gutter-x) * .5); }
    .modal-footer .col-6:last-of-type{ padding-right:calc(var(--bs-gutter-x) * .5); }

    .modal .modal-content, .modalbigstride.modal .modal-content{ padding:15px; }
    .pageheadercontent .section-title{ font-size:1.6875rem; }
    .sectionheader.default .section-title, .sectionbg .section-title{ font-size:1.5625rem; }
    #alertcontainer{ max-width:90%; }
    /*
    header .nav-link{ padding:5px 9px !important; }
    .navbar-toggler{ right:30px; padding:20px; background-size:24px; }
    .portalmenu{ max-width:250px; padding:80px 15px 15px 15px; }
    */
    .portalmenu, .profilemenu, .profilemenu.dropdown-menu[data-bs-popper]{ width:80%; }
    #dropdownUser, #btnlogin{ left:20px; }
    .nav-profile .startbtn#btnlogin{ min-width:inherit; }

    .portal-container, .profile-nav{ padding:0 25px; }
    .portalmenu, .profilemenu, .profilemenu.dropdown-menu[data-bs-popper]{ padding-left:1.563rem; padding-right:1.563rem; }
    .ellipse-orange:after{ right:-25px; }
    .halfellipse-right:after{ width:25px; right:-25px; }

    .pagebannerow{ flex-direction:column-reverse; }
    .pageheaderbanner{ margin:0 !important; }
    .pageheaderbanner img.pagebanner{ width:80%; padding-bottom:2rem; }

    .page-header .searchform{ padding:20px 9px 0 9px; }
    .page-header .searchform .fa-solid{ font-size:1.5rem; }
    .page-header button{ margin-top:15px; width:auto; }

    .sectionpageheader .profile-link i.fa-solid{ display:block; }
    .sectionpageheader .profile-link span{ display:none; }
    .pageheadercontent big.has-icon { font-size:12px; padding-left:16px; }
    .pageheadercontent big.has-icon i { font-size:12px; }

    .profile .profilesocial a{ width:28px; height:28px; }
    .profile-title{ font-size:1.375rem; }
    /*.sectionbox .portal-container{ padding:15px; }*/

    .countitem b{ font-size:1.8rem; }
    .countitem small{ font-size:.875em; }

    .searchadvance label.col{ width:100%; }
    .itmcol{ width:100% !important; }

    .clistitem{ padding-left:60px; margin-right:5px; }
    .clistitem:before{ left:24px; }
    .clistitem.school big{ font-size:14px; padding:2px 5px; width:48px; height:24px; }
    .clistitem.employer big{ font-size:1rem; }
    .clistitem.employer b{ font-size:14px; }
    .clistitem.employer big img{ max-width:48px; height:48px; }

}

@media (max-width: 560px) {
    .sectionbg .sectionheader p{ font-size:15px; }
    .sectionbg .sectioncharacter{ width:38%; }
}

@media (max-width: 540px) {
    .sectionbg .sectionheader p{ padding-right:139px; }
    .sectionbg .sectioncharacter{ width:43%; }

    .profile .changeImg{ width:75px; height:75px; }
   .profile .profilesocial a{ width:26px; height:26px; }
    .changeImg .fa-pen{ padding:5px; font-size:8px; }
    .portalbox{ padding:15px; }
    .notificationlistbox{ width:calc(100% - 30px); padding:1rem 0.75rem; }
    .notificationheader{ margin-bottom:0.5rem; } 
    .notificationlist .notificationbox{ margin:0.75rem 0; }
    .notificationlist .metabox{ padding:1rem; font-size:15px; }
    .notificationlistbox .btn-close{ top:0; right:0; }
    .notificationlist .notificationbox img{ width:40px; height:40px; }
}

@media (max-width:480px) {
    .col-6 .portalbutton{ padding-left:0.75rem; padding-right:0.75rem; }
    #alertcontainer .alert{ padding:0.5rem 3rem 0.5rem 1rem; }
    #alertcontainer .btn-close{ padding:0.5rem; }
    .col-6{ padding-left:0.25rem; padding-right:0.25rem; }
    .modal-header{ padding-top:20px; }
    .modal-footer{ padding-bottom:20px; }
    .modal-title{ font-size:18px; }
    .modal .modal-content, .modalbigstride.modal .modal-content{ padding:10px; }
    .sectionbox .sectionbg .portalbutton{ position:absolute; bottom:1.5rem; } 
    .sectionbg .sectionheader p{ font-size:14px; padding-bottom:2rem; padding-right:190px; }
    .sectionbg .sectioncharacter{ width:48%; }

    .pageheaderbanner img.pagebanner{ width:90%; }
    .navbar-toggler{ right:20px; margin-right:0.5rem; }
    .nav-profile .startbtn#btnlogin{ font-size:14px; padding:8px 10px; margin:0; }
    .navbar-brand img{ max-height:40px; width:auto; }
    .sectionpageheader .profile-nav .portal-container{ padding:0; }
    .page-header .searchform{ padding:15px 0 0 0; }
    .page-header .searchform [class*=" col-"]{ padding-bottom:9px; }
    .list .portalbox{ flex-direction:column; }
    .list .portalitem img{ max-height:inherit; }
    .list .portalitem .itempic{ position:relative; left:inherit; top:inherit; }
    .list .portalitem .itemdetail{ padding:0; }
   .portal-page.profile .pageheaderbanner{ position:absolute; }
   .portal-page.profile .pageheadercontent{ padding-left:90px; }
   .profile-basic{ padding-top:0 !important; }
   .profile .profilesocial a{ width:24px; height:24px; }
   .changeImg .fa-pen{ height:20px; }
}

@media (max-width:470px) {
    .sectionbg .sectionheader p{ padding-right:172px; }
    .sectionbg .sectioncharacter{ width:50%; }
}

@media (max-width:460px) {
    .sectionbg .sectionheader p{ padding-right:165px;  }
}

@media (max-width:450px) {
    .sectionbg .sectionheader p{ padding-right:148px; }
}

@media (max-width:440px) {
    .sectionbg .sectionheader p{ font-size:13px; }
}

@media (max-width:430px) {
    .sectionbg .sectionheader p{ padding-right:122px; }
}

@media (max-width:420px) {
    .portal-sidebar:before{ right:-8px; width:45px } 
    .dotcontainer-blue:before{ left:-15px; }
    .dotcontainer-blue.reverse:before{ right:-15px; }

    .col-6 .portalbutton{ padding-left:0.625rem; padding-right:0.625rem; }
    .sectionbg .sectionheader p{ padding-right:138px; font-size:12px; }


    .portal-container, .profile-nav{ padding:0 20px; }
    .portalmenu, .profilemenu, .profilemenu.dropdown-menu[data-bs-popper]{ padding-left:1.25rem; padding-right:1.25rem; }
    .ellipse-orange:after{ right:-20px; }
    .halfellipse-right:after{ width:20px; right:-20px; }
    .navbar-toggler{ right:15px; }
    .portalbox{ padding:12px; }
    #user-login .modal-content, #user-register .modal-content,
    #user-login .modal-content #signin, #user-register .modal-content #signup{ max-width:calc(100% - 20px) !important; }

    .notificationheader{ padding:0; }
    .notificationlist{ padding:0 2px; }
    .notificationlist .metabox{ font-size:14px; }
    .notificationheader h3{ font-size:1.2rem; }
    .notificationlist .notificationbox img{ width:35px; height:35px; }
}
@media (max-width:410px) {
    .sectionbg .sectionheader p{ padding-right:130px; }
}
@media (max-width:400px) {
    .sectionbg .sectionheader p{ padding-right:120px; }
}
@media (max-width:390px) {
    .sectionbg .sectionheader p{ padding-right:111px; }
}
@media (max-width:380px) {
    .sectionbg .sectioncharacter{ right:-5px; }
    .notificationlist .notificationbox{ margin:0; }
    .notificationlist .metabox{ padding:1.25rem 0 0.5rem 0; border-radius:0; border-bottom:0; border-left:0; border-right:0; }
    .notificationheader h3{ font-size:1rem; }
    #clearnotification{ font-size:12px; }
    .notificationlist .notificationbox img{ width:30px; height:30px; }

    .portalslidebox{ padding:1rem 0.5rem; }

    .col-6 .portalbutton{ padding-left:0.5rem; padding-right:0.5rem; }
    .sectionbg .sectionheader p{ padding-right:102px; }
    body{ font-size:14px; }
    #header-main .container-fluid{ align-items:inherit; flex-wrap:nowrap; }
    .pageheadercontent big.has-icon{ font-size:12px; }
    .pageheadercontent big.has-icon{ font-size:12px; padding-left:1rem; }

    .profile-job h2{ font-size:1.25rem; }
    .searchadvance.accordion .accordion-button{ font-size:1.125rem; }
    .grid .portalitem{ padding:15px; }
    .grid .portalitem .fa-heart{ right:15px; top:15px; }
    .col-lg-4 .countitem{ flex-direction:column; }
}
@media (max-width:370px) {
    .sectionbg .sectionheader p{ padding-right:98px; }
}
@media (max-width:360px) { 
    #clearnotification{ font-size:10px; max-width:34px; text-align:center; line-height:1; }
    .col-6 .portalbutton{ padding-left:0.375rem; padding-right:0.375rem; font-size:15px; }
    #user-logout img{ width:60%; }
    .sectionbg .sectionheader p{ padding-right:102px; }
    .portalmenu, .profilemenu, .profilemenu.dropdown-menu[data-bs-popper]{ padding-left:1rem; padding-right:1rem; }

    .quotebox blockquote{ padding:1rem; }
    .grid .portalitem{ padding:12px; }
    .grid .portalitem .fa-heart{ right:12px; top:12px; }
    .bg-header .page-title{ font-size:1.375rem; }
    .portal-page.profile .changeImg{ width:60px; height:60px; }
    .portal-page.profile .pageheadercontent{ padding-left:70px; }
    .pageheadercontent big.has-icon, .pageheadercontent big.has-icon i{ font-size:10px; }
}
@media (max-width:350px) {
    .sectionbg .sectionheader p{ padding-right:0; }
    .sectionbg .sectioncontent{ min-height:50px; }
    .sectionbg .sectioncharacter{ max-height:125px; width:auto; }
    .dataTables_wrapper .dataTables_paginate .paginate_button{ padding:0.25rem 0.375rem !important; }
    .dataTables_wrapper .dataTables_filter input{ width:100%; margin-left:0 !important; }
}
@media (max-width:340px) { 
    .portal-mainav .navbar-brand{ margin-right:0.25rem; }
    .notificationlist .notificationbox span b{ width:100%; }
    .notificationlist .notificationbox .metadetail span time{ position:absolute; top:9px; font-size:9px; }
    .modal .modal-content, .modalbigstride.modal .modal-content{ padding:5px; }
    .modal-footer .col-6{ width:100%; padding-left:0.5rem; padding-right:0.5rem; }    
    .modal-footer .col-6:first-of-type{ padding-right:calc(var(--bs-gutter-x) * .5); }
    .modal-footer .col-6:last-of-type{ padding-left:calc(var(--bs-gutter-x) * .5); }

}
@media (max-width:320px) { 
    .navbar-toggler{ margin-right:0.25rem; }
    .profile-toggle img{ width:38px; height:auto; }
    .notificationbell{ margin-right:0.5rem; }
    .notificationbell svg{ width:28px; height:28px; }
    .notificationbell .unreadcount{ left:9px; } 
    .notificationbell .unreadcount span{ font-size:10px; padding:8px; }
    #clearnotification{ font-size:10px; text-align:center; }

    #alertcontainer .alert{ padding:5px 30px 5px 8px; } 
    #alertcontainer .btn-close{ padding:6px; font-size:12px; }
    .sectionbg .sectioncharacter{ max-height:120px; }
    .profile-nav .profile-link{ padding:12px; }
    .portalmenu, .profilemenu, .profilemenu.dropdown-menu[data-bs-popper]{ padding-left:0.5rem; padding-right:0.5rem; }
    .dataTables_wrapper .dataTables_paginate .paginate_button{ padding:0.25rem !important; }
}
@media (max-width:310px) { 
    .profile-toggle img{ width:36px; }
    .nav-profile .startbtn#btnlogin{ font-size:12px; padding:4px; width:68px; }
}

@media (max-width:280px) {
    .navbar-toggler-icon{ width:1rem; }
    .profile-toggle img{ width:34px; }
    .notificationbell svg{ width:26px; height:26px; }
    .notificationheader h3{ font-size:15px; }
    #user-logout img{ width:70%; }
}

@media (max-width:270px) {
    .sectionbg .sectionheader p{ padding-bottom:0; }    
    .sectionbox .sectionbg .portalbutton{ position:relative; bottom:inherit; }
}

@media (max-width:260px) {
    .notificationbell svg{ width:24px; height:24px; }
    .btn, .portalbutton, [class*=" btn-"]{ min-width:inherit; }
    .profile-nav .profile-link{ padding:8px; }
    .sectionbg .sectioncharacter{ max-height:99px; }

}

@media (max-width:240px) { 

    .sectionbg .sectioncontent{ min-height:inherit; }
    .sectionbg .sectioncharacter{ position:relative; bottom:0; max-height:inherit; width:90%; }
}


@media (min-width:380px) and (max-width: 575px) {
  .col-xs-1{ flex:0 0 auto; width:25%; }
  .col-xs-2{ flex:0 0 auto; width:16.66666667%; }
  .col-xs-3{ flex:0 0 auto; width:25%; }
  .col-xs-4{ flex:0 0 auto; width:33.33333333%; }
  .col-xs-5{ flex:0 0 auto; width:41.66666667%; }
  .col-xs-6{ flex:0 0 auto; width:50%; }
  .col-xs-7{ flex:0 0 auto; width:58.33333333%; }
  .col-xs-8{ flex:0 0 auto; width:66.66666667%; }
  .col-xs-9{ flex:0 0 auto; width:75%; }
  .col-xs-10{ flex:0 0 auto; width:83.33333333%; }
  .col-xs-11{ flex:0 0 auto; width:91.66666667%; }
  .col-xs-12{ flex:0 0 auto; width:100%; }
}

@media (min-width:440px) {
    /*.col-xs-6{ flex:0 0 auto; width:50%; }*/
}