EVOLUTION-NINJA
Edit File: flow.css
html, body{ margin: 0 !important; padding: 0 !important; font-size:14px !important; overflow-x: hidden !important; } /*===============================LOGIN===========================*/ .login-flow{ padding: 5% 3%; } .login-left img{ height: 472px; } .login-box{ box-shadow: 0px 0px 10px lightgrey; border-radius: 12px; } .login-right{ padding: 10px; } .txt-center{ text-align:center; color: #E44A24; } .login-right .form-control{ border-radius: 25px; } .login-right a{ color: #0065A3; } .login-right a:hover{ color: #0065A3; text-decoration: none; } .login-right .form-group{ margin-bottom: 0; } .login-right button{ background-color: #E44A24; border-radius: 25px; padding: 8px 25px; color: #fff; display: block; margin: 0 auto; margin-top: 0px; } .new-user a{ display: block; text-align: center; margin-top: 10px; color:#9B9B9B; font-weight: 600; } .new-user a:hover{ color:#9B9B9B; } .links{ text-align: center; margin-top: 5px; } .links img{ height: 25px; } /*------------------------------------Super-Admin-Login-----------------------------------*/ .super-login{ padding: 10% 0; background-color: #F2F6FF!important; background: url(../images/medusys-bg.png)no-repeat; height: 915px; } .super-login-box{ box-shadow: 0px 0px 4px lightgrey; border-radius: 8px; padding: 30px; margin-top: 20px; background-color: #fff; } .super-login-box h4{ color: #E34A24; font-weight: 600; text-align: center; } .super-login-box label{ color:#9B9B9B; font-weight: 600; } .super-login-box input{ border-radius: 20px; } .login-footer{ display: flex; } .login-footer a{ margin-left: 50%; color: #6096C1; font-weight: 600; } .super-login-box button{ background-color: #E44A24; padding: 5px 20px; border-radius: 20px; color: #fff; margin-top: 20px; } @media only screen and (max-width: 600px){ .login-footer a{ margin-left: 15%; } #eye-login{ margin-left: 250px!important; } .box-1,.box-2,.box-3,.box-4,.box-5,.box-6{ margin: 10px; } } /*--------------------------------header-------------------------------*/ .header{ padding: 10px 15px; border-bottom: 2px solid #000; } #logo{ width: 70%; } .right-menu{ text-align:end; padding-top: 20px; } .right-menu ul{ list-style-type: none; padding-left: 0; padding-top: 15px; } .right-menu li{ display: inline-block; padding-right: 16px; color: #000; font-weight: 600; cursor: pointer; } .right-menu i{ padding-left: 10px; } /*==================================speciality-left=========================*/ .speciality-left{ background-color:#0065A3; padding: 25px 0 25px 25px; height: 920px; } .speciality-left a{ color: #fff; font-weight: 600; font-size: 16px; padding-bottom: 10px; position: relative; } .speciality-left a:after{ content: ''; position: absolute; border-bottom: 2px solid #fff; width: 185px; left: 0; right: 0; margin: 0 auto; top: 30px; } .speciality-left a:hover{ color: #fff; text-decoration: none; } .speciality-left ul{ list-style-type: none; padding-left: 0; } .speciality-left li{ padding-bottom: 15px; } .go-back{ margin-top: 60%; float: right; padding: 10px; } .go-back a{ background-color: #00AEFF; color: #fff; padding: 10px 13px; border-radius: 15px; } .go-back a:after{ border-bottom: initial; } .go-back a:hover{ color: #fff; text-decoration: none; } .conf-left-text h5{ color: #44546A; font-weight: 500; font-size: 25px; } .conf-head{ padding: 3% 5% 0 0; } #conf-bt{ border-bottom: 2px solid #44546A; } #conf-bt input{ box-shadow: 0px 0px 10px lightgrey; border: 0; } .conf-table{ margin-top: 3%; } .conf-table h3{ color: #1E5B92; font-weight: 500; font-size: 22px; border-bottom: 2px solid lightgrey; padding-bottom: 12px; } .conf-head { font-family: 'Roboto', sans-serif; } @media only screen and (min-width:320px) and (max-width:640px){ .speciality-left{ height: auto; } .go-back{ margin-top: 15%!important; } #forgot{ margin-left: 30%!important; } .right-menu li{ padding-right: 3%; padding-top: 2%; } .next{ float: right; padding: 20px; } .next a{ background-color:#1E5B92; color: #fff; padding: 10px 35px; border-radius: 15px; } } @media only screen and (min-width:992px) and (max-width:1024px){ .speciality-left a{ font-size: 12px; } .go-back a{ padding: 10px 15px!important; } } /*=================================speciality-right=========================*/ .speciality-right{ padding:5%; } .speciality-right a:hover{ text-decoration: none; } .speciality-box{ display: flex; box-shadow: 0px 0px 10px lightgrey; padding: 10px; border-radius: 8px; } .speciality-icon{ border: 1px solid #0065A3; border-radius: 5px; position: relative; top: -50px; margin-right: 25px; background-color: #fff; box-shadow: 0px 0px 10px lightgrey; } .speciality-icon img{ width: 68px; height: 68px; } .speciality-txt p{ color: #0065A3; font-weight: 600; font-size: 15px; font-weight: 600; } .pt{ padding-top: 5%; } .box{ width: 29%; margin: 12px; } #spec-box p{ color: #C32626!important; font-weight: bold; } #spec-box .speciality-icon{ border: 1px solid #C32626; } .gas-txt{ font-size: 40px!important; } #individual:after{ border-bottom: 0; } .speciality-txt-gas-new{ color: #006ED0; font-weight: bold; font-size: 20px; } #spec-right{ padding: 5% 0 0 20%!important; } @media only screen and (min-width:320px) and (max-width:640px){ .box{ width: auto; margin: 10% 2% 5% 2%; } } /*==================================COMING SOON=========================*/ .coming-soon{ position: absolute; top: 50%; bottom: 50%; left: 0; right: 0; text-align: center; } .coming-soon h1{ color: #0065A3; font-weight: 600; font-size:50px; margin-bottom: 5%; } .coming-soon a{ background-color: #00AEFF; color: #fff; padding: 10px 25px; border-radius: 15px; } .coming-soon a:hover{ color: #fff; text-decoration: none; } .coming-soon i{ color: #fff; } /*======================================MY-ACCOUNT============================*/ .account-right{ padding: 30px; } .account-form{ border: 1px solid lightgrey; padding: 30px; background-color: #EFF3FC; } .account-form label{ color: #606060; margin-top: 20px; } .account-form .form-control{ border: 0!important; } .account-form-1 .form-control{ width: 70%!important; } .btn-update{ background: linear-gradient(to right, #517DFE 0%, #6FA9FF 100%); color: #fff; padding: 5px 60px; border-radius: 6px; cursor: pointer; outline: 0; border: 0; margin-top: 30px; font-weight: 600; } .iti{ width: 100%!important; } .country-select{ width: 100%!important; } .w3-dropdown-hover{ display: contents!important; } .w3-dropdown-content{ margin-left: 60px!important; padding: 10px!important; background-color:#EFF3FC!important; position:fixed!important; right:10px; } .w3-dropdown-content a{ background-color: #fff; border-radius: 20px; padding: 5px; } .w3-dropdown-content a:hover{ text-decoration: none; } @media only screen and (min-width:320px) and (max-width:640px){ #eye-flow{ margin-left: 200px!important; } /*#mob-email{ width:90%!important; }*/ .account-form-1 .form-control{ width: 90%!important; } #doctor-drop{ width: 50%!important; } } /*========================================GAS==============================*/ .speciality-icon-gas{ border: 1px solid lightgrey; border-radius: 5px; position: relative; top: -50px; margin-right: 25px; background-color: #fff; box-shadow: 0px 0px 10px lightgrey; } .speciality-txt-gas p{ color: #E44A24; font-weight: 600; font-size: 17px; } .speciality-txt-gas-1 p{ color: #3FCECC; font-weight: 600; font-size: 17px; } .speciality-txt-gas-2 p{ color: #006ED0; font-weight: 600; font-size: 17px; } .box ul{ /*padding-left: 0;*/ } .box li{ color:#000; font-weight:bold; padding: 7px; font-size: 16px; } /*=================================PATIENT SYSTEM===========================*/ .speciality-icon-pat{ padding-right: 15%; } .speciality-txt-pat-new{ border-left: 2px solid #4098FF; padding-left: 20px; } .speciality-txt-pat-new p{ color:#313F86; font-weight:bold; font-size: 20px; margin-top: 25px; } /*.speciality-txt-pat-1{ color: #0065A3; font-weight: 600; font-size: 17px; } .speciality-txt-pat-2{ color: #41D8E8; font-weight: 600; font-size: 17px; } .speciality-txt-pat-3{ color: #313F86; font-weight: 600; font-size: 17px; } .speciality-txt-pat-4{ color: #E5A52A; font-weight: 600; font-size: 17px; }*/ /*#pat-system:after{ top: 55px!important; }*/ @media only screen and (min-width:1280px){ #pat-system::after{ top : 50px; } } @media only screen and (min-width:992px) and (max-width:1024px){ #pat-system{ font-size: 10px!important; } } /*========================================CLINICAL DATABASES=============================*/ .speciality-box-clinic{ display: flex; box-shadow: 0px 0px 10px lightgrey; padding: 10px; border-radius: 8px; height: 150px; } .speciality-txt-clinic-new{ border-left: 2px solid #4098FF; padding-left: 20px; } .speciality-txt-clinic-new p{ color: #313F86; font-weight: bold; font-size: 16px; margin-top: 8px; } /*.speciality-txt-clinic{ color:#E44A23; font-weight: 600; font-size: 17px; padding-top: 20px; } .speciality-txt-clinic-1{ color: #0065A3; font-weight: 600; font-size: 17px; padding-top: 20px; } .speciality-txt-clinic-2{ color: #41D8E8; font-weight: 600; font-size: 17px; padding-top: 20px; } .speciality-txt-clinic-3{ color: #313F86; font-weight: 600; font-size: 17px; padding-top: 20px; } .speciality-txt-clinic-4{ color: #E5A52A; font-weight: 600; font-size: 17px; padding-top: 20px; }*/ .speciality-txt-cme{ color: #0065A3; font-weight: 600; font-size: 17px; } @media only screen and (min-width:320px) and (max-width:640px){ .speciality-icon-pat{ padding-right: 6%; } #spec-right{ padding: 5% 0 0 7%!important; } } /*==================================================DASHBOARD==========================================*/ .dashboard-left{ background-color: #0065A3; padding: 30px; min-height: 960px; /*width: 270px;*/ } .dashboard-left h4{ color: #fff; } .dashboard-left h5{ color: #fff; font-size: 22px; margin-top: 30px; padding-bottom: 8px; border-bottom: 2px solid #fff; } .dashboard-left h6{ color: #fff; font-size: 20px; margin-top: 30px; margin-bottom: 25px; } .dashboard-left i{ padding-left: 20px; } .menu-list ul{ list-style-type: none; padding-left: 0; } .menu-list li{ /*padding-left: 8px;*/ padding-bottom: 15px; display: inline-block; width: 95%; } .menu-list a{ color: #fff; font-size:15px; } .menu-list a:hover{ color: #fff; text-decoration: none; } .menu-list img{ padding-right: 8px; } .dashboard-right{ padding: 30px; background-color: #F6F9FF; } .dashboard-right h3{ color: #0065A3; margin-bottom: 25px; } .dashboard-box{ display: flex; margin-top: 20px; } .box-1{ background-color: #1579BE; color: #fff; padding:18px; height: 235px; /* width: 310px;*/ border-radius: 5px; margin-right: 15px; } .box-1 img{ background-color: #73AFD8; padding: 8px; margin-bottom: 20px; } .box-1 a{ color: #fff; margin-left: 20%; } .box-1 a:hover{ color: #fff; text-decoration: none; } .bottom{ border-top: 3px solid #fff; margin-top: 35px; padding-top: 5px; } .box-2{ background-color:#D66604; color: #fff; padding: 18px; height: 235px; /* width: 310px;*/ border-radius: 5px; margin-right: 15px; } .box-2 img{ background-color:#ECA668; padding: 8px; margin-bottom: 20px; } .box-2 a{ color: #fff; margin-left: 20%; } .box-2 a:hover{ color: #fff; text-decoration: none; } .box-3{ background-color:#8832AA; color: #fff; padding: 18px; height: 235px; /* width: 310px;*/ border-radius: 5px; margin-right: 15px; } .box-3 img{ background-color:#B884CC; padding: 8px; margin-bottom: 20px; } .box-3 a{ color: #fff; margin-left: 20%; } .box-3 a:hover{ color: #fff; text-decoration: none; } .box-4{ background-color:#1C9035; color: #fff; padding: 18px; height: 235px; /* width: 310px;*/ border-radius: 5px; margin-right: 15px; } .box-4 img{ background-color:#77BC86; padding: 8px; margin-bottom: 20px; } .box-4 a{ color: #fff; margin-left: 20%; } .box-4 a:hover{ color: #fff; text-decoration: none; } .box-5{ background-color:#3C48C5; color: #fff; padding: 18px; height: 235px; /* width: 310px;*/ border-radius: 5px; margin-right: 15px; } .box-5 img{ background-color:#8A91DC; padding: 8px; margin-bottom: 20px; } .box-5 a{ color: #fff; margin-left: 20%; } .box-5 a:hover{ color: #fff; text-decoration: none; } .box-6{ background-color:#00818C; color: #fff; padding: 18px; height: 235px; /* width: 310px;*/ border-radius: 5px; margin-right: 15px; } .box-6 img{ background-color:#64B0B7; padding: 8px; margin-bottom: 20px; } .box-6 a{ color: #fff; margin-left: 20%; } .box-6 a:hover{ color: #fff; text-decoration: none; } @media only screen and (min-width:1280px) and (min-height: 920px){ .box-1 a{ margin-left: 15%; } .box-2 a{ margin-left: 15%; } .box-3 a{ margin-left: 15%; } .box-4 a{ margin-left: 15%; } .box-5 a{ margin-left: 15%; } .box-6 a{ margin-left: 15%; } } .dashboard-tabs{ padding: 3% 0; } .tab-content{ background-color: #fff; /*border: 1px solid lightgrey;*/ box-shadow: 0px 0px 3px lightgrey; padding: 20px; margin-top: 20px; border-radius: 8px; } #nav-tabs-dashboard a{ color: #000; font-weight: 600; font-size: 16px; border-right: 1px solid lightgrey; } #nav-tabs-dashboard{ background-color: #fff; border: 1px solid #fff; padding: 5px; width: 60%; } .nav-tabs .nav-link.active{ color: #5BB2E4!important; background-color: transparent!important; border-color:transparent!important; } .nav-tabs .nav-link:hover{ border-color: transparent!important; color: #5BB2E4; } .tabs-1{ display: flex; } .tabs-2{ display: flex; } .tabs-3{ display: flex; } .tabs-4{ display: flex; } .tabs-img img{ background-color:#9155FD; padding: 5px; margin-right: 10px; margin-top: 30px; } .tabs-2 img{ background-color:#00BC99; padding: 5px; margin-right: 10px; margin-top: 30px; } .tabs-3 img{ background-color:#3FA3E1; padding: 5px; margin-right: 10px; margin-top: 30px; } .tabs-4 img{ background-color:#5ABB4A; padding: 5px; margin-right: 10px; margin-top: 30px; } .tabs-img{ border-right: 1px solid #CBCBCB; padding-right: 10px; } .tab-cont{ padding-left: 10px; } .tab-cont p{ color:#0065A3; font-weight: 600; } .tab-cont h5{ font-weight: 600; color:#000; } .scatter{ background-color: #fff; margin-top: 30px; padding: 30px; } .line-chart{ background-color: #fff; margin-top: 30px; padding: 30px; } .users{ background-color: #fff; } .country-users{ display: flex; padding: 12px; } .country-users h5{ padding-left: 10px; color: #5E5E5E; font-weight: 600; } #curve_chart{ width: 500px!important; } .logins{ background-color: #fff; box-shadow: 0px 0px 8px lightgrey; padding: 20px; margin-top: 20px; margin-left: 15px; height: 200px; } .logins h4{ color:#9155FD; font-weight: 500; margin-bottom: 15px; } .logins h5{ font-weight: 600; } .logins span{ color: red; font-size: 13px; padding-left: 10px; } .logins-1{ background-color: #fff; box-shadow: 0px 0px 8px lightgrey; padding: 20px; margin-top: 20px; margin-left: 15px; height: 200px; } .logins-1 h4{ color:#FFB400; font-weight: 500; margin-bottom: 15px; font-size: 18px; } .logins-1 h5{ font-weight: 600; } .logins-1 span{ color: red; font-size: 13px; padding-left: 10px; } .logins-2{ background-color: #fff; box-shadow: 0px 0px 8px lightgrey; padding: 20px; margin-top: 20px; margin-left: 15px; height: 200px; } .logins-2 h4{ color:#16B1FF; font-weight: 500; margin-bottom: 15px; } .logins-2 h5{ font-weight: 600; } .logins-2 span{ color: red; font-size: 13px; padding-left: 10px; } #menu1 img{ margin-top: 65px; } /*#menu1 .tab-cont{ height: 190px; }*/ /*---------------------------------------------------------------*/ .tooltip-3 { display:inline-block; position:relative; text-align:justify; opacity: initial!important; } .tooltip-3 .right-3 { min-width:210px; max-width:400px; top:160%; left:100%; margin-left:20px; transform:translate(0, -50%); padding:0; /* color:#fff; background-color:lightgrey;*/ color: #fff; background-color: #1974A7; font-weight:normal; font-size:13px; border-radius:8px; position:absolute; z-index:99999999; box-sizing:border-box; /* box-shadow:0 1px 8px rgba(0,0,0,0.5);*/ visibility:hidden; opacity:0; transition:opacity 0.8s; } .tooltip-3:hover .right-3 { visibility:visible; opacity:1; } .tooltip-3 .text-content-3 { padding:10px 20px; } .tooltip-3 i{ color: #007BFF!important; font-size: 15px; padding-left: 5px; } .tooltip-3 .right-3 i { position:absolute; top:25%; right:100%; margin-top:-12px; width:12px; height:24px; overflow:hidden; } .tooltip-3 .right-3 i::after { content:''; position:absolute; width:12px; height:12px; left:0; top:50%; transform:translate(50%,-50%) rotate(-45deg); background-color:#1974A7; /* box-shadow:0 1px 8px rgba(0,0,0,0.5);*/ } .tooltip-3 h6{ text-align: justify!important; font-size: 15px; } @media only screen and (min-width:320px) and (max-width:640px){ .tooltip-3 .right-3{ top: 69px; left: -810%; min-width: 250px; } .tooltip-3 .right-3 i{ top: -8%; bottom: 100%; left: 57%; margin-left:-18px; width:36px; height:18px; } .tooltip-3 .right-3 i::after{ top: 95%; } .tooltip-3 h6{ font-size: 11px; } } /*========================================DASHBOARD-1===============================*/ .box-1-{ background-color:#0099F8; color: #fff; padding: 18px; height: 235px; /* width: 310px;*/ border-radius: 5px; margin-right: 15px; } .box-1- img{ background-color:#66C2FB; padding: 8px; margin-bottom: 20px; } .box-1- a{ color: #fff; margin-left:20%; } .box-1- a:hover{ color: #fff; text-decoration: none; } /*========================================DASHBOARD-2===============================*/ .box-2-{ background-color:#0097A5; color: #fff; padding: 18px; height: 235px; /* width: 310px;*/ border-radius: 5px; margin-right: 15px; } .box-2- img{ background-color:#66C1C9; padding: 8px; margin-bottom: 20px; } .box-2- a{ color: #fff; margin-left: 20%; } .box-2- a:hover{ color: #fff; text-decoration: none; } /*===================================SUPER-ADMIN-DASHBOARD============================*/ .menu-left ul{ list-style-type: none; padding-left: 0; } .menu-left li{ padding-bottom: 20px; padding-top: 12px; } .menu-left a{ color: #fff; font-weight: 600; font-size: 15px; padding-bottom: 5px; } .menu-left .active{ /*border-bottom: 2px solid #fff;*/ position: relative; } .menu-left .active::after{ position: absolute; content: ''; border: 1px solid #fff; width: 145%; top: 42px; left: 0; } .super-dashboard-right{ background-color: #EFF3FC; padding: 30px; } .super-dashboard-right h4{ color: #0065A3; } .super-dashboard-box{ display: flex; padding-top: 20px; } .super-box-1{ background-color: #227BFD; padding: 18px; height: 135px; width: 310px; border-radius: 5px; margin-right: 45px; } .super-box-1 img{ background-color: #7AB0FE; padding: 5px; margin-bottom: 20px; } .super-box-1 h5{ color: #fff; } .bottom-1{ border-top: 3px solid #fff; margin-top: 15px; padding-top: 5px; } .bottom-1 a{ color: #fff; margin-left: 17%; } .bottom-1 a:hover{ color: #fff; text-decoration: none; } .bottom-1 i{ color: #fff; } .menu-left a:hover{ color:#fff; text-decoration: none; } .super-box-2{ background-color:#71357C; padding: 18px; height: 135px; width: 310px; border-radius: 5px; margin-right: 45px; } .super-box-2 img{ background-color:#AA86B0; padding: 5px; margin-bottom: 20px; } .super-box-2 h5{ color: #fff; } .super-box-3{ background-color:#DE6D05; padding: 18px; height: 135px; width: 310px; border-radius: 5px; margin-right: 15px; } .super-box-3 img{ background-color: #EBA769; padding: 5px; margin-bottom: 20px; } .super-box-3 h5{ color: #fff; } .super-box-4{ background-color:#309501; padding: 18px; height: 135px; width: 310px; border-radius: 5px; margin-right: 15px; } .super-box-4 img{ background-color:#83BF67; padding: 5px; margin-bottom: 20px; } .super-box-4 h5{ color: #fff; } /*============================================ADD USER==============================*/ .add-user-right{ background-color:#F6F9FF; padding: 40px; } .add-user-right h4{ float: left; color: #0065A3; font-weight: 600; } #add-user-right button{ float: right; background: transparent; border: 0; cursor: pointer; color: #606060; font-weight: 600; font-size: 15px; } #add-user-right button i{ color: #fff; /*background-color: #606060;*/ padding: 1px; margin-right: 3px; } .create-user{ box-shadow: 0px 0px 8px lightgrey; padding: 20px; background-color: #fff; margin-top: 20px; border-radius: 5px; } .btn-create{ background-color: #0065A3; padding: 5px 30px; border-radius: 20px; color: #fff; cursor: pointer; border: 0; margin-top: 20px; } .list-users h4{ margin-top: 20px; margin-bottom: 20px; } .list-users table{ background-color:#fff!important; border-collapse: separate; /*border-spacing: 10px 5px;*/ } .list-users table thead{ border-bottom: 1px solid #2078AE; border-top: 0; background-color:#0065A3; } .list-users table th{ color: #2078AE; font-size: 17px; } .list-users table thead th{ border-bottom: 0; } .list-users table td{ background-color:#fff; color: #505050; font-weight: 500; font-size: 17px; border-top: 0; } .list-users table button{ background-color:#E44A24; padding: 5px 12px; color: #fff; cursor: pointer; border: 0; margin: 3px; } .btn-access-active{ background-color: #2078AE!important; color: #fff; cursor: pointer!important; padding: 5px 12px!important; border: 0; font-size: 13px; border-radius: 4px; margin: 3px; } .btn-access{ background-color: #E44A24!important; color: #fff; cursor: pointer!important; padding: 5px 12px!important; border: 0; font-size: 13px; border-radius: 4px; margin: 3px; } .list-users .form-check-input{ margin-top: 0.5rem; margin-left: 0.75rem; } .list-users .form-check{ background-color: #2990CF; color: #fff; padding: 5px; border-radius: 5px; } /*====================================================================*/ @media only screen and (min-width:320px) and (max-width:640px){ .dashboard-left{ height: auto; } .super-dashboard-box{ display: initial; } .super-box-1{ margin: 8px; } .super-box-2{ margin: 8px; } .super-box-3{ margin: 8px; } .super-box-4{ margin: 8px; } .list-users .form-check{ background-color: transparent; color: #000; } } @media only screen and (min-width:1280px) and (min-height: 920px){ .form-check-label{ font-size: 10px; } .list-users .form-check-input { margin-top: 0rem; margin-left: 0.75rem; width: 8px; } } /*==========================================MEDUSYS-FLOW-NEW=============================*/ .spec-left{ /*background-color: #1E5B92;*/ background: linear-gradient(to left, #0198CD,#0160A2); height: 1053px; width: 270px; padding: 25px 0 25px 25px; } .spec-left ul { list-style-type: none; padding-left: 0; } .spec-left li { padding-bottom: 15px; } .spec-left a { color: #fff; font-weight: 600; font-size: 16px; padding-bottom: 10px; position: relative; } .spec-left a:after { content: ''; position: absolute; border-bottom: 2px solid #fff; width: 185px; left: 0; right: 0; margin: 0 auto; top: 30px; } .spec-left a:hover{ color: #fff; text-decoration: none; } .spec-right a{ text-decoration: none!important; } .box- li{ color: #000; font-weight: bold; padding: 7px; font-size: 16px; } .go-back a::after{ border-bottom: 0; } .pat-right{ padding: 5% 0 0 0; } .pat-right a{ text-decoration: none!important; } .data-right{ padding: 5% 0 0 0; } .data-right a{ text-decoration: none!important; } .data-right img{ width: 85%; } .data-right p{ font-size: 22px; } .cme-right{ padding: 5% 0 0 0; } .cme-right a{ text-decoration: none!important; } .cme-right img{ width: 85%; } .cme-right p{ font-size: 22px; } #conf-img{ width: 140%; } @media only screen and (min-width:320px) and (max-width:640px){ .spec-left{ width: auto; height: auto; } /*#conf-img{ width: 130%; }*/ .cme-right{ padding: 5%; } .box-{ margin: 30px; } #add-mobile-new{ width: auto!important; } #conf-img{ width: 100%; } .cme-right{ padding: 5%; } .box-{ margin: 25px; } .app-req{ display: none; } #app-req-p{ font-size: 20px!important; } .speciality-icon-pat img{ /*width: 50%;*/ } .speciality-txt-pat-new p{ font-size: 17px; } .speciality-icon-pat{ width: 35%; } .speciality-txt-clinic-new{ width: 90%; } .data-right p{ font-size: 17px; } .cme-right p{ font-size: 17px; } #input-mob input{ display: none; } #patients{ display: none; } #box-mob{ box-shadow: none!important; background-color: transparent!important; margin: 0!important; padding: 0; } .search button{ background-color:#E44823; border:0; padding: 8px 60px; } #pat-mob{ display: none; } .add-new-a{ padding: 0!important; } } /*==================================================E-Library====================================*/ .e-lib-right{ padding-top:3%; } .e-lib-right a:hover{ text-decoration: none; } .e-lib-box{ display: flex; box-shadow: 0px 0px 10px lightgrey; padding: 10px; border-radius: 8px; background: linear-gradient(to left, #0198CD,#0160A2); } .e-lib-img{ padding-right:5%; } .e-lib-img img{ width: 62px; height:62px; } .e-lib-cont{ /*border-left: 2px solid #4098FF;*/ padding-left: 20px; } .e-lib-cont p{ color:#fff; font-weight:600; font-size:19px; margin-top:15px; } @media only screen and (min-width:320px) and (max-width:640px){ .e-lib-box{ margin: 20px; } } /*-----------------guidelines-------------------*/ .guide-right{ padding: 3% 5% 0 0; } .guide-right h3{ color: #2F6989; font-weight: 600; margin-top: 25px; } .bt{ border-bottom:2px solid #2F6989; } .bt input{ box-shadow: 0px 0px 10px lightgrey; border: 0; } .guide-right i{ position: relative; top: 25px; left: 500px; } .category h4{ color: #2F6989; font-weight: 600; } .category input{ /*box-shadow: 0px 0px 10px lightgrey;*/ /* border: 0;*/ width: 35%; } .category button{ background-color: #E44A24; padding: 5px 12px; border: 0; margin-left: 10px; color: #fff; cursor: pointer; } .category-list h4{ color: #2F6989; font-weight: 600; } /*-----------------guidelines-------------------*/ .guide-right{ padding: 3% 5% 0 0; } .guide-right h3{ color: #2F6989; font-weight: 600; margin-top: 25px; } .bt{ border-bottom:2px solid #2F6989; } .bt input{ box-shadow: 0px 0px 10px lightgrey; border: 0; } .guide-right i{ position: relative; top: 25px; left: 500px; } .category h4{ color: #2F6989; font-weight: 600; } /* .category input{ box-shadow: 0px 0px 10px lightgrey; border: 0; width: 35%; } */ .category button{ background-color: #E44A24; padding: 5px 12px; border: 0; margin-left: 10px; color: #fff; cursor: pointer; margin-top: 10px; } .category-list h4{ color: #2F6989; font-weight: 600; } #gud input{ border: 1px solid #0065A3!important; } #upl input{ border: 1px solid #0065A3!important; } .guidelines-inner select{ border: 1px solid #0065A3!important; } #upl button{ background-color: #0065A3; color: #fff; cursor: pointer; padding: 8px 25px; } #upl span{ color: darkgrey; font-weight: 500; } .category-sub{ border: 1px solid lightgrey; } .category-sub .row{ background-color:#E2ECFF; margin: 10px; padding:15px; } .category-sub .row h5{ margin: 0; color: #505050; font-weight: 500; font-size: 17px; } .category-sub .row p{ margin: 0; color: #434345; font-weight:500; } #c-sub{ border-right: 1px solid #0065A3; } #vie{ background-color: #0065A3; color: #fff; cursor: pointer; padding: 3px 30px; } #del{ background-color: #E44A24; color: #fff; cursor: pointer; padding: 3px 30px; } @media only screen and (min-width:320px) and (max-width:640px){ .guide-right { padding: 3% 5% 0 7%; } #upl button{ margin-top: 12px; } #c-sub{ border-right:0; } #guide-mob-txt{ padding: 0; margin: 20px 0; } } /*====================================RAD-ADMIN NEW=====================================*/ #up-tag h3{ color: #0065A3; margin: 20px; font-weight: 600; font-size: 20px; } .btn-excel{ background-color: #0065A3; cursor: pointer; color: #fff; border: 0; padding: 8px 15px; border-radius: 8px; float: right; } #user-table_filter{ margin-right: 55px; margin-top: -30px; } #users-table_filter{ margin-right: 55px; margin-top: -30px; } #library-table_filter{ margin-top: -30px; } .dataTables_length{ margin-top: 20px; } .category{ background-color: #F6F9FF; padding: 30px; } .category .form-control{ /*border-radius: 20px;*/ } #user-table{ border: 2px solid lightgrey; width: 1200px!important; border-radius: 8px; } #library-table{ border: 2px solid lightgrey; /*width: 990px!important;*/ border-radius: 8px; } #users-table{ border: 2px solid lightgrey; width: 1200px!important; border-radius: 8px; } #create-elib{ background-color: #F6F9FF; padding: 30px; } #downloadCountryBtn{ background-color:#1C9035; } #changeCountryBtn{ background-color:#3182b4; } #updateCountryBtn{ background-color: #1974A7!important; } #deleteCountryBtn{ background-color:#E44A24!important; } #viewCountryBtn{ background-color:#218838!important; } #add-u{ background-color: #1974A7!important; color: #fff; } #add-u:hover{ background-color:#00E8F2!important; } .search-result{ padding-top: 2%; } .search-result a:hover{ text-decoration: none; } .search-box{ box-shadow: 0px 0px 10px lightgrey; padding:1px; border-radius: 8px; background: linear-gradient(to left, #0198CD,#0160A2); } .search-box h4{ color: #fff; font-weight: 600; text-align: center; font-size:21px; margin:0; } .search-box p{ color:#fff; font-size:15px; text-align: center; margin:0; } .search-box span{ font-size:20px; } .e-lib-icon i{ float:right; padding-right:15px; /* cursor:pointer; */ position: initial!important; left: 0!important; } @media only screen and (max-width:600px){ #library-table_filter{ margin-top: 0px; } #user-table_filter{ margin-top: 0!important; } } /*=================================New Menu====================================*/ /* Fixed sidenav, full height */ .sidenav { /* height: 100%; width: 200px; position: fixed;*/ z-index: 1; top: 0; left: 0; /* background-color: #111;*/ overflow-x: hidden; padding-top: 20px; } /* Style the sidenav links and the dropdown button */ .sidenav a, .dropdown-btn { padding: 6px 8px 30px 16px; text-decoration: none; font-size: 15px; color: #fff; display: block; border: none; background: none; width: 100%; text-align: left; cursor: pointer; outline: none; } .dropdown-btn{ font-size: 13px; font-weight: 600; } /* On mouse-over */ .sidenav a:hover, .dropdown-btn:hover { color: #f1f1f1; } .sidenav button:focus{ outline: none!important; } /* Add an active class to the active dropdown button */ .active { /* background-color: green;*/ color: white; } /* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */ .dropdown-container { display: none; background-color:lightgrey; padding-left: 8px; } .dropdown-container a{ color: #000!important; padding: 6px 8px 15px 16px!important; } .dropdown-container a:hover{ color: #000; } /* Optional: Style the caret down icon */ .fa-caret-down { float: right; padding-right: 8px; } /* Some media queries for responsiveness */ @media screen and (max-height: 450px) { .sidenav {padding-top: 15px;} /*.sidenav a {font-size: 18px;}*/ } /*--------------------------*/ /* Style the sidenav links and the dropdown button */ .sidenav a, .dropdown-btn-1 { padding: 6px 8px 30px 16px; text-decoration: none; font-size: 15px; color: #fff; display: block; border: none; background: none; width: 100%; text-align: left; cursor: pointer; outline: none; } .dropdown-btn-1{ font-size: 13px; font-weight: 600; } /* On mouse-over */ .sidenav a:hover, .dropdown-btn-1:hover { color: #f1f1f1; } /* Add an active class to the active dropdown button */ .active { /* background-color: green;*/ color: white; } /* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */ .dropdown-container-1 { display: none; background-color:lightgrey; padding-left: 8px; } .dropdown-container-1 a{ color: #000!important; } .dropdown-container-1 a:hover{ color: #000; } /* Optional: Style the caret down icon */ .fa-caret-down { float: right; padding-right: 8px; } /*--------------------------*/ /* Style the sidenav links and the dropdown button */ .sidenav a, .dropdown-btn-2 { padding: 6px 8px 30px 12px; text-decoration: none; font-size: 15px; color: #fff; display: block; border: none; background: none; width: 100%; text-align: left; cursor: pointer; outline: none; } .dropdown-btn-2{ font-size: 13px; font-weight: 600; } /* On mouse-over */ .sidenav a:hover, .dropdown-btn-2:hover { color: #f1f1f1; } /* Add an active class to the active dropdown button */ .active { /* background-color: green;*/ color: white; } /* Dropdown container (hidden by default). Optional: add a lighter background color and some left padding to change the design of the dropdown content */ .dropdown-container-2 { display: none; background-color:lightgrey; padding-left: 8px; } .dropdown-container-2 a{ color: #000; } .dropdown-container-2 a:hover{ color: #000; } /*====================================================CONFERENCE============================*/ .conf-head{ font-family: 'Roboto', sans-serif; } .conference-left{ /* background-color: #1E5B92;*/ background: linear-gradient(to left, #0198CD,#0160A2); height: 920px; width: 270px; padding: 25px 0 25px 25px; } .conference-left ul { list-style-type: none; padding-left: 0; } .conference-left li { padding-bottom: 15px; } .conference-left a { color: #fff; font-weight: 600; font-size: 16px; padding-bottom: 10px; position: relative; } .conference-left a:hover{ text-decoration: none; } .conference-left a:after { content: ''; position: absolute; border-bottom: 2px solid #fff; width: 185px; left: 0; right: 0; margin: 0 auto; top: 30px; } .go-back a:after{ border-bottom: 0; } .conf-left-text h5{ color: #44546A; font-weight: 500; font-size: 25px; } .conf-head{ padding: 3% 5% 0 0; } #conf-bt{ border-bottom: 2px solid #44546A; } #conf-bt input{ box-shadow: 0px 0px 10px lightgrey; border: 0; } .conf-table{ margin-top: 3%; } .conf-table h3{ color: #1E5B92; font-weight: 500; font-size: 22px; border-bottom: 2px solid lightgrey; padding-bottom: 12px; } .conf-table a{ color: #000; font-size:18px; } .conf-table a:hover{ text-decoration: none; color: #1E5B92; } .conf-table p{ color: #000; font-size:18px; } #empty-row{ border-top:2px solid lightgrey; border-bottom: 2px solid lightgrey; background-color: #E1E1E1; padding:2%; margin-top: 2%; } /*======================================================reports-menu=========================*/ .reports-menu ul li{ padding-bottom:40px; } .reports-menu ul li a{ text-transform:uppercase!important; font-size: 14px; text-decoration: none; } .reports-menu ul li a:after{ border-bottom: 0; } .dropdown-toggle::after{ border-top: 0!important; } .reports-menu .dropdown-menu{ background-color: lightgrey; padding-left: 20px; } .reports-menu .dropdown-menu a{ color: #000; text-transform:capitalize!important; } .reports-menu .dropdown-menu a:hover{ border-bottom: 2px solid #000; } #drop li{ width: 220px; height: 15px; } .reports-menu .act a{ border-bottom: 2px solid #fff; } .reports-menu a:hover{ border-bottom: 2px solid #fff; } .reports-right{ padding: 4% 0 0 3%; } .reports-right h3{ color:#1E5B92; font-weight: 600; } #demo-table h4{ background-color:#080094; color: #fff; text-align: center; padding: 10px; } #demo-table thead{ background-color:#080094; } #demo-table thead th{ color: #fff; } #report-td-bg{ background-color:#DDDDDD; } #report-td-bg p{ color: #000; font-weight: 600; } @media only screen and (min-width:320px) and (max-width:640px){ .reports-menu .mobimenu{ position:initial!important; } } /*========================================REPORTS-HOME====================================*/ .reports-box{ display: flex; box-shadow: 0px 0px 10px lightgrey; padding: 10px; border-radius: 8px; } .reports-info p{ color: #313F86; font-weight: bold; font-size: 16px; margin-top:20px; } .reports-info{ border-left: 2px solid #4098FF; padding-left: 20px; } /*===========================================CONSOLIDATED RESULTS===========================*/ .consolidated-results{ padding: 5% 0 0 0; } .consolidated-results h3{ color: #1E5B92; font-weight: 600; font-size: 25px; position: relative; } .consolidated-results h3::after{ position: absolute; content: ''; border:1px solid #000; width:32%; left: 0; top: 35px; margin: 0 auto; } .cons-p{ margin-top: 30px; font-size: 16px; } .table-1 thead{ background-color:#4F81BD; color: #fff; } .table-1 p{ color: #000; font-weight: 600; } .table-cont span{ color: red; } /*==============================New-Changes===============================*/ .gas-text{ position: relative; top: 20px; top: -70px; text-align: center; color: #fff; font-weight: 600; font-size: 16px; } .gas-text1 { position: relative; /* top: 20px; */ top: -52px; text-align: center; color: #fff; font-weight: 600; font-size: 13px; } .app-req{ /*box-shadow: 3px -1px 3px lightgrey;*/ box-shadow: 3px 5px 5px lightgrey; height: 320px; border-radius: 12px; } .app-req li{ list-style-type: none; } .app-req li::before{ content: "\2022"; color:#005FA1; font-weight: bold; display: inline-block; width: 1em; margin-left: -1em; } /*=======================NEW-REQUIREMENT==========================*/ .row-industry{ width: 100%; display: flex; background: linear-gradient(to right, #0198CD,#0160A2); padding: 30px; margin: 20px 0; border-radius: 20px; } .exhibit-1{ width: 30%; } .exhibit-2{ width: 60%; text-align: center; padding-top: 8%; } .exhibit-2 h2{ color: #fff; margin-bottom: 30px; font-size: 38px; } .exhibit-2 a{ color: #fff; background-color: #009DD2; padding: 8px 10px; border-radius: 6px; } .exhibit-2 a:hover{ background-color: #fff; border: 2px solid #fff; color: #009DD2; text-decoration: none; font-weight: 600; } .row-industry img{ background-color: #fff; border-radius: 50%; padding: 30px; width: 75%; } .app-req li{ font-size:14px; } .add-exhibition h5{ color: #fff; position: relative; margin-bottom: 18px; } .add-exhibition h5::after{ content: ''; position: absolute; border: 1px solid #fff; width: 90%; top: 25px; left: 0; } .add-exhibition a::after{ border-bottom: 0; } .add-exhibition i{ padding-right: 12px; } #go-back-new a{ background: linear-gradient(to left, #0198CD,#0160A2); color: #fff; padding:5px 13px; float: right; } #go-back-new a:hover{ text-decoration: none; } #go-back-new i{ background-color: #fff; color:#005FA1; padding-right: 0; margin-right: 10px; } .indus-scroll{ height: 470px; overflow-y: scroll; overflow-x: hidden; padding-right: 20px; } .indus-scroll::-webkit-scrollbar { width: 8px; } /* Handle */ .indus-scroll::-webkit-scrollbar-thumb { background:#E35E00; border-radius: 10px; width:10px; } #search-new input[type=text]{ width: 150px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; border: 2px solid lightgrey; border-radius: 4px; } #search-new input[type=text]:focus { width: 50%; } .industry-menu a{ font-size: 14px; } .industry-menu a:after{ border-bottom: 0; } .industry-right{ padding: 30px; font-family: 'Roboto', sans-serif!important; } .industry-right h3{ color: #005FB4; font-weight: 600; font-size: 30px; line-height: 51px; margin-top: 30px; padding-bottom: 20px; position: relative; } .industry-right h3::after{ content: ''; position: absolute; border: 1.05px solid darkgrey; width: 90%; top: 65px; left: 0; } .industry-right h4{ color: #000; font-weight: 600; margin-bottom: 20px; } .add-form{ border: 2px solid darkgrey; padding: 30px; margin-top: 30px; } .add-form label{ color:#383636; font-size: 15px; font-weight: 500; } #update_industry label{ color:#383636; font-size: 15px; font-weight: 500; } .box-file{ height: 150px; width: 150px; border: 1px solid darkgrey; background-color: #F6F9FF; border-radius: 4px; } .add-form input{ border: 1px solid darkgrey; background-color: #F6F9FF; } .add-form textarea{ border: 1px solid darkgrey; background-color: #F6F9FF; } #update_industry input{ border: 1px solid darkgrey; background-color: #F6F9FF; } #update_industry textarea{ border: 1px solid darkgrey; background-color: #F6F9FF; } .add-form button{ background: linear-gradient(to left, #0198CD,#0160A2); color: #fff; float: right; padding: 4px 35px; } #list-table table,th{ color: #0065A3; font-weight:600; } #list-table thead,tr{ border-top: 2px solid #B5C9F2; border-bottom: 2px solid #B5C9F2; } #list-table tr{ border-top: 2px solid #B5C9F2; border-bottom: 2px solid #B5C9F2; } #list-table .btn-edit{ background-color:#123053!important; padding: 4px 18px; color: #fff; float: initial!important; border: 0; outline: 0; cursor: pointer; } #list-table .btn-delete{ background-color:#E6603F!important; padding: 4px 18px; color: #fff; float: initial!important; border: 0; outline: 0; cursor: pointer; } #list-table p{ color: #505050; } #tr-bg{ background-color: #E2ECFF; } .border-gradient { border: 10px solid; border-image-slice: 1; border-width: 15px; text-align: center; padding: 15px; height: 215px; } .border-gradient-purple { border-image-source: linear-gradient(to left, #0198CD,#0160A2); } .border-gradient1 { border: 10px solid; border-image-slice: 1; border-width: 15px; text-align: center; padding: 15px; height: 170px; } .border-gradient-purple1 { border-image-source: linear-gradient(to left, #0198CD,#0160A2); background-color: #fff; } .border-gradient img{ margin-bottom: 30px; width: 170px; } .border-gradient1 img{ width: 170px; } .border-gradient a{ border: 1px solid #D78580; color: #D78580; padding: 5px 20px; } .border-gradient a:hover{ text-decoration: none; background-color: #D78580; color: #fff; } .exam-prep a:hover{ text-decoration: none; } .exam-box{ border: 10px solid; border-image-slice: 1; border-width: 10px; text-align: center; padding: 15px; } #exam-box a:hover{ cursor: pointer; } .exam-box-new{ border-image-source: linear-gradient(to left, #0198CD,#0160A2); } .exam-box-new p{ color:#00589B; font-weight: 600; text-align: center; font-size: 20px; } .exam-prep{ font-family: 'Roboto', sans-serif; padding: 3% 5% 0 0; } .exam-prep p{ font-size: 16px; } .exam-prep a:hover p{ color: #fff; } #exam-box a{ background: transparent; display: block; background-image: linear-gradient(to left,transparent,transparent 50%,#0194CA 50%,#016AAA); background-position: 100% 0; background-size: 200% 100%; transition: all .25s ease-in; } #exam-box a:hover{ background-position: 0 0; color:#333; } /*.indust-menu a:hover{ color:#005FB4; }*/ .con-head { padding: 3% 5% 0 0; } .exam-head-tag h5{ color: #006ED0; font-weight: 600; } @media only screen and (min-width:320px) and (max-width:640px){ .border-gradient{ margin: 30px; } #exam_info{ padding: 3rem; } .conf-left-text h5{margin-left: 30px;} #exam-box{ margin: 30px; } #course_link a{ font-weight: 600; } #course_link{ margin-bottom: 1rem; } } /*===========================About-Tech===========================*/ .about-tech{ padding: 2% 5% 0 0; font-family: 'Roboto', sans-serif; } .about-tech-info{ border: 4px solid #0174B2C9; padding: 20px; margin: 20px; border-radius:12px; background-color:#F6F9FF; } .about-tech-info p{ color: #000000; font-weight: 500; font-size: 16px; text-align: justify; } .about-right h4{ font-weight: 600; margin-bottom: 30px; font-size: 34px; } .about-right p{ color:#000; font-size: 18px; font-weight: 500; line-height: 27.81px; } /*=========================Admin Reports==================================*/ .consolidated_new{ padding: 5%; } .consolidated_new a:hover p { color: #fff; text-decoration: none; } /*=====================================TICKET============================*/ .ticket-view{ background-color:#E8F4F9; padding:45px; } .ticket-view h3{ color: #0065A3; font-weight: 600; font-size: 25px; } .ticket-head{ border-bottom: 3px solid #8D8D8D; } .ticket_cont{ background-color: #D7F0FF; padding: 20px; } .ticket_cont p{ border-bottom: 2px solid #8A8A8A; } .ticket_cont p{ color: #2C2C2C; font-weight: 600; } .ticket_details{ background-color: #fff; padding: 20px; } .ticket_details p{ border-bottom: 2px solid #8A8A8A; } .desc_p{ border-bottom: none!important; } .footer_btns button{ background: linear-gradient(to left, #1C56BF 0%, #3969F8 100%); color: #fff; padding: 5px 20px; margin-left: 10px; font-weight: 600; } /*=============================TICKET_LIST=================================*/ .ticket-list-head a{ background: linear-gradient(to left, #0198CD,#0160A2); color: #fff; padding: 10px 25px; border-radius: 5px; } .ticket-list-head a:hover{ background: linear-gradient(to left, #0198CD,#0160A2); color: #fff; text-decoration: none; } .ticket_list_table{ background-color: #fff; padding: 10px; margin-bottom: 0px; margin-top: 10px; } .ticket_list_table tbody{ background-color: #fff; } .ticket_list_table tr{ background-color: #E2ECFF; margin: 10px; padding: 10px; } .ticket_list_table tr,td{ color:#505050; } .ticket_list_table thead,tr{ border-top: 0; border-bottom: 0; } .ticket_list_table span{ margin-right: 0px; } .open-btn{ background-color: #3C9D01; color: #fff; padding: 5px 20px; border-radius:4px; cursor: pointer; border: 0; } .btn-delete{ background-color:#0065A3; color: #fff; padding: 5px 20px; border-radius:4px; cursor: pointer; border: 0; } .close-btn{ background-color:#9C1007; color: #fff; padding: 5px 20px; border-radius:4px; cursor: pointer; border: 0; } .progress-btn{ background-color:rgb(255, 207, 0); color: #fff; padding: 5px 20px; border-radius:4px; cursor: pointer; border: 0; } /*----------------Create ticket-------------------*/ .btn1-back{ background: linear-gradient(to left, #0198CD,#0160A2); color: #fff; padding:5px 13px; float: right; margin-right: 20px; border-radius: 5px; } .btn1-back a:hover{ text-decoration: none; } .btn1-back i{ background-color: #fff; color:#005FA1; padding-right: 0; margin-right: 10px; } .border1{ /* border: 1px solid #8D8D8D; */ width: 95%; margin-left: 27px; } #subject{ width: 245px; padding: 4px 7px; } #Description{ width: 63%; height: 140px; } #whole-form{ background-color:#DCE7FF; margin: 19px; border-radius: 14px; padding: 19px; } #ticket1{ background-color: #E8F4F9; } #ticket-list-name{ color: #0065A3; font-weight: 600; } #btn{ background: linear-gradient(to left, #0198CD,#0160A2); margin-left: 18px; padding-left: 25px; padding-right: 25px; } #priority{ margin-left: 15px; } /* ***************************videos********************************************* */ .videos-banner{ background-color: #EFF3FC; width: 107%; margin: -19px -4%; border-radius: 9px; } /* ********************************************************* */ .videos{ background-color: #EFF3FC; padding: 20px; } .videos h4{ background-color: #D0DFFF; padding: 10px 15px; width: 10%; font-size: 13px; font-weight: 600; border-top-right-radius: 30px; position: relative; } .videos h4::after{ content: ''; position: absolute; border-bottom: 2px solid #0097CC; width: 1000%; top: 60px; left: 0; } .video-card iframe{ border-radius: 10px; } .video-info{ background-color: #fff; padding: 8px; width: 210px; margin-top: -10px; border-radius: 10px; } .video-info h5{ color: #005070; font-size: 14px; font-weight: 600; margin-top: 8px; } .video-info p{ color: #424242; } .video-info a{ float: right; } #but{ border: none; background-color: white; float: right; cursor: pointer; } .video-info1{ background-color: #fff; padding: 10px; width: 400px; margin-top: -15px; border-radius: 10px; } .video-info1 h5{ color: #005070; font-size: 14px; font-weight: 600; margin-top: 8px; } .video-info1 p{ color: #424242; } .video-info1 a{ float: right; } .video-card1 iframe{ border-radius: 10px; } #but1{ margin-bottom: 27px; margin-top: 13px; } .border-r{ border-right: 1px solid #35AAFC; background-color: #fff; } /*#comment1{ box-shadow: 0px 0px 20px -12px; color: #000; border: none; }*/ .video-card video{ width: 208px; height: 140px; border-radius: 10px; } .video-card{ width: 210px; } .video-card1 video{ width: 200px; height: 240px; border-radius: 10px; } .border-r video{ width: 400px; height: 240px; border-radius: 10px; } @media only screen and (max-width: 600px){ .video-card{ margin: 30px; } .videos video{ width: 230px; height: auto; } } @media only screen and (max-width: 600px){ .video-card1 iframe{ margin: 30px; width: 280px; } .video-info1{ width: 230px; margin-top: 5px; margin-left: 0px; } .videos h4{ width: auto; } .video-info{ width: 230px; } } /* //============ extra change ================= */ .add-right{ height: 320px; overflow-y: scroll; } :root { --bodybackgroundcolor: #f3f2ef; --text-sm: 0.875rem; --rounded-lg: 1.6rem; --rounded-md: 1.25rem; --rounded-sm: 0.8rem; --rounded-xs: 0.4rem; --gray-primary: rgba(0, 0, 0, 0.3); --gray-60: rgba(0, 0, 0, 0.6); --gray-80: rgba(0, 0, 0, 0.08); --blue-70: #0a66c2; --blue-80: #004182; --commentBgColor: #f2f2f2; } .comment__input { display: block; width: 100%; border: 1px solid var(--gray-primary); border-radius: var(--rounded-md); padding: 0.725rem 1rem; outline: none; font-size: var(--text-sm); font-weight: inherit; color: inherit; } .comment__input:focus { box-shadow: inset 0 0 0 1px var(--gray-primary); } .btn { display: inline-block; border: none; cursor: pointer; font-size: var(--text-sm); font-weight: 700; text-align: center; transition-property: background-color, box-shadow, color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 167ms; } .btn--primary { background-color: var(--blue-70); color: #fff; min-height: 1.5rem; border-radius: var(--rounded-lg); padding: 0.2rem 0.8rem; margin-top: 0.75rem; } .btn--primary:hover { background-color: var(--blue-80); } .btn--secondary { background-color: transparent; border-radius: var(--rounded-xs); padding: 0 0.4rem; color: rgba(0, 0, 0, 0.6); } .btn--secondary:hover { background-color: var(--gray-80); } .btn--tertiary { color: var(--gray-60); min-height: 1.5rem; border-radius: var(--rounded-lg); padding: 0.2rem 0.8rem; box-shadow: 0 0 0 1px var(--gray-60); } .btn--tertiary:hover { background-color: var(--gray-80); box-shadow: inset 0 0 0 2px var(--gray-60); } :is(button, input) { font-family: inherit; } .comment__container { margin: 1.2rem 0; } .comment { background-color: var(--commentBgColor); padding: 0.8rem; border-radius: var(--rounded-sm); font-size: var(--text-sm); } .post__container { max-width: 540px; margin: 1rem auto; background-color: #fff; border-radius: var(--rounded-sm); box-shadow: 0px 0px 0px 1px var(--gray-80); padding: 1rem; } .mt-xs { margin-top: 0.75rem; } .comment__container .replies { margin-left: 2.75rem; } .comment__cta { display: flex; align-items: center; margin-top: 0.4rem; } .comment__cta > * { margin-right: 0.4rem; } .vertical-divider { height: 1rem; border-left: 1px solid var(--gray-primary); } .comment__edit-cta { margin-top: 1rem; } .comment__edit-cta > * { margin-right: 0.8rem; } .comment__content { outline: none; } /* //============= new ============= */ .btn--secondary{ background-color: #D0DFFF; color: #000!important; font-size: 12px!important; padding: 2px 7px!important; } /* //============ video ================= */ #upload h4{ color: #005F9F; font-weight: 800; } .upload-bottom{ border-bottom: 3px solid lightgray; width: 136%; position: relative; top: -23px; } #upload-content{ background-color: #E8EFFF; padding: 15px; width: 87%; border-radius: 10px; margin: 20px; } #upload-btn{ background: linear-gradient(to left, #0198CD,#0160A2); padding: 4px 15px; } #video-description{ height: 60px; border: none; } #pwd{ border: none; } #span-label span{ color: #0868A4; font-weight: 600; font-size: 15px; } .upload-video{ background-color: #F4FCFF; } #upload-img{ margin-top: 60px; } /*======================================================*/ .video_category_list a{ color: #fff!important; } .video_category_list p a{ padding-left: 30px; color: #fff; } .video_category_list p a::after{ border-bottom: none; font-family: FontAwesome; content: "\f054"; color: #fff; top: 5px; left: 15px; font-size: 10px; margin-left: -4px !important; } /*==================================NOTIFICATION===============================*/ .notification button{ background-color: transparent; } .notification span{ background-color: #1974A7; color: #fff; border-radius: 50px; position: relative; top: -25px; left: -10px; padding: 2px 4px; } .notification i{ color:#1974A7; font-size: 28px; cursor: pointer; } .notification .dropdown-item{ color:#1974A7; border-bottom: 2px solid #1974A7; font-weight: 600; } .notification #select-item p{ color:#fff; border-bottom: 2px solid #fff; font-weight: 600; } .dropdown-menu{ min-width: 15rem!important; left: 40px!important; background-color: #1974A7!important; box-shadow: 0px 0px 4px #1974A7; height: 100px; overflow-y: scroll; } .notification_home .nav-item a{ color:#1974A7; font-weight: 600; } .notification_home .nav-item .active{ background: linear-gradient(to left, #0198CD,#0160A2); color: #fff!important; } .notify_header h4{ color: #000; } .notify_header i{ color:#fff; background-color: #1974A7; border-radius: 50px; padding: 12px 12px; } .notification_card{ box-shadow: 0px 0px 5px lightgrey; padding: 10px; border-radius: 5px; margin: 15px; } .notification_card h4{ color:#1974A7; font-weight: 600; } .notification_card p{ color: #000; font-weight: 600; } /*==========================USER_PROFILE===============================*/ .profile_main{ padding: 30px 10% 0 0; } .profile_main h3{ color:#1974A7; margin-bottom: 30px; font-weight: 600; } .profile-right{ border: 1px solid lightgrey; padding: 30px; background-color: #ebebeb; box-shadow: 0px 0px 15px lightgrey; } .user_profile_pic{ width: 220px; height:220px; border: 2px solid #000; margin: 10px; } .user_profile_pic img{ width: 125px; height: 125px; } .profile-right button{ background-color: #1974A7; color: #fff; float: right; } /*.profile-right button:hover{ background-color: #fff; color: #1974A7; border: 2px solid #1974A7; font-weight: 600; transition: all 0.5s ease-in-out; }*/ .profile-right label{ font-weight: 600; color: #000; } /*----renewal button*/ .renewred { background-color: red !important; color: white; } .bannerunderhead{ text-align: center; color: white; min-height: 60px !important; border-bottom: 2px solid #000; } @media only screen and (max-width: 600px){ .addrenew{ font-size: 10px !important; transform: translateX(0%); justify-content: center; z-index: -1; margin-top: 43px !important; } .bannerunderhead{ height: 131px; } } .container { /*position: relative; max-width: 80%; text-align: center;*/ } .message { animation: moveLeftToRight 22s linear infinite; margin-top: -40px; transform: translateX(0%); } @keyframes moveLeftToRight { 0%, 100% { transform: translateX(-100%); } 50% { transform: translateX(100%); } } /* ----start----banner notification--- */ .addrenew { margin-top: 50px; color: black!important; font-size: 14px; font-weight: bold; z-index: 1; } /* ----------start----------mups---- -------- */ .row-mups{ width: 103%; background: linear-gradient(to right,#0160A2, #0198CD,#0160A2); padding: 30px; border-radius: 20px; height: 357px !important; } .row-mups img{ margin-top: -20px; margin-left: -20px; } .temimg{ position: relative; left: -36px; } .viewbro{ padding: 10px; /* margin-left: 30px; */ /* margin-top: 15px; */ margin: 15px 30px; } .leftpart h3{ color: white; } .leftpart h4{ color: white; } .Venuebgcolor h5{ background-color: white; color: var(--blue-70); padding: 10px; border-radius: 5px; width: 90%; } .leftparrtcontent{ color: white; } @media only screen and (max-width: 600px){ .row-mups{ height: 775px !important; margin-left: 5px !important; font-size: 12px; } .mups1img{ width: 110%; } .leftpart h3{ margin-top: 10px; font-size: 15px; } .leftpart h4{ font-size: 15px; } .Venuebgcolor h5{ width: 100%; margin-left: -6px; font-size: 15px; } .Venuebgcolor h4,p{ font-size: 12px; align-items: center; } .temimg{ width: 100%; height: 273px; margin-left: 26px !important; } .viewbro{ margin-left: 65px; } } /* ----------end----------mups---- -------- */ /* ------------start------- report problem----------- */ @media only screen and (max-width: 600px){ .conference-left{ height:122px ; width: 100%; } #ticket-list-name{ padding-left: 20px; } .btn1-back{ margin: 10px !important; } #whole-form{ width: 91%; } #report_go_back{ position: relative; top: -66px; } #report_col{ margin-top: -50px; } } /* -------------end------- report problem----------- */ /* ---------start---mels-cme--text---center */ @media only screen and (max-width: 600px){ .textpush_mels{ margin-top: 15px; } } /* -----------end---mels-cme--text---center */ /* -----------start--------report anaysis */ @media only screen and (max-width: 600px){ .reportdown{ margin-top: 20px; } .reportdown1{ margin-top: -50px; } } /* -----------end----------report anaysis--- */ /* ----20-09-2023---start------industry exhibition-------------- */ @media only screen and (max-width: 600px){ #search-new{ margin-left: 10px; } .industry-right h4{ margin-left: 15px; } .row-industry img{ padding: 0px; } } /* -------end------industry exhibition-------------- */ /* -----------------------puni 1 anasthesia --------------------------------- */ .anaslefbox{ /* font-size: 20px; background: linear-gradient(to left, #0198CD,#0160A2); height: 400px; */ } .anaslefbox ul{ /* list-style-type: none; */ } @media only screen and (min-width:320px) and (max-width:640px){ .anaslefbox{ height: 100px !important; } .mob_specleft{ /* height: ; */ } .spec-left { width: auto; min-height: auto; } } .thebor{ border: none; margin-top: -5px; width: 521px; height: 64px; border-radius: 190px; box-shadow: 0px 0px 7px grey; margin-left: 190px; margin-top: 5px; background-color: #ECECFA; background-size: cover; /* Adjust as needed */ background-repeat: no-repeat; background-position: center; background-image: url(../images1/Lines-1.png) } .searchthe{ margin-top: 7px; margin-left: -5px; /* text-align: right; */ padding-left: 80px; /* color: black; */ position: relative; } #punisearch{ border: 1px solid rgb(179, 201, 219); width: 410px; height: 50px; border-radius: 190px; /* background-image: url(../images1/Lines-1.png); */ background-repeat: no-repeat; background-position: 100px; background-color:white; text-align: right; opacity: 50%; } /* puni --- enter new case */ .enc{ border:2px solid black; height: 50px; border-radius: 10px; margin-top: 20px; } .enc2{ border:2px solid black; height: 50px; border-radius: 10px; margin-top: 20px; margin-left: -60px; } #go-back-new1 a{ background: linear-gradient(to left,#0160A2, #0198CD,#0160A2); color: #fff; padding:5px 0px; float: right; } #go-back-new1 a:hover{ text-decoration: none; } /* ==========button 1===========*/ .row-1-bn{ margin-top: 50px; } .enc1{ background: linear-gradient(to left, #0160A2,#0198CD, #0160A2); color: #000; width: 270px; height: 70px; border-radius: 10px; text-align: center; padding-top: 5px; /* background-image: url('../images1/Lines-1.png') ; */ background-size: cover; /* Adjust as needed */ background-repeat: no-repeat; background-position: center; color: white; margin-top: 10px; } .encimg{ margin-top: -18px; width: 330px; } .col3{ margin-top: 20px; position: relative; } .minussym{ position: absolute; margin-top: -10px; margin-left: 5px; } .enc1 h5{ margin-top: -50px; } .plus-b{ color: white; position: absolute; margin-left: 6px; margin-top: -9px; } /* #gre{ font-size: 25px; } */ .col3left{ margin-left: -30px; } @media only screen and (max-width: 640px){ .col-sm-3.col3 { width: 65%; margin-left: 25px; } } /* =========== 2line button ========= */ #row2nd{ margin-top: 40px; } .Reviewhead h5{ margin-top: -57px; } /* =====go back======== */ .Anasthesia-go-back{ /* background-color: red; */ justify-content: left; margin-left: -90px; } .Anasthesia-go-back a{ border-radius: 5px; width: 60%; text-align: center; } .go-back-new2 a{ background: linear-gradient(to left, #0160A2,#0198CD,#0160A2); color: #fff; /* padding:5px 0px; */ float: right; } .go-back-new2 a:hover{ text-decoration: none; } /* =====search img ======*/ .Serchimg1{ position: absolute; margin-left: 10px; margin-top: 20px; opacity: 1.0; } @media only screen and (max-width: 600px){ .thebor{ margin-top: 20px; margin-left: 23px; min-width: 94%; } #punisearch{ width: 90%; } .Anasthesia-go-back{ position: relative; top: 40px; left: 83px; } .encimg{ position: relative; left: 5px; } .enc1{ margin-top: 0px; } .Reviewhead{ margin-top: -40px; } .minussym{ position: relative; top: 10px; } .minussym1{ position: relative; top: 33px !important; left: 12px !important; z-index: 1; } .minussym2{ position: relative; top: 33px !important; left: 12px !important; z-index: 1; } .minussym3{ position: relative; top: -5px !important; left: 12px !important; z-index: 1; } .minussym4{ position: relative; top: 33px !important; left: 12px !important; z-index: 1; } } /* ==================== add new case page ========== */ /* back */ .go-back-new2{ margin-top: 15px; margin-left: 12px; } div#go-back-new1 { margin-left: 820px; } @media only screen and (max-width: 600px){ div#go-back-new1 { margin-left: 100px; position: relative; top: -5px; } } /* ==============bootstrap accordian================== */ .accordion { width: 910px; margin-left: -45px; margin-top: -15px; } .accordion-item { background-color: #FFFFFF; border: 1px solid #FFFFFF; margin-bottom: 10px; border-radius: 5px; box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.08); margin-top: -30px } .accordion-header { background-color: #FFFFFF; padding: 10px; cursor: pointer; color: #000000; font-family: Poppins; font-size: 15px; font-weight: 600; line-height: 23px; letter-spacing: 0em; text-align: left; ; } .accordion-content { display: none; padding: 10px; border-top: 2px sol; } .accordion-item.active .accordion-content { display: block; } .cancle{ float: right; font-size: large; } .accordion-border{ border-bottom: 2px solid rgba(55, 159, 255, 1); width: 910px; margin-left: -11px; margin-top: 10px; } @media only screen and (max-width: 600px){ .accordion-item { width: 350px; margin-left: 65px; } .accordion-border{ width: 350px; } .case_ip_1 input{ margin-left: 7px; } .case_ip_1 input{ border-radius: 16px; width: 305px; height: 31px; border: 1px solid #626262; margin-left: 8px; } .feet1{ margin-top: 56px; } #feetinput{ margin-left: -286px; } .capp{ position: relative; left: -21px !important; } .chestpnb{ width: 65%; } #cadiacop1{ position: relative; left: 0px; } } .Case_row_1{ margin-top: 20px; } .caseno{ margin-top: 5px; color: #303030; font-family: Poppins; font-size: 13px; font-weight: 500; line-height: 20px; letter-spacing: 0em; text-align: left; } .case_ip_1 input{ border-radius: 16px; width: 305px; height: 31px; border: 1px solid #ced4da; margin-left: 8px; } .date_1{ color: #C7C7C7; padding-left: 10px; margin-left: -30px; } .case_ip_1 select{ border-radius: 16px; width: 305px; height: 31px; border: 1px solid #ced4da; color: #5C5C5C; padding-left: 5px; margin-left: 8px; } .prefer{ color: #C7C7D2; padding-left: 10px; } /* =======pre_op ===========*/ .pre_op{ margin-top: 10px; } .pre_ophd_1{ font-family: Poppins; font-size: 13px; font-weight: 500; line-height: 20px; letter-spacing: 0em; text-align: left; color: #303030; /* background-color: #D5D5FF; */ } .fa-undo{ transform: scaleY(-1); } i.larger-icon{ font-size: 20px; } .accordion-content{ color: #303030; } .ageno input{ width: 189px; height: 31px; top: 589px; left: 321px; border-radius: 16px; } .small-border-input { border: 0.5px solid #ddd; } .ageno select{ width: 189px; height: 31px; top: 589px; left: 321px; border-radius: 16px; } .small-border-input { border: 0.5px solid #ddd; } .pre_height input{ width: 78px; height: 31px; top: 589px; left: 321px; border-radius: 16px; } .feet{ display: flex; } .feet p{ padding-top: 5px; color: #4F4F4F; } .bmi{ padding-left: 20px; } .preborder{ border-bottom: 2px solid rgba(55, 159, 255, 1); width: 910px; margin-left: 4px; position: relative; top: -15px; } .preborder_1{ padding-top: 10px; } /* ========= */ .mb-6{ margin-left: 120px; } /* ===============surgical details================ */ .sptextarea textarea{ margin-left: -80px; } /* ============radio emerency====== */ .emergency{ margin-top: 10px; font-family: Poppins; font-size: 17px; font-weight: 500px; line-height: 20px; letter-spacing: 0em; text-align: left; color: #303030; } .emergency1{ margin-top: 20px; font-family: Poppins; font-size: 17px; font-weight: 500px; line-height: 20px; letter-spacing: 0em; text-align: left; color: #303030; } /* ======icon color============ */ .custom-icon { color: #007BFF; /* Change this to your desired icon color */ } /* ======toggle===== */ .toggle-container { position: relative; display: inline-block; width: 451.5em; height: 17px; } /* Style for the toggle switch input */ .toggle-input { display: none; } /* Style for the toggle switch slider */ .toggle-slider { position: absolute; cursor: pointer; width: 3.5em; height: 1.5em; background-color: #ddd; transition: 0.2s; border-radius: 34px; } /* Style for the toggle switch slider when active (on) */ .toggle-slider:before { position: absolute; content: ""; width: 1.5em; height: 1.5em; left: 0px; bottom: 4px; top: 0px; background-color: white; transition: 0.2s; border-radius: 50%; } /* Style for the toggle switch input when checked (on) */ .toggle-input:checked + .toggle-slider { background-color: #0ebeff; } /* Style for the toggle switch slider before when checked (on) */ .toggle-input:checked + .toggle-slider:before { transform: translateX(34px); } /* ===========check box======== */ .checkbox-row { /* justify-content: space-between; */ margin-bottom: 10px; } #checkbox1 label{ margin-left: -20px; } .checkbox-item { } /* Adjust the size of the checkboxes */ .checkbox-item input[type="checkbox"] { width: 12px; height: 11px; margin-top: 5px; } .checkbox-item label { margin-left: 5px; /* Add a bit of spacing between checkbox and label */ } /* ============ */ .tooltip-2 .right-2 { display: none; position: absolute; bottom: 100%; background-color: #1974A7; padding: 10px; border: 1px solid #ccc; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); } .tooltip-2:hover .right-2 { display: block; color: white; } /* =============cnb inputs============= */ #cnb_done_by1{ margin-top: 50px; margin-right: 20px; } @media only screen and (max-width: 600px){ .cnb_done_by1{ margin-left: 5px !important; margin-top: 5px !important; } .cnb_done_by2{ margin-left: -8px !important; } #bronch{ margin-left: 0px !important; float: left; } #jet{ float: left; position: relative; left: -41px; } #Apnoeic{ position: relative; left: -249px; top: 17px; } #centralline{ margin-top: -17px; } #cadiacop{ margin-top: -15px; } #arterial{ position: relative; left: -40px; } #toe{ position: relative; top: -19px; } #brain{ position: relative; top: -16px; } #nirs{ position: relative; top: -16px; } .upper_lim{ position: relative; top: 20px; left: -178px !important; } .cervical{ position: relative; left: -41px; } .eyeblocksub{ position: relative; left: -41px; } .Occipitals{ position: relative; left: -14px !important; } .Ganglion{ position: relative; left: -41px; } #casetag{ } } /* ------last save button----- */ .last_save{ width: 115px; height: 31px; border-radius: 15.5px !important; background-color: #2499DB; color: white; } .last_cancel{ width: 115px; height: 31px; border-radius: 15.5px !important; background-color: #0B5077; color: white; } /* ----strat----------------------------sucesss----- */ .pt{ padding-top: 15px; } .mandat{ color: red!important; padding-left: 5px; font-size: 18px; } /*----------------------------------*/ .tooltip-6 { display:inline-block; position:relative; text-align:justify; opacity: initial!important; } .tooltip-6 .right-6 { min-width:410px; max-width:400px; /* top:50%;*/ top: 380%; left:100%; margin-left:20px; transform:translate(0, -50%); padding:0; color: #fff; background-color: #1974A7; font-weight:normal; font-size:13px; border-radius:8px; position:absolute; z-index:99999999; box-sizing:border-box; /* box-shadow:0px 0px 8px lightgrey;*/ visibility:hidden; opacity:0; transition:opacity 0.8s; } .tooltip-6:hover .right-6 { visibility:visible; opacity:1; } .tooltip-6 .text-content-6 { padding:10px 20px; } .tooltip-6 i{ color: #007BFF!important; font-size: 15px; padding-left: 5px; } .tooltip-6 .right-6 i { position:absolute; /*top:50%;*/ top: 15%; right:100%; margin-top:-12px; width:12px; height:24px; overflow:hidden; } .tooltip-6 .right-6 i::after { content:''; position:absolute; width:12px; height:12px; left:0; top:50%; transform:translate(50%,-50%) rotate(-45deg); background-color:#1974A7; /* box-shadow:0 1px 8px rgba(0,0,0,0.5);*/ } .tooltip-6 h6{ text-align: justify!important; font-size: 15px; } @media only screen and (min-width:320px) and (max-width:640px){ .tooltip-6 .right-6{ top: 135px; left: -712%; min-width: 215px; } .tooltip-6 .right-6 i{ top: -3%; bottom: 100%; left: 57%; margin-left:-18px; width:36px; height:18px; } .tooltip-6 .right-6 i::after{ top: 95%; } .tooltip-6 h6{ font-size: 11px; } } .tooltip-6 .text-content-6 { padding:10px 20px; } .success-list{ list-style-type: none; padding-left: 0; display: flex; } .success-list li{ display: inline-block; margin-right: 5px; } .form-check{ margin-top: 12px; color:#495057; } /*----------------------------------*/ .tooltip-7 { display:inline-block; position:relative; text-align:justify; opacity: initial!important; } .tooltip-7 .right-7 { min-width:491px; max-width:400px; /* top:50%;*/ top: 475%; left:100%; margin-left:20px; transform:translate(0, -50%); padding:0; color: #fff; background-color: #1974A7; font-weight:normal; font-size:13px; border-radius:8px; position:absolute; z-index:99999999; box-sizing:border-box; /* box-shadow:0px 0px 8px lightgrey;*/ visibility:hidden; opacity:0; transition:opacity 0.8s; } .tooltip-7:hover .right-7 { visibility:visible; opacity:1; } .tooltip-7 .text-content-7 { padding:10px 20px; } .tooltip-7 i{ color: #007BFF!important; font-size: 15px; padding-left: 5px; } .tooltip-7 .right-7 i { position:absolute; /*top:50%;*/ top: 10%; right:100%; margin-top:-12px; width:12px; height:24px; overflow:hidden; } .tooltip-7 .right-7 i::after { content:''; position:absolute; width:12px; height:12px; left:0; top:50%; transform:translate(50%,-50%) rotate(-45deg); background-color:#1974A7; /* box-shadow:0 1px 8px rgba(0,0,0,0.5);*/ } .tooltip-7 h6{ text-align: justify!important; font-size: 15px; } @media only screen and (min-width:320px) and (max-width:640px){ .tooltip-7 .right-7{ top: 165px; left: -712%; min-width: 215px; } .tooltip-7 .right-7 i{ top: -3%; bottom: 100%; left: 57%; margin-left:-18px; width:36px; height:18px; } .tooltip-7 .right-7 i::after{ top: 95%; } .tooltip-7 h6{ font-size: 11px; } } /*----------------------------------*/ .tooltip-7 .text-content-7 { padding:10px 20px; } .success-list{ list-style-type: none; padding-left: 0; } .success-list li{ display: inline-block; margin-right: 5px; } /*----------------------------------*/ .tooltip-8 { display:inline-block; position:relative; text-align:justify; opacity: initial!important; } .tooltip-8 .right-8 { min-width:459px; max-width:400px; /* top:50%;*/ top: 380%; left:100%; margin-left:20px; transform:translate(0, -50%); padding:0; color: #fff; background-color: #1974A7; font-weight:normal; font-size:13px; border-radius:8px; position:absolute; z-index:99999999; box-sizing:border-box; /* box-shadow:0px 0px 8px lightgrey;*/ visibility:hidden; opacity:0; transition:opacity 0.8s; } .tooltip-8:hover .right-8 { visibility:visible; opacity:1; } .tooltip-8 .text-content-8 { padding:10px 20px; } .tooltip-8 i{ color: #007BFF!important; font-size: 15px; padding-left: 5px; } .tooltip-8 .right-8 i { position:absolute; /*top:50%;*/ top: 10%; right:100%; margin-top:-12px; width:12px; height:24px; overflow:hidden; } .tooltip-8 .right-8 i::after { content:''; position:absolute; width:12px; height:12px; left:0; top:50%; transform:translate(50%,-50%) rotate(-45deg); background-color:#1974A7; /* box-shadow:0 1px 8px rgba(0,0,0,0.5);*/ } .tooltip-8 h6{ text-align: justify!important; font-size: 15px; } @media only screen and (min-width:320px) and (max-width:640px){ .tooltip-8 .right-8{ top: 130px; left: -712%; min-width: 215px; } .tooltip-8 .right-8 i{ top: -3%; bottom: 100%; left: 57%; margin-left:-18px; width:36px; height:18px; } .tooltip-8 .right-8 i::after{ top: 95%; } .tooltip-8 h6{ font-size: 11px; } } /*----------------------------------*/ .tooltip-8 .text-content-8 { padding:10px 20px; } /*----------------------------------*/ .tooltip-9 { display:inline-block; position:relative; text-align:justify; opacity: initial!important; } .tooltip-9 .right-9 { min-width:380px; max-width:400px; /* top:50%;*/ top: 240%; left:100%; margin-left:20px; transform:translate(0, -50%); padding:0; color: #fff; background-color: #1974A7; font-weight:normal; font-size:13px; border-radius:8px; position:absolute; z-index:99999999; box-sizing:border-box; /* box-shadow:0px 0px 8px lightgrey;*/ visibility:hidden; opacity:0; transition:opacity 0.8s; } .tooltip-9:hover .right-9 { visibility:visible; opacity:1; } .tooltip-9 .text-content-9 { padding:10px 20px; } .tooltip-9 i{ color: #007BFF!important; font-size: 15px; padding-left: 5px; } .tooltip-9 .right-9 i { position:absolute; /*top:50%;*/ top: 12%; right:100%; margin-top:-12px; width:12px; height:24px; overflow:hidden; } .tooltip-9 .right-9 i::after { content:''; position:absolute; width:12px; height:12px; left:0; top:50%; transform:translate(50%,-50%) rotate(-45deg); background-color:#1974A7; /* box-shadow:0 1px 8px rgba(0,0,0,0.5);*/ } .tooltip-9 h6{ text-align: justify!important; font-size: 15px; } @media only screen and (min-width:320px) and (max-width:640px){ .tooltip-9 .right-9{ top: 85px; left: -712%; min-width: 215px; } .tooltip-9 .right-9 i{ top: -3%; bottom: 100%; left: 57%; margin-left:-18px; width:36px; height:18px; } .tooltip-9 .right-9 i::after{ top: 95%; } .tooltip-9 h6{ font-size: 11px; } #casetag{ width: 58%; } #notes_inp{ width: 90% !important; } #cer_2{ margin-left: -30px; } } /*----------------------------------*/ .tooltip-9 .text-content-9 { padding:10px 20px; } /* ---------end sucesss----------------------------------------------- */ /* ----anasthesia loog book last page ------ */ .tableheadclr{ background-color: #D7EFFE; height: 32px; } .small-column{ width: 15% !important; } .small-column{ /* width: 22%; */ } .large-column{ width: 100px; } .last_table{ width: 86% !important; margin-top: 10px; border-radius: 6px !important; box-shadow: 0px 0px 30px 1px #00000014; } #tbsys{ margin-top: 15px; } #tbmobile{ display: none; } .mobile-back{ justify-content: left; margin-left: -90px; position: relative; top: 10px; } .mobile-back a{ border-radius: 5px; width: 60%; text-align: center; } /* --table contents---- */ .last_tab_clr { width: 83%; overflow-x: auto; background-color: white; margin-left: 50px; margin-top: 20px; border-radius: 10px; } .last_body{ background-color: #F6F9FF; } .last_tab_clr .table { width: 95%; border: none !important; margin-left: 25px; margin-top: 30px; box-shadow: 0px 0px 30px 1px #00000014; } .last_tab_clr .table td { border: 1px solid #ddd; padding: 8px; text-align: left; } .last_tab_clr .table th { background-color: #f2f2f2; } /* Define column widths */ .last_tab_clr .table th:nth-child(1), .table td:nth-child(1) { background-color: #D7F0FF; width: 15% !important; } .last_tab_clr .table th:nth-child(2), .table td:nth-child(2) { width: -1%; } .tab_cont_head{ padding-left: 30px !important; padding-top: 10px; position: relative; top: 15px; } .last_tab_width .table td:nth-child(1) { /* background-color: #D7F0FF; */ width: 30% !important; } .gamer_row td{ background-color: white !important; } @media only screen and (min-width:320px) and (max-width:640px){ .last_table{ margin-top: 59px; width: 100%; margin-left: 30px; } .small-column{ margin-left: 10px; } #tbsys{ display: none; } #tbmobile{ display: contents; } .last_table1{ margin-top: 30px ; width: 100%; margin-left: 50px; box-shadow: 0px 0px 30px 1px #00000014; border-radius: 6px !important; } .mobile-back a{ width: 30%; margin-right: 10px; position: relative; top: 20px; } .last_tab_clr{ width: 86%; margin-left: 25px; } .last_tab_clr table{ margin-left: 40px !important; } .last_tab_clr table tr { margin-left: 30px; } .gamer_row_mob td{ background-color: white !important; } .tab_cont_head{ /* margin-left: 10px; */ } .last_tab_clr .table{ margin-left: 20px !important; width: 90% !important; } .mob_height{ } } /* ---------------edit exixting case---------------------------- */ .edit_case{ color: #0065A3; font-weight: 900 !important; } .existing_form{ background-color: white; width: 1064px; height: 282px; border-radius: 8px; } .existing_form_bor{ border-bottom: 2px solid #B5C9F2; /* margin-top: 10px; */ } .existing_form h6{ color: #0065A3; font-weight: 600; } .case_id_input{ width: 124px !important; height: 25px !important; border-radius: 3px; border: 0.5px } .fa-trash_del{ font-size: 17px !important; } .edit_exist_content{ margin-top: 20px; background-color: #E2ECFF; width: 925px; height: 55px; padding: 12px; margin: 5px !important; margin-left: -5px !important; }.edit_exist_content1{ margin-top: 20px !important; background-color: #E2ECFF !important; width: 925px !important; height: 55px !important; padding: 12px !important; margin: 5px !important; margin-left: -5px !important; } .case_tag{ width: 179px !important; height: 28px !important; } @media only screen and (max-width: 600px){ .existing_form{ margin-top: 60px; width: 83% !important; margin-left: 40px; } .edit_case{ position: relative; top: 20px; left: 30px; } .details_in_id p{ margin-left: 20px !important; background-color: red !important; } .edit_exist_content{ width: 105%; height: 60px; } .mob_date{ margin-left: 130px; margin-top: -68px; } .mob_act{ margin-left: 270px; margin-top: -69px; } .mob_alter_date{ margin-left: 115px; margin-top: -35px; } .mob_alter_edit{ margin-left: 240px; margin-top: -40px; } .mob-caseinput_id{ width: 80px !important; } .mob-casetext_id{ position: relative; left: -20px; } .mob-dateinput_id{ width: 110px !important; } .mob-datetext_id{ font-size: 15px; } .mob_date1{ margin-left: 87px; margin-top: -70px; } .case_mob1{ margin-left: 212px; margin-top: -70px; } .mob-selectinput{ width: 100px !important; height: 30px !important; } .mob_alter_date1{ margin-left: 75px; margin-top: -35px; } .edit_exist_content1{ width: 105% !important; height: 60px !important; } } /* ----------------------------final addnewcase-------------------- */ .label_sttyle_add{ font-family: Poppins !important; font-size: 16px !important; font-weight: 550; line-height: 20px; letter-spacing: 0em; text-align: left; } .accordion-header-sub input,select { /* font-family: Poppins !important ; */ font-size: 1rem !important; color: #72787D !important; } .accr-new-hea{ font-size: 16px; } .wei-wid{ width: 189px !important; border-radius: 15.5px !important; } .wei-wid1{ width: 189px !important; border-radius: 15.5px !important; margin-left: -100px !important; margin-top: -5px; } .wie-input-alt input{ width: 80px !important; border-radius: 15.5px !important; } .wwig-lab{ margin-top: -36px; margin-left: 89px; } .wei2{ margin-top: -48px; margin-left: 167px; } .wie3{ margin-top: -48px; margin-left: 360px; } .wieght-lef{ margin-left: -145px; margin-top: 33px; } .lef-hos{ margin-left: -230px; } .wei-mob-fl{ margin-top: -30px; } .styled-input{ border-radius: 15.5px !important; width: 50% !important; } @media only screen and (max-width: 600px){ .wei2{ margin-top: 10px; margin-left: 0px; } .wie3{ margin-top: 10px; margin-left: 0px; } .wieght-lef{ margin-left: px; margin-top: px; } .wei-wid1{ margin-left: 0px !important; margin-top: 10px; } .wei-wid{ margin-left: 145px; margin-top: -25px; } .heigh{ margin-top: -50px; } .wei-mob-fl{ margin-top: 10px; } } /* ---------------end anaesthesia---------------------------- */ /* - -------start----------------cpd form 1------------------- */ /* - -------start----------------cpd form 1------------------- */ .view_cpd_bg{ /* background-color: #D7EFFE !important; */ } .cpd_dash{ color: white; margin-left: 30px; margin-top: -25px !important; } .cpd_acti{ color: white; margin-left: 35px; margin-top: -25px; } .cpd_proto{ color: white; margin-left: 10px; margin-top: -25px; } .cpd_addaccti{ color: white; margin-left: 40px; margin-top: -27px; } .cpd_subtract{ margin-left: -165px; } .cpd_box1{ width: 995px; min-height: 660px !important; border-radius: 13px; background-color: whitesmoke; } .box_cpdcont{ color: #007BFF; margin-left: 20px; margin-top: 15px; } .cpd_border{ width: 738px; border-bottom: 1.5px solid #379FFF; } .cpd_input1{ border-radius: 15.5px !important; width: 125% !important; } .cpd_input2{ border-radius: 15.5px !important; width: 125% !important; margin-top: 7px; margin-left: 65px; } .cpd_back{ position: relative; top: -35px; left: 800px; } .mob_cpdactivity{ margin-left: -183px; } .cpd_title{ border-radius: 15.5px !important; width: 150% !important; margin-left: 20px; } .cpd_fromdate{ margin-left: -38px; border-radius: 15.5px !important; width: 88% !important; } .cpd_fromdate1{ margin-left: -115px; border-radius: 15.5px !important; } .cpd_enddate{ position: relative; left: -75px; } .cpd_points{ position: relative; left: -84px; } .cpd_hours{ margin-left: -40px; border-radius: 15.5px !important; width: 88% !important; } .cpd_points1{ margin-left: -115px; border-radius: 15.5px !important; } .cpd_notes{ border-radius: 15.5px !important; width: 150% !important; margin-left: 20px; } .cpd-img3{ margin-left: 50px; } .add_addition{ color: white; margin-left: 35px; margin-top: -10px; } .cpd_sub2{ margin-left: 57px; margin-top: -57px; } .add_cpd_addition{ margin-top: -50px; margin-left: 70px; } .cancel_cpdimg{ margin-left: -50px; } .cpd_save1{ background-color: #2499DB; height: 31px; border-radius: 15.5px !important; width: 115px; color: white; margin-top: 20px; } .cpd_cancel{ margin-left: -20px; margin-top: -26px; color: white; } .add_cpd_addition p{ margin-top: -20px; margin-left: 60px !important; } .mob_cancelspd{ margin-top: 20px; } @media only screen and (max-width: 600px){ .mob_cpdacti{ position: relative; top: -35px; left: 190px; } .mob_cpdproto{ position: relative; top: -30px; } .mob_cpdactivity{ position: relative; top: -146px; left: 373px; } .cpd_back{ position: relative; top: -150px; left: -0px; } .cpd_box1{ position: relative; top: -130px; width: 90% !important; left: 16px; min-width: none; min-height: 680px; } .cpd_start_four{ margin-top: 60px; margin-left: 0px !important; } .cpd_border{ width: 360px; border-bottom: 1.5px solid #379FFF; } .cpd_input1{ width: 45% !important; } .cpd_input2{ width: 65% !important; } #mob_sel_cate{ margin-left: 100px; margin-top: -79px !important; } .cpd_title{ margin-top: -60px; width: 80% !important; margin-left: 50px !important; } .cpd_fromdate{ width: 45% !important; margin-left: 0px; } .cpd_enddate{ position: relative; top: -82px; left: 165px; } .cpd_fromdate1{ margin-top: -80px; margin-left: 160px; width: 150px !important; } .mob-cpd-hours{ position: relative; top: -45px; } .cpd_hours{ position: relative; top: -40px; left: 40px; width: 45% !important; } .cpd_points{ /* position: relative; top: -125px; left: 165px; */ margin: 80px; } .cpd_points1{ position: relative; top: -115px; left: 110px; width: 45% !important; margin: 0px; } .cpd_label-notes{ position: relative; top: -125px; } .cpd_notes{ position: relative; top: -185px; width: 75% !important; left: 42px; } .cpd_supporting{ position: relative; top: -200px; } .add_cpd_addition{ position: relative; top: -150px; left: -125px; width: 100% !important; } .add_cpd_addition p{ position: relative; top: 5px; left: 20px; font-size: 8px; } .mob_savecpd{ margin-top: -28px; margin-left: 90px; position: relative; top: 40px; } .mob_cancelspd{ position: relative; top: -135px; left: 150px; margin-top: 143px; margin-left: 117px; } } /* - -------end----------------cpd form 1------------------- */ /* new cpd staging */ .mob_cpdactivity a:hover{ text-decoration: none; } @media only screen and (max-width: 600px){ .file-cpd-multi{ margin-top: -210px; width: 80% !important; position: relative; left: -10px; } .add_addition{ margin-top: -180px; width: 50% !important; margin-left: 140px; } .cpd-dat-mob{ position: relative; top: -26px; } } /* - -------end----------------cpd form 1------------------- */ /* -----start-------------cpd dashboard---1------------ */ .accordion1 { width: 910px; margin-left: -45px; margin-top: -15px; } .accordion1-item { background-color: #FFFFFF; border: 1px solid #FFFFFF; margin-bottom: 10px; border-radius: 5px; box-shadow: 0px 0px 30px 1px rgba(0, 0, 0, 0.08); margin-top: -30px } .accordion1-header { background-color: #FFFFFF; padding: 10px; cursor: pointer; color: #000000; font-family: Poppins; font-size: 15px; font-weight: 600; line-height: 23px; letter-spacing: 0em; text-align: left; ; } .accordion1-content { display: none; padding: 10px; border-top: 2px sol; } .accordion1-item.active .accordion1-content { display: block; } .accordion1-border{ border-bottom: 2px solid rgba(55, 159, 255, 1); width: 911px; margin-left: 4px; margin-top: 10px; } .accordion1-content{ color: #303030; } .pre_op1{ margin-top: 10px; } .pre_ophd1{ font-family: Poppins; font-size: 13px; font-weight: 500; line-height: 20px; letter-spacing: 0em; text-align: left; color: #303030; /* background-color: #D5D5FF; */ } .cancle1{ float: right; font-size: large; } .preborder2{ border-bottom: 2px solid rgba(55, 159, 255, 1); width: 910px; margin-left: 4px; position: relative; top: -15px; } .preborder_2{ padding-top: 10px; } .cpd-dash-progress{ margin-left: 0px !important; } .cpd-dash-line{ margin-top: -120px; } .cpd-dash-charts{ margin-top: -105px; margin-left: 10px; } .dash-box1{ font-size: 12px; position: relative; top: 70px; text-align: center; left: 25px; font-family: Poppins; font-weight: 600; line-height: 18px; letter-spacing: 0em; } .cpd-dash-cases{ position: relative; top: 84px; left: 107px; font-family: Poppins; font-size: 13px; font-weight: 700; line-height: 20px; letter-spacing: 0em; /* text-align: left; */ } #cps-base0{ margin-top: -55px; } #cps-base1{ margin-top: -72px; } .dash-box2{ font-size: 12px; position: relative; top: 80px; text-align: center; left: 25px; font-family: Poppins; font-weight: 600; line-height: 18px; letter-spacing: 0em; } #dash-box3{ position: relative; left: 11px; top: 70px; } @media only screen and (max-width: 600px){ .accordion1-item { width: 350px; margin-left: 65px; } .accordion1-border{ width: 350px; } .cpd-dash-progress{ margin-left: 20px !important; } .cpd_dash_container{ margin-left: -35px !important; } .accordion1 { width: 910px; margin-left: -65px; margin-top: -15px; } .cpd-dash-charts{ margin-left: -237px; margin-top: -78px; } .cpd-da-base0{ margin-left: 26px; } .mob-cpd-dash-line{ margin-left: 29px; } .dash-box1{ margin-left: -100px; } .cpd-da-base3{ margin-left: 28px } .dash-box2{ margin-left: -86px; margin-top: 10px; } .mob-cpd-dash-line3{ margin-left: 27px; } .cpd-dash-cases1{ margin-left: 30px; } #mob_workshop_cpd{ position: relative; left: 9px; } #mob_patient_cpd{ position: relative; top: 70px; left: 32px; } #mob_patient_cpd1{ position: relative; top: 70px; left: 17px; } } /* -----end-------------cpd dashboard---1------------ */ /* --------plus addion evidenece---------- */ .add_addition{ color: white; margin-left: 20px; margin-top: 3px; width: 20% !important; height: 30px; } .increase-font{ font-size: 25px !important; position: relative; left: -5px; color: #01599C; top: -2px; } @media only screen and (max-width: 600px){ .add_addition{ margin-top: -228px; width: 10% !important; margin-left: 306px; } } /* - -------end-----addition evidence-------- */ /* ----------------------------final addnewcase-------------------- */ .label_sttyle_add{ font-family: Poppins !important; font-size: 16px !important; font-weight: 550; line-height: 20px; letter-spacing: 0em; text-align: left; } .accordion-header-sub input,select { /* font-family: Poppins !important ; */ font-size: 1rem !important; color: #72787D !important; } .accr-new-hea{ font-size: 16px; } .wei-wid{ width: 189px !important; border-radius: 15.5px !important; } .wei-wid1{ width: 189px !important; border-radius: 15.5px !important; margin-left: -100px !important; margin-top: -5px; } .wie-input-alt input{ width: 80px !important; border-radius: 15.5px !important; } .wwig-lab{ margin-top: -36px; margin-left: 89px; } .wei2{ margin-top: -48px; margin-left: 167px; } .wie3{ margin-top: -48px; margin-left: 360px; } .wieght-lef{ margin-left: -145px; margin-top: 33px; } .lef-hos{ margin-left: -230px; } .wei-mob-fl{ margin-top: -30px; } .styled-input{ border-radius: 15.5px !important; width: 50% !important; } @media only screen and (max-width: 600px){ .wei2{ margin-top: 10px; margin-left: 0px; } .wie3{ margin-top: 10px; margin-left: 0px; } .wieght-lef{ margin-left: px; margin-top: px; } .wei-wid1{ margin-left: 0px !important; margin-top: 10px; } .wei-wid{ margin-left: 145px; margin-top: -25px; } .heigh{ margin-top: -50px; } .wei-mob-fl{ margin-top: 10px; } } .w3-dropdown-content .cpd_back_col{ color:white; background-color:#0195CB; border-radius: 5.5px; padding: 2px; } /* ----------------------yathrartha ------------------- */ .weight-font{ font-weight: 600; } .yathartha_img{ width: 100%; height: auto; } #noida h3{ text-align: center !important; background-color: #F8A732; color: white; border-radius: 7px; } .blue-color{ color: #28657D; font-size: 20px; font-weight: 600; } .yathartha{ background-color: #f7f7f7 } .foot_hospital .fa{ font-size: 30px; color: #F2A83D; /* background-color: #226B8E; */ } .foot_hospital{ background-color: #226B8E; color: white; border-radius: 7px; } @media only screen and (min-width:320px) and (max-width:640px){ .mobile_space{ margin-top: -20px !important; } .yathartha{ width: 101%; } } .leftparrtcontent1{ color: black; } /* -------------end---------yathrartha ------------------- */