:root
{
--primary-font-family : 'Roboto', sans-serif;
--secondary-font-family : 'Poppins', sans-serif;
--background-color : #f6f7fc;
--button-primary-color : #9a2d9f;
--card-backgroud-color : #ffffff;
--input-placeholder : #878787;
--btn-outline-secondary : #6c757d;
--btn-outline-dark-back : #6b8ba9;
--input-border : #e8edf7;
--input-icon : rgba(0, 0, 0, 0.5);
--ThemePrimaryColor : #0070c6;
--BorderRadius : 3px;
--HeaderFontColor : #ffffff;
--HeaderBackground : #0070c6;
--HeaderSectionFontColor : #ffffff;
--HeaderSectionBackground : #0070c6;
--HeaderSubSectionFontColor : transparent;
--HeaderSubSectionBackground : transparent;
--HeaderSectionSearchFontColor : #ffffff;
--HeaderSectionSearchBackground : #0070c6;
--HeaderSectionSearchBorderColor : #0063ad;
--GridHeaderFontColor : #ffffff;
--GridHeaderBackground : #0070c6;
--GridRowFontColor : #091b2e;
--GridRowBackground : #f9f9f9;
--GridAlternateRowBackground : #ffffff;
--GridRowHoverBackground : #f5f5f5;
--GridFooterFontColor : #ffffff;
--GridFooterBackground : #0070c6;
--GridFooterHoverBackground : #0063ad;
--GridFooterBorderColor : #ffffff;
--ButtonSaveFontColor : #ffffff;
--ButtonSaveBackground : #1284ec;
--ButtonSaveHoverBackground : #0f6fc8;
--ButtonSaveBorderColor : #1284ec;
--ButtonSaveAndAddNewFontColor : #ffffff;
--ButtonSaveAndAddNewBackground : #28a745;
--ButtonSaveAndAddNewHoverBackground : #218836;
--ButtonSaveAndAddNewBorderColor : #28a745;
--ButtonUpdateFontColor : #212529;
--ButtonUpdateBackground : #89e316;
--ButtonUpdateHoverBackground : #75c012;
--ButtonUpdateBorderColor : #89e316;
--ButtonDeleteFontColor : #ffffff;
--ButtonDeleteBackground : #dc3543;
--ButtonDeleteHoverBackground : #c82333;
--ButtonDeleteBorderColor : #dc3543;
--ButtonBackFontColor : #6b8aa9;
--ButtonBackBackground : transparent;
--ButtonBackHoverBackground : #6b8aa9;
--ButtonBackBorderColor : #6b8aa9;
--ButtonSearchFontColor : #ffffff;
--ButtonSearchBackground : transparent;
--ButtonSearchHoverBackground : #6b8aa9;
--ButtonSearchBorderColor : #6b8aa9;
--ButtonAdvanceSearchFontColor : #1284ec;
--ButtonAdvanceSearchBackground : transparent;
--ButtonAdvanceSearchHoverBackground : #1284ec;
--ButtonAdvanceSearchBorderColor : #1284ec;
--ButtonAddFilterFontColor : #1284ec;
--ButtonAddFilterBackground : transparent;
--ButtonAddFilterHoverBackground : #1284ec;
--ButtonAddFilterBorderColor : #1284ec;
--ButtonClearFilterFontColor : #dc3543;
--ButtonClearFilterBackground : transparent;
--ButtonClearFilterHoverBackground : #dc3543;
--ButtonClearFilterBorderColor : #dc3543;
--ButtonAddFontColor : #ffffff;
--ButtonAddBackground : #1284ec;
--ButtonAddHoverBackground : #0f6fc8;
--ButtonAddBorderColor : #1284ec;
--ButtonOkFontColor : #ffffff;
--ButtonOkBackground : #1284ec;
--ButtonOkHoverBackground : #0f6fc8;
--ButtonOkBorderColor : #1284ec;
--ButtonSelectFontColor : #ffffff;
--ButtonSelectBackground : #1284ec;
--ButtonSelectHoverBackground : #0f6fc8;
--ButtonSelectBorderColor : #1284ec;
--RCPButtonApplyFontColor : #ffffff;
--RCPButtonApplyBackground : #0070c6;
--RCPButtonApplyHoverBackground : #0063ad;
--RCPButtonApplyBorderColor : #0063ad;
--RCPButtonCommonFontColor : #ffffff;
--RCPButtonCommonBackground : #0070c6;
--RCPButtonCommonHoverBackground : #0063ad;
--RCPButtonCommonBorderColor : #0063ad;
--RCPButtonOutlinePrimaryFontColor : #0070c6;
--RCPButtonOutlinePrimaryBackground : transparent;
--RCPButtonOutlinePrimaryHoverBackground : transparent;
--RCPButtonOutlinePrimaryBorderColor : #0070c6;
--RCPButtonFillPrimaryFontColor : #ffffff;
--RCPButtonFillPrimaryBackground : #0070c6;
--RCPButtonFillPrimaryHoverBackground : #0070c6;
--RCPButtonFillPrimaryBorderColor : #0070c6;
}
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,caption, tfoot,article, aside, canvas, details, figcaption, figure,footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video
{
margin : 0;
padding : 0;
border : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
body
{
line-height : 1;
}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section
{
display : block;
}
nav ul
{
list-style : none;
}
blockquote, q
{
quotes : none;
}
blockquote:before, blockquote:after,    q:before, q:after
{
content : '';
content : none;
}
a
{
margin : 0;
padding : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}
ins
{
background-color : #ff9;
color : #000;
text-decoration : none;
}
mark
{
background-color : #ff9;
color : #000;
font-style : italic;
font-weight : bold;
}
del
{
text-decoration : line-through;
}
abbr[title], dfn[title]
{
border-bottom : 1px dotted;
cursor : help;
}
table
{
border-collapse : collapse;
border-spacing : 0;
}
hr
{
display : block;
height : 1px;
border : 0;
border-top : 1px solid #cccccc;
margin : 1em 0;
padding : 0;
}
input, select
{
vertical-align : middle;
}
html, body
{
margin : 0;
padding : 0;
height : 100%;
}
body
{
margin : 0;
font-family : var(--primary-font-family);
font-size : 0.875rem;
font-weight : 400;
line-height : 1.5;
color : #0a1d2e;
text-align : left;
background-color : #ffffff;
}
a, h1, h2, h3, h4, h5, h6, p
{
font-style : normal;
margin : 0;
padding : 0;
}
h1, h2, h3, h4, h5, h6
{
font-weight : 700;
}
p
{
font-size : 16px;
line-height : 1.4;
word-break : break-all;
}
.wrapper
{
min-height : 100%;
}
*
{
color : #000000;
font-family : var(--primary-font-family);
}
*
{
-webkit-box-sizing : border-box;
-moz-box-sizing : border-box;
box-sizing : border-box;
}
*, *:focus
{
outline : none;
border-radius : 0;
-o-border-radius : 0;
-ms-border-radius : 0;
-moz-border-radius : 0;
-webkit-border-radius : 0;
box-shadow : none;
-o-box-shadow : none;
-ms-box-shadow : none;
-moz-box-shadow : none;
-webkit-box-shadow : none;
}
input::-webkit-input-placeholder
{
font-family : var(--primary-font-family);
font-size : 14px;
color : var(--input-placeholder) !important;
opacity : 0.7 !important;
}
input::-moz-placeholder
{
color : var(--input-placeholder);
opacity : 0.7;
}
input:-ms-input-placeholder
{
color : var(--input-placeholder);
opacity : 0.7;
}
input:-moz-placeholder
{
color : var(--input-placeholder);
opacity : 0.7;
}
label
{
font-weight : normal;
}
a, a:hover, .logo
{
transition : all 0.5s;
-o-transition : all 0.5s;
-ms-transition : all 0.5s;
-moz-transition : all 0.5s;
-webkit-transition : all 0.5s;
}
a, a:hover, a:focus
{
outline : none;
text-decoration : none;
}
@keyframes spinner-border
{
}
.spinner-border
{
display : inline-block;
width : 2rem;
height : 2rem;
vertical-align : text-bottom;
border : 0.25em solid currentColor;
border-right-color : transparent;
border-radius : 50%;
animation : .75s linear infinite spinner-border;
}
.spinner-border-sm
{
width : 1rem;
height : 1rem;
border-width : 0.2em;
}
@keyframes spinner-grow
{
}
50%
{
opacity : 1;
transform : none;
}
.spinner-grow
{
display : inline-block;
width : 2rem;
height : 2rem;
vertical-align : text-bottom;
background-color : currentColor;
border-radius : 50%;
opacity : 0;
animation : .75s linear infinite spinner-grow;
}
.spinner-grow-sm
{
width : 1rem;
height : 1rem;
}
img
{
vertical-align : middle;
object-fit : cover;
border-style : none;
max-width : 100%;
}
ul
{
list-style-type : none;
margin : 0;
padding : 0;
}
h1
{
font-size : 50px;
line-height : 1.3;
}
h2
{
font-size : 34px;
line-height : 1.3;
}
h3
{
font-size : 30px;
line-height : 1.4;
}
h4
{
font-size : 26px;
line-height : 1.4;
}
h5
{
font-size : 19px;
line-height : 1.4;
}
h6
{
font-size : 15px;
line-height : 1.4;
}
em, i, address
{
font-style : normal;
display : inline-block;
}
strong
{
font-weight : bold;
}
.bold
{
font-weight : 600 !important;
}
.captcha
{
align-items : center;
background-color : whitesmoke;
border-radius : var(--BorderRadius) !important;
}
.captcha img
{
margin : 0 auto;
}
.captcha .refresh-block
{
padding : 5px;
min-width : 34px;
text-align : center;
background-color : #ffffff;
border : 1px solid whitesmoke;
cursor : pointer;
border-radius : var(--BorderRadius) !important;
border-top-left-radius : 0;
border-bottom-left-radius : 0;
}
.d-flex
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
}
.justify-content-start
{
-webkit-box-pack : start;
-ms-flex-pack : start;
justify-content : flex-start;
}
.justify-content-end
{
-webkit-box-pack : end;
-ms-flex-pack : flex-end;
justify-content : flex-end;
}
.justify-content-center
{
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
-webkit-box-pack : center;
-ms-flex-pack : center;
justify-content : center;
}
.justify-content-between
{
-webkit-box-pack : justify;
-ms-flex-pack : justify;
justify-content : space-between;
}
.justify-content-around
{
-ms-flex-pack : distribute;
justify-content : space-around;
}
.align-items-center
{
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
}
.primary-color
{
color : var(--ThemePrimaryColor);
}
.bg-primary
{
background-color : #ffffff !important;
}
.bg-secondary
{
background-color : var(--background-color) !important;
}
.modal-open
{
overflow-x : hidden;
overflow-y : hidden;
}
.bold-500
{
font-weight : 500;
}
span.required
{
color : red;
}
.float-left
{
float : left !important;
}
.float-right
{
float : right !important;
}
.duration-label,.duration-label div,.duration-label span
{
color : #088610;
font-weight : 600;
font-size : 14px;
}
.remain-duration-label,.remain-duration-label div,.remain-duration-label span
{
color : #dc3545;
font-weight : 600;
font-size : 14px;
}
.container-xl,.container,.container-lg,.container-sm
{
width : 100%;
margin : 0 auto;
}
.container-xl
{
max-width : 1400px;
}
.container
{
max-width : 1240px;
}
.container-lg
{
max-width : 1000px;
}
.container-sm
{
max-width : 800px;
}
.modal-xl
{
width : 1022px;
}
.button-wrapper
{
padding : 20px 0;
}
.btn
{
padding : 0.375rem 0.75rem;
font-size : 15px;
border-radius : var(--BorderRadius);
transition : all .3s;
-webkit-transition : all .3s;
-moz-transition : all .3s;
-ms-transition : all .3s;
-o-transition : all .3s;
cursor : pointer;
}
.btn:active,    .btn.active.focus,    .btn.active:focus,    .btn.focus,    .btn:active.focus,    .btn:active:focus,    .btn:focus
{
outline : none;
outline-offset : 0;
box-shadow : none;
}
.btn.focus, .btn:focus, .btn:hover
{
color : #ffffff;
}
.btn-save
{
color : var(--ButtonSaveFontColor);
background-color : var(--ButtonSaveBackground);
border-color : var(--ButtonSaveBorderColor);
}
.btn-save.focus, .btn-save:focus, .btn-save:hover
{
background-color : var(--ButtonSaveHoverBackground);
border-color : var(--ButtonSaveHoverBackground);
}
.btn-cancle
{
color : var(--ButtonBackFontColor);
background-color : var(--ButtonBackBackground);
border-color : var(--ButtonBackBorderColor);
}
.btn-cancle.focus, .btn-cancle:focus, .btn-cancle:hover
{
background-color : var(--ButtonBackHoverBackground);
border-color : var(--ButtonBackBorderColor);
}
.btn-select
{
color : var(--ButtonSelectFontColor);
background-color : var(--ButtonSelectBackground);
border-color : var(--ButtonSelectBorderColor);
}
.btn-select.focus, .btn-select:focus, .btn-select:hover
{
background-color : var(--ButtonSelectHoverBackground);
border-color : var(--ButtonSelectHoverBackground);
}
.btn-update
{
color : var(--ButtonUpdateFontColor);
background-color : var(--ButtonUpdateBackground);
border-color : var(--ButtonUpdateBorderColor);
}
.btn-update.focus, .btn-update:focus, .btn-update:hover
{
background-color : var(--ButtonUpdateHoverBackground);
border-color : var(--ButtonUpdateHoverBackground);
}
.btn-success
{
color : var(--ButtonSaveAndAddNewFontColor);
background-color : var(--ButtonSaveAndAddNewBackground);
border-color : var(--ButtonSaveAndAddNewBorderColor);
}
.btn-success.focus, .btn-success:focus, .btn-success:hover
{
background-color : var(--ButtonSaveAndAddNewHoverBackground);
border-color : var(--ButtonSaveAndAddNewHoverBackground);
}
.btn-danger
{
color : var(--ButtonDeleteFontColor);
background-color : var(--ButtonDeleteBackground);
border-color : var(--ButtonDeleteBorderColor);
}
.btn-danger.focus, .btn-danger:focus, .btn-danger:hover
{
background-color : var(--ButtonDeleteHoverBackground);
border-color : var(--ButtonDeleteHoverBackground);
}
.btn-apply
{
color : var(--RCPButtonApplyFontColor);
background-color : var(--RCPButtonApplyBackground);
border-color : var(--RCPButtonApplyBorderColor);
}
.btn-apply.focus, .btn-apply:focus, .btn-apply:hover
{
background-color : var(--RCPButtonApplyHoverBackground);
border-color : var(--RCPButtonApplyHoverBackground);
}
.btn-common
{
color : var(--RCPButtonCommonFontColor) !important;
background-color : var(--RCPButtonCommonBackground);
border-color : var(--RCPButtonCommonBorderColor);
}
.btn-common.focus, .btn-common:focus, .btn-common:hover
{
background-color : var(--RCPButtonCommonHoverBackground);
border-color : var(--RCPButtonCommonHoverBackground);
}
.btn-ok
{
color : var(--ButtonOkFontColor) !important;
background-color : var(--ButtonOkBackground);
border-color : var(--ButtonOkBorderColor);
}
.btn-ok.focus, .btn-ok:focus, .btn-ok:hover
{
background-color : var(--ButtonOkHoverBackground);
border-color : var(--ButtonOkHoverBackground);
}
.btn-outline-primary
{
color : var(--RCPButtonOutlinePrimaryFontColor) !important;
background-color : var(--RCPButtonOutlinePrimaryBackground);
border-color : var(--RCPButtonOutlinePrimaryBorderColor);
}
.btn-outline-primary.focus, .btn-outline-primary:focus, .btn-outline-primary:hover
{
color : var(--RCPButtonOutlinePrimaryFontColor) !important;
background-color : var(--RCPButtonOutlinePrimaryHoverBackground);
}
.btn-fill-primary
{
color : var(--RCPButtonFillPrimaryFontColor) !important;
background-color : var(--RCPButtonFillPrimaryBackground);
border-color : var(--RCPButtonFillPrimaryBorderColor);
}
.btn-fill-primary.focus, .btn-fill-primary:focus, .btn-fill-primary:hover
{
color : var(--RCPButtonFillPrimaryFontColor) !important;
background-color : var(--RCPButtonFillPrimaryHoverBackground);
}
.btn-outline-advance-search
{
color : var(--ButtonAdvanceSearchFontColor);
background-color : var(--ButtonAdvanceSearchBackground);
border-color : var(--ButtonAdvanceSearchBorderColor);
}
.btn-outline-advance-search.focus, .btn-outline-advance-search:focus, .btn-outline-advance-search:hover
{
color : #ffffff;
background-color : var(--ButtonAdvanceSearchHoverBackground);
}
.btn-outline-addfilter
{
color : var(--ButtonAddFilterFontColor);
background-color : var(--ButtonAddFilterBackground);
border-color : var(--ButtonAddFilterBorderColor);
}
.btn-outline-addfilter.focus, .btn-outline-addfilter:focus, .btn-outline-addfilter:hover
{
color : #ffffff;
background-color : var(--ButtonAddFilterHoverBackground);
}
.btn-outline-clearfilter
{
color : var(--ButtonClearFilterFontColor);
background-color : var(--ButtonClearFilterBackground);
border-color : var(--ButtonClearFilterBorderColor);
}
.btn-outline-clearfilter.focus, .btn-outline-clearfilter:focus, .btn-outline-clearfilter:hover
{
color : #ffffff;
background-color : var(--ButtonClearFilterHoverBackground);
}
.btn-outline-secondary
{
color : var(--btn-outline-secondary);
background-color : transparent;
background-image : none;
border-color : var(--btn-outline-secondary);
}
.btn-outline-secondary:hover
{
color : #ffffff;
background-color : var(--btn-outline-secondary);
border-color : var(--btn-outline-secondary);
}
.btn-outline-dark-back
{
color : var(--btn-outline-dark-back);
background-color : transparent;
background-image : none;
border-color : var(--btn-outline-dark-back);
}
.btn-outline-dark-back:hover
{
color : #ffffff;
background-color : var(--btn-outline-dark-back);
border-color : var(--btn-outline-dark-back);
}
.btn-secondary
{
color : var(--button-primary-color);
background-color : #ffffff;
border : 1px solid var(--button-primary-color);
}
.btn.calendar-icon
{
background-color : transparent !important;
border-top-left-radius : 0;
border-bottom-left-radius : 0;
width : 100%;
padding : 0px !important;
border : 1px solid var(--input-border);
}
.btn.calendar-icon .fa
{
color : var(--input-icon);
}
.button-fileselect
{
font-size : 11px !important;
width : auto !important;
}
.metro-radio-horizontal
{
float : left;
}
.metro-checkbox > label > span.check,.metro-radio > label > span.check,.checkbox-inline.metro-checkbox > span.check,.radio-inline.metro-radio > span.check
{
padding-left : 10px;
}
.form-group .input-group
{
position : relative;
display : flex;
flex-wrap : wrap;
align-items : stretch;
width : 100%;
font-family : var(--secondary-font-family);
}
.custom-input-group
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
width : 100%;
}
.form-group label
{
font-family : var(--secondary-font-family);
}
.form-group .input-group > .form-control
{
width : 100%;
}
.inputfile
{
width : 0.1px !important;
height : 0.1px !important;
opacity : 0;
overflow : hidden;
position : absolute !important;
z-index : -1 !important;
}
.blockUI-message
{
display : inline-block;
min-width : 125px;
padding : 10px;
margin : 0 auto;
font-size : 13px;
font-weight : 400;
text-align : center;
vertical-align : middle;
background-color : transparent !important;
}
.form-control
{
display : block;
width : 100%;
height : 35px;
padding : 0.375rem 1rem;
font-size : 14px;
font-weight : 400;
line-height : 1.5;
color : #495057;
background-color : #fff;
background-clip : padding-box;
border : 1px solid var(--input-border);
border-radius : var(--BorderRadius) !important;
box-shadow : none;
transition : border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control.ui-autocomplete-input
{
border-top-right-radius : 0 !important;
border-bottom-right-radius : 0 !important;
}
.form-control:focus
{
color : #495057;
background-color : #ffffff;
border-color : #88c1f6;
outline : 0;
box-shadow : 0 0 0 0 rgb(18 132 236 / 25%);
}
textarea.form-control
{
height : 86px !important;
}
.detail-form label
{
width : 100%;
margin-bottom : 0.5rem;
}
.detail-form input.form-control,.detail-form select.form-control
{
font-size : 14px !important;
padding : 0.375rem 0.75rem 0.375rem 0.5rem !important;
}
.detail-form .form-group .input-group .right-block
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
}
.inputSpan
{
padding : 4px 12px !important;
right : 0px;
width : 13%;
float : left;
}
.input-single-selection
{
width : 87%;
float : left;
border-right : none !important;
border-top-right-radius : 0 !important;
border-bottom-right-radius : 0 !important;
}
.input-disable-Control
{
padding : 6px;
margin-left : 5px;
color : #333;
border : 1px solid #ccc;
cursor : not-allowed;
background-color : #eee;
opacity : 1;
height : 32px !important;
position : relative;
}
.imageClass
{
width : 100%;
}
#image-preview
{
height : 150px;
width : 50%;
position : relative;
overflow : hidden;
pointer-events : auto;
}
#image-preview,    #image-preview > div
{
height : 150px;
}
#image-preview > div > a > img
{
height : 140px;
}
#image-preview div
{
position : absolute;
z-index : 5;
opacity : 0.8;
font-size : 12px;
border : unset !important;
height : 84px;
cursor : pointer;
}
#image-preview div img
{
object-fit : fill;
width : 100%;
height : 82px;
cursor : pointer;
}
.imagecontrols
{
cursor : pointer;
position : absolute;
top : 0;
width : 45%;
height : 23px !important;
margin-left : 0.6rem;
color : white !important;
background-color : #0a79de;
opacity : 1;
z-index : 11;
transform : translate(1%, 0%);
display : none;
}
.imagecontrols .material-icons
{
color : white !important;
}
.imagecontrols > span > input[type=file]
{
position : absolute;
opacity : 0;
z-index : 10;
width : 16%;
height : 20px;
cursor : pointer;
top : 0;
}
.imageClass:hover .imagecontrols
{
display : block;
}
.profile-image .imageClass
{
position : relative;
}
.profile-image .imagecontrols
{
position : absolute;
right : 10px;
width : auto;
margin : 0;
height : auto !important;
background-color : white !important;
border-radius : 18px;
}
.profile-image .imagecontrols .material-icons
{
padding : 4px;
font-size : 20px;
color : var(--ThemePrimaryColor) !important;
}
.profile-image #image-preview > div > a > img
{
height : 110px;
width : 110px;
}
.input-group > .form-control,.input-group > .form-control-plaintext,.input-group > .custom-select,.input-group > .custom-file
{
position : relative;
flex : 1 1 auto;
width : 1% !important;
min-width : 0;
margin-bottom : 0;
}
.input-group > .input-group-append > button.btn
{
padding : 0 0.75rem !important;
border-color : #e8edf7 !important;
}
.input-group > .input-group-append > button.btn-outline-dark
{
color : #6b8ba9;
border : 1px solid #D6D6D6;
background-color : transparent;
}
.input-group-prepend,.input-group-append
{
display : flex;
}
.input-group-append
{
margin-left : -1px;
}
.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text,.input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text,.input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child)
{
border-top-left-radius : 0;
border-bottom-left-radius : 0;
}
.input-group:not(.has-validation) > .form-control:not(:last-child),.input-group:not(.has-validation) > .custom-select:not(:last-child),.input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after
{
border-top-right-radius : 0;
border-bottom-right-radius : 0;
}
.bootstrap-dialog-header
{
width : 100%;
margin-bottom : 0;
line-height : 1.5;
}
.modal-header .close
{
padding : 1rem 1rem;
margin : -1rem -1rem -1rem auto;
}
button.close
{
padding : 0;
background-color : transparent;
border : 0;
}
.close
{
float : right;
font-size : 1.3125rem;
font-weight : 500;
line-height : 1;
color : #000;
text-shadow : 0 1px 0 #ffffff;
opacity : .5;
}
.modal-backdrop.in
{
opacity : 0.3;
}
.dropdown-menu
{
position : absolute;
top : 100%;
left : 0;
z-index : 1000;
display : none;
float : left;
min-width : 10rem;
padding : 0.1rem 0;
margin : 0.125rem 0 0;
font-size : 0.875rem;
color : #f6f6f6;
text-align : left;
list-style : none;
background-color : #ffffff;
background-clip : padding-box;
border : 1px solid #e8edf7;
border-radius : var(--BorderRadius) !important;
}
.profile-dropdown .btn-profile
{
display : flex;
align-items : center;
padding : 1px 5px 1px 7px;
border : 1px solid var(--ThemePrimaryColor);
border-radius : 7px;
background-color : white;
}
.profile-dropdown .profile-icon
{
width : 45px;
height : 45px;
margin-left : 5px;
cursor : pointer;
border-radius : 50%;
}
.profile-dropdown .dropdown-menu
{
position : absolute;
will-change : transform;
top : 15px;
left : -65px;
transform : translate3d(0px, 38px, 0px);
right : auto;
bottom : auto;
padding : 0;
}
.profile-dropdown .dropdown-menu > .dropdown-item
{
display : block;
width : 100%;
padding : 0.38rem 1.5rem;
clear : both;
font-weight : 400;
color : #212529;
text-align : inherit;
white-space : nowrap;
background-color : transparent;
border : 0;
transition : all .3s;
-webkit-transition : all .3s;
-moz-transition : all .3s;
-ms-transition : all .3s;
-o-transition : all .3s;
}
.profile-dropdown .dropdown-menu > .dropdown-item.user-name
{
background-color : #ededed;
color : black;
font-weight : 500;
cursor : text;
}
.profile-dropdown .dropdown-menu > .dropdown-item:hover
{
background-color : #efefef;
color : (--color-white) !important;
}
.datepicker table tr td, .datepicker table tr th
{
vertical-align : middle !important;
}
.datepicker table tr td.today,    .datepicker table tr td.today:hover,    .datepicker table tr td.today.disabled,    .datepicker table tr td.today.disabled:hover
{
color : #ffffff !important;
background-color : var(--ThemePrimaryColor) !important;
border-color : var(--ThemePrimaryColor) !important;
}
span.field-validation-error
{
position : absolute;
top : 100%;
left : 0;
z-index : 5;
max-width : 100%;
padding : 0.25rem 0.5rem;
margin-top : 0.1rem;
font-size : .775rem;
line-height : 1.5;
color : #fff;
background-color : rgba(220,53,69,.9);
border-radius : 0.25rem;
}
span.field-validation-error span
{
font-size : .775rem;
line-height : 1.5;
color : #fff;
}
.form-heading
{
width : 100%;
text-align : center;
font-family : var(--primary-font-family);
color : var(--ThemePrimaryColor);
padding : 25px 0;
}
.btn-back-to-top
{
position : fixed;
bottom : 40px;
right : 40px;
padding : 10px 18px;
border-radius : 26px;
opacity : 0;
visibility : hidden;
transition : all 0.3s ease-in-out;
-webkit-transition : all 0.3s ease-in-out;
-moz-transition : all 0.3s ease-in-out;
-ms-transition : all 0.3s ease-in-out;
-o-transition : all 0.3s ease-in-out;
-webkit-box-shadow : 0px 0px 14px 0px rgba(0,0,0,0.45);
-moz-box-shadow : 0px 0px 14px 0px rgba(0,0,0,0.45);
box-shadow : 0px 0px 14px 0px rgba(0,0,0,0.45);
}
.btn-back-to-top.btn-common .fa,.btn-back-to-top.btn-common:hover .fa
{
color : var(--RCPButtonCommonFontColor) !important;
}
.btn-back-to-top.show-back-to-top
{
opacity : 1;
visibility : visible;
}
body.modal-open .btn-back-to-top.show-back-to-top
{
opacity : 0;
visibility : hidden;
}
.btn-back-to-top .fa
{
color : #ffffff;
transition : all 0.3s ease-in-out;
-webkit-transition : all 0.3s ease-in-out;
-moz-transition : all 0.3s ease-in-out;
-ms-transition : all 0.3s ease-in-out;
-o-transition : all 0.3s ease-in-out;
}
.btn-back-to-top:hover .fa
{
color : var(--ThemePrimaryColor);
}
.full-heading
{
padding : 22px 0;
text-align : center;
background-color : var(--HeaderBackground);
}
.user-profile .full-heading
{
background : linear-gradient(90deg, var(--HeaderBackground) -0.52%, rgba(151, 38, 156, 0) 100%) !important;
}
.full-heading .full-heading-content
{
margin-bottom : 10px;
}
.full-heading .full-heading-content p
{
color : var(--HeaderFontColor);
}
.full-heading .full-heading-content:last-child
{
margin : 0;
}
.full-heading .full-heading-content,    .full-heading .full-heading-content b
{
color : var(--HeaderFontColor);
font-family : var(--secondary-font-family);
font-style : normal;
font-size : 20px;
}
.success-lable
{
padding : 5px 20px;
background-color : #5cb85c;
color : white;
font-size : 12px;
border-radius : 20px;
}
.orange-lable
{
padding : 5px 20px;
background-color : #ce7e46;
color : white;
font-size : 12px;
border-radius : 20px;
}
.clsAdvSearch .panel-default > .panel-heading
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
-webkit-box-pack : justify;
-ms-flex-pack : justify;
justify-content : space-between;
background-color : transparent;
border-color : transparent;
}
.clsAdvSearch .panel-footer
{
background-color : transparent;
border-color : transparent;
}
.main-block
{
min-height : calc(100% - 118px);
}
header
{
padding : 8px 0;
transition : all .1s;
-webkit-transition : all .1s;
-moz-transition : all .1s;
-ms-transition : all .1s;
-o-transition : all .1s;
}
header .header-wrapper
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
-webkit-box-pack : justify;
-ms-flex-pack : justify;
justify-content : space-between;
margin : 0 20px;
}
header .header-wrapper .company-name
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
font-size : 20px;
color : var(--HeaderBackground);
}
header .header-wrapper a .company-logo
{
height : 42px !important;
width : auto;
margin : 0 10px 0 0;
}
header .header-wrapper .header-links
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
}
header .header-wrapper .header-links li
{
margin : 0 0 0 20px;
}
header .header-wrapper .header-links li a
{
color : #000000;
}
header .header-wrapper .header-lines
{
display : none;
}
header .header-wrapper .overlay
{
display : none;
}
header.sticky-header
{
position : sticky;
top : 0;
right : 0;
left : 0;
background-color : #ffffff;
-webkit-box-shadow : 0px 2px 7px 2px rgba(0,0,0,0.25);
-moz-box-shadow : 0px 2px 7px 2px rgba(0,0,0,0.25);
box-shadow : 0px 2px 7px 2px rgba(0,0,0,0.25);
z-index : 9;
}
footer
{
margin : 30px 0 0;
}
footer .site-footer
{
margin : 0;
padding : 15px;
display : flex;
flex-wrap : wrap;
align-items : center;
justify-content : space-evenly;
list-style-type : none;
border-bottom : 1px solid rgba(205, 205, 205, 1);
}
footer .site-footer > li > a
{
font-size : 16px;
color : #000000;
text-decoration : none !important;
}
footer p
{
padding : 8px 0;
font-size : 12px;
}
.login-section > *,.login-section > .form-control
{
font-family : var(--secondary-font-family);
}
.login-section .login-heading
{
padding : 26px 0;
text-align : center;
background-color : #F4F5F7;
font-family : var(--secondary-font-family);
font-style : normal;
font-weight : 500;
font-size : 30px;
}
.login-section .login-wrapper
{
width : 100%;
max-width : 600px;
margin : 0 auto;
padding : 80px;
}
.login-section .login-wrapper .login-content
{
padding : 28px 15px;
border : 1px solid #E3E3E3;
border-radius : 3px;
}
.login-section .login-wrapper .login-content .form-group
{
margin : 0 0 10px;
}
.login-section .login-wrapper .login-content .form-group label
{
display : block;
margin : 0 0 10px;
font-weight : 500;
font-size : 15px;
}
.login-section .login-wrapper .login-content .btn.btn-primary
{
width : 100%;
}
.login-section .login-wrapper .login-content .forgot-passowrd
{
text-align : right !important;
}
.login-section .login-wrapper .login-content .button-wrapper
{
padding : 5px 0 20px;
}
.login-section .login-wrapper .login-content p
{
text-align : center;
font-size : 15px;
font-weight : 400;
}
.login-section .login-wrapper .login-content p a
{
font-weight : 500;
cursor : pointer;
}
.login-section .button-wrapper .btn
{
width : 100%;
}
.login-section .login-wrapper .captcha-form-group
{
margin-bottom : 1rem;
}
.login-section .login-wrapper .captcha-form-group div.col-sm-12:nth-child(1)
{
padding : 0 1rem 0 0;
}
.login-section .login-wrapper .captcha-form-group div.col-sm-12:nth-child(2)
{
padding : 0 0 0 1rem;
}
.register-section
{
background-color : var(--background-color);
}
.register-section .register-heading
{
padding : 26px 0;
text-align : center;
color : var(--HeaderFontColor);
background-color : var(--HeaderBackground);
font-family : var(--secondary-font-family);
font-style : normal;
font-weight : 500;
font-size : 30px;
}
.register-section .register-wrapper.first
{
width : 100%;
max-width : 1000px;
margin : 50px auto 0;
padding-bottom : 15px;
background-color : #ffffff;
border-top-left-radius : 20px;
border-top-right-radius : 20px;
border-bottom : 1px solid #D3D3D3;
}
.register-section .register-wrapper.second
{
width : 100%;
max-width : 1000px;
margin : 0 auto;
padding : 0 0 30px;
background-color : #ffffff;
border-bottom-left-radius : 20px;
border-bottom-right-radius : 20px;
}
.register-section .register-wrapper .register-content
{
width : 100%;
max-width : 410px;
margin : 0 auto;
}
.register-section .register-wrapper .register-content .btn.btn-primary
{
margin : 30px 0 0;
width : 100%;
}
.register-section .register-wrapper .register-content p
{
text-align : center;
font-size : 15px;
font-weight : 400;
}
.register-section .register-wrapper .register-content p a
{
font-weight : 500;
cursor : pointer;
}
.content-wrapper
{
padding : 60px 0;
}
.content-wrapper .heading
{
margin : auto;
margin-bottom : 70px;
max-width : 500px;
font-size : 46px;
text-align : center;
}
.content-wrapper .filter-block
{
margin : auto;
padding : 8px 0px;
display : flex;
flex-wrap : wrap;
max-width : 80%;
border-radius : 12px;
-webkit-box-shadow : 0px 4px 22px 1px rgba(69, 64, 219, 0.15);
-moz-box-shadow : 0px 4px 22px 1px rgba(69, 64, 219, 0.15);
box-shadow : 0px 4px 22px 1px rgba(69, 64, 219, 0.15);
}
.content-wrapper .filter-block .form-control
{
width : 100%;
padding : 10px 0 10px 50px;
height : calc(1.5em + 0.75rem + 2px) !important;
}
.content-wrapper .filter-block .input-icons-wrapper
{
position : relative;
flex-grow : 1;
width : 33%;
border : 0;
border-right : 1px solid rgba(0,0,0,0.3);
border-radius : 0;
padding : 0px 10px 0 10px;
}
.content-wrapper .filter-block .input-icons-wrapper:nth-child(3) .form-control
{
padding : 10px 0px 10px 20px;
}
.content-wrapper .filter-block .input-icons-wrapper:nth-child(3) .deleteicon
{
max-width : 73%;
}
.content-wrapper .filter-block .input-icons-wrapper .icon
{
padding : 5px;
color : rgba(10, 29, 46, 0.5);
min-width : 50px;
text-align : center;
}
.content-wrapper .filter-block .input-icons-wrapper:nth-child(3),            .content-wrapper .filter-block .input-icons-wrapper .form-control
{
border : 0;
}
.content-wrapper .filter-block .input-icons-wrapper i
{
position : absolute;
font-size : 22px;
top : 5px;
left : 22px;
color : rgba(0, 0, 0, 0.2);
z-index : 1;
}
.content-wrapper .filter-block .input-icons-wrapper .search-button
{
position : absolute;
top : -36px;
right : 10px;
font-size : 15px;
border-radius : 15px;
}
span.deleteicon
{
position : relative;
display : flex;
align-items : center;
}
span.deleteicon span
{
position : absolute;
top : 7px;
display : block;
right : 3px;
width : 15px;
height : 15px;
border-radius : 50%;
color : #ccc;
font : 17px monospace;
text-align : center;
line-height : 1em;
cursor : pointer !important;
}
.job-category-section
{
background-color : var(--background-color);
}
.job-category-section .content-wrapper
{
padding : 30px 0;
}
.job-category-section .content-wrapper .heading
{
font-size : 34px;
margin-bottom : 50px;
}
.job-category-section .content-wrapper .card-content
{
padding : 14px;
}
.job-category-section .content-wrapper .card-block
{
display : flex;
max-height : 126px;
padding : 30px 20px;
background-color : var(--card-backgroud-color);
border-radius : 12px;
transition : .3s all ease;
-webkit-box-shadow : 0px 1px 4px rgba(0, 0, 0, 0.25);
-moz-box-shadow : 0px 1px 4px rgba(0, 0, 0, 0.25);
box-shadow : 0px 1px 4px rgba(0, 0, 0, 0.25);
}
.job-category-section .content-wrapper .card-block:hover
{
color : var(--card-backgroud-color);
background-color : var(--HeaderBackground);
}
.job-category-section .content-wrapper .card-block:hover i,                .job-category-section .content-wrapper .card-block:hover h4,                .job-category-section .content-wrapper .card-block:hover p
{
color : var(--card-backgroud-color);
}
.job-category-section .content-wrapper .card-block .fa
{
margin : 0 4px 0 10px;
font-size : 28px;
color : rgba(0, 0, 0, 0.7);
transition : .3s all ease;
}
.job-category-section .content-wrapper .card-block .card-block-details
{
padding-left : 10px;
}
.job-category-section .content-wrapper .card-block .card-block-details h4
{
margin-bottom : 1rem;
font-style : normal;
font-weight : 400;
font-size : 25px;
line-height : 29px;
}
.job-category-section .content-wrapper .card-block .card-block-details p
{
font-size : 16px;
line-height : 21px;
}
.resume-section .resume-wrapper
{
padding : 85px 0;
}
.resume-section .resume-wrapper .resume-card
{
position : relative;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
-webkit-box-pack : end;
-ms-flex-pack : flex-end;
justify-content : flex-end;
padding : 65px;
height : 530px;
text-align : left;
background-color : var(--HeaderBackground);
border-radius : 20px;
}
.resume-section .resume-wrapper .resume-card img
{
position : absolute;
top : -14px;
left : -60px;
height : 490px !important;
width : 660px !important;
}
.resume-section .resume-wrapper .resume-card .resume-card-details
{
max-width : 500px;
}
.resume-section .resume-wrapper .resume-card h1
{
font-size : 40px;
font-weight : 400;
color : var(--HeaderFontColor);
line-height : 47px;
}
.resume-section .resume-wrapper .resume-card p
{
padding : 20px 0 30px;
font-size : 18px;
color : var(--HeaderFontColor);
line-height : 24px;
}
.resume-section .resume-wrapper .resume-card button
{
padding : 10px 12px;
background-color : #fff;
color : #4540db;
font-size : 18px;
font-weight : 500;
line-height : 21px;
text-align : center;
border-radius : 15px;
border : 1px solid #fff;
transition : .3s all ease;
cursor : pointer;
}
.resume-section .resume-wrapper .resume-card button:hover
{
color : #fff;
background-color : transparent;
border : 1px solid #fff;
}
.resume-section .resume-wrapper .resume-card button .icon
{
min-width : 20px;
}
.job-list .record-count
{
margin : 30px 20px 7px;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
-webkit-box-pack : justify;
-ms-flex-pack : justify;
justify-content : space-between;
}
.job-list .filter-block
{
margin : 0 20px 10px;
max-width : 100%;
}
.job-list .card
{
margin : 0 20px 20px;
border : none;
}
.job-list .card .card-body
{
border : 1px solid rgba(0, 0, 0, 0.2);
border-radius : 10px;
cursor : pointer;
transition : all .3s;
-webkit-transition : all .3s;
-moz-transition : all .3s;
-ms-transition : all .3s;
-o-transition : all .3s;
}
.job-list .card .card-body:hover
{
-webkit-box-shadow : 0px 0px 8px 1px rgba(0,0,0,0.3);
-moz-box-shadow : 0px 0px 8px 1px rgba(0,0,0,0.3);
box-shadow : 0px 0px 8px 1px rgba(0,0,0,0.3);
}
.job-list .card .card-body .card-content
{
padding : 17px;
}
.job-list .card .card-body .card-content:first-child
{
border-bottom : 1px solid rgba(0, 0, 0, 0.2);
}
.job-list .card .card-body .card-block-header
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-pack : justify;
-ms-flex-pack : justify;
justify-content : space-between;
}
.job-list .card .card-body .card-block-header h5
{
margin : 0 0 5px;
font-family : var(--secondary-font-family);
font-style : normal;
font-weight : 500;
font-size : 25px;
line-height : 30px;
}
.job-list p
{
padding : 4px 2px;
font-family : var(--secondary-font-family);
font-style : normal;
font-weight : 400;
font-size : 13px;
line-height : 13px;
color : rgba(112, 112, 112, 0.8);
}
.job-list .card .card-body .card-block-details p.company-name
{
padding : 0 0 12px 2px;
}
.job-list .card .card-body .card-block-details p .fa
{
min-width : 16px;
text-align : center;
color : rgba(0, 0, 0, 0.5);
margin : 0 5px 0 0;
}
.job-list .card .card-body .card-block-details.card-block-footer,.job-list .card .card-body .card-block-details.card-block-footer .content-left
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
-webkit-box-pack : justify;
-ms-flex-pack : justify;
justify-content : space-between;
}
.job-list .card .card-body .card-block-details.card-block-footer .content-left p:last-child
{
margin-left : 10px;
}
.job-list .show-more
{
text-align : center;
}
.job-list .no-records
{
text-align : center;
padding : 40px 0;
font-size : 16px;
}
.job-description-heading
{
margin : 0 0 30px;
}
.container-row
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-align : start;
-ms-flex-align : start;
align-items : flex-start;
-webkit-box-pack : justify;
-ms-flex-pack : justify;
justify-content : space-between;
}
.container-row .left-block
{
-webkit-box-flex : 0;
-ms-flex : 0 0 70%;
flex : 0 0 70%;
max-width : 70%;
margin : 0 15px;
}
.container-row .right-block
{
-webkit-box-flex : 0;
-ms-flex : 0 0 30%;
flex : 0 0 30%;
max-width : 30%;
margin : 0 15px;
background-color : #ffffff;
border-radius : 15px;
}
.job-description-content .card
{
margin-bottom : 5px;
background-color : #ffffff;
border-radius : 15px;
}
.job-description-content .card .card-body
{
border-radius : 10px;
}
.job-description-content .card .card-body .card-content
{
padding : 17px 23px;
}
.job-description-content .card .card-body .card-content:first-child
{
border-bottom : 1px solid rgba(0, 0, 0, 0.2);
}
.job-description-content .card .card-body .card-block-header
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-pack : justify;
-ms-flex-pack : justify;
justify-content : space-between;
}
.job-description-content .card .card-body .card-block-header h5
{
margin : 0 0 5px;
font-family : var(--secondary-font-family);
font-style : normal;
font-weight : 500;
font-size : 25px;
line-height : 30px;
}
.job-description-content p,.job-description-content li
{
padding : 4px 2px;
font-family : var(--secondary-font-family);
font-style : normal;
font-weight : 400;
font-size : 13px;
line-height : 13px;
color : rgba(112, 112, 112, 0.8);
}
.job-description-content .card .card-body .card-block-details p.company-name
{
padding : 0 0 12px 2px;
}
.job-description-content .card .card-body .card-block-details p .fa
{
min-width : 16px;
text-align : center;
color : rgba(0, 0, 0, 0.5);
margin : 0 5px 0 0;
}
.job-description-content .card .card-body .card-block-details.card-block-footer,.job-description-content .card .card-body .card-block-details.card-block-footer .content-left
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
-webkit-box-pack : justify;
-ms-flex-pack : justify;
justify-content : space-between;
}
.job-description-content .card .card-body .card-block-details.card-block-footer .content-left p:last-child
{
margin-left : 10px;
}
.job-description-content .card-block-details .job-description-details,.job-description-content .card-block-details .job-details,.job-description-content .card-block-details .job-skills
{
padding : 20px 56px 20px 24px;
}
.job-description-content .job-description-details h4
{
margin-bottom : 16px;
font-family : var(--secondary-font-family);
font-style : normal;
font-weight : 700;
font-size : 24px;
line-height : 30px;
}
.job-description-content .job-description-details p,.job-description-content .job-description-details li
{
color : #000000;
font-family : var(--secondary-font-family);
font-style : normal;
font-weight : 300;
font-size : 16px;
line-height : 25px;
}
.job-description-content .job-description-details ul
{
margin-left : 20px;
list-style-type : disc;
}
.job-description-content .job-description-details h6
{
padding : 20px 0;
font-family : var(--secondary-font-family);
font-style : normal;
line-height : 30px;
}
.job-description-content .job-details li
{
font-size : 16px;
font-family : var(--secondary-font-family);
font-style : normal;
line-height : 30px;
}
.job-description-content .job-details li .job-details-header
{
font-size : 18px;
font-family : var(--secondary-font-family);
font-weight : 500;
color : #000000;
}
.job-description-content .job-skills li .job-details-header
{
font-size : 18px;
font-family : var(--secondary-font-family);
font-weight : 500;
color : #000000;
}
.job-description-content .job-skills ul
{
display : flex;
flex-wrap : wrap;
margin-bottom : 30px;
}
.job-description-content .job-skills li
{
margin : 0 15px 15px 0;
padding : 15px 20px;
border : 1px solid rgba(112, 112, 112, 0.8);
border-radius : 25px;
}
.job-description-content .job-skills li .fa
{
margin-right : 5px;
font-size : 18px;
color : rgba(112, 112, 112, 0.8);
}
.job-description-content .card .full-heading
{
position : relative;
padding : 45px 20px 10px 20px;
}
.job-description-content .card .full-heading .full-heading-content
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
padding-left : 30px;
}
.job-description-content .card .full-heading .full-heading-content p
{
font-size : 16px;
}
.job-description-content .card .full-heading .full-heading-content p .fa.fa-check-square-o
{
margin : 0 2px 0 10px;
font-size : 18px;
color : #4EC085;
}
.job-description-content .card .full-heading .full-heading-content p .fa.fa-times
{
margin : 0 2px 0 10px;
font-size : 18px;
color : rgba(112, 112, 112, 0.8);
}
.job-description-content .card .full-heading .full-heading-content span
{
position : absolute;
top : 15px;
left : 0px;
height : 27px;
width : 8px;
background-color : var(--ThemePrimaryColor);
}
.right-block p,.right-block li
{
color : #000000;
}
.right-block .card-body
{
padding : 20px !important;
}
.right-block .card-body .card-body-content
{
margin : 0 0 15px;
padding : 20px 20px 18px;
border : 1px solid var(--ThemePrimaryColor);
border-radius : 15px;
}
.right-block .card-body .card-body-content:last-child
{
margin : 0;
}
.right-block .card-body .card-body-content h4
{
font-weight : 400;
}
.right-block .card-block-footer
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
-webkit-box-pack : justify;
-ms-flex-pack : justify;
justify-content : space-between;
}
.user-profile .full-heading
{
padding : 12px 50px;
}
.profile-header *,.profile-details *
{
color : var(--HeaderBackground);
}
.profile-header p
{
margin : 6px 0;
font-style : normal;
font-weight : 400;
font-size : 15px;
line-height : 15px;
text-align : left;
}
.profile-header i.fa
{
min-width : 18px;
margin-right : 5px;
}
.profile-header .profile-image,.profile-header .personal-details
{
margin : 0 10px;
}
.profile-header .profile-image
{
width : 110px;
}
.profile-header #image-preview
{
width : 100% !important;
}
.profile-header .profile-image img
{
max-width : 105px;
border-radius : 50%;
}
.profile-header .personal-details .person-name,.profile-header .personal-details .person-info
{
margin : 9px 0;
}
.profile-header .personal-details.child-white *
{
color : var(--HeaderFontColor) !important;
}
.profile-header .personal-details .user-name
{
position : relative;
font-size : 24px;
line-height : 28px;
text-align : left;
font-style : normal;
font-weight : 500;
}
.profile-header .personal-details .user-name i.fa
{
position : absolute;
top : -3px;
margin-left : 8px;
font-size : 15px;
cursor : pointer;
}
.profile-header .person-info .person-info-left,.profile-header .person-info .person-info-right
{
padding : 0 30px 0 0;
}
.profile-header .person-info p
{
margin : 12px 0;
}
.profile-header .right-block
{
position : relative;
padding : 10px 30px;
min-width : 40%;
text-align : left;
background-color : #ffffff;
border-radius : 20px;
}
.profile-header .right-block h2
{
font-weight : 500;
font-size : 24px;
line-height : 38px;
margin-bottom : 15px;
}
.profile-header .right-block ul li
{
margin : 3px 0;
}
.profile-header .right-block ul li a
{
font-size : 14px;
color : #407BFF;
}
.profile-header .view-all
{
position : absolute;
right : 20px;
bottom : 10px;
font-size : 15px;
font-weight : 500;
}
.profile-details
{
padding : 50px 30px 0;
}
.profile-details-wrapper .left-block
{
margin : 0 10px;
-webkit-box-flex : 0;
-ms-flex : 0 0 20%;
flex : 0 0 20%;
max-width : 20%;
}
.profile-details-wrapper .right-block
{
margin : 0 10px;
-webkit-box-flex : 0;
-ms-flex : 0 0 77%;
flex : 0 0 77%;
max-width : 77%;
}
.c-card
{
min-height : 100px;
padding : 22px 0 0;
background-color : #ffffff;
border-radius : 20px;
}
.c-card .header-wrapper
{
position : relative;
padding : 0 30px 0 0;
}
.c-card .header-wrapper a
{
position : absolute;
top : 2px;
right : 30px;
min-width : 154px;
text-align : center;
}
.c-card .c-card-body
{
padding : 22px;
}
.c-card .f-header
{
padding : 6px 0;
text-align : center;
background-color : var(--HeaderBackground);
}
.c-card .s-header
{
padding : 6px 20px;
text-align : left;
background-color : var(--HeaderBackground);
border-top-right-radius : 8px;
border-bottom-right-radius : 8px;
}
.profile-details .c-card .s-header
{
background : linear-gradient(90deg, var(--HeaderBackground) -0.2%, rgba(151, 38, 156, 0) 100%);
}
.c-card .header-wrapper .s-header
{
min-width : 30%;
}
.c-card .f-header .header,.c-card .s-header .header
{
font-family : var(--secondary-font-family);
font-weight : 600;
color : var(--HeaderFontColor);
}
.c-card .header-tooltip
{
padding : 6px 15px;
font-size : 12px;
color : var(--HeaderFontColor);
}
.profile-details .left-block .c-card
{
position : sticky;
top : 0;
}
.profile-details .c-card
{
margin : 0 0 15px;
}
.profile-details .c-card .c-card-body .navigation-links li
{
margin : 25px 20px;
}
.profile-details .c-card .c-card-body .navigation-links li:first-child
{
margin : 0 20px 25px;
}
ul.skill-list
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-wrap : wrap;
-ms-flex-wrap : wrap;
flex-wrap : wrap;
margin-bottom : 30px;
}
ul.skill-list li
{
margin : 0 15px 15px 0;
padding : 12px 15px;
color : rgba(112, 112, 112, 0.8);
border : 1px solid rgba(112, 112, 112, 0.8);
border-radius : 25px;
font-size : 15px;
}
ul.skill-list li .fa
{
margin-right : 5px;
font-size : 18px;
color : rgba(112, 112, 112, 0.8);
}
ul.cource-list *
{
font-family : var(--primary-font-family);
}
ul.cource-list
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-flex-wrap : wrap;
-ms-flex-wrap : wrap;
flex-wrap : wrap;
}
ul.cource-list li
{
margin : 0 15px 15px 0;
padding : 10px 20px 15px;
border : 1px solid var(--ThemePrimaryColor);
border-radius : 12px;
}
ul.cource-list li h6
{
font-size : 20px;
font-weight : 500;
margin-bottom : 3px;
}
ul.cource-list li p
{
font-size : 13px;
line-height : 15px;
padding : 3px 0;
}
.profile-details-wrapper .resume-header .resume-name
{
font-family : var(--secondary-font-family);
font-style : normal;
font-weight : 500;
font-size : 24px;
line-height : 29px;
color : #000000;
}
.profile-details-wrapper .resume-header span
{
font-style : normal;
font-weight : 400;
font-size : 12px;
line-height : 15px;
color : #878787;
}
.profile-details-wrapper .resume-header .resume-download
{
padding : 0 30px;
}
.profile-details-wrapper .resume-header a i.fa
{
font-style : normal;
font-weight : 400;
font-size : 28px;
line-height : 28px;
color : var(--ThemePrimaryColor);
}
.profile-details-wrapper .resume-details
{
margin : 20px 0 0;
min-height : 200px;
border : 1px solid var(--ThemePrimaryColor);
border-radius : 20px;
}
.profile-details-wrapper .resume-upload
{
position : relative;
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
-webkit-box-pack : center;
-ms-flex-pack : center;
justify-content : center;
min-height : 190px;
border : 1px solid var(--ThemePrimaryColor);
border-radius : 20px;
margin : 20px 0 0;
}
.profile-details-wrapper .resume-upload-wrapper
{
position : relative;
overflow : hidden;
display : inline-block;
}
.profile-details-wrapper .resume-upload-wrapper .btn
{
padding : 12px 90px;
margin-bottom : 15px;
font-weight : 500;
font-size : 17px !important;
line-height : 22px;
text-align : center;
border-radius : 18px;
}
.profile-details-wrapper .resume-upload-wrapper .right-block
{
display : none;
}
.profile-details-wrapper .resume-upload-wrapper input[type=file]
{
font-size : 100px;
position : absolute;
left : 0;
top : 0;
opacity : 0;
}
.profile-details-wrapper .resume-upload span
{
position : absolute;
bottom : 48px;
font-size : 13px;
color : #878787;
}
.form-overlay
{
position : fixed;
top : 0;
right : 0;
bottom : 0;
left : 0;
height : 100%;
width : 100%;
background-color : rgba(0,0,0,0.3);
opacity : 0;
visibility : hidden;
transition : all .3s;
z-index : 1000;
}
.form-overlay.show
{
opacity : 1;
visibility : visible;
}
.form-section > *,.form-section > .form-control
{
font-family : var(--secondary-font-family);
}
.form-section .form-heading
{
position : relative;
padding : 0 20px 16px 0;
color : #000000;
text-align : left;
font-family : var(--secondary-font-family);
font-style : normal;
font-weight : 500;
font-size : 24px;
}
.form-section .form-small-heading
{
position : relative;
padding : 0 20px 16px 0;
color : #000000;
text-align : left;
font-family : var(--secondary-font-family);
font-style : normal;
font-weight : 500;
font-size : 12px;
text-decoration : underline;
}
.form-section .form-heading a
{
position : absolute;
right : 10px;
cursor : pointer;
}
.form-section .form-wrapper
{
width : 100%;
max-width : 700px;
margin : 0 auto;
padding : 80px;
}
.form-section .form-wrapper .form-content
{
padding : 8px 15px;
background-color : #ffffff;
}
.form-section .form-wrapper .form-content .form-content-title
{
margin-bottom : 0.25rem !important;
font-size : 12px;
font-weight : 400;
text-decoration : underline;
}
.form-section .form-wrapper .form-content p
{
text-align : center;
font-size : 15px;
font-weight : 400;
}
.form-section .form-wrapper .form-content p a
{
font-weight : 500;
cursor : pointer;
}
.form-section .form-wrapper .form-group-wrapper
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
-webkit-box-pack : justify;
-ms-flex-pack : justify;
justify-content : space-between;
}
.form-section .form-wrapper .button-wrapper
{
width : 100%;
padding : 20px 0;
}
.form-section .form-wrapper .button-wrapper .button-panel
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
-webkit-box-pack : center;
-ms-flex-pack : center;
justify-content : center;
}
.form-section .form-wrapper .button-wrapper .button-panel .btn
{
margin : 0 7px;
}
.form-section.new-page .container .form-wrapper
{
max-width : 100%;
padding : 20px 60px;
}
.form-section.new-page .container .form-wrapper .form-content
{
margin-bottom : 20px;
border-radius : 5px;
border : 1px solid #e8edf7;
-webkit-box-shadow : rgb(0 0 0 / 7%) 0px 5px 10px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
-moz-box-shadow : rgb(0 0 0 / 7%) 0px 5px 10px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
box-shadow : rgb(0 0 0 / 7%) 0px 5px 10px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
}
.form-section.small-modal .form-wrapper
{
max-width : 500px;
}
.table-wrapper
{
width : 100%;
padding : 22px 0 22px;
}
.table-wrapper > table
{
width : 100%;
}
.table-wrapper > table.language-table thead
{
padding : 15px;
border-bottom : 1px solid #C4C4C4;
}
.table-wrapper > table.language-table thead tr th,            .table-wrapper > table.language-table tbody tr td
{
padding : 12px 0 12px 60px;
text-align : left;
font-style : normal;
font-weight : 400;
font-size : 17px;
line-height : 20px;
color : #707070;
}
.table-wrapper > table.language-table thead tr th
{
font-weight : 500;
font-size : 18px;
}
.table-wrapper > table.language-table tbody tr td i.fa
{
margin-left : 0 20px;
color : #4EC085;
cursor : pointer;
}
.table-wrapper > table.language-table tbody tr td i.fa-pencil
{
margin-right : 20px;
color : var(--ThemePrimaryColor);
}
.table-wrapper > table.language-table tbody tr td i.fa-trash
{
color : #FF0000;
}
.popup-select-list > *,.popup-select-list > .form-control
{
font-family : var(--secondary-font-family);
}
.popup-select-list .popup-wrapper
{
margin : 40px 0;
background-color : #ffffff;
border-radius : 5px;
}
.popup-select-list .popup-wrapper .popup-content
{
padding : 24px;
}
.popup-select-list .popup-heading
{
position : relative;
padding : 1rem 2.5rem 1rem 1rem;
color : #000000;
text-align : left;
font-family : var(--secondary-font-family);
font-style : normal;
border-bottom : 1px solid #e8edf7;
border-top-left-radius : calc(0.3rem - 1px);
border-top-right-radius : calc(0.3rem - 1px);
}
.popup-select-list .popup-heading a
{
position : absolute;
right : 20px;
cursor : pointer;
}
.popup-search
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
-webkit-box-pack : center;
-ms-flex-pack : center;
justify-content : center;
padding : 0 0 10px 0;
}
.popup-search .popup-search-input
{
padding : 0 10px 0 0;
-webkit-box-flex : 0;
-ms-flex : 0 0 84%;
flex : 0 0 84%;
max-width : 84%;
}
.popup-search .popup-search-advancebutton
{
padding : 0 0 0 10px;
-webkit-box-flex : 0;
-ms-flex : 0 0 16%;
flex : 0 0 16%;
max-width : 16%;
}
custom-input-group
{
display : table;
padding : 0;
margin : 0;
width : 100%;
}
.custom-input-group > :first-child
{
display : table-cell;
}
.custom-input-group > .custom-input-group-addon
{
display : table-cell;
width : 39px;
border : 1px solid #ccc;
border-left : 0px;
font-size : 14px;
font-weight : 400;
line-height : 1;
color : #555;
text-align : center;
background-color : #eee;
vertical-align : middle;
}
.popup-search .popup-form-group
{
position : relative;
}
.popup-search .popup-form-group .form-control
{
height : 37px;
padding : 0.375rem 1rem 0.375rem 2.3rem;
}
.popup-search .custom-input-group-addon
{
position : absolute;
top : 7px;
left : 10px;
color : #a3b4c2;
font-size : 23px;
}
.popup-search .btn.btn-outline-primary
{
font-weight : 500;
}
.popup-search .btn .fa
{
margin-right : 5px;
color : inherit;
}
.popup-search .btn:hover .fa
{
color : #ffffff;
transition : all .3s;
-webkit-transition : all .3s;
-moz-transition : all .3s;
-ms-transition : all .3s;
-o-transition : all .3s;
}
.advanceSearch
{
border : 1px solid #e8edf7;
padding : 24px;
border-radius : 7px;
width : 100%;
display : none;
}
.table-responsive
{
width : 100%;
max-height : 420px;
overflow : auto;
}
.table-responsive table
{
width : 100%;
font-size : 13px;
border : 1px solid #e8edf7;
border-radius : 5px;
border-collapse : separate;
border-spacing : 0;
background : #ffffff;
}
.table-responsive .table tr td
{
padding : 0.45rem;
border-bottom : none !important;
text-align : left;
font-weight : 400;
font-size : 14px;
color : var(--GridRowFontColor);
background-color : var(--GridRowBackground);
border-top : none;
position : sticky;
top : 0;
cursor : pointer;
border-top : 1px solid #e8edf7;
}
.table-responsive .table tr th
{
position : sticky;
top : 0;
border : none !important;
background-color : var(--GridHeaderBackground) !important;
font-weight : 500;
font-size : 16px;
z-index : 1;
}
.table-responsive .table tr th a
{
font-size : 14px;
font-weight : 400;
color : var(--GridHeaderFontColor) !important;
}
.table-responsive .table tr.gridrow_alternate td
{
background-color : var(--GridAlternateRowBackground);
}
.table-responsive .table tr:hover td
{
background-color : var(--GridRowHoverBackground);
}
.table-responsive .table thead tr:first-child > th:first-child
{
border-radius : 5px 0 0 0;
}
.table-responsive .table thead tr:first-child > th:last-child
{
border-radius : 0 5px 0 0;
}
.page-footer
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
-webkit-box-pack : justify;
-ms-flex-pack : justify;
justify-content : space-between;
padding : 17px 0;
}
.page-footer p
{
margin : 0;
font-size : 14px;
font-weight : 400;
opacity : 0.54;
}
.page-footer .action
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
}
.page-footer .action form
{
margin : 0 0.5rem;
}
.pagination
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
padding-left : 0;
margin : 0;
list-style : none;
border-radius : var(--BorderRadius) !important;
}
.page-item.disabled .page-link
{
color : #6c757d;
pointer-events : none;
background-color : var(--GridFooterFontColor) !important;
border-color : #dee2e6;
}
.page-item.disabled .page-link span
{
color : #6c757d;
}
.page-item:first-child .page-link
{
margin-left : 0;
border-top-left-radius : 0.25rem;
border-bottom-left-radius : 0.25rem;
}
.page-link
{
position : relative;
display : block;
padding : 0.5rem 0.75rem;
margin-left : -1px;
line-height : 1.25;
color : #1284ec;
background-color : #ffffff;
border : 1px solid #dee2e6;
}
.page-item.active .page-link
{
z-index : 3;
color : var(--GridFooterFontColor);
background-color : var(--GridFooterBackground);
border-color : var(--GridFooterBorderColor);
}
.page-item.active .page-link:hover
{
background-color : var(--GridFooterHoverBackground) !important;
border-color : var(--GridFooterBorderColor);
}
.form-section.key-skill .form-wrapper
{
width : 100%;
max-width : 850px;
margin : 0 auto;
padding : 80px;
}
.form-section.key-skill .information
{
font-weight : 400 !important;
font-size : 13px !important;
line-height : 17px;
color : #707070;
text-align : left !important;
margin-bottom : 20px;
}
.form-section.key-skill .form-group .input-group,.form-section.key-skill .form-group .input-group .select2-container,.form-section.key-skill .form-group .input-group .select2-container .select2-choices
{
min-height : 150px !important;
}
.form-section.key-skill .form-group label
{
margin : 0 0 4px !important;
font-weight : 500 !important;
font-size : 14px !important;
line-height : 20px;
color : #707070;
}
.form-section.key-skill .form-group .input-group .select2-container
{
min-height : 150px !important;
overflow : hidden !important;
border-radius : 10px !important;
}
.form-section.key-skill .select2-container-multi .select2-search-choice-close
{
right : 7px !important;
}
.form-section.key-skill .form-group .input-group .select2-container .select2-choices
{
position : relative;
padding : 10px 0 0;
}
.form-section.key-skill .select2-search-choice
{
padding : 9px 24px 9px 12px;
margin : 5px 0px 5px 10px !important;
border-radius : 20px !important;
}
.form-section.key-skill .select2-search-field
{
position : absolute;
bottom : 0;
right : 0;
left : 0;
margin-top : 20px;
background : #F9F9FF;
border-radius : 12px;
}
.form-section.key-skill .select2-container .select2-choices .select2-search-field input
{
background : #F9F9FF !important;
border-radius : 12px !important;
padding-left : 20px !important;
height : 40px;
}
.form-section.key-skill .form-group .input-group .input-group
{
position : relative;
}
.form-section.key-skill .form-group .input-group .input-group-append
{
position : absolute;
right : 0;
bottom : 2px;
z-index : 9;
}
.form-section.key-skill .form-group .input-group .input-group-append button
{
border : none;
}
section.registration-verification
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
-webkit-box-pack : center;
-ms-flex-pack : center;
justify-content : center;
}
section.registration-verification .content-wrapper
{
padding : 40px 0;
}
section.registration-verification .img-wrapper img
{
max-width : 400px;
}
section.registration-verification .content-details,    section.registration-verification .img-wrapper
{
text-align : center;
}
section.registration-verification .content-details h3
{
padding : 30px 0;
font-weight : 600;
font-family : var(--secondary-font-family);
}
.resend-link .button-wrapper
{
display : -webkit-box;
display : -webkit-flex;
display : -ms-flexbox;
display : flex;
-webkit-box-align : center;
-ms-flex-align : center;
align-items : center;
-webkit-box-pack : center;
-ms-flex-pack : center;
justify-content : center;
}
.forgot-passowrd-button.button-wrapper
{
padding : 20px 0 0 !important;
}
.general-error .brand img
{
margin : 40px auto;
}
.general-error .login-wrapper
{
padding : 0 90px;
}
.general-error .login-content
{
position : relative;
padding : 24px !important;
display : flex;
flex-direction : column;
min-width : 0;
word-wrap : break-word;
background-color : #fff;
background-clip : border-box;
border : 1px solid #e8edf7;
border-radius : var(--BorderRadius) !important;
background-color : white;
box-shadow : rgb(0 0 0 / 7%) 0px 5px 10px -3px, rgb(0 0 0 / 5%) 0px 4px 6px -2px;
}
.general-error .errorCmpName
{
padding-top : 10px;
padding-bottom : 10px;
font-size : 1.5rem;
font-weight : 600;
text-align : center;
color : #616161;
display : block;
margin-bottom : 0.25rem !important;
text-decoration : underline;
}
.general-error .errorHeader
{
padding : 0 15px;
font-size : 25px;
text-align : center;
}
.general-error .errorMsg
{
padding : 0 15px;
font-size : 15px;
font-weight : bold;
}
.general-error .btn.btn-primary
{
padding : 0.45rem 0.75rem;
font-size : 1.09375rem;
}
.error-footer
{
box-shadow : 0 4px 8px rgb(0 0 0 / 5%);
background : #fff;
position : fixed;
display : flex;
align-items : center;
justify-content : space-around;
left : 0;
right : 0;
bottom : 0;
height : 30px;
}
.error-footer .text p
{
font-size : 12px;
margin : 0;
}
tbody,thead, tr, th, td ,table
{
margin : 0;
padding : 0;
outline : 0;
font-size : 100%;
vertical-align : baseline;
background : transparent;
}