
.dummy-contant-Wrapper {
    width: 92vw;
    margin: 0px auto;
    padding: 40px 0;
}

.domestic-content-wrapper h1,h2,h3,h4,h5,h6,p, a {
    font-family: 'Roboto', sans-serif;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

.domestic-content-wrapper h1 {
    font-size: 32px;
    font-weight: 300;
    color: #882345;
    margin: -10px 0 30px 0;
    padding: 0;
}

.white-content-wrapper {
    background-color: #fff;
    border: 1px solid #dfe6ec;
    padding: 24px;
    font-family: 'Roboto', sans-serif;
}

.mr-24 {
    margin-right:24px;
}

.alert-box {
    background-color: #D8EBF9;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 8px;
    margin: 0 0 24px 0;
}

.alert-box p {
    color: #476B83;
    font-size: 12px;
    margin: 0;
}

.alert-box p .info-icon {
    position:relative;
    top: -1px;
    margin-right: 5px;
}


.sponsor-cta-box {
    display: flex;
    text-align: left;
    background-color: #fff;
}

.sponsor-cta-box .select-tab-section {
    width: 20%;
    display: inline-block;
    padding:0px;
}

.sponsor-cta-box .select-tab-section .label {
    font-size: 14px;
    color: #000;
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
	font-weight:500;
	padding:0;
}

.sponsor-cta-box .select-tab-section .label span {
    color: red;
}

.sponsor-cta-box .select-tab-section .label .info-icon {
    position: relative;
    top: -1px;
    margin-left: 5px;
}

.sponsor-cta-box .select-tab-section ul.sponsor-type {
    margin: 10px 0 0 -10px;
    list-style: none;
    padding: 0;
    clear: both;
}

.sponsor-cta-box .select-tab-section ul.sponsor-type li {
    display: inline-block;
    width: 45%;
    margin: 0 0 0 10px;
}

.sponsor-cta-box .select-tab-section ul.sponsor-type li a {
    border: 1px solid #e9e9e9;
    display: block;
    color: #9da1ab;
    text-align: center;
    padding: 12px 0;
}

.sponsor-cta-box .select-tab-section ul.sponsor-type li a .icons {
    width: 60px;
    height: 60px;
    margin: 0px auto;
}

.sponsor-cta-box .select-tab-section ul.sponsor-type li a .icons svg path {
    fill: #797979;
}

.sponsor-cta-box .select-tab-section ul.sponsor-type li:hover a,
.sponsor-cta-box .select-tab-section ul.sponsor-type li.active a
{
    border: 1px solid #164481;
    color: #164481;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}

.sponsor-cta-box .select-tab-section ul.sponsor-type li:hover a .icons svg path,
.sponsor-cta-box .select-tab-section ul.sponsor-type li.active a .icons svg path
{
    fill: #164481;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    -o-transition: 0.5s;
}


.sponsor-cta-box .place-of-visa-selection {
    width: auto;
    display: inline-block;
    margin-left: 40px;
	margin-top: 0px;
}

.sponsor-cta-box .place-of-visa-selection label {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    padding: 0;
    display: block;
    font-family: 'Roboto', sans-serif;
}

.sponsor-cta-box .place-of-visa-selection select {
    width: 100%;
    padding: 10px 10px;
    border: 1px solid #e0e6ee;
    color: #484481;
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
}


.premium-section {
    margin: 16px 0;
    padding: 0;
    clear: both;
    display: block;
    height:100%;
    min-height:100%;
}

.ad-basic-section h2 {
    padding:0;
}

.ad-basic-section h2 .float2 {
    font-weight:400 !important;
    font-size:0.80rem;
}

.ad-basic-section h2 .float2 a {
    margin-left:8px;
}


h2 {
    color: #882345;
    font-size: 20px;
    font-weight: 300;
    padding: 0 0 20px 0;
    border-bottom: 0px solid #E2E4E6;
    margin-bottom: 24px;
}

h2.overview {
    color: #882345 !important;
    font-size: 24px !important;
    font-weight: 300 !important;
    padding: 0 0 20px 0 !important;
    border-bottom: 1px solid #E2E4E6 !important;
    margin-bottom: 24px !important;
}

.premium-section p {
    color: #666666;
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 8px;
}

.premium-grid table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-spacing: 10px;
	border-collapse:separate;
}


.premium-grid table thead tr {
    position: relative;
    margin-right: -10px;
}

.premium-grid table thead tr:after {
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: #f1f1f1;
    bottom: -1px;
    left: 0;
    display: block;
    content: "";
}

.premium-grid table thead tr td {
    padding: 8px 0;
    color:#4D4D4D !important;
    background-color: #F6F6F6;
    text-align: center;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 500;
    position: relative;
    right: -10px;
}

.premium-grid table thead tr td:first-child {
    padding: 8px 0;
    color: #333333;
    background-color: #fff;
    text-align: center;
    color: #333333;
    font-size: 16px;
    text-transform: inherit;
    font-weight: 600;
    text-align: left;
}


.premium-grid table tbody tr {
    position: relative;
    margin-right: -10px;
}

.premium-grid table tbody tr:after {
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: #f1f1f1;
    bottom: -1px;
    left: 0;
    display: block;
    content: "";
}

.premium-grid table tbody tr:last-child:after {
    display: none;
}

.premium-grid table tbody tr td {
    padding: 10px 0;
    color: #000;
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    position: relative;
    right: -10px;
}

.premium-grid table tbody tr td:before {
    width: 1px;
    position: absolute;
    height: 115%;
    background-color: #f1f1f1;
    top: -10px;
    left: 0;
    display: block;
    content: "";
}

.premium-grid table tbody tr td:after {
    width: 1px;
    position: absolute;
    height: 115%;
    background-color: #f1f1f1;
    top: -10px;
    right: 0;
    display: block;
    content: "";
}

.premium-grid table tbody tr td:first-child {
    padding: 10px 0;
    color: #333333;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
}


.premium-grid table tbody tr td:first-child:before,
.premium-grid table tbody tr td:first-child:after {
    display: none;
}

.premium-grid table tbody tr:last-child td:before,
.premium-grid table tbody tr:last-child td:after {
    display: none;
}

.premium-grid table tbody tr:last-child td {
    padding: 0;
}

.premium-grid table tbody tr:last-child td .buynow {
    display: block;
    background-color: #882345;
    padding: 10px;
    color: #fff;
    text-transform: capitalize;
    font-size: 16px;
    position: relative;
    font-weight: 500;
    top: -10px;
}


.plan-overview {
    margin: 16px 0;
    padding: 0;
    clear: both;
    display: block;
}

.two-coloum-box {
    margin: 0;
    display: flex;
    padding: 0;
    text-align: left;
}

.two-coloum-box .left-panel {
    width: 70%;
    display: inline-block;
}

.two-coloum-box .left-panel h3 {
    margin: 0 0 20px 0;
    color: #164481;
    font-size: 18px;
    font-weight: 500;
}

.two-coloum-box .right-panel {
    width: 30%;
    display: inline-block;
    margin-left: 0px;
}

.two-coloum-box .right-panel h3 {
    margin: 0;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    background-color: #164481;
    padding: 10px 20px 5px;
}

.two-coloum-box .right-panel h3 .document-icon {
    position: relative;
    top: 0px;
    margin-right: 5px;
}

.benefits-grid {
    background-color: #fff;
    border: 1px solid #D7D7D7;
    padding: 0 20px;
    position: relative;
}

.benefits-grid:before {
    background-color: #f7f9fd;
    content: "";
    display: block;
    width: 10%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.benefits-grid table {
    width: 100%;
    margin: 0;
    padding: 0;
    border-spacing: 0px;
    position: relative;
    z-index: 2;
}

.benefits-grid table tbody tr td {
    padding: 10px 30px;
    color: #476B83;
    font-weight: 400;
    font-size: 14px;
    text-align: left;
    border-bottom: 1px solid #D7D7D7;
}

.benefits-grid table tbody tr td:first-child {
    font-size: 14px;
    background-color: #f7f9fd;
    border-right: 1px solid #D7D7D7;
    padding-left: 0;
}

.benefits-grid table tbody tr:last-child td {
    border-bottom: 0;
}


.documents-list-container {
    background-color: #fdfdfd;
    border: 1px solid #D7D7D7;
    padding: 16px;
    position: relative;
}

.no-margin-btm {
    margin-bottom:0px !important;
}

.documents-list-container h2 {
    margin: 0 0 10px 0;
    color: #164481;
    font-size: 14px;
    font-weight: 600;
    border-bottom: 0;
    padding: 0;
}

.documents-list-container p {
    margin: 0 0 15px 0;
    color: #164481;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 0;
    padding: 0;
}

ul.doc-list {
    margin: 0 0 0px 40px;
    padding: 0;
    font-family: 'Roboto', sans-serif;
}

ul.doc-list li  {
    color: #000;
    font-size: 14px;
    padding: 1px 0px 0px 24px;
    font-weight: 400;
    margin-right: 24px;
    position:relative;
    display:inline-block;
}

ul.doc-list li:before {
    background-image: url(/Website/dynamic/daman/design/img/green_check-mark.png);
    content:"";
    position:absolute;
    left:0px;
    top:2px;
    display:inline-block;
    width:16px;
    height:16px;
}



#existing_basic_tracks_table_wrapper .bottom{width:100%;}
#existing_basic_tracks_table_wrapper .bottom .dataTables_length{width:20%;}
#existing_basic_tracks_table_wrapper .bottom .dataTables_paginate{width:45%;}
#existing_basic_tracks_table_wrapper .paginate_button {background:none;color:none;border:none;}
#existing_basic_tracks_table_wrapper .paginate_button:hover {background:none;color:none;border:none;}

#existing_basic_tracks_table_wrapper .bottom select.form-control {
    background-position: 7px;
    padding: 0px 5px 0px 5px !important;
}

#existing_basic_tracks_table_wrapper div.dataTables_wrapper div.dataTables_length label {
    font-size: 12px;
}

#existing_basic_tracks_table_wrapper .pagination > li > a, .pagination > li > span {
    color: #476B83 !important;
}

#existing_basic_tracks_table_wrapper .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    color: #476B83 !important;
}

div.edit-eid-wrap a{color: #164481 !important;font-weight: bold;}
div.edit-eid-wrap i{padding: 0px 10px;}

#existing_basic_tracks_table_wrapper .paginate_button {
    padding: 2px 2px;
    margin: 0 2px;
}

.dxb-plan-wrap {margin-top:20px;}

span#ad_basic_plan_label {
	background-color: #F9FAFB;
    border: 1px solid #E0E6EE;
    color: #476B83 !important;
    font-size: .9333333333em;
    padding: 8px 15px;
    display: block;
    width: 100%;
}

.header-boarder {border-bottom:1px solid #e0e6ee;padding: 0 0 10px 0;}
.basic-policy-docs a {color:#4C6E85;}
.basic-policy-docs a span{text-decoration: underline;padding: 0 5px;}
.header_ref_no {
	font-size: 12px !important;
	font-weight: normal !important;
}
.user-info-wrap {margin-bottom:20px;}


/* For Responsive Fixes, custom stylings STARTS here */

.premium-grid-mobile-container {
    display: none;
}

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 280px) 
  and (max-device-width: 767px)  { 

/* Custom Styles For Mobile Devices Starts here */

.hide-in-mobile {
    display: none;
}

.domestic-content-wrapper h1 {
    font-size: 30px;
}

.white-content-wrapper {
    padding: 24px;
}

.alert-box p {
    font-size: 12px;
    line-height: 22px;
}

.sponsor-cta-box {
    padding: 20px;
    display: block;
}

.sponsor-cta-box .select-tab-section {
    display: block;
    width: 100%;
    margin-bottom: 30px;
}

.sponsor-cta-box .place-of-visa-selection {
    display: block;
    width: 100%;
    margin: 0;
}

.sponsor-cta-box .select-tab-section .label {
    font-size: 14px;
}

.sponsor-cta-box .place-of-visa-selection label {
    font-size: 14px;
}

.premium-section h2 {
    font-size: 18px;
}

.premium-grid-mobile-container {
    display: block;
}

.plan-box {
    margin: 0 0 20px 0;
    padding: 20px;
    border: 1px solid #e9eaea;
}

ul.planbox-list {
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
}

ul.planbox-list li {
    padding: 15px 0;
    border-top: 1px solid #e9eaea;
    text-align: center;
}

ul.planbox-list li:first-child {
    background-color: #204481;
    border-top: 0;
    padding: 10px 0;
}

ul.planbox-list li:last-child {
    border-top: 0;
    padding: 0;
}

ul.planbox-list li:last-child a {
    background-color: #882345;
    padding: 15px 40px;
    display: inline-block;
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
}


ul.planbox-list li h2 {
    color: #fff;
    font-size: 15px;
    margin: 0;
    font-weight: 400;
    padding: 0;
    border: 0;
}

ul.planbox-list li h3 {
    color: #882345;
    font-size: 22px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 700;
}

ul.planbox-list li p {
    color: #2f2f2f;
    font-size: 14px;
    margin: 0 0 10px 0;
    font-weight: 400;
}

.plan-overview h2 {
    font-size: 18px;
}

.two-coloum-box {
    display: block;
}

.two-coloum-box .left-panel {
    width: 100%;
    display: block;
}

.two-coloum-box .right-panel {
    width: 100%;
    display: block;
    margin: 20px 0 0 0;
}

.two-coloum-box .right-panel h3 {
    font-size: 16px;
}

.benefits-grid {
    padding: 0;
}


.benefits-grid table tbody tr td {
    display: block;
    padding: 12px 16px;
    font-size: 14px;
    line-height: 22px;
}

.benefits-grid table tbody tr td:first-child {
    display: block;
    padding: 12px 16px;
    font-weight: 700;
    border-right: 0;
    font-size: 12px;
}

.benefits-grid:before {
    display: none;
}

ul.doc-list li {
    font-size: 14px;
}

.documents-list-container h2 {
    font-size: 14px;
}

#policy-info-div h2 {padding: 0 0 5px 0;}

#policy-info-div p {padding: 10px 5px;}

#policy-info-div p a {float:right;}

#basicMemberDialog .modal-dialog {max-width:95%;}


/* Custom Styles For Tablets Starts here */

}

/* Tablet Custom Stylings */

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1020px)  { 

.domestic-content-wrapper h1 {
    font-size: 35px;
}    

.sponsor-cta-box .select-tab-section {
    width: 60%;
}

.sponsor-cta-box .place-of-visa-selection {
    width: 40%;
}

.sponsor-cta-box .select-tab-section .label {
    font-size: 14px;
}

.sponsor-cta-box .place-of-visa-selection label {
    font-size: 14px;
}

.premium-grid table tbody tr td:first-child {
    font-size: 14px;
}

.premium-grid table thead tr td {
    font-size: 12px;
}

.premium-grid table tbody tr:last-child td .buynow {
    font-size: 14px;
}


.two-coloum-box .left-panel {
    width: 60%;
}

.two-coloum-box .right-panel {
    width: 40%;
}


.benefits-grid {
    padding: 0 20px;
}

.benefits-grid table tbody tr td {
    font-size: 14px;
}

.two-coloum-box .right-panel h3 {
    font-size: 16px;
}

.documents-list-container h2 {
    font-size: 16px;
}

ul.doc-list li {
    font-size: 14px;
}


}

/* Tablet Custom Stylings */


#basicMemberDialog .form-section label {margin-bottom:3px !important;}
#basicMemberDialog .margin-btm {margin-bottom:16px !important;}

#basicMemberDialog h4.modal-title, 
#basicDeclarationDialog h4.modal-title,
#renewal_modal_dialog h4.modal-title{font-size:18px !important;font-weight:500 !important;}

#basicMemberDialog h2.bordered-title,
#basicDeclarationDialog h2.bordered-title,
#renewal_modal_dialog h2.bordered-title{font-size:16px;font-weight:500;padding:0px;margin:0 0 24px 0; border-bottom:0px;}

#basicMemberDialog .modal-body,
#basicDeclarationDialog .modal-body,
#renewal_modal_dialog .modal-body{padding: 32px 24px;}

#basicMemberDialog .modal-header,
#basicDeclarationDialog .modal-header,
#renewal_modal_dialog .modal-header {
    padding: 12px 24px;
    background-color: #ffffff;
    box-shadow: 0px 0px 12px #edecec;
    border-bottom: 1px solid #e1dfdf;
}
#basicMemberDialog .modal-dialog,
#basicDeclarationDialog .modal-dialog,
#renewal_modal_dialog .modal-dialog{overflow: hidden;}

.custom-full-screen-model .modal-dialog {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    margin: 0;
}

.custom-full-screen-model .modal-dialog .modal-content {
    border-radius: 0;
    box-shadow: none;
    min-height: 100vh;
}

#basicMemberDialog, #basicDeclarationDialog, #renewal_modal_dialog {padding:0px !important;}

#basicMemberDialog .modal-dialog,
#basicDeclarationDialog .modal-dialog,
#renewal_modal_dialog .modal-dialog {max-width:80%;border-radius:8px;}

#basicMemberDialog .modal-content, 
#basicDeclarationDialog .modal-content,
#renewal_modal_dialog .modal-content {padding:0px !important; over-flow:hidden;}

#basicMemberDialog .modal-header .close,  
#basicDeclarationDialog .modal-header .close,
#renewal_modal_dialog .modal-header .close {
    margin-top: -14px !important;
}

div.upload_section_head {
    background: #f4f8fb;
    font-size: .8em;
    color: #6D92AB;
    padding: 10px 0px;
}

form.upload_form {
    display: block;
    width: 100%;
}

.sponsor-decleration .declare-section h2 {
    margin: 0 0 8px 0;
    color: #000;
    font-size: .8em;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
    border-bottom: 0;
}

.sponsor-decleration .declare-section p {
    margin-bottom: 16px;
    font-weight: 400;
    font-size:12px;
}

.sponsor-decleration .declare-section h3 {
    margin: 0 0 5px 0;
    color: #164481;
    font-size: .75em;
    font-family: 'Roboto', sans-serif;
    font-weight: 500;
}
.declare-section {margin-top:0px;}

.form-section input.form-control, .form-section select.form-control{
	height: 40px !important;
    font-size: 0.875rem !important;
    border-radius: 4px;
    border: 1px solid #E0E6EE;
}

.submit-btn.bordered {
    background-color: #fff;
    border-radius: 4px;
    color: #882345;
    font-size: 0.875rem;
    padding: 0.4rem 2rem;
    display: inline-block;
    border: 1px solid #882345;
    text-transform: capitalize;
}

.submit-btn.solid {
    background-color: #882345;
    border-radius: 4px;
    color: #fff;
    font-size: 0.875rem;
    padding: 0.4rem 2rem;
    display: inline-block;
    text-transform: capitalize;
    margin-left:15px;
}

#ad_basic_plan_label {border-radius: 4px;}

#quote-wrap h3 {margin-bottom:5px;}

#basicEnrollmentForm .form-check .form-check-input[type="checkbox"] {margin-right:10px;}

#basicEnrollmentForm #decleration {width:20px;}

.margin-btm-15{margin-bottom:15px !important;}

.oer-member-form-section .ins_upload_wrap {text-align:center;}

select#placeOfVisa {
    appearance: none;
    background-image: url(/Website/dynamic/daman/design/img/drop-down-select.png);
    background-repeat: no-repeat;
    background-position: right 1rem center;
    min-width:200px;
}

.select-visa {
    display:flex;
    align-items:center;
    min-width:200px;
}

.auh-plan-wrap {
    margin-top:16px;
}

.premium-grid-wrap {
    min-height:88%;
}

.doc_title_wrap {
    display: flex;
    align-items: center;
    margin-right: 24px;
    padding-right: 24px;
    border-right: 1px solid #ccc;
}

.doc_title_wrap h2 {
    padding-right:30px;
}

.sponsor-doc-wrap {
    border-bottom: 1px solid #ccc;
    margin-bottom:16px;
    align-items:center;
    padding-bottom: 16px;
}

.sponsor-doc-wrap h2.title {
    margin:0px !important;
}

.upload_document_style_div .ins_upload_wrap {
    background-color: #fff;
    margin-bottom:1px;
}

.upload_document_style_div .action_link {
    padding:0;
}

div.upload_section_head {
    background-color: #E4F7FF;
}

.overview-details-div {
    gap: 16px 0;
}
