
/************************************************************************************************//************************************************************************************************/

.email_new_icon{
	background: url("../../images/email_icon.png") no-repeat scroll 0 0 transparent;
	padding-left: 20px;
	cursor: pointer;
}

.time_tab_icon {
	background: url("../../images/time_tab.png");
	padding-left: 30px;
	cursor: pointer;
	padding-bottom: 30px;
}

/* <!-- New Css Modifications By P00016--> */
.hostel-img{
	background: url("../../images/HS.png") no-repeat scroll 0 0 transparent;
    background-size: 100% 100%;
    border-radius:25px 25px 0px 0px;
    /* opacity:0.5; */
}


.student_bg{
	background: url("../../images/student_bg.jpg") no-repeat scroll 0 0 transparent;
    background-size: 100% 100%;
    /* opacity:0.5; */
}


.course_list_bg{
	background: url("../../images/course_list_bg.jpg") repeat scroll 0 0 transparent;
    background-size: 100% 100%; 
    /*  background-size:contain; */
     background-attachment: fixed;
}


.running_course_bg{
	background-image: url("../../images/running_course_bg.jpg");
	background-repeat: repeat;
    /* background-size:contain; */
    background-size:contain;
     background-attachment: fixed;  
}


.bg_pic{
	background-image: url("../../images/bg.jpg");
	background-repeat: repeat;
    /* background-size:contain; */
    background-size:100% 100%;
     /* background-attachment: fixed;   */
}


.aims_bg{
	background-image: url("../../images/aims_bg.jpg");
	background-repeat: no-repeat;
    /* background-size:contain; */
    background-size:contain;
     /* background-attachment: fixed;   */
}


.aims_logo{
	background-image: url("../../images/aims_logo.png");
	background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 330px !important;
    height: 153px;
    margin-top: 38px !important;
   
}


.aims_logo_new{
	background-image: url("../../images/aims_logo_new.png");
	background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 330px !important;
    height: 153px;
    margin-top: 38px !important;
   
}


.aims_login_bg{
	/* background-image: url("../../images/iitg_background_logo.jpg") !important; */
	background-image: url("../../images/aims_logo_bg1.jpg") !important; 
	background-repeat: no-repeat;
    /* background-size:contain; */
    background-size:100% 100%;
     /* background-attachment: fixed;   */
}


.login_bg{
	background-image: url("../../images/login_bg.jpg");
	background-repeat:repeat;
    /* background-size:contain; */
    background-size:100% 100%;
     /* background-attachment: fixed;   */
}


.edit_screen_bg{
	background: url("../../images/edit_screen_bg.jpg") no-repeat scroll 0 0 transparent;
    background-size: 100% 100%;
}

.gray_bg{
	background: url("../../images/gray_bg.jpg");
	background-repeat:repeat-y;
    background-size: 100% 100%;
    /* opacity:0.5; */
}


/************************************************************************************************/

.tab_head_bg, .tab_head_bg:hover{
	/* background-image : linear-gradient(to top left, #0088CC,#ffffff, #0044CC,#ffffff) !important;  */
	/* background-image: linear-gradient(to bottom, #4AD2EF, #2F73E6) !important;  */
	
	background-image : linear-gradient(to bottom , #00638e, #00A2CC,#00638e) !important ;
	padding:0px;
	padding:12px !important;
	font-size:12px !important;
	color:#fff !important;
	border-top-left-radius:10px; 
	border-top-right-radius:10px;
	border:1px solid #fff;
}


.tab_head_static_bg{
	background-image : linear-gradient(to bottom , #00638e, #00A2CC,#00638e) !important ;
	border-top-right-radius:20px;
	border-bottom-right-radius:0px;  
	padding:12px !important;
	font-size:13px !important;
	color:#fff !important;
	border:1px solid #fff;
}

.tab_body_bg{
	/* background-image : linear-gradient(to left bottom, #ffffff, #fcfdff, #f6fdff, #eefdff, #e6fdff) !important;  */
	/* background:rgba(255,255,255,0.4);  white*/
	background:rgb(240,240,208,0.8) !important;
	border-radius:9px;  
	padding:12px !important; 
	margin:1px; 
	color:#000 !important;
	border:1px solid #fff !important;
}

.tab_body_static_bg{
	/* background:rgba(255,255,255,0.4);  whiteBg*/
	background:rgb(240,240,208,0.7) !important;
	border-top-right-radius:9px;
	border-bottom-right-radius:9px;  
	padding:12px !important; 
	margin:1px; 
	color:#000 !important;
	border:1px solid #f4f4de;
}

.tab_body_bg,.tab_body_static_bg{
	border:1px solid #5EB6B7 !important;
	pointer-events:visiblestroke !important;
	/* box-shadow:2px 1px 4px 1px #ccc; */
}
.tab_body_bg:hover, .tab_body_static_bg:hover{
	background:rgba(255,255,255,0.7) !important;
}

.tab_body_bg:hover input, .tab_body_bg:hover select, .tab_body_bg:hover textarea{
	/* outline:1px solid #ccc; */
}


.tab_head_mod_width{
	min-width:1072px;
}
.tab_body_mod_width{
	min-width:1067px;
}
.pagination_mod_width{
	min-width:1096px;
}

.infoDiv{
	position:relative;
}

.gridIconContent{
	border-right:none !important;
}

.tab_head_static_mod_width,.tab_body_static_mod_width,.gridIconContent li{
	width:152px !important;
	display:flex !important;
	align-items:center !important;
	justify-content:center !important;
	border:1px solid #ccc;
}



.form_search_bg{
	/* background-image :linear-gradient(to left, #d8eefb, #c5e7fc, #b2e0fd, #9fd9fe, #8ad2ff) !important; */
	background-color: #D3DDF2 !important; 
}

.inlineBlock{
	display:inline-block !important;
	margin:5px;
}
.inline{
	display:inline;
}
/************************************************************************************************/
/**Header Design***/
.newHrdDgn{
	padding: 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	color:#000;
	/* background-image: linear-gradient(to right top, #f6f0e7, #fef0d3, #fff2bf, #fdf5ac, #f6f99a); */
	background: rgba(232,243,241,0.8);
}

/**button Back to Top CSS**/
.backToTop{
	background-color: #4CAF50;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius:25px;
    position: fixed;
    transition: opacity 0.2s ease-out;
    z-index: 1;
    bottom: 40px;
    right: 12px;
    display:none;
}
.backToTop:hover{
	box-shadow:0px 10px 5px #888888;
}
/************************************************************************************************/
/**
*****Enable Flex concept****/

.enableRowFlex{
  display:flex;
  flex-flow:row wrap; /**flex-direction, flex-wrap both are in flex-flow**/
  /**justify-content: center;**/
  justify-content: center;
   /**justify-content: space-between;**/
  align-items: stretch;/**default -- stretch the height of both flex to equal** /
  /**align-items: center;**/
   
}
.enableColumnFlex{
  display:flex;
  flex-flow:column;
  /**justify-content: center;**/
  justify-content: space-around;
  /**justify-content: space-between;**/
  align-items: stretch;/**default -- stretch the height of both flex to equal** /
  /**align-items: center;**/
}

 .enableChildRowFlex{
	display: flex;
	flex-flow: row;
	justify-content: center;
	align-items: baseline;
} 
 .flexExpandWidth{
	-webkit-flex-grow: 5; /* Safari 6.1+ */
    flex-grow: 5;
}
.flexCompressWidth{
	 -webkit-flex-shrink: 2;
	   flex-shrink: 2;
} 
/************************************************************************************************/
.newFormDesign{
  /* background-color: rgba(255, 255, 255, 0.5); */
}
.newFormDesign .leftBlock, .newFormDesign .rightBlock{
	width:40%;
}

.newFormDiv{
		padding: 5px 15px 8px 15px;
 		min-width:200px;
 		max-width:210px; 
 		/* margin:0 auto; */
}

.newFormDiv input{
	width:195px !important;
	
}
.newFormDiv:hover{
	/* box-shadow:0px 0px 20px 5px #ccc; */
	 /* background:#EAFFD6;  */
	/* background:#dbdbdb; */
	/* font-weight:550; */
}
 .preq{
	background-color: rgba(255, 255, 255, 1) !important;
}

.newFormDesign input, .newFormDesign select, .newFormDesign textarea, input[type=text], select, textarea{
    outline: none;
	border:none ; 
 	line-height: 1.4em;
	/* border:1px solid #ccc; */
	height:22px;
}


.newFormDesign select{
	height:30px;
	width:200px;
	background:#fff;
	border:1px solid #ccc; 
}

 select{
	height:30px;
	width:228px;
	border:1px solid #ccc; 
} 
	
.newFormDesign	input:focus, .newFormDesign select:focus, .newFormDesign textarea:focus, input[type=text]:focus, select:focus, textarea:focus{
	/* background:#fff !important; */
	box-shadow:0px 0px 2px 1px #4d90fe inset;
}
.newFormDesign  label{
	font-size:12px;
}

.width50{
	width:48% !important;
}
.divWidth{
	width:240px;
	/* margin:0 auto; */
	/* margin-left:-6px; */
	
}
.hfBlock{
	display:inline;
}
/************************************************************************************************/
.bg-blur{
	background-color: rgba(255,255,255, 0.7);
	height:auto;
	margin:5px 0px 5px 0px;
	transition:all 0.9s;
}
.bg-blur:hover{
	box-shadow:5px 10px 25px 5px #ccc;
	/* background-color: rgba(255,255,255, 1); */
	transition:all 0.8s;
}
/************************************************************************************************/	
.cardDiv{
	background:rgba(66,171,219,0.7); 
	color:#fff;
	padding:5px;
	margin:5px;
	padding-right:20px;
	/* transition:all 1.2s; */
}
.cardDiv:hover{
	/* transform:scale(1.05); */
	/* box-shadow:0px 0px 4px 2px #ccc; */
	/* transition:all 0.7s; */
	background:rgba(66,171,219,0.8); 
}
.cardDiv .cardHead{
	padding:10px 50px 10px 10px !important;
	font-size:15px;
	text-align:left;
	text-transform:uppercase;
	font-weight:bold;
	margin-left: -20px;
}
.cardDiv .cardHead span{
	border-right:1px solid #fff !important;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	background: #fff;
	color: #4dbded;
	padding: 5px;
	border-top-right-radius:20px;
	border-bottom-right-radius:20px;
	margin:5px;
}
/************************************************************************************************/
.btnDiv{
	text-align:center;
	display:flex;
	justify-content:center;
	align-items:center;
	padding:10px;
}
	
.btnDiv input{
	background: #4d90fe;
	min-width:100px;
	max-width:165px; 
	padding:5px;
	text-align:center;
	margin:5px;
}

input[type="button"]:not([value="Clear"]) , input[value="Search"], input[type="button"]:not([id=login]){
	/* background: #4d90fe; */
	/* background-image: linear-gradient(to right top, #40ebf2, #00d4ff, #00b5ff, #5c89ff, #c73be5); */
	
	background: -moz-linear-gradient(214deg, rgba(255,0,255,1) 0%, rgba(0,255,255,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(0,255,255,1)), color-stop(100%, rgba(255,0,255,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(214deg, rgba(255,0,255,1) 0%, rgba(0,255,255,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(214deg, rgba(255,0,255,1) 0%, rgba(0,255,255,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(214deg, rgba(255,0,255,1) 0%, rgba(0,255,255,1) 100%); /* ie10+ */
    background: linear-gradient(236deg, rgba(255,0,255,1) 0%, rgba(0,255,255,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffff', endColorstr='#ff00ff',GradientType=1 ); /* ie6-9 */ 
    
	width: auto;
	/* min-width: 90px; */
	/* max-width: 165px; */
	padding: 5px;
	text-align: center;
	margin: 5px;
	/* border-radius: 25px; */
	cursor: pointer;
	box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.3);
	border-radius: 8px;
	transition:all 0.7s;
	background-size: 200% auto;
}
input[type="button"]:hover , input[value="Search"]:hover{
	transform:scale(1.08);
	background-position:right center !important;
}

.btnDiv input:first-child{
	border-top-left-radius:25px;
	border-bottom-left-radius:25px;
}

.btnDiv input:last-child{
	border-top-right-radius:25px;
	border-bottom-right-radius:25px;
}

.btnDiv input:hover{
	box-shadow:2px 5px 5px 2px #ccc;
}

.starCls{
	color:red;
	float:left; 
	/* position:absolute; */
}
.disabledFiled{
	cursor:not-allowed;
	background:rgba(204,204,204,1) !important;
}

/************************************************************************************************/
/**
	Loading Image New CSS by P00016
**/
 #load_bar{
   display: none; /* Hidden by default */
   position: fixed; /* Stay in place */
   z-index: 1; /* Sit on top */
   padding-top: 100px; /* Location of the box */
   left: 0;
   top: 0;
   width: 100%; /* Full width */
   height: 100%; /* Full height */
   overflow: auto; /* Enable scroll if needed */
   background-color: rgb(0,0,0); /* Fallback color */
   background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
 }
 
 #load_bar img{	
	top: 300px;
	position: fixed;
	padding-top: 2px;
	z-index: 800;
	width:10%;
	background:#000;
	opacity:0.4; 
	border-radius:100px;
	height:auto;
	margin:0 auto;
	text-align: center;
	left:40%;
}
/************************************************************************************************/


/**
** remove already existed css **
 
.removePreCss div, .removePreCss span, .removePreCss form {
	animation : none;
    animation-delay : 0;
    animation-direction : normal;
    animation-duration : 0;
    animation-fill-mode : none;
    animation-iteration-count : 1;
    animation-name : none;
    animation-play-state : running;
    animation-timing-function : ease;
    backface-visibility : visible;
    background : 0;
    background-attachment : scroll;
    background-clip : border-box;
    background-color : transparent;
    background-image : none;
    background-origin : padding-box;
    background-position : 0 0;
    background-position-x : 0;
    background-position-y : 0;
    background-repeat : repeat;
    background-size : auto auto;
    border : 0;
    border-style : none;
    border-width : medium;
    border-color : inherit;
    border-bottom : 0;
    border-bottom-color : inherit;
    border-bottom-left-radius : 0;
    border-bottom-right-radius : 0;
    border-bottom-style : none;
    border-bottom-width : medium;
    border-collapse : separate;
    border-image : none;
    border-left : 0;
    border-left-color : inherit;
    border-left-style : none;
    border-left-width : medium;
    border-radius : 0;
    border-right : 0;
    border-right-color : inherit;
    border-right-style : none;
    border-right-width : medium;
    border-spacing : 0;
    border-top : 0;
    border-top-color : inherit;
    border-top-left-radius : 0;
    border-top-right-radius : 0;
    border-top-style : none;
    border-top-width : medium;
    bottom : auto;
    box-shadow : none;
    box-sizing : content-box;
    caption-side : top;
    clear : none;
    clip : auto;
    color : inherit;
    columns : auto;
    column-count : auto;
    column-fill : balance;
    column-gap : normal;
    column-rule : medium none currentColor;
    column-rule-color : currentColor;
    column-rule-style : none;
    column-rule-width : none;
    column-span : 1;
    column-width : auto;
    content : normal;
    counter-increment : none;
    counter-reset : none;
    cursor : auto;
    direction : ltr;
    display : inline;
    empty-cells : show;
    float : none;
    font : normal;
    font-family : inherit;
    font-size : medium;
    font-style : normal;
    font-variant : normal;
    font-weight : normal;
    height : auto;
    hyphens : none;
    left : auto;
    letter-spacing : normal;
    line-height : normal;
    list-style : none;
    list-style-image : none;
    list-style-position : outside;
    list-style-type : disc;
    margin : 0;
    margin-bottom : 0;
    margin-left : 0;
    margin-right : 0;
    margin-top : 0;
    max-height : none;
    max-width : none;
    min-height : 0;
    min-width : 0;
    opacity : 1;
    orphans : 0;
    outline : 0;
    outline-color : invert;
    outline-style : none;
    outline-width : medium;
    overflow : visible;
    overflow-x : visible;
    overflow-y : visible;
    padding : 0;
    padding-bottom : 0;
    padding-left : 0;
    padding-right : 0;
    padding-top : 0;
    page-break-after : auto;
    page-break-before : auto;
    page-break-inside : auto;
    perspective : none;
    perspective-origin : 50% 50%;
    position : static;
    May need to alter quotes for different locales (e.g fr)
    quotes : '\201C' '\201D' '\2018' '\2019';
    right : auto;
    tab-size : 8;
    table-layout : auto;
    text-align : inherit;
    text-align-last : auto;
    text-decoration : none;
    text-decoration-color : inherit;
    text-decoration-line : none;
    text-decoration-style : solid;
    text-indent : 0;
    text-shadow : none;
    text-transform : none;
    top : auto;
    transform : none;
    transform-style : flat;
    transition : none;
    transition-delay : 0s;
    transition-duration : 0s;
    transition-property : none;
    transition-timing-function : ease;
    unicode-bidi : normal;
    vertical-align : baseline;
    visibility : visible;
    white-space : normal;
    widows : 0;
    width : auto;
    word-spacing : normal;
    z-index : auto;
    basic modern patch
    all: initial;
    all: unset;
	
} */



#gridScrollContent_0{
	width:912px !important;
}

@keyframes slideUP {
    0% { background:#fff; color:#fff; transform:translate(0px,200px);}
   /*  25% { background:#fff; color:#fff; transform:translate(0px,150px);}
    50% { transform:translate(0px,100px);}
    75% { transform:translate(0px,50px);} */
    100% { transform:translate(0px,0px);}
}

@keyframes scaleDown{
	from{transform:scale(0.5);}
	to{transform:scale(1);}
}

@keyframes slideRight {
    0% { background:#fff; color:#fff; transform:translate(200px,0px);}
   /*  25% { background:#fff; color:#fff; transform:translate(0px,150px);}
    50% { transform:translate(0px,100px);}
    75% { transform:translate(0px,50px);} */
    100% { transform:translate(0px,0px);}
}

.gridContent ul li:nth-child(even){
	-webkit-animation: scaleDown 1s ; /* Chrome, Safari, Opera */
    animation: scaleDown 1s ;
	
}

.gridContent ul li:nth-child(odd){
	-webkit-animation: scaleDown 1s ; /* Chrome, Safari, Opera */
    animation: scaleDown 1s ;
	
}


@keyframes scale {
    0% { transform:scale(1.2);}
   /*  25% { background:#fff; color:#fff; transform:translate(0px,150px);}
    50% { transform:translate(0px,100px);}
    75% { transform:translate(0px,50px);} */
    100% { transform:scale(1);}
}

.cardDiv{
	-webkit-animation: scale 0.5s ; /* Chrome, Safari, Opera */
    animation: scale 0.5s ;
}
.srchDiv{
	 /* color:#fff !important; */ 
}
.searchBoxDiv{
	background:rgba(244,241,210,0.75);
	box-shadow:4px 8px 5px 1px rgba(72, 72, 72, 0.83), 0 -4px 11px 7px rgba(255, 255, 255, 0.55) inset, 2px 2px 11px 2px rgba(72, 72, 7, 0.55) inset;
	border-radius:25px;
	padding:10px;
	width:98%;
	margin-top:10px;
	margin-bottom:10px;
	-webkit-animation:formDiv 0.9s;
	animation:formDiv 0.9s;
	
}
.searchBoxDiv:hover{
	background:rgba(244,241,210,0.9);
}


.searchBoxDiv input:not([class=btn]){
/* 	background:#fff !important;
 */	border:none;
	/* border-radius:9px; */
	border:1px solid #ccc; 
}

.ui-multiselect {
	min-height: 25px !important;
}

.main{
	position:relative;
}
.new_search_icon {
	background: url("../../images/new_search_icon.png") no-repeat scroll 0 0 transparent;
	float: right;
	padding: 24px 17px;
	margin-top: 4px;
	width: 14px;
	border-radius: 12px;
	box-shadow: 0px 0px 3px 3px #ccc;
	position: absolute;
	top: 5%;
	right: 60px;
	cursor:pointer;
	transition:all 0.5s;
	-webkit-animation:searchIcon 1s; 
	animation:searchIcon 1s;
}
.clear_search_icon {
	background: url("../../images/clear_search_icon.png") no-repeat scroll 0 0 transparent !important;
	float: right;
	padding: 24px 17px;
	margin-top: 4px;
	width: 14px;
	border-radius: 12px;
	box-shadow: 0px 0px 3px 3px #ccc;
	position: absolute;
	top: 5%;
	right: 6px;
	cursor: pointer;
	transition: all 0.5s;
	-webkit-animation: clearIcon 1s; 
	animation:clearIcon 1s;
}


/* .new_search_icon:after{
	content:"Click For Search";
	white-space: nowrap;
	-webkit-animation: glow 3s infinite; 
    animation: glow 3s infinite;
    position:absolute;
    animation-delay:5s;
    animation-iteration-count: 10;
} */
.new_search_icon:active,.clear_search_icon:active{
	box-shadow:1px 2px 2px 2px #ccc;
	transform:scale(0.6);
}
.clear_search_icon:hover{
	background-color:red;
}

@keyframes glow{
	0%{color:blue;  display:none;}
	25%{color:green; }
	50%{color:yellow; }
	75%{color:white; }
	100%{color:red;}
}

@keyframes searchIcon{
	from{transform:translate(-200px,0px); } 
	to{transform:translate(0px,0px); }
}

@keyframes clearIcon{
	from{transform:translate(200px,0px); } 
	to{transform:translate(0px,0px); }
}

@keyframes formDiv{
	from{transform:translate(0px,-200px); } 
	to{transform:translate(0px,0px); }
}


.formHrd{
	text-align:center !important;
	  /* background-image: linear-gradient(to left bottom, #adfff4, #93fbec, #76f7e4, #53f3db, #0feed1); */
	  background:#2cd6c5 ;
}


.newBtn{
	background-image: linear-gradient(to right top, #de2be7, #ff3cb1, #ff708d, #ff9e83, #ffc598) !important;
	color: #fff !important;
	width: 150px !important;
	border: none !important;
	border-radius: 25px !important;
	padding: 10px !important;
}

.btnStyle{
	width:100px !important;
	padding:5px !important;
	margin:2px !important;	
}

.freeDiv{
	width:100%; text-align:center; margin-top:10px;
}
.newCancelBtn{
	background-image: linear-gradient(to right top, #856a38, #a2804e, #c19666, #dfad7e, #ffc598) !important;
	color: #fff !important;
	width: 150px !important;
	border: none !important;
	border-radius: 25px !important;
	padding: 10px !important;
}

input[value="Clear"], input[value="Cancel"]{
	background-image: linear-gradient(to right top, #856a38, #a2804e, #c19666, #dfad7e, #ffc598) !important;
	color: #fff !important;
	width: auto;
	/* min-width: 90px; */
	max-width: 165px;
	padding: 5px;
	text-align: center;
	margin: 5px;
	/* border-radius: 25px; */
	cursor: pointer;
	box-shadow: 5px 5px 10px 2px rgba(0,0,0,0.3);
	border-radius: 8px;
	
}
.bgLayer {
	background: rgba(255,255,255,0.7);
	border-radius: 25px;
	padding: 52px;
}





.mndtls {
	background:none;
	background: rgba(251,251,251,0.7) !important;
	margin-left: 2px;
	margin-top: 3px;
	padding: 2px;
	border: 1px solid #D1D2D3;
	float: left;
	width:1076px;
}

.treeview ul {
	background-color: rgba(255,255,255,0.6) !important;
	margin-top: 4px;
	width:350px;
	/* box-shadow:30px 0px 30px 2px #ccc; */
}

.card, .edit-card, .view-card{
	text-align:center;
	margin:20px;
	box-shadow:0px 0px 8px 3px #ccc;
	background-image: linear-gradient(to bottom, #fdd496, #f4dfab, #eee9c3, #eef0db, #f4f6f1);
}

.card .card-head {
	background: #28a745;
	color: #fff;
	/* text-align: center; */
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	height: 24px;
	/* vertical-align: middle; */
	/* text-align: center; */
	vertical-align: middle !important;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 225px;
	border-top-right-radius: 59px;
	box-shadow: 7px 5px 3px 1px rgba(72,72,72,0.3);
	position: relative;
	/* left: 0; */
	margin-left: -15px;
	/* margin-top: 24px; */
	top:6px;
}

.edit-card .card-head {
	background:#2980b9 !important;
	color: #fff;
	/* text-align: center; */
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	height: 27px;
	/* vertical-align: middle; */
	/* text-align: center; */
	vertical-align: middle !important;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	border-top-right-radius: 59px;
	box-shadow: 7px 5px 3px 1px rgba(72,72,72,0.3);
	position: relative;
	/* left: 0; */
	margin-left: -15px;
	/* margin-top: 24px; */
	top:6px;
}


.view-card .card-head {
	background:#d8d031 !important;
	color: #fff;
	/* text-align: center; */
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	height: 27px;
	/* vertical-align: middle; */
	/* text-align: center; */
	vertical-align: middle !important;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	border-top-right-radius: 59px;
	box-shadow: 7px 5px 3px 1px rgba(72,72,72,0.3);
	position: relative;
	/* left: 0; */
	margin-left: -15px;
	/* margin-top: 24px; */
	top:6px;
}

.card .card-head::before {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	bottom: -15px;
	left: 0;
	border-top: 15px solid #0c7c40;
	border-left: 15px solid transparent;
}


.edit-card .card-head::before {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	bottom: -15px;
	left: 0;
	border-top: 15px solid #004a70;
	border-left: 15px solid transparent;
}

.view-card .card-head::before {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	bottom: -15px;
	left: 0;
	border-left: 15px solid transparent;
	border-top: 15px solid #999546 !important;
}
.card-body{
	padding:20px 5px 5px 5px;
	text-align:left;
}	


/* .view-card .viewContentBlock label{
		padding: 5px;
}

.view-card .viewContentBlock span {
	border: 1px solid rgba(0,0,0,0.1);
	padding: 5px;
	color: chocolate;
	font-weight: 600;
}
 */
/*********RIBBON CREATION**************/
.ribbon {
  width: 150px;
  height: 150px;
  overflow: hidden;
  position: absolute;
}

.ribbon::before,
.ribbon::after {
  position: absolute;
  z-index: -1;
  content: '';
  display: block;
  border: 5px solid #2980b9;
}

.ribbon span {
  position: absolute;
  display: block;
  width: 225px;
  padding: 15px 0;
  background-color: #3498db;
  box-shadow: 0 5px 10px rgba(0,0,0,.1);
  color: #fff;
  font: 700 18px/1 'Lato', sans-serif;
  text-shadow: 0 1px 1px rgba(0,0,0,.2);
  text-transform: uppercase;
  text-align: center;
}

/* top left*/
.ribbon-top-left {
  top: -10px;
  left: -10px;
}
.ribbon-top-left::before,
.ribbon-top-left::after {
  border-top-color: transparent;
  border-left-color: transparent;
}
.ribbon-top-left::before {
  top: 0;
  right: 0;
}
.ribbon-top-left::after {
  bottom: 0;
  left: 0;
}
.ribbon-top-left span {
  right: -25px;
  top: 30px;
  transform: rotate(-45deg);
}

/* top right*/
.ribbon-top-right {
  top: -10px;
  right: -10px;
}
.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}
.ribbon-top-right::before {
  top: 0;
  left: 0;
}
.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}
.ribbon-top-right span {
  left: -25px;
  top: 30px;
  transform: rotate(45deg);
}

/* bottom left*/
.ribbon-bottom-left {
  bottom: -10px;
  left: -10px;
}
.ribbon-bottom-left::before,
.ribbon-bottom-left::after {
  border-bottom-color: transparent;
  border-left-color: transparent;
}
.ribbon-bottom-left::before {
  bottom: 0;
  right: 0;
}
.ribbon-bottom-left::after {
  top: 0;
  left: 0;
}
.ribbon-bottom-left span {
  right: -25px;
  bottom: 30px;
  transform: rotate(225deg);
}

/* bottom right*/
.ribbon-bottom-right {
  bottom: -10px;
  right: -10px;
}
.ribbon-bottom-right::before,
.ribbon-bottom-right::after {
  border-bottom-color: transparent;
  border-right-color: transparent;
}
.ribbon-bottom-right::before {
  bottom: 0;
  left: 0;
}
.ribbon-bottom-right::after {
  top: 0;
  right: 0;
}
.ribbon-bottom-right span {
  left: -25px;
  bottom: 30px;
  transform: rotate(-225deg);
}

/*********END RIBBON CREATION**************/


/***********AIMS BADGE******************/
/* @keyframes logoblow{
	from{}
	to{}
} */
.aims_badge .ribbon-badge {
	padding: 0;
	margin: 0px 71px;
	width: 245px;
	height: 245px;
	border-radius: 50%;
	position: relative;
	box-shadow: 0 0 25px 0 black, 0 0 25px 0 #000 inset;
	position: absolute;
	z-index: 999;
}
.aims_badge .ribbon-badge  li{
    z-index:0;
    display:inline-block;
    background:#3875ff;
    width:250px;
    height:35px;
    left:-3px;
    top:105px;
    position:absolute;
}



 .aims_badge .ribbon-badge li.strip:nth-child(2){
/*transform*/
-webkit-transform:rotate(30deg);
   -moz-transform:rotate(30deg);
    -ms-transform:rotate(30deg);
     -o-transform:rotate(30deg);
        transform:rotate(30deg);
}
.aims_badge .ribbon-badge li.strip:nth-child(3){
/*transform*/
-webkit-transform:rotate(60deg);
   -moz-transform:rotate(60deg);
    -ms-transform:rotate(60deg);
     -o-transform:rotate(60deg);
        transform:rotate(60deg);
}
.aims_badge .ribbon-badge li.strip:nth-child(4){
/*transform*/
-webkit-transform:rotate(90deg);
   -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
     -o-transform:rotate(90deg);
        transform:rotate(90deg);
}
.aims_badge .ribbon-badge li.strip:nth-child(5){
/*transform*/
-webkit-transform:rotate(120deg);
   -moz-transform:rotate(120deg);
    -ms-transform:rotate(120deg);
     -o-transform:rotate(120deg);
        transform:rotate(120deg);
}
.aims_badge .ribbon-badge li.strip:nth-child(6){
/*transform*/
-webkit-transform:rotate(150deg);
   -moz-transform:rotate(150deg);
    -ms-transform:rotate(150deg);
     -o-transform:rotate(150deg);
        transform:rotate(150deg);
}
  
.aims_badge .ribbon-badge li.strip:after{
content:"";
display:inline-block;
background:#3875ff;
width:250px;
height:35px;
left:-3px;
top:105px;
/*transform*/
-webkit-transform:rotate(10deg);
   -moz-transform:rotate(10deg);
    -ms-transform:rotate(10deg);
     -o-transform:rotate(10deg);
        transform:rotate(10deg);
}
 
.aims_badge .ribbon-badge, 
.aims_badge .ribbon-badge li.strip, 
.aims_badge .ribbon-badge li.strip:after,
.aims_badge .ribbon-badge li.strip:before{
            background:#0093ff;
            background: linear-gradient(45deg,transparent 40%,rgba(113, 113, 113, 0.28) 40%,rgba(178, 216, 255, 0.85) 60%,transparent 60%),
            linear-gradient(rgba(0, 147, 255, 0.6),rgba(0, 147, 255, 0.6));
     background: -webkit-linear-gradient(45deg,transparent 40%,rgba(113, 113, 113, 0.28) 40%,rgba(178, 216, 255, 0.85) 60%,transparent 60%),
            -webkit-linear-gradient(rgba(0, 147, 255, 0.6),rgba(0, 147, 255, 0.6));
    background:-webkit-gradient(linear,left bottom,right top,color-stop(40%,transparent),color-stop(40%,rgba(113, 113, 113, 0.28)),color-stop(60%,rgba(178, 216, 255, 0.85)),color-stop(60%,transparent)),-webkit-gradient(linear, left top, left bottom, from(rgba(0, 147, 255, 0.6)),to(rgba(0, 147, 255, 0.6)));
     background: -moz-linear-gradient(45deg,transparent 40%,rgba(113, 113, 113, 0.28) 40%,rgba(178, 216, 255, 0.85) 60%,transparent 60%),
            -moz-linear-gradient(rgba(0, 147, 255, 0.6),rgba(0, 147, 255, 0.6));
     background: -o-linear-gradient(45deg,transparent 40%,rgba(113, 113, 113, 0.28) 40%,rgba(178, 216, 255, 0.85) 60%,transparent 60%),
            -o-linear-gradient(rgba(0, 147, 255, 0.6),rgba(0, 147, 255, 0.6));
     background: -ms-linear-gradient(45deg,transparent 40%,rgba(113, 113, 113, 0.28) 40%,rgba(178, 216, 255, 0.85) 60%,transparent 60%),
            -ms-gradient(rgba(0, 147, 255, 0.6),rgba(0, 147, 255, 0.6));
            background-size: 4px 4px;
}
  
.aims_badge .ribbon-badge li.strip:before{
    content:"";
    display:inline-block;
    background:radial-gradient(circle,black,rgba(62, 151, 255, 0.25));
    width:250px;
    height:40px;
    position:absolute;
}

.aims_badge .ribbon-badge li.inner{
    z-index:10;
    width:170px;
    height:170px;
    border-radius:50%;
    background-color:#0093ff;
    background: linear-gradient(90deg,transparent 30%,rgba(0, 130, 226, 0.59) 30%,rgba(106, 192, 255, 0.72) 70%,transparent 70%),linear-gradient(#67bfff,#22a2ff);
    background: -webkit-linear-gradient(0deg,transparent 30%,rgba(0, 130, 226, 0.59) 30%,rgba(106, 192, 255, 0.72) 70%,transparent 70%),-webkit-linear-gradient(#67bfff,#22a2ff);
    background: -webkit-gradient(linear, left top, right top, color-stop(30%,transparent),color-stop(30%,rgba(0, 130, 226, 0.59)),color-stop(70%,rgba(106, 192, 255, 0.72)),color-stop(70%,transparent)), -webkit-gradient(linear, left top, left bottom, from(#67bfff),to(#22a2ff));
    background: -moz-linear-gradient(0deg,transparent 30%,rgba(0, 130, 226, 0.59) 30%,rgba(106, 192, 255, 0.72) 70%,transparent 70%),-moz-linear-gradient(#67bfff,#22a2ff);
    background: -o-linear-gradient(0deg,transparent 30%,rgba(0, 130, 226, 0.59) 30%,rgba(106, 192, 255, 0.72) 70%,transparent 70%),-o-linear-gradient(#67bfff,#22a2ff);
    background: -ms-linear-gradient(0deg,transparent 30%,rgba(0, 130, 226, 0.59) 30%,rgba(106, 192, 255, 0.72) 70%,transparent 70%),-ms-linear-gradient(#67bfff,#22a2ff);
    background-size: 3px 3px;
    position:absolute;
    left:36px;
    top:39px;
    box-shadow:
        0 0 0 1px rgba(253, 253, 253, 0.26)  inset,
        0 0 0 3px #33a9ff  inset,
        0 0 0 4px #2fa7ff inset,
        0 0 2px 5px rgba(0, 57, 98, 0.62) inset,
        0 0 5px 0 rgba(0, 0, 0, 0.57),
        0 0 40px 5px rgba(0, 0, 0, 0.42);
} 


.aims_badge .ribbon-badge li.inner:after,
.aims_badge .ribbon-badge li.inner:before{
    display:none;
}
.aims_badge .ribbon-badge li.inner span{
    position:absolute;
    color:#3379ff;
    color:rgba(51, 121, 255, 0.48);
    text-align:center;
    font-size:35px;
    font-weight:bolder;
    font-family:verdana;
    text-transform:uppercase;
    line-height:30px;
    letter-spacing:-3px;
    top:65px;
    left:35px;
    
}
/*following lines will add inner shadow effect to text*/
.aims_badge .ribbon-badge li.inner span:before, .inner span:after{
    content: attr(title);
    position:absolute;
}
.aims_badge .ribbon-badge li.inner span:before{
    top:1px;
    left:1px;
    color:#262626;
    color:rgba(38, 38, 38, 0.39);
}
.aims_badge .ribbon-badge li.inner span:after{
    top:2px;
    left:2px;
    color:#1b8eff;
    color:rgba(27, 142, 255, 0.29);
}

.aims_badge .ribbon-badge li.tail{
    position:absolute;
    top:220px;
    background:none;
    z-index:-1;   
}  
.aims_badge .ribbon-badge li.tail:before, 
.aims_badge .ribbon-badge li.tail:after{
    content:"";
    position:absolute;
    background-color:#1b8eff;
    background-image:linear-gradient(0deg,transparent 20%,rgba(113, 113, 113, 0.28) 20%,rgba(178, 216, 255, 0.85) 40%,transparent 40%,rgba(113, 113, 113, 0.28) 60%,rgba(178, 216, 255, 0.85) 80%,transparent 80%),linear-gradient(rgba(26, 134, 214, 0.6),rgba(0, 89, 154, 0.6));
background-image:-webkit-linear-gradient(90deg,transparent 20%,rgba(113, 113, 113, 0.28) 20%,rgba(178, 216, 255, 0.85) 40%,transparent 40%,rgba(113, 113, 113, 0.28) 60%,rgba(178, 216, 255, 0.85) 80%,transparent 80%),-webkit-linear-gradient(rgba(26, 134, 214, 0.6),rgba(0, 89, 154, 0.6));
background-image:-webkit-gradient(linear,left bottom,left top,color-stop(20%,transparent),color-stop(20%,rgba(113, 113, 113, 0.28)),color-stop(40%,rgba(178, 216, 255, 0.85)), color-stop(40%,transparent),color-stop(60%,rgba(113, 113, 113, 0.28)),color-stop(80%,rgba(178, 216, 255, 0.85)),color-stop(80%,transparent)),-webkit-gradient(linear,left top,left bottom,from(rgba(26, 134, 214, 0.6)),to(rgba(0, 89, 154, 0.6))); 
background-image:-moz-linear-gradient(90deg,transparent 20%,rgba(113, 113, 113, 0.28) 20%,rgba(178, 216, 255, 0.85) 40%,transparent 40%,rgba(113, 113, 113, 0.28) 60%,rgba(178, 216, 255, 0.85) 80%,transparent 80%),-moz-linear-gradient(rgba(26, 134, 214, 0.6),rgba(0, 89, 154, 0.6));
background-image:-o-linear-gradient(90deg,transparent 20%,rgba(113, 113, 113, 0.28) 20%,rgba(178, 216, 255, 0.85) 40%,transparent 40%,rgba(113, 113, 113, 0.28) 60%,rgba(178, 216, 255, 0.85) 80%,transparent 80%),-o-linear-gradient(rgba(26, 134, 214, 0.6),rgba(0, 89, 154, 0.6));
background-image:-ms-linear-gradient(90deg,transparent 20%,rgba(113, 113, 113, 0.28) 20%,rgba(178, 216, 255, 0.85) 40%,transparent 40%,rgba(113, 113, 113, 0.28) 60%,rgba(178, 216, 255, 0.85) 80%,transparent 80%),-ms-linear-gradient(rgba(26, 134, 214, 0.6),rgba(0, 89, 154, 0.6));
    background-size:4px 4px;
    box-shadow:8px 0 10px 2px rgba(0, 0, 0, 0.28);  
            /*backface-visibility*/
-webkit-backface-visibility:hidden;
   -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
     -o-backface-visibility:hidden;
        backface-visibility:hidden;
    width:0;
    height:0;
    border:25px solid transparent;
    left:0;
    border-left:25px solid rgb(41, 41, 41);
    border-right-width:150px;
}

.aims_badge .ribbon-badge li.tail:before{
-webkit-transform:rotate(-75deg);
   -moz-transform:rotate(-75deg);
    -ms-transform:rotate(-75deg);
     -o-transform:rotate(-75deg);
        transform:rotate(-75deg);
}
.aims_badge .ribbon-badge li.tail:after{
-webkit-transform:rotate(-105deg);
   -moz-transform:rotate(-105deg);
    -ms-transform:rotate(-105deg);
     -o-transform:rotate(-105deg);
        transform:rotate(-105deg);
        top:0;
        left:70px;
}

      .byline{
  text-align:center;
  font-size:18px;
        color:#1b8eff;
}
.byline a{
  text-decoration:none;
  color: #dbdbdb;
} 

/***********End AIMS BADGE******************/









/* 




.aims_badge .ribbon-badge li.inner span {
	position: absolute;
	color: #3379ff;
	color: rgba(51, 121, 255, 0.48);
	text-align: center;
	font-size: 26px;
	font-weight: bolder;
	font-family: verdana;
	text-transform: uppercase;
	line-height: 30px;
	letter-spacing: -3px;
	top: 42px;
	left: 25px;
}

.aims_badge .ribbon-badge li.inner {
	z-index: 10;
	width: 120px;
	height: 120px;
	border-radius: 50%;
	background-color: #0093ff;
	background: linear-gradient(90deg,transparent 30%,rgba(0, 130, 226, 0.59) 30%,rgba(106, 192, 255, 0.72) 70%,transparent 70%),linear-gradient(#67bfff,#22a2ff);
	background: -webkit-linear-gradient(0deg,transparent 30%,rgba(0, 130, 226, 0.59) 30%,rgba(106, 192, 255, 0.72) 70%,transparent 70%),-webkit-linear-gradient(#67bfff,#22a2ff);
	background: -webkit-gradient(linear, left top, right top, color-stop(30%,transparent),color-stop(30%,rgba(0, 130, 226, 0.59)),color-stop(70%,rgba(106, 192, 255, 0.72)),color-stop(70%,transparent)), -webkit-gradient(linear, left top, left bottom, from(#67bfff),to(#22a2ff));
	background: -moz-linear-gradient(0deg,transparent 30%,rgba(0, 130, 226, 0.59) 30%,rgba(106, 192, 255, 0.72) 70%,transparent 70%),-moz-linear-gradient(#67bfff,#22a2ff);
	background: -o-linear-gradient(0deg,transparent 30%,rgba(0, 130, 226, 0.59) 30%,rgba(106, 192, 255, 0.72) 70%,transparent 70%),-o-linear-gradient(#67bfff,#22a2ff);
	background: -ms-linear-gradient(0deg,transparent 30%,rgba(0, 130, 226, 0.59) 30%,rgba(106, 192, 255, 0.72) 70%,transparent 70%),-ms-linear-gradient(#67bfff,#22a2ff);
	background-size: 3px 3px;
	position: absolute;
	left: 36px;
	top: 39px;
	box-shadow: 0 0 0 1px rgba(253, 253, 253, 0.26) inset, 0 0 0 3px #33a9ff inset, 0 0 0 4px #2fa7ff inset, 0 0 2px 5px rgba(0, 57, 98, 0.62) inset, 0 0 5px 0 rgba(0, 0, 0, 0.57), 0 0 40px 5px rgba(0, 0, 0, 0.42);
}

 */


/************************Straight Ribbon ****************/
.hrRibbon{
		padding: .34em 1em;
		margin: 0;
		margin-top: 1%;
		position:relative;
		color: #ffffff;
		font: 32px 'Patua One', sans-serif;
		text-align: center;
		letter-spacing:0.1em;
		text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
		box-shadow: inset 0px 1px 0px rgba(255,255,255,.3),
					inset 0px 0px 20px rgba(0,0,0,0.1),
					0px 1px 1px rgba(0,0,0,0.4);
		 background: -webkit-linear-gradient(top,#1eb2df, #17a7d2);
      display: inline-block; 
      left:34%;
	}
	
.hrRibbon:before, .hrRibbon:after {
		content: "";
		width:.2em;
		bottom:-.5em;
		position:absolute;
		display:block;
		border: .9em solid #1eb2df;
		box-shadow:0px 1px 0px rgba(0,0,0,0.4);
		z-index:1;
	}
	
.hrRibbon:before {
		left:-1.35em;
		border-right-width: .75em;
		border-left-color:transparent;
	}
	
.hrRibbon:after {
		right:-1.35em;
		border-left-width: .75em;
		border-right-color:transparent;
	}
	
#ribbonTitle:before, #ribbonTitle:after {
		content:"";
		bottom:-.5em;
		position:absolute;
		display:block;
		border-style:solid;
		border-color: #0675b3 transparent transparent transparent;
		z-index:2;
	}
	
#ribbonTitle:before {
	  left: 0;
	  border-width: .5em 0 0 .5em;
	}
	
#ribbonTitle:after {
	  right: 0;
	  border-width: .5em .5em 0 0;
	}
	
	
	
	
/* -------------------- Colors: Background */
.slate   { background-color: #ddd; }
.green   { background-color: #779126; }
.blue    { background-color: #3b8ec2 !important; }
.yellow  { background-color: #eec111; }
.black   { background-color: #000; }

/* -------------------- Colors: Text */
.slate select   { color: #000; }
.green select   { color: #fff; }
.blue select    { color: #fff; }
.yellow select  { color: #000; }
.black select   { color: #fff; }
	
	
.styled-select {
   background: url(http://i62.tinypic.com/15xvbd5.png) no-repeat 96% 0;
   height: 29px;
   overflow: hidden;
   width: 240px;
}

.styled-select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px; /* If you add too much padding here, the options won't show in IE */
   width: 268px;
}




.btn {
 	background-clip: padding-box;
    background-color: #008EBD;
    background-image: -moz-linear-gradient(center bottom , rgba(0, 0, 0, 0.15) -17%, rgba(255, 255, 255, 0.15) 117%);
    /* border: 1px solid rgba(87, 121, 63, 0.8); */
    border:none;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4), 0 1px 0 rgba(255, 255, 255, 0.25) inset;
    color: #FFFFFF;
    font-weight: bold;
	padding: 2px 5px;
	margin-left: 5px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    outline: none;
    font-size: 1em;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
 }

 
 .contentMainDiv {
	 background-color: white;
	vertical-align: top;
	/* border: 1px solid #D1D2D3; */
	/* width: 1000px; */
	width:1100px;
	margin: 0 auto;
	min-height: 500px;
	padding-bottom: 55px;
}

.manageMenu {
	float: right;
	margin-right: 86px;
	cursor: pointer;
	border: 1px solid #D1D2D3;
	padding: 6px !important;
	top: 9px;
	background:#c10054 !important;
	border-radius:10px;
	box-shadow:2px 2px 5px 2px rgba(0,0,0,0.5);
}
.closeIcon::before{
	content:"X";
	font-weight:bold;
	/* color:blue; */
}

.closeIcon {
	background: #fff;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 4px;
	padding-right: 5px;
	border-radius: 5px;
	border: 1px solid #f2b5ae;
	font-size: 10px;
}


.closeIcon:hover, .popupCloseIcon:hover, .innerPopupCloseIcon:hover {
	cursor: pointer;
	background: #f2b5ae !important;
	color: #fff !important;
}

.closeIcon:hover .closeIcon::before{
	content:"";
}
.star{
	float:right;
}


.comboHlpDiv {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	/* padding: 3px 4px 3px 4px; */ 
	padding:0px;
	height: 30px !important;
}

.comboHlpDiv input{
	border:none !important;
	height:28px !important;
	padding:0px !important;
}
.comboHlpDiv input:hover{
	box-shadow:none !important;
}


.flxHlpDiv input{
	border:none;
	border:none !important;
	padding:0px !important;
}

input[disabled="disabled"] {
	color: #666;
	/* zoom: 1; */
	height: 22px;
}

.formHrd > span:first-child {
	color: #ffffff;
	font: 700 20px/1 'Lato', sans-serif;
	text-shadow: 0 5px 2px rgba(0,0,0,.2);
	text-transform: uppercase;
}

.tab_head_fix_css{
	position:fixed;
	top:39px;
	opacity:0.8;
	z-index:5;
}

.form_bg_clr{
		background-image: linear-gradient(to bottom, #fdd496, #f4dfab, #eee9c3, #eef0db, #f4f6f1);
}


.hide{
	display:none !important;
}


.back_log_add_icon {
	background: url("../../images/back_log_add_new.png") no-repeat scroll 0 0 transparent;
	padding-right: 1px;
	padding-bottom: 17px;
	cursor: pointer;
}


.imp_add_icon{
	background: url("../../images/imp_add_icon.png") no-repeat scroll 0 0 transparent;
	padding-right: 1px;
	padding-bottom: 17px;
	cursor: pointer;
}


.reg_add_icon{
	background: url("../../images/reg_add_icon.png") no-repeat scroll 0 0 transparent;
	padding-right: 1px;
	padding-bottom: 17px;
	cursor: pointer;
}



.flexDiv{
	text-align: left;
	margin-left: 100px;
	font-weight: bold;
	display: flex;
	flex-flow: row wrap;
	justify-content: start;
	align-items: stretch;
}
.flexDiv  label{
	display:inline-block;
	width: 160px !important;
	letter-spacing: 1.2px;
	text-align:left;
	float:left;
	
}

.flexDiv  span{
	display:inline-block;
	letter-spacing: 1.2px;
	color: #b78000;
	width: 328px !important;
	text-align:left;
	float:right;
}

.login-head {
	/* background: #28a745; */
	background-image:linear-gradient(to right top, #40ebf2, #00d4ff, #00b5ff, #5c89ff, #c73be5);
	color: #fff;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	height: 19px;
	vertical-align: middle !important;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 200px;
	box-shadow: -7px 5px 3px 1px rgba(72,72,72,0.3);
	position: relative;
	float: right;
	top: -19px;
	margin-right: -54px;
	z-index: 9999;
	color:#fff !important;
	border-top-left-radius:25px;
	border-bottom-left-radius:25px;
}

.login-head::after {
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	bottom: -15px;
	right: 0;
	border-top: 15px solid #5088D7;
	border-left: 15px solid transparent;
	transform: rotate(270deg);
}


.signin-box, .accountchooser-box {
	 overflow:visible !important; 
}
.email-div input, .passwd-div input{
	border:none;
	border-bottom:1px solid #ccc !important;
	transition:all 1s;
}

.email-div input:focus, .passwd-div input:focus{
	border-bottom:1px solid  #40ebf2 !important;
}

.row .fld {
	 /* border: none; */ 
}
.row .fld:focus {
	box-shadow:none !important;
	/* border:none ; */
}

.filditem input {
 	box-shadow: none !important;
}
.errDiv{
	z-index:9999 !important;
}


 /* New CSS WRaper Classes */
.noDataFound {
	text-align: center;
	padding: 10px;
	border: 1px solid #f6b5b5;
	font-size: 14px;
	background: #fbc28b;
	border-radius: 8px;
	color: #9f4646;
	font-weight: bold;
	display:block;
	width:98%;
}

.tl{
	text-align:left !important;
}
.tr{
	text-align:right !important;
}
.tc{
	text-align:center !important; 
}
.vm{
	vertical-align:middle !important;
}
.vt{ 
	vertical-align: top !important;
}


