* {
    font-family: "Poppins", sans-serif;
}

.tab-title {
    font-family: "Poppins", sans-serif !important;
    font-weight:700 !important;
    border-bottom: none !important;
}

#secondary-study, #iptpjw, #ihic8u{
    font-family: "Poppins", sans-serif !important;
}

.section-title {
    font-family: "Poppins", sans-serif !important;
}

h3{
    font-weight: bold;
}
h1 {
    font-family: "Poppins", sans-serif;
    font-size: 32px;
    font-weight: 700;
}

.datetimepicker input[type=text] {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

input[type=button].btn,
a.btn {
    background-color: #06068f;
    border: 1px solid #06068f;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 8px 12px;
}
input[type=button].btn:hover,
a.btn:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.46), 0 2px 10px 0 rgba(0, 0, 0, 0.42);
    background-color: #06068f;
    border: 1px solid #06068f;
}

.dropdown.action button.btn {
    color: black;
    background-color: transparent;
    border: 0;
}
.view-toolbar.grid-actions,
table thead th {
    background-color: #F0F3F9;
}
table thead th,
table thead th a {
    color: #303030;
}
div.grid-actions {
    border-bottom: 0;
}
.view-grid table.table > tbody > tr:nth-of-type(odd) {
    background-color: #F6F6F6;
}
.view-grid table.table > tbody > tr:nth-of-type(even) {
    background-color: #FCFCFC;
}
.view-grid table.table > tbody > tr:last-child {
    border-bottom: 1px solid #DEDEDE;
}

input[type=button].btn,
a.btn {
    background-color: #06068f;
    border: 1px solid #06068f;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 8px 12px;
}
input[type=button].btn:hover,
a.btn:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.46), 0 2px 10px 0 rgba(0, 0, 0, 0.42);
    background-color: #06068f;
    border: 1px solid #06068f;
}

#content_form {
    margin-bottom: 5px;
}

.open>.dropdown-menu{
    background-color: var(--portalThemeColor4, #ffffff);
}
.open>.dropdown-menu>li>a{
    color: var(--portalThemeOnColor9, #1276CE);
}


.open .dropdown-menu > li > a:hover,.dropdown-menu > .active > a:hover{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}
.dropdown-menu>.active>a{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}
.open .dropdown-menu>.active>a:focus{
    color: var(--portalThemeColor4, #ffffff);
    background-color: var(--portalThemeOnColor9, #1276CE);
    text-decoration: Underline;

}

input[type=radio],
input[type=checkbox] {
    appearance: none;
    /* border-color: #DDDDDD; */
    height: 25px;
    position: relative;
    width: 25px;
    border: 2px solid #06068F;
}

input[type=radio]:disabled,
input[type=checkbox]:disabled {
    background-color: #E9ECEF;
}

input[type=radio] {
    border-radius: 50%;
}
input[type=checkbox] {
    border-radius: 4px;
}

/* input[type=radio]:checked,
input[type=checkbox]:checked {
    background-color: #0d6efd;
    border-color: #0d6efd;
} */

input[type='radio']:checked{
    background-color:white;
    border-color: #06068F;
  }

  input[type='radio']:hover, input[type='checkbox']:hover {
    background-color: #F0F3F9;
  }

input[type=radio]:focus,
input[type=checkbox]:focus {
    box-shadow:  0 0 0 4px #c0d4fb;
    outline: none;
}

input[type=radio] + label,
.cell.boolean-radio-cell input[type=radio] + label {
    display: inline-block;
    margin-left: 4px;
    margin-top: 3px;
}


/* input[type=radio]:checked::after {
    content: " ";
    background: white;
    border: 1px solid white;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    display: block;
    margin-left: 6px;
    margin-top: 6px;
} */

input[type=radio]:checked::after {
    content: " ";
    background: #06068F;
    border: 1px solid white;
    border-radius: 50%;
    width: 13px;
    height: 13px;
    display: block;
    margin-left: 5px;
    margin-top: 4px;
 }

 input[type=checkbox]:checked {
    background-color: white;
    border-color: #06068F;
 }

/* [type="checkbox"]:checked:after {
    content: '✔';
    position: absolute;
    top: 6px;
    left: 5px;
    font-size: 18px;
    line-height: 0.8;
    color: white;
  } */

  input[type=checkbox]:checked::after {
    content: "✔";
     position: absolute;
     top: 4px;
     left: 4px;
     font-size: 18px;
     line-height: 0.8;
     color: #06068F;
     background-color: white;
 }

#EntityFormPanel {
    font-family: "Poppins", sans-serif;
}

.crmEntityFormView tr td.cell.checkbox-cell div.info {
    padding-bottom: 6px;
    padding-left: 36px;
    padding-top: 6px;
}

.crmEntityFormView td.cell.checkbox-cell label {
    padding-left: 16px;
}
.NotificationStyle {

    background-color: #E7F0FD;
    border: 1px solid #89B4F5;
    border-radius: 4px !important;
    border-left: 6px solid #0D47A1;
    color: black;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    padding: 10px;

  }
.NOTIFICATION .entitylist {
    background-color: unset;
    border: none;
}

.NOTIFICATION .view-grid table.table {
    border-collapse: separate;
}

.NOTIFICATION .view-grid table.table tbody tr {
    border: none;
}

.NOTIFICATION .view-grid table.table tbody td,
.NOTIFICATION .view-grid table.table thead th {
    background-color: #E7F0FD;
    border: 1px solid #89B4F5;
    border-radius: 4px;
    border-left: 6px solid #0D47A1;
    color: #0D47A1;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    padding-left: 12px;
}

.breadcrumb {
    background-color: transparent; 
    margin: 20px auto 0 auto;
    width: 1280px;
}

@media screen and (max-width: 768px) {
    body{
        overflow-y: scroll;
        overflow-x: auto;
        /* width:fit-content; */
        transform: scale(1);
       
    }
    
    .breadcrumb {
      width: 100%;
    }

    ul.pagination {
        display: flex;
        flex-wrap: wrap;
    }

    .entitylist .view-grid .table-striped.table-fluid tbody tr,
    #myPreferenceTable tbody tr:nth-of-type(odd),
    #myPreferenceTable tbody tr:nth-child(even) {
        border-top: none !important;
        border-bottom: none !important;
        background-color: unset;
    }

    .entitylist .table-striped tbody tr td,
    #myPreferenceTable tbody tr td {
        background-color: white;
        border-left: 1px solid #bce0fd;
        border-right: 1px solid #bce0fd;
        border-top: none;
        border-bottom: none;
        display: block;
        width: 100% !important;
    }

    .entitylist .table-striped tbody tr td {
        height: 38px;
        width: 100% !important;
        padding-left: 1rem !important;
    }

    .entitylist .table-striped tbody tr td:before {
        display: none !important;
    }

    .entitylist .table-striped tbody tr td:last-child a {
        position: relative;
        text-align: end;
        top: -225px;
        left: calc(100% - 25px);
    }

    .entitylist .table-striped tbody tr td:nth-child(2),
    #myPreferenceTable tbody tr td:nth-child(2) {
        color: #2f5fef;
    }

    .entitylist .table-striped tbody tr td:first-child,
    #myPreferenceTable tbody tr td:first-child {
        border-top: 1px solid #bce0fd;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
    }

    .entitylist .table-striped tbody tr td:last-child,
    #myPreferenceTable tbody tr td:last-child {
        border-bottom: 1px solid #bce0fd;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        margin-bottom: 20px;
    }

    #myPreferenceTable thead {
        display: none;
    }
    
    #entitylist-filters {
        flex-direction: column;
    }
}

@media screen and (max-width: 992px) and (min-width: 769px) {
    .breadcrumb {
      width: 720px;
    }
}

@media screen and (max-width: 1200px) and (min-width: 993px) {
    .breadcrumb {
      width: 940px;
    }
}

.filter-vertical {
    background: none;
}

.filter-vertical .panel-default {
    border: none;
}

.filter-vertical .panel-default > .panel-body {
    background-color: #F0F3F9;
}

.filter-vertical .btn-entitylist-filter-submit {
    background-color: #070f8e;
    border: none;
    border-radius: 5px;
    color: white;
}

.filter-vertical .btn-entitylist-filter-submit:hover {
    background-color: #070f8e;
    border: none;
    border-radius: 5px;
    box-shadow: 0 2px 10px 0 black;
    color: white;
}

.filter-vertical .btn-entitylist-filter-submit:active,
.filter-vertical .btn-entitylist-filter-submit:focus {
    background-color: #070f8e;
    border: none;
    border-radius: 5px;
    box-shadow: 0 0 0 4px #c0d4fb;
    color: white;
}

.entitylist-filter-option label {
    display: flex;
    align-items: center;
    margin-left: 14px;
}
.entitylist-filter-option input[type=checkbox] {
    margin-left: -30px;
}

ul.pagination>li {
    display: inline-block;
}

ul.pagination>li>a {
    float: none;
}

ul.pagination>li.active a {
    display: flex;
    align-items: center;
    justify-content: center;
}

ul.pagination>li.disabled a,
ul.pagination>li.disabled a:hover {
    background-color: unset;
}

ul.pagination>li.disabled>a {
    background-color: unset;
}

button[aria-label='Close']{
    border: none !important;
    box-shadow: unset !important;
    background-color: transparent !important;
}

p input[type=button] {
    background-color: #070f8e !important;
    border: none;
    border-radius: 5px !important;
    color: white !important;
}

p input[type=button]:hover {
    background-color: #070f8e !important;
    border: none;
    border-radius: 5px !important;
    box-shadow: 0 2px 10px 0 black;
    color: white !important;
}

p input[type=button]:active,
p input[type=button]:focus {
    background-color: #070f8e !important;
    border: none;
    border-radius: 5px !important;
    box-shadow: 0 0 0 4px #c0d4fb !important;
    color: white !important;
}

.entitylist .panel {
    border: none;
}
.entitylist .panel-default .panel-body {
    background-color: #F0F3F9;
    padding: 0;
}

#entitylist-filters {
    display: flex;
    justify-content: space-between;
}

#myPreferenceTable tr th {
    background: none;
    color: black;
    border: none;
    border-bottom: 2px solid #ddd;
}

#myPreferenceTable thead tr:nth-of-type(odd) {
    background-color: #F0F3F9;
}

#myPreferenceTable tr {
    background-color: #F6F6F6;
    border-bottom: 1px solid #DEDEDE;
}
#myPreferenceTable tr:nth-of-type(odd) {
    background-color: #FcFcFc;
}
#myPreferenceTable tr td {
    border: none;
}

/* visa page */
@media screen and (max-width: 768px) {
    ul.residency {
      padding: 0;
      width: 100%;
    }
    ul.residency li {
      display: flex;
      justify-content: space-between;
    }
    button.btn-visa {
      width: 100%;
    }
  }
  ul.residency {
    list-style-type: none;
    padding: 0 0 10px 0;
  }
  ul.residency li span {
    font-weight: bold;
  }
  h4.visa {
    font-size: 1.75rem;
    margin: 16px 0 8px;
  }

  button.btn-visa {
    background-color: #070f8e;
    border: none;
    border-radius: 5px;
    color: white;
    padding: 10px 24px;
  }

  button.btn-visa:hover,
  button.btn-step:hover,
  button.btn-step-back {
      background-color: #070f8e;
      border: none;
      border-radius: 5px;
      box-shadow: 0 2px 10px 0 black;
      color: white;
  }

  button.btn-visa:active,
  button.btn-visa:focus,
  button.btn-step:focus,
  button.btn-step-back:focus {
      background-color: #070f8e;
      border: none;
      border-radius: 5px;
      box-shadow: 0 0 0 4px #c0d4fb;
      color: white;
  }

  div.highlight {
    background: white;
    border-radius: 10px;
    display: flex;
    padding: 20px;
    margin-bottom: 20px;
    margin-top: 10px;
  }

  div.highlight p {
    margin-bottom: 0;
  }

  div.highlight span:before {
    color: #070f8e;
    margin-right: 10px;
  }

  div.visa-steps {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
  }

  button.btn-step {
    background-color: #070f8e;
    border: 1px solid #070f8e;
    border-radius: 5px;
    color: white;
    padding: 10px 24px;
  }

  button.btn-step-back {
    background-color: unset;
    border: 1px solid #070f8e;
    border-radius: 5px;
    color: #070f8e;
    padding: 10px 24px;
  }

  .entitylist #entitylist-filters + div.pull-right {
    display: flex;
    flex-direction: row-reverse;
  }

  button.btn-entitylist-filter-submit {
    background-color: #070f8e;
    border: 1px solid #070f8e;
    border-radius: 5px;
    color: white;
    padding: 5px 12px;
    margin-left: 16px;
  }

  button.btn-filter-reset {
    background-color: unset;
    border: 1px solid #070f8e;
    border-radius: 5px;
    color: #070f8e;
    padding: 5px 12px;
  }

  button.btn-filter-reset:hover,
  button.btn-entitylist-filter-submit:hover {
    border: 1px solid #070f8e;
    box-shadow: 0 2px 10px 0 black;
    text-decoration: none;
    color: #070f8e;
  }

  button.btn-filter-reset:focus,
  button.btn-entitylist-filter-submit:focus {
    border: 1px solid #070f8e;
    box-shadow: 0 0 0 4px #c0d4fb;
    text-decoration: none;
    color: #070f8e;
  }

  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #333333 !important;
    font-weight: bold;
    font-size: 12px;
    
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color:#1276CE !important;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    background-color: transparent !important;
    border: none;
}

.header-logo {
    margin-top:-20px;
}

ul.dropdown-menu {
    border-radius: 8px !important;
}

@media (min-width: 1200px) {
    .navbar-right .dropdown-menu {
        right: 0 !important;
        left: 0 !important;
    }

    .container.justify-content-between {
        width: 1280px;
        height: 115px !important;
    }

    .menu-bar {
        margin-top:20px !important;
    }
}

.header-logo {
    width: 150px !important;
   height:auto !important;

}

.navbar-nav>li>a>img {
    vertical-align: middle !important;
}

div.navbar-static-top.navbar .menu-bar > .navbar-nav > li > a {
    font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px !important;
    padding-bottom: 8px;
}

.fa-arrow-up {
    
    display: inline-block !important;
}

.modal-sm{width:300px}

@media(min-width:1024px){
    .modal-lg{width:1000px; top:15%;}
    

}

.modal-footer > button[aria-label='Select'], .modal-footer > button[aria-label='Cancel'], .modal-footer > button[title='Remove value'] {
    background-color: #070f8e;
    border: 1px solid #070f8e;
    border-radius: 5px;
    color: white;
    padding: 5px 12px;
    margin-left: 16px;
}

.modal-footer > button[aria-label='Select']:hover,.modal-footer > button[aria-label='Cancel']:hover, .modal-footer > button[title='Remove value']:hover{
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.46), 0 2px 10px 0 rgba(0, 0, 0, 0.42);
    background-color: #06068f;
    border: 1px solid #06068f;
}

#PreviousButton,
#NewNextButton,
#NewNextMyButton,
#NextButton{color:white !important;}


/* modal open  */
.modal-open{overflow-y:auto !important;}


/* change request prgress bar background color*/
.list-group-item.active{
    background-color: #06068f;
    border-color: #06068f;
 }

 /* placeholder */
 ::placeholder,
 #ModernMSPicklistControl-ModernMSPicklistControl-pcf-container-id > div > div > input,
 #fluent-option0,#fluent-option1,#fluent-option2,#fluent-option3,#fluent-option4,#fluent-option5,#fluent-option6,#fluent-option7,#fluent-option8, #fluent-option9, #fluent-option10, #fluent-option11{ font-family: "Poppins", sans-serif !important;};


 .pagination>.active>a, .pagination>.active>a:hover, .pagination>.active>a:focus, .pagination>.active>span, .pagination>.active>span:hover, .pagination>.active>span:focus {
    
    word-break: normal;}

    .pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus, .pagination > .active > span, .pagination > .active > span:hover, .pagination > .active > span:focus{word-break: normal;}

.validation-header{font-size: 16px !important;}

/* evidence upload document */
#EvidencesubgridNew > div > div.sharepoint-data > div > table > tbody > tr > td.postedon > abbr{
    text-decoration: none !important;
    border-bottom: none !important;
    cursor: unset !important;
  }

  #QuickviewControl1726120793754 > div.tab.clearfix > div > div > fieldset{margin-top:-30px !important;}
  #QuickviewControl1726120793754{height:245px !important}
  

/* Added by CE For case quick view */

#quickview_control input[type="text"], #quickview_control select{
    border: 1px solid #DDDDDD;
    border-radius: 8px;
    box-shadow: 0px 4px 8px 0px rgba(136, 136, 136, 0.16);
    padding-left: 12px
 }

 #quickview_control input[readonly], #quickview_control select[readonly]{
    background-color: #f6f6f6 !important;
}
 
 #quickview_control td.cell.picklist-cell, #quickview_control td.cell.text.form-control-cell, #quickview_control td.cell.datetime.form-control-cell{
     padding-inline: 0px;
 }
 
 #content-container:has(#quickview_control){
     width: 40%;
 }
 
 @media(max-width: 768px){
     #content-container:has(#quickview_control){
     width: 100%;
 }
 }
 
 #quickview_control label{
     font-weight: 400;
 }
 
 body:has(#quickview_control){
     overflow:hidden;
 }
 
 body{
     overflow:auto !important;
 }

 /* Hide search in header */
 nav li:has(#search){
    display:none;
}

/* upload file lengthy file name*/
input[aria-label='Choose files']{width:100%;}

 input[type="text"], input[type="file"], .input-group-addon{
   border: 1px solid #DDDDDD !important;
   border-radius: 8px;
   box-shadow: 0px 4px 8px 0px rgba(136, 136, 136, 0.16);
   /* background-color: #f6f6f6; */
   padding-left: 12px
}
 .input-group-addon{
    border-top-right-radius:8px !important;
    border-bottom-right-radius:8px !important;}
select {
   border: 1px solid #DDDDDD !important;
   border-radius: 8px !important;
   box-shadow: 0px 4px 8px 0px rgba(136, 136, 136, 0.16) !important;
   background-color: #f6f6f6 !important;
   padding-left: 12px !important;
}

input::placeholder{
    color:#999999 !important;
  }

  #newPreviousButton, #newNextButton, #performSubmit{border-radius: 4px;}