@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Sans+Pro:wght@200;300;400;600;700;900&display=swap');

html { position: relative; min-height: 100%; scroll-behavior: smooth; }
body { font-family:'Montserrat', sans-serif; font-size: 14px; background-color:#f9f9f9; padding-bottom: 0px; animation-name: fadeIn; animation-duration: 1s; background-attachment: fixed; background-size: cover;}
h1,h2,h3,h4,h5,h6 { font-family:'Montserrat', sans-serif; }
a { color:#0378e2; text-decoration: none; transition: all 0.5s ease 0s; }
a:hover { transition: all 0.5s ease 0s; color:#666; }
p { font-family:'Montserrat', sans-serif; }

.small { font-size: 0.7rem; }
.noradius { border-radius: 0; }
.noborder { border: 0 !important; }
.radius-circle { border-radius: 50px; }
label { font-weight: 500; }
.label { display: inline-block; padding: 0.2em 0.6em; font-size:14px; font-weight: bold; color: #ffffff; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; border-radius:2px; }
.label:empty { display: none; }
img { vertical-align: middle; border: 0; }
.bg-log { border: 15px solid transparent; border-image-slice: 1; width:100%; display:flex; }
.pwd-by { position:absolute; right:100px; bottom:25px; }
.ldrimg { position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; background-color: rgba(252, 252, 252, 0.8); }
.over-loader { overflow: hidden; }
.fancybox-content{ width: 80% !important; height: calc(100% - 88px) !important;}
ion-icon{ pointer-events: none;}

/* Footer */
.footer-main { position: absolute; width: 100%; margin-top:0px; bottom: 0px; border-top:1px solid #ddd; padding-left: 245px; background-color:transparent; transition: 0.4s; }
.main-footer { padding: 30px 30px; font-weight: 400; display: flex; align-items: center; justify-content: space-between; }
.main-footer span { display:block; }
.main-footer span.cptext { font-size: 13px; color: #555; }
.enlarged .footer-main { padding-left:50px; transition: 0.4s; }
.enlarged .body-content { min-height: 980px; transition: 0.4s; }

/* Modal Box */
.bootstrap-duallistbox-container .filter { margin-top:8px; }
.modal-dialog { max-width:850px; margin-top: 0px; animation-name: zoomIn; animation-duration: 1s; position: relative;}
.modal-dialog button.close{ position:absolute; right:-10px; top:-10px; opacity: 1; transition: all ease 0.5s; outline:0;}
.modal-dialog button.close span.lnr{ color: #fff; font-size:19px; width:33px; height:33px; display: flex; align-items: center; justify-content: center; transition: all ease 0.5s; background-color: #484848; padding:7px; border-radius:50px; outline:0; box-shadow: none;}
.modal-dialog button.close:hover span.lnr{ transform: rotate(180deg); transition: all ease 0.5s; background-color: #222;}
.modal-content{ border: 0 none; border-radius: 20px; padding:6px;}

/* Order-Details Modal */
#loginModal{ padding-right:0 !important;}
#loginModal .modal-dialog { max-width:600px; margin-top: 0px; animation-name: zoomIn; animation-duration: 1s; position: relative;}
#loginModal .modal-dialog button.close{ position:absolute; right:-10px; top:-10px; opacity: 1; transition: all ease 0.5s; outline:0;}
#loginModal .modal-dialog button.close span.lnr{ color: #fff; font-size:19px; width:33px; height:33px; display: flex; align-items: center; justify-content: center; transition: all ease 0.5s; background-color: #484848; padding:7px; border-radius:50px; outline:0; box-shadow: none;}
#loginModal .modal-dialog button.close:hover span.lnr{ transform: rotate(180deg); transition: all ease 0.5s; background-color: #222;}
#loginModal .modal-content{ border: 0 none; border-radius: 20px; padding:6px;}

#viewModal .modal-dialog { max-width:600px; margin-top: 0px; animation-name: zoomIn; animation-duration: 1s; position: relative;}

.ord-dls{ width: 100%;}
.ord-dls .ord-box{ width: 100%; margin-bottom: 10px; background-color: #f1f1f1; border-radius: 10px; padding: 10px;}
.ord-box ul{ margin: 0; padding: 0; display: grid; grid-template-columns: repeat(1,1fr); grid-gap:2px;}
.ord-box ul li{ list-style: none; width: 100%; display: flex;}
.ord-box ul li b{ text-transform:uppercase; color:#333; font-weight:400; font-size:14px; width:40%; text-align:right; padding-right:15px; position: relative; margin-right: 15px; display: flex; align-items:flex-start; justify-content: flex-end;}
.ord-box ul li b:before{ width: 1px; height: 12px; background-color: rgba(0, 0, 0, 0.2); position: absolute; right: 0; content: ""; top: 6px;}
.ord-box ul li span{ width:60%; font-weight: 300; color: #666; font-size: 14px;}
.ord-tbl{ margin: 15px 0px;}
.ord-tbl .table > tbody > tr td{ padding:8px 8px;}
.ord-tbl .table > tbody > tr:last-child td{ border-bottom: 0 none;}
.ord-tbl .table > tbody > tr td strong{ text-transform: uppercase; font-weight: 500; color: #333;}
/* Order-Details Modal */

.mdl-frm { padding:15px; }
.modal-header { color:#333; padding:15px 15px; }
.modal-header h4 { font-size:20px; font-weight:400; text-align: center; margin-bottom:0px; color: #333; text-transform: uppercase;}
.modal-header .close { color:rgba(0,0,0,0.7) !important; }
.mdl-head { text-align:left; font-size: 22px; }
.mdl-head h4{ font-size: 22px; }
.mdl-gender .modal-dialog { max-width:370px !important; }
.mdl-gender1 { font-size:16px; color:#333; text-align:left; border-top:4px solid #e5e4e4; border-radius:3px; background:#f7f7f7; padding:18px 15px;}
.mdl-gender2 { border-bottom:4px solid #e5e4e4; border-radius:0px 0px 3px 3px; border-top:1px solid #e7e7e7; }

/* pagination */
.product-pgntion .pgntion { margin-top:10px !important;}
.pgntion { padding: 10px 0px; background-color: #fff; position: relative; bottom: 0; margin: 0 !important; width: 100%; margin-top:10px !important;}
.page-link { padding:5px 10px; font-size:14px; }
.pgn-lft { display:flex; align-items:center; padding-left: 0 !important; }
.pgn-rht { display:flex; justify-content:flex-end; align-items:center; padding-right: 0 !important; }
.pgn-rht ul { margin:0px; }
.pagination { display: flex;flex-wrap: initial !important; align-items: center;}
.pagination .page-item.disabled .page-link { border-radius: 0; }
.pagination .page-item:last-child .page-link { border-radius: 0; }
.pagination .page-item.disabled .page-link { border: 0;}
.pagination .page-item .page-link { border:#fff; border:1px solid #cecece; border-radius:50px; overflow:hidden; width:30px; height: 30px; margin:0px 3px;}
.pagination .page-item .page-link:hover{ border-radius: 50px; background-color: #666; border: 1px solid #666; color: #fff;}
.pagination .page-item:last-child{ border:#fff; border-right: 0 none;}
.pagination .page-item:last-child .page-link { border:#fff; border-right: 0 none;}

/* BG Colors */
.rht { text-align:right; padding-right:0 !important; }
.bg-primary { background-color: #0f9df7 !important; font-weight:400; }
.bg-orange { background-color: #e24d2d !important; font-weight:400; }
.bg-green { background-color: #7fa736 !important; font-weight:400; }
.bg-brown { background-color: #8e5210 !important; font-weight:400; }
.bg-blue { background-color: #32ccc4 !important; font-weight:400; }
.bg-red { background-color: #f11726 !important; font-weight:400; }
.bg-success { background-color: #34ceb0 !important; font-weight:400; }
.bg-info { background-color: #3db9dc !important; font-weight:400; }
.bg-warning { background-color: #f1b53d !important; font-weight:400; }
.bg-danger { background-color: #ff5d48 !important; font-weight:400; }
.bg-purple { background-color: #9261c6 !important;font-weight:400; }
.bg-pink { background-color: #ff7aa3 !important; font-weight:400; }
.bg-dark { background-color: #2b3d51 !important; font-weight:400; }
.bg-default { background-color: #64b0f2 !important;font-weight:400; }
.bg-yellow { background-color: #ff9f40 !important; font-weight:400; }

.isu-red { font-weight:bold; color:#ed1c24; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; }
.isu-yellow { font-weight:bold; color:#ff9f40; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; }
.isu-dark { font-weight:bold; color:#2b3d51; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; }
.isu-purple { font-weight:bold; color:#9261c6; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; }
.isu-green { font-weight:bold; color:#7fa736; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; }
.isu-orange { font-weight:bold; color:#ff8f6b; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; }
.isu-blue { font-weight:bold; color:#1193f7; text-align:center; font-size:11px; font-weight:bold; text-transform:uppercase; }
.bg-clr { display:flex; width:100%; padding:13px; }
.bg-clr a { width:24.5%; margin-right:21px; }
.bg-clr a:nth-child(3n+3) { margin-right:0; }
.bg-default-box { background-color: #64b0f2 !important; }
.bg-danger-box { background-color: #ff5d48 !important; }
.bg-info-box { background-color: #3db9dc !important; }
.bg-yellow-box { background-color: #ff9f40 !important; }

.info-align { display: flex; align-items: center; justify-content: center;}
.text-paid { color:#0daa85 !important; background-color:#beffe7; border-radius:50px; padding:2px 15px; font-size:13px; font-weight:400;}
.text-unpaid { color:#f09701 !important; background-color:#fff0d5; border-radius:50px; padding:2px 15px; font-size:13px; font-weight:400;}
.text-charge { color:#f84949 !important; background-color:#ffe5e5; border-radius:50px; padding:2px 15px; font-size:13px; font-weight:400;}

.text-cnfrm { color:#903db5 !important; background-color:#ebbeff; border-radius:50px; padding:2px 15px; font-size:13px; font-weight:400;}
.text-inquiry { color:#f09701 !important; background-color:#fff0d5; border-radius:50px; padding:2px 15px; font-size:13px; font-weight:400;}
.text-cancel { color:#f84949 !important; background-color:#ffe5e5; border-radius:50px; padding:2px 15px; font-size:13px; font-weight:400;}
.text-draft { color:#4267a4 !important; background-color:#d5e5ff; border-radius:50px; padding:2px 15px; font-size:13px; font-weight:400;}
.text-new { color:#6c2740 !important; background-color:#ffa3c5; border-radius:50px; padding:2px 15px; font-size:13px; font-weight:400;}
.text-skipped { color:#6c4126 !important; background-color:#ffc39e; border-radius:50px; padding:2px 15px; font-size:13px; font-weight:400;}
.text-delivered { color:#2c5311 !important; background-color:#acf27b; border-radius:50px; padding:2px 15px; font-size:13px; font-weight:400;}

.text-overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.text-custom { color: #64b0f2; }
.text-primary { color: #0f9df7 !important; }
.text-success { color: #1bb99a !important; }
.text-info { color: #ff3e44 !important; background-color: #d6d6d6; border-radius: 50px; padding: 4px 5px; font-size: 13px; font-weight: 400; min-width: 25px; min-height: 25px;}
.text-warning { color: #f1b53d !important; }
.text-danger { color: #ff5d48 !important; }
.text-purple { color: #9261c6; }
.text-pink { color: #ff7aa3; }
.text-dark { color: #2b3d51; }
.text-white { color: #ffffff; }
.text-muted { color: #818a91; }
.head-time { background-color:#f3f3f3; padding:5px 15px; margin-right:15px; border-radius:30px; min-width:180px; text-align:left; font-size: 13px; color:#555; }
.head-time i { color: #b3b5b7; }

.login-form .login-frm-main .form-group span.text-danger { color: #ff5d48 !important; font-size: 14px !important; margin: 5px 0px; justify-content: flex-start !important;}

/* Dropdown  */
.dropdown-lg { width: 280px; }
.dropdown-menu { box-shadow: none; border: 1px solid rgba(19, 19, 19, 0.05); margin:6px 0px; padding:0px 0px 10px 0px; border-radius: 0; border-radius:0px 0px 0px 0px; }
.dropdown-item:hover { background-color: #f3f3f3; }
.dropdown-item:hover i { color: #adadad; transition: 0.4s; }
.dropdown-item.notify-item:hover { color: #555; }
.profile-dropdown { width: 180px; margin-top:23px; }
.profile-dropdown ion-icon { font-size: 12px; vertical-align: middle; margin-right:10px; color:rgba(0, 0, 0, 0.4); width: 18px; height: 18px; text-align: center; }
.profile-dropdown a.dropdown-item { padding:10px 0px; color: #444; font-weight:300; font-size: 14px; margin-bottom: 0; text-align: center; display: flex; align-items: center; justify-content: flex-start;}
.profile-dropdown a.dropdown-item:hover { transition: 0.4s; color:#ff494f ; background-color: transparent; }
.profile-dropdown a.dropdown-item:hover ion-icon { color: #ff494f; transition: 0.6s; }
.profile-dropdown a.dropdown-item:last-child { border-bottom: 0 none; }
.nav-user { padding: 0 12px !important; }
.nav-user img { height:28px; width:28px; margin-bottom: 0; }
.profile-dropdown small {padding: 5px 0px 0px; color: #444; font-weight: 300; font-size: 14px; margin-bottom: 0; text-align: center; display: flex; align-items: center; justify-content: center;}

/* Inner Page Form */
.inr-frm-str .inr-frm-sub .tbl-frm{ padding: 10px 0px; min-height: 380px;}
.inr-frm-str .course-frm{ flex-wrap: wrap; padding: 0px 20px; margin-bottom:18px; z-index:1;}
.inr-frm-str .form-row .col-md-12{padding: 0;}
.inr-frm-str .course-frm.srch-bx{ width:100%;}
.inr-frm-str .course-frm.srch-bx .custom-select{ height:30px;}
.inr-frm-str .course-frm.srch-bx .select2-container--default .select2-selection--multiple .select2-selection__choice{ padding:0px 2px 0px 5px; margin:1px 1px 2px;}
.inr-frm-str .course-frm.srch-bx .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ min-width:15px; height:15px; margin-top:1px; font-size:17px; font-weight:300;}
.inr-frm-str .course-frm.srch-bx .select2{ max-height:50px; overflow: auto; scrollbar-width:thin; scrollbar-color:#dee8f0 #fff;}

.select2-container--default .select2-results > .select2-results__options{ scrollbar-width:thin; scrollbar-color:#dee8f0 #fff;}
.select2-results__option{ padding:5px 10px !important; font-size:13px !important; color:#3e485b;}
.select2-container--default .select2-results__option[aria-selected="true"]{ background-color:#c7d4e1 !important;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#fbe1b9 !important; color:#222 !important;}
.select2-dropdown{ border:1px solid #d2dce6 !important; border-radius:0px 0px 15px 15px !important; overflow:hidden;}
.select2-container--default .select2-search--dropdown .select2-search__field{ border:0 none !important; border-bottom:1px solid #d2dce6 !important; font-size: 13px; color:#222; font-weight:400; padding:4px 10px;}
.select2-search--dropdown{ padding: 0 !important;}
.select2-search--dropdown [type="search"]{ outline:0 !important;}

.inr-frm-str .form-row{ align-items:flex-end; display: flex; flex-wrap: wrap;}
.inr-frm-str .course-frm .select2-container--default .select2-selection--multiple .select2-selection__choice{ display: flex; flex-direction: row-reverse; background-color: #dee8f0; border: 1px solid #dee8f0; padding: 2px 3px 2px 10px; color: #303742; font-weight:400; font-size: 12px; transition: all ease 0.4s; border-radius:50px; margin:0px 3px 3px;}
.inr-frm-str .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ margin-left: 5px; background-color: #fff; border-radius:50%; min-width:20px; display:flex; align-items:center; justify-content:center; margin-right:0; transition:all ease 0.4s;}
.inr-frm-str .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{ background-color: #ff494f; color: #fff; transition: all ease 0.4s;}
.inr-frm-str .form-row label{ text-align:left; color:#979da4; font-weight:400; font-size:14px; line-height:20px; letter-spacing: -0.1px;}
.inr-frm-str .course-frm .col-md-12{ padding: 0;}
.inr-frm-str .course-frm .form-control{ border-bottom:1px solid #e6e8ee !important; font-weight:400; border: 0; border-radius:0; padding: 0px 0px; font-size:14px !important; color:#373c46; box-shadow: none;}
.inr-frm-str .course-frm .form-control:focus{ box-shadow: none !important;}
.inr-frm-str .course-frm .form-control option{ padding:10px !important;}
.inr-frm-str .course-frm .form-control[readonly]{ padding: 5px 15px !important; border-radius:30px !important; font-size: 15px !important;}
.dropdown-menu .link-list-plain li a .import-icn{ margin-right: 6px; color: #2e970d !important; border: 1px solid #2e970d; display: inline-block; border-radius:50px; font-size: 13px; text-align: center; padding: 3px 3px;}
.dropdown-menu .link-list-plain li a .export-icn{ margin-right: 6px; color: #ff393d !important; border: 1px solid #ff393d; display: inline-block; border-radius:50px; font-size: 13px; text-align: center; padding: 3px 3px;}
.prod-ck input{ width: auto;}
.inr-frm-str .course-frm .form-control:disabled{ border-radius: 30px !important; padding: 0px 15px !important;}
.select2-container--default .select2-selection--multiple{ border: 0 none !important; border-bottom: 1px solid #e4e4e4 !important; border-radius: 0 !important;}
.select2-container--default.select2-container--focus .select2-selection--multiple{ border: 0 none !important; border-bottom: 1px solid #e4e4e4 !important;}

.frm-bar{width: 100%;}
.slct-frm{display: flex; border: 3px solid #cfe1f0; width: 100%; border-radius: 10px;}
.slct-frm .pcktype{width: 12%; background-color: #cfe1f0; text-align: center; padding: 0 8px 0 4px;}
.slct-frm .pcktype label{display: block; font-size: 12px; text-transform: uppercase; color: #485972; text-align: center; font-weight: 400;}
.slct-frm .pcktype select{width: 100%; border: 1px solid #f0f6fb; background-color: #f0f6fb; border-radius: 0 0 0 8px; padding: 2px 5px; margin-bottom: 3px;}
.slct-frm .pck-slct{width: 80%;}
.slct-frm .pck-slct .stbox{width: 100%; height: 100%; display: block; cursor: text;}
.slct-frm .btn-apl{width: 8%; background-color: #cfe1f0; display: flex; align-items: center; justify-content: center;}
.slct-frm .btn-apl input{border: 1px solid #0057e1; background-color: #0057e1; color: #fff; padding: 3px 10px; border-radius: 8px;}

/* Inner Page Table */
.in-page-tbl{ width: 100%; padding: 5px 5px;}
.inr-frm-str{width: 100%; margin: 40px 0px 30px; display: flex; border-radius: 5px; position: relative; flex-wrap: wrap;}
.inr-frm-sub{ display: flex; flex-wrap: wrap; padding: 20px; border-radius: 10px; transition: 0.4s; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.03); width: 100%; background: rgba(255, 255, 255, 1); min-height: 600px; border: 1px solid #ffffff;}
.inr-tlb-str{width: 100%; margin: 10px 10px 15px; display: flex; border-radius: 5px; position: relative; flex-wrap: wrap;}
.inr-tlb-sub{display: flex; flex-wrap: wrap; padding: 20px 20px 20px; border-radius: 35px; transition: 0.4s; background-color: #ededed; width: 100%; -webkit-border-radius: 35px; -moz-border-radius: 35px; -ms-border-radius: 35px; -o-border-radius: 35px;}
.inr-frm-sub #xsearchbox{ width: 100%;}
.inr-tlb-str .inr-tlb-sub .table { border-collapse: separate; border-spacing: 0px 10px; }
.inr-tlb-str .inr-tlb-sub .table { border-collapse: separate; border-spacing: 0px 10px; }
.inr-tlb-str .inr-tlb-sub .table > tbody > tr td:first-child { border-radius: 30px 0px 0px 30px; }
.inr-tlb-str .inr-tlb-sub .table > tbody > tr td:last-child { border-radius: 0px 30px 30px 0px; -webkit-border-radius: 0px 30px 30px 0px; -moz-border-radius: 0px 30px 30px 0px; -ms-border-radius: 0px 30px 30px 0px; -o-border-radius: 0px 30px 30px 0px; }

#price-block {height: 1000px !important;}
.mob-viw-hed{background-color: #cfe6fd; padding: 10px 20px; font-size: 20px; text-transform: uppercase; font-weight: 600; border-radius: 10px;}
.img-viw-box{margin: 0 !important;}
.img-viw-box .brand-img { max-width: 100%; }
.img-viw-new-box, .img-viw-new-box2{position: relative;}
.img-viw-new-box .mt-3{width: 100% !important;}
.mt-3.input-group .img-viw-box{ width: 100%;}
.mt-3.input-group .img-viw-box .brand-img{margin: 0; padding: 0;}
.mt-3.input-group .img-viw-box .brand-img span img{max-height: 100%;}
.mt-3.input-group textarea{width: 100%; border-bottom: 1px solid #cecece !important;
    padding: 5px 0px; border: none;}
.img-viw-new-box2 .img-viw-box .brand-img span img{max-height: 170px !important;}
/* Full View */
.select2-container { z-index: 9999;  width: 100% !important}
.select2-container--default .select2-selection--single { border:1px solid #ced4da !important; border-left:3px solid #ced4da !important; }
.select2-container .select2-selection--single { height: 31px !important; }
.cke_chrome { border:1px solid #dedede !important; border-radius:3px; box-shadow:none !important; }
.cke_top { background-image: linear-gradient(to bottom,#fff,#e3e3e3) !important; }
.cke_toolgroup { border: 1px solid #b9b9b9 !important; border-bottom: 0 none; }
.cke_maximized { z-index: 9999 !important; }
.cke_maximized .cke_contents { height: 90vh !important; }
.cke_maximized .cke_top { transform: translateY(100%); text-align: center; display: flex; justify-content: center; }
.cke_maximized .cke_bottom { transform: translateY(100%); padding:7px 8px 7px !important; }

/* Dropdown Box */
.drp-box { width: 100%; background-color: #333; padding:9px 10px; }
.drp-box .drp-head { width: 100%; display: flex; align-items: center; }
.drp-box .drp-head span { width:19%; height: 36px; background-color: #fff; border-radius: 50px; display: flex; align-items: center; justify-content: center; padding: 4px;}
.drp-box .drp-head span img { width: auto; height: auto; object-fit: contain; border-radius: 50px; }
.drp-box .drp-head ul { width: 80%; padding: 0; margin-left:10px; }
.drp-box .drp-head ul li { list-style: none; display: flex; align-items: center; width: 100%; flex-wrap: wrap; line-height: 1.3; }
.drp-box .drp-head ul li b { width: 100%; text-transform:uppercase; font-size: 13px; font-weight: normal; color: #fff; }
.drp-box .drp-head ul li small { width: 100%; font-size: 12px; color: #abacac; }
.navbar-custom .dropdown-menu .drp-logout { width: 100%; display: flex; justify-content: center; align-items: center; padding:10px 0px 10px; border-top: 1px solid rgba(0,0,0,0.15); }
.navbar-custom .dropdown-menu .drp-logout a ion-icon { font-size: 12px; margin-right: 3px; transition: 0.4s; color: #fff; }
.navbar-custom .dropdown-menu .drp-logout a { background-color: #ed1c24; padding: 4px 12px; border-radius: 50px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 300; font-size: 12px; transition: 0.4s; display: flex; align-items: center; border: 1px solid #ed1c24;}
.navbar-custom .dropdown-menu .drp-logout a:hover { background-color: transparent; border: 1px solid #ed1c24; color: #ed1c24; }
.navbar-custom .dropdown-menu .drp-logout a:hover ion-icon { color: #ed1c24; }
@keyframes shake {
 10%, 90% { transform: translate3d(-1px, 0, 0); }
 20%, 80% { transform: translate3d(1px, 0, 0); }
 30%, 50%, 70% { transform: translate3d(-2px, 0, 0);}
 40%, 60% { transform: translate3d(2px, 0, 0); }
}

/* Sticky nav */
.stky { padding:0px 0; position: -webkit-sticky; transition: 0.4s; }
.sticky { position: fixed; width: 100%; left: 0; top: 0; z-index: 99999; border-top: 0; padding:0px; transition: all 0.6s; }
.sticky .navbar-custom { background-color: #afaeae; transition: 0.4s;}

/* Custom Nav */
.navbar-custom .xbtn-srch { margin-right:10px; padding:2px 15px; border-radius:50px; }
.navbar-custom .nav-link { padding: 0 !important; line-height:54px; color: #e9f2ff; font-size:20px; }
.navbar-custom .nav-link .tlogdwn { border-radius:50px; display:flex; align-items:center; line-height: normal; padding:3px 12px 3px 12px; transition: all 0.5s ease 0s; margin-top:0px; background-color: rgba(255,255,255, 0.9); width: 35px; height: 35px; justify-content: center; position: relative; }
.navbar-custom .nav-link .tlogdwn i { padding: 0 6px; color: #aaa; margin-top:1px; }
.list-inline-item .use-admt-algn ul li b{font-weight: 600; opacity: 0.5; transition: 0.4s;}
.list-inline-item:hover .use-admt-algn ul li b{opacity: 1; transition: 0.4s;}
.navbar-custom .dropdown-toggle:after { content: initial; }
.navbar-custom .dropdown-menu { animation-name: zoomIn; animation-duration: 0.5s; -webkit-box-shadow: 0 5px 25px 0 rgba(0,0,0,.1);
box-shadow: 0 5px 25px 0 rgba(0,0,0,.1); transition: 0.8s; }
.navbar-custom .nav-lst { margin-right:15px; }
.navbar-custom .nav-lst .dropdown .btn-nav { background-color:#888; color:#fff; padding:5px 12px; font-size:12px; box-shadow:none; text-transform:uppercase; border-radius:50px; }
.navbar-custom .nav-lst .dropdown .btn-nav i { padding-left:2px; }
.navbar-custom .nav-lst .dropdown .dropdown-menu { top:10px; }
.navbar-custom .nav-lst .dropdown .dropdown-item { font-size:13px; padding:5px 10px; border-bottom:1px solid #dedede;}
.navbar-custom .nav-lst .dropdown .dropdown-item:last-child { border-bottom:0 none; }
@keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); }20%, 80% { transform: translate3d(1px, 0, 0); }30%, 50%, 70% { transform: translate3d(-2px, 0, 0); }40%, 60% { transform: translate3d(2px, 0, 0); }}
.myorg { max-width:850px !important; }

/* Inner page Title */
body.adminbody-void .brdcrmb-title{ padding-left: 70px; transition:all ease 0.4s;}
.brdcrmb-title {display: flex; flex-wrap: wrap; padding: 0px; width: 100%; background-color: #f9f9f9; border-radius: 0; padding:12px 15px; padding-left:15px; align-items: center; justify-content: space-between; position: fixed; top:60px; left: 0; margin-left: 0; padding-left: 265px; z-index:4; transition:all ease 0.4s; min-height:50px;}
.brdcrmb-title .breadcrumb-holder { display:flex; grid-gap:5px; align-items: center; justify-content:space-between; width:100%;}
.brdcrmb-title .breadcrumb-holder .main-title {color:#333; font-size:18px; font-weight:500; padding-left:5px; margin:0;}
.brdcrmb-title .breadcrumb-holder .main-title i { padding-right:8px; font-size:24px; color:#484848;}

/* blacklink list */
.card { border:none; }
.card-box { padding:17px 17px 0px; background-clip:padding-box; margin-bottom:20px; background-color:#fff; border:1px solid rgba(183,183,183,.125);}
.card-box i { font-size:67px; margin-top: 20px; }
.accordion-header { color: #fff; background-color:#dbdfea; border-top: 1px solid rgba(111,111,111,.13); padding: 0px; text-transform:uppercase; font-size:14px; }
.accordion-header h3 { font-weight: 500; font-size:15px; margin-bottom: 0; line-height:1.6; }
.header-title { font-size: 1rem; text-transform: uppercase; }
.page-header { margin-top: 30px; margin-bottom: 20px; font-size: 1.15rem; padding-bottom: 10px; border-bottom: 1px solid #dedede; }
.button-list { margin-bottom: -5px; margin-left: -7px; }
.button-list button, .button-list a { margin: 5px 7px; }
.card-title { color:#565656; animation-name: slideInLeft; font-weight:400; }
.card-footer { background-color:transparent; }
.tbl-frm #accordion .accordion-body { background-color: #f3f3f3; }
.sno .blk-menu-arrow { -webkit-transition: -webkit-transform .15s; -o-transition: -o-transform .15s; transition: transform .15s; position: absolute; left: -5px; top: -3px; display: inline-block; font-family: 'FontAwesome'; text-rendering: auto; line-height:20px; font-size:14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
.sno .blk-menu-arrow:before { background-color: #666; font-weight: 400; text-transform: uppercase; padding: 0px 4px 0px 7px; font-size: 10px; width: 85px; content: ""; -webkit-clip-path: polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%); clip-path: polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%); }
.collapsed .sno .blk-menu-arrow { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
.list-collaps .act-slct .dropdown-menu .xbtn-added { margin-right: 6px; }
.list-collaps .act-slct .dropdown-menu .edit-i { font-size: 16px; border-radius: 6px; }
.list-collaps .act-slct .dropdown-menu .xbtn-delete { margin-right: 6px; margin-left: 0; }
.card-head { color: #6b6b6b; padding-bottom:15px; margin-bottom:25px; border-bottom:1px dotted #ccc; }
.card-head h3 { font-weight: 500; font-size: 1.1rem; margin-bottom: 0; line-height:1.3; }
.card-head h3 i { font-size:1.0; padding-right:5px; }
.count { padding:0 !important; display:flex; }
.tbl { padding:0 !important; }
.no-padding { padding:0 !important; }
canvas { max-width: 100%; }
svg { max-width: 100%; }
a { outline: none !important; text-decoration: none !important; transition: 0.4s; margin-bottom: 2px; }
.row { margin-right: -10px; margin-left: -10px; }
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9 { padding-right: 10px; padding-left: 10px; }
.nav-pills .nav-item.show .nav-link, .nav-pills .nav-link.active { background-color: #0f9df7; }
.dropdown-item { font-size: 0.9rem; white-space: inherit; }
.dropdown-item:focus, .dropdown-item:hover { color: #eb1c27; }
.card-inner-header { color: #666; background: linear-gradient(#fef8f8, #ffffff); border-bottom: 1px solid rgba(111,111,111,.13); }
.card-inner-header h3 { font-weight: 500; font-size: 1.1rem; margin-bottom: 0; line-height:1.3; padding:10px 10px 10px; margin-bottom:5px; }
.card-inner-header h3 i { font-size:1.0; padding-right:5px; }

/* IE9, IE10, IE11 */
@media screen and (min-width: 0\0) {
.form-control {
padding: 0.55rem 0.75rem !important;
}
.input-group-addon {
line-height: inherit !important;
font-size: 1rem !important;
}
.carousel-control span {
right: 20px;
}
}

/* Sidebar */
#main.enlarged .left.main-sidebar .sidebar-inner #sidebar-menu .headerbar-left { width:100px; transition: 0.4s; }
#main.enlarged .left.main-sidebar .sidebar-inner #sidebar-menu .headerbar-left .logo .mlogoshow{ max-height:42px;}
.headerbar { left:0;position:fixed; right:0; top: 0; z-index:999; }
.sidebar-inner .headerbar-left { text-align:left; height:60px; width:250px; position: fixed; z-index:1; display: flex; align-items: center; transition:all ease 0.8s; top:0px; background-color:#2d1976; box-shadow:0px 7px 7px -5px rgba(0,0,0,0.04);}
.sidebar-inner .headerbar-left .menu-left { width:auto; padding:10px 0px 10px 3px; transition: 0.4s; left:15px;}
.sidebar-inner .headerbar-left .menu-left a{ padding-left: 10px !important;}

.headerbar .headerbar-btm { position: relative ; transition: 0.4s; }
.headerbar .headerbar-btm .menu-left li span { display: none; transition: 0.4s; }
.headerbar .headerbar-btm .menu-left { transition: 0.4s; }

.navbar-custom { background-color: #2d1976; border-radius: 0; margin-bottom: 0; padding:2px 20px 2px 20px; margin-left:250px; min-height:60px; display:flex; justify-content:flex-end; align-items:center; position:relative; transition:0.4s; box-shadow: 0px 5px 8px rgba(0,0,0,0.02);}
.navbar-custom .prf-slct { display: flex; justify-content: flex-end; align-items: center;}
.navbar-custom .prf-slct ul.list-inline{ border-left:1px solid rgba(255,255,255,0.2); padding:3px 10px 3px 10px; position: relative;}

.stky { padding:0px 0; position: -webkit-sticky; transition: 0.4s; }
.sticky { position: fixed; width: 100%; left: 0; top: 0; z-index: 99999; border-top: 0; padding:0px; transition: all 0.6s; transition: 0.4s; }
.sticky .navbar-custom { background-color: #2d1976; transition: 0.4s;}
.sticky .navbar-custom .cmpny-logo{ border-left:1px solid rgba(255,255,255,0.2);}
.sticky .navbar-custom .prf-slct ul.list-inline{ border-left:1px solid rgba(255,255,255,0.2)}
.sticky .navbar-custom .logo-cnt{ color: rgba(0,0,0,0.1);}
.sidebar-inner .headerbar-left .logo img { max-height:42px; width:auto; height:auto; object-fit:contain; padding-left:15px;}
.sticky .navbar-custom .dropdown-menu{ background-color: #fff;}

.navbar-custom .xbtn-srch { margin-right:10px; padding:2px 15px; border-radius:50px; }
.navbar-custom .nav-link { padding: 0 !important; line-height:54px; margin-bottom: 0; color: #e9f2ff; font-size:20px;display: flex; align-items: center; position: relative;}
.navbar-custom .nav-link .tlogdwn { border-radius:50px; display:flex; align-items:center; line-height: normal; padding:0px; transition: all 0.5s ease 0s; margin-top:0px; background-color:transparent; color:rgba(255,255,255,0.4); width:20px; height:20px; justify-content:center; position:relative; }
.navbar-custom .nav-link .tlogdwn ion-icon{ font-size:17px;}
.navbar-custom .nav-link small { padding-left: 5px; color: #526484;font-size: 16px; font-weight: 600; }
.navbar-custom .nav-link .down-outline { color:rgba(255,255,255,0.4); padding-left:5px; padding-top:3px; font-size: 14px; }
.navbar-custom .nav-link .tlogdwn i { padding: 0 6px; color: #aaa; margin-top:1px; }
.list-inline-item:hover .nav-link .tlogdwn i { color: #fff; }
.navbar-custom .dropdown-toggle:after { content: initial; }
.navbar-custom .menu-left { overflow:hidden; display:none; align-items: center; }
.navbar-custom .logo-cnt { color: rgba(0, 0, 0, 0.10); font-size: 24px; font-weight: 700; padding-left: 10px; margin: 0; text-transform: uppercase; letter-spacing: 0.5px; }
.navbar-custom .dropdown-menu { transition: 0.8s; padding-bottom: 0; background: #fff; border-radius: 0px 0px 5px 5px; padding:10px 10px 5px; margin-left:0px; transform: translate3d(-15px, 31px, 0px) !important; box-shadow:0 0.125rem 0.25rem rgba(43,55,72,0.15); border: 1px solid rgba(19, 19, 19, 0.08); border-top: 0 none; margin: 12px 0px 0px !important;}
.navbar-custom .nav-lst { margin-right:15px; }
.navbar-custom .nav-lst .dropdown .btn-nav { background-color:#888; color:#fff; padding:5px 12px; font-size:12px; box-shadow:none; text-transform:uppercase; border-radius:50px; }
.navbar-custom .nav-lst .dropdown .btn-nav i { padding-left:2px; }
.navbar-custom .nav-lst .dropdown .dropdown-menu { top:10px; }
.navbar-custom .nav-lst .dropdown .dropdown-item { font-size:13px; padding:5px 10px; border-bottom:1px solid #dedede; }
.navbar-custom .nav-lst .dropdown .dropdown-item:last-child { border-bottom:0 none; }

/* Calendar */
.croppie-container .cr-viewport, .croppie-container .cr-resizer { box-shadow: 0 0 2000px 2000px rgba(73, 74, 98, 0.6) !important; }
#thumbnail_preview .cr-boundary { width: 100% !important; }
.clndr { margin:0px 15px 0px 10px; font-size:14px; color: rgba(255, 255, 255, 0.9); transition: 0.4s; display: flex; align-items: center; letter-spacing: -0.2px;}
.clndr ion-icon { font-size:17px; padding-right:6px; color:rgba(255,255,255,0.4); }

/* Remainder */
.remainder { margin-right:7px; border-radius:50px !important; transition:0.4s; position: relative; display: flex; align-items: center; }
.remainder a { border-radius: 50px !important; margin-top: 1px; transition: 0.4s; background-color:transparent; position: relative; width: 22px; height:25px; display: flex; color:rgba(255,255,255,0.9); align-items: center; justify-content: center; margin-bottom: 0; z-index: 0;}
.remainder a ion-icon { font-size:22px; }
.remainder-chat a { border-radius: 50px !important; margin-top: 1px; transition: 0.4s; background-color: #1ca0ed; position: relative; width: 30px; height: 30px; display: flex; color: #fff; align-items: center; justify-content: center; }
.remainder a:hover { transition:0.4s; }
.remainder span { position: absolute; top:-8px; right:-6px; font-size: 11px; background-color: #f93a3a; border-radius:50px; min-width:18px; height:18px; text-align:center; padding-top:0px; color:#fff; display: flex; justify-content: center; align-items: center; z-index: 1;}

/* Company Logo */
.cmpny-logo{ width:18%; display: flex; justify-content: flex-end; margin: 0px 5px; padding:1px 0px 1px 15px; border-left:1px solid rgba(255,255,255,0.2);}
.cmpny-logo span{ display: flex; width:100%; background-color: #fff; border-radius: 5px; padding: 5px;}
.cmpny-logo span img{ max-height:30px;}

.logo { line-height:56px; display: flex; text-align: center; justify-content:flex-start; width:auto; padding:5px 0; padding-top:3px; margin-bottom: 0; }
.logo span span { color: #fff; }
.main-sidebar { top: 66px; width:250px; z-index:1; bottom:70px; margin-bottom:-70px; margin-top: 0px; padding-bottom: 70px; background-color: #fff; position: absolute; transition: 0.5s; -webkit-transition: 0.5s; padding-right: 2px;}
body.adminbody .main-sidebar.left { top:0px; margin-bottom:0px; margin-top:0px; padding-bottom:0px; background-color:#fff; position:fixed; height:100%; transition:0.5s; -webkit-transition:0.5s; padding-right:0px; z-index: 999; overflow:auto; scrollbar-width:none; scrollbar-color: #fff #fff; border-right: 1px solid #ddd;}
body.adminbody .main-sidebar.left:hover { overflow: auto; scrollbar-width:none; scrollbar-color:#fff #fff; transition: 0.5s; -webkit-transition: 0.5s; }

/* Content Page */

.content-page { margin-left: 245px; overflow: hidden; transition: all 0.5s ease 0s; margin-bottom:0px; position:relative; }
.content-page .content { padding:0 5px 0px 10px; margin: 70px 0 80px; position: relative; }
.content-page .content .accordion-body { padding:5px 5px 0px; }
.full-page { margin-left: 0; }
.full-page .content { margin-top: 0; }
.full-page .body-content { min-height: 400px; }
.full-page .body-content .tbl-frm { padding: 0; }
.full-page .inner-banner { background-color: #fff; }
.btn-mdl { background-color: #0283d6; border-color: #0283d6; color: #fff; border-radius: 50px; padding: 5px 30px; margin: 3px 0px; }
.btn-mdl i { padding-right: 5px; }

.xbutton { display: flex; font-size:22px; color: #fff; width:35px; height: 46px;cursor: pointer; justify-content:flex-start; align-items: center; transition:all 0.5s ease 0s; margin-bottom: 0;}
.xbutton:hover { color:#fff; transition:all 0.5s ease 0s; }
.xbutton ion-icon.menu-sharp { font-size: 24px; }
.sidebar-inner { height:100%; background:#fff; background-size: cover; transition: 0.4s; width: 100%}
.mnln1 { content: ""; width:12px; height:1px; background-color: #fff; position: relative; transition:all 0.5s ease 0s;}
.mnln1::before{content:""; width:20px; height:1px; background-color:#fff; position:absolute; left:0; top:-8px; transition:all 0.5s ease 0s; }
.mnln1::after{content:""; width:20px; height:1px; background-color:#fff; position:absolute; left:0; bottom:-7px; transition:all 0.5s ease 0s;}

.xbutton:hover .mnln1 { background-color: #fff; width:20px; transition: all 0.5s ease 0s; left: 0;}
.xbutton:hover .mnln1::before { background-color: #fff; width:12px; transition: all 0.5s ease 0s; left: 0;}
.xbutton:hover .mnln1::after { background-color: #fff; width:12px; transition: all 0.5s ease 0s; left: 0;}

::-webkit-scrollbar { width:5px; }
::-webkit-scrollbar-thumb { background: #fff; height: 30px; }
::-webkit-scrollbar-track { background: #fff; border: 0px none #fff; border-radius:55px; }

/* Bost 5 Form Format */

/* Bost 5 Single Form Format */
.tbl-frm.tbl-frm-single{padding: 0px !important;}
.tbl-frm-single .single-frm{ width: 80%; margin: 0 auto;}
.tbl-frm-single .new-frm-str{width: 100%;}
.tbl-frm-single .new-frm-str .row .mt-3{margin-bottom: 25px;}
.tbl-frm-single .new-frm-str .mt-3 label{ width: 100%; text-align: left; color: #999; font-weight: 300; text-transform: uppercase; font-size: 16px; margin-bottom: 5px;}
.tbl-frm-single .new-frm-str .mt-3 .form-control{width: 100%; border-bottom: 1px solid #cecece !important; border: 0; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; padding: 0px 0px; font-size: 15px !important; background-color: transparent; color: #444; min-height: 34px; font-weight: 400;}
.tbl-frm-single .single-frm .new-frm-str .add-butt{padding: 30px 15px 0px; margin-top: 25px;}
.chk-rid-new{width: 100%; display: flex;}
.chk-rid-new .col-xl-6{padding: 0;}
.chk-rid-new .col-xl-12{padding: 0;}
.chk-rid-new .form-check{display: flex; align-items: center; flex-wrap: wrap;}
.chk-rid-new .form-check label{color: #444 !important; font-weight: 400 !important; text-transform: unset !important; margin-bottom: 0 !important; width: auto !important;}
.chk-rid-new .form-check .form-check-input{margin-right: 10px;}
.chk-rid-new .form-check-input[type="checkbox"]{margin-top: 0 !important;}
.chk-rid-new .form-check-input[type="radio"]{border: 1px solid rgba(0,0,0,.25) !important;}

/* Bost 5 Double Form Format */
.tbl-frm.tbl-frm-double{padding: 0px !important;}
.tbl-frm-double .new-frm-str{width: 100%; padding: 0px 15px;}
.tbl-frm-double .new-frm-str .row{justify-content: space-between;}
.tbl-frm-double .new-frm-str .row .mt-3{margin-bottom: 25px; width: 49%;}
.tbl-frm-double .new-frm-str .row .mt-3.input-group.col-xl-12{width: 100% !important;}
.tbl-frm-double .new-frm-str .mt-3 label{ width: 100%; text-align: left; color: #999; font-weight: 300; text-transform: uppercase; font-size: 16px; margin-bottom: 5px;}
.tbl-frm-double .new-frm-str .mt-3 .form-control{width: 100%; border-bottom: 1px solid #cecece !important; border: 0; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; padding: 0px 0px; font-size: 15px !important; background-color: transparent; color: #444; min-height: 34px; font-weight: 400;}
.tbl-frm-double .double-frm .new-frm-str .add-butt{padding: 30px 15px 0px; margin-top: 25px;}
.inr-tlb-new-bg{background: rgb(255, 255, 255) !important;}

/* Table Body */
.tbl-bdy { width:100%; border-radius:0px; padding:0px 0px;}
.tbl-frm { padding:0px; border-radius:10px; padding: 10px 0px; min-height: 380px }
.dis-frm form { border-bottom: 3px dotted #bbb; padding-bottom: 10px; margin-bottom: 30px; }
.dis-frm .add-butt { margin-top: 15px; border-top: 1px solid #eaeaea; }
.tbl-frm-case { padding:8px 10px; border-radius:3px 3px 0px 0px; }
.tbl-frm-case .card { margin-bottom:0px; }
.tbl-frm-case .card.active { background-color:#fff2f3; }
.tbl-frm-case .card:hover { background-color:#fffae5; }
.tbl-frm-case .card:hover .accordion-body { background-color:#fefbef; }
.tbl-frm-case .accordion-header { background-color:transparent; padding:0px; }
.tbl-frm-case .accordion-header div .head-link { display:block; width:100%; text-align:left; padding:8px 0px; cursor:initial !important; }
.tbl-frm-case .accordion-header div .head-link:hover { text-decoration:none; }
.tbl-frm-case .accordion-body { padding:5px !important; }

.splt { display: flex; width: 100%; justify-content: space-between; }
.splt select { width: 20%; }
.splt input { width: 78%; }
.splt1 { display: flex; width: 100%; justify-content: space-between; }
.splt1 input { width:48%; }
.splt1 .input-group { width: 48%; }
.splt1 .input-group.bootstrap-timepicker .dropdown-menu { background-color:#fff; }
.splt2-frm { display: flex; width: 100%; padding: 0 !important; align-items: flex-end; }
.splt2 { width: 100%; text-align: left; }
.splt2 label { text-align: left !important; padding: 0px 0 5px !important; }
.splt-inpt { display: flex; align-items: center; justify-content: space-between; width: 100%; }

.clr-btn { display: inline-block; }
.clr-btn i { color: #fff; background-color: #ed1c24; border-color: #ed1c24; width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; border-radius: 50px; transition: 0.4s; font-size: 12px; }
.clr-btn i:hover { background-color: #999; border-color: #999; color: #fff; transition: 0.4s; }
.btn-remove { background-color: #ed1c24; padding: 2px 10px; color: #fff; font-size: 12px; }
.btn-remove:hover { background-color: #ed1c24; color: #fff; }
.btn-remove i { padding-right:5px; font-size: 11px; }
.btn-add { background-color: #00a65a; padding: 2px 10px; color: #fff; font-size: 12px; }
.btn-add i { padding-right:5px; font-size: 11px; }
.btn-add:hover { background-color: #037d45; color: #fff; }
.clt-sts { width: 100%; display: flex; justify-content: flex-end; }
.clt-sts b { font-weight: 500; text-align: right; font-size: 9px; font-weight:400; letter-spacing: 0.5px; display: flex; line-height: 13px; background-color: #979695; padding: 0px 8px 0px; color: #fff; border-radius:3px; margin: 1px 0px; text-transform: uppercase; }
.clt-lst ul { display:flex; justify-content: space-between; }
.clt-lst ul li:nth-child(1) { width:25% !important; }
.clt-lst ul li:nth-child(3) { width:30% !important; }
.clt-lst ul li:nth-child(4) { width:25% !important; }
.tbl-frm-case #accordion .accordion-body { background-color:#f3f3f3; }
.rtng-viw { display:flex; }
.rtng-viw .rating-md { font-size: 28px; margin-top:-10px; border: 1px solid #dedede; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; padding-left: 10px; width: 100% }
div.view b { font-size: 14px; color: #218406; display:flex; font-weight: normal; justify-content: center; }
div.view b a { display: block; color: #0473d5; border: 1px solid #0473d5; border-radius: 6px; overflow: hidden; position: relative; z-index: 0; width:auto; padding: 0px 10px; font-size: 12px; line-height: 1.4; }
div.view b a:hover { animation-name: none; }
div.view b a:before { width: 1%; height: 100%; background-color: #f3f3f3; content: ""; left: 0; bottom: 0; position: absolute; border-radius: 50px 0px 0px 50px; visibility: hidden; transition: 0.8s; z-index:-1; }
div.view b a:hover:before { visibility: visible; background-color: #edf7fd; width: 100%; left: 0; transition: 0.8s; border-right: 3px solid #edf7fd; border-radius: 50px; }
.clr-case-tag { color: #d07a1a; font-weight: 500; margin: 0px 2px; font-size: 14px; }
.inner-top-exp { width: 100%; display: flex; justify-content: space-between; }
.clt-lst ul li:nth-child(1), .clt-lst ul li:nth-child(2), .clt-lst ul li:nth-child(3), .clt-lst ul li:nth-child(4) { width:49% !important; }
.tk-icn:before { content:"\f068"; }
.collapsed.tk-icn:before { content:"\f067"; }
.hiddenRow { padding: 0 4px !important; }

/* Sidebar */
.body-content { border-radius:0px; margin-bottom: 0px !important; padding-bottom: 0px; border-radius:0px; width: 100%; position: relative; }
.das-bdy-cnt { background-color:transparent; border-radius:0px; min-height:800px; margin-bottom: 10px !important; padding-bottom: 10px;border-radius: 6px 6px 0px 0px; }
#sidebar-menu, #sidebar-menu ul, #sidebar-menu li, #sidebar-menu a { border: 0; font-weight: normal; line-height: 1; list-style: none; margin: 0; padding:1px 0px 0px 0px; position: relative; text-decoration: none; }
#sidebar-menu ul.smenu-slct { top:70px; }
#sidebar-menu li { text-align:left; padding-bottom:1px; padding-right:0px; padding-left:0px; }
#sidebar-menu li:first-child { border-top:0 none; }
#sidebar-menu li span.tit{ padding:20px 15px 0px; border-top:1px solid #ddd; margin:13px 0px 6px; font-size:10px; font-weight:600; display:flex; text-transform:uppercase; color: #333; transition: all ease 0.4s;}
#sidebar-menu li:first-child span.tit{ border-top: 0 none; padding-top: 0;}
#sidebar-menu li span.tit b{ font-weight:600; transition:all ease 0.4s;}
body.adminbody-void #sidebar-menu li span.tit{ margin-left:0px; transition: all ease 0.4s; padding: 0;}
body.adminbody-void #sidebar-menu li span.tit b{ opacity: 0; transition:all ease 0.4s;}
#sidebar-menu { padding-bottom:200px; width: 100%; }
#sidebar-menu a { line-height: 1.3; }
#sidebar-menu ul li .menu-arrow { -webkit-transition: -webkit-transform .15s; -o-transition: -o-transform .15s; transition: transform .15s; position: absolute; right:10px; top:6px; display: inline-block; font-family: 'FontAwesome'; text-rendering: auto; line-height:20px; font-size:14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#sidebar-menu ul li .menu-arrow:before { background-color: #999; font-weight: 400; text-transform: uppercase; padding: 0px 4px 0px 7px; font-size: 10px; width: 85px; content: ""; -webkit-clip-path: polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%); clip-path: polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%); }
#sidebar-menu ul li a.subdrop .menu-arrow { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
#sidebar-menu ul li .menu-arrow1 { -webkit-transition: -webkit-transform .15s; -o-transition: -o-transform .15s; transition: transform .15s; position: absolute; right:10px; top:1px; display: inline-block; font-family: 'FontAwesome'; text-rendering: auto; line-height:18px; font-size:14px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); }
#sidebar-menu ul li .menu-arrow1:before { background-color: #5f5b9f;
font-weight: 400; text-transform: uppercase; padding: 0px 4px 0px 7px; font-size: 10px; width: 85px; content: "";
-webkit-clip-path: polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%); clip-path: polygon(73% 9%, 100% 50%, 71% 92%, 55% 92%, 85% 50%, 57% 9%); }
#sidebar-menu ul li a.subdrop .menu-arrow1 { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); }
#sidebar-menu ul ul { display: none; }
#sidebar-menu ul ul li { border-bottom:0 !important; padding-bottom: 0 !important; position:relative; }
#sidebar-menu ul ul li.active a { color: #f3f3f3; }
#sidebar-menu .submenu .list-unstyled { padding:5px 0px 0px;}
#sidebar-menu .submenu .list-unstyled li{ border-bottom: 1px solid rgba(255,255,255,0.95);}
#sidebar-menu .submenu .list-unstyled li:last-child{ border-bottom: none;}
#sidebar-menu .submenu ul.list-unstyled li a ion-icon{ color: #bbb; overflow: hidden; width: 6%;}
#sidebar-menu .submenu .list-unstyled li a ion-icon{ color: #333;}
#sidebar-menu .submenu .list-unstyled li a span b{ color: #333; font-weight: 300; line-height: normal;}
#sidebar-menu .submenu .list-unstyled .list-unstyled{ margin-top:0px; overflow: hidden;}
#sidebar-menu .submenu .list-unstyled li a .menu-arrow{top:6px !important;}
#sidebar-menu .submenu .list-unstyled li a .menu-arrow::before{ background-color: #677388 !important;}

#sidebar-menu ul ul a { color:#677388; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out; display:flex; padding:2px 3px 2px 20px; animation:none; font-size:14px; text-align:left; line-height:14px; position: relative; overflow: hidden; z-index: 0; font-weight: 300; display: flex; margin-left: 10px; border-bottom: 1px solid #fff; align-items: center;}
#sidebar-menu ul ul a.active { color:#2d1976; border-radius:50px; display: flex; align-items: center;}
#sidebar-menu ul ul a.active ion-icon { color: #2d1976 !important; }
#sidebar-menu ul ul a:hover { color:#2d1976; }
#sidebar-menu ul ul li a i { margin-right:0; color: #d1d1df; font-size:12px; margin-left:-4px; margin-top:-2px; display:inline-block;width:auto; height:auto; padding: 5px 12px 2px 12px; }
#sidebar-menu ul ul li a i { background-color:transparent; }
#sidebar-menu ul ul li a:hover i { color: #b9b8b8; animation:none; background-color:transparent; }
#sidebar-menu ul ul ul a { padding-left:40px; color: #677388; margin-left: 0;}
#sidebar-menu ul ul ul a.active { background-color:#eef3f9; color:#2d1976; border-radius: 0px; display: flex; }
#sidebar-menu ul ul ul a ion-icon{ color: #999 !important;}
#sidebar-menu .label { margin-top: 2px; }
#sidebar-menu .subdrop { color: #fff !important; position: relative; transition: all ease 0.4s;}
#sidebar-menu .subdrop ion-icon{ color: #0187cd; transition: all ease 0.4s;}
#sidebar-menu .subdrop span b { color: #0187cd; font-weight:500; transition: all ease 0.4s;}
#sidebar-menu .subdrop .menu-arrow:before { background-color: #777 !important; }
#sidebar-menu .subdrop .menu-arrow1:before { background-color: #b0b0b0 !important; }
#sidebar-menu .subdrop i { color: #f0f0f0 !important; }
#sidebar-menu .subdrop span small { color:rgba(255, 255, 255, 0.8)!important; transition:0.4s; }
#sidebar-menu .submenu ul .submenu .menu-arrow { top: 10px !important; }
#sidebar-menu ul li ul li a.subdrop { color: #2d1976 !important; transition:0.4s; position: relative;}
#sidebar-menu ul li ul li a.subdrop:before{ position: absolute; width:3px; height:0px; left:0px; content: ""; background-color: #ff494f; transition:all ease 0.4s; border-radius: 10px;}
#sidebar-menu ul li ul li a.active.subdrop:before{ background-color: transparent !important;}
#sidebar-menu ul li ul li:last-child { border-bottom:0 none; }
#sidebar-menu ul li ul li ul li a.subdrop { color: #414255 !important; transition:0.4s; }
#sidebar-menu ul li ul li ul li a.subdrop i { color:#999 !important; background-color:transparent !important; }
#sidebar-menu ul li ul li ul li:last-child { border-bottom:0 none; }
#sidebar-menu > ul > li > a { color:#545c71; display:flex; padding:8px 8px 8px 25px; transition:0.4s; align-items: center; position:relative; overflow: hidden; transition:all ease 0.4s; z-index: 0; cursor: pointer;}
#sidebar-menu > ul > li > a:hover { color:#fff!important; background-color: #eef3f9; text-decoration:none; transition: all ease 0.4s; border-radius: 0px 1px 1px 0px; }
#sidebar-menu > ul > li > a:hover:before{ height:80%; transition:all ease 0.4s;}
#sidebar-menu > ul > li > a:hover #sidebar-menu li { border-top: 0 none; }
#sidebar-menu > ul > li > a:hover span b { color: #2d1976; }
#sidebar-menu > ul > li > a:hover .menu-arrow:before { background-color: #999 !important; }
#sidebar-menu > ul > li > a:hover .menu-arrow1:before { background-color: #999 !important; }
#sidebar-menu > ul > li > a:hover span small { color:rgba(255, 255, 255, 0.8)!important; transition: all ease 0.6s; }
#sidebar-menu > ul > li > a > span { vertical-align: middle; }
#sidebar-menu ul li a ion-icon { display:flex; color: #a7aebb; font-size:20px; margin-right:7px; text-align: center; vertical-align: middle; transition:0.2s;  justify-content: center; align-items: center; width:17px; height:17px;}
#sidebar-menu ul.list-unstyled li a ion-icon { width:8%; height:24px; margin-right: 5px;}
#sidebar-menu ul.list-unstyled li a span.menu-sub-tit { width: 90%; line-height: 1.3; }
#main.enlarged .left.main-sidebar #sidebar-menu ul li a ion-icon { margin-right: 0px; margin-left: 5px; }
#sidebar-menu ul li a:hover ion-icon { color: #555; transition: all ease 0.4s; background-color: transparent; }
#sidebar-menu ul li a .drop-arrow { float: right; }
#sidebar-menu ul li a .drop-arrow i { margin-right: 0; }
#sidebar-menu > ul > li > a.active { color: #fff !important; position: relative; transition:all 0.5s ease 0s; }
#main.enlarged #sidebar-menu > ul > li > a.active { background:#fff;}

#sidebar-menu > ul > li > a.active span b { color: #0187cd; font-weight:600;}
#sidebar-menu > ul > li > a.active span b:hover{ transition:all ease 0.4s; color: #2d1976 !important;}
#sidebar-menu > ul > li > a.active .menu-arrow:before { background-color: #888; }
#sidebar-menu > ul > li > a.active .menu-arrow1:before { background-color: #fff; }
#sidebar-menu > ul > li > a.active ion-icon { color: #0187cd !important; font-weight:600;}
#sidebar-menu > ul > li > a.active span small { color:rgba(255, 255, 255, 0.8); }
#sidebar-menu > ul > li > a.pro { background-color: #f16854; color: #fff; bottom: 0; }
.sub-active { display:block !important; }
.menu-title { padding: 12px 20px !important; letter-spacing: .035em; pointer-events: none; cursor: default; font-size: 13px; }
.footer { border-top: 1px solid rgba(115, 140, 152, 0.2); bottom: 0; color: #818a91; text-align: left !important; padding: 10px; position: absolute; right: 0; left: 250px; background-color: #fff; }
#main.enlarged .menu-title { display: none; }
#main.enlarged .menu-arrow { display: none !important; }
#main.enlarged .menu-arrow1 { display: none !important; }
#main.enlarged .footer { left: 70px; }  
#main.enlarged #sidebar-menu ul ul { box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.08); }
#main.enlarged .left.main-sidebar { border-right: 1px solid #e9f1f7; width:50px; top:0; height:100%; z-index:99999; padding-right:0px; background-color:#fff; transition:0.4s;}
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a { padding-left: 10px; transition: 0.4s; }
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a:hover { background-color: #64b0f2; transition: 0.4s; }
#main.enlarged .left.main-sidebar span.pull-right { display: none !important; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li { position: relative; padding: 0; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a {background-color:#64b0f2;position:relative; width:260px; transition:0.4s; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul { display: block; left:20px; z-index: 1; position: absolute; width:220px; background: #ffffff; animation-name: fadeIn; animation-duration: 0.5s; padding: 2px 3px 2px 0px; border-radius: 0px 10px 10px 0px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a { background: #ffffff !important; border: none; box-shadow: none; padding-left:5px; position: relative; width:auto; z-index: 6; color:#636363; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a:before { background-color: #e0e0e0; border-radius: 0px 5px 5px 0px; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a:hover { color:#2d1976 !important; background-color:#f3f3f3; border-start-end-radius: 0px 5px 5px 0px; }
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled:before { background-color: transparent; width: auto; }
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled li a:after { background-color: transparent; width: auto; }
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled li { border-bottom: 1px solid #f3f3f3; padding-top: 2px; }
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled li:last-child { border-bottom: 0 none; }
#main.enlarged .left.main-sidebar #sidebar-menu ul.list-unstyled i { padding-right: 8px; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a:hover i { color:#999; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover a span { display: inline; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > ul { display: none; }
#main.enlarged .left.main-sidebar #sidebar-menu ul ul li:hover > ul { display:block; left:190px; margin-top:-36px; position:absolute; width: 190px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul ul li > a span.pull-right { -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); position: absolute; right: 20px; top: 12px; transform: rotate(270deg); }
#sidebar-menu ul > li > a span { padding-top:0px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
#sidebar-menu ul > li > a span b { display:block; font-weight:400; letter-spacing:-0.32px; font-size:14px; color:#4d5b75; min-width:150px;}
#sidebar-menu ul > li > a span small { color:#65657b; letter-spacing:0.5px; text-transform: uppercase; font-size: 10px; font-weight: 400; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > a span b { color: #fff; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > a span small { color: rgba(255, 255, 255, 0.8) !important; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > a span { display: none; padding-left:10px; }
#main.enlarged .left.main-sidebar .sidebar-inner #sidebar-menu .headerbar-left .logo .mlogohide { display: none; padding-left:5px; }
#sidebar-menu .headerbar-left .logo .mlogoshow { display: none; }
#main.enlarged .left.main-sidebar .sidebar-inner #sidebar-menu .headerbar-left .logo .mlogoshow { display: block; padding-left:15px; }
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a { padding:8px 10px; transition: 0.4s; margin-bottom: 2px;}
#main.enlarged .left.main-sidebar #sidebar-menu > ul > li > a i { margin-left:0px; margin-right: 0; font-size:15px; transition: 0.4s; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a { position: relative; width: 280px; background: #eef3f9; border-radius: 0 !important; color: #fff; transition: 0.4s; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a:before { background-color: #f1f1f1 !important; left: 0; right: 0; transition:0.6s; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a i { color: #f1f1f1 !important; transition: 0.4s; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a ion-icon{ color: #555 !important; transition: 0.4s; }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a span small { color:rgba(255, 255, 255, 0.8); }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > a span small { color:rgba(0, 0, 0, 0.9); }
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > ul.list-unstyled li a ion-icon{ color: #555 !important; margin: 0px 3px 0px 0px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li > ul.list-unstyled li a span b{ color: #555;}
#main.enlarged .content-page { margin-left:50px; }
#main.enlarged .navbar-custom { margin-left:100px; }
#main.enlarged .sidebar-inner .headerbar-left .logo span { display: none; opacity: 0; }
#main.enlarged .sidebar-inner .headerbar-left .logo i { margin-right: 0; }
#main.enlarged #sidebar-menu > ul > li:hover > a.open :after { display: none; }
#main.enlarged #sidebar-menu > ul > li:hover > a.active :after { display: none; }
#main.enlarged .user-detail { bottom: 0; padding: 15px 0; width: 70px; text-align: center; }
#main.enlarged .user-detail .dropup { margin: 0 auto; margin-left: 17px; }
#main.enlarged .user-detail h5 { display: none; }
#main.enlarged .user-detail p { position: absolute; right: 15px; top: 32px; }
#main.enlarged .user-detail p span { display: none; }
#main.enlarged #sidebar-menu ul ul li.active a { color: #0f9df7; }

/* Sidebar Hover */
#main.enlarged .left.main-sidebar:hover{ width:250px;}
#main.enlarged .left.main-sidebar:hover #sidebar-menu li span.tit{ padding: 20px 15px 0px;}
#main.enlarged .left.main-sidebar:hover #sidebar-menu li:first-child span.tit{ padding-top: 0;}
#main.enlarged .left.main-sidebar:hover #sidebar-menu li span.tit b{ opacity: 1;}
#main.enlarged .left.main-sidebar:hover #sidebar-menu ul > li > a span{ display: flex;}
#main.enlarged .left.main-sidebar:hover #sidebar-menu ul > li > a.active span b{ color: #0187cd;}
#main.enlarged .left.main-sidebar:hover #sidebar-menu ul > li > a span b{ color: #333; min-width:150px;}
#main.enlarged .left.main-sidebar:hover .sidebar-inner #sidebar-menu .headerbar-left{ width:250px;}
#main.enlarged .left.main-sidebar:hover #sidebar-menu ul > li:hover > a{ width: auto; min-width:200px;}
#main.enlarged .left.main-sidebar:hover #sidebar-menu ul > li:hover ul li a:hover{ min-width: 200px;}
#main.enlarged .left.main-sidebar #sidebar-menu ul > li:hover > ul a{ font-size: 13px;}

/* Quick Search */
.quick-srch { position: relative; display: flex; margin-right: 14px; }
.quick-srch .qsrch { width:350px; border-radius: 3px; border: 0 none; padding: 6px 55px 6px 12px; color: #fff; outline: none; transition: all 0.7s ease 0s; border-radius: 50px; font-weight: 300; border: 1px solid rgba(0, 0, 0, 0.09)}
.quick-srch .qsrch:focus { width:420px; transition: all 0.7s ease 0s; }
.quick-srch .qsrch::placeholder { color: rgba(0, 0, 0, 0.4); opacity: 1; font-weight: 300; }
.quick-srch button { position: absolute; right: 0px; top: 0px; background:rgba(0, 0, 0, 0.4); cursor: pointer; outline: none; height: 100%; border-radius: 0px 50px 50px 0px; border: 0 none; transition: 0.4s; }
.quick-srch button i { font-size: 14px; width: 24px; text-align: center; color: #fff; }
.quick-srch button:hover i { color: #9f9f9f; transition: 0.4s; }
.quick-srch button:hover { background: rgba(0, 0, 0, 0.6); }

/* Button Style */
body.adminbody-void { min-height: 1170px; position: relative; }
.mobile.smallscreen .sidebar-inner.leftscroll { overflow:auto; }
button:focus { outline: none !important; }
a.btn:focus { color: #ffffff !important; box-shadow: 0 0 0 0rem rgba(0, 0, 0, 0.05); }
.btn-rounded { border-radius: 2em !important; padding: .5rem 1.5rem; }
.btn-label { background: rgba(43, 61, 81, 0.1); display: inline-block; padding: 7px 15px; border-radius: 3px 0 0 3px; margin: -7px -14px; margin-right: 12px; }
.btn-rounded .btn-label { padding: 7px 15px 7px 20px; margin-left: -20px; }
.btn-rounded .btn-label-right { margin-right: -20px; margin-left: 12px; }
.btn-label-right { margin-left: 12px; margin-right: -13px; border-radius: 0px 3px 3px 0px; }
.btn-custom { background-color: #64b0f2; border-color: #64b0f2; color: #ffffff; }
.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .btn-custom.focus, .btn-custom:active, .btn-custom:focus, .btn-custom:hover, .open > .dropdown-toggle.btn-custom { background-color: #439fef; border-color: #439fef; color: #ffffff; }
.btn-primary { background-color: #2c83f2; border-color: #2c83f2; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open > .dropdown-toggle.btn-primary { background-color: #1263ca; border-color: #1263ca; color: #ffffff; }
.btn-cancel { background-color:#59595b; border:1px solid #59595b; color:#fff; transition:0.4s; margin-right:3px; border-radius: 20px; padding:5px 20px; text-transform: uppercase; font-size: 14px; letter-spacing: 0.5px; letter-spacing: 0; margin-bottom: 0; display: flex; align-items: center; font-weight:300;}
.btn-cancel i { padding-right: 3px; }
.btn-cancel:hover { color:#333; background-color:transparent; }
a.btn-cancel:focus { color:#f93030; background-color:transparent; }

.btn-clear { background-color:#aaa; border:1px solid #aaa; color:#fff; transition:0.4s; margin:0px 5px; border-radius: 20px; padding:5px 20px; text-transform: uppercase; font-size: 14px; letter-spacing: 0.5px; letter-spacing: 0; margin-bottom: 0; display: flex; align-items: center; font-weight:300;}
.btn-clear ion-icon { padding-right: 3px; }
.btn-clear:hover { color:#333; background-color:transparent; }
a.btn-clear:focus { color:#333; background-color:transparent; }

.btn-submit { background-color:#0759b0; border:1px solid #0759b0; color:#fff; transition:0.4s; border-radius: 20px; padding:5px 20px; text-transform: uppercase; font-size: 14px; letter-spacing: 0.5px; margin-right:8px; display: flex; align-items: center;  font-weight: 300;}
.btn-submit i { padding-right: 3px; }
.btn-submit:hover { color:#0759b0; background-color:transparent; }
.btn-submit:focus { color:#0759b0; background-color:transparent; }
.btn-success { background-color: #1bb99a; border-color: #1bb99a; }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success { background-color: #16957c; border-color: #16957c; color: #ffffff; }
.btn-info { background-color: #3db9dc; border-color: #3db9dc; }
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover, .open > .dropdown-toggle.btn-info { background-color: #25a7cb; border-color: #25a7cb; color: #ffffff; }
.btn-warning { background-color: #f1b53d; border-color: #f1b53d; color: #ffffff; }
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.focus, .btn-warning:active, .btn-warning:focus, .btn-warning:hover, .open > .dropdown-toggle.btn-warning { background-color: #eea617; border-color: #eea617; color: #ffffff; }
.btn-danger { background-color: #ed1c24; border-color: #ed1c24; }
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .open > .dropdown-toggle.btn-danger { background-color: #ff391f; border-color: #ff391f; color: #ffffff; }
.btn-dark { background-color: #2b3d51; border-color: #2b3d51; color: #ffffff; }
.btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.focus, .btn-dark:active, .btn-dark:focus, .btn-dark:hover, .open > .dropdown-toggle.btn-dark { background-color: #1d2936; border-color: #1d2936; color: #ffffff; }
.btn-outline-custom { color: #64b0f2; background-image: none; background-color: transparent; border-color: #64b0f2; }
.btn-outline-custom:hover, .btn-outline-custom:focus, .btn-outline-custom:active, .btn-outline-custom.active, .btn-outline-custom.focus, .btn-outline-custom:active, .btn-outline-custom-primary:focus, .btn-outline-custom:hover, .open > .dropdown-toggle.btn-outline-custom { color: #ffffff; background-color: #64b0f2; border-color: #64b0f2; }
.btn-outline-primary { color: #0f9df7; background-image: none; background-color: transparent; border-color: #0f9df7; }
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.focus, .btn-outline-primary:active, .btn-outline-primary:focus, .btn-outline-primary:hover, .open > .dropdown-toggle.btn-outline-primary { color: #ffffff; background-color: #0f9df7; border-color: #0f9df7; }
.btn-outline-success { color: #1bb99a; background-image: none; background-color: transparent; border-color: #1bb99a; }
.btn-outline-success:hover, .btn-outline-success:focus, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.focus, .btn-outline-success:active, .btn-outline-success:focus, .btn-outline-success:hover, .open > .dropdown-toggle.btn-outline-success { color: #ffffff; background-color: #1bb99a; border-color: #1bb99a; }
.btn-outline-info { color: #3db9dc; background-image: none; background-color: transparent; border-color: #3db9dc; }
.btn-outline-info:hover, .btn-outline-info:focus, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.focus, .btn-outline-info:active, .btn-outline-info:focus, .btn-outline-info:hover, .open > .dropdown-toggle.btn-outline-info { color: #ffffff; background-color: #3db9dc; border-color: #3db9dc; }
.btn-outline-warning { color: #f1b53d; background-image: none; background-color: transparent; border-color: #f1b53d; }
.btn-outline-warning:hover, .btn-outline-warning:focus, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.focus, .btn-outline-warning:active, .btn-outline-warning:focus, .btn-outline-warning:hover, .open > .dropdown-toggle.btn-outline-warning { color: #ffffff; background-color: #f1b53d; border-color: #f1b53d; }
.btn-outline-danger { color: #ff5d48; background-image: none; background-color: transparent; border-color: #ff5d48; }
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.focus, .btn-outline-danger:active, .btn-outline-danger:focus, .btn-outline-danger:hover, .open > .dropdown-toggle.btn-outline-danger { color: #ffffff; background-color: #ff5d48; border-color: #ff5d48; }
.btn-outline-pink { color: #ff7aa3; background-image: none; background-color: transparent; border-color: #ff7aa3; }
.btn-outline-pink:hover, .btn-outline-pink:focus, .btn-outline-pink:active, .btn-outline-pink.active, .btn-outline-pink.focus, .btn-outline-pink:active, .btn-outline-pink:focus, .btn-outline-pink:hover, .open > .dropdown-toggle.btn-outline-pink { color: #ffffff; background-color: #ff7aa3; border-color: #ff7aa3; }
.btn-outline-purple { color: #9261c6; background-image: none; background-color: transparent; border-color: #9261c6; }
.btn-outline-purple:hover, .btn-outline-purple:focus, .btn-outline-purple:active, .btn-outline-purple.active, .btn-outline-purple.focus, .btn-outline-purple:active, .btn-outline-purple:focus, .btn-outline-purple:hover, .open > .dropdown-toggle.btn-outline-purple { color: #ffffff; background-color: #9261c6; border-color: #9261c6; }
.btn-outline-dark { color: #2b3d51; background-image: none; background-color: transparent; border-color: #2b3d51; }
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.focus, .btn-outline-dark:active, .btn-outline-dark:focus, .btn-outline-dark:hover, .open > .dropdown-toggle.btn-outline-dark { color: #ffffff; background-color: #2b3d51; border-color: #2b3d51; }
.btn-facebook { color: #ffffff !important; background-color: #3b5998 !important; }
.btn-twitter { color: #ffffff !important; background-color: #00aced !important; }
.btn-linkedin { color: #ffffff !important; background-color: #007bb6 !important; }
.btn-dribbble { color: #ffffff !important; background-color: #ea4c89 !important; }
.btn-googleplus { color: #ffffff !important; background-color: #dd4b39 !important; }
.btn-instagram { color: #ffffff !important; background-color: #517fa4 !important; }
.btn-pinterest { color: #ffffff !important; background-color: #cb2027 !important; }
.btn-dropbox { color: #ffffff !important; background-color: #007ee5 !important; }
.btn-flickr { color: #ffffff !important; background-color: #ff0084 !important; }
.btn-tumblr { color: #ffffff !important; background-color: #32506d !important; }
.btn-skype { color: #ffffff !important; background-color: #00aff0 !important; }
.btn-youtube { color: #ffffff !important; background-color: #bb0000 !important; }
.btn-github { color: #ffffff !important; background-color: #171515 !important; }
.pull-right { float: right; }
.pull-left { float: left; }
.display-block { display: block; }
.dropdown-example { position: static; display: block; margin-bottom: .25rem; clear: left; }
.dropdown-item.active, .dropdown-item:active { background-color: #798bff; }
.avatar-circle { border-radius: 50%; }
.custom-modal .modal-header { padding: 10px !important; border-radius: 0; background-color: #5ba2e6; color: #fff; }
.custom-modal .modal-content { background-color: #f7f7f7; }
.custom-modal .modal-footer { padding: 10px !important; border-radius: 0; background-color: #f3f3f3; }
.custom-modal .close { color: #fff; text-shadow: 0; }
.toplnk {display: flex;}
.toplnk a{ margin: 0px 2px;}
.accordion-header .xbtn-add { font-size:11px; }
.btn-group button.moveall { border-right: 1px solid #a4a4a4; }
.btn-group button.removeall { border-left: 1px solid #a4a4a4; }

/* Multi Select Dropdown */
.multiselect-dropdown{ width: 100% !important; border: 0 none !important; border-bottom: 1px solid #e6e8ee !important; padding:0 !important; border-radius: 0 !important;}
.multiselect-dropdown-list-wrapper{ padding: 10px !important;}
.multiselect-dropdown-list div{ padding: 1px 5px !important;}
.multiselect-dropdown-list .form-row label{ line-height: 16px !important;}
.multiselect-dropdown span.optext{ padding:4px 0.75em !important; font-size: 13px; background-color:#e8f0f7 !important;}
.multiselect-dropdown-all-selector{ border: solid 1px #e6e8ee !important; border-radius: 5px !important;}
.multiselect-dropdown-list div:hover{ background-color: #e6e8ee !important;}

/* Toplink Add Button */
.xbtn-add { margin:0; background-color: #d59c43; padding:2px 10px; font-size:13px; font-weight:300; color: #fff; border-radius:8px; text-align: center; transition: 0.4s; display: flex; align-items: center; }
.xbtn-add ion-icon { font-size: 15px; padding-right:3px; font-weight: 400;}
.toplnk .xbtn-add:hover { animation-name: none !important; background-color:#e4b66e; transition: 0.4s; color: #fff; }
.xbtn-add i { padding-right: 5px; font-size: 11px; }

/* Toplink Add Button */
.xbtn-dtl { margin:0; background-color:#24bf8c; padding:2px 10px; font-size:13px; font-weight: 300; color: #fff; border-radius:8px; text-align: center; transition: 0.4s; display: flex; align-items: center; }
.xbtn-dtl ion-icon { font-size: 15px; padding-right:3px; font-weight: 400;}
.toplnk .xbtn-dtl:hover { animation-name: none !important; background-color:#3cd6a3; transition: 0.4s; color: #fff; }
.xbtn-dtl i { padding-right: 5px; font-size: 11px; }

/* Toplink Muulidelete Button */
.xbtn-muldel { margin:0; background-color: #de3535; padding:2px 12px 2px; margin: 0; font-size: 11px; color: #fff; border-radius:10px; text-align: center; transition: 0.4s; }
.xbtn-muldel:hover { color:#fff; animation-name: none !important; background-color:#cd2323; transition: 0.4s; }
.xbtn-muldel i { padding-right: 3px; }

/* Toplink Active Button */
.xbtn-active { margin:0; background-color: #088b42; padding:2px 12px 2px; margin: 0; font-size: 11px; color: #fff; border-radius: 5px; text-align: center; text-transform:uppercase; transition: 0.4s; }
.xbtn-active:hover { color:#fff; animation-name: none !important; background-color:#05813c; transition: 0.4s; }
.xbtn-active i { padding-right: 5px; }

/* Toplink Inactive Button */
.xbtn-inactive { margin:0; background-color: #227cf7; padding:2px 12px 2px; margin: 0; font-size: 11px; color: #fff; border-radius: 5px; text-align: center; text-transform:uppercase; transition: 0.4s; }
.xbtn-inactive:hover { color:#fff; animation-name: none !important; background-color:#0e66df; transition: 0.4s; }
.xbtn-inactive i { padding-right:5px; }

/* Toplink Edit Button */
.xbtn-edit-btn { margin:0; background-color: #686dd1; padding:2px 12px 2px; margin:0; font-size:11px; color:#fff; border-radius:5px; text-align:center; text-transform:uppercase; transition:0.4s; }
.xbtn-edit-btn i { padding-right: 3px; }
.xbtn-edit-btn:hover { color: #fff; }
.toplnk .xbtn-edit-btn:hover { animation-name: none !important; background-color:#4e53b4; transition: 0.4s; }
.tab-top-lnk { width: 100%; display: flex; align-items: center; justify-content:flex-end ; }

/* Toplink Search Button */
.xbtn-srch { background-color:#2a8ee1; margin-right:3px; color:#fff; border-radius:9px; text-align:center; padding:3px 6px; display:flex; align-items: center; margin-bottom: 0; min-width:26px; min-height:26px;}
.xbtn-srch ion-icon { color: #fff; font-size:14px; }
.xbtn-srch:focus { color:#f4eef8; }
.xbtn-srch:hover { color:#fff; background-color:#4f9edf;}

/* Toplink Edit Button */
.xbtn-edit { margin:0; font-size:13px; border:1px solid #7373c7; background-color:transparent; color:#7373c7; border-radius:6px; width:20px; height:20px; padding:0; text-align:center; margin-top:-2px; }
.xbtn-viw { margin:0; font-size:13px; border:1px solid #a8c1d8; background-color:transparent; color:#a8c1d8; border-radius:6px; width:20px; height:20px; padding:0; text-align:center; margin-top:-2px; }
.xbtn-approve { margin:0; font-size:13px; border:1px solid #0ca41a; background-color:transparent; color:#0ca41a; border-radius:10px; width:20px; height:20px; padding:0; text-align:center; margin-top:-2px; }

/* Toplink Add Button */
.xbtn-add-top { background-color:#5eca5e; padding:2px 7px; margin: 0; font-size:12px; color:#fff; border-radius:5px; text-align:center; transition:0.4s; text-transform:none; }
.xbtn-add-top:hover { transition:0.4s; color:#434355; transition:0.4s; }
.xbtn-edit1 { background-color:#31aefd; padding:2px 7px; margin: 0; font-size:11px; color:#fff; border-radius:5px; text-align:center; transition:0.4s; }
.xbtn-edit1:hover { color:#333; transition:0.4s; }
.xbtn-edit:hover, .xbtn-viw:hover { color:#555; border:1px solid #999; }

/* Add Delete Button */
.xbtn-added { margin:0; font-size:15px; border:1px solid #2aa802; background-color:transparent; color:#2aa802; border-radius:50px; width: 22px; height:22px; padding:0; text-align:center; margin:0px 2px; display: flex; align-items: center; justify-content: center; }
.xbtn-delete { margin: 0; font-size:15px; border: none; background-color: transparent; color: #4e4d55; border-radius:50px; width: 22px; height:22px; padding: 0; text-align: center; margin: 0px 2px; display: flex; align-items: center; justify-content: center; }
.xbtn-view { margin: 0; font-size: 15px; border: none; background-color: transparent; color: #4e4d55; border-radius:50px; width:22px; height: 22px; padding: 0; text-align: center; margin:0px 2px; display: flex; align-items: center; justify-content: center; }
.xbtn-send { margin: 0; font-size: 15px; border: none; background-color: transparent; color: #4e4d55; border-radius:50px; width:22px; height: 22px; padding: 0; text-align: center; margin:0px 2px; display: flex; align-items: center; justify-content: center; }

/* Back Button */
.xbtn-back { font-size:13px; color:#555; transition:all 0.5s ease 0s; padding:0px; padding:0px 5px; display:flex; align-items:center; }
.xbtn-back:hover { background:transparent; color:#0057e1; transition:0.4s; }
.xbtn-back:hover ion-icon { color:#0057e1; transition:0.4s; }
.xbtn-back:focus { box-shadow: 0 0 0 .2rem rgb(116, 34, 162); }
.xbtn-back ion-icon { padding-right:3px; font-size:13px; color: #999; transition:0.4s; }

/* Suspend Button */
.xbtn-suspend { font-size:14px; border:1px solid #fba313; background-color:transparent; color:#fba313; border-radius:50px; width:22px; height:22px; padding:0; text-align:center; margin:0px 2px; display: flex; align-items: center; justify-content: center; }
.xbtn-suspend:hover, .xbtn-added:hover { background-color:transparent; color:#555; border:1px solid #999; box-shadow: 0 3px 6px rgba(153, 153, 153, 0.2), 0 3px 6px rgba(98, 98, 98, 0.26);}

/* Add Delete Button */
.add-btn { background-color:transparent; border:1px solid #20a90a; color:#20a90a; transition:0.4s; text-align:center; padding:4px 13px; border-radius:50px; font-size:11px; text-transform:uppercase; float: right; display: flex; align-items: center; }
.add-btn i { padding-right:5px; }
.delete-btn { background-color:transparent; border:1px solid #ed1c24; color:#ed1c24; transition:0.4s; text-align:center; padding:4px 13px; border-radius:50px; font-size:11px; text-transform:uppercase; float: right; }
.delete-btn i { padding-right:5px; }
.add-butt-cntr { width: 100%; text-align: center; padding-right: 80px; margin: 10px 0px 5px; }
.fc-day-grid-event .fc-time { display:none; }
.fc-event-dot { background-color: #ccc !important; }

/* email-btn-align */
.email-btn-align { display: flex !important; justify-content: center !important; }

/* Button Search */
.prd-filter .xsearchbdy{ background-color: #fff;}
.prd-filter .xsearchbdy .form-row .form-control{ border: 1px solid #ddd;}
.btn-srchx { background-color:#0976d7; padding:5px 12px; margin: 0; font-size:13px; color:#fff; border-radius:7px; }
.btn-srchx:hover { background-color:#0161b7; transition:0.4s; color: #fff; }
.btn-srchx i { padding-right:2px; }
.btn-secx i { padding-right:2px; }
.btn-secx { background-color: #535f6a; padding:5px 12px; margin: 0; font-size:13px; color:#fff; border-radius:7px; }
.btn-secx:hover { background-color:#3d4955 !important; color:#fff !important; }
.cled-slct #xsearchbox { width: 100%; padding:15px; }
.xsearchbdy { background-color: #eee; padding:15px !important; width: 100%; position: relative; transition: 0.4s; border-radius:5px; margin: 5px 0px 15px; }
.xsearchbdy .cbtn-srch { position: absolute; right: -7px; top: -7px; padding: 0; margin: 0; font-size: 16px; color: #444; border-radius: 50%; display: flex; background-color: #fff; justify-content: center; align-items: center; width: 25px; height: 25px; border:1px solid #ddd; }
.xsearchbdy .cbtn-srch:hover { color: #555; transform: rotate(180deg);}
.xsearchbdy .form-group { margin-bottom: 5px; }
.xsearchbdy .form-group label { font-weight:400; font-size:13px; padding-top:0; color: #4b5f77; }
.xsearchbdy label { margin-bottom: 0 !important; font-weight: normal; }
.xsearchbdy label.empty { display: block;content: ""; height:15px; width: 100%; }
.xsearchbdy .form-group .select2-container { width:100% !important; }
.xsearchbdy .form-group .custom-select:disabled{ background-color: #fff;}
.srch-rgt { text-align: left; display: flex; align-items: end; flex-wrap: wrap; }
.srch-rgt .btn-srchx { display: flex; align-items: center; margin-right: 10px; }
.srch-rgt .btn-srchx ion-icon { padding-right: 3px; font-size: 16px;}
.srch-rgt .btn-secx { display: flex; align-items: center; }
.srch-rgt .btn-secx ion-icon { padding-right: 3px; font-size: 17px; }
.drp-frm .select2-container { width:100% !important; height:38px !important; }
.drp-frm .select2-container .select2-selection--single { height:33px !important; border:1px solid #ced4da; }
.drp-frm .select2-results__option { font-size:14px !important; }
.page-link { color:#333; font-size:13px; }
.page-link:hover { color:#ed1c24; }
.page-item.active .page-link { background-color:#6a7f91; border:none !important; font-size:15px; color:#fff; border-radius:25px; text-align:center;}
.page-item.active .page-link:focus { box-shadow: 0 0 0 0rem rgba(0,123,255,.25); }
.dataTables_info { font-size:13px; color: #6a7f91; letter-spacing: 0.2px; font-weight: 400;}
.mbclose {	display: none; }
.button-menu-mobile {margin: 0;}

/* Description Modal */
.dtlmodal .modal-header{ padding: 15px 15px;}
.dtlmodal .modal-dialog{ max-width: 600px;}

.dtlmodal .course-frm{ flex-wrap: wrap; padding: 10px 10px; margin-bottom:25px;}
.dtlmodal .course-frm .select2-container--default .select2-selection--multiple .select2-selection__choice{ display: flex; flex-direction: row-reverse;}
.dtlmodal .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{ margin-left: 5px; background-color: #fff; border-radius: 50%; min-width: 18px; display: flex; align-items: center; justify-content: center;}
.dtlmodal .form-row label{ text-align: left; color: #666; font-weight: 300; text-transform: uppercase; font-size: 16px;}
.dtlmodal .course-frm .col-md-12{ padding: 0;}
.dtlmodal .course-frm .form-control{ border-bottom: 1px solid #e4e4e4 !important; border: 0; border-radius:0 ; -webkit-border-radius:0 ; -moz-border-radius:0 ; -ms-border-radius:0 ; -o-border-radius:0 ; padding: 0px 0px; font-size: 16px !important;}
.dtlmodal .add-butt{ margin-top: 30px;}

/* UserRole section */
.user-view { min-height:700px; }
.user-view #accordionExample { width: 100%; }

.ums-role { padding:5px 0px; transition: 0.4s; }
.ums-role .card { border: 0 none; padding: 6px 0px 6px 0px; position: relative; overflow: hidden; transition: 0.4s; background-color: transparent !important;}
.ums-role .card:last-child { padding-bottom: 0; }
.ums-role .card:before { position: absolute; width:1px; height: 100%; top:10px; background-color: #f78f93; content: ""; left:16px; }
.ums-role .accordion-header { border-radius: 0px !important; padding:2px 0px 0px; background: transparent; border-bottom:none; position: relative; transition: all 0.4s; }
.ums-role .accordion-body { padding:10px 10px !important; border-radius:0px 0px 3px 3px; margin-top:0px; background-color:transparent; transition: 0.4s; margin-left:39px; min-height:50px; }
.ums-role .acrd-link { font-size:14px; font-weight:500; color:#fff; background-color: #3879bf; padding:7px 14px 7px 15px; border-radius:50px; transition: 0.4s; display: block; margin-bottom: 0; }
.ums-role .acrd-link.collapsed b ion-icon{ float: left; padding-right:7px; font-size: 17px; color:#737373;}

.ums-role .acrd-link b ion-icon{ float: left; padding-right:7px; font-size: 17px; color:#fff}
.ums-role .acrd-link:hover b ion-icon{ color:#fff}
.ums-role .accordion-body .table { margin-bottom:0; }
.ums-role .accordion-body .usr-roll { width:100%; display:flex; padding:3px 0px; background-color:transparent; border-top:1px solid #fff; margin-bottom:0px ; transition: 0.4s; min-height: 40px; }
.ums-role .accordion-body .usr-roll:first-child { border-top: 0 none; }
.ums-role .accordion-body .usr-roll .usr-lft { width:22%; display:flex; align-items:center; margin-right:15px; }
.ums-role .accordion-body .usr-roll .usr-lft small.grp-title { font-size: 11px; color: #777; padding: 1px 12px 1px 10px; font-weight: 400; background-color: #efefef; margin-left:5px; border-radius: 50px; letter-spacing: 0.3px;}
.ums-role .accordion-body .usr-roll .usr-lft h2 { font-size:15px !important; font-weight:300 !important; margin:0 !important; color:#444; }
.ums-role .accordion-body .usr-roll .usr-rht { width:78%; display:flex; flex-wrap: wrap; }
.ums-role .accordion-body .usr-roll .usr-rht span { width:19%; padding:4px 5px 4px 10px; margin:4px 0px 4px 5px; border-radius:0px; background-color:transparent; cursor:pointer; overflow: hidden; position: relative; z-index: 0; transition: 0.8s; display: flex; justify-content: space-between; border-radius: 50px; border:1px solid #eaeaea; align-items: center; }
.ums-role .accordion-body .usr-roll .usr-rht span:before { width: 1%; height: 100%; background-color: #f3f3f3; content: ""; left: 0; bottom: 0; position: absolute; border-radius: 3px 0px 0px 3px; visibility: hidden; transition: 0.8s; z-index:-1; }
.ums-role .accordion-body .usr-roll .usr-rht span:hover:before { visibility: visible; background-color: #f3f3f3; width:103%; left: 0; transition: 0.8s; border-right: 3px solid #fff; border-radius: 3px; }
.ums-role .accordion-body .usr-roll .usr-rht span:nth-child(5n+5) { margin-right:0; }
.ums-role .accordion-body .usr-roll .usr-rht span label { display:flex; margin-bottom:0px; font-size:13px; font-weight:400; color:#666; align-items: center; cursor:pointer; align-items: center; width: 100%; }
.ums-role .accordion-body .usr-roll .usr-rht span label input { margin-right:5px; transition: 0.4s; }
.ums-role .acrd-link.collapsed { color:#333; background-color: #e5e3f3; transition: all 0.4s ease 0s; font-weight: 500; }
.ums-role .acrd-link:hover { color:#fff; background-color: #757575 !important; }
.ums-role .acrd-link ion-icon { float: right; margin-top:2px; } 
.ums-role .arrow-forward-outline { display: none; }
.collapsed .arrow-down-outline { display: none; }
.collapsed .arrow-forward-outline { display: inline; }

.ums-role .acrd-link-header { background-color: #9495b4; padding: 5px; font-size: 16px; text-transform: uppercase; color: #fff; }
.ums-role .acrd-link-header.active { background-color: #9495b4; color: #fff; }
.role-display { width:100%; }
.role-display h2 { font-size:16px !important; margin:0px 0px 18px !important; font-weight:500; color:#686984; text-transform:uppercase; border-bottom:1px solid #dedede; padding-bottom:8px; }
.role-display h2 span { color:#a5a6bb; font-weight:400; }

/* User Role Toggle */
.usr-rht .switch input { display:none; }
.usr-rht .switch { display:inline-block; width:50px !important; height:19px; position:relative; }
.usr-rht .slider { position:absolute; top:0; bottom:0; left:0; right:0; border-radius:30px; cursor:pointer; border:1px solid #cecece; overflow:hidden; transition:.4s; }
.usr-rht .slider:before { position: absolute; content: ""; width: 15px; height: 15px; background: #ddd; border-radius: 30px; transform: translateX(2px); transition: .4s; top: 1px }
.usr-rht input:checked + .slider:before { transform:translateX(14px); background:#0c9b12; border:1px solid #0c9b12; width:15px; height:15px;}
.usr-rht input:checked + .slider:after { content: '\f00c'; opacity: 0.9; font-family: "Font Awesome\ 5 Free"; color: #fff; display: flex; transform: translateX(16px); font-size:9px; font-weight: 300; padding: 1px; }
.usr-rht input:checked + .slider { background:#fff; border: 1px solid #0c9b12; }
.usr-rht .switch.flat .slider { box-shadow:none; }
.usr-rht .switch.flat .slider:before { background:#FFF; }
.usr-rht .switch.flat input:checked + .slider:before { background:white; }
.usr-rht .switch.flat input:checked + .slider { background:limeGreen; }

.collapsed .arrow-down-outline { display: none; }
.collapsed .arrow-forward-outline { display: inline; }
.role-display { width:100%; }
.role-display h2 { font-size:16px !important; margin:0px 0px 18px !important; font-weight:500; color:#686984; text-transform:uppercase; border-bottom:1px solid #dedede; padding-bottom:8px; }
.role-display h2 span { color:#a5a6bb; font-weight:400; }

/* LogIn Page 2*/
.login-page{  position: relative; height: 100vh; display: flex; align-items: center; width: 100%; overflow: hidden; background: url(../images/login-bg.jpg) no-repeat; background-size: cover; background-position: center;}

.login { width: 100%; margin: 0% auto; transition: 0.4s; z-index: 1; position: relative;}
.login .login-box { border-radius: 2px; display: flex; justify-content: flex-end; min-height: 280px; position: relative; margin-top: 0px; z-index: 9; transition: 0.4s;}
.login .bg-img {position: absolute; bottom: 0; z-index: 99; max-width: 600px; left: -30px;}

.login .login-box .login-lft { width: 50%; text-align: center; animation-name: fadeIn; animation-duration: 1.5s; background-size: cover; position: relative; display: flex; flex-wrap: wrap; justify-content: center; padding: 0px; min-height: 300px; z-index: 2; overflow: hidden;}
.login .login-box .login-det { width: 50%;  position: relative; display: flex; flex-wrap: wrap; justify-content: flex-start;}

.login .login-box .login-lft .login-cnt{width: 70%; background-color: rgba(37, 21, 104, 0.8); margin: 0 0 0 auto; padding: 40px 40px;}
.new-frm-input{ width: 100%; padding: 10px 0px 10px 0px;}
.login-cnt{width: 100%; margin: 0 auto;  z-index: 1; position: relative; padding: 30px 30px; margin-top: 0px; }
.login-cnt p{ color: #fff; font-weight: 400; font-size: 16px; line-height: 20px; text-align: center; margin-bottom: 30px;}
.login-cnt span {display: block; width: 100%;}
.login-cnt a {font-weight: 400; font-size: 14px; background: #fff;  color: #231867; padding: 10px 25px; border-radius: 25px; transition:0.4s;}
.login-cnt a:hover {  background: transparent; color: #fff;  border:1px solid #fff; transition:0.4s;}
.login .login-box .login-lft .logo-wrpr { display: flex; width:100%; position: relative;  justify-content:center; margin-bottom: 10px;}
.login .login-box .login-lft .logo-wrpr img { object-fit: contain; width: auto; max-height: 125px; z-index: 1; }

.login-top .top-lnks{ width:35%; display: flex; align-items: center; background-color: rgba(255,255,255,1); padding:15px 25px; border-radius: 50px 0px 0px 50px; justify-content: center; margin-top: 20px;}
.login-top .top-lnks a{ font-size:20px; font-weight: 300; display: flex; align-items: center; position: relative; margin-bottom: 0;}
.login-top .top-lnks a:before{ width: 1px; height:55%; right: 0; background-color: rgba(0, 0, 0, 0.4); content: ""; position: absolute;}
.login-top .top-lnks a:last-child:before{ background-color: transparent;}
.login-top .top-lnks a:last-child{ margin-right: 0; padding-right: 0;}
.login-top .top-lnks a{ padding-right: 15px; margin-right: 15px; color: #333;}
.login-top .top-lnks a.active{ color: #ed1c24;}

.log-ajj-rht{width: 70%; padding: 50px 50px; position: relative; display: flex; flex-wrap: wrap; align-items: center; transition: 0.4s; background-color: #fff; border-radius: 0px; -webkit-box-shadow: 20px 20px 75px -21px rgba(0,0,0,0.4); -moz-box-shadow: 20px 20px 75px -21px rgba(0,0,0,0.4); box-shadow: 20px 20px 75px -21px rgba(0,0,0,0.4); }
/* .log-ajj-rht::before{position: absolute; content: 'ADMIN PANEL'; top: -70px; left: 0; right: 0; margin: 0 auto; width: 100%; height: auto; font-size: 38px; font-weight: 800; color: rgba(0, 0, 0, 0.1); letter-spacing: 0.9px; text-align: center;}*/
.log-ajj-box{width: 100%; margin-bottom: 5px;} 
.log-ajj-box span{width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;}
.log-ajj-box span img{object-fit: contain; width: 100%; height: 100%; max-height: 80px;}

.login .login-box .login-det .login-form-main{width: 100%; margin: 0 auto; position: relative;
overflow: hidden;}
.login-frm-tit{ width: 100%; margin-bottom:0px;}
.login-frm-tit .log-logo{ width: 100%; display: flex; align-items: center; justify-content: center;}
.login-frm-tit .log-logo span{ display: flex; justify-content: center;}
.login-frm-tit .log-logo span img{ max-height: 140px;}
.login-frm-tit p{ text-align: center; margin-bottom: 50px; font-size: 16px; font-weight:300; color: #999; line-height:20px;}
.login .login-box .login-det h2 {font-weight:700; color:#0089ce; font-size:24px; text-align: center; width: 100%; margin: 10px 0px; text-transform: uppercase;}
.login .login-box .login-det h2 small { font-weight:700; font-size: 20px; color: #3bd4b0; margin-left: 5px;}
.login-form-main h2 b{ font-size:17px; font-weight:400;  display:block; margin: 20px 0px 0px; line-height: 20px;}
.login .login-box .login-det .login-frm-btn .btn { width:auto; background:#d6030b; color:#fff; border-radius:50px; text-align:center; padding:4px 21px 3px 15px; font-size:13px; font-weight:300; border:0 none; transition:0.4s; border:1px solid #d6030b; text-transform: uppercase; display: flex; align-items: center;}
.login-det .login-frm-btn .btn ion-icon { padding-left: 4px; font-size:17px;}
.login .login-box .login-det .login-frm-btn { width:100%; text-align:center; margin-top: 35px;}
.login .login-box .login-det .login-frm-btn .btn{ background:#008bd0; color:#fff; border-radius:50px; margin: 0 auto; text-align:center; padding:5px 27px 5px 27px; font-size:16px; font-weight:300; border:0 none;transition:0.4s; border:1px solid #008bd0; text-transform:uppercase;}
.login .login-box .login-det .login-frm-btn i { font-size:12px; padding-left:6px; animation: shake 3s cubic-bezier(.6,.05,.05,.07) both infinite; transform: translate3d(0,0,0);}
.login .login-box .login-det .login-frm-btn .btn:hover { border:1px solid #15245b; background:transparent; color:#15245b; transition:0.4s; }
.login .login-box .login-det .login-frm-btn .btn:focus{ box-shadow: none;}
.login .login-box .login-det .login-frm-lnk2 { width:100%; text-align:center; margin:10px 0px 20px; display: flex; align-items: center; justify-content: space-between;}
.login .login-box .login-det .login-frm-lnk2 label { margin:0; font-weight:400; display:flex; align-items:center; font-size:15px; color:#222; pointer-events:all;}
.login .login-box .login-det .login-frm-lnk2 a { font-size:15px; color: #ff2e17;}
.login .login-box .login-det .login-frm-lnk2 label input { margin-right:5px; }
.login .login-box .login-det .login-frm-lnk { width:100%; text-align:center; margin:25px 0px 0px; display: flex; align-items: center; justify-content: space-between; padding-left: 0;}
.ft-pwd-cnt{justify-content: center !important;}
.login .login-box .login-det .login-frm-lnk a{ color: #000; font-size:15px;}
.login .login-box .login-det .login-frm-lnk a:hover{ color: #ed1c24;}
.login .login-box .login-det .login-frm-lnk label { margin:0; font-weight:400; display:flex; align-items:center; font-size:15px; color:#999; pointer-events:all;}
.login .login-box .login-det .login-frm-lnk label input { margin: 0px 10px 0px 5px; }
.login .login-box .login-det .login-frm-lnk1 { text-align:center; margin:15px 0px; }
.login .login-box .login-det .login-frm-lnk1 a { font-size:13px; color:#929292; font-weight:500; text-align:center; transition:0.4s; }
.login .login-box .login-det .login-frm-lnk1 a:hover { color:#333; transition:0.4s; }
.login-form .login-frm-main .form-row { padding-left:0; margin-left:1px; }
.login-form .login-frm-main .btn { border-radius: 0; }
.login-form .login-frm-main .mt-3 { position:relative; padding-top: 0px; margin-top: 0 !important; margin-bottom:30px; width:100%; }
.login-form .login-frm-main .mt-3:last-child{margin-bottom: 0;}
.btn-shw { position:absolute; right:6px; top:30%; padding:6px 6px 6px; font-size:12px; cursor:pointer; background-color: transparent; border: 0; color: #888; border-radius: 50px; display: flex; align-content: center; }
.btn-shw:hover { background-color:#eee; }
.login-form .login-frm-main .mt-3 .custom-select { border:0 none; border-bottom:1px solid #c9cfd5; border-radius:0; padding:9px 2px; position:relative; height:auto; }
.login-form .login-frm-main .mt-3 .custom-select:focus { box-shadow:none; }
.login-form .cont-frm-main .form-row { justify-content:space-between; }
.login-form .mt-3:first-child:last-child { height: 100%; }
.login-form .mt-3:first-child:last-child .form-control { height:100%; }
.login-form .mt-3 textarea { resize:vertical; width:100%; border:0 none; border-bottom:1px solid #c9cfd5; border-radius:0px; border-radius: 0; border-width: 0 0 1px 0; font-size:14px; padding:0px 5px; color:#495057; }
.login-form .mt-3 label { position:absolute; left:-1px !important; top:-10px !important; transition:all 0.4s ease; color:#555 !important; font-size:14px !important; text-transform:uppercase !important; font-weight:600 !important; padding: 2px 0px !important; margin-bottom:0px !important; }
.login-form .mt-3 .form-control { border-radius:0 !important; border-width: 0 0 1px 0; font-size:18px; padding:5px 5px; border-bottom:1px solid #c9cfd5; background-color:#fff; color:#404040; font-weight:400; box-shadow:none; min-height: 50px; margin-top: 0px; }
.login-form .mt-3 .form-control:focus { box-shadow:none !important; border-bottom-color: #ffd7a4 !important;}
.login-form .mt-3 .input-highlight { content: ""; width: 0; height:1px; background:#7f8184; position:absolute; display:block; bottom:0px;
transition:width 0.4s ease; }
.login-form .mt-3 .form-control:focus, .login-form .mt-3 .form-control.hasValue { box-shadow: none; border-color:#d7d7d7; }
.login-form .mt-3 .form-control:focus ~ .input-highlight, .login-form .mt-3 .form-control.hasValue ~ .input-highlight {width:100%;}
.login-form .mt-3 .form-control:focus ~ label, .login-form .mt-3 .form-control.hasValue ~ label { -webkit-transform: scale(0.9);
 transform: scale(0.9); top:0; left:-4px;} 

.login-sign-lnk{ width: 100%; display: flex; justify-content: center;}
.login-sign-lnk span.login-sign{ width:100%; display:flex; justify-content:center; color:#555; font-weight:400; font-size:16px !important; margin:35px 0px;}
.login-sign-lnk span.login-sign a{ padding-left: 10px;}

.login-fgot-lnk{ width: 100%; display: flex; justify-content: center;}
.login-fgot-lnk span.login-fgot{ width:100%; display:flex; justify-content:center; color:#555; font-weight:400; font-size:17px !important; margin:35px 0px 15px;}
.login-fgot-lnk span.login-fgot a{ transition: all ease 0.4s;}

.log-ft-logo{position: absolute; content: ''; width: 100%; bottom: 0px; right: 50px; display: flex; justify-content: flex-end; z-index: 9;}
.log-ft-logo a{transition: 0.4s; -webkit-box-shadow: 20px 20px 75px -21px rgba(0,0,0,0.2); -moz-box-shadow: 20px 20px 75px -21px rgba(0,0,0,0.2); box-shadow: 20px 20px 75px -21px rgba(0,0,0,0.2);}
.log-ft-logo a:hover{-webkit-box-shadow: 20px 20px 75px -21px rgba(0,0,0,0.8); -moz-box-shadow: 20px 20px 75px -21px rgba(0,0,0,0.8); box-shadow: 20px 20px 75px -21px rgba(0,0,0,0.8); transition: 0.4s;}

/* Ratio Input Box */
.rto-inpt-main { display: flex; justify-content: space-between; align-items: center; }
.rto-inpt-main .rto-inpt { width: 48%; }

/* Date Input Box */
.date-inpt-main { display: flex; justify-content: space-between; align-items: center; width: 100%; }
.date-inpt-main .date-inpt { width: 49%; display: flex; align-items: center; flex-wrap: wrap; }
.date-inpt-main .date-inpt .input-group-text { border-radius: 3px 0px 0px 3px; padding:3px 10px; }
.date-inpt-main .date-inpt input { width: 80%; }
.pashw { position: relative; }
.btn-shw { position:absolute; right:6px; top: 15%; padding:6px 6px 6px; font-size:12px; cursor:pointer; background-color: #e6e6e6; border: 0; color: #333; border-radius: 50px; display: flex; align-content: center; }
.btn-shw:hover { background-color: #d7d7d7; }
.frgt-pwd { color:#ea2529; transition:0.4s; }
.frgt-pwd:hover { color:#0f0e9f; transition:0.4s; }

/* Scroll to top button */
.scrollToTop { color:#58585a; position:fixed; bottom:20px; right:15px; display: none; font-size:26px; z-index: 9; transition: 0.3s; }
.scrollToTop:hover { text-decoration:none; color:#8d8d8d; transition: 0.3s; bottom:15px; }
.scrollToTop i { padding-top: 10px; }

/* User Role CSS */
@media only screen and (min-width: 600px) {
 h1 { font-size: 2.1rem; }
}
.bg2 { background:#fff; border:1px solid #dedede; padding:0px 5px !important; border-radius:3px; }
.bg2 .label1 label { background:none; }
.label1 label:before, .label1 label:after { background-image:none; background:none; }
.accord { border-right:1px dashed #d8d8d8; }
.accord:last-child { border-right:none; }
.mdl-hdr { background: #e3141f; border-bottom: 4px solid #e8e8d4; padding:15px 15px 10px; color: #fff; border-radius:3px 0px 3px 0px; }
.mdl-hdr { color: #fff; }
button.close { color: rgba(255,255,255,0.7) !important; }
.modal-title1 { color:#fff; font-size:20px; }
.modal-content { border: 0 none; border-radius: 20px; padding: 7px; }
.modal-body{ padding: 20px 20px; min-height: 300px;}
#myModalEdit .modal-body iframe .body-content { min-height:300px !important; }
.fix { background-color:#1fa309; border-radius:3px; color:#fff; font-size:13px; padding:1px 10px; }
.display td, .display th { vertical-align:middle; }
.subtab-list .lside { float:left; width:50%; font-weight:500; color:#666; }
.subtab-list .rside { float:left; width:50%; color:#777; }
.bg-form { background:#fef8f8; padding:20px; margin-bottom:18px; border-bottom:1px solid #efe7e7; }
.add-table { font-size:14px; }
.add-table label { color:#333; font-weight:600 !important; }

.modal-body .course-frm label{ text-align: left; color: #999; font-weight: 300; text-transform: uppercase; font-size: 16px;}
.modal-body .form-control{ padding: 5px 10px;}

/* Switch Button */
.sch-btn .switch { position:relative; display:inline-block; width:60px; height:26px; margin:0px; }
.sch-btn .switch input { opacity:0; width:0; height:0; }
.sch-btn .slider { position: absolute; cursor: pointer; top: 0; left:3px; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s;
transition:.4s; height: 23px; width:45px; }
.sch-btn .slider:before { position:absolute; content:""; height:15px; width:15px; left:3px; bottom:4px; background-color:white; -webkit-transition: .4s; transition:.4s; }
.sch-btn input:checked + .slider { background-color:#1c46c0; }
.sch-btn input:checked + .slider:before { -webkit-transform:translateX(26px); -ms-transform:translateX(26px); transform:translateX(26px); }

/* Switch Rounded sliders */
.sch-btn .slider.round { border-radius:34px; }
.sch-btn .slider.round:before { border-radius:50%; }

/* Login Icon */
.snd-login{ display: inline-block; font-size: 15px; color: #278c03; border: 1px solid #278c03; min-width: 10px; min-height: 10px; border-radius: 50px; padding:4px; line-height: 0;}
.snd-login:hover{ border: 1px solid #555; color: #555; transition: all ease 0.4s;}
.snd-login:focus{ box-shadow: none;}
.open-login{ display: inline-block; font-size: 15px; color: #d00076; border: 1px solid #d00076; min-width: 10px; min-height: 10px; border-radius: 50px; padding:4px; line-height: 0;}
.open-login:hover{ border: 1px solid #555; color: #555; transition: all ease 0.4s;}
.open-login:focus{ box-shadow: none;}

/* Invoice Icon */
.send-invoice{ display: inline-block; font-size: 14px; color: #0371e3; border: 1px solid #0371e3; min-width:22px; min-height:22px; border-radius: 50px; padding:3px; line-height: 0; margin: 3px 6px 0px;}
.send-invoice:hover{ border: 1px solid #555; color: #555; transition: all ease 0.4s;}
.send-invoice:focus{ box-shadow: none;}

/* Switch Button */
.usr-tbl .table-bordered td, .table-bordered th { border: 1px solid #efefef; }
.frm-radio { display:flex; padding:2px 5px 2px 0px; flex-wrap: wrap; }
.frm-radio label { padding: 4px 25px 4px 15px !important; display:flex; color:#fff; font-size:14px; margin-right:5px; align-items:center; margin-bottom: 4px !important; color: #fff !important; }
.frm-radio label:last-child { border-right:0 none; }
.frm-radio label input { margin-right:3px; }
.rto-btn-yes { border-radius: 50px; background-color:#353d9f; color: #fff; }
.rto-btn-no { border-radius: 50px; background-color:#999; color: #fff; }
.form-box-main { width: 100%; margin-top:18px; }
.form-box-main .form-box { width: 100%; display: flex; align-items: center; padding:8px 10px; background-color: #f3f3f3; border-radius:3px; }
.form-box-main .form-box .form-title { margin-right: 20px; }
.form-box-main .form-box .form-title h2 { margin: 0; font-size: 16px; color: #444; text-transform: uppercase; font-weight: 500; }
.form-box-main .frm-title { margin-top:2px; }
.form-box-main .frm-title h2 { background-color: transparent; padding: 10px; color: #666; margin-bottom: 30px; }
.incident-thumb { width: 100%; display:grid; grid-template-columns: repeat(4,1fr); padding: 10px; gap: 10px; }
.incident-thumb .incident-thumb-box { border: 1px solid #eee; padding: 5px; display: flex; align-items: center; justify-content: center; }
.incident-thumb .incident-thumb-box span { display: flex; align-items: center; justify-content: center; width: 100%; }
.top-lnk { padding:2px 0px 2px 0px; width:100%; margin-bottom:15px; display:flex; justify-content: space-between; align-items:center; }
.radio-btn { display:flex; }
.radio-btn label { padding:5px 19px 5px 19px !important; display:flex; border-right:1px solid #fff; margin-bottom:0; font-size:13px; margin-right:3px; }
.radio-btn label:last-child { border-right:0 none; }
.radio-btn label input { margin-right:3px; }
.top-lnk span a { display:inline-block; background-color:#029ae1; color:#fff; padding:2px 15px; border-radius:50px; font-size:14px; border:1px solid #029ae1; }
.top-lnk span a i { padding-right:4px; font-size:13px; padding-right:6px; }
.top-lnk span a:hover { background-color:transparent; border:1px solid #029ae1; color:#029ae1; }
.low { background-color:#ff9f40; color:#fff; border-radius:50px; padding:2px 12px; font-size:13px; margin-left:5px; }
.medium { background-color:#7fa736; color:#fff; border-radius:50px; padding:2px 12px; font-size:13px; margin-left:5px; }
.high { background-color:#ff4943; color:#fff; border-radius:50px; padding:2px 12px; font-size:13px; margin-left:5px; }
.low i, .medium i, .high i { font-size:12px; padding-right:5px; }

/* Filter Search */
.form-group { margin-bottom:15px; }
.form-group .input-group-append .input-group-text { font-size: 14px; }
.form-row label { color:#373737; font-weight:400; padding:5px 0px; text-align:right; margin-bottom:0; font-size: 13.5px; padding-right: 5px; border-radius: 4px; }
.form-row .form-control { font-size:14px; border: 1px solid #e4e4e4; }
.form-control:focus{ box-shadow: 0 0 0 .2rem rgba(255,255,255,.1);}
.bdr-all label { width:100%; border:1px solid #dedede; border-radius:3px; border-left:3px solid #dedede; text-align:left; padding-left:10px; font-size: 14px; }
.form-row.inpt-chk-lbl { width:100%; }
.form-row.inpt-chk-lbl .form-group label span { display: flex; align-items: center; justify-content:flex-end; font-size: 14px; background-color: #fff; padding: 5px 10px; transition: 0.4s; }
.form-row.inpt-chk-lbl .form-group label span:hover { background-color: #f1f5f9; transition: 0.4s; }
.form-row.inpt-chk-lbl .form-group label span input[type="checkbox"], input[type="radio"] { display:flex; align-items:center; margin:0px 4px; }
.xsearchbdy .form-row .form-control { font-size:14px; border:1px solid #ededed; min-height: 35px; border-radius: 8px; padding: 5px 15px; color: #555; font-weight: 400;}

/* Table */
.table tbody, td, tfoot, th, thead, tr{border-top: none;}
.table { animation-name:fadeIn; animation-duration:1s; margin-bottom:0px; background-color:transparent; }
.table td a.modulex { color:#651ad7; border:1px solid #651ad7; border-radius:50px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:0px; display:flex; align-items: center; justify-content:center; }
.table td a.phasex { color:#47d0c1; border:1px solid #47d0c1; border-radius:50px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:0px; display:flex; align-items: center; justify-content:center; }
.table td a.suspendx { color:#ff7c00; border:1px solid #ff7c00; display:inline-block; border-radius:50px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:0px; }
.table td a.checkx { color:#05a701; border:1px solid #05a701; display:inline-block; border-radius:50px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:0px; }
.table td a.editx { color: #4f7ad5; border:1px solid #4f7ad5; border-radius:50px; font-size:15px; width:22px; height:22px; text-align:center;display:flex; justify-content:center; align-items: center;margin-bottom: 0px; }
.table td a.deletex { color: #f73838; border:1px solid #f73838; display:inline-block; border-radius:50px; font-size:15px; width:22px; height:22px; text-align:center; padding-top:2px; }
.table td a.approvex { color: #2bcd49; border:1px solid #2bcd49; display:inline-block; border-radius:50px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:0px; }
.table td a.searchx { color: #3294fe; border:1px solid #3294fe; display:flex; align-items: center; justify-content: center; border-radius:50px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:0px; }
.table td a.activex { color:#2fa600; border:1px solid #2fa600; display:inline-block; border-radius:50px; font-size:12px; width:22px; height:22px; text-align:center; padding-top:0px; background-color: transparent; margin-top: -1px; }
.table td a.sndx { color: #3b77f2; border:1px solid #3b77f2; border-radius:50px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:0px; display:inline-flex; justify-content:center; }
.table td i.sndx { color: #026436; border:1px solid #026436; border-radius:50px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:0px; display:inline-flex; justify-content:center; }
.table td a.reply { color: #ad00b0; border:1px solid #ad00b0; border-radius:50px; font-size:16px; width:22px; height:22px; text-align:center; padding-top:0px; display:flex; align-items: center; justify-content:center; }
.table td a.rply { color: #f47301; border:1px solid #f47301; border-radius:50px; font-size:15px; width:22px; height:22px; text-align:center; padding-top:0px; display:flex; align-items: center; justify-content:center; }
.table td a.downx { color: #047b00; border:1px solid #047b00; display:flex; align-items: center; justify-content: center; border-radius:50px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:0px; }
.table td a.suspendx:hover, .table td a.activex:hover, .table td a.modulex:hover, .table td a.editx:hover, .table td a.checkx:hover, .table td a.deletex:hover, .table td a.approvex:hover, .table td a.searchx:hover, .table td a.downx:hover, .table td a.reply:hover, .table td a.rply:hover, .table td a.viewx:hover, .table td i.sndx:hover, .table td a.sndx:hover { border:1px solid #999; color:#555; transition:0.4s; box-shadow: 0 3px 6px rgba(153, 153, 153, 0.2), 0 3px 6px rgba(98, 98, 98, 0.26);}

a.viwx { color: #106afc; border:1px solid #106afc; border-radius:50px; font-size:15px; width:23px; height:23px; text-align:center; padding-top:0px; display:flex; justify-content:center; align-items: center;}
a.viwx:hover{ border: 1px solid #444; color: #333;}

.table td button.suspendx { color:#fb7713; border:1px solid #fb7713; border-radius:50px; font-size:12px; width:22px; height:22px; text-align:center; padding-top:0px; padding: 0; background-color: transparent; display: flex; align-items: center; justify-content: center;}
.table td button.activex { color:#2fa600; border:1px solid #2fa600; border-radius:50px; font-size:12px; width:22px; height:22px; text-align:center; padding-top:0px; padding: 0; background-color: transparent; display: flex; align-items: center; justify-content: center;}
.table td button.deletex { color: #f73838; border:1px solid #f73838; border-radius:50px; font-size:15px; width:22px; height:22px; text-align:center; padding:2px; display: flex; align-items: center; justify-content: center; background: transparent;}

.table td button.suspendx:hover, button.deletex:hover, button.activex:hover { box-shadow: 0 3px 6px rgba(153, 153, 153, 0.2), 0 3px 6px rgba(98, 98, 98, 0.26); cursor: pointer; color: #555; }
.table td a.createx { color: #b72bbf; border:1px solid #b72bbf; border-radius:50px; font-size:13px; width:22px; height:22px; text-align:center; padding-top:0px; display:flex; justify-content:center; align-items: center;}
.table td a.assignx { color: #4d8900; border:1px solid #4d8900; border-radius:50px; font-size:12px; width:22px; height:22px; text-align:center; padding-top:0px; display:flex; justify-content:center; align-items: center;}
.table td a.viewx { color: #0daa85; border:1px solid #0daa85; border-radius:50px; font-size:15px; width:22px; height:22px; text-align:center; padding-top:0px; display:flex; justify-content:center; align-items: center;}
.table td a.addx { color: #109802; border:1px solid #109802; border-radius:50px; font-size:12px; width:22px; height:22px; text-align:center; padding-top:0px; display:flex; justify-content:center; align-items: center;}
.table td a.download,.table td a.download1 { color:#428bca; border:1px solid #428bca; }
.table td a.download,.table td a.download1 { border-radius:7px; color: #fff; display: inline-block; margin-right:4px; }
.table thead th { color:#444; line-height:1.4; font-weight:500; font-size:15px; border-radius:0px 0px 0px 0px; padding: 10px 10px; text-transform:uppercase; border: none; border-bottom:none; }
.table > tbody > tr td { line-height:1.4; color:#333; padding:8px 10px; border-left:0 none; border-right:0 none; font-size:14px; font-weight: 300; vertical-align: middle; }
.table > tbody > tr td p{ margin: 0;}
.table > tbody > tr td img { max-height:40px; max-width: 150px; object-fit: contain;}
.table > tbody > tr:nth-of-type(2n) { background-color:#fff !important; }
.table > tbody > tr:hover { background-color:#f6f6f6 !important; transition:0.4s; }
.table td, .table th { border:1px solid #eee; }
.tooltip-down a.dropdown-toggle::before{ content: ''; position: absolute; left: 0; right: 0; margin: 0 auto; background: #e8ebf9; width: 1px; height: 1px; border-radius: 50%; transition: all ease 0.3s;}
.table > tbody > tr:hover .tooltip-down a.dropdown-toggle::before{ background: #ddd; width: 30px; height: 30px; border-radius: 50%; transition: all ease 0.3s;}
.table > tbody > tr:hover .tooltip-down a.dropdown-toggle ion-icon{ color: #ed1c24;}
.counts { text-align:center; background-color:#8baabf; justify-content:center; border-radius:50px; color:#fff !important; padding:1px 7px; font-size:11px; }
.counts:hover { color:#fff; }
.tooltip { font-size:12px; line-height:1.3; }
.tbl-splt { width: 100%; display: flex; justify-content: center; }
.tbl-splt span { width: 24%; display: flex; justify-content: center; align-items: center; border-right: 1px solid rgba(0,0,0,0.12)}
.tbl-splt span:last-child { border-right: 0; }
.tooltip-demo{ display: flex; align-items: center; justify-content: center;}
.tooltip-demo a{ margin: 0px 2px;}

.table td a.invoice-algn { color: #d29b18; border:1px solid #d29b18; border-radius:50px; font-size:15px; width:22px; height:22px; text-align:center; padding-top:0px; display:flex; justify-content:center; align-items: center;}
.table td a.payment-algn { color: #184fd2; border:1px solid #184fd2; border-radius:50px; font-size:15px; width:22px; height:22px; text-align:center; padding-top:0px; display:flex; justify-content:center; align-items: center;}

.inr-frm-str .course-frm .file-algn{ font-size:14px !important;}
.course-frm { display:flex; align-items: center; justify-content: center; }
.course-frm div img { height: auto; object-fit: contain;}
.course-frm .form-control { font-size:14px; border:1px solid #e4e4e4; padding:4px 5px; font-size:14px !important; color:#444; min-height: 30px; border-radius:4px; font-weight: 400;}
.course-fm { background:linear-gradient(#fafafa, #ffffff); border:1px solid #ddd; border-radius:3px; margin-bottom:15px; }
.course-fm label { color:#333; padding-top:5px; }
.course-frm1 { display:flex; }
.course-fm1 { background:linear-gradient(#fafafa, #ffffff); border:1px solid #ddd; border-radius:3px; margin-bottom:15px; }
.course-fm1 label { color:#333; padding-top:5px; }
.course-frm1 { margin-bottom:0; }
.frm-title { width: 100%; display: block; margin-bottom: 25px; margin-top: 10px; }
.frm-title h2 { margin: 0; font-size: 15px; color: #4e6286; padding: 6px 5px 6px 10px; text-transform: uppercase; font-weight: 400; background-color: #e9ebf2; border-radius: 3px; border-bottom: 1px solid #e3e5ec; display: flex; align-items: center;
justify-content: space-between; }
.add-butt { text-align:center; margin-bottom:0px; padding:30px 15px 20px; border-top:2px dotted #cacaca; margin-top:50px; display: flex; align-items: center; justify-content: center; }

.che-pws-sub{min-height: 400px !important;}
.che-pws-sub .body-content{margin-bottom: 0 !important; padding-bottom: 0 !important;}
.che-pws-sub .body-content .tbl-frm.tbl-frm-single{min-height: 300px;}
.che-pws-sub .body-content .tbl-frm.tbl-frm-single .form-row{margin-top: 20px; width: 100%;}
.che-pws-sub .body-content .tbl-frm.tbl-frm-single .form-row .course-frm{position: relative;}
.che-pws-sub .body-content .tbl-frm.tbl-frm-single .form-row .course-frm .btn-shw{right: 25px; top: 35%;}

/* Check Box */
.frm-chk{ width: 100%; display:flex; flex-wrap: nowrap !important; padding: 0 !important;}
.frm-chk.course-frm{ justify-content: flex-start !important; align-items: center !important; margin-bottom: 0;}
.frm-chk.course-frm input{ margin-right:2px;}
.frm-chk.course-frm label{ margin-left:5px;}
.frm-chk .frm-chkbox{ display: flex; align-items: center; width:100%; justify-content: flex-start; background-color: #f3f3f3; border-radius: 50px; padding: 7px 15px;}
.frm-chk-mrg-btn{ margin-bottom: 25px !important;}

#sandbox-container { display: flex; justify-content: space-between; width: 100%; }
#sandbox-container .datetimepicker-input { width: 62% !important; }
#sandbox-container input { margin-right:0px; border-radius:3px; text-align: left; background-color: #fff; width: 80% !important; }
#sandbox-container input:last-child { margin-right: 0; }
#sandbox-container .input-group { width: 100%; }
#sandbox-container #datetimepicker7 { margin-right: 10px; }
#sandbox-container #datetimepicker7 span { margin-right: 0; }
#sandbox-container #datetimepicker7 input { margin-right: 0; }
#sandbox-container #datetimepicker8 input { margin-right: 0; }
.datepicker th { font-size: 14px; padding: 3px 6px; }
.datepicker td { font-size: 13px; padding: 3px 6px; }
.datepicker .datepicker-switch, .datepicker .prev, .datepicker .next, .datepicker tfoot tr th { border-top: 1px solid #fff; color: #484848; font-weight: normal; text-transform: uppercase; font-size: 13px; letter-spacing: 1px; }
.datepicker .datepicker-switch { background-color: #ffebeb; border-radius: 50px; }
.datepicker table tr td.range { border: 1px solid #fff; }
.datepicker-dropdown { z-index: 0 !important; border: 1px solid #dfdfdf; }
.input-daterange .form-control { border-radius: 3px !important; margin-right: 5px; }
.input-daterange .form-control:last-child { margin-right: 0; }
.input-daterange span { display: flex; align-items: center; justify-content: flex-start; padding:4px; }
.input-group-prepend .input-group-text { padding: 4px 10px; font-size: 14px; }
.input-group input.form-control { border-radius: 0px !important; }
.bootstrap-datetimepicker-widget .list-unstyled .datepicker .table th { background-color:transparent; border-bottom:1px solid #eee; color: #3c3f77; }
.bootstrap-datetimepicker-widget .list-unstyled .datepicker .table th.prev { background-color: #f9f1db; color: #444; }
.bootstrap-datetimepicker-widget .list-unstyled .datepicker .table th.next { background-color: #f9f1db; color: #444; }
.bootstrap-datetimepicker-widget .picker-switch { background-color: #f9f1db !important; border-radius: 0; color: #e65117 !important; }
.bootstrap-datetimepicker-widget.dropdown-menu { border: 1px solid rgba(43, 61, 81, 0.2); border-radius: 0px 0px 5px 5px; }
.bootstrap-datetimepicker-widget .accordion-toggle .table-condensed tr td a { display:block; color:rgba(0, 0, 0, 0.6); padding:0; width:100%; }
.bootstrap-datetimepicker-widget .accordion-toggle .table-condensed tr td a span { display: flex; justify-content: center; width: 100%; }
.bootstrap-datetimepicker-widget li .timepicker { border: 1px solid #eaeaea; border-top: 3px solid #e5e5e5; color: #444; font-weight: 500; }
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover { background-color: #343d9f !important; color: #fff !important; }
.bootstrap-datetimepicker-widget table td.day:hover { background-color: #f2e4ff !important;border-radius:0 !important; color:#444 !important; }
.course-list { display: flex; }
.course-list .stat-box { object-fit: contain; width: auto; height: auto; width: 100%; }
.course-list1 { height:345px; display: flex; }
.course-list1 .stat-box { object-fit: contain; width: auto; height: auto; margin: 0 auto; }
.course-list1 .stat-box i { font-size:26px; object-fit: contain; margin-top:150px; color:#777; }
.course-list .stat-box h3 { text-align:left; font-size:16px; margin:10px 0px; text-transform:uppercase; background:#f3f3f3; padding:8px 10px; border-radius:3px; color:#570101; border-bottom:4px solid #e3e3e3; }
.course-list option { color:#333; font-size:14px; line-height:1.7; }

.top { padding:15px 0px 10px; }
.cel-split { display:flex; }
.cel1 { width:30%; height:28px; margin-right:8px; }
.cel2 { width:25%; margin-right:8px; height:28px; }
.cel2:last-child { margin-right:0; }
.cel-split input { width:40%;height: 32px; }
.pad1 { padding:0; display: flex; align-items: center; margin-bottom: 5px; }
.pad1 { font-size: 14px; color: #555; }
.pad1 small { color: #888; margin-right:6px; }
.pad1 em { color: #999; margin-left:6px; }
.cel3 { width: 50%; float: left; }
.cel4 { width: 48%; float: right; }
.modal-bdr { padding:0px 10px; }
.cel-split-lst { display:flex; width:100%; }
.cel-split-lst input { width:17%;height: 32px; }
.cel-split-lst label { margin:2px 4px; }
.input-group .input-group-addon i { padding-top:5px; }
.ed-col { text-align: right; position: absolute; right: -8px; top: -8px; transition: all 0.5s ease 0s; opacity: 0; visibility: hidden; }
.collapse.show .ed-col { opacity: 1; visibility: visible; transition: all 0.5s ease 0s; right: 8px; top: 8px; }
.tab-bg { background:#fef5f6; }
.red { color:#e9222b; }
.bg { margin-left:0px; background:#fff; border-radius:3px; padding:6px 5px 6px; display:block; }
.list1 .course-frm input[type="checkbox"], input[type="radio"]{ border:1px solid #fff; }

.assign { padding:0; }
.inner-tbl { padding-top:20px; margin-bottom:0; }
.tpad1 { padding-top:11px; }
.pad2 { margin-left:0px; margin-right:20px; padding:8px 0px 0px 0px; }
.pad3 { padding-top:10px; }
.pad4 { padding-bottom:20px; }
.pad5 { padding-top:20px; }
.center { text-align:center; }
.pad_p { text-align:center; }
.pad_p p { font-size:14px; color:#333; }
.pad_p p span { font-style:italic; }
.usr_info { padding:0 !important; text-align:left; }
.usr_img { background-color:rgba(239, 239, 239, 0.7); padding:20px; border-radius:3px 3px 0px 0px; border:1px solid #fff; }
.padd1 { padding:0; }
.padd { padding:0px 15px; }
.pad1 i { color:#5e5e5e; border:1px solid #ddd; margin-right: 6px; border-radius:5px; width:25px; height:25px; text-align:center; padding-top:4px; }
.pink { font-size:26px; color:#ea2529; margin-top:10px; }
.text-red { color:#eb1c27; }
.fund-infor { padding:0; }
.crse span { width:30%; padding-right:10px; }

/* Modal */
.mdl-title { font-size:18px; color:#5e5e5e; font-weight:600; }
.mdl-header { background:#ebe9e9; padding:10px; border-bottom:2px solid #dfdfdf; }
.mdl-footer { padding:10px; }
.mdl-body p { text-align:justify; color:#555; line-height:1.8; }
.mdl-body ul { padding:0; margin:0; }

.msg-info { width: 100%; text-align: center; margin:30px 0px 10px; background-color: #f3f3f3; padding: 10px 10px; border-radius: 5px; }
.msg-info span { width: 100%; color: #ed1c24; font-size: 12px; display: block; padding-bottom: 2px; }

.modal { z-index: 9999; top:0px; padding-top:40px;}
#myModal .modal-dialog { max-width: 980px; }
.modal-body iframe { width: 100% !important; min-height:300px; }
#myModal .modal-body { min-height:500px; }
.modal-body iframe body { padding-bottom: 0px; background-color: #fff; }

/* Tooltip Down */
.tooltip-down { position: relative; text-align: center; display: flex;align-content: center; justify-content: center; }
.tooltip-down a { padding: 0px 13px; margin: 0;	display: flex; align-items: center; position: relative;}
.tooltip-down:hover a .ellips-ion { color: #333 !important; }
.tooltip-down:hover a.dropdown-toggle::before { content: ''; position: absolute; left: 0; right: 0; margin: 0 auto; background: #ddd; width: 30px; height: 30px; border-radius: 50%; }
.tooltip-down .dropdown-toggle::after { content: none; }
.tooltip-down .dropdown-menu { padding-bottom: 0px; box-shadow: 8px 0px 15px rgba(29, 68,111, 0.05); margin:0 0; width: 200px; }
.tooltip-down .dropdown-menu .link-list-plain { margin: 0; padding: 0; list-style: none; }
.dropdown-menu .link-list-plain li a { display: flex; align-items:center; padding: 5px 15px; color: #333; transition: all .4s; line-height: 1.4rem; position: relative; border-bottom: 1px solid #dbdfea; font-size: 14px; margin: 0; }
.dropdown-menu .link-list-plain li:last-child a { border-bottom: 0; }
.tooltip-down a.dropdown-toggle ion-icon { color: #666; }
.tooltip-down.show a.dropdown-toggle ion-icon { color: #1c46c0; }

/* Tooltip Down */
.tltip-down { position:relative; text-align:center; display:flex;align-content:center; justify-content:center; transition:all ease 0.4s;}
.tltip-down a { padding: 0px 6px; margin: 0; display: flex; align-items: center; position: relative; transition:all ease 0.4s;}
.tltip-down:hover a .ellips-ion { color: #333 !important; transition:all ease 0.4s;}
.tltip-down:hover a.dropdown-toggle::before { content: ''; position: absolute; left: 0; right: 0; margin: 0 auto; background: #ffd4d5; width: 30px; height: 30px; border-radius: 50%; transition:all ease 0.4s; }
.tltip-down .dropdown-toggle::after { content: none; transition:all ease 0.4s;}
.tltip-down .dropdown-menu { padding-bottom:0px; box-shadow:8px 0px 15px rgba(29, 68,111, 0.08); margin:0; min-width:170px; top:6px !important; border-radius:10px; padding:10px; z-index:1; border: 1px solid #ebebeb;}
.tltip-down .dropdown-menu .link-list-plain { margin: 0; padding: 0; list-style: none; }
.tltip-down .dropdown-menu .link-list-plain li a { display: flex; align-items:center; padding:5px 15px !important; color: #333; transition: all 0.4s; line-height: 1.3rem; position: relative; border-bottom: 1px solid #fff; border-radius: 50px; font-size: 14px; margin: 0; }
.tltip-down .dropdown-menu .link-list-plain li:last-child a { border-bottom: 0; transition:all ease 0.4s;}
.tltip-down .dropdown-menu .link-list-plain li a:hover{ background-color: #f3f3f3; transition:all ease 0.4s;}
.tltip-down a.dropdown-toggle ion-icon { color: #777; transition:all ease 0.4s; font-size:17px;}
.tltip-down.show a.dropdown-toggle ion-icon { color: #ff494f; transition:all ease 0.4s;}

/* Dropdown */
.dropdown-menu .link-list-plain li a:hover { background: #f5f6fa; }
.dropdown-menu .link-list-plain li a .sus-i { margin-right:6px; color: #2e970d; border: 1px solid #2e970d; display: inline-block; border-radius:50px; font-size: 13px; text-align: center; padding: 1px 1px; width: 15px; height: 15px; }
.dropdown-menu .link-list-plain li a .view-i { margin-right: 6px; color: #0662b0; border: 1px solid #0662b0; display: inline-block; border-radius:50px; font-size: 13px; text-align: center; padding: 1px 1px; width: 15px; height: 15px; }
.dropdown-menu .link-list-plain li a .edit-i { margin-right: 6px; color: #4f7ad5; border: 1px solid #4f7ad5; display: flex; align-items: center; border-radius:50px; font-size: 13px; text-align: center; padding: 1px 1px; width: 15px; height:15px; }
.dropdown-menu .link-list-plain li a .dlt-i { margin-right: 6px; color: #ff5d48; border: 1px solid #ff5d48; display: inline-block; border-radius:50px; font-size: 13px; text-align: center; padding: 1px 1px; width: 15px; height: 15px; }
.dropdown-menu .link-list-plain li a .manage-i { margin-right: 6px; margin-top: 3px; color: #684cee; border: 1px solid #684cee; display: inline-block; border-radius:50px; font-size: 13px; text-align: center; padding: 1px 1px; width: 15px; height: 15px; }
.dropdown-menu .link-list-plain li a .clnd-i { margin-right: 6px; margin-top: 3px; color: #f4c20f; border: 1px solid #f4c20f; display: inline-block; border-radius:50px; font-size: 13px; text-align: center; padding: 1px 1px; width: 15px; height: 15px; }
.dropdown-menu .link-list-plain li a .rept-i { margin-right: 6px; margin-top: 3px; color: #4981ff; border: 1px solid #4981ff; display: inline-block; border-radius:50px; font-size: 13px; text-align: center; padding: 1px 1px; width: 15px; height: 15px; }
.dropdown-menu .link-list-plain li a .gle-alts-i { margin-right: 6px; margin-top: 3px; color: #684cee; border: 1px solid #684cee; display: inline-block; border-radius:50px; font-size: 13px; text-align: center; padding: 1px 1px; width: 15px; height: 15px; }
.dropdown-menu .link-list-plain li a .kywd-rnking-i { margin-right: 6px; margin-top: 3px; color: #f4c20f; border: 1px solid #f4c20f; display: inline-block; border-radius:50px; font-size: 13px; text-align: center; padding: 1px 1px; width: 15px; height: 15px; }
.dropdown-menu .link-list-plain li a .infogpcs-i { margin-right: 6px; margin-top: 3px; color: #0079df; border: 1px solid #0079df; display: inline-block; border-radius:50px; font-size: 13px; text-align: center; padding: 1px 1px; width: 15px; height: 15px; }
.dropdown-menu .link-list-plain li a .artcle-i { margin-right: 6px; margin-top: 3px; color: #ec7e8e; border: 1px solid #ec7e8e; display: inline-block; border-radius:50px; font-size: 13px; text-align: center; padding: 1px 1px; width: 15px; height: 15px; }
.dropdown-menu .link-list-plain li a .dash-set-i { margin-right: 6px; margin-top: 3px; color: #1c46c0; border: 1px solid #1c46c0; display: inline-block; border-radius:50px; font-size: 13px; text-align: center; padding: 1px 1px; width: 15px; height: 15px; }
.dropdown-menu .link-list-plain li a .crntls-i { margin-right: 6px; margin-top: 3px; color: #20a837; border: 1px solid #20a837; display: inline-block; border-radius:50px; font-size: 13px; text-align: center; padding: 1px 1px; width: 15px; height: 15px; }
.dropdown-menu .link-list-plain li a .blink-i { margin-right: 6px; margin-top: 3px; color: #d71368; border: 1px solid #d71368; display: inline-block; border-radius:50px; font-size: 13px; text-align: center; padding: 1px 1px; width: 15px; height: 15px; }
.dropdown-menu .link-list-plain li a .anltcs-i { margin-right: 6px; margin-top: 3px; color: #2bb594; border: 1px solid #2bb594; display: inline-block; border-radius:50px; font-size: 13px; text-align: center; padding: 1px 1px; width: 15px; height: 15px; }
.dropdown-menu .link-list-plain li a .stcht-i { margin-right: 6px; margin-top: 3px; color: #ca400a; border: 1px solid #ca400a; display: inline-block; border-radius:50px; font-size: 13px; text-align: center; padding: 1px 1px; width: 15px; height: 15px; }

/* header-right-side */
.use-admt-algn { width: 100%; display: flex; align-items: center; }
.use-admt-algn ul { padding: 0; }
.use-admt-algn ul li { list-style: none; display: grid;grid-template-columns: repeat(1, 1fr); width: 100%; flex-wrap: wrap; line-height: 1.3; }
.use-admt-algn ul li b { padding-left: 5px; color: #fff; font-size: 15px; font-weight:300;}

/* Dashboard */
.dashboard-main{ min-height:500px; padding: 30px 0px 20px;}

/* Most View */
.techtim-most-view {display: flex; flex-wrap: wrap; padding:0px; width: 100%; border-radius: 10px; padding: 10px 0px; align-items: center; justify-content: space-between;}
.techtim-tit{ width:30%;}
.techtim-tit h2{ color: rgba(38, 38, 38, 1); font-size:20px; font-weight:600; padding-left:5px; margin: 0; letter-spacing: 0.5px; text-transform: uppercase; display: flex;}
.techtim-tit h2 ion-icon{font-size: 24px; margin-right: 20px; font-weight: 800; color: #ef6127;}
.techtim-most-view .mv-icon-list { display:flex; grid-gap:10px; justify-content: flex-end; width:70%;}
.techtim-most-view .mv-icon-list .mbox { position: relative; }
.techtim-most-view .mv-icon-list .mbox a { margin: 0; line-height: 0; color: #666; width: 35px; height: 35px; position: relative; background-color: #fff; font-size: 18px; border-radius: 20px; display: flex; align-items: center; justify-content: center;}
.techtim-most-view .mv-icon-list .mbox a:hover{ color:#ff2e17;}
.techtim-most-view .mv-icon-list .mbox:last-child a{ background-color: #ef1b24;}
.techtim-most-view .mv-icon-list .mbox:last-child a{ color: #fff;}



/* dashboard Chart */
.das-chrt { width: 100%; display: grid; grid-template-columns: repeat(4, 1fr); padding:20px 0px; gap: 20px 20px;}
.das-chrt .reve-hder .dropdown-menu.show{ border-radius: 10px; padding: 10px;}
.das-chrt .reve-hder .dropdown-menu.show a{ padding: 5px 10px; border-radius: 50px;}
.reve-smry { display: flex; flex-wrap: wrap; background-color: #fff; transition: 0.4s; border: none; }
.reve-smry .reve-hder {width: 100%; display: flex; justify-content: space-between; margin: 0px 0px 0px;  align-items: center;}
.reve-smry .reve-hder h2 { margin-bottom: 0; font-size: 18px; font-weight: 600; color: #333;}
.reve-smry .reve-hder .rht{ display: flex; align-items: center;}
.reve-smry .reve-hder .rht .reve-dropdown{ display: flex;}
.reve-smry .reve-hder input.form-control{ width:150px; border-radius: 50px; text-align: center; font-size:13px; border: 1px solid #e6e6e6; margin: 0px 5px;}
.reve-dropdown .dropdown-toggle { padding:0; border:none;	background-color:transparent; color: #888; font-size:22px; line-height:15px; }
.reve-dropdown .dropdown-toggle::after { border: 0 !important; content: none;}
.reve-slct {display: flex; width: 100%; padding: 10px 0 0; flex-wrap: wrap;}
.reve-slct .reve-cnt { display: grid; grid-template-columns: repeat(2, 1fr); gap:5px; width:100%; margin:15px 0px;}
.reve-chrt {display: flex; height: 260px; width: 100%; position: relative; margin-top: 25px;}
.reve-chrt #revenue_summary { width: 100%; }
.reve-cnt-box {display: grid; width: 100%; background: #f3f3f3; padding: 10px; text-align: center; border-radius:5px;}
.reve-cnt-box small {font-size: 16px; color: #999; font-weight: 300; letter-spacing: 0.3px;}
.reve-cnt-box b {font-size:18px; font-weight:600; color: #333; padding:0px 0; display: flex; align-items: center; justify-content: center;}
.reve-cnt-box b span{ display: inline-block; width: 10px; height: 10px; border-radius: 50px; margin-right:8px; }
.reve-cnt-box:nth-child(1) b span{ background-color: #0074eb;}
.reve-cnt-box:nth-child(2) b span{ background-color: #67b2ff;}
.reve-cnt-box span {color: #13bb37; display: inline-block; position: relative; font-size: 14px;}
.reve-cnt-box span.reve-dwn-sle {color: #ff4b00;}

/* Products Box */
.news-slct {display: flex; flex-wrap: wrap; grid-column-start:1; grid-column-end:3; grid-row-start: 1; grid-row-end: 3; align-content: flex-start;}
.prter-slct {display: flex; flex-wrap: wrap; grid-column-start:3; grid-column-end:4; grid-row-start: 1; grid-row-end: 1; align-content: flex-start;}
.cli-slct {display: flex; flex-wrap: wrap; grid-column-start:4; grid-column-end:6; grid-row-start: 1; grid-row-end: 1; align-content: flex-start;}
.polly-slct {display: flex; flex-wrap: wrap; grid-column-start:3; grid-column-end:6; grid-row-start: 2; grid-row-end: 2; align-content: flex-start;}


.prdt-box { border-radius: 8px;  background: linear-gradient(117.76deg, rgba(255, 255, 255, 0.7) -7.21%, rgba(255, 255, 255, 0.5) 118.08%); padding:15px; text-align: center; color: #555; font-size: 16px; font-weight: 400; display: flex; flex-wrap: wrap; justify-content: center; position: relative; z-index: 0; border: 1px solid #ffffff; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02); width: 100%; height: 100%;}

.prdt-box .ord-icon #news_box { width: 100%; height: 300px;} 
.prdt-box .ord-icon .grapchrt { width: 100%; height: 60px;} 
.prdt-box .ord-icon #polly { width: 100%; height: 150px;} 
.prdt-box .ord-icon #donut1 { width: 100%; height: 180px;} 
.prdt-box .ord-icon #donut2 { width: 100%; height: 180px;} 

.prdt-box .icon { width: 100%; border-radius: 50%; position: relative; font-size:32px; margin-bottom:5px; display: flex; align-items: center; justify-content: center;}
.prdt-box span{ display:flex; justify-content:center; line-height:20px; width:100%; color:#aaa; font-weight:300; font-size:14px;}
.prdt-box small {width: 100%; font-size: 16px; text-transform: uppercase; color: #555;}
.prdt-box b {color: #2a2a2a; font-size: 18px; font-weight:600;}
.prdt-box .new-prdt-icon { color: #ed1c24;}
.prdt-box .qtry-icon { color: #06aa00;}
.prdt-box .new-ctm-icon { color: #b70fc6;}
.prdt-box .ord-icon { color: #0c88f5;}
.prdt-box .up-prdt-icon  { color: #0adba0;}
.prdt-box .tot-prdt-icon { color: #ffb402;}
.prdt-box .ord-delr { color: #dbc40d;}
.prdt-box .all-prdt { color: #702bd5;}

.prdt-slct2 {grid-column-start:1; grid-column-end:6; grid-row-start: 2; grid-row-end: 3; margin-top: 20px;}
.prdt-slct2-sub{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; width: 100%;}
.prdt-slct3 {grid-column-start:1; grid-column-end:6; grid-row-start: 3; grid-row-end: 4; margin-top: 20px;}
.prdt-slct3-sub{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; width: 100%;}
.prdt-slct4 {grid-column-start:1; grid-column-end:6; grid-row-start: 6; grid-row-end: 7; margin-top: 20px;}
.prdt-slct4-sub{display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; width: 100%;}

.prter-slct .prdt-box b {position: absolute;  top: 93px;}
.cli-slct .prdt-box b {position: absolute;  top: 93px;}

/* Services Box Slide */
.service-slct {display: flex; flex-wrap: wrap; grid-column-start:1; grid-column-end:3; grid-row-start: 3; grid-row-end: 4; align-content: flex-start; overflow: hidden;}

.ser-box{border-radius: 8px;  background: linear-gradient(117.76deg, rgba(255, 255, 255, 0.7) -7.21%, rgba(255, 255, 255, 0.5) 118.08%); padding:15px; text-align: center; color: #555; font-size: 16px; font-weight: 400; display: flex; flex-wrap: wrap; justify-content: center; position: relative; z-index: 1; border: 1px solid #ffffff; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02); width: 100%; height: 100%;}
.ser-box h2{ text-transform: uppercase; font-size: 18px; color: #444; margin: 0px 0px 15px; font-weight: 400;}
.ser-box .ser-ptrs{ background-color: rgba(7, 89, 176, 0.9); padding: 10px; min-height:210px; cursor: e-resize; display: flex; align-items: center; border-radius: 5px;}
.ser-box .ser-box-cnt{ width: 100%; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 15px;}
.ser-box .ser-box-cnt .ser-image{ display: flex; height:115px; width: 115px; align-items: center; justify-content: center;}
.ser-box .ser-box-cnt .ser-image img{ width: auto; height: auto; object-fit: contain; margin: 0 auto;}
.ser-box .ser-box-cnt .ser-tit{ width: 100%;}
.ser-box .ser-box-cnt .ser-tit h2{ text-transform:none; font-size: 18px; color: #fff; margin:2px 0px 0px; font-weight: 300;}
/*  */
.sols-slct {display: flex; flex-wrap: wrap; grid-column-start:3; grid-column-end:6; grid-row-start: 3; grid-row-end: 4; align-content: flex-start; overflow: hidden;}

.sols-box{border-radius: 8px;  background: linear-gradient(117.76deg, rgba(255, 255, 255, 0.7) -7.21%, rgba(255, 255, 255, 0.5) 118.08%); padding:15px; text-align: center; color: #555; font-size: 16px; font-weight: 400; display: flex; flex-wrap: wrap; justify-content: center; position: relative; z-index: 1; border: 1px solid #ffffff; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02); width: 100%; height: 100%;}
.sols-box h2{ text-transform: uppercase; font-size: 18px; color: #444; margin: 0px 0px 15px; font-weight: 400;}
.sols-box .sols-ptrs{ background: linear-gradient(117.76deg, rgba(255, 255, 255, 0.7) -7.21%, rgba(255, 255, 255, 0.5) 118.08%); padding: 10px; height:230px; cursor: pointer; display: block; align-items: center; border-radius: 5px; border: 1px solid #fff;}
.sols-box .sols-box-cnt{ width: 100%; text-align: center; display: flex; flex-wrap: wrap; justify-content: center; padding-bottom: 0px;}
.sols-box .sols-box-cnt .sols-image{ display: flex; width: 100%; height: 100%; align-items: center; justify-content: center;}
.sols-box .sols-box-cnt .sols-image img{ width: auto; height: auto; object-fit: cover; margin: 0 auto;}
.sols-box .sols-box-cnt .sols-tit{ width: 100%; margin-top: 15px;}
.sols-box .sols-box-cnt .sols-tit h2{ text-transform:none; font-size: 18px; color: #757575; margin:2px 0px 0px; font-weight: 300;}

/* news and event Box Slide */
.nevt-slct {display: flex; flex-wrap: wrap; grid-column-start:1; grid-column-end:6; grid-row-start: 4; grid-row-end: 5; align-content: flex-start; overflow: hidden;}

.news-event {width: 100%; display: grid; grid-template-columns: repeat(1, 1fr); padding: 20px 0px; gap: 10px;}

.nevt-box{border-radius: 8px;  background: linear-gradient(117.76deg, rgba(255, 255, 255, 0.7) -7.21%, rgba(255, 255, 255, 0.5) 118.08%); padding:15px; text-align: center; color: #555; font-size: 16px; font-weight: 400; display: flex; flex-wrap: wrap; justify-content: center; position: relative; z-index: 1; border: 1px solid #ffffff; box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.02); width: 100%; height: 100%;}
.nevt-box h2{ text-transform: uppercase; font-size: 18px; color: #444; margin: 0px 0px 15px; font-weight: 400;}
.nevt-box .nevt-ptrs{ background: linear-gradient(117.76deg, rgba(255, 255, 255, 0.7) -7.21%, rgba(255, 255, 255, 0.5) 118.08%); padding: 10px; min-height: 100px; display: flex; align-items: center; border-radius: 5px; border: 1px solid #ffffff;}
.nevt-box .nevt-box-cnt{ width: 100%; text-align: left; display: flex; justify-content: left; padding-bottom: 0px;}
.nevt-box .nevt-box-cnt .nevt-image{ display: flex; width: 125px; height: 90px; align-items: center; justify-content: center;}
.nevt-box .nevt-box-cnt .nevt-image img{ width: auto; height: auto; object-fit: cover; margin: 0 auto; border-radius: 10px;}
.nevt-box .nevt-box-cnt .nevt-tit{ width: 85%; padding-left: 20px; display: flex; align-items: center;}
.nevt-box .nevt-box-cnt .nevt-tit h2{ text-transform:none; font-size: 18px; color: #0558af; margin: 0px 0px 0px;font-weight: 500;}
.nevt-box .nevt-box-cnt .nevt-tit span {width: 80%;}
.nevt-box .nevt-box-cnt .nevt-tit span p {font-size: 14px;  width: 90%; margin-bottom: 0;}
.nevt-box .nevt-box-cnt .nevt-tit .nevt-stus {width: 20%;}
.nevt-box .nevt-box-cnt .nevt-tit .nevt-stus p {font-size: 14px; color: #555; margin:0 0 3px 0px;}
.nevt-box .nevt-box-cnt .nevt-tit .nevt-stus h5 {font-size: 16px; color: #07a84e; margin:0 0 3px 0px;}
.nevt-box .nevt-box-cnt .nevt-tit .nevt-stus small {font-size: 12px; display: block;}
/* .nevt-box .nevt-box-cnt .nevt-tit .tooltip-down a {}  */
.owl-theme .owl-nav [class*="owl-"]:hover {background: transparent; color: #555;}

/* Div Table */
.order-table{ display: table; text-align: center; width:100%; border-collapse: separate; font-family: 'Roboto', sans-serif; font-weight: 400;margin-top: 20px; }
.retorder .order-hder {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0px 0px 0px;  align-items: center;}
.retorder .order-hder h2 { margin-bottom: 0; font-size: 18px; font-weight: 600; color: #333;}
.retorder .order-hder .ord-lnk{ display: flex; align-items: center;}

.btn-ord { background-color:#59595b; border:1px solid #59595b; color:#fff; transition:0.4s; margin-right:3px; border-radius: 20px; padding:4px 20px; text-transform: uppercase; font-size: 14px; letter-spacing: 0.5px; letter-spacing: 0; margin-bottom: 0; display: flex; align-items: center; font-weight:300;}
.btn-ord ion-icon { padding-right: 3px; }
.btn-ord:hover { color:#333; background-color:transparent; }
a.btn-ord:focus { color:#f93030; background-color:transparent; }

.order-dropdown .dropdown-toggle { padding:0; border:none;	background-color:transparent; color:#727e8c; font-size: 22px; line-height: 15px; }
.order-dropdown .dropdown-toggle::after { border: 0 !important; content: none;}
.order-body{ display: table-row-group;}
.order-row { display: table-row; text-align: left; transition: all ease 0.4s;}
.order-row:hover{ background-color: #f6f9fd; transition: all ease 0.4s;}
.order-head { display: table-row; text-align: left;}
.order-hdr { display: table-cell; color:#354b64; line-height:1.3; font-weight:500; font-size:14px; border-radius:0px 0px 0px 0px; padding: 10px 10px 10px 0px; text-transform: capitalize; border: none;}
.order-data { display: table-cell; }
.order-row > .order-data > .order-cell:nth-child(odd) { display: none; color: #2e3d4f; font-weight: 500; padding:8px 10px; font-size: 13px; text-transform: uppercase;} 
.order-row > .order-data > .order-cell { color:#48525b; border-top:1px solid #e7ecf2; line-height:1.5; color:#4c5660; padding:13px 0px; border-left:0 none; border-right:0 none; font-size:15px; font-weight: 400; vertical-align: middle; text-align: left;}
.order-row > .order-data > .order-cell .tooltip-down{ margin-top: 0;}
.order-row > .order-data > .order-cell .tooltip-demo{ margin: -1px 0px;}
.order-row > .order-data > .order-cell img { width: 25px; height: 25px; border-radius: 50%; margin-right: 5px; background: #ccc;}
.order-row > .order-data > .order-cell.badge-success {color: #ff5c75; background: none;}
.order-row > .order-data > .order-cell.badge-danger {color: #f59d03; background: none;}
.order-row > .order-data > .order-cell.badge-primary {color: #13bb37; background: none;}

/* Responsive Table */
.das-table{ width: 100%; box-shadow: 0px 0px 25px 0 rgba(0, 0, 0, 0.1); margin-top: 20px;}
.das-table .dastbl-bdy{ margin:20px 0px 5px;}
.das-table .dastbl-bdy .table > tbody > tr td{ padding: 10px 10px;}
.das-table .dastbl-bdy .table > tbody > tr td a{ color: #0263db; margin: 0;}
.das-table .dastbl-bdy .table > tbody > tr td a:hover{ color: #ef2129;}

/* Order Status */
.order-sts {display: flex; flex-wrap: wrap; background-color: #fff; transition: 0.4s; border: none; width: 100%;}
.order-sts .highcharts-credits{ display: none !important;}
.order-sts .order-slct{ width: 100%; text-align: center; margin-top: 10px;}
.order-sts .order-slct .highcharts-container{ width:100% !important; margin: 0 auto;}
.order-sts .order-hder {width: 100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 0px;  align-items:center;}
.order-sts .order-hder h2 { margin-bottom: 0; font-size: 18px; font-weight: 600; color: #333;}

/* Recent Products */
.prdct-slct {display: flex; flex-wrap: wrap; width: 100%; margin-top:20px; max-height:410px; overflow: auto; scrollbar-width: thin; scrollbar-color: #eee #ffffff;}
.prdct-slct .prdct-dls-cnt {display: flex; width: 100%; padding:0px 0; }
.prdct-dls-cnt ul {padding: 0;margin: 0; list-style: none; width: 100%;}
.prdct-dls-cnt ul li a { display: flex; align-items: center; width: 100%; border-bottom: 1px solid #ececec; padding:5px 2px; border-radius: 3px; margin: 0;}
.prdct-dls-cnt ul li a:hover {background: #f3f3f3;}
.prdct-dls-cnt ul li a:hover .prdct-lnk span.lnr{ color: #f2aa00;}
.prdct-dls-cnt ul li:last-child a{border: none;}
.prdct-dls-cnt ul li a .prdct-img { border: 1px solid #e6e6e6; width: 50px; height: 50px; border-radius: 50px; overflow: hidden; background-color:#fff; display: flex; align-items: center; justify-content: center; font-size: 10px; color: #666; text-transform: uppercase; padding:2px;}
.prdct-dls-cnt ul li a .prdct-cnt { width: 82%; padding:0px 8px 0 10px; position: relative;}
.prdct-dls-cnt ul li a .prdct-img img { max-height:50px;}
.prdct-dls-cnt ul li a .prdct-cnt span{ display: flex; align-items: center; color: #333; font-weight: 300; font-size: 13px;}
.prdct-dls-cnt ul li a .prdct-cnt span b{ font-weight: 400; margin-right:4px; color:#999; text-transform:uppercase; font-size:12px;}
.prdct-dls-cnt ul li a .prdct-cnt h3 { font-size: 14px; color: #444; font-weight:600; margin:1px 0px; line-height: 1; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 190px;}
.prdct-dls-cnt ul li a .prdct-cnt p { color: #686c71; margin-bottom:0px; font-size: 13px; font-weight: 300;}
.prdct-dls-cnt ul li a .prdct-cnt p b{ font-weight:500; margin-right:2px; color: #999;}
.prdct-dls-cnt ul li a .prdct-cnt .lnr-chevron-right-circle {position: absolute; top: 0; right: 0; bottom: 0; display: flex; align-items: center; font-size: 25px; }
.prdct-dls-cnt ul li a .prdct-cnt .rating ion-icon { color: #ffce00; font-size: 14px; }
.prdct-dls-cnt ul li a .prdct-lnk span.lnr{ font-size:18px; color: #ff494f;}

/* My Organization */
.my-organization{ width: 100%; padding:5px;}
.org-top{ width:100%; display:flex; justify-content:space-between;  padding: 35px 40px 35px; background: #ff2e17; border-radius:25px 25px 0px 0px; align-items: center; background: #d1e8ff;}
.org-top .org-logo{ width: 12%;}
.org-top .org-logo span{ display: flex; align-items: center; padding: 25px; justify-content: center; background: #fff; border-radius: 50%;
width: 150px; height: 150px;}
.org-top .org-logo span img{ max-height: 80px;}
.org-top .org-tit{ width: 87%; text-align:center;}
.org-top .org-tit h2{ color: #333; font-weight: 200; font-size: 40px; margin:0px 0px 10px; text-align: left;}
.org-top .org-tit small{ display: flex; justify-content: left;}
.org-top .org-tit small a{ background-color: #ff2e17; font-size: 16px; color: #fff; padding:5px 22px; border-radius: 50px; margin: 0; display: flex; align-items: center; border: 1px solid #ff2e17;}
.org-top .org-tit small a ion-icon{ margin-right:4px; font-size: 16px;}
.org-top .org-tit small a:hover{ background-color: transparent; transition: all ease 0.4s; border: 1px solid #bbb; color: #ff2e17;}

.org-list{ width: 100%; position: relative; z-index: 0;}
/* .org-list:before{ width:100%; height:120px; background-color: #ededed; position: absolute; right: 0; content: ""; top:0px; border-radius: 0px 0px 25px 25px; z-index: -1;} */
.org-det{ width: 100%; margin: 0 auto; padding: 40px 0px; }
.org-det ul{ margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap:20px 15px;}
.org-det ul li{ list-style: none; width: 100%; display: flex; background: #f4f4f4; padding: 10px 0; border-radius: 10px; align-items: center; flex-wrap: wrap;}
.org-det ul li b{ text-transform:uppercase; color:#666; font-weight:700; font-size:14px; width: 100%; text-align:center; padding-right:0px; position: relative; margin-bottom: 5px; display: flex; align-items:flex-start; justify-content: center;}
.org-det ul li b:before{ width: 95%; height: 1px; background-color: rgba(136, 136, 136, 0.15); position: absolute; right: 0; content: ""; top: 27px;
left: 0; margin: 0 auto;}
.org-det ul li span{ width: 100%; font-weight: 400; color: #333; font-size: 15px; text-align: center; margin-top: 5px}

/* View Details */
.view-det{ width:100%; margin: 0 auto; background-color: #fff; padding:20px 10px 30px;}
.view-det ul{ margin: 0; padding: 0; display: grid; grid-template-columns: repeat(1,1fr); grid-gap:15px 15px;}
.view-det ul li{ list-style: none; width: 100%; display: flex; align-items: center;}
.view-det ul li b{ text-transform:uppercase; color:#333; font-weight:400; font-size:15px; width:35%; text-align:right; padding-right:15px; position: relative; margin-right: 15px; display: flex; align-items:flex-start; justify-content: flex-end;}
.view-det ul li b:before{ width: 1px; height: 12px; background-color: rgba(0, 0, 0, 0.2); position: absolute; right: 0; content: ""; top: 6px;}
.view-det ul li span{ width:65%; font-weight: 300; color: #666; font-size: 15px;}
.view-det ul li span img{ max-height:70px;}

/* View Details */
#viewModal.cust-modal .modal-dialog { max-width:850px; margin-top: 0px; animation-name: zoomIn; animation-duration: 1s; position: relative;}
.cust-modal .modal-body{ width: 100%;}
#viewModal.cust-modal .modal-dialog form{ width: 100%;}
.cust-modal .modal-body .view-det{ width:100%; margin: 0 auto; background-color: #fff; padding:0px 0px 30px;}
.cust-modal .modal-body .view-det .cus-lst{ width: 100%; border-bottom: 2px dotted #ddd; margin-bottom: 15px; padding-bottom: 15px;}
.cust-modal .modal-body .view-det .cus-lst:last-child{ border-bottom: rgb(0, 0, 0, 0.1); padding-bottom: 0; margin-bottom: 0;}
.cust-modal .modal-body .view-det .cus-lst h3.frm-title{ width: 100%; display: block; margin:0px 0px 15px; font-size:20px; font-weight: 400; color: #333; text-align: center; text-transform: uppercase; margin: 5px 0px 20px;}
.cust-modal .modal-body .view-det ul{ margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2,1fr); grid-gap:5px 10px;}
.cust-modal .modal-body .view-det ul li{ list-style: none; width: 100%; display: flex; align-items: center;}
.cust-modal .modal-body .view-det ul li b{ text-transform:uppercase; color:#333; font-weight:400; font-size:14px; width:45%; text-align:right; padding-right:15px; position:relative; margin-right:15px; display:flex; align-items:flex-start; justify-content:flex-end; letter-spacing:-0.5px;}
.cust-modal .modal-body .view-det ul li b:before{ width: 1px; height: 12px; background-color: rgba(0, 0, 0, 0.2); position: absolute; right: 0; content: ""; top: 6px;}
.cust-modal .modal-body .view-det ul li span{ width:55%; font-weight: 300; color: #666; font-size: 15px; line-height: 20px; font-size: 14px;}
.cust-modal .modal-body .view-det ul li span img{ max-height:70px;}

/* Products List */
.products-bg{ width: 100%; background:#fff; margin-bottom:70px;}
.products-main{ width: 100%; padding: 10px;}
.prd-main{ width: 100%;}
.prd-box{ width: 100%;}
.product-list{ width: 100%;}
.product-list .prdlist-box{ width: 100%; display: flex; justify-content: space-between;}

.prdlist-box .prd-rht{ width:100%;}
.prdlist-box .prd-rht .prd-list-tit{ display: flex; align-items:center; justify-content: space-between; border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 5px;}
.prd-list-tit .prd-titl{ width: 50%; display: flex; align-items: center; justify-content: flex-start;}
.prd-list-tit .prd-titl h2{ font-size: 16px; margin: 0; text-transform: uppercase; color: rgba(0,0,0,0.7);}
.prd-list-tit .prd-titl small{ font-size: 14px; margin-left:5px; text-transform: uppercase; color: rgba(0,0,0,0.4);}
.prd-list-tit .prd-titr{ width: 50%; display: flex; align-items: center; justify-content:flex-end;}

/* Product List Box */
.prdls-cnt{ width: 100%; padding: 25px 0px;}
.prdls-cnt p{ margin:2px 0px; line-height: 22px; font-size: 16px; color: #333; margin: 0px 0px 25px; font-weight: 300;}
.prdls-cnt-lst{ width:100%; display: grid; grid-template-columns: repeat(5,1fr); grid-gap:20px 20px;}
.prdls-cnt-lst .cnt-box{ width: 100%; position: relative; display:block; background-color:#fff; transition:all ease 0.4s; overflow: hidden; border-radius:15px; padding: 0px 0px; transition: all 0.5s ease 0s; border: 1px solid #ddd;}
.prdls-cnt-lst .cnt-box .pdct-top{ position: absolute; top: 0; width: 100%; z-index: 1; display: flex; justify-content: space-between; padding: 10px;}
.prdls-cnt-lst .cnt-box a{ overflow: hidden; margin: 0;}
.prdls-cnt-lst .cnt-box a .pdct-img{ position:relative; min-height:220px; overflow: hidden; display: flex; align-items: center; justify-content: center; padding: 10px; text-align: center;}
.prdls-cnt-lst .cnt-box:hover a { box-shadow:0px 10px 25px rgba(0, 0, 0, 0.08); transition:all ease 0.4s;}
.prdls-cnt-lst .cnt-box:hover a .pdct-img{ box-shadow: none; transition:all ease 0.4s;}
.prdls-cnt-lst .cnt-box a .pdct-img img{ width: 100%; max-height:180px; object-fit:contain; transform: scale(1); -webkit-transform: scale(1); -webkit-transition: all 1s ease-out; transition: all 1s ease-out;}
.prdls-cnt-lst .cnt-box a .pdct-img:hover img{ transform: scale(1.05); -webkit-transform: scale(1.05); -webkit-transition: all 1s ease-out; transition: all 1s ease-out;}

.prdls-cnt-lst .cnt-box .pdct-top .save-icon{ border: 0; display: flex; align-items: center; background-color: transparent; z-index:1; opacity: 0; transition: all ease 0.4s; width: auto; min-width:35px; justify-content: flex-end; cursor: pointer; padding: 0;}
.prdls-cnt-lst .cnt-box .pdct-top .save-icon span.lnr{ font-size: 16px;  background-color:#ddd; border-radius: 50px; color: #ed1c24; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; z-index: 1; border: 0; transition: all ease 0.4s;}
.prdls-cnt-lst .cnt-box .pdct-top .save-icon small{ background-color: #888; border: 0; color: #fff; font-size: 2px; text-transform: uppercase; font-weight: 300; padding: 7px 0px 7px 0px; border-radius: 50px 0px 0px 50px; opacity:0; margin-right: -15px; transition: ease 0.5s;}

.prdls-cnt-lst .cnt-box:hover .pdct-top .save-icon{ opacity: 1; transition: all ease 0.4s;}
.prdls-cnt-lst .cnt-box .pdct-top .save-icon:hover small{ opacity:1; transition: all ease 0.4s; padding:7px 20px 7px 15px; font-size: 11px;}

.prdls-cnt-lst .cnt-box .pdct-top .bckt-icon{ border: 0; display: flex; align-items: center; background-color: transparent; z-index:1; width: auto; min-width: 35px; cursor: pointer;}
.prdls-cnt-lst .cnt-box .pdct-top .bckt-icon span.lnr{ font-size:16px; background-color: #555; border-radius: 50px; color: #fff; width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; z-index: 1; border: 0; transition: all ease 0.4s;}
.prdls-cnt-lst .cnt-box .pdct-top .bckt-icon small{ background-color: #888; border: 0; color: #fff; font-size:2px; text-transform: uppercase; font-weight: 300; padding: 7px 0px 7px 0px; border-radius: 0px 50px 50px 0px; opacity: 0; margin-left: -15px; transition: ease 0.5s;}
.prdls-cnt-lst .cnt-box .pdct-top .bckt-icon:hover small{ opacity: 1; transition: ease 0.5s; padding: 7px 15px 7px 20px; font-size: 11px;}

.prdls-cnt-lst .cnt-box .pdct-tit{ width: 100%; padding:0px 0px 15px; padding-top: 15px; position: relative; background-color: #eee; height: 100%;}
.prdls-cnt-lst .cnt-box .pdct-tit a h2{ width: 100%; margin-bottom:4px; color: #ed1c24; font-weight:400; letter-spacing: -0.1px; font-size: 17px; transition:all ease 0.4s; text-align: center; padding: 0px 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.prdls-cnt-lst .cnt-box .pdct-tit a h3{ width: 100%; display: flex; align-items: center; justify-content: center; margin: 0; color: #888; font-weight:500; letter-spacing: -0.1px; font-size: 14px; transition:all ease 0.4s;}
.prdls-cnt-lst .cnt-box .pdct-tit a h3 b{ padding-right:3px; font-weight: 400; transition:all ease 0.4s;}

.prd-list-tit .display{ display: flex; float: left; padding: 0; margin: 0; list-style: none;}
.prd-list-tit .display a{ width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; margin: 0px 0px; border-radius: 50px;}
.prd-list-tit .display a ion-icon{ font-size:18px;}
.prd-list-tit .display .gridbtn{ margin-right: 3px; padding: 5px; background: #e6e6e6; color: #4a4a4a;}  
.prd-list-tit .display .listbtn{ margin-right: 3px; padding: 5px; background: #e6e6e6; color: #4a4a4a;}  
.prd-list-tit .display .btn.selected{ margin-right:3px; padding:5px; background: #58585a; color: #fff; outline: 0; box-shadow: none;}

/* Most View */
.most-view {display: flex; flex-wrap: wrap; padding:0px; width: 100%; background-color: #fff; border-radius: 10px; padding: 10px 15px; align-items: center; justify-content: space-between;}
.most-view .mv-icon-list { display:flex; grid-gap:10px; width:70%;}
.most-view .mv-icon-list .mbox { width: 35px; height: 35px; position: relative; background: #ededed; font-size: 18px; border-radius: 20px;
display: flex; align-items: center; justify-content: center;}
.most-view .mv-icon-list .mbox a { margin: 0; line-height: 0; color: #666;}
.prod-new a{ display: flex; background-color: #555; padding:5px 20px; border-radius: 50px; color: #fff; text-transform: uppercase; font-weight: 300; font-size: 13px; margin: 0;}
.prod-new a:hover{ background-color: #ed1f27;}

/* Products List*/
.ord-list{ margin-bottom: 20px;}
.ord-list .oc-item{ display: flex; align-items: center; padding:15px 0; border-bottom:2px dotted #d9d9d9;}
.ord-list .oc-item .oc-img{ width: 125px; display: flex; align-items: center; justify-content: center; border: 1px solid #e6e6e6; border-radius: 10px; margin-right:20px; overflow: hidden;}
.ord-list .oc-item .oc-img a{ display:flex; align-items: center; justify-content: center; width: 100%;}
.ord-list .oc-item .oc-img a img{ width:auto; height:100px; object-fit: contain;}
.ord-list .oc-item .oc-img:hover a img{ filter: sepia(50%);}
.ord-list .oc-item .oc-name{width:86%;}
.ord-list .oc-item .oc-name .ord-hd{ display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between;}
.ord-list .oc-item .oc-name .ord-hd .ord-detls{ width: 50%;}
.ord-list .oc-item .oc-name .ord-hd .ord-detls:nth-child(2){ text-align: right;}
.ord-list .oc-item .oc-name .ord-hd b{ font-weight: 500; text-transform: uppercase; font-size: 13px; margin-right: 5px;}
.ord-list .oc-item .oc-name .ord-hd small{ font-size: 13px; color: #888;}
.ord-list .oc-item .oc-name .ord-det{ width: 100%; display: flex; align-items: center; margin:2px 0px 0px; position: relative;}
.ord-list .oc-item .oc-name .ord-det .ord-lft{ padding-right:20px; margin-right:30px; border-right:1px solid #e6e6e6;}
.ord-list .oc-item .oc-name .ord-det .ord-rht{ line-height: 1.4;}
.ord-list .oc-item .oc-name .ord-det .ord-rht span{ display: block; font-size: 14px; color: #555;}
.ord-list .oc-item .oc-name .ord-det .ord-rht span b{ font-weight:500; font-size:13px; color:#333; text-transform:uppercase; margin:0px 2px;}
.ord-list .oc-item .oc-name .ord-det .ord-btn{ display: flex; align-items: center; margin-left:10px; position: absolute; right: 100px;}
.ord-list .oc-item .oc-name .ord-det .ord-btn .ord-edit{ background-color: #555; border: 1px solid #555; color: #fff; padding:5px 18px; margin-right:10px; border-radius:50px; font-size: 15px; font-weight: 300; display: flex; align-items: center; transition:all ease 0.4s;}
.ord-list .oc-item .oc-name .ord-det .ord-btn .ord-edit span.lnr{ margin-right:6px; font-size: 14px;}
.ord-list .oc-item .oc-name .ord-det .ord-btn .ord-edit:hover{ background-color: #444; border: 1px solid #444; transition:all ease 0.4s;}

.ord-list .oc-item .oc-name .ord-det .ord-btn .ord-delete{ background-color: #ed1d25; border: 1px solid #ed1d25; color: #fff; padding:5px 18px; margin-right:10px; border-radius:50px; font-size: 15px; font-weight: 300; display: flex; align-items: center; transition:all ease 0.4s;}
.ord-list .oc-item .oc-name .ord-det .ord-btn .ord-delete span.lnr{ margin-right:6px; font-size: 16px;}
.ord-list .oc-item .oc-name .ord-det .ord-btn .ord-delete span.lnr{ margin-right:6px; font-size: 14px;}
.ord-list .oc-item .oc-name .ord-det .ord-btn .ord-delete:hover{ background-color:#ce0910; border:1px solid #ce0910; transition:all ease 0.4s;}

.ord-list .oc-item .oc-name .ord-det .ord-lnk{ position: absolute; right: 0;}
.ord-list .oc-item .oc-name .ord-det .ord-lnk a{ margin: 0;}
.ord-list .oc-item .oc-name .ord-det .ord-lnk a ion-icon{ color: #0097f2; font-size: 18px;}
.ord-list .oc-item .oc-name .ord-det .ord-lnk a ion-icon:hover{ color: #ec2129;}

.ord-list .oc-item .oc-name > a{font-weight: 500; font-size: 18px; line-height: 1.1; margin-bottom: 5px;}
.ord-list .oc-item .oc-price { padding-left:0px; display: flex; align-items: center;}
.ord-list .oc-item .oc-price .crnt{ font-size: 22px; margin-right: 15px;}
.ord-list .oc-item .oc-name .ord-hd .ord-tit a{ color: #ed1c24; font-size: 16px;}
.ord-list .oc-item .oc-name .ord-hd .ord-tit a:hover{ color: #333;}

.oc-list{ background-color: #fff; border-radius:5px; border: 1px solid #e8e8e8; margin: 3px 0px; padding:0px 5px}
.oc-list a{ font-size: 13px; display: block; margin:0px; padding: 6px 12px; color: #333; border-bottom: 1px solid #e8e8e8;}
.oc-list a:last-child{ border-bottom: none;}
.oc-list a:hover{ color: #ed1c24;}

.usr-prfl{ width:35px; height:35px; margin: 0 auto; display: flex; align-items: center; justify-content: center; border-radius: 50px; overflow: hidden;}
.usr-prfl img{ width: 100%; object-fit: cover; max-height:35px !important;}

/* View Cart Page */
.view-cart{ margin:0px 0px;}
.vic-part{padding:0px 0px;}
.vic-cont{display: flex; justify-content: space-between;}
.vic-cont .viclft{width:69%; background-color: #fff; padding:0px;}
.vic-cont .viclft .vic-item{ display:flex; padding:10px 0px 25px 0px; border-bottom:2px dotted #dcdcdc; align-items:center; border-radius:5px; margin-bottom:15px;}
.vic-cont .viclft .vic-item:last-child{ margin-bottom: 0; border-bottom: 0 none; padding-bottom: 0;}
.vic-cont .viclft .vic-item .vic-img{ width:180px; height:160px; border:1px solid #eee; display: flex; align-items: center; justify-content: center; background-color: #fff; border-radius: 15px; overflow: hidden;}
.vic-cont .viclft .vic-item .vic-img a{display: block;}
.vic-cont .viclft .vic-item .vic-img a img{ height:140px; object-fit: contain;}
.vic-cont .viclft .vic-item .vic-sctn{width: 88%; padding:0px 20px; display: flex; align-items: center; flex-wrap: wrap;}
.vic-cont .viclft .vic-item .vic-name{width: 70%;}
.vic-cont .viclft .vic-item .vic-name small.cmp-name{ display:block; width:100%; color:#555; font-weight:500; font-size:13px; line-height:5px;}
.vic-cont .viclft .vic-item .vic-name > a{ font-weight: 400; font-size: 18px; line-height: 30px; color: #ed1c24;}
.vic-cont .viclft .vic-item .vic-name > a:hover{ color: #ed1c24;}
.vic-cont .viclft .vic-item .vic-name .vic-opt{ display: flex; margin-top:5px;}
.vic-cont .viclft .vic-item .vic-name .vic-opt .qty-box{ display: flex; align-items: center;}
.vic-cont .viclft .vic-item .vic-name .vic-opt .qty-box span{ color: #777; font-size: 14px; padding-right: 10px; font-weight:600;}
.vic-cont .viclft .vic-item .vic-name .vic-opt .qty{display: flex; border:1px solid #ccc; padding-right:0px !important; border-radius: 5px;}
.vic-cont .viclft .vic-item .vic-name .vic-opt .qty .vicsub{border: 0 none; background-color:transparent; color: #888; padding:0 7px; outline: none; display: flex; align-items: center; justify-content: center;}
.vic-cont .viclft .vic-item .vic-name .vic-opt .qty .vicsub:hover{color: #ed1c24;}
.vic-cont .viclft .vic-item .vic-name .vic-opt .qty .vicadd{border:0 none; background-color:transparent; color:#888; padding:0 7px; outline:none; display: flex; align-items: center; justify-content: center;}
.vic-cont .viclft .vic-item .vic-name .vic-opt .qty .vicadd:hover{color: #ed1c24;}
.vic-cont .viclft .vic-item .vic-name .vic-opt .qty button{font-size:13px;}
.vic-cont .viclft .vic-item .vic-name .vic-opt .qty .field{ border:1px solid #ccc; border-top: 0 none; border-bottom: 0 none; width:45px; min-height: 25px; text-align:center; font-weight:500; font-size:14px; font-weight: 600; color: #444;}
.vic-cont .viclft .vic-item .vic-name .vic-opt .vicsv{ border-right: 1px solid #eee; padding:0 10px;}
.vic-cont .viclft .vic-item .vic-name .vic-opt .vicsv a{font-size: 12px; text-transform: uppercase; color: #888;}
.vic-cont .viclft .vic-item .vic-name .vic-opt .vicsv a:hover{color: #ed1c24;}
.vic-cont .viclft .vic-item .vic-name .vic-opt .vicdel{  padding:0 10px;}
.vic-cont .viclft .vic-item .vic-name .vic-opt .vicdel a{font-size: 12px; text-transform: uppercase; color: #888;}
.vic-cont .viclft .vic-item .vic-name .vic-opt .vicdel a:hover{color: #ed1c24;}
.vic-cont .viclft .vic-item .vic-price { width:30%; padding:0px 5px; text-align: right;}
.vic-cont .viclft .vic-item .vic-price .crnt span{ font-size: 18px; color: #333; font-weight: 600;}
.vic-cont .viclft .vic-item .vic-price .ofr{ display: flex; align-items: center; justify-content: flex-end;}
.vic-cont .viclft .vic-item .vic-price .ofr span{text-decoration: line-through; font-size: 15px; color:#888; display:block; margin-right:10px;}
.vic-cont .viclft .vic-item .vic-price .ofr b{ font-size: 14px; color: #0fa202; font-weight: normal; text-transform: uppercase;}

.vw-crt{ width: 100%; display: flex; align-items: center; justify-content: flex-end; margin:30px 0px 15px;}
.vw-crt a.crt-btn1{ padding:5px 20px; display: block; color: #fff; font-size:15px; font-weight:300; text-align: center; border-radius:50px; margin-right: 10px; background-color: #555; border: 1px solid #555; display: flex; align-items: center; margin-bottom: 0;}
.vw-crt a.crt-btn1 ion-icon{ font-size:16px; padding-right:3px;}
.vw-crt a.crt-btn1 span.lnr{ font-size:14px; padding-right: 5px;}
.vw-crt a.crt-btn2 span.lnr{ font-size:14px; padding-right: 5px;}
.vw-crt a.crt-btn2{ padding:5px 20px; display: block; background-color: #ed1c24; color: #fff; font-size:15px; font-weight:300; text-align: center; border-radius:50px; border: 1px solid #ed1c24; display: flex; align-items: center; margin-bottom: 0;}
.vw-crt a.crt-btn2 ion-icon{ font-size:17px; padding-right:3px;}
.vw-crt a.crt-btn1:hover{ border:1px solid #555; color: #555; background-color: transparent;}
.vw-crt a.crt-btn2:hover{ border:1px solid #ed1c24; color: #ed1c24; background-color: transparent;}

.vic-cont .viclft .vic-item .vic-order{ width: 100%; display: flex; align-items: center; margin-top:15px; padding:10px 0px 0px; border-top:1px solid #e5e5e5;}
.vic-cont .viclft .vic-item .vic-order span{ display: inline-block; margin-right:15px; padding-right:15px; border-right: 1px solid #bbb;}
.vic-cont .viclft .vic-item .vic-order span:last-child{ padding-right: 0; margin-right: 0; border: 0 none;}
.vic-cont .viclft .vic-item .vic-order span:last-child{ margin-right: 0;}
.vic-cont .viclft .vic-item .vic-order span a{ display:flex; align-items: center; justify-content: center; color: rgba(0, 0, 0, 0.7); font-size: 12px; text-transform: uppercase; transition: all ease 0.4s;}
.vic-cont .viclft .vic-item .vic-order span a:hover{ color: #ed1c24;}
.vic-cont .viclft .vic-item .vic-order span a:hover i{ color: #222; transition: all ease 0.4s;}
.vic-cont .viclft .vic-item .vic-order span a i{ font-size: 12px; padding-right: 5px; transition: all ease 0.4s; color:rgba(0,0,0,0.5);}

.vic-cont .viclft .vic-item .qty-dtls{ display: flex; margin-left: 30px;}
.vic-cont .viclft .vic-item .qty-dtls .qty-dtls-bx{ margin-right:20px;}
.vic-cont .viclft .vic-item .qty-dtls .qty-dtls-bx small{ display: inline-block; color: #777; font-size: 14px; line-height: 30px;}
.vic-cont .viclft .vic-item .qty-dtls .qty-dtls-bx span{ display: inline-block; color: #333; font-size: 14px; line-height: 30px;}
.vic-cont .viclft .vic-item .qty-dtls .qty-dtls-bx:last-child{ margin-right:0px;}

.vic-cont .vicrgt{width: 29%;}
.vic-cont .vicrgt .vicrgt-bg{width: 100%; background-color: #eee; padding:15px 20px; border-radius:15px;}
.vic-cont .vicrgt .yur-ordr{ width: 100%; border-bottom: 1px solid #ddd; padding-bottom: 15px; margin-bottom: 10px;}
.vic-cont .vicrgt .yur-ordr span.lnr{ color: #04a139; padding-right: 5px; font-size: 14px;}
.vic-cont .vicrgt .yur-ordr small{ color: #04a139; font-size: 14px;}
.vic-cont .vicrgt .yur-ordr p{ display: block; font-size:15px; color: #999; margin: 0;}
.vic-cont .vicrgt .tit{position: relative; padding-bottom:0px; margin-bottom: 15px; display: flex; align-items: center;}
.vic-cont .vicrgt .tit h3{ font-size:18px; margin: 0; color:rgba(0, 0, 0, 0.9); text-transform: uppercase; line-height:30px; font-weight:600;}
.vic-cont .vicrgt .tit small{ font-size: 14px; margin-left: 10px; color:rgba(0, 0, 0, 0.7); font-weight:300;}
.vic-cont .vicrgt .pr-det{ border-bottom: 1px solid #eee; padding:20px; background-color: #fff; border-radius: 15px; margin-bottom: 15px;}
.vic-cont .vicrgt .pr-det .cnt{display: flex; justify-content: space-between; padding:5px 0px 5px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom:5px;}
.vic-cont .vicrgt .pr-det .cnt span{ font-size: 14px; color: rgba(0, 0, 0, 0.8); font-weight:300;}
.vic-cont .vicrgt .pr-det .cnt span i{ font-style: normal; font-weight:300; color:rgba(0, 0, 0, 0.7); font-size: 14px;}
.vic-cont .vicrgt .pr-det .cnt small{ font-size: 14px; color:#333; font-weight:400; text-transform: uppercase;}
.vic-cont .vicrgt .pr-det .cnt small b{ color:#333; font-weight:600;}
.vic-cont .vicrgt .pr-det .cnt small.pr-det-clr{ color: #bf1515;}
.vic-cont .vicrgt .pr-det .dlv{display: flex; justify-content: space-between; padding: 10px 0;}
.vic-cont .vicrgt .totl{display: flex; justify-content: space-between; padding:5px 0; border-top:1px solid rgba(0,0,0,0.1); align-items: center; margin:35px 0px 0px;}
.vic-cont .vicrgt .totl span{ font-weight:300; font-size: 14px; color: rgba(0, 0, 0, 0.9);}
.vic-cont .vicrgt .totl b{ font-weight: 600; font-size:16px; color:#333;}
.vic-cont .vicrgt .note{padding: 10px 0 0;}
.vic-cont .vicrgt .note span{display: block; font-size: 13px; color: #999; text-align: center;}
.vic-cont .vicrgt .pro-buy{ padding:15px 0 5px; display: flex; justify-content: center;}
.vic-cont .vicrgt .pro-buy .pro-btn{ padding: 6px 25px; display: flex; background-color: #ed1c24; color: #fff; font-size:14px; font-weight: 600; text-align:center; border-radius:50px; margin-bottom:0; width:70%; justify-content:center; text-transform:uppercase;letter-spacing:0.5px;}
.vic-cont .vicrgt .pro-buy .pro-btn:hover{background-color: #555;}
#sideblock{ width: 100%;}

.aply-cde{ width: 100%; background-color: #fff; border-radius: 15px; padding: 15px;}
.aply-cde h3{ margin-bottom:5px; font-size: 14px; font-weight: 300; color: #333; text-transform: uppercase;}
.aply-cde .input-group{ width: 100%; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 5px; padding: 4px;}
.aply-cde .input-group > .input-group-append > .btn{ border-radius: 3px;}
.aply-cde .input-group input.form-control{ border: 0 none; height:27px; color: #333; font-weight: 400;}
.aply-cde .input-group input.form-control:focus{ box-shadow: none;}
.aply-cde .input-group button{ background-color: #444; text-transform: uppercase; font-weight:400; color: #fff; font-size: 13px; height: 27px; border-radius: 3px; padding:2px 10px; transition:all ease 0.4s;}
.aply-cde .input-group button:hover{ background-color: #ed1c24; transition:all ease 0.4s;}

/* Form Title */
.frm-tit{ width:100%; margin:0px 0px 30px; padding:0px;}
.frm-tit h2{ font-size:18px; font-weight:500; color: #333; width:97%; margin: 0 auto; padding-bottom:15px; text-transform: uppercase; letter-spacing: 0.5px; border-bottom: 2px dotted #cecece;}

/* Billing Type */	
.crse-bg { background-color: #888; padding: 40px 0 30px; } 	
.user-view{ min-height:700px;}	
.crse-sel { background-color: rgba(255, 255, 255, 0.8); padding:5px 0px; transition: 0.4s; } 	
.crse-sel .card { border: 0 none; padding:0px 0px 15px 0px; position: relative; overflow: hidden; transition: 0.4s;} 	
.crse-sel .card:last-child{ padding-bottom: 0;}	
.crse-sel .accordion-header { border-radius: 0px !important; padding:0px; background:#fff; border:0 none; position: relative; transition: all 0.4s;}	
.crse-sel .accordion-body { padding:10px 10px !important; border:1px solid #e6e6e6; border-radius:15px; margin-top:0px; background-color:#fff; transition: 0.4s; margin-left:0px; min-height:50px;}	
.crse-sel .acrd-link { font-size:14px; font-weight:500; color:#fff; background-color:transparent; padding:10px 20px 10px 20px; border-radius:15px; transition: 0.4s; display: block; text-transform: none; border: 1px solid #e6e6e6;} 	
.crse-sel .accordion-body .table{ margin-bottom:0;}

.acc-txt{ display: flex; align-items: center; justify-content: space-between;}
.acc-txt .lft-icn{ width:40px; transition:all ease 0.4s;}
.acc-txt .lft-icn ion-icon{ font-size:26px; color: #999; transition:all ease 0.4s;}
.acc-txt .lft-txt{ width:98%; transition:all ease 0.4s;}
.acc-txt .lft-txt h2{ font-size: 16px; font-weight:500; margin: 0; color: #333; transition:all ease 0.4s;}
.acc-txt .lft-txt small{ font-size: 14px; font-weight:300; color: #888; transition:all ease 0.4s;}

.acc-form{ width: 100%; margin: 15px 0px;}
.acc-form .form-row label{ font-size:14px;}
.acc-form .course-frm{ margin-bottom: 20px;}
.acc-form .form-row .form-control.custom-select{ font-size: 14px !important;}
.acc-form .form-row .form-control.custom-select option{ padding-left: 0 !important;}
    
.crse-sel .acrd-link.collapsed { color:#fff; background-color: #fff; transition: all 0.4s ease 0s; font-weight: 500;} 
.crse-sel .acrd-link:hover { color:#fff; background-color: #999 !important; border: 1px solid #999; transition:all ease 0.4s;}  
.crse-sel .acrd-link:hover .acc-txt .lft-icn ion-icon{ color: #fff; transition:all ease 0.4s;} 	
.crse-sel .acrd-link:hover .acc-txt .lft-txt h2{ color: #fff; transition:all ease 0.4s;} 	
.crse-sel .acrd-link:hover .acc-txt .lft-txt small{ color: #fff; transition:all ease 0.4s;} 	
.crse-sel .acrd-link i { float: right; margin-top: 4px; transition:all ease 0.4s; } 	
.crse-sel .acrd-link-header{background-color: #9495b4; padding: 5px; font-size: 16px; text-transform: uppercase; color: #fff;}	
.crse-sel .acrd-link-header.active{ background-color: #9495b4; color: #fff;}	

/* Manage Addresses */
.all-addr{ margin:0 0 30px; padding-top:0px; display:grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px;}
.all-addr .addrs{ font-size:18px; color: #666; border: 1px solid #eee; padding:15px; border-radius: 6px;}
.all-addr .addrs b{display: block; font-weight: 500; font-size:18px; color: #333;}
.all-addr .addrs em{display:block; font-style:normal; border-top:1px dotted #eee; border-bottom:1px dotted #eee; margin:5px 0; font-size:14px;}
.all-addr .addrs p{margin: 0; line-height: 1.2; font-size: 14px;}
.all-addr .addrs .map{ width: 100%; border-top: 1px solid #eee; margin-top: 10px; padding-top:10px;}
.all-addr .addrs .map iframe{ width: 100%; border: 0 none; border-radius: 15px; display: block; overflow: hidden; min-height:180px;}
.all-addr .addrs .opt{ border-top: 1px solid #eee; margin-top: 10px; padding-top:10px; display: flex; justify-content:center; align-items: center;}
.all-addr .addrs .opt .adedit{margin: 0px 10px; padding: 3px 25px; font-size: 13px; text-transform: uppercase; font-weight: 500; color: #ed1c24; background-color: #ddd; border-radius: 15px;}
.all-addr .addrs .opt a:hover{color: #222; background-color: #ddd;}

/* Payment Method */
.pay-method{ width: 100%; padding: 15px;}
.pay-method h2{ display: block; font-weight: 500; font-size:18px; color: #333; margin: 0px 0px 10px;}
.pay-method .pay-box{ width: 100%;}
.pay-method .pay-box .form-check-inline label{ color: #333; font-weight:400;}
.pay-method .pay-sctn .pay-box{ background-color: #eee; border-radius: 15px; padding: 10px 20px;}
.pay-method .pay-sctn .pay-box .form-check{ margin-right: 15px;}

.chk-out{ width: 100%; display: flex; align-items: center; justify-content: flex-end; margin:30px 0px 15px; border-top: 2px dotted #d5d5d5; padding-top: 25px;}
.chk-out a.crt-btn1{ padding:5px 20px; display: block; color: #fff; font-size:15px; font-weight:300; text-align: center; border-radius:50px; margin-right: 10px; background-color: #555; border: 1px solid #555; display: flex; align-items: center; margin-bottom: 0;}
.chk-out a.crt-btn1 ion-icon{ font-size:16px; padding-right:3px;}
.chk-out a.crt-btn1 span.lnr{ font-size:14px; padding-right: 5px;}
.chk-out a.crt-btn2 span.lnr{ font-size:14px; padding-right: 5px;}
.chk-out a.crt-btn2{ padding:5px 20px; display: block; background-color: #ed1c24; color: #fff; font-size:15px; font-weight:300; text-align: center; border-radius:50px; border: 1px solid #ed1c24; display: flex; align-items: center; margin-bottom: 0;}
.chk-out a.crt-btn2 ion-icon{ font-size:17px; padding-right:3px;}
.chk-out a.crt-btn1:hover{ border:1px solid #555; color: #555; background-color: transparent;}
.chk-out a.crt-btn2:hover{ border:1px solid #ed1c24; color: #ed1c24; background-color: transparent;}

/* Checkout Table */
.chkout-tbl{ margin: 0px 0px 20px; border: 1px solid #eee; border-radius: 20px; overflow: hidden; padding: 15px;}
.chkout-tbl .table > thead > tr th{ padding:5px 15px;}
.chkout-tbl .table > tbody > tr td{ padding:5px 15px;}
.chkout-tbl .table > tbody > tr:last-child td{ border-bottom: 0 none;}
.chkout-tbl .table > tbody > tr td strong{ text-transform: uppercase; font-weight: 500; color: #333;}

/* Product details page */
.prddet-bg{ padding:0px; background-color: #fff;}
.prddet-content{ width: 100%; margin-bottom:20px; padding: 5px 15px;}
.prd-detail{ width: 100%; display: flex; padding:15px 15px 15px; margin-bottom:10px; justify-content: space-between;}

.prd-content{ width:100%;}
.prd-cnt-box .pdetail{ width: 100%; padding-top: 2px;}
.prd-cnt-box .pdetail h1{ color: #333; font-weight:500; font-size: 28px; margin:15px 0px 10px; line-height: 36px; text-transform: uppercase;}
.prd-cnt-box .pdetail p{ margin: 12px 0px 20px; font-size: 16px; font-weight: 300; color: #333; line-height: 24px; }

.prd-cnt-box .pdetail .prd-star{ border-top: 1px solid rgb(0, 0, 0, 0.1); padding-top: 15px; margin: 15px 0px 25px; display: flex; align-items: center;}
.prd-star .pstar{ border: 1px solid rgb(0, 0, 0, 0.1); padding: 2px 15px; margin-right: 10px; color: #666; font-size: 16px; display: flex; align-items: center; border-radius: 50px;}
.prd-star .pstar a{ color:#666; transition:all ease 0.4s;}
.prd-star .pstar a:hover{ color: #ed1d25; transition:all ease 0.4s;}
.prd-star .pstar:hover i{ color: #333; transition:all ease 0.4s;}
.prd-star .pstar i{ color:rgba(0, 0, 0, 0.3); font-size: 18px; padding-right: 5px; transition:all ease 0.4s;}

.pdetail .prd-price{ width: 100%; display: flex; align-items:flex-start;}
.pdetail .prd-price .rcnt-price strong{ color: #282828; font-size:40px; width: 100%; font-weight:600; display: flex; line-height:40px;}
.pdetail .prd-price .rcnt-price strong b{ font-weight: 400; color: #555; letter-spacing: -0.10px; padding-right: 5px;}
.pdetail .prd-price .rcnt-price small{ display: flex;  width:100%; font-size:14px; font-weight: 400; color: #888; line-height:28px;}

.pdetail .prd-price .org-price{ margin: 0px 15px;}
.pdetail .prd-price .org-price span{ display: flex; font-weight: 300; color:#7a7a7a; font-size:26px; text-decoration:line-through; }
.pdetail .prd-price .org-price span b{ color: #999; font-weight: 300; font-style: normal;}
.pdetail .prd-price .prd-offer span{ display: flex; font-size: 24px; color: #f59d20; line-height:35px;}
.pdetail .prd-txt{ width: 100%; margin:10px 0px 0px;}
.pdetail .prd-txt b{ font-size: 14px; font-weight: 300; color: #666;}

.prd-btns{ width: 100%; display: flex; align-items:center; margin: 25px 0px; border-top: 1px solid rgba(0,0,0,0.1); padding: 25px 0px 5px;}
.prd-btns a.btn-adcrt{ background-color: #ed1d25; border: 1px solid #ed1d25; color: #fff; padding:8px 30px; margin-right:20px; border-radius: 50px; font-size: 18px; font-weight: 600; text-transform:uppercase; display: flex; align-items: center;}
.prd-btns a.btn-adcrt span.lnr{ font-size: 22px; padding-right: 10px;}
.prd-btns a.btn-adcrt:hover{ border: 1px solid #444; color: #444; background-color: transparent;}
.prd-btns small{ color: #178421; font-size: 16px; font-weight:400; }

.prd-btns a.btn-buynow{ background-color: #029a14; border: 1px solid #029a14; color: #fff; padding:8px 30px; margin-right:20px; border-radius: 50px; font-size: 18px; font-weight: 600; text-transform:uppercase; display: flex; align-items: center;}
.prd-btns a.btn-buynow span.lnr{ font-size: 22px; padding-right: 10px;}
.prd-btns a.btn-buynow:hover{ border: 1px solid #029a14; color: #029a14; background-color: transparent;}
.prd-btns small{ color: #333; font-size: 18px; font-weight: 400;}

.prd-dls{ display:inline-block; align-items:center; background-color:#eaeaea; border-radius:50px; padding:10px 60px; margin:20px 0px 20px;}
.prd-dls span{ display: inline-block; color: #555; font-size:16px; font-weight: 300; border-right: 1px solid rgba(0, 0, 0, 0.2); padding-right: 15px; margin-right: 15px}
.prd-dls span b{ color: #444; font-weight:600; padding-left:2px;}
.prd-dls span:last-child{ border-right: 0 none; padding-right: 0; margin-right: 0;}

.prd-cnt{ display:flex; align-items:center; margin-right: 10px;}
.prd-cnt .prd-qty{ display: inline-block; margin-right: 15px;}
.prd-cnt .prd-qty h3{ margin-bottom:8px; color: #555; font-size: 16px; font-weight: 400; line-height: 14px;}
.prd-cnt .prd-qty .qty{display: flex; border:1px solid #ccc; padding-right:0px !important; border-radius: 5px;}
.prd-cnt .prd-qty .qty .vcsub{border: 0 none; background-color:transparent; color: #888; padding:0 7px; outline: none; display: flex; align-items: center; justify-content: center;}
.prd-cnt .prd-qty .qty .vcsub:hover{color: #ed1c24;}
.prd-cnt .prd-qty .qty .vcadd{border:0 none; background-color:transparent; color:#888; padding:0 7px; outline:none; display: flex; align-items: center; justify-content: center;}
.prd-cnt .prd-qty .qty .vcadd:hover{color: #ed1c24;}
.prd-cnt .prd-qty .qty button{font-size:13px;}
.prd-cnt .prd-qty .qty .field{ border:1px solid #ccc; border-top: 0 none; border-bottom: 0 none; width:45px; min-height: 25px; text-align:center; font-weight:500; font-size:14px; font-weight: 600; color: #444;}

.prd-des{ display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; position: relative; border-bottom: 1px dashed #cecece; margin-bottom: 5px; padding-bottom: 5px;}
.prd-des:last-child{ padding-bottom: 0; margin-bottom: 0; border-bottom: 0 none;}
.prd-des span.cde{ font-weight:500; color: #333; margin-right:10px;}
.prd-des p{ line-height:16px; color: #333; margin: 0; font-size: 14px;}
.prd-des small.qty{ min-width:17px; height:17px; background-color: #359af2; color: #fff; border-radius: 50px; align-items: center; justify-content: center; display: flex; font-size: 10px;}
.prd-cde{ width: 100%; display: flex; align-items: center; margin-bottom: 2px;}
#cke_description{ width: 100% !important; margin-top: 15px;}
#cke_overview{ width: 100% !important; margin-top: 15px;}
.editor1{ width: 100% !important;}

/* UserRole section */
.techtim-org { width: 100%; }
.techtim-org .techtim-role .accordion-header{ border-top: 0 none;}
.user-view { min-height:700px; }
.user-view #accordionExample { width: 100%; }
.techtim-role { padding:0px 0px; transition: 0.4s; }
.techtim-role .accordion-item { border: 0 none; padding: 0px 0px 0px 0px; position: relative; overflow: hidden; transition: 0.4s; background-color: transparent !important; margin-bottom: 5px;}
.techtim-role .accordion-item:last-child { padding-bottom: 0; }
/*.techtim-role .accordion-item:before { position: absolute; width:1px; height: 100%; top:10px; background-color: #f78f93; content: ""; left:16px; }*/
.techtim-role .accordion-header { border-radius: 0px !important; padding:0px 0px 0px; background: transparent; border-bottom:none; position: relative; transition: all 0.4s; }
.techtim-role .accordion-body { padding:10px 10px !important; border-radius:0px 0px 3px 3px; margin-top:0px; background-color:transparent; transition: 0.4s; margin-left:39px; min-height:50px; }
.techtim-role .acrd-link { font-size:14px; font-weight:500; color:#fff; background-color: #3879bf; padding:7px 14px 7px 15px; border-radius:50px !important; transition: 0.4s; display: flex; margin-bottom: 0; justify-content: space-between; align-items: center;}
.techtim-role .acrd-link.collapsed b ion-icon{ float: left; padding-right:7px; font-size: 17px; color:#737373;}

.techtim-role .acrd-link b ion-icon{ float: left; padding-right:7px; font-size: 15px; color:#fff;}
.techtim-role .acrd-link:hover b ion-icon{ color:#fff}
.techtim-role .accordion-body .table { margin-bottom:0; }
.techtim-role .accordion-body .usr-roll { width:100%; display:flex; padding:3px 0px; background-color:transparent; border-top:1px solid #fff; margin-bottom:0px ; transition: 0.4s; min-height: 40px; }
.techtim-role .accordion-body .usr-roll:first-child { border-top: 0 none; }
.techtim-role .accordion-body .usr-roll .usr-lft { width:22%; display:flex; align-items:center; margin-right:15px; }
.techtim-role .accordion-body .usr-roll .usr-lft small.grp-title { font-size: 11px; color: #777; padding: 1px 12px 1px 10px; font-weight: 400; background-color: #efefef; margin-left:5px; border-radius: 50px; letter-spacing: 0.3px;}
.techtim-role .accordion-body .usr-roll .usr-lft h2 { font-size:15px !important; font-weight:300 !important; margin:0 !important; color:#444; }
.techtim-role .accordion-body .usr-roll .usr-rht { width:78%; display:flex; flex-wrap: wrap; }
.techtim-role .accordion-body .usr-roll .usr-rht span { width:19%; padding:4px 5px 4px 10px; margin:4px 0px 4px 5px; border-radius:0px; background-color:transparent; cursor:pointer; overflow: hidden; position: relative; z-index: 0; transition: 0.8s; display: flex; justify-content: space-between; border-radius: 50px; border:1px solid #eaeaea; align-items: center; }
.techtim-role .accordion-body .usr-roll .usr-rht span:before { width: 1%; height: 100%; background-color: #f3f3f3; content: ""; left: 0; bottom: 0; position: absolute; border-radius: 3px 0px 0px 3px; visibility: hidden; transition: 0.8s; z-index:-1; }
.techtim-role .accordion-body .usr-roll .usr-rht span:hover:before { visibility: visible; background-color: #f3f3f3; width:103%; left: 0; transition: 0.8s; border-right: 3px solid #fff; border-radius: 3px; }
.techtim-role .accordion-body .usr-roll .usr-rht span:nth-child(5n+5) { margin-right:0; }
.techtim-role .accordion-body .usr-roll .usr-rht span label { display:flex; margin-bottom:0px; font-size:13px; font-weight:400; color:#666; align-items: center; cursor:pointer; align-items: center; width: 100%; }
.techtim-role .accordion-body .usr-roll .usr-rht span label input { margin-right:5px; transition: 0.4s; }
.techtim-role .acrd-link{ color:#333 !important; background-color: #dfdfdf !important; transition: all 0.4s ease 0s; font-weight: 500; margin: 5px 0px;}
.techtim-role .acrd-link.collapsed { color:#333; background-color: #757575; transition: all 0.4s ease 0s; font-weight: 500; margin: 5px 0px;}
.techtim-role .acrd-link:hover { color:#fff; background-color: #757575 !important; }
.techtim-role .acrd-link ion-icon { float: right; margin-top:2px; }
.techtim-role .acrd-link span{width: 100%; margin-top: 3px; text-transform: uppercase;} 
.techtim-role .arrow-forward-outline { display: none; }
.collapsed .arrow-down-outline { display: none; }
.collapsed .arrow-forward-outline { display: inline; }

.techtim-role .acrd-link-header { background-color: #9495b4; padding: 5px; font-size: 16px; text-transform: uppercase; color: #fff; }
.techtim-role .acrd-link-header.active { background-color: #9495b4; color: #fff; }
.role-display { width:100%; }
.role-display h2 { font-size:16px !important; margin:0px 0px 18px !important; font-weight:500; color:#686984; text-transform:uppercase; border-bottom:1px solid #dedede; padding-bottom:8px; }
.role-display h2 span { color:#a5a6bb; font-weight:400; }

.accordion-button::after{display: none;}
.accordion-button{background-color: #757575; padding: 7px 14px 7px 15px; border-radius: 50px !important; margin-bottom: 5px; display: flex; justify-content: space-between; align-items: center;}
.accordion-button ion-icon{color: #737373;}
.accordion-button span{text-align: left; width: 100%; text-transform: uppercase; font-size: 14px;}
.accordion-button b ion-icon{padding-right: 7px; font-size: 18px;}
.techtim-role .accordion-item:last-child::before{top: -5px;}
.accordion-button:focus{box-shadow: none; border: none;}
.accordion-button:not(.collapsed){background-color: #018acf !important;}
.accordion-button:not(.collapsed) b ion-icon{color: #fff;}
.accordion-button:not(.collapsed) ion-icon{color: #fff;}
.accordion-button:not(.collapsed) span{color: #fff; font-weight: 600;}
.accordion-button span{color: #333; font-weight: 500;}
.accordion-button:hover{background-color: #757575 !important; color: #fff !important;}
.accordion-button:hover span{color: #fff !important;}
.accordion-button:hover ion-icon{color: #fff !important;}
.accordion-button b{width: 2%;}
.accordion-button small{width: 98%; font-size: 16px; display: flex; align-items: center; color: #fff;}
.accordion-button small strong{margin-left: 25px; color: #fff; padding: 15px; background-color: #f00; border-radius: 50%; font-size: 14px; width: 20px; height: 20px; display: flex; align-items: center; justify-content: center;}
.techtim-role .acrd-link.collapsed small strong{color: #fff!important;}
.techtim-role .acrd-link.collapsed small{color: #333;}

/* User Role Toggle */
.usr-rht .switch input { display:none; }
.usr-rht .switch { display:inline-block; width:50px !important; height:19px; position:relative; }
.usr-rht .slider { position:absolute; top:0; bottom:0; left:0; right:0; border-radius:30px; cursor:pointer; border:1px solid #cecece; overflow:hidden; transition:.4s; }
.usr-rht .slider:before { position: absolute; content: ""; width: 15px; height: 15px; background: #ddd; border-radius: 30px; transform: translateX(2px); transition: .4s; top: 1px }
.usr-rht input:checked + .slider:before { transform:translateX(14px); background:#0c9b12; border:1px solid #0c9b12; width:15px; height:15px;}
.usr-rht input:checked + .slider:after { content: '\f00c'; opacity: 0.9; font-family: "Font Awesome\ 5 Free"; color: #fff; display: flex; transform: translateX(16px); font-size:9px; font-weight: 300; padding: 1px; }
.usr-rht input:checked + .slider { background:#fff; border: 1px solid #0c9b12; }
.usr-rht .switch.flat .slider { box-shadow:none; }
.usr-rht .switch.flat .slider:before { background:#FFF; }
.usr-rht .switch.flat input:checked + .slider:before { background:white; }
.usr-rht .switch.flat input:checked + .slider { background:limeGreen; }

/* Product Specification */
.prd-specfy{ width:100%; margin: 0 auto; margin-bottom: 30px;}
.prd-specfy .titl{ width: 100%;}
.prd-specfy .titl h2{ font-size:20px; font-weight:400; margin: 15px 0px 25px; color: #222; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom:20px; text-transform: uppercase;}

.prd-spcy{ width: 100%;}
.prd-spcy .spcy-box{ width: 100%; margin: 25px 0px;}
.prd-spcy .spcy-box ul{ margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2,1fr); grid-gap:20px 15px;}
.prd-spcy .spcy-box ul li{ list-style: none; width: 100%; display: flex;}
.prd-spcy .spcy-box ul li b{ text-transform:uppercase; color:#333; font-weight:400; font-size:15px; width:30%; text-align:right; padding-right:15px; position: relative; margin-right: 15px; display: flex; align-items:flex-start; justify-content: flex-end;}
.prd-spcy .spcy-box ul li b:before{ width: 1px; height: 12px; background-color: rgba(0, 0, 0, 0.2); position: absolute; right: 0; content: ""; top: 6px;}
.prd-spcy .spcy-box ul li span{ width:80%; font-weight: 300; color: #666; font-size: 15px;}

/* Tax Invoice */
.tax-invoice{ width: 100%; padding: 10px;}
.tax-invoice .invoice-lnk{ border-bottom: 0 none !important;}
.invoice-sctn{ width: 100%; border: 1px solid #e5e5e5; padding:0px; border-radius: 20px;}
.invoice-lnk{ width: 100%; display:flex; justify-content: flex-end; margin: 0px 0px 10px; padding-bottom: 20px; border-bottom: 1px solid #ededed;}
.invoice-lnk .invc-btn{ width:auto; display: flex; align-items: center; background-color: #ededed; border-radius: 50px;}
.invoice-lnk .invc-btn .invc-lft{ border-right:1px solid #fff; padding:11px 16px 11px 25px;}
.invoice-lnk .invc-btn .invc-lft a{ color: #333; font-size: 16px; font-weight: 300; text-transform: uppercase; display: flex; align-items: center; margin: 0;}
.invoice-lnk .invc-btn .invc-lft a i.lnr{ padding-right:7px; font-size: 14px;}
.invoice-lnk .invc-btn .invc-lft a:hover{ color: #ed1c24;}
.invoice-lnk .invc-btn .invc-rht{ padding:5px 8px 5px 18px; display: flex; align-items: center;}
.invoice-lnk .invc-btn .invc-rht a{ width: 35px; height: 35px; display: flex; align-items: center; justify-content: center; color:#666; background-color: #fff; border-radius: 50px; margin-right:5px; transition:all ease-in 0.4s;}
.invoice-lnk .invc-btn .invc-rht a:last-child{ margin-right: 0;}
.invoice-lnk .invc-btn .invc-rht a:hover{ color: #ed1c24; transition:all ease-in 0.4s;}

.invoice-sctn{ width: 100%;}
.invoice-sctn .invoice-tit{ font-size: 30px; color: #333; font-weight: 600; text-transform: uppercase; margin:0px 0px 10px;}
.invoice-sctn .invc-head{ width: 100%;}
.invoice-sctn .invc-head tr td strong{ font-weight:600; color: #333; font-size: 16px; text-transform: uppercase; margin: 0px 0px 5px; display: inline-block;}
.invoice-sctn .invc-head tr td b{ font-weight:600; color:#333; font-size:14px; text-transform:uppercase; margin:0px; display:inline-block;}
.invoice-sctn .invc-head tr td{ font-weight: 400; color: #444; line-height:22px;}
.invoice-sctn .invc-head tr td a { font-weight: 400; color: #333; margin: 0px;}
.invoice-sctn .invc-head tr td a:hover{ color: #ed1c24;}
.invoice-sctn .tbl-header{ width: 100%; border-bottom: 1px solid #e5e5e5; padding: 30px 30px !important;}
.invoice-sctn .tbl-header tr td{ vertical-align: middle;}
.invoice-sctn .table-responsive{ padding:0px 30px;}

.invc-bill{ width: 100%; padding: 30px 30px 20px !important; border-bottom: 1px solid #e5e5e5;}
.invc-bill .tax-header{ text-align: center; font-size:24px; color: #58585a; font-weight: 600; text-transform: uppercase; position: relative; z-index: 0; margin:10px 0px 30px;}
.invc-bill .tax-header:before{ position: absolute; width:70%; left: 0; right: 0; margin: 0 auto; background-color: #dedede; height: 1px; top: 15px; content:""; z-index: -1;}
.invc-bill .tax-header:after{ position: absolute; width:14%; left: 0; right: 0; margin: 0 auto; background-color: #fff; height:100%; top: 0px; content:""; z-index: -1;}
.invc-bill table tr td{ font-weight: 400; color: #333; line-height:22px;}
.invc-bill table tr td strong{ font-weight:600; color:#333; font-size:14px; text-transform:uppercase; margin:0px; display:inline-block;}

.invoice-sctn .invc-dtls{ padding: 30px 30px 30px !important;}
.invoice-sctn .invc-disclmr{ padding:10px 30px 30px !important;}
.invoice-sctn .invc-disclmr table{ width: 100%;}
.invoice-sctn .invc-disclmr table tr td{ font-weight: 400; color: #444; line-height:22px;}
.invoice-sctn .invc-disclmr table tr td strong{ font-weight:600; color:#333; font-size:14px; text-transform:uppercase; margin:0px; display:inline-block;}
.invoice-sctn .invc-disclmr .disc{ width: 100%;}
.invoice-sctn .invc-disclmr .disc tr td{ font-weight: 400; color: #444; line-height: 18px; margin-bottom:8px; display: inline-block;}

.no-record{ width: 100%; display: flex; align-items: center; justify-content: center; padding: 20px 0px;}
.no-record ion-icon{ font-size:40px; margin-right: 6px; color: #333;}
.no-record p{ text-transform: uppercase; font-size: 20px; font-weight:300; color: #444; margin: 0;}

/* Tax Invoice Responsive */
.inv-main{ width: 100%;}  
.inv-main .inv-head{ width: 100%; display: flex; align-items: center; padding:40px 30px; border-bottom: 1px solid #e5e5e5;}
.inv-main .inv-head .inv-lft{ width: 25%;}
.inv-main .inv-head .inv-lft span{ display: flex;}
.inv-main .inv-head .inv-lft span img{ max-height:140px;}
.inv-main .inv-head .inv-rht{ width:75%; text-align: right;}
.inv-main .inv-head .inv-rht h2{ font-size: 30px; color: #333; font-weight: 600; text-transform: uppercase; margin: 0px 0px 10px;}
.inv-main .inv-head .inv-rht h3{ font-weight: 600; color: #333; font-size: 16px; text-transform: uppercase; margin: 0px 0px 5px; display: inline-block;}
.inv-main .inv-head .inv-rht p{ font-weight: 400; color: #444; line-height: 22px; margin: 0;}
.inv-main .inv-head .inv-rht p strong{ font-weight: 600; color: #333; font-size: 14px; text-transform: uppercase; margin: 0px; display: inline-block;} 
.inv-main .inv-head .inv-rht p a{ font-weight: 400; color: #333; margin: 0px;}
.inv-main .inv-head .inv-rht p a:hover{ color: #ed1c24;}

.inv-main .inv-billng{ padding:40px 30px; border-bottom: 1px solid #e5e5e5;}
.inv-main .inv-billng h2.tax-header{ text-align: center; font-size:24px; color: #58585a; font-weight: 600; text-transform: uppercase; position: relative; z-index: 0; margin:10px 0px 40px;}
.inv-main .inv-billng h2.tax-header:before{ position: absolute; width:70%; left: 0; right: 0; margin: 0 auto; background-color: #dedede; height: 1px; top: 15px; content:""; z-index: -1;}
.inv-main .inv-billng h2.tax-header:after{ position: absolute; width:14%; left: 0; right: 0; margin: 0 auto; background-color: #fff; height:100%; top: 0px; content:""; z-index: -1;}
.inv-main .bill-box{ width: 100%; display: flex; align-items: center;}
.inv-main .bill-box .boxlft{ width: 50%;}
.inv-main .bill-box .boxlft h3{ font-weight:600; color:#333; font-size:16px; text-transform:uppercase; margin:0px 0px 10px;}
.inv-main .bill-box .boxlft p{ font-weight: 400; font-size: 15px; color: #444; line-height: 22px; margin:0px 0px 3px;}
.inv-main .bill-box .boxlft p strong{ font-weight: 600; color: #333; font-size: 14px; text-transform: uppercase; margin: 0px;}
.inv-main .bill-box .boxrht{ width: 50%;}
.inv-main .bill-box .boxrht ul{ margin: 0; padding: 0; display: grid; grid-template-columns: repeat(1,1fr); grid-gap:5px 5px;}
.inv-main .bill-box .boxrht ul li{ list-style: none; width: 100%; display: flex;}
.inv-main .bill-box .boxrht ul li b{ text-transform:uppercase; color:#333; font-weight:600; font-size:15px; width:65%; text-align:right; padding-right:20px; position: relative; margin-right: 15px; display: flex; align-items:flex-start; justify-content: flex-end;}
.inv-main .bill-box .boxrht ul li b:before{ width: 1px; height: 12px; background-color: rgba(0, 0, 0, 0.2); position: absolute; right: 0; content: ""; top: 6px;}
.inv-main .bill-box .boxrht ul li span{ width:35%; font-weight: 300; color: #555; font-size: 15px; text-align: right;}
.inv-main .bill-box .boxrht ul li span.green{ color: #169c04;}

.inv-disclmr{ width: 100%; padding:20px 30px 40px; display: flex; align-items: center;}
.inv-disclmr .disclmr-lft{ width: 65%;}
.inv-disclmr .disclmr-lft h2{ font-weight:600; font-size:16px; color:#333; text-transform: uppercase; line-height:18px; margin-bottom:8px;}
.inv-disclmr .disclmr-lft p{ font-weight: 400; font-size: 14px; color: #444; line-height:18px; margin:0px 0px 6px;}
.inv-disclmr .disclmr-lft h3{ font-weight:600; font-size:16px; color:#333; text-transform: uppercase; line-height:18px; margin:20px 0px;}
.inv-disclmr .disclmr-rht{ width: 35%;}
.inv-disclmr .disclmr-rht ul{ margin: 0; padding: 0; display: grid; grid-template-columns: repeat(1,1fr); grid-gap:5px 5px;}
.inv-disclmr .disclmr-rht ul li{ list-style: none; width: 100%; display: flex;}
.inv-disclmr .disclmr-rht ul li b{ text-transform:uppercase; color:#333; font-weight:600; font-size:15px; width:70%; text-align:right; padding-right:20px; position: relative; margin-right: 15px; display: flex; align-items:flex-start; justify-content: flex-end;}
.inv-disclmr .disclmr-rht ul li b:before{ width: 1px; height: 12px; background-color: rgba(0, 0, 0, 0.2); position: absolute; right: 0; content: ""; top: 6px;}
.inv-disclmr .disclmr-rht ul li span{ width:30%; font-weight:400; color: #555; font-size: 15px; text-align: right;}

/* User Profile */
.user-profile{ width: 100%; padding: 10px;}
.user-main{ width: 100%;}
.user-main .user-box{ width: 100%; display: flex; padding:30px 0px 30px 0px; position: relative; z-index: 0;}
.user-main .user-box:before{ background-color: #ededed; width:42%; border-radius: 20px; content: ""; height: 100%; left: 0; position: absolute; z-index: -1; top: 0;}
.user-main .user-box .box-lft{ background-color: #ededed; width:30%; padding: 40px 30px; text-align: center; display: flex;}
.user-main .user-box .box-lft .box-cnt{ width: 100%;}
.user-main .user-box .box-lft .box-cnt span{ display: flex; width: 130px; height: 130px; border-radius: 50%; overflow: hidden; margin: 0 auto; margin-bottom:20px; border:10px solid #fff; background-color: #fff;}
.user-main .user-box .box-lft .box-cnt span img{ margin: 0 auto;}
.user-main .user-box .box-lft .box-cnt h2{ margin: 0px 0px 5px; font-size:20px; font-weight: 500; color: #333; text-transform: uppercase; }
.user-main .user-box .box-lft .box-cnt p{ font-weight:300; color: #444; line-height: 24px; margin:5px 0px; font-size: 18px;}
.user-main .user-box .box-lft .box-cnt h3{ margin: 0px 0px 0px; font-size:16px; font-weight: 500; color: #888; text-transform: uppercase; }
.user-main .user-box .box-lft .box-cnt h3 small{ font-size: 16px; padding-left: 5px; color: #666;}

.user-main .user-box .box-rht{ background-color: #fff; border: 1px solid #ededed; width:70%; padding:35px 40px 40px; border-radius: 20px; display: flex; align-items: center; flex-wrap: wrap;}
.user-main .user-box .box-rht h2{ margin: 0px 0px 25px; font-size:30px; font-weight:200; color: #222; text-transform: uppercase; position: relative; padding-bottom:6px;}
.user-main .user-box .box-rht h2::before{ background-color: #e2e2e2; width: 50px; height: 1px; bottom: 0; left: 0; content: ""; position: absolute;}
.user-main .user-box .box-rht .box-dtls{ width: 100%; display: grid; grid-template-columns: repeat(3,1fr); grid-gap:15px 20px;}
.box-dtls .usr-lst{width: 100%;}
.box-dtls .usr-lst span{ text-align: left; color: #888; font-weight:300; text-transform: uppercase; font-size: 14px; letter-spacing: 0.2px;}
.box-dtls .usr-lst p{ font-weight:500; color: #444; line-height: 22px; margin:0px 0px; font-size: 16px;}
.box-dtls .usr-lst p a{ color: #333;}
.box-dtls .usr-lst p a:hover{ color: #f11c24;}

.usr-scl{ width: 100%; display: flex; justify-content: center; padding:15px 0px; transition: all ease-in 0.2s;}
.usr-scl a{ width: 30px; height:30px; border-radius: 50px; display: flex; align-items: center; justify-content: center; background-color: #fff; margin: 0px 3px; color: #666; transition: all ease-in 0.2s;}
.usr-scl a i{ transition:all ease 0.4s; font-size:14px;}

.usr-scl a:nth-child(1):hover i{ color: #4b69b1; transition: all ease-in 0.2s; background-color: #fff;}
.usr-scl a:nth-child(2):hover i{ color: #37b1e2; transition: all ease-in 0.2s; background-color: #fff;}
.usr-scl a:nth-child(3):hover i{ color: #e83f3a; transition: all ease-in 0.2s; background-color: #fff;}
.usr-scl a:nth-child(4):hover i{ color: #0678b6; transition: all ease-in 0.2s; background-color: #fff;}
.usr-scl a:nth-child(5):hover i{ color: #2fa73e; transition: all ease-in 0.2s; background-color: #fff;}

.user-main .user-abt{ background-color: #fff; border: 1px solid #ededed; margin:30px 0px; padding: 30px 30px; border-radius: 20px;}
.user-main .user-abt h2{ margin: 0px 0px 15px; font-size:20px; font-weight: 500; color: #333; text-transform: uppercase; position: relative; padding-bottom:6px;}
.user-main .user-abt h2::before{ background-color: #e2e2e2; width: 50px; height: 1px; bottom: 0; left: 0; content: ""; position: absolute;}
.user-main .user-abt p{ font-weight:300; color: #444; line-height: 24px; margin:0px 0px; font-size: 16px;}

.main-img{ display: flex; width: 100%; border-radius:15px; overflow: hidden; border: 1px solid #e8e8e8; padding: 5px;}
.main-img img { max-width: 140px; margin: 0 auto; object-fit: contain; border-radius:3px;}

.user-abt .box-dtls{ width: 100%; display: grid; grid-template-columns: repeat(3,1fr); grid-gap:15px 20px;}
.user-abt .box-dtls .usr-lst{width: 100%;}
.user-abt .box-dtls .usr-lst span{ text-align: left; color: #888; font-weight:300; text-transform: uppercase; font-size: 14px; letter-spacing: 0.2px;}
.user-abt .box-dtls .usr-lst p{ font-weight:500; color: #444; line-height:18px; margin:0px 0px; font-size: 16px;}
.user-abt .box-dtls .usr-lst p a{ color: #333;}
.user-abt .box-dtls .usr-lst p a:hover{ color: #f11c24;}

/* Order Form */
.order-main{ width: 100%; display: flex; justify-content: space-between;}
.order-main .order-frm{ width:52%;}
.order-main .order-frm .usr-form .form-control[readonly]{ padding:0px 15px !important; border-radius:5px; margin-top: 5px;}
.order-main .order-frm .usr-form .form-control:disabled{ padding:0px 15px !important; border-radius:5px; margin-top: 5px;}

.frm-radio{ display:flex; border-radius:3px; padding:1px 3px 1px 1px; flex-wrap: wrap;}
.frm-radio label{ padding:4px 5px 4px 5px !important; display:flex; color:#333 !important; font-size:14px; margin-right:2px; align-items:center; }
.frm-radio label:first-child{ padding-left: 0 !important;}
.frm-radio label:last-child{ border-right:0 none;}
.frm-radio label input{ margin-right:3px;}

.order-main .order-gst{ width:47%; padding-right: 8px;}
.order-gst .order-gst-box{ width: 100%; }
.order-gst-box .order-crt{ width: 100%; background-color: #f3f3f3; border-radius: 15px; padding: 0px 0px 20px;}
.order-gst-box .order-crt h2{ margin-bottom:10px; font-size:18px; display: flex; align-items: center; color: #444; font-weight:600;text-transform: uppercase; border-bottom: 1px solid #dedede; padding:16px 20px 12px;}
.order-gst-box .order-crt .order-chk{ width:100%; display:flex; align-items:center; padding:2px 20px 10px; border-bottom:1px solid #dedede;}
.order-gst-box .order-crt .order-chk label{ margin:0px 10px 0px 0px; font-size:16px; text-transform: none; font-weight: 300; display: flex; align-items: center; color: #249f02; font-weight: 600;}
.order-gst-box .order-crt .order-chk label b{ font-weight:600; margin: 0px 5px;}
.order-gst-box .order-crt .order-chk label input{ margin-right: 5px;}
.order-gst-box .order-crt .order-chk small{ font-size:13px; font-weight:300; background-color: #fff; padding:2px 15px; border-radius: 20px; color: #666; }

.order-tbl{ width: 100%; padding:10px 15px 5px; }
.order-tbl .table-responsive{ scrollbar-width: thin; scrollbar-color: #ddd #fff;}
.order-tbl .table thead th{ font-size:12px; padding: 5px 5px; line-height: 12px;}
.order-tbl .table > tbody > tr:nth-of-type(2n){ background-color: #f0f0f0 !important;}
.order-tbl .table > tbody > tr td{ padding:6px 3px; font-size: 13px; border: 1px solid #e8e8e8; border-left: 0 none; border-right: 0 none;}
.order-tbl .table > tbody > tr td:first-child{ min-width:300px;}
.order-tbl .table > tbody > tr:last-child td{ border-bottom: 0 none;}
.order-tbl .table > tbody > tr td .ord-bx{ display: flex; align-items: center;}
.order-tbl .table > tbody > tr td .ord-bx label{ margin:3px 2px 0px 0px;}
.order-tbl .table > tbody > tr td .ord-bx input.form-control{ width: 115px; padding:2px 2px; font-size: 12px;}
.order-tbl .table > tbody > tr td input{ border:0 none; border-radius: 50px; font-size: 12px; text-align: center;}
.order-tbl .table > tbody > tr td .form-control[readonly]{ font-size: 14px !important; background-color:transparent; border-radius: 0; text-align: left; padding: 0px 2px; font-size: 13px !important; font-weight: 300; color: #333;}

.order-tbl .table > tbody > tr td button.ord-dl{ background-color: #555; border: 1px solid #555; color: #fff; padding:2px; margin: 0px; border-radius: 50px; font-size:18px; font-weight: 300; display: flex; align-items: center; transition: all ease 0.4s; height:20px; width:20px;}
.order-tbl .table > tbody > tr td button.ord-dl ion-icon{ font-size:18px;}
.order-tbl .table > tbody > tr td button.ord-dl:hover{ background-color:#333; border:1px solid #333; transition:all ease 0.4s;}
/* .order-tbl .table > tbody > tr td button.ord-dl:hover{ background-color:#333; border:1px solid #333; transition:all ease 0.4s; transform: rotate(180deg);} */
.order-tbl .table > tbody > tr td button.ord-dl{  box-shadow: none;}

.order-cnt-frm{ width: 100%; padding:15px 15px 10px; background-color: rgba(0,0,0,0.05);}
.order-cnt-frm .form-row label{ font-size: 13px; color: #777; margin-bottom: 4px;}
.order-cnt-frm .course-frm{ margin:0px 0px 10px; padding: 0px 5px;}
.order-cnt-frm .course-frm .form-control{ padding:5px 10px; border-radius: 50px; height: 30px; min-height: 30px; font-size: 14px !important;}
.order-cnt-frm .course-frm .form-control[readonly]{ font-size: 14px !important; background-color: rgba(0,0,0,0.07); border-radius: 50px !important;}
.order-cnt-frm .course-frm:last-child label{ font-weight: 600; color: #333;}

.order-cnt-frm .pr-det{ border-bottom: 1px solid #eee; padding:20px; background-color: #fff; border-radius: 15px;}
.order-cnt-frm .pr-det .cnt{display: flex; justify-content: space-between; padding:5px 0px 5px; border-bottom: 1px solid rgba(0,0,0,0.1); margin-bottom:5px; align-items: center; width: 100%;}
.order-cnt-frm .pr-det .cnt span{ font-size: 14px; color: rgba(0, 0, 0, 0.8); font-weight:300; width:60%;}
.order-cnt-frm .pr-det .cnt span i{ font-style: normal; font-weight:300; color:rgba(0, 0, 0, 0.7); font-size: 14px;}
.order-cnt-frm .pr-det .cnt small{ font-size: 14px; color:#333; font-weight:400; text-transform: uppercase; width:40%; display: flex; align-items: center; justify-content: flex-end;}
.order-cnt-frm .pr-det .cnt small input{ margin-right:5px; text-align: right; border-radius: 50px; border: 1px solid #e7e7e7; height: 30px; padding: 5px 10px; color: #333;}
.order-cnt-frm .pr-det .cnt small input.form-control::placeholder{ font-weight: 300; color: #bbb;}
.order-cnt-frm .pr-det .cnt small b{ color:#333; font-weight:600;}
.order-cnt-frm .pr-det .cnt small.pr-det-clr{ color: #bf1515;}
.order-cnt-frm .pr-det .cnt small.pr-det-clr strong{ font-size: 12px; min-width: 50px; font-weight: 400;}
.order-cnt-frm .pr-det .dlv{display: flex; justify-content: space-between; padding: 10px 0;}
.order-cnt-frm .totl{display: flex; justify-content: space-between; padding:5px 0; /* border-top:1px solid rgba(0,0,0,0.1); */ align-items: center; margin:10px 0px 0px;}
.order-cnt-frm .totl span{ font-weight:600; font-size: 16px; color: rgba(0, 0, 0, 0.9); width:65%;}
.order-cnt-frm .totl b{ font-weight: 600; font-size:16px; color:#222; width:35%; display:flex; align-items:center; justify-content:flex-end;}
.order-cnt-frm .totl b input{ margin-right:5px; text-align: right; border-radius: 50px; border: 1px solid #e7e7e7; height: 30px; padding: 5px 10px; font-weight: 600; color: #222; font-size: 15px; }
.order-cnt-frm .totl b strong{ font-size: 12px; min-width: 50px; font-weight: 400; color: #bf1515;}


.order-cnt-tbl{ width: 100%; margin:10px 0px 10px; padding: 0px 15px;}
.order-cnt-tbl form{ border-bottom:1px solid #dedede;}
.order-cnt-tbl .course-frm{ padding:0px 3px; margin-bottom:10px;}
.order-cnt-tbl .course-frm label{ font-size: 14px; margin-bottom:3px; color: #444;}
.order-cnt-tbl .course-frm .form-control{ border:1px solid #e4e4e4 !important; padding: 5px 3px 5px 10px; border-radius: 50px; min-height: 32px; height: 32px; font-size: 14px !important;}
.order-cnt-tbl .form-row .course-frm:nth-child(1) .form-control {padding: 5px 25px 5px 10px;}
.order-cnt-tbl .form-row{ flex-wrap: nowrap; padding:2px 2px;}
.order-cnt-tbl .form-row .course-frm:nth-child(1){ width: 68%;}
.order-cnt-tbl .form-row .course-frm:nth-child(2){ width: 20%;}
.order-cnt-tbl .form-row .course-frm:nth-child(3){ width: 12%;}

.order-cnt-tbl button.ord-btn{ background-color: #34a94c; border: 1px solid #34a94c; color: #fff; padding:3px 10px 3px 8px; margin:10px 0px 0px; border-radius:50px; font-size:13px; font-weight:300; display: flex; align-items: center; transition:all ease 0.4s;}
.order-cnt-tbl button.ord-btn ion-icon{ margin-right:2px; font-size:17px;}
.order-cnt-tbl button.ord-btn:hover{ background-color:#322d2d; border:1px solid #322d2d; transition:all ease 0.4s;}
.order-cnt-tbl button.ord-btn:focus{ box-shadow: none;}

.order-snd-mail{ display: flex; justify-content: center; align-items: center; margin: 20px 0px 10px; padding: 0px 0px 20px;}
.order-snd-mail button.ord-btn{ background-color: #1f8d00; border: 1px solid #1f8d00; color: #fff; padding:5px 20px; margin:0px 5px; border-radius:50px; font-size:14px; font-weight:300; display: flex; align-items: center; transition:all ease 0.4s;}
.order-snd-mail button.ord-btn ion-icon{ margin-right:5px; font-size:17px;}
.order-snd-mail button.ord-btn:hover{ background-color:#176900; border:1px solid #176900; transition:all ease 0.4s;}
.order-snd-mail button.ord-btn:focus{ box-shadow: none;}

.order-snd-mail{ display: flex; justify-content: center; margin: 20px 0px 10px; padding: 0px 0px 20px;}
.order-snd-mail a.mail-btn{ background-color: #1f8d00; border: 1px solid #1f8d00; color: #fff; padding:5px 20px; margin:0px 5px; border-radius:50px; font-size:14px; font-weight:300; display: flex; align-items: center; transition:all ease 0.4s;}
.order-snd-mail a.mail-btn ion-icon{ margin-right:5px; font-size:17px;}
.order-snd-mail a.mail-btn:hover{ background-color:#176900; border:1px solid #176900; transition:all ease 0.4s;}
.order-snd-mail a.mail-btn:focus{ box-shadow: none;}

.order-snd-mail button.ord-btn-sbt{ background-color: #ff3b42; border: 1px solid #ff3b42; color: #fff; padding:5px 20px; margin:0px 5px; border-radius:50px; font-size:14px; font-weight:300; display: flex; align-items: center; transition:all ease 0.4s;}
.order-snd-mail button.ord-btn-sbt ion-icon{ margin-right:5px; font-size:17px;}
.order-snd-mail button.ord-btn-sbt:hover{ background-color:#d2181e; border:1px solid #d2181e; transition:all ease 0.4s;}
.order-snd-mail button.ord-btn-sbt:focus{ box-shadow: none;}
 
/* User Form */
.usr-form{ width: 100%; margin-bottom: 13px;}
.usr-form h2.frm-title{ width:99%; font-size:17px; margin:0px 5px 25px auto; text-transform: uppercase; color: rgba(0,0,0,0.7); background-color: #ddd; padding: 10px 22px; font-weight: 500; border-radius:50px; display: flex; align-items: center; justify-content:space-between;}
.usr-form .form-row label{ position: relative;}
.usr-form .form-row label small{ display:flex; position: absolute; top:-10px; font-size: 12px; font-weight: 300; color: #333; text-transform: none; line-height: 10px;}
.usr-form h2.frm-title span label{ margin: 0; font-size: 15px; text-transform: none; font-weight: 300; display: flex; align-items: center; color: #249f02;}
.usr-form h2.frm-title span label input{ margin-right: 5px;}
.d-flx{ display: flex; justify-content: space-between;}
.d-flx input:nth-child(1){ width:66%;}
.d-flx input:nth-child(2){ width:30%;}

/* Specification */
.specification{ padding: 0px 0px 0px 20px; background-color: #eee; border-radius:15px; border-top: 1px solid #fff;}
.prd-specify{ width: 100%;}
.prd-specify .specidy-box{ width: 100%; display: flex; justify-content:flex-start; margin-bottom:0px; padding: 10px 5px 10px;}
.prd-specify .specidy-box:last-child{ padding-bottom:15px;}
.prd-specify .specidy-box input{ width:45%; margin-right:40px; padding: 0px 15px !important; border-radius: 3px !important;}
.prd-specify .specidy-add{ width: 100%; display: flex; justify-content:space-between; align-items: center; margin:0px 0px 0px; background-color: #eee; padding:10px 15px 10px 20px; border-radius:15px;}
.prd-specify .specidy-add h2{ text-align: left; color: #666; margin: 0; font-weight: 300; text-transform: uppercase; font-size: 16px; }
.prd-specify .specidy-add button.spcy-btn{ background-color: #ed1d25; border: 1px solid #ed1d25; color: #fff; padding:4px 18px; margin:0px; border-radius:50px; font-size: 15px; font-weight: 300; display: flex; align-items: center; transition:all ease 0.4s; position: relative;}
.prd-specify .specidy-add button.spcy-btn ion-icon{ margin-right:2px; font-size:17px;}
.prd-specify .specidy-add button.spcy-btn:hover{ background-color:#322d2d; border:1px solid #322d2d; transition:all ease 0.4s;}
.prd-specify .specidy-add button.spcy-btn:focus{ box-shadow: none;}
.prd-specify .course-frm{ margin-bottom: 15px; padding: 0px 15px;}
.prd-specify .specidy-add .spc-btn button.editor-btn.active::before { position: absolute; width: 12px; height: 12px; background-color: #258de8;
bottom: -13px; left: 0; right: 0; margin: 0 auto; content: ""; clip-path: polygon(100% 0, 50% 100%, 0 0); -webkit-clip-path: polygon(100% 0, 50% 100%, 0 0); transition: all ease 0.4s;}
.prd-specify .specidy-add .spc-btn button.editor-btn.active:hover::before { background-color: #322d2d; transition: all ease 0.4s; }
.prd-specify .specidy-add .spc-btn button.spcy-btn.active::before { position: absolute;	width: 12px; height: 12px; background-color: #ed1d25;
bottom: -13px; left: 0; right: 0; margin: 0 auto; content: ""; clip-path: polygon(100% 0, 50% 100%, 0 0); -webkit-clip-path: polygon(100% 0, 50% 100%, 0 0); transition: all ease 0.4s;}
.prd-specify .specidy-add .spc-btn button.spcy-btn.active:hover::before { background-color: #322d2d; transition: all ease 0.4s; }

.videos .specidy-box input{ width: 100% !important;}

.specification-editor{ width: 100%; background-color: #f3f3f3; border-radius:15px; margin-top: 1px; padding: 20px;}

.prd-specify .specidy-add .spc-btn{ display:flex; align-items:center; justify-content: space-between}
.prd-specify .specidy-add button.editor-btn{ background-color: #258de8; border: 1px solid #258de8; color: #fff; padding:4px 18px; margin-left:10px; border-radius:50px; font-size: 15px; font-weight: 300; display: flex; align-items: center; transition:all ease 0.4s; position: relative;}
.prd-specify .specidy-add button.editor-btn ion-icon{ margin-right:2px; font-size:17px;}
.prd-specify .specidy-add button.editor-btn:hover{ background-color:#322d2d; border:1px solid #322d2d; transition:all ease 0.4s;}
.prd-specify .specidy-add button.editor-btn:focus{ box-shadow: none;}

.prd-specify .specidy-box button.spcy-dlt{ background-color: #555; border: 1px solid #555; color: #fff; padding:5px; margin:0px; border-radius:50px; font-size:15px; font-weight:300; display:flex; align-items:center; transition:all ease 0.4s; height:30px; width:30px;}
.krajee-default.file-preview-frame .kv-file-content img{ max-height:100px !important;}
.prd-specify .specidy-box button.spcy-dlt ion-icon{ font-size:20px;}
.prd-specify .specidy-box button.spcy-dlt:hover{ background-color:#333; border:1px solid #333; transition:all ease 0.4s; transform: rotate(180deg);}
.prd-specify .specidy-box button.spcy-dlt{  box-shadow: none;}
.prd-specify label.col-md-12{ margin-bottom: 10px;}

/* Meta Tag */
.meta-tag{ padding: 0px 0px 0px 20px;}
.meta-specify{ width: 100%;}
.meta-specify .course-frm{ padding: 0px 10px;}
.meta-specify .meta-box{ width: 100%; display: flex; justify-content:flex-start; margin-bottom: 18px;}
.meta-specify .meta-box input{ width:45%; margin-right:40px;}
.meta-specify .meta-add{ width: 100%; display: flex; justify-content:space-between; align-items: center; margin:10px 0px 20px; background-color: #eee; padding:10px 15px 10px 20px; border-radius:10px;}
.meta-specify .meta-add h2{ text-align: left; color: #666; margin: 0; font-weight: 300; text-transform: uppercase; font-size: 16px; }
.meta-specify .meta-add button.spcy-btn{ background-color: #ed1d25; border: 1px solid #ed1d25; color: #fff; padding:4px 18px; margin:0px; border-radius:50px; font-size: 15px; font-weight: 300; display: flex; align-items: center; transition:all ease 0.4s;}
.meta-specify .meta-add button.spcy-btn ion-icon{ margin-right:2px; font-size:17px;}
.meta-specify .meta-add button.spcy-btn:hover{ background-color:#322d2d; border:1px solid #322d2d; transition:all ease 0.4s;}
.meta-specify .meta-add button.spcy-btn:focus{ box-shadow: none;}

/* Product Images */
.Product-imgs{ width:100%; max-width:100%; margin:0 auto; margin-bottom:0px; border-radius:10px;}
.Product-imgs input{ background-color:transparent;}
.Product-imgs label{ margin-bottom: 10px;}
.Product-imgs .course-frm{ margin-bottom:5px; padding: 0px 10px;}

.product-lnk .pr-btn{ width:auto; display: flex; align-items: center; background-color: #ededed; border-radius: 50px;}
.product-lnk .pr-btn .pr-lft{ border-right:1px solid #fff; padding:11px 16px 11px 25px;}
.product-lnk .pr-btn .pr-lft a{ color: #333; font-size: 16px; font-weight: 300; text-transform: uppercase; display: flex; align-items: center; margin: 0;}
.product-lnk .pr-btn .pr-lft a i.lnr{ padding-right:7px; font-size: 14px;}
.product-lnk .pr-btn .pr-lft a:hover{ color: #ed1c24;}
.product-lnk .pr-btn .pr-rht{ padding:5px 8px 5px 18px; display: flex; align-items: center;}

.bug-nte{ width: 100%; padding: 0px 10px;}
.bug-nte strong{ text-align: left; color: #333; font-weight:600; text-transform: uppercase; font-size: 14px; margin:0px 0px 5px; display: flex; letter-spacing: 0.5px;}
.bug-nte ul{ margin:0px 0px 0px 4px; padding: 0;}
.bug-nte ul li{list-style: none; font-size: 14px; font-weight: 300; color: #333; position: relative; padding-left:15px; display: flex; align-items: center;}
.bug-nte ul li:before{ width:6px; height:6px; background-color: #fff; border-radius: 50px; position: absolute; left: 0; content: ""; background-color: #ff494f;}
.step-text{ padding: 0;}

/* File Error Message */
.file-error-message { color: #333 !important; background-color: #fff0f0 !important; margin: 10px auto !important; width: 99%; border: 1px solid #f6e7e7 !important; border-radius: 10px !important; padding: 15px !important; position: relative;}
.file-error-message ul{ margin:0px 0px 0px 4px; padding: 0;}
.file-error-message ul li{list-style: none; font-size: 14px; font-weight: 300; color: #333; position: relative; padding-left:15px; display: flex; align-items: center;}
.file-error-message ul li:before{ width:6px; height:6px; background-color: #fff; border-radius: 50px; position: absolute; left: 0; content: ""; background-color: #ff9a41;}
.file-error-message button.close{ color: rgba(2, 2, 2, 0.5) !important; background-color: #fff; width:25px; height:25px; border-radius: 50px; margin: 0px 0px 0px; position: absolute; right:-5px; top:-5px; opacity: 1; font-weight: 300; transition:all ease 0.4s; border: 1px solid #aeaeae;}
.file-error-message button.close:hover{ opacity: 1 !important; color:rgba(2, 2, 2, 0.9) !important; transition:all ease 0.4s;}

/* Footer Buttons */
.krajee-default .file-footer-buttons .btn-outline-secondary{ color: #58585a; border-color: #bbb; border-radius: 50px !important;}
.krajee-default .file-footer-buttons .btn-outline-secondary:hover{ background-color: #999; border-color: #999; color: #fff;}
.krajee-default .file-drag-handle{ margin:1px 2px; min-width: 28px; min-height: 28px; display: flex; align-items: center; justify-content: center; margin-top: 0 !important;}
.krajee-default .file-upload-indicator{ float: left; margin-top: 10px; width: 16px; height: 16px; margin: 0px 2px; margin-top: 0px; margin-top: 1px; min-width: 28px; min-height: 28px; display: flex; align-items: center; justify-content: center; margin-top: 0 !important; border: 1px solid #d4d4d4; border-radius: 50px;}
.krajee-default .file-footer-caption{ display: block; text-align: center; padding-top: 10px; font-size: 12px; color: #666; margin-bottom: 8px !important; text-transform: uppercase; border-bottom: 1px solid #d4d4d4; border-top: 1px solid #d4d4d4; padding-bottom: 5px;}
.krajee-default.file-preview-frame{ margin:4px !important; border: 1px solid rgba(0, 0, 0, 0.15) !important; box-shadow: none !important; padding:5px 5px !important; float: left; text-align: center; border-radius: 10px !important; overflow: hidden !important; width:19%;}
.krajee-default.file-preview-frame:not(.file-preview-error):hover{ border: 1px solid rgba(0, 0, 0, 0.1) !important; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1) !important;}
.krajee-default.file-preview-frame .kv-file-content{ height: 150px !important; width:auto !important; margin-bottom: 10px; display: flex; align-items: center; justify-content: center;}
.file-preview{ border: 0 none !important; padding: 0 !important;}
.file-drop-zone{ border: 1px solid #ddd !important; margin:0px 0px 20px !important; padding:5px !important; min-height: 250px !important; border-radius: 10px !important;}
.file-drop-zone .file-preview-thumbnails{ grid-template-columns:repeat(5,1fr);}
.file-drop-zone.clickable:hover{ border: 1px solid #ddd;}
.file-caption-main{ margin: 10px 0px 20px;}
.file-caption-main .btn-primary{ border-radius: 0px 50px 50px;}
.inr-frm-str .course-frm .file-caption-main .form-control{ border:1px solid #e3e3e3 !important; display: flex; align-items: center; border-radius:50px 0px 0px 50px !important; padding-left:25px !important;}
.file-caption.icon-visible .file-caption-name{ padding-left:20px !important; font-size: 15px; color: #333; font-weight: 300;}
.file-caption.icon-visible .file-caption-icon{ left: 20px;}
.file-caption-main .file-caption.form-control{ border: 1px solid #e0e0e0 !important;}
.form-control.is-invalid:focus, .was-validated .form-control:invalid:focus{ box-shadow: 0 0 0 .2rem rgba(255,255,255,0.02) !important;}
.kv-zoom-actions .btn{ border-radius: 50px !important; padding: 0 !important; min-width: 30px; min-height: 30px;}
.file-zoom-dialog .btn-navigate{ font-size: 36px !important; color: #444 !important;}
.file-zoom-content .file-preview-image{ max-height:260px !important;}
.file-zoom-content{ padding: 30px !important;}
.floating-buttons .btn-kv{ border-radius: 50px; min-height: 34px;}

/* Product Images */
.prd-imgs{ width: 100%; margin: 20px 0px 30px;}
.prd-imgs .titl{ width: 100%;}
.prd-imgs .titl h2{ font-size:20px; text-transform: uppercase; font-weight:400; margin: 15px 0px 25px; color: #333; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom:20px;}

.prd-imgs-main{ width: 100%;}
.prd-imgs-main .prd-bx{ width: 100%; display: grid; grid-template-columns: repeat(8,1fr); grid-gap: 10px;}
.prd-imgs-main .prd-bx span{ display:flex; align-items:center; justify-content:center; height:150px; border:1px solid #eee; border-radius: 15px; overflow: hidden; transition: all ease 0.4s;}
.prd-imgs-main .prd-bx span:hover{ box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.08); transition: all ease 0.4s;}
.prd-imgs-main .prd-bx span a{ display: flex; align-items: center; justify-content: center; margin: 0 ;}
.prd-imgs-main .prd-bx span a img{ margin: 0 auto; width: 100%;}

/* Product Documents */
.prd-doct{ width: 100%; margin: 20px 0px 30px;}
.prd-doct .titl{ width: 100%;}
.prd-doct .titl h2{ font-size:20px; text-transform: uppercase; font-weight:400; margin: 15px 0px 25px; color: #333; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom:20px;}

.prd-doct-main{ width: 100%;}
.prgm-lnk{ width: 100%; display: flex; align-items: center; flex-wrap: wrap;}
.prgm-lnk a{ color: #333; font-size: 16px; font-weight: 300; background-color: #e6e6e6; padding:5px 5px 5px 20px; border-radius: 50px; display: flex; align-items: center; margin:5px 5px;}
.prgm-lnk a:hover{color: #ed1d25;}
.prgm-lnk a i{ margin-left: 10px; background-color: #fff; font-size: 14px; width: 30px; height: 30px; display: flex; border-radius: 50px; text-align: center; align-items: center; justify-content: center;}
.prgm-lnk a i.fa-file-pdf{ background-color:#ed1d25; color: #fff;}
.prgm-lnk a i.fa-file-word{ background-color:#1464f7; color: #fff;}
.prgm-lnk a i.fa-file-excel{ background-color:#12a727; color: #fff;}

/* Product Video */
.prd-vdo{ width: 100%; margin: 20px 0px 40px;}
.prd-vdo .titl{ width: 100%;}
.prd-vdo .titl h2{ font-size:20px; text-transform: uppercase; font-weight:400; margin: 15px 0px 25px; color: #333; border-bottom: 1px solid #e5e5e5; padding-bottom: 10px; margin-bottom:20px;}

.prd-vdo-main{ width: 100%; margin-top:30px;}
.prd-vdo-main .prd-bx{ width: 100%; display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 10px;}
.prd-vdo-main .prd-bx span{ display:flex; align-items:center; justify-content:center; height:200px; border:1px solid #eee; border-radius: 15px; overflow: hidden; position: relative;}
.prd-vdo-main .prd-bx span a{ display: flex; align-items: center; justify-content: center; margin: 0 ;}
.prd-vdo-main .prd-bx span a img{ margin: 0 auto; width: 100%;}
.prd-vdo-main .prd-bx span small{ position: absolute; right: 0; left: 0; margin: 0 auto; width:50px; height: 50px; display: flex; justify-content: center; align-items: center; background-color: rgba(0, 0, 0, 0.6); border-radius: 50px;}
.prd-vdo-main .prd-bx span small ion-icon{ font-size:30px; color: #fff;}

.techtim-vdo-main{ width: 100%; display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 20px;}
.techtim-vdo{ width: 100%; border-radius: 20px; overflow: hidden;}
.techtim-vdo span{ display: flex; width: 100%; position: relative; height:150px; background-color: #ccc;}
.techtim-vdo span img{ width: 100%; object-fit:cover; max-height:150px; border: 1px solid #fff;}
.techtim-vdo span small{position:absolute; width:100%; height:100%; display:flex; align-items:center; justify-content:center;}
.techtim-vdo span small a i{ font-size:20px; color: rgba(255, 255, 255, 0.95); border:2px solid rgba(255, 255, 255, 0.95); border-radius: 50px; width:50px; height:50px; display: flex; align-items: center; justify-content:center; padding-left: 7px;}

/* Button Animation */
.btn-animate { position: relative; animation: 1.6s playShadow ease-out infinite; transition: 0.4s; } 
.btn-animate:after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; z-index: -1; pointer-events: none; transition: 0.35s; } 
.btn-animate:hover:after { box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.3), 0 0 0 8px rgba(255, 255, 255, 0.2); } 
@keyframes playShadow { 
 0% { box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.3), 0 0 0 0px rgba(255, 255, 255, 0.2); transform: scale(1); } 
 18% { box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.3), 0 0 0 0px rgba(255, 255, 255, 0.2); } 
 35% { transform: scale(1.08); } 
 76% { transform: scale(0.96); } 
 100% { box-shadow: 0 0 0 16px rgba(255, 255, 255, 0), 0 0 0 27px rgba(255, 255, 255, 0); transform: scale(1); } 
 }

/* Product Links */
.prds-lnk{ width: 100%; display:flex; justify-content: flex-end; margin: 0px 0px 10px; padding-bottom: 20px; border-bottom: 1px solid #ededed;}
.prds-lnk .prds-btn{ width:auto; display: flex; align-items: center; background-color: #ededed; border-radius: 50px;}
.prds-lnk .prds-btn .prds-lft{ border-right:1px solid #fff; padding:11px 16px 11px 25px;}
.prds-lnk .prds-btn .prds-lft a{ color: #333; font-size: 16px; font-weight: 300; text-transform: uppercase; display: flex; align-items: center; margin:2px 0px 0px 0px; letter-spacing: 0.2px;}
.prds-lnk .prds-btn .prds-lft a i.lnr{ padding-right:7px; font-size: 14px; color: #666;}
.prds-lnk .prds-btn .prds-lft a:hover{ color: #ed1c24;}
.prds-lnk .prds-btn .prds-lft a:hover i{ color: #444;}

/* Product Status Toggle */
.prds-lnk .prds-btn .prds-rht{ padding:5px 20px 5px 20px; display: flex; align-items: center;}
.prds-rht span{ display: flex; align-items: center;}
.prds-rht span label{ margin-bottom: 0;}
.prds-rht .switch input { display:none; }
.prds-rht .switch { display:inline-block; width:50px !important; height:25px; position:relative; }
.prds-rht .slider { position:absolute; top:0; bottom:0; left:0; right:0; border-radius:30px; cursor:pointer; border:1px solid #888; overflow:hidden; transition:.4s; }
.prds-rht .slider:before { position: absolute; content: ""; width:19px; height:19px; background: #6d6d6f; border-radius: 30px; transform: translateX(3px); transition: .4s; top:2px;  content: '\f00d'; font-family: 'FontAwesome'; color: #fff; display: flex; align-items: center; justify-content: center; font-size: 12px;}
.prds-rht input:checked + .slider:before { transform: translateX(26px); background: #0c9b12; border: 1px solid #0c9b12; width:19px; height: 19px;  content: ''; font-family: 'FontAwesome'; color: #fff;  }
.prds-rht input:checked + .slider:after { content: '\f00c'; opacity: 0.9; font-family: 'FontAwesome'; color: #fff; display: flex; transform: translateX(27px); font-size:12px; font-weight: 300; padding:2px; }
.prds-rht input:checked + .slider { background:transparent; border: 1px solid #0c9b12; }
.prds-rht .switch.flat .slider { box-shadow:none; }
.prds-rht .switch.flat .slider:before { background:#FFF; }
.prds-rht .switch.flat input:checked + .slider:before { background:white; }
.prds-rht .switch.flat input:checked + .slider { background:limeGreen; }
.prds-rht h3{ color: #333; font-size:14px; font-weight:500; text-transform: uppercase; display: flex; align-items: center; margin:1px 0px 0px 0px; padding-right:10px;}

/* Status Log */
.status-log{ width: 100%; margin-bottom:30px;}
.status-log .status-tit{ width: 100%;}
.status-log .status-tit h2{ font-size: 17px; margin:40px 0px 20px; text-transform: uppercase; color: rgba(0,0,0,0.7); background-color: #ddd; padding: 10px 22px; font-weight: 500; border-radius: 50px; display:flex; align-items: center;}
.status-log .status-tit h2 ion-icon{ font-size: 20px; margin-right: 10px; color:rgba(0,0,0,0.4);}
.status-log .table > tbody > tr td{ padding: 12px 12px;}
.status-log .table > tbody > tr:last-child td{ border-bottom: 0 none;}

.badge-blue{ font-size: 12px; background: #5965a6; border-radius:20px; padding: 1px 10px; color: #fff; margin-left:8px; letter-spacing: 0.5px;}

/* Brands Image */
.brand-img{ max-width:97%; margin: 10px auto; border: 1px dashed #aeaeae; border-radius: 15px; padding:8px !important;}
.brand-img span{ display:flex; align-items: center; justify-content: center; padding: 5px;}
.brand-img span img{ max-height: 100px; object-fit: contain; max-width: 100%;}

/* Product Accordion */
.prd-acc{ margin-top: 15px;}
.acc-sel { background-color: rgba(255, 255, 255, 0.8); padding:0px 5px; transition: 0.4s; } 	
.acc-sel .card { border: 0 none; padding:0px 0px 10px 0px; position: relative; overflow: hidden; transition: 0.4s;} 	
.acc-sel .card:last-child{ padding-bottom: 0;}	
.acc-sel .accordion-header { border-radius: 0px !important; padding:0px; background:#fff; border:0 none; position: relative; transition: all 0.4s;}	
.acc-sel .accordion-body { padding:20px 15px !important; border:1px solid #e6e6e6; border-radius:15px; margin-top:0px; background-color:#fff; transition: 0.4s; margin-left:0px; min-height:50px;}	
.acc-sel .acrd-link { font-size:14px; font-weight:500; color:#fff; background-color:#ddd; padding:10px 10px 10px 10px; border-radius:15px; transition: 0.4s; display: block; text-transform: none; border: 1px solid #e6e6e6;} 	
.acc-sel .accordion-body .table{ margin-bottom:0;}

.acc-sel .acrd-link.collapsed { color:#fff; background-color: #fff; transition: all 0.4s ease 0s; font-weight: 500;} 
.acc-sel .acrd-link:hover { color:#fff; background-color: #ddd !important; border: 1px solid #ddd; transition:all ease 0.4s;}  
.acc-sel .acrd-link:hover .acc-txt .lft-icn ion-icon{ color: #fff; transition:all ease 0.4s;} 	
.acc-sel .acrd-link:hover .acc-txt .lft-txt h2{ color: #fff; transition:all ease 0.4s;} 	
.acc-sel .acrd-link:hover .acc-txt .lft-txt small{ color: #fff; transition:all ease 0.4s;} 	
.acc-sel .acrd-link i { float: right; margin-top: 4px; transition:all ease 0.4s; } 	
.acc-sel .acrd-link-header{background-color: #9495b4; padding: 5px; font-size: 16px; text-transform: uppercase; color: #fff;}	
.acc-sel .acrd-link-header.active{ background-color: #9495b4; color: #fff;}	

.acc-sel .acrd-link ion-icon { float: right; margin-top:2px; color: #555; font-size: 20px;} 
.acc-sel .arrow-forward-outline { display: none; }
.collapsed .arrow-down-outline { display: none; }
.collapsed .arrow-forward-outline { display: inline; }

.acc-text{ display: flex; align-items: center; justify-content: space-between;}
.acc-text .lft-icn{ width:40px; transition:all ease 0.4s; margin-right: 10px;}
.acc-text .lft-icn ion-icon{ font-size:26px; color: #f96161; transition:all ease 0.4s; margin-top: 0;}
.acc-text .lft-icn i.lnr{ font-size:26px; color: #999; transition:all ease 0.4s; margin: 0;}
.acc-text .lft-text{ width:98%; transition:all ease 0.4s;}
.acc-text .lft-text h2{ font-size: 16px; font-weight:500; margin: 0; color: #333; transition:all ease 0.4s;}
.acc-text .lft-text small{ font-size: 14px; font-weight:300; color: #888; transition:all ease 0.4s;}

/* Toggle */	
.btn-toggle.btn-sm { padding: 0; position: relative; border: none; height: 25px; width:45px; border-radius: 1.5rem; }	
.btn-toggle.btn-sm:focus, .btn-toggle.btn-sm.focus, .btn-toggle.btn-sm:focus.active, .btn-toggle.btn-sm.focus.active { outline: none; }	
.btn-toggle.btn-sm:before, .btn-toggle.btn-sm:after { line-height: 1.3rem; width: 0.5rem; text-align: center; font-weight: 600; font-size: 0.55rem; text-transform: uppercase; letter-spacing: 2px; position: absolute; bottom: 0; transition: opacity 0.25s; }	
.btn-toggle.btn-sm:before { content: '\f06a'; left: -0.5rem; font-family: "Font Awesome\ 5 Free";  font-size: 13px;}	
.btn-toggle.btn-sm:after { content: '\f00c'; right: -0.5rem; opacity: 0.5; font-family: "Font Awesome\ 5 Free";}	
.btn-toggle.btn-sm > .handle { position: absolute; top:4px; left:4px; width: 17px; height: 17px; border-radius: 1.125rem; background: #fff; transition: left 0.25s; display: flex; align-items: center; justify-content: center;}	
.btn-toggle.btn-sm > .handle::after{ content: '\f00d'; right: -0.5rem; opacity: 0.5; font-family: "Font Awesome\ 5 Free"; font-size: 13px; color: #666;}
.btn-toggle.btn-sm.active .handle::after{ opacity: 0;}
.btn-toggle.btn-sm.active { transition: 0.25s; }	
.btn-toggle.btn-sm.active > .handle { left:24px; transition: left 0.25s; }	
.btn-toggle.btn-sm.active:before { opacity: 0.5; }	
.btn-toggle.btn-sm.active:after { opacity: 1; }	
.btn-toggle.btn-sm.btn-sm:before { line-height: -0.5rem; color: #666; letter-spacing: 0.75px; left:23px; width: 2.325rem; top: 2px;}	
.btn-toggle.btn-sm.btn-sm:after { line-height: -0.5rem; color: #008f01; letter-spacing: 0.75px; left:26px; font-size: 12px; width: 2.325rem; top:3px;}	
.btn-toggle.btn-sm.btn-sm:before { text-align: left; left: 6px; z-index: 9;}	
.btn-toggle.btn-sm.btn-sm:after { text-align: left; opacity: 0; }	
.btn-toggle.btn-sm.btn-sm.active:before { opacity: 0; }	
.btn-toggle.btn-sm.btn-sm.active:after { opacity: 1; }	
.btn-toggle.btn-sm.btn-xs:before, .btn-toggle.btn-sm.btn-xs:after { display: none; }	
.btn-toggle.btn-secondary { color: #6b7381; background: #666; }	
.btn-toggle.btn-secondary:before, .btn-toggle.btn-secondary:after { color: #6b7381;}	
.btn-toggle.btn-secondary.active { background-color: #008f01;}	
    
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show > .btn-secondary.dropdown-toggle{ background-color: #008f01; border-color: #008f01;} 	
.btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show > .btn-secondary.dropdown-toggle:focus{ box-shadow:0px 0px 0px rgba(255,255,255, 0.5);}	
.btn-secondary.focus, .btn-secondary:focus{ box-shadow:0px 0px 0px rgba(255,255,255, 0.5);}	

/* Manage  */
.ptnr{ width:100%; padding:0px;}
.ptnr select{ min-height:300px; background-color:rgba(255, 255, 255, 0.6); border:1px solid #e5e5e5; overflow:auto; scrollbar-width: thin;}
.ptnr option{ padding:5px 10px; background-color:#f8f8f8; margin-bottom:0px; border-bottom:1px solid #efefef; transition:0.4s; outline:0 none; color:#444; min-height:35px; font-weight: 400;}
.ptnr option:nth-child(2n+2){ background-color:#fcfcfc;}
.ptnr .btn-outline-secondary{ border:1px solid #ebe9f7 !important;; color:#333; font-size:20px; transition:0.4s; background-color: #ebe9f7;}
.ptnr .btn-outline-secondary:hover{ color:#fff; transition:0.4s; background-color:#ed1f27; border:1px solid #ed1f27;}
.ptnr label{ background-color:#edebf9; color: #333 !important; text-transform: uppercase; padding: 7px 15px; border-radius:50px; font-size: 16px;}
.ptnr span.info-container{ margin: 15px 0px 0px;}
.ptnr span.info{ display: flex !important; align-items: center;}
.ptnr span.info .badge{ margin-right: 5px;}
.ptnr span{ color: #666; font-weight: 300; justify-content:space-between; display: flex; margin:0px 0px 0px;}
#editable-address i{ color:#666; margin-left:5px;}
.edit-address-form textarea{ margin-bottom:5px;}
.ptnr .form-control{ margin-bottom: 25px;}
.ptnr input.form-control{ border: 1px solid #e4e4e4 !important; border-radius:50px !important; padding:5px 15px !important;}
.ptnr .btn-group.buttons{ margin-top: 15px;}
.ptnr .btn-group.buttons .btn{ border-radius: 50px !important; margin: 0px 2px 10px;}
.ptnr .btn-group.buttons .btn:focus{ box-shadow: none;}

/* Newsletter View */
.orgdet { margin:15px 0px; } 
.orgdet ul { padding:15px 20px; border: 1px solid #ddd; border-radius: 20px; margin: 0; list-style: none; display: flex; flex-wrap: wrap; width: 100%;} 
.orgdet ul li { padding:5px 0px; margin:0px; list-style: none; width: 100%; display: flex; border-bottom: 1px solid #ddd; overflow: hidden;} 
.orgdet ul li:last-child{ border-bottom: 0 none;}
.orgdet ul li b { width: 30%; text-transform: uppercase; color: #222; font-weight: 400; font-size: 15px; text-align: right; padding:5px 20px 5px 0px; position: relative; display: flex; align-items: flex-start; justify-content: flex-end; border-right: 2px dotted #ccc;} 
.orgdet ul li span { width:70%; padding:5px 0px 5px 20px; font-size: 15px; color: #555; font-weight:400; text-align: left; flex-wrap: wrap; min-height:30px; display: flex; align-items: center;}
.orgdet ul li span p{ margin: 0; width: 100%;}
.orgdet ul li span h1{ font-size: 22px; color: #333;} 
.orgdet ul li span h2{ font-size: 20px; color: #555;}
.orgdet ul li span h3{ font-size: 18px; color: #777;}
.orgdet ul li span h4{ font-size: 16px; color: #888;}   
.orgdet ul li span h5{ font-size: 14px; color: #999;}
.orgdet ul li span h6{ font-size: 12px; color: #888;}  
.orgdet ul li span img{ max-height:160px; border-radius:10px; object-fit: cover;}

.viw-mal-align{ padding: 0; width: 100%;}
.viw-algn-tbl{ width: 100%; margin: 10px 0px 0px;}
.viw-algn-tbl .viw-mal-align{ border: 1px solid #eee; padding:5px 15px 10px; border-radius: 10px;}
.viw-algn-tbl .viw-mal-align .table > tbody > tr:last-child td{ border-bottom: 0 none;}

.viw-algn-tbl .pgntion{ margin-top: 20px !important; padding: 5px 0px;}
.viw-algn-tbl .pgntion ul.pagination{ padding: 0; border: 0 none;}
.viw-algn-tbl .pgntion ul.pagination li{ border: 0 none; width: auto;}
.viw-algn-tbl .pgntion ul.pagination li span{ padding:0; text-align: center; display: flex; justify-content: center; line-height: 0; font-size: 13px; width: auto;}
.viw-algn-tbl .dataTables_info{ font-size: 13px;}

.text-cnfrm1 {color: #903db5 !important; background-color: #ebbeff; border-radius: 50px; padding: 4px 12px; font-size: 13px; font-weight: 400;
/* border: 1px solid #c98de3; */ }
.text-cnfrm1 .send-cnfalign {color: #903db5 !important;  font-size: 13px;}
.text-cnfrm1 .snd-login { display: inline-block; margin-left: 4px; border: 0; font-size: 15px;color: #903db5 !important;min-width: 10px;min-height: 10px; border-radius: 50px; padding: 2px;line-height: 0;font-weight: 900; }
.order-tbl .odr-count-align { border: 1px solid #e4e4e4 !important; padding: 5px 3px 5px 10px; border-radius: 50px; min-height: 32px; height: 32px; font-size: 14px !important;}

.vid-iframe {width: 100%;}
.vid-iframe p {color: #8a8a8a;}
.vid-iframe textarea {padding: 10px; border: 0; background: #f0d3d3; color: #333; width: 100%;}

.org-slct .frm-num .input-group-prepend {position: absolute;  content: "";  top: 3px; left: 0; }
.org-slct .frm-num .input-group-text { background: transparent !important; border:none !important; padding: 4px 0;}
.org-slct .frm-num .form-control  {padding-left: 30px !important; width: 100% !important;}

@media (max-width: 1366px) {
.cnt-rpt-rht .owl-buttons { transform: translateX(-135%); }
.inr-frm-sub{ min-height:450px;}
.login { width: 100%; }
.login-frm-tit .log-logo span img{max-height: 125px;}
.login .bg-img {max-width: 540px;}
.login .login-box .login-lft .logo-wrpr img{max-height: 120px;}
.login-form .form-group label{font-size: 13px !important;}
.login-form .form-group .form-control{min-height: 30px; font-size: 16px;}
.login .login-box .login-lft{min-height: 250px;}
.login::before{bottom: -400px;}
.login-frm-tit .log-logo span img{ max-height: 140px;}
.org-top{ padding: 25px 40px 25px;}
.org-top .org-tit{ width: 80%; margin-left: 40px;}
.org-det ul{ grid-template-columns: repeat(2, 1fr); grid-gap: 5px 15px;}
.org-det{ padding: 20px 0;}
.org-top .org-logo span {width: 175px; height: 175px;}
.org-top .org-logo {width: 20%;}
.org-top .org-tit {width: 80%; }
.order-tbl{ padding: 10px 10px 5px;}
.order-tbl .table > tbody > tr td:first-child{ min-width:145px;}

.prdls-cnt-lst{ width:100%; display: grid; grid-template-columns: repeat(4,1fr);}
.prd-titr .sort-by-blk{ width: 65%;}
.ord-list .oc-item .oc-name{width:82%;}
.prd-spcy .spcy-box ul{ grid-template-columns: repeat(1,1fr);}
.small-container{ width:66%;}
.invc-bill .tax-header::after{ width: 20%;}
.inv-main .inv-billng h2.tax-header:after{ width: 20%;}

.user-main .user-box::before{ width: 48%;}
.user-main .user-box .box-lft{ width: 35%;}
.user-main .user-box .box-rht{ width: 65%;}
.user-main .user-box .box-rht .box-dtls{ grid-template-columns: repeat(2,1fr);}
.user-main .user-box .box-lft .box-cnt h2{ font-size: 22px;}
.user-main .user-box .box-lft .box-cnt p{ font-size: 14px;}
.user-main .user-box .box-lft .box-cnt h3{ font-size: 14px;}
.user-main .user-box .box-lft .box-cnt h3 small{ font-size: 14px;}
.box-dtls .usr-lst span{ font-size: 13px;}
.prd-specify .specidy-box input{ width: 43%;}
.Product-imgs{ max-width: 100%;}
.file-drop-zone .file-preview-thumbnails{ grid-template-columns:repeat(4,1fr);}
/* .order-cnt-tbl .form-row{ flex-wrap:wrap;} */

.prd-imgs-main .prd-bx span{ height: 110px;}
.specification{ padding: 0px 15px;}
.file-error-message{ width: 99%;}
.brand-img{ max-width: 96%;}

.reve-cnt-box b {font-size:16px;}
.order-gst-box .order-crt{ padding: 0;}
.order-cnt-tbl .form-row .course-frm:nth-child(1){ width: 50%;}
.order-cnt-tbl .form-row .course-frm:nth-child(2){ width: 34%;}
.order-cnt-tbl .form-row .course-frm:nth-child(3){ width: 16%; margin-bottom: 0;}
.order-cnt-tbl .form-row {align-items: first baseline;}
.order-cnt-frm .totl span{ width: 50%;}
.order-cnt-frm .totl b{ width: 50%;}

.krajee-default.file-preview-frame{ width:19%;}
}

@media (max-width: 1200px) {
.breadcrumb-holder .main-title { font-size: 24px; }
.navbar-custom .logo-cnt{ font-size: 22px;}
.org-top .org-tit h2{ font-size: 30px;}

.vic-cont .vicrgt .tit{ flex-wrap: wrap;}
.vic-cont .vicrgt .tit h3{ width: 100%;}
.vic-cont .vicrgt .tit small{ margin-left: 0;}
.vic-cont .vicrgt .pr-det{ padding: 15px;}
.vic-cont .vicrgt .pr-det .cnt span{ font-size: 13px;}
.vic-cont .vicrgt .totl span{ font-size: 13px;}
.vic-cont .vicrgt .totl b{ font-size: 14px;}
.vic-cont .vicrgt .vicrgt-bg{ padding: 15px 15px;}

.prd-cnt-box .pdetail h1{ font-size: 26px; line-height:28px;}
.prd-btns a.btn-adcrt{ font-size: 14px; padding: 8px 20px; margin-right: 5px;}
.prd-btns a.btn-buynow{ font-size: 14px; padding: 8px 20px; margin-right:0px;}
.small-container{ width: 52%;}

.prd-titr .sort-by-blk{ width: 75%;}
.product-list .prdlist-box{ flex-wrap: wrap;}
.prdlist-box .prd-rht{ width: 100%;}

.vic-cont .viclft .vic-item .vic-name{ width: 100%;}
.vic-cont .viclft .vic-item .vic-price{ width: 100%; padding: 0; text-align: left;}
.vic-cont .viclft .vic-item .vic-price .ofr{ justify-content:flex-start;}

.techtim-role .accordion-body .usr-roll .usr-rht span{ width: 18%;}
.inv-main .inv-head .inv-rht h2{ font-size: 30px;}

.krajee-default.file-preview-frame{width: 23%;}
.techtim-vdo-main{ grid-template-columns: repeat(3,1fr);}
.prdct-dls-cnt ul li a .prdct-cnt h3{ width: 150px;}

.letst-prd {display: flex; flex-wrap: wrap; width: 100%;}
}

/* iPads (portrait and landscape) @media only screen and (min-device-width : 970px) and (max-device-width : 1024px) */
@media (max-width: 1024px) {
/* .login-cnt{ transform: translateY(135px);} */
.login .login-box .login-det{ align-items: flex-start;}
.login .login-box .login-det .login-form-main{ width: 80%; padding: 10px 0px;}
.login .login-box .login-det::after{ top: 45%;}
.login .login-box .login-det h2{ font-size: 26px;}
.login .login-box .login-det h2 small{ font-size: 26px;}
.login .login-box .login-lft::after{ width: 260px; height: 260px;}

.navbar-custom .prf-slct ul.list-inline{ padding: 8px 5px 8px 5px;}
.use-admt-algn ul li b{ font-size: 14px;}
.navbar-custom .nav-link .tlogdwn{ width: 27px; height: 27px;}
.navbar-custom .nav-link .tlogdwn ion-icon{ font-size: 17px;}
.remainder a{ width: 27px; height: 27px;}
.remainder a ion-icon{ font-size: 17px;}
.clndr{ margin: 0px 5px 0px 5px;}
.cmpny-logo{ margin: 0px 5px; padding-right: 5px;}
.xbutton{ width: 22px; height: 25px;}
.navbar-custom .logo-cnt{ font-size: 20px; letter-spacing: 0; padding-left: 15px;}
/* .navbar-custom .dropdown-menu{ margin-top: 25px;} */
.navbar-custom .dropdown-menu{ margin-top: 21px;}

.news-slct{ grid-column-start: 1; grid-column-end:3; grid-row-start: 1; grid-row-end: 2;}
.prter-slct{grid-column-start: 1; grid-column-end:3; grid-row-start: 2; grid-row-end: 3;}
.cli-slct{ grid-column-start: 3; grid-column-end:6; grid-row-start: 2; grid-row-end: 3;}
.polly-slct{ grid-column-start: 3; grid-column-end:6; grid-row-start: 1; grid-row-end: 2;}

.prdt-box .ord-icon #news_box {height: 200px;}
.prdt-box .ord-icon .grapchrt {height: 180px;}

.letst-prd-slct{ grid-template-columns: repeat(1,1fr);}
.order-sts .order-slct .highcharts-container{ max-width: 100% !important;}

.org-top .org-tit{ width: 73%;}
.org-top .org-tit h2{ font-size:28px;}
.org-top{ padding: 35px 40px 30px;}

.org-det ul li b span{ width: 60%;}
.tbl-frm-single .single-frm{ width: 100%;}

.vic-cont{ flex-wrap: wrap;}
.vic-cont .viclft{ width: 100%;}
.vic-cont .vicrgt{ width: 70%; margin: 0 auto;}
.chk-out{ justify-content: center; margin: 30px 0px 25px;}
.user-view{ min-height: auto;}

.prd-detail{ flex-wrap: wrap;}
.prd-detail .prd-block{ width:65%; margin: 0 auto;}
.prd-content{ width: 100%; margin-top: 40px; border-top: 2px dotted #bebebe; padding-top: 30px;}
.small-container{ width: 70%;}
.prd-block .prd-sctn .prd-box .large-img .show{ overflow:hidden;}
.prd-block .prd-sctn .prd-box .large-img .show div{ display: none !important;}
.prd-spcy .spcy-box ul li b{ width:40%;}
.prd-spcy .spcy-box ul li span{ width: 60%;}
.vw-crt{ justify-content: center; margin: 30px 0px 35px;}
.prdls-cnt-lst{ grid-template-columns: repeat(3,1fr);}

.techtim-role .accordion-body .usr-roll .usr-lft{ width: 35%;}
.techtim-role .accordion-body .usr-roll .usr-rht{ width: 65%;}
.techtim-role .accordion-body .usr-roll .usr-rht span{ width:31%;}

.inv-main .inv-head{ padding:30px 20px;}
.inv-main .inv-head .inv-rht h2{ font-size: 26px;}
.inv-main .inv-head .inv-rht h3{ font-size: 14px;}
.inv-main .inv-billng{ padding:30px 20px;}
.inv-main .inv-billng h2.tax-header{ font-size:23px;}
.inv-main .inv-billng h2.tax-header::after{ width: 30%;}
.inv-main .bill-box .boxlft{ width: 48%;}
.inv-main .bill-box .boxlft p{ font-size: 14px;}
.inv-main .bill-box .boxrht{ width: 52%;}
.inv-main .bill-box .boxrht ul li b{ width: 55%; font-size: 14px;}
.inv-main .bill-box .boxrht ul li span{ width:45%; font-size: 14px;}
.inv-disclmr{ padding:10px 25px 20px;}
.inv-disclmr .disclmr-lft{ width: 55%;}
.inv-disclmr .disclmr-rht{ width: 45%;}

.main-img img{ margin:2px 0px;}
.user-main .user-box{ flex-wrap: wrap;}
.user-main .user-box .box-lft{ width: 100%; padding: 15px 15px;}
.user-main .user-box .box-rht{ width: 95%; margin: 0 auto; padding: 30px 30px 30px;}
.user-main .user-box::before{ width: 100%; height: 50%;}
.user-main .user-box .box-rht h2{ font-size: 26px;}
.user-main .user-box .box-rht .box-dtls{ grid-template-columns:repeat(2,1fr);}
.user-main .user-abt{ margin: 0 auto;}
.user-main .user-abt{ padding:25px;}
.user-main .user-abt p{ font-size: 15px; text-align: justify;}
.file-drop-zone .file-preview-thumbnails{ grid-template-columns:repeat(3,1fr);}
.user-abt .box-dtls{ grid-template-columns: repeat(2,1fr);}

.prd-cnt-box .pdetail h1{ font-size: 24px;}
.prd-cnt-box .pdetail p{ text-align: justify;}
.pdetail .prd-price .rcnt-price strong{ font-size: 36px;}
.pdetail .prd-price .org-price span{ font-size: 24px;}
.prd-imgs-main .prd-bx{ grid-template-columns: repeat(5,1fr);}
.prd-vdo-main .prd-bx{ grid-template-columns:repeat(3,1fr);}
.prd-imgs .titl h2{ font-size: 18px;}

.order-main{ flex-wrap: wrap;}
.order-main .order-frm{ width: 100%;}
.order-main .order-gst{ width: 100%; padding-right: 0;}

.krajee-default.file-preview-frame{ width:31%;}
.techtim-vdo-main{ grid-template-columns: repeat(2,1fr);}
.prdct-dls-cnt ul li a .prdct-cnt h3{ width: auto;}
.login .login-box .login-det .login-form-main {width: 100%;}
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 992px) {
.body-content { min-height: 900px; }
/* .login .login-box .login-det .login-frm-lnk{ flex-wrap: wrap;}
.login-frm-tit p{ font-size: 14px;}
.login-cnt p{ font-size: 15px;} */
.login-page{ width: auto;}
.login { width: 80%; }
.login .login-box .login-det .login-frm-lnk label{ margin-bottom: 10px; width: 100%; justify-content: center;}
.login .login-box{ flex-wrap: wrap; height: 100%; overflow: initial;}
.login .login-box .login-lft{ width: 100%; min-height: 250px; transform: translateY(-70px);}
.login .login-box .login-lft .logo-wrpr{ margin-bottom: 10px;}
.login .login-box .login-lft .logo-wrpr img{ max-height: 60px;}
.login .login-box .login-det{ width: 80%; height: auto; position: relative; flex-wrap: wrap; right: 0; transform: translateY(40px);}
.login .login-box .login-det .login-frm-lnk{ margin: 10px 0px 10px; flex-wrap: wrap;}
.login .login-box .login-det .login-frm-btn{ margin-top: 15px;}
.login .login-box .login-det .login-form-main{ padding: 30px 30px 30px; width: 100%;}
.login-cnt{ padding:0px 30px 30px; width: 100%;}
.login-cnt p{ line-height: 20px;}
.login-pwdby{ display: none;}
.login-pwdby-btm{ display: flex;}
.login .login-box .login-det h2{ font-size: 22px;}
.login .login-box .login-det h2 small{ font-size: 30px;}
.login-page::before {width: 100%; height: 35%;}
.login-page::after {width: 100%; height: 65%; bottom: 0; top: auto;}

.login-frm-tit p{ margin-bottom: 20px;}
.login .login-box .login-lft::after{ opacity:0.45;}
.login-frm-tit .log-logo span img{ max-height: 100px;}

#main.enlarged .left.main-sidebar{ left: 0;}
#main.enlarged .content-page{ margin-left: 50px;}
.enlarged .footer-main{ padding-left: 50px;}
.content-page .content{ padding: 0 0px 0px 0px;}
.navbar-custom .prf-slct ul.list-inline{ padding: 5px 5px;}
.main-footer{ padding: 30px 20px;}

.org-top{ flex-wrap: wrap; padding: 30px 40px 30px;}
/* .org-top .org-logo{ width: 100%; justify-content: center;} */
.org-top .org-logo span{ justify-content: center;}
/* .org-top .org-tit{ width: 100%; margin-top: 15px;} */
.org-top .org-tit h2{ font-size: 36px;}


.ord-list .oc-item .oc-name .ord-det .ord-btn .ord-edit{ padding: 3px 14px; font-size: 14px;}
.ord-list .oc-item .oc-name .ord-det .ord-btn .ord-edit span.lnr{ font-size: 13px;}
.ord-list .oc-item .oc-name .ord-det .ord-btn .ord-delete{ padding: 3px 14px; font-size: 14px;}
.ord-list .oc-item .oc-name .ord-det .ord-btn .ord-delete span.lnr{ font-size: 13px;}
.ord-list .oc-item .oc-price .crnt{ font-size: 20px;}
.ord-list .oc-item .oc-name .ord-det .ord-lft{ padding-right: 10px; margin-right: 10px;}
.prdls-cnt-lst .cnt-box a .pdct-tit h2{ font-size: 16px;}
.prdls-cnt-lst .cnt-box a .pdct-img{ min-height: 200px;}
.prdls-cnt-lst .cnt-box a .pdct-img img{ max-height: 150px;}

#viewModal.cust-modal .modal-dialog{ max-width: 700px;}
.cust-modal .modal-body .view-det ul{ grid-template-columns: repeat(1,1fr);}
.cust-modal .modal-body .view-det .cus-lst h3.frm-title{ text-align: left;}
.cust-modal .modal-body .view-det ul li b{ width: 30%;}
.cust-modal .modal-body .view-det ul li span{ width: 70%;}
.cust-modal .modal-body .view-det .cus-lst h3.frm-title{ font-size: 16px; background-color: #eee; border-radius: 50px; padding: 10px 20px;}
.cust-modal .modal-body .view-det .cus-lst{ border: 0 none; padding-bottom: 5px;}
.fancybox-content{ width:90% !important;}

.orgdet ul li b{ font-size: 15px;}

.navbar-custom .logo-cnt{ display: none;}
.forced .navbar-custom .logo-cnt{ font-size:14px; display: none;}
.forced.enlarged .navbar-custom .logo-cnt{ font-size:20px;}
.clndr ion-icon{ display: none;}
.clndr{ margin: 0px 10px 0px 5px;}
.navbar-custom .menu-left{ width: 25%;}
.navbar-custom .prf-slct{ width: 75%;}

.ord-list .oc-item .oc-name .ord-det .ord-btn{ display: flex; align-items: center; margin-left: 0; position: relative; right: auto; width: 100%; margin: 8px 0px;}
.ord-list .oc-item .oc-name .ord-det .ord-btn .ord-edit{ font-size: 14px; padding: 3px 15px;}
.ord-list .oc-item .oc-name .ord-det .ord-btn .ord-delete{ font-size: 14px; padding: 3px 15px; }
.prdt-slct .prdt-cnt-box{grid-template-columns: repeat(3, 1fr);}
.prdt-slct2-sub{grid-template-columns: repeat(1, 1fr);}
.prdt-slct3-sub{grid-template-columns: repeat(1, 1fr);}
.prdt-slct4-sub{grid-template-columns: repeat(1, 1fr);}
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 768px) {
    body { overflow-x: hidden; }
    body.adminbody-void { /*min-height: 700px;*/ min-height: 100vh; }
    body.adminbody .main-sidebar.left { padding-right: 5px; border-right: 1px solid #f0f1f7; }
    .login .login-box .login-det{ width: 90%;}
    .enlarged .left.main-sidebar { margin-left: -75px; }
    .headerbar-left { width:200px; }
    .headerbar-left span { display: none !important; }
    .headerbar-left i { display: block !important; }
    .content-page { margin-left: 0 !important; }
    .footer { left: 0 !important; }
    .mobile-sidebar { left: 0; }
    .mobile-content { left: 250px; right: -250px; }
    .login .login-box .login-lft {transform: translateY(-50px);}
    
    .ms-container { width: 100%; }
    .navbar-toggleable-md .navbar-nav { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; }
    .button-menu-mobile { padding:0px 0px; height: 38px; }
        
    .main-sidebar { top:61px; }
    .headerbar { box-shadow: 0 none; }
    .headerbar .headerbar-btm .menu-left::before { height: auto; background-color: transparent; }
    .navbar-custom { min-height:70px; box-shadow:none; margin-left: 0 !important; padding: 10px 15px 10px;}
    /* .navbar-custom .dropdown-menu{ margin-top: 21px;} */
    .navbar-custom .dropdown-menu{ margin-top:17px;}
    .sidebar-inner .headerbar-left{ height: 70px;}
    .sidebar-inner .headerbar-left .logo img{ max-height: 45px;}
    #sidebar-menu ul.smenu-slct {top: 80px;}
    
    .footer-main { padding-left: 0; bottom: -70px; }
    .enlarged .footer-main { padding-left: 0; bottom: -70px; }
    .profile-dropdown { margin-top: 13px; }
    .mbclose { display: block; line-height:35px !important; margin-right:10px !important; opacity: 0.5; transition:all ease 0.4s}
    .mbclose:hover{ opacity: 1; transition:all ease 0.4s;}
    .mbclose ion-icon { color: #575757; }
    .content-page .content{ margin-top: 80px;}
    .breadcrumb-holder{ padding: 10px 0px 10px;}
    .navbar-custom .logo-cnt{ padding-left: 10px; font-size: 19px;}
    /* body:before{ position:fixed; content: ""; width:100%; top:0; height:32%; background-color: #ededed; border-radius: 0px; box-shadow:0px 6px 0px rgb(0, 0, 0,0.3);} */
    .content-page .content::before{ background-color: transparent; box-shadow: none;}
    .inr-frm-sub{ padding: 15px;}
    .enlarged .body-content{ min-height: 600px;}
    .forced .navbar-custom .logo-cnt{ font-size:20px;}

    .prd-btns{ margin: 25px 0px 10px;}
    .prd-cnt-box .pdetail p{text-align: justify;}
    
    .table thead th{ line-height: 1.3; font-size: 14px;}
    .table > tbody > tr td{ line-height: 1.3;}

    .prd-specify .specidy-box{ flex-wrap: wrap;}
    .prd-specify .specidy-box input{ width: 100%; margin: 10px 0px;}
     
    .footer-main { padding-left:0; }
    .login-page {background: url(../images/login-bg-update.jpg) center no-repeat;}
    
}

/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
.login { width: 90%; }
.login .login-box{ flex-wrap: wrap; height: 100%;}
.login-cnt{ padding:30px 30px;}
.login-cnt p{ line-height: 20px;}
.login .login-box .login-det{ width: 100%; transform: translateY(0px); padding: 220px 0px 25px 0px;}
.login .login-box .login-det .login-form-main{ width: 100%; padding: 15px 0;}
.login .login-box .login-lft{ min-height:250px; transform: translateY(150px);}
.login .login-box .login-lft .logo-wrpr{ margin-bottom:10px;}
.login .login-box .login-det .login-frm-lnk label{ width: 100%; justify-content: center;}
.login .login-box .login-det .login-frm-lnk{ justify-content: center;}
.main-sidebar.left {position: fixed; height: 100%; background: #0759b0;}
#sidebar-menu ul li .menu-arrow {right: 12px;}
.login-page::before {height: 50%;}
.login-page::after {height: 50%;}
.login-frm-tit .log-logo span img {	max-height: 60px; }
.login .login-box .login-det h2 small { font-size: 25px; }

.navbar-custom{ min-height: 65px;}
.navbar-custom .logo-cnt{ display: none;}
.navbar-custom .menu-left{ width:8%;}
.navbar-custom .prf-slct{ width: 92%;}
.navbar-custom .dropdown-menu{ margin-top: 21px; padding: 5px 0px 0px; transform:translate3d(-40px, 26px, 0px) !important;}
.clndr ion-icon{ display: none;}
.main-sidebar.left { border-right:1px solid #eee; z-index: 99999; top: 0; }
.cmpny-logo{ display: none;}
.navbar-custom .prf-slct ul.list-inline{ padding: 5px 0px 5px 10px;}
.clndr{ padding: 0px 10px 0px 5px;}
.remainder{ margin-right:3px;}
.sidebar-inner .headerbar-left{ height: 65px; border-right: 1px solid #eee; width: 250px;}
.sidebar-inner .headerbar-left .logo img{ max-height: 50px;}
#sidebar-menu ul.smenu-slct{ top: 70px;}
#sidebar-menu > ul > li > a{ padding: 10px 8px 10px 15px;}
#viewModal.cust-modal .modal-dialog{ width: 93%; margin: 0 auto;}

.dashboard-main{ padding: 15px 0px 0px;}
.prdt-slct .prdt-cnt-box{ grid-template-columns: repeat(1,1fr); grid-gap: 15px;}
.das-chrt{ padding: 15px 0px; grid-gap: 15px;}

.news-slct{ grid-column-start: 1; grid-column-end:6; grid-row-start: 1; grid-row-end: 2;}
.prter-slct{grid-column-start: 1; grid-column-end:6; grid-row-start: 2; grid-row-end: 3;}
.cli-slct{ grid-column-start: 1; grid-column-end:6; grid-row-start: 3; grid-row-end: 4;}
.polly-slct{ grid-column-start: 1; grid-column-end:6; grid-row-start: 4; grid-row-end: 5;}
.service-slct{ grid-column-start: 1; grid-column-end:6; grid-row-start: 5; grid-row-end: 6;}
.sols-slct{ grid-column-start: 1; grid-column-end:6; grid-row-start: 6; grid-row-end: 7;}
.nevt-slct { grid-column-start: 1; grid-column-end:6; grid-row-start: 7; grid-row-end: 8;}

.nevt-box .nevt-box-cnt {text-align: center; flex-wrap: wrap; justify-content: center;}
.nevt-box .nevt-box-cnt .nevt-tit {align-items: center; margin-top: 20px; flex-wrap: wrap; padding-left: 0px; position: relative;}
.nevt-box .nevt-box-cnt .nevt-tit span { width: 100%; }
.nevt-box .nevt-box-cnt .nevt-tit h2 {font-size: 14px;}
.nevt-box .nevt-box-cnt .nevt-tit span p { font-size: 12px;	width: 100%; text-align: justify; margin-top: 10px; }
.nevt-box .nevt-box-cnt .nevt-tit .nevt-stus { width: 100%; background: #eee; border-radius: 20px;padding: 20px 30px; margin-top: 20px; text-align: left;}
.nevt-box .nevt-box-cnt .nevt-tit .tooltip-down {position: absolute; bottom: 20%; right: 0; }

.content-page .content{ margin:70px 0px 20px;}
.breadcrumb-holder .main-title{ font-size: 20px; margin-bottom:7px; letter-spacing: 0;}
.breadcrumb-holder{ padding: 10px 0px 0px;}
.tbl-frm-single .single-frm{ padding: 10px 0px;}
.inr-frm-str .form-row label{ font-size: 14px;}
.inr-frm-str .course-frm{ padding: 0px 10px; margin-bottom:18px;}
.inr-frm-str .course-frm .form-control{ font-size: 15px !important; font-weight: 400;}
.prd-acc .acc-sel{ padding: 0;}

.my-organization{ padding: 0;}
.org-top{ padding: 30px 10px 30px;}
.org-top .org-tit h2{ font-size:20px; line-height:32px;margin: 15px 0;}
.org-top .org-tit small a{ padding: 5px 25px;}
.org-top .org-logo span img{ max-height: 100px;}
.org-det{ padding:25px 15px 10px; width: 100%;}
.org-det ul{ grid-gap: 10px 0px; grid-template-columns: repeat(1, 1fr);}
.org-det ul li{ flex-wrap: wrap; padding: 10px;}
.org-det ul li b{ width: 100%; padding:0px 0px 3px; margin:0px 0px 3px; border-bottom: 1px solid #fff;}
.org-det ul li span{ width: 100%;}
.org-top .org-logo {display: flex;justify-content: center; width: 100%;}
.org-top .org-tit  {display: flex;justify-content: center; width: 100%; text-align: center; flex-wrap: wrap; margin-left: 0;}

.all-addr{ grid-template-columns: repeat(1, 1fr);}
.vic-cont .vicrgt{ width: 100%;}
.techtim-vdo-main{ grid-template-columns: repeat(1,1fr);}

.prd-detail{ padding: 15px 10px 0px;}
.prd-detail .prd-block{ width: 100%;}
.small-container{ width: 45%;}
.prd-cnt-box .pdetail .pdet-brnd{ flex-wrap: wrap;}
.prd-cnt-box .pdetail span.brnd-tit{ width: 100%; margin-right: 0; margin-bottom: 10px;}
.prd-cnt-box .pdetail h1{ font-size: 20px; line-height: 26px; margin: 5px 0px 10px;}
.prd-dls{ flex-wrap: wrap; border-radius: 15px; padding: 10px 15px; text-align: center;}
.prd-dls span{ width: 100%; margin-right: 0; margin-bottom: 5px; padding-right: 0; padding-bottom: 5px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); border-right: 0 none;}
.prd-dls span:last-child{ border-bottom:0 none; margin-bottom: 0; padding-bottom: 0;}
.pdetail .prd-price .rcnt-price strong{ font-size: 30px;}
.pdetail .prd-price .org-price span{ font-size: 22px;}
.pdetail .prd-price .org-price{ margin: 5px 15px;}
.prd-btns{ flex-wrap: wrap; justify-content: center;}
.prd-btns a.btn-adcrt{ width: 100%; margin: 5px 0px; text-align: center; justify-content: center;}
.prd-btns a.btn-buynow{ width: 100%; text-align: center; justify-content: center;}
.prd-cnt .prd-qty{ margin-right: 0; text-align: center; margin-bottom: 10px;}
.prd-specfy .titl h2{ font-size: 20px; padding-bottom: 8px; border-bottom: 2px dotted #dfdfdf;}
.prd-spcy .spcy-box ul{ grid-gap:10px 0px;}
.prd-spcy .spcy-box ul li{ flex-wrap: wrap; border: 1px solid rgba(0, 0, 0, 0.1); padding: 10px; border-radius: 15px;}
.prd-spcy .spcy-box ul li b{ width: 100%; border-bottom:1px solid rgba(0, 0, 0, 0.1); padding:0px 0px 5px; margin:0px 0px 5px; justify-content: flex-start; font-weight: 500;}
.prd-spcy .spcy-box ul li b::before{ background-color: transparent;}
.prd-spcy .spcy-box ul li span{ width: 100%; padding-right: 0; margin-right: 0;}
.prd-spcy .spcy-box{ margin: 20px 0px;}
.prd-specify .specidy-add{ flex-wrap: wrap;}
.prd-specify .specidy-add .spc-btn{ margin: 5px 0px;}

.prd-imgs{ margin: 20px 0px 20px;}
.prd-imgs-main .prd-bx{ grid-template-columns: repeat(2,1fr);}
.prgm-lnk{ justify-content: center;}

.prd-doct{ margin: 20px 0px 20px;}
.prd-doct .titl h2{ font-size: 18px;}

.prd-vdo{ margin: 20px 0px 0px;}
.prd-vdo .titl h2{ font-size: 18px;}
.prd-vdo-main .prd-bx{  grid-template-columns: repeat(1,1fr);}

.prdls-cnt-lst{ grid-template-columns: repeat(1,1fr);}
.prdlist-box .prd-rht .prd-list-tit{ flex-wrap: wrap;}
.prd-list-tit .prd-titl{ width: 100%; justify-content: center;}
.prd-list-tit .prd-titr{ width: 100%; margin:10px 0px; justify-content: center;}

.ord-list .oc-item{ flex-wrap: wrap;}
.ord-list .oc-item .oc-img{ margin:0 auto;}
.ord-list .oc-item .oc-name{ width: 100%; margin: 15px 0px 0px;}
.ord-list .oc-item .oc-name .ord-hd{ justify-content: space-evenly;}
.ord-list .oc-item .oc-name .ord-hd .ord-tit a{ font-size: 18px;}
.ord-list .oc-item .oc-name .ord-det{ justify-content: center; flex-wrap: wrap;}
.ord-list .oc-item .oc-name .ord-det .ord-lft{ border-right: 0 none; padding-right: 0; margin-right: 0; width: 100%; text-align: center;}
.ord-list .oc-item .oc-price{ justify-content: center;}
.ord-list .oc-item .oc-price .crnt{ margin-right: 0;}
.ord-list .oc-item .oc-name .ord-det .ord-rht{ text-align: center; background-color: rgba(0,0,0,0.05); width: 100%; padding: 5px; border-radius: 10px; margin-bottom: 15px;}
.ord-tit{ width: 100%; text-align: center;}
.ord-list .oc-item:last-child{ border-bottom: 2px dotted #d9d9d9;}
.ord-list .oc-item .oc-name .ord-hd .ord-detls{ width: 100%; text-align: center;}
.ord-list .oc-item .oc-name .ord-hd .ord-detls:nth-child(2){ text-align: center;}
.ord-list .oc-item .oc-name .ord-det .ord-lnk{ top: 45px;}
.ord-list .oc-item .oc-name .ord-det .ord-btn{ margin: 0; justify-content: center;}

.most-view{ flex-wrap: wrap; justify-content:center;}
.most-view .mv-icon-list{ margin-bottom:10px; justify-content: center;}

.vic-cont .viclft .vic-item{ flex-wrap: wrap;}
.vic-cont .viclft .vic-item .vic-img{ margin: 0 auto;}
.vic-cont .viclft .vic-item .vic-sctn{ width: 100%; margin:20px 0px 0px; justify-content: center;}
.vic-cont .viclft .vic-item .vic-name{ text-align: center;}
.vic-cont .viclft .vic-item .vic-name .vic-opt{ flex-wrap: wrap;}
.vic-cont .viclft .vic-item .vic-name .vic-opt .qty-box{ width: 100%; justify-content:center;}
.vic-cont .viclft .vic-item .qty-dtls{ justify-content: center; margin: 5px 0px; width: 100%;}
.vic-cont .viclft .vic-item .vic-price{ width: 100%; background-color: #eee; border-radius: 10px; padding:10px; text-align: center;}
.vic-cont .viclft .vic-item .vic-price .ofr{ justify-content: center;}
.vic-cont .viclft .vic-item .vic-order{ justify-content: center; border-top: 0 none; margin-top: 5px;}

.techtim-role .accordion-body .usr-roll{ flex-wrap: wrap;}
.techtim-role .accordion-body .usr-roll .usr-lft{ width: 100%; margin-right: 0;}
.techtim-role .accordion-body .usr-roll .usr-rht{ width: 100%;}
.techtim-role .accordion-body .usr-roll .usr-rht span{ width:45%;}
.techtim-role .accordion-body .usr-roll .usr-lft h2{ font-weight: 500 !important; margin: 5px !important;}

.invoice-lnk .invc-btn{ flex-wrap: wrap; border-radius: 20px;}
.invoice-lnk .invc-btn .invc-lft{ width: 100%; text-align: center; border-bottom: 1px solid #fff;}
.invoice-lnk .invc-btn .invc-lft a{ justify-content: center;}
.invoice-lnk .invc-btn .invc-rht{ width: 100%; justify-content: center; padding: 8px 8px 5px 18px;}

.inv-main .inv-head{ flex-wrap: wrap; padding: 20px 15px 10px;}
.inv-main .inv-head .inv-lft{ width: 100%; text-align: center;}
.inv-main .inv-head .inv-lft span{ justify-content: center;}
.inv-main .inv-head .inv-lft span img{ max-height:120px;}
.inv-main .inv-head .inv-rht{ width: 100%; text-align: center; margin: 20px 0px;}
.inv-main .inv-head .inv-rht h2{ font-size:22px;}

.inv-main .inv-billng{ padding: 15px 15px;}
.inv-main .inv-billng h2.tax-header{ font-size:20px; margin: 10px 0px 30px;}
.inv-main .inv-billng h2.tax-header::after{ width:50%;}
.inv-main .inv-billng h2.tax-header::before{ width: 90%; top: 12px;}

.inv-main .bill-box{ flex-wrap: wrap;}
.inv-main .bill-box .boxlft{ width: 100%;}
.inv-main .bill-box .boxrht{ width: 100%; margin: 20px 0px;}
.inv-main .bill-box .boxrht ul li b{ justify-content: flex-start; text-align: left; width: 50%;}
.inv-main .bill-box .boxrht ul li span{ text-align: left; width: 50%;}

.inv-disclmr{ flex-direction: column-reverse; padding: 10px 15px 20px;}
.inv-disclmr .disclmr-lft{ width: 100%;}
.inv-disclmr .disclmr-rht{ width: 100%; margin: 20px 0px;}

.acc-text .lft-text h2{ font-size: 16px;}
.acc-text .lft-text small{ font-size: 13px;}
.acc-text .lft-icn ion-icon{ font-size: 22px;}
.acc-text .lft-icn i.lnr{ font-size: 22px;}

.xbtn-dtl{ font-size: 12px; padding: 4px 6px; margin: 0 !important;}
.xbtn-add{ font-size: 12px; padding: 4px 8px 4px 4px; }
.xbtn-srch{ padding: 3px 5px; min-width: 25px; min-height: 25px;}
.xbtn-srch ion-icon{ font-size: 14px;}
.toplnk{ margin-bottom: 7px;}
.toplnk a{ margin: 0px 1px;}
.xbtn-back{ padding: 2px 8px 2px 7px;}

.user-main .user-box .box-rht{ width: 90%; padding: 20px 15px;}
.user-main .user-box .box-rht .box-dtls{ grid-template-columns:repeat(1,1fr); grid-gap: 5px 10px;}
.box-dtls .usr-lst{ background-color: #f3f3f3; padding: 6px 10px; border-radius: 10px;}
.user-main .user-box .box-lft .box-cnt h2{ font-size: 20px;}
.user-main .user-box .box-lft .box-cnt h3{ font-size: 13px;}
.user-main .user-box .box-lft .box-cnt h3 small{ font-size: 13px;}
.user-main .user-box .box-rht h2{ font-size: 22px; margin-bottom: 20px;}
.user-main .user-box{ padding: 15px 0px 25px 0px;}
.usr-form h2.frm-title{ font-size: 16px; flex-wrap: wrap; justify-content: center;}
.usr-form h2.frm-title span{ padding-top: 2px;}

.prds-lnk .prds-btn{ flex-wrap: wrap; width: 100%; border-radius: 15px;}
.prds-lnk .prds-btn .prds-lft{ width: 100%; border-bottom: 1px solid #fff; border-right: 0 none; padding: 8px 15px 8px 15px;}
.prds-lnk .prds-btn .prds-lft a{ justify-content: center;}
.prds-lnk .prds-btn .prds-rht{ width: 100%; padding: 8px 15px 8px 15px; justify-content: center;}
.step-text .acc-sel{ padding: 0;}
.add-butt{ margin-top: 40px;}
.file-drop-zone .file-preview-thumbnails{ grid-template-columns:repeat(1,1fr);}
.krajee-default.file-preview-frame{ margin: 5px 0px !important;}

.main-footer{ justify-content:center; padding: 25px 15px;}
.pgn-lft{ padding:10px 0px 10px; width: 100%; text-align: center; display:flex; justify-content: center;}
.pgn-rht{ padding:10px 0px 10px; justify-content: center;}

.xsearchbdy{ padding: 15px !important;}
.orgdet{ margin: 5px 0px;}
.orgdet ul{ padding: 10px 10px;}
.orgdet ul li{ flex-wrap: wrap; border: 1px solid #eee; margin: 5px 0px; padding: 2px 10px; border-radius: 10px;}
.orgdet ul li b{ width: 100%; text-align: left; justify-content: flex-start; padding:5px 0px 0px 0px; border-right: 0 none;}
.orgdet ul li span{ width: 100%; padding: 0;}
.orgdet ul li:last-child{ border-bottom: 1px solid #eee;}

.modal-content{ width: 95%; margin: 0 auto;}
.modal-body{ padding:15px;}

.usr-form .course-frm{ margin-bottom: 12px;}
.order-cnt-frm{ padding: 15px 10px;}
.order-cnt-frm .course-frm{ margin-bottom: 10px;}
.order-cnt-tbl{ padding: 0px 10px;}
.order-cnt-tbl .form-row .course-frm:nth-child(1){width:50%;}
.order-cnt-tbl .form-row .course-frm:nth-child(2){ width:30%;}
.order-cnt-tbl .form-row .course-frm:nth-child(3){ width: 20%;}
.order-tbl .table > tbody > tr td:first-child{ min-width: auto;}
.order-cnt-tbl .form-row{ flex-wrap:wrap;}
.order-cnt-tbl .form-row .course-frm:nth-child(1){ width: 100%;}
.order-cnt-tbl .form-row .course-frm:nth-child(2){ width: 50%;}
.order-cnt-tbl .form-row .course-frm:nth-child(3){ width: 25%;}

.krajee-default.file-preview-frame{ width: 100%;}
.techtim-role .accordion-body{ margin-left:20px;}

.user-main .user-abt{ padding: 15px;}
.user-abt .box-dtls{ grid-template-columns: repeat(1,1fr); grid-gap: 5px 10px;}

.order-snd-mail{ flex-wrap: wrap;}
.order-snd-mail a{ margin: 10px 5px;}
.order-cnt-frm .pr-det .cnt span{ width: 50%;}
.order-cnt-frm .pr-det .cnt small{ width: 50%;}
.inr-frm-str .course-frm .select2-container--default .select2-selection--multiple .select2-selection__choice{ min-width:45%;}
.cutmer-slct .user-dls-cnt .upfle span{ width: 34px; min-height: 34px;}
.cutmer-slct .user-dls-cnt .upfle span img{ max-height: 34px;}
.prdct-dls-cnt ul li a .prdct-cnt h3 { width: 150px; }
.sort-ord {width: 100%;}


}

@media (max-width:375px) {
.xbtn-dtl{ font-size: 10px; padding: 4px 8px; margin: 0 !important;}
.xbtn-add{ font-size: 10px; padding: 4px 8px; }
.xbtn-srch{ padding: 3px 5px; min-width: 25px;}
.breadcrumb-holder .main-title{ font-size: 20px;}
.techtim-tit h2{ padding-left: 0; font-size: 17px;}
.reve-smry .reve-hder h2{ font-size: 17px;}
.prdt-sold .prdt-sold-hder h2{ font-size: 17px;}
.reve-grth .grth-hder h2{ font-size: 17px;}
.new-cutmer .cutmer-hder h2{ font-size: 17px;}
.new-cutmer .cutmer-hder h2{ font-size: 17px;}
.retorder .order-hder h2{ font-size: 17px;}
}

/* Media Query Landscape CSS */

@media screen and (min-device-width: 414px) and (max-device-width: 736px) and (orientation : landscape){
body::before{ height: 50%;}
}
@media screen and (min-device-width:360px) and (max-device-width: 740px) and (orientation : landscape){
body::before{ height:50%;}
}

/* Alert */
.alert { position: fixed; top:80px; right:0px; z-index: 9999; width:350px; height: auto; }
.alert-success { color:#fff; background-color:rgba(16, 170, 5, 0.85); border-color:#0ca101; font-weight:300; padding:3px 15px 5px; margin-bottom: 15px; border-radius:50px 0px 0px 50px; transition:all 0.4s; display:flex; justify-content: space-between; align-items:center; }
.alert-success button.close { border: 0; background-color: transparent; color: #fff !important; font-size: 14px; padding:0px 5px 0px; }

.alert-danger { color: #fff; background-color:rgba(249, 60, 66, 0.85); border-color: #ec3840; font-weight:300; padding:3px 15px 5px; margin-bottom: 15px; border-radius:50px 0px 0px 50px; transition:all 0.4s; display:flex; justify-content: space-between; align-items:center; }
.alert-danger button.close { border: 0; background-color: transparent; color: #fff !important; font-size: 14px; transition: all 0.4s; padding:0px 5px 0px;}

.alert-error { color: #fff; background-color:rgba(237, 28, 36, 0.85); border-color: #ed1c24; font-weight:400; transition: all 0.4s; }
.test-alert-danger { color: #fff; background-color:rgba(249, 60, 66, 0.85); border-color: #ec3840; font-weight:300; padding:3px 15px 5px;margin-bottom: 15px; border-radius: 5px; transition: all 0.4s; }
.test-alert-danger button.close { border: 0; background-color: transparent; color: #fff !important; font-size: 14px; padding:0px 5px 0px; transition: all 0.4s; }
label.required:after { color: #ed1c24; content: "*"; margin-left: 5px; font-size: 16px; font-weight:500;}

.help-block { color: red; }
p.help-block { margin: 0; padding-top: 3px; font-size: 14px; }
.error { color: #ec2029 !important; font-size: 13px !important; }
#type-error { color: #ec2029 !important; font-size: 12px !important; }
.cke_button__easyimageupload { display:none !important; }
#modal_form input[type=text], #modal_form select, #modal_form textarea { background: #fff7be !important; border: 1px solid #ddd; border-radius: 2px; }

.no-rcd { width: 100%; display: flex; align-items: center; justify-content: center; text-align:center; font-size: 16px; text-transform: uppercase; color: #636363; padding: 10px 0px; transition: 0.8s; }
.no-rcd:hover ion-icon { animation-name:fadeIn; animation-duration: 1s; transition: 0.8s; }
.no-rcd ion-icon { color: #f42b2b; margin-right: 5px; font-size: 26px; transition: 0.8s; }
p.no-rcd { margin-bottom: 0;}
.iconpicker-container .fade:not(.show) { opacity: 1; }

/* Text Colors */
.badge-warning { color: #fff !important; background-color: #fd6f6f; }
.text-red { color: #dd4b39 !important; }
.text-yellow { color: #f39c12 !important; }
.text-aqua { color: #00c0ef !important; }
.text-blue { color: #0073b7 !important; }
.text-black { color: #111 !important; }
.text-light-blue { color: #3c8dbc !important; }
.text-green { color: #00a65a !important; }
.text-gray { color: #d2d6de !important; }
.text-navy { color: #001f3f !important; }
.text-teal { color: #39cccc !important; }
.text-olive { color: #3d9970 !important; }
.text-lime { color: #01ff70 !important; }
.text-orange { color: #ff851b !important; }
.text-fuchsia { color: #f012be !important; }
.text-purple { color: #605ca8 !important; }
.text-maroon { color: #d81b60 !important; }
.pr-red { color: #ff3d3d;}

.mail-txt { width:100%; }
.mail-txt #cke_main_content {width:100%;}

.stu-app{padding: 3px 10px; background-color: #ff6c00; color: #fff; border-radius: 8px; font-size: 12px; font-weight: 600;}
.stu-app-con{padding: 3px 10px; background-color: #008f01; color: #fff; border-radius: 8px; font-size: 12px; font-weight: 600;}
.nor-log-img{width: auto !important; height: auto !important; max-height: 80px;}
.wht-log-img{width: auto !important; height: auto !important; max-height: 80px;}
.wht-log-bg{background-color: #d7d7d7; padding: 10px 10px !important; border-radius: 10px !important;}
.full-lth-prt{width: 100%;}
.full-lth-prt .mt-3{width: 100% !important;}


/* Dashboard */
.dashboard-main{ min-height:500px; padding: 30px 15px 20px;}
.dsh-suy-rpt{ width:100%; background-color:#fff; transition:0.4s; -webkit-box-shadow: 1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow:1px 5px 24px 0 rgba(149, 149, 149, 0.05);  border:none; border-radius:4px; padding:10px 0px; align-content:flex-start; margin-bottom:5px; position:relative;}
/* dashboard survay report */
.suy-rpt {display: flex; flex-wrap: wrap; background-color: #fff; transition: 0.4s; border:none; border-radius:4px; padding:20px 20px 10px; align-content:flex-start; width:100%;}
.suy-rpt .suy-rpt-hder { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 0px; align-items:center;}
.suy-rpt .suy-rpt-hder h2 { font-size:16px; color:#677582; font-weight:500; margin-bottom: 0;}
.suy-rpt-chrt { display:flex; height:330px; width:100%; position: relative; margin-top:30px;}
.suy-rpt-chrt #bookings-chart { width: 100%;}
.suy-rpt .suy-rpt-hder .sort-ord .custom-select{ border-radius: 4px; padding:3px 25px 3px 10px; height:28px; text-align:left; font-size: 12px; border:1px solid #fff; background-color:#ecf4fb;}
.suy-rpt .suy-rpt-hder .sort-ord .custom-select:focus{ box-shadow: none;}
.suy-rpt .suy-rpt-hder .sort-ord .custom-select option{ font-size:12px;}
.suy-rpt-bok{ width:100%; margin:3px 0px 10px;}
.suy-rpt-bok .suy-rpt-bok-box{ width:100%; display:flex; align-items:center; justify-content:space-between; border-top: 1px solid #e6eaee; padding:25px 5px 0px 15px;}
.suy-rpt-bok-box .lst{ display: flex; justify-content:center; width:100%; color: #3d5b74; font-weight: 300; font-size: 13px; align-items: center; flex-wrap: wrap;}
.suy-rpt-bok-box .lst .bx{ display: flex; align-items:center; justify-content:center; /* border-right:1px solid #cecece; padding-right:10px;*/ margin-right: 25px; padding: 10px 20px; background-color: #0187cd; border-radius: 20px;}
.suy-rpt-bok-box .lst .bx:last-child{margin-right: 0;}
.suy-rpt-bok-box .lst .bx h3{ margin: 0px 0px 0px 10px; color: #fff; font-size:14px; font-weight:600;}
.suy-rpt-bok-box .lst .bx h2{ margin:0px; color: #fff; font-size:14px; font-weight:300; letter-spacing:-0.2px;}
.suy-rpt-bok-box .lst .bx:nth-child(1){background-color: #e3911b;}
.suy-rpt-bok-box .lst .bx:nth-child(2){background-color: #4483df;}
.suy-rpt-bok-box .lst .bx:nth-child(3){background-color: #6c46f7;}
.dsh-top-box .clt-dsh-tlb{height: 275px;}
.dsh-top-box .clt-dsh-tlb{margin: 3px 0px 0px; overflow: auto; scrollbar-width: none; scrollbar-color: #fff #fff; width: 100%;}
.dsh-top-box .clt-dsh-tlb .table thead th { padding: 8px 5px; font-size: 12px; position: sticky; top: 0; background-color: #fff; }
.dsh-top-box .clt-dsh-tlb .table thead{z-index: 1; position: relative;}
.dsh-top-box .clt-dsh-tlb .table > tbody > tr td { padding: 4px 5px 4px; color: #4d5b75; }
.dsh-top-box .clt-dsh-tlb .table > tbody > tr td a.box-lnk{ width:30px; height:30px; border-radius:50%; position:relative; display:flex; align-items:center; justify-content:center;}
.dsh-top-box .clt-dsh-tlb .table > tbody > tr td a.box-lnk ion-icon{ font-size:17px; color: #fff;}
.dsh-top-box .clt-dsh-tlb .table > tbody > tr td a.box-lnk:hover{ background-color:#506473 !important;}
.dsh-top-box .clt-dsh-tlb .table > tbody > tr td a.box-lnk:nth-child(1){ background-color:#498fff;}
.dsh-top-box .clt-dsh-tlb .table > tbody > tr td a.box-lnk a:hover{ background-color:#c57802;}

/* quick links dashboard */
body.adminbody-void .ums-dsh-qck{ padding-left: 70px; transition:all ease 0.4s;}
.ums-dsh-qck {display:flex; flex-wrap:wrap; padding:0px; width:100%; background-color:#f8f8f8; border-radius:0; padding:12px 15px; padding-left:15px; align-items: center; justify-content: space-between; position: fixed; top:60px; left: 0; margin-left: 0; padding-left: 265px; z-index: 2; transition:all ease 0.4s;}
.ums-tit{ width:30%;}
.ums-tit h2{ color:#333; font-size:18px; font-weight:400; padding-left:5px; margin: 0;}
.ums-dsh-qck .mv-icon-list { display:flex; grid-gap:7px; justify-content: flex-end; width:70%;}
.ums-dsh-qck .mv-icon-list .tit{ width: 75px; display: flex; align-items: center;}
.ums-dsh-qck .mv-icon-list .tit span{ font-size:10px; color:#b1bdc8; text-transform:uppercase; display:flex; letter-spacing:0.7px; text-align:center; line-height:10px; padding-top:3px;}
.ums-dsh-qck .mv-icon-list .mbox { position: relative; }
.ums-dsh-qck .mv-icon-list .mbox a { margin: 0; line-height: 0; color: #0187cd; width:28px; height:28px; position: relative; background-color: #fff; font-size:16px; border-radius:50px; display: flex; align-items: center; justify-content: center; box-shadow: 0px 5px 8px rgba(0,0,0,0.04);}
.ums-dsh-qck .mv-icon-list .mbox a:hover{ color:#555; box-shadow: 0px 5px 8px rgba(0,0,0,0.15);}
.ums-dsh-qck .mv-icon-list .mbox:last-child a{ background-color: #afbfcc; color: #fff; font-size: 18px;}
.ums-dsh-qck .mv-icon-list .mbox button.tool{ margin: 0; line-height: 0; width:28px; height:28px; position: relative; background-color: #afbfcc; color: #fff; font-size: 18px; border-radius:50px; display: flex; align-items: center; justify-content: center; border: 0 none; transition: all ease 0.4s;}
.ums-dsh-qck .mv-icon-list .mbox button.tool:hover{ color:#555; transition: all ease 0.4s;}
.ums-dsh-qck .mv-icon-list .mbox button.tool:focus{ box-shadow: none; transition: all ease 0.4s;}

.dsh-top-sec{width: 100%; display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 20px; margin-bottom: 20px;}
/* Dashboard Top Part */
.dsh-top-box { display: flex; flex-wrap: wrap; align-content: flex-start;}
.dsh-top-box2 { display: flex; flex-wrap: wrap; background-color: #fff; transition: 0.4s; -webkit-box-shadow: 1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow: 1px 5px 24px 0 rgba(149, 149, 149, 0.05);  border: none; border-radius:4px; padding:25px; align-content: flex-start;}
.dsh-top-box .dsh-top-hdr { width:100%; display:flex; flex-wrap:wrap; justify-content:space-between; margin:0px 0px 10px; align-items:center;}
.dsh-top-box .dsh-top-hdr h2 { font-size: 16px; color: #677582; font-weight: 500; margin-bottom: 0;}
.dsh-top-box .dsh-top-hdr .icon{ width:50%; display: flex; align-items: center; justify-content: flex-end; grid-gap:3px;}
.dsh-top-box .dsh-top-hdr .icon a{ position: relative; font-size:22px; display:flex; justify-content:center; margin:0;}
.dsh-top-box .dsh-top-hdr a.box-lnk{ width:30px; height:30px; border-radius:50%; position:relative; display:flex; align-items:center; justify-content:center;}
.dsh-top-box .dsh-top-hdr a.box-lnk ion-icon{ font-size:17px; color: #fff;}
.dsh-top-box .dsh-top-hdr a.box-lnk:hover{ background-color:#506473 !important;}
.dsh-top-box .dsh-top-hdr a.box-lnk:nth-child(1){ background-color:#498fff;}
.dsh-top-box .dsh-top-hdr a.box-lnk:nth-child(2){ background-color:#ffa93a;}
.dsh-top-box .dsh-top-hdr a.box-lnk:nth-child(3){ background-color:#33d680;}
.dsh-top-box .dsh-top-hdr a.box-lnk a:hover{ background-color:#c57802;}
.rcnt-bk{ width:100%; margin:3px 0px 10px;}
.rcnt-bk .rcnt-bk-box{ width:100%; display:flex; align-items:center; justify-content:space-between; background-color:#ffe1aa; border-radius: 10px; padding:5px 5px 5px 15px;}
.rcnt-bk-box .lft{ display: flex; justify-content:center; width:100%; color: #3d5b74; font-weight: 300; font-size: 13px; align-items: center; flex-wrap: wrap;}
.rcnt-bk-box .lft .bx{ display: flex; align-items: center; justify-content: center; border-right:1px solid #fff; padding-right:15px; margin-right:20px;}
.rcnt-bk-box .lft .bx:last-child{ border-right:0 none; padding-right: 0; margin-right: 0;}
.rcnt-bk-box .lft .bx h3{ margin:0px 6px; color: #444; font-size:16px; font-weight:600;}
.rcnt-bk-box .lft .bx h2{ margin:0px; color: #3e3e3e; font-size:13px; font-weight:300; letter-spacing:-0.2px;}
.dsh-top-box .dsh-cnt-main{width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px;}
.dsh-top-box .dsh-cnt-main .dsh-cnt-box{width: 100%; min-height: 195px; display: flex; background-color: #fff; transition: 0.4s; -webkit-box-shadow: 1px 5px 24px 0 rgba(149, 149, 149, 0.05); box-shadow: 1px 5px 24px 0 rgba(149, 149, 149, 0.05);  border: none; border-radius:4px; padding:25px; align-content: center; flex-wrap: wrap;}
.dsh-top-box .dsh-cnt-main .dsh-cnt-box i {width: 100%; display: flex; justify-content: center; margin-bottom: 15px;}
.dsh-top-box .dsh-cnt-main .dsh-cnt-box i ion-icon{font-size: 30px; color: #b0b0b0;}
.dsh-top-box .dsh-cnt-main .dsh-cnt-box h5{width: 100%; font-size: 36px; font-weight: 800; color: #0188cd; text-align: center; margin-bottom: 15px;}
.dsh-top-box .dsh-cnt-main .dsh-cnt-box h6{width: 100%; margin-bottom: 0; font-size: 18px; text-transform: uppercase; font-weight: 600; text-align: center; color: #b0b0b0;}
.counter { width: 100%; font-size: 36px; font-weight: 800; color: #0188cd; text-align: center; margin-bottom: 15px; position:relative; }

/* end */

/* Form Details Sections */
.frm-dts-box2{width: 100%; padding: 25px 25px 25px; border-radius: 20px; display: flex; align-items: center; flex-wrap: wrap; background-color: #fff; border: 1px solid #ededed; margin-top: 25px;}
.frm-dts-box{width: 100%; flex-wrap: wrap;}
.user-box.frm-dts-box::before{display: none;}
.frm-dts-box .box-rht{width: 100% !important;}
.user-main .user-box .frm-dts-box .box-dtls{ width: 100%; display: grid; grid-template-columns: repeat(2,1fr); grid-gap:30px 50px;}
.user-main .user-box .frm-dts-box2 h2 { margin: 0px 0px 25px; font-size: 18px; font-weight: 400; color: #222; text-transform: uppercase; position: relative; padding-bottom: 6px; }
.user-main .user-box .frm-dts-box2 h2::before { background-color: #e2e2e2; width: 50px; height: 1px; bottom: 0; left: 0; content: ""; position: absolute; }
.user-main .user-box .frm-dts-box2 .box-dtls { width: 100%; display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 15px; }
.user-main .user-box .frm-dts-box2 .usr-lst { width: 100%; }
.user-main .user-box .frm-dts-box2 .usr-lst small{width: 100%; display: flex; font-size: 16px; background-color: #ddd; padding: 10px 15px; border-radius: 10px;}


/* Form Report Section */
.rpt-main-sec{width: 100%; display: flex; flex-wrap: wrap; margin-top: 20px;}
.rpt-main-sec ul{width: 100%; display: grid; grid-template-columns: repeat(7, 1fr); grid-gap: 10px; background-color: #ddd; border-radius: 20px; padding: 20px; list-style: none;}
.rpt-main-sec ul li{width: 100%; display: flex; align-items: center; justify-content: center;}
.rpt-main-sec ul li a{color: #333; font-weight: 600; transition: 0.4s; display: flex; align-items: center; background-color: #fff; padding: 15px; justify-content: center; text-align: center; border-radius: 10px; width: 100%; height: 100%; font-size: 12px;}
.rpt-main-sec ul li a:hover{transition: 0.4s; color: #018ad0; box-shadow: 0 3px 6px rgba(153, 153, 153, 0.2), 0 3px 6px rgba(98, 98, 98, 0.26);}
.rpt-main-sec ul li:last-child a{width: 50px; height: 50px; border-radius: 50%; background-color: #2d1976;}
.rpt-main-sec ul li:last-child a ion-icon{font-size: 20px;}
.rpt-main-sec ul li:last-child a:hover{transition: 0.4s; box-shadow: 0 3px 6px rgba(153, 153, 153, 0.5), 0 3px 6px rgba(98, 98, 98, 0.5);}
.rpt-main-sec .rpt-srh-sub{width: 100%;}
.rpt-main-sec .rpt-srh-sub .xsearchbdy{border-radius: 20px;}
.rpt-main-sec .frm-rpt-tlb{width: 100%; background-color: #fff; padding: 20px; margin-top: 10px; border-radius: 20px; border: 1px solid #ddd;}


/* form alignment */
a.rpt-tlb-lnk{width: 100%; padding: 5px 8px; border-radius: 5px; background-color: #c2b1ff; display: flex; color: #fff; font-weight: 600; transition: 0.4s;}
a.rpt-tlb-lnk:hover{transition: 0.4s; box-shadow: 0 3px 6px rgba(153, 153, 153, 0.2), 0 3px 6px rgba(98, 98, 98, 0.26);}
.rpt-tlb-dta{width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap;}
.rpt-tlb-dta span{width: 100%; display: flex; align-items: center;}
.rpt-tlb-dta span strong{width: 36%; text-align: left; font-weight: 600; font-size: 10px;}
.rpt-tlb-dta span i{font-style: normal; width: 6%; text-align: center; font-weight: 600;}
.rpt-tlb-dta span p{width: 56%; text-align: left; font-size: 11px;}
.stab-active {background-color: #018ad0 !important; color: #fff !important; box-shadow: 0 3px 6px rgba(153, 153, 153, 0.2), 0 3px 6px rgba(98, 98, 98, 0.26);}

/* Date & Time Picker */
.xsearchbdy .form-group .date{position: relative;}
.xsearchbdy .form-group .date .form-control{border-radius: 8px !important;}
.xsearchbdy .form-group .date .input-group-append{position: absolute; right: 5px; bottom: 3px;}
.xsearchbdy .form-group .date .input-group-append .input-group-text{background-color: transparent; border: none;}
.xsearchbdy .form-group .date .input-group-append .input-group-text ion-icon{color: #2a8ee1;}