.link {
	text-decoration: underline !important;
	cursor: pointer;
}


.filelist {
    list-style-type: unset;
    display: contents;
}


.modal-overflow {
    overflow-y: scroll;
}

.success-msg {
  background-color: var(--okiblue);
  border: 1px solid var(--okiblue);
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  color: #fff;
  padding: 1rem;
  position: absolute;
  top:0;
  left:0;
  right:0;
  margin-left:auto;
  margin-right:auto;
  width: fit-content;
  z-index: 1000;
}

.back-btn {
	font-weight: 500;
	font-size: 17px;
	cursor:pointer;
}

.pac-container {
    z-index: 10000 !important;
}

.ca-btn-section {
    margin-left: auto;
}

.checkbox-text {
    line-height: 1.4;
    margin-top: auto;
    margin-bottom: auto;
    font-size: 100%;
}

.link {
    color: #858796;
}

.hidden {
    display: none !important;
}


/*****************************************************************/
/**************************** CARDS ******************************/
/*****************************************************************/
.card-title {
	font-weight: 500;
	margin-bottom: 0;
}

.card-field-label { 
  display: inline-block;
  font-size: 85%;
  color: #b2b2b2;
  margin-bottom: 0;
}


.card-field-content { 
  font-weight: 500;
  margin-bottom: 0;
}


/*****************************************************************/
/*************************** BUTTONS *****************************/
/*****************************************************************/
/* BLUE */
.btn-okiblue {
    color: #fff;
    background-color: var(--okiblue);
    border-color: var(--okiblue);
    padding: 5px 20px;
    border-radius: 63px;
    font-weight: 600;
}

.btn-okiblue-sm {
    color: #fff;
    background-color: var(--okiblue);
    border-color: var(--okiblue);
    padding: 0px 16px;
    font-weight: 600;
}

.btn-okiblue:hover,
.btn-okiblue-sm:hover {
    color: #ffff;
    background-color: #415269;
    border-color: #415269;
    font-weight: 600;
}

/* GREEN */
.btn-okigreen {
    color: #fff;
    background-color: var(--okigreen);
    border-color: var(--okigreen);
    padding: 5px 20px;
    border-radius: 63px;
    font-weight: 600;
}

.btn-okigreen-sm {
    color: #fff;
    background-color: var(--okigreen);
    border-color: var(--okigreen);
    padding: 0px 16px;
    font-weight: 600;
}

.btn-okigreen:hover,
.btn-okigreen-sm:hover {
    color: #ffff;
    background-color: var(--okiblue);
    border-color: var(--okiblue);
    font-weight: 600;
}

/* YELLOW */
.btn-okiyellow {
    color: var(--okiblue);
    font-weight: 500;
    background-color: var(--okiyellow);
    border-color: var(--okiyellow);
    padding: 5px 20px;
    border-radius: 63px;
    font-weight: 600;
}

.btn-okiyellow-sm {
    color: var(--okiblue);
    background-color: var(--okiyellow);
    border-color: var(--okiyellow);
    padding: 0px 16px;
    font-weight: 600;
}

.btn-okiyellow-icon {
    color: var(--okiblue);
    background-color: var(--okiyellow);
    border-color: var(--okiyellow);
    padding: 6px 12px;
    font-weight: 600;
    float: right;
}

.btn-okiblue-icon {
    color: var(--okiwhite);
    background-color: var(--okiblue);
    border-color: var(--okiblue);
    padding: 6px 12px;
    font-weight: 600;
    float: right;
}

.btn-okiyellow:disabled,
.btn-okiyellow-sm:disabled,
.btn-okiyellow-icon:disabled {
    color: #000000;
    background-color: #dddddd;
    border-color: #dddddd;
    font-weight: 600;
}
.btn-okiblue-icon:disabled {
    color: #000000;
    background-color: #dddddd;
    border-color: #dddddd;
    font-weight: 600;
}

/* GRAY */
.btn-okigray {
    color: var(--okiblue);
    background-color: #f8f8f8;
    padding: 5px 20px;
    border: 0;
    border-radius: 63px;
    font-weight: 600;
}

.btn-okigray-sm {
    color: var(--okiblue);
    background-color: #f8f8f8;
    padding: 0px 16px;
    border: 0;
    border-radius: 63px;
    font-weight: 600;
}

/* WHITE */
.btn-okiwhite {
    color: var(--okiblue);
    background-color: #fff;
    border-color: var(--okiblue);
    padding: 5px 20px;
    border-radius: 63px;
    font-weight: 600;
}

.btn-okiwhite-sm {
    color: var(--okiblue);
    background-color: #fff;
    border-color: var(--okiblue);
    padding: 0px 16px;
    border-radius: 63px;
    font-weight: 600;
}

.btn-okiwhite-insurances-ca {
	width: 110px;
    color: var(--okiblue);
    background-color: #fff;
    border-color: var(--okiblue);
    padding: 5px 0;
    border-radius: 63px;
    font-weight: 500;
    font-size: 90%;
}

.btn-okiwhite:hover,
.btn-okiwhite-sm:hover,
.btn-okiwhite-insurances-ca:hover {
    color: var(--okiblue);
    background-color: var(--okiwhite);
    border-color: var(--okiblue);
    font-weight: 600;
}

/* WITH CHECK */
.btn-with-check {
	width: 200px;
    color: var(--okiblue);
    background-color: #fff;
    border-color: var(--okiblue);
    padding: 5px 20px;
    border-radius: 63px;
    font-weight: 600;
}

.btn-with-check.active {
	color: #fff;
	background-color: var(--okiblue);
}

.btn-check {
	font-size: 12px;
	margin-top: 0.6rem;
    margin-right: 0;
    margin-left: auto;
    color: #fff;
}


/* MODAL OPTION */
.btn-modal-opt {
	display: flex;
	margin: 0 auto;
	width: 325px;
	max-width: 100%;
	height: calc(1.5em + 0.75rem + 2px);
	color: #1a3d73;
	padding: 0.375rem 0.75rem;
	font-size: 0.8rem;
	font-weight: 400;
	line-height: 1.5;
	color: #6e707e;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #d1d3e2;
	border-radius: 0.35rem;
	transition: border-color 0.15s
}


.btn-modal-opt.active {
    background-color: #1a3d73;
    color: #fff;
}


.btn-modal-opt.disabled {
    background-color: #dddddd;
    cursor: not-allowed;
}

.btn-modal-opt.disabled > i {
    display: none;
}


.modal-select-btns {
    margin: 0 auto !important;
}

.modal-check {
    margin-left: auto;
    color: #fff;
}


/* SELECTED CALL TIME */
.btn-active {
    color: #fff;
    background-color: var(--okiblue);
    border-color: var(--okiblue);
}

.btn-active:hover {
    color: #fff;
    background-color: var(--okiblue);
    border-color: var(--okiblue);
}


.btn-table-options {
    margin-right: 1rem;
    cursor: pointer !important;
}


.edit-btn-icon {
    cursor: pointer;
    border: 1px solid #fff;
    padding: 4px 12px 7px ;
    border-radius: 50%;
    background-color: #fff;
    max-height: max-content;
    max-width: max-content;
}


/*****************************************************************/
/************************* OPTIONS MENU **************************/
/*****************************************************************/
.btn-options-menu {
	align-items: center;
	height:25px;
	width: 25px;
}

.btn-options-menu:hover {
	background-color: rgb(244 248 255) !important;
	border-radius:50%;
}

.options-menu {
  position: absolute;
  z-index: 1000;
  display: none;
  float: left;
  padding: 0.5rem 0;
  margin: 0.125rem 0 0;
  font-size: 0.8rem;
  color: #858796;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0 0 0, 0.29);
  box-shadow: 0 3px 8px 1px #c7c7c7;
  border-radius: 0.5rem;
}

.options-menu.show {
  display: block;
}

.options-menu-item {
  display: block;
  width: 100%;
  padding: 0.25rem 1.25rem 0.25rem 0.75rem;
  clear: both;
  font-weight: 400;
  color: var(--okiblue);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

.options-menu-item:hover, .options-menu-item:focus {
  color: #2e2f37;
  text-decoration: none;
  background-color: #f8f9fc;
}

.options-menu-item > img {
	width: 15px;
	margin-right: 0.4rem;
}


.options-menu-divider {
  height: 0;
  margin: 0.5rem;
  overflow: hidden;
  border-top: 1px solid rgb(209 220 236);
}

/* Tabs */
.tab-okify {
    color: var(--okiblue);
    background-color: #fff;
    padding: 5px 20px;
    border-radius: 63px;
    font-weight: 400;
    border: 1px solid #e3e6f0;
    cursor: pointer;
    margin-right:0.5rem;
}

.tab-okify-sm {
    color: var(--okiblue);
    background-color: #fff;
    padding: 3px 10px;
    border-radius: 63px;
    font-weight: 400;
    border: 1px solid #e3e6f0;
    cursor: pointer;
    margin-right:0.5rem;
}

.tab-okify:hover, .tab-okify-sm:hover {
    font-weight: 600;
}

.tab-active {
    font-weight: 600;
    background-color: var(--okiblue) !important;
    color: white !important;
}

/*Forms*/
.form-label-flex {
    margin-top: 0.3rem;
    font-weight: 500;
}

.form-label {
    margin-bottom: 0.2rem;
    font-weight: 500;
    font-size: 90%;
}

.form-label-bold {
    font-weight: 600;
}

.label-flex-bold {
    margin-bottom: 0.5rem;
    margin-right: 0.5rem;
    font-weight: 600;
}

.short-field {
    max-width: 200px;
}

.page-error-icon {
    transform: scale(3);
}

.page-error-view {
    flex-direction: column;
    align-items: center;
    display: flex;
    margin-top: 30vh;
}

.iti {
    width: 100%;
}

.fontAwesome {
    font-family: Helvetica, "FontAwesome", sans-serif;
    color: var(--okiblue) !important;
}

.question-pop {
    position: absolute;
    right: 200px;
    top: 20px;
}

/*Loader*/
.page-loader-view {
    flex-direction: column;
    align-items: center;
    display: flex;
    margin-top: 30vh;
}

.loader-view {
    flex-direction: column;
    align-items: center;
    display: flex;
}

.loader-view-left {
    flex-direction: column;
    display: flex;
}

.loader-view-right {
    flex-direction: column;
    display: flex;
    float: right;
}

.sk-chase {
    width: 40px;
    height: 40px;
    position: relative;
    animation: sk-chase 2.5s infinite linear both;
}

.sk-chase-dot {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: sk-chase-dot 2s infinite ease-in-out both;
}

.sk-chase-dot:before {
    content: "";
    display: block;
    width: 25%;
    height: 25%;
    background-color: var(--okiblue);
    border-radius: 100%;
    animation: sk-chase-dot-before 2s infinite ease-in-out both;
}

.sk-chase-dot:nth-child(1) {
    animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2) {
    animation-delay: -1s;
}
.sk-chase-dot:nth-child(3) {
    animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4) {
    animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5) {
    animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6) {
    animation-delay: -0.6s;
}
.sk-chase-dot:nth-child(1):before {
    animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2):before {
    animation-delay: -1s;
}
.sk-chase-dot:nth-child(3):before {
    animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4):before {
    animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5):before {
    animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6):before {
    animation-delay: -0.6s;
}

@keyframes sk-chase {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot {
    80%,
    100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot-before {
    50% {
        transform: scale(0.4);
    }
    100%,
    0% {
        transform: scale(1);
    }
}


@media only screen and (max-width: 768px) {
    th {
        text-align: center;
    }

    tbody {
        font-size: 14px;
    }

    #navbar-my-agent, #navbar-tariffs, #navbar-help, #pin-sidebar-btn {
        display: none !important;
    }
}

table.loading tbody {
    position: relative;
}

table.loading tbody:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.1);
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/Pgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA0MCA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjEuNDE0MjE7IiB4PSIwcHgiIHk9IjBweCI+CiAgICA8ZGVmcz4KICAgICAgICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiPjwhW0NEQVRBWwogICAgICAgICAgICBALXdlYmtpdC1rZXlmcmFtZXMgc3BpbiB7CiAgICAgICAgICAgICAgZnJvbSB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIC13ZWJraXQtdHJhbnNmb3JtOiByb3RhdGUoLTM1OWRlZykKICAgICAgICAgICAgICB9CiAgICAgICAgICAgIH0KICAgICAgICAgICAgQGtleWZyYW1lcyBzcGluIHsKICAgICAgICAgICAgICBmcm9tIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICAgIHRvIHsKICAgICAgICAgICAgICAgIHRyYW5zZm9ybTogcm90YXRlKC0zNTlkZWcpCiAgICAgICAgICAgICAgfQogICAgICAgICAgICB9CiAgICAgICAgICAgIHN2ZyB7CiAgICAgICAgICAgICAgICAtd2Via2l0LXRyYW5zZm9ybS1vcmlnaW46IDUwJSA1MCU7CiAgICAgICAgICAgICAgICAtd2Via2l0LWFuaW1hdGlvbjogc3BpbiAxLjVzIGxpbmVhciBpbmZpbml0ZTsKICAgICAgICAgICAgICAgIC13ZWJraXQtYmFja2ZhY2UtdmlzaWJpbGl0eTogaGlkZGVuOwogICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBzcGluIDEuNXMgbGluZWFyIGluZmluaXRlOwogICAgICAgICAgICB9CiAgICAgICAgXV0+PC9zdHlsZT4KICAgIDwvZGVmcz4KICAgIDxnIGlkPSJvdXRlciI+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwwQzIyLjIwNTgsMCAyMy45OTM5LDEuNzg4MTMgMjMuOTkzOSwzLjk5MzlDMjMuOTkzOSw2LjE5OTY4IDIyLjIwNTgsNy45ODc4MSAyMCw3Ljk4NzgxQzE3Ljc5NDIsNy45ODc4MSAxNi4wMDYxLDYuMTk5NjggMTYuMDA2MSwzLjk5MzlDMTYuMDA2MSwxLjc4ODEzIDE3Ljc5NDIsMCAyMCwwWiIgc3R5bGU9ImZpbGw6YmxhY2s7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNNS44NTc4Niw1Ljg1Nzg2QzcuNDE3NTgsNC4yOTgxNSA5Ljk0NjM4LDQuMjk4MTUgMTEuNTA2MSw1Ljg1Nzg2QzEzLjA2NTgsNy40MTc1OCAxMy4wNjU4LDkuOTQ2MzggMTEuNTA2MSwxMS41MDYxQzkuOTQ2MzgsMTMuMDY1OCA3LjQxNzU4LDEzLjA2NTggNS44NTc4NiwxMS41MDYxQzQuMjk4MTUsOS45NDYzOCA0LjI5ODE1LDcuNDE3NTggNS44NTc4Niw1Ljg1Nzg2WiIgc3R5bGU9ImZpbGw6cmdiKDIxMCwyMTAsMjEwKTsiLz4KICAgICAgICA8L2c+CiAgICAgICAgPGc+CiAgICAgICAgICAgIDxwYXRoIGQ9Ik0yMCwzMi4wMTIyQzIyLjIwNTgsMzIuMDEyMiAyMy45OTM5LDMzLjgwMDMgMjMuOTkzOSwzNi4wMDYxQzIzLjk5MzksMzguMjExOSAyMi4yMDU4LDQwIDIwLDQwQzE3Ljc5NDIsNDAgMTYuMDA2MSwzOC4yMTE5IDE2LjAwNjEsMzYuMDA2MUMxNi4wMDYxLDMzLjgwMDMgMTcuNzk0MiwzMi4wMTIyIDIwLDMyLjAxMjJaIiBzdHlsZT0iZmlsbDpyZ2IoMTMwLDEzMCwxMzApOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksMjguNDkzOUMzMC4wNTM2LDI2LjkzNDIgMzIuNTgyNCwyNi45MzQyIDM0LjE0MjEsMjguNDkzOUMzNS43MDE5LDMwLjA1MzYgMzUuNzAxOSwzMi41ODI0IDM0LjE0MjEsMzQuMTQyMUMzMi41ODI0LDM1LjcwMTkgMzAuMDUzNiwzNS43MDE5IDI4LjQ5MzksMzQuMTQyMUMyNi45MzQyLDMyLjU4MjQgMjYuOTM0MiwzMC4wNTM2IDI4LjQ5MzksMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxMDEsMTAxLDEwMSk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMy45OTM5LDE2LjAwNjFDNi4xOTk2OCwxNi4wMDYxIDcuOTg3ODEsMTcuNzk0MiA3Ljk4NzgxLDIwQzcuOTg3ODEsMjIuMjA1OCA2LjE5OTY4LDIzLjk5MzkgMy45OTM5LDIzLjk5MzlDMS43ODgxMywyMy45OTM5IDAsMjIuMjA1OCAwLDIwQzAsMTcuNzk0MiAxLjc4ODEzLDE2LjAwNjEgMy45OTM5LDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoMTg3LDE4NywxODcpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTUuODU3ODYsMjguNDkzOUM3LjQxNzU4LDI2LjkzNDIgOS45NDYzOCwyNi45MzQyIDExLjUwNjEsMjguNDkzOUMxMy4wNjU4LDMwLjA1MzYgMTMuMDY1OCwzMi41ODI0IDExLjUwNjEsMzQuMTQyMUM5Ljk0NjM4LDM1LjcwMTkgNy40MTc1OCwzNS43MDE5IDUuODU3ODYsMzQuMTQyMUM0LjI5ODE1LDMyLjU4MjQgNC4yOTgxNSwzMC4wNTM2IDUuODU3ODYsMjguNDkzOVoiIHN0eWxlPSJmaWxsOnJnYigxNjQsMTY0LDE2NCk7Ii8+CiAgICAgICAgPC9nPgogICAgICAgIDxnPgogICAgICAgICAgICA8cGF0aCBkPSJNMzYuMDA2MSwxNi4wMDYxQzM4LjIxMTksMTYuMDA2MSA0MCwxNy43OTQyIDQwLDIwQzQwLDIyLjIwNTggMzguMjExOSwyMy45OTM5IDM2LjAwNjEsMjMuOTkzOUMzMy44MDAzLDIzLjk5MzkgMzIuMDEyMiwyMi4yMDU4IDMyLjAxMjIsMjBDMzIuMDEyMiwxNy43OTQyIDMzLjgwMDMsMTYuMDA2MSAzNi4wMDYxLDE2LjAwNjFaIiBzdHlsZT0iZmlsbDpyZ2IoNzQsNzQsNzQpOyIvPgogICAgICAgIDwvZz4KICAgICAgICA8Zz4KICAgICAgICAgICAgPHBhdGggZD0iTTI4LjQ5MzksNS44NTc4NkMzMC4wNTM2LDQuMjk4MTUgMzIuNTgyNCw0LjI5ODE1IDM0LjE0MjEsNS44NTc4NkMzNS43MDE5LDcuNDE3NTggMzUuNzAxOSw5Ljk0NjM4IDM0LjE0MjEsMTEuNTA2MUMzMi41ODI0LDEzLjA2NTggMzAuMDUzNiwxMy4wNjU4IDI4LjQ5MzksMTEuNTA2MUMyNi45MzQyLDkuOTQ2MzggMjYuOTM0Miw3LjQxNzU4IDI4LjQ5MzksNS44NTc4NloiIHN0eWxlPSJmaWxsOnJnYig1MCw1MCw1MCk7Ii8+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4K);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50px 50px;
    content: "";
}

#search-filter:focus {
  outline: none;
  box-shadow: none;
  border-color: inherit;
}

#search-filter {
    border: none;
    width: 100%;
    padding: 0 0.5rem;
    width: 300px;
}

.search-filter:focus {
  outline: none;
  box-shadow: none;
  border-color: inherit;
}

.search-filter {
    border: none;
    width: 100%;
    padding: 0 0.5rem;
    width: 300px;
}

#num-rows {
    padding: 0.375rem 0.2rem;
    color: #6e707e;
    border: 1px solid #d1d3e2 !important;
    border-radius: 0.35rem !important;
}