@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: RobotoRegular;
	src:url(web-font/Roboto-Regular_5.ttf);
	font-weight:300;
}

@font-face {
    font-family: Robotolight;
	src:url(web-font/Roboto-Light_3.ttf);
}

@font-face {
    font-family: RobotoMedium;
	src:url(web-font/Roboto-Medium_3.ttf);
}

@font-face {
    font-family: RobotoBold;
	src:url(web-font/Roboto-Bold_5.ttf)
;}
@font-face {
    font-family: Roboto;
  src:url(web-font/Roboto-Regular_5.ttf);
}


html {position: relative; min-height: 100%;}
body{ background:#fff; /*margin-bottom: 60px;*/ margin:0px;}
/* browser scroller change */

* {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent; /* For some Androids */
}


::-webkit-scrollbar {
	width: 8px;
}
::-webkit-scrollbar-button {
	width: 8px;
	height:5px;
}
::-webkit-scrollbar-track {
	background:none;
	/*border: thin solid lightgray;
	box-shadow: 0px 0px 3px #dfdfdf inset;*/
	border-radius:10px;
}
::-webkit-scrollbar-thumb {
	background:#ba1422;
	border: thin solid #ba1422;
	border-radius:10px;
}
::-webkit-scrollbar-thumb:hover {
	background:#ba1422;
}	

			


/* *=*=*=*=*=*=*=*=*=*=*= universel css area =*=*=*=*=*=*=*=*=*=*=*=*=*== */

.nopadding{  padding: 0 !important;}
.nomargin{ margin: 0 !important;}
.no-pad-left{ padding-left:0px !important;}
.no-pad-right{ padding-right:0px !important;}
.col-center { float: none; margin: 0 auto;}
.clear{ clear:both;}


/*-----------------placeholder css -------------------------------*/

input::-moz-placeholder {  /* Firefox 19+ */ opacity:1; font-family:RobotoRegular; font-size:15px; font-weight:400; color:#666666 !important;}
input::-webkit-input-placeholder {  /* Firefox 19+ */ opacity:1; font-family:RobotoRegular; font-size:15px; font-weight:400; color:#666666 !important;}
input:-ms-input-placeholder {  /* Firefox 19+ */ opacity:1; font-family:RobotoRegular; font-size:15px; font-weight:400; color:#666666 !important;}


select::-ms-expand {display: none;}

/*==*************** check box css  =======================*/

/* Base for label styling */
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  color:#fff;
  font-family:RobotoMedium; font-size:14px; letter-spacing:0.4px; font-weight:500;
}

.login_form [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label{ /*color:#fff*/ !important;}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left:0; top: 0px;
  width: 17px; height: 17px;
  border: 1px solid #33ccff;
  background: #fff;
  border-radius: 3px;
  
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  /*content: '\f00c';*/
  content: '';
  font-family:FontAwesome;
  color:#fff;
  line-height:1;
  position: absolute;
  left:0; top: 0px;
  width: 17px; height: 17px;
  border: 1px solid #33ccff;
  background: #33ccff;
  border-radius: 3px;
  transition: all .2s;
  background:url(../img/tick.png) no-repeat;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
/* accessibility */
[type="checkbox"]:checked:focus + label:before,
[type="checkbox"]:not(:checked):focus + label:before {
  border: 1px dotted blue;
}

/* hover style just for information */
label:hover:before {
  border: 1px solid #fff!important;
}


.checkbox span.radio {position: absolute;width: 16px;height: 16px;border: rgba(0,0,0, .5) solid 1px;left: 0;transition: all .3s;-webkit-transition: all .3s;border-radius: 50%;-webkit-border-radius: 50%;margin: 0;background: #fff;margin: 2px 2px 0px;
}

.checkbox span.radio:before{content:''; width:0; height:0;position:absolute; top:50%;left:50%; border-radius:50%; -webkit-border-radius:50%; transition:all .1s; -webkit-transition:all .1s;pointer-events: none;/*background: #0071bd*/}
.checkbox span.radio:after{ display:none; position:absolute;content:'';left: calc(50% - 4px);top: calc(50% - 4px);width: 8px;height: 8px;background: #fff;border-radius: 50%;-webkit-border-radius: 50%;}
.checkbox input[type="radio"]:checked + span.radio, .checkbox.checked span.radio{border:#53b150 solid 1px; background:#53b150; }
.checkbox input[type="radio"]:checked + span.radio:after, .checkbox.checked span.radio:after{display:block;}
.checkbox:active span.radio:before  {width:40px;height:40px; left:-13px; top:-13px;}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- login, signup, loader page and signup page2 area page css *-*-*-*-*-*-*-*-*-*-*-*-*-*- */

#bg {background:#333333; position:fixed; top:-50%; left:-50%; width:200%; height:200%;}
#bg img {position:absolute; top:0; left:0; right:0; bottom:0; margin:auto; min-width:50%; min-height:50%; opacity:0.12;}

.header_area{ width:100%; padding:0px 0px; background:#7e262d; position:fixed; z-index:99; float:left;}
.logoarea{ width:100%; display:block; text-align:center; padding-top:15px; margin:0px; box-sizing:border-box;}
.logoarea a{ display:block; text-align:center; width:100%;}
.logoarea a img{width: auto; height: auto; max-width: 100%; padding: 0px !important;}

.backbuttonarea{ width:100%; display:block;  padding:35px 30px; margin:0px; box-sizing:border-box;}

.afterLogin .backbuttonarea{ width:50%; float:left; padding:15px 0px 20px 20px; box-sizing:border-box;}

.container{ width:94%; margin:50px 3%; position:relative; float:left;}

.login_bar{ width:100%; position:relative; float:left;}
.login_bar ul{ float:left; width:100%; position:relative; margin:0px; padding:0px;}
.login_bar ul li{ width:50%; float:left; list-style-type:none; padding:0px; margin:0px;}
.login_bar ul li a{padding:10px; margin:0px; text-decoration:none; font-family:RobotoBold; text-transform:uppercase; text-align:center; color:#f8dada; display:block; /*font-size:22px;*/ font-size:16px;}
.selected{ border-bottom:5px solid #75bc4c; color:#fff !important}

/* footer area css */
.fotter_area{width:100%; padding:0px 0px; background:rgba(0,0,0,0.5); position:fixed; float:left; bottom:0px; z-index:99;}
.users { float:left; width:100%; margin: 0px; text-align:center;}
.users p{font-family:RobotoRegular; font-size:15px; color:#fff; padding:0px 5px; width:100%; padding:0px; margin:0px;}
.users p a{ display:inline-block; text-decoration:none; margin-left:5px; margin-bottom:20px; font-size:15px; padding:0px; transition:all 0.5s; color:#fff;}
.users p a:hover{ border-bottom:1px solid #33ccff; transition:all 0.5s;}
.agrre_bx{ position:relative; padding:5px 0px;}
.btm_margin{ margin-bottom: 50px;}

/* footer area css */
.fotter_area{width:100%; padding:0px 0px; background:#ba1422 none repeat scroll 0 0; position:fixed; float:left; bottom:0px; z-index:99;}
.users { float:left; width:100%; margin: 0px; text-align:center;}
.users p{font-family:RobotoRegular; font-size:15px; color:#fff; padding:0px 5px; width:100%; padding:0px; margin:0px;}
.users p a{ display:inline-block; text-decoration:none; margin-left:5px; margin-bottom:20px; font-size:15px; padding:0px; transition:all 0.5s; color:#fff;}
.users p a:hover{ border-bottom:1px solid #33ccff; transition:all 0.5s;}
.agrre_bx{ position:relative; padding:5px 0px;}
.btm_margin{ margin-bottom: 50px;}
/* footer area css */

.afterLogin_footer{width:100%; padding:0px 0px 2px 0px; background:#e8e4cb none repeat scroll 0 0;/*background:#fbf9fb; */position:fixed; float:left; bottom:0px; z-index:99; box-shadow: 0px 2px 3px 2px rgba(0,0,0,0.3); text-align: center;}
.afterLogin_footer p {font-family:RobotoRegular; cursor: pointer; font-size: 11px; color: #fff; font-weight: 400;  text-align: center; display:inline-block; margin:0px; padding:10px 0px; /*width:15%;*/ box-sizing:border-box; /*float:left;*/ position:relative;}
.afterLogin_footer span{font-family:RobotoRegular; cursor: pointer; font-size: 12px; color: #fff; font-weight: 400; display:inline-block; margin:0px; padding:10px 0px 0px; letter-spacing: .8px;}
.afterLogin_footer a{ display:block; padding:0px; width:25px; height:25px; position:relative; top:2px; margin:0px auto 2px; float: left;font-family: RobotoRegular; font-weight: 500;font-size: 11px;color: #333; text-decoration: none;}
.afterLogin_footer a svg path { fill:#c8c6c8;}
.afterLogin_footer a svg polygon { fill:#c8c6c8;}
.afterLogin_footer a img{ fill:#c8c6c8;}
.afterLogin_footer{max-width: 1024px;}
.footerWidth1{width: 18%;}
.footerWidth1 svg{padding-left: 15px;}
.footerWidth2{width: 22%;}
.footerWidth2 svg{padding-left: 15px;}
.footerWidth3{width: 18%;}
.footerWidth3 svg{padding-left: 11px;}
.footerWidth4{width: 10%;}
.footerWidth4 svg{padding-left: 0px;}
.footerWidth5{width: 12%;}
.footerWidth5 svg{padding-left: 5px;}
.footerWidth6{width: 14%;}
.footerWidth6 svg{padding-left: 10px;}
/*.afterLogin_footer span {display: inline-block;padding: 0px;position: relative;margin: 0px;float: left;font-family: RobotoRegular; font-weight: 500;font-size: 14px;width: 3.4vw;}
  afterLogin_footer p*/

.ftselected{ background:none; color:#53b150;}
.ftselected a svg path{ fill:#1c1a1c;}
.ftselected a svg polygon{ fill:#1c1a1c;}
.ftselected span{color: #53b150;}
.ftselected a img{ fill:#1c1a1c;}

/* =========== sign up page css ================= */
.login_form select { -moz-appearance: none; -webkit-appearance:none; appearance:none;   background: #fff url("../img/select_arrow.png") no-repeat scroll right center; height: 45px; line-height: 33px; width:100%; border-radius: 4px; padding:0px 10px; box-sizing:border-box; color:#666;}
.login_form select:focus{ box-shadow:none; border:1px solid #cccccc;}
.trams { color: #fff !important; font-family:RobotoRegular; font-size: 16px; font-weight: 400;/* margin-bottom: 20px;padding: 0 25px !important*/ }
.trams [type="radio"]:not(:checked) + label, [type="radio"]:checked + label  {color: #fff !important;}
.talent_btn{ border-radius:0px; font-family:RobotoRegular; font-size:21px; color:#fff; display:block; text-decoration:none; padding:12px; margin:0px;}
.talent_btn:first-child{ border-bottom:none;}

.signup .login_form{ margin-bottom:200px;}
.cats [type="radio"]:not(:checked) + label, .cats [type="radio"]:checked + label  {color: #333 !important;}

.body_area{ width:100%; position:relative; float:left; margin:auto; padding: auto;}
.left_section_area{ width:100%; float:left; position:relative; text-align:center;}
.left_section_area a{ display:block;}
.left_section_area a:focus{ display:block; outline:none;}
.left_section_area h1{ font-family:RobotoRegular; font-size:38px; color:#33ccff; width:100%; padding:5px 0px; margin:0px;}
.left_section_area span {font-family:RobotoRegular; font-size:18px; color:#fff; width:100%; padding:0px 0px; margin:0px; display:block;}
.left_section_area p {font-family:RobotoRegular; font-size:14px; color:#dddddd; width:100%; padding:5px 0px 10px; margin:0px; display:block; line-height:25px; font-weight:300;}

.right_section_area { width:100%; float:left; position:relative;}
.right_section_area h2{ font-family:RobotoRegular; font-size:21px; color:#fff; width:100%; padding:100px 0px 10px; margin:0px 0px 20px; text-align:center;}
.right_section_area span{font-family:RobotoRegular; font-size:14px; color:#fff; padding:0px; margin:0px 35px 24px; display:block; line-height:18px; font-weight:300; text-align:center;}
.right_section_area a{ font-family:RobotoMedium; font-size:18px; color:#fff; padding:15px; margin:0px; box-sizing:border-box; /*display:block; */line-height:18px; font-weight:500; text-align:center; border-radius: 4px;}
.right_section_area a img{ padding-right:15px;}
.right_section_area a button{border-radius: 4px; font-family:RobotoMedium;}
.right_section_area .myBtn{ font-size: 18px; padding: 10px 0 !important;}
.trams a{font-size:14px; padding:0px;}
.login_form{ display:block; width:100%;}
.login_form .form-group{display:block; width:100%; margin:10px 0px;}
.login_form  .form-group input{ font-family:Robotolight; font-size:15px; line-height:33px; height:auto; border:1px solid #cccccc; height:45px; width:100%; border-radius: 4px; padding:0px 10px; box-sizing:border-box;}
.login_form  .form-group input:focus{ box-shadow:none; border:1px solid #cccccc;}
.login_form .form-group span{ font-family:RobotoRegular; font-size:12px; color:#fff; padding:0px; margin:0px;}
.btn-group{border-radius: 4px;}
.half_div{ width:50%; float:left; margin:10px 0px; min-height:25px;}
.btn-group label{padding: 3px; font-family:RobotoRegular; }
.forget_div{}
.forget_div a{ font-family:RobotoRegular; font-size:16px; color:#fff; padding:0 !important; text-decoration:none; margin:0px;  font-weight:400; text-align:right; display:block; padding:0px;}
.tops{ margin-top:11%;}

.login_form select:focus{ box-shadow:none; border:1px solid #cccccc;}

.myBtn{ width:100%; border:none; padding:6px 0px !important;font-family: RobotoRegular; font-size:23px; text-align: center; /*text-transform:uppercase;*/ color:#fff; /*transition:all 0.3s;*/ display:block; border-radius:4px; text-decoration:none;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#4caf50+0,8bc34a+100 */
background: #4caf50; /* Old browsers */
background: -moz-linear-gradient(-45deg, #4caf50 0%, #8bc34a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #4caf50 0%,#8bc34a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #4caf50 0%,#8bc34a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4caf50', endColorstr='#8bc34a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
 .myBtn:hover{background: #4caf50; color:#fff; /*transition:all 0.3s;*/}

 .myBtnBp {background: #e8e4cb none repeat scroll 0 0;border: medium none;border-radius: 4px;color: #333;display: block;font-family: RobotoRegular;font-size: 16px;padding: 6px 0 !important;text-align: center;text-decoration: none;width: 100%;}

.socila_area{ width:100%; float:left; position:relative; bottom:0px; margin-top:10px; margin-bottom:1px;}
.socials{ width:100%; position:relative; float:left; border:1px solid #fff; border-radius:4px;}
.socila_area p{width:100%; border:none; font-family:RobotoRegular; font-size:15px; color:#fff; text-align:center; padding:0px; margin:0px 0px 15px; display:inline-block;}
.margin_top{ margin-top:53px;}
.socials .my_social:last-child{ border:none;}
.my_social{ background:none; padding: 7px 11.7vw; color:#fff; font-size:20px; border-right:1px solid #fff; display:inline-block;}
.my_social:hover{ background:#fff !important; color:#33ccff;}
.my_social:focus{ background:none; color:#fff; outline:none;}

/* =========== add talent page css ================= */
/* drop down menu 14-12-2016 */
.menu_bt{ position:relative;}
.drops_menu{ display: block; width: 200px; position: absolute; top: 44px; right: 0px; background: #FFF; box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.5);}
.drops_menu ul{ display:block; width:100%; position:relative; float:left; margin:0px; padding:0px;}
.drops_menu ul li{ list-style-type:none; margin:0px; height: 20px; padding:10px; border-bottom:1px solid #ba1422; font-family:RobotoRegular; font-size:15px; color:#3593ee;}
.drops_menu ul li a{text-decoration:none; margin:0px; padding:0px; width:100%; height:auto; font-family:RobotoRegular; font-size:15px; color:#3593ee;}
.drops_menu ul li:last-child{border-bottom:0px solid #ba1422;}
.drops_menu ul li a:focus{ background:#ba1422; color:#fff !important;}

.notification{ display: block; width: 316px; top: 44px; position: absolute; right: 0px; background: #FFF; box-shadow: 0px 2px 7px 0px rgba(0,0,0,0.5);}
.notification ul{ display:block; width:100%; position:relative; float:left; margin:0px; padding:0px;}
.notification ul li{ list-style-type:none; margin:0px; height: 32px; padding:5px; border-bottom:1px solid #ba1422; font-family:RobotoRegular; font-size:24px; color:#333333;}
.notification ul li a{ color: #333333;font-family: RobotoRegular;font-size: 12px;height: auto;margin: 0;padding: 0;text-decoration: none;width: 100%;margin-right: 5px;margin-top: 2px;}
.notification ul li:last-child{border-bottom:0px solid #ba1422;}
.notification ul li a:focus{ background:#ba1422; color:#fff !important;}
.notification ul li a svg{ float: left;  padding-right: 5px;}
.notification ul li a svg path { fill: #c9cd9b !important;}

.notification ul li .search-button a svg path { fill: #999 !important;}

.sliding{ display: block;}


.afterLogin{ padding:10px 0 0;}
.afterLogin .logoarea{ width:50%; float:left; padding:3px 0px 10px 20px; box-sizing:border-box;}

.icons_areas{width:50%; float:left; padding:15px 5px; box-sizing:border-box;}
.icons_areas a{ display:inline-block; width:25px; height:25px; padding: 0px 7px; float:right;}
.icons_areas a svg path{ fill:#fff;}
 svg{ display:block; height:100%;}
  
.add_talent_area{ width:100%; float:left; position:relative; margin:15px 0px; padding:0px; text-align:center;}
.add_talent_area h2{font-family:RobotoRegular; font-size:24px; color:#333333; font-weight:500; text-align:center; margin:20px 0px 10px; padding:0px; letter-spacing:.8px;}
.add_talent_area span{ font-family:RobotoRegular; font-size:16px; color:#999999; font-weight:500; text-align:center; margin:0px 0px 10px; padding:0px; letter-spacing:.2px; display:block;}

.usertalent{ width:200px; height:200px; border-radius:100%; background:#abced3; margin:40px auto; overflow:hidden;}
.usertalent a{ color:#fff; justify-content: center; align-items: center; align-content: center; display: flex; width: 200px; height: 200px;}

.tantinfo{ width:100%; float:left; margin:35px 0px 10px; padding:0px;}
.tantinfo p{ padding:0px; margin:0px; font-family:RobotoRegular; font-size:15px; color:#999999;}
.tantinfo p a{ display:inline-block; font-family:RobotoRegular; font-size:15px; color:#3593ee; text-decoration:none; border-bottom:1px solid #999;}
.tantinfo p a:hover{ color:#999; border-bottom:1px solid #3593ee;}

/* =========== talent view page css ================= */

.names{display:inline-block; position:relative; float:left; padding:5px 5px;}
.names a{display:inline-block; text-decoration:none; font-family:RobotoRegular; font-size:23px; color:#fff; line-height: 20px;}

.heads{ position:relative;padding: 0px 0px; margin-top: 14px; float: left;width: 100%;}
.heads h2{font-family:RobotoRegular; font-size:22px; color:#333333; font-weight:500; text-align:left; margin:20px 0px 5px; padding:0px 0px; letter-spacing:.8px; display:inline-block;}

.talent-page-area{ margin-bottom:15px; margin-top:3px; width:100%; position:relative; display:block; float:left; /*border:1px solid #f00;*/}
.talent-page-area .talent_user_area{ position:relative; float:left; width:48%; margin:0px 1% 7px; /*min-width: 240px;*/}
.talent-page-area .talent_user_area .talent_user_pics{ border-radius:100%; overflow:hidden;}
.talent-page-area .talent_user_area .talent_user_pics a {color: #fff;font-size: 25px;margin-top: 0px;padding: 0px;text-decoration: none;/*width: 110px;height: 110px;*/display: flex;justify-content: center;align-content: center;/* align-items: center;  padding-top: 18px;*/}

.talent_user_pics:hover{ box-shadow:none; transition:all 0.7s;}
.talent_name{ position:relative; width:100%;}
.talent_name h3{font-family:RobotoMedium; font-size: 15px; color: #333333; font-weight: 500;  text-align: center; display:block; margin: 0px 0px 0px; padding: 0px; letter-spacing: .6px;}
.talent_designation{position:relative; width:100%;}
.talent_designation p {font-family:RobotoRegular; font-size: 13px; color: #333333; font-weight: 400;  text-align: center; display:block; margin: 0px 0px 15px; padding: 0px; letter-spacing: .6px; min-height:42px}

.fedback{ min-height:40px; background:rgba(0,0,0,0.1); width:100%; position:absolute; bottom:0px;padding-bottom: 5px;}
.fedback p {font-family:RobotoRegular; cursor: pointer; font-size: 11px; color: #fff; font-weight: 400; text-align: center; display:inline-block; margin:0px; padding:5px 3px; width:calc(100% / 3); box-sizing:border-box; float:left;}
.fedback a span{font-family:RobotoRegular; cursor: pointer; font-size: 11px; color: #fff; font-weight: 400; display:inline-block; margin:0px; padding:0px; letter-spacing: .8px;}
.fedback a{ display:block; padding:0px;/* width:18px;*/ height:18px; position:relative; /*top:2px;*/ margin:3px auto;}
.fedback a svg {padding-left: 0px; width:100%;}
.fedback a svg path{ fill:#fff;}

.fedbackuser p { width: calc(100% / 1); }

.talent_view{  display:block; float:left; margin:0px; box-sizing:border-box; padding: 3px; width: 49%;}

.keyvoices-fedback{ min-height:40px; background:rgba(0,0,0,0.1); width:100%; position:absolute; bottom:0px;padding-bottom: 5px;}
.keyvoices-fedback p {font-family:RobotoRegular; cursor: pointer; font-size: 11px; color: #fff; font-weight: 400;  /*text-align: center;*/ /*display:inline-block;*/ display: flex; margin:0px; padding:5px 3px; width:calc(100% / 3); box-sizing:border-box; float:left;}
.keyvoices-fedback a span{font-family:RobotoRegular; cursor: pointer; font-size: 9px; color: #fff; font-weight: 400; display:inline-block; margin:0px; padding: 1px 0 0; letter-spacing: 0px;}
.keyvoices-fedback a{ display:block; padding:0px;/* width:18px;*/ height:18px; position:relative; top:2px; margin:0px auto 2px;}
.keyvoices-fedback a svg {padding-left: 10px;}
.keyvoices-fedback a svg path{ fill:#fff;}

.talent_view{  display:block; float:left; margin:0px; box-sizing:border-box; padding: 3px; width: 49%;}
    
.talent_view a{ display:inline-block; padding:0px;  height:22px; position:relative; top:5px; margin:0px; float:left;}


.talent_small{ position:relative;   margin-left:10px;}
.talent_info_area{ width:45px; height:45px; border-radius:100%; display: flex; justify-content: center; align-items: center;  align-content: center; background:#fff; float:left; overflow:hidden;}
.talent_small p{font-family: RobotoRegular; font-size: 22px; font-weight: 300; color:#fff; margin: 0px; padding: 0px; overflow: hidden;position: fixed;}

.add_talent_area .myBtn{ font-size:18px;}

/* ==================  talent page css end ================ */

/* ==================  Assessment page css end ================ */
.assessment-page-area{ margin-bottom:15px; margin-top:3px; width:100%; position:relative; display:block; float:left; /*border:1px solid #f00;*/}
.assessment-page-area .talent_user_area{ position:relative; float:left; width:48%; margin:0px 1% 7px; /*min-width: 240px;*/ height:auto;}
.assessment-page-area .talent_user_area .talent_user_pics{ border-radius:100%; overflow:hidden; box-shadow:none; background:rgba(0,0,0,0.2); width: 110px;height: 110px;display: flex;justify-content: center;align-content: center;/* align-items: center; */}
.assessment-page-area .talent_user_area .talent_user_pics a {color: #fff;font-size: 25px;margin-top: 0px;padding: 0px;text-decoration: none;  width:50px; height:50px; }
.assessment-page-area .talent_user_area .talent_user_pics a svg path{ fill:#fff;}

.assessment-page-area .talent_user_area .talent_designation p{margin: 10px 10px; min-height: auto;}
.assessmentBtn_area{position:relative; float:left; width:100%; padding:5px; box-sizing:border-box;}
.assessmentBtn_area p{ display:inline-block; background:rgba(255,255,255,0.5); width:45%; margin:2px 3px 10px; padding:5px 0px; text-align:center; font-family: RobotoRegular; font-size: 12px; font-weight: 300; color:#333331; float:left;}

.erroreMessage {color: #4caf50 !important; font-size: 13px;font-weight: 300;text-align: center;width: 100%;}
.inner-menu{background: #fff; left: 0; position: absolute; top: 66px; width: 270px; z-index: 9; /*min-height:650px;*/}
.inner-menu ul{ padding: 0px; margin: 0px; display: block; width: 100%;}
.inner-menu ul li {display: block; list-style-type:none; padding:0px; margin:0px; border-bottom: 1px solid #eeeeee;}
.inner-menu ul li a { color: #666666; display: block; font-family: RobotoRegular; font-size: 16px; padding: 8px 25px; text-decoration: none;}
.inner-menu ul li a:focus{background:#eeeeee;}
.user_area{ position:relative; border-bottom:1px solid #fff; padding-bottom:20px; background:url(../img/menu_bg.png) no-repeat; background-size:cover; width:100%; min-height:150px;}
.user_area h3{ display:inline-block; padding:0px; margin: 0px 25px 5px; text-align:left; font-family:RobotoRegular; font-size: 16px; color: #fff; letter-spacing: .8px; width:100%;}
.user_area p{ display:inline-block; padding:0px; margin: 0px 25px 5px; text-align:left; font-family:RobotoRegular; font-size: 14px; color: #fff; letter-spacing: .8px; width:100%;}

.user_pic{ width:100%; float:left; padding:10px 15px; box-sizing:border-box;}
.user_pic .talent_user_pics{ width:75px; height:75px; margin:10px;}


/* ============= 22 - 11 - 2016 (add talent form start )====================== */

.addtalent_info_area{ width:100%; float:left; position:relative; background:#f6f6f6; /*height:312px;*/ border:1px solid #e5e5e5; margin:5px 0px;}
.talent_info{ display: inline-block; width: 100%; margin:5px 0px; padding:0px 10px; box-sizing:border-box;}
.talent_info .form-group{ position:relative; float:left; width:100%;}
.form-group{ position:relative; float:left; width:100%;}
.talent_info label {color: #333333; font-family: RobotoRegular; font-size: 14px; font-weight: 300; letter-spacing: 0.8px;  margin: 3px 0 5px; padding: 0; display:block;}
input[type="text"],input[type="email"] { height: 40px; line-height: 33px; width:100%; box-sizing:border-box;  padding: 0px 5px;}


.talent_info input:focus { box-shadow:none;}
.talent_info select::-ms-expand {
    display: none;
}
.talent_info select { line-height:33px; height:40px; width:100%; background:#fff url(../img/select_arrow.png) no-repeat center right;  padding: 0px 5px;
-webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;
}

.talent_info select:focus{ box-shadow:none;}
.select { line-height:33px; height:40px; width:100%; background:#fff url(../img/select_arrow.png) no-repeat center right; margin: 10px 0; padding: 0px 5px;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;}

.talent_user_area{ background:#e1e1e1; height:260px; padding-top: 10px;position:relative; display:inline-block; width:100%;}
.talent_user_pics{ width:126px; height:130px; /*background:#3593ee;*/ margin:10px auto 10px;  border-radius:100%; overflow:hidden; align-content: center;  align-items: center;  display: flex;  justify-content: center;-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);transition:all 0.7s; background-image: url(../img/talent.png);background-size: 130px 130px;
}
  .talent_user_pics a img{ max-width: 126px; max-height: 130px;}

.talent_info textarea{ line-height: 33px; width:100%; box-sizing:border-box;  padding: 0px 5px; resize: none;}

.talent_user_pics:hover{ box-shadow:none; transition:all 0.7s;}
.addtalent_info_area .talent_user_area{ position:relative; float:left; width:100%; margin:0px; min-height:180px;}
.addtalent_info_area .talent_user_area .talent_user_pics{ width:90px; height:90px; margin:10px auto 10px;}

.adsmor{ display:inline-block; float:left; position:relative; margin:15px 0px;}
.adsmor a{ display:block; font-family: RobotoRegular; font-size:18px; color:#3593ee; text-decoration:none;}
.adsmor a:before{content: ''; font-family:FontAwesome; background:url(../img/plus2.png) no-repeat; height:11px; width:11px; display:inline-block; padding-right:10px;}
.save_btn{ width:100%; display:block; float:left;}
.save_btn .myBtn{ text-align:center;}

.cancel_bt{display:inline-block; float:left; position:relative; margin:15px 0px; float:right;}
.cancel_bt a{ display:block; font-family: RobotoRegular; font-size:18px; color:#3593ee; text-decoration:none;}

/*.color_area_menu a{ display:block; padding:5px 10px; color:#fff;}
.color_area_menu a:focus{ outline:none;}
*/
.all_check_bx{ position:relative; float:left; width:100%; margin:5px 0px;}
.all_check_bx label{color: #333333 !important;}
.all_check_bx [type="checkbox"]:not(:checked) + label:before, .all_check_bx [type="checkbox"]:checked + label:before{ border:1px solid #999; border-radius:3px;}
.all_check_bx [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label{color: #333333; display:inline-block;}


.all_radio_bx{ position:relative; float:left; width:100%; margin:5px 0px;}
.all_radio_bx label{color: #333333 !important;}
.all_radio_bx [type="radio"]:not(:checked) + label:before, .all_radio_bx [type="radio"]:checked + label:before{ border:1px solid #999; border-radius:0px;}
.all_radio_bx [type="radio"]:not(:checked) + label, [type="radio"]:checked + label{color: #333333; display:inline-block;}

.all_radio_bx span{ position: relative; float: left; display: inline-block; margin: 0px 3px; padding: 0px;}
.optionsBtn li label{ font-size: 14px; font-family: RobotoRegular; }

/* ============= 22 - 11 - 2016 (add talent form end )====================== */

/*.talent-coaching_schedule{width: 100%; float:left; position:relative; margin:5px 0px 90px;}

#calendar .fc-state-default {background-image: none !important; background-repeat: repeat-x; border-color: #dddddd !important;box-shadow: none !important;color: #333;font-family: RobotoMedium; padding: 8px 9vw;text-shadow: none;}

.fc-right{ width: 100%; text-align: center;}
.fc-button-group{ margin: 0px auto;}
.fc button{ height: auto !important;}
.fc-day-header{font-family: RobotoRegular;}

#myModal_schedule{position:absolute; background:rgba(0,0,0,0.5); width:100%; height:100%; z-index:999; top: 0px; }
#myModal_schedule .modelcontent{width: 96%; margin: 150px 2%;}


.choaching_upper_part{ padding:5px 0px; width:100%; border-bottom:1px solid #e5e5e5; float:left;}
.rows{ width: 100%; float: left; margin: 3px 0px;}
.rows .txt_label{ width: 30%; float: left; font-family: RobotoRegular; font-size: 13px;}
.rows .form_label{ width: 70%; float: right; }
.form_label label{ padding:10px 0px;  font-family: RobotoRegular; font-size: 15px; color:#333333; font-weight:300;}
.form_label select { padding-left: 5px; width: 100%; -moz-appearance: none; -webkit-appearance:none; appearance:none; background: #fff url("../img/select_arrow.png") no-repeat scroll right center; height: 35px; line-height: 33px;}
.form_label input { width: 100%; height: 35px; line-height: 33px; border-radius: 0px; box-sizing: border-box;}


.choaching_middle_part{ padding:5px 0px; width:100%; border-bottom:1px solid #e5e5e5; float:left;}
.choaching_middle_part h3{ font-family: RobotoMedium; font-size: 18px; margin:0px; padding:5px 5px; color:#333333; font-weight:400;}

.left_parts{ width: 40%; float: left;}
.right_parts{ width: 60%; float: left;}
.right_parts label{padding:10px 0px;  font-family: RobotoRegular; font-size: 15px; color:#333333; font-weight:300; width: 100%;}
.right_parts .rows .form_label{ width: 100%;}

.choaching_bottom_part{ padding:5px 0px; width:100%; float:left;}
.choaching_bottom_part h3{ font-family: RobotoMedium; font-size: 18px; margin:0px; padding:5px 5px; color:#333333; font-weight:400;}
.choaching_bottom_part label{ padding:10px 0px;  font-family: RobotoRegular; font-size: 15px; color:#333333; font-weight:300;}
.choaching_bottom_part select { -moz-appearance: none; -webkit-appearance:none; appearance:none; background: #fff url("../../images/select_arrow.png") no-repeat scroll right center; height: 45px; line-height: 33px;}
.choaching_bottom_part input[type="text"]{border:1px solid #cccccc; text-align:center; margin: 0 5px; padding: 3px;}
.selectBt{ float: right; position: relative; right: 50px; width: 200px;}

#weekList{ position: relative; float: left;}
#repeatList{ position: relative; float: left; width: 100%}
.choaching_bottom_part .left_parts{ width: 50%;}
.small_color_box{ float:left; width:100%; position:relative;}
.small_color_box a{ width:20px; height:20px; display:block; float:left; margin:2px;}

.choaching_bottom_part .right_parts{ width: 45%; float: right;}
.choaching_bottom_part .right_parts .checkbox{    padding: 2px 0 2px 25px !important;}
.notfi{font-family: RobotoRegular; font-size: 13px; padding: 5px 0px; display: block;}
#myModal_schedule .modelcontent .myBtn{font-size: 18px;    padding: 10px 0px !important;}*/


/* ============= 28 - 11 - 2016 (add talent form end )====================== */
.color_area_menu{ position:absolute; top:0px; right:0px; color:#fff; }
.color_area_menu a { display: block; padding: 7px 15px; color: #fff; background: rgba(255,255,255,0.3); border-radius: 50%; margin: 3px;}
.drop_menu{ width: 106px; background: #fff; position: absolute; right: 6px;}
.drop_menu ul{ float:left; position:relative; width:100%; margin:0px; padding:0px;}
.drop_menu ul li{ list-style-type:none; padding:0px; margin:0px; float:left; position:relative; width:100%; border-bottom:1px solid #eee;}
.drop_menu ul li a{display:block; font-family: RobotoRegular; font-size:14px; color:#3593ee; text-decoration:none; padding:7px 10px; margin:0px;}
.drop_menu ul li a:focus{ background:#ba1422; color:#fff; border-radius:0px;}

.peroformane_area_menu{ position:absolute; top:0px; right:0px; color:#fff;background: #6f968e;border-radius: 50%; }
.peroformane_area_menu a { display: block; padding: 7px 15px; color: #fff; background: rgba(255,255,255,0.3); border-radius: 50%; margin: 0px;}
.peroformane_drop_menu{width: 145px; background: #fff; position: absolute; right: 6px;z-index: 9;}
.peroformane_drop_menu ul{ float:left; position:relative; width:100%; margin:0px; padding:0px;}
.peroformane_drop_menu ul li{ list-style-type:none; padding:0px; margin:0px; float:left; position:relative; width:100%; border-bottom:1px solid #eee;}
.peroformane_drop_menu ul li a{display:block; font-family: RobotoRegular; font-size:14px; color:#3593ee; text-decoration:none; padding:7px 10px; margin:0px;}
.peroformane_drop_menu ul li a:focus{ background:#ba1422; color:#fff; border-radius:0px;}


/* ============= 14-12 - 2016 (performance goal page )====================== */

.performance-page-area { width: 100%; float:left; position:relative; margin:5px 0px 15px; /*border:1px solid #f00;*/}
.performance-area{ position:relative; float:left; width:100%; background: #efefef; box-sizing:border-box; margin:5px 0px; /*padding: 20px 5px 5px;*/}
.performance { position: relative; width: 100%; background: #c9cd9b none repeat scroll 0 0; float: left; display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between;}
.performance h3{font-size: 16px;  /*min-height: 100px;*/ color: #333333; font-family: Roboto;/*text-align: justify; display:block;*/ padding:10px 15px 10px; margin:0px; width:calc(100% - 20%); box-sizing:border-box; /*letter-spacing: .8px;*/ font-weight:400;}
.performance-content {position:relative;  padding: 0px 10px; /*text-align: justify;letter-spacing: .8px;*/ line-height: 1.6;/* overflow: scroll;*/ overflow:scroll;}
.performance-content p {font-size: 14px; color: #333333; display:block; font-family: RobotoRegular;}
.performance-content table{ overflow-x:scroll; }
.icon_holder{ position:relative; float:left; width:100%; padding:0px 10px; box-sizing:border-box;}
.perforBtn{ width:22.2%; float:left; margin:5px 3px; border:none; padding:8px 0px !important; font-family: RobotoRegular; box-sizing:border-box; /*font-size:14px;*/ font-size:3.2vw; background:#53b150; color:#fff; display:block; border-radius:4px; text-decoration:none; text-align: center;}

.performance-content iframe{ width:100% !important; height:auto !important;}
.performance-page-area .otheralign .performance { flex-direction: row; }

/*.perforBtn a{ display:inline-block; padding:0px; width:16px; height:16px; position:relative; margin:2px 2px; float:left;}*/

.perforBtn a svg path{ fill:#fff;}
.offs{ background:#ba1422 !important;}

.date_area{position:relative; float:left; width:100%;}
.date_area p {font-size: 16px; color: #333333; display:block; font-family: RobotoMedium; padding:10px; margin:0px;}

.performance span{ width:40px; height:40px; background:rgba(255,255,255,1); border-radius:100%;/* position:absolute; right:5px; top:10px;*/ align-content: center;  align-items: center;  display: flex;  justify-content: center;}
.performance span a{ display:inline-block; padding:0px; width:25px; height:25px; position:relative; margin:2px 2px; float:left;}
/*.performance span a svg path{ fill:#53b150;}*/
.performance span a svg path{ fill:#595759;}
 

.performance span{ width:25px; height:25px; background:rgba(255,255,255,1); border-radius:100%; /*position:absolute; right:5px; top:10px;*/ align-content: center;  align-items: center;  display: flex;  justify-content: center;}
.performance span a{ display:inline-block;  text-align: center;padding:0px; width:15px; height:15px; position:relative; margin:2px 2px; float:left;}
/*.performance span a svg path{ fill:#53b150;}*/
.performance span a svg path{ fill:#595759;}

.delBtns{ top:55px !important;}
.delBtns a svg path{ fill:#595759 !important;}
.icon_holder{ position:relative; float:left; width:100%; padding:5px 10px; box-sizing:border-box; border-top:1px solid #e9e7e9;background: #e8e4cb none repeat scroll 0 0;}
.icon_holder a{ display: inline-block; padding: 0px; width: 16px; height: 16px; position: relative; margin: 0px 8px 0px; /*float:left;*/}
.btns{ display: flex; float: left; padding: 5px 0px; width: calc(100% / 3); box-sizing: border-box; align-items: center; align-content: center; justify-content: center;}
.icon_holder a svg path{ fill:#595759;}
.icon_holder span{ display:inline-block; padding:0px; position:relative; margin:0px; /*float:left;*/ font-family: RobotoRegular; font-weight:500; font-size:14px; /*width:3.4vw;*/ }


.comment_area{ position:relative; float:left; width:100%; padding:20px 0px 10px; box-sizing:border-box;}
.comment_area ul{ float:left; position:relative; margin:0px; padding:0px; width:100%;}
.comment_area ul li{ list-style-type:none; padding:5px; margin:0px; float:left; width:100%; position:relative;}

.comment_area ul li .talent_small{ width:100%; margin:0px; float:left; border-bottom:1px solid #e3e3e3;}
.comment_area ul li .talent_small h5{font-family: RobotoBold; display:block; margin:5px 0 3px 60px; padding:0px; color:#333;}
.comment_area ul li .talent_small p{font-family: RobotoRegular; display:block; margin:0px 0 3px 60px; padding:0px; color:#666;}

.comment_bx_area{position:relative; float:left; width:100%; padding:10px; box-sizing:border-box; background:#e3e3e3;}
.comment_bx_area input[type="text"]{ width:100%; padding:10px; box-sizing:border-box; font-size:16px; color:#333; border-radius:5px; background:#fff; border:none; position:relative;}
.comment_bx_area input:focus{ border:none; box-shadow:none;}

.comment_bx_area button{ position:absolute; right:10px; padding:8px; border:none; background:#fff; border-radius-top-right:5px; border-radius-bottom-right:5px; top:10px;}
.comment_bx_area a{ display:inline-block; padding:0px; width:16px; height:16px; position:relative; margin:2px 2px; float:left;}
.comment_bx_area a svg path{ fill:#53b150;}

.heads a{ display:inline-block; padding:0px; width:25px; height:25px; position:relative; margin:2px 5px; float: right;}
.heads a svg path{ fill:#333333;}

.modelPops{ position:absolute; background:rgba(0,0,0,0.5); width:100%; height:100%; z-index:999; /*display:none;*/}
.modelcontent{ position:relative; width:70%; margin:150px 15%; min-height:300px; background:#fff; border-radius:5px; box-shadow:1px 1px 10px 0px rgba(0,0,0,0.8); padding:25px; box-sizing:border-box; float:left;}
.modelcontent h2{ font-family: RobotoMedium; display:block; margin:0px; font-size:18px;  padding:0px; }
.body_model{padding:5px 0px; width:100%; box-sizing:border-box; position:relative;}

.category_area{ position:relative; float:left; width:100%;}
.category_area span{ display:block; margin:8px 0px;}
.category_area ul{ margin: 0px; padding: 0px;}
.category_area ul li {display: inline-block; width: 100%}
.best_formance_bt{ width:100%; display:block; float:left; position:relative; padding:10px; font-family: RobotoMedium; font-size:16px; background:#53b150; color:#fff; text-align:center; box-sizing:border-box;}
.best_formance_bt a{ display:block; text-decoration:none; position:relative; margin:0px; }
.best_formance_bt a{ display:inline-block; padding:0px; width:20px; height:20px; position:absolute; margin:2px 5px; left:15%;}
.best_formance_bt a svg path{ fill:#fff;}
.best_formance_bt span{ display:inline-block; padding:0px; position:relative; margin:2px 5px;}


.icon_pops{ position:absolute !important; width:85px !important; top:-60px !important; background:#ba1422 url(../img/pop_arrow.png) no-repeat center 10px; border-radius:7px; font-family: RobotoMedium; color:#fff; font-size:16px; text-decoration:none; padding: 14px 0px 0px !important;margin: 0px !important; line-height: 16px !important; }



/*  ================= iphone dected css  ====================  */

.iphone_header{ padding-top:10px;}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
  
  .logoarea a img{ width:auto;}
  .login_bar ul li a{font-size:3.5vw;}
  .left_section_area span {font-family:RobotoRegular; font-size:24px; color:#fff; width:100%; padding:0px 0px; margin:0px; display:block;}
  .right_section_area h2{padding: 20px 0px 10px;}

  .icons_areas a{ width:30px; height:30px; padding:0px 10px;}
  
  .modelcontent{ width:50%; margin:150px 25%;}
  .perforBtn a{ width: 20px; height: 20px; margin: 8px 10px;}
  
  
  /* ============= 23-11-2016 ====================== */
 /* .right_section_area{ width:60%; margin:20% 20% 0px;}*/
  /*.myBtn{width:60%; margin:0px 20% !important;}*/
  /*.user_area{ min-height:250px;}*/
  .user_pic{    padding: 60px 15px 10px;}
  /*.inner-menu{ display:none;}*/
  .talent-page-area .talent_user_area{ margin: 7px 1% 7px;}
  /*.fedback{ position:absolute;}*/
  .talent_info{width: 60%; margin:0px 20%;}
  .addtalent_info_area .talent_user_area{float: right; width: 38%;}
  
  .tops{ margin-top:200px;}
  .save_btn { margin: 0 20%; width: 60%;}
  
  .talent_designation p{  min-height: 42px;}
  .assessment-page-area .assessment_area{margin: 0px 1% 14px}

}

@media screen and (max-width : 540px){
  .performance-content p img { width: 100% !important;}
  .talent-page-area .talent_user_area{ width: 48%;margin: 0px 1% 7px;}
  .right_section_area a{font-size: 14px; padding: 8px;}
  .menu_icon a img{ width:80%; padding-top: 5px;}
  .names a{font-size: 22px; padding-top: 3px;}
  .notify a img{ width:80%; padding-top: 5px;}
  .search a img{ width:80%; padding-top: 5px;}
  
  .rightbox {width: 26%;}
  
}
@media screen and (max-width: 320px) {
  .right_section_area h2{padding: 0px 0px 10px;}
  .signup h2{padding: 50px 0px 10px;}

  .login_bar ul li a{ padding:5px;}
  
  .icons_areas a{ width:18px; height:18px;}
  
  .talent_info_area{ width:35px; height:35px;}
  

  .assessment-page-area .talent_user_area{ width:100%; margin:0px 0px 10px;}
  
  .comment_area ul li .talent_small h5{ margin: 5px 0 3px 45px;}
  .comment_area ul li .talent_small p{width: 85%;}
   .icon_holder span{ margin: 0px 0px; font-size: 12px;}
   
  /*=========== edit css ============ */

  .edit_add { width: 40px; height: 40px;}
  .edit_add a{ width: 24px !important; height: 24px !important; margin: 0px !important;}
  
  .drops_menu{ top: 38px;}
   
  .performance-content p img { width: 100% !important;}
  /*.talent-page-area .talent_user_area{ width: 98%;margin: 0px 1% 7px;}*/
  .right_section_area a{font-size: 14px; padding: 8px;}
 
  .menu_icon a img{ width:80%; padding-top: 5px;}
  .names a{font-size: 22px; padding-top: 3px;}
  .notify a img{ width:80%; padding-top: 5px;}
  .search a img{ width:80%; padding-top: 5px;}
     
}
.datepickerdemoBasicUsage {
  /** Demo styles for mdCalendar. */ }
  .datepickerdemoBasicUsage md-content {
    padding-bottom: 200px; }
  .datepickerdemoBasicUsage .validation-messages {
    font-size: 12px;
    color: #dd2c00;
    margin-left: 15px; }
	
/*-- 21.02.2017 by Ali Rizvi --*/

.rightbox { width: 70px; position: relative; float: right; display: flex; flex-wrap: wrap; justify-content: space-around; padding: 13px 0px; margin-right: 10px;}

.performance-content ul { list-style: none; padding:0px;}
.performance-content ul li {font-size: 14px;color: #333333;display: block;font-family: RobotoRegular;}

.talent-page-area .talent_user_area .talent_user_pics a:hover, .talent-page-area .talent_user_area .talent_user_pics a:active, .talent-page-area .talent_user_area .talent_user_pics a:visited { background-color:transparent;}

.fedback a:hover, .fedback a:active, .fedback a:visited { background-color:transparent;}

.warning span a svg path { fill: #595759;}

a {-webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color: transparent; /* For some Androids */}

@media screen and (max-width:640px)
{

body { background-color: #fff !important; }

.body_area { min-height: 640px !important;}
}

@media screen and (max-width: 480px)
{

.body_area { min-height: auto !important;}

}

@media only screen and (min-device-width : 320px) and (max-device-width : 360px)  { 

.fedback a span {font-size: 9px; padding: 1px 0px 0px; letter-spacing: 0;}
.fedback a { text-align: center;}
.fedback a svg { width: 35%;margin: 0px auto;}

}

.icon_holder span {
  margin: 0px 0px;
  font-size: 11px;
}