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;
  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;

.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 ------------------- */