﻿.popupBackground {
    background-color: #CCCCCC;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.big_popup {
    left: 30% !important;
    top: 10% !important;
    background-color: White;
    border-bottom: inset 3px #000000;
    border-right: outset 3px #aaaaaa;
    border-top: outset 1px #aaaaaa;
    border-left: outset 1px #aaaaaa;
    padding: 5px;
    overflow: visible;
    display: inline;
}

.sdt_big_popup {
    background-color: White;
    border-bottom: inset 3px #000000;
    border-right: outset 3px #aaaaaa;
    border-top: outset 1px #aaaaaa;
    border-left: outset 1px #aaaaaa;
    padding: 5px;
    overflow: visible;
    display: inline;
}

.addAdmin_popup {
    left: 30% !important;
    background-color: White;
    border-bottom: inset 3px #000000;
    border-right: outset 3px #aaaaaa;
    border-top: outset 1px #aaaaaa;
    border-left: outset 1px #aaaaaa;
    padding: 5px;
    overflow: visible;
    display: inline;
}

.textbox-entity {
    border: 1px solid dimgray;
    border-radius: 10px;
    width: 100px;
    padding-left: 10px;
}

.registration-flds table label {
    padding-left: 5px;
}

.registration-flds table select {
    border: 1px solid dimgray;
    border-radius: 10px;
/*    width: 100px;
*/    padding-left: 10px;
}

.cpPositionHeader {
    color: black;
    background: rgba(0,34,156,0.20);
    border: 1px groove lightgray;
    font: bold 15px auto "Trebuchet MS", Verdana;
    cursor: pointer;
    padding: 2px;
}

.cpPositionBody {
    font: normal auto Verdana, Arial;
    border: 1px gray;
    padding: 0px 6px 0px 6px;
    overflow: hidden;
    border: 1px groove lightgray;
}

.entity-detail td:first-child,
.entity-detail th:first-child {
    border-radius: 10px 0 0 10px;
}

.entity-detail td:last-child,
.entity-detail th:last-child {
    border-radius: 0 10px 10px 0;
}

.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input {
    background-position: top left;
    border: 0px none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 4px 0px 3px 9px;
    height: 21px !important;
    width: 100%;
}

.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input:focus {
    border: 0px !important;
}

.AjaxToolkitStyle .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button {
    background-repeat: no-repeat;
    background-position: center;
    border: 0px none;
    vertical-align: top;
    background-color: transparent;
}

.AjaxToolkitStyle .ajax__combobox_itemlist {
    background-color: Window;
    border: solid 1px ButtonShadow;
    color: WindowText;
    top: auto !important;
    left: auto !important;
    padding-left: 5px;
    overflow: auto !important;
    max-height: 300px;
    min-height: 24px;
}

.AjaxToolkitStyle table {
    border-radius: 10px;
    border-collapse: separate !important;
    display: block !important;
    top: auto !important;
}

.border-ajaxtoolkit {
    border-left: 1px solid dimgray !important;
    border-right: 1px solid dimgray !important;
    border-top: 1px solid dimgray !important;
    border-bottom: 1px solid dimgray !important;
}

.border-ajaxtoolkit-focus {
    border: 1px solid rgba(0,34,110,0.60) !important;
    border-color: rgba(0,34,110,0.60);
    outline: 0;
    box-shadow: 0 0 0 .05rem rgba(0,34,110,0.60);
}

td.ajax__combobox_textboxcontainer{
    width : 100%;
}

input:focus {
    border-color: rgba(0,34,110,0.60);
    outline: 0;
    box-shadow: 0 0 0 .05rem rgba(0,34,110,0.60);
}

input[type='checkbox']:focus {
    border-color: rgba(0,34,110,0.60);
    outline: 0;
    box-shadow: 0 0 0 .05rem rgba(0,34,110,0.60);
}

.form-select:focus, select:focus, .form-control:focus {
    border-color: rgba(0,34,110,0.60);
    outline: 0;
    box-shadow: 0 0 0 .05rem rgba(0,34,110,0.60);
}

#txtbxpartTimeEntityEffortPercentage {
    border: 1px solid dimgray;
    border-radius: 10px;
    width: 100px;
    padding-left: 10px;
}

.input-width, .input-width ul{
    width: 425px !important;
    display:block !important;
}

.input-width .ajax__combobox_buttoncontainer button {
    padding: 2px;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 31' fill='none' stroke='currentColor' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e")
}

.input-width .ajax__combobox_buttoncontainer button{
    vertical-align: inherit !important;
    height: 18px !important;
    width: 18px !important;
}

.textbox-fullwidth {
    border: 1px solid dimgray;
    border-radius: 10px;
    width: 100%;
}

#pnl_HireCategories::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    border-radius: 10px;
}

#pnl_HireCategories::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2) !important;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}

#pnl_HireCategories::-webkit-scrollbar-thumb {
    background: #888;
    outline: 1px solid slategrey !important;
    border-radius: 10px;
}

#pnl_HireCategories::-webkit-scrollbar-thumb:hover {
    background: #555;
}

#chkbxList_HireCategories label{
    vertical-align: top;
}

.formpackage_popup {
    left: 22% !important;
    top: 10% !important;
    background-color: White;
    border-bottom: inset 3px #000000;
    border-right: outset 3px #aaaaaa;
    border-top: outset 1px #aaaaaa;
    border-left: outset 1px #aaaaaa;
    padding: 5px;
    overflow: visible;
    display: inline;
}

.cpBodyCustom {
    width: 350px;
    border-radius: 7px;
    padding: 0px 6px 0px 6px;
    overflow: hidden;
    border: 1px groove lightgray;
}

.radiobtn-list label {
    vertical-align: text-bottom;
    display: inline;
}

label[for='chk_IsPreferredPhoneInternational'], label[for='chk_IsMobilePhoneInternational'], label[for='chk_IsEmergencyContactPhoneInternational'] {
    padding-left: 5px;
    vertical-align: text-bottom;
}

#combo_VolRenewalSupervisor {
    width: 100% !important;
}

#combo_VolRenewalSupervisor_OptionList {
    overflow: auto !important;
    min-height: 100px !important;
    max-height: 180px !important;
}

#combo_AMTType_OptionList {
    overflow: auto !important;
    min-height: 70px !important;
    max-height: 100px !important;
}

#combo_FormPackageRFMH_OptionList li, #combo_BusinessCardTitleRFMH_OptionList li, #combo_SeriesTitleRFMH_OptionList li, #combo_JobCategoryRFMH_OptionList li{
    overflow-wrap: break-word;
    text-wrap: pretty;
}

#combo_FormPackageRFMH_OptionList, #combo_SeriesTitleRFMH_OptionList, #combo_BusinessCardTitleRFMH_OptionList, #combo_GradeRFMH_OptionList {
    overflow: auto !important;
    min-height: 100px !important;
    max-height: 250px !important;
}

label[for='chk_IsEmailSame'] {
    padding-left: 5px;
    vertical-align: text-top;
}

.AjaxToolkitStyle #combo_VolReqDepartment_Button {
    background-repeat: no-repeat;
    background-position: center;
    border: 0px none;
    vertical-align: inherit !important;
    background-color: transparent;
    height: 18px !important;
    width: 18px !important;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 31 31' fill='none' stroke='currentColor' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") !important;
}

.Table_StickyHeader {
    /* Webkit (Chrome 11+) */
    position: sticky;
    top: 0;
    border-right: black 1px dotted;
    border-bottom: black 1px solid;
    border-top: black 1px solid;
    border-left: black 1px solid;
    background-color: #1d4f91;
    z-index: 99;
}

.addUNI_popuppnl {
    left: 30% !important;
    background-color: White;
    border-bottom: inset 3px #000000;
    border-right: outset 3px #aaaaaa;
    border-top: outset 1px #aaaaaa;
    border-left: outset 1px #aaaaaa;
    overflow: visible;
    display: inline;
}

.addUNI_popup tr td{
    padding:5px;
}