@import url('https://fonts.googleapis.com/css?family=Libre+Franklin:300,400,500,600,700'); /*font-family: 'Libre Franklin', sans-serif;*/ @import url('https://fonts.googleapis.com/css?family=Fira+Sans:300,400,500,600,700'); /*font-family: 'Fira Sans', sans-serif;*/ @import url('https://fonts.googleapis.com/css?family=Work+Sans:300,400,500,600,700'); /*font-family: 'Work Sans', sans-serif;*/ @import url('https://fonts.googleapis.com/css?family=Hind+Siliguri:300,400,500,600,700'); /*font-family: 'Hind Siliguri', sans-serif;*/ @import url('https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700'); /*font-family: 'Poppins', sans-serif;*/ @import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@100;200;300;400;500;600;700&display=swap'); /*font-family: 'Sarabun', sans-serif;*/ html, html a, body { -webkit-font-smoothing: antialiased;font-family: 'Poppins', sans-serif;} body {font-family: 'Sarabun', sans-serif;font-size: 14px;/* background-color: #f6f7fb;*/ background-color:#f5f5f5;color: #525566; line-height: 1.5;/* letter-spacing: 0.2px;*/ overflow-x: hidden; } h1, h2, h3, h4, h5, h6 { color: #333; font-family: 'Sarabun', sans-serif;/*letter-spacing: 0.5px; */font-weight: 500; line-height: 1.5; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: 'Sarabun', sans-serif;} h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: 300; color: #5c5f73; } h1 { font-size: 26px; } h2 { font-size: 22px; } h3 { font-size: 20px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 12px; } p { font-family: 'Sarabun', sans-serif; color: #19191f; line-height: 1.9; } .lead { font-size: 18px; } ul { margin-bottom: 0px; } a { color: #0e0e0e; } a:hover, a:focus { text-decoration: none; color: #0c7bbe; } a:focus { outline: none; } a.text-gray:hover, a.text-gray:focus, a.text-gray.active { color: #515365 !important; } :focus { outline: none; } hr { border-top: 1px solid #e6ecf5; } .font-primary { font-family: 'Sarabun', sans-serif; } .font-secondary { font-family: 'Sarabun', sans-serif; } .text-link:hover, .text-link:focus { text-decoration: underline; } .text-opacity { opacity: 0.85; } .text-white { color: #ffffff !important; } .text-dark { color: #515365 !important; } .text-gray { color: #888da8 !important; } .text-primary { color: #7774e7 !important; } .text-success { color: #37c936 !important; } .text-info { color: #0f9aee !important; } .text-warning { color: #ffcc00 !important; } .text-danger { color: #ff3c7e !important; } .bg-white { background-color: #ffffff !important; } .bg-dark { background-color: #515365 !important; } .bg-gray { background-color: #ebeef6 !important; } .bg-primary { background-color: #7774e7 !important; } .bg-info { background-color: #0f9aee !important; } .bg-success { background-color: #37c936 !important; } .bg-warning { background-color: #ffcc00 !important; } .bg-danger { background-color: #ff3c7e !important; } .bg-primary-inverse { background: #7774e7; /* The Fallback */ background: rgba(119, 116, 231, 0.1); } .bg-success-inverse { background: #37c936; /* The Fallback */ background: rgba(55, 201, 54, 0.1); } .bg-info-inverse { background: #0f9aee; /* The Fallback */ background: rgba(15, 154, 238, 0.1); } .bg-warning-inverse { background: #ffcc00; /* The Fallback */ background: rgba(255, 204, 0, 0.1); } .bg-danger-inverse { background: #ff3c7e; /* The Fallback */ background: rgba(255, 60, 126, 0.1); } .bg { background-repeat: no-repeat; background-size: cover; background-position: center center; } .overlay-dark { position: relative; overflow: hidden; color: #cccccc; } .overlay-dark h1, .overlay-dark h2, .overlay-dark h3, .overlay-dark h4, .overlay-dark h5, .overlay-dark h6 { color: #ffffff; } .overlay-dark p { color: #cccccc; } .overlay-dark:before { content: ""; background-color: #515365; position: absolute; width: 100%; height: 100%; opacity: 0.5; top: 0px; left: 0px; z-index: 2; } .overlay-dark > div { position: relative; z-index: 3; } blockquote { border-left: 0px; padding-left: 30px; position: relative; } blockquote:before { font-family: 'themify'; content: "\e67f"; position: absolute; left: 0px; color: #515365; } .fade.in { opacity: 1; } .collapse.in { display: block; } iframe { border: 0; } label{ font-weight:500 !important; } .table th, .table td { padding: 0.75rem; vertical-align: middle !important; } /* width */ ::-webkit-scrollbar { width: 2px !important;height: 10px !important; } /* Track */ ::-webkit-scrollbar-track { background: #dbdde7; } /* Handle */ ::-webkit-scrollbar-thumb { background: #cdcfde; border-radius:30px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #ababab; } @media only screen and (max-width: 767px) { iframe { min-height: 175px !important; height: auto; } } @media print { body { font-size: 10px; } .mrg-top-30, .mrg-top-20 { margin-top: 15px !important; } .print-invisible { display: none; } } /*--------------------------------- --------- 3. Helper Style --------- ---------------------------------*/ /*Margin*/ .no-mrg { margin: 0 !important; } .no-mrg-top { margin-top: 0 !important; } .no-mrg-btm { margin-bottom: 0 !important; } .no-mrg-right { margin-right: 0 !important; } .no-mrg-left { margin-left: 0 !important; } .no-mrg-vertical { margin-top: 0 !important; margin-bottom: 0 !important; } .no-mrg-horizon { margin-left: 0 !important; margin-right: 0 !important; } .margin-5 { margin: 5px !important; } .margin-10 { margin: 10px !important; } .margin-15 { margin: 15px !important; } .margin-20 { margin: 20px !important; } .margin-25 { margin: 25px !important; } .margin-20 { margin: 20px !important; } .margin-25 { margin: 25px !important; } .margin-30 { margin: 30px !important; } .margin-35 { margin: 35px !important; } .margin-40 { margin: 40px !important; } .margin-45 { margin: 45px !important; } .margin-50 { margin: 50px !important; } .margin-55 { margin: 55px !important; } .margin-60 { margin: 60px !important; } .margin-65 { margin: 65px !important; } .margin-70 { margin: 70px !important; } .margin-75 { margin: 75px !important; } .margin-80 { margin: 80px !important; } .margin-85 { margin: 85px !important; } .margin-90 { margin: 90px !important; } .margin-95 { margin: 95px !important; } .margin-100 { margin: 100px !important; } .margin-105 { margin: 105px !important; } .margin-110 { margin: 110px !important; } .margin-115 { margin: 115px !important; } .margin-120 { margin: 120px !important; } .margin-125 { margin: 125px !important; } .margin-130 { margin: 130px !important; } .margin-135 { margin: 135px !important; } .margin-140 { margin: 140px !important; } .margin-145 { margin: 145px !important; } .margin-150 { margin: 150px !important; } @media only screen and (max-width: 767px) { .margin-150, .margin-145, .margin-140, .margin-135, .margin-130, .margin-125, .margin-120, .margin-115, .margin-110, .margin-100, .margin-95, .margin-90, .margin-85, .margin-80, .margin-75, .margin-70, .margin-65, .margin-60, .margin-55, .margin-50, .margin-45, .margin-40, .margin-35 { margin: 30px !important; } } .mrg-horizon-auto { margin-left: auto !important; margin-right: auto !important; } .mrg-left-auto { margin-left: auto !important; } .mrg-right-auto { margin-right: auto !important; } .mrg-vertical-5 { margin-top: 5px !important; margin-bottom: 5px !important; } .mrg-vertical-10 { margin-top: 10px !important; margin-bottom: 10px !important; } .mrg-vertical-15 { margin-top: 15px !important; margin-bottom: 15px !important; } .mrg-vertical-20 { margin-top: 20px !important; margin-bottom: 20px !important; } .mrg-vertical-25 { margin-top: 25px !important; margin-bottom: 25px !important; } .mrg-vertical-30 { margin-top: 30px !important; margin-bottom: 30px !important; } .mrg-vertical-35 { margin-top: 35px !important; margin-bottom: 35px !important; } .mrg-vertical-40 { margin-top: 40px !important; margin-bottom: 40px !important; } .mrg-vertical-45 { margin-top: 45px !important; margin-bottom: 45px !important; } .mrg-vertical-50 { margin-top: 50px !important; margin-bottom: 50px !important; } .mrg-vertical-55 { margin-top: 55px !important; margin-bottom: 55px !important; } .mrg-vertical-60 { margin-top: 60px !important; margin-bottom: 60px !important; } .mrg-vertical-65 { margin-top: 65px !important; margin-bottom: 65px !important; } .mrg-vertical-70 { margin-top: 70px !important; margin-bottom: 70px !important; } .mrg-vertical-75 { margin-top: 75px !important; margin-bottom: 75px !important; } .mrg-vertical-80 { margin-top: 80px !important; margin-bottom: 80px !important; } .mrg-vertical-85 { margin-top: 85px !important; margin-bottom: 85px !important; } .mrg-vertical-90 { margin-top: 90px !important; margin-bottom: 90px !important; } .mrg-vertical-95 { margin-top: 95px !important; margin-bottom: 95px !important; } .mrg-vertical-100 { margin-top: 100px !important; margin-bottom: 100px !important; } .mrg-vertical-105 { margin-top: 105px !important; margin-bottom: 105px !important; } .mrg-vertical-110 { margin-top: 110px !important; margin-bottom: 110px !important; } .mrg-vertical-115 { margin-top: 115px !important; margin-bottom: 115px !important; } .mrg-vertical-120 { margin-top: 120px !important; margin-bottom: 120px !important; } .mrg-vertical-125 { margin-top: 125px !important; margin-bottom: 125px !important; } .mrg-vertical-130 { margin-top: 130px !important; margin-bottom: 130px !important; } .mrg-vertical-135 { margin-top: 135px !important; margin-bottom: 135px !important; } .mrg-vertical-140 { margin-top: 140px !important; margin-bottom: 140px !important; } .mrg-vertical-145 { margin-top: 145px !important; margin-bottom: 145px !important; } .mrg-vertical-150 { margin-top: 150px !important; margin-bottom: 150px !important; } @media only screen and (max-width: 767px) { .mrg-vertical-150, .mrg-vertical-145, .mrg-vertical-140, .mrg-vertical-135, .mrg-vertical-130, .mrg-vertical-125, .mrg-vertical-120, .mrg-vertical-115, .mrg-vertical-110, .mrg-vertical-100, .mrg-vertical-95, .mrg-vertical-90, .mrg-vertical-85, .mrg-vertical-80, .mrg-vertical-75, .mrg-vertical-70, .mrg-vertical-65, .mrg-vertical-60, .mrg-vertical-55, .mrg-vertical-50, .mrg-vertical-45, .mrg-vertical-40, .mrg-vertical-35 { margin-top: 30px !important; margin-bottom: 30px !important; } } .mrg-horizon-5 { margin-left: 5px !important; margin-right: 5px !important; } .mrg-horizon-10 { margin-left: 10px !important; margin-right: 10px !important; } .mrg-horizon-15 { margin-left: 15px !important; margin-right: 15px !important; } .mrg-horizon-20 { margin-left: 20px !important; margin-right: 20px !important; } .mrg-horizon-25 { margin-left: 25px !important; margin-right: 25px !important; } .mrg-horizon-30 { margin-left: 30px !important; margin-right: 30px !important; } .mrg-horizon-35 { margin-left: 35px !important; margin-right: 35px !important; } .mrg-horizon-40 { margin-left: 40px !important; margin-right: 40px !important; } .mrg-horizon-45 { margin-left: 45px !important; margin-right: 45px !important; } .mrg-horizon-50 { margin-left: 50px !important; margin-right: 50px !important; } .mrg-horizon-55 { margin-left: 55px !important; margin-right: 55px !important; } .mrg-horizon-60 { margin-left: 60px !important; margin-right: 60px !important; } .mrg-horizon-65 { margin-left: 65px !important; margin-right: 65px !important; } .mrg-horizon-70 { margin-left: 70px !important; margin-right: 70px !important; } .mrg-horizon-75 { margin-left: 75px !important; margin-right: 75px !important; } .mrg-horizon-80 { margin-left: 80px !important; margin-right: 80px !important; } .mrg-horizon-85 { margin-left: 85px !important; margin-right: 85px !important; } .mrg-horizon-90 { margin-left: 90px !important; margin-right: 90px !important; } .mrg-horizon-95 { margin-left: 95px !important; margin-right: 95px !important; } .mrg-horizon-100 { margin-left: 100px !important; margin-right: 100px !important; } .mrg-horizon-105 { margin-left: 105px !important; margin-right: 105px !important; } .mrg-horizon-110 { margin-left: 110px !important; margin-right: 110px !important; } .mrg-horizon-115 { margin-left: 115px !important; margin-right: 115px !important; } .mrg-horizon-120 { margin-left: 120px !important; margin-right: 120px !important; } .mrg-horizon-125 { margin-left: 125px !important; margin-right: 125px !important; } .mrg-horizon-130 { margin-left: 130px !important; margin-right: 130px !important; } .mrg-horizon-135 { margin-left: 135px !important; margin-right: 135px !important; } .mrg-horizon-140 { margin-left: 140px !important; margin-right: 140px !important; } .mrg-horizon-145 { margin-left: 145px !important; margin-right: 145px !important; } .mrg-horizon-150 { margin-left: 150px !important; margin-right: 150px !important; } @media only screen and (max-width: 767px) { .mrg-horizon-150, .mrg-horizon-145, .mrg-horizon-140, .mrg-horizon-135, .mrg-horizon-130, .mrg-horizon-125, .mrg-horizon-120, .mrg-horizon-115, .mrg-horizon-110, .mrg-horizon-100, .mrg-horizon-95, .mrg-horizon-90, .mrg-horizon-85, .mrg-horizon-80, .mrg-horizon-75, .mrg-horizon-70, .mrg-horizon-65, .mrg-horizon-60, .mrg-horizon-55, .mrg-horizon-50, .mrg-horizon-45, .mrg-horizon-40, .mrg-horizon-35 { margin-left: 30px !important; margin-right: 30px !important; } } .mrg-top-5 { margin-top: 5px !important; } .mrg-top-10 { margin-top: 10px !important; } .mrg-top-15 { margin-top: 15px !important; } .mrg-top-20 { margin-top: 20px !important; } .mrg-top-25 { margin-top: 25px !important; } .mrg-top-30 { margin-top: 30px !important; } .mrg-top-35 { margin-top: 35px !important; } .mrg-top-40 { margin-top: 40px !important; } .mrg-top-45 { margin-top: 45px !important; } .mrg-top-50 { margin-top: 50px !important; } .mrg-top-55 { margin-top: 55px !important; } .mrg-top-60 { margin-top: 60px !important; } .mrg-top-65 { margin-top: 65px !important; } .mrg-top-70 { margin-top: 70px !important; } .mrg-top-75 { margin-top: 75px !important; } .mrg-top-80 { margin-top: 80px !important; } .mrg-top-85 { margin-top: 85px !important; } .mrg-top-90 { margin-top: 90px !important; } .mrg-top-95 { margin-top: 95px !important; } .mrg-top-100 { margin-top: 100px !important; } .mrg-top-105 { margin-top: 105px !important; } .mrg-top-110 { margin-top: 110px !important; } .mrg-top-115 { margin-top: 115px !important; } .mrg-top-120 { margin-top: 120px !important; } .mrg-top-125 { margin-top: 125px !important; } .mrg-top-130 { margin-top: 130px !important; } .mrg-top-135 { margin-top: 135px !important; } .mrg-top-140 { margin-top: 140px !important; } .mrg-top-145 { margin-top: 145px !important; } .mrg-top-150 { margin-top: 150px !important; } @media only screen and (max-width: 767px) { .mrg-top-150, .mrg-top-145, .mrg-top-140, .mrg-top-135, .mrg-top-130, .mrg-top-125, .mrg-top-120, .mrg-top-115, .mrg-top-110, .mrg-top-100, .mrg-top-95, .mrg-top-90, .mrg-top-85, .mrg-top-80, .mrg-top-75, .mrg-top-70, .mrg-top-65, .mrg-top-60, .mrg-top-55, .mrg-top-50, .mrg-top-45, .mrg-top-40, .mrg-top-35 { margin-top: 30px !important; } } .mrg-btm-5 { margin-bottom: 5px !important; } .mrg-btm-10 { margin-bottom: 10px !important; } .mrg-btm-15 { margin-bottom: 15px !important; } .mrg-btm-20 { margin-bottom: 20px !important; } .mrg-btm-25 { margin-bottom: 25px !important; } .mrg-btm-30 { margin-bottom: 30px !important; } .mrg-btm-35 { margin-bottom: 35px !important; } .mrg-btm-40 { margin-bottom: 40px !important; } .mrg-btm-45 { margin-bottom: 45px !important; } .mrg-btm-50 { margin-bottom: 50px !important; } .mrg-btm-55 { margin-bottom: 55px !important; } .mrg-btm-60 { margin-bottom: 60px !important; } .mrg-btm-65 { margin-bottom: 65px !important; } .mrg-btm-70 { margin-bottom: 70px !important; } .mrg-btm-75 { margin-bottom: 75px !important; } .mrg-btm-80 { margin-bottom: 80px !important; } .mrg-btm-85 { margin-bottom: 85px !important; } .mrg-btm-90 { margin-bottom: 90px !important; } .mrg-btm-95 { margin-bottom: 95px !important; } .mrg-btm-100 { margin-bottom: 100px !important; } .mrg-btm-105 { margin-bottom: 105px !important; } .mrg-btm-110 { margin-bottom: 110px !important; } .mrg-btm-115 { margin-bottom: 115px !important; } .mrg-btm-120 { margin-bottom: 120px !important; } .mrg-btm-125 { margin-bottom: 125px !important; } .mrg-btm-130 { margin-bottom: 130px !important; } .mrg-btm-135 { margin-bottom: 135px !important; } .mrg-btm-140 { margin-bottom: 140px !important; } .mrg-btm-145 { margin-bottom: 145px !important; } .mrg-btm-150 { margin-bottom: 150px !important; } @media only screen and (max-width: 767px) { .mrg-btm-150, .mrg-btm-145, .mrg-btm-140, .mrg-btm-135, .mrg-btm-130, .mrg-btm-125, .mrg-btm-120, .mrg-btm-115, .mrg-btm-110, .mrg-btm-100, .mrg-btm-95, .mrg-btm-90, .mrg-btm-85, .mrg-btm-80, .mrg-btm-75, .mrg-btm-70, .mrg-btm-65, .mrg-btm-60, .mrg-btm-55, .mrg-btm-50, .mrg-btm-45, .mrg-btm-40, .mrg-btm-35 { margin-bottom: 30px !important; } } .mrg-left-5 { margin-left: 5px !important; } .mrg-left-10 { margin-left: 10px !important; } .mrg-left-15 { margin-left: 15px !important; } .mrg-left-20 { margin-left: 0px !important; } .mrg-left-25 { margin-left: 25px !important; } .mrg-left-30 { margin-left: 30px !important; } .mrg-left-35 { margin-left: 35px !important; } .mrg-left-40 { margin-left: 40px !important; } .mrg-left-45 { margin-left: 45px !important; } .mrg-left-50 { margin-left: 50px !important; } .mrg-left-55 { margin-left: 55px !important; } .mrg-left-60 { margin-left: 60px !important; } .mrg-left-65 { margin-left: 65px !important; } .mrg-left-70 { margin-left: 70px !important; } .mrg-left-75 { margin-left: 75px !important; } .mrg-left-80 { margin-left: 80px !important; } .mrg-left-85 { margin-left: 85px !important; } .mrg-left-90 { margin-left: 90px !important; } .mrg-left-95 { margin-left: 95px !important; } .mrg-left-100 { margin-left: 100px !important; } .mrg-left-105 { margin-left: 105px !important; } .mrg-left-110 { margin-left: 110px !important; } .mrg-left-115 { margin-left: 115px !important; } .mrg-left-120 { margin-left: 120px !important; } .mrg-left-125 { margin-left: 125px !important; } .mrg-left-130 { margin-left: 130px !important; } .mrg-left-135 { margin-left: 135px !important; } .mrg-left-140 { margin-left: 140px !important; } .mrg-left-145 { margin-left: 145px !important; } .mrg-left-150 { margin-left: 150px !important; } @media only screen and (max-width: 767px) { .mrg-left-150, .mrg-left-145, .mrg-left-140, .mrg-left-135, .mrg-left-130, .mrg-left-125, .mrg-left-120, .mrg-left-115, .mrg-left-110, .mrg-left-100, .mrg-left-95, .mrg-left-90, .mrg-left-85, .mrg-left-80, .mrg-left-75, .mrg-left-70, .mrg-left-65, .mrg-left-60, .mrg-left-55, .mrg-left-50, .mrg-left-45, .mrg-left-40, .mrg-left-35 { margin-left: 30px !important; } } .mrg-right-5 { margin-right: 5px !important; } .mrg-right-10 { margin-right: 10px !important; } .mrg-right-15 { margin-right: 15px !important; } .mrg-right-20 { margin-right: 20px !important; } .mrg-right-25 { margin-right: 25px !important; } .mrg-right-30 { margin-right: 30px !important; } .mrg-right-35 { margin-right: 35px !important; } .mrg-right-40 { margin-right: 40px !important; } .mrg-right-45 { margin-right: 45px !important; } .mrg-right-50 { margin-right: 50px !important; } .mrg-right-55 { margin-right: 55px !important; } .mrg-right-60 { margin-right: 60px !important; } .mrg-right-65 { margin-right: 65px !important; } .mrg-right-70 { margin-right: 70px !important; } .mrg-right-75 { margin-right: 75px !important; } .mrg-right-80 { margin-right: 80px !important; } .mrg-right-85 { margin-right: 85px !important; } .mrg-right-90 { margin-right: 90px !important; } .mrg-right-95 { margin-right: 95px !important; } .mrg-right-100 { margin-right: 100px !important; } .mrg-right-105 { margin-right: 105px !important; } .mrg-right-110 { margin-right: 110px !important; } .mrg-right-115 { margin-right: 115px !important; } .mrg-right-120 { margin-right: 120px !important; } .mrg-right-125 { margin-right: 125px !important; } .mrg-right-130 { margin-right: 130px !important; } .mrg-right-135 { margin-right: 135px !important; } .mrg-right-140 { margin-right: 140px !important; } .mrg-right-145 { margin-right: 145px !important; } .mrg-right-150 { margin-right: 150px !important; } @media only screen and (max-width: 767px) { .mrg-right-150, .mrg-right-145, .mrg-right-140, .mrg-right-135, .mrg-right-130, .mrg-right-125, .mrg-right-120, .mrg-right-115, .mrg-right-110, .mrg-right-100, .mrg-right-95, .mrg-right-90, .mrg-right-85, .mrg-right-80, .mrg-right-75, .mrg-right-70, .mrg-right-65, .mrg-right-60, .mrg-right-55, .mrg-right-50, .mrg-right-45, .mrg-right-40, .mrg-right-35 { margin-right: 30px !important; } } /*Padding*/ .no-pdd { padding: 0 !important; } .no-pdd-top { padding-top: 0 !important; } .no-pdd-btm { padding-bottom: 0 !important; } .no-pdd-left { padding-left: 0 !important; } .no-pdd-right { padding-right: 0 !important; } .no-pdd-vertical { padding-top: 0 !important; padding-bottom: 0 !important; } .no-pdd-horizon { padding-left: 0 !important; padding-right: 0 !important; } .padding-5 { padding: 5px !important; } .padding-10 { padding: 10px !important; } .padding-15 { padding: 15px !important; } .padding-20 { padding: 20px !important; } .padding-25 { padding: 25px !important; } .padding-30 { padding: 30px !important; } .padding-35 { padding: 35px !important; } .padding-40 { padding: 40px !important; } .padding-45 { padding: 45px !important; } .padding-50 { padding: 50px !important; } .padding-55 { padding: 55px !important; } .padding-60 { padding: 60px !important; } .padding-65 { padding: 65px !important; } .padding-70 { padding: 70px !important; } .padding-75 { padding: 75px !important; } .padding-80 { padding: 80px !important; } .padding-85 { padding: 85px !important; } .padding-90 { padding: 90px !important; } .padding-95 { padding: 95px !important; } .padding-100 { padding: 100px !important; } .padding-105 { padding: 105px !important; } .padding-110 { padding: 110px !important; } .padding-115 { padding: 115px !important; } .padding-120 { padding: 120px !important; } .padding-125 { padding: 125px !important; } .padding-130 { padding: 130px !important; } .padding-135 { padding: 135px !important; } .padding-140 { padding: 140px !important; } .padding-145 { padding: 145px !important; } .padding-150 { padding: 150px !important; } @media only screen and (max-width: 767px) { .padding-150, .padding-145, .padding-140, .padding-135, .padding-130, .padding-125, .padding-120, .padding-115, .padding-110, .padding-100, .padding-95, .padding-90, .padding-85, .padding-80, .padding-75, .padding-70, .padding-65, .padding-60, .padding-55, .padding-50, .padding-45, .padding-40, .padding-35 { padding: 30px !important; } } .pdd-vertical-5 { padding-top: 5px !important; padding-bottom: 5px !important; } .pdd-vertical-10 { padding-top: 10px !important; padding-bottom: 10px !important; } .pdd-vertical-15 { padding-top: 15px !important; padding-bottom: 15px !important; } .pdd-vertical-20 { padding-top: 20px !important; padding-bottom: 20px !important; } .pdd-vertical-25 { padding-top: 25px !important; padding-bottom: 25px !important; } .pdd-vertical-30 { padding-top: 30px !important; padding-bottom: 30px !important; } .pdd-vertical-35 { padding-top: 35px !important; padding-bottom: 35px !important; } .pdd-vertical-40 { padding-top: 40px !important; padding-bottom: 40px !important; } .pdd-vertical-45 { padding-top: 45px !important; padding-bottom: 45px !important; } .pdd-vertical-50 { padding-top: 50px !important; padding-bottom: 50px !important; } .pdd-vertical-55 { padding-top: 55px !important; padding-bottom: 55px !important; } .pdd-vertical-60 { padding-top: 60px !important; padding-bottom: 60px !important; } .pdd-vertical-65 { padding-top: 65px !important; padding-bottom: 65px !important; } .pdd-vertical-70 { padding-top: 70px !important; padding-bottom: 70px !important; } .pdd-vertical-75 { padding-top: 75px !important; padding-bottom: 75px !important; } .pdd-vertical-80 { padding-top: 80px !important; padding-bottom: 80px !important; } .pdd-vertical-85 { padding-top: 85px !important; padding-bottom: 85px !important; } .pdd-vertical-90 { padding-top: 90px !important; padding-bottom: 90px !important; } .pdd-vertical-95 { padding-top: 95px !important; padding-bottom: 95px !important; } .pdd-vertical-100 { padding-top: 100px !important; padding-bottom: 100px !important; } .pdd-vertical-105 { padding-top: 105px !important; padding-bottom: 105px !important; } .pdd-vertical-110 { padding-top: 110px !important; padding-bottom: 110px !important; } .pdd-vertical-115 { padding-top: 115px !important; padding-bottom: 115px !important; } .pdd-vertical-120 { padding-top: 120px !important; padding-bottom: 120px !important; } .pdd-vertical-125 { padding-top: 125px !important; padding-bottom: 125px !important; } .pdd-vertical-130 { padding-top: 130px !important; padding-bottom: 130px !important; } .pdd-vertical-135 { padding-top: 135px !important; padding-bottom: 135px !important; } .pdd-vertical-140 { padding-top: 140px !important; padding-bottom: 140px !important; } .pdd-vertical-145 { padding-top: 145px !important; padding-bottom: 145px !important; } .pdd-vertical-150 { padding-top: 150px !important; padding-bottom: 150px !important; } @media only screen and (max-width: 767px) { .pdd-vertical-150, .pdd-vertical-145, .pdd-vertical-140, .pdd-vertical-135, .pdd-vertical-130, .pdd-vertical-125, .pdd-vertical-120, .pdd-vertical-115, .pdd-vertical-110, .pdd-vertical-100, .pdd-vertical-95, .pdd-vertical-90, .pdd-vertical-85, .pdd-vertical-80, .pdd-vertical-75, .pdd-vertical-70, .pdd-vertical-65, .pdd-vertical-60, .pdd-vertical-55, .pdd-vertical-50, .pdd-vertical-45, .pdd-vertical-40, .pdd-vertical-35 { padding-top: 30px !important; padding-bottom: 30px !important; } } .pdd-horizon-5 { padding-left: 5px !important; padding-right: 5px !important; } .pdd-horizon-10 { padding-left: 10px !important; padding-right: 10px !important; } .pdd-horizon-15 { padding-left: 15px !important; padding-right: 15px !important; } .pdd-horizon-20 { padding-left: 20px !important; padding-right: 20px !important; } .pdd-horizon-25 { padding-left: 25px !important; padding-right: 25px !important; } .pdd-horizon-30 { padding-left: 30px !important; padding-right: 30px !important; } .pdd-horizon-35 { padding-left: 35px !important; padding-right: 35px !important; } .pdd-horizon-40 { padding-left: 40px !important; padding-right: 40px !important; } .pdd-horizon-45 { padding-left: 45px !important; padding-right: 45px !important; } .pdd-horizon-50 { padding-left: 50px !important; padding-right: 50px !important; } .pdd-horizon-55 { padding-left: 55px !important; padding-right: 55px !important; } .pdd-horizon-60 { padding-left: 60px !important; padding-right: 60px !important; } .pdd-horizon-65 { padding-left: 65px !important; padding-right: 65px !important; } .pdd-horizon-70 { padding-left: 70px !important; padding-right: 70px !important; } .pdd-horizon-75 { padding-left: 75px !important; padding-right: 75px !important; } .pdd-horizon-80 { padding-left: 80px !important; padding-right: 80px !important; } .pdd-horizon-85 { padding-left: 85px !important; padding-right: 85px !important; } .pdd-horizon-90 { padding-left: 90px !important; padding-right: 90px !important; } .pdd-horizon-95 { padding-left: 95px !important; padding-right: 95px !important; } .pdd-horizon-100 { padding-left: 100px !important; padding-right: 100px !important; } .pdd-horizon-105 { padding-left: 105px !important; padding-right: 105px !important; } .pdd-horizon-110 { padding-left: 110px !important; padding-right: 110px !important; } .pdd-horizon-115 { padding-left: 115px !important; padding-right: 115px !important; } .pdd-horizon-120 { padding-left: 120px !important; padding-right: 120px !important; } .pdd-horizon-125 { padding-left: 125px !important; padding-right: 125px !important; } .pdd-horizon-130 { padding-left: 130px !important; padding-right: 130px !important; } .pdd-horizon-135 { padding-left: 135px !important; padding-right: 135px !important; } .pdd-horizon-140 { padding-left: 140px !important; padding-right: 140px !important; } .pdd-horizon-145 { padding-left: 145px !important; padding-right: 145px !important; } .pdd-horizon-150 { padding-left: 150px !important; padding-right: 150px !important; } @media only screen and (max-width: 767px) { .pdd-horizon-150, .pdd-horizon-145, .pdd-horizon-140, .pdd-horizon-135, .pdd-horizon-130, .pdd-horizon-125, .pdd-horizon-120, .pdd-horizon-115, .pdd-horizon-110, .pdd-horizon-100, .pdd-horizon-95, .pdd-horizon-90, .pdd-horizon-85, .pdd-horizon-80, .pdd-horizon-75, .pdd-horizon-70, .pdd-horizon-65, .pdd-horizon-60, .pdd-horizon-55, .pdd-horizon-50, .pdd-horizon-45, .pdd-horizon-40, .pdd-horizon-35 { padding-left: 30px !important; padding-right: 30px !important; } } .pdd-top-5 { padding-top: 5px !important; } .pdd-top-10 { padding-top: 10px !important; } .pdd-top-15 { padding-top: 15px !important; } .pdd-top-20 { padding-top: 20px !important; } .pdd-top-25 { padding-top: 25px !important; } .pdd-top-30 { padding-top: 30px !important; } .pdd-top-35 { padding-top: 35px !important; } .pdd-top-40 { padding-top: 40px !important; } .pdd-top-45 { padding-top: 45px !important; } .pdd-top-50 { padding-top: 50px !important; } .pdd-top-55 { margin-top: 55px !important; } .pdd-top-60 { padding-top: 60px !important; } .pdd-top-65 { padding-top: 65px !important; } .pdd-top-70 { padding-top: 70px !important; } .pdd-top-75 { padding-top: 75px !important; } .pdd-top-80 { padding-top: 80px !important; } .pdd-top-85 { padding-top: 85px !important; } .pdd-top-90 { padding-top: 90px !important; } .pdd-top-95 { padding-top: 95px !important; } .pdd-top-100 { padding-top: 100px !important; } .pdd-top-105 { padding-top: 105px !important; } .pdd-top-110 { padding-top: 110px !important; } .pdd-top-115 { padding-top: 115px !important; } .pdd-top-120 { padding-top: 120px !important; } .pdd-top-125 { padding-top: 125px !important; } .pdd-top-130 { padding-top: 130px !important; } .pdd-top-135 { padding-top: 135px !important; } .pdd-top-140 { padding-top: 140px !important; } .pdd-top-145 { padding-top: 145px !important; } .pdd-top-150 { padding-top: 150px !important; } @media only screen and (max-width: 767px) { .pdd-top-150, .pdd-top-145, .pdd-top-140, .pdd-top-135, .pdd-top-130, .pdd-top-125, .pdd-top-120, .pdd-top-115, .pdd-top-110, .pdd-top-100, .pdd-top-95, .pdd-top-90, .pdd-top-85, .pdd-top-80, .pdd-top-75, .pdd-top-70, .pdd-top-65, .pdd-top-60, .pdd-top-55, .pdd-top-50, .pdd-top-45, .pdd-top-40, .pdd-top-35 { padding-top: 30px !important; } } .pdd-btm-5 { padding-bottom: 5px !important; } .pdd-btm-10 { padding-bottom: 10px !important; } .pdd-btm-15 { padding-bottom: 15px !important; } .pdd-btm-20 { padding-bottom: 20px !important; } .pdd-btm-25 { padding-bottom: 25px !important; } .pdd-btm-30 { padding-bottom: 30px !important; } .pdd-btm-35 { padding-bottom: 35px !important; } .pdd-btm-40 { padding-bottom: 40px !important; } .pdd-btm-45 { padding-bottom: 45px !important; } .pdd-btm-50 { padding-bottom: 50px !important; } .pdd-btm-55 { margin-bottom: 55px !important; } .pdd-btm-60 { padding-bottom: 60px !important; } .pdd-btm-65 { padding-bottom: 65px !important; } .pdd-btm-70 { padding-bottom: 70px !important; } .pdd-btm-75 { padding-bottom: 75px !important; } .pdd-btm-80 { padding-bottom: 80px !important; } .pdd-btm-85 { padding-bottom: 85px !important; } .pdd-btm-90 { padding-bottom: 90px !important; } .pdd-btm-95 { padding-bottom: 95px !important; } .pdd-btm-100 { padding-bottom: 100px !important; } .pdd-btm-105 { padding-bottom: 105px !important; } .pdd-btm-110 { padding-bottom: 110px !important; } .pdd-btm-115 { padding-bottom: 115px !important; } .pdd-btm-120 { margin-bottom: 120px !important; } .pdd-btm-125 { padding-bottom: 125px !important; } .pdd-btm-130 { padding-bottom: 130px !important; } .pdd-btm-135 { padding-bottom: 135px !important; } .pdd-btm-140 { padding-bottom: 140px !important; } .pdd-btm-145 { padding-bottom: 145px !important; } .pdd-btm-150 { padding-bottom: 150px !important; } @media only screen and (max-width: 767px) { .pdd-btm-150, .pdd-btm-145, .pdd-btm-140, .pdd-btm-135, .pdd-btm-130, .pdd-btm-125, .pdd-btm-120, .pdd-btm-115, .pdd-btm-110, .pdd-btm-100, .pdd-btm-95, .pdd-btm-90, .pdd-btm-85, .pdd-btm-80, .pdd-btm-75, .pdd-btm-70, .pdd-btm-65, .pdd-btm-60, .pdd-btm-55, .pdd-btm-50, .pdd-btm-45, .pdd-btm-40, .pdd-btm-35 { padding-bottom: 30px !important; } } .pdd-left-5 { padding-left: 5px !important; } .pdd-left-10 { padding-left: 10px !important; } .pdd-left-15 { padding-left: 15px !important; } .pdd-left-20 { padding-left: 20px !important; } .pdd-left-25 { padding-left: 25px !important; } .pdd-left-30 { padding-left: 30px !important; } .pdd-left-35 { padding-left: 35px !important; } .pdd-left-40 { padding-left: 40px !important; } .pdd-left-45 { padding-left: 45px !important; } .pdd-left-50 { padding-left: 50px !important; } .pdd-left-55 { margin-left: 55px !important; } .pdd-left-60 { padding-left: 60px !important; } .pdd-left-65 { padding-left: 65px !important; } .pdd-left-70 { padding-left: 70px !important; } .pdd-left-75 { padding-left: 75px !important; } .pdd-left-80 { padding-left: 80px !important; } .pdd-left-85 { padding-left: 85px !important; } .pdd-left-90 { padding-left: 90px !important; } .pdd-left-95 { padding-left: 95px !important; } .pdd-left-100 { padding-left: 100px !important; } .pdd-left-105 { padding-left: 105px !important; } .pdd-left-110 { padding-left: 110px !important; } .pdd-left-115 { padding-left: 115px !important; } .pdd-left-120 { margin-left: 120px !important; } .pdd-left-125 { padding-left: 125px !important; } .pdd-left-130 { padding-left: 130px !important; } .pdd-left-135 { padding-left: 135px !important; } .pdd-left-140 { padding-left: 140px !important; } .pdd-left-145 { padding-left: 145px !important; } .pdd-left-150 { padding-left: 150px !important; } @media only screen and (max-width: 767px) { .pdd-left-150, .pdd-left-145, .pdd-left-140, .pdd-left-135, .pdd-left-130, .pdd-left-125, .pdd-left-120, .pdd-left-115, .pdd-left-110, .pdd-left-100, .pdd-left-95, .pdd-left-90, .pdd-left-85, .pdd-left-80, .pdd-left-75, .pdd-left-70, .pdd-left-65, .pdd-left-60, .pdd-left-55, .pdd-left-50, .pdd-left-45, .pdd-left-40, .pdd-left-35 { padding-left: 30px !important; } } .pdd-right-5 { padding-right: 5px !important; } .pdd-right-10 { padding-right: 10px !important; } .pdd-right-15 { padding-right: 15px !important; } .pdd-right-20 { padding-right: 20px !important; } .pdd-right-25 { padding-right: 25px !important; } .pdd-right-30 { padding-right: 30px !important; } .pdd-right-35 { padding-right: 35px !important; } .pdd-right-40 { padding-right: 40px !important; } .pdd-right-45 { padding-right: 45px !important; } .pdd-right-50 { padding-right: 50px !important; } .pdd-right-55 { margin-right: 55px !important; } .pdd-right-60 { padding-right: 60px !important; } .pdd-right-65 { padding-right: 65px !important; } .pdd-right-70 { padding-right: 70px !important; } .pdd-right-75 { padding-right: 75px !important; } .pdd-right-80 { padding-right: 80px !important; } .pdd-right-85 { padding-right: 85px !important; } .pdd-right-90 { padding-right: 90px !important; } .pdd-right-95 { padding-right: 95px !important; } .pdd-right-100 { padding-right: 100px !important; } .pdd-right-105 { padding-right: 105px !important; } .pdd-left-110 { padding-left: 110px !important; } .pdd-right-115 { padding-right: 115px !important; } .pdd-right-120 { margin-right: 120px !important; } .pdd-right-125 { padding-right: 125px !important; } .pdd-right-130 { padding-right: 130px !important; } .pdd-right-135 { padding-right: 135px !important; } .pdd-right-140 { padding-right: 140px !important; } .pdd-right-145 { padding-right: 145px !important; } .pdd-right-150 { padding-right: 150px !important; } @media only screen and (max-width: 767px) { .pdd-right-150, .pdd-right-145, .pdd-right-140, .pdd-right-135, .pdd-right-130, .pdd-right-125, .pdd-right-120, .pdd-right-115, .pdd-right-110, .pdd-right-100, .pdd-right-95, .pdd-right-90, .pdd-right-85, .pdd-right-80, .pdd-right-75, .pdd-right-70, .pdd-right-65, .pdd-right-60, .pdd-right-55, .pdd-right-50, .pdd-right-45, .pdd-right-40, .pdd-right-35 { padding-right: 30px !important; } } .width-0 { width: 0px; } .width-10 { width: 10%; } .width-15 { width: 15%; } .width-20 { width: 20%; } .width-25 { width: 25%; } .width-30 { width: 30%; } .width-35 { width: 35%; } .width-40 { width: 40%; } .width-45 { width: 45%; } .width-50 { width: 50%; } .width-55 { width: 55%; } .width-60 { width: 60%; } .width-65 { width: 65%; } .width-70 { width: 70%; } .width-75 { width: 75%; } .width-80 { width: 80%; } .width-85 { width: 85%; } .width-90 { width: 90%; } .width-95 { width: 95%; } .width-100 { width: 100%; } .height-100 { height: 100%; } .full-height { min-height: 100vh; } .ls-0 { letter-spacing: 0px !important; } .ls-0-5 { letter-spacing: 0.5px !important; } .ls-1 { letter-spacing: 1px !important; } .ls-1-5 { letter-spacing: 1.5px !important; } .ls-2 { letter-spacing: 2px !important; } .ls-2-5 { letter-spacing: 2.5px !important; } .ls-3 { letter-spacing: 3px !important; } .ls-3-5 { letter-spacing: 3.5px !important; } .ls-4 { letter-spacing: 4px !important; } .ls-4-5 { letter-spacing: 4.5px !important; } .ls-5 { letter-spacing: 5px !important; } .ls-5-5 { letter-spacing: 5.5px !important; } .ls-6 { letter-spacing: 6px !important; } .ls-6-5 { letter-spacing: 6.5px !important; } .ls-7 { letter-spacing: 7px !important; } .ls-7-5 { letter-spacing: 7.5px !important; } .ls-8 { letter-spacing: 8px !important; } .ls-8-5 { letter-spacing: 8.5px !important; } .ls-9 { letter-spacing: 9px !important; } .ls-9-5 { letter-spacing: 9.5px !important; } .ls-10 { letter-spacing: 10px !important; } .ls-11 { letter-spacing: 11px !important; } .ls-12 { letter-spacing: 12px !important; } .ls-13 { letter-spacing: 13px !important; } .ls-14 { letter-spacing: 14px !important; } .ls-15 { letter-spacing: 15px !important; } /*Line-Height*/ .lh-0 { line-height: 0 !important; } .lh-0-5 { line-height: 0.5 !important; } .lh-1 { line-height: 1 !important; } .lh-1-1 { line-height: 1.1 !important; } .lh-1-2 { line-height: 1.2 !important; } .lh-1-3 { line-height: 1.3 !important; } .lh-1-4 { line-height: 1.4 !important; } .lh-1-5 { line-height: 1.5 !important; } .lh-1-6 { line-height: 1.6 !important; } .lh-1-7 { line-height: 1.7 !important; } .lh-1-8 { line-height: 1.8 !important; } .lh-1-9 { line-height: 1.9 !important; } .lh-2 { line-height: 2 !important; } .lh-2-1 { line-height: 2.1 !important; } .lh-2-2 { line-height: 2.2 !important; } .lh-2-3 { line-height: 2.3 !important; } .lh-2-4 { line-height: 2.4 !important; } .lh-2-5 { line-height: 2.5 !important; } .lh-3 { line-height: 3 !important; } .lh-4 { line-height: 4 !important; } /*Font Size*/ .font-size-8 { font-size: 8px !important; } .font-size-9 { font-size: 9px !important; } .font-size-10 { font-size: 10px !important; } .font-size-11 { font-size: 11px !important; } .font-size-12 { font-size: 12px !important; } .font-size-13 { font-size: 13px !important; } .font-size-14 { font-size: 14px !important; } .font-size-15 { font-size: 15px !important; } .font-size-16 { font-size: 16px !important; } .font-size-17 { font-size: 17px !important; } .font-size-18 { font-size: 18px !important; } .font-size-19 { font-size: 19px !important; } .font-size-20 { font-size: 20px !important; } .font-size-21 { font-size: 21px !important; } .font-size-22 { font-size: 22px !important; } .font-size-23 { font-size: 23px !important; } .font-size-24 { font-size: 24px !important; } .font-size-25 { font-size: 25px !important; } .font-size-26 { font-size: 26px !important; } .font-size-27 { font-size: 27px !important; } .font-size-28 { font-size: 28px !important; } .font-size-29 { font-size: 29px !important; } .font-size-30 { font-size: 30px !important; } .font-size-35 { font-size: 35px !important; } .font-size-40 { font-size: 40px !important; } .font-size-45 { font-size: 45px !important; } .font-size-50 { font-size: 50px !important; } .font-size-55 { font-size: 55px !important; } .font-size-60 { font-size: 60px !important; } .font-size-65 { font-size: 65px !important; } .font-size-70 { font-size: 70px !important; } .font-size-75 { font-size: 75px !important; } .font-size-80 { font-size: 80px !important; } .font-size-85 { font-size: 85px !important; } .font-size-90 { font-size: 90px !important; } .font-size-95 { font-size: 95px !important; } .font-size-100 { font-size: 100px !important; } .font-size-105 { font-size: 105px !important; } .font-size-110 { font-size: 110px !important; } .font-size-115 { font-size: 115px !important; } .font-size-120 { font-size: 120px !important; } .font-size-125 { font-size: 125px !important; } .font-size-130 { font-size: 130px !important; } .font-size-135 { font-size: 135px !important; } .font-size-140 { font-size: 140px !important; } .font-size-145 { font-size: 145px !important; } .font-size-150 { font-size: 150px !important; } .font-size-155 { font-size: 155px !important; } .font-size-160 { font-size: 160px !important; } .font-size-165 { font-size: 165px !important; } .font-size-170 { font-size: 170px !important; } .font-size-175 { font-size: 175px !important; } .font-size-180 { font-size: 180px !important; } .font-size-185 { font-size: 185px !important; } .font-size-190 { font-size: 190px !important; } .font-size-195 { font-size: 195px !important; } .font-size-200 { font-size: 200px !important; } /* Font Weight */ .text-light { font-weight: 300 !important; } .text-normal { font-weight: 400 !important; } .text-semibold { font-weight: 500 !important; } .text-bold { font-weight: 700 !important; } /* Display */ .display-block { display: block !important; } .inline-block { display: inline-block !important; } .pointer { cursor: pointer; } /* Position */ .relative { position: relative; } .absolute { position: absolute; } .fixed { position: fixed; } .static { position: static; } /* Overflow */ .overflow-hidden { overflow: hidden; } .overflow-y-hidden { overflow-y: hidden; } .overflow-x-hidden { overflow-x: hidden; } .overflow-auto { overflow: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-auto { overflow-x: auto; } /* Float */ @media only screen and (max-width: 767px) { .pull-left-sm { float: left !important; } .pull-right-sm { float: right !important; } .pull-none-sm { float: none !important; } } /* Text Align */ .text-center { text-align: center !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } /* Image */ .img-circle { border-radius: 50% !important; } /* Border */ .border { border: 1px solid #e6ecf5; } .border.top { border: 0px !important; border-top: 1px solid #e6ecf5 !important; } .border.right { border: 0px !important; border-right: 1px solid #e6ecf5 !important; } .border.bottom { border: 0px !important; border-bottom: 1px solid #e6ecf5 !important; } .border.left { border: 0px !important; border-left: 1px solid #e6ecf5 !important; } @media only screen and (max-width: 992px) { .border.border-hide-md { border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-left: 0px !important; } } @media only screen and (max-width: 767px) { .border.border-hide-sm { border-top: 0px !important; border-right: 0px !important; border-bottom: 0px !important; border-left: 0px !important; } } .no-border { border: 0px !important; border-radius: 0px !important; } @media only screen and (max-width: 767px) { .text-center-sm { text-align: center !important; } .text-left-sm { text-align: left !important; } .text-right-sm { text-align: right !important; } } /* Vertical Align */ .vertical-align { display: table; height: 100%; width: 100%; } .vertical-align .table-cell { display: table-cell; vertical-align: middle; } .vertical-align-super { vertical-align: super; } /* border-radius */ .border-radius-4 { border-radius: 4px !important; } .border-radius-6 { border-radius: 6px !important; } .border-radius-8 { border-radius: 8px !important; } .border-radius-10 { border-radius: 10px !important; } .border-radius-round { border-radius: 50px !important; } @media only screen and (max-width: 767px) { /* Typography */ .font-size-145, .font-size-140, .font-size-135, .font-size-130, .font-size-125, .font-size-120, .font-size-115, .font-size-110, .font-size-105, .font-size-100, .font-size-95, .font-size-90, .font-size-85, .font-size-80, .font-size-75, .font-size-70, .font-size-65, .font-size-60, .font-size-55, .font-size-50 { font-size: 45px !important; } .font-size-200, .font-size-195, .font-size-190, .font-size-185, .font-size-180, .font-size-175, .font-size-170, .font-size-165, .font-size-160, .font-size-155, .font-size-150 { font-size: 130px !important; } p.width-95, p.width-90, p.width-85, p.width-80, p.width-75, p.width-70, p.width-65, p.width-60, p.width-55, p.width-50, p.width-45, p.width-40, p.width-35, p.width-30, p.width-25, p.width-20, p.width-15, p.width-10 { width: 100% !important; } input.width-95, input.width-90, input.width-85, input.width-80, input.width-75, input.width-70, input.width-65, input.width-60, input.width-55, input.width-50, input.width-45, input.width-40, input.width-35, input.width-30, input.width-25, input.width-20, input.width-15, input.width-10 { width: 100% !important; } } .side-nav {width: 280px;background-color: #ffffff;z-index: 1000;top: 65px;bottom: 0px;position: fixed;overflow: hidden;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;/* display: none; */} @media print { .side-nav { display: none; } } .side-nav .side-nav-inner { position: relative; height: 100%; } .side-nav .side-nav-inner .side-nav-logo {padding: 0px 20px;/* border-bottom: 1px solid #e6ecf5; *//* border-right: 1px solid #e6ecf5; */line-height: 0;transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;display: none;} .side-nav .side-nav-inner .side-nav-logo > a { display: inline-block; max-width: 180px; width: 100%; } .side-nav .side-nav-inner .side-nav-logo > a .logo { background-repeat: no-repeat; background-position: center left; display: inline-block; width: 100%; min-height: calc(65px - 1px); } .side-nav .side-nav-inner .side-nav-logo > a .logo.logo-white { display: none; } .side-nav .side-nav-inner .side-nav-logo .mobile-toggle { display: none; float: right; line-height: calc(65px - 1px); font-size: 18px; } .side-nav .side-nav-inner .side-nav-logo .mobile-toggle a { color: #888da8; } @media only screen and (max-width: 992px) { .side-nav .side-nav-inner .side-nav-logo .mobile-toggle { display: inline-block; } } @media only screen and (min-width: 992px) and (max-width: 1440px) { .side-nav .side-nav-inner .side-nav-logo .mobile-toggle { display: none; } } .side-nav .side-nav-inner .side-nav-menu {position: relative;list-style: none;margin: 0;padding: 0;overflow: auto;border-right: 1px solid #e6ecf5;height: calc(100vh - 65px);} .side-nav .side-nav-inner .side-nav-menu:before, .side-nav .side-nav-inner .side-nav-menu:after { content: " "; display: table; } .side-nav .side-nav-inner .side-nav-menu:after { clear: both; } .side-nav .side-nav-inner .side-nav-menu li { position: relative; display: block;/*border-bottom: 1px solid #e3e6ee;*/ } .side-nav .side-nav-inner .side-nav-menu li:last-child{ border-bottom: none; } .side-nav .side-nav-inner .side-nav-menu li.dropdown .arrow { position: absolute; right: 15px; line-height: 40px; font-size: 10px; transition: all 0.05s ease-in; -webkit-transition: all 0.05s ease-in; -moz-transition: all 0.05s ease-in; -o-transition: all 0.05s ease-in; -ms-transition: all 0.05s ease-in; } @media only screen and (max-width: 992px) { .side-nav .side-nav-inner .side-nav-menu li.dropdown .arrow { right: 25px; } } .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a { color: #1d1d1d; } .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a .icon-holder { color: #0f9aee; } .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a > .arrow { transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -ms-transform: rotate(90deg); } .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > .dropdown-menu { display: block; } .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > .dropdown-menu .dropdown-menu { padding-left: 20px; } .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > .dropdown-menu .arrow { line-height: 25px; } .side-nav .side-nav-inner .side-nav-menu li a { color: #424552; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .side-nav .side-nav-inner .side-nav-menu li a:hover, .side-nav .side-nav-inner .side-nav-menu li a:focus { text-decoration: none; color: #333; } .side-nav .side-nav-inner .side-nav-menu li a:hover .icon-holder, .side-nav .side-nav-inner .side-nav-menu li a:focus .icon-holder { color: #333; } .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu { position: relative; width: 100%; box-shadow: none; border: 0px; border-radius: 0; padding-left: 40px; padding-right: 15px; padding-top: 0px; background-color: transparent; float: none; } .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li > a { padding: 8px 15px; } .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li > a:hover, .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li > a:focus { background: #f8fafc; color: #333; border-radius:4px;} .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li.active a { color: #ed6639; } .side-nav .side-nav-inner .side-nav-menu > li > a { color:#333;position: relative; display: block; padding: 5px 15px; font-weight: 500; font-size: 14px; white-space: nowrap; } .side-nav .side-nav-inner .side-nav-menu > li > a .icon-holder { display: inline-block; height: 35px; width: 35px; color:#333; line-height: 35px; text-align: center; position: relative; left: 0; margin-right: 5px; font-size: 17px; border-radius: 2px; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; } .side-nav .side-nav-inner .side-nav-menu > li > a .icon-holder i{} .side-nav .side-nav-inner .side-nav-menu > li > a .icon-holder i img{width: 18px;height: 18px;} @media only screen and (min-width: 992px) and (max-width: 30000px) { .side-nav { width: 70px; } .side-nav .side-nav-inner .side-nav-logo {/* border-bottom: 1px solid transparent; */padding: 0px;} .side-nav .side-nav-inner .side-nav-logo a .logo { width: 70px; background-position: center center; background-size: contain; } .side-nav .side-nav-inner .side-nav-logo a .logo-dark { background-image: url("../images/logo/logo-sm.png") !important; } .side-nav .side-nav-inner .side-nav-logo a .logo-dark img { width:50px; height:50px;} .side-nav .side-nav-inner .side-nav-logo a .logo-white { background-image: url("../images/logo/logo-white-sm.png") !important; } .side-nav .side-nav-inner .side-nav-menu { overflow-x: hidden; } .side-nav .side-nav-inner .side-nav-menu > li > a .title { display: none; } .side-nav .side-nav-inner .side-nav-menu li.dropdown .arrow { opacity: 0; } .side-nav .side-nav-inner .side-nav-menu li.dropdown.open ul.dropdown-menu { display: none !important; } .side-nav:hover { width: 240px; } .side-nav:hover .side-nav-inner .side-nav-logo { padding: 0px 20px; border-bottom: 1px solid #e6ecf5; } .side-nav:hover .side-nav-inner .side-nav-logo a .logo { width: 180px; background-position: center left; } .side-nav:hover .side-nav-inner .side-nav-logo a .logo-dark { background-image: url("../images/logo/logo.png") !important; } .side-nav:hover .side-nav-inner .side-nav-logo a .logo-white { background-image: url("../images/logo/logo-white.png") !important; } .side-nav:hover .side-nav-inner .side-nav-menu > li > a .title { display: inline-block; } .side-nav:hover .side-nav-inner .side-nav-menu li.dropdown .arrow { opacity: 1; } .side-nav:hover .side-nav-inner .side-nav-menu li.open > ul.dropdown-menu { display: block !important; } } @media only screen and (max-width: 992px) { .side-nav { left: -280px; width: calc(280px - 30px); } } @media only screen and (min-width: 1440px) { .is-collapsed .side-nav { width: 70px; } .is-collapsed .side-nav .side-nav-inner .side-nav-logo { border-bottom: 1px solid transparent; padding: 0px; } .is-collapsed .side-nav .side-nav-inner .side-nav-logo > a .logo { width: 70px; background-position: center center; } .is-collapsed .side-nav .side-nav-inner .side-nav-logo > a .logo-dark { background-image: url("../images/logo/logo-sm.png") !important; } .is-collapsed .side-nav .side-nav-inner .side-nav-logo > a .logo-white { background-image: url("../images/logo/logo-white-sm.png") !important; } .is-collapsed .side-nav .side-nav-inner .side-nav-menu { overflow-x: hidden; } .is-collapsed .side-nav .side-nav-inner .side-nav-menu > li > a .title { display: none; } .is-collapsed .side-nav .side-nav-inner .side-nav-menu li.dropdown .arrow { opacity: 0; } .is-collapsed .side-nav .side-nav-inner .side-nav-menu li.dropdown.open ul.dropdown-menu { display: none !important; } .is-collapsed .side-nav:hover { width: 280px; } .is-collapsed .side-nav:hover .side-nav-inner .side-nav-logo { padding: 0px 20px; border-bottom: 1px solid #e6ecf5; } .is-collapsed .side-nav:hover .side-nav-inner .side-nav-logo a .logo { width: 180px; background-position: center left; } .is-collapsed .side-nav:hover .side-nav-inner .side-nav-logo a .logo-dark { background-image: url("../images/logo/logo.png") !important; } .is-collapsed .side-nav:hover .side-nav-inner .side-nav-logo a .logo-white { background-image: url("../images/logo/logo-white.png") !important; } .is-collapsed .side-nav:hover .side-nav-inner .side-nav-menu > li > a .title { display: inline-block; } .is-collapsed .side-nav:hover .side-nav-inner .side-nav-menu li.dropdown .arrow { opacity: 1; } .is-collapsed .side-nav:hover .side-nav-inner .side-nav-menu li.open > ul.dropdown-menu { display: block !important; } } @media only screen and (min-width: 992px) and (max-width: 30000px) { .is-collapsed .side-nav {width: 240px;} .is-collapsed .side-nav .side-nav-inner .side-nav-logo {padding: 0px 20px;/* border-bottom: 1px solid #e6ecf5; */} .is-collapsed .side-nav .side-nav-inner .side-nav-logo > a .logo { width: 140px; background-position: center left; background-size: contain; } .is-collapsed .side-nav .side-nav-inner .side-nav-logo > a .logo-dark { background-image: url("../images/logo/logo.png") !important; } .is-collapsed .side-nav .side-nav-inner .side-nav-logo > a .logo-white { background-image: url("../images/logo/logo-white.png") !important; } .is-collapsed .side-nav .side-nav-inner .side-nav-menu > li > a .title { display: inline-block; } .is-collapsed .side-nav .side-nav-inner .side-nav-menu li.dropdown .arrow { opacity: 1; } .is-collapsed .side-nav .side-nav-inner .side-nav-menu li.open > ul.dropdown-menu { display: block !important; } } @media only screen and (max-width: 992px) { .is-collapsed .side-nav { left: 0px; } } .side-nav-dark .side-nav { background-color: #313644; color: #99abb4; } .side-nav-dark .side-nav .side-nav-logo { border-bottom: 1px solid rgba(120, 130, 140, 0.3); border-right: 1px solid transparent; } .side-nav-dark .side-nav .side-nav-logo a .logo.logo-white { display: block; } .side-nav-dark .side-nav .side-nav-logo a .logo.logo-dark { display: none; } .side-nav-dark .side-nav .side-nav-inner .side-nav-menu { border-right: 1px solid transparent; } .side-nav-dark .side-nav .side-nav-inner .side-nav-menu li a { color: #99abb4; font-weight: normal; } .side-nav-dark .side-nav .side-nav-inner .side-nav-menu li.dropdown.open > a { color: #ffffff; } .side-nav-dark .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu { background-color: #262a35; } .side-nav-dark .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li > a:hover, .side-nav-dark .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li > a:focus { color: #ffffff; } .side-nav-dark .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li.active > a { color: #ffffff; } .side-nav-dark.is-collapsed .side-nav:hover .side-nav-logo { border-bottom: 1px solid rgba(120, 130, 140, 0.3); } .side-panel.side-panel-open .side-panel-wrapper { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); } .side-panel .side-panel-wrapper { position: fixed; top: 0; right: 0; bottom: 0; background-color: #ffffff; width: 300px; border-left: 1px solid #e6ecf5; margin: 0px; overflow: hidden; z-index: 1030; transform: translateX(300px); -webkit-transform: translateX(300px); -moz-transform: translateX(300px); -o-transform: translateX(300px); -ms-transform: translateX(300px); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } @media only screen and (max-width: 767px) { .side-panel .side-panel-wrapper { width: 270px; } } .side-panel .side-panel-wrapper > div { height: 100%; } .side-panel .side-panel-wrapper .nav-tabs { border-bottom: 1px solid #e6ecf5; } .side-panel .side-panel-wrapper .nav-tabs > li.active > a { color: #515365; font-weight: 600; background-color: transparent; border: 0px; border-bottom-color: transparent; } .side-panel .side-panel-wrapper .nav-tabs > li.active > a:hover, .side-panel .side-panel-wrapper .nav-tabs > li.active > a:focus { color: #515365; background-color: transparent; border: 0px; border-bottom-color: transparent; } .side-panel .side-panel-wrapper .nav-tabs > li.active .nav-link { border-bottom: 0px; } .side-panel .side-panel-wrapper .nav-tabs > li > a { margin-right: 2px; line-height: 1.42857143; border: 0px; border-radius: 4px 4px 0 0; color: #888da8; padding: 0px 20px; line-height: 55px; min-height: 55px; font-weight: 500; } @media only screen and (max-width: 767px) { .side-panel .side-panel-wrapper .nav-tabs > li > a { padding: 0px 15px; } } .side-panel .side-panel-wrapper .nav-tabs > li > a:hover, .side-panel .side-panel-wrapper .nav-tabs > li > a:focus { background-color: transparent; color: #515365; } .side-panel .side-panel-wrapper .nav-tabs .panel-close { position: absolute; right: 0; top: 0px; line-height: 65px; border-left: 1px solid #e6ecf5; } .side-panel .side-panel-wrapper .nav-tabs .panel-close > a { color: #888da8; padding: 0px 20px; display: block; } .side-panel .side-panel-wrapper .nav-tabs .panel-close > a:hover, .side-panel .side-panel-wrapper .nav-tabs .panel-close > a:focus { color: #515365; } .side-panel .side-panel-wrapper .tab-content { height: 100%; } .side-panel .side-panel-wrapper .tab-content .tab-pane { height: 100%; } .side-panel .profile { height: calc(100vh - 65px); position: relative; } .header { display: block; height: 65px;/* width: calc(100% - 280px);*/ width:100%; position: fixed; padding: 0px; z-index: 800; background-color: #ffffff; border-bottom: 1px solid #e6ecf5; margin-bottom: 0px; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; } .adminftnav-col{display: none;} @media print { .header { display: none; } } @media only screen and (max-width: 992px) { .header { width: 100%; } } @media only screen and (min-width: 992px) and (max-width: 1440px) { .header {/* width: calc(100% - 70px); */width: 100%;} } .header .header-container:before, .header .header-container:after { content: " "; display: table; } .header .header-container:after { clear: both; } .header .header-container .nav-left, .header .header-container .nav-right { position: relative; list-style: none; padding-left: 0; margin-bottom: 0px; } .header .header-container .nav-left > li, .header .header-container .nav-right > li { float: left; } .header .header-container .nav-left > li > a, .header .header-container .nav-right > li > a { padding: 0 15px; line-height: 65px; min-height: 65px; color: #4c4f61; display: block; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .header .header-container .nav-left > li > a i, .header .header-container .nav-right > li > a i { font-size: 18px; } .header .header-container .nav-left > li > a:hover, .header .header-container .nav-left > li > a:focus, .header .header-container .nav-right > li > a:hover, .header .header-container .nav-right > li > a:focus { text-decoration: none; color: #515365; } .header .logo-icon{padding:0px 0px !important;} .header .logo-icon a{padding:0px 0px !important;} .header .logo-icon img{ width:auto; height:46px;} @media only screen and (max-width: 992px) { .header .header-container .nav-left > li > a, .header .header-container .nav-right > li > a { padding: 0px 10px 0px 10px; } } .header .header-container .nav-left .user-profile, .header .header-container .nav-right .user-profile { /*border-right: 1px solid #e6ecf5;*/ } @media only screen and (max-width: 992px) { .header .header-container .nav-left .user-profile, .header .header-container .nav-right .user-profile { border-right: 0px; border-left: 0px; } } .header .header-container .nav-left .user-profile .profile-img, .header .header-container .nav-right .user-profile .profile-img { /*display: inline-block;*/ width: 25px; height:25px; border-radius: 50%;/*background: #f3f3f3;*/background: #f3f3f3 url("../../Images/user.jpg") no-repeat;background-size: 25px 25px; /*border: 1px solid #d3e9ff;*/margin-top: 20px; margin-right: 10px; float: left; /*display:none;*/ } .user-profile img[alt] { margin-left: 44px; text-indent: 44px; position: relative; z-index: -1; display: ruby; } /*.header .header-container .nav-left .user-profile .profile-img, .header .header-container .nav-right .user-profile .profile-img { width: 25px; height:25px; border-radius: 50%;background: #f3f3f3 url("../../Images/user.jpg") no-repeat;background-size: 25px 25px; margin-top: 20px; margin-right: 10px; float: left;} .user-profile { overflow: hidden; } .user-profile img[alt] { margin-left: 44px; text-indent: 44px; position: relative; z-index: -1; display: ruby; }*/ @media only screen and (max-width: 992px) { .header .header-container .nav-left .user-profile .profile-img, .header .header-container .nav-right .user-profile .profile-img { /*width: 30px; height: 30px;*/ margin-right: 8px; /*background: #f3f3f3; border: 1px solid #ccc;*/ } .dep { padding-left: 0%!important; } .lead-dtls-info .pkgs-titl .info { font-size: 18px!important; } .lead-dtls-info .useredit-btn { text-align: left!important; } .lead-dtls-info .useredit-btn .dropdown .dropdown-menu { left: 15px !important;width: 160px!important; } } .header .header-container .nav-left .user-profile .user-info, .header .header-container .nav-right .user-profile .user-info { display: inline-block;font-weight: 500;color: #3d3d3d;} .user-profile .user-info .name{} .user-info span{ font-size:13px !important;font-weight: 600;width: auto;max-width: 140px;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .user-profile .dropdown-menu{ min-width: 120px!important;} .back-btn{ margin-bottom:15px; font-size:13px; } .back-btn a{ color:#5a69c1 !important;font-size:13px; } .back-btn i{ font-size:12px; } .back-btn a:hover{ color:#333 !important; } /* Style the tab */ .tab-pane{ } .tab-pane table{ width:100%; border:1px solid #ccc; } .tab { float: left; border: 1px solid #ccc; background-color: #f1f1f1; width: 100%; height: auto; } /* Style the buttons that are used to open the tab content */ .tab button { display: block; background-color: none; color: black; padding: 22px 16px; margin: 2px; width: 100%; border: none; outline: none; text-align: left; cursor: pointer; transition: 0.3s; } /* Change background color of buttons on hover */ .tab button:hover { background-color: #ddd; } /* Create an active/current "tab button" class */ .tab button.active { background-color: #ccc; } /* Style the tab content */ .tabcontent { float: left; padding: 0px 12px; width: 100%; border-left: none; height: auto; } #actionmenu ul { display: none; list-style: none; } #actionmenu:hover ul { display: block; } .Grid td { /*background-color: #A1DCF2;*/ font-size: 16px; font-weight: 600; color: #35363e; padding: 4px 8px; line-height: 200%; } .Grid td img{ width: 30px; height: 30px;display: block; margin:0px auto; padding: 6px !important; margin: 0px auto; cursor:pointer; } .Grid th { background-color: #252f6b; color: #fff; font-size: 16px; font-weight:500; line-height: 200%; text-transform: uppercase; } .ChildGrid td { background-color: #f2f3fb !important; color: black; font-size: 10pt; line-height: 200%; } .ChildGrid th { background-color: #282f5f !important; color: #fff; font-size: 14px; padding: 4px 8px; line-height: 200%; } .Nested_ChildGrid { width: 100%; } .Nested_ChildGrid td { background-color: #fff !important; color: black; font-size: 10pt; line-height: 200%; } .Nested_ChildGrid th { background-color: #2B579A !important; color: White; font-size: 10pt; line-height: 200%; } @media only screen and (max-width: 992px) { .header .header-container .nav-left .user-profile .user-info, .header .header-container .nav-right .user-profile .user-info { /*display: none;*/ } } .header .header-container .nav-left .user-profile .dropdown-menu > li > a, .header .header-container .nav-right .user-profile .dropdown-menu > li > a { color: #565656; } .header .header-container .nav-left .notifications, .header .header-container .nav-right .notifications { position: relative; } .notifications a{ color:#9f9f9f !important;} .header .header-container .nav-left .notifications .counter, .header .header-container .nav-right .notifications .counter { position: absolute; right: 6px; top: 12px; background-color: #ff3c7e; color: #ffffff; padding: 3px 5.5px; border-radius: 50px; line-height: 1; font-size: 10px; } .header .header-container .nav-left .notifications .dropdown-menu, .header .header-container .nav-right .notifications .dropdown-menu { min-width: 350px; padding: 0px; } @media only screen and (max-width: 767px) { .header .header-container .nav-left .notifications .dropdown-menu, .header .header-container .nav-right .notifications .dropdown-menu { max-width: 300px; } } .header .header-container .nav-left .notifications .dropdown-menu .list-info, .header .header-container .nav-right .notifications .dropdown-menu .list-info { max-height: 248px; overflow-y: auto; position: relative; } .header .header-container .nav-left .notifications .dropdown-menu .list-info > li > a, .header .header-container .nav-right .notifications .dropdown-menu .list-info > li > a { padding: 20px 15px; font-size: 13px; display: block; border-bottom: 1px solid #e6ecf5; transition: all 0.15s ease-out; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; } .header .header-container .nav-left .notifications .dropdown-menu .list-info > li > a:hover, .header .header-container .nav-left .notifications .dropdown-menu .list-info > li > a:focus, .header .header-container .nav-right .notifications .dropdown-menu .list-info > li > a:hover, .header .header-container .nav-right .notifications .dropdown-menu .list-info > li > a:focus { color: #515365; text-decoration: none; background-color: #f6f7fb; } .header .header-container .nav-left .notifications .dropdown-menu .list-info > li > a .sub-title, .header .header-container .nav-right .notifications .dropdown-menu .list-info > li > a .sub-title { padding-top: 3px; } .header .header-container .nav-left .notifications .dropdown-menu .list-info > li:last-child a, .header .header-container .nav-right .notifications .dropdown-menu .list-info > li:last-child a { border-bottom: 0px; } .header .header-container .nav-left .notifications .dropdown-menu .notice-header, .header .header-container .nav-right .notifications .dropdown-menu .notice-header {padding: 10px 15px;border-bottom: 1px solid #e6ecf5;} .header .header-container .nav-left .notifications .dropdown-menu .notice-footer, .header .header-container .nav-right .notifications .dropdown-menu .notice-footer { text-align: center; padding: 15px 20px; border-top: 1px solid #e6ecf5; } .header .header-container .nav-left .notifications .dropdown-menu .notice-footer a, .header .header-container .nav-right .notifications .dropdown-menu .notice-footer a { display: block; } .header .header-container .nav-left .notifications .dropdown-menu.list-info, .header .header-container .nav-right .notifications .dropdown-menu.list-info { position: absolute; } .header .header-container .dropdown-menu { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; transform: scale(0, 0); -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transition: transform 0.15s ease-out; -webkit-transition: transform 0.15s ease-out; -moz-transition: transform 0.15s ease-out; -o-transition: transform 0.15s ease-out; -ms-transition: transform 0.15s ease-out; display: block; margin: 0px; } .header .header-container .dropdown-menu .divider { border-bottom: 1px solid #e6ecf5; height: 1px; overflow: hidden; } .header .header-container .dropdown-menu > li > a { transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .header .header-container .show .dropdown-menu { transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); } .header .header-container .nav-left { float: left; margin-left: 10px; } .header .header-container .nav-right { float: right; } .header .header-container .nav-right .dropdown-menu { left: auto; right: 15px; margin-top: 0px; border-radius: 0px 0px 4px 4px !important; overflow: hidden; padding: 5px 0px; } .header .header-container .nav-right .dropdown-menu > li { width: 100%; } .header .header-container .nav-right .dropdown-menu > li > a { line-height: 1.5; min-height: auto; padding:5px 15px;font-size: 13px;font-weight: 600; background:#fff; } .header .header-container .nav-right .dropdown-menu > li > a:hover { background:#f8fafc; color:#333; } .header .header-container .nav-right .dropdown-menu h5 {font-size: 12px; font-weight: 300; color: #666; padding: 5px 0px 0px 0px; } .header .search-box .search-icon-close { display: none; } .header .search-box.active .search-icon { display: none; } .header .search-box.active .search-icon-close { display: inline-block; } .header .search-input { display: none; } .header .search-input.active { display: inline-block; } .header .search-input input { border: 0px; box-shadow: none; background-color: transparent; outline: none; height: 40px; margin-top: 12px; padding: 5px; font-size: 16px;width: 180px; font-weight: 600; color: #333; } @media only screen and (max-width: 767px) { .header .search-input input { width: 85px; } } .header .search-input input::-webkit-input-placeholder { font-style: italic; color: #c3c5d3; } .header .search-input input:-moz-placeholder { font-style: italic; color: #c3c5d3; } .header .search-input input::-moz-placeholder { font-style: italic; color: #c3c5d3; } .header .search-input input:-ms-input-placeholder { font-style: italic; color: #c3c5d3; } .header .search-input .advanced-search { display: none; position: absolute; top: 59px; width: 380px; min-height: 50px; max-height: 500px; background-color: #ffffff; border-radius: 4px; -webkit-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2); } @media only screen and (max-width: 767px) { .header .search-input .advanced-search { left: 40px; } } .header .search-input .advanced-search.active { display: block; } .header .search-input .advanced-search .search-wrapper { position: relative; } .header .search-input .advanced-search .search-wrapper ul > li > a { padding: 12px 20px; } .header .search-input .advanced-search .search-wrapper ul > li > a:hover, .header .search-input .advanced-search .search-wrapper ul > li > a:focus { background-color: #f6f7fb; } .header .search-input .search-footer { border-top: 1px solid #e6ecf5; text-align: center; padding: 15px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .is-collapsed .header {/* width: calc(100% - 70px); */width: 100%;} @media only screen and (max-width: 992px) { .is-collapsed .header { width: 100%; } } @media only screen and (min-width: 992px) and (max-width: 1440px) { .is-collapsed .header {/* width: calc(100% - 280px); */width: 100%;} } .content-footer { padding: 0px 30px 0px 100px; } .content-footer .footer { padding: 20px 0; font-size: 12px; color: #727272; border-top: 1px solid #e6ecf5; } .content-footer .footer .go-right { float: right; } .page-container {min-height: 100vh;/* padding-left: 280px; */transition: all 0.2s ease;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;-o-transition: all 0.2s ease;-ms-transition: all 0.2s ease;} .content-footer .footer .text-dark { background: -webkit-linear-gradient(#b800da, #0064dc); -webkit-text-fill-color: transparent; font-weight: 600; -webkit-background-clip: text; display: inline-block; } @media print { .page-container { padding-left: 0px; } } @media only screen and (min-width: 992px) and (max-width: 1440px) { .page-container {padding-left: 0px;} } @media only screen and (max-width: 992px) { .page-container { padding-left: 0px; } } .page-container .main-content {padding: 95px 15px 15px 85px;min-height: calc(100vh - 60px);} @media print { .page-container .main-content { padding: 10px 0px; } } @media only screen and (max-width: 992px) { .page-container .main-content { padding: 85px 5px 5px 5px; } } .full-container { position: absolute; top: 65px; left: 280px; right: 0px; min-height: calc(100vh - 65px); transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; } @media only screen and (min-width: 992px) and (max-width: 1440px) { .full-container { padding-left: 70px; left: 0px; } } @media only screen and (max-width: 992px) { .full-container { left: 0px; } } .is-collapsed .page-container {padding-left: 0px;} @media only screen and (max-width: 992px) { .is-collapsed .page-container { padding-left: 0px; } } @media only screen and (min-width: 992px) and (max-width: 1440px) { .is-collapsed .page-container {padding-left: 0px;} } .is-collapsed .full-container { left: 70px; } @media only screen and (max-width: 992px) { .is-collapsed .full-container { left: 0px; } } @media only screen and (min-width: 992px) and (max-width: 1440px) { .is-collapsed .full-container { left: 280px; padding-left: 0px; } } .widget { position: relative; overflow: hidden; } .widget-news-1 .news-wrapper { background-repeat: no-repeat; background-size: cover; background-position: center center; min-height: 400px; padding: 15px; } .widget-news-1 .news-wrapper.wrapper-pdd-lg { padding: 40px 120px; } .widget-news-1 .news-wrapper.wrapper-pdd-md { padding: 30px 50px; } .widget-news-1 .news-wrapper.wrapper-pdd-sm { padding: 30px 30px; } .widget-news-1 .news-wrapper .user-thumbnail .user-img { display: inline-block; width: 60px; border-radius: 50%; float: left; } .widget-news-1 .news-wrapper .user-thumbnail .user-info { display: inline-block; margin-left: 10px; color: #ffffff; padding-top: 5px; } .widget-news-1 .news-wrapper .user-thumbnail .user-info .name { display: block; font-family: 'Sarabun', sans-serif; font-size: 16px; } .widget-news-1 .news-wrapper .user-thumbnail .user-info .date { display: block; opacity: 0.8; } .widget-news-1 .news-wrapper .news-content { position: relative; } .widget-news-1 .news-wrapper .news-content .news-title { color: #ffffff; font-size: 20px; margin-bottom: 20px; } .widget-news-1 .news-wrapper .news-content .news-article { color: #cccccc; } .widget-profile-1 .profile { text-align: center; padding: 10px 20px; } .widget-profile-1 .profile img { border-radius: 50%; } .widget-compose { padding: 15px; } .widget-compose .composor-tools { padding-left: 0; list-style: none; } .widget-compose .composor-tools > li { display: inline-block; } .widget-compose .composor-tools > li > a { display: block; font-weight: bold; color: #888da8; padding: 10px; } .widget-compose .composor-tools > li > a:hover, .widget-compose .composor-tools > li > a:focus { color: #515365; } .widget-compose .composor-tools > li.active a { color: #515365; } .widget-compose textarea.form-control { border: 0px; min-height: 60px; padding: 20px 10px; } .widget-feed { padding: 25px 30px; } .widget-feed .feed-header { padding-bottom: 10px; } .widget-feed .feed-body { padding: 15px 0px; } .widget-feed .feed-action { padding-left: 0; list-style: none; } .widget-feed .feed-action > li { display: inline-block; } .widget-feed .feed-action > li > a { display: block; color: #888da8; font-size: 16px; font-weight: 500; padding: 10px 25px 10px 0px; } .widget-feed .feed-action > li > a:hover, .widget-feed .feed-action > li > a:focus { color: #515365; } .widget-feed .feed-action > li.active a { color: #515365; } .widget-feed .comment .comment-item { padding: 30px 0px; border-bottom: 1px solid #e6ecf5; } .widget-feed .comment .add-comment textarea { min-height: 50px; resize: none; border: 0px; padding: 20px 10px 5px 10px; } .widget-feed .comment .list-info .info { height: auto; } .widget-feed .comment .list-info .info p { margin-bottom: 0px; } .widget-feed .shared-item { position: relative; border: 1px solid #e6ecf5; display: -webkit-flex; /* Safari */ display: flex; } @media only screen and (max-width: 767px) { .widget-feed .shared-item { max-height: 130px; overflow: hidden; } } .widget-feed .shared-item .item-image { flex: 4; width: 30%; } .widget-feed .shared-item .item-content { flex: 6; width: 70%; padding: 30px; } .widget-feed iframe { border: 0; width: 100%; min-height: 300px; } .widget-weather .today-cel { font-size: 60px; font-weight: 300; letter-spacing: 1.5px; line-height: 1; } .widget-weather .today-weather { font-size: 60px; } .widget-weather .next-7day { text-align: center; } .widget-project { position: relative; border: 1px solid #e6ecf5; background-color: #ffffff; margin-bottom: 30px; padding: 20px; } .widget-legends { max-width: 150px; margin-left: auto; margin-right: auto; } .rtl { text-align: right; } .rtl .side-nav { right: 0px; left: auto; } .edit-fild-pnl, .edit-fild-pnl2{ display: flex; margin-bottom:20px; } .edit-fild-titl, .edit-fild-titl2{ float:left; width:30%; padding:8px 0px; height:40px; } .edit-fild-titl span, .edit-fild-titl2 span{ font-size:14px; color:#414141; padding-bottom:0px; margin-bottom:0px; font-weight:600; } .edit-fild-lable, .edit-fild-lable2{ float:left; width:70%; } .edit-fild-lable p, .edit-fild-lable2 p{ font-size:14px; color:#333; padding:4px 0px; margin-bottom:0px; font-weight:400; line-height:20px; } .edit-fild-lable input, .edit-fild-lable2 input{ font-size:14px; color:#333; height:40px; border:1px solid #ccc; width:85%;float:left;margin-bottom:0px; padding:0px 10px;font-weight:400; background:#fff; border-radius:4px; } .edit-fild-lable input:focus, .edit-fild-lable2 input:focus{ border:1px solid #ccc;} .edit-fild-lable2 textarea{ font-size:14px; color:#333; height:80px; border:1px solid #ccc; width:85%;float:left;margin-bottom:0px; padding:10px 10px;font-weight:400; background:#fff; border-radius:4px; } .edit-fild-lable label{ font-size: 14px; color: #050505; height: auto; min-height: 40px; width: 90%; float: left; margin-bottom: 0px; padding: 5px 10px; font-weight: 400; border: 1px solid #d9d9d9; background: #f7f7f7; border-radius: 4px; overflow: hidden; line-height: 26px; } .edit-fild-lable2 label{ font-size: 14px; color: #333; height: 40px; width: 85%; float: left; margin-bottom: 0px; padding: 5px 10px; font-weight: 400; border: 1px solid #ced7e0; background: #ffffff; border-radius: 4px; overflow: hidden; line-height: 26px; } .edit-fild-lable label span{color: #050505;border-radius: 25px;font-size: 14px;font-weight: 500;background: #e5f4fd;padding: 1px 8px;margin-right: 4px;} .controls-edit, .controls-update{ width:10%; float:right; text-align:right; padding:8px 0px; height:40px; } .controls-edit a{ color: #0D89C6 !important; text-decoration: none; font-size: 12px; font-weight: 400; text-transform: none; padding: 10px 10px; /* border: 1px solid #fff; */ border-radius: 4px; } .controls-edit a:hover{ /* border: 1px solid #e5e5e5;*/ background:#f7f7f7; } .controls-edit a i { color: #8d8d8d !important; } .controls-update a{ color:#0C9; text-decoration:none; font-size:12px; font-weight:400; text-transform:none; } .collapse-btn{ float:right; cursor:pointer; background:none; padding:0px;top: 15px; right: 10px; position: absolute; } .collapse-btn a{ float:right; cursor:pointer; background:none; color:#4f4f4f !important; text-decoration:none; padding:10px 10px; } .collapse-btn a:hover{ color:#39F !important; text-decoration:none; } .data-pnl-lft{ float:left; width:48%; } .data-pnl-ctr{ float:left; width:4%; } .data-pnl-rgt{ float:left; width:48%; } .data-add-pnl{ height:420px; padding:0px 15px; overflow: hidden; } .data-show-pnl{ height:420px; padding:0px 15px; overflow: hidden; } .tbl-pd th{ padding:5px 10px; } .data-tbl{ } .data-tbl table{ /*border-collapse:separate;*/ border-radius: 5px; border:1px solid #d9d9d9;border-collapse: separate; border-spacing: 0;overflow: hidden;} .data-tbl table:first-child{border-top:none;} .data-tbl .table > thead > tr > th { border-bottom:none !important;border-top:none !important;font-weight: 500; color: #3a3a3a; } .data-tbl .table > thead > tr > td { } .show-hotl-tbl .table > thead > tr > th { border-bottom:none;font-weight: 600;font-size: 13px; color: #3a3a3a; } .data-tbl th{ font-weight:500; color:#333; } .data-tbl td{ line-height:15px !important;font-weight: 500;padding: 12px 10px;font-size: 13px; } .data-tbl td a{ font-weight:600; font-size: 13px; color: #131313; text-decoration:none; } .data-tbl td a:hover{ color:#333; text-decoration:none; } .or { font-family: 'Sarabun', sans-serif;padding:20px 0px; display:none; } .or fieldset { border: none; border-top: 1px solid #ebebeb; } .or legend { border: 1px solid #fff; padding: 10px; color: #2d2e2e; border-radius: 0%; font-size: 12px; background: #fff; width: auto; margin: 0px 0px; font-weight: 500; } .or span { font-size: 14px; color: #636363; font-weight: 300; text-align: center; top: 15px; position: relative; } /* vertical line */ .vl { position: absolute; left: 50%; transform: translate(-50%); border-right: 1px solid #dcdcdc; height: 420px; } /* text inside the vertical line */ .vl-innertext { position: absolute; top: 50%; transform: translate(-50%, -50%); background-color: #fff; border: 1px solid #fff;font-family: 'Sarabun', sans-serif; border-radius: 0%; text-transform:uppercase; padding: 9px 10px;font-size: 14px; color: #595959;font-weight: 500; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid\9; border-right: 4px solid transparent; border-left: 4px solid transparent; } .refbtn{ margin-bottom:10px;} .refbtn span{ color:#333; font-weight: 500;} .refshbtn i{} .refshbtn i:hover{} .refbtn span i{margin-right: 5px;font-size: 11px;} .refbtn a{ color:#333; margin-right: 10px; font-weight: 500;} .refbtn a:hover{ color:#000;} .refbtn a i{font-size: 14px; margin-right: 5px; position: relative; top: 0px;} .pkgtblsrch{} .pkgtblsrch .input-group span{} .pkgtblsrch .form-control-feedback { position: absolute; z-index: 5; display: block; line-height: 22px; text-align: center; pointer-events: none; color: #999999; } .pkgtblsrch .input-group input{border-radius: 0px 0px !important;border: none; border-bottom: 1px solid #cbcbcb !important; height: 24px !important; padding: 0px 10px 5px 20px;} .pkgtblsrch .input-group input:focus{border: none;outline: none;} .pkgtblsrch .input-group input::placeholder { color: #666; opacity: 1; /* Firefox */ } .pkgtblsrch .input-group input:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666;; } .pkgtblsrch .input-group input::-ms-input-placeholder { /* Microsoft Edge */ color: #666; } .data-srch{ margin-bottom:15px; } .data-srch .btn{ margin-bottom:0px !important; } .data-srch input, .data-srch select{ border-radius: 4px 0px 0px 4px; height:40px; color:#333;font-weight: 600; border:1px solid #b4d0f1;position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%;padding: 0.375rem 0.75rem; margin-bottom: 0; } .data-srch input:focus, .data-srch select:focus{border:1px solid #b4d0f1;} .data-srch input::placeholder { color: #333;font-weight: 600; opacity: 1; /* Firefox */ } .data-srch button{ border-radius:0px 4px 4px 0px;height:40px; border-left:none; margin-right:0px;color: #27468f;background: #cee4ff;border-color: #b4d0f1;; } .data-srch button:hover{background: #c4deff;color: #27468f;border-color: #b4d0f1;} .data-add-btn{ border-radius: 4px; font-size: 12px; padding: 4px 8px; color: #4866c4 !important; font-weight: 600; box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5); border: solid 1px transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #78e4ff, #ff48fa); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 1000px 1px #fff inset; } .data-srch button i{ top:0px !important;} .data-add-btn:hover{ box-shadow: none; color: #fff !important; } .data-add-btn i{ font-size: 9px; padding-right: 3px; } .data-higt{ height:370px; overflow:auto; } .data-higt-trprt{ height:320px; overflow:auto; } .data-higt-hotl{ height:320px; overflow:auto; } .data-show-pnl-head{ height:40px; margin-bottom:10px; padding-top:5px; border-bottom:1px solid #e6ecf5; } .data-show-pnl-head i, .adon-btn i{ margin-right:5px;font-size: 12px;} .data-show-pnl-head p{ font-size: 14px !important; padding-bottom: 0px; margin-bottom: 0px !important; color: #111 !important; } .data-show-pnl-head span{ font-size:14px; padding-bottom:0px; margin-bottom:0px; color:#4f7ebb; font-weight:600; } .adon-btn{ text-align:right; font-size:13px; padding-top:1px; } .adon-btn a{ text-decoration:none; font-weight: 500; color: #696969 !important; font-size: 14px; } .adon-btn a:hover{ text-decoration:none; } .tour_head1 { margin-bottom: 20px } .tour_head1 h3 { padding-left: 0; margin-bottom: 20px; color: #2b2b6b; font-weight: 500; font-size: 18px } .tour_head1 ul { margin-left: 0px!important } .tour_head1 p { color: #222222!important; font-weight: 500!important; line-height: 22px!important; margin-bottom: 10px!important; margin-left: 30px!important; text-align: left; font-size: 14px } .tour_head1 table { width: 100% } .tour_head1 table tr { border-bottom: 1px solid #e5e5e5 } .tour_head1 table tr th { color: #2e2e2e; font-size: 16px; font-weight: 600; padding-bottom: 10px } .tour_head1 table tr td { line-height: 40px; color: #7f7f7f; font-weight: 500 } .chkbx-optnl{ float: right; /*border: 1px solid #7a7a7a;*/ border-radius: 4px; line-height: 19px; background: #f9f9f9; } .chkbx-optnl label{ font-size:12px; font-weight:500; padding-left:4px; margin-bottom:0px; color:#494949;margin-right: 5px !important; } .chkbx-optnl input{ position:relative; top:2px; right:2px; } .days h4 { margin: 20px 0 10px 25px; font-size: 15px; font-weight: 700; color: #252525 } .days h4 a{ text-decoration:none; font-size: 15px; font-weight: 700; color: #1c1c1c; } .days h4 a:hover{ color: #025894; } .days h4 span { color: #b3adad !important; font-size: 14px !important; cursor: pointer !important; font-weight: 400 !important; padding: 0px 0px 0px 0px; margin-right: 5px; text-transform: uppercase } .days h4 span:hover { color: #333; } .l-info-pack-days ul { padding: 0; padding-top: 5px } .l-info-pack-days ul li { position: relative; overflow: hidden; padding-left: 57px; padding-right:10px; min-height: 150px; } .l-info-pack-days ul li i { width: 70px; height: 60px; line-height: 12px; background: #ffffff; border: 1px solid #bfc7f5; text-align: center; font-style:normal; text-transform: uppercase; padding: 10px 5px; margin-left: -56px; position: absolute; z-index: 99; color: #0f0f42; border-radius: 4px; } .actv-day { width: 70px; height: 50px; line-height: 12px; /* background: #784dfb !important; */ border: 1px solid #6eaae3 !important; text-align: center; font-style: normal; text-transform: uppercase; padding: 5px 5px; margin-left: -56px; position: absolute; z-index: 99; color: #fff !important; background: #6e7bc8; background: -moz-linear-gradient(top, #75c0fd 0%, #a296fc 100%) !important; background: -webkit-linear-gradient(top, #75c0fd 0%,#a296fc 100%) !important; background: linear-gradient(to bottom, #75c0fd 0%,#a296fc 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78a4ff', endColorstr='#3886ff',GradientType=0 ); } .actv-day span { color: #fff !important; } .actv-day b { color: #fff !important; } .l-info-pack-days ul li i span{ color: #6577d0; font-size: 13px; padding-bottom:0px; margin-bottom:0px; font-weight:700; } .l-info-pack-days ul li i b{ color: #2c2c2c; font-weight:500; font-size: 10px;padding-bottom:0px; margin-bottom:0px; } .l-info-pack-days ul li h4 { margin-top: 10px } .l-info-pack-days ul li p { padding-top: 0 } .l-info-pack-plac::after { content: ''; background: #bfc7f5; position: absolute; width: 1px; top: 0; bottom: 0; height: 100%; left: 35px } /*.price-filter-pnl{ position: fixed; left: 0px; bottom: 0px; z-index: 99; height: auto; padding: 10px 0px; width: 100%; text-align: center; }*/ .price-filter-btn{display: none; position: fixed; bottom: 50px; right: 0px; float: right; background: rgb(82 82 82 / 50%); color: #fff; padding: 5px 5px; margin: 0px; border: none; font-size: 12px; border-radius: 50%; width: 23px; height: 23px; } .price-filter-btn:hover, .price-filter-btn:focus{ background:rgba(7,90,152,0.7); color:#fff; } .price-filter{ position: fixed; left: 0px; border-top: 1px solid #e6ecf5; bottom: 0px; z-index: 99; overflow:auto; padding: 7px 0px 7px 0px; width: 100%; text-align: left; background: #fff; } .price-filter h4{ padding:0px 0px 5px 0px; margin:0px 0px 0px 0px; font-size:14px; font-weight:500; text-transform:uppercase; color:#333; text-align:center; } .price-filter-inpt{ text-align: center; border-right: 1px solid #e5e5e5; } .price-filter-inpt:last-child{ /*border-right: none;*/} .price-filter-inpt p{ font-size:14px; color:#414141; padding:0px 0px; margin:0px 0px; font-weight:500;text-transform: none; } .price-filter-inpt p span{ font-size:16px; color:#415bcb; padding:0px 0px; margin:0px 0px;font-weight:700;padding-left: 5px; } .price-filter-inpt p span:before { content: "\f156"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; position: relative; margin-right: 4px; } .price-filter-inpt p i, .price-filter-inpt p span i{ padding-right:4px;border: 1px dashed red;display: none; } .price-filter-inpt p i img, .price-filter-inpt p span i img{width: 18px;height: 18px;} .price-filter-save button{border-radius: 4px; padding: 5px 15px;font-size: 14px;font-weight: 600; text-transform: uppercase;} .btn-inpt{ padding:5px 10px;background-color: #fb794d; border-color: #fb794d; color: #ffffff; margin-bottom:0px !important; } .btn-inpt:hover{ background-color: #3f4a8e; border-color: #3f4a8e; color: #ffffff; margin-bottom:0px !important; } .data-srch-transport, .data-srch-hotl{ height:auto; margin-bottom:10px; padding-top:0px; border-bottom:1px solid #fff; } .data-srch-day, .data-srch-city{ width:100%; float:left; padding-right:0px; margin-bottom:15px; } /*.data-srch-day select, .data-srch-city select{ height:40px; border-radius:0px; width:89.9%; border:1px solid #ccc; color:#666; padding:0px 7px; }*/ .data-srch-tbl{ width:40%; float:right; } .totlcost{} .totlcost .costcol{} .totlcost .costcol table{ margin-bottom:15px !important;} .totlcost .costcol th{border-top: none !important; font-weight: 400; color: #7e7e7e; padding: 5px 10px; text-transform: uppercase;} .totlcost .costcol td{ padding:0px 10px;background: #f1faff;} .totlcost .costcol td:first-child{ border-radius:20px 0px 0px 20px !important;} .totlcost .costcol td:last-child{ border-radius:0px 20px 20px 0px !important;} .totlcost .costcol td span { padding: 0px 0px; font-size: 18px; font-weight: 600; color: #1981bd; margin-bottom: 0px; line-height: 18px; } .totlcost .costcol td span:before { content: "\f156";; font: normal normal normal 16px/1 FontAwesome; margin-right: 4px; } .totlcost h4 { padding: 8px 0px 0px 0px !important; font-size: 16px !important; color: #858585 !important; margin-bottom: 0px !important; text-transform: none !important; } .trnprt{ } .trnprt img{ border:1px solid #EBEBEB !important; width:50px; height:50px;padding: 8px; border-radius: 4px; float:left; background:#fff; margin:0px 4px 0px 0px;opacity: 0.8; } .trnprt span{ font-size:14px; font-weight:700; padding:10px 0px 5px 0px; margin:0px; color: #252525; display: block; } .trnprt p{ font-size: 11px !important; font-weight: 600 !important; line-height: 12px !important; padding:0px; margin:0px; color:#464646; } .trnprt-pric{ } .trnprt-pric span{ font-weight:600; color:#415bc5; font-size:14px; padding:0px 0px; margin:0px 0px; } .trnprt-pric span i{ font-size:12px; margin-right: 2px;} .trnprt-qty { } .trnprt-qty fieldset { min-width: 0; padding: 10px 10px; margin: 0; border-radius:2px; border: 1px solid #a9b3e8; } .trnprt-qty legend { display: block; width: auto; max-width: auto; padding: 0px 5px; margin-bottom: -10px; line-height: inherit; color: inherit; white-space: normal; } .trnprt-qty p{ padding:5px 0px; font-size:14px; color:#384279; margin-bottom:0px; } .trnprt-qty b{ padding:5px 0px; font-size:14px; color:#333; margin-bottom:0px; } .trnprt-qty b i{ padding-right:2px; } .trnprt-qty h4{ padding:8px 0px 0px 0px; font-size:15px; color:#384279; margin-bottom:0px; } .trnprt-qty th{ padding:0px 0px; font-size:14px; color:#333; font-weight:400; } /*.trnprt-qty i{ padding-right:5px; font-size:22px; }*/ .trnprt-qty input{ width:100% !important; border:1px solid #ccc; padding:10px 10px;height:40px;border-radius:4px; } .trnprt-qty span{ padding: 0px 0px; font-size: 13px; color: #8f8f8f; margin-bottom: 0px;line-height: 26px; } .trnprt-qty-btn { width:100%; height:40px; background: #fb794d ; border-radius: 4px; font-size: 14px;padding:10px 10px; border: none; color: #fff; } .trnprt-qty-btn i{ margin-right:4px;font-size: 10px;} .trnprt-qty-btn:hover { /*background: #3a4482;*/ color: #fff; } .svctbtn{} .svctbtn .btn{ padding:15px 30px !important;} .vprice{} .vprice input{ padding-left:25px;} .vprice:before { position: absolute !important; content: "\f156"; /* display: inline-block; */ top: 41px; padding-left: 15px; font: normal normal normal 13px/1 FontAwesome; position: relative; margin-right: 4px; } .pkg-ntc{ margin-bottom:15px;} .marktitl{ width:132px; padding-left:5px;font-size: 14px; color: #525566;} .marktitl span{ float:left !important; padding: 7px 15px 5px 0px;font-size: 14px; color: #5f6272;} /*.mygst{} .mygst .checkbox-inline { margin-right: 0px !important; }*/ .dscnticon{} .dscnticon input{ padding-left:25px;} .dscnticon:before { position: absolute !important; content: "-"; /* display: inline-block; */ top: 13px; padding-left:10px; font: normal normal normal 22px/1 FontAwesome; position: relative; margin-right: 4px; } .amntcost{} .amntcost input{ padding-left:25px;} .amntcost:before { position: absolute !important; content: "\f156"; /* display: inline-block; */ top: 20px; padding-left:10px; font: normal normal normal 13px/1 FontAwesome; position: relative; margin-right: 4px; } .amntcost2{} .amntcost2 input{ padding-left:25px;} .amntcost2:before { position: absolute !important; content: "\f156"; /* display: inline-block; */ top: 21px; padding-left:10px; font: normal normal normal 13px/1 FontAwesome; position: relative; margin-right: 4px; } .amntcost3{} .amntcost3 input{ padding-left:25px;} .amntcost3:before { position: absolute !important; content: "\f156"; /* display: inline-block; */ top: 85px;padding-left:10px; font: normal normal normal 13px/1 FontAwesome; position: relative; margin-right: 4px; } .amntcost4{} .amntcost4 input{ padding-left:25px;} .amntcost4:before { position: absolute !important; content: "\f156"; /* display: inline-block; */ top: 20px; padding-left:10px; font: normal normal normal 13px/1 FontAwesome; position: relative; margin-right: 4px; } .amntcost5{} .amntcost5 input{ padding-left:25px;} .amntcost5:before { position: absolute !important; content: "\f156"; /* display: inline-block; */ top: 20px; padding-left:10px; font: normal normal normal 13px/1 FontAwesome; position: relative; margin-right: 4px; } .amntcost6{} .amntcost6 input{ padding-left:25px;} .amntcost6:before { position: absolute !important; content: "\f156"; /* display: inline-block; */ top: 20px; padding-left:10px; font: normal normal normal 13px/1 FontAwesome; position: relative; margin-right: 4px; } .amntprst{} .amntprst input{ padding-left:25px;} .amntprst:before { position: absolute !important; content: "%"; /* display: inline-block; */ top: 19px; padding-left:10px; font: normal normal normal 13px/1 FontAwesome; position: relative; margin-right: 4px; } .amntprst2{} .amntprst2 input{ padding-left:25px;} .amntprst2:before { position: absolute !important; content: "%"; /* display: inline-block; */ top: 20px; padding-left:10px; font: normal normal normal 13px/1 FontAwesome; position: relative; margin-right: 4px; } .amntprst3{} .amntprst3 input{ padding-left:25px;} .amntprst3:before { position: absolute !important; content: "%"; /* display: inline-block; */ top: 85px; padding-left:10px; font: normal normal normal 13px/1 FontAwesome; position: relative; margin-right: 4px; } .amntprst4{} .amntprst4 input{ padding-left:25px;} .amntprst4:before { position: absolute !important; content: "%"; /* display: inline-block; */ top: 19px; padding-left:10px; font: normal normal normal 13px/1 FontAwesome; position: relative; margin-right: 4px; } .amntprst5{} .amntprst5 input{ padding-left:25px;} .amntprst5:before { position: absolute !important; content: "%"; /* display: inline-block; */ top: 19px; padding-left:10px; font: normal normal normal 13px/1 FontAwesome; position: relative; margin-right: 4px; } .amntsubtotl{ background: #f0f3f7; margin-bottom: 10px; margin-top: 10px; border-radius: 20px;padding: 2px 0px;} .amntsubtotl h4 { padding: 0px 0px 0px 0px !important; }.amntsubtotl p { padding:0px 0px 0px 10px;} .amntsubtotl i{ font-size:14px; margin-right:5px; color:#595959;} .amntsubtotl span{ font-size:16px; color:#595959; font-weight:600;} .amnttotl{ background: #f1faff; margin-bottom: 10px; margin-top: 10px; border-radius: 20px;} .amnttotl h4 { padding: 0px 0px 0px 0px !important; }.amnttotl p { padding:0px 0px 0px 10px;} .amnttotl i{ font-size:18px; color:#1981bd;} .amnttotl span{ font-size:20px; color:#1981bd; font-weight:600;} .trnprt-qty-pric{ font-size:19px !important; font-weight:600 !important; color:#cc551a !important; padding:5px 0px !important; } .tblsvpop td{ padding:5px 5px;} .amntsubtotl td{ padding:0px 5px;} .popup-hver{ cursor:pointer; } .ttc { color: #415bc5!important } .ttc i { border: none!important; width: auto!important; height: auto!important; position: relative!important; margin-left: 0!important; color: #415bc5!important } .mdlprcng{} .mdlprcng .modal-header .close { position: absolute; top: -5px; opacity: 0.8; margin: 0px; padding: 10px; right: 0; /* left: 0; */ float: right; background: none;border: none; } .mdlprcng .modal-header { /* background: #4c63df; */ padding: 0px 20px; } .mdlprcng .modal-header .close span { color: #ffffff !important; background: #2351a9; font-size: 20px; width: 25px !important; top: -8px; right: -13px; } .mdlprcng label{width: 100%; font-size: 14px; color: #1b1b1b; font-weight: 500; margin-bottom: 5px;} .mdlprcng input{ border: 1px solid #a9a9a9; border-radius: 4px 0px 0px 4px; color: #000; padding: 5px 10px 5px 30px; font-weight: 600; float: left; width: 60%; } .mdlprcng input { } .mdlprcng .fa-inr {left: 30px; bottom: 9px;font-size: 13px; position: absolute;} .mdlprcng button{ border: 1px solid #75a2ff; float: left; width: 40%; font-size: 14px; font-weight: 600; padding: 5px 10px; color: #fff; border-radius: 0px 4px 4px 0px; background: #78a4ff; background: -moz-linear-gradient(top, #78a4ff 0%, #3886ff 100%); background: -webkit-linear-gradient(top, #78a4ff 0%, #3886ff 100%); background: linear-gradient(to bottom, #78a4ff 0%, #3886ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78a4ff', endColorstr='#3886ff',GradientType=0 ); } .trnsprt-tbl{ padding:0px 0px 0px 25px; } .trnsprt-tbl table{ /*border-collapse:separate;*/ border-radius: 5px; border:1px solid #d9d9d9;border-collapse: separate; border-spacing: 0;overflow: hidden;} .trnsprt-tbl table:first-child{border-top:none;} .trnsprt-tbl .table > thead > tr > th { border-bottom: none !important; background: #fbfbfb;color: #424242; } .trnsprt-tbl th{ font-size:13px !important; padding:2px 10px !important; font-weight:500 !important; color:#333; } .trnsprt-tbl td{ font-size:14px; padding:5px 10px;font-weight:500 !important; color:#181818 !important; } .trnsprt-tbl td span{ font-size:14px; color:#181818; padding-right:4px; font-weight:700; } .trnsprt-tbl span i { font-size: 12px; margin-right: 2px; } .trnsprt-tbl .tqntybtn{color: #415bc5!important;} .trnsprt-tbl .tqntybtn i{color: #333 !important; width: 20px !important; height: 20px !important; background: #ebefff; position: relative !important; top: -1px; line-height: 2px;cursor: pointer;font-size: 11px;} .pkgadbtn{ width:55px !important;} .hotl-data span{ font-size:14px; font-weight:700; padding:0px; margin:0px; color:#252525; } .hotl-data p{ font-size: 12px !important; font-weight: 500 !important; padding: 0px; margin: 0px; color: #373737 !important; } .hotl-data-pric{ } .hotl-data-pric span{ font-weight:600; color:#415bc5; font-size:14px; padding:0px 0px; margin:0px 0px; } .hotl-data-pric span i { font-size: 13px; margin-right: 2px; } .hotel-list .ti-trash{color: #b3adad !important; font-size: 14px !important; cursor: pointer !important; font-weight: 400 !important;margin-right: 5px;} .hotel-list p{ line-height:16px !important;} .hotel-list .htc{} .hotel-list .htc{ font-weight: 600; color: #415bc5; font-size: 14px; padding: 0px 0px; display: inline-block; margin: 0px 0px; width: 80px !important; } .hotel-list .htc i { font-size: 13px; margin-right: 0px; } .hotl-data-phn{ } .hotl-data-phn span{ font-weight:500; color:#26865b; font-size:14px; padding:0px 0px; margin:0px 0px; } .hotl-data-phn span i{margin-right: 2px;font-size: 13px;} .data-hotl-all{ } .data-hotl-all th{ font-size:14px; color:#666; line-height:20px;font-weight:400; padding:5px 10px } .data-hotl-all td{ font-size:14px; color:#333; line-height:20px; font-weight:400;padding:10px 10px } .hotl-data-fltr{ } .hotl-data-fltr th{ font-size:14px; color:#666; line-height:20px;font-weight:400; padding:5px 10px; text-transform:none; } .hotl-data-fltr td{ font-size:14px; color:#333; line-height:20px; font-weight:400;padding:5px 10px } .hotl-fltr-pric span{ font-weight: 600; color: #cc551a; font-size: 16px; padding: 0px 0px; margin: 0px 0px; } .hotl-fltr-pric span i{ font-weight: 300; color: #cc551a; font-size: 14px; padding: 0px 3px 0px 0px; margin: 0px 0px; } .hotl-data-tbl{ margin-top:15px;} .thamount{ font-weight:600 !important; color:#415bc5 !important;font-size: 18px !important;} .thamount:before { content: "\f156"; font: normal normal normal 16px/1 FontAwesome; position: relative; margin-right: 4px; } .hotl-data-tbl input { width:auto; border: 1px solid #ccc; padding: 5px 5px !important; height: 30px !important; border-radius: 4px; margin-bottom: 0px !important; } .hotl-data-tbl .hotl-fltr-pric{} .hotl-data-tbl .hotl-fltr-pric i { padding-right: 5px; font-size: 14px; color: #6e6e6e; } .show-hotl-tbl{ } .show-hotl-tbl table{ /*border-collapse:separate;*/ border-radius: 5px; border:1px solid #d9d9d9;border-collapse: separate; border-spacing: 0;overflow: hidden;} .show-hotl-tbl table:first-child{border-top:none;} .show-hotl-tbl th{ font-size:14px; color:#333; line-height:20px;font-weight:600; padding:5px 10px; } .show-hotl-tbl td{ font-size: 13px; color: #1f1f1f; line-height: 16px !important; font-weight: 600; padding: 12px 10px; } .show-hotl-tbl .hrcat{font-size: 11px !important;font-weight: 500;color: #525252; line-height: 14px !important;} .data-titl-pnl{ width:auto; float:left; } .data-hotl-pln{ margin-bottom:0px; height:auto; padding:0px 0px 0px 0px; float:left;width:50%;margin-top: 5px;margin-left: 20px; } .data-hotl-pln .owl-item{margin: 0px 4px 0px 0px;} .data-hotl-adbtn{float: right;width: auto;height: 20px;margin-right: 30px;margin-top: 5px;text-align: right;} .data-hotl-adbtn a{font-size: 13px;font-weight: 600;padding: 5px 8px;margin: 0px 4px;float: left;} .data-hotl-adbtn a i{ margin-right: 4px; font-size: 10px; font-weight: 600; position: relative; top: 0px;} .data-hotl-adbtn .btnaddmore{ border: 1px solid #7b9de4; border-radius: 4px; color: #4271c0; background: #e3e9ff;} .data-hotl-adbtn .btnhide{border: 1px solid #d37fdb; border-radius: 4px; color: #b341b9; background: #eed9fe;} .hotl-data-lead{ height:auto; float:left;width:auto;padding: 1px 10px; text-align:center; width:100% !important;border-radius: 4px;border: solid 1px transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #78e4ff, #ff48fa); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 1000px 1px #fff inset; } .hotl-data-lead:last-child{ } .hotl-data-lead p{ font-size:14px; padding:0px 0px; color:#333; font-weight:400; margin-bottom:0px; } .hotl-data-lead p span{ font-size:14px; padding:0px 5px; color:#000; font-weight:600;margin-bottom:0px; } .hotl-data-fltr { } .hotl-data-fltr p{ padding:0px 0px; font-size:13px; color:#333; margin-bottom:0px; font-weight:300; text-transform:none; } .hotl-data-fltr i{ padding-right:5px; font-size:22px; } .hotl-data-fltr input{ width:100%; border:1px solid #ccc; padding:10px 10px;height:40px;border-radius: 4px; margin-bottom:10px; } .hotl-data-fltr-btn { width:100%; height:40px; background: #fb794d; border-radius: 4px; font-size: 14px;padding:10px 10px; border: none; color: #fff; } .hotl-data-fltr-btn:hover { } .nopdng{padding:0px !important; margin-bottom:0px !important; } .nopdng{padding:0px !important; margin-bottom:0px !important; } .owl-carousel .owl-wrapper:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel { display: none; position: relative; width: 100%; -ms-touch-action: pan-y; } .owl-carousel .owl-wrapper { display: none; position: relative; -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-wrapper-outer { overflow: hidden; position: relative; width: 100%; } .owl-carousel .owl-wrapper-outer.autoHeight { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } .owl-carousel .owl-item { float: left; } .owl-controls .owl-page, .owl-controls .owl-buttons div { cursor: pointer; } .owl-controls { -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } /* mouse grab icon */ .grabbing { cursor: url(../images/icons/grabbing.png) 8 8, move; } /* fix */ .owl-carousel .owl-wrapper, .owl-carousel .owl-item { -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); } .owl-origin { -webkit-perspective: 1200px; -webkit-perspective-origin-x: 50%; -webkit-perspective-origin-y: 50%; -moz-perspective: 1200px; -moz-perspective-origin-x: 50%; -moz-perspective-origin-y: 50%; perspective: 1200px; } .owl-fade-out { z-index: 10; -webkit-animation: fadeOut .7s both ease; -moz-animation: fadeOut .7s both ease; animation: fadeOut .7s both ease; } .owl-fade-in { -webkit-animation: fadeIn .7s both ease; -moz-animation: fadeIn .7s both ease; animation: fadeIn .7s both ease; } .owl-backSlide-out { -webkit-animation: backSlideOut 1s both ease; -moz-animation: backSlideOut 1s both ease; animation: backSlideOut 1s both ease; } .owl-backSlide-in { -webkit-animation: backSlideIn 1s both ease; -moz-animation: backSlideIn 1s both ease; animation: backSlideIn 1s both ease; } .owl-goDown-out { -webkit-animation: scaleToFade .7s ease both; -moz-animation: scaleToFade .7s ease both; animation: scaleToFade .7s ease both; } .owl-goDown-in { -webkit-animation: goDown .6s ease both; -moz-animation: goDown .6s ease both; animation: goDown .6s ease both; } .owl-fadeUp-in { -webkit-animation: scaleUpFrom .5s ease both; -moz-animation: scaleUpFrom .5s ease both; animation: scaleUpFrom .5s ease both; } .owl-fadeUp-out { -webkit-animation: scaleUpTo .5s ease both; -moz-animation: scaleUpTo .5s ease both; animation: scaleUpTo .5s ease both; } @-webkit-keyframes empty { 0% { opacity: 1; } } @-moz-keyframes empty { 0% { opacity: 1; } } @keyframes empty { 0% { opacity: 1; } } @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-moz-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-moz-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @-webkit-keyframes backSlideOut { 25% { opacity: .5; -webkit-transform: translateZ(-500px); } 75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); } } @-moz-keyframes backSlideOut { 25% { opacity: .5; -moz-transform: translateZ(-500px); } 75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); } } @keyframes backSlideOut { 25% { opacity: .5; transform: translateZ(-500px); } 75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } 100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); } } @-webkit-keyframes backSlideIn { 0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -webkit-transform: translateZ(-500px); } 100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); } } @-moz-keyframes backSlideIn { 0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; -moz-transform: translateZ(-500px); } 100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); } } @keyframes backSlideIn { 0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); } 75% { opacity: .5; transform: translateZ(-500px); } 100% { opacity: 1; transform: translateZ(0) translateX(0); } } @-webkit-keyframes scaleToFade { to { opacity: 0; -webkit-transform: scale(0.8); } } @-moz-keyframes scaleToFade { to { opacity: 0; -moz-transform: scale(0.8); } } @keyframes scaleToFade { to { opacity: 0; transform: scale(0.8); } } @-webkit-keyframes goDown { from { -webkit-transform: translateY(-100%); } } @-moz-keyframes goDown { from { -moz-transform: translateY(-100%); } } @keyframes goDown { from { transform: translateY(-100%); } } @-webkit-keyframes scaleUpFrom { from { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpFrom { from { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpFrom { from { opacity: 0; transform: scale(1.5); } } @-webkit-keyframes scaleUpTo { to { opacity: 0; -webkit-transform: scale(1.5); } } @-moz-keyframes scaleUpTo { to { opacity: 0; -moz-transform: scale(1.5); } } @keyframes scaleUpTo { to { opacity: 0; transform: scale(1.5); } } .owl-theme .owl-controls { text-align: center; } .touch-slider .owl-controls .owl-buttons div { position: absolute; top: 50%; height: 40px; width: 40px; line-height: 45px; display: inline-block; zoom: 1; opacity: 0; *display: inline; /*IE7 life-saver */ background: #fff; color: #ffbb02; filter: alpha(opacity=60); /*IE7 fix*/ margin-top: -30px; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .touch-slider:hover .owl-controls .owl-buttons div { filter: alpha(opacity=100); /*IE7 fix*/ opacity: 1; } .touch-slider .owl-controls .owl-buttons div.owl-prev { left: 0; } .touch-slider .owl-controls .owl-buttons div.owl-next { right: 0; } .touch-slider .owl-controls .owl-buttons div i { font-size: 1.8em; } .touch-carousel .owl-controls .owl-buttons { position: absolute; top: -38px; right: 15px; } .touch-carousel.projects-carousel .owl-controls .owl-buttons { right: 12px; } .projects-carousel .owl-controls .owl-buttons { right: 9px; } .owl-pagination { /*position: absolute;*/ width: auto; display:none; left: 0; float:left; bottom: 5px; } .owl-theme .owl-controls .owl-page { display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ } .owl-theme .owl-controls .owl-page span { display: block; width: 12px; height: 12px; margin: 2px 4px; filter: alpha(opacity=50); /*IE7 fix*/ opacity: 1; border-radius: 50%; background: #fff; border: 3px solid #fff; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2); transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .touch-slider:hover .owl-controls .owl-page span { filter: alpha(opacity=100); /*IE7 fix*/ opacity: 1; } .owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span { filter: alpha(opacity=100); /*IE7 fix*/ opacity: 1; background: #1b65a7; } .owl-theme .owl-controls .owl-page span.owl-numbers { height: auto; width: auto; color: #FFF; padding: 2px 10px; font-size: 12px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -o-border-radius: 30px; border-radius: 30px; } .touch-carousel.projects-carousel .owl-controls .owl-buttons { right: 12px; } .touch-carousel.navigation-2 .owl-controls .owl-buttons { position: relative; top: 0; right: 0; } .touch-carousel.navigation-2.clients-carousel .owl-controls .owl-buttons { top: -8px; } .touch-carousel.navigation-2 .owl-controls .owl-buttons div, .touch-carousel.navigation-3 .owl-controls .owl-buttons div { background-color: #f2f2f2; } .touch-carousel.navigation-2 .owl-controls .owl-buttons div i, .touch-carousel.navigation-3 .owl-controls .owl-buttons div i { color: #666; } .touch-carousel.navigation-3 { padding-top: 45px; } .touch-carousel.navigation-3.clients-carousel { padding-top: 25px; } .touch-carousel.navigation-3 .owl-controls .owl-buttons { position: absolute; top: 0; right: 0; width: 100%; } .touch-carousel.navigation-2 .owl-controls .owl-buttons div, .touch-carousel.navigation-3 .owl-controls .owl-buttons div { width: 28px; height: 28px; line-height: 28px; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; } .touch-carousel.navigation-3.projects-carousel .owl-controls .owl-buttons { right: 9px; } .touch-carousel .owl-controls .owl-buttons div, .testimonials-carousel .owl-controls .owl-buttons div { height: 22px; width: 22px; line-height: 22px; display: inline-block; zoom: 1; *display: inline; /*IE7 life-saver */ -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background-color: #fff; margin-left: 4px; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; border: 1px solid #ccc; } .touch-carousel .owl-controls .owl-buttons div i, .testimonials-carousel .owl-controls .owl-buttons div i { font-size: 1.2em; color: #ccc; transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } @media only screen and (max-width: 1099px) { .data-pnl-lft { float: left; width: 100%; } .data-pnl-ctr { float: left; width: 100%; } .data-pnl-rgt { float: left; width: 100%; } .vl { display: none; } .or { display: block; } } @media only screen and (max-width: 455px) { .edit-fild-pnl{ display:block; margin-bottom:20px;}.edit-fild-titl{/*width:100%;*/ } .edit-fild-lable{ /*width:100%; */ } } @media only screen and (max-width: 992px) { .rtl .side-nav { right: -280px; } } @media only screen and (min-width: 992px) and (max-width: 1440px) { .rtl .side-nav:hover .side-nav-inner .side-nav-menu > li > a .icon-holder { float: right; margin-left: 14px; } } .rtl .side-nav .side-nav-inner .side-nav-menu { border-right: 0px; border-left: 1px solid #e6ecf5; } .rtl .side-nav .side-nav-inner .side-nav-menu > li > a { line-height: 2.5; } .rtl .side-nav .side-nav-inner .side-nav-menu > li > a .icon-holder { float: right; margin-right: 0px; margin-left: 14px; } @media only screen and (min-width: 992px) and (max-width: 1440px) { .rtl .side-nav .side-nav-inner .side-nav-menu > li > a .icon-holder { float: none; margin-left: 0px; } } .rtl .side-nav .side-nav-inner .side-nav-menu > li.dropdown .arrow { line-height: 28px; right: auto; left: 30px; } .rtl .side-nav .side-nav-inner .side-nav-menu > li.dropdown .arrow i:before { content: "\e64a"; } .rtl .side-nav .side-nav-inner .side-nav-menu > li.dropdown.open .arrow { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); } .rtl .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu { padding-left: 0px; padding-right: 30px; } .rtl .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li > a { text-align: right; } .rtl .side-nav .side-nav-inner .side-nav-logo { border-right: 0px; border-left: 1px solid #e6ecf5; } .rtl .side-nav .side-nav-inner .side-nav-logo .mobile-toggle { float: left; transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); } @media only screen and (max-width: 992px) { .rtl.is-collapsed .side-nav { left: auto; right: 0px; } } @media only screen and (min-width: 1440px) { .rtl.is-collapsed .side-nav:hover .side-nav-inner .side-nav-menu > li > a .icon-holder { float: right; margin-left: 14px; } .rtl.is-collapsed .side-nav .side-nav-inner .side-nav-menu > li > a .icon-holder { float: none; margin-left: 4px; } } @media only screen and (min-width: 992px) and (max-width: 1440px) { .rtl.is-collapsed .side-nav .side-nav-inner .side-nav-menu > li > a .icon-holder { float: right; margin-left: 14px; } } @media only screen and (min-width: 1440px) { .rtl.is-collapsed .page-container { padding-right: 70px; } } .rtl .page-container { padding-left: 0px; } @media only screen and (min-width: 1440px) { .rtl .page-container { padding-right: 280px; } } @media only screen and (min-width: 992px) and (max-width: 1440px) { .rtl .page-container { padding-right: 70px; } } .rtl .header .header-container .nav-left { float: right; margin-right: 15px; } .rtl .header .header-container .nav-left > li { float: right; } .rtl .header .header-container .nav-right { float: left; } .rtl .header .header-container .nav-right > li { float: right; } .rtl .header .header-container .nav-right .user-profile { border-right: 0px; } .rtl .header .header-container .nav-right .dropdown-menu { left: 0px; right: auto; -webkit-transform-origin: top left; -moz-transform-origin: top left; -ms-transform-origin: top left; transform-origin: top left; } .rtl .header .search-input .advanced-search { left: -120px; } .rtl .side-panel .side-panel-wrapper { border-left: 0px; border-right: 1px solid #e6ecf5; left: calc(0px - 600px); } .rtl .side-panel .side-panel-wrapper .nav-tabs .panel-close { border-left: 0px; } .rtl .side-panel.side-panel-open .side-panel-wrapper { left: 0px; } .rtl .pull-right { float: left !important; } .rtl .list-info .info { padding-left: 0px; padding-right: 55px; } .rtl .list-info .info .sub-title { max-width: 100%; } .rtl .list-info .info .float-object { right: auto; left: 15px; } .rtl .list-info .thumb-img { float: right; } .rtl .progress-bar { margin-left: auto; } .rtl .chat .chat-user-list .chat-user .user-info { padding-left: 0px; padding-right: 55px; } .rtl .chat .chat-user-list .chat-user .status { right: auto; left: 20px; } .rtl .chat .chat-user-list .chat-user .thumb-img { float: right; } .rtl .chat .conversation { text-align: left; } .rtl .status { right: 0px; left: auto; } .rtl .pdd-left-20 { padding-right: 20px !important; } .header-primary .header { background-color: #7774e7; color: #ffffff; border-color: #7774e7; } .header-primary .header .header-container ul > li > a { color: #ededed; } .header-primary .header .header-container ul > li > a:hover, .header-primary .header .header-container ul > li > a:focus { color: #ffffff; } .header-primary .header .header-container ul .user-profile { border-color: #7774e7; } .header-primary .side-nav .side-nav-inner .side-nav-logo { background-color: #7774e7; border-color: #7774e7; } .header-primary .side-nav .side-nav-inner .side-nav-logo a .logo-dark { display: none; } .header-primary .side-nav .side-nav-inner .side-nav-logo a .logo-white { display: block; } .header-info .header { background-color: #0f9aee; color: #ffffff; border-color: #0f9aee; } .header-info .header .header-container ul > li > a { color: #ededed; } .header-info .header .header-container ul > li > a:hover, .header-info .header .header-container ul > li > a:focus { color: #ffffff; } .header-info .header .header-container ul .user-profile { border-color: #0f9aee; } .header-info .side-nav .side-nav-inner .side-nav-logo { background-color: #0f9aee; border-color: #0f9aee; } .header-info .side-nav .side-nav-inner .side-nav-logo a .logo-dark { display: none; } .header-info .side-nav .side-nav-inner .side-nav-logo a .logo-white { display: block; } .header-success .header { background-color: #3dc33c; color: #ffffff; border-color: #3dc33c; } .header-success .header .header-container ul > li > a { color: #ededed; } .header-success .header .header-container ul > li > a:hover, .header-success .header .header-container ul > li > a:focus { color: #ffffff; } .header-success .header .header-container ul .user-profile { border-color: #3dc33c; } .header-success .side-nav .side-nav-inner .side-nav-logo { background-color: #3dc33c; border-color: #3dc33c; } .header-success .side-nav .side-nav-inner .side-nav-logo a .logo-dark { display: none; } .header-success .side-nav .side-nav-inner .side-nav-logo a .logo-white { display: block; } .header-danger .header { background-color: #f53f61; color: #ffffff; border-color: #f53f61; } .header-danger .header .header-container ul > li > a { color: #ededed; } .header-danger .header .header-container ul > li > a:hover, .header-danger .header .header-container ul > li > a:focus { color: #ffffff; } .header-danger .header .header-container ul .user-profile { border-color: #f53f61; } .header-danger .side-nav .side-nav-inner .side-nav-logo { background-color: #f53f61; border-color: #f53f61; } .header-danger .side-nav .side-nav-inner .side-nav-logo a .logo-dark { display: none; } .header-danger .side-nav .side-nav-inner .side-nav-logo a .logo-white { display: block; } .header-dark .header { background-color: #464e62; color: #ffffff; border-color: #464e62; } .header-dark .header .header-container ul > li > a { color: #ededed; } .header-dark .header .header-container ul > li > a:hover, .header-dark .header .header-container ul > li > a:focus { color: #ffffff; } .header-dark .header .header-container ul .user-profile { border-color: #464e62; } .header-dark .side-nav .side-nav-inner .side-nav-logo { background-color: #464e62; border-color: #464e62; } .header-dark .side-nav .side-nav-inner .side-nav-logo a .logo-dark { display: none; } .header-dark .side-nav .side-nav-inner .side-nav-logo a .logo-white { display: block; } .theme-toggle { position: fixed; bottom: 20px; right: 20px; padding: 15px !important; z-index: 1001; font-size: 15px !important; color: #ffffff; background-color: #0f9aee; line-height: 1; } .theme-toggle:hover { opacity: 0.85; } .theme-configurator.theme-config-open .configurator-wrapper { transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); } .theme-configurator .configurator-wrapper { position: fixed; top: 0; right: 0; bottom: 0; width: 300px; border-left: 1px solid #e6ecf5; margin: 0px; overflow: hidden; z-index: 1030; background-color: #ffffff; transform: translateX(300px); -webkit-transform: translateX(300px); -moz-transform: translateX(300px); -o-transform: translateX(300px); -ms-transform: translateX(300px); transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .theme-configurator .configurator-wrapper .config-header { position: relative; padding: 0px 15px; text-align: left; border-bottom: 1px solid #e6ecf5; } .theme-configurator .configurator-wrapper .config-header .config-title { line-height: 65px; margin-bottom: 0px; } .theme-configurator .configurator-wrapper .config-header .config-close { position: absolute; right: 0px; top: 0px; border: 0px; padding: 0px 20px; background-color: #ffffff; line-height: 65px; border-left: 1px solid #e6ecf5; } .theme-configurator .configurator-wrapper .config-body { padding: 30px 40px; } .theme-configurator .configurator-wrapper .config-body .theme-colors { padding: 7px 0; min-height: auto; display: inline-block; } .theme-configurator .configurator-wrapper .config-body .theme-colors input { margin: 0; display: none; width: 22px; } .theme-configurator .configurator-wrapper .config-body .theme-colors input + label { padding-left: 0; } .theme-configurator .configurator-wrapper .config-body .theme-colors input + label:before { content: ""; width: 55px; height: 55px; display: inline-block; border: 2px solid #e6ecf5; margin-right: 15px; font-size: 14px; font-family: 'themify'; font-weight: 400; line-height: 19px; vertical-align: bottom; text-align: center; background-color: #ffffff; cursor: pointer; font-size: 18px; line-height: 50px; } .theme-configurator .configurator-wrapper .config-body .theme-colors input:checked + label:before { content: "\e64c"; color: #888da8; } .theme-configurator .configurator-wrapper .config-body .theme-colors.header-primary input + label:before { background-color: #7774e7; } .theme-configurator .configurator-wrapper .config-body .theme-colors.header-primary input:checked + label:before { color: #ffffff; } .theme-configurator .configurator-wrapper .config-body .theme-colors.header-info input + label:before { background-color: #0f9aee; } .theme-configurator .configurator-wrapper .config-body .theme-colors.header-info input:checked + label:before { color: #ffffff; } .theme-configurator .configurator-wrapper .config-body .theme-colors.header-success input + label:before { background-color: #3dc33c; } .theme-configurator .configurator-wrapper .config-body .theme-colors.header-success input:checked + label:before { color: #ffffff; } .theme-configurator .configurator-wrapper .config-body .theme-colors.header-danger input + label:before { background-color: #f53f61; } .theme-configurator .configurator-wrapper .config-body .theme-colors.header-danger input:checked + label:before { color: #ffffff; } .theme-configurator .configurator-wrapper .config-body .theme-colors.header-dark input + label:before { background-color: #464e62; } .theme-configurator .configurator-wrapper .config-body .theme-colors.header-dark input:checked + label:before { color: #ffffff; } .theme-configurator .configurator-wrapper .config-body .theme-colors.side-nav-dark input + label:before { background-color: #313644; } .theme-configurator .configurator-wrapper .config-body .theme-colors.side-nav-dark input:checked + label:before { color: #ffffff; } .mt-extra{ margin-top: 47px;} /*--------------------------------- ------------ plugins ------------- ---------------------------------*/ .slick-prev, .slick-next { z-index: 10; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .slick-prev:before, .slick-next:before { font-family: 'themify'; font-size: 25px; line-height: 1; opacity: .75; color: #ffffff; } .slick-next { right: 15px; } .slick-next:before { content: "\e649"; } .slick-prev { left: 15px; } .slick-prev:before { content: "\e64a"; } .slick-dots { bottom: 10px; } .slick-dots li button:before { font-family: 'themify'; content: "\e724"; font-size: 16px; opacity: 0.5; color: #ffffff; } .slick-dots li.slick-active button:before { color: #ffffff; opacity: 1; } .noUi-handle { background-color: #ffffff; border-radius: 50%; box-shadow: none; cursor: pointer; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; } .noUi-handle:active { transform: scale(1.4); -webkit-transform: scale(1.4); -moz-transform: scale(1.4); -o-transform: scale(1.4); -ms-transform: scale(1.4); } .noUi-handle:before, .noUi-handle:after { display: none; } .noUi-horizontal { height: 6px; } .noUi-horizontal .noUi-handle { left: -10px; top: -7px; width: 18px; height: 18px; border: 1px solid #d4deee; } .noUi-vertical { height: 100%; width: 6px; display: inline-block; } .noUi-vertical .noUi-handle { width: 18px; height: 18px; border: 1px solid #d4deee; } .noUi-vertical .noUi-origin { border-radius: 0px; bottom: 0px; } .noUi-background { background: #f6f7fb; box-shadow: none; } .noUi-origin { border-radius: 0px; bottom: 5px; } .noUi-target { border: 1px solid #e6ecf5; box-shadow: none; } .noUi-target.noUi-connect { box-shadow: none; } .noUi-connect { background-color: #888da8; } .noUi-connect.slider-primary { background-color: #7774e7; } .noUi-connect.slider-success { background-color: #37c936; } .noUi-connect.slider-info { background-color: #0f9aee; } .noUi-connect.slider-warning { background-color: #ffcc00; } .noUi-connect.slider-danger { background-color: #ff3c7e; } .slider-primary .noUi-connect { background-color: #7774e7; } .slider-success .noUi-connect { background-color: #37c936; } .slider-info .noUi-connect { background-color: #0f9aee; } .slider-warning .noUi-connect { background-color: #ffcc00; } .slider-danger .noUi-connect { background-color: #ff3c7e; } .noUi-marker-large, .noUi-marker-sub { background: #e6ecf5; } .noUi-pips { color: #888da8; } .noUi-value-sub { color: #888da8; margin-top: 5px; font-size: 11px; } .noUi-value { margin-top: 5px; font-size: 12px; } .noUi-marker-horizontal.noUi-marker-large { height: 10px; } .selectize-control.single .selectize-input { border-color: #b9bbbd; box-shadow: none; background-color: #ffffff; background-image: none; } .selectize-control.single .selectize-input:after { content: "\e64b"; font-family: 'themify'; border-style: none; border-width: 0px; top: 40%; right: 25px; font-size: 10px; border-color: transparent; } .selectize-control.single .selectize-input.dropdown-active:after { content: "\e648"; } .selectize-dropdown { color: #888da8; } .selectize-dropdown .single { border-color: #e6ecf5; } .selectize-dropdown.single { border-color: #e6ecf5; } .selectize-dropdown .active { background-color: #f6f7fb; color: #888da8; } .selectize-input { color: #888da8; border-radius: 4px; box-shadow: none; border: 1px solid #d0d0d0 !important; height:auto; min-height: 40px;} .selectize-input input { color: #888da8; } .selectize-input input::-webkit-input-placeholder { color: #e0e2e9; } .selectize-input input:-moz-placeholder { color: #e0e2e9; } .selectize-input input::-moz-placeholder { color: #e0e2e9; } .selectize-input input:-ms-input-placeholder { color: #e0e2e9; } .selectize-input > input { line-height: 1.8 !important; } .selectize-input > * { line-height: 1.8 !important; } .selectize-control.multi .selectize-input [data-value] { background-color: #e5f4fd; color: #0f9aee; background-image: none; border: 0px; border-radius: 50px; margin-right: 8px; margin-bottom: 6px; padding: 0px 10px; box-shadow: none; text-shadow: none; font-weight: 500; } .selectize-control.multi .selectize-input [data-value].active { border: 0px; background-color: #e5f4fd; color: #0f9aee; background-image: none; } .item-primary.selectize-control.multi .selectize-input [data-value] { background-color: #f7f6fe; color: #7774e7; background-image: none; } .item-primary.selectize-control.multi .selectize-input [data-value].active { background-color: #f7f6fe; color: #7774e7; background-image: none; } .item-success.selectize-control.multi .selectize-input [data-value] { background-color: #ebfaeb; color: #37c936; background-image: none; } .item-success.selectize-control.multi .selectize-input [data-value].active { background-color: #ebfaeb; color: #37c936; background-image: none; } .item-warning.selectize-control.multi .selectize-input [data-value] { background-color: #ebfaeb; color: #37c936; background-image: none; } .item-warning.selectize-control.multi .selectize-input [data-value].active { background-color: #fffae6; color: #37c936; background-image: none; } .item-danger.selectize-control.multi .selectize-input [data-value] { background-color: #ffeff4; color: #ff3c7e; background-image: none; } .item-danger.selectize-control.multi .selectize-input [data-value].active { background-color: #ffeff4; color: #ff3c7e; background-image: none; } .noty_bar { padding: 15px; overflow: hidden; border-radius: 2px; position: relative; font-weight: 500; margin-bottom: 3px; } .noty_bar .noty_body { padding: 10px; font-size: 14px; } .noty_bar .noty_buttons { padding: 10px; } .noty_type_alert, .noty_type_notification { background-color: #ffffff; border-bottom: 1px solid #e6ecf5; color: #888da8; } .noty_type_warning { background-color: #fffae6; color: #ffcc00; } .noty_type_error { background-color: #ffeff4; color: #ff3c7e; } .noty_type_info, .noty_type_information { background-color: #e5f4fd; color: #0f9aee; } .noty_type_success { background-color: #ebfaeb; color: #2fad2e; } .noty_type_confirm { background-color: #cccbf6; color: #7774e7; } #noty_top_layout_container { top: 55px !important; right: 0px !important; left: auto !important; width: 100% !important; margin-left: 30px !important; padding-left: 280px !important; z-index: 1 !important; } #noty_bottom_layout_container { bottom: 0px !important; right: 0px !important; left: auto !important; width: 100% !important; margin-left: 30px !important; padding-left: 280px !important; z-index: 1 !important; } #noty_topRight_layout_container, #noty_topLeft_layout_container { top: 70px !important; } #noty_topLeft_layout_container, #noty_bottomLeft_layout_container { left: 305px !important; } .noty-animation { animation-duration: 0.2s; -webkit-animation-duration: 0.2s; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; -ms-transition: all 0.2s ease; } .noty-animation.i-am-closing-now { opacity: 0; visibility: hidden; } table.dataTable.no-footer { border-bottom: 1px solid #e6ecf5; margin-bottom: 20px; } table.dataTable .info .title{color: #3d86da !important;} .sorting_asc:focus { outline: none; } .dataTables_wrapper .dataTables_length { color: #515365; } @media only screen and (max-width: 767px) { .dataTables_wrapper .dataTables_length { text-align: left; } } .dataTables_wrapper .dataTables_length select {border: 1px solid #e6ecf5;border-radius: 4px;box-shadow: none;height: 30px;font-size: 14px;padding: 5px;margin-left: 5px;margin-right: 5px;color: #434343;transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;} .dataTables_wrapper .dataTables_length select::-webkit-input-placeholder { color: #e0e2e9; } .dataTables_wrapper .dataTables_length select:-moz-placeholder { color: #e0e2e9; } .dataTables_wrapper .dataTables_length select::-moz-placeholder { color: #e0e2e9; } .dataTables_wrapper .dataTables_length select:-ms-input-placeholder { color: #e0e2e9; } .dataTables_wrapper .dataTables_filter { color: #515365; } .dataTables_wrapper table th{ padding:0px 0px !important; line-height:10px !important;} @media only screen and (max-width: 767px) { .dataTables_wrapper .dataTables_filter { text-align: left; } } .dataTables_wrapper .dataTables_filter input {border: 1px solid #bcbcbc;border-radius: 4px;box-shadow: none;height: 30px;font-size: 14px;margin-left: 15px;padding: 5px 10px;color: #888da8;transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;-moz-transition: all 0.2s ease-in;-o-transition: all 0.2s ease-in;-ms-transition: all 0.2s ease-in;} .dataTables_wrapper .dataTables_filter input::before {font: normal normal normal 14px/1 FontAwesome; content: "\f002";} .dataTables_wrapper .dataTables_filter input::-webkit-input-placeholder { color: #e0e2e9; } .dataTables_wrapper .dataTables_filter input:-moz-placeholder { color: #e0e2e9; } .dataTables_wrapper .dataTables_filter input::-moz-placeholder { color: #e0e2e9; } .dataTables_wrapper .dataTables_filter input:-ms-input-placeholder { color: #e0e2e9; } .dataTables_wrapper .dataTables_info {color: #4b4b4b;} .dataTables_wrapper .dataTables_processing { color: #515365; } .dataTables_wrapper .dataTables_paginate { color: #888da8; } .dataTables_wrapper .dataTables_paginate .paginate_button { color: #888da8 !important; padding: 5px 12px; border-radius: 50%; margin-right: 2px; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out;border: 1px solid #e7e7e7; } .dataTables_wrapper .dataTables_paginate .paginate_button.next, .dataTables_wrapper .dataTables_paginate .paginate_button.previous, .dataTables_wrapper .dataTables_paginate .paginate_button.first, .dataTables_wrapper .dataTables_paginate .paginate_button.last { border-radius: 4px; } .dataTables_wrapper .dataTables_paginate .paginate_button.next:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next:focus, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous:focus, .dataTables_wrapper .dataTables_paginate .paginate_button.first:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.first:focus, .dataTables_wrapper .dataTables_paginate .paginate_button.last:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.last:focus { color: #888da8 !important; background: #888da8; /* The Fallback */ background: rgba(136, 141, 168, 0.15); border-color: white; } .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.first.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.last.disabled { opacity: 0.7; cursor:pointer; } .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.next.disabled:focus, .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.previous.disabled:focus, .dataTables_wrapper .dataTables_paginate .paginate_button.first.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.first.disabled:focus, .dataTables_wrapper .dataTables_paginate .paginate_button.last.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.last.disabled:focus { color: #888da8 !important; background: transparent; border-color: transparent; } .dataTables_wrapper .dataTables_paginate .paginate_button:hover { color: #ffffff !important; background: #b7b5f2; border: 1px solid #b7b5f2; } .dataTables_wrapper .dataTables_paginate .paginate_button.current { color: #3e3e3e !important; background: #e3e5f1; border: 1px solid #e3e5f1;} .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover { color: #ffffff !important; background: #7774e7; border: 1px solid #7774e7; } .dataTables_wrapper .status { width: 5px; height: 5px; } .datepicker { border-radius: 0px; padding: 25px; box-shadow: none; border: 1px solid #e6ecf5; } .datepicker table tr th, .datepicker table tr td { border-radius: 0px; width: 40px; height: 35px; } .datepicker table tr td { transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .datepicker table tr td span { border-radius: 0px; } .datepicker table tr td span.active:active, .datepicker table tr td span.active:hover:active, .datepicker table tr td span.active.disabled:active, .datepicker table tr td span.active.disabled:hover:active, .datepicker table tr td span.active.active, .datepicker table tr td span.active:hover.active, .datepicker table tr td span.active.disabled.active, .datepicker table tr td span.active.disabled:hover.active, .datepicker table tr td span.active.active:hover, .datepicker table tr td span.active:hover.active:hover, .datepicker table tr td.active:active, .datepicker table tr td.active.highlighted:active, .datepicker table tr td.active.active, .datepicker table tr td.active.highlighted.active, .datepicker table tr td.active:active:hover, .datepicker table tr td.active.highlighted:active:hover, .datepicker table tr td.active.active:hover, .datepicker table tr td.active.highlighted.active:hover, .datepicker table tr td.active:active:focus, .datepicker table tr td.active.highlighted:active:focus, .datepicker table tr td.active.active:focus, .datepicker table tr td.active.highlighted.active:focus, .datepicker table tr td.active:active.focus, .datepicker table tr td.active.highlighted:active.focus, .datepicker table tr td.active.active.focus, .datepicker table tr td.active.highlighted.active.focus { color: #ffffff; background-color: #7774e7; border-color: transparent; } .datepicker table tr td span:hover, .datepicker table tr td span.focused { background: #f6f7fb; } .datepicker table tr td.day:hover, .datepicker table tr td.focused { background: #f6f7fb; cursor: pointer; } .datepicker .datepicker-switch:hover, .datepicker .prev:hover, .datepicker .next:hover, .datepicker tfoot tr th:hover { background: #f6f7fb; cursor: pointer; } .datepicker-inline { width: 330px; } .daterangepicker { border-radius: 0px; padding: 30px; box-shadow: none; border: 1px solid #e6ecf5; } .daterangepicker .input-mini { border-radius: 0px; margin-bottom: 20px; height: 40px; padding: 0 6px 0 35px; } .daterangepicker .input-mini.active { border-radius: 0px; border-color: #6dc2f6; } .daterangepicker .daterangepicker_input i { position: absolute; left: 10px; top: 13px; } .daterangepicker td, .daterangepicker th { border-radius: 0px; width: 40px; height: 35px; } .daterangepicker td.available:hover, .daterangepicker th.available:hover { background: #f6f7fb; } .daterangepicker td.in-range { background-color: transparent; color: #7774e7; } .daterangepicker td.active { background-color: #7774e7; border-color: transparent; color: #fff; } .daterangepicker td.active:hover { background-color: #7774e7; border-color: transparent; color: #fff; } .daterangepicker td.start-date { border-radius: 0px; } .daterangepicker td.start-date.end-date { border-radius: 0px; } .daterangepicker td.end-date { border-radius: 0px; } .daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect { border: 1px solid #e6ecf5; min-height: 30px; } .daterangepicker .calendar-time i { top: 8px; left: 35px; } @media only screen and (min-width: 767px) { .daterangepicker .calendar { margin-right: 20px !important; } } .note-editor { box-shadow: none; } .note-editor.note-frame { border: 1px solid #e6ecf5; border-radius: 0px; } .note-editor.note-frame .note-statusbar { background-color: #f8fafc; } .note-editor .btn-default { margin-bottom: 0px; } .note-editor .modal.in { z-index: 99999; } .note-editor .panel-heading { background-color: transparent; border-bottom: 1px solid #e6ecf5; } .note-editor.fullscreen .note-toolbar { background-color: #ffffff; } .note-editor .note-btn.active { background-color: #edf2f8; } .note-popover.popover { display: none; } .nvd3 .nv-axis line { stroke: #e6ecf5; } .nvd3 .nv-axis path { stroke: #e6ecf5; } .nvd3 text { font-family: 'Sarabun', sans-serif; fill: #888da8; } .nvtooltip { color: #888da8; border-color: #e6ecf5; background: #ffffff; border-radius: 0px; -webkit-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1) ; -moz-box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1) ; box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1) ; } .nvtooltip table { margin: 15px; } .nvtooltip table td.legend-color-guide div { border: 0px; border-radius: 50px; } .nvtooltip table tr td { padding: 7px 10px; } .nvtooltip table tr.highlight td { padding: 7px 10px; } .rickshaw_graph .x_ticks_d3 path, .rickshaw_graph .y_ticks path { stroke: #c2d0e6; } .sparkline-chart { overflow: hidden; } .jqstooltip { box-sizing: content-box; } /*--------------------------------- ------------ elements ------------- ---------------------------------*/ .frm-btn{ } .define-btn{ top: -10px; position: relative; } .define-btn i{ position: relative; top: 2px; } button { outline: none; box-shadow: none; cursor: pointer; } button:focus { outline: none; } button.active:focus { outline: none; box-shadow: none; } button:active:focus { outline: none; box-shadow: none; } button.disabled, button:disabled { opacity: 0.5; cursor: not-allowed; } .btn { cursor: pointer; font-family: 'Sarabun', sans-serif; font-size: 14px; padding: 8px 20px; border-radius: 4px; margin-right: 0px; margin-bottom: 5px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .btn i{position: relative; top: 2px;} .fa-sliders{top: 0px !important;} .btn.dropdown-toggle { margin-bottom: 15px; } .btn:focus { outline: none; box-shadow: none; } .btn.active:focus { outline: none; } .btn:active:focus { outline: none; } .btn-inverse { font-weight: bold; } .btn-default { color: #515365; background-color: #ffffff; border-color: #d4deee; font-weight: 500; } .btn-default:hover, .btn-default:focus, .btn-default:active { color: #515365; background-color: #edf2f8; border-color: #edf2f8; } .btn-default:active:hover, .btn-default:active:focus { color: #515365; background-color: #edf2f8; border-color: #edf2f8; } .btn-default.active:hover, .btn-default.active:focus { color: #515365; background-color: #edf2f8; border-color: #edf2f8; } .shrebtn{border: 1px solid #b8d4ff; padding: 7px 9px; border-radius: 4px; font-size: 12px; color: #6099ff; display: inline-block; /* position: relative; */ top: -1px; height: 34.9px;background: #fff;} .shrebtn:hover{background: #fff;} .btn-dteb{ /*border:1px solid #fb794d; font-size:13px !important; background:#fff; color:#fb794d !important; font-weight:500;*/ border-radius: 4px; font-size: 13px !important; padding: 7px 10px !important; color: #4866c4 !important; font-weight: 600; box-shadow: 0 0 6px 0 rgba(157, 96, 212, 0.5); border: solid 1px transparent; background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #78e4ff, #ff48fa); background-origin: border-box; background-clip: content-box, border-box; box-shadow: 2px 1000px 1px #fff inset; } .btn-dteb:hover, .btn-dteb:focus{ /*border:1px solid #f16b3e;background:#f16b3e; color:#fff !important;*/box-shadow: none; color: #fff !important; } .btn-dteb i{margin-right: 4px; font-size: 10px; position: relative; top: 1px;} .btn-primary {/* background-color: #3f4a8e; border-color: #3f4a8e;*/ color: #ffffff; border:none;background: #78a4ff; background: -moz-linear-gradient(top, #78a4ff 0%, #3886ff 100%); background: -webkit-linear-gradient(top, #78a4ff 0%,#3886ff 100%); background: linear-gradient(to bottom, #78a4ff 0%,#3886ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78a4ff', endColorstr='#3886ff',GradientType=0 ); } .btn-primary:hover, .btn-primary:focus { color: #ffffff;/* background-color: #f16b3e; border-color: #f16b3e; */} .btn-primary:active { background-color: #625ee3; border-color: #625ee3; } .btn-primary.active { background-color: #625ee3; border-color: #625ee3; } .btn-primary.active:hover, .btn-primary.active:focus { background-color: #625ee3; border-color: #625ee3; } .btn-primary.btn-inverse { background-color: #f7f6fe; color: #7774e7; border-color: transparent; box-shadow: none; } .btn-primary.btn-inverse:hover, .btn-primary.btn-inverse:focus { background-color: #e1e1fa; color: #625ee3; border-color: transparent; } .btn-primary.disabled { background-color: #7774e7; border-color: #7774e7; opacity: 0.35; } .btn-primary.disabled:hover, .btn-primary.disabled:focus { background-color: #7774e7; border-color: #7774e7; } .btn-primary2 { background-color: #f16b3e; border-color: #f16b3e; color: #ffffff; } .btn-primary2:hover, .btn-primary2:focus { color: #ffffff; background-color: #3f4a8e; border-color: #3f4a8e; } .btn-primary2:active { background-color: #625ee3; border-color: #625ee3; } .btn-primary2.active { background-color: #625ee3; border-color: #625ee3; } .btn-primary2.active:hover, .btn-primary2.active:focus { background-color: #625ee3; border-color: #625ee3; } .btn-primary2.btn-inverse { background-color: #f7f6fe; color: #7774e7; border-color: transparent; box-shadow: none; } .btn-primary2.btn-inverse:hover, .btn-primary2.btn-inverse:focus { background-color: #e1e1fa; color: #625ee3; border-color: transparent; } .btn-primary2.disabled { background-color: #7774e7; border-color: #7774e7; opacity: 0.35; } .btn-primary2.disabled:hover, .btn-primary2.disabled:focus { background-color: #7774e7; border-color: #7774e7; } .btn-success { background-color: #37c936; border-color: #37c936; color: #ffffff; } .btn-success:hover, .btn-success:focus { color: #ffffff; background-color: #4bce4a; border-color: #4bce4a; } .btn-success:active { background-color: #32b531; border-color: #32b531; } .btn-success.active { background-color: #32b531; border-color: #32b531; } .btn-success.active:hover, .btn-success.active:focus { background-color: #32b531; border-color: #32b531; } .btn-success.btn-inverse { background-color: #ebfaeb; color: #37c936; border-color: transparent; box-shadow: none; } .btn-success.btn-inverse:hover, .btn-success.btn-inverse:focus { background-color: #d7f4d7; color: #32b531; border-color: transparent; } .btn-success.disabled { background-color: #37c936; border-color: #37c936; opacity: 0.35; } .btn-success.disabled:hover, .btn-success.disabled:focus { background-color: #37c936; border-color: #37c936; } .btn-info { background-color: #0f9aee; border-color: #0f9aee; color: #ffffff; } .btn-info:hover, .btn-info:focus { color: #ffffff; background-color: #25a4f1; border-color: #25a4f1; } .btn-info:active { background-color: #0d8ad6; border-color: #0d8ad6; } .btn-info.active { background-color: #0d8ad6; border-color: #0d8ad6; } .btn-info.active:hover, .btn-info.active:focus { background-color: #0d8ad6; border-color: #0d8ad6; } .btn-info.btn-inverse { background-color: #e5f4fd; color: #0f9aee; border-color: transparent; box-shadow: none; } .btn-info.btn-inverse:hover, .btn-info.btn-inverse:focus { background-color: #cdeafc; color: #0d8ad6; border-color: transparent; } .btn-info.disabled { background-color: #0f9aee; border-color: #0f9aee; opacity: 0.35; } .btn-info.disabled:hover, .btn-info.disabled:focus { background-color: #0f9aee; border-color: #0f9aee; } .btn-warning { color: #ffffff; background-color: #fd944a; border-color: #fd944a; } .btn-warning:hover, .btn-warning:focus { color: #ffffff; background-color: #ffd11a; border-color: #ffd11a; } .btn-warning:active { background-color: #e6b800; border-color: #e6b800; } .btn-warning.active { background-color: #e6b800; border-color: #e6b800; } .btn-warning.active:hover, .btn-warning.active:focus { background-color: #e6b800; border-color: #e6b800; } .btn-warning.btn-inverse { background-color: #fffae6; color: #ffcc00; border-color: transparent; box-shadow: none; } .btn-warning.btn-inverse:hover, .btn-warning.btn-inverse:focus { background-color: #fff5cc; color: #e6b800; border-color: transparent; } .btn-warning.disabled { background-color: #ffcc00; border-color: #ffcc00; opacity: 0.35; } .btn-warning.disabled:hover, .btn-warning.disabled:focus { background-color: #ffcc00; border-color: #ffcc00; } .btn-danger { color: #ffffff; background-color: #ff3c7e; border-color: #ff3c7e; } .btn-danger:hover, .btn-danger:focus { color: #ffffff; background-color: #ff568f; border-color: #ff568f; } .btn-danger:active { background-color: #ff236d; border-color: #ff236d; } .btn-danger.active { background-color: #ff236d; border-color: #ff236d; } .btn-danger.active:hover, .btn-danger.active:focus { background-color: #ff236d; border-color: #ff236d; } .btn-danger.btn-inverse { background-color: #ffeff4; color: #ff3c7e; border-color: transparent; box-shadow: none; } .btn-danger.btn-inverse:hover, .btn-danger.btn-inverse:focus { background-color: #ffd5e3; color: #ff236d; border-color: transparent; } .btn-danger.disabled { background-color: #ff3c7e; border-color: #ff3c7e; opacity: 0.35; } .btn-danger.disabled:hover, .btn-danger.disabled:focus { background-color: #ff3c7e; border-color: #ff3c7e; } .ei-left-chevron{ font-size:10px !important;} .show > .dropdown-toggle.btn-primary { background-color: #625ee3; border-color: #625ee3; } .show > .dropdown-toggle.btn-primary:hover, .show > .dropdown-toggle.btn-primary:focus { background-color: #625ee3; border-color: #625ee3; } .show > .dropdown-toggle.btn-primary.btn-inverse { background-color: #e1e1fa; color: #625ee3; } .show > .dropdown-toggle.btn-primary.btn-inverse:hover, .show > .dropdown-toggle.btn-primary.btn-inverse:focus { background-color: #e1e1fa; color: #625ee3; } .show > .dropdown-toggle.btn-success { background-color: #32b531; border-color: #32b531; } .show > .dropdown-toggle.btn-success:hover, .show > .dropdown-toggle.btn-success:focus { background-color: #32b531; border-color: #32b531; } .show > .dropdown-toggle.btn-success.btn-inverse { background-color: #d7f4d7; color: #32b531; } .show > .dropdown-toggle.btn-success.btn-inverse:hover, .show > .dropdown-toggle.btn-success.btn-inverse:focus { background-color: #d7f4d7; color: #32b531; } .show > .dropdown-toggle.btn-info { background-color: #0d8ad6; border-color: #0d8ad6; } .show > .dropdown-toggle.btn-info:hover, .show > .dropdown-toggle.btn-info:focus { background-color: #0d8ad6; border-color: #0d8ad6; } .show > .dropdown-toggle.btn-info.btn-inverse { background-color: #cdeafc; color: #0d8ad6; } .show > .dropdown-toggle.btn-info.btn-inverse:hover, .show > .dropdown-toggle.btn-info.btn-inverse:focus { background-color: #cdeafc; color: #0d8ad6; } .show > .dropdown-toggle.btn-warning { background-color: #e6b800; border-color: #e6b800; } .show > .dropdown-toggle.btn-warning:hover, .show > .dropdown-toggle.btn-warning:focus { background-color: #e6b800; border-color: #e6b800; } .show > .dropdown-toggle.btn-warning.btn-inverse { background-color: #fff5cc; color: #e6b800; } .show > .dropdown-toggle.btn-warning.btn-inverse:hover, .show > .dropdown-toggle.btn-warning.btn-inverse:focus { background-color: #fff5cc; color: #e6b800; } .show > .dropdown-toggle.btn-danger { background-color: #ff236d; border-color: #ff236d; } .show > .dropdown-toggle.btn-danger:hover, .show > .dropdown-toggle.btn-danger:focus { background-color: #ff236d; border-color: #ff236d; } .show > .dropdown-toggle.btn-danger.btn-inverse { background-color: #ffd5e3; color: #ff236d; } .show > .dropdown-toggle.btn-danger.btn-inverse:hover, .show > .dropdown-toggle.btn-danger.btn-inverse:focus { background-color: #ffd5e3; color: #ff236d; } .btn-flat {border: 0px;color: #4b4b4b;background-color: transparent;} .btn-flat:hover, .btn-flat:focus { background: #e6ecf5; /* The Fallback */ background: rgba(230, 236, 245, 0.55); color: #6b7192; } .btn-icon { padding: 10px 11px; } .btn-facebook { background-color: #3B579D; color: #ffffff; } .btn-facebook:hover, .btn-facebook:focus { background-color: #5674bf; border-color: #5674bf; color: #ffffff; } .btn-twitter { background-color: #2CAAE1; color: #ffffff; } .btn-twitter:hover, .btn-twitter:focus { background-color: #62c0e9; border-color: #62c0e9; color: #ffffff; } .btn-instagram { background-color: #5d4a3b; color: #ffffff; } .btn-instagram:hover, .btn-instagram:focus { background-color: #826853; border-color: #826853; color: #ffffff; } .btn-google-plus { background-color: #dc4a38; color: #ffffff; } .btn-google-plus:hover, .btn-google-plus:focus { background-color: #e5796c; border-color: #e5796c; color: #ffffff; } .btn-dropbox { background-color: #007EE6; color: #ffffff; } .btn-dropbox:hover, .btn-dropbox:focus { background-color: #249cff; border-color: #249cff; color: #ffffff; } .btn-dribbble { background-color: #ea4c89; color: #ffffff; } .btn-dribbble:hover, .btn-dribbble:focus { background-color: #f083ad; border-color: #f083ad; color: #ffffff; } .btn-yahoo { background-color: #7b0099; color: #ffffff; } .btn-yahoo:hover, .btn-yahoo:focus { background-color: #ac00d6; border-color: #ac00d6; color: #ffffff; } .btn-sound-cloud { background-color: #FF6A22; color: #ffffff; } .btn-sound-cloud:hover, .btn-sound-cloud:focus { background-color: #ff935f; border-color: #ff935f; color: #ffffff; } .btn-html5 { background-color: #f16528; color: #ffffff; } .btn-html5:hover, .btn-html5:focus { background-color: #f58e61; border-color: #f58e61; color: #ffffff; } .btn-wordpress { background-color: #0087be; color: #ffffff; } .btn-wordpress:hover, .btn-wordpress:focus { background-color: #00b2fb; border-color: #00b2fb; color: #ffffff; } .btn-tumblr { background-color: #36465d; color: #ffffff; } .btn-tumblr:hover, .btn-tumblr:focus { background-color: #4c6384; border-color: #4c6384; color: #ffffff; } .btn-skype { background-color: #00AAF1; color: #ffffff; } .btn-skype:hover, .btn-skype:focus { background-color: #2fc2ff; border-color: #2fc2ff; color: #ffffff; } .btn-youtube { background-color: #DE2825; color: #ffffff; } .btn-youtube:hover, .btn-youtube:focus { background-color: #e65c5a; border-color: #e65c5a; color: #ffffff; } .btn-vimeo { background-color: #1BB6EC; color: #ffffff; } .btn-vimeo:hover, .btn-vimeo:focus { background-color: #53c8f1; border-color: #53c8f1; color: #ffffff; } .btn-linkedin { background-color: #0177b5; color: #ffffff; } .btn-linkedin:hover, .btn-linkedin:focus { background-color: #019ff2; border-color: #019ff2; color: #ffffff; } .btn-pinterest { background-color: #c9181f; color: #ffffff; } .btn-pinterest:hover, .btn-pinterest:focus { background-color: #e7373e; border-color: #e7373e; color: #ffffff; } .btn-lg, .btn-group-lg > .btn { padding: 11px 30px; font-size: 13px; } .btn-sm, .btn-group-sm > .btn { padding: 8px 12px; } .btn-xs { font-size: 9px; padding: 5px 10px; } .btn-rounded { border-radius: 50px; } .btn-block { padding-top: 12px; padding-bottom: 12px; } .btn-group .btn { padding: 10px 14px; margin-right: 0px; } .btn-group.btn-group-vertical .btn { margin-bottom: 0px; } .modal.fade .modal-dialog { transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transform: translateX(0%) translateY(0%); -webkit-transform: translateX(0%) translateY(0%); -moz-transform: translateX(0%) translateY(0%); -o-transform: translateX(0%) translateY(0%); -ms-transform: translateX(0%) translateY(0%); } .modal.fade.slide-in-right .modal-dialog { transform: translateX(100%); -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); } .modal.fade.slide-in-right.show .modal-dialog { transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); } .modal.fade.slide-in-left .modal-dialog { transform: translateX(-100%); -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); } .modal.fade.slide-in-left.show .modal-dialog { transform: translateX(0%); -webkit-transform: translateX(0%); -moz-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%); } .modal.fade.modal-fs .modal-dialog { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); } .modal.fade.modal-fs.show .modal-dialog { transform: translateY(0%); -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); -ms-transform: translateY(0%); } .modal-header { /*background:#4c63df;*/padding: 10px 20px; /*padding-bottom: 15px;*/ border-bottom: 0px;border-radius: 8px 8px 0px 0px;background: #9347ef; background: -moz-linear-gradient(top, #4a76d8 0%, #285dc0 100%); background: -webkit-linear-gradient(top, #4a76d8 0%,#285dc0 100%); background: linear-gradient(to bottom, #4a76d8 0%,#285dc0 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4a76d8', endColorstr='#285dc0',GradientType=0 ); } .modal-header input{font-size: 18px; font-weight: 600; color: #2e2e2e;} .modl-hd-cstm{ background:#f76e40 !important;} .mdlhd-pop{} .mdlhd-pop span{ color:#fff !important;} .mdlhd-pop h5{ color:#fff !important;} .mdlhd-pop p{ color:#fff !important; display: block;margin-bottom: 0px;} .mdlhd-rs{ border-radius:0px !important; padding: 15px 0px; background:#fff !important;} .mdlhd-rs span{ color:#333 !important; font-weight:600;} .read-titl{ background:#2060c5 !important;padding: 15px 20px; padding-bottom: 15px; border-bottom: 0px; color:#fff; font-weight:600; } .user-avatar{ margin:0px auto; margin-bottom:15px; } .user-avatar img{ width:100px; height:100px;border:1px solid #EEE; background:#EEE; } .modal-header h5{ color: #fff; text-transform: uppercase; font-weight: 500; } .modal-header h4{ color:#fff; font-weight:400; } .modal-header h1, .modal-header h2, .modal-header h3, .modal-header h4, .modal-header h5, .modal-header h6 { margin-bottom: 0px; } .modal-body { padding: 15px 20px; } .modal-footer { padding: 10px 0px; font-size: 12px; border-top: 1px solid #e6ecf5; text-align: right; } .modal-footer .btn { margin-bottom: 0px; } .modal-footer .btn + .btn { margin-left: 0px; } .modal-content { position: relative; background-color: #ffffff; border: 0px; border-radius: 8px; outline: 0; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); } .modal-right .modal-dialog, .modal-left .modal-dialog { width: 400px; height: 100%; margin: 0px auto 0px 0px; } .box-body{} @media only screen and (max-width: 767px) { .modal-right .modal-dialog, .modal-left .modal-dialog { width: 260px; } } .modal-right .modal-dialog .modal-content, .modal-left .modal-dialog .modal-content { height: 100%; border-radius: 0px; } .modal-right .modal-dialog .modal-content .side-modal-wrapper, .modal-left .modal-dialog .modal-content .side-modal-wrapper { height: 100%; padding-left: 15px; padding-right: 15px; padding-top:15px; position: relative;overflow: auto;} .side-modal-wrapper{} .side-modal-wrapper label{margin-bottom: 5px; line-height: 20px; color: #2f2f2f; font-weight: 600 !important;} .side-modal-wrapper .form-group{margin-bottom: 10px;} .side-modal-wrapper .form-group input, .side-modal-wrapper .form-group select{border: 1px solid #a5bef1; background: #f6f9ff;} .side-modal-wrapper .form-group input::placeholder { color: #333; opacity: 1; /* Firefox */ } .side-modal-wrapper .form-group input::-ms-input-placeholder { /* Edge 12-18 */ color: #333; } .modal-right .modal-dialog .modal-content .modal-footer, .modal-left .modal-dialog .modal-content .modal-footer { position: absolute; bottom: 0px; width: calc(100% - 30px); left: 15px; } .modal-right .modal-dialog { margin: 0px 0px 0px auto; } .modal-backdrop { z-index: 1040; background-color: #515365; } @media only screen and (min-width: 767px) { .modal-sm { width: 350px; } } .modal-fs .modal-dialog { width: 100%; margin: 0px auto; height: 100%; max-width: none; } .modal-fs .modal-dialog .modal-content { height: 100%; border-radius: 0px; background: #ffffff; /* The Fallback */ background: rgba(255, 255, 255, 0.9); } .modal-fs .modal-close { position: absolute; top: 20px; right: 20px; padding: 7px 10px; border: 1px solid #9ea0b1; border-radius: 50px; color: #9ea0b1; } .modal-fs .modal-close:hover, .modal-fs .modal-close:focus { color: #515365; text-decoration: none; border: 1px solid #515365; } button, input, textarea { outline: none; } .form-wizard .accordion .panel-default {border: 1px solid #ced7e0 !important; border-radius: 4px !important;overflow:hidden; margin-top:10px;} .form-wizard .accordion .panel-title > a { padding: 0.375rem 0.75rem !important; height:40px; font-size: 15px;line-height: 28px;background: #f9f9f9 !important; color: #42669f !important; font-weight:600 !important; } .form-wizard .accordion .panel-title > a i{margin-right: 4px;} .form-wizard .accordion .panel-title > a .ti-arrow-circle-down{position: relative; top: 5px;} .form-wizard .accordion .panel-default > .panel-heading + .panel-collapse > .panel-body { padding: 10px 15px !important; border-top: 1px solid #ced7e0; } .form-wizard .tab-content label{font-weight: 500 !important; font-size: 14px; color: #333;} .form-wizard{} .form-wizard .selectize-input{border: 1px solid #a5bef1!important; background: #f6f9ff!important;font-weight: 600!important;color: #000 !important;} .form-wizard .form-control{border: 1px solid #a5bef1!important; background: #f6f9ff!important;font-weight: 600!important;color: #000 !important;} /*.form-wizard .tab-content input{border: 1px dashed red;float: left;width: 75%;} .form-wizard .tab-content select{border: 1px dashed red;float: left;width: 75%;} .form-wizard .tab-content .selectize-control{float: left;width: 75%;}*/ .form-wizard .tab-content label small{font-weight: 500 !important; color: #9d9d9d; padding-left:5px;} .logo-block{ margin-top:5px;} .logo-block img{ width:auto; height:40px;} .logo-inpt label{ font-weight: 400!important; font-size: 14px; color: #929292;} .form-group { margin-bottom: 15px; } .form-control { border: 1px solid #ced7e0; border-radius: 4px; box-shadow: none; height: 40px; font-size: 14px; color: #333; transition: all 0.2s ease-in; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; } .form-control::-webkit-input-placeholder { color: #e0e2e9; } .form-control:-moz-placeholder { color: #e0e2e9; } .form-control::-moz-placeholder { color: #e0e2e9; } .form-control:-ms-input-placeholder { color: #e0e2e9; } .form-control:focus { outline: 0 none; box-shadow: none; border-color: #3daef3; } .form-control.input-sm { height: 30px; } .form-control.input-lg { height: 50px; } .form-control.error { border-color: #f18585; background-color: #fffafc; } .form-control.valid { border-color: #6bd46a; background-color: #f9fff9; color: #259a24; } .has-success .form-control { box-shadow: none; border-color: #37c936; } .has-success .form-control:focus { border-color: #37c936; box-shadow: none; } .has-success .checkbox, .has-success .checkbox-inline, .has-success .control-label, .has-success .help-block, .has-success .radio, .has-success .radio-inline, .has-success.checkbox label .has-success.checkbox-inline label, .has-success.radio label, .has-success.radio-inline label { color: #37c936; } .has-warning .form-control { box-shadow: none; border-color: #ffcc00; } .has-warning .form-control:focus { border-color: #ffcc00; box-shadow: none; } .has-warning .checkbox, .has-warning .checkbox-inline, .has-warning .control-label, .has-warning .help-block, .has-warning .radio, .has-warning .radio-inline, .has-warning.checkbox label .has-warning.checkbox-inline label, .has-warning.radio label, .has-warning.radio-inline label { color: #ffcc00; } .has-error .form-control { box-shadow: none; border-color: #ff3c7e; } .has-error .form-control:focus { border-color: #ff3c7e; box-shadow: none; } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: #ff3c7e; } textarea.form-control { min-height: 175px; } .input-icon { position: relative; } .input-icon i { position: absolute; left: 10px; top: 15px; color: #e0e2e9; } .input-icon .form-control { padding-left: 40px; } .input-group-text { background-color: transparent; border: 1px solid #e6ecf5; color: #e0e2e9; border-radius: 0px; border-right: 0px; line-height: 1.8; } .input-group-text .btn { margin: 0px; padding: 0px; background-color: transparent; } .timepicker-input .input-group-text { cursor: pointer; } .checkbox { padding: 7px 0; min-height: auto; } .checkbox input[type=checkbox] { margin: 0; display: none; width: 22px; } .checkbox input[type=checkbox] + label { padding-left: 0; } .checkbox input[type=checkbox] + label:before { content: ""; width: 15px; height: 15px; display: inline-block; border: 2px solid #a8a8a8; border-radius: 4px; margin-right: 10px; font-size: 9px; font-family: 'themify'; font-weight: 700; line-height: 12px; vertical-align: bottom; text-align: center; background-color: #ffffff; cursor: pointer; } .checkbox input[type=checkbox]:checked + label:before { content: "\e64c"; color: #333; } .checkbox.checkbox-primary input[type=checkbox]:checked + label:before { content: "\e64c"; color: #333; } .checkbox.checkbox-success input[type=checkbox]:checked + label:before { content: "\e64c"; color: #333; } .checkbox.checkbox-warning input[type=checkbox]:checked + label:before { content: "\e64c"; color: #333; } .checkbox.checkbox-danger input[type=checkbox]:checked + label:before { content: "\e64c"; color: #333; } .radio { padding: 7px 0; min-height: auto; } .radio input[type=radio] { margin: 0; display: none; width: 22px; } .radio input[type=radio] + label { padding-left: 0; } .radio input[type=radio] + label:before { content: ""; width: 22px; height: 22px; display: inline-block; border: 2px solid #e6ecf5; border-radius: 50%; margin-right: 10px; font-size: 14px; font-family: 'FontAwesome'; font-weight: 400; line-height: 19px; vertical-align: bottom; text-align: center; background-color: #ffffff; cursor: pointer; } .radio input[type=radio]:checked + label:before { content: "\f111"; color: #0f9aee; } .radio.radio-primary input[type=radio]:checked + label:before { content: "\f111"; color: #7774e7; } .radio.radio-success input[type=radio]:checked + label:before { content: "\f111"; color: #37c936; } .radio.radio-warning input[type=radio]:checked + label:before { content: "\f111"; color: #ffcc00; } .radio.radio-danger input[type=radio]:checked + label:before { content: "\f111"; color: #ff3c7e; } .radio label, .checkbox label { cursor: pointer; } .checkbox-inline, .radio-inline { margin-right: 15px; margin-top: 0px; display: inline-block; } .radio-inline + .radio-inline, .checkbox-inline + .checkbox-inline { margin-top: 0px; margin-left: 0px; } .toggle-checkbox input[type=checkbox] { opacity: 0; position: absolute; } .toggle-checkbox input[type=checkbox] + label { position: relative; display: inline-block; transition: 0.4s ease; -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; -o-transition: 0.4s ease; -ms-transition: 0.4s ease; height: 30px; width: 50px; border: 1px solid #e6ecf5; border-radius: 60px; cursor: pointer; } .toggle-checkbox input[type=checkbox] + label:before { content: ""; position: absolute; display: block; transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); -webkit-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); -moz-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); -o-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); -ms-transition: 0.2s cubic-bezier(0.24, 0, 0.5, 1); height: 30px; width: 50px; top: 0; left: 0; border-radius: 30px; } .toggle-checkbox input[type=checkbox] + label:after { content: ""; position: absolute; display: block; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 4px 0px 0 rgba(0, 0, 0, 0.04), 0 4px 9px rgba(0, 0, 0, 0.13), 0 3px 3px rgba(0, 0, 0, 0.05); transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); -webkit-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); -moz-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); -o-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); -ms-transition: 0.35s cubic-bezier(0.54, 1.6, 0.5, 1); background: #f7f7f7; height: 28px; width: 28px; top: 0px; left: 0px; border-radius: 60px; } .toggle-checkbox input[type=checkbox]:checked + label:before { background: #0f9aee; transition: width 0.2s cubic-bezier(0, 0, 0, 0.1); -webkit-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1); -moz-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1); -o-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1); -ms-transition: width 0.2s cubic-bezier(0, 0, 0, 0.1); } .toggle-checkbox input[type=checkbox]:checked + label:after { left: 24px; } .toggle-checkbox.toggle-sm input[type=checkbox] + label { height: 20px; width: 35px; } .toggle-checkbox.toggle-sm input[type=checkbox] + label:before { height: 20px; width: 35px; } .toggle-checkbox.toggle-sm input[type=checkbox] + label:after { height: 19px; width: 19px; } .toggle-checkbox.toggle-sm input[type=checkbox]:checked + label:after { left: 16px; } .toggle-checkbox.toggle-primary input[type=checkbox]:checked + label:before { background: #7774e7; } .toggle-checkbox.toggle-success input[type=checkbox]:checked + label:before { background: #37c936; } .toggle-checkbox.toggle-warning input[type=checkbox]:checked + label:before { background: #ffcc00; } .toggle-checkbox.toggle-danger input[type=checkbox]:checked + label:before { background: #ff3c7e; } .list { position: relative; } .list li { padding-bottom: 10px; position: relative; } .list.tick { list-style: none; padding-left: 0px; } .list.tick > li { padding-left: 30px; } .list.tick > li:before { content: "\e64c"; font-family: 'themify'; position: absolute; left: 0; } .list.star { list-style: none; padding-left: 0px; } .list.star > li { padding-left: 30px; } .list.star > li:before { content: "\e60a"; font-family: 'themify'; position: absolute; left: 0; } .list.dash { list-style: none; padding-left: 0px; } .list.dash > li { padding-left: 30px; } .list.dash > li:before { content: "-"; position: absolute; left: 10px; } .list.bullet { list-style: none; padding-left: 0px; } .list.bullet > li { padding-left: 30px; } .list.bullet > li:before { content: "\e724"; font-family: 'themify'; position: absolute; left: 0; } .list.arrow { list-style: none; padding-left: 0px; } .list.arrow > li { padding-left: 30px; } .list.arrow > li:before { content: "\e649"; font-family: 'themify'; position: absolute; left: 0; font-size: 10px; left: 0; top: 4px; } .list.decimal { list-style-type: decimal; padding-left: 20px; } .list.decimal li { padding-left: 10px; } .list.upper-roman { list-style-type: upper-roman; padding-left: 20px; } .list.upper-roman li { padding-left: 10px; } .list.lower-alpha { list-style-type: lower-alpha; padding-left: 20px; } .list.lower-alpha li { padding-left: 10px; } .list.bullet-primary > li:before { color: #7774e7; } .list.bullet-info li:before { color: #0f9aee; } .list.bullet-success li:before { color: #37c936; } .list.bullet-warning li:before { color: #ffcc00; } .list.bullet-danger li:before { color: #ff3c7e; } .list.bullet-white li:before { color: #ffffff; } .list.bullet-dark li:before { color: #515365; } .list-info { margin-bottom: 0px; display: block; position: relative; padding-left: 0; list-style: none; } .list-info > li { display: block; } .list-info > li > a { display: block; position: relative; padding: 12px 0px; } .list-info > li > a:hover, .list-info > li > a:focus { text-decoration: none; } .list-info .thumb-img { line-height: 40px; width: 40px; text-align: center; font-size: 17px; border-radius: 2px; float: left; /*border:1px solid #E6E6E6;*/ margin-right:10px; } .list-info img.thumb-img { height: 40px; width: 40px; padding:2px 2px; } .list-info .info { padding-left: 0px; height: auto; position: relative; } .list-info .info b{ font-size:16px; color:#3f4a8e;} .list-info .info .title { display: block; color: #515365; line-height: 1.5; } .list-info .info .title.pdd-top-5 { padding-top: 7px !important; } .list-info .info .sub-title { display: block; font-size: 12px; color: #b4b7c8; max-width: 90%;font-weight: 400; } .list-info .info .float-object { position: absolute; right: 15px; color: #888da8; top: 50%; font-size: 12px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); } .list-members { display: inline-block; margin-bottom: 0; overflow: hidden; } .list-members > li { float: left; } .list-members > li > img, .list-members > li > a img { width: 35px; height: 35px; border-radius: 100%; overflow: hidden; border: 2px solid #ffffff; display: block; } .list-members > li.all-members { border-radius: 100%; } .list-members > li.all-members > a { width: 35px; line-height: 35px; display: block; text-align: center; border-radius: 100%; background-color: #f6f7fb; color: #888da8; } .list-members > li.add-member > a { border: 2px dashed #e6ecf5; width: 35px; line-height: 30px; display: block; text-align: center; border-radius: 100%; color: #c2d0e6; margin-left: 5px; } .list-link { margin-bottom: 0px; } .list-link li { padding: 10px 0px; } .list-link li a { color: #888da8; } .list-link li a:hover, .list-link li a:focus { color: #515365; text-decoration: none; } .status { width: 10px; height: 10px; background-color: #ffffff; border-radius: 50px; border: 3px solid; border-color: #e6ecf5; position: absolute; top: 8px; left: 0px; } .status.online, .status.success { border-color: #37c936; } .status.no-disturb, .status.danger { border-color: #ff3c7e; } .status.away, .status.warning { border-color: #ffcc00; } .status.info { border-color: #0f9aee; } .status.primary { border-color: #7774e7; } .label, .tag { padding: 4px 10px; border-radius: 50px; font-size: 75%; font-weight: 700; line-height: 1; } .label-lg, .tag-lg { font-size: 16px; padding: 6px 12px; } label.error { color: #ff3c7e; } label.success { color: #37c936; } .label-primary { background-color: #f7f6fe; color: #7774e7; } .label-success { background-color: #ebfaeb; color: #37c936; } .label-info { background-color: #e5f4fd; color: #0f9aee; } .label-warning { background-color: #fffae6; color: #ffcc00; } .label-danger { background-color: #ffeff4; color: #ff3c7e; } .tag { display: inline; font-size: 75%; font-weight: bold; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; } .tag-primary { background-color: #7774e7; color: #ffffff; } .tag-success { background-color: #37c936; color: #ffffff; } .tag-info { background-color: #0f9aee; color: #ffffff; } .tag-warning { background-color: #ffcc00; color: #ffffff; } .tag-danger { background-color: #ff3c7e; color: #ffffff; } .card { position: relative; background-color: #ffffff; margin-bottom: 30px; border: none !important; border-radius: 2px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;box-shadow: 0 4px 20px #2f8fe812; background-color: #fff !important; border-radius:8px; } .card.bg-primary, .card.bg-success, .card.bg-info, .card.bg-warning, .card.bg-danger { color: #e6e6e6; } .card.bg-primary h1, .card.bg-primary h2, .card.bg-primary h3, .card.bg-primary h4, .card.bg-primary h5, .card.bg-primary h6, .card.bg-success h1, .card.bg-success h2, .card.bg-success h3, .card.bg-success h4, .card.bg-success h5, .card.bg-success h6, .card.bg-info h1, .card.bg-info h2, .card.bg-info h3, .card.bg-info h4, .card.bg-info h5, .card.bg-info h6, .card.bg-warning h1, .card.bg-warning h2, .card.bg-warning h3, .card.bg-warning h4, .card.bg-warning h5, .card.bg-warning h6, .card.bg-danger h1, .card.bg-danger h2, .card.bg-danger h3, .card.bg-danger h4, .card.bg-danger h5, .card.bg-danger h6 { color: #ffffff; } .card.bg-primary p, .card.bg-success p, .card.bg-info p, .card.bg-warning p, .card.bg-danger p { color: #e6e6e6; } .card .card-heading { padding: 15px 20px; position: relative;display: flow-root!important; } .card .card-heading .card-title { margin-bottom: 0px; } .card .card-heading .card-title .titlicon{ width: 40px; height: 40px; margin-right: 10px; border-radius: 50%; display: inline-block; line-height: 35px; text-align: center; background: #6f0ae8; color: #fff; background: #619fdc; background: -moz-linear-gradient(top, #619fdc 0%, #bb96f6 100%); background: -webkit-linear-gradient(top, #619fdc 0%, #bb96f6 100%); background: linear-gradient(to bottom, #619fdc 0%, #bb96f6 100%); } .card .card-heading .card-title .titlicon i{font-size: 16px; text-align: center; padding-left: 5px;color: #fff!important;} .card .card-heading .card-title .titlicon i img{width: 20px;height: 20px;} .btnradio-col{margin-right: 8px;} .hotloptn-col{margin-left: 0px;} .hotloptn-col input{border: 1px solid #c2d1ee;background: #eff4fe;border-radius: 4px;font-size: 18px;color: #040404;font-weight: 700;padding: 5px 10px;} .ctgy-optn select{border-radius: 4px !important;} .card .card-body { padding: 15px 20px; } .card .card-footer { position: relative; padding: 10px 15px 10px 15px; min-height: 55px; background-color: transparent; } .card .card-footer .btn { margin: 0px; } .card .card-footer .btn-flat { font-size: 13px; text-transform: uppercase; } .card .card-horizon { padding: 0px; position: relative; } .card .card-horizon .image-container { overflow: hidden; position: absolute; height: 100%; padding: 0px; top: 0px; } @media only screen and (max-width: 767px) { .card .card-horizon .image-container { position: static; } } .card .card-horizon .card-body { position: relative; } .card .card-horizon .background-holder { position: relative; top: 0px; left: 0px; width: 100%; height: 100%; background-size: cover; background-position: center center; background-repeat: no-repeat; z-index: 0; } @media only screen and (max-width: 767px) { .card .card-horizon .background-holder { min-height: 350px; } } .card .card-horizon .background-holder.has-content { display: table; } .card .card-horizon .background-holder.has-content .content { display: table-cell; vertical-align: middle; padding: 0px 15px; } .card:before { content: ""; position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; z-index: 2; visibility: hidden; opacity: 0; background: #ffffff; /* The Fallback */ background: rgba(255, 255, 255, 0.85); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .card-block { padding: 20px; } .card-block h1 { font-size: 18px; font-weight: 500; color: #525252;} .card-block p { color: #7d7d7d; font-weight: 400; font-size: 14px; margin-bottom:0px; line-height:20px;} .card-block .label-success { background-color: #eaf9ff !important; color: #57367e !important; } .portlet { position: absolute; top: 10px; right: 0px; } .portlet .portlet-item { list-style: none; padding: 0px 10px; } .portlet .portlet-item > li { display: inline-block; margin-right: 0px; } .portlet .portlet-item > li > a { margin-bottom: 0px; margin-right: 0px; padding: 5px 6px; font-size: 20px; line-height: 1; color:#7b7b7b;} .portlet .dropdown-menu { -webkit-transform-origin: top right; -moz-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; transform: scale(0, 0); -webkit-transform: scale(0, 0); -moz-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transition: transform 150ms ease-out; -webkit-transition: transform 150ms ease-out; -moz-transition: transform 150ms ease-out; -o-transition: transform 150ms ease-out; -ms-transition: transform 150ms ease-out; display: block; margin: 0px; border-radius: 0px; left: auto; right: 5px; } .portlet .show .dropdown-menu { transform: scale(1, 1); -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); padding:5px 0px; } .card-title {font-family: 'Sarabun', sans-serif;color: #040404;margin-top: 0px;margin-bottom: 15px;font-weight:700;text-transform: none;} .card-title i{ margin-right: 5px; font-size: 16px; color: #333; } /*************/ .card-info{margin-left: 5px;} .card-info a{ color: #878787; text-decoration:none; font-size: 14px; font-weight: 400;} .card-info a:hover{color: #333;} .modal-header a{color: #fff; padding: 10px 5px} .card-tooltp { display:inline-block; position:relative; text-align:left;top: 2px; } .card-tooltp .datainfo { min-width: 280px; top: 30px; left: 5px; right:0; transform:translate(-50%, 0); padding:10px; color:#666666; background-color:#fff; font-weight: 300; font-size: 12px; border-radius:5px; position:absolute; z-index:99999999; box-sizing:border-box; box-shadow:0 1px 5px rgba(0,0,0,0.2); display: none; } .card-tooltp .datatitl{font-weight: 600; font-size: 14px; color: #333; line-height: 16px; padding: 0px 0px 10px 0px; margin-bottom: 10px; border-bottom: 1px solid #dfdfdf;} .card-tooltp .datatitl span{ float: right; font-size: 11px; font-weight: 500; border: 1px solid #cdcdcd; border-radius: 2px; padding: 0px 4px; color: #393939;} .card-tooltp .datacont{font-size: 13px; line-height: 16px; font-weight: 500; color: #474747;} .card-tooltp:hover .datainfo { display:block; } .card-tooltp .datainfo b { position:absolute; bottom:100%; left:50%; margin-left:-12px; width:24px; height:12px; overflow:hidden; } .card-tooltp .datainfo b::after { content:''; position:absolute; width:12px; height:12px; left:50%; transform:translate(-50%,50%) rotate(45deg); background-color:#fff; box-shadow:0 1px 5px rgba(0,0,0,0.2); } .card-tooltp .datainfo .infocl{border-bottom:1px solid #E9E9E9; display: flex; } .card-tooltp .datainfo .infocl:nth-last-child(2){border-bottom:none !important; } .card-tooltp .datainfo .infocl .infotxt{ float:left; width:50%; padding:5px 0px; color:#6a6a6a; font-weight:400; display: flex; } .card-tooltp .datainfo .infocl .infotxt span{ font-weight:500; color:#363636; white-space: nowrap; width: 100% !important; overflow: hidden !important; text-overflow: ellipsis; } .card-tooltp .datainfo .infocl .infotxt span i{ font-size: 9px; position: relative; top: 0px; } /*******************/ .adhmscrn { position: fixed; padding:8px; z-index: 9999999; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 35px; display: inline-block; bottom: 80px; right: 20px; width: auto; color: #0c5460; border: 1px solid #e5f0ff; text-align: center;background-color: rgba(255,255,255,0.8);animation: key1 .3s ease infinite alternate; } @keyframes key1{ 0% {transform: translateY(0px);} 100% {transform: translateY(-10px);} } .adhmscrn strong{/* display:block;*/} .adhmscrn i{ /*display: inline-block;*/ /*font-size: 30px; border: 10px solid #fff; border-radius: 8px;*/margin-right: 5px; } .adhmscrn i img{ width: 40px; height: 40px; background: #cae1ff; border-radius: 50%; padding: 5px; } .adhmscrn span{ font-size: 18px; color: #333; font-weight: 600; line-height: 18px; padding-right: 30px; background: -webkit-linear-gradient(#785cff, #672bba); -webkit-text-fill-color: transparent; -webkit-background-clip: text; } .adhmscrn .close { position: absolute; top: 0; right: 0; padding: 11px 15px 10px 0px; color: inherit; } /*************/ .card-media { position: relative; } .card-media img { width: 100%; } .card-refresh:before { visibility: visible; opacity: 1; } .card-refresh:after { content: ""; position: absolute; top: calc(50% - 20px); left: calc(50% - 20px); border: 3px solid #e6ecf5; /* Light grey */ border-top: 3px solid #7774e7; /* Blue */ border-radius: 50%; width: 40px; height: 40px; z-index: 3; -webkit-animation: spin 1.2s linear infinite; -moz-animation: spin 1.2s linear infinite; -ms-animation: spin 1.2s linear infinite; -o-animation: spin 1.2s linear infinite; animation: spin 1.2s linear infinite; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); } @-webkit-keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @-moz-keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @-ms-keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @-o-keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } a.card { display: block; } a.card:hover, a.card:focus { -webkit-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.075) ; -moz-box-shadow: 0 7px 15px rgba(0, 0, 0, 0.075) ; box-shadow: 0 7px 15px rgba(0, 0, 0, 0.075) ; } .page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h6, .page-title p, .page-title span {font-size: 18px;font-family: 'Sarabun', sans-serif;margin-top: 15px;margin-bottom: 15px;margin-top: 0px;color: #5b5b5b;} .page-title h5 { font-size: 16px; font-family: 'Sarabun', sans-serif; margin-bottom: 15px; margin-top: 0px; color: #6b6b6b; text-transform:none;} .breadcrumb { padding: 0px 15px; margin-bottom: 0px; list-style: none; background-color: transparent; border-radius: 0px; } .dropdown .dropdown-menu { border: 0px; border-radius: 4px; z-index:9999; } .dropdown.right .dropdown-menu { left: auto; right: 0; } .dropdown-menu { font-size: 14px; -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) ; -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) ; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2) ; top: 100%; } .dropdown-menu > li.divider { background-color: #e6ecf5; } .dropdown-menu > li > a { line-height: 1.5; min-height: auto; padding: 7px 15px; display: block; transition: all 0.15s ease-out; -webkit-transition: all 0.15s ease-out; -moz-transition: all 0.15s ease-out; -o-transition: all 0.15s ease-out; -ms-transition: all 0.15s ease-out; color: #5b5b5b; } .dropdown-menu > li > a i{ position: relative; font-size: 13px; top: 2px;} .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { color: #333; text-decoration: none; background-color: #f8fafc; } .dropdown-toggle:after { border: 0px; display: none; } #chat { height: 100%; } .chat { padding: 15px 0px; position: relative; height: calc(100vh - 65px); } .chat .chat-user-list { transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; position: relative; left: 0; height: calc(100vh - 65px); } .chat .chat-user-list .chat-section { margin-bottom: 50px; } .chat .chat-user-list .chat-section .chat-title { padding: 0px 20px 10px 20px; font-weight: 400; font-size: 14px; color: #7d7d7d; } .chat .chat-user-list .chat-user {padding: 12px 20px;display: block;position: relative;border-top: 1px solid #e6ecf5;} .chat .chat-user-list .chat-user .thumb-img {height: 40px;width: 40px;border-radius: 50px;float: left;display: none;} .chat .chat-user-list .chat-user .user-info {padding-left: 0px;/* height: 40px; */} .chat .chat-user-list .chat-user .user-info .user-name { display: block; color: #515365; } .chat .chat-user-list .chat-user .user-info .user-name.pdd-top-5 { padding-top: 7px !important; } .chat .chat-user-list .chat-user .user-info .prev-chat { display: block; font-size: 12px; color: #b4b7c8; } .chat .chat-user-list .chat-user:hover, .chat .chat-user-list .chat-user:focus { text-decoration: none; background-color: #f6f7fb; } .chat .chat-user-list .chat-user .status { position: absolute; width: 10px; height: 10px; right: 20px; left: auto; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); background-color: #ffffff; border-radius: 50px; border: 3px solid; border-color: #e6ecf5; } .chat .chat-user-list .chat-user .status.online { border-color: #37c936; } .chat .chat-user-list .chat-user .status.no-disturb { border-color: #ff3c7e; } .chat .chat-user-list .chat-user .status.away { border-color: #ffcc00; } .chat .conversation { position: absolute; width: 100%; height: 100%; top: 0px; right: -300px; background-color: #ffffff; transition: all 0.1s ease-out; -webkit-transition: all 0.1s ease-out; -moz-transition: all 0.1s ease-out; -o-transition: all 0.1s ease-out; -ms-transition: all 0.1s ease-out; } .chat .conversation .conversation-wrapper { position: relative; height: 100%; } .chat .conversation .conversation-wrapper .conversation-header { position: relative; line-height: 60px; height: 60px; padding: 0px 15px; } .chat .conversation .conversation-wrapper .conversation-header .back { position: absolute; line-height: 60px; left: 15px; top: 2px; font-size: 18px; color: #888da8; } .chat .conversation .conversation-wrapper .conversation-header .back:hover, .chat .conversation .conversation-wrapper .conversation-header .back:focus { text-decoration: none; color: #515365; } .chat .conversation .conversation-wrapper .conversation-header .user-name { display: block; text-align: center; font-size: 16px; } .chat .conversation .conversation-wrapper .conversation-header .status { position: absolute; width: 10px; height: 10px; right: 20px; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); background-color: #ffffff; border-radius: 50px; border: 3px solid; border-color: #e6ecf5; } .chat .conversation .conversation-wrapper .conversation-header .status.online { border-color: #37c936; } .chat .conversation .conversation-wrapper .conversation-header .status.no-disturb { border-color: #ff3c7e; } .chat .conversation .conversation-wrapper .conversation-header .status.away { border-color: #ffcc00; } .chat .conversation .conversation-wrapper .conversation-body { height: calc(100% - 115px); padding: 0px 15px; position: relative; } .chat .conversation .conversation-wrapper .conversation-body .msg { display: block; margin-bottom: 15px; } .chat .conversation .conversation-wrapper .conversation-body .msg:before, .chat .conversation .conversation-wrapper .conversation-body .msg:after { content: " "; display: table; } .chat .conversation .conversation-wrapper .conversation-body .msg:after { clear: both; } .chat .conversation .conversation-wrapper .conversation-body .msg .bubble { position: relative; display: inline-block; padding: 6px 8px; border-radius: 4px; font-size: 13px; } .chat .conversation .conversation-wrapper .conversation-body .msg .bubble.friend { background-color: #f6f7fb; color: #515365; margin-left: 0; margin-right: 40px; } .chat .conversation .conversation-wrapper .conversation-body .msg .bubble.friend:after { content: ""; position: absolute; left: -5px; top: 7px; border-bottom: 6px solid transparent; border-right: 5px solid #f6f7fb; border-top: 6px solid transparent; } .chat .conversation .conversation-wrapper .conversation-body .msg .bubble.me { background-color: #0f9aee; color: #ffffff; margin-right: 0; margin-left: 40px; float: right; } .chat .conversation .conversation-wrapper .conversation-body .msg .bubble.me:after { content: ""; position: absolute; right: -4px; top: 7px; border-bottom: 4px solid transparent; border-left: 5px solid #0f9aee; border-top: 4px solid transparent; } .chat .conversation .conversation-wrapper .conversation-footer { position: relative; background-color: #ffffff; border-top: 1px solid #e6ecf5; height: 100%; } .chat .conversation .conversation-wrapper .conversation-footer .chat-input { border: 0px; line-height: 50px; outline: 0; padding: 0px 55px; width: 100%; } .chat .conversation .conversation-wrapper .conversation-footer .upload-btn, .chat .conversation .conversation-wrapper .conversation-footer .sent-btn { border: 0px; background-color: transparent; color: #c3c5d3; outline: none; font-size: 22px; position: absolute; top: 8px; left: 10px; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .chat .conversation .conversation-wrapper .conversation-footer .upload-btn:hover, .chat .conversation .conversation-wrapper .conversation-footer .upload-btn:focus, .chat .conversation .conversation-wrapper .conversation-footer .sent-btn:hover, .chat .conversation .conversation-wrapper .conversation-footer .sent-btn:focus { color: #515365; } .chat .conversation .conversation-wrapper .conversation-footer .sent-btn { left: auto; right: 20px; font-size: 19px; top: 10px; } .chat.open .chat-user-list { left: -300px; } .chat.open .conversation { right: 0px; } .todo-wrapper { position: relative; } .todo-wrapper.open .todo-category-wrapper { left: -300px; } .todo-wrapper.open .todolist-wrapper { right: 0px; } .todo-wrapper .todo-category-wrapper { position: relative; height: 100%; padding: 30px 15px; left: 0px; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .todo-wrapper .todo-category-wrapper a { width: 50%; float: left; margin-bottom: 15px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .todo-wrapper .todo-category-wrapper a .todo-category, .todo-wrapper .todo-category-wrapper a .create-category { text-align: center; background-color: #f6f7fb; padding: 30px 5px; line-height: 1; display: block; border-radius: 4px; } .todo-wrapper .todo-category-wrapper a .todo-category .amount, .todo-wrapper .todo-category-wrapper a .create-category .amount { display: block; font-size: 25px; margin-bottom: 10px; color: #0f9aee; } .todo-wrapper .todo-category-wrapper a .todo-category .category, .todo-wrapper .todo-category-wrapper a .create-category .category { display: block; color: #888da8; } .todo-wrapper .todo-category-wrapper a .create-category { background-color: transparent; border: 4px dashed #f6f7fb; } .todo-wrapper .todo-category-wrapper a:nth-child(even) { padding-right: 7.5px; } .todo-wrapper .todo-category-wrapper a:nth-child(odd) { padding-left: 7.5px; } .todo-wrapper .todo-category-wrapper a:hover, .todo-wrapper .todo-category-wrapper a:focus { text-decoration: none; opacity: 0.6; } .todo-wrapper .todolist-wrapper { position: absolute; top: 0px; height: 100%; width: 100%; right: -300px; transition: all 0.2s ease-out; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; } .todo-wrapper .todolist-wrapper .todolist-header { position: relative; line-height: 60px; height: 60px; padding: 0px 15px; } .todo-wrapper .todolist-wrapper .todolist-header .back, .todo-wrapper .todolist-wrapper .todolist-header .add { position: absolute; line-height: 60px; left: 15px; top: 2px; font-size: 18px; color: #888da8; } .todo-wrapper .todolist-wrapper .todolist-header .back:hover, .todo-wrapper .todolist-wrapper .todolist-header .back:focus, .todo-wrapper .todolist-wrapper .todolist-header .add:hover, .todo-wrapper .todolist-wrapper .todolist-header .add:focus { text-decoration: none; color: #515365; } .todo-wrapper .todolist-wrapper .todolist-header .category { line-height: 60px; margin: 0px; text-align: center; font-size: 16px; } .todo-wrapper .todolist-wrapper .todolist-header .add { right: 15px; left: auto; font-size: 12px; } .todo-wrapper .todolist-wrapper .todolist-header .add:hover, .todo-wrapper .todolist-wrapper .todolist-header .add:focus { color: #0f9aee; } .todo-wrapper .todolist-wrapper .todolist-body { padding: 15px; } .todo-wrapper .checkbox { padding-right: 30px; position: relative; overflow: hidden; text-overflow: ellipsis; } .todo-wrapper .checkbox input[type=checkbox] + label { white-space: nowrap; } .todo-wrapper .checkbox input[type=checkbox]:checked + label { text-decoration: line-through; color: #b4b7c8; } .todo-wrapper .checkbox .delete { position: absolute; right: 0; border: 0px; background-color: transparent; font-size: 12px; top: 10px; outline: none; opacity: 0; visibility: hidden; } .todo-wrapper .checkbox .delete:hover, .todo-wrapper .checkbox .delete:focus { color: #ff3c7e; } .todo-wrapper .checkbox:hover .delete { opacity: 1; visibility: visible; } .nav-tabs { border-bottom: 1px solid #e6ecf5; } .nav-tabs > li { margin-bottom: -2px; } .nav-tabs > li > a { margin-right: 0px; line-height: 2; border-radius: 0; color: #292929; opacity: 0.75; border: 0px; border-bottom: 2px solid transparent; display: block; padding: 10px 15px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .nav-tabs > li > a:hover { border-color: transparent; } .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { background-color: transparent; opacity: 1; } .nav-tabs > li > a.active { border: 0px; background-color: transparent; border-bottom: 2px solid #7774e7; opacity: 1; } .nav-tabs > li > a.active:hover, .nav-tabs > li > a.active:focus { border: 0px; background-color: transparent; border-bottom: 2px solid #7774e7; opacity: 1; } .nav-tabs > li > a.active.nav-link { border-bottom: 2px solid #7774e7; color: #515365; background-color: transparent; } .nav-tabs .nav-link { border-top: 0px; border-right: 0px; border-left: 0px; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus, .nav-tabs .nav-link:active { border-color: transparent; } .tab-success .nav-tabs > li > a.active { border-bottom: 2px solid #37c936; } .tab-success .nav-tabs > li > a.active:hover, .tab-success .nav-tabs > li > a.active:focus { border-bottom: 2px solid #37c936; } .tab-info .nav-tabs > li > a.active { border-bottom: 2px solid #0f9aee; } .tab-info .nav-tabs > li > a.active:hover, .tab-info .nav-tabs > li > a.active:focus { border-bottom: 2px solid #0f9aee; } .tab-warning .nav-tabs > li > a.active { border-bottom: 2px solid #ffcc00; } .tab-warning .nav-tabs > li > a.active:hover, .tab-warning .nav-tabs > li > a.active:focus { border-bottom: 2px solid #ffcc00; } .tab-danger .nav-tabs > li > a.active { border-bottom: 2px solid #ff3c7e; } .tab-danger .nav-tabs > li > a.active:hover, .tab-danger .nav-tabs > li > a.active:focus { border-bottom: 2px solid #ff3c7e; } .center-tabs .nav-tabs { text-align: center; -webkit-box-pack: center !important; -webkit-justify-content: center !important; -ms-flex-pack: center !important; justify-content: center !important; } .center-tabs .nav-tabs > li { float: none; display: inline-block; } .justified-tabs .nav-tabs { width: 100%; } .justified-tabs .nav-tabs > li { display: table-cell; width: 1%; text-align: center; float: none; } .nav-pills > li + li { margin-left: 5px; } .nav-pills > li > a { border-radius: 3px; opacity: 0.75; font-size: 14px; font-weight: 500; background-color: transparent; color: #515365; border: 1px solid transparent; padding: 5px 15px; } .nav-pills > li > a:hover, .nav-pills > li > a:focus { background-color: transparent; opacity: 1; } .nav-pills > li > a.active { color: #ffffff; border-color: #7774e7; background-color: #7774e7; border: 1px solid #7774e7; opacity: 1; } .nav-pills > li > a.active:hover, .nav-pills > li > a.active:focus { color: #ffffff; border-color: #7774e7; background-color: #7774e7; border: 1px solid #7774e7; opacity: 1; } .nav-pills > li > a.active.nav-link { color: #ffffff; background-color: #7774e7; border-color: #7774e7; } .nav-vertical .nav-pills { float: left; width: 160px; padding: 0px 15px; display: block; } .nav-vertical .nav-pills > li { margin-bottom: 15px; } .nav-vertical .nav-pills > li + li { margin-left: 0px; } .nav-vertical .tab-content { float: left; width: 70%; } .pill-success .nav-pills > li > a.active { border-color: #37c936; background-color: #37c936; border: 1px solid #37c936; } .pill-success .nav-pills > li > a.active:hover, .pill-success .nav-pills > li > a.active:focus { border-color: #37c936; background-color: #37c936; border: 1px solid #37c936; } .pill-success .nav-pills > li > a.active.nav-link { color: #ffffff; border-color: #37c936; } .pill-info .nav-pills > li > a.active { border-color: #0f9aee; background-color: #0f9aee; border: 1px solid #0f9aee; } .pill-info .nav-pills > li > a.active:hover, .pill-info .nav-pills > li > a.active:focus { border-color: #0f9aee; background-color: #0f9aee; border: 1px solid #0f9aee; } .pill-info .nav-pills > li > a.active.nav-link { color: #ffffff; border-color: #0f9aee; } .pill-warning .nav-pills > li > a.active { border-color: #ffcc00; background-color: #ffcc00; border: 1px solid #ffcc00; } .pill-warning .nav-pills > li > a.active:hover, .pill-warning .nav-pills > li > a.active:focus { border-color: #ffcc00; background-color: #ffcc00; border: 1px solid #ffcc00; } .pill-warning .nav-pills > li > a.active.nav-link { color: #ffffff; border-color: #ffcc00; } .pill-danger .nav-pills > li > a.active { border-color: #ff3c7e; background-color: #ff3c7e; border: 1px solid #ff3c7e; } .pill-danger .nav-pills > li > a.active:hover, .pill-danger .nav-pills > li > a.active:focus { border-color: #ff3c7e; background-color: #ff3c7e; border: 1px solid #ff3c7e; } .pill-danger .nav-pills > li > a.active.nav-link { color: #ffffff; border-color: #ff3c7e; } .accordion .panel-group { margin-bottom: 20px; } .accordion .panel-default { background-color: #ffffff; margin-bottom: 15px; border: 1px solid #dcedf8;border-radius: 5px; } .accordion .panel-default > .panel-heading { color: #515365; background-color: #ffffff; border-color: #e6ecf5; } .accordion .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #e6ecf5; padding: 10px 20px 20px 20px; } .accordion.border-less .panel-default { border: 0px; border-bottom: 1px solid #e6ecf5; margin-bottom: 0px; } .accordion .panel-heading { padding: 0px; border-bottom: 0px; border-top-left-radius: 0px; border-top-right-radius: 0px; } .accordion .panel-title { margin: 0px;background: #e6f5ff; } .accordion .panel-title > a { padding: 15px; display: block; color: #515365; } .accordion .panel-title > a .icon { float: right; margin-top: 0px; transform: rotate(0deg); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -ms-transform: rotate(0deg); transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .accordion .panel-title > a.collapsed .icon { transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); } .accordion .panel-title > a:hover, .accordion .panel-title > a:focus { text-decoration: none; } .progress { height: 4px; background-color: #eaeef3; border-radius: 4px; margin-bottom: 10px; } .progress.progress-sm { height: 8px; } .progress.progress-md { height: 15px; } .progress.progress-lg { height: 20px; } .progress-bar { background-color: #888da8; } .progress-primary .progress-bar { background-color: #7774e7; } .progress-success .progress-bar { background-color: #37c936; } .progress-info .progress-bar { background-color: #0f9aee; } .progress-warning .progress-bar { background-color: #ffcc00; } .progress-danger .progress-bar { background-color: #ff3c7e; } .table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th { line-height: 1.8; border-color: #d9d9d9; } .table-sm > tbody > tr > td, .table-sm > tbody > tr > th, .table-sm > tfoot > tr > td, .table-sm > tfoot > tr > th, .table-sm > thead > tr > td, .table-sm > thead > tr > th { padding: 5px 0px; } .table-lg > tbody > tr > td, .table-lg > tbody > tr > th, .table-lg > tfoot > tr > td, .table-lg > tfoot > tr > th, .table-lg > thead > tr > td, .table-lg > thead > tr > th { padding: 5px 0px; } .table-xl > tbody > tr > td, .table-xl > tbody > tr > th, .table-xl > tfoot > tr > td, .table-xl > tfoot > tr > th, .table-xl > thead > tr > td, .table-xl > thead > tr > th { padding: 5px 0px; } .table-striped > tbody > tr:nth-of-type(odd) { background-color: #fbfcfd; } .table-hover > tbody > tr:hover { background-color: #f6f7fb; } .table-bordered { border: 1px solid #e6ecf5; } .table > thead > tr > th { color: #656565; /*border-bottom: 1px solid #e6ecf5;*/border-bottom: 1px solid #fff; font-weight:600;font-size: 13px; } .dataTables_wrapper label { font-weight: 500 !important; font-size: 14px; color: #3a3a3a; } .tbl-lead .table > thead > tr > th {padding:7px 0px !important;color: #5f5f5f;} .tbl-lead .lead-id{padding-right: 10px;} .tbl-lead .lead-id a{color: #5f6dbf;font-weight: 600;} .tbl-lead .lead-id a:hover{ text-decoration:underline;} .tbl-lead .lead-id a i{ margin-left:2px; font-size:11px;} .tbl-lead .lead-info{} .tbl-lead .lead-info .titl{font-weight: 600;color: #1a1a1a;line-height:22px;} .tbl-lead .lead-info .nem{ font-weight: 400; color: #272727; line-height: 14px; font-size: 13px; } .tbl-lead .lead-info .nem a{ } .tbl-lead .lead-info .nem span{margin-left:8px;color: #3f3f3f;} .tbl-lead .lead-cont{padding-right: 15px;} .tbl-lead .lead-cont .titl{font-weight: 600;color: #1a1a1a;line-height:22px;} .tbl-lead .lead-cont .titl2{font-weight: 600;color: #2d2d2d;line-height:22px;font-size:13px;} .tbl-lead .lead-cont .info{ font-weight: 400; color: #3f3f3f; line-height: 14px; font-size: 13px; } .tbl-lead .lead-cont .info span{} .tbl-lead .lead-cont .info span::after{ content: "\e649"; font-family: 'themify'; font-size: 8px; padding: 0px 5px;} .tbl-lead .lead-cont .info span:last-child:after{ display:none;} .lead-nav{} .lead-nav .nav-tabs { border-bottom: none; } .lead-nav .nav-tabs > li > a { padding: 2px 10px; font-size: 14px; color: #101010 !important; font-weight: 600; } .lead-nav .nav-tabs .active { border-bottom: 2px solid #3a87ff !important; color: #2a6ace !important; } .lead-nav li .lead-data-num { color: #000; font-size: 12px; padding: 0px 4px; position: relative; border-radius: 4px; top: 0; background-color: #fdfbfb; border: 1px solid #ccddfd; transform: translateX(100%); text-transform: uppercase; font-weight: 600; line-height: 1; margin-left: 4px; } .lead-filter{} .lead-filter .close { position: absolute; /* border: 1px dashed red; */ top: 10px; opacity: 1; left: -10px; width: auto; margin: 0px; padding: 10px; } .lead-filter .close:hover { opacity:0.9; } .lead-filter .close span { color: #005ba5 !important; line-height: 20px; background: #bcd4ff; border-radius: 50%; font-size: 20px; width: 25px !important; display: inline-block; position: absolute; height: 25px !important; top: -7px; right: 0px; box-shadow: 0px 1px 2px #a5a5a5; } .lead-filter .vertical-align .table-cell { display: table-cell; vertical-align: top !important; } .tolwrp { cursor:pointer; position: relative; text-align: center; -webkit-transform: translateZ(0); /* webkit flicker fix */ -webkit-font-smoothing: antialiased; /* webkit text rendering fix */ } .tolwrp .toltip { background: #333; bottom: 100%; color: #fff; font-weight:400; font-size:12px; display: block; left: -35px; margin-bottom:5px; opacity: 0; padding: 6px 10px; border-radius:4px; pointer-events: none; position: absolute; width: auto; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); } .tolwrp .toltip i{ margin-right:0px !important; margin-left:5px; color:#ccc !important; cursor:pointer; font-size:12px !important;} /* This bridges the gap so you can mouse into the tooltip without it disappearing */ .tolwrp .toltip:before { /*bottom: -20px;*/ content: " "; display: block; /*height: 20px;*/ left: 0; position: absolute; width: 100%; } /* CSS Triangles - see Trevor's post */ .tolwrp .toltip:after { border-left: solid transparent 5px; border-right: solid transparent 5px; border-top: solid #333 5px; bottom: -4px; content: " "; height: 0; left: 50%; margin-left: -13px; position: absolute; width: 0; } .tolwrp:hover .toltip { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } /* IE can just show/hide with no transition */ .lte8 .tolwrp .toltip { display: none; } .lte8 .tolwrp:hover .toltip { display: block; } .lead-dtls-info{ width:100%; margin-bottom:20px;box-shadow: 0 4px 20px #2f8fe812; background-color: #fff !important; border-radius: 8px; padding:20px;} .lead-dtls-info .pkgs-titl{ display: inline-block; width:100%; margin-bottom:10px;} .lead-dtls-info .pkgs-titl h2{ margin-right:15px;} .lead-dtls-info .pkgs-titl .info{font-weight: 700; color: #171717; line-height: 22px; font-size: 22px; float:left;} .lead-dtls-info .pkgs-titl .info span{} .lead-dtls-info .pkgs-titl .info span::after{ content: "\f111"; /* font-family: 'themify'; */ font: normal normal normal 6px/1 FontAwesome; padding: 0px 8px; top: -5px; position: relative; color: #8a8a8a;} .lead-dtls-info .pkgs-titl .info span:last-child:after{ display:none;} .lead-dtls-info .pkgs-titl p{ margin-bottom:0px; padding-bottom:0px;} .lead-dtls-info .pkgs-titl .qury{font-size: 14px; font-weight: 500; color: #434343; display: inline-block;margin-right: 10px;} .lead-dtls-info .pkgs-titl .stats{border: 1px solid #99e7b0; font-size: 13px; font-weight: 500; line-height: 16px; padding: 3px 8px; border-radius: 4px; display: inline-block; background: #c2efcf; color: #3b754c;} .lead-dtls-info .pkgs-titl .given{ border: 1px solid #ddc6ff; font-size: 13px; font-weight: 500; line-height: 16px; padding: 3px 8px; border-radius: 4px; display: inline-block; background: #f2eaff; color: #7c2ded;} .lead-dtls-info .pkgs-info{ width: 100%; display: inline-block;margin-bottom: 7px;} .lead-dtls-info .pkgs-info i, .lead-dtls-info .pkgs-cnct i{ margin-right: 10px; position: relative; top: 1px; font-size: 14px; color: #6a6a6a; } .lead-dtls-info .pkgs-info p, .lead-dtls-info .pkgs-cnct p{ padding-bottom:0px; margin-bottom:0px;display: inline-block; padding-right: 15px;} .lead-dtls-info .pkgs-info .info{font-weight: 500; color: #232323; line-height: 14px; font-size: 15px;} .lead-dtls-info .pkgs-cnct .info{font-weight: 500; color: #232323; line-height: 14px; font-size: 15px;} .lead-dtls-info .pkgs-info .info span, .lead-dtls-info .pkgs-cnct .info span{} .lead-dtls-info .pkgs-info .info span::after, .lead-dtls-info .pkgs-cnct .info span::after{content: "\e649"; font-family: 'themify'; font-size: 10px; padding: 0px 5px; color: #979595;} .lead-dtls-info .pkgs-info .info span:last-child:after, .lead-dtls-info .pkgs-cnct .info span:last-child:after{ display:none;} .lead-dtls-info .pkgs-cnct{ width: 100%; display: inline-block;} .lead-dtls-info .pkgs-price{ } .lead-dtls-info .pkgs-price p{ line-height:16px; font-size:13px; color:#535353; font-weight:400; margin-bottom:0px; padding-bottom:7px;} .lead-dtls-info .pkgs-price span{font-weight:600; font-size:20px; color:#333; line-height:26px;} .lead-dtls-info .pkgs-price span:before{content: "\f156"; display: inline-block; font: normal normal normal 18px/1 FontAwesome; position: relative; margin-right: 4px;} .lead-dtls-info .pkgs-price b{ font-weight:300; font-size:11px; color:#3e3e3e;} .lead-dtls-info .pkgs-user{} .lead-dtls-info .pkgs-user p{ line-height:16px; font-size:13px; color:#232323; font-weight:400; margin-bottom:0px; padding-bottom:5px;} .lead-dtls-info .pkgs-user span{ font-weight: 500; font-size: 15px; color: #232323; line-height: 26px;} .lead-dtls-info .useredit-btn{text-align: right;} .lead-dtls-info .useredit-btn a{width:auto;min-width: 43px;text-transform: none; color: #333;border: 1px solid #d6d6d6;} .lead-dtls-info .useredit-btn .dropdown-menu > li > a{border: none!important;font-size: 13px; font-weight: 600;} .lead-dtls-info .useredit-btn .dropdown .dropdown-menu { /*left: -45px;*/ right: 45px; } .lead-dtls-info .useredit-btn .dropdown-menu { min-width: 110px !important; } .lead-dtls-info .useredit-btn a i{margin-right: 4px;font-size: 12px;position: relative;top: 0.5px; color: #333;} .lead-dtls-info .pkgs-date{ } .lead-dtls-info .pkgs-date p{ line-height:16px; font-size:13px; color:#666; font-weight:400; margin-bottom:0px; padding-bottom:5px;} .lead-dtls-info .pkgs-date span{ font-weight: 500; font-size: 15px; color: #5b5b5b; line-height: 26px;} .lead-dtls-cont{ border-top:1px solid #e6ecf5; width:100%; margin-top:20px;} .tab-responsive { display: block; min-width: 100%; overflow-x: auto; margin: 0px 0px 0px 0px; } .tab-responsive .tabresponsive { min-width: 100%; } .tab-responsive .nav-tabs { white-space: nowrap; display: inline-block; min-width: 100%; padding: 0px 0px; } .tab-responsive .nav-item { display: inline-block; } .tab-responsive .nav-link { display: inline-block; } .lead-dtls-cont .nav-tabs { background: #f5f6f7;margin-bottom: 5px; } .lead-dtls-cont .nav-tabs > li > a { font-weight:600;color: #0d0d0d;} .lead-dtls-cont .tab-info .nav-tabs > li > a.active { border-bottom: 2px solid #0f9aee; color:#0f9aee !important;font-weight: 700; } .lead-dtls-cont .lead-data-num { color: #2b2b2b; font-size: 12px; padding: 0px 4px; position: relative; border-radius: 4px; top: 0; background-color: #fdfbfb; border: 1px solid #b4c2dc; transform: translateX(100%); text-transform: uppercase; font-weight: 500; line-height: 1; margin-left: 4px; } /**********************/ .lead-pricqute{ border-bottom:1px solid #e7e7e7; padding-bottom:15px; margin-bottom:20px;} .lead-pricqute .pricqute-cost1{width:100%;font-weight: 600; color: #525252; line-height: 22px; font-size: 20px; float: left; margin-bottom:8px;} .lead-pricqute .pricqute-cost1 span{font-weight: 600; font-size: 20px; color: #3375b3; line-height: 26px; padding-right:8px;} .lead-pricqute .pricqute-cost1 span:before { content: "\f156"; display: inline-block; font: normal normal normal 17px/1 FontAwesome; position: relative; margin-right: 4px; } .lead-pricqute .pricqute-cost1 small{ font-size:14px; color:#4b4b4b; font-weight:400;} .lead-pricqute .pricqute-stats { font-size: 13px; font-weight: 500; line-height: 16px; padding: 3px 8px; border-radius: 4px; display: inline-block; color: #3b754c; margin-bottom:5px; } .lead-pricqute .converted{border: 1px solid #99e7b0 !important;background: #c2efcf !important;margin-right: 4px;} .lead-pricqute .given{border: 1px solid #ddc6ff !important;background: #f2eaff!important;color: #7c2ded!important;margin-right: 4px;} .lead-pricqute .pricqute-timestats{ font-weight:400; color:#4b4b4b; line-height:17px; font-size:13px;} .lead-pricqute .pkgs-info { margin-bottom: 5px !important; } .lead-pricqute .pricqute-btn{} .lead-pricqute .pricqute-btn .btn-primary{} .lead-pricqute .pricqute-btn .btn-primary i{margin-right: 4px; font-size: 12px; position: relative; top: 1px;} .lead-pricqute .pricqute-btn .btn-default{} .lead-pricqute .pricqute-btn .btn-default i{margin-right: 4px; font-size: 12px; position: relative; top: -1px;} .lead-pricqute .pricqute-btn a{ font-weight:600; font-size:14px; min-width:160px; width:100%;} .lead-pricqute .pricqute-btn a i{ margin-right:5px;} .leadservcol{} .leadservcol .titl{width: 100%; font-weight: 600; color: #1b1b1b; line-height: 20px; font-size: 18px; margin-bottom: 15px;margin-top: 15px;} .leadservcol .titl span{float: right;} .leadservcol .titl span a{padding: 5px 10px; font-size: 13px; font-weight: 600; border: 1px solid #c7dbff; color: #3866b6; background: #f0f5ff; border-radius: 4px;display: block; margin-bottom: 10px;} .totalcost-col{} .cost-amnt-col{margin-bottom: 15px;width: 100%;padding: 15px 0px;display: inline-block;} .cost-amnt-col .costamnt-show{ float: left; width: auto; font-size: 16px; color: #1f1f1f; margin-right: 25px;} .cost-amnt-col .costamnt-show span{padding: 3px 11px; border-radius: 5px; line-height: 22px; margin-left: 10px;} .cost-amnt-col .costamnt-show span{font-weight: 700 !important;font-size: 18px;text-shadow: 0px 0px 1px #ffffff;} .cost-amnt-col .costamnt-show span:before { content: "\f156"; font-weight:500; /* display: inline-block; */ font: normal normal normal 13px / 1 FontAwesome; position: relative; margin-right: 4px; font-size: 16px; } .cost-amnt-col .trnprtamnt { color: #9a63da;background: #ead8ff; } .cost-amnt-col .htlsamnt { color: #3b9cc5;background: #caeefd; } .cost-amnt-col .addonamnt { color: #37a88c;background: #cefde3; } .cost-amnt-col .optnlamnt { color: #cab33a;background: #f9f2ce; } .costamnt-brkup .cont{/*font-weight: 500;color: #030303;*/} .costamnt-brkup .pric { font-weight: 800 !important; color: #202020 !important; font-size: 14px; line-height: 22px; margin-bottom: 2px !important; } .costamnt-brkup table { /* background: #edf5ff !important;*/ background: #fff !important; } .totalcost-col .costamnt-brkup th { /*border-top: 1px solid #cad9ec !important; */ padding: 1px 10px !important; font-weight: 500; color: #3d3d3d !important;background: #fff; } .totalcost-col .costamnt-brkup td { border-top: 1px solid #cad9ec !important; padding: 5px 10px !important;font-weight: 500; color: #333; } .totalcost-col .costamnt-brkup table { border: 1px solid #cad9ec !important; } .totalcost-col .costamnt-brkup table:first-child { border-top: none !important; } .brkamnt-higlit{background: #f5faff;} .clrhtlcost{background:#f2e7ff;} .clrhtlcost .titl{background: #ead8ff; color: #9a63da !important;text-transform: uppercase;font-weight: 700!important;width: auto;font-size: 14px;} .clrtrnscost{background:#d2f2ff;} .clrtrnscost .titl{background: #caeefd; color: #3b9cc5 !important;text-transform: uppercase;font-weight: 700!important;width: auto;font-size: 14px;} .clradoncost{background:#d9ffea;} .clradoncost .titl{background: #cefde3; color: #37a88c !important;text-transform: uppercase;font-weight: 700!important;width: auto;font-size: 14px;} .totalcost-col .brkamnt-higlit .pric { font-weight: 700; color: #1e5aa1 !important; font-size: 18px; } .totalcost-col .brkamnt-higlit .pric:before { font: normal normal normal 16px / 1 FontAwesome; } .totalcost-col .costamnt-bokngcol{} .totalcost-col .bokngcol-trms{width: 100%;} .totalcost-col .bokngcol-trms select{width: 100%;border: 1px solid #ccc;font-weight: 500;padding: 10px 10px;color: #101010; background: #fff;} .totalcost-col .bokngcol-chkbox{ border-bottom: 1px solid #ccc; padding-bottom: 15px;} .totalcost-col .bokngcol-chkbox input[type="checkbox"] {margin-right: 4px;position: relative;top: 5px; float: left;} .totalcost-col .bokngcol-chkbox label{color: #161616;display: contents; line-height: 20px;} .totalcost-col .bokngcol-chkbox .form-Control{margin-bottom: 10px;} .totalcost-col .chkbox-input{} .totalcost-col .chkbox-input input{border: 1px solid #b4b4b4; border-radius: 4px; min-width: 300px; padding: 5px 16px; width: auto;} .totalcost-col .costamnt-bkngbtn{margin-top: 20px;} .totalcost-col .costamnt-bkngbtn input {cursor: pointer; font-weight: 600; font-size: 14px; min-width: 180px;text-transform: uppercase; width: 180px; color: #ffffff; border: none; padding: 8px 20px; border-radius: 4px; margin-bottom: 5px; background: #78a4ff; background: -moz-linear-gradient(top, #78a4ff 0%, #3886ff 100%); background: -webkit-linear-gradient(top, #78a4ff 0%, #3886ff 100%); background: linear-gradient(to bottom, #78a4ff 0%,#3886ff 100%); } .mdlpoup-tbl{} .mdlpoup-tbl table{ /*border-collapse:separate;*/ border-radius: 5px; border:1px solid #d9d9d9;border-collapse: separate; border-spacing: 0;overflow: hidden;} .mdlpoup-tbl table:first-child{border-top:none;} .mdlpoup-tbl tr { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #dfe3e6; } .mdlpoup-tbl th {/*border:none !important;*/padding:5px 10px !important; font-weight:500; color:#676767 !important; font-size:14px !important;} .mdlpoup-tbl td {padding:8px 10px !important;border-top: 1px solid #d9d9d9 !important; vertical-align:top !important;color: #333;font-weight: 600;} /*.acmdtn-tbl tr:first-child {border-top: 1px solid #fff !important; }*/ .mdlpoup-tbl tr {border-bottom: 1px solid #d9d9d9 !important;} .mdlpoup-tbl tr:first-child .mdlpoup-tbl td:first-child{ border-top-left-radius: 5px; } .mdlpoup-tbl tr:last-child .mdlpoup-tbl td:first-child{ border-bottom-left-radius: 5px; } .mdlpoup-tbl tr:first-child .mdlpoup-tbl td:last-child{ border-top-right-radius: 5px; } .mdlpoup-tbl tr:last-child .mdlpoup-tbl td:last-child{ border-bottom-right-radius: 5px; } .mdlpoup-tbl .mdlpopbtn{min-width: 145px;} .mdlpoup-tbl .mdlpopbtn .btn{padding: 6px 12px!important;color: #3e63ac;} .mdlpoup-tbl .mdlpopbtn i{font-size: 12px; position: relative; top: -1px; margin-right: 2px;} .acmdtn-col{} .acmdtn-tbl .romdtls-tbl{} .acmdtn-tbl .romdtls-tbl table{margin-bottom: 0px!important;} .acmdtn-tbl .romdtls-tbl table th{margin-bottom: 0px!important;padding: 0px 5px !important;background: #f3f8ff;} .acmdtn-tbl .romdtls-tbl table td{margin-bottom: 0px!important;padding: 2px 5px !important;} .acmdtn-tbl{} .acmdtn-tbl table{ /*border-collapse:separate;*/ border-radius: 5px; border:1px solid #d9d9d9;border-collapse: separate; border-spacing: 0;overflow: hidden;} .acmdtn-tbl table:first-child{border-top:none;} .acmdtn-tbl tr { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #dfe3e6; } .acmdtn-tbl th {/*border:none !important;*/padding:5px 10px !important; font-weight:60; color:#333 !important; font-size:14px !important;} .acmdtn-tbl td {padding:8px 10px !important;border-top: 1px solid #d9d9d9 !important; vertical-align:top !important;} /*.acmdtn-tbl tr:first-child {border-top: 1px solid #fff !important; }*/ .acmdtn-tbl tr {border-bottom: 1px solid #d9d9d9 !important;} .acmdtn-tbl tr:first-child .acmdtn-tbl td:first-child{ border-top-left-radius: 5px; } .acmdtn-tbl tr:last-child .acmdtn-tbl td:first-child{ border-bottom-left-radius: 5px; } .acmdtn-tbl tr:first-child .acmdtn-tbl td:last-child{ border-top-right-radius: 5px; } .acmdtn-tbl tr:last-child .acmdtn-tbl td:last-child{ border-bottom-right-radius: 5px; } .acmdtn-tbl .cont{} .acmdtn-tbl .cont h6{ font-weight: 600; color: #131313; font-size:14px; line-height: 22px; margin-bottom:2px;} .acmdtn-tbl .cont p{font-weight: 500; color: #3f3f3f; line-height: 14px; font-size: 13px; margin-bottom:0px;} .acmdtn-tbl .pric{font-weight: 600; color: #333; font-size:14px; line-height: 22px; margin-bottom:2px;} .acmdtn-tbl .pric:before { content: "\f156"; display: inline-block; font: normal normal normal 12px/1 FontAwesome; position: relative; margin-right: 4px; } .leadservcol .inclu h4, .leadservcol .exclu h4{} .lead-fileno{ width: 100%; font-size: 12px; color: #666; font-weight: 400; line-height: 22px;margin-bottom: 2px;} .lead-fileno span{font-size: 13px; color: #2e2e2e; font-weight: 700; line-height: 20px; background: #ffd899; border-radius: 4px; padding: 0px 4px;} .leadservcol .inclu, .leadservcol .exclu{} .leadservcol .inclu ul, .leadservcol .exclu ul{ padding-left:0px;} .leadservcol .inclu ul li, .leadservcol .exclu ul li{ font-size:14px; font-weight:500; list-style:none; color:#333; line-height:22px; margin-bottom:5px;} .leadservcol .inclu ul li:before {font: normal normal normal 12px/1 FontAwesome; margin-right:5px; content: "\f00c"; color:#70be6b; } .leadservcol .exclu ul li:before {font: normal normal normal 12px/1 FontAwesome; margin-right:5px; content: "\f00d"; color:#da7f7f; } .leadservcol .inclu ul li small, .leadservcol .exclu ul li small{ font-size:13px; font-weight:500; color:#666; font-weight:400; padding-left:5px;} .tour-plan { padding-top: 0px;margin-bottom: 20px; } .tour-plan .item-content { padding-left:120px; position: relative } .tour-plan .item-content:before { content: ""; width: 1px; height:95%; border-width: 0 1px 0 0; border-style: solid; border-color: #aed1e8; position: absolute; top: 10px; left:50px } .tour-plan .item-content .title { font-size: 17px; color: #121212; font-weight: 600; margin-bottom: 14px; position: relative; padding-top: 8px; margin-bottom: 5px; } .tour-plan .item-content .title span { position: absolute; left: -118px; top: 5px; padding:5px 5px 10px 5px; width: 100px; /* height: 40px; */ line-height: 25px; border-radius: 4px; font-size: 16px; text-transform: none; text-align: center; background: #edfbff; color: #0d679f; font-weight: 600; z-index: 3; border: 1px solid #aed1e8; /*background: #e6f1f7; background: -moz-linear-gradient(top, #e6f1f7 0%, #feffff 99%); background: -webkit-linear-gradient(top, #e6f1f7 0%,#feffff 99%); background: linear-gradient(to bottom, #e6f1f7 0%,#feffff 99%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6f1f7', endColorstr='#feffff',GradientType=0 );*/ } .tour-plan .item-content .title small {display: block;line-height: 16px;color: #3f3f3f;font-size:13px;} .tour-plan .item-content .title b {display: block;line-height: 20px;color: #373737;font-size:14px;font-weight: 600;} /*.tour-plan .item-content .title:after { content: ""; width: 50px; height: 50px; border: 1px solid #dd6b6b; position: absolute; left: -80px; top: 0; border-radius: 50%; background: #fff }*/ .tour-plan .item-content p { font-size: 14px; color: #333333; font-weight:500; line-height: 22px; margin-bottom: 10px; min-height: 75px; } .tour-plan .item-content ul { padding-left: 30px; margin-bottom: 23px } .tour-plan .item-content ul li { font-size: 14px; color: #909090 } .tour-plan .item-content ul li:last-child { margin-bottom: 0 } .tour-plan .item-content ul li label { font-size: 14px; color: #555; font-weight: 600; position: relative; margin: 0 } .tour-plan .item-content ul li label:before { content: "\f111"; font-family: fontawesome; color: #0da2ab; font-size: 5px; position: absolute; top: 1px; left: -12px } .leadservcol .otherinfo{} .leadservcol .otherinfo ul{margin-left:0px; padding-left:0px;} .leadservcol .otherinfo ul li{ list-style:none; line-height:22px; margin-bottom:5px; padding-left:0px; } .quot-cont{} .quot-cont .panel-heading span{} .quot-cont .panel-heading span strong { font-weight: 600; font-size: 24px; color: #3375b3; line-height: 26px; padding-right: 10px; } .quot-cont .panel-heading span strong:before { content: "\f156"; display: inline-block; font: normal normal normal 21px/1 FontAwesome; position: relative; margin-right: 4px; } .quot-cont .panel-heading span p{display:inline-block; padding-left:0px; font-size:14px; color:#666; font-weight:600; line-height:16px; margin-bottom:0px; padding-bottom:0px; text-transform: uppercase;} .quot-cont .panel-heading span p::after { content: "\e649"; font-family: 'themify'; font-size: 9px; padding: 0px 4px; color: #979595; } .quot-cont .panel-heading span p:last-child::after { content:inherit !important;} .quot-cont .panel-body{ padding:15px !important;} .quot-cont .accordion .panel-default:last-child{ margin-bottom:0px;} .quot-cont .accordion .panel-title > a .icon { opacity: 0.7; } .leadbkngvcol{} .leadbkngvcol .titl { width: 100%; font-weight: 600; color: #525252; line-height: 20px; font-size: 18px; margin-bottom: 15px; } .leadbkng-tbl{} .leadbkng-tbl table{ /*border-collapse:separate;*/ border-radius: 5px; border: 1px solid #d9d9d9; border-collapse: separate; border-spacing: 0; overflow: hidden;margin-bottom: 0px;} .leadbkng-tbl table:last-child{margin-bottom: 0px;} .leadbkng-tbl tr { box-sizing: border-box; border-width: 0; border-style: solid; border-color: #dfe3e6; } .leadbkng-tbl .table-bordered{} .leadbkng-tbl .table-bordered td { border: 1px solid #dee2e6; } .leadbkng-tbl .table th{border-top:none !important;border-bottom:none !important;} .leadbkng-tbl th {/*border:none !important;*/ border-bottom:1px solid #d9d9d9 !important;padding:5px 15px !important; font-weight:60; color:#333 !important; font-size:14px !important;} .leadbkng-tbl td {padding:8px 15px !important;border-top: 1px solid #d9d9d9 !important; vertical-align:top !important;font-weight: 500; color: #202020;line-height: 17px !important;font-size: 14px;} .leadbkng-tbl tr {border-bottom: 1px solid #d9d9d9 !important;} .leadbkng-tbl tr:first-child .leadbkng-tbl td:first-child{ border-top-left-radius: 5px; } .leadbkng-tbl tr:last-child .leadbkng-tbl td:first-child{ border-bottom-left-radius: 5px; } .leadbkng-tbl tr:first-child .leadbkng-tbl td:last-child{ border-top-right-radius: 5px; } .leadbkng-tbl tr:last-child .leadbkng-tbl td:last-child{ border-bottom-right-radius: 5px; } .leadbkng-tbl .cont{} .leadbkng-tbl .cont h6{ font-weight: 600; color: #333; font-size:14px; line-height: 22px; margin-bottom:2px;} .leadbkng-tbl .cont p{font-weight: 500; color: #2f2f2f; line-height: 22px; font-size: 13px; margin-bottom:0px;} .leadbkng-tbl .cont ul{ padding-left:15px; margin-left:0px;} .leadbkng-tbl .cont ul li{ font-size:12px;float: left;padding-right: 20px; color:#525151;} .leadbkng-tbl .cont ul li::marker{ color:#b0b0b0;} .leadbkng-tbl .pric{font-weight: 600; color: #333; font-size:14px; line-height: 22px; margin-bottom:5px;} .leadbkng-tbl .pric:before { content: "\f156"; display: inline-block; font: normal normal normal 12px/1 FontAwesome; position: relative; margin-right: 4px; } .htlstitl{ color:#0e0e0e !important;} .cabstitl{ color:#0e0e0e !important;} .leadbkng-tbl .htlstar{ margin-left:8px;} .leadbkng-tbl .htlstar i{ margin-right: 3px; color: #e5cd7d; font-size: 10px; position: relative; top: 1px; } @media only screen and (max-width: 992px) { .table-overflow { width: 100%; overflow-x: auto; } } .form-wizard .nav-pills {position: relative;} .form-wizard .nav-pills > li > a { z-index: 1; opacity: 1; position: relative; display: block; } .form-wizard .nav-pills > li > a .step { width: 36px; line-height: 28px; height: 36px; border-radius: 50%; border: 4px solid #e6ecf5; background: #ffffff; color: #888da8; display: inline-block; } .form-wizard .nav-pills > li > a .title {position: absolute;width: 100%;left: 0;bottom: -20px;/* color: #525252; */} .form-wizard .nav-pills > li > a.active {background-color: transparent;border-color: transparent;color: #1f63b2;} .form-wizard .nav-pills > li > a.active .step {background-color: #327dd4;border-color: #327dd4;color: #ffffff;} .form-wizard .progress { position: absolute; display: inline-block; top: 24px; left: 0; right: 0; margin: auto; height: 5px; border-radius: 0; } .form-wizard .tab-content { margin-top: 50px; margin-bottom: 0px; } .maps { width: 100%; height: 100%; display: inline-block; } .maps.map-fs .jvectormap-container { min-height: calc(100vh - 65px); } .maps.map-300 .jvectormap-container { min-height: 300px; max-height: 300px; } .leadbtnarea{float: right; display: inline-block; position: absolute; right: 15px;} .leadbtnadd{color:#454040; padding:0px 0px; font-size:12px; font-weight:500;} .leadbtnadd i, .leadbtnrefrs i{ margin-right:3px;font-size: 9px; top: 0px;} .leadbtnrefrs{ background:none;color:#454040; padding:0px 0px; margin-left:10px;font-size:12px;font-weight:400; outline:none; border:none;border-radius: 4px;} .leadbtnrefrs:hover{ } .tbl-basic{} .tbl-basic .table{ margin-bottom:0px !important;} .tbl-basic .table > thead > tr > th { border-top: 1px solid #dee2e6 !important; border-bottom: 1px solid #dee2e6 !important; padding: 7px 5px 7px 0px !important;line-height: 10px !important; font-weight: 600; font-size: 13px; } .tbl-basic .table td { padding: 5px 5px 5px 0px !important;font-weight: 500; color: #333; line-height: 16px;} .tbl-basic .pric{font-weight: 600; color: #333; font-size:15px; line-height: 22px; margin-bottom:0px;} .tbl-basic .pric:before { content: "\f156"; display: inline-block; font: normal normal normal 13px/1 FontAwesome; position: relative; margin-right: 4px; } .tbl-basic .pric small{display: block;line-height: 18px; color: #707070;} .tbl-basic .cont .titl { font-weight: 600; color: #1d1d1d; line-height: 22px; } .tbl-basic .cont .titl a{color: #4956a1;} .tbl-basic .cont .info { font-weight: 500; color: #555555; line-height: 14px; font-size: 13px; } .tbl-basic .cont .info span::after { content: "\e649"; font-family: 'themify'; font-size: 8px; padding: 0px 5px; } .tbl-basic .cont .info span:last-child:after{ display:none;} .tbl-basic .cont .info i{position: relative; top: 1px;margin-right: 4px;} .tbl-basic .cont .info .ti-mobile{color: #6baee4!important;} .tbl-basic .cont .info .ti-email{color: #d795d9!important;} .tbl-basic .cont .nem{font-weight: 400; color: #7d7d7d; line-height: 14px; font-size: 13px;} .tbl-basic .cont .nem a{ } .tbl-basic .cont .nem span{margin-left:8px; color:#878787;} .tbl-basic .cont-id { color: #5f6dbf;font-weight: 600; } .tbl-basic .cont-id i { margin-left: 2px; font-size: 11px; } .tbl-basic .cmnt { max-width: 150px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;font-weight: 500; } .tbl-basic .cmnt:before { content: "\e1c9"; font-family: "exclusive-icon" !important; margin-right: 4px; color: #979797; position: relative; top: 2px; font-size: 13px; } .tbl-basic .cmnt i { margin-left: 2px; font-size: 11px; } .bkngtabl .bkng-sln{ width:50px;} .bkngtabl .bkng-chckbox{ width:40px;text-align: center;} .bkngtabl .bkng-day{width: 90px;} .bkngtabl .bkng-day span, .bkng-cbtyp span{ font-weight: 600; font-size: 16px; line-height: 18px; content: #333;} .bkngtabl .bkng-day p, .bkng-cbtyp p{ margin-bottom: 0px; padding-bottom: 0px; font-size: 13px; line-height: 18px;} .bkngtabl .bkng-cbtyp{width: 200px;padding-right: 5px;} .bkngtabl .bkng-cbmdl, .bkngtabl .bkng-pkup, .bkngtabl .bkng-drv, .bkngtabl .bkng-nbplt, .bkngtabl .bkng-mbn, .bkngtabl .bkng-prv, .bkngtabl .bkng-prc{width: 110px;} .bkngtabl .bkng-cbmdl input, .bkngtabl .bkng-pkup input, .bkngtabl .bkng-drv input, .bkngtabl .bkng-nbplt input, .bkngtabl .bkng-mbn input, .bkngtabl .bkng-prv select, .bkngtabl .bkng-prc input{ border: 1px solid #ced7e0; border-radius: 4px; width: 100px; height:35px; box-shadow: none; font-size: 14px; color: #333; padding:5px 5px; } .bkngtabl .bkng-sts{width:60px;} .bkngtabl .bkng-btn{ padding-right: 5px; } .bkngtabl .bkng-prv{ width: 120px; } .bkngtabl .bkng-prv select{ width: 110px; } .bkngactn{} .backactn{ margin-bottom: 15px; } .backactn i{ margin-right: 4px; } .bktrpview h4{ font-size: 18px; font-weight: 600; } .bktrpview b{ color: #4675cb; margin-right: 4px; } .pnding { background: #f9ecda; font-size: 13px; padding: 4px; border: 1px solid #c18e47; border-radius: 5px; color: #bf7b1c; margin-left: 6px; } .acnt-nav .nav-tabs { border-bottom: none !important; } .acnt-nav .nav-tabs > li > a { padding: 5px 20px; font-size: 14px;border-radius:0px; color: #333 !important; font-weight: 600; /*box-shadow: 0 4px 20px #2f8fe812;*/ border-bottom:none; } .acnt-nav .nav-tabs .active { border-bottom: none !important; color: #ffffff !important; /*background: #6f0be8 !important;*/padding: 5px 20px !important; border-radius:4px; /*background: #8ae1ff; background: -moz-linear-gradient(top, #8caafc 0%, #576ebf 100%); background: -webkit-linear-gradient(top, #8caafc 0%,#576ebf 100%); background: linear-gradient(to bottom, #8caafc 0%,#576ebf 100%);*/ background: #78a4ff; background: -moz-linear-gradient(top, #78a4ff 0%, #3886ff 100%); background: -webkit-linear-gradient(top, #78a4ff 0%,#3886ff 100%); background: linear-gradient(to bottom, #78a4ff 0%,#3886ff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ae1ff', endColorstr='#b680f7',GradientType=0 ); } .notictncol{background-color: #f3f7ff; border: 1px solid #d8c9f8; width: 100%; display: inline-block;padding: 10px 20px;} .notictncol .close{padding: 12px 10px 12px 15px; line-height: 15px; font-size: 20px;} .notictncont{float: left;width: 80%;} .notictncont .notictntxt { font-size:14px;font-weight: 500;color: #333; text-align:left;/*margin-left: 60px;*/ } .notictncont .owl-prev, .notictncont .owl-next{ font-size:2rem; color:red; } .notictncont .num{font-weight: 600; font-size: 14px; color: #565656; position: absolute; top: 10px;left: 30px;} .notictncont .owl-dots{display: none!important;} .notictncont .owl-nav{ position: absolute; top: -5px !important;font-size: 18px;} .notictncont .owl-nav .owl-prev{margin-left: 0px !important;} .notictncont .owl-nav .owl-next{margin-left: 30px !important;} .notictnbtn{float: left;width: 20%;text-align: right; padding-right: 10px;} .notictnbtn .ntictnbtn-2{padding: 4px 14px; font-size: 12px; background:transparent; border: 1px solid #e8a698; font-weight: 500; color: #d15b5b; border-radius: 4px; position: relative; top:-1px;margin: 0px 5px; } .notictnbtn .ntictnbtn-1{padding: 4px 14px; font-size: 12px; background:transparent; border: 1px solid #79cebd; font-weight: 500; color: #279e86; border-radius: 4px; position: relative; top: -1px;margin: 0px 5px; } /*************/ .reprtfltr{margin-right: 10px;margin-right: 10px; position: relative; top: -17px;} .reprtfltr select{height: 38.6px!important;} .reprtcol{ position: relative; background-color: #fff; margin-bottom: 30px;padding: 20px; border: none !important; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; box-shadow: 0 4px 20px #2f8fe812; background-color: #fff !important; border-radius: 8px; } .reprtcol .usrinfo{width: 100%; display: inline-block;} .reprtcol .usrinfo .onlin { display: inline-block; width: 8px; height: 8px; top: -3px; margin-right: 7px; margin-left: 3px; background-color: #4bd773; border-radius: 50%; position: relative; animation: blink 1s linear infinite; } .reprtcol .usrinfo .oflin { display: inline-block; width: 8px; height: 8px; top: -3px; margin-right: 7px; margin-left: 3px; background-color: #ed4f4f; border-radius: 50%; position: relative; animation: blink 1s linear infinite; } .reprtcol .usrinfo .usrname{font-size: 20px;font-weight: 600;line-height: 22px;color: #000;margin-bottom: 8px;float: left;} .reprtcol .usrinfo .usrname small{margin-left: 5px; background: #fff; border: 1px solid #d5b3ff; border-radius: 25px; padding: 0px 5px 1px 5px; font-size: 12px; color: #9e60ea; position: relative; top: -2px; } .reprtcol .usrinfo .usrname b{text-align: left;} .reprtcol .usrinfo .usrname b{text-align: left;} .reprtcol .usrinfo .usrname .usrid{background: #ffdcc6; border-radius: 4px; padding: 0px 5px 2px 5px; margin-right: 10px; text-transform: uppercase; font-size: 14px; position: relative; top: -2px; right: 0px; line-height: 20px;} .reprtcol .usrinfo .usrcnct{ font-weight: 400; color: #4c4c4c; line-height: 14px; font-size: 14px; margin-top: 10px;} .reprtcol .usrinfo .usrcnct span::after { content: "\e649"; font-family: 'themify'; font-size: 8px; padding: 0px 5px; } .reprtcol .usrinfo .usrcnct span:last-child:after{ display:none;} .reprtcol .usrinfo .usrcnct span i{position: relative; top: 1px;margin-right: 5px;} .reprtcol .usrinfo .usrcnct .ti-mobile{color: #6baee4!important;} .reprtcol .usrinfo .usrcnct .ti-email{color: #d795d9!important;} .reprtcol .usrinfo .usrownr{text-align: right;float: right;} .reprtcol .usrinfo .usrownr span {display: block; font-weight: 600; font-size: 14px; padding: 2px 0px; border-radius: 25px; margin-left: 10px; position: relative; top: -1px; text-transform: none; /* border: 1px solid #dcc3fa !important; */ /* color: #6f0ae8 !important; */ /* background: #ecddff;*/ } .reprtcol .usrinfo .usrownr span i{margin-right: 5px;font-size: 12px;} .reprtcol .usrinfo .usrownr a{font-size: 12px;font-weight: 400;color: #666;} .reprtcol .usrinfo .usrownr a i{font-size: 11px;margin-left: 3px;position: relative;top: 1px;} .reprtcol .reprtmoredtls{} .reprtcol .reprtmoredtls .table-bordered { border: 1px solid #ffe7d8 !important; } .reprtcol .reprtmoredtls .table > thead > tr > th { border-bottom: 1px solid #ffe7d8!important; } .reprtcol .reprtmoredtls th {color: #636363; font-size: 12px !important; padding: 3px 6px; font-weight: 500;background: #ffe7d8; text-transform: uppercase;border-top: none!important;border-left: none!important;border-right: none!important;} .reprtcol .reprtmoredtls td {border-left: none!important;border-right: none!important; border-top: 1px solid #ffe7d8 !important;border-bottom: none !important; padding: 3px 6px; font-size: 14px; font-weight: 600; color: #212121; } .brdrrdas { border-collapse: separate; border-radius: .25rem; background: #fff; width: 100%; } .brdrrdas>*:first-child>tr:first-child>*:first-child, .brdrrdas>thead>tr:first-child>*:first-child { border-top-left-radius:.25rem; } .brdrrdas>*:first-child>tr:first-child>*:last-child, .brdrrdas>thead>tr:first-child>*:last-child { border-top-right-radius: .25rem; } .brdrrdas>*:last-child>tr:last-child>*:first-child { border-bottom-left-radius: .25rem; } .brdrrdas>*:last-child>tr:last-child>*:last-child { border-bottom-right-radius: .25rem; } .reprtamnt-col{border-top: 1px solid #dcdcdc; padding-top: 10px;display: flow-root; padding-bottom: 10px;} .reprtamnt-col .reprtamnt-1{float: left;width: 50%;} .reprtamnt-col .reprtamnt-1 ul{padding-left: 0px;margin-left: 0px;} .reprtamnt-col .reprtamnt-1 ul li{float: left; padding-right: 20px;font-size: 16px;list-style: none;text-transform: uppercase;} .reprtamnt-col .reprtamnt-1 ul li strong{} .reprtamnt-col .reprtamnt-1 ul li strong:before { content: "\f156"; display: inline-block; font: normal normal normal 13px / 1 FontAwesome; position: relative; margin-right: 4px; } .reprtamnt-col .reprtamnt-1 ul li small{font-weight: 400;font-size: 11px; color: #5C5C5C;padding-left: 3px;text-transform: none;} .reprtamnt-col .totlamnt{color: #004aba;} .reprtamnt-col .paidamnt{color: #1fa94a;} .reprtamnt-col .dueamnt{color: #ea6666;} .reprtamnt-col .reprtamnt-2{float: left;width: 50%;} .reprtamnt-col .reprtamnt-2 .reprtamntdisc{text-align: right;} .reprtamnt-col .reprtamnt-2 .reprtamntdisc span{font-size: 14px; font-weight: 600;color: #fff;padding: 1px 10px;text-transform: uppercase;border-radius: 30px;margin-left: 5px;} .reprtamnt-col .reprtamnt-2 .profitup{background:#31ab86;} .reprtamnt-col .reprtamnt-2 .profitdown{background: #d36567;} /******************/ .reprtpkg{width: 100%; border-radius: 4px; /*overflow: hidden;*/} .reprtpkg .wrap-table100 { width: 100%; border-radius: 4px; /*overflow: hidden;*/ } .reprtcont .row .header { background: #f5f5f5; } .reprtpkg .wrap-table50{ width: 50%; float: left; border-radius: 0px; /*overflow: hidden*/ } .reprtpkg .table { width: 100%; display: table; margin: 0 } .reprtpkg .reprthtls{background: #f2e7ff !important;} .reprtpkg .reprttrns{background: #d2f2ff !important;} .reprtpkg .reprtadns{background: #d9ffea !important;} .reprtpkg .reprttotl{background: #f6f6f6 !important;} .reprtpkg .reprtcrgs{background: #fff9da !important;} .reprtpkg .reprtcrgs .titl{ background: #f9f2ce; color: #cab33a !important; padding: 4px 10px; font-size: 15px !important; text-transform: uppercase; font-weight: 600 !important;/*text-shadow: 0px 1px 1px #fff;*/} .reprtpkg .reprtcrgs .titl a{color: #cab33a !important; } .reprtpkg .reprthtls .titl{background: #ead8ff; color: #9a63da !important; padding: 4px 10px; font-size: 15px !important; text-transform: uppercase; font-weight: 600 !important;/*text-shadow: 0px 1px 1px #fff;*/} .reprtpkg .reprthtls .titl a{color: #9a63da !important;} .reprtpkg .reprttrns .titl{ background: #caeefd; color: #3b9cc5 !important; padding: 4px 10px; font-size: 15px !important; text-transform: uppercase; font-weight: 600 !important;/*text-shadow: 0px 1px 1px #fff;*/} .reprtpkg .reprttrns .titl a{color: #3b9cc5 !important; } .reprtpkg .reprtadns .titl{ background: #cefde3; color: #37a88c !important; padding: 4px 10px; font-size: 15px !important; text-transform: uppercase; font-weight: 600 !important;/*text-shadow: 0px 1px 1px #fff;*/} .reprtpkg .reprtadns .titl a{color: #37a88c !important; } .reprtpkg .aiorprt .titl span{padding-left: 5px;} .reprtpkg .aiorprt .titl span i{font-size: 12px; position: relative; top: 1px; color: #585858; } .reprtpkg .reprttotl .titl { background: #f6f6f6; color: #6c6c6c!important; padding: 4px 10px; font-size: 14px !important; text-transform: uppercase; font-weight: 500 !important; /* text-shadow: 0px 1px 1px #fff; */ } .reprtpkg .reprttotl .amnt{font-weight:900 !important;color: #d67402;} .reprtpkg .reprttotl .amnt small{background: #d67419;color: #fff; /* border: 1px solid #ccc; */ text-transform: uppercase; border-radius: 4px; font-size: 10px; font-weight: 600; padding: 0px 3px; margin-left: 3px;position: relative; top: -1px;} .reprtpkg .amnt{font-weight: 500 !important;} .reprtpkg .amnt small{background: #fff; /* border: 1px solid #ccc; */ text-transform: uppercase; border-radius: 4px; font-size: 10px; font-weight: 600; padding: 0px 3px; margin-left: 3px;position: relative; top: -1px;} .reprtpkg .amnt:before, .reprtpkg .amnt:before { content: "\f156"; font-weight:500; /* display: inline-block; */ font: normal normal normal 13px / 1 FontAwesome; position: relative; margin-right: 3px; font-size: 12px; } @media screen and (max-width:768px) { .reprtpkg .table { display: block } } .reprtpkg .row { display: table-row; background: #fff } .reprtpkg .row.reprthdr { background: #f6f6f6; height: auto!important; } @media screen and (max-width:768px) { .reprtpkg .row { display: block } .reprtpkg .row.reprthdr { padding: 0; height: 0 } .reprtpkg .row.reprthdr .cell { display: none } .reprtpkg .airprt .titl:before, .reprtpkg .aiorprt .titl:before { display: none !important; } .reprtpkg .aireslt:before{ display: none !important;} .reprtpkg .row .cell:before { font-size: 12px; color: #666; line-height: 1.2; text-transform: none; font-weight: unset!important; margin-bottom: 5px; content: attr(data-title); float:left; min-width: 50%; display: block } } .reprtpkg .cell { display: table-cell } @media screen and (max-width:768px) { .reprtpkg .cell { display: block } .reprtpkg .table, .reprtpkg .row { width:auto !important; } .reprtpkg .row .cell:nth-child(1) { width: 100% !important; padding-left: 30px !important; } .reprtpkg .row .cell:nth-child(2) { width: 100% !important; padding-left: 30px !important; } .reprtpkg .row .cell:nth-child(3) { width: 100% !important; padding-left: 30px !important; } .reprtpkg .row .cell:nth-child(4) { width: 100% !important; padding-left: 30px !important; } .reprtpkg .row .cell:nth-child(5) { width: 100% !important; padding-left: 30px !important; } .reprtpkg .row .cell:nth-child(6) { width: 100%!important;padding-left: 30px !important; } .reprtpkg .row .cell:nth-child(7) { width: 100% !important; padding-left: 30px !important; text-align:left !important; } .reprtpkg .row .cell:nth-child(8) { width: 100% !important; padding-left: 30px !important; } } .reprtpkg .row .cell { font-size: 14px; font-weight:400; color: #333; line-height: 1.2; padding:6px 10px; /*border-bottom: 1px solid #f2f2f2*/ } .reprtpkg .row.reprthdr .cell { font-size: 13px; color: #6c6c6c;font-weight: 500 !important; line-height: 1.2; padding:6px 10px;text-transform: uppercase; } .reprtpkg .row .cell:nth-child(1) { width: 220px; padding-left: 10px; } .reprtpkg .row .cell:nth-child(2) { width: 200px; } .reprtpkg .row .cell:nth-child(3) { width: 200px; } .reprtpkg .row .cell:nth-child(4) { width: 200px; } .reprtpkg .row .cell:nth-child(5) { width: 200px; } .reprtpkg .row .cell:nth-child(6) { width: 200px; } .reprtpkg .row .cell:nth-child(7) { width: 200px; } .reprtpkg .row .cell:nth-child(8) { width: 200px; } .reprtpkg .table, .reprtpkg .row { width: 100%; } .reprtpkg .row:hover { } /**********************/ /**********************/ .tooltp { display:block; position:relative; text-align:left;top:0px; } .tooltp .datainfo { min-width: 230px;width: 230px; top:30px; left:40px; right:0px; transform:translate(-20%, 0); padding:5px 10px; color:#666666; background-color:#fff; font-weight: 300; font-size: 12px; border-radius:5px; position:absolute; z-index:99999999; box-sizing:border-box; box-shadow:0 1px 5px rgba(0,0,0,0.2); display: none; } .tooltp:hover .datainfo { display:block; } .tooltp .datainfo b { position:absolute; bottom:100%; left:30%; margin-left:0px; width:24px; height:12px; overflow:hidden; } .tooltp .datainfo b::after { content:''; position:absolute; width:12px; height:12px; left:50%; transform:translate(-50%,50%) rotate(45deg); background-color:#fff; box-shadow:0 1px 5px rgba(0,0,0,0.2); } .tooltp .datainfo .infocl{border-bottom:1px solid #E9E9E9; display: flex; } .tooltp .datainfo .infocl:nth-last-child(2){border-bottom:none !important; } .tooltp .datainfo .infocl .infotxt{ float:left; width:50%; padding:5px 0px; color:#6a6a6a; font-weight:400; display: flex;text-transform: none; } .tooltp .datainfo .infocl .infotxt span{ font-weight:500; color:#363636; white-space: nowrap; width: 100% !important; overflow: hidden !important; text-overflow: ellipsis; } .tooltp .datainfo .infocl .infotxt span i{ font-size: 9px; position: relative; top: 0px; } .tooltp .datainfo .infocl .infotxt .tamnt:before { content: "\f156"; font-weight: 500; /* display: inline-block; */ font: normal normal normal 13px / 1 FontAwesome; position: relative; margin-right: 3px; font-size: 11px; } .usrfilamnt .datainfo{left: -80px!important;} .usrfilamnt .tooltp .datainfo b { right: 10%!important;left: auto !important;} /*******************/ .reprt-trnprt{position: relative; background-color: #fff; margin-bottom: 30px; padding: 20px; border: none !important; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; box-shadow: 0 4px 20px #2f8fe812; background-color: #fff !important; border-radius: 8px;} .reprt-trnprt .usrinfo { width: 100%; display: inline-block;margin-bottom: 10px; } .reprt-trnprt .usrinfo .usrname { font-size: 20px; font-weight: 600; line-height: 22px; color: #000; margin-bottom: 0px; float: left; } .reprt-trnprt .usrinfo .usrname .usrid { background: #ffdcc6; border-radius: 4px; padding: 0px 5px 2px 5px; margin-right: 10px; text-transform: uppercase; font-size: 14px; position: relative; top: -2px; right: 0px; line-height: 20px; } .reprt-trnprt .usrinfo .usrfilamnt{float: right;line-height: 22px;color: #6a6a6a;} .reprt-trnprt .usrinfo .usrfilamnt ul{padding-left: 0px;margin-left: 0px;} .reprt-trnprt .usrinfo .usrfilamnt ul li{float: left; padding-left: 15px;font-size: 16px;list-style: none;text-transform: none;} .reprt-trnprt .usrinfo .usrfilamnt ul li strong{font-weight: 600;margin-left: 5px;color: #333; font-size: 16px;} .reprt-trnprt .usrinfo .usrfilamnt strong:before { content: "\f156"; display: inline-block; font: normal normal normal 14px / 1 FontAwesome; position: relative; margin-right: 3px; } .reprt-trnprt .usrinfo .usrfilamnt .fileamnt{color: #2a69c6;} .reprt-trnprt .usrinfo .usrfilamnt .paidamnt{color: #1fa94a;} .reprt-trnprt .usrinfo .usrfilamnt .totlamnt{color: #3a3a3a;} .reprtpkg2 { width: 100%; border-radius: 4px; overflow: hidden; } .reprtpkg2 .wrap-table100 { width: 100%; border-radius: 4px; overflow: hidden } .reprtcont2 .row .header { background: #f5f5f5; } .reprtpkg2 .wrap-table50{ width: 50%; float: left; border-radius: 0px; overflow: hidden } .reprtpkg2 .table { width: 100%; display: table; margin: 0 } .reprtpkg2 .reprtdata{background: #d2f2ff !important; border-bottom: 2px solid #fff !important;} .reprtpkg2 .reprtdata:last-child{background: #d2f2ff !important; border-bottom: none !important;} .reprtpkg2 .reprtdata .titl{ background: #caeefd; color: #3b9cc5 !important; padding: 4px 10px; font-size: 13px !important; text-transform: uppercase; font-weight: 600 !important;/*text-shadow: 0px 1px 1px #fff;*/} .reprtpkg2 .reprtdata .titl a{color: #3b9cc5 !important; } .reprtpkg2 .reprttotl .amnt{font-weight: 800 !important;color: #d67402;} .reprtpkg2 .reprttotl .amnt small{background: #d67419;color: #fff; /* border: 1px solid #ccc; */ text-transform: uppercase; border-radius: 4px; font-size: 10px; font-weight: 600; padding: 0px 3px; margin-left: 3px;position: relative; top: -1px;} .reprtpkg2 .amnt{font-weight: 500 !important;} .reprtpkg2 .amnt small{background: #fff; /* border: 1px solid #ccc; */ text-transform: uppercase; border-radius: 4px; font-size: 10px; font-weight: 600; padding: 0px 3px; margin-left: 3px;position: relative; top: -1px;} .reprtpkg2 .amnt:before, .reprtpkg2 .amnt:before { content: "\f156"; font-weight:500; /* display: inline-block; */ font: normal normal normal 13px / 1 FontAwesome; position: relative; margin-right: 3px; font-size: 12px; } .reprt-trnprt .usrinfo .onlin { display: inline-block; width: 8px; height: 8px; top: -3px; margin-right: 7px; margin-left: 3px; background-color: #4bd773; border-radius: 50%; position: relative; animation: blink 1s linear infinite; } .reprt-trnprt .usrinfo .oflin { display: inline-block; width: 8px; height: 8px; top: -3px; margin-right: 7px; margin-left: 3px; background-color: #ed4f4f; border-radius: 50%; position: relative; animation: blink 1s linear infinite; } .reprt-trnprt .usrinfo small{} .reprt-trnprt .usrinfo .amnt-due{ margin-left: 5px; font-size: 12px; line-height: 22px; background: #fff; border-radius: 25px; padding: 0px 4px 2px 4px; font-weight: 600; border: 1px dashed #e19090; color: #ce5959; position: relative; top: -2px;} .reprt-trnprt .usrinfo .b2bclint{ margin-left: 5px; background: #fff; border: 1px solid #d5b3ff; border-radius: 25px; padding: 1px 5px 2px 5px; font-size: 12px; color: #9e60ea; position: relative; top: -2px;} .reprt-trnprt .usrinfo .amnt-due b{margin-left: 4px;} .reprt-trnprt .usrinfo .amnt-due b:before { content: "\f156"; display: inline-block; font: normal normal normal 10px / 1 FontAwesome; position: relative; margin-right: 1px; } @media screen and (max-width:1299px) { .lead-pricqute .pricqute-btn a { min-width: 100%; width: 100%; } .lead-pricqute .pricqute-btn {margin-top: 0px; } } @media screen and (max-width:1199px) { .lead-pricqute .pricqute-btn { margin-top: 15px; } .lead-pricqute .pricqute-btn a { min-width: 160px; width: auto;margin-right: 5px; } } @media screen and (max-width:1199px) { .lead-dtls-info .useredit-btn a { width: auto; text-transform: uppercase; }} @media screen and (max-width:768px) { .reprtpkg2 .table { display: block } } .reprtpkg2 .row { /*display: table-row;*/display: table-caption;padding-left: 15px;padding-right: 15px; background: #fff } .reprtpkg2 .row.reprthdr { background: #f5edff; height: auto!important; } @media screen and (max-width:768px) { .reprtpkg2 .row { display: block } .reprtpkg2 .row.reprthdr { padding: 0; height: 0 } .reprtpkg2 .row.reprthdr .cell { display: none } .reprtpkg2 .airprt .titl:before, .reprtpkg2 .aiorprt .titl:before { display: none !important; } .reprtpkg2 .aireslt:before{ display: none !important;} .reprtpkg2 .row .cell:before { font-size: 12px; color: #666; line-height: 1.2; text-transform: none; font-weight: unset!important; margin-bottom: 5px; content: attr(data-title); float:left; min-width: 50%; display: block } } .reprtpkg2 .cell { display: table-cell } @media screen and (max-width:768px) { .reprtpkg2 .cell { display: block } .reprtpkg2 .table, .reprtpkg2 .row { width:auto !important; } .reprtpkg2 .row .cell:nth-child(1) { width: 100% !important; padding-left: 30px !important; } .reprtpkg2 .row .cell:nth-child(2) { width: 100% !important; padding-left: 30px !important; } .reprtpkg2 .row .cell:nth-child(3) { width: 100% !important; padding-left: 30px !important; } .reprtpkg2 .row .cell:nth-child(4) { width: 100% !important; padding-left: 30px !important; } .reprtpkg2 .row .cell:nth-child(5) { width: 100% !important; padding-left: 30px !important; } .reprtpkg2 .row .cell:nth-child(6) { width: 100%!important;padding-left: 30px !important; } /*.reprtpkg2 .row .cell:nth-child(7) { width: 100% !important; padding-left: 30px !important; text-align:left !important; } .reprtpkg2 .row .cell:nth-child(8) { width: 100% !important; padding-left: 30px !important; }*/ } .reprtpkg2 .row .cell {vertical-align: middle; font-size: 14px; font-weight:400; color: #333; line-height: 1.2; padding:6px 10px; /* border-bottom: 1px solid #fff;*/ } .reprtpkg2 .row.reprthdr .cell { font-size: 13px; color: #875abc;font-weight: 500 !important; line-height: 1.2; padding:6px 10px;text-transform: uppercase; } .reprtpkg2 .row .cell:nth-child(1) { width: 220px; padding-left: 10px; } .reprtpkg2 .row .cell:nth-child(2) { width: 280px; } .reprtpkg2 .row .cell:nth-child(3) { width: 200px; } .reprtpkg2 .row .cell:nth-child(4) { width: 360px; } .reprtpkg2 .row .cell:nth-child(5) { width: 140px; } .reprtpkg2 .row .cell:nth-child(6) { width: 140px; } /*.reprtpkg2 .row .cell:nth-child(7) { width: 200px; } .reprtpkg2 .row .cell:nth-child(8) { width: 200px; }*/ .reprtpkg2 .table, .reprtpkg2 .row { /*width: 100%;*/ } .reprtpkg2 .row:hover { } /**********************/ .ledgr-srchbox{width: 100%;margin-bottom: 15px;border-radius:8px; background-color: #fff; box-shadow: 0 2px 0 rgba(118, 138, 254, .03); border: 1px solid #eff2ff; position: relative;padding: 20px;} .ledgr-srchbox .form-group{margin: 5px 0px;} .ledgr-srchbox label{ float: left; width: 15%; text-align: left; justify-content: left;font-weight: 500 !important;line-height: 16px; color: #333333;} .ledgr-srchbox select{width: 85% !important;font-weight: 600 !important;} .ledgr-srchbox input{width: 85% !important;font-weight: 600 !important;} .ledgr-srchbox .ledgrsrchbtn{max-width: 100%;/*width: 100%!important;*/height: 40px!important;margin-bottom: 0px!important;background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #78e4ff, #ff48fa);color: #fff;text-transform: uppercase;font-weight: 600;border: none;outline: none;} .ledgr-srchbox .ledgrsrchbtn:hover, .ledgr-srchbox .ledgrsrchbtn:focus, .ledgr-srchbox .ledgrsrchbtn:active { box-shadow: 1px 1px 5px #c9c9c9 !important;background-image: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)), linear-gradient(101deg, #78e4ff, #ff48fa)!important; color: #fff !important; } .custom-header-sec{margin-bottom: 20px;} .custom-header-sec input{border: 1px solid #ccc;} .custom-header-sec input::placeholder { color: #6f6f6f; opacity: 1; /* Firefox */ } .custom-header-sec input::-ms-input-placeholder { /* Edge 12-18 */ color: #6f6f6f; } .custom-header-sec input::-webkit-input-placeholder { /* Chrome */ color: #6f6f6f; } .custom-header-sec .form-control { padding-left: 2.375rem; } .custom-header-sec .fromsrchicon { position: absolute; z-index: 2; display: block; width: 2.375rem; height: 2.375rem; line-height: 43px; text-align: center; pointer-events: none; color: #6f6f6f; } .ledgrinfo{margin-bottom: 15px;} .ledgrinfo .name{font-weight: 600; font-size: 22px; color: #333; line-height: 26px;margin-bottom: 8px;} .ledgrinfo .date{font-weight: 400; font-size: 14px; color: #666; line-height: 22px;} .ledgrinfo .date span{color: #696969; font-weight: 500;} .ledgrinfo .date i{font-size: 13px; margin: 0px 15px; position: relative; top: 2px;color: #878787;} .ledgr-prntbtn{float: right;text-align: right;position: absolute; right: 20px; top: 25px;} .ledgr-prntbtn a{font-size: 14px;font-weight: 500;background: #f3faff;color: #2393c6;border: 1px solid #a4cde0;border-radius: 4px;padding: 5px 15px;} .ledgr-prntbtn a:hover{} .ledgr-prntbtn a i{margin-right: 5px;} .rchus{text-align:center; margin:0px auto; display:block;} .rchus a{ margin: 0px auto; color:#fff; padding: 10px 10px;} .rchus a:hover{ color:#fff; text-decoration:none;} .ledgrpymnt {width: 100%; z-index: 99; right: 0px; left: 0; bottom: 0px; text-decoration:none; background:#ffffff; padding:12px 0px 10px 0px; text-transform:uppercase; border-radius:0px; position:fixed; border:none; border-top: 1px solid #e6ecf5; } .ledgrpymnt .col-md-3, .ledgrpymnt .col-md-2, .ledgrpymnt .col-md-1{padding-left: 5px!important; padding-right: 5px!important;} .ledgrpymnt label{border: 1px dashed red;color: #333;font-size: 13px;margin-bottom: 5px;} .ledgrpymnt .form-group { margin-bottom: 0px!important; } .ledgrpymnt input, .ledgrpymnt select{border: 1px solid #ccc;height: 35px!important;} .ledgrpymnt input::placeholder { color: #333; opacity: 1; /* Firefox */ } .ledgrpymnt input::-ms-input-placeholder { /* Edge 12-18 */ color: #333; } .ledgrpymnt input::-webkit-input-placeholder { /* Chrome */ color: #333; } .btnpay{background: #7a30d1;padding: 5px 10px; height: 35px;border-radius: 4px; color: #fff;font-size: 13px;} .ledgrstkybr {width: 100%; z-index: 99; right: 0px; left: 0; bottom: 0px; text-decoration:none; background:#ffffff; padding:8px 0px 8px 0px; text-transform:uppercase; border-radius:0px; position:fixed; border:none; border-top: 1px solid #e6ecf5; } .ledgrtotlcost{margin: 0px auto; display: table;} .ledgrtotlcost ul{padding-left: 0px;margin-left: 0px;} .ledgrtotlcost ul li{float: left; padding-right: 20px;font-size: 16px;list-style: none;text-transform: uppercase;} .ledgrtotlcost ul li span{margin-left: 5px;font-weight: 600;} .ledgrtotlcost ul li span:before { content: "\f156"; display: inline-block; font: normal normal normal 13px / 1 FontAwesome; position: relative; margin-right: 4px;position: relative; top: -1px; } .ledgrtotlcost .totlamnt{color: #004aba;} .ledgrtotlcost .paidamnt{color: #1fa94a;} .ledgrtotlcost .dueamnt{color: #ea6666;} /********************/ .lgnpnl{padding: 10% 0%; background:url("../images/textturebg.jpg") repeat #fff;min-height: calc(-64px + 100vh);} .lgnpnl .lgnfrm { width: 38%; margin: 0px auto; background: #fff; /*position: relative; top:50px;display: grid;*/ border-radius: 8px; box-shadow: 0px 2px 10px rgb(0 0 0 / 20%); padding: 30px 30px; } .lgnpnl .lgnfrm .logo{ text-align:center;/*background: #f7f7f7; */padding:0px 0px 15px 0px;} .lgnpnl .lgnfrm .logo img{ width:auto; height:80px;} .lgnpnl .lgnfrm .logo span{font-size: 20px; font-weight: 600;text-transform: uppercase;background: -webkit-linear-gradient(#785cff, #32b4d6); -webkit-text-fill-color: transparent; -webkit-background-clip: text;display: block;} .lgnpnl .lgnfrm .frminput{ width: 100%; border:1px solid #c1c1c1;border-radius: 0.25rem; display: flex; margin-bottom: 15px; padding:10px 10px; } .lgnpnl .lgnfrm .frminput i{ padding: 5px 10px 5px 5px; color: #5f5f5f; font-size: 16px;position: relative; top: 6px; } .lgnpnl .lgnfrm .frminput input { border: 0px solid #c1c1c1; width: 100%; outline: none; height: 30px; font-size: 14px; font-weight: 500; } .lgnpnl .lgnfrm .frminput .field-icon { float: right; margin-left: 0px; margin-top: 10px; position: relative; z-index: 2;color: #818181; } .lgnpnl .lgnfrm .lgnbtn{} .lgnpnl .lgnfrm .lgnbtn button{ width:100%;border-radius: 0.25rem; color: #fff; height:45px !important; outline:none; border:none; cursor: pointer; font-size:14px !important; font-weight:600;text-transform:uppercase;background: #78a4ff; background: -moz-linear-gradient(top, #78a4ff 0%, #3886ff 100%); background: -webkit-linear-gradient(top, #78a4ff 0%, #3886ff 100%); background: linear-gradient(to bottom, #78a4ff 0%, #3886ff 100%); } .lgnpnl .lgnfrm .lgnbtn button:hover{ color: #fff; background: #78a4ff; background: -moz-linear-gradient(top, #78a4ff 0%, #3886ff 100%); background: -webkit-linear-gradient(top, #78a4ff 0%, #3886ff 100%); background: linear-gradient(to bottom, #78a4ff 0%, #3886ff 100%); } .lgnpnl-lnk{font-size:14px; color:#c9c9c9; font-weight:400; text-align:center; padding-top:20px;} .lgnpnl-lnk a{ text-decoration:none;font-weight: 400; color: #525c66; font-size: 13px;} .lgnpnl-lnk a:hover{text-decoration:underline; color:#0272ea;} .footcpyrgt{text-align: center;font-size: 12px;padding: 5px 0px;background:url("../images/textturebg.jpg") repeat #fff;} .footcpyrgt .text-dark { background: -webkit-linear-gradient(#b800da, #0064dc); -webkit-text-fill-color: transparent; font-weight: 600; -webkit-background-clip: text; display: inline-block; } .lgnpnl2{padding: 0% 0%; background:#fff;} .lgnpnl2 .img-caption { position: absolute; bottom: 0; left: 0; padding: 30px; max-width: 600px; } .lgnpnl2 .img-caption .caption-title { color: #fff; font-size: 35px; font-weight: 700; } .lgnpnl2 .img-caption .caption-text { color: #e6e6e6; } .lgnpnl2 .lgnbg{background:url("../images/textturebg.jpg") repeat #fff;} .lgnpnl2 .lgnfrm{} .lgnpnl2 .lgnfrm h2{font-size: 20px; font-weight: 600;text-transform: uppercase;background: -webkit-linear-gradient(#785cff, #32b4d6); -webkit-text-fill-color: transparent; -webkit-background-clip: text;display: block;} .lgnpnl2 .lgnfrm .frminput{ width: 100%;background: #fff; border:1px solid #c1c1c1;border-radius: 0.25rem; display: flex; margin-bottom: 15px; padding:10px 10px; } .lgnpnl2 .lgnfrm .frminput i{ padding: 5px 10px 5px 5px; color: #5f5f5f; font-size: 16px;position: relative; top: 6px; } .lgnpnl2 .lgnfrm .frminput input { border: 0px solid #c1c1c1; width: 100%; outline: none; height: 30px; font-size: 14px; font-weight: 500; } .lgnpnl2 .lgnfrm .frminput .field-icon { float: right; margin-left: 0px; margin-top: 10px; position: relative; z-index: 2;color: #818181; } .lgnpnl2 .lgnfrm .lgnbtn{} .lgnpnl2 .lgnfrm .lgnbtn button{ width:100%;border-radius: 0.25rem; color: #fff; height:45px !important; outline:none; border:none; cursor: pointer; font-size:14px !important; font-weight:600;text-transform:uppercase;background: #78a4ff; background: -moz-linear-gradient(top, #78a4ff 0%, #3886ff 100%); background: -webkit-linear-gradient(top, #78a4ff 0%, #3886ff 100%); background: linear-gradient(to bottom, #78a4ff 0%, #3886ff 100%); } .lgnpnl2 .lgnfrm .lgnbtn button:hover{ color: #fff; background: #78a4ff; background: -moz-linear-gradient(top, #78a4ff 0%, #3886ff 100%); background: -webkit-linear-gradient(top, #78a4ff 0%, #3886ff 100%); background: linear-gradient(to bottom, #78a4ff 0%, #3886ff 100%); } .lgnpnl2 .login-footer { position: absolute; bottom: 0; padding: 15px 30px; border-top: 1px solid #e6ecf5; width: 100%; } .lgnpnl2 .footcpyrgt{text-align: center;font-size: 12px;color: #7f8ba1;padding: 5px 0px;position: absolute; bottom: 0; padding: 15px 30px; border-top: 1px solid #e6ecf5; width: 100%;} .lgnpnl2 .lgnlogo{ margin-bottom: 20px;} .lgnpnl2 .lgnlogo img{width: auto;height: 40px;float: left;margin-right: 5px;} .lgnpnl2 .lgnlogo span { font-size: 24px; font-weight: 600; text-transform: uppercase; background: -webkit-linear-gradient(#785cff, #32b4d6); -webkit-text-fill-color: transparent; -webkit-background-clip: text; display: block;padding-top: 5px; } /*******************/ .modal-header .close { position: relative; top: -5px; opacity:0.8; margin:0px; padding:10px; } .modal-header .close:hover { opacity:1; } .modal-header .close span{color: #333 !important; line-height: 20px; background: #fff; border-radius: 50%; font-size: 22px; width: 25px !important; display: inline-block; position: absolute; height: 25px !important;top: -8px; right: -23px; } .vendrinfo{ /* border: 1px dashed red; */ /*border-bottom: 1px solid #ebebeb;*/ margin-bottom: 0px; } .vendrinfo .cont{/* border: 1px dashed red; */} .vendrinfo .cont .titl { font-weight: 600; color: #5f6dbf; font-size: 18px; line-height: 22px; } .vendrinfo .cont .date { font-weight: 400; color: #7d7d7d; line-height: 18px; font-size: 14px;margin-top: 5px; } .vendrinfo .cont .date span::after { content: "\e649"; font-family: 'themify'; font-size: 8px; padding: 0px 5px; } .vendrinfo .cont .date span:last-child:after{ display:none;} .vendrinfo .amntcol{/* border: 1px dashed blue; */background: #ebf2ff;border-radius: 4px;display: inline-block;width: 100%;padding: 5px 10px;margin-top: 10px;margin-bottom: 10px;} .vendrinfo .amntcon{/* border: 1px dashed red; */float: left;width: 33.3%;} .vendrinfo .amntcon .titl{/* border: 1px dashed red; */float: left;padding-right: 10px;padding-top: 2px;} .vendrinfo .amntcon .amnt { font-weight: 600; color: #333; font-size: 16px; margin-bottom: 5px; } .vendrinfo .amntcon .amnt:before { content: "\f156"; display: inline-block; font: normal normal normal 14px / 1 FontAwesome; position: relative; margin-right: 4px; } .vendrinfo .acnt-info{ border-bottom:1px solid #ebebeb;margin-bottom: 15px;} .vendrinfo .acnt-info .titl{ font-weight:400; color:#666; font-size:14px;} .vendrinfo .acnt-info .amnt { font-weight: 600; color: #333; font-size: 16px; margin-bottom: 5px; } .vendrinfo .acnt-info .amnt:before { content: "\f156"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; position: relative; margin-right: 4px; } .vendrinfo .acnt-info .date { font-weight: 600; color: #333; font-size: 16px; line-height: 22px; margin-bottom: 5px; } .vendrinfo .acnt-info .day { font-weight: 400; color: #747474; font-size: 13px; line-height: 7px; margin-bottom: 5px; } .vendrinfo .acnt-info .cont .titl { font-weight: 500; color: #333; font-size:16px; line-height: 22px; } .vendrinfo .acnt-info .cont .info { font-weight: 400; color: #7d7d7d; line-height: 14px; font-size: 13px; } .vendrinfo .acnt-info .cont .info span::after { content: "\e649"; font-family: 'themify'; font-size: 8px; padding: 0px 5px; } .vendrinfo .acnt-info .cont .info span:last-child:after{ display:none;} .vendrinfo .continfo{width: 100%; display: inline-block;} .vendrinfo .continfo ul{margin-left: 0px;padding-left: 0px;} .vendrinfo .continfo ul li{font-size: 14px; color: #333; font-weight: 400;line-height: 22px;float: left;width: 50%;list-style: none; margin-bottom: 6px;} .vendrinfo .continfo ul li span{font-weight: 600;color: #333;} .vendrinfo .continfo ul li i{margin-right: 3px;position: relative;top: 1px;font-size: 14px;} .vendrinfo .continfo ul li a{} .tbl-vndr{height: 400px; overflow: auto;margin-top: 5px;display: flow-root;} .tbl-vndr .table-responsive {overflow-x: unset; display: block; width: 100%;} .tbl-vndr .table th{ padding:5px 10px;line-height: 10px; border-bottom:none !important; font-size:13px; font-weight:400; color:#3a4e75;background: #ebf2ff;} .tbl-vndr .table tbody + tbody { border-top: none !important } .tbl-vndr .table td{ padding:8px 10px;line-height: 16px; font-size:13px; font-weight:500; color:#333;} .tbl-vndr .date-w{width: 90px;} .tbl-vndr .amnt { font-weight: 500; color: #333; font-size: 15px; margin-bottom: 5px;display: inline-flex; } .tbl-vndr .amnt:before { content: "\f156"; display: inline-block; font: normal normal normal 13px/1 FontAwesome; position: relative; margin-right: 4px;margin-top: 3px; } .tbl-vndr .amnt a:before { content: "\f156"; display: inline-block; font: normal normal normal 13px/1 FontAwesome; position: relative; margin-right: 4px;margin-top: 3px; } .tbl-amnt .table th{ padding:5px 10px;line-height: 10px; border-bottom:none !important; font-size:13px; font-weight:400; color:#666;} .tbl-amnt .table tbody + tbody { border-top: none !important } .tbl-amnt .table td{ padding:8px 10px;line-height: 18px; font-size:15px; font-weight:500; color:#333;} .tbl-amnt .amnt { font-weight: 500; color: #333; font-size: 15px; margin-bottom: 5px; } .tbl-amnt .amnt:before { content: "\f156"; display: inline-block; font: normal normal normal 13px/1 FontAwesome; position: relative; margin-right: 4px; } .chckbx-amnt{ margin-top:0px;} .acnt-form .form-control{ margin-bottom:10px !important;} @media only screen and (max-width: 767px) { .maps.map-300 .jvectormap-container { min-height: 250px; } } .maps.map-500 .jvectormap-container { min-height: 500px; max-height: 500px; } @media only screen and (max-width: 767px) { .maps.map-500 .jvectormap-container { min-height: 250px; } } #google-container { width: 100%; height: 100% !important; min-height: calc(100vh - 65px); } .jvectormap-zoomin, .jvectormap-zoomout { width: 25px; height: 25px; line-height: 1.2; color: #888da8; background-color: #ffffff; border: 1px solid #e6ecf5; } .jvectormap-zoomin:hover, .jvectormap-zoomout:hover { background-color: #515365; color: #ffffff; } .jvectormap-zoomout { top: 40px; } .authentication .sign-in .img-caption { position: absolute; bottom: 0px; left: 0px; padding: 30px; max-width: 600px; } .authentication .sign-in .img-caption .caption-title { color: #ffffff; font-size: 35px; font-weight: 300; } .authentication .sign-in .img-caption .caption-text { color: #e6e6e6; } .authentication .sign-in .login-footer { position: absolute; bottom: 0px; padding: 15px 30px; border-top: 1px solid #e6ecf5; width: 100%; } glyphs.character-mapping { margin: 0 0 20px 0; padding: 20px 0 20px 30px; color: #888da8; -webkit-border-radius: 3px; border-radius: 3px; } .glyphs.character-mapping li { margin: 0 30px 20px 0; display: inline-block; width: 90px; } .glyphs.character-mapping .icon { margin: 10px 0 10px 15px; padding: 15px; position: relative; width: 55px; height: 55px; color: #162a36 !important; overflow: hidden; -webkit-border-radius: 3px; border-radius: 3px; font-size: 32px; } .glyphs.character-mapping .icon svg { fill: #000; } .glyphs.character-mapping input { margin: 0; padding: 5px 0; line-height: 12px; font-size: 12px; display: block; width: 100%; border: 1px solid #d8e0e5; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; outline: 0; } .glyphs.character-mapping input:focus { border: 1px solid #fbde4a; -webkit-box-shadow: inset 0 0 3px #fbde4a; box-shadow: inset 0 0 3px #fbde4a; } .glyphs.character-mapping input:hover { -webkit-box-shadow: inset 0 0 3px #fbde4a; box-shadow: inset 0 0 3px #fbde4a; } .glyphs.css-mapping { margin: 0 0 60px 0; padding: 30px 0 20px 30px; color: #888da8; -webkit-border-radius: 3px; border-radius: 3px; } .glyphs.css-mapping li { margin: 0 30px 20px 0; padding: 0; display: inline-block; overflow: hidden; } .glyphs.css-mapping .icon { margin: 0; margin-right: 10px; padding: 13px; height: 50px; width: 50px; color: #162a36 !important; overflow: hidden; float: left; font-size: 24px; } .glyphs.css-mapping input { margin: 0; margin-top: 5px; padding: 8px; line-height: 16px; font-size: 16px; display: block; width: 150px; height: 40px; border: 1px solid #d8e0e5; -webkit-border-radius: 5px; border-radius: 5px; background: #fff; color: #515365; outline: 0; float: right; } .glyphs.css-mapping input:focus { border-color: #0f9aee; } .glyphs.css-mapping input:hover { border-color: #0f9aee; } .glyphs.css-mapping .ei { margin: 0; margin-right: 10px; padding: 13px; height: 50px; width: 50px; overflow: hidden; float: left; font-size: 24px; } .icon-example { padding-left: 15px; padding-right: 15px; font-weight: normal; } .icon-example > span { width: 25%; float: left; padding: 30px 0px; color: #515365; } .icon-example > span i { padding-right: 15px; font-size: 18px; } /*--------------------------------- -------------- apps --------------- ---------------------------------*/ .fc { background-color: #ffffff; border: 1px solid #e6ecf5; } .fc th { text-align: center; padding: 15px; background-color: transparent; color: #888da8; font-size: 12px; text-transform: uppercase; border-right-width: 0; border-left-width: 0; } .fc button { background-color: #ffffff; background-image: none; height: 37px; padding: 0 15px; color: #6b7192; } .fc button.fc-state-default { border-color: #e6ecf5; box-shadow: none; } .fc button.fc-state-active { box-shadow: none; background-color: #e6ecf5; } .fc-toolbar { padding: 20px 20px 0px 20px; } .fc-view, .fc-view > table { background-color: #ffffff; } .fc-basic-view td.fc-day-number, .fc-basic-view td.fc-week-number span { padding: 7px 15px; } .fc-unthemed .fc-content, .fc-unthemed .fc-divider, .fc-unthemed .fc-popover, .fc-unthemed .fc-row, .fc-unthemed tbody, .fc-unthemed td, .fc-unthemed th, .fc-unthemed thead { border-color: #e6ecf5; } .fc-unthemed .fc-today { background-color: transparent; } .fc-basic-view .fc-day-number.fc-today { background-color: #0f9aee; color: #ffffff; display: inline-block; float: right; border-radius: 50%; padding: 6px 8px; line-height: 1; margin: 4px 4px 0px 0px; } .fc-event-container .fc-event { border-radius: 0px; border: 0px; background-color: #e5f4fd; color: #0f9aee !important; font-size: 12px; line-height: 2.5; padding: 0px 15px; } .fc-event-container .fc-day-grid-event { margin: 1px 5px 5px; } .calendar-event .card-block { position: relative; } .calendar-event .add-event { position: absolute; top: -22px; z-index: 9; right: 25px; border: 0px; font-size: 20px; padding: 7px 12px; border-radius: 50%; } .calendar-event .event-list { padding-left: 0; list-style: none; } .calendar-event .event-list .event-items { margin-bottom: 20px; position: relative; } .calendar-event .event-list .event-items > a { display: block; color: #888da8; } .calendar-event .event-list .event-items > a:hover { color: #4b4f66; } .calendar-event .event-list .event-items .remove { position: absolute; right: 0px; top: 12px; font-size: 20px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .calendar-event .event-list .event-items .event-name { font-weight: bold; border: 0px; padding: 0px 10px; } .calendar-event .event-list .event-items .event-detail { padding-left: 25px; } .calendar-event .event-list .event-items .bullet { width: 10px; height: 10px; display: inline-block; border-radius: 50%; background-color: #ffffff; border: 3px solid; border-color: #f6f7fb; } .calendar-event .event-list .event-items .bullet.success { border-color: #37c936; } .calendar-event .event-list .event-items .bullet.warning { border-color: #ffcc00; } .calendar-event .event-list .event-items .bullet.danger { border-color: #ff3c7e; } .email-app .sec-side-nav { background: #ffffff; position: fixed; border-right: 1px solid #e6ecf5; height: 100%; float: left; width: 250px; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } @media only screen and (max-width: 992px) { .email-app .sec-side-nav { z-index: 1; left: -250px; } } .email-app .sec-side-nav .side-nav-inner { position: relative; padding: 30px 20px; } .email-app .sec-side-nav .side-nav-inner ul { list-style: none; margin: 0; padding: 0; overflow: auto; } .email-app .sec-side-nav .side-nav-inner ul li { position: relative; display: block; } .email-app .sec-side-nav .side-nav-inner ul li > a { position: relative; display: block; padding: 15px; color: #888da8; font-size: 16px; } .email-app .sec-side-nav .side-nav-inner ul li > a i { padding-right: 10px; } .email-app .sec-side-nav .side-nav-inner ul li > a:hover { color: #3a3c49; } .email-app .sec-side-nav .side-nav-inner ul li > a .label { float: right; margin-top: 4px; } .email-app .sec-side-nav .side-nav-inner ul li.active > a { color: #7774e7; } .email-app .email-wrapper { margin-top: 0px; padding: 0px; margin: 0px; overflow: auto; min-height: 100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } @media only screen and (max-width: 992px) { .email-app .email-wrapper { position: absolute; left: 0px; width: 100%; overflow-x: hidden; } } @media only screen and (min-width: 992px) { .email-app .email-wrapper { margin-left: 250px; } } .email-app .email-wrapper .email-list { position: relative; padding: 0px; width: 100%; overflow-y: hidden; background-color: #ffffff; height: calc(100vh - 65px); } @media only screen and (max-width: 992px) { .email-app .email-wrapper .email-list { max-height: calc(100vh - 65px); } } @media only screen and (min-width: 992px) { .email-app .email-wrapper .email-list { width: 25%; border-right: 1px solid #e6ecf5; float: left; } } @media only screen and (min-width: 992px) and (max-width: 1440px) { .email-app .email-wrapper .email-list { width: 30%; } } .email-app .email-wrapper .email-list .email-list-tools { padding: 5px 15px; border-bottom: 1px solid #e6ecf5; text-align: right; display: block; background-color: #f6f7fb; } .email-app .email-wrapper .email-list .email-list-tools .tools { list-style: none; padding: 0; } .email-app .email-wrapper .email-list .email-list-tools .tools > li { display: inline-block; padding: 3px 5px; } .email-app .email-wrapper .email-list .email-list-tools .tools > li > a { font-size: 16px; color: #888da8; display: block; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; } .email-app .email-wrapper .email-list .email-list-tools .tools > li > a:hover, .email-app .email-wrapper .email-list .email-list-tools .tools > li > a:focus { color: #0f9aee; } .email-app .email-wrapper .email-list .email-list-wrapper { position: relative; min-height: calc(100vh - 101px); overflow-y: scroll; max-height: calc(100vh - 101px); } .email-app .email-wrapper .email-list .email-list-wrapper .email-list-item { padding-left: 0px; list-style: none; } .email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item { position: relative; display: table; width: 100%; padding: 15px; border-bottom: 1px solid #e6ecf5; cursor: pointer; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; } .email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item:hover, .email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item:focus { background-color: #f4fafe; } .email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item a { color: #888da8; } .email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item .email-tick { position: absolute; } .email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item .email-detail { vertical-align: top; display: table-cell; width: 100%; padding-left: 40px; } .email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item .email-detail p { margin-bottom: 0px; } .email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item .email-detail .from { font-size: 16px; color: #515365; } .email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item .email-detail .subject { color: #515365; font-weight: 500; margin-bottom: 5px; } .email-app .email-wrapper .email-list .email-list-wrapper .email-list-item .email-item .email-detail .datetime { position: absolute; top: 20px; right: 15px; font-size: 11px; } .email-app .email-wrapper .email-content { float: left; width: 75%; position: relative; padding: 0px; background-color: #ffffff; min-height: calc(100vh - 65px); } .email-app .email-wrapper .email-content.no-inbox-view { width: 100%; } @media only screen and (min-width: 992px) and (max-width: 1440px) { .email-app .email-wrapper .email-content { width: 70%; } } @media only screen and (max-width: 992px) { .email-app .email-wrapper .email-content { position: absolute; top: 0px; left: 100%; width: 100%; height: 100%; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; max-height: calc(100vh - 65px); overflow-y: scroll; } .email-app .email-wrapper .email-content.open { left: 0px; } } .email-app .email-wrapper .email-content .email-content-tools { background-color: #f6f7fb; padding: 10px 15px; border-bottom: 1px solid #e6ecf5; } @media only screen and (min-width: 992px) { .email-app .email-wrapper .email-content .email-content-tools { display: none; } } .email-app .email-wrapper .email-content .email-content-tools ul { list-style: none; padding: 0; display: inline-block; } .email-app .email-wrapper .email-content .email-content-tools ul li { display: inline-block; } .email-app .email-wrapper .email-content .email-content-tools ul li a { font-size: 16px; padding: 0px 10px; color: #888da8; } .email-app .email-wrapper .email-content .email-content-tools ul li a:hover, .email-app .email-wrapper .email-content .email-content-tools ul li a:focus { color: #0f9aee; } .email-app .email-wrapper .email-content .email-content-detail { position: relative; padding: 30px; max-height: calc(100vh - 65px); overflow-y: auto; } @media only screen and (max-width: 992px) { .email-app .email-wrapper .email-content .email-content-detail { padding: 15px; } } .email-app .email-wrapper .email-content .email-content-detail .detail-head { position: relative; } .email-app .email-wrapper .email-content .email-content-detail .detail-head .list-info { display: inline-block; } .email-app .email-wrapper .email-content .email-content-detail .detail-head .list-info .thumb-img { width: 50px; height: 50px; } .email-app .email-wrapper .email-content .email-content-detail .detail-head .list-info .info { height: 50px; padding-left: 65px; } .email-app .email-wrapper .email-content .email-content-detail .detail-head .list-info .info .title { padding-top: 5px; } .email-app .email-wrapper .email-content .email-content-detail .detail-head .list-info .info .sub-title { max-width: 100%; } .email-app .email-wrapper .email-content .email-content-detail .detail-head .tools { padding: 0px; list-style: none; float: right; margin-top: 15px; } .email-app .email-wrapper .email-content .email-content-detail .detail-head .tools > li { display: inline-block; padding: 10px; } .email-app .email-wrapper .email-content .email-content-detail .detail-head .tools > li a { color: #888da8; } .email-app .email-wrapper .email-content .email-content-detail .detail-head .tools > li a:hover, .email-app .email-wrapper .email-content .email-content-detail .detail-head .tools > li a:focus { color: #515365; } .email-app .email-wrapper .email-content .email-content-detail .detail-body { padding: 15px 30px; position: relative; } .email-app .email-wrapper .email-content .email-content-detail .detail-foot { padding: 15px 30px; } .email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments { list-style: none; padding-left: 0px; } .email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li { display: inline-block; border: 1px solid #e6ecf5; margin-right: 10px; margin-bottom: 10px; border-radius: 6px; } .email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a { display: block; color: #888da8; } .email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a .file-icon { float: left; padding: 8px 15px; font-size: 28px; border-right: 1px solid #e6ecf5; } .email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a .file-info { display: inline-block; padding: 8px 15px 8px 10px; } .email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a .file-info .file-name, .email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a .file-info .file-size { display: block; } .email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a:hover, .email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a:focus { color: #515365; } .email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a:hover .file-icon, .email-app .email-wrapper .email-content .email-content-detail .detail-foot .attachments > li > a:focus .file-icon { color: #7774e7; } .email-app .email-wrapper .email-compose { position: relative; } .email-app .email-wrapper .email-compose .email-compose-tools { background-color: #f6f7fb; padding: 10px 15px; border-bottom: 1px solid #e6ecf5; } @media only screen and (min-width: 992px) { .email-app .email-wrapper .email-compose .email-compose-tools { display: none; } } .email-app .email-wrapper .email-compose .email-compose-tools ul { list-style: none; padding: 0; display: inline-block; } .email-app .email-wrapper .email-compose .email-compose-tools ul li { display: inline-block; } .email-app .email-wrapper .email-compose .email-compose-tools ul li a { font-size: 16px; padding: 0px 10px; color: #888da8; } .email-app .email-wrapper .email-compose .email-compose-tools ul li a:hover, .email-app .email-wrapper .email-compose .email-compose-tools ul li a:focus { color: #0f9aee; } .email-app .email-wrapper .email-compose .email-compose-body { padding: 30px 20px; } .email-app .email-wrapper .email-compose .email-compose-body .send-header .selectize-input { box-shadow: none; border: 0px; border-bottom: 1px solid #e6ecf5; font-size: 14px; padding: 12px; } .email-app .email-wrapper .email-compose .email-compose-body .send-header .selectize-input input::-webkit-input-placeholder { font-size: 14px; color: #c3c5d3; } .email-app .email-wrapper .email-compose .email-compose-body .send-header .selectize-input input:-moz-placeholder { font-size: 14px; color: #c3c5d3; } .email-app .email-wrapper .email-compose .email-compose-body .send-header .selectize-input input::-moz-placeholder { font-size: 14px; color: #c3c5d3; } .email-app .email-wrapper .email-compose .email-compose-body .send-header .selectize-input input:-ms-input-placeholder { font-size: 14px; color: #c3c5d3; } .email-app .email-wrapper .email-compose .email-compose-body .send-header .subject { border: 0px; padding: 12px; } .email-app .email-wrapper .email-compose .email-compose-body .send-header .subject::-webkit-input-placeholder { font-size: 14px; color: #c3c5d3; } .email-app .email-wrapper .email-compose .email-compose-body .send-header .subject:-moz-placeholder { font-size: 14px; color: #c3c5d3; } .email-app .email-wrapper .email-compose .email-compose-body .send-header .subject::-moz-placeholder { font-size: 14px; color: #c3c5d3; } .email-app .email-wrapper .email-compose .email-compose-body .send-header .subject:-ms-input-placeholder { font-size: 14px; color: #c3c5d3; } .email-app .email-wrapper .email-compose .email-compose-body .note-editor { margin-top: 5px; } .email-app .email-wrapper .email-compose .email-compose-body .note-editor.note-frame .note-statusbar { display: none; } .email-app .email-wrapper .email-compose .email-compose-body .note-editor .panel-heading.note-toolbar { position: absolute; z-index: 9; width: 100%; bottom: 0px; border-bottom: 0px; border-top: 1px solid #e6ecf5; } @media only screen and (max-width: 992px) { .email-app.mail-nav-active .sec-side-nav { left: 0px; } } @media only screen and (max-width: 992px) { .email-app.mail-nav-active .email-wrapper { left: 250px; } } .social .social-cover { position: relative; } .social .social-cover .cover-img { min-height: 400px; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative; } .social .social-cover .cover-img .cover-content { position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); } .social .social-cover .cover-footer { padding: 15px; background-color: #ffffff; } .social .social-cover .cover-footer ul { display: inline-block; } .social .social-cover .cover-footer ul > li { display: inline-block; } .social .social-cover .cover-footer ul > li > a { display: block; font-weight: bold; color: #888da8; padding: 10px 20px; } .social .social-cover .cover-footer ul > li > a:hover, .social .social-cover .cover-footer ul > li > a:focus { color: #515365; } .social .social-cover .cover-footer ul > li.active a { color: #515365; } .gallery-item { display: block; position: relative; cursor: pointer; } .gallery-item .overlay { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; right: 0px; bottom: 0px; opacity: 0; visibility: hidden; background: #000; /* The Fallback */ background: rgba(0, 0, 0, 0.7); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; } .gallery-item .overlay .overlay-content { position: absolute; padding: 20px 15px; width: 100%; left: 0px; bottom: 0px; } .gallery-item .overlay .overlay-content .caption-title { color: #ffffff; margin: 0px; } .gallery-item .overlay .overlay-content .caption-date { color: #cccccc; } .gallery-item:hover .overlay { opacity: 1; visibility: visible; } .pswp__caption__center { text-align: center; } @media only screen and (max-width: 992px) { .tbl-basic .cont{ min-width:200px;} .tbl-basic .pric {min-width:100px;} .tbl-basic .cont-id{min-width:50px;} .tbl-lead .lead-info {min-width:200px;} .tbl-lead .lead-cont{min-width:200px;} .tbl-lead .lead-id{min-width:50px;} .lgnpnl .lgnfrm {width: 60%;} .lead-dtls-info .pkgs-price {margin-top: 10px;margin-bottom: 10px; } .lead-dtls-info .pkgs-price p{padding-bottom: 2px;} .lead-dtls-info .pkgs-user { margin-bottom: 10px; } .lead-dtls-info .pkgs-user p { margin-bottom: 0px; padding-bottom: 0px; } .lead-pricqute .pricqute-timestats { margin-bottom: 15px; } .price-filter{} .price-filter .col-md-2, .price-filter .col-md-3, .price-filter .col-sm-3, .price-filter .col-sm-2, .price-filter .col-6, .price-filter .col-12{padding-right: 5px; padding-left: 5px;} .price-filter .container{max-width: 100%!important;} .price-filter-inpt p { font-size: 10px;line-height: 16px; } .price-filter-inpt p span { font-size: 14px; } .price-filter-save button { border-radius: 4px; padding: 5px 10px; font-size: 12px; } .price-filter-inpt p span:before { font: normal normal normal 12px / 1 FontAwesome; } .price-filter-inpt p span { display: block; } .price-filter{ padding: 5px 0px 5px 0px; } .data-hotl-adbtn { margin-top: 5px; } } @media only screen and (max-width: 880px) { .cost-amnt-col .costamnt-show { width: 50%; font-size: 14px; color: #1f1f1f; margin-right: 0; margin-bottom: 20px; } } @media only screen and (max-width: 767px) { .lgnpnl .lgnfrm {width: 90%;} .lgnpnl .lgnfrm .logo img {width: auto;height: 60px; } .dep { padding-left: 0px;display: none; } .adminftnav-col{width: 100%;position: fixed; background: #fff; left: 0; display: block; bottom: 0; z-index: 999; padding: 2px 3px 3px 3px; border-radius: 12px 12px 0px 0px;box-shadow: 0px 1px 7px #778084;} .adminftnav-col .adminftnav-item{width: 20%;float: left;padding: 5px 5px; text-align: center;} .adminftnav-col .adminftnav-item a {background: #fff; color: #333; display: block; border-radius: 4px; width: 100%; height: 40px; padding: 4px 0px; } .adminftnav-col .adminftnav-item a:hover {background: #f4f3ff;} .actftnav { /* background: #f68b67!important; */ color: #fff!important; background: #8ae1ff!important; background: -moz-linear-gradient(top, #8ae1ff 0%, #b680f7 100%)!important; background: -webkit-linear-gradient(top, #8ae1ff 0%, #b680f7 100%)!important; background: linear-gradient(to bottom, #8ae1ff 0%, #b680f7 100%)!important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ae1ff', endColorstr='#b680f7',GradientType=0 ); } .adminftnav-col .adminftnav-item a b{ width: 100%; display: block; font-size: 13px; font-weight: 600; line-height: 8px; } .adminftnav-col .adminftnav-item a:hover{} .data-hotl-pln { float: left; width: 100%; margin-top: 10px; margin-left: 0px; } .hotl-data-lead p { font-size: 13px; } .hotl-data-lead p span { font-size: 13px; } .data-hotl-adbtn { float: left; } .data-hotl-adbtn { margin-top: 10px; height: auto;margin-right: 0px; } .data-hotl-adbtn a { font-size: 12px;padding: 4px 8px; } .header .header-container .nav-right .dropdown-menu > li > a { font-size: 12px; } .header .header-container .nav-right .dropdown-menu > li > a i{font-size: 11px;} .side-nav .side-nav-inner .side-nav-menu > li > a { padding: 2px 10px; font-size: 13px; } .side-nav .side-nav-inner .side-nav-menu > li > a .icon-holder i img { width: 16px; height: 16px; } .side-nav .side-nav-inner .side-nav-menu > li > a .icon-holder {margin-right: 0px;} .side-nav .side-nav-inner .side-nav-menu > li.dropdown ul.dropdown-menu > li > a { padding: 3px 6px; font-size: 12px; font-weight: 500; } .side-nav { width: calc(230px - 30px); } } @media only screen and (max-width: 580px) { .price-filter-save button { width: 100%; } .price-filter-save{width: 100%;margin-top: 5px;} .price-filter-inpt:last-child{ text-align: center; border-right: none !important; } .edit-fild-titl span, .edit-fild-titl2 span { font-size: 13px; } .edit-fild-lable label { font-size: 13px; } .card .card-heading .card-title .titlicon { width: 30px; height: 30px;line-height: 25px; } .card .card-heading .card-title .titlicon i img { width: 16px; height: 16px; } .card .card-heading .card-title { margin-bottom: 0px; font-size: 14px; } .card .card-heading h4{font-size: 16px !important;} .collapse-btn a { padding: 2px 0px 2px 10px;font-size: 14px; } .collapse-btn a .card-title {} .card .card-heading { padding: 10px 10px; } .card-block { padding: 10px; } .collapse-btn { top: 10px; } .edit-fild-lable label span { font-size: 13px; } .refbtn span, .refbtn a { font-size: 13px; } .refbtn a i { font-size: 13px; } .data-tbl .table > thead > tr > th { font-size: 11px; } .data-tbl td a { font-weight: 600; font-size: 12px; } .data-tbl td { line-height: 15px !important; font-weight: 500; padding: 12px 10px; font-size: 12px; min-width: 130px; } .show-hotl-tbl td { min-width: 130px; font-size: 13px; } .data-show-pnl-head p { font-size: 12px !important; } .data-show-pnl-head span { font-size: 12px; } .adon-btn a { font-size: 12px; } .data-show-pnl-head i, .adon-btn i { margin-right: 5px; font-size: 10px; } .days h4 a { font-size: 13px; } .card-block p {font-size: 12px;} .tour_head1 p { color: #222222 !important; line-height: 20px !important; } .trnprt { min-width:230px !important } .trnprt-pric { min-width: 100px; } .trnprt span { font-size: 13px; } .pkgtblsrch .input-group input { font-size: 13px !important; } .l-info-pack-days ul li i span { font-size: 12px; } .pkgtblsrch .input-group span { font-size: 13px; line-height: 20px; } .days h4 { font-size: 13px; } .trnsprt-tbl .table > thead > tr > th { font-size: 11px !important; } .trnsprt-tbl td span { font-size: 12px; } .trnsprt-tbl .tqntybtn { display: inline-flex; } .trnsprt-tbl .tqntybtn g{ width: 30px; text-align: center;position: relative; top: -2px; } .trnsprt-tbl td { font-size: 13px; min-width: 120px; } .hotloptn-col input { font-size: 13px; } .hotl-data span { font-size: 13px; } .show-hotl-tbl .table > thead > tr > th { font-size: 11px; } .ctgy-optn select { font-size: 13px; } .data-srch input, .data-srch select { font-size: 13px; } .data-srch-city { width: 100%; float: left; padding-right: 0px; margin-bottom: 15px; } .data-srch select{margin-bottom: 10px;} .user-info span { font-size: 12px !important; } .header .header-container .nav-left .user-profile .profile-img, .header .header-container .nav-right .user-profile .profile-img { width: 20px; height: 20px; background: #f3f3f3 url(../../Images/user.jpg) no-repeat; background-size: 20px 20px; margin-top: 22px; } .edit-fild-lable { margin-bottom: 10px; } .card { margin-bottom: 20px; } } @media only screen and (max-width: 480px) { .lead-pricqute .pricqute-btn a { min-width: 150px; } .totalcost-col .brkamnt-higlit .pric { font-size: 16px; } .totalcost-col .brkamnt-higlit .pric:before { font: normal normal normal 14px / 1 FontAwesome; } .cost-amnt-col .costamnt-show { width: auto; font-size: 14px; color: #1f1f1f; margin-right: 20px; margin-bottom: 15px; } .cost-amnt-col .costamnt-show span { font-size: 16px; } .cost-amnt-col .costamnt-show span:before { font-size: 14px; } }