@font-face{font-family:'Myriad Pro Regular';font-style:normal;font-weight:400;src:local('Myriad Pro Regular'),url(https://all-frontend-assets.s3.amazonaws.com/transcendentpagan/assets/fonts/MYRIADPRO-REGULAR.woff) format("woff")}
@font-face{font-family:'Myriad Pro Cond';font-style:normal;font-weight:400;src:local('Myriad Pro Cond'),url(https://all-frontend-assets.s3.amazonaws.com/transcendentpagan/assets/fonts/MYRIADPRO-COND.woff) format("woff")}
@font-face{font-family:'Myriad Pro Light';font-style:normal;font-weight:300;src:local('Myriad Pro Light'),url(https://all-frontend-assets.s3.amazonaws.com/transcendentpagan/assets/fonts/MyriadPro-Light.woff) format("woff")}
@font-face{font-family:'Myriad Pro SemiBold';font-style:normal;font-weight:600;src:local('Myriad Pro SemiBold'),url(https://all-frontend-assets.s3.amazonaws.com/transcendentpagan/assets/fonts/MYRIADPRO-SEMIBOLD.woff) format("woff")}
@font-face{font-family:'Myriad Pro BoldCond';font-style:normal;font-weight:700;src:local('Myriad Pro BoldCond'),url(https://all-frontend-assets.s3.amazonaws.com/transcendentpagan/assets/fonts/MYRIADPRO-BOLDCOND.woff) format("woff")}
@font-face{font-family:'Myriad Pro Bold';font-style:normal;font-weight:700;src:local('Myriad Pro Bold'),url(https://all-frontend-assets.s3.amazonaws.com/transcendentpagan/assets/fonts/MYRIADPRO-BOLD.woff) format("woff")}
@font-face {
    font-family: 'BellMT';
    src: url('../fonts/BellMT.eot');
    src: url('../fonts/BellMT.eot?#iefix') format('embedded-opentype'),
        url('../fonts/BellMT.woff2') format('woff2'),
        url('../fonts/BellMT.woff') format('woff'),
        url('../fonts/BellMT.ttf') format('truetype'),
        url('../fonts/BellMT.svg#BellMT') format('svg');
    font-weight: normal;
    font-style: normal;
}




/*****Base css***********/
*{box-sizing:border-box}
:root{--red:#e94a49;--red-l:#ff3600;--white:#fff;--green:#16A085;--orange:#EB9532;--orange-l:#fc9401;--yellow-light:#d4c88e;--purple:#7E3661;--pink:#ea53c2;--purple-l:#7E3661;--blue:#25aceb;--blue-l:#22b8fc;--blue-ll:#4ecaee;--yellow:#ffea00;--black:#000;--black-l:#353535;--links:#1dbce9;--gray:#36404a;--gray-l:#fafafa;--gray-ll:#abacac;--orange-top-color: #ffa800;--orange-bottom-color: #ff7e00;--orange-gradient: linear-gradient(var(--orange-top-color), var(--orange-bottom-color));--gray-top-color: var(--white);--gray-bottom-color: #d8d7d6;--gray-gradient: linear-gradient(var(--gray-top-color), var(--gray-bottom-color));--black-top-color: #484949;--black-bottom-color: #222222;--black-gradient: linear-gradient(var(--black-top-color), var(--black-bottom-color));--blue-top-color: #25aceb;--blue-bottom-color: #006cb7;--blue-gradient: linear-gradient(var(--blue-top-color), var(--blue-bottom-color));--bluegreen-top-color: rgba(140, 207, 176, 0.28);--bluegreen-bottom-color: rgba(40, 183, 225, 0.28);--bluegreen-gradient: linear-gradient(90deg, var(--bluegreen-top-color), var(--bluegreen-bottom-color));--green-top-color: #ccff00;--green-bottom-color: #489002;--green-gradient: linear-gradient(var(--green-top-color), var(--green-bottom-color));--bluegreen-left-color: rgba(139, 207, 176, 1);--bluegreen-right-color: rgba(40, 183, 225, 1);--bluegreenlr-gradient: linear-gradient(90deg, var(--bluegreen-left-color), var(--bluegreen-right-color));}
*{--font-family-base:Roboto;--main-font:Roboto;--main-normal:400;--main-medium:500;--main-bold:700;--main-exbold:900;--base-font-size:24px;--base-font-size32:32px;--base-font-size18:18px}
a{color:var(--links);text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}
.clear{clear:both;overflow:hidden}
img{border:0;outline:0}
a img{outline:none}
a{outline:none;cursor:pointer}
a:active,a:focus{outline:none}
:active,:focus{outline:none;-moz-outline-style:none}
:link:focus,:visited:focus{outline:none}
html{overflow-y:scroll;overflow-x:hidden;}
html,body{height:100%;width:100%;position:relative}
body{margin:0;font-family:var(--main-font);counter-reset:location;background-color:var(--white);font-size:var(--base-font-size)}
html,body{margin:0;padding:0;height:100%}
button{word-wrap:break-word!important;white-space:unset!important;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;line-height:normal!important}
/* mat-label{word-wrap:break-word!important;white-space:unset!important;overflow-wrap:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto;line-height:normal!important} */
p:empty{display:none}
section:empty{display:none}
#container{position:relative;display:flex;flex-direction:column;min-height:100vh}
#container #container{position:relative;display:flex;flex-direction:column;min-height:1px}
#header{position:relative;top:0;z-index:9}
#body{flex:1;background:var(--white)}
#maincontent{position:relative;padding-bottom:0}
.contentblock .mat-table{box-shadow:none !}
.h-100{display:flex!important;flex-direction:column!important;justify-content:flex-start;align-items:stretch}
.z-index-1{z-index:1}
.z-index-2{z-index:2}
.z-index-3{z-index:3}
.z-index-4{z-index:4}
.z-index-5{z-index:5}
.z-index-6{z-index:6}
.z-index-7{z-index:7}
.z-index-8{z-index:8}
.z-index-9{z-index:9}
.p-5{padding:5px}
.p-10{padding:10px}
.p-13{padding:13px}
.p-16{padding:16px}
.p-20{padding:20px}
.p-40{padding:40px}
.pt-5{margin-top:5px}
.pl-20{padding-left:20px}
.pl-45{padding-left:45px}
.pl-10{padding-left:10px}
.pl-3{padding-left:3px}
.pr-30{padding-right:30px}
.mt-m-27percent{margin-top:-27%}
.mt-5{margin-top:5px!important}
.mt-15{margin-top:15px!important}
.mt-26{margin-top:26px!important}
.mb-0{margin-bottom:0!important}
.ml-9{margin-left:9px!important}
.h-100p{height:100%}
.txt-uppercase{text-transform:uppercase}
.txt-capital{text-transform:capitalize}
textarea.mat-input-element {resize: none !important;}
.text-right{text-align: right;margin: 0!Important;}
span.text-right{width: 100%;display: block;}

/*****Video css***********/
.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}
.embed-responsive::before{display:block;content:""}
.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}
.embed-responsive-21by9::before{padding-top:42.8571428571%}
.embed-responsive-16by9::before{padding-top:56.25%}
.embed-responsive-4by3::before{padding-top:75%}
.embed-responsive-1by1::before{padding-top:100%}

/*****grid css***********/
.countDiv{height:auto!important;display:flex!important;align-items:stretch!important;flex-wrap:wrap!important;justify-content:center!important;background: transparent;box-shadow: none !important;}
.countDiv.mat-card{padding:0!important;background: transparent !important;}
.countDiv .mat-card{position:relative;overflow:hidden;margin:10px!important;padding: 25px 18px;}
.countDiv .column4,.countDiv .column3,.countDiv .column2,.countDiv .column1,.countDiv .column{display:flex!important;align-items:stretch!important;justify-content:center!important;width:100%;flex-wrap: wrap;}
.col1{flex:1 0 6.33333333%!important}
.col2{flex:1 0 14.66666667%!important}
.col3{flex:1 0 23%!important}
.col4{flex:1 0 31.33333333%!important}
.col5{flex:1 0 39.66666667%!important}
.col6{flex:1 0 48%!important}
.col7{flex:1 0 56.33333333%!important}
.col8{flex:1 0 64.66666667%!important}
.col9{flex:1 0 73%!important}
.col10{flex:1 0 81.33333333%!important}
.col11{flex:1 0 89.66666667%!important}
.col12{flex:1 0 98%!important}
.asmainwrapper{width:1647px;margin:0 auto;box-sizing:border-box;margin-bottom:0;padding:0!important}

/*****underconstruction css***********/
.underconstructionpage{text-align:center}
.underconstructionpage h1{text-align: center;background-image: none;font-size: 40px !important;text-transform: uppercase;font-weight: 700 !important;margin: 60px auto 0 !important;}
.underconstructionpage img{width:450px;height:auto;margin:45px auto}
.underconstructionpage p{line-height:2;font-size:16px;font-style:italic;width:518px;margin: 0 auto 12px !important;}
.underconstructionpage p b{text-transform:capitalize}

/*****Modal css***********/
.mybuynowModal.mat-card{padding:0 !important}
.mat-dialog-container{background:rgba(var(--white), 0.5);}
.modal-dialog{position:relative;width:auto;margin:10px}
/* .mat-dialog-container{padding:0!important;border-radius:0!important;overflow:visible!important} */
.mybuynowModal .modal-dialog{max-width:727px;margin:30px auto;background: #160909;}
.mybuynowModal{background:(var(--white),0.5) no-repeat top 40% center;background-size:cover}
.mybuynowModal .modal-body{position:relative;padding:15px;background-color:(var(--white),0.5);border:8px solid #5a5a58;}
.mybuynowModal .close{font-size: 20px;font-weight: 400;line-height: 1;color: var(--white);text-shadow: 0 1px 0 var(--white);filter: alpha(opacity=20);opacity: 1!important;background: var(--red)!important;padding: 0 4px 7px 10px!important;
    right: 0;position: absolute;top: 0;outline: none!important; width: 45px;height: 40px;min-width: 32px;border-radius: 0 0 0 40px;}
.mybuynowModal .modallogowrapper{text-align:center;max-width: 230px;margin: 0 auto;}
.mybuynowModal .modallogowrapper img{max-width:100%}
.mybuynowModal h1{font-family: var(--main-font) !important;font-weight: var(--main-bold)!important;font-size: 28px!important;text-transform: uppercase;padding: 0;margin: 20px 0 10px!important;line-height: 28px!important;position: relative;color: #c3c3cb;text-align: center;}
.mybuynowModal h1 span{color:var(--red);margin-left:5px}
.mybuynowModal p{font-family:var(--main-font);font-weight: var(--main-normal);font-size:16px;text-transform:none;padding:0;margin:20px 0 10px;line-height:24px;position:relative;color:#080809;text-align:center}
.mybuynowModal a{color:var(--red)}
.mybuynowModal.successmodal .modal-body{padding:40px}
.mybuynowModal.successmodal h6:after{display:none}

/*****ZoomModal css***********/

.logoZoom .mat-dialog-container::-webkit-scrollbar,.ZoomShelveImage .mat-dialog-container::-webkit-scrollbar {display: none;}
.logoZoom .mat-dialog-container,.ZoomShelveImage .mat-dialog-container {-ms-overflow-style: none;scrollbar-width: none;}
.logoZoom .mat-dialog-container {height: auto;overflow-y: scroll !important;}
.mybuynowModal.zoomLogomodal.successmodal .modal-dialog {max-width: 880px;position: relative;background:var(--black) !important;}
.mybuynowModal.zoomLogomodal.successmodal .modal-body {padding: 10px;background-color: var(--black) !important;}
.mybuynowModal.zoomLogomodal.successmodal .modallogowrapper img {max-width: inherit;width: 100%;}
.mybuynowModal.zoomLogomodal.successmodal .modallogowrapper {max-width: inherit;}
.doZoomb3Logo .mybuynowModal.zoomLogomodal.successmodal .modal-dialog {max-width: 1530px;}
.doZoomb3Logo .mat-dialog-container {height: auto;overflow-y: scroll !important;}
.mybuynowModal.zoomSlavemodal .modal-dialog {max-width: 100%!important;}



.doZoomb3Logo .mat-dialog-container,.ZoomShelveImage .mat-dialog-container {-ms-overflow-style: none;scrollbar-width: none;}
.mybuynowModal.zoomSlavemodal .modal-dialog,.ZoomShelveImage.zoomSlavemodal .modal-dialog {width: 100%;height: 100%;margin: 0;padding: 0;}
.mybuynowModal.zoomSlavemodal .modal-content,.ZoomShelveImage .mybuynowModal.zoomSlavemodal .modal-content {height: auto; min-height: 100%;border-radius: 0;}
.doZoomb3Logo .mat-dialog-container,.ZoomShelveImage .mat-dialog-container {height: auto;overflow-y: scroll !important;}
.sliderwrapper .mat-list .mat-list-item-content, .eventblock7 .mat-list-item-content, .eventblock8 .mat-list-item-content, .homeblk1content .mat-list-item-content {padding: 0!important;}

.logoZoomChart{ width: 70%;}

.logoZoomChart .mybuynowModal.zoomLogomodal.successmodal .modal-dialog {
    max-width: 100%;
}


/* ~~~~~user-folder-view~~~~ */

.FVuser_details_block_body{border:none;border-radius:0!important;min-height:80vh;}
.FVuser_details_pageheading{margin:10px 0;padding:15px;display:block;background:#08a298;background:linear-gradient(275deg,rgba(40,124,202,1) 0%,rgba(22,71,133,1) 100%);border-radius:8px;font-family:'Open Sans',sans-serif;font-weight:600;font-size:26px;color:#fff;text-transform:uppercase;margin-bottom:25px;text-align:center}
.FVuser_details_block_body mat-card{padding:0;margin:0;background: none;}
.FVuser_details_block_wrapper{display:flex!important;flex-wrap:wrap;justify-content:space-between;margin-bottom:15px!important}

.FVuser_details_block mat-card{background:transparent!important;border-radius:0!important;border:none;margin:0;padding:15px!important}
.FVuser_details_block_right{width:73%;background:#f3f3f3!important;border-radius:8px!important;padding:15px!important}
.FVuser_details_block_login{width:25%;background:#f3f3f3!important;border-radius:8px!important;padding:15px!important}
.FVuser_details_block_login mat-card{background:transparent!important;border-radius:0!important}
.FVuser_details_block_body mat-card-title{background:#01629f;color:#f4f1f1;font-size:26px;font-weight:400;padding:5px 10px;border-radius:5px;text-transform:capitalize}
/* .UserDetails_head{background-image:url(../images/UserDetails_icon.png)!important;background-repeat:no-repeat!important;background-position:10px center!important;background-size:30px!important;padding-left:56px!important}
.personal_info_head{background-image:url(../images/PersonalInfo_icon.png)!important;background-repeat:no-repeat!important;background-position:10px center!important;background-size:30px!important;padding-left:56px!important}
.FVuser_details_block_login_head{background-image:url(../images/LoginDetails_icon.png)!important;background-repeat:no-repeat!important;background-position:10px center!important;background-size:30px!important;padding-left:56px!important} */
.userdetail_info{display:flex!important;flex-wrap:wrap;justify-content:space-between;border-bottom:#ddd solid 1px;margin:0!important;padding:8px 0!important}

.userdetail_info b span{padding-right:10px;color:#01629f}
.FVuser_details_btnblock .personalinfo_BTN_active{background-image:url(../images/PersonalInfo_icon_hover.png);background-repeat:no-repeat;background-position:14px center;background-size:36px;background-color:#d1d5da;color:#01629f}
.FVuser_details_btnblock button{display:block;width:90%;text-align:center;border:none;background:#2274bb;margin:10px 0;border-radius:20px;line-height:40px!important;font-size:18px;font-family:'Open Sans',sans-serif;font-weight:600;border:none;outline:none;cursor:pointer;color:#fff;text-transform:capitalize}
.notes_btn{background:#2274bb url(../images/notes_BTN.png) no-repeat 20px center!important;background-size:30px!important}         
.location_Btn{background:#2274bb url(../images/loctionpic1.png) no-repeat 16px center!important;background-size:33px!important}
.manage_note_head{background-image:url(../images/notes_BTN.png)!important;background-repeat:no-repeat!important;background-position:10px center!important;background-size:30px!important;padding-left:56px!important}
.gmdetail_usr_right{width: 73%;}
.gmdetail_usr_right .managenote_section {background: #438ed9;color: #fff; padding:15px;border-radius: 10px;display: flex;align-items: center;justify-content: space-between;}
.gmdetail_usr_right .add_note_btn {line-height: 34px !important;}


.personalInfoBody .mat-card-content p{margin:0}


.areanote {margin:15px 0; padding:0 15px; margin-bottom:15px!important;}
.areanote .mat-form-field{width: 100%;margin-bottom: 15px;}
.areanote .mat-form-field-wrapper{padding-bottom: 0 !important; background: #fff; border: 1px solid #a5a5a5;}
.areanote .mat-form-field-underline{display: none;}
.areanote .mat-form-field-infix{ padding: 10px!important}
.areanote mat-label{ padding:0 15px;}
.areanote .singleButton {line-height: 36px !important; background:linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%);margin: 5px; color: #fff;}
.no_notestoshow{text-align: center;margin: 20px;font-size: 19px;font-weight: 500;}
.added_notes_wrapper{display: flex !important;justify-content: space-between;align-items: stretch;}
.added_notes{width: 45%;padding: 15px;}

.py_addeditform .form .form_field_wrapperprofile_image{flex: 1 0 99% !important;margin-bottom: 10px !important;}
/* app-add-edit-assistant .form_field_wrapperdescription{width: 100% !important;} */

/***********progress bar css***********/
.mat-progress-bar{display:none !important}
.usermanagementadminuserlist .mat-progress-bar, .jobticketmanagementadminjobticketcategory .mat-progress-bar, .jobticketmanagementadminjobticket .mat-progress-bar{display:block!important}
.mat-progress-bar.mat-progress-bar-new{display:block!important}
.mat-progress-bar-new{position:fixed;top:0;right:0;left:0}
/* .mat-progress-bar .mat-progress-bar-fill::after, .mat-progress-bar-new .mat-progress-bar-fill::after{background-color:var(--orange);width:100%;background-image:linear-gradient(45deg,var(--orange) 25%,transparent 25%,transparent 50%,var(--orange) 50%,var(--orange) 75%,transparent 75%,transparent)} */

.mat-progress-bar .mat-progress-bar-fill::after, .mat-progress-bar-new .mat-progress-bar-fill::after{
    background-color:#ff3600;width:100%;background-image:linear-gradient(45deg,var(--orange) 25%,transparent 25%,transparent 50%,var(--orange) 50%,var(--orange) 75%,transparent 75%,transparent)}

.mat-progress-bar .mat-progress-bar-buffer, .mat-progress-bar-new .mat-progress-bar-buffer{background:#c4c4c5;border-radius:0}
.mat-progress-bar-new[mode=indeterminate], .mat-progress-bar[mode=indeterminate]{animation-duration:6s;width:100%}
.mat-progress-bar[mode=indeterminate] .mat-progress-bar-fill::after, .mat-progress-bar-new[mode=indeterminate] .mat-progress-bar-fill::after{animation-duration:6s}
.mat-progress-bar[mode=indeterminate] .mat-progress-bar-primary,.mat-progress-bar-new[mode=indeterminate] .mat-progress-bar-primary{animation-duration:6s}
.mat-progress-bar[mode=indeterminate] .mat-progress-bar-primary .mat-progress-bar-new-fill::after, .mat-progress-bar-new[mode=indeterminate] .mat-progress-bar-primary .mat-progress-bar-new-fill::after{animation-duration:6s}
.mat-progress-bar[mode=indeterminate] .mat-progress-bar-secondary, .mat-progress-bar-new[mode=indeterminate] .mat-progress-bar-secondary{animation-duration:6s}
.mat-progress-bar[mode=indeterminate] .mat-progress-bar-secondary .mat-progress-bar-fill::after, .mat-progress-bar-new[mode=indeterminate] .mat-progress-bar-secondary .mat-progress-bar-fill::after{animation-duration:6s}

/***********applyNowModal home css***********/
.applyNowModal .modalscolldivwrap{border: 8px solid #ffea00;margin:10px !important;}
.applyNowModal .modalscolldivwrap .modalscolldivouter{padding: 2px!important;}
.applyNowModal .modal-body{background-color: #212121;border: 3px solid var(--black);}
.applyNowModal .mat-form-field-label {color: var(--white) !important;}
.applyNowModal .mat-form-field-underline {background-color: rgb(255 255 255 / 42%) !important;}
.applyNowModal input.mat-input-element, .applyNowModal textarea.mat-input-element {color: var(--white) !important;}
.applyNowModal .example-full-width{width:100%;}
.applyNowModal .btnblack {margin-top: 15px;border-radius: 5px;text-transform: uppercase;font-family:var(--main-font);font-weight: var(--main-bold);font-size: 22px;color: var(--white);margin-right: 0;line-height: 20px!important;padding: 10px 16px 14px!important;font-weight: var(--main-normal);background: var(--black-gradient);width: 200px;border: 2px solid #ffee2a;overflow: hidden;position: relative;}
.applyNowModal button[type="submit"] {padding: 5px 16px 10px!important;margin-top: 15px;border-radius: 5px;margin-right: 0;line-height: 20px!important;padding: 10px 16px 14px!important;border: 2px solid #ffee2a !important;overflow: hidden;position: relative;}
.applyNowModal button[type="submit"] span{z-index: 99;position: relative;background: var(--orange-gradient);-webkit-text-fill-color: transparent;-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;text-transform: uppercase;font-family:var(--main-font);font-weight: var(--main-bold) !important;font-size: 44px;line-height: 44px!important;}
.applyNowModal h1{font-family: var(--main-font) !important;font-weight: var(--main-bold)!important;text-transform: uppercase;padding: 0;margin: 0px 0 10px!important;}
.applyNowModal h1 span{background: var(--gray-gradient);-webkit-text-fill-color: transparent;-webkit-background-clip: text;-moz-background-clip: text;background-clip: text;z-index: 2;position: relative;font-size: 52px!important;line-height: 52px!important;}
.applyNowModal h1::after{background: none;content: attr(title);left: 3px;top: 10px;position: absolute;width: 100%;text-shadow: 0 0 6px rgb(0 0 0 / 90%);z-index: 1;font-size: 52px!important;line-height: 52px!important;}
.applyNowModal p{font-family:var(--main-font);font-weight: var(--main-normal);font-size:18px;text-transform:none;padding:0;line-height:24px;position:relative;color:#a5a5a5;text-align:center;width: 94%;margin: 0 auto 0!important;}
.applyNowModal p span{color:#9cff00;}
.ourteacher .countDiv .mat-card {margin: 25px 10px!important;}
.mybuynowModal.applyNowModal.successmodal .modal-body {padding: 0px;}
p.source{margin: 0 !important;font-size: 18px !important;line-height: normal !important;white-space: normal;word-break: break-word;}
p.source a {color: #ff3626;}
.applyNowModal .modalscolldivwrap .modalscolldiv form .mat-error{position: absolute;bottom: -20px;font-size: 11px;}
.applyNowModal .modalscolldivwrap .modalscolldivouter h1 {border-radius: 0px;background: var(--orange-gradient);display: flex;justify-content: center;padding: 10px;align-items: center;}
.applyNowModal .modalscolldivwrap .modalscolldiv{padding: 0px 0px 20px!important;}
.applyNowModal .modalscolldivwrap .modalscolldiv form{padding: 15px 20px 0;}
.modalformform .submitbtnsection button[type="submit"]{width: 258px !important;margin-left: auto !important;margin-right: auto !important;display: block;position: relative;}
.modalformform .submitbtnsection button[type="submit"]::before{content: "";width: 112%;height: 99%;border-radius: 47%;position: absolute;top: -28px;left: -6%;display: block;position: absolute;background: rgb(107, 107, 107, 0.3);}
.modalformform .submitbtnsection::before{content: "";width: 112%;height: 99%;border-radius: 47%;position: absolute;top: -28px;left: -6%;display: block;position: absolute;background: rgb(107, 107, 107, 0.3);}

.applyNowModal .mat-form-field-flex {background: var(--black);padding: 0 10px;border: 1px solid #3a3a3a;}
.applyNowModal .mat-form-field-underline {background-color: #3a3a3a !important;}
.applyNowModal .submitbtnsection{position: relative;}
.applyNowModal .submitbtnsection::before{background: url(https://all-frontend-assets.s3.amazonaws.com/transcendentpagan/assets/images/home/applynow_button_behondbg.webp) no-repeat center center!important;content: "";width: 100%;height: 104px;position: absolute;top: 0%;left: 0;display: block;border-radius: 0 !important;transform: translateY(-60%);}
.applyNowModal .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper {top: -1.3875em;}
.applyNowModal .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.applyNowModal .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {transform: translateY(-0.6em) scale(.75) perspective(100px) translateZ(.001px);-ms-transform: translateY(-0.6em) scale(.75);width: 133.33333%;}

.contactformform form{display: flex;flex-wrap: wrap;justify-content: space-between;}
.contactformform .form_field_wrapperfname{order:1}
.contactformform .form_field_wrapperlname{order:2}
.contactformform .form_field_wrapperemail{order:3}
.contactformform .form_field_wrappermessage{order:4}
.contactformform .form_field_wrapperphone{order:5;position: absolute;top: 189px;}
.contactformform .form_field_wrapperstate{order:6;margin-top: 15px;}
.contactformform .form_field_wrappertype{display:none}
.contactformform .submitbtnsection{order:7}
.contactformform .form_field_wrapper{width: 48%;}
.contactformform .form_field_wrapperfname{float: left;}
.contactformform .form_field_wrapperlname{float: right;}
.contactformform  .form_field_wrapperemail{float: left;}
.contactformform  .form_field_wrapperphone{float: right; }
.contactformform  .form_field_wrapperstate{ float: right;}
.contactformform  .form_field_wrappermessage{float: left;}
.contactformform  .submitbtnsection{float: right; width: 133px;}
.column p.source span{margin-left: 5px;}

/* (padding-left:70px; * for folder view parsonal info,edit info,note bottun)/ 

/* .column .col7.contentblock p br{display:none} */

/***********amitava css***********/
 
.activemenutop .mat-list-item-content span{ color: #090909!important;
    border-radius: 50px!important;
    background: var(--gray-gradient)!important; height: 80%!important;
   }

.submenubig{ width: 1070px;
    margin-left: -330px; 
    background: linear-gradient(rgb(255, 255, 255), rgb(209, 209, 209)) !important;
}
.submenu.mat-menu-panel{ background: linear-gradient(rgb(255, 255, 255), rgb(209, 209, 209)) !important;}
.mat-menu-panel.submenubig .mat-list-item:hover, .submenu.mat-menu-panel .mat-list-item:hover{
    background: linear-gradient(#ffa800, #ff7e00) !important;
    color: #fff !important;
}

 .submenubig .mat-menu-content{    display: flex!important;
    flex-wrap: wrap;}   

    .submenubig .mat-menu-content a{ width: 33.3%; border-right: solid 1px #afaead;}  

    .submenubig .mat-menu-content a:nth-last-child(3n+1){ border-right: none!important;}

    .submenubig .mat-menu-content a:nth-last-child(-n+3){ border-bottom: none!important;}


 @media screen and (max-width:1299.98px){
    .submenubig{ width: 90%;
        margin-left: auto;  margin-right: auto;}

     
        .submenubig .mat-menu-content a { 
            line-height: 12px;
            display: flex!important;
            align-items: center;
            justify-content: center;
        }
 }
    

.chartimage{display: block;
    text-align: center;
    background: #e2e2e2;
    margin: 15px; }


    .chartimage img{ width: auto; max-width: 90%; display: block; margin: 0 auto;}

.topform  .mat-error{    background: #ff0000;
    position: absolute;
    color: #fff;
    font-size: 14px;
    padding: 2px 10px;
    border-radius: 5px;
    top: 45px;}

    .topform  .mat-error::before{ content: '';
        clip-path: polygon(0 0, 0% 100%, 100% 100%);
        display: block;
        width: 15px;
        height: 15px;
        background: #ff0000;
        position: absolute;
        top: -10px;}

.topform .container {position: relative;  padding-right: 90px;}

.topform .submitbtnsection{width: 90px;
    position: absolute;
    right: 0;
    top: 0;}

 .topform .mat-form-field-appearance-legacy .mat-form-field-infix {   padding: 0;   }

 .topform .mat-form-field-infix { border-top: 0;  }

.topform .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label, .topform .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{ display: none!important;}
.topform .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {
    display: none!important;
}


.topform  .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 0;
}

.topform .submitbtnsection button{ display: none;}

.topform .submitbtnsection button:nth-of-type(1){
    display:block !important;
    border-radius: 0;
    text-transform: uppercase;
    font-family: var(--main-font);
    font-size: 14px;
    color: var(--white);
    margin-right: 0;
    line-height: 20px!important;
    padding: 10px 16px!important;
    font-weight: var(--main-normal);
    background: var(--black-gradient);
}


.topform .mat-form-field-underline{ display: none; }

.topform .mat-form-field-flex input {
    padding: 9px!important;
    width: 100%!important;
    font-size: 14px!important;
    line-height: 14px!important;
    font-family: var(--main-font)!important;
    font-weight: var(--main-normal)!important; background: #fff;  color: #484949;     height: 40px;
}

.topform .mat-form-field-flex  label{    font-size: 14px;
    color: #484949;
    font-weight: normal;
    padding: 0px 10px;
    margin: 0;
    top: 20px;}

.contactformform{ margin-top: 30px;}
.contactformform .submitbtnsection button:nth-of-type(1) {
    margin-top: 0;
    border-radius: 0;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    font-size: 22px;
    color: var(--white);
    margin-right: 0;
    line-height: 20px!important;
    padding: 10px 16px 14px!important;
    font-weight: var(--main-normal);
    background: var(--black-gradient);
    width: 133px;
    border: 1px solid #ffffff;
    box-shadow: none!important;
}

.modalscolldiv{max-height: 80vh;
    overflow-y: auto;
    display: block;
    min-height: 100px;
    overflow-x: hidden;
    padding: 0!important;     padding: 20px 24px 20px!important;}

.modalformform  .submitbtnsection button:nth-of-type(1){    margin-top: 15px;
    border-radius: 5px;
    text-transform: uppercase;
    font-family: var(--main-font);
    font-weight: var(--main-bold);
    font-size: 22px;
    color: var(--white);
    margin-right: 0;
    line-height: 20px!important;
    padding: 10px 16px 14px!important;
    font-weight: var(--main-normal);
    background: var(--black-gradient);
    width: 200px;
    border: 1px solid #ffffff;}
/* .book_lib_body .example-section{  position: absolute;}   */

.paginationwrapper {
    text-align: center;
    padding-top: 25px;
}


.paginationlistcon {
    text-align: center;
    padding: 10px 0;
    display: flex;
    align-items: center;
    justify-content: center;     flex-wrap: wrap;
}


.paginationwrapper .showingpaginationcls{ text-align: center; color: #8f908e; font-size: 16px;}

.paginationwrapper .pagercls { color: #8f908e; padding: 2px 8px; font-size: 20px;}
.paginationwrapper .active { color: #fff!important;}

.paginationwrapper .gotopagecls { color: #8f908e; padding: 2px 8px; font-size: 16px;}

.paginationwrapper .paginationlistcon { color: #8f908e;  font-size: 16px;}

.paginationwrapper input {
    width: 70px;
    text-align: center!important;
    padding: 5px;
    margin: 2px 10px;
    font-size: 18px;
}

.paginationwrapper .pagefirst_button {
    background: url(../images/physical-library/physical-library_left1arrow.png) no-repeat center center!important;
    font-size: 0px;
    width: 20px;
    height: 30px;
    background-size:16px!important;
    padding: 0!important;
    margin: 0!important;
    min-width: inherit;
}

.paginationwrapper .pagelast_button  {
    background: url(../images/physical-library/physical-library_right1arrow.png) no-repeat center center!important;
    font-size: 0px;
    width: 20px;
    height: 30px;
    background-size:16px!important;
    padding: 0!important;
    margin: 0!important;
    min-width: inherit;
}


.paginationwrapper .pageprev_button {
    background: url(../images/physical-library/physical-library_left2arrow.png) no-repeat center center!important;
    font-size: 0px;
    width: 26px;
    height: 30px;
    background-size: 25px!important;
    padding: 0!important;
    margin: 0 10px!important;
    min-width: inherit;
}


.paginationwrapper .pagenext_button  {
    background: url(../images/physical-library/physical-library_right2arrow.png) no-repeat center center!important;
    font-size: 0px;
    width: 26px;
    height: 30px;
    background-size: 25px!important;
    padding: 0!important;
    margin: 0 10px!important;
    min-width: inherit;
}



.refreshtooltipcls{ background: #ff3600!important; font-size: 14px!important; text-transform: capitalize!important;}
.searchtooltipcls{ background: #ff3600!important; font-size: 14px!important; text-transform: capitalize!important;}
/* .listnertooltipcls{ background: #ff3600!important; font-size: 14px!important; text-transform: capitalize!important;} */

.book_lib_body .noFoundText {
    text-align: center;
    color: #dfb907;
    padding-bottom: 0px!important;
    padding-top: 150px!important;
    font-size: 30px;
    line-height: 50px;
    background: url(../images/physical-library/giphy.gif) no-repeat center top!important;
    background-size: 130px!important;
    margin-top: 50px!important; text-transform: uppercase!important;
}



.book_lib_body .mat-progress-bar{display:block !important}

.book_lib_body{  background: #11100e; margin-bottom: 0px!important;}

.book_lib_body  mat-card{
 border: none!important; box-shadow: none!important; border-radius: 0!important; background: none!important; margin: 0!important; padding: 0px 0 30px 0!important;
 position: relative; }

.book_lib_body  .container{ border: none!important; box-shadow: none!important; border-radius: 0!important; background: none!important; margin: 0!important; padding: 0!important;}

.book_lib_body  .mat-table { border: none!important; box-shadow: none!important; border-radius: 0!important; background: none!important; margin: 0!important; padding: 0!important;}


.book_lib_body thead{ display: none;}


/* .book_lib_body  .lib-pager-class:nth-child(1){ display: none;} */


.book_lib_body table{ display: block;}

.book_lib_body tbody{ display: flex; flex-wrap: wrap;     width: 100%; background: #11100e;  justify-content: center;}

.book_lib_body tbody tr{ display: block; height: auto; background: #000000 url(../images/physical-library/booklist_BG.png) no-repeat right top;
    border: solid 10px #3a3e3f; width: 48%; padding: 0.8%;   margin: 0.5%; box-shadow: -1px 1px 5px -8px rgba(238,232,232,0.16);
    -webkit-box-shadow: -1px 1px 5px -8px rgba(238,232,232,0.16);
    -moz-box-shadow: -1px 1px 5px -8px rgba(238,232,232,0.16); clear: both; overflow: hidden; position: relative;  }

.book_lib_body tbody tr td{ display: block!important;  height: auto; max-height: inherit;   border: none; color: #fff; padding: 0!important; padding-left: 42%!important;}

.book_lib_body tbody td:nth-child(1){ display: none!important;}
.book_lib_body tbody td:nth-child(2){ display: none!important;}


  .physicallibrary .mat-autocomplete-panel.mat-autocomplete-visible {   background: #f56b03!important; }

  .physicallibrary .mat-option{color: #fff!important;  border-bottom: solid 1px #fb8d01!important;}

  .physicallibrary .mat-option:hover{background: #fd9801!important;}


.book_lib_body tbody .mat-column-image{width: 40%;  float: left;   display: block!important;  height: 100%; padding: 0!important;}

.book_lib_body tbody .mat-column-image img{ width: auto!important; max-width: 90%; display: block; margin: 0 auto;}

.book_lib_body tbody .module_imgblock{     width: auto;
    cursor: pointer;
    position: relative;
    z-index: 2;
    background: #3a3e3f;
    height: 100%;
    border: solid 5px #e89235}

.book_lib_body tbody .module_imgblock img{  max-width:100%!important; width:100%!important;
    height:100%!important; }

.book_lib_body tbody .mat-column-BookTitle{ font-size: 36px; font-family: var(--main-font);
        font-weight: var(--main-bold);   text-transform: uppercase; line-height: 36px;
        background: -webkit-linear-gradient(#ffa400, #f76c04);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;}



 .book_lib_body tbody .mat-column-SecondaryTitle{ font-size: 36px; font-family: var(--main-font);
        font-weight: var(--main-bold);   text-transform: capitalize; line-height:40px;
        background: -webkit-linear-gradient(#fbfbfb, #8c8d8d);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent; padding-top: 5px!important;  margin-bottom:15px;}



        .book_lib_body tbody .mat-column-secondarytitle_new{ font-size: 36px; font-family: var(--main-font);
            font-weight: var(--main-bold);   color: #dcd8d8; margin-bottom:15px; padding-top: 5px!important;  }

.book_lib_body tbody .mat-column-secondarytitle_new .secondarytitlecls{font-size:30px; line-height:34px;}

.book_lib_body tbody .mat-column-secondarytitle_new .newsecondarytitilecls{font-size:24px; line-height:28px;  background: none!important;}


 .book_lib_body tbody .mat-column-Actions{ position: absolute; right: 0; bottom: 4%; text-align: center; width: 100%;}

 .book_lib_body tbody .mat-column-Actions .button_div_custom_cls{ text-align: center;}

 .book_lib_body tbody .mat-column-Actions .button_div_custom_cls .custombutton0{display: inline-block; margin: 0 12px;}

 .book_lib_body tbody .mat-column-Actions .button_div_custom_cls .custombutton0 button{  width: 178px; height: 50px;
    background: rgb(255,166,0);
    background: linear-gradient(180deg, rgba(255,166,0,1) 0%, rgba(246,102,4,1) 100%); border: solid 1px #e8e0d0; border-radius: 4px; cursor: pointer;
    font-size: 24px; color: #000000;  font-family: var(--main-font);
    font-weight: var(--main-bold);  text-shadow: 0 1px 1px #fc9501;
}



.book_lib_body tbody .mat-column-Actions .button_div_custom_cls .custombutton1{display: inline-block; margin: 0 12px;}

.book_lib_body tbody .mat-column-Actions .button_div_custom_cls .custombutton1 button{  width: 178px; height: 50px;
    background: rgb(161,254,0);
    background: linear-gradient(180deg, rgba(161,254,0,1) 0%, rgba(56,175,1,1) 100%); border: solid 1px #e8e0d0; border-radius: 4px; cursor: pointer;
   font-size: 24px; color: #000000;  font-family: var(--main-font);
   font-weight: var(--main-bold);  text-shadow: 0 1px 1px #a1fe00;
}

.book_lib_body tbody .mat-column-PublishingDate{ padding-bottom: 90px!important;}

.book_lib_body tbody .mat-column-PublishingDate span span{ font-size: 24px;  line-height: 28px; color: #ffffff;  min-height: 44px;   font-weight: var(--main-normal); background: url(../images/physical-library/book_block_icon3.png) no-repeat left 5px; display: block;     padding: 8px 0 8px 60px;}

.book_lib_body tbody .cdk-column-BookPublisher span span{ font-size: 24px; line-height: 28px;  color: #ffffff;  min-height: 44px;   font-weight: var(--main-normal); background: url(../images/physical-library/book_block_icon2.png) no-repeat left 5px; display: block;     padding: 8px 0 8px 60px;}

.book_lib_body tbody .mat-column-AuthorEditor span span{ font-size: 24px; line-height: 28px; color: #ffffff;   min-height: 44px;  font-weight: var(--main-normal); background: url(../images/physical-library/book_block_icon1.png) no-repeat left 5px; display: block;     padding: 8px 0 8px 60px;}




.book_lib_body tbody .mat-column-SubjectCategory1 span span{ font-size: 24px; line-height: 28px; color: #ffffff;   min-height: 44px;  font-weight: var(--main-normal); background: url(../images/physical-library/book_block_icon4.png) no-repeat left 5px; display: block;     padding: 8px 0 8px 60px;}




/* .book_lib_body  .searchbar .searchdiv { width: 25%!important; margin: 0!important; background: rgb(255,167,0);
    background: linear-gradient(180deg, rgba(255,167,0,1) 0%, rgba(246,101,4,1) 100%); padding: 0.4%;  padding-left: 0px;     height: 61px;}
    .book_lib_body  .searchbar .searchdiv:first-of-type{padding-left: 0.4%;} */

 .book_lib_body .searchbar{ background: #252728; margin: 0; padding: 20px; height: auto; margin-bottom: 15px;}

 .book_lib_body  .searchbar .mat-form-field-appearance-legacy .mat-form-field-wrapper {  padding-bottom: 0;   border: solid 1px #636667;   background: #000;   }
 /* .book_lib_body .searchbar .mat-form-field{ margin: 0;} */

 .book_lib_body  .searchbar   .mat-form-field { width: 33%;  background: rgb(255,167,0);
    background: linear-gradient(180deg, rgba(255,167,0,1) 0%, rgba(246,101,4,1) 100%); padding: 0.4%; margin: 0.1%;    }

 .book_lib_body  .searchbar {   display: flex;  flex-wrap: wrap; justify-content: center;  height: auto;  }

 /* .book_lib_body input.mat-chip-input {
        width: auto!important;
        flex: inherit!important;
        margin: 0!important;
        display: block!important;
        width: 100%!important;
    } */

  .book_lib_body .mat-form-field-label-wrapper {
        top: -9px;
        padding-top: 0;
    }

 .book_lib_body .mat-chip{    margin: 4px; max-width: 48%;
    width: auto;
    word-break: keep-all;
    white-space: break-spaces; padding-right: 22px!important; position: relative; line-height: 12px;
    font-size: 12px;}

    .book_lib_body .mat-icon {
        width: 18px;
        height: 18px;
        position: absolute;
        right: 0;
    }

.book_lib_body  .searchbar .filterForTexticon { display: none;}


.book_lib_body  .searchbar .mat-form-field-underline { display: none;}

.book_lib_body .searchbar .mat-form-field-appearance-legacy .mat-form-field-label {
    top: 22px;
    padding: 0 10px; font-size: 20px; color: #fff;  font-weight: var(--main-normal);
}

.book_lib_body .searchbar .mat-form-field-infix {
    display: block;
    position: relative;
    flex: auto;
    min-width: 0;
    width: auto;
    padding: 0;
    border: 0;
    height:48px;
    display: block; overflow: hidden;
}


.book_lib_body .searchbar  input.mat-input-element {
    margin-top: 0px;
    font-size: 20px;
    color: #fff;
    padding: 0 10px; height: 100%;
}

.book_lib_body .searchbar .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-input-server:focus+.mat-form-field-label-wrapper .mat-form-field-label,
.book_lib_body .searchbar .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{ font-size: 0px;}
.book_lib_body  tfoot{ display: none;}

.book_lib_body .lib-pager-class{ display: none!important;}



.book_lib_body .lib-pager-class:last-of-type{ display: flex!important;  align-items: center; justify-content: center;  float: none;  text-align: center; padding-bottom: 25px!important;
    padding-top: 22px;       position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;  }

    .book_lib_body .lib-pager-class:last-of-type .pageformfield{ padding: 0 15px;}

.book_lib_body .lib-pager-class mat-label{ color: #fff!important; font-size: 16px;}

.book_lib_body .lib-pager-class mat-label:first-of-type{ padding-top: 8px;}

.book_lib_body .lib-pager-class .material-icons{ color: #fff!important; font-size: 26px;     padding-top: 16px;}

.book_lib_body .lib-pager-class  .mat-form-field-underline{ display: none;}

.book_lib_body .lib-pager-class input{color: #ffffff;
    background: #3a3e3f;
    text-align: center;
    padding: 5px 0 4px 0;
    font-size: 16px;}

.book_lib_body .lib-pager-class .mat-form-field-infix{ width: 60px;     margin: 0 1px;}

.book_lib_body  .mat-form-field-appearance-legacy .mat-form-field-wrapper {
    padding-bottom: 0;
}

.book_lib_body .searchbar  .searchbtncls{    width: 215px; background: rgb(255,167,0); height: 64px;  background: linear-gradient(180deg, rgba(255,167,0,1) 0%, rgba(246,101,4,1) 100%);
    padding: 0.4%; margin: 0.1%;  }


.book_lib_body .searchbar  .searchbtncls .material-icons{     width: 99px;  display: flex;   align-items: center; justify-content: center; font-size: 32px;    background: rgb(255,167,0);
    background: linear-gradient(180deg, rgba(255,167,0,1) 0%, rgba(246,101,4,1) 100%);  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  border-right: solid 2px #484848; font-weight: bold;}



.book_lib_body .searchbar  .search_class{   background: #000;  width: 100%; display: flex;   flex-wrap: wrap;       justify-content:center; height: 100%;}

.book_lib_body .searchbar .CustomButtonListen_div{ display: none;}
.book_lib_body .searchbar .buttonsearch_div{ display: none;}
.book_lib_body .searchbar .buttonSearchDatacls_div{ display: none;}

/* .book_lib_body .searchbar  .searchbtncls { background: rgb(255,167,0);
    background: linear-gradient(180deg, rgba(255,167,0,1) 0%, rgba(246,101,4,1) 100%);   height: 61px;
    width: 5%; padding: 0.4%; padding-left: 0px;}*/

 .book_lib_body .searchbar  .searchbtncls button{display: block;width: 99px; height: 100%; font-size: 0px;     background: #000; cursor: pointer; box-shadow: none; border-radius: 0px;  padding: 0; }
 .book_lib_body .searchbar  .searchbtncls button span{  background: url(../images/physical-library/book_block_searchICON.png) no-repeat center center;display: block; width: 100%; height: 100%;}

 .book_lib_body .mat-chip-list-wrapper {
    margin: 0;
    height: 100%;
}

.custom-modalbox-image-preview .imgmodalcls {   padding: 0!important;}


    .custom-modalbox-image-preview .imgmodalcls mat-card-container{  max-height: 80vh;
        overflow-y: auto;
        display: block;
        min-height: 100px;
        overflow-x: hidden; padding: 0!important;   }


 .custom-modalbox-image-preview  .mat-dialog-container{border: solid 10px #272a2b; position: relative; padding: 10px !important;
    background: #000;  }


    .custom-modalbox-image-preview .mat-dialog-container button {
        font-size: 0;
        right: -20px;
        position: absolute;
        top: -20px;
        outline: none!important;
        width: 30px;
        height: 30px;
        background-color: #e94a49!important;
        color: #fff;
        background: url(../images/physical-library/closeICON.png) no-repeat 12px 7px;
        background-size: 11px;
        padding: 0;
        min-width: inherit;
        border-radius: 0 0 0 50px;
    }


    /* mattooltip{
        font-size: 40px;
       } */


  /* @media screen and (max-width:1840px){


    .book_lib_body .searchbar .searchdiv {  width: 23%!important;}
   } */

   /* @media screen and (max-width:1700px){

    .book_lib_body .searchbar .searchbtncls {  width: 12%;}

    .book_lib_body .searchbar .search_class {   height:80%;   }
   } */



   .custom-modalbox-image-preview .imgmodalcls mat-card-container{ width: 600px;     max-width: 100%;}


 .horoscop_wrapper{background: #11100e;   padding: 0 0 35px 0;}


 .horoscop_wrapper .titleblock{max-width:1675px;margin:0 auto}
 .horoscop_wrapper .titleblock .column{display:flex!important;flex-wrap:nowrap!important;justify-content:center!important;align-items:stretch!important;margin-bottom:30px!important}
 .horoscop_wrapper .titleblock .column .mat-card{background:url(https://all-frontend-assets.s3.amazonaws.com/transcendentpagan/assets/images/home/titleblockbg.webp) repeat-x right top!important;border-radius:0;background-size:100% 100%!important;margin:0!important;min-height:1px;overflow:inherit;text-align:center;z-index:5;position:relative;display:flex;align-items:center;height:100%;justify-content:center;padding: 20px 0 20px;}
 .horoscop_wrapper .titleblock h1{font-family:var(--main-font);font-weight:var(--main-exbold);font-size:55px;line-height:55px;color:var(--white);text-transform:uppercase;text-shadow: 0 4px 6px rgb(0 0 0 / 40%);margin:0;text-align:center}
 .horoscop_wrapper .titleblock p{font-family:var(--main-font);font-weight:var(--main-bold);font-size:24px;line-height:24px;color:var(--white);text-transform:inherit;text-shadow: 0 2px 4px rgb(0 0 0 / 40%);margin:0;margin-top:2px;text-align:center}
 .horoscop_wrapper .titleblock.withsubtitle .column .mat-card {padding: 12px 0 20px;}

 .horoscope_sub_heading{    width: 90%;
    margin: 0 auto;     font-family: var(--main-font);
    font-weight: var(--main-normal);
    color: #c0c2c2;
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 30px; text-align: center;}

    .horoscope_sub_heading span {
        color: #ffd500;
    }


 .horoscope_body_div{ display: flex; flex-wrap: wrap; justify-content: space-between; border: solid 1px #3f3f3f; width: 96%; margin: 0 auto;}

.horoscope_menu_div{ width: 20%;     }

.horoscope_menu_div label{font-family: var(--main-font)!important;
    font-weight: var(--main-medium)!important;
    font-size: 18px!important;
    line-height: 22px!important;
    color:#fff;

    text-align: left; display: block; border-bottom: solid 1px #3f3f3f; cursor: pointer;   }
    .horoscope_menu_div label mat-list-item { display: block;}
    .horoscope_menu_div label mat-list-item a{ padding:10px 18px;  font-family: var(--main-font)!important;
        font-weight: var(--main-medium)!important;
        font-size: 18px!important;
        line-height: 22px!important;
        color:#fff; display: block; text-transform: capitalize; padding-left: 15px;}

        .horoscope_menu_div label .active  a{background: #3f3f3f;
            border-left: solid 5px #f97205; padding-left: 10px; }

    .horoscope_menu_div label mat-list-item a:hover{  padding-left: 10px;    border-left: solid 5px #f97205;    background: #3f3f3f; color: #fff;}

    .horoscope_right_div{ background: #3f3f3f;}


    .horoscope_form_div{ padding: 15px; position: relative;}

    .horoscopeflag{ position: absolute; width: 100%; height: 100%;}


    .horoscope_form_div .mat-progress-bar {
        display: block !important;
    }

    .horoscope_form_div lib-showform  .mat-progress-bar{ display: none!important;}


.horoscope_right_div{ width: 80%;}
.horoscope_form_div  .form_field_wrapper mat-form-field{      display: block;
    background:#e2e2e2;  margin: 0 0 15px 0; height: 50px;       border: solid 1px #000;    }



    .horoscope_form_div  .mat-form-field-flex{   padding: 0.4% 10px;       }

    /* .horoscope_form_div  .mat-form-field-flex *{ color: #11100e!important;} */


    .horoscope_form_div .mat-form-field-appearance-legacy .mat-form-field-wrapper {
        padding-bottom: 0;
    }

    .horoscope_form_div .mat-error {
        display: block;
        font-size: 12px;
        margin-top: -10px;
    }

    .horoscope_form_div .mat-form-field-appearance-legacy .mat-form-field-label {
        color: #11100e;
        font-size: 18px;
        top: 14px;
    }

    .horoscope_form_div .mat-form-field-appearance-legacy .mat-form-field-infix {
        color: #11100e;
        font-size: 18px; padding: 0; margin-top: 2px;
    }

    .horoscope_form_div .mat-form-field-label-wrapper{top: -22px;}

    .horoscope_form_div .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label{
        top: 28px!important;
        color: #a55704;
    }

    .horoscope_form_div  .mat-form-field-appearance-legacy.mat-form-field-can-float .mat-form-field-autofill-control:-webkit-autofill+.mat-form-field-label-wrapper .mat-form-field-label {

        top: 28px!important;  color: #a55704;
    }

    .horoscope_form_div .mat-select-value {
        color: #11100e;
    }

    .horoscope_form_div .mat-select-arrow {
        color: #11100e;
        margin: -8px 0 0 0!important;
    }

    .horoscope_form_div .submitbtnsection button{ display: none;}

    .horoscope_form_div .submitbtnsection button:first-of-type{margin-top: 25px; display: block;
        border-radius: 0;
        text-transform: capitalize;
        font-family: 'Open Sans', sans-serif;
        font-size: 22px;
        color: #11100e;
        margin-right: 0;
        line-height: 20px!important;
        padding: 10px 16px 14px!important;
        font-weight: var(--main-normal);
        background: var(--orange-gradient);
        width: 133px;
        border: 1px solid #3c3934;
        box-shadow: none!important;}

        .horoscope_form_div .mat-form-field-appearance-legacy .mat-form-field-underline {
            display: none;
        }

.horoscope_show_list_body_text_con {  padding:15px;
        background: #2a2724;
        margin: 20px;     text-align: left;
        font-family: var(--main-font)!important;
        font-size: 16px!important;
        line-height: 22px!important;
        color: #fff; text-transform: capitalize;     border-radius: 5px;}

        .horoscope_show_list_body_text_con br{ display: none;}

        .horoscope_show_list_body_text_con strong{ display: block; padding-bottom: 10px; font-size: 18px; color: #ffa937;}

        .horoscope_show_list_body {
            margin: 15px;
            background: #11100e;
            color: #fff;
            padding: 5px;
            font-size: 18px;
            line-height: 29px;
            display: flex;
            flex-wrap: wrap; justify-content: center;
        }



        .horoscope_show_div .horoscope_show_list {
            display: block;
            background: #3f3f3f;
            padding: 0.5%;
            margin: 0.5%;
            border: solid 1px #545151;
            /* width: 49%; */
        }

        .horoscope_show_div .horoscope_show_list span{color: #f99902;}

        /* ************Niladri Start************** */
        .horoscope_show_div .horoscope_show_list span.Aries{ background: url(../images/zodiac_compatiability_sign/aries.png) no-repeat left center!important;
             width: 25px;
          height: 25px;
          background-size: 100%!important;
          font-size: 0px!important;
          display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
        .horoscope_show_div .horoscope_show_list span.Taurus{ background: url(../images/zodiac_compatiability_sign/taurus.png) no-repeat left center!important;
             width: 25px;
          height: 25px;
          background-size: 100%!important;
          font-size: 0px!important;
          display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
        .horoscope_show_div .horoscope_show_list span.Gemini{ background: url(../images/zodiac_compatiability_sign/gemini.png) no-repeat left center!important;
             width: 25px;
          height: 25px;
          background-size: 100%!important;
          font-size: 0px!important;
          display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
        .horoscope_show_div .horoscope_show_list span.Cancer{ background: url(../images/zodiac_compatiability_sign/cancer.png) no-repeat left center!important;
             width: 25px;
          height: 25px;
          background-size: 100%!important;
          font-size: 0px!important;
          display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
        .horoscope_show_div .horoscope_show_list span.Leo{ background: url(../images/zodiac_compatiability_sign/leo.png) no-repeat left center!important;
             width: 25px;
          height: 25px;
          background-size: 100%!important;
          font-size: 0px!important;
          display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
        .horoscope_show_div .horoscope_show_list span.Virgo{ background: url(../images/zodiac_compatiability_sign/virgo.png) no-repeat left center!important;
             width: 25px;
          height: 25px;
          background-size: 100%!important;
          font-size: 0px!important;
          display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
        .horoscope_show_div .horoscope_show_list span.Libra{ background: url(../images/zodiac_compatiability_sign/libra.png) no-repeat left center!important;
             width: 25px;
          height: 25px;
          background-size: 100%!important;
          font-size: 0px!important;
          display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
        .horoscope_show_div .horoscope_show_list span.Scorpio{ background: url(../images/zodiac_compatiability_sign/scorpio.png) no-repeat left center!important;
             width: 25px;
          height: 25px;
          background-size: 100%!important;
          font-size: 0px!important;
          display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
        .horoscope_show_div .horoscope_show_list span.Sagittarius{ background: url(../images/zodiac_compatiability_sign/sagittarius.png) no-repeat left center!important;
             width: 25px;
          height: 25px;
          background-size: 100%!important;
          font-size: 0px!important;
          display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
        .horoscope_show_div .horoscope_show_list span.Capricorn{ background: url(../images/zodiac_compatiability_sign/capricon.png) no-repeat left center!important;
             width: 25px;
          height: 25px;
          background-size: 100%!important;
          font-size: 0px!important;
          display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
        .horoscope_show_div .horoscope_show_list span.Aquarius{ background: url(../images/zodiac_compatiability_sign/aquarius.png) no-repeat left center!important;
             width: 25px;
          height: 25px;
          background-size: 100%!important;
          font-size: 0px!important;
          display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
        .horoscope_show_div .horoscope_show_list span.Pisces{ background: url(../images/zodiac_compatiability_sign/pisces.png) no-repeat left center!important;
             width: 25px;
          height: 25px;
          background-size: 100%!important;
          font-size: 0px!important;
          display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}

        .tablewrapper {
            margin: 15px;
            border-bottom: solid 1px #e2e2e2;
            padding-bottom: 15px;
        }

.tablewrapper:last-of-type{ border: 5px solid #95630f; padding: 20px; background: #2a2724;   }

        .horoscope_show_div table{ width: 100%;   }



        .horoscope_show_div table th{ text-align: left;
            font-family: var(--main-font)!important;
            font-weight: var(--main-medium)!important;
            font-size: 18px!important;
            line-height: 22px!important;
            color: #ff9100; background: #646464;
            padding: 10px;

            text-transform: capitalize;}


            .horoscope_show_div table td{ text-align: left;
                font-family: var(--main-font)!important;
                padding: 5px 0;
                font-size: 16px!important;
                line-height: 22px!important;
                color: #fff;
                padding: 10px!important;
                border-bottom: solid 1px #646464;
                text-transform: capitalize;}

                /* ++++++++++++++++++++++++++++Niladri+++++++++++++++++++++++++++++++ */


                .horoscope_show_div table td.Aries{ background: url(../images/zodiac_sign/Aries.png) no-repeat left center!important; padding-left: 25px!important;
                    background-size: 13px!important;}
                .horoscope_show_div table td.Taurus{ background: url(../images/zodiac_sign/Taurus.png) no-repeat left center!important; padding-left: 25px!important;
                    background-size: 13px!important;}
                .horoscope_show_div table td.Gemini{ background: url(../images/zodiac_sign/Gemini.png) no-repeat left center!important; padding-left: 25px!important;
                    background-size: 13px!important;}
                .horoscope_show_div table td.Cancer{ background: url(../images/zodiac_sign/Cancer.png) no-repeat left center!important; padding-left: 25px!important;
                    background-size: 13px!important;}
                .horoscope_show_div table td.Leo{ background: url(../images/zodiac_sign/Leo.png) no-repeat left center!important; padding-left: 25px!important;
                    background-size: 13px!important;}
                .horoscope_show_div table td.Virgo{ background: url(../images/zodiac_sign/Virgo.png) no-repeat left center!important; padding-left: 25px!important;
                    background-size: 13px!important;}
                .horoscope_show_div table td.Libra{ background: url(../images/zodiac_sign/Libra.png) no-repeat left center!important; padding-left: 25px!important;
                    background-size: 13px!important;}
                .horoscope_show_div table td.Scorpio{ background: url(../images/zodiac_sign/Scorpio.png) no-repeat left center!important; padding-left: 25px!important;
                    background-size: 13px!important;}
                .horoscope_show_div table td.Sagittarius{ background: url(../images/zodiac_sign/Sagittarius.png) no-repeat left center!important; padding-left: 25px!important;
                    background-size: 13px!important;}
                .horoscope_show_div table td.Capricorn{ background: url(../images/zodiac_sign/Capricon.png) no-repeat left center!important; padding-left: 25px!important;
                    background-size: 13px!important;}
                .horoscope_show_div table td.Aquarius{ background: url(../images/zodiac_sign/Aquarius.png) no-repeat left center!important; padding-left: 25px!important;
                    background-size: 13px!important;}
                .horoscope_show_div table td.Pisces{ background: url(../images/zodiac_sign/Pisces.png) no-repeat left center!important; padding-left: 25px!important;
                    background-size: 13px!important;}

                .horoscope_show_div table td.Sun{ background: url(../images/planetary_icon/sun.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
                .horoscope_show_div table td.Moon{ background: url(../images/planetary_icon/moon.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
                .horoscope_show_div table td.Mercury{ background: url(../images/planetary_icon/mercury.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
                .horoscope_show_div table td.Venus{ background: url(../images/planetary_icon/venus.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
                .horoscope_show_div table td.Mars{ background: url(../images/planetary_icon/mars.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
                .horoscope_show_div table td.Jupiter{ background: url(../images/planetary_icon/jupiter.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
                .horoscope_show_div table td.Saturn{ background: url(../images/planetary_icon/saturn.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
                .horoscope_show_div table td.Uranus{ background: url(../images/planetary_icon/uranus.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
                .horoscope_show_div table td.Neptune{ background: url(../images/planetary_icon/neptune.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
                .horoscope_show_div table td.Pluto{ background: url(../images/planetary_icon/pluto.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
                .horoscope_show_div table td.Node{ background: url(../images/planetary_icon/node.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
                .horoscope_show_div table td.Part{ background: url(../images/planetary_icon/partoffortune.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
                .horoscope_show_div table td.Chiron{ background: url(../images/planetary_icon/chiron.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
                .horoscope_show_div table td.Ascendant{ background: url(../images/planetary_icon/ascendant.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
                .horoscope_show_div table td.Midheaven{ background: url(../images/planetary_icon/midheaven.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
                .horoscope_show_div table td.Lilith{ background: url(../images/planetary_icon/lilith.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
                .horoscope_show_div table td.Descendant{ background: url(../images/planetary_icon/descendant.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}



                /* ++++++++++++++ Niladri:End +++++++++++++++ */


   .flexbox_newthem {display: flex;
    flex-wrap: wrap;
    border: 5px solid #95630f;
    padding: 20px;
    padding-top: 40px;
    margin: 15px; background: #2a2724;  }

    .flexbox_newthem_left{ margin-right: 50px!important; margin-top: -10px!important;  }

    .flexbox_newthem_right{ width: 76%;}

    .flexbox_newthem_right .clear {
        clear: both;
        overflow: hidden;
        height: 5px;}


        .flexbox_newthem_right i{    width: 9%;
            display: inline-block;
            padding: 5px 0 0 0;}

    .flexbox_newthem_right .ai{    color: #d66707!important;    top: 10px;
        left: 12px;
        position: relative;     line-height: 28px!Important;}

        /* .flexbox_newthem_right .ai.venus:before {font-size: 38px; position: absolute;  }
        .flexbox_newthem_right .ai.mars:before {font-size: 38px;  position: absolute; } */


        .flexbox_newthem_right .elem{
            width: 9%!important;
            height: 42px!important;   margin: 0px 2px!important;
        }

        .western_flexbox_newthem_right .elem{
            width: 7%!important;
            height: 42px!important;   margin: 0px 2px!important;
        }

        .synastry_flexbox_newthem_right .elem{
            width: 7%!important;
            height: 42px!important;   margin: 0px 2px!important;
        }


        .flexbox_newthem_right .elem span{ display: block;   width: 100%!important;
            height: 36px!important;  background-position: center center!important;}


    .flexbox_newthem_right .sun {   top: 0px; }

    .flexbox_newthem_left .mat-list-item-content{text-align: left;
        font-family: var(--main-font)!important;
        padding: 5px 0!important;
        font-size: 16px!important;
        line-height: 22px!important;
        color: #fff; }

        .flexbox_newthem_left .mat-list .mat-list-item .mat-list-item-content span:first-of-type{    min-width: 130px!important;}
        .flexbox_newthem_left .mat-list .mat-list-item .mat-list-item-content span:nth-last-of-type(2){    min-width: 50px!important;}
.mat-menu-panel .mat-list-item.active{    color: #fff!important;   background: var(--orange-gradient); height: 80%;}
        /* .bannerLogo::after {
            content: '';
            height: 230px;
            width: 230px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            background-color: transparent;
            box-shadow: 0 0 303px #d7d6d6;
            border-radius: 50%;
     } */
     /* .logoviewlink{z-index: 99;} */
     
     /* .mybuynowModal .modallogowrapper::after{ 
                   content: '';
                   height: 223px;               
                   width: 223px;
                   position: absolute;
                   top: 41%;
                   left: 50%;
                   transform: translate(-50%,-50%);
                   background-color: transparent;
                   box-shadow: 0 0 284px #b5b4b4;
                   border-radius: 50%;
                } */
     /* .bannerLogo img{position: relative;z-index: 9; } */
     /* .footer_content .homebottombannerleft .bannerLogo::after{height: 150px;width: 150px;} */
     .bannerLogo.bannerLogoafter::after{height: 210px;width: 210px;}
@media screen and (max-width:1880px){
  .flexbox_newthem_right{ width:74%;}

  .western_flexbox_newthem_right{ width:78%;}
  .synastry_flexbox_newthem_right{ width:78%;}

}

@media screen and (max-width:1866px){
    .flexbox_newthem_right{ width:74%;}

    .western_flexbox_newthem_right{ width:76%;}
    .synastry_flexbox_newthem_right{ width:78%;}

  }


@media screen and (max-width:1720px){
    .flexbox_newthem_right{ width:72%;}

  }

   @media screen and (max-width:1680px){
    .book_lib_body tbody .mat-column-BookTitle {
        font-size: 30px;
        line-height: 28px;
    }

    .book_lib_body tbody .mat-column-secondarytitle_new .secondarytitlecls {
        font-size: 28px;
        line-height: 30px;
    }

   }

 @media screen and (max-width:1600px){

    .flexbox_newthem_right{ width:66%;}
    .synastry_flexbox_newthem_right{ width:78%;}
    /* .book_lib_body .searchbar .mat-form-field-appearance-legacy .mat-form-field-wrapper{ height: 50px;} */

    .book_lib_body tbody .mat-column-SecondaryTitle{ font-size: 30px; line-height: 32px;}

    .book_lib_body tbody .mat-column-BookTitle{ font-size: 34px; line-height: 34px;}

    .book_lib_body tbody .mat-column-Actions .button_div_custom_cls .custombutton0 button{ width: 158px;}
    .book_lib_body tbody .mat-column-Actions .button_div_custom_cls .custombutton1 button{ width: 158px;}

    .book_lib_body tbody .mat-column-Actions .button_div_custom_cls .custombutton1 {
        display: inline-block;
        margin: 0 2px;
    }

    .book_lib_body .searchbar .searchbtncls{ height: 62px;}
 }

 @media screen and (max-width:1440px){
    .bannerLogo.bannerLogoafter::after {
        height: 160px;
        width: 160px;
    }
    .flexbox_newthem_right{ width:66%;}
    .flexbox_newthem_right .elem { width: 8%!important; }

    .western_flexbox_newthem_right{ width:68% }
    .western_flexbox_newthem_right .elem{ width: 7%!important; }

    .synastry_flexbox_newthem_right{ width:73%; }
    .synastry_flexbox_newthem_right .elem{ width: 7%!important; }

    .book_lib_body .searchbar .mat-raised-button{ min-width: inherit;}
    .book_lib_body .searchbar .searchbtncls{ height: 61px;}


    .book_lib_body tbody .mat-column-BookTitle {
        font-size: 30px;
        line-height: 30px;
    }

    .book_lib_body tbody .mat-column-secondarytitle_new .secondarytitlecls {
        font-size: 24px;
        line-height: 26px;
    }

    .book_lib_body tbody .mat-column-secondarytitle_new .newsecondarytitilecls {
        font-size: 22px;
        line-height: 24px;
        background: none!important;
    }

    .book_lib_body tbody .mat-column-SubjectCategory1 span span {
        font-size: 20px;
        line-height: 28px;
    }
    .book_lib_body tbody .mat-column-AuthorEditor span span {
        font-size: 20px;
        line-height: 28px;
    }


    .book_lib_body tbody .cdk-column-BookPublisher span span {
        font-size: 20px;
        line-height: 28px;
    }


    .book_lib_body tbody .mat-column-PublishingDate span span {
        font-size: 20px;
        line-height: 28px;
    }


 }

 @media screen and (max-width:1404px){
    .flexbox_newthem_right{ width:74%;}

    .western_flexbox_newthem_right{ width:78%;}
    .synastry_flexbox_newthem_right{ width:78%;}

  }

 @media screen and (max-width:1380px){
 .flexbox_newthem_right{ width:64%;}

 .western_flexbox_newthem_right{ width:64%;}
 .synastry_flexbox_newthem_right{ width:100%;}

 }

 @media screen and (max-width:1300px){
    .flexbox_newthem_right{ width:100%;}

    }


 /* @media screen and (max-width:1380px){
    .book_lib_body .searchbar .mat-form-field-appearance-legacy .mat-form-field-wrapper {
        height: 50px;
    }
 } */


 .chartimage_body{ display: inline-block; position: relative;}

 .logoviewlink_chart {
    position: absolute;

    height: auto;
    cursor: pointer;
    right: 20%;
    top: 5%;
}

 .horoscope_show_div h1 {
    text-decoration: none;
    color: #000;
    display: block;
    text-transform: uppercase;
    background-color: #e5e7e8;
    background-image: linear-gradient(#e5e7e8,#8c979a);
    margin: 15px!important;
    border: 0;
    font-size: 30px!important;
    line-height: 36px!important;
    border-radius: 5px;
    font-family: var(--main-font)!important;
    font-weight: var(--main-bold)!important;
    width: auto;
    text-align: center;
    padding: 10px;
}

.horoscope_show_div .tablewrapper2 table td{ width: 33.3%; padding: 0;}

.horoscope_show_div .tablewrapper2 table td td{     padding: 5px 0!important;}

.horoscope_show_div .planetaryDetails table td{ width: 16.6%; padding: 0;}
.horoscope_show_div .planetaryDetails table th {width: 16.6%; background: #646464;  padding: 10px; }

.horoscope_show_div .planetaryDetails table td td{   padding: 0;}

.horoscope_show_div .planetaryDetails table tr td {    padding: 0px!important;
    border-bottom:none; }


.horoscope_show_div .planetaryDetails table tr td table td{    padding: 10px!important;
    border-bottom: solid 1px #646464; }



.horoscope_show_div .planetaryDetails table td:nth-of-type(3){  text-align: center;}
.horoscope_show_div .planetaryDetails table th:nth-of-type(3){  text-align: center;}


    /* +++++++++++ Niladri:Start +++++++++++++ */


    .horoscope_show_div .tablewrapper2 table td.Aries{ background: url(../images/zodiac_sign/Aries.png) no-repeat left center!important; padding-left: 25px!important;
        background-size: 13px!important;}
    .horoscope_show_div .tablewrapper2 table td.Taurus{ background: url(../images/zodiac_sign/Taurus.png) no-repeat left center!important; padding-left: 25px!important;
        background-size: 13px!important;}
    .horoscope_show_div .tablewrapper2 table td.Gemini{ background: url(../images/zodiac_sign/Gemini.png) no-repeat left center!important; padding-left: 25px!important;
        background-size: 13px!important;}
    .horoscope_show_div .tablewrapper2 table td.Cancer{ background: url(../images/zodiac_sign/Cancer.png) no-repeat left center!important; padding-left: 25px!important;
        background-size: 13px!important;}
    .horoscope_show_div .tablewrapper2 table td.Leo{ background: url(../images/zodiac_sign/Leo.png) no-repeat left center!important; padding-left: 25px!important;
        background-size: 13px!important;}
    .horoscope_show_div .tablewrapper2 table td.Virgo{ background: url(../images/zodiac_sign/Virgo.png) no-repeat left center!important; padding-left: 25px!important;
        background-size: 13px!important;}
    .horoscope_show_div .tablewrapper2 table td.Libra{ background: url(../images/zodiac_sign/Libra.png) no-repeat left center!important; padding-left: 25px!important;
        background-size: 13px!important;}
    .horoscope_show_div .tablewrapper2 table td.Scorpio{ background: url(../images/zodiac_sign/Scorpio.png) no-repeat left center!important; padding-left: 25px!important;
        background-size: 13px!important;}
    .horoscope_show_div .tablewrapper2 table td.Sagittarius{ background: url(../images/zodiac_sign/Sagittarius.png) no-repeat left center!important; padding-left: 25px!important;
        background-size: 13px!important;}
    .horoscope_show_div .tablewrapper2 table td.Capricorn{ background: url(../images/zodiac_sign/Capricon.png) no-repeat left center!important; padding-left: 25px!important;
        background-size: 13px!important;}
    .horoscope_show_div .tablewrapper2 table td.Aquarius{ background: url(../images/zodiac_sign/Aquarius.png) no-repeat left center!important; padding-left: 25px!important;
        background-size: 13px!important;}
    .horoscope_show_div .tablewrapper2 table td.Pisces{ background: url(../images/zodiac_sign/Pisces.png) no-repeat left center!important; padding-left: 25px!important;
        background-size: 13px!important;}



    .horoscope_show_div .tablewrapper2 table td.Sun{ background: url(../images/planetary_icon/sun.png) no-repeat left center!important; padding-left: 25px!important; background-size: 22px!important;}
    .horoscope_show_div .tablewrapper2 table td.Moon{ background: url(../images/planetary_icon/moon.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
    .horoscope_show_div .tablewrapper2 table td.Mercury{ background: url(../images/planetary_icon/mercury.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
    .horoscope_show_div .tablewrapper2 table td.Venus{ background: url(../images/planetary_icon/venus.png) no-repeat left center!important; padding-left: 25px!important; background-size: 22px!important;}
    .horoscope_show_div .tablewrapper2 table td.Mars{ background: url(../images/planetary_icon/mars.png) no-repeat left center!important; padding-left: 25px!important; background-size: 22px!important;}
    .horoscope_show_div .tablewrapper2 table td.Jupiter{ background: url(../images/planetary_icon/jupiter.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
    .horoscope_show_div .tablewrapper2 table td.Saturn{ background: url(../images/planetary_icon/saturn.png) no-repeat left center!important; padding-left: 25px!important; background-size: 22px!important;}
    .horoscope_show_div .tablewrapper2 table td.Uranus{ background: url(../images/planetary_icon/uranus.png) no-repeat left center!important; padding-left: 25px!important; background-size: 22px!important;}
   .horoscope_show_div .tablewrapper2 table td.Neptune{ background: url(../images/planetary_icon/neptune.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
   .horoscope_show_div .tablewrapper2 table td.Pluto{ background: url(../images/planetary_icon/pluto.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
   .horoscope_show_div .tablewrapper2 table td.Node{ background: url(../images/planetary_icon/node.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
   .horoscope_show_div .tablewrapper2 table td.Part{ background: url(../images/planetary_icon/partoffortune.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
   .horoscope_show_div .tablewrapper2 table td.Chiron{ background: url(../images/planetary_icon/chiron.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
   .horoscope_show_div .tablewrapper2 table td.Ascendant{ background: url(../images/planetary_icon/ascendant.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}
   .horoscope_show_div .tablewrapper2 table td.Lilith{ background: url(../images/planetary_icon/lilith.png) no-repeat left center!important; padding-left: 25px!important;  background-size: 22px!important;}



    .horoscope_right_div .aries { background: url(../images/zodiac_sign_table2/aries_sign.png) no-repeat left center!important;
            width: 25px;
         height: 25px;
         background-size: 100%!important;
         font-size: 0px!important;
         display: block;     border: solid 1px  #5e6d72; border-radius: 100%;}
    .horoscope_right_div .taurus { background: url(../images/zodiac_sign_table2/taurus_sign.png) no-repeat left center!important;
            width: 25px;
         height: 25px;
         background-size: 100%!important;
         font-size: 0px!important;
         display: block;   border: solid 1px  #5e6d72; border-radius: 100%;}
    .horoscope_right_div .gemini { background: url(../images/zodiac_sign_table2/gemini_sign.png) no-repeat left center!important;
            width: 25px;
         height: 25px;
         background-size: 100%!important;
         font-size: 0px!important;
         display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
    .horoscope_right_div .cancer { background: url(../images/zodiac_sign_table2/cancer_sign.png) no-repeat left center!important;
            width: 25px;
         height: 25px;
         background-size: 100%!important;
         font-size: 0px!important;
         display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
    .horoscope_right_div .leo { background: url(../images/zodiac_sign_table2/leo_sign.png) no-repeat left center!important;
            width: 25px;
         height: 25px;
         background-size: 100%!important;
         font-size: 0px!important;
         display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
         .horoscope_right_div .virgo { background: url(../images/zodiac_sign_table2/virgo_sign.png) no-repeat left center!important;
            width: 25px;
         height: 25px;
         background-size: 100%!important;
         font-size: 0px!important;
         display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
     .horoscope_right_div .libra { background: url(../images/zodiac_sign_table2/libra_sign.png) no-repeat left center!important;
             width: 25px;
          height: 25px;
          background-size: 100%!important;
          font-size: 0px!important;
          display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
     .horoscope_right_div .scorpio { background: url(../images/zodiac_sign_table2/scorpio_sign.png) no-repeat left center!important;
             width: 25px;
          height: 25px;
          background-size: 100%!important;
          font-size: 0px!important;
          display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
     .horoscope_right_div .sagittarius { background: url(../images/zodiac_sign_table2/sagittarius.png) no-repeat left center!important;
             width: 25px;
          height: 25px;
          background-size: 100%!important;
          font-size: 0px!important;
          display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
     .horoscope_right_div .capricorn { background: url(../images/zodiac_sign_table2/capricon_sign.png) no-repeat left center!important;
             width: 25px;
          height: 25px;
          background-size: 100%!important;
          font-size: 0px!important;
          display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
     .horoscope_right_div .aquarius { background: url(../images/zodiac_sign_table2/aquarius_sign.png) no-repeat left center!important;
             width: 25px;
          height: 25px;
          background-size: 100%!important;
          font-size: 0px!important;
          display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}
     .horoscope_right_div .pisces { background: url(../images/zodiac_sign_table2/pisces_sign.png) no-repeat left center!important;
             width: 25px;
          height: 25px;
          background-size: 100%!important;
          font-size: 0px!important;
          display: block;  border: solid 1px  #5e6d72; border-radius: 100%;}


         /* ++++++++++++++ Niladri:End +++++++++++++++ */

/*-----------login css----------------*/


.loginwrapper{background: url(https://all-frontend-assets.s3.amazonaws.com/transcendentpagan/assets/images/main_login_bg.jpg) no-repeat top center!important;
 background-size: cover!important; width: 100vw; height: 100vh !important;
}

.loginbody h2 {
    text-align: center!important;
    background: #ff7e00;
    background: linear-gradient(
0deg,rgba(255,126,0,1) 0,rgba(255,168,0,1) 100%);
    color: #fff!important;
    padding: 12px 12px 16px 12px!important;
    margin: 0!important;
    font-size: 32px !important;
    position: relative!important;
    border-radius: 10px 10px 0 0;
}

.loginbody .mat-card {
    box-shadow: none!important;   padding: 0!important; border-radius: 10px!important; background: none!important;
     width: 600px!important;
}


.loginbody .example-container {
    background: rgba(255,255,255,0.1);
    padding: 30px !important;
    border-radius: 0 0 10px 10px;
}

.loginbody .mat-form-field-infix {
    font-size: 16px;
}

.loginbody .mat-form-field-flex{
    background: rgba(13,21,33,0.5);

    border-radius: .3em;
    box-shadow: 0 1px 0 rgba(255,255,255,0.1);
    color: #FFF;
    font-size: 13px;
    padding: 8px 5px;
    width: 100%;}

    .loginbody  .mat-form-field-underline{ display: none!important;}
.loginbody .mat-form-field-infix input{ color: #fff!important;}

.loginbody .mat-form-field-infix label{ color: #fff!important;}

.loginbody .mat-raised-button {
    background: -webkit-linear-gradient(#fcfcfc,#a6b1b8);
    width: 100%!important;
    padding: 10px 0!important;
    text-align: center!important;
    display: block!important;
    margin: 5px auto!important;

    font-size: 30px!important;
    color: #372609!important;
    text-transform: uppercase!important;
    border-radius: 6px!important;
    border: none !important;
    box-shadow: none!important;
    outline: none!important;
}

.loginbody .signupfooter {

    font-size: 14px !important;
    color: #1d242e !important;
    line-height: 21px !important;
    text-transform: capitalize;
    text-align: right;
    display: block!important;
}

.loginbody .signupfooter a {
    color: #fff;
    padding-right: 0px!important;
    font-size: 25px;
}

.loginbody .signupfooter a:hover {
    color: #ff9700!important;

}



 @media screen and (max-width:1600px){
    .horoscope_menu_div {
        width: 25%;
    }

    .horoscope_right_div {
        width: 75%;
    }
 }

 @media screen and (max-width:1511px){

    .submenubig{margin-left: 0;left: 230px;width: 852px;}

 }
 @media screen and (max-width:1299.98px){
    .submenubig {
    margin-left: 0;
    left: 80px;
    width: 98%;
}
.submenu.mat-menu-panel{width: 100%;}
.mat-menu-panel.submenu .mat-list-item {
    font-size: 16px!important;}
.submenubig .mat-menu-content a{width: 100%;border-right: solid 0px #afaead;font-size: 14px!important;}
.cdk-overlay-pane{    width: 98%;}
 }
 @media screen and (max-width:1300px){

    .horoscope_menu_div {
        width: 30%;
    }

    .horoscope_right_div {
        width: 70%;
    }



    .book_lib_body .searchbar .searchbtncls{ height: 60px;}

    .book_lib_body tbody .mat-column-Actions .button_div_custom_cls .custombutton0 {
        display: inline-block;
        margin: 0 5px;
    }
    .book_lib_body tbody .mat-column-Actions .button_div_custom_cls .custombutton0 button {
        width: 150px;
    }

    .book_lib_body tbody .mat-column-Actions .button_div_custom_cls .custombutton1 button {
        width: 150px;
    }

    .book_lib_body tbody .module_imgblock{ height: 80%;}
 }

 @media screen and (max-width:1199px){


    /* .book_lib_body tbody td {
        text-align: center !important;
    }

    .book_lib_body tbody td span{
        display: inline-block !important;
    } */

    .loginbody .mat-card {  width: 80%!important;}


    .horoscope_show_div .tablewrapper2 table td.Virgo{   padding-left: 10px!important;     background-position: 49%!important;}
    .horoscope_show_div .tablewrapper2 table td.Libra{ padding-left: 10px!important;     background-position: 49%!important;}
        .horoscope_show_div .tablewrapper2 table td.Scorpio{padding-left: 10px!important;     background-position: 49%!important;}
        .horoscope_show_div .tablewrapper2 table td.Sagittarius{padding-left: 10px!important;     background-position: 49%!important;}
        .horoscope_show_div .tablewrapper2 table td.Capricorn{padding-left: 10px!important;    background-position: 49%!important;}
        .horoscope_show_div .tablewrapper2 table td.Aquarius{ padding-left: 10px!important;     background-position: 49%!important;}
        .horoscope_show_div .tablewrapper2 table td.Pisces{padding-left: 10px!important;     background-position: 49%!important;}
        .horoscope_show_div .tablewrapper2 table td.Aries{padding-left: 10px!important;    background-position: 49%!important;}
        .horoscope_show_div .tablewrapper2 table td.Taurus{padding-left: 10px!important;     background-position: 49%!important;}
        .horoscope_show_div .tablewrapper2 table td.Gemini{padding-left: 10px!important;     background-position: 49%!important;}
        .horoscope_show_div .tablewrapper2 table td.Cancer{ padding-left: 10px!important;     background-position: 49%!important;}
        .horoscope_show_div .tablewrapper2 table td.Leo{ padding-left: 10px!important;     background-position: 49%!important;}

        .horoscope_show_div .tablewrapper2 table td.Virgo:before{   width: 50%;}
        .horoscope_show_div .tablewrapper2 table td.Libra:before{width: 50%;}
            .horoscope_show_div .tablewrapper2 table td.Scorpio:before{width: 50%;}
            .horoscope_show_div .tablewrapper2 table td.Sagittarius:before{width: 50%;}
            .horoscope_show_div .tablewrapper2 table td.Capricorn:before{width: 50%;}
            .horoscope_show_div .tablewrapper2 table td.Aquarius:before{ width: 50%;}
            .horoscope_show_div .tablewrapper2 table td.Pisces:before{width: 50%;}
            .horoscope_show_div .tablewrapper2 table td.Aries:before{width: 50%;}
            .horoscope_show_div .tablewrapper2 table td.Taurus:before{width: 50%;}
            .horoscope_show_div .tablewrapper2 table td.Gemini:before{width: 50%;}
            .horoscope_show_div .tablewrapper2 table td.Cancer:before{ width: 50%;}
            .horoscope_show_div .tablewrapper2 table td.Leo:before{ width: 50%;}







.horoscope_show_div .tablewrapper2 table td.Sun{ padding-left: 10px!important;     background-position: 49%!important;}
.horoscope_show_div .tablewrapper2 table td.Moon{ padding-left: 10px!important;     background-position: 49%!important;}
.horoscope_show_div .tablewrapper2 table td.Mercury{ padding-left: 10px!important;     background-position: 49%!important;}
.horoscope_show_div .tablewrapper2 table td.Venus{ padding-left: 10px!important;     background-position: 49%!important;}
.horoscope_show_div .tablewrapper2 table td.Mars{ padding-left: 10px!important;     background-position: 49%!important;}
.horoscope_show_div .tablewrapper2 table td.Jupiter{ padding-left: 10px!important;     background-position: 49%!important;}
.horoscope_show_div .tablewrapper2 table td.Saturn{ padding-left: 10px!important;     background-position: 49%!important;}
.horoscope_show_div .tablewrapper2 table td.Uranus{ padding-left: 10px!important;     background-position: 49%!important;}
.horoscope_show_div .tablewrapper2 table td.Neptune{ padding-left: 10px!important;     background-position: 49%!important;}
.horoscope_show_div .tablewrapper2 table td.Pluto{ padding-left: 10px!important;     background-position: 49%!important;}
.horoscope_show_div .tablewrapper2 table td.Node{ padding-left: 10px!important;     background-position: 49%!important;}
.horoscope_show_div .tablewrapper2 table td.Part{ padding-left: 10px!important;     background-position: 49%!important;}
.horoscope_show_div .tablewrapper2 table td.Chiron{ padding-left: 10px!important;     background-position: 49%!important;}

.horoscope_show_div .tablewrapper2 table td.Sun:before{   width: 50%;}
.horoscope_show_div .tablewrapper2 table td.Moon:before{   width: 50%;}
.horoscope_show_div .tablewrapper2 table td.Mercury:before{   width: 50%;}
.horoscope_show_div .tablewrapper2 table td.Venus:before{   width: 50%;}
.horoscope_show_div .tablewrapper2 table td.Mars:before{   width: 50%;}
.horoscope_show_div .tablewrapper2 table td.Jupiter:before{   width: 50%;}
.horoscope_show_div .tablewrapper2 table td.Saturn:before{   width: 50%;}
.horoscope_show_div .tablewrapper2 table td.Uranus:before{   width: 50%;}
.horoscope_show_div .tablewrapper2 table td.Neptune:before{   width: 50%;}
.horoscope_show_div .tablewrapper2 table td.Pluto:before{   width: 50%;}
.horoscope_show_div .tablewrapper2 table td.Node:before{   width: 50%;}
.horoscope_show_div .tablewrapper2 table td.Part:before{   width: 50%;}
.horoscope_show_div .tablewrapper2 table td.Chiron:before{   width: 50%;}




    .horoscope_show_div .planetaryDetails table tbody { display: block; width: 100%;}

    .horoscope_show_div .planetaryDetails table tr td table { display: block; width: 100%;}
    .horoscope_show_div .planetaryDetails table tr td { display: block; width: 100%;}
    .horoscope_show_div .planetaryDetails table tr  { display: block; width: 100%; border: none;}
    .horoscope_show_div .planetaryDetails table { display: block; width: 100%;}

    .horoscope_show_div .planetaryDetails table td:nth-of-type(3) {
        text-align: left;
    }

    .horoscope_show_div .planetaryDetails table tr td table tr{border-bottom: solid 1px #fff;}

    .horoscope_show_div .planetaryDetails table tr td table:first-of-type tr{ border: none;}

    .horoscope_show_div .planetaryDetails table tr td table td {
        text-align: left;
        font-family: var(--main-font)!important;
        padding: 5px 0;
        font-size: 16px!important;
        line-height: 22px!important;
        color: #fff;
        padding: 10px!important;
        border-bottom: solid 1px #646464;
        text-transform: capitalize;
    }

    .horoscope_show_div .planetaryDetails table tr td table td:before {
        content: attr(title);
        color: #ff9100!important;
        position: relative;
        z-index: 9;
        padding-right: 1%;
        width: 48%;
        display: inline-block;
    }

    .tablewrapper thead { display: none; 	}

    .tablewrapper td{display:block}
    /* .tablewrapper td:before{content: attr(title);
        color: #ff9100!important;
    position: relative;
    z-index: 9;     padding-right: 1%; width: 48%;
    display: inline-block} */


    .tablewrapper tr{    border-bottom: solid 1px #fff;
        display: block;}
        .tablewrapper tr:last-of-type{ border: none;}


        .horoscope_show_div .tablewrapper2 table td{  padding: 0;}

    .tablewrapper2 {
        margin: 15px;
        border-bottom: none;
        padding-bottom: 0;
    }

    .tablewrapper2 td:before{ display: none;}

    /* .horoscope_show_div .tablewrapper2  table td{ display: table-cell;}
    .horoscope_show_div .tablewrapper2  table tr{ display: table-row;}
    .horoscope_show_div .tablewrapper2  table { display: table;} */

.horoscope_show_div{ padding-bottom: 5px;}
    .horoscope_body_div {
        display: block;}

        .horoscope_menu_div {
            width: auto;
        }

        .horoscope_right_div {
            width: auto;
        }


    .horoscop_wrapper .titleblock .column .mat-card  {
        background: var(--orange-gradient) !important;
        padding: 10px;
    }

    .horoscop_wrapper .titleblock  h1  {
        font-size: 34px !important;
        line-height: 36px;
        max-width: 90%;
    }


    .book_lib_body tbody .module_imgblock{ height: 100%;}

    .book_lib_body .searchbar .searchbtncls{ height: 58px;}
    .book_lib_body tbody .mat-column-SecondaryTitle{ margin-bottom: 15px;}
    .book_lib_body tbody .mat-column-image {
        width: 300px!important;
        float: none!important;
        display: block!important;
        height: 460px!important;
        padding: 0!important;
        margin: 0 auto;
    }

    .book_lib_body tbody .mat-column-image{ margin-bottom: 15px;}

    .book_lib_body tbody tr td{ padding-left: 0!important;}


 }

 @media screen and (max-width:991px){

    .horoscope_show_div .horoscope_show_list{ width: 99%;}

    .book_lib_body .searchbar .mat-form-field {   width: 99%; display: block;    padding: 1%;  margin: 2px 0;  border-radius: 6px;  }

    .book_lib_body .searchbar .searchbtncls {  width: 260px;     padding: 1% 30px;   margin: 0;  margin-top: 5px;  border-radius: 30px;  }

    .book_lib_body tbody {
        display: block;}

        .book_lib_body tbody tr{ width: auto; margin: 10px; padding: 10px;}

        .book_lib_body tbody .mat-column-Actions {
            position: inherit;
            right: 0;
            bottom: 0;
            text-align: center;
            width: 100%;
        }

        .book_lib_body tbody .mat-column-PublishingDate {
            padding-bottom: 0px!important;
        }

        .book_lib_body tbody .mat-column-Actions .button_div_custom_cls .custombutton0 {
            display: inline-block;
            margin: 5px;
        }

        .book_lib_body tbody .mat-column-Actions .button_div_custom_cls {
            text-align: center;
            margin-top: 15px;
        }
 }

 @media screen and (max-width:480px){

    .horoscope_show_div .tablewrapper2 table td.Virgo:before{   width: 52%;}
    .horoscope_show_div .tablewrapper2 table td.Libra:before{width: 52%;}
        .horoscope_show_div .tablewrapper2 table td.Scorpio:before{width: 52%;}
        .horoscope_show_div .tablewrapper2 table td.Sagittarius:before{width: 52%;}
        .horoscope_show_div .tablewrapper2 table td.Capricorn:before{width: 52%;}
        .horoscope_show_div .tablewrapper2 table td.Aquarius:before{ width: 52%;}
        .horoscope_show_div .tablewrapper2 table td.Pisces:before{width: 52%;}
        .horoscope_show_div .tablewrapper2 table td.Aries:before{width: 52%;}
        .horoscope_show_div .tablewrapper2 table td.Taurus:before{width: 52%;}
        .horoscope_show_div .tablewrapper2 table td.Gemini:before{width: 52%;}
        .horoscope_show_div .tablewrapper2 table td.Cancer:before{ width: 52%;}
        .horoscope_show_div .tablewrapper2 table td.Leo:before{ width: 52%;}


        .horoscope_show_div .tablewrapper2 table td.Sun:before{   width: 52%;}
.horoscope_show_div .tablewrapper2 table td.Moon:before{   width: 52%;}
.horoscope_show_div .tablewrapper2 table td.Mercury:before{   width: 52%;}
.horoscope_show_div .tablewrapper2 table td.Venus:before{   width: 52%;}
.horoscope_show_div .tablewrapper2 table td.Mars:before{   width: 52%;}
.horoscope_show_div .tablewrapper2 table td.Jupiter:before{   width: 52%;}
.horoscope_show_div .tablewrapper2 table td.Saturn:before{   width: 52%;}
.horoscope_show_div .tablewrapper2 table td.Uranus:before{   width: 52%;}
.horoscope_show_div .tablewrapper2 table td.Neptune:before{   width: 52%;}
.horoscope_show_div .tablewrapper2 table td.Pluto:before{   width: 52%;}
.horoscope_show_div .tablewrapper2 table td.Node:before{   width: 52%;}
.horoscope_show_div .tablewrapper2 table td.Part:before{   width: 52%;}
.horoscope_show_div .tablewrapper2 table td.Chiron:before{   width: 52%;}




 .horoscope_show_div .tablewrapper2 table td {
    display: block; padding: 5px 0;
    border-bottom: solid 1px #ccc;
}

.horoscope_show_div .tablewrapper2 table td:last-of-type{ border: none;}

.horoscope_show_div .tablewrapper2 table td td{ border: none;}

.horoscope_show_div .tablewrapper2 table tr {  border: none;
    display: block;
    width: 100%;
}



.horoscope_show_div .tablewrapper2 table td {
    display: block;
    width: 100%;
}

.horoscope_show_div .tablewrapper2 table  {
    display: block;
    width: 100%;
}

.horoscope_show_div .tablewrapper2 tbody{
    display: block;
    width: 100%;
}

 }

 @media screen and (max-width:400px){

    /* .tablewrapper td:before {
        content: attr(title);
        padding-right: 10px;
        width: auto;
        display: inline-block;
    } */


    .book_lib_body .lib-pager-class:nth-of-type(2){ display: block!important;}

    .book_lib_body .lib-pager-class mat-label {
        display: block!important;
        padding-bottom: 10px;
    }

    .book_lib_body .mat-form-field-appearance-legacy .mat-form-field-label {
        top: 10px;
    }

    /* .book_lib_body mat-card {
        padding: 0 0 126px 0!important;
    } */

 }

 @media screen and (max-width:400px){

 .book_lib_body tbody .mat-column-image {
    width: auto!important;
    float: none!important;
    display: block!important;
    height: auto!important;
    padding: 0!important;
    margin: 0 auto; max-width: 90%; margin-bottom:25px;
}

}




/***********amitava css end ***********/



/***********avijit css start ***********/
.image_modal .mat-dialog-container {
    border: 5px solid #5a5a58;
    position: relative;
    padding: 15px !important;
    background: #000;
}
.image_modal .mat-dialog-container button, .privacy_modal .mat-dialog-container .mat-button {
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 0;
    border-radius: 0px 0px 0px 40px !important;
    background: #e94a49;
    opacity: 1;
    line-height: 38px !important;
    min-width: 20px !important;
    padding: 0 6px;
}
.modalcontainer img {
    width: 100%;display: block;
}
.image_modal.cdk-overlay-pane {
    height: auto!important;
    min-width: 600px!important;
    max-height: 100%;
    overflow: hidden;
    overflow-y: scroll;
}
.image_modal.cdk-overlay-pane::-webkit-scrollbar {
    width: 0;
  }
.image_modal .mat-dialog-container button .material-icons, .privacy_modal .mat-dialog-container .mat-button .material-icons {
    color: #fff;
    margin-left: 13px;
    margin-top: -4px;
}
/***********avijit css end ***********/


/* ///souradip icon//// */


.conjunction{
    display: block!important;
    background:  url(../images/conjunction.png) no-repeat!important;
    width: 30px!important;
    height: 30px!important;
    background-position: center!important;
    background-size: 18px!important;
}
.trine{
    display: block!important;
    background:  url(../images/trine.png) no-repeat!important;
    width: 30px!important;
    height: 30px!important;
    background-position: center!important;
    background-size: 18px!important;
}
.sextile{
    display: block!important;
    background:  url(../images/sextile.png) no-repeat!important;
    width: 30px!important;
    height: 30px!important;
    background-position: center!important;
    background-size: 18px!important;
}
.opposition{
    display: block!important;
    background:  url(../images/opposition.png) no-repeat!important;
    width: 30px!important;
    height: 30px!important;
    background-position: center!important;
    background-size: 18px!important;
}
.square{
    display: block!important;
    background:  url(../images/square.png) no-repeat!important;
    width: 30px!important;
    height: 30px!important;
    background-position: center!important;
    background-size: 18px!important;
}
.novile{
    display: block!important;
    background:  url(../images/novile.png) no-repeat!important;
    width: 30px!important;
    height: 30px!important;
    background-position: center!important;
    background-size: 18px!important;
}
.semi_sqaure{
    display: block!important;
    background:  url(../images/semi_sqaure.png) no-repeat!important;
    width: 30px!important;
    height: 30px!important;
    background-position: center!important;
    background-size: 18px!important;
}
.sesquiquadrate{
    display: block!important;
    background:  url(../images/sesquiquadrate.png) no-repeat!important;
    width: 30px!important;
    height: 30px!important;
    background-position: center!important;
    background-size: 18px!important;
}
.inconjunct{
    display: block!important;
    background:  url(../images/inconjunct.png) no-repeat!important;
    width: 30px!important;
    height: 30px!important;
    background-position: center!important;
    background-size: 18px!important;
}
.semi_sextile{
    display: block!important;
    background:  url(../images/semi_sexitle.png) no-repeat!important;
    width: 30px!important;
    height: 30px!important;
    background-position: center!important;
    background-size: 18px!important;
}
.quintile{
    display: block!important;
    background:  url(../images/quintile.png) no-repeat!important;
    width: 30px!important;
    height: 30px!important;
    background-position: center!important;
    background-size: 18px!important;
}
.bi_quintile{
    display: block!important;
    background:  url(../images/bi_quintile.png) no-repeat!important;
    width: 30px!important;
    height: 30px!important;
    background-position: center!important;
    background-size: 18px!important;
}
.quincunx {
    display: block!important;
    background:  url(../images/bi_quintile.png) no-repeat!important;
    width: 30px!important;
    height: 30px!important;
    background-position:center!important;
    background-size:18px!important;
}


.horoscope_form_div h1{
    color: #ffa400!important;
    text-align: left;
    padding: 0;
    margin: 0 0 10px 0 !important;
    font-size: 20px!important;
}
.mat-form-field-infix{
    /* border: 2px solid black; */
    /* background-color: brown; */
}
.container{
    /* background-color: aqua; */
}


.zodiac_detail_block_Compatibility .mat-progress-spinner circle,   .zodiac_detail_block_Compatibility .mat-spinner circle {
    stroke: #31bac1;
}


/* .romantic_forecast_couple_form .form_field_wrapper { width: 49.5%!important; float: left;}
.romantic_forecast_couple_form .form_field_wrapper:nth-of-type(2){ margin-left: 1%!important;} */

.zodiac_form .form_field_wrapper { width: 49.5%!important; float: left;}
.zodiac_form .form_field_wrapper:nth-of-type(2){ margin-left: 1%!important;}

/* ~~~~~~~~~sudarshan~~~~~~~~ */
.horoscope_form_div .zodiac_form .mat-form-field-flex{padding:6px 10px}
.personality_reportlib .form{display:flex;flex-wrap:wrap;justify-content:space-between}
.personality_reportlib .form .grp1{width: 49.6%;padding: 10px;background: linear-gradient(36deg, rgba(17,31,16,1) 0%, rgba(1,2,1,1) 50%, rgba(3,8,20,1) 100%);}
.personality_reportlib .form .grp2{width: 49.6%;padding: 10px;background: linear-gradient(232deg, rgba(17,31,16,1) 0%, rgba(1,2,1,1) 50%, rgba(3,8,20,1) 100%);}
.romforcastlib .form{padding: 10px;background: linear-gradient(232deg, rgba(17,31,16,1) 0%, rgba(1,2,1,1) 50%, rgba(3,8,20,1) 100%);}
.personality_reportlib .form .submitbtnsection{padding: 0 5px;}



.personality_reportlib .form .form_field_wrapper{width:100%; padding: 0 5px;}
.personality_reportlib .form .form_field_wrapper:not(:first-child){flex:1 0 32%;padding:0 5px}
.personality_reportlib .form .form_field_wrapper:nth-child(5){width:100%;flex:none;padding:0 5px}
.personality_reportlib .form .form_field_wrapper:nth-child(9){width:100%;flex:none;padding:0 5px}
.personality_reportlib .form .form_field_wrapperhour,.personality_reportlib .form .form_field_wrapperminute,.personality_reportlib .form .form_field_wrapperlongitude,.personality_reportlib .form .form_field_wrappertimezone,.personality_reportlib .form .form_field_wrapperp_hour,.personality_reportlib .form .form_field_wrapperp_minute,
.personality_reportlib .form .form_field_wrapperlatitude,.personality_reportlib .form .form_field_wrapperhouse_type,.personality_reportlib .form .form_field_wrappernode_type,
.personality_reportlib .form .form_field_wrapperresource {display:none}
.personality_reportlib .form .form_field_wrapper:nth-child(13){width:100%;flex:none;padding:0 5px}
.personality_reportlib .form .form_field_wrapper:nth-child(16){width:100%;flex:none;padding:0 5px}
.personality_reportlib .form .form_field_wrapper:nth-child(20){width:100%;flex:none;padding:0 5px}
.personality_reportlib .form .form_field_wrapper:nth-child(24){width:100%;flex:none;padding:0 5px}
.sd_horoscope_show_list_body{flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(36deg,rgba(17,31,16,1) 0%,rgba(1,2,1,1) 50%,rgba(3,8,20,1) 100%)}
.horoscope_show_listsd{height:250px !important;width:250px !important;background:none!important;border:none!important}
.horoscope_show_div .horoscope_show_listsd span{width:100%!important;height:100%!important;background-size:100%!important;font-size:0!important;display:block;border:solid 1px #5e6d72;border-radius:100%}
.horoscope_show_div .horoscope_show_listsd span.Capricorn{background:url(../images/zodiac_compatiability_sign/capricorn.png) no-repeat center center!important}
.sd_horoscope_show_list{background:linear-gradient(180deg,rgba(22,22,22,1) 0%,rgba(13,15,14,1) 100%)!important}
.horoscope_show_div .sd_horoscope_show_list span{color:#ffc500!important}

/* ~~~~~~~~~~sudarshan -end~~~~~~~~~~~ */

/*..................... anindya ......................*/
/* .....................login css ....................*/



.loginbody .mat-error {
    font-size: 14px;
}
.loginbody .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{
    margin-top: 3px;
}

.loginbody .mat-form-field-infix{
    border-top: 3px solid transparent;
}

.loginbody.example-container{
    background: rgba(13,21,33,0.5);

}
.reset_content .mat-form-field-appearance-legacy .mat-form-field-wrapper{
    padding-bottom: 1.75em;
}
.reset_content .mat-form-field-appearance-legacy .mat-form-field-subscript-wrapper{
 top: calc(100% - 2.5em);
}
.reset_content .mat-form-field-appearance-legacy .mat-hint {
    color: rgb(255 255 255 / 54%);
}

.FVuser_details_block_right{
    /* width: 90%; */
    padding: 20px !important;
    /* margin: 20px auto !important; */
    background-color: #3a3e3f !important;
    display: block;
}

.ChangePassword_form .container .submitbtnsection .button{
    padding: 16px;
    margin: 3px;
    font-size: 18px !important;
    background: linear-gradient(#ffa800, #ff7e00) !important;
}


/* width: 100%;
    padding: 20px !important;
    margin: 20px auto !important;
    background-color: #3a3e3f !important;
    display: block; */
    .accountDD .myaccounttab .mat-tab-label-active{
        opacity: 1;
    
    }
    .maindialognew .mat-list-base .mat-list-item{
        color:#fff;
        font-size: 16px;
        
    }
    .maindialognew .mat-list-base .mat-subheader{
        color:#fff;
        background: linear-gradient(#ffa800, #ff7e00) !important;;
        padding: 16px;
        width: 100%;
        font-size: 16px;
        border-radius: 25px;
        
    }
    textarea{
        width: 100%;
        border-radius: 15px;
        padding: 16px;
    }
    

    /************User Management Css*****************/

    .admin-list_v2 {
        position: relative;
        min-height: 60vh
    }
    
    .adminlisttable_v2 .container {
        clear: both;
        overflow: hidden
    }
    
    .adminlisttable_v2 .mat-card {
        padding: 0!important;
        box-shadow: none!important;
        clear: both;
        position: relative
    }
    
    .adminlisttable_v2 .togglesearchcls {
        float: right;
        width: 28%;
        padding: 0;
        border: none;
        position: relative;
        padding-top: 80px
    }
    
    .adminlisttable_v2 .togglesearchcls .CustomButtonListen_div {
        position: absolute;
        top: 10px;
        left: 2%;
        width: 96%
    }
    
    .adminlisttable_v2 .togglesearchcls .searchbtncls {
        display: block !important;
        width: 96%;
        align-items: center;
        margin: 0 auto
    }


    .adminlisttable_v2 .togglesearchcls .mat-form-field {
        width: 96%;
        margin: 0 2%!important;
        display: block;
        flex: 1 0 100%;
    }
    
    .adminlisttable_v2 .togglesearchcls .mat-form-field-underline {
        display: none
    }
    

    .adminlisttable_v2 .togglesearchcls .mat-form-field-infix {
        border: 0;
        margin-top: 10px;
    }
    
    .adminlisttable_v2 .mat-form-field-has-label .mat-form-field-label {
        top: 26px!important
    }
    
    .adminlisttable_v2 .togglesearchcls .search_class {
        display: flex;
        width: 98%;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        margin: 0 auto
    }
    
    .adminlisttable_v2 .togglesearchcls .search_class br {
        display: none
    }
    
    .adminlisttable_v2 .togglesearchcls .search_class .add_button {
        background: rgba(48, 200, 251, 1);
        background: -moz-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(48, 200, 251, 1)), color-stop(100%, rgba(32, 163, 219, 1)));
        background: -webkit-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
        background: -o-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
        background: -ms-linear-gradient(top, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
        background: linear-gradient(to bottom, rgba(48, 200, 251, 1) 0%, rgba(32, 163, 219, 1) 100%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#30c8fb', endColorstr='#20a3db', GradientType=0);
        width: 80%
    }
    .adminlisttable_v2 .togglesearchcls .CustomButtonListen_div{
        display: block !important;
    }

    

    .adminlisttable_v2 .togglesearchcls .CustomButtonListen_div .add_button {
        color: #fff!important;
        width: 100%!important;
        background: rgba(14, 61, 92, 1)  !important;
        background: -moz-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%)!important;
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(14, 61, 92, 1)), color-stop(100%, rgba(2, 35, 57, 1))) !important;
        background: -webkit-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%)!important;
        background: -o-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%)!important;
        background: -ms-linear-gradient(top, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%)!important;
        background: linear-gradient(to bottom, rgba(14, 61, 92, 1) 0%, rgba(2, 35, 57, 1) 100%)!important;
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#0e3d5c', endColorstr='#022339', GradientType=0) ;
        font-size: 22px !important;
        line-height: 50px !important;
        border-radius: 8px!important;
        height: auto!important;
        text-transform: uppercase;
    }
    
  
    
    .adminlisttable_v2 .tablewrapper {
        float: left;
        width: 70%;
    }
    
    .adminlisttable_v2 .noFoundText {
        float: left;
        width: 70%;
        clear: none;
        overflow: inherit;
        padding-top: 250px!important;
        margin-top: 50px
    }
    
    .adminlisttable_v2 .lib-pager-class {
        display: none!important
    }
    
    .adminlisttable_v2 .lib-pager-class:first-of-type, .adminlisttable_v2 .lib-pager-class:nth-child(1), .adminlisttable_v2 .lib-pager-class:first-child {
        display: block!important;
        width: 250px;
        position: absolute;
        right: 30%;
        z-index: 9;
        text-align: right;
        color: #fff;
        top: 40px;
        padding-right: 15px
    }
    
    .adminlisttable_v2 .lib-pager-class:first-of-type mat-label::after, .adminlisttable_v2 .lib-pager-class:nth-child(1) mat-label::after, .adminlisttable_v2 .lib-pager-class:first-child mat-label::after  {
        content: 'Results';
        display: inline-block;
        padding-left: 5px
    }
    
    .adminlisttable_v2 .lib-pager-class:first-of-type .material-icons, .adminlisttable_v2 .lib-pager-class:nth-child(1) .material-icons, .adminlisttable_v2 .lib-pager-class:first-child .material-icons {
        display: none
    }
    
    .adminlisttable_v2 .lib-pager-class:first-of-type .mat-form-field, .adminlisttable_v2 .lib-pager-class:nth-child(1) .mat-form-field, .adminlisttable_v2 .lib-pager-class:first-child .mat-form-field {
        display: none
    }
    
    .adminlisttable_v2 .lib-pager-class:last-of-type, .adminlisttable_v2 .lib-pager-class:last-child {
        display: block!important
    }
    
    .adminlisttable_v2 table {
        display: block;
        box-shadow: none;
        background: #252728 !important;
    }
    
    .adminlisttable_v2 thead {
        display: block
    }
    
    .adminlisttable_v2 .mat-header-row {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        height: auto;
        background: #01629f;
        border-radius: 8px;
        border: solid 5px #e6e3e3;
        padding-top: 62px; position: relative;
    }
    
    .adminlisttable_v2 .mat-header-row::after {
        content: '';
        display: block;
        width: 100%;
        height: 1px;
        background: #fff;
        bottom: 0;
        position: absolute;
    }
    
    
    
    .adminlisttable_v2 .mat-header-row th:first-child {
        display: none
    }
    
    .adminlisttable_v2 .mat-header-row th {
        width: 33.333%;
        font-size: 16px;
        color: #fff;
        padding: 15px 1%!important;
        border-bottom: solid 1px #fff
    }


    .adminlisttable_v2 tbody {
        display: block
    }
    
    .adminlisttable_v2 tbody tr {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        height: auto;
        border-radius: 4px;
        border: solid 2px #ccc;
       
        border-bottom: solid 1px #ccc;
        margin: 20px 0; position: relative;
    }
    
    .adminlisttable_v2 tbody tr::after{ content: ''; display: block; width: 100%; height: 1px; background: #ccc; bottom: 0;
        position: absolute;}
    
    .adminlisttable_v2 tbody td {
        width: 33.333%;
        font-size: 16px;
        color: #111;
        padding: 15px 1%!important;
        border-bottom: solid 1px #ccc
    }
    
    .adminlisttable_v2 tbody td:nth-child(1) {
        display: none
    }
    
    .leadlistpage .adminlisttable_v2 td.mat-column-tags span span {
        font-size: 0;
        cursor: pointer
    }
    
    .adminlisttable_v2 tbody td.mat-column-tags {
        padding: 9px 1%!important;
        min-height: 30px;
    }
    
   
    
    .maincontant tbody td.mat-column-dispositionview {
        padding: 8px 1%!important;
         min-height: 32px;
    }
    
    .adminlisttable_v2 td.mat-column-tags span span span {
        display: inline-block;
        background: #15959a;
        color: #fff;
        margin-right: 5px;
        margin-bottom: 2px;
        padding: 5px;
        padding-right: 18px;
        clip-path: polygon(0 0, 90% 0%, 100% 50%, 90% 100%, 0 100%);
        font-size: 16px!important
    }
    
    .adminlisttable_v2 td.mat-column-tags span span span span {
        display: inline-block;
        margin-right: 0;
        margin-bottom: 0;
        padding: 0;
        padding-right: 5px;
        clip-path: inherit
    }
    
    .adminlisttable_v2 table tr:nth-of-type(even) {
        background: #f3f3f3
    }
    
    .adminlisttable_v2 tfoot {
        display: none
    }
    
    .adminlisttable_v2 tbody .mat-column-Actions .button_div_custom_cls {
        display: inline-block
    }
    
    .adminlisttable_v2 tbody .mat-column-Actions span {
        display: inline-block!important;
        margin-top: 0px;
    }
    
    .adminlisttable_v2 tbody .mat-column-Actions section {
        display: inline-block
    }
    
    .adminlisttable_v2 tbody .mat-column-Actions .notebtncls {
        background: url(../images/listingaddnotes.png) no-repeat center center!important;
        background-size: 100%!important;
        width: 25px!important;
        height: 25px!important;
        font-size: 0;
        box-shadow: none!important;
        border-radius: 0;
        padding: 0;
        margin: 4px 4px;
        min-width: inherit
    }
    
    .adminlisttable_v2 tbody .mat-column-Actions .OtherActions .mat-raised-button {
        background: url(../images/listingotthericon.png) no-repeat center center!important;
        background-size: 100%!important;
        width: 25px!important;
        height: 25px!important;
        font-size: 0;
        box-shadow: none!important;
        border-radius: 0;
        padding: 0;
        min-width: inherit;
        margin: 4px 0 4px 10px
    }
    
    .adminlisttable_v2 tbody .mat-column-Actions .Resendmail button {
        background: url(../images/mailpic.png) no-repeat center center!important;
        background-size: 100%!important;
        width: 25px!important;
        height: 25px!important;
        font-size: 0;
        box-shadow: none!important;
        border-radius: 0;
        padding: 0;
        margin: 4px 4px;
        min-width: inherit
    }
    
    .adminlisttable_v2 tbody .mat-column-Actions .ResetPasswordMail button {
        background: url(../images/listing_iconn2.png) no-repeat center center!important;
        background-size: 100%!important;
        width: 22px!important;
        height: 25px!important;
        font-size: 0;
        box-shadow: none!important;
        border-radius: 0;
        padding: 0;
        margin: 4px 4px;
        min-width: inherit
    }
    
    .adminlisttable_v2 tbody .mat-column-Actions .LogMe button {
        background: url(../images/logmeicon2.png) no-repeat center center!important;
        background-size: 100%!important;
        width: 20px!important;
        height: 25px!important;
        font-size: 0;
        box-shadow: none!important;
        border-radius: 0;
        padding: 0;
        margin: 4px 4px;
        min-width: inherit
    }
    
    .viewContractbtnbutton {
        background: url(../images/viewContract_icon.png) no-repeat center center!important;
        background-size: 100%!important;
        width: 30px!important;
        height: 35px!important;
        font-size: 0;
        box-shadow: none!important;
        border-radius: 0;
        padding: 0;
        margin: 0 auto;
        min-width: inherit;
        display: block;
        margin-top: 15px;
        border: none;
        cursor: pointer
    }
    
    .adminlisttable_v2 tbody .mat-column-Actions .viewContract button {
        background: url(../images/viewContract_icon.png) no-repeat center center!important;
        background-size: 100%!important;
        width: 20px!important;
        height: 25px!important;
        font-size: 0;
        box-shadow: none!important;
        border-radius: 0;
        padding: 0;
        margin: 4px 4px;
        min-width: inherit
    }
    
    .adminlisttable_v2 tbody .mat-column-Actions .isContractmanager button {
        background: url(../images/listing_iconn_contract.png) no-repeat center center!important;
        background-size: 100%!important;
        width: 30px!important;
        height: 26px!important;
        font-size: 0;
        box-shadow: none!important;
        border-radius: 0;
        padding: 0;
        margin: 4px 4px;
        min-width: inherit
    }
    
    .adminlisttable_v2 tbody .mat-column-Actions .material-icons {
        margin: 4px 4px;
        color: #0c3956
    }
    
    .adminlisttable_v2 tbody .mat-column-fullname {
        padding-top: 0!important;
        padding-bottom: 0!important
    }
    
    .form_field_answer {
        margin-bottom: 15px
    }
    
    .adminlisttable_v2 tbody .mat-column-fullname {
        padding: 0 1%!important;
        line-height: 50px;
        display: block
    }
    
    .adminlisttable_v2 tbody .mat-column-fullname span span {
        
        background: url(../images/newlisting_user_icon.png) no-repeat left center;
        background-size: 30px;
        display: block
    }
    
    .adminlisttable_v2 tbody .mat-column-email {
        padding: 0 1%!important;
        line-height: 50px;
        display: block
    }
    
    .adminlisttable_v2 tbody .mat-column-email span span {
        background: url(../images/newlisting_mail_icon.png) no-repeat left center;
        background-size: 30px;
        display: block
    }
    
    .adminlisttable_v2 tbody .mat-column-phone {
        padding: 0 1%!important;
        line-height: 50px;
        display: block
    }
    
    .adminlisttable_v2 tbody .mat-column-phone span span {
        background: url(../images/newlisting_ph_icon.png) no-repeat left center;
        background-size: 30px;
        display: block
    }

    .lib-pager-class .mat-card mat-label {
        margin-right: 10px
    }
    
    .lib-pager-class {
        clear: inherit!important;
        float: none!important;
        text-align: center;
        margin-top: 16px
    }
    
    .lib-pager-class .mat-form-field {
        width: 70px;
        margin: 0 6px;
        text-align: center
    }
    
    .lib-pager-class .mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
        display: none!important
    }
    
    .lib-pager-class .mat-form-field .mat-form-field-flex {
        border: 1px solid #e4e4e4;
        padding: 0 5px;
        border-radius: 4px
    }
    
    .lib-pager-class .mat-form-field .mat-form-field-appearance-legacy .mat-form-field-underline {
        height: 0
    }
    
    .lib-pager-class .mat-form-field .mat-form-field-underline {
        display: none
    }
    
    .lib-pager-class:last-of-type {
        margin-top: 25px!important
    }

    .adminlisttable_v2 .togglesearchcls .CustomButtonListen_div {
        position: absolute;
        top: 20px;
        left: 0;
        width: 100%;
        padding: 0;
    }

    .listingtableheading_wrapper {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        border-bottom: solid 1px #fff;
        padding: 15px 1%;
        background: #ff7e00;
        margin: 5px;
        color: #fff;
    }

    .listingtableheading{
        position: absolute;
        z-index: 9;
        width: 70%;
        left: 0;
        top: 0;
}
    
    .listingpage_wrapper {
        display: block;
        padding: 15px;
        margin: 0!important
    }
    
    .listingpage_wrapper .listingpageh2 {
        margin: 10px 0;
        padding: 15px;
        display: block;
        background: #08a298;
        background: linear-gradient(90deg, rgba(8, 162, 152, 1) 0%, rgba(74, 96, 164, 1) 100%);
        border-radius: 8px;
        font-family: 'OpenSansSemiBold';
        font-size: 26px;
        color: #fff;
        text-transform: uppercase;
        margin-bottom: 25px;
        text-align: center
    }
    
  .userMng .searchbar .searchbtncls .search_class{
    display: flex;
    width: 98%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: 0 auto; 

  }
  .fm-container.userMng lib-listing .searchbar .searchbtncls{width: 100% !important;}

  .fm-container.userMng lib-listing .cursor{
    top: 0px !important;
  }
  
  .fm-container.userMng  lib-listing .add_button{
      top:0px !important;

  } 

  .admin-list_v2 .listingtableheading_wrapper h2{margin: 0;
    padding: 0 15px 0 0;
    color: #f4f1f1;
    font-size: 26px;
    font-weight: 400;
    text-transform: uppercase;}
     

    .fm-container.userMng lib-listing .tablewrapper .mat-header-row .mat-header-cell .ng-star-inserted {
        font-size: 16px !important;
        color: white !important;
    }

    .adminlisttable_v2 tbody .mat-column-Actions .notebtncls {
        margin: 4px 13px 4px 4px!important;
    }

    .fm-container.userMng .listingtableheading {top: 26px;}

    .fm-container.userMng .container {
        background: #252728;
    }

    .fm-container.userMng lib-listing .mat-table {
        border: solid 0 rgb(61 62 62) !important;
    }

    .fm-container.userMng lib-listing .tablewrapper{
        padding: 15px 0!important;
        margin: 15px 0!important;
    }

    .dialogbox-adduser .mat-dialog-container {
        display: block;
        padding: 24px !important;
    }

    @media screen and (max-width: 1640px){
        .adminlisttable_v2 .lib-pager-class:first-of-type {
            right: 32% !important;
        }
    }


        /************User Management Css*****************/

/*....................... anindya end .....................*/

.noteadd{
    width: 74%;
}