@CHARSET "ISO-8859-1";

/** 22-Jan-2018 **/
/** Sunny Theme 2018 **/
/** Color Sunny : #eec036
	Text Color  : #3d3d3d
	
**/
/** Fonts **/
@font-face{
	font-family:Oswald;
	src: url(../fonts-theme/Oswald-Regular.ttf);
}
@font-face{
	font-family:"Font Awesome 5 Brands";
	src: url(../fonts-theme/fa-brands-400.ttf);
}
@font-face{
	font-family:"Font Awesome 5 Free";
	src: url(../fonts-theme/fa-regular-400.ttf);
}
@font-face{
	font-family:"Font Awesome 5 Free";
	src: url(../fonts-theme/fa-solid-900.ttf);
}

 #processing {background: rgba(0, 0, 0, 0) url("../images/bvv_07.png") repeat scroll 0 0;display: block;height: 100%;
     left: 0;position: absolute;top: 0;width: 100%;z-index: 999999 !important;}
 #processing img {border: medium none;max-height: 62px;vertical-align: middle;}
 .processingDiv{
border-radius: 6px; color: #000000; font-family: arial; font-size: 18px !important; font-weight: bold; margin-left: 43%; margin-top: 18%; text-align: center; width: 16%;
}
*{
	box-sizing:border-box !important;
}


/** Login Screen **/

.login-body{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eec036+61,ffffff+61,ffffff+100 */
	background: #d60e19; /* Old browsers */
	background: -moz-linear-gradient(64deg,#d04048 56%, #ffffff 56%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(64deg, #d04048 56%,#ffffff 56%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(64deg, #d04048 56%,#ffffff 56%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d04048', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	min-height: 90vh;
	margin-top: 10vh;
}
.hl7_logo img{
	border:5px solid #eec036;
	border-radius:135px;
}
.login-body .col-md-5 img{
	width:100%;

}
.loginsection .login-logo{
	margin-top: 35vh !important;
}
.project_name{
	font-family:Oswald;
	font-size:55px;
	text-align:right;
	margin-right: 14%;
	/*display:block;*/
}
.login_text{
	font-size:19px;
}
.login_form {
    width: 460px;
    height: 500px;
    border-radius: 4px;
    background-color: transparent;
    box-shadow:none !important;
    margin: 0px auto !important;
   /*  margin-top: 70px !important; */
    padding: 75px;
    /* float: right; */
    margin-right: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    font-family:arial;
}
.loginFormarea{
	width: 100%;
    /*height: 500px;   */ 
    background-color: transparent;    
    margin-right: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    font-family:arial;
}
.usernameFld{
	border-radius:7px;
	border:2px solid #3d3d3d;
	height:35px;
	width:80%;
    padding-left:5px;
    background-color: #ffffff !important;
    border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
   
}
.username_img{
	border-radius:7px;
	border:2px solid #3d3d3d;
	height:35px;
	width:30px;
	background-image:url("../imgs/username.png") !important;
	background-repeat: no-repeat;
	background-size: 25px;
    background-position: 2px;
    background-color: #ffffff !important;
    display: inline-block;
    border-right: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    float: left;
}
.passwordFld{	
    border-radius: 7px;
    border: 2px solid #3d3d3d;
    height: 35px;
    width: 80%;
    padding-left:5px;
    background-color: #ffffff !important;    
    border-left: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px; 
}
.password_img{
	border-radius:7px;
	border:2px solid #3d3d3d;
	height:35px;
	width:30px;
	background-image:url("../imgs/password.png") !important;
	background-repeat: no-repeat;
	background-size: 25px;
    background-position: 2px;
    background-color: #ffffff !important;
    display: inline-block;
    border-right: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    float: left;
}
.themeField{
	padding-left:30px;
	border-radius:7px;
	border:2px solid #3d3d3d;
	height:35px;
	width:86.7%;
	background-image:url("../imgs/theme_select.png") !important;
	background-repeat: no-repeat;
	background-size: 25px;
    background-position: 2px;
    background-color: #ffffff !important;
}
.login_form input{
	
}
.loginBtn{
	border-radius: 7px;
    height: 35px;
    border: 2px solid #989898;
    background-color: #d60e19;
    color: #ffffff;
    font-size: 18px;
    width: 90px;
    float: right;
    margin-right: 14%;
}
.projectInfo{
	text-align:center;	
	display:block;	
}
.projectInfo a{
	color: #333;
}
.projectInfo span{
	width:100%;
	text-align:center;
	display: inline-block;
	padding-top: 7px;
}
.message{
    border-radius: 10px;
    border: 2px solid #DB8F9C;
    background: #FED2D3;
    height: 45px;
    width: 30%;
    right: 2%;
    display: block;
    position: absolute;
    top: 92%;
    float: left; 
}  
.error_icon{
    background:url("../../images/error.png");
    position: relative;
    height: 30px;
    width: 30px;
    background-size: cover;
    display: inline-block;
    margin: 7px;
}
.error_message{
    font-size: 16px;
    font-family: sans-serif;
    position: absolute;
    top: 50%;
    left: 39%;
    transform: translateX(-36%) translateY(-50%);
    overflow-y: auto;
    width: 85%;
    max-height:40px;
}   
/*** Login Page ***/

/*** Home Page Css Start ***/
/*** All Icons ***/
/* 
.fa-edit:before, .fa-pencil-square-o:before{
	content:"\f044";
}
.fa-remove:before, .fa-close:before, .fa-times:before{
	content:"\f00d";
}
.fa-copy:before, .fa-files-o:before{
	content:"\f0c5";
}
.fa-sliders:before{
	content:"\f1de";
}
.fa-download:before{
	content:"\f019";
}
.fa-database:before{
	content:"\f1c0";
}
.fa-gears:before, .fa-cogs:before{
	content:"\f085";
}
.fa-server:before{
	content:"\f233";
}
.fa-sitemap:before{
	content:"\f0e8";
}
.fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before{
	content:"\f1cd";	
}
.fa-list:before{
	content:"\f03a";
}
.fa-envelope:before{
	content:"\f0e0";
}
.fa-cube:before{
	content:"\f1b2";
}
.fa-chain:before, .fa-link:before{
	content:"\f0c1";
}

.fa-file-powerpoint-o:before{
	content:"\f1c4";
}
.fa-codepen:before{
	content:"\f1cb";
}
.fa-tasks:before{
	content:"\f0ae";
}
.fa-code:before{
	content:"\f121";
}
.Operations{
	background-color:#188AC5;
}



.configIcons{
	height:40px;
	display:block;
	text-align:center;
	font-size:27px;
	color:#3d3d3d;
}
.configurationOptions .configIcons .fa{
	font-size: 27px;		
}
.Operations ul{
	width:100%;
	margin:0px;
	display:block;		
	margin-left:0px;
	padding-left:0px;
}
.Operations li{
	float:left;
	list-style-type: none;
	font-size:30px;
	width:58px;
	text-align:center;
	color:#ffffff;
}
.homePage{
	
}
.homePage header{
	height:50px;
	background-color: #188AC5;
    display: block;
}
.homePage .Projects{
	border: 2px solid #ccc !important;
    display: block !important;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 10px;
    border-radius: 10px;
    box-shadow: 2px 2px 5px #ccc;
    background-color: #E9E1D5;
    padding-right:0px;
    pading-left:0px;
}

.homePage .Projects .col-md-12{
	padding-right:0px;
    padding-left:0px;
	
}
.homePage .panelHeading{
	background-color: #188AC5;
    color: #ffffff;
    padding: 5px;
    display: block;
    font-size: 14px;
    padding-left: 10px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}
.homePage .row{
	margin-right: 0px;
    margin-left: 0px;
}
.ProjectsConfigurations.configure .configurationOptions .panelHeading{
	background-color: #188AC5;
    color: #ffffff;
    padding: 10px;
    display: block;
    font-size: 16px;
    position:relative;
    bottom:0px;
}
.homePage .configurationOptions .panelHeading{
	background-color: #188AC5;
    color: #ffffff;
    padding: 5px;
    display: block;
    font-size: 14px;
    padding-left: 10px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.carousel-inner {
    position: relative;
    width: 85%;
    overflow: hidden;
    margin: 0px auto;
}
.left.carousel-control{
	width:100px;
}
.right.carousel-control{
	width:100px;
}
.left.carousel-control i{
	width:100%;
	background-image: url("../../images-themes/left.png");
	background-repeat: no-repeat;
    background-size: 25px;
}
.right.carousel-control i{
	width:100%;
	background-image: url("../../images-themes/right.png");
	background-repeat: no-repeat;
    background-size: 25px;
    background-position: right; 
}
.Agents{
	width: 100%;
    height: 235px;
    display: block;
    background-color: #ffffff;
    border: 3px solid #188ac5;
    margin-top: 15px;
    margin-bottom:15px;
    border-radius: 10px;
    overflow: hidden;
    
}
.Agents span{
	padding: 8px;
    display: block;
}
.AgentName{
	font-size:18px;
}
.projectDescription{
	width:100%;
	height:50px;
	display:block;
}
.createdDate{
	width:100%;
	height:40px;
	display:block;
}
.Operations{
	height:50px;
	width:100%;
	display:block;
}

.homePage .ProjectsConfigurations{
	border: 2px solid #188AC5 !important;
    display: block !important;
    position: relative;
    float: left;
    width: 100%;
    margin-top: 20px;
    border-radius: 10px;
    box-shadow: 2px 2px 5px #ccc;
    background-color: #E9E1D5;
    padding-right:0px;
    pading-left:0px;
}
.configurationOptions{
	width: 100%;
    border-radius: 10px;
    box-shadow: 2px 2px 5px #ccc;
    float: left;
    margin: 10px 0px 10px 0px;
    background-color: #ffffff;
    overflow: hidden;
    text-align:center;
    border: 2px solid #188ac5;
}

.homePage .ProjectsConfigurations .col-md-12{
	padding-right:0px;
    padding-left:0px;
	
}
.glyphicon-chevron-left:before{
	display:none;
}
.glyphicon-chevron-right:before{
	display:none;
}
*** DataSource Block CSS Start ***

.configdata{
	height:auto;
	display:block;
	text-align:center;
	font-size:35px;
	color:#3d3d3d;
}
.configdata span{
	width:100%;
	display:block;
	text-align:left;
	font-size:16px;
	padding-left:10px;
	padding-top:5px;
}
.dataSourceBlock{
	width: 100%;
    height: auto;
    border-radius: 10px;
    box-shadow: 2px 2px 5px #ccc;
    float: left;
    margin: 10px 0px 10px 0px;
    background-color: #ffffff;
    overflow: hidden;
    text-align:center;
    border: 2px solid #188ac5;
}
.headingDataSource{
	font-size:18px !important;
	font-weight:bold !important;
}
.dataSourceBlock .dataCheck{
	padding:0px !important;
}
.sep{
	border-color:#188ac5;
	border-width:2px;
	margin:5px;
}
*** DataSource Block CSS Ends ***
** Home Page Css Ends **
*** Multi carousel CSS Start **

	.multi-item-carousel .carousel-inner > .item {
	  -webkit-transition: 500ms ease-in-out left;
	  transition: 500ms ease-in-out left;
	}
	.multi-item-carousel .carousel-inner .active.left {
	  left: -33%;
	}
	.multi-item-carousel .carousel-inner .active.right {
	  left: 33%;
	}
	.multi-item-carousel .carousel-inner .next {
	  left: 33%;
	}
	.multi-item-carousel .carousel-inner .prev {
	  left: -33%;
	}
	@media all and (transform-3d), (-webkit-transform-3d) {
	  .multi-item-carousel .carousel-inner > .item {
	    -webkit-transition: 500ms ease-in-out all;
	    transition: 500ms ease-in-out all;
	    -webkit-backface-visibility: visible;
	            backface-visibility: visible;
	    -webkit-transform: none!important;
	            transform: none!important;
	  }
	}
	.multi-item-carousel .carouse-control.left,
	.multi-item-carousel .carouse-control.right {
	  background-image: none;
	} */

/**** Multi carousel CSS Ends ***/
/* 
#getSettings{
	display: none;
}
#getMapping{
	display: none;
}
#getWorkFlow{
	display: none;
}

.segmantName{
	width:100%;
	font-size:16px;
	display:block;
	text-align:left;
	color:#3d3d3d;
	padding:5px;
}
.fieldName{
	width:100%;
	font-size:12px;
	display:block;
	text-align:left;
	color:#3d3d3d;
	padding:5px;
	
	white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis; 
}
.Mapping.ProjectsConfigurations .configurationOptions{
	height:65px;
}
.shortValue{
	width: 32% !important;
    display: inline-block !important;
}
.shortValue span{
	padding: 0px !important;
}
.variable .col-xs-3{
	width:350px !important;
}
.containData{
	position: relative;
    width: 85%;    
    margin: 0px auto;
} */


/** Login Screen Css Ends **/

	@media ( min-width :1686px) and (max-width:3000px) {  
		.container{
			width:1640px;
		}	
		.variable .col-xs-3{
			width:500px;
		}
		.messageError.methodErrorNote.AddParameter {
		    height: 45px;
		    width: 24% !important;
		    right: 5%;
		    top: 87% !important;
		    position: fixed !important;
		}
	}
	
	@media ( min-width :1500px) and (max-width:1685px) {
		.container{
			width:1440px;
		}
		.variable .col-xs-3{
			width:500px;
		}
		.messageError.methodErrorNote.AddParameter {
		    height: 45px;
		    width: 24% !important;
		    right: 5%;
		    top: 87% !important;
		    position: fixed !important;
		}
	}
	
	@media ( min-width :1400px) and (max-width:1500px) {
		.container{
			width:1340px;
		}
		.variable .col-xs-3{
			width:500px;
		}
		.project_name{
			margin-right: 11%;
		}
		.messageError.methodErrorNote.AddParameter {
		    height: 45px;
		    width: 24% !important;
		    right: 5%;
		    top: 87% !important;
		    position: fixed !important;
		}
	}
	@media (min-width :1290px) and (max-width:1399px) {
		.login-body{
			min-height: 99vh;
			margin-top: 1vh;
		}
		.login-body .container{
			width:1240px;
		}
		.project_name{
			width:370px;
		}
		.variable .col-xs-3{
			width:500px;
		}
		.themeField{			
			width:87.7%;
		}
		.project_name{
			margin-right: 11%;
			position:relative;
			right:32px;
		}
		.loginBtn{
			margin-right:12%;
		}
		.messageError.methodErrorNote.AddParameter {
		    height: 45px;
		    width: 28% !important;
		    right: 5%;
		    top: 87% !important;
		    position: fixed !important;
		}
	}
	@media ( min-width :1025px) and (max-width:1289px) {
		.messageError.methodErrorNote.AddParameter {
		    height: 45px;
		    width: 28% !important;
		    right: 5%;
		    top: 87% !important;
		    position: fixed !important;
		}
	}
	@media ( min-width :768px) and (max-width:1025px) {
		.messageError.methodErrorNote.AddParameter {
		    height: 45px;
		    width: 28% !important;
		    right: 5%;
		    top: 87% !important;
		    position: fixed !important;
		}
	}
	

@media ( min-width :767px) and (max-width:1280px) {
	@media screen and (orientation:portrait) {
				
	}
	@media screen and (orientation:landscape) {	
		
	}		
}
@media ( min-width :601px) and (max-width:766px) {	
	@media screen and (orientation:portrait) {

	}
	@media screen and (orientation:landscape) {	
		
	}
}
@media ( min-width :481px) and (max-width:600px) {	
	@media screen and (orientation:portrait) {
		
	}
	@media screen and (orientation:landscape) {	
		
	}
}
@media ( min-width :320px) and (max-width:480px) {	
	@media screen and (orientation:portrait) {
		
	}
	@media screen and (orientation:landscape) {	
		
	}
}
@media ( min-width :768px) and (max-width:2000px) { 
  @media screen and (orientation:portrait) {
   .portraitMsg{
	    position:absolute;
	    width:100%;
	    text-align:center;
	    padding-top:50%;
	    height:89.8vh !important;
	    z-index:999 !important;
	    background-color:#ffffff;
	    font-weight:bold;
   }
   @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
     /* IE10-specific styles go here */
       .portraitMsg{
        	display:none !important;
       } 
   }
  }
  @media screen and (orientation:landscape) { 
   .portraitMsg{
    	display:none !important;
   }
  }
 }
 
 .sm-logo{
	display:none;	
}
@media ( min-width :320px) and (max-width:768px) {
	.side-nav {
		height: auto !important;
	}
	.project_name{
		display:none !important;
	}
	.sm-logo{
		display:block !important;	
	}
	.hl7_logo{
		display:none !important;	
	}
	.login-logo{
		display:none !important;	
	}
	.login-body{
		background-color:#d04048 !important;
		background:#d04048 !important;
	}
}
@media ( min-width :320px) and (max-width:968px) {
	.login-body{
		background-color:#d04048 !important;
		background:#d04048 !important;
	}
}