/*general*/
/*Header notification icon starts*/
.notificationWidthAuto{
    min-width: 360px;
}
.notificationWidthAuto .dropdown-menu-media{
    width: auto !important;
}
.notificationDropdown .ti-check-box{
color: #22bbd6}
#site-navbar-collapse > ul.nav.navbar-toolbar.navbar-right.navbar-toolbar-right > li:nth-child(4) > a > i{
    font-size: large;
}
.dropdown-menu>li.bolded>a{
    font-weight: bold;
}
.navbar-default .navbar-toolbar>li>.notificationsbtn {
    max-height: 66.66px !important;
}
.notificationLoginTime{
    margin-left: 35px;
}
/*Header notification icon ends*/
.modalHelpFeature{
    margin: 10px 5px 5px 5px;
}

.datepicker{
    z-index: 99999;
}

#serviceAccountManagementTabs li a{
	cursor:pointer !important;
}
#SAMListingHeaderDiv select{
	cursor:pointer !important;
}
#SAMListingHeaderDiv select option{
	cursor:pointer !important;
}
.has-error .select2-dropdown, .has-error .select2-selection {
    border-color: #f96868;
}
.searchSelectionUserType{
    color: #ffff !important;
    background-color: #02A0C0;
    border-color: transparent;
    font-size:110%;
    height: auto !important;
}

@media screen and (max-width: 368px) {
    .healthLogo{
        margin-top: -56px !important;
        margin-left: 98px !important;
    }
}
@media screen and (min-width:369px ) and (max-width: 767px){
    .healthLogo{
        margin-top: -13px !important;
        margin-left: -53px !important;
    }
}

@media screen and (min-width:768px ) and (max-width: 1199px){
    .healthLogo{
        margin-top: 14px !important;
        margin-left: -20px !important;
    }
    .healthLogo img{
        width: 80%;
    }
    #site-navbar-collapse{
        margin-left:60px;
    }
    .healthSpan{
        margin-top: -12px !important;
        margin-left: -42px !important;
    }
}

@media screen and (min-width:1200px ) and (max-width: 12450px){
    .healthLogo{
        margin-top: -12px !important;
        margin-left: -53px !important;
    }
    .healthLogolink{
        margin-top: 12px !important;
        margin-left: -20px !important;
    }
    .healthLogolink img{
        width: 80%;        
    }
    #site-navbar-collapse{
        margin-left:60px;
    }
}

.healthLogo{
    position: absolute !important;
    z-index: 10000 !important;
}


#createGroupEntitlementContent .form-control,#createServiceAccountContent .form-control,#userRequestDivSPNew .form-control {
	color: #37474f;
	width:100% !important;
}
#ContentPlaceHolder1_lnkRefreshTrack {
    float: right;
    Border-radius: 3px;
}
.cutomLoader{
    display: inline-block;
    margin: 0 auto;
    font-size: 5px !important;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    margin-left: 20%;
}

.list-group-item {
   border: none !important;
}
.GM2MembersOwnersCont .dataTables_filter{
	display:none;
}
.getMembersManagerDetails{
    text-decoration:none !important;
}
.minWidth100{
	min-width:100px;
}
.minWidth110{
	min-width:110px;
}
.minWidth150{
	min-width:150px;
}
.minWidth50{
	min-width:50px;
}
.minWidth120{
	min-width:120px;
}
.minWidth130{
	min-width:130px;
}
.searchBtnOwnerMebers{
	padding-left:15px;
	padding-right:40px
}
.marginBtmCont{
	margin: 0 0 11px !important;
}
.w-100{
	width:100%;
}
.clearLink,.clearLink:hover{
    text-decoration:none;
    margin-left:20px;
    cursor:pointer;
}
#removeContainerModal ul.removeUserMultiSelect{height:100%;max-height:200px;overflow-y:scroll;border:1px solid}
#removeContainerModal ul.removeUserMultiSelect li{list-style-type:none}
#removeContainerModal ul.removeUserMultiSelect li:hover{background:#3583ca;color:#fff}
#removeContainerModal ul.removeUserMultiSelect li.selected{background:#76838f;color:#fff}
#removeSPOwnersModal ul.removeUserMultiSelect{height:100%;max-height:200px;overflow-y:scroll;border:1px solid}
#removeSPOwnersModal ul.removeUserMultiSelect li{list-style-type:none}
#removeSPOwnersModal ul.removeUserMultiSelect li:hover{background:#3583ca;color:#fff}
#removeSPOwnersModal ul.removeUserMultiSelect li.selected{background:#76838f;color:#fff}
.delete-container:hover{
    cursor:pointer;
}
.btn-outline.btn-walgreens {
    color: #02A0C0;
    background-color: transparent;
}
.custPageLinks {
    cursor: pointer !important;
}

.impersonatinIcon {
    font-size: 25px;
}
.entityTypeDropdownLink{
	cursor:pointer;
}
.SPActions{
	min-width:135px;
}
.lineHeight32{
	line-height:32px;
}
.wordBreakCls{
	word-break: break-word !important;
    word-wrap: break-word !important;
}
#impersonationUserPagingDiv td .disabledElement {
    pointer-events: unset !important;
}

#impersonationUserPagingDiv tr td {
    cursor: default !important;
}

#site-navbar-search-impersonation .input-search-btn {
    position: absolute;
    top: 50%;
    z-index: 1;
    width: 36px;
    right: 8px;
    transform: translateY(-50%);
    font-size: inherit;
    line-height: inherit;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
}
#site-navbar-search-impersonation{
    z-index: 1;
}
.input-search .form-control#indentitySearchImpersonation {
    height: 66px!important;
    z-index: 9999px;
}

.top_left_navigation .site-menubar-body{
    height: -webkit-calc(100% - 76px);
    height: calc(100% - 76px);
}
.checkbox-custom input[type=checkbox]:focus+label::before, .checkbox-custom input[type=radio]:focus+label::before {
    outline: dotted thin;
    outline: -webkit-focus-ring-color auto 5px;
    outline-offset: -2px;
}

.alert-danger p{
    color: #a94442 !important;
}

.close{
    opacity: 0.45;
}
.close.focus,
.close:focus,
.close:hover{
    opacity: 0.7;
}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{
    opacity: 0.67;
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled.focus, .btn-default.disabled:focus, .btn-default.disabled:hover, .btn-default[disabled].focus, .btn-default[disabled]:focus, .btn-default[disabled]:hover, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-default:focus, fieldset[disabled] .btn-default:hover{
background-color: transparent;
border-color: #ccc;
}
.btn-outline.btn-default{
    color: #333333;
    background-color: transparent;
    border-color: #ccc;
}
 .btn-default.focus,
 .btn-default:focus, .btn.btn-default.focus, .btn.btn-default:focus, .btn-outline.btn-default.active, .btn-outline.btn-default:active, .btn-outline.btn-default:focus,
 .btn-default:hover, .btn.btn-default:hover, .btn-outline.btn-default:hover {
 color: #333333;
}
/**/


/*support dashboard  css*/

.mp-rotate-270 {
    transform: rotate(270deg);
}

.mp-panel-drak {
    background: #E7EEF0 !important;
}

.mp-tableSupport {
    color: #76838f !important;
}

.mp-modal_header {
    background-color: #1AA1B9 !important;
    color: white;
}

.groupListingDivSupport tr .grpActions {
    width: 10%;
}
.groupEntlListingDivSupport tr .grpActions {
    width: 10%;
}
.groupEntlListingDivSupport tr .grpActionsEntl {
    width: 105px;
}
.accountListingDiv tr .grpActions {
    width: 155px;
}

.accountListingDiv .grpActions button {
    padding: 5px !important;
    font-size: 19px !important;
}

.accountListingDiv .grpActions button span {
    height: 20px !important;
    width: 20px !important;
    display: block;
}

.accountListingDiv .grpActions button span svg {
    height: 20px !important;
    width: 20px !important;
}

.groupListingDivSupport tr td {
    width: 20%;
}
.groupEntlListingDivSupport tr td {
    width: 15%;
	word-break: break-all !important;
    word-wrap: break-word !important;
}

.groupEntlListingDivSupport tr td.gidColumn{
    width: 10%;
}

.accountListingDiv tr td {
    width: 12%;
    word-break: break-all;
}

.accountListingDiv tr .grpActions {
    width: 20%;
}

.modalAvatarTitleSupport {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    line-height: 40px;
}

#manageGroupsDivSupport .dataTables_paginate,
#groupDetailsDivSupport .dataTables_paginate,
#groupDetailsDivEntlSupport .dataTables_paginate,
#manageGroupsEntlDivSupport .dataTables_paginate,
.groupSearchTables .dataTables_paginate {
    float: left !important
}

#manageGroupsDivSupport .dataTables_info,
#groupDetailsDivSupport .dataTables_info,
#groupDetailsDivEntlSupport .dataTables_info,
#manageGroupsEntlDivSupport .dataTables_info,
.groupSearchTables .dataTables_info {
    float: right !important
}

#manageGroupsDivSupport .dataTables_filter,
#manageGroupsEntlDivSupport .dataTables_filter,
#groupDetailsEntlDivSupport .dataTables_filter
#groupDetailsDivSupport .dataTables_filter {
    float: left !important;
}

#manageGroupsDivSupport .dataTables_length,
#manageGroupsEntlDivSupport .dataTables_length,
#groupDetailsEntlDivSupport .dataTables_length
#groupDetailsDivSupport .dataTables_length {
    float: right !important
}

#groupMembersDiv .dataTables_empty,
#groupEntlMembersDivSupport .dataTables_empty
#groupDetailsDivSupport .dataTables_empty,
#groupDetailsEntlDivSupport .dataTables_empty,
.groupTables .dataTables_empty,
.groupTablesAzure .dataTables_empty,
.groupEntlListingDivSupport .dataTables_empty {
    text-align: center;
}

#manageGroupsDivSupport .dataTables_filter,
#manageGroupsEntlDivSupport .dataTables_filter,
#groupDetailsEntlDivSupport .dataTables_filter,
#groupDetailsDivSupport .dataTables_filter {
    visibility: hidden !important;
}

#manageGroupsDivSupport div.dataTables_length,
#manageGroupsEntlDivSupport div.dataTables_length,
#groupDetailsEntlDivSupport div.dataTables_length
div.dataTables_info,
div.dataTables_paginate,
div.dataTables_filter {
    text-align: left;
    width: 100%;
    margin-top: 10px;
}

#groupDetailsDivSupport div.dataTables_filter input,
#groupDetailsDivEntlSupport div.dataTables_filter input {
    margin-left: 0;
}

#groupDetailsDivSupport div.dataTables_length,
#groupDetailsEntlDivSupport div.dataTables_length,
div.dataTables_info,
div.dataTables_paginate,
div.dataTables_filter {
    text-align: left;
    width: 100%;
    margin-top: 10px;
}

#groupDetailsDivSupport div.dataTables_filter input,
#groupDetailsEntlDivSupport div.dataTables_filter input {
    margin-left: 0;
}
.disableSelection {
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none;
}
#appManagePaginationDiv .dataTables_empty{
	text-align:center;
	color:red;
}

.date_time_format_SP{
	min-width:150px;
}
.SPStatusVal{
	min-width:75px;
}
/* support dashboard css*/


/*identity utils start*/

.utilsSelect .select2 {
    z-index: 999;
}

body .site-navbar {
    background-color: #22BBD6 !important;
}

.navbar-default .navbar-toolbar>li>.cartButton {
    max-height: 66.66px !important;
}

.dynamicSelect2Container .select2-container {
    width: 100% !important;
   
}
.app-mailbox .select2-container{
    z-index:1040 !important;
}

.feedsearch select {
    width: 170px !important;
    border-bottom-left-radius: 200px;
    border-top-left-radius: 200px;
}

.feedsearch .input-search {
    width: calc(100% - 200px);
}

.feedsearch .input-search .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.failedUsers ul li {
    list-style: none;
}


/*identity utils end*/


/* user proxy starts */

#add_proxy,
#proxyRefresh {
    margin-right: 10px;
}

.userproxy-main {
    padding: 0 30px 30px 30px;
}

.userproxy-main .page-header {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.userproxy-main .page-content {
    background: #fff;
    padding: 15px;
}

.userproxy-main .page-content hr {
    margin-bottom: 0px;
    margin-top: 10px;
}

.userproxy-main .panel {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.addproxy_widget,
.addproxy_widget .widget-content,
.addproxy_widget .counter,
.addproxy_widget .counter-number-group {
    display: inline-block;
    width: 100%;
}

#proxypanel {
    margin-bottom: 0px;
    margin-top: 20px;
}

#proxypanel .panel-body {
    padding: 0 !important;
}

#add {
    display: inline-block;
    width: 100%;
    margin-bottom: 0;
    margin-top: 20px;
}

#add .manager label {
    padding-left: 0;
}

#add .form-group {
    float: left;
    width: 100%;
}

.button_first {
    padding-left: 0;
}

.userproxy-main .table>tbody>tr:last-child>td {
    border-bottom: 1px solid #e4eaec;
}

#cancel_addProxy {
    margin-left: 10px;
}

.editProxyBtn,
.deleteProxyBtn {
    padding: 5px;
    margin-right: 5px;
    border-radius: 15px;
}

#proxypanel .nav-tabs>li.active>a,
#proxypanel .nav-tabs>li.active>a:focus,
#proxypanel .nav-tabs>li.active>a:hover {
    color: #62a8ea;
    background-color: #fff;
    border-color: #62a8ea;
    border-bottom-color: transparent;
    border-width: 2px;
}

#proxypanel .nav-tabs {
    border-bottom: 2px solid #62a8ea;
}

#proxypanel .nav-tabs>li {
    margin-bottom: -2px;
}

.proxy_date {
    white-space: nowrap;
}

.width_75 {
    width: 75px;
}

.addproxybtn_group .addproxy_widget {
    margin-bottom: 0;
}

#proxyAssignedByMedata tr,
#proxyAssignedToMedata tr,
.table_proxy thead th {
    height: 61px;
    box-sizing: border-box;
}

.proxyAssignedByMedataRow {
    opacity: 0.6;
}

.table_proxy thead tr th {
    font-weight: 600;
    font-size: 12px;
}

.table_proxy>tbody>tr>td {
    font-size: 12px;
}

.userproxy-main .proxyname_title {
    width: 100px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.proxy25rw_height {
    max-height: 1600px;
    overflow-y: auto;
    display: block;
    width: 100%;
    overflow-x: hidden;
}

.usr_table {
    font-size: 12px;
}

#addProxyFailModal .modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

#addProxyFailModal #actionErrMessage {
    word-wrap: break-word;
}

#proxyAssignedByMeTab .top .dataTables_filter {
    visibility: hidden !important;
}

#proxyAssignedByMeTab .dataTables_length {
    float: right !important;
}


/* user proxy ends */

#groupSearchTable tr td {
    width: 25%;
    word-break: break-all;
}


/* */

body:not(.modal-open) {
    padding-right: 0px !important;
}

.nobackground-div {
    background: none !important
}

.groupMgmtModal .modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

.groupModalAutoOverflow {
    overflow: auto!important;
}

#groupWarningToaster .alert-dismissable .close,
.alert-dismissible .close {
    position: inherit !important;
}

#groupWarningToaster .panel-body {
    padding-bottom: 0px !important;
}

#groupWarningToaster .alert {
    margin-bottom: 0px !important;
}

.groupPaginationDiv tr.child td.child {
    text-align: left;
}

.groupPaginationDiv tr.child td.child ul {
    width: 100%;
}

#groupListingDiv tr td,
.groupSearchTables tr td {
    width: 25%;
}

.groupSearchTables .table-responsive {
    overflow-x: hidden;
}

#groupListingDiv tr td:first-child {
    width: 25%;
    /*word-break: break-all;*/
}

#groupListingDiv tr .grpActions,
.groupSearchTables tr .grpActions, #groupListingDiv tr .gidNum{
    width: 10%;
}
#groupListingDiv tr .GrpTypes{
    width: 15%;
}
#groupListingDiv .dataTables_paginate,
#groupOwnerMemberDiv .dataTables_paginate,
.groupSearchTables .dataTables_paginate {
    float: left !important
}

#groupListingDiv .dataTables_info,
#groupOwnerMemberDiv .dataTables_info,
.groupSearchTables .dataTables_info {
    float: right !important
}

#groupListingDiv .dataTables_filter,
#groupOwnerMemberDiv .dataTables_filter {
    float: left !important;
}

#groupListingDiv .dataTables_length,
#groupOwnerMemberDiv .dataTables_length {
    float: right !important
}

#groupMembersDiv .dataTables_empty,
#groupEntlMembersDivSupport .dataTables_empty,
#groupOwnerDiv .dataTables_empty,
.groupTables .dataTables_empty,
.groupTablesAzure .dataTables_empty,
#proxyAssignedByMedata .dataTables_empty {
    text-align: center;
}

#groupListingDiv .dataTables_filter,
#groupOwnerMemberDiv .dataTables_filter {
    visibility: hidden !important;
}


/* */


/* custom css changes done for OIM */

IMG[src=''],
IMG:not([src]) {
    opacity: 0;
}


/* logo show hide */


/* overwrite css for country code drop down plugin*/

.iti-flag {
    background-image: url("/assets/vendor/intl-tel-input/build/img/flags.png");
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .iti-flag {
        background-image: url("/assets/vendor/intl-tel-input/build/img/flags@2x.png");
    }
}

.intl-tel-input.separate-dial-code,.iti.iti--separate-dial-code {
    /* display: table-cell; */
    width: 100%;
}

.intl-tel-input .selected-flag,.iti .iti__selected-flag {
    z-index: 4;
}

.intl-tel-input .country-list,.iti .iti__country-list  {
    z-index: 5;
}

.input-group .intl-tel-input .form-control,.input-group .iti .form-control {
    border-top-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 0;
}

.intl-tel-input.allow-dropdown input,
.intl-tel-input.allow-dropdown input[type=text],
.intl-tel-input.allow-dropdown input[type=tel],
.intl-tel-input.separate-dial-code input,
.intl-tel-input.separate-dial-code input[type=text],
.intl-tel-input.separate-dial-code input[type=tel] ,
.iti.iti--allow-dropdown input,
.iti.iti--allow-dropdown input[type=text],
.iti.iti--allow-dropdown input[type=tel],
.iti.iti--separate-dial-code input,
.iti.iti--separate-dial-code input[type=text],
.iti.iti--separate-dial-code input[type=tel] {
    padding-right: 6px !important;
    padding-left: 98px !important;
    margin-left: 0;
}

.iti-mobile .intl-tel-input.iti-container,.iti-mobile .iti.iti-container {
    z-index: 1710;
}

/* label for intl-tel-input */
label[for="phoneNumber"]{
    font:400 14px Roboto, RobotoDraft, Helvetica, Arial, sans-serif
}

/* End of country code css*/

.site-menubar-unfold .roundlogo,
.site-menubar-fold .verticallogo {
    display: inline-block !important;
}

.site-menubar-fold .roundlogo,
.site-menubar-unfold .verticallogo {
    display: none !important;
}

@media screen and (max-width: 767px) {
    .site-menubar-fold .mobile_logo,
    .site-menubar-unfold .mobile_logo {
        display: inline-block !important;
    }
    .site-menubar-unfold .roundlogo,
    .site-menubar-fold .verticallogo,
    .site-menubar-fold .roundlogo,
    .site-menubar-unfold .verticallogo {
        display: none !important;
    }
}

.overlay_bg {
    z-index: 1800 !important;
    position: fixed !important;
}


/*loader*/

.overlay_bg_modal {
    padding-bottom: 0;
    z-index: 1800;
    position: fixed !important;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: .4;
}

.overlay_bg_modal .loadersize {
    height: 128px !important;
    width: 128px !important;
    margin-top: 0;
    margin-left: 0;
    top: 30%;
    left: 45%;
    position: fixed;
}


/* login labels changes as Gmail UI */

.posi_rel {
    position: relative;
}

.disp_ib {
    display: inline-block;
}

.moving_label {
    -webkit-transform-origin: bottom left;
    transform-origin: bottom left;
    -webkit-transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
    transition: all .3s cubic-bezier(0.4, 0, 0.2, 1);
    -webkit-transition-property: color, bottom, transform;
    transition-property: color, bottom, transform;
    color: rgba(0, 0, 0, 0.38);
    font: 400 16px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
    font-size: 16px;
    pointer-events: none;
    position: absolute;
    bottom: 6px;
    left: 15px;
    width: 100%;
}
.fypmodal-body .moving_label{
    bottom: 2px;
    left: 10px;
}

.strength-container .moving_label {
    bottom: 50px;
}

.inputfieldfocus:focus~.moving_label {
    -webkit-transform: scale(.85) translateY(-38px);
    transform: scale(.85) translateY(-38px);
    left: 0;
    color: #37474f;
}

.transform_this {
    -webkit-transform: scale(.85) translateY(-38px);
    transform: scale(.85) translateY(-38px);
    left: 0;
    color: #37474f;
}


/* MFA modal css */

#modalFYPStepPhoneEdit .selectedMethod {
    left: 20px;
    display: inline-block;
}

#modalFYPStepPhoneEdit .deleteButton {
    display: inline-block;
    top: 7px;
}

#modalFYPStepPhoneEdit .nicknameInput {
    display: inline-block;
    left: 0px;
    top: 7px;
}

button.btn.btn-round.btn-danger.btn-sm.width-135.deleteButtonColor.confirmPhoneDelete{
    background-color: #ba5454;
    color: #fff;
}

/* End of MFA modal css*/


/** common css **/

.font-weight-100 {
    font-weight: 100;
}

.dont-breaktext {
    word-break: keep-all;
    word-wrap: normal;
    -ms-word-wrap: normal;
    -ms-word-break: keep-all;
}

.breaktext_now {
	-ms-word-break: break-all;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    /*-moz-hyphens: auto;
    //hyphens: auto;*/
    white-space: normal;
}

.breakWord {
    word-break: break-all !important;
    word-wrap: break-word !important;
}

.passwordChangeModalText {
    font-size: large;
}

.passwordChangeModalTextSoft{
    font-size: medium;
    text-align: left;
}

.skipButtonClass{
    border-top: ridge 1px #02A0C0;
}

.word_next {
    word-break: initial !important;
}

#containerData .ribbon .tooltip {
    position: fixed;
}

.overflow_auto {
    overflow: auto;
}

body,
.table,
.nav-tabs>li>a,
.app-mailbox .table .title,
.pagination>li>span,
.dropdown-menu>li>a,
.form-control {
    color: #37474f;
	/*width:100% !important;*/
}

.pagination>li>a:focus {
    background-color: white;
    color: #37474f;
}

.pagination>li>a:hover {
    z-index: 2;
    color: #89bceb;
    background-color: #f3f7f9;
    border-color: #e4eaec;
}

.border-radius-10 {
    border-radius: 10px !important;
}

.form-control {
    height: 32px;
}

.supportCategory-desc {
    color: #768399;
}

.app-documents .form-group input.form-control {
    height: 32px !important;
	border-radius: 3px !important;
}

.app-documents .supportCategory-desc .category .icon-wrap>.icon {
    font-size: 65px;
    color: #22BBD6;
}

.app-documents .supportCategory-desc .category .icon-wrap>.icon:hover,
.app-documents .supportCategory-desc .category:hover .icon-wrap>.icon:hover,
.app-documents .supportCategory-desc .category:hover .icon-wrap>.icon {
    color: #fff;
}

.primary-background {
    background-color: #62a8ea;
    color: #fff;
}

.info-background {
    background-color: #57c7d4;
    color: #fff;
}

.primary-background.focus,
.primary-background:focus,
.primary-background:hover,
.info-background.focus,
.info-background:focus,
.info-background:hover {
    color: #fff;
    text-decoration: none;
}

.page {
    min-height: calc(100% - 76px);
    height: calc(100% - 76px);
    background: #f1f4f5;
}

.box:hover {
    -webkit-transform: scale(1, 1);
    transform: scale(1.02, 1.02);
}

.cursor_default {
    cursor: default !important;
}

.cursor_hand {
    cursor: pointer;
}

.alert {
    padding: 10px !important;
    margin-bottom: 15px !important;
}

.modalbody_overflow {
    max-height: calc(100vh - 200px) !important;
    overflow-y: auto !important;
}

.modal-body {
    padding: 15px;
    overflow: visible;
    max-height: none;
    border-top: none !important;
}
.app-modal-window #certactionhist {
    overflow-y: auto;
    max-height: calc(100vh - 200px);
}
.modal-header {
    padding: 15px;
}

.modal-footer {
    padding: 6px 15px 15px;
}

.display_inline {
    display: inline-block !important;
}

.display_none {
    display: none !important;
}

.svgloader {
    text-align: center;
}

.padding-8 {
    padding: 8px !important;
}

.userSearchTable {
    max-height: 200px;
    overflow-y: auto;
}

.modal-walgreens .modal-header {
    background-color: #02A0C0;
    border-radius: 4px 4px 0 0;
}

.table-striped.dataTable tbody tr.active:nth-child(odd) td,
.table-striped.dataTable tbody tr.active:nth-child(odd) th {
    background-color: transparent !important;
}

/** button CSS **/

.btn-primary {
    color: #fff;
    background-color: #4879A8;
    border-color: #4879A8;
}

.btn-primary.focus,
.btn-primary:focus,
.btn-primary:hover{
    color: #fff;
    background-color: #4879A8;
    border-color: #4879A8;
}

.btn-danger, .btn.btn-danger {
   color: #D14242;
   background-color: transparent;
   border-color: #D14242;
}
.btn-danger.focus, .btn-danger:focus, .btn-danger:hover, .btn.btn-danger.focus, .btn.btn-danger:focus, .btn.btn-danger:hover {
    color: #fff;
    background-color: #D14242;
    border-color: #D14242;
}
.btn-outline.btn-danger {
    color: #D14242;
    background-color: transparent;
}
.btn-outline.btn-danger.focus, 
.btn-outline.btn-danger:focus, 
.btn-outline.btn-danger:hover {
    color: #fff;
    background-color: #D14242;
    border-color: #D14242;
}
.btn-outline.btn-primary {
    color: #4879A8;
    background-color: transparent;
}

.btn-outline.btn-primary.focus,
.btn-outline.btn-primary:focus,
.btn-outline.btn-primary:hover{
    color: #fff;
    background-color: #4879A8;
    border-color: #4879A8;
}

.btn-walgreens {
    color: #fff;
    background-color: #008299;
    border-color: #008299;
}

.btn-walgreens.focus,
.btn-walgreens:focus,
.btn-walgreens:hover {
    color: #fff;
    background-color: #008299;
    border-color: #008299;
}

.primary-color {
    color: #62a8ea;
}

.btn-default {
    color: #37474f;
}

.btn-default.focus,
.btn-default:focus,
.btn-default:hover {
    color: #37474f;
    border-color: #f3f7f9;
}

.btn-pure,
.btn-pure.active,
.btn-pure:active,
.btn-pure:focus,
.btn-pure:hover,
.btn-pure[disabled],
.open>.dropdown-toggle.btn-pure,
fieldset[disabled] .btn-pure {
    background-color: transparent;
    border-color: transparent;
}


/** header **/

.navbar-toolbar>li>div.lang_select {
    margin-right: 15px;
    padding: 17px 0;
    opacity: 0.99;
}

.lang_select .select2-selection {
    background: transparent;
    color: #fff;
    border: none;
    border-bottom: 1px solid #fff;
    min-width: 150px;
    border-radius: 0;
    box-shadow: none;
    height: 32px;
    line-height: 20px;
}

.lang_select .select2-container--default.select2-container--open.select2-container--below .select2-selection {
    border-bottom-color: #fff;
}

.lang_select .select2-container--default.select2-container--open .select2-selection {
    box-shadow: none;
}

.lang_select .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
}

.lang_select .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
    border-style: solid;
    border-width: 6px 5px 0 5px;
}

.lang_select .select2-container--default.select2-container--open .select2-selection .select2-selection__arrow b {
    border-color: transparent transparent #fff transparent;
    border-width: 0 5px 6px 5px;
}

#select2-laguageSelector-results li.select2-results__option--highlighted,
#select2-laguageSelector-results li.active {
    background-color: #17a9ff33;
    margin: 8px;
    border-radius: 4px;
    border: 2px solid #22BBD6;
    height: 32px;
    line-height: 16px;
}

#select2-laguageSelector-results li {
    background-color: #e3f7fa;
    margin: 8px;
    border-radius: 4px;
    border: 2px solid #e3f7fa;
    height: 32px;
    line-height: 16px;
}

.navbar-toolbar>li>div.profileavatar_name {
    padding-bottom: 11px;
    padding-top: 11px;
    padding-right: 4px;
    max-width:280px;
    max-height: 66px; 
    overflow-y: auto;
}

.navbar-toolbar>li>div.profileavatar_name::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}  
.navbar-toolbar>li>div.profileavatar_name::-webkit-scrollbar-track {
    background-color: transparent;
} 
.navbar-toolbar>li>div.profileavatar_name::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip:border-box;
}  
.navbar-toolbar>li>div.profileavatar_name::-webkit-scrollbar-thumb:hover {
    background-color: #ffffffa6;
}

.site-footer .site-footer-legal {
    max-height: 68px;
    overflow-y: auto;
}
.site-footer .site-footer-legal::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}  
.site-footer .site-footer-legal::-webkit-scrollbar-track {
    background-color: transparent;
} 
.site-footer .site-footer-legal::-webkit-scrollbar-thumb {
    background-color: transparent;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip:border-box;
}  
.site-footer .site-footer-legal::-webkit-scrollbar-thumb:hover {
    background-color: rgb(122, 138, 141);
}

.scrollable-bar-handle{
    background: rgba(163, 175, 183, .8) !important;
}

.branding-nav-header {
    background-color: #22BBD6 !important;
}

.branding-nav-header-red {
    background-color: #da0034 !important;
}

.navbar-default .navbar-toolbar>li>a {
    color: #fff !important;
}

.navbar-default .hamburger .hamburger-bar,
.navbar-default .hamburger:after,
.navbar-default .hamburger:before {
    background: #fff;
}

#userLoginHrefLink {
    color: #fff !important;
}

.branding-navbar-brand-logo {
    height: 49px !important;
    margin-top: -5px !important;
}

.branding-navbar-brand-logo.branding-navbar-brand-logo-verticle {
    height: 52px !important;
    width: 50px;
    margin-top: -8px !important;
}

.navbar-brand-logo.navbar-brand-logo-xs {
    height: 50px !important;
    margin-top: -6px !important;
}

.navbar-brand-text {
    margin-left: 0px;
}

.site-navbar .navbar-header .navbar-brand {
    padding: 14px;
    height: 66px !important;
}

.input-search .form-control#indentitySearch {
    height: 66px!important;
}

.loggedInUserPwdLastReset{
    text-align: right;
    width: 100%;
    display: inline-block;
    font-size: 12px;
    color:white;
}
.welcome_userDisplayName {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    max-width:none;
    color: white;
}

/** left side navigation **/

.badge-walgreens {
    color: #fff;
    background-color: #02A0C0;
}

.site-menubar {
    background: #fff !important;
}

.site-menu-item a {
    color: #37474f;
}

.site-menu-item a.isdisabled {
    color: rgba(163, 175, 183, .9);
}

.site-menu>.site-menu-item.hover>a,
.site-menu>.site-menu-item:hover>a,
.site-menu>.site-menu-item.listSelect>a {
    color: #62a8ea !important;
}

.site-menu>.site-menu-item.hover>a,
.site-menu>.site-menu-item:hover>a,
.site-menu>.site-menu-item.listSelect>a,
.site-menubar-footer>a:focus,
.site-menubar-footer>a:hover {
    background-color: rgba(53, 131, 202, .05) !important;
}

.site-menubar-unfold .site-menu-icon {
    vertical-align: middle;
}

.site-menubar-unfold .site-menu>.site-menu-item>a {
    line-height: 38px;
    padding: 0 15px;
}

.site-menubar-unfold .site-menu>.site-menu-item>a .site-menu-title {
    font-size: 14px;
}

.site-menu>.site-menu-item.listSelect>a {
    color: #62a8ea;
}

.site-menu>.site-menu-item.listSelect {
    border-top: 1px solid rgba(0, 0, 0, .04);
    border-bottom: 1px solid rgba(0, 0, 0, .04);
}


/*.site-menu>.site-menu-item.listSelect {
    background: rgba(53,131,202,.05);
}*/

.site-menubar-footer>a {
    background-color: #e4eaec;
    color: #76838f;
    height: 76px;
    padding: 26px 0;
}

.site-menubar-footer>a.logout {
    display: block !important;
}

.site-menubar-footer>a .icon {
    font-size: 22px;
}

.site-footer {
    height: 76px;
    padding: 4px 15px;
}

.site-footer .site-footer-right {
    height: 100%;
    text-align: right;
    padding: 14px 0px;
}

@media screen and (max-width: 767px),
screen and (min-width: 1200px) {
    .css-menubar .site-menu-category {
        margin-top: 15px;
    }
    .css-menubar .site-menu-icon {
        margin-right: 8px;
    }
    .css-menubar .site-menu>.site-menu-item>a .site-menu-title {
        font-size: 14px;
    }
    .css-menubar .site-menu>.site-menu-item>a {
        padding: 0 15px;
        line-height: 38px;
        height: 38px;
    }
}


/** Dashboard**/


/*Dashboard tile text apears grey*/

.category-desc {
    color: #768399;
}

.category-desc .category .icon-wrap>.icon {
    color: #22BBD6;
}

.category-desc .category .icon-wrap>.icon:hover,
.category-desc .category:hover .icon-wrap>.icon:hover,
.category-desc .category:hover .icon-wrap>.icon {
    color: #fff;
}

.dashboardtile_height {
    height: 226px !important;
}
.langTamil .dashboardtile_height {
    height: 258px !important;
}

.box {
    border-radius: 10px;
}

.box::after {
    border-radius: 10px;
}

#dashboardPage .categories {
    margin-bottom: 0px;
}

.feature_issue_List{
    overflow-y: scroll;
    padding:3px;
}
.feature_issue_List::-webkit-scrollbar {
    width: 10px;
    height: 10px;
} 

.feature_issue_List::-webkit-scrollbar-thumb {
    background-color: white;
    border-radius: 50px;
    border: 6px solid transparent;
    background-clip:border-box;
}  
/* dashboard disabled tiles */

.isdisabled {
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.8;
    text-decoration: none;
}

a.tile.box.category-desc.isdisabled {
    color: #ccc;
}

.category-desc.isdisabled .category .icon-wrap>.icon {
    color: #ccc;
}

a.tile.box.category-desc.isdisabled h4 {
    color: #ccc;
}


/*Dashboard tile on hover*/

.dashboardtile_height p {
    word-break: break-word !important;
    word-wrap: break-word !important;
}

.category:hover {
    background-color: #22BBD6 !important;
    color: white !important;
}

.category:hover h4 {
    background-color: #22BBD6;
    color: white;
}

.category-desc {
    color: #768399;
}

.category-desc:hover {
    background-color: #22BBD6;
    color: white;
}

.category .ribbon:hover .ribbon-inner:hover,
.category .ribbon:hover .ribbon-inner,
.category:hover .ribbon .ribbon-inner {
    background-color: #fff;
    color: #02A0C0;
}

.ribbon-walgreens .ribbon-inner {
    background-color: #02A0C0;
}

.ribbon-waldefault .ribbon-inner {
    background-color: #969696;
}

.beta .ribbon-inner {
    background-color: #02A0C0;
}

a.tile {
    text-decoration: none;
}

a.tile:hover {
    text-decoration: none;
}

a.tile:active {
    text-decoration: none;
}

a.tile:visited {
    text-decoration: none;
}

.page-register-v3 form {
    margin: 0px 0px !important;
}

.btnInfo,
.btnInfo_dynamic,
.btnInfo_Acc {
    padding: 4px 8px !important;
    width: 100%;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.accPasswordError {
    height: auto !important;
    color: #ec3f41 !important;
}

#createPasswordModal .strength-container .show-password-wrap,
#changePasswordProfileModal .strength-container .show-password-wrap,
#firstChangePassword .strength-container .show-password-wrap,
#createPasswordAccountModal .strength-container .show-password-wrap,
#changePasswordPM .strength-container .show-password-wrap,
.changepassmodal .strength-container .show-password-wrap {
    position: relative;
    text-align: left;
    padding-top: 20px;
    margin-bottom: 0;
    margin-top: 0;
}

#createPasswordModal .strength-container .strength-meter,
#changePasswordProfileModal .strength-container .strength-meter,
#firstChangePassword .strength-container .strength-meter,
#changePasswordPM .strength-container .strength-meter,
#createPasswordAccountModal .strength-container .strength-meter,
.changepassmodal .strength-container .strength-meter {
    height: 12px;
}

#createPasswordModal .strength-container .strength-input.typePass,
#changePasswordProfileModal .strength-container .strength-input.typePass,
#firstChangePassword .strength-container .strength-input.typePass,
#changePasswordPM .strength-container .strength-input.typePass,
#createPasswordAccountModal .strength-container .strength-input.typePass,
.changepassmodal .strength-container .strength-input.typePass {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}


/** my Access CSS **/

.catalog-instances.active,
.catalog-instances:hover {
    color: #37474f;
}


/** proxy page **/
@media only screen and (max-width: 768px) {
    .groupOwnerCont{
        margin-top:11px;
    }

}


.app-documents .form-group input.form-control.selectedContainer_add,
.app-documents .form-group input.form-control.selectedUser_add,
.app-documents .form-group input.form-control.selectedUser_edit {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.input-group-btn button.btn.selectedContainer_add,
.input-group-btn button.btn.selectedUser_add,
.input-group-btn button.btn.selectedUser_edit {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    padding: 4px 10px;
}

#add {
    margin-top: 15px;
}

#add .manager {
    padding-left: 0;
    padding-right: 0;
}


/** view cart page **/

.viewcart_content .page-nav-tabs h4 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 5px;
    margin-top: 0;
}

.viewcart_content .page-nav-tabs h4 .icon.wb-shopping-cart {
    margin-left: 5px;
}


/** req for other user page **/

.request_contaniner .panel-body {
    padding: 0px !important;
}


/** Styles for Password verification **/

.popover-content {
    /*width: 250px !important;*/
    width: auto !important;
    min-width: 200px;
    overflow-y: auto;
    max-height: calc(100vh - 200px);
    font-size: 12px;
    padding: 15px;
}

.popover-content ul {
    padding-left: 20px;
}

#resetPassword {
    position: relative;
}

#pswd_info,
#pswd_info_acc,
#pswd_info_dynamic,
#pswd_info_pm {
    position: absolute;
    top: 45px;
    /* CHANGE Y VALUE FROM TEXTBOX*/
    /*bottom: -115px;*/
    left: 5px;
    min-width: 500px;
    width: auto;
    height: auto;
    padding: 15px;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
    display: none;
}

#pswd_info_dynamic {
    position: absolute;
    top: 965px;
    /* CHANGE Y VALUE FROM TEXTBOX*/
    /*bottom: -115px;*/
    left: 15px;
    min-width: 500px;
    width: auto;
    height: auto;
    padding: 15px;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
    display: none;
}

#pswd_info::before,
#pswd_info_acc::before,
#pswd_info_dynamic::before,
#pswd_info_pm::before {
    content: "\25B2";
    position: absolute;
    top: -12px;
    left: 45%;
    font-size: 14px;
    line-height: 14px;
    color: #ddd;
    text-shadow: none;
    display: block;
}

#pswd_info h4,
#pswd_info_acc h4,
#pswd_info_dynamic h4,
#pswd_info_pm h4 {
    margin: 0 0 10px 0;
    padding: 0;
    font-weight: normal;
}

.invalid {
    background: url(../../assets/images/invalid.png) no-repeat 0 50%;
    padding-left: 22px;
    line-height: 24px;
    color: #ec3f41;
}

.valid {
    background: url(../../assets/images/valid.png) no-repeat 0 50%;
    padding-left: 22px;
    line-height: 24px;
    color: #3a7d34;
}

.a-box .a-divider.a-divider-break h5,
.a-color-base-background .a-divider.a-divider-break h5,
.a-divider.a-divider-break h5 {
    line-height: 1;
    font-size: 12px;
    color: #76838f;
    font-weight: 100;
    z-index: 2;
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding: 0 8px 0 7px;
}

.a-box .a-divider.a-divider-break:after,
.a-color-base-background .a-divider.a-divider-break:after,
.a-divider.a-divider-break:after {
    content: "";
    width: 100%;
    background-color: transparent;
    display: block;
    height: 1px;
    border-top: 1px solid #e7e7e7;
    position: absolute;
    top: 50%;
    z-index: 1;
}

.a-box .a-divider.a-divider-break,
.a-color-base-background .a-divider.a-divider-break,
.a-divider.a-divider-break {
    text-align: center;
    position: relative;
    top: 10px;
    margin-bottom: 14px;
    line-height: 0;
}

.hide {
    display: none !important;
}


/** fyp pages */

.fyp_options {
    width: 100%;
    height: 100%;
    padding: 0;
    line-height: 50px;
    font-size: 20px;
    text-align: left;
}

/*Pending Approvals */
#bulkactionRequestIds{
    word-wrap:break-word
}

/*Pending Approvals */

/* profile css */

.profile_tab-content .box:hover {
    -webkit-transform: scale(1, 1);
    transform: scale(1.02, 1.02);
}

.size-40 {
    font-size: 40px;
}

.page-profile .profile-brief {
    margin-top: 0;
}

.profilevalue_field {
    font-size: 14px;
}

.page-profile.profile_sub_page #activities .avatar {
    width: 40px;
    height: 40px;
}

.page-profile.profile_sub_page .profile_tab-content #activities .list-group-item {
    border: 0;
}

.page-profile.profile_sub_page .profile_tab-content #activities .avatar img {
    border-radius: 0;
}

.page-profile.profile_sub_page .profile_tab-content #activities .media-left .icon {
    line-height: 0.7;
}

.page-profile.profile_sub_page .profile_tab-content #password .list-group-item a.tile {
    border: 1px solid #f1f4f5;
}

.profilepanel .nav-tabs {
    border-bottom: 2px solid #62a8ea;
}

.profilepanel .nav-tabs>li {
    margin-bottom: -2px;
}

.profilepanel .nav-tabs>li.active>a,
.profilepanel .nav-tabs>li.active>a:focus,
.profilepanel .nav-tabs>li.active>a:hover {
    color: #62a8ea;
    background-color: #fff;
    border-color: #62a8ea;
    border-bottom-color: transparent;
    border-width: 2px;
}


/* application password reset popup */

.userappaccount .example {
    position: relative;
    padding: 50px 15px 15px 15px;
    background-color: #fff;
    border: 1px solid #eee;
    max-height: 245px;
    overflow-y: auto;
}

.userappaccount .each_application {
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
}

.each_application .checkbox-custom label {
    line-height: 25px;
}

.userappaccount .each_application input {
    width: 105px;
}

.userappaccount .each_application>label {
    text-align: left;
}

.userappaccount .each_application.singleacc>label {
    padding: 7px 12px;
}

.eachacc_response {
    font-style: italic;
    font-size: 14px;
    text-align: left;
    padding-top: 10px !important;
}

.eachacc_response .label {
    font-style: normal;
}

.responsein {
    font-size: 14px;
    text-align: left;
    animation: fadein 2s;
    -moz-animation: fadein 2s;
    /* Firefox */
    -webkit-animation: fadein 2s;
    /* Safari and Chrome */
    -o-animation: fadein 2s;
    /* Opera */
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-moz-keyframes fadein {
    /* Firefox */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    /* Safari and Chrome */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@-o-keyframes fadein {
    /* Opera */
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

.userappsuccess .example {
    position: relative;
    padding: 15px 15px 15px 15px;
    background-color: #fff;
    border: 1px solid #eee;
    max-height: 245px;
    overflow-y: auto;
}

.showMoreDetailIconAlign {
    float: initial !important;
}

.details-container .details-container-header {
    float: right;
}

.details-container .details-container-content {
    display: none;
    padding: 5px;
}


/* auth question popup */

#ChangeQuestionsAuth .a-divider.a-divider-break {
    top: 0;
    margin-bottom: 15px;
}

#ChangeQuestionsAuth .form-group,
#UCEmployeeModal .form-group {
    margin-bottom: 15px;
}


/* Container UI for  panel CSS issue */

.app-media #containerData .media-list {
    padding: 0;
}

#containerData .ribbon-corner .ribbon-inner {
    width: 26px;
    height: 28px;
    padding: 0;
    line-height: 28px;
}

#containerData li .category:hover {
    background: none !important;
    color: #37474f !important;
}

#containerData li .category:hover h4 {
    background: none;
    color: #37474f;
}


/*Error page*/

.page-error header p {
    color: #76838f;
}

.error_pagebg {
    background-image: linear-gradient(to bottom, #02A0C0 0, #ffffff 100%);
}


/* recent activity */

@media (max-width: 1199px) {
    .recetAct_sidepanel .slidePanel-header {
        width: 350px;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) and (max-width: 1199px) {
    .recetAct_sidepanel .slidePanel-header {
        width: 350px;
    }
}


/* request for others popup CSS */

.reqother_tablemaxh {
    max-height: 221px;
    overflow-y: auto;
    border: 1px solid #e4eaec;
}

.resetnav-tabs.nav-tabs {
    border-bottom: 2px solid #62a8ea;
}

.resetnav-tabs.nav-tabs>li {
    margin-bottom: -2px;
}

.resetnav-tabs.nav-tabs>li>a {
    padding: 8px 10px;
}

.resetnav-tabs.nav-tabs>li.active>a,
.resetnav-tabs.nav-tabs>li.active>a:focus,
.resetnav-tabs.nav-tabs>li.active>a:hover {
    color: #62a8ea;
    background-color: #fff;
    border-color: #62a8ea;
    border-bottom-color: transparent;
    border-width: 2px;
}

.resothers_table.table>tbody>tr>td,
.resothers_table.table>tbody>tr>th,
.resothers_table.table>tfoot>tr>td,
.resothers_table.table>tfoot>tr>th,
.resothers_table.table>thead>tr>td,
.resothers_table.table>thead>tr>th {
    padding: 6px 8px;
}

.resetsuccess .example, .onboardsuccess .example {
    position: relative;
    padding: 15px 15px 15px 15px;
    background-color: #fff;
    border: 1px solid #eee;
    max-height: 245px;
    overflow-y: auto;
}

.eachres_response {
    font-style: italic;
    font-size: 14px;
    text-align: left;
}

.resetapp .example {
    position: relative;
    padding: 50px 15px 15px 15px;
    background-color: #fff;
    border: 1px solid #eee;
    max-height: 245px;
    overflow-y: auto;
}

.appaccount .example {
    position: relative;
    padding: 50px 15px 15px 15px;
    background-color: #fff;
    border: 1px solid #eee;
    max-height: 245px;
    overflow-y: auto;
}

.appaccount .each_application {
    position: relative;
    margin-top: 10px;
    margin-left: 0px;
}

.appaccount .each_application .checkbox-custom label {
    line-height: 25px;
}

.appaccount .each_application input {
    width: 105px;
}

.appaccount .each_application>label {
    text-align: left;
}

.appaccount .each_application.singleacc>label {
    padding: 7px 12px;
}

.resetcolumn_width {
    width: 25%;
    word-break: break-all;
    word-wrap: break-word;
    word-break: break-word;
    -ms-word-break: break-word;
    -ms-word-wrap: break-word;
    max-width: 100%;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.resetcolumn_width_id {
    width: 35%;
    word-break: break-all;
    word-wrap: break-word;
    word-break: break-word;
    -ms-word-break: break-word;
    -ms-word-wrap: break-word;
    max-width: 100%;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

#getOptions .ribbon {
    height: 50px
}


/* manager dashboard css */

.managerdashboard_main .dataTables_filter .input-search-btn {
    right: 0px;
    height: 32px;
}

.managerdashboard_main .badge {
    line-height: 10px;
}

.managerdashboard_main table tbody tr:last-child td {
    border-bottom: 1px solid #e4eaec;
}

.managerdashboard_main table {
    margin-bottom: 5px;
}

.tabinfo_label {
    width: 25%;
    white-space: normal;
}

.tabinfo_value {
    width: 75%;
    white-space: normal;
}

.svgReset {
    width: 20px;
    height: 20px;
}

.svgReset {
    fill: #f2a654 !important;
}

.svgReset:hover,
svg:focus {
    fill: white !important;
}

button.resetBtn:hover .svgReset {
    fill: white !important;
}

button.btn.btn-warning:hover .svgReset {
    fill: white !important;
}

.resetBtn {
    /* padding: 4px 5px 4px 6px !important; */
    padding: 0px !important;
    text-align: center;
    height: 31px;
    width: 30px;
}

.resetBtn span {
    padding: 5px 5px 2px 4px !important;
    display: inline-block;
}
  
@media screen and (max-width: 767px) {
    .tablerow_detailcard {
        width: 100%;
        display: inline-block;
    }
    .tablerow_detailcardvalues {
        width: 100%;
    }
    .tablerow_detailcard .label_field {
        width: 30%;
        display: inline-block;
        word-break: break-all;
        word-wrap: break-word;
        word-break: break-word;
        -ms-word-break: break-word;
        -ms-word-wrap: break-word;
        max-width: 100%;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        text-align: left;
        font-weight: 500;
        white-space: normal;
        font-size: 13px;
    }
    .tablerow_detailcard .value_field {
        width: 69%;
        display: inline-block;
        word-break: break-all;
        word-wrap: break-word;
        word-break: break-word;
        -ms-word-break: break-word;
        -ms-word-wrap: break-word;
        max-width: 100%;
        -ms-hyphens: auto;
        -moz-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
        text-align: left;
        white-space: normal;
        font-size: 13px;
    }
    .app-mailbox .table .tablerow_detailcard .avatar {
        margin-left: 0px;
    }
}

@media screen and (max-width: 480px) {
    .tablerow_detailcard .label_field {
        width: 45%;
    }
    .tablerow_detailcard .value_field {
        width: 53%;
    }
}


/* authentication method CSS */

.captchaRefresh {
    display: table-cell;
    vertical-align: middle;
}

.siteCaptchaInput {
    margin-top: 5%;
}

#captchaRefreshDiv {
    color: #62a8ea;
}

#captchaRefreshDiv:link {
    color: #62a8ea;
}


/* visited link */

#captchaRefreshDiv:visited {
    color: #62a8ea;
}


/* mouse over link */

#captchaRefreshDiv:hover {
    color: #62a8ea;
}


/* selected link */

#captchaRefreshDiv:active {
    color: #62a8ea;
}

.padding-top-0 {
    padding-top: 0px !important;
}

.access-dropdown li:hover {
    background: #f3f7f9;
    cursor: default;
}

.accessTable .accessTd {
    cursor: default !important;
}

.mfaAuthForm .alert-dismissible .close {
    right: 0px !important;
}

.mfaAuthForm .alert-danger {
    color: #f96868 !important;
    text-align: center !important;
}

.mfaAuthForm .alert-success {
    color: #46be8a !important;
    text-align: center !important;
}

.mfaAuthForm div p.deviceList button:not(:first-child) {
    margin-left: 5px !important;
}

.width-120 {
    width: 120px;
}

.width-135 {
    width: 135px;
}

#qrcode img {
    margin-left: auto;
    margin-right: auto;
}

#modalFYPStepScan .modal-body {
    max-height: calc(100vh - 200px);
    overflow-y: auto;
}

#modalFYPStepPush .overlay_bg_modal {
    display: table-cell;
    height: 100%;
    width: 100%;
}

#modalFYPStepPush .overlay_bg_modal .loadersize {
    position: relative;
    margin: auto;
    margin-top: auto;
    vertical-align: middle;
    text-align: center;
    display: table-cell;
    left: auto;
}

.btnWht {
    color: #fff;
}

.btnWht:hover {
    color: #fff;
}

.txtWht {
    color: #fff;
}

.pushErrDiv {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px;
    text-align: center;
    line-height: 1em;
    font-weight: 100;
    background: #bd0f06;
    color: #ffffff;
}

.pushContentDiv {
    padding-top: 30px;
}

.btnCenter {
    margin-left: auto !important;
    margin-right: auto !important;
    display: block;
}

.cursorDefault {
    cursor: default;
}

.label-req-info {
    background-color: #57c7d4;
}

.label-req-success {
    background-color: #46be8a;
}

.label-req-err_fail {
    background-color: #f96868;
}

.label-req-pend_wait {
    background-color: #f2a654;
}

.bulkRemoveDiv .panel-body {
    max-height: 75px;
    overflow: auto;
}

#remove-all-selected-user {
    margin-right: 5px;
    padding: 1px 5px;
    margin-top: 5px;
    border-radius: 10px;
}
#remove-all-selected-userEntl {
    margin-right: 5px;
    padding: 7px 5px;
    border-radius: 10px;
}
.delete-user-bulk {
    cursor: pointer;
}
.delete-user-bulkEntl {
    cursor: pointer;
}

/* group management CSS */

.groupDisplayName,
.groupColumnTable {
    display: table;
}

.groupDisplayName_avatar,
.groupIconTable {
    display: table-cell;
    vertical-align: middle;
}

.groupDisplayName_name,
.groupNameTable {
    display: table-cell;
    vertical-align: middle;
}

.col_width_28 {
    width: 28%;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #fff;
    background-color: #02A0C0;
    border-color: transparent;
    border-bottom-color: #02A0C0;
}

#SPTable_wrapper .dataTables_filter {
	margin-top:0;
}
#SPTable_wrapper .dataTables_filter input{
	background-color: #f3f7f9;
    border-radius: 50px;
    background-image: url(../../../../assets/images/custom/search.png);
    background-position: center right 10px;
    background-repeat: no-repeat;
    background-size: 20px 20px;
	min-width:250px
}
#SPTable_wrapper .dataTables_filter input:focus{
	background-color: transparent;
}
#createGroupEntitlementContent .select2-container,#createServiceAccountContent .select2-container,#userRequestDivSPNew .select2-container,#userRequestLegacySPDiv .select2-container{
    z-index: 998 !important;
}

.groupTableSearchEntlLdap{
    padding: 6px 35px 6px 15px;
}

.managerdashboard_main .manage_btns .btn {
    padding: 0px 0px !important;
}
.managerdashboard_main .manage_btns{
    width: 220px !important;
}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus {
    outline: 5px auto -webkit-focus-ring-color !important;
    outline-offset: 0px !important;

}

#regOTPText, #phoneNumber {
    z-index: 0;
}
/* media queries */

@media screen and (max-width: 1199px) {
    .site-footer {
        height: auto;
    }
    .page-profile.profile_sub_page {
        padding: 0 15px 15px;
    }
    .breadcrumb a.mainNavigationLinks {
        font-size: 14px;
    }
}

@media screen and (max-width: 992px) {
    .managerdashboard_main .manage_title {
        width: 150px;
    }
    .managerdashboard_main .manage_btns {
        width: 160px;
    }
    .passwordpolicy .popover-content {
        min-width: 285px;
        max-height: 150px;
    }
    #allcontractorsTab .tooltip,
    #associatesTab .tooltip,
    #contractorsTab .tooltip,
    #groupOwnerMemberDiv .tooltip,
    #groupListingDiv .tooltip {
        z-index: 1000 !important;
    }
}

@media screen and (max-width: 800px) {
    .managerdashboard_main .manage_title {
        width: 110px;
    }
    .managerdashboard_main .manage_btns {
        width: 160px;
    }
}

@media screen and (max-width: 767px) {
    .modal-dialog {
        margin: 0 10px;
    }
    .navbar-toggle {
        padding: 22px 10px;
    }
    .managerdashboard_main .manage_btns {
        width: 200px;
    }
    h2.modal-title {
        font-size: 20px;
    }
    .managerdashboard_main .nav-tabs>li>a {
        font-size: 12px;
        padding: 15px 6px;
    }
    .managerdashboard_main div.dataTables_length label {
        font-size: 12px;
    }
    .badge_mobile {
        width: 100%;
        display: inline-block;
        text-align: left;
    }
    #allContractors {
        min-width: 60px;
    }
    .overlay_bg_modal .loadersize {
        left: 42%;
    }
    .app-documents .dashboardtile_height .category {
        padding: 30px 10px 10px;
    }
    .app-documents .dashboardtile_height .category p {
        margin: 10px 5px 10px;
    }
    #pswd_info,
    #pswd_info_acc,
    #pswd_info_dynamic,
    #pswd_info_pm {
        min-width: 100%;
    }
    #pswd_info ul,
    #pswd_info_acc ul,
    #pswd_info_dynamic ul,
    #pswd_info_pm ul {
        padding-left: 0;
    }
    #pswd_info ul li.invalid,
    #pswd_info_acc ul li.invalid,
    #pswd_info_dynamic ul li.invalid,
    #pswd_info_pm ul li.invalid {
        line-height: 16px;
    }
    #groupListingDiv div.dataTables_length,
    div.dataTables_info,
    div.dataTables_paginate,
    div.dataTables_filter {
        text-align: left;
        width: 100%;
        margin-top: 10px;
    }
    #groupListingDiv div.dataTables_filter input {
        margin-left: 0;
    }
    #groupOwnerMemberDiv div.dataTables_length,
    div.dataTables_info,
    div.dataTables_paginate,
    div.dataTables_filter {
        text-align: left;
        width: 100%;
        margin-top: 10px;
    }
    #groupOwnerMemberDiv div.dataTables_filter input {
        margin-left: 0;
    }
}

@media screen and (max-width: 480px) {
    .managerdashboard_main .nav.nav-tabs {
        margin-left: -5px;
        margin-right: -5px;
    }
    .managerdashboard_main .noDataDiv {
        font-size: 12px;
    }
    .overlay_bg_modal .loadersize {
        left: 35%;
    }
}

@media screen and (max-width: 360px) {
    .overlay_bg_modal .loadersize {
        left: 32%;
    }
}

.disabledBtn {
    background: #696969 !important;
    border-color: #696969 !important;
}

@media screen and (max-width: 375px) {
    .form-control {
        font-size: 13px;
    }
}

.disabled-unlock {
    color: #e9595b !important;
    background-color: transparent !important;
    border-color: #e9595b !important;
}

@media screen and (max-width: 414px) {
    .tooltip {
        visibility: hidden;
    }
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
    #groupMemberSearchTableDiv .table,
    #exampleTabsContractors .table,
    #exampleTabsAssociates .table {
        table-layout: fixed;
    }
     .navbar-toolbar > li > div.profileavatar_name{
        padding-right:18px;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .feature_issue_List{
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }
    .site-footer .site-footer-legal{
        -ms-overflow-style: -ms-autohiding-scrollbar;
    } 
}

@supports (-ms-ime-align:auto) {
    #groupMemberSearchTableDiv .table,
    #exampleTabsContractors .table,
    #exampleTabsAssociates .table {
        table-layout: fixed;
    }
}

.h2-font-size{
    font-size: 30px;
}

/*Change PIN */
.digit-group input{
    width: 40px;
    height: 40px;
    background-color: #e6e6e6;
    border: none;
    text-align: center;
    font: 400 16px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
    color: #615b5b;
    margin: 0 5px;
    border-radius: 8px;
    text-align: center;
    }
.digit-group-fypin input{
    width: 40px;
    height: 40px;
    background-color: #e6e6e6;
    border: none;
    text-align: center;
    font: 400 16px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
    color: #615b5b;
    margin: 0 5px;
    border-radius: 8px;
    text-align: center;
}

.digit-group-fypin input:first-of-type{
	margin-left: 0px;	
}
.prompt {
    margin-bottom: 5px;
    font: 400 16px Roboto, RobotoDraft, Helvetica, Arial, sans-serif;
}
label[for="showPIN"]{
    margin-top: 10px;
}

/*Request for Self/Other Revamp CSS Changes*/
@media only screen   
and (min-device-width : 768px)  {
	.cartitems_div .category_data .icon-wrap i.icon {
		font-size: 16px;
		float: left;
	}
	#catalogItems .cartitems_div li,ul#catalogItems li {
		height: 45px !important;
		overflow: visible;
		width:100%;
	}
	#catalogItems .cartitems_div .category_data {
		height: 150px;
	}
	#catalogItems li .category a.info_details {
		display: inline-block;
		vertical-align: top;
		position: relative;
		top: -5px;
		right: -5px;
		float: left;
	}
	#catalogItems .category button {
		top: -150px;
		float: right;
	}
	#catalogItems li .category h4 {
		display: block;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
		font-size: 14px;
		float: left;
	}

	#catalogItems li a p, #catalogItems li p {
		display:none;
	}
	#catalogItems li {
		margin-bottom: 10px;
	}

	.cartitems_div .category_data .addedcart_msg {
		float: right;
		margin-right: 60px;
	}
	.cartitems_div .category_data .addedcart_msg {
		float: right;
		margin-right: 60px;
	}
	#arrangement-grid,#arrangement-list{
		display:none;
	}
	
	#catalogItems  span.time{
		float: right;
		position: relative;
		top: -150px;
	}
}
/*Request for Self/Other Revamp CSS Changes*/

/*FYPIN changes */
.ping-scan-container {
	margin: 10px auto;
	width: 100%; 
	text-align: center; 
	overflow: hidden; 
	position: relative; 
	box-sizing: border-box; 
	top:50px;
}
.FYPINInternetErr{
	min-width: 100%;
    font-size: 20px;
}
#show-login-form,#show-scan-badge{
	color: #ffffff;
	float: right;
	font-weight: normal;
	margin-top: 0px;
	cursor: pointer;
	text-decoration: none;
}
#ResetPINProfileModal{
	text-align:left;
}
#scannedInput,#scannedInput:focus {
	border-style:none; 
	outline:none; 
	color: transparent;
	text-shadow: none;
	box-shadow:none;
	background:none;
}
.scanned-field{
	margin-left: 15%;
	margin-right: 15%;
	width: 70%;
}

.scanned-field input{
	height: 25px;
	text-align: center;
}
.radio-custom input[type=radio]{
	opacity: inherit;
}
