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

@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500,700);


html {position: relative; min-height: 100%;}
body{ background:#fff; margin-bottom: 60px; font-family: 'Roboto', sans-serif; font-weight:400; color: #555;}

/* *=*=*=*=*=*=*=*=*=*=*= 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;}
.modal-open {overflow: visible !important; padding: 0px !important;}

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

input::-moz-placeholder {  /* Firefox 19+ */ opacity:1; font-family: 'Roboto', sans-serif; font-size:15px; font-weight:400; color:#666666 !important;}
input::-webkit-input-placeholder {  /* Firefox 19+ */ opacity:1; font-family: 'Roboto', sans-serif; font-size:15px; font-weight:400; color:#666666 !important;}
input:-ms-input-placeholder {  /* Firefox 19+ */ opacity:1; font-family: 'Roboto', sans-serif; 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: 'Roboto', sans-serif; font-size:14px; letter-spacing:0.4px; font-weight:400;
}

.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: 2px;
  width: 17px; height: 17px;
  border: 1px solid #fff;
  background: #fff;
  border-radius: 3px;
  
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '\f00c';
  font-family:FontAwesome;
  color:#fff;
  line-height:1;
  position: absolute;
  left:0; top: 2px;
  width: 17px; height: 17px;
  border: 1px solid #33ccff;
  background: #33ccff;
  border-radius: 3px;
  transition: all .2s;
}
/* 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;
}



/*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*-*- 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:11px 0px; background:rgba(0,0,0,0.3); position:relative; float:left;}
.logoarea{ width:100%; display:block; text-align:center; padding:10px 0px;}
.logoarea a{ display:block; text-align:center; width:100%;}


.body_area{ width:100%; position:relative; float:left;padding-bottom: 80px; padding-left: 70px;}
.left_section_area{ width:100%; float:left; position:relative; text-align: center;}
.left_section_area h1{ font-family: 'Roboto', sans-serif; font-weight:500; font-size:48px; color:#33ccff; width:100%; padding:5px 0px; margin:0px;}
.left_section_area span {font-family: 'Roboto', sans-serif; font-weight:400; font-size:24px; color:#fff; width:100%; padding:0px 0px; margin:0px; display:block;}
.left_section_area p {font-family: 'Roboto', sans-serif; font-weight:400; font-size:16px; color:#dddddd; width:100%; padding:35px 0px 10px; margin:0px; display:block; line-height:25px; font-weight:300;}
.left_section_area a{ display: block;}
.left_section_area a:focus{ outline: none;}
.left_section_area img{ display: inline; }
.right_section_area { width:90%; margin: 0px 5%; float:left; position:relative;}
.right_section_area h2{ color: lightskyblue !important; font-family: 'Roboto', sans-serif; font-weight:500; font-size:28px; color:#fff; width:100%; padding:8px 0px 10px; margin:0px 0px 20px; text-align:center;}
.right_section_area span{font-family: 'Roboto', sans-serif; font-size:14px; color:#fff; padding:0px; margin:0px 35px 14px; display:block; line-height:18px; font-weight:400; text-align:center;}
.right_section_area a{ font-family: 'Roboto', sans-serif; font-size:14px; color:#fff; padding:0px; margin:0px; /*display:block; */line-height:18px; font-weight:400; text-align:center;}
.right_section_area a img{ padding-right:15px;}

.fts a{ border-bottom:1px solid #ddd; text-decoration:none; transition:all 0.5s;}
.fts a:hover{ border-bottom:1px solid #33ccff; transition:all 0.5s;}
.mars{ margin:20px 0px;}

.login_form{ display:inline-block; width:100%;}
.login_form  .form-group input{font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; line-height:33px; height:auto; border:1px solid #cccccc; height:45px;}
.login_form  .form-group input:focus{ box-shadow:none; border:1px solid #cccccc;}

.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;}
.login_form select:focus{ box-shadow:none; border:1px solid #cccccc;}

.rember{ color:#fff; font-family: 'Roboto', sans-serif; font-size:14px; letter-spacing:0.4px; /*text-decoration:underline;*/ text-align:right !important; width:100%; font-weight:400;}
.myBtn{ width:100%; border:none; padding:10px 0px;font-family: 'Roboto', sans-serif; font-weight:400; font-size:18px; color:#fff; /*transition:all 0.3s;*/
	/* 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;*/}

.socila_area{ width:100%; float:left; position:relative; margin-top:10px;}
.socila_area p{width:100%; border:none; ffont-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; color:#fff; text-align:center; padding:0px; margin:0px 0px 15px; display:inline-block;}
.margin_top{ margin-top:53px;}

.my_social{ background:none; padding:7px 0px; color:#fff; font-size:20px; transition:all 0.8s;}
.my_social:hover{ background:#fff !important; color:#33ccff; transition:all 0.8s;}
.my_social:focus{ background:none; color:#fff; outline:none;}


.myBtn_del:hover{ text-decoration: none;}

.users { float:left; width:100%; margin:30px 0px 0px;}
.users p{font-family: 'Roboto', sans-serif; font-weight:400; font-size:28px; color:#fff; padding:0px 5px; width:100%; padding:0px; margin:0px;}
.users p a{    font-size: 23px; display:inline-block; text-decoration:none; margin-left:5px; border-bottom:1px solid #ddd; transition:all 0.5s;}
.users p a:hover{     font-size: 23px;border-bottom:1px solid #33ccff; transition:all 0.5s;}

.trams{ color:#fff !important; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; margin-bottom:20px;}
.trams a{ color:#fff !important; font-family: 'Roboto', sans-serif; font-size:14px; text-decoration:none; font-weight:400; display:inline-block; border-bottom:1px solid #ddd; transition:all 0.5s;}
.trams a:hover{border-bottom:1px solid #33ccff; transition:all 0.5s;}
.bck{ width:100%; text-align:center; display:block; margin:30px 0px 0px !important; text-decoration:none !important;}
.topsSignup{ margin-top:12px !important;}

.loader_signp{ width:100%; float:left; text-align:center; margin-top:275px;}
.loader_desc{ width:100%; float:left; text-align:center;}
.loader_desc h2{font-family: 'Roboto', sans-serif; font-weight:500; font-size:30px; color:#fff;}
.loader_desc { font-family: 'Roboto', sans-serif; font-size:18px; font-weight:300; color:#fff;}

.compnyinfo_area{ width:100%; float:left; margin-top:155px;}
.compnyinfo_area h2{font-family: 'Roboto', sans-serif; font-weight:500; font-size:30px; color:#fff; text-align:center; margin:20px 0px; padding:0px; letter-spacing:1.2px;}

.info_compny{display:inline-block; width:100%;}
.info_compny label{font-family: 'Roboto', sans-serif; font-size:15px; color:#fff; margin:3px 0px 5px; padding:0px; letter-spacing:0.8px; font-weight:400;}
.info_compny input[type="text"]{ line-height:33px; height:45px;}
.info_compny input:focus{ box-shadow:none;}
.info_compny select::-ms-expand {
    display: none;
}

.info_compny select{ line-height:33px; height:45px; background:#fff url(../img/select_arrow.png) no-repeat center right; 
	-webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;}
select::-ms-value {
    background: none; /* remove blue background on ie10/ie11 when selected*/
    color:#000;
}
.info_compny select:focus{ box-shadow:none;}
.info_compny .files span{background: #fff none repeat scroll 0 0; border-radius: 3px; display: inline-block; padding: 10px 5px;  width: 100%;}
.infoTop{ margin-top:20px;}



/*============= ============== ============== Inner page css area start  ==================   =================== ===============*/

				/*=*=*=*=*=*=*=*=*= add talent page css area =*=*=*=*=*=*=*=*=*==*=*/
				
				.min_height{ min-height:720px;}
				
				
/*.compnylogo{ position:relative; float:left; align-content: bottom; align-items: center; display: flex !important; justify-content: bottom; width:350px; height:55px;}*/

.compnylogo { max-height: 75px; max-width: 350px; float: left; /*border: 1px solid #f00;*/ margin: 6px 3px;
/*display: inline-flex;*/
overflow:hidden;
  /*justify-content: flex-end;
  align-items: flex-end;
  align-content: flex-end;*/
  
  justify-content: center;
  align-items: center;
  align-content: center;
}

.compnylogo img{ /*width: 100%;*/}

.companyName{ position:relative; float:left; margin:19px 0px 0px;}
.companyName h3{font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; letter-spacing:0.3px; color:#666666; padding:0px 5px;}

.inner_header_area{ float: left; padding:10px 0px; position: relative; width: 100%;}			
.navigation_bar{ float: left; padding:0; position: relative; width: 100%;}

.userIcon{ width:40px; height:40px; position:relative; float:right;  border-radius:100%; background:#e15662; /*overflow:hidden;*/ margin:12px 0px;}
.userIcon a{ display:block; font-size:22px; color:#fff; padding:0px;  width:40px; height:40px; overflow:hidden;  border-radius:100%;}
/*  drop down logout css area   */
.dropdown-menu{ left:-80px; width:230px; margin:0px;}
.userIcon .dropdown-menu li a{ width:100%; border-radius:0; font-family: RobotoRegular; font-size:15px; color:#3593ee; height:auto; padding:10px 15px; text-align:center;}
.userIcon .dropdown-menu li a:hover{ background:#3593ee; color:#fff;}

/*.userDetails{ width:100%; text-align:center; margin:10px 0px;}
.userDetails a{ margin:0px auto; width:100px; height:100px; align-content: center; align-items: center; display: flex; justify-content: center;}
.username{ margin:0px; padding:2px 15px; font-family: RobotoMedium; font-size:16px; color:#333333; letter-spacing: 0.8px;}
.usermail{  margin:0px; padding:2px 15px; font-family: RobotoRegular; font-size:14px; color:#333333; display:inline-block; letter-spacing: 0.3px;}


.notification{ width:30px; height:30px; position:relative; float:right; border-radius:100%; background:#e15662; overflow:hidden; margin: 15px 25px;}
.notification a{ display:block; font-size:18px; color:#fff; padding: 5px 6px;}*/

.custom-search-input { padding: 0; width:60%; float:left; margin: 12px 0; }
.left-inner-addon {  float: left;position: relative;width: 100%;}
.left-inner-addon input { padding-left: 40px; border:none; box-shadow:none; background:rgba(240,240,240,1); height:40px; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; font-weight:300; color:#999; }
.left-inner-addon input:focus{ box-shadow:none; background:rgba(240,240,240,0.5);}
.left-inner-addon i { position: absolute; padding: 12px 12px; pointer-events: none; color:#999999; font-size:16px; opacity:0.8;}

.left-inner-addon2 {  float: left;position: relative; width: 100%;}
.left-inner-addon2 input { padding-left: 40px; border:none; box-shadow:none; background:rgba(240,240,240,1); height:40px; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; font-weight:300; color:#999; }
.left-inner-addon2 input:focus{ box-shadow:none; background:rgba(240,240,240,0.5);}
.left-inner-addon2 i { position: absolute; padding: 12px 12px; pointer-events: none; color:#999999; font-size:16px; opacity:0.8;}


.custom-search-input input::-moz-placeholder {  /* Firefox 19+ */ opacity:1; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; color:#999999 !important;}
.custom-search-input input::-webkit-input-placeholder {  /* Firefox 19+ */ opacity:1; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; color:#999999 !important;}
.custom-search-input input:-ms-input-placeholder {  /* Firefox 19+ */ opacity:1; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; color:#999999 !important;}

.navigation_bar .navbar{ background:#ba1422; border-radius:0px; margin:0px;}
.nav > li{ margin:0px 1px;}
.navbar-nav > li > a{font-family: 'Roboto', sans-serif; font-weight:400; font-size:16px; font-weight:400; color:#fff; padding:14px 10px;}
.navbar-nav > li > a .fa{ padding-right:15px; opacity:0.7; font-size:18px;}
.nav > li > a:focus, .nav > li > a:hover{ background:rgba(0,0,0,0.2) !important; outline:none; color:#fff !important;}

.active{background:rgba(0,0,0,0.2);}
.active a .fa{ opacity:1 !important;}


.add_talent_area{ width:100%; float:left; position:relative; margin:15px 0px; padding:0px; text-align:center;}
.add_talent_area h2{font-family: 'Roboto', sans-serif; font-weight:500; font-size:30px; color:#333333; font-weight:500; text-align:center; margin:20px 0px 10px; padding:0px; letter-spacing:.8px;}
.add_talent_area span{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:18px; 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{ display:block; font-size:120px; padding: 30px 50px; color:#fff;}

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

			/*=*=*=*=*=*=*=*=*= add talent2 page css area =*=*=*=*=*=*=*=*=*==*=*/

.heads{ position:relative;}
.heads h2{font-family: 'Roboto', sans-serif; font-weight:500; font-size:30px; color:#333333; font-weight:500; text-align:left; margin:26px 0px 14px; padding:0px; letter-spacing:.8px;}
.importBtn{ background:#f0f0f0; border:none; padding:10px 35px;  font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; color:#3593ee; margin:20px 0px 0px; transition:all 0.4; float:right;}
.importBtn:hover{ background:#3593ee; color:#f0f0f0; transition:all 0.4;}
.btn-default.focus, .btn-default:focus{ background:#3593ee; color:#f0f0f0;}
.marginBtm{ margin-bottom:150px;}
.addtalent_info_area{ width:100%; float:left; position:relative; background:#f6f6f6; /*height:312px;*/ border:1px solid #e5e5e5; margin:10px 0px;}
.talent_info{ display: inline-block; width: 100%; margin:18px 0px;}
.talent_info label {color: #333333; font-family: 'Roboto', sans-serif; font-weight:400; font-size: 15px; font-weight: 300; letter-spacing: 0.8px;  margin: 3px 0 5px; padding: 0;}
.talent_info input[type="text"] { height: 45px; line-height: 33px;}
.talent_info input:focus { box-shadow:none;}
.talent_info select::-ms-expand {
    display: none;
}
.talent_info select { line-height:33px; height:45px; background:#fff url(../img/select_arrow.png) no-repeat center right; 
-webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;
}
.talent_info select:focus{ box-shadow:none;}
.countspan{ bottom: 0; font-size: 18px; height: 30px; left: 0; padding: 0; position: absolute; width: 30px; z-index: 9999; text-align: center;}
.countspan .dropdown-menu{ width: 100px; left: 0px;}

.addtalent_info_area .addperform{ bottom: 0; font-size: 18px; height: 30px; left: 0; padding: 0; position: absolute; width: 30px; z-index: 9999;}
.addtalent_info_area .addperform .dropdown-menu{ width: 100px; left: 0px;}

.network_logo_area{ background:#e1e1e1; min-height:310px; position:relative; display:inline-block; width:100%;}
.network_logo_pics {
    align-content: center;
    align-items: center;
   /* background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3);*/
    display: flex;
    height: 130px;
    justify-content: center;
    margin: 46px auto 20px;
    overflow: hidden;
    transition: all 0.7s ease 0s;
    width: 100%;
}

.network_logo_pics:hover{ box-shadow:none; transition:all 0.7s;}
.network_logo_pics > a {
    align-content: center;
    display: flex;
   /* height: 122px;
    width: 122px;*/
    justify-content: center;
    position: relative;
}



.network_logo_pics a:focus{ outline:none;}
.network_logo_pics a img { max-height: 160px; max-width: 250px; border-radius: 10%;}
/*.talent_user_pics .fa{ position: absolute; padding: 50px; top:50px; left: 50px;}*/
.network_logo_pics .fa { color: #fff;
   font-size: 20px;
   left: calc(50% - 10px);
   position: absolute;
   top: calc(50% - 10px);
}

.talent_user_area{ background:#e1e1e1; min-height:323px; position:relative; display:inline-block; width:100%;border-radius: 2%;}
/*.talent_user_pics{ width:122px; height:122px; background:#3593ee; margin:50px auto 20px;  border-radius:100%; overflow: hidden; 
-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;

align-content: center; align-items: center; display: flex; justify-content: center;
}*/
.talent_user_pics {
    align-content: center;
    align-items: center;
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3);
    display: flex;
    height: 130px;
    justify-content: center;
    margin: 42px auto 20px;
    overflow: hidden;
    transition: all 0.7s ease 0s;
    width: 126px;
}

.talent_user_pics:hover{ box-shadow:none; transition:all 0.7s;}
.select:before {
    display:block;
    position:absolute;
    content:'';
    /*right:20px;*/
    top:28px;
    height:42px;
    width:45px;
    margin:2px;
    /*background:#fff url(../img/select_arrow.png) no-repeat center right;*/
    z-index:5;
}

.addkeyvoice_info_area { background: #f6f6f6; border: 1px solid #e5e5e5; float: left; margin: 10px 0; position: relative; width: 100%;}
.addkeyvoice_info_area .talent_user_area { background: #e1e1e1; display: inline-block;  min-height:250px; position: relative; width: 97%; float:right;}
.addkeyvoice_info_area .inputBox{ margin:10px 0px;}
.addkeyvoice_info_area .inputBox [type="checkbox"]:not(:checked) + label::before, .addkeyvoice_info_area [type="checkbox"]:checked + label::before{ background:none; border:1px solid #999999; border-radius:3px;}
.addkeyvoice_info_area .inputBox [type="checkbox"]:not(:checked) + label, .addkeyvoice_info_area [type="checkbox"]:checked + label{ color:#404040 !important;}
.addkeyvoice_info_area  label:hover:before { border: 1px solid #999!important;}


/*.talent_user_pics a{ display:block; position: relative; text-decoration:none; font-size:25px; color:#fff; width: 122px; height: auto; align-content: center; align-items: center; display: flex; justify-content: center;}*/
.talent_user_pics > a {
    align-content: center;
    display: flex;
   /* height: 122px;
    width: 122px;*/
    justify-content: center;
    position: relative;
}



.talent_user_pics a:focus{ outline:none;}
.talent_user_pics a img { max-height: 160px; }
/*.talent_user_pics .fa{ position: absolute; padding: 50px; top:50px; left: 50px;}*/
.talent_user_pics .fa { color: #fff;
   font-size: 20px;
   left: calc(50% - 10px);
   position: absolute;
   top: calc(50% - 10px);
}


.talent_name{ position:relative; text-align:center; display:inline-block; width:100%;}
.talent_name h3{font-family: 'Roboto', sans-serif; font-size:18px; color:#333333; font-weight:500; text-align:center; display:inline-block; margin:5px 0px 5px; padding:0px; letter-spacing:.8px; word-break: break-all; word-wrap: break-word;}
.talent_designation{margin-bottom: 20px;  position:relative; text-align:center; display:inline-block; width:100%;}
.talent_designation p{font-family: 'Roboto', sans-serif; font-size:14px; color:#333333; font-weight:400; text-align:center; display:inline-block; margin:0px 0px 5px; padding:0px; letter-spacing:.8px;}
.color_area_menu{ position:absolute; top:0px; right:0px; color:#fff; }
.color_area_menu a{ display:block; padding:5px 10px; color:#fff;}
.color_area_menu a:focus{ outline:none;}
.access-history{ font-family: 'Roboto', sans-serif; font-size:15px; color:#333333;}
.access-history li {display: block; padding:4px 0px;}

/**** added by new button 02-03-2016  *****************/

.requstAss_mnt{ text-align:center; margin-bottom: 10px;} 
.requstAss_mnt a{ display:block; padding:10px; border-radius:20px; background:rgba(0,0,0,0.4); margin:0px 20%; font-family: 'Roboto', sans-serif; font-weight:400; font-size:12px; text-decoration:none; color:#fff; transition:all 0.3s;}
.requstAss_mnt a:hover{ /*border-radius:5px 20px;*/ transition:all 0.3s; background:rgba(0,0,0,0.2); }
.requstAss_mnt a:focus{ outline:none;}

.requstAss_sess { text-align:center;}
.requstAss_sess a { display: inline-block;padding: 10px;border-radius: 4px;float: left;background: rgba(0,0,0,0.4); margin: 0px 6px;font-size: 12px;text-decoration: none;color: #fff;transition: all 0.3s; width: 45%;}
.requstAss_sess a:hover{ /*border-radius:5px 20px;*/ transition:all 0.3s; background:rgba(0,0,0,0.2); }
.requstAss_sess a:focus{ outline:none;}
.online-session{font-size: 16px; padding-top: 36px; float: left; text-align: right;}



/*=*=*=*=*=*=*=*=*= bootstrap model popup(add Color box) css area =*=*=*=*=*=*=*=*=*==*=*/
			
#myModal .modal-dialog{ margin: 140px auto 30px; width:550px;}
#myModal .modal-body{ display:inline-block; padding: 5px 10px; height:500px; overflow-y:scroll;}
.modal-footer { border-top: none; padding: 5px 18px 10px; text-align: right;}
.modelClos{ background:none; border:none; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; color:#3593ee;}
.modelClos:hover{  background:none; border:none;}
.modelClos:focus{  background:none; border:none; outline:none;}
.modal-title{ font-family: 'Roboto', sans-serif; font-weight:500; font-size:24px; color:#333333;}

.colorBox{ width:92px; height:92px; margin:5px; background:#f3f3f3; position:relative; float:left; overflow:hidden; cursor: pointer;}
.colorBox a{ display:inline-block; padding: 36px; text-decoration:none;}
.active_color_box{border:3px solid #999999;}
.active_color_box:before{ font-family:FontAwesome; font-size: 30px; padding: 20px 30px; position: absolute; color:#212121;}

/*=*=*=*=*=*=*=*=*= bootstrap model popup(add picture) css area =*=*=*=*=*=*=*=*=*==*=*/
#myModalpics .modal-dialog{ margin: 140px auto 30px; width:560px;}
#myModalpics .modal-body{ height:500px; overflow-y:scroll;}	
.pics_Box{ width:160px; height:160px; margin:5px; background:#f3f3f3; position:relative; float:left; overflow:hidden; align-content: center; align-items: center; display: flex; justify-content: center;}
.pics_Box a{ display:inline-block; padding:0px; text-decoration:none; position: relative;}
.uploadBox{ width:160px; height:160px; margin:5px; background:#f3f3f3; position:relative; float:left; overflow:hidden;}
.uploadBox a{ display:inline-block; padding: 55px 37px; text-decoration:none; text-align:center; color:#757575; font-size:18px;}
.uploadBox span{ width:100%; display:block; text-align:center; font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#333333;}
.active_pics{ border: 2px solid #ba1422;}
.active_pics a{opacity: 0.5;}
/*=*=*=*=*=*=*=*=*= bootstrap model popup(import talent pops) css area =*=*=*=*=*=*=*=*=*==*=*/
.brostalant{ padding:10px 15px 0px;}
.txt_area{ display:inline-block; position:relative; width:100%; padding:15px;}
.txt_area p{  font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#333333; line-height:24px; letter-spacing:0.3px;}
.txt_area p a{  font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#3593ee;}

#myModaltalent .progress{ background-color:none; box-shadow:none; height:2px; border-radius:0px; margin-bottom:10px;}
#myModaltalent .table{ overflow:scroll;  height:520px;}
#myModaltalent .bygg-zui-table{ width:1000px; border-collapse: collapse; border-spacing: 0;}

#myModaltalent .modal-body{ padding:0px 0px;}
.bygg-zui-table thead th { color: #404040; padding: 8px 10px; text-align: left; font-family:Robotolight; font-size:14px; background:#f9f9f9; border: solid 1px #dddddd;}
.bygg-zui-table tbody td { border: solid 1px #dddddd; color: #404040; padding: 8px 10px; font-family: 'Roboto', sans-serif; font-size:14px;}

.bygg-zui-table tbody tr:last-child{border-bottom: solid 1px #dddddd;}
.bygg-zui-table tr:nth-child(even) {background: #f9f9f9}
.bygg-zui-table tr:nth-child(odd) {background: #FFF}

.importnametable .inputBox [type="checkbox"]:not(:checked) + label::before, .importnametable [type="checkbox"]:checked + label::before{ background:none; border:1px solid #999999; border-radius:0px;}
.importnametable .inputBox [type="checkbox"]:not(:checked) + label, .importnametable [type="checkbox"]:checked + label{ color:#404040 !important;}
.importnametable  label:hover:before { border: 1px solid #999!important;}


#schedule_edit_dispaly .modal-dialog{ margin: 140px auto 30px; width:750px;}
#schedule_edit_dispaly .modal-body{ display:inline-block; padding: 5px 0px; background:#f6f6f6; width:100%; /*height:500px; overflow-y:scroll;*/}


.marTp{ margin:15px 0px;}
.adsmor{ display:inline-block; float:left; position:relative; margin:25px 0px;}
.adsmor a{ display:block; font-family: 'Roboto', sans-serif; font-weight:400; font-size:18px; color:#3593ee; text-decoration:none;}
.adsmor a:before{content: '\f067'; font-family:FontAwesome; font-size:14px; font-weight:300; padding-right:10px;}

.cancel{display:inline-block; float:left; position:relative; margin:25px 0px;}
.cancel a{ display:block; font-family: 'Roboto', sans-serif; font-weight:400; font-size:18px; color:#3593ee; text-decoration:none;}

/*=*=*=*=*=*=*=*=*= talent page css area =*=*=*=*=*=*=*=*=*==*=*/
.talent-page-area{ margin-top:3px;}
.talent-page-area2{ margin-bottom:100px; margin-top:3px;}

.talent_box{ width:269px; height:300px; background:#666; position:relative; float:left; margin:8px; padding:0px;}
.colr{background:#666; min-height:300px;}
.sm-pad{ padding:0px 8px !important; margin:8px 0px;}
.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; display: block; font-size: 25px; padding:0px; text-decoration: none;}*/
.talent-page-area .talent_user_area:first-child{}
.talent-page-area .talent_user_area:first-child .alent_user_pics{}

.talent_add_user_pics { background: #1d8492; border-radius: 100%; height: 40px; margin: 120px auto 10px; width: 40px;}
.talent_add_user_pics a{ display:block; color:#fff; font-size:20px; padding:7px 12px;}
.add_talent {display: inline-block; position: relative; text-align: center; width: 100%;}
.add_talent p { color: #fff; display: inline-block; font-family: 'Roboto', sans-serif; font-weight:400; font-size: 18px; font-weight: 400; letter-spacing: 0.3px; margin: 0px; padding: 0; text-align: center;}

.talentMenu{ border-radius: 100%; color: #fff; float: right; font-size: 20px; height: 40px; padding: 6px; position: relative; text-align: center; transition: all 0.3s ease 0s; width: 40px;}
.talentMenu a { color: #fff; padding: 5px 12px; opacity: 0.7;}

.talentMenu .dropdown-menu{right: 5px; margin: -10px 0 0; left:-125px; width: 160px;}
.talentMenu .dropdown-menu > li > a{padding: 5px 10px;}
.talentMenu .dropdown-menu > li > a .fa{ padding-right:5px;}


/*=*=*=*=*=*=*=*=*= talent key voice page css area =*=*=*=*=*=*=*=*=*==*=*/

/*.banner-section{ background-repeat: no-repeat !important; background-size: cover !important; display: inline-block; height: 250px; overflow: hidden; width: 100%; position: relative;}
.banner-section {
    background: rgba(0, 0, 0, 0) url("../../img/details-header-bg.jpg") no-repeat scroll 0 0 / cover ;
    display: inline-block;
    height: 250px;
    overflow: hidden;
    width: 100%;
}
.banner-area{ background:url(../img/2ndpage-banne.png) no-repeat 0px -100px; background-size:cover; height:360px;}
.banner-section:after{ background:rgba(51,51,51,0.6);content:''; position:absolute; width:100%; height:100%; top:0; left:0}
*/

.talent_details_user_pics {background:#fff none repeat scroll 0 0; border-radius: 100%; box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3); height: 128px; margin: 50px 30px 20px; width: 128px; overflow:hidden; float:left; position: relative; z-index: 999; align-content: center; align-items: center; display: flex; justify-content: center;}
.talent_details_user_pics a{color: #fff; display: block; font-size: 25px; padding: 0; text-decoration: none; /* width: 122px; height: auto;*/}
.talent_details_user_pics a img{max-width: 100%}
.details_name{ float:left; margin: 80px 0px 20px; position:relative; z-index: 999;}
.details_name h3{ font-family: 'Roboto', sans-serif; font-weight:700; font-size:24px; color:#fff; letter-spacing:0.5px; padding:0px; margin:0px;}
.details_name p{ font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; color:#fff; letter-spacing:0.5px; padding:5px 0px; margin:0px;}

.addphoto{ width:40px; height:40px; background:rgba(255,255,255,0.2); border-radius:100%; float:right; margin: 80px 0px 20px; position: relative; z-index: 999;}
.addphoto a{ display:block; padding:10px 12px; color:#fff; font-size:14px;}


.details_navbar{ position:relative; margin-top:-50px; background:rgba(0,0,0,0.3); width:100%;}
.details_navbar .navbar{ border-bottom:1px solid #fff; margin-bottom:40px;}
#myNavbar2 .nav > li > a{ transition:all 0.4s;}
#myNavbar2 .nav > li > a:hover{ background:rgba(255,255,255,1) !important; outline:none; color:#333 !important; transition:all 0.4s;}

.details_navbar .nav > li > a:focus, .nav > li > a:hover{ background:rgba(255,255,255,1); outline:none; color:#333; transition:all 0.4s;}
.userActive{ background:#fff !important; }
.userActive a{color:#333333 !important;}

.descrip{ position:relative; width:100%; display:inline-block;}
.descrip h4{font-family: 'Roboto', sans-serif; font-weight:500; font-size:18px; color:#333; letter-spacing:0.5px;}
.descrip p{font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#333; letter-spacing:0.5px; padding:5px 0px;}
/*=*=*=*=*=*=*=*=*= Assessment page css area =*=*=*=*=*=*=*=*=*==*=*/			

.archive_area{ width:100%; display:inline-block; /*border:1px solid #000;*/}
.archive_area h2{font-family: 'Roboto', sans-serif; font-weight:500; font-size:24px; color:#333; letter-spacing:0.5px; padding:0px 8px;}

.inviteassemnt{width:100%; display:inline-block; /*border:1px solid #000;*/}
.invite{}
.invite h2{font-family: 'Roboto', sans-serif; font-weight:500; font-size:24px; color:#333; letter-spacing:0.5px; padding:0px 14px; margin:5px 0px;}
.invite p{font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#333; letter-spacing:0.5px; padding:20px 8px 5px; margin:10px 6px 5px;}

.invite_info{display: inline-block; margin:0; width: 100%;}
.invite_info .form-group{ padding-right:0px;}
.invite_info input[type="text"] { height: 45px; line-height: 33px; position:relative;}
.invite_info input:focus{ box-shadow:none;}
.invite_info a{ position:absolute; top:0px; right:0px; background:#4daf50; padding:9.3px 20px; border-radius:0px 5px 5px 0px; font-size:18px; color:#fff;}



.invite_info input::-moz-placeholder {  /* Firefox 19+ */ opacity:1; font-family: 'Roboto', sans-serif; font-size:15px; font-weight:400; color:#999999 !important;}
.invite_info input::-webkit-input-placeholder {  /* Firefox 19+ */ opacity:1; font-family: 'Roboto', sans-serif; font-size:15px; font-weight:400; color:#999999 !important;}
.invite_info input:-ms-input-placeholder {  /* Firefox 19+ */ opacity:1; font-family: 'Roboto', sans-serif; font-size:15px; font-weight:400; color:#999999 !important;}

.assessment_file{ width:122px; height:122px; background:#fff; margin:50px auto 20px;  border-radius:100%; overflow:hidden
-webkit-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.2);
box-shadow: 1px 1px 7px 0px rgba(0,0,0,0.2);
}
.assessment_file a{ display:block; font-size:50px; color:#555452; padding:25px 40px;}
.assisment_info{  position:relative; text-align:center; display:inline-block; width:100%;}
.assisment_info p{font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#333333; font-weight:400; text-align:center; display:inline-block; margin:0px 0px 5px; padding:0px 50px; letter-spacing:.5px;}

/*=*=*=*=*=*=*=*=*=----------------------- Best Practices and Recommendations css area ------------------------------=*=*=*=*=*=*=*=*=*==*=*/

.practices-page-area{margin-bottom: 100px; margin-top: 3px; /*border:1px solid #f00;*/ position:relative;}

.item { background: #efefef; color: #000; padding:0px; /*word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap;*/ width: 100%; float:left; margin: 10px 2%;}
.item h2{font-family:RobotoMedium; font-size:18px; font-weight:500; color:#333333; margin:0px; padding:16px 30px 21px 15px;}
.item p{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; color:#333333; margin:0px; padding:10px 0px; line-height:22px;}

 
.performance-item { background: #efefef; color: #000; /*padding:0px 3%;*/ width:100%; /*word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap;width: 76%;*/ float:left; margin: 10px 2%; font-style: normal;}
.performance-item h2{font-family:RobotoMedium; font-size:18px; font-weight:500; color:#333333; margin:0px; padding:11px 30px 15px;}
.performance-item p{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; color:#333333; margin:0px; /*padding:30px;*/ padding:5px 20px 10px; line-height:22px;}
.legend-list {margin: 0; padding: 0; float: left; position: fixed;}
.legend-list li {display: block; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; color:#333333;padding:2px;margin: 2px 0px;}
.legend-list li h4{border-bottom: solid 2px; height: 25px; width: 133px;}
.legend-list li img {width: 110px; padding-right: -80px;}

.legend-list2 {margin: 0; float: left; padding-left: 34px; }
.legend-list2 li {display:inline-block; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; color:#333333;}
.legend-list2 li img {width: 100px; padding-right: -80px;}


/*.blog_video{ display:inline-block; width:100%; /*border:1px solid #f00; overflow:hidden; margin:0px 0px 28px; padding:0px;}*/
.blog_video{width:100%; max-height: 470px; /*float:left;*/ margin:20px 0px 0px 0px; position:relative; text-align: center; /*display:flex;*/ overflow: hidden; justify-content: center; align-items: center; align-content: center;}
.blog_video img{ /*max-width:100%;*/ width: auto !important; max-height: 470px;}

.comment_and_feedback{ display:inline-block; width:100%; position:relative; margin:0px 0px 0px; padding:0px;}
.feedback{ text-decoration:none; padding:12px 0px 0px; margin:0%; font-family: 'Roboto', sans-serif; display:inline-block; float:left; font-size:14px; font-weight:400;  color:#fff; border-radius:30px;}
.comment_and_feedback a{ text-decoration:none; color:#000; width: 30%; text-align:center; float: left;}
.comment_and_feedback a:hover{ text-decoration:none; color:#000;}
.comment_and_feedback a:focus{ text-decoration:none; outline:none; color:#000;}
.comment_and_feedback ul li{display: inline-block; width: 33%}
.comments{text-decoration:none; padding:12px 0px 0px; margin:0%; font-family: 'Roboto', sans-serif; display:inline-block; float:right; font-size:14px; font-weight:400; color:#fff; border-radius:30px;}

.loader{background:#fff; width:50px; height:50px; padding:10px; border-radius:50%; box-shadow:0 0 10px rgba(0,0,0,0.30); margin: 0px 45%;}

/* ================= post img video and etc =============================*/
.post_create{position: relative; float: right; width: 100%; padding: 0 30px; color: #555;}
.post_creator{position: relative; float: left; width: 100%; padding: 0 18px; color: #555;}
.post_area{ position: relative; float: left; width: 100%; padding: 0 10px;}
.post_area h1{ padding-left: 20px;}
.post_area p{ position: static; width: 100%; line-height:1.5;}
.post_area p img{max-width:500px;}
.post_area span{margin:0px 0px 20px 0px; line-height:1.5;}
.post_area p iframe{height: 315px !important; width: 100% !important; float: left; }
.post_area div iframe{height: 315px !important; width: 100% !important; float: left; }
.videodetector{ padding-bottom:2% !important;}
.commnt_area{ /*min-height:450px;*/ width:100%; float:left; position:relative; background:#f5f5f5; display:none;}
.commnt_area ul{ float:left; margin:0px; padding:30px 0px; width:100%;}
.commnt_area ul li{ list-style-type:none; float:left; position:relative; width:100%; margin:0px; padding:14px 0px 14px 30px;}
.commnt_bx{ position:relative; float:left; width:100%;}
.commnt_bx a{ width:49px; height:49px; overflow:hidden; position:relative; float:left; border-radius:100%; margin:5px 0px; display: flex;}
.commnt_bx a img{ width:100%; height:100%;}
.commnt_bx h3{font-family: 'Roboto', sans-serif; display:inline-block; float:left; font-size:14px; font-weight:400; width:90%; margin:0px; padding:0px 20px;}
.commnt_bx p{font-family: 'Roboto', sans-serif; display:inline-block; float:left; font-size:14px; font-weight:300; width:90%; margin:0px; padding:0px 30px;}

.commnt_bx .form-group{width:90%; margin:0px; padding:7px 20px 0; float:left;}
.commnt_bx .form-group input{ height:45px;}
.comment-edit{ position:relative; float:right; width:40px; /*border:1px solid #f00;*/ text-align:center; color:#fff; font-size:20px; height:40px; padding:6px; /*background:rgba(255,255,255,0.3);*/ border-radius:100%; transition:all 0.3s;}
.comment-edit a{ color:#777; padding:5px 12px;}
.comment-edit a .fa{ text-shadow:2px 4px 3px rgba(0,0,0,0.3);}
.comment-edit a:hover{color:#777; transition:all 0.3s;}
.comment-edit:hover{background:rgba(255,255,255,0.3);}

.addperform{ position:relative; float:right; width:142px; /*border:1px solid #f00;*/ text-align:right; color:#fff; font-size:20px; height:40px; padding:6px; /*background:rgba(255,255,255,0.3);*/ border-radius:100%; transition:all 0.3s;}
.addperform a{ color:#fff; padding:5px 12px;}
.addperform a .fa{ text-shadow:2px 4px 3px rgba(0,0,0,0.3);}
.addperform a:hover{color:#fff; transition:all 0.3s;}
.addperform:hover{background:rgba(255,255,255,0.3);}
.addperform .dropdown-menu{ margin:0px; padding:0px; left:-100px !important;}
.addperform .dropdown-menu li{ padding:0px; margin:0px;}
.addperform .dropdown-menu li a{ padding:10px; font-family: 'Roboto', sans-serif; color:#333333; font-size:14px;}
/*
.filter_area{ margin-bottom:10px;}
.filter_area p{ font-family: 'Roboto', sans-serif; color:#333333; font-size:14px; float:right;}
.fil_option{background:#999; width:25%; float:left;}
.filter_area [type="checkbox"]:not(:checked) + label::before, .filter_area [type="checkbox"]:checked + label::before{border: 1px solid #cccccc;}
.filter_area [type="checkbox"]:not(:checked) + label::after, .filter_area [type="checkbox"]:checked + label::after{background: #333333; border: 1px solid #cccccc; }
.filter_area label:hover:before { border: 1px solid #cccccc!important;}
.filter_area [type="checkbox"]:not(:checked) + label, .filter_area [type="checkbox"]:checked + label{ color:#333333 !important;}
*/

.adBtn{ width:100px; height:100px; position: relative; float: right; bottom:0px; right:20px;}
.plusArea{ width:100px; height:100px; background:#ba1422; border-radius:100%; display:block; font-size:45px; color:#fff; padding: 21px 33px;}
.plusArea:hover{ color:#fff;}
.plusArea:focus{ color:#fff; outline:none;}

.toglsDrop{ /*width:100%; padding-top:10px;*/ float:left; /*position:absolute; top:0px; left:-250px; height:120px;border:1px solid #f00;*/}
.toglsDrop a{ background:rgba(0,0,0,0.4); padding:7px;  color:#fff; margin:0px; text-decoration:none; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; display:inline-block; width: 182px;}
.toglsDrop a:hover{ color:#fff;}

/*  28-04-2016 --- */

.linkpost{width:100%; float:left; margin-bottom:10px; position:relative; padding: 0 30px 0px;}
.linkpost a{ display:block; font-family: 'Roboto', sans-serif; font-weight:500; font-size:14px; /*background:url(../../images/link.png) no-repeat 0px 0px;*/ height:30px; margin: 5px 0px; padding: 3px 0 0 0px; text-decoration:none;}
.linkpost a:before{ content:'\f0c1'; font-family:FontAwesome; width:30px; height:30px; background:rgba(0,0,0,0.5); color:#fff; padding:5px 7px; border-radius:100%; margin-right:10px;}
.item h3{font-family:RobotoMedium; font-size:16px; font-weight:500; color:#333333; margin:0px; padding:10px 30px 5px;}
.filter_area{ width:90%; padding-left: 18px; float:left; margin-bottom:10px;}
.filter_area .form-group { margin-bottom:0px;}
.filter_area select { -moz-appearance: none; -webkit-appearance: none; appearance: none; line-height: 22px; background: #fff url("../img/select_arrow.png") no-repeat scroll right center; height: 35px;}
.filter_area select:focus{ box-shadow:none; border: 1px solid #ccc; outline: none;}

.filter_area  select::-moz-focus-inner{outline: none;}

.filter_area label {color: #333333; font-family: 'Roboto', sans-serif; font-weight:400; font-size: 15px; padding: 10px 0 5px;}
.filter_area .custom-search-input{ margin:0px;}

.collapsible { background-color: #777;color: white;cursor: pointer;padding: 18px;width: 100%;border: none;text-align: left; outline: none; font-size: 15px;margin-left: 16px; margin-bottom: 6px;text-shadow: 0 1px 1px #000; border-radius: 4px;
}

.active-tab, .collapsible:hover {background-color: #555;}

.collapsible:after {content: '\002B';color: white; font-weight: bold;float: right; margin-left: 5px;}

.active-tab:after {content: "\2212";}

.content { padding: 0 18px;max-height: 0;overflow: hidden;transition: max-height 0.2s ease-out;}
.uparrow:after{content: "Read less \02C4"; font-weight: bold;margin-left: 5px;font-size: 15px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;color: mediumvioletred;cursor: pointer;transition-duration: 2s;}
.downarrow:after{content: "Read more \02C5";font-weight: bold;margin-left: 5px;font-size: 15px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;color: mediumvioletred;cursor: pointer;transition-duration: 2s;} 
.downarrow-performance:after{content:"Read more \02C5";font-weight: bold;font-size: 15px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;color: mediumvioletred;cursor: pointer;transition-duration: 1s; margin-bottom: 20px; padding-top: 10px; display: block;}
.uparrow-performance:after{content: "Read less \02C4";font-weight: bold;font-size: 15px; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;color: mediumvioletred;cursor: pointer;transition-duration: 1s; padding-top: 10px; display: block;} 



/*  ============================   user area icon and profile dropdown  05-04-2016 ================================================*/

/*  drop down logout css area   */
.userIcon{ width:40px; height:40px; position:relative; float:right;  border-radius:100%; background:#e15662; /*overflow:hidden;*/ margin:12px 0px;}
.userIcon a{ display:flex; font-size:22px; color:#fff; padding:0px;  width:40px; height:40px; overflow:hidden;  border-radius:100%; justify-content: center; /*align-items: center;*/ align-content: center;
}
.userIcon a img{ width:100%;}

.userIcon .dropdown-menu{ left:-200px; width:250px; margin:0px; top:14px; position:relative;}
.uerArrow{background:url(../img/userarrow.png) no-repeat; width:24px; height:14px; top:-14px; right:15px; position:absolute;}
.userIcon .dropdown-menu li a:hover{ background:#3593ee; color:#fff;}

.userDetails{ width:100%; text-align:center; padding:10px 0px 15px; border-bottom:1px solid #e5e5e5;}
.userDetails a{ margin:0px auto; width:100px; height:100px; /*align-content: center; align-items: center;*/ display: flex; /*justify-content: center;*/}
.username{ margin:0px; padding:22px 15px 10px; font-family: 'Roboto', sans-serif; font-weight:500; font-size:18px; color:#333333; letter-spacing: 0.8px;}
.usermail{  margin:0px; padding:5px 15px; font-family: 'Roboto', sans-serif; font-weight:400; font-size:14px; color:#333333; display:inline-block; letter-spacing: 0.3px;}
.userIcon .dropdown-menu li{ list-style-type:none; margin:0px; padding:0px;}
.userIcon .dropdown-menu li a{ width:100%; border-radius:0; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; color:#333333; height:auto; padding:10px 15px; text-align:left;}
.userIcon .dropdown-menu li a .fa{ padding-right:12px;}

.notify{ width:31px; height:31px; position:relative; float:right;  border-radius:100%; background:#e15662; /*overflow:hidden;*/ margin:17px 24px;}
.notify a{ display:block; font-size:18px; color:#fff; padding:3px; text-align:center;  width:31px; height:31px; overflow:hidden;  border-radius:100%;}

.notify .dropdown-menu{ left:-395px; width:440px; margin:0px; top:14px; position:relative;}
.noti-details{width:100%; text-align:left; padding:8px;}
.noti-details h3{font-family: 'Roboto', sans-serif; font-weight:500; font-size:19px; color:#333333; padding:0px; margin:0px;}
.notify .dropdown-menu li{ list-style-type:none; margin:0px; padding:0px;}
.notify .dropdown-menu li a{ width:100%; border-radius:0; font-family: 'Roboto', sans-serif; font-weight:400; font-size:12px; color:#333333; background:#f6f6f6; border-top:1px solid #e5e5e5; height:auto; padding:5px; text-align:left;}
.notify .dropdown-menu li:last-child a{border-bottom:1px solid #e5e5e5;}
.notify .dropdown-menu li a i{ padding:6px; color:#fff; border-radius:100%; background:#e15662; margin:0px 5px 0 0; width:25px; height:25px;}
.notify .dropdown-menu li a span{ position:absolute; right:5px; padding:5px; color:#999999;}
.viwall{ color: #117bca !important; height: auto !important; padding: 6px !important; width: 100% !important; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px !important; text-decoration:none;}
.viwall:hover{ text-decoration:none;}


/* ======================================= notification html page css area  ===================================================== */

.notificaton_area{ position:relative; float:left; width:100%; margin-bottom:150px;}
.notificaton_area h2{ font-family: 'Roboto', sans-serif; font-weight:500; font-size:30px; color:#333333; padding:0px; margin:35px 0px 15px;}
.notificaton_area a{ font-family: 'Roboto', sans-serif; font-weight:500; font-size:15px; color:#3593ee; padding:7px 0px; margin:35px 0px 8px; display:inline-block; text-align:right; width:100%; text-decoration:none;}

.notif_area{ border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; padding:10px 30px 0px; background:#f6f6f6; float:left; width:100%;}
.notif_area li{ list-style-type:none; margin:0px; padding:0px;}
.notif_area li a{ width:100%; border-radius:0; font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; color:#333333; background:#f6f6f6; border-bottom:1px solid #e5e5e5; height:auto; padding:10px 15px; text-align:left; margin:0px;}
.notif_area li a:hover{ background:#fff;}
.notif_area li:last-child a{border-bottom:none;}
.notif_area li a i{ padding:8px; color:#fff; border-radius:100%; background:#e15662; margin:0px 10px 0 0; width:31px; height:31px;}
.notif_area li a span{ position:absolute; right:50px; padding:5px; color:#999999;}


/* ======================================= profile page css area  06-04-2016  ===================================================== */

#myNavbar .navbar-nav > li a:hover{ background:rgba(0, 0, 0, 0.2) !important; display:inline-block; color:#fff !important;}
#myNavbar .navbar-nav > li a:hover .fa{ opacity:1;}
.profile_area{ position:relative; float:left; width:100%; margin-bottom:150px;}
.profile_area h2{ font-family: 'Roboto', sans-serif; font-weight:500; font-size:30px; color:#333333; padding:0px; margin:35px 0px 15px;}
.profile_area ul{ border-bottom:none; margin:0px;}
.profile_area ul li{}
.profile_area ul li a{font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; color:#999999;}
.profile_area ul li:hover{ background:none;}
.profile_area .nav .active{ background:none; border:none; border-bottom:3px solid #ba1422; }
.profile_area .nav .active a{color:#333333 !important;}
.profile_area .nav > li > a:focus, .nav > li > a:hover{ background:rgba(255,255,255,0); outline:none; color:#333; transition:all 0.4s;}
.profile_area .nav > li > a:focus, .nav > li > a:hover{ background:none !important; outline:none; color:#fff !important; border-color:#fff; color:#333333 !important;}
.profile_area .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {border-color:#fff; color:#333333 !important;}

.profile_area .tab-content .infopers{border-top:1px solid #e5e5e5 !important; border-bottom:1px solid #e5e5e5 !important; padding:10px 0px; background:#f6f6f6 !important; display:inline-block; width:100%;}
.profile_area .tab-content .active{ background:none; border:none; }
.profile_area .tab-content .active a{color:#333333 !important;}

.profileInfo{display:inline-block; width:100%;}
.profileInfo label{font-family: 'Roboto', sans-serif; font-weight:400; font-size:15px; color:#333; margin:3px 0px 5px; padding:0px; letter-spacing:0.8px; font-weight:300;}
.profileInfo input[type="text"]{ line-height:33px; height:45px;}
.profileInfo input:focus{ box-shadow:none;}
.profileInfo select::-ms-expand { display: none;}
.profileInfo select{ line-height:33px; height:45px; background:#fff url(../img/select_arrow.png) no-repeat center right; 
	-webkit-appearance: none;
       -moz-appearance: none;
        -ms-appearance: none;
         -o-appearance: none;
            appearance: none;}
select::-ms-value { background: none; /* remove blue background on ie10/ie11 when selected*/ color:#000;}
.profileInfo select:focus{ box-shadow:none;}
.profileInfo .files span{background: #fff none repeat scroll 0 0; border-radius: 3px; display: inline-block; padding: 10px 5px;  width: 100%; border: 1px solid #ccc;}

.profile_footer{border-top: medium none; padding: 20px 0px 10px 20px; text-align: right; float:left; width:100%;}
.cancelBt {background:none; border: medium none; color: #3593ee; font-family: 'Roboto', sans-serif; font-weight:400; font-size: 18px; margin: 1px 5px; padding: 11px 40px;}
.cancelBt:hover{ background:none; color:#3593ee;}


.privacy_area {padding:0px !important; margin:0px !important; float:left; width:100%;}
.privacy_area li { list-style-type: none; margin: 0; padding: 0px 0px; float:left; width:100%; border-bottom: 1px solid #e5e5e5;}
.privacy_area li a { background: #f6f6f6; border-radius: 0; color: #333333 !important; font-family: 'Roboto', sans-serif; font-weight:400; font-size: 15px; height: auto; margin: 0; padding: 10px 15px; text-align: left; width: 90%; float:left; text-decoration:none;}
.privacy_area li:last-child { border:none;}

.access-area {padding:0px !important; margin:0px !important; float:left; width:100%;}
.access-area li { list-style-type: none; margin: 0; display: inline-block; padding: 0px 0px; float:left;min-height: 45px; width:33%; border-bottom: 1px solid #e5e5e5;}
.access-area li a { background: #f6f6f6; border-radius: 0; color: #333333 !important; font-family: 'Roboto', sans-serif; font-weight:400; font-size: 15px; height: auto; margin: 0; padding: 10px 15px; text-align: left; width: 90%; float:left; text-decoration:none;}
.access-area li:last-child { border:none;}

.access-area-performance {padding:0px !important; margin:0px !important; float:left; width:100%;}
.access-area-performance li { list-style-type: none; margin: 0; display: inline-block; padding: 0px 0px; float:left;min-height: 45px; width:50%; border-bottom: 1px solid #e5e5e5;}
.access-area-performance li a { background: #f6f6f6; border-radius: 0; color: #333333 !important; font-family: 'Roboto', sans-serif; font-weight:400; font-size: 15px; height: auto; margin: 0; padding: 10px 15px; text-align: left; width: 90%; float:left; text-decoration:none;}
.access-area-performance li:last-child { border:none;}

.access-area-coaching {padding:0px !important; margin:0px !important; float:left; width:100%;}
.access-area-coaching li { list-style-type: none; margin: 0; display: inline-block; padding: 0px 0px; float:left;min-height: 45px; width:25%; border-bottom: 1px solid #e5e5e5;}
.access-area-coaching li a { background: #f6f6f6; border-radius: 0; color: #333333 !important; font-family: 'Roboto', sans-serif; font-weight:400; font-size: 15px; height: auto; margin: 0; padding: 10px 15px; text-align: left; width: 90%; float:left; text-decoration:none;}
.access-area-coaching li:last-child { border:none;}
.search-access {width: 100%}
.search-access li{display: inline-block; padding:10px; float:left;}

.privecy_check_bx{ width:6%; float:right; margin:12px 0px 0px;}
.privacy_area [type="checkbox"]:not(:checked) + label::before, .privacy_area [type="checkbox"]:checked + label::before{border: 1px solid #cccccc;}
.privacy_area [type="checkbox"]:not(:checked) + label::after, .privacy_area [type="checkbox"]:checked + label::after{background: #999999; border: 1px solid #cccccc; }
.privacy_area label:hover:before { border: 1px solid #cccccc!important;}
.privacy_area [type="checkbox"]:not(:checked) + label, .privacy_area [type="checkbox"]:checked + label{ color:#333333 !important;}


/* ======================================= talent calender page css area  11-04-2016  ===================================================== */
                                     
                                     
.talent_calender{ width:100%; float:left; /*border:1px solid #000;*/ min-height:800px; padding-bottom:20px;}
#scrollbar1{ margin-bottom: 50px;}
.fc-head{ background:#eeeeee; font-family: 'Roboto', sans-serif; font-weight:400; font-size: 14px; color:#333333; font-weight:300;}
#myModal_schedule .modal-dialog{ margin: 140px auto 30px; width:750px;}
#myModal_schedule .modal-body{ display:inline-block; padding: 5px 0px; background:#f6f6f6; width:100%; /*height:500px; overflow-y:scroll;*/}
#myModal_schedule .modal-header .close span{ font-size: 30px;}
.choaching_upper_part{ padding:12px 0px 8px; width:100%; border-bottom:1px solid #e5e5e5; float:left;}
.choaching_upper_part label{ padding:10px 0px;  font-family: 'Roboto', sans-serif; font-weight:400; font-size: 15px; color:#333333; font-weight:300;}
.choaching_upper_part select { -moz-appearance: none; -webkit-appearance:none; appearance:none; background: #fff url("../img/select_arrow.png") no-repeat scroll right center; height: 40px; line-height: 33px;}
.choaching_upper_part input[type="text"] {border:1px solid #cccccc;  text-align:left; margin: 0px; border-radius: 3px; height: 40px; padding: 3px 14px; width: 50px;}
.selectBt{ float: right; position: relative; right: 50px; width: 200px;}

.choaching_upper_part .form-group{ margin-bottom:10px;}
.choaching_middle_part{ padding:12px 0px 0px; width:100%; border-bottom:1px solid #e5e5e5; float:left; position: relative;}
.choaching_middle_part h3{ font-family: 'Roboto', sans-serif; font-weight:500; font-size: 18px; margin:0px; padding:5px 15px; color:#333333;}

.optionsBtn{ margin:18px 0px; border-right:1px solid #e5e5e5;}
.radioBtn input[type="radio"] { display:none;}
.radioBtn input[type="radio"] + label { color: #333333;font-family: 'Roboto', sans-serif; font-weight:400; font-size: 15px; font-weight:400;}
.radioBtn input[type="radio"] + label span {display:inline-block; width:20px; height:20px; margin:-1px 4px 0 0; vertical-align:middle; cursor:pointer; -moz-border-radius:  50%;  border-radius:  50%;}
.radioBtn input[type="radio"] + label span { background-color:#fff; border:1px solid #cccccc; margin-right:10px;}
.radioBtn input[type="radio"]:checked + label span{background-color:#666666; padding:5px;}
.radioBtn input[type="radio"] + label span, .radioBtn input[type="radio"]:checked + label span { -webkit-transition:background-color 0.4s linear; -o-transition:background-color 0.4s linear; -moz-transition:background-color 0.4s linear; transition:background-color 0.4s linear;}

.checkboxBt select { -moz-appearance: none; -webkit-appearance:none; appearance:none; background: #fff url("../img/select_arrow.png") no-repeat scroll right center; height: 40px; width: 20%; float: left; line-height: 33px;}
.checkboxBt .txtx{ float: left; padding:5px; }

.choaching_middle_part [type="checkbox"]:not(:checked) + label::before, .choaching_middle_part [type="checkbox"]:checked + label::before{border: 1px solid #cccccc;}
.choaching_middle_part [type="checkbox"]:not(:checked) + label::after, .choaching_middle_part [type="checkbox"]:checked + label::after{color: #999999; background:none; border: 1px solid #cccccc; }
.choaching_middle_part label:hover:before { border: 1px solid #cccccc!important;}
.choaching_middle_part [type="checkbox"]:not(:checked) + label, .choaching_middle_part [type="checkbox"]:checked + label{ color:#333333 !important;}

.checkboxBt{ width:100%; float:left; padding: 10px 1px;}
.checkboxBt p{font-family: 'Roboto', sans-serif; font-weight:400; font-size: 15px; color:#333333; font-weight:300; margin:0px;}
.checkboxBt p input{border:1px solid #cccccc; text-align:center; margin: 0 10px; padding: 3px; width: 60px; height: 30px;display: inline-block;}

.errormss{ position: absolute; right: 76px; top: 12px; padding: 10px 20px !important; color: #f00; font-weight: 500; font-size: 14px;}
.choaching_middle_part span{ padding:2px 0px; float: left; padding: 9px 0 10px 10px;}

.choaching_bottom_part{ padding:12px 0px 22px; width:100%; float:left;}
.choaching_bottom_part h3{ font-family: 'Roboto', sans-serif; font-weight:500; font-size: 18px; margin:0px; padding:5px 15px; color:#333333; font-weight:400;}
.choaching_bottom_part label{ padding:5px 0px;  font-family: 'Roboto', sans-serif; font-weight:400; font-size: 15px; color:#333333; margin:0px;}
.choaching_bottom_part 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;}
.choaching_bottom_part input[type="text"]{border:1px solid #cccccc;  text-align:left; margin: 0 5px; padding:3px 10px; width: 50px;}
.selectBt{ float: right; position: relative; right: 50px; width: 200px;}


#start_date_by{height: 40px; border-radius: 3px;}
#coach_name{height: 40px; border-radius: 3px;}
#coach_email{height: 40px; border-radius: 3px;}

#category_detail01{ margin: 5px 0px;}
.modal-body .myBtn{ padding:10px 15px;}
.modal-body .modelClos{ float:right; margin: 7px 0;}

.fc th, .fc td{font-family: 'Roboto', sans-serif; font-weight:400; font-size: 14px;}
.fc-next-button{margin-right: 20px !important;}
.fc-state-default { background-color: #eeeeee !important; background-image:none !important; background-repeat: repeat-x; border-color:#dddddd !important; box-shadow: none !important; color: #333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);}

.fc-state-hover, .fc-state-down, .fc-state-active, .fc-state-disabled{ background-color: #dddddd !important;}
.fc button{ height: 2.5em !important; padding: 0 0.8em !important; text-transform:capitalize;}
.fc-state-default.fc-corner-left{border-bottom-left-radius: 0px !important; border-top-left-radius: 0px !important;}
.fc-state-default.fc-corner-right {border-bottom-right-radius: 0px !important; border-top-right-radius: 0px !important;}
.col-lg-7 { width: 60.333%;} 

/*===================================== performance goal popup area css  =============================================*/

#addperform_forms .modal-dialog{ margin: 80px auto 30px; width:850px;}
#addperform_forms .modal-body{ display:inline-block; /*padding: 5px 0px;*/ background:#f6f6f6; width:100%; /*height:500px; overflow-y:scroll;*/}
#addperform_forms .performs_area .myBtn { width: 165px; }
#addperform_forms .btn-group > .btn-group { float: right; }

#editperform_forms .modal-dialog{ margin: 80px auto 30px; width:850px; background:#f6f6f6;}
#editperform_forms .modal-body{ display:inline-block;}
#editperform_forms .performs_area .myBtn { width: 165px; }
#editperform_forms .btn-group > .btn-group { float: right; }

.performs_area{ width:100%; float:left; padding:10px;}
.performs_area .form-group{ float:left; width:100%;}
.performs_area .form-group label{ width:20%; float:left; font-family: 'Roboto', sans-serif; font-weight:400; font-size: 15px; display:block; color:#333333; padding: 13px 15px 5px; font-weight:400;}
.performs_area .form-group .form-control{ width: 78%; float:left; height:45px; border-radius:3px; border:1px solid #cccccc; }
.performs_area .form-group textarea{ width: 78%; float:left; border:1px solid #cccccc; height:120px; resize: none; border-radius:3px; padding:10px;}
.performs_area .files label{ width:20% !important; padding:12px;}
.performs_area .files span { background: #fff; border-radius: 3px; display: inline-block; padding: 10px 5px; width: 78%; border:1px solid #cccccc;}

.performs_area .myBtn{ width:188px;}

/*=*=*=*=*=*=*=*=*= master calender left section css area =*=*=*=*=*=*=*=*=*==*=*/

.talent_names { float: left; min-height: 750px; width: 100%; margin:15px 0px 60px;}
.talent_names h2{font-family: 'Roboto', sans-serif; font-weight:400; font-size:30px; color:#333333; padding:0px; margin:0px 0px 5px;}

.talent_names_area {padding:0px !important; margin:0px !important; float:left; width:100%;}
.talent_names_area li { list-style-type: none; margin: 0; padding: 0px 0px; float:left; width:100%;}
.talent_names_area li a { background: #f6f6f6; border-radius: 0; color: #333333 !important; font-family: 'Roboto', sans-serif; font-weight:400; font-size: 15px; height: auto; margin: 0; padding: 10px 15px; text-align: left; width: 90%; float:left; text-decoration:none;}
.talent_names_area li:last-child { border:none;}

.talent_names .custom-search-input{ width: 100%; border: 1px solid #DDD; margin: 12px 0px;}
.talent_names .custom-search-input input{ border-radius: 0px;}
.talent_check_bx{ width:90%; float:left; margin:0px 0px 5px; position: relative;}
.talent_check_bx [type="checkbox"]:not(:checked) + label::before, .talent_check_bx [type="checkbox"]:checked + label::before{border: 1px solid #cccccc;}
.talent_check_bx [type="checkbox"]:not(:checked) + label::after, .talent_check_bx [type="checkbox"]:checked + label::after{background: #999999; border: 1px solid #cccccc; }
.talent_check_bx label:hover:before { border: 1px solid #cccccc!important;}
.talent_check_bx [type="checkbox"]:not(:checked) + label, .talent_check_bx [type="checkbox"]:checked + label{ color:#333333 !important;}

.contener-left{ padding-left: 0px !important;}
/*================== 04-05-2016 delete popups  ========================= */
#coaching_schedule_display .modal-dialog { margin: 300px auto 30px; width: 500px;}
#coaching_schedule_display .modal-body {background: #f6f6f6 none repeat scroll 0 0; display: inline-block; padding: 15px 0; width: 100%;}
#coaching_schedule_display .modal-content .modal-header { padding: 5px 15px;}

#coaching_schedule_display .coaching_when { float: left; padding: 0 15px; width: 100%; background:#f6f6f6;}
#coaching_schedule_display .coaching_when span { color: #333333; display: block; float: left; font-family: 'Roboto', sans-serif; font-weight:400; font-size: 15px; width: 20%;}
#coaching_schedule_display .coaching_when p { color: #333333; display: block; float: left; font-family: 'Roboto', sans-serif; font-weight:400; font-size: 15px; padding-left: 15px; width: 80%; word-break: break-all; margin-bottom:15px;}

#coaching_schedule_display .modal-footer .myBtn { padding:7px 30px !important;}
#coaching_schedule_display .modal-footer .btn-group{ margin:0px 0px;}
#coaching_schedule_display .modal-footer .btn-group a{ padding-top: 5px; display: block; font-size: 19px;}
.modal-header .close {
    font-size: 26px !important;
    margin-top: 0 !important;
}

/*=================== delete popup 2nd css area =====================*/
#scheduleDelete .modal-content{ border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;}
#scheduleDelete .modal-dialog { margin: 250px auto 30px; width: 500px;}
#scheduleDelete .modal-content .modal-body {background: #f6f6f6 none repeat scroll 0 0; display: inline-block; padding: 15px 0; width: 100%;}
#scheduleDelete .modal-content .modal-header { padding: 5px 15px;}

#scheduleDelete .del_area { float: left; margin-bottom: 15px; padding: 0 15px 15px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; width: 100%; background:#f6f6f6;}
#scheduleDelete .del_area span { color: #333333; display: block; float: left; font-family: 'Roboto', sans-serif; font-weight:400; font-size: 15px; width: 20%;}
#scheduleDelete .del_area p { color: #929292; display: block; float: left; font-family: 'Roboto', sans-serif; font-weight:400; font-size: 12px; width: 100%; word-break: break-all; text-align:center; }

.delFirst{ position:relative; float:left; width:100%;}
#scheduleDelete .del_area .myBtn { border-radius: 5px; display: inline-block; margin: 5px 20%; padding: 7px 15px; text-align: center; width: 60%; text-decoration:none;}
#scheduleDelete .del_area .myBtn_as { color: #fff; border-radius: 5px; font-weight: 500; display: inline-block; margin: 20px 20% 5px; padding: 9px 15px; text-align: center; width: 60%; text-decoration:none; 
  background:/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#666666+0,999999+100 */
background: #666666; /* Old browsers */
background: -moz-linear-gradient(45deg, #666666 0%, #999999 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #666666 0%,#999999 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #666666 0%,#999999 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#999999',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ }


/*=================== SMALL COLOR BOX css area =====================*/
.small_color_box{ float:left; width:100%; position:relative;}
.small_color_box a{ width:30px; height:30px; display:block; float:left; margin:3px;}
.active_small_color_box:before{ content: '\f00c'; font-family:FontAwesome; font-size: 15px; padding: 4px 7px; border:1px solid #212121; position: absolute; color:#212121;}

.colors{ background: #f1f1f1;}

.color_plot{ height: 16px;  margin: 3px 0; width: 16px; float: right; background: #eee;}

.myBtn1 {
    background: rgba(0, 0, 0, 0) linear-gradient(135deg, #4caf50 0%, #8bc34a 100%) repeat scroll 0 0;
    border: medium none;
    color: #fff;
    font-family: 'Roboto', sans-serif; font-weight:400;
    font-size: 18px;
    padding: 4px 20px; margin-right: 20px;
    }

/*=*=*=*=*=*=*=*=*= footer css area =*=*=*=*=*=*=*=*=*==*=*/
.footer_area{ width:100%; bottom:0px; background:#f0f0f0; position: absolute; min-height:60px;}
.ft_logo{ padding:17px 0px;}
.footer_area p{ font-family: 'Roboto', sans-serif; font-weight:300;; font-size:12px; color:#999999; padding:21px 0px; margin:0px; text-align:right;}

.modal-backdrop
{
    opacity:0.3 !important;
}



#myModalRecommendation .modal-body { padding: 0px !important;}
#myModalRecommendation .modal-body .txt_area{padding: 0px !important; text-align: center;}
#myModalRecommendation .modal-dialog .modal-content{ background: none !important; border: none; box-shadow: none;}

#myModalPerformance .modal-body { padding: 0px !important;}
#myModalPerformance .modal-body .txt_area{padding: 0px !important; text-align: center;}
#myModalPerformance .modal-dialog .modal-content{ background: none !important; border: none; box-shadow: none;}


.delteBtn{background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    color: #f00;
    left: 0;
    padding: 4px 9px !important;
    position: absolute !important;
    top: 0;
    z-index: 99;}

.delteBtn:hover{color: #f00 !important;}
.delteBtn:focus{color: #f00 !important; outline: none;}

/*======= master calender for mobile css ==========*/
.calenderMaster{ display: block;}
.master_menu{ /*border: 1px solid #f00; */display: none; height: 20px; position: absolute; right: 15px; top: 25px; width: 8%;}
.master_menu .bar{ display: block; width: 100%; height: 3px; background: #666; margin:2px 0px; }

#modalTermAndCondition .modal-dialog{ margin: 50px auto 0px;}



/*========================= 22-07-2016 (request feedback model popup) =====================*/


#reqsFeeds .modal-dialog{ margin: 140px auto 30px; width:800px;}
#reqsFeeds .modal-body{ display:inline-block; padding: 5px 20px; background:#f6f6f6; width:100%; /*height:500px; overflow-y:scroll;*/}

#reqsFeeds .myBtn{ padding:10px 25px;}
#reqsFeeds .btn_cancel{  background: #f00 !important;}

.feedback_submit{ width:100%; float:left; padding:5px 10px;}
.feedback_submit .form-group{ float:left; width:100%; margin-bottom: 3px;}

.feedback_submit .form-group .form-control{ width: 100%; float:left; height:30px; border-radius:3px; border:1px solid #cccccc; }
.feedback_submit .form-group label{ text-align: right;}
.feedback_submit .form-group textarea{ width: 100%; float:left; border:1px solid #cccccc; height:300px; resize: none; border-radius:3px;}
.feedback_submit .files label{ width:20% !important; padding:12px;}
.feedback_submit .files span { background: #fff; border-radius: 3px; display: inline-block; padding: 10px 5px; width: 78%; border:1px solid #cccccc;}

#reqsFeeds #erroreMessage{ font-size: 14px; padding-right: 15px; padding-top: 5px;}
#reqsFeedsFinal #erroreMessage2{ font-size: 14px; padding-right: 15px; padding-top: 5px;}


/*========================= 26-07-2016 (request feedback model popup) =====================*/

#reqsFeedsFinal .modal-dialog{ margin: 140px auto 30px; width:600px;}
#reqsFeedsFinal .modal-body{ display:inline-block; padding: 5px 0px; background:#f6f6f6; width:100%; /*height:500px; overflow-y:scroll;*/}

#reqsFeedsFinal .myBtn{ padding:10px 25px;}
#reqsFeedsFinal .btn_cancel{  background: #f00 !important;}

.feedback_submit2{ width:100%; float:left; padding:5px 10px;}
.feedback_submit2 .form-group{ float:left; width:100%; margin-bottom: 6px;}

.feedback_submit2 .form-group .form-control{ width: 100%; /*float:left;*/ height:40px; border-radius:3px; border:1px solid #cccccc; }
.feedback_submit2 .form-group label{ text-align: left; font-weight: 500;}
.feedback_submit2 .form-group textarea{ width: 100%; float:left; border:1px solid #cccccc; height:300px; resize: none; border-radius:3px;}
.feedback_submit2 .files label{ width:20% !important; padding:12px;}
.feedback_submit2 .files span { background: #fff; border-radius: 3px; display: inline-block; padding: 10px 5px; width: 78%; border:1px solid #cccccc;}

.loader2{ background: #fff; padding: 5px; border-radius: 100%; display: none;}

/*==== *****  ===== ----  ==== *****   HOME PAGE CSS START  ===== ----  ==== *****  ===== ----*/ 
 .errMsg{ position: staic; right: 76px; top: 12px; padding:0px 35px; color: #f00; font-weight: 500; font-size: 14px;}
.home_banner{ width:100%; background:url(../images/homebanner.jpg) no-repeat; background-size:cover; min-height:655px; display:inline-block; overflow:hidden; position:relative}
.logo{ display:block; margin:10px 0px; position:relative;}
.home_menu{}
.navigation_bar_home{ float: left; padding:0; position: relative; width: 100%;}
.navigation_bar_home .navbar{ background:none; border-radius:0px; margin:0px;}
.home_menu .nav{ position:relative; margin-top:45px;}
.nav > li{ margin:0px 1px;}
.home_menu .navbar-nav > li > a{ font-family: 'Roboto', sans-serif; font-size:16px; font-weight:300; color: #b1b1b1; padding:5px;}
.home_menu .navbar-nav > li > a .fa{ padding-right:15px; opacity:0.7; font-size:18px;}
.home_menu .nav > li > a:focus,
.home_menu .nav > li > a:hover{ background:none !important; outline:none; color:#fff !important;}
.home_menu .active_home a{color:#fff !important;}
.home_custom_search_input { padding: 0; width:60%; float:left; margin: 40px 0 0; }
.home_custom_search_input .left-inner-addon { position: relative;}
.home_custom_search_input .left-inner-addon input { padding-left: 40px; border:none; box-shadow:none; background:rgba(255,255,255,0.1); height:40px; font-family: RobotoRegular; font-size:15px; font-weight:300; color:#999; border-radius:30px; }
.home_custom_search_input .left-inner-addon input:focus{ box-shadow:none; background:rgba(240,240,240,0.5);}
.home_custom_search_input .left-inner-addon i { position: absolute; padding: 12px 12px; pointer-events: none; color:#999999; font-size:16px; opacity:0.8;}

.home_custom_search_input input::-moz-placeholder {  /* Firefox 19+ */ opacity:1; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; color:#fff !important;}
.home_custom_search_input input::-webkit-input-placeholder {  /* Firefox 19+ */ opacity:1; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; color:#fff !important;}
.home_custom_search_input input:-ms-input-placeholder {  /* Firefox 19+ */ opacity:1; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; color:#fff !important;}

.loginBtn{ width:120px; float:right; position:relative; margin: 40px 0 0;}
.loginBtn a{ display:block; text-align:center; font-family: 'Roboto', sans-serif; font-size:16px; font-weight:400; color:#fff; padding:8px 0px; text-decoration:none; border-radius:30px; border:1px solid #fff; transition:all 0.3s;}
.loginBtn a:hover{ background:#ba1222; border:1px solid #ba1222; transition:all 0.3s;}

.banner_txt{ float:left; position:relative; width:100%; text-align:center;}
.banner_txt p{text-align:center; font-family: 'Roboto', sans-serif; font-size:50px; font-weight:400; color:#fff; padding:0px; margin:20px 0px 0px; line-height:70px;}
.banner_txt a{font-family: 'Roboto', sans-serif; font-weight: 700; color:#fff; display:inline-block; border-radius:30px; border:1px solid #fff; padding:12px 30px; font-size:16px; margin:40px 0px 50px; text-transform:uppercase; text-decoration:none; transition:all 0.3s;}
.banner_txt a:hover{ background:#ba1222; border:1px solid #ba1222; transition:all 0.3s;}


.admins_txt{ position:relative; float:left; width:100%; background:#f1f1f1; min-height:100px;}
.admins_txt h2{ color:#45474d; font-family: 'Roboto', sans-serif; font-size:26px; margin:80px 0px 15px; display:block; text-align:center;}
.admins_txt p{ color:#45474d; ffont-family: 'Roboto', sans-serif; font-size:15px; margin:15px 0px 60px; display:block; text-align:center;}
.admins_txt p span{ font-family: 'Roboto', sans-serif; color:#2064ff;}
.admins_txt p a{ font-family: 'Roboto', sans-serif; color:#2064ff; text-decoration:none;}


.headcoach_txt{position:relative; float:left; width:100%; background:#fff; min-height:210px;}
.headcoach_txt h2{ color:#45474d; font-family: 'Roboto', sans-serif; font-size:35px; margin:80px 0px 40px; display:block; text-align:center;}

.head_box{ position:relative; width:100%; min-height:280px; /*border:1px solid #f00;*/ text-align:center;}
.head_box span{ display:block;}
.head_box h3{ color:#686a6e; font-family: 'Roboto', sans-serif; font-weight: 700; font-size:16px; margin:20px 0px 15px; display:block; text-align:center;}
.head_box p{ color:#686a6e; font-family: 'Roboto', sans-serif; font-size:14px; margin:15px 0px 10px; display:block; text-align:center;}
.head_box a{ color:#ba1222; font-family: 'Roboto', sans-serif; font-size:13px; margin:15px 0px 10px; display:block; text-align:center; text-transform:uppercase; text-decoration:none;}

.client_feedback{position:relative; float:left; width:100%; background:#1a1a1a; min-height:300px;}
.client_feedback h2{ color:#fff; font-family: 'Roboto', sans-serif; font-size:35px; margin:80px 0px 15px; display:block; text-align:center;}
.slide_show_txt p{color:#fff; font-family: 'Roboto', sans-serif; font-style:italic; font-size:19px; margin:10px 0px 15px; display:block; text-align:center; position:relative; padding:50px 0px;}

#demos #slideshow{ margin-bottom:40px;}
.arrows_cl{}
.arrows_cl a{ display:inline-block;}
.arrows_cl #prev{ position:absolute; top: calc(50% - 10px); left:-30px;}
.arrows_cl #next{ position:absolute; top: calc(50% - 10px); right:-30px;}

.pertner_area{ width:100%; position:relative; float:left; margin:62px 0px;}
.pertner_area a{ display:inline-block; padding:0px 28px; margin:0px;}


.shedule_area{ width:100%; background:url(../images/shedule_bg.png) no-repeat; background-size:cover; min-height:715px; /*display:inline-block;*/ overflow:hidden; position:relative}
.shedule_body{ width:100%; float:left; position:relative; background:#fff; /*min-height:500px;*/ margin:90px 0px; padding:20px 10px; border-radius:5px;}
.shedule_body h2{ color:#45474d; font-family: 'Roboto', sans-serif; font-size:26px; margin:10px 0px 10px; display:block; text-align:center;}
.shedule_body p{ color:#45474d; font-family: 'Roboto', sans-serif; font-size:14px; margin:5px 0px 10px; display:block; text-align:center;}

.shedule_form{ position:relative; width:100%; padding:10px 20px;}
.shedule_form{ display: inline-block; width: 100%; margin:18px 0px;}
.shedule_form input[type="text"], input[type="email"] { height: 45px; line-height: 33px;}
.shedule_form input:focus { box-shadow:none;}
.shedule_form .form-group{ margin-bottom:20px;}
.shedule_form select::-ms-expand { display: none;}
.shedule_form input::-moz-placeholder {  /* Firefox 19+ */ opacity:1; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; color:#a1aaad !important;}
.shedule_form input::-webkit-input-placeholder {  /* Firefox 19+ */ opacity:1; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; color:#a1aaad !important;}
.shedule_form input:-ms-input-placeholder {  /* Firefox 19+ */ opacity:1; font-family: 'Roboto', sans-serif; font-size:14px; font-weight:400; color:#a1aaad !important;}

.mysubmit_btn{ width:100%; background:#ba1222; height: 45px; line-height: 33px; border:none; text-transform:uppercase; color:#fff; font-family:RobotoBold; font-size:16px;}
.mysubmit_btn:hover{ background:#ba1222; color:#fff;}

.home_footer{ position:relative; float:left; width:100%; background:#1a1a1a; min-height:210px;}
.fotter_area{ width:100%; float:left; position:relative; margin-top:30px; padding-bottom:15px;}
.fotter_area h2{text-transform:uppercase; color:#fff; font-family: 'Roboto', sans-serif; font-weight: 700; font-size:18px; display:block; margin:30px 0 0; padding:0px;}
.fotter_area p{ color:#fff; font-family: 'Roboto', sans-serif; font-size:13px; display:block; margin:15px 0; padding:0px;}
.fotter_area ul{ width:50%; position:relative; float:left; margin:10px 0px; padding:0px;}
.fotter_area ul li{ display:block; float:left; margin:0px 0px 0px 15px; padding:0px; width:100%; position:relative;}
.fotter_area ul li a{ padding:5px 0px; display:block; text-decoration:none; font-family: 'Roboto', sans-serif; font-size:13px; color:#b7bdbf; text-transform:uppercase;cursor: default;}
.fotter_area ul li:before { font-family: 'FontAwesome'; content: '\f111'; color: #ba1222; left: -15px; margin: 0; position: absolute; top: 10px; font-size:8px;}

/*.social{ display:inline-block; padding:6px 15px; margin:15px 15px 5px 0px; background:#b7bdbf; color:#1a1a1a; font-size:16px; border-radius:100%;}*/
.social { /* display: inline-block; */ /* padding: 6px 15px; */ /* margin: 15px 15px 5px 0px; */ background: #b7bdbf; color: #1a1a1a; font-size: 16px; border-radius: 100%; width: 35px; height: 35px; justify-content: center; align-items: center; display: inline-flex; margin: 15px 15px;}
.subscribe{}
.subscribe input{ width:100%; float:left; position:relative; padding-right:75px;}
.subscribe .go_btn{ width:20%; height:34px; float:left; position:absolute; right:0px; display:block; background:#ba1222; border-top-right-radius:3px; border-bottom-right-radius:3px; text-align:center; padding:5px 0px; font-family:RobotoBold; font-size:18px; color:#fff; text-decoration:none;}

.borders{ border-left:1px solid #262626; border-right:1px solid #262626; text-align:center;}
.borders_bt{border-bottom:1px solid #262626;}
.ft_txt{}
.ft_txt p{ color:#b7bdbf; font-size:14px; font-family: 'Roboto', sans-serif; text-transform:uppercase; margin:10px 0px; padding:10px 0px; display:block;}
.ft_txt ul{  position:relative; float:left; margin:10px 0px; padding:0px;}
.ft_txt ul li{ display:block; float:left; margin:0px; padding:5px 20px; position:relative;}
.ft_txt ul li a{ padding:5px 0px; display:block; text-decoration:none; font-family: 'Roboto', sans-serif; font-size:14px; color:#b7bdbf; text-transform:uppercase; border:none;}
.ft_txt ul li:nth-child(1){ border-right:1px solid #262626;}


/*========================= 26-07-2016 (request prompt model popup) =====================*/

#promptModal .modal-dialog{ margin: 140px auto 30px;}
#promptModal .modal-body{ display:inline-block; padding: 5px 0px; background:#f6f6f6; width:100%; /*height:500px; overflow-y:scroll;*/}

#promptModal .myBtn{ padding:10px 25px;}
#promptModal .btn_cancel{  background: #f00 !important;}


/* ================== 04-08-2016 ==========================*/
.feedback_submit2 .radioBtn{ float: left; margin: 5px 10px;}
.feedback_submit2 .radioBtn input[type="radio"] + label{ font-weight: 500;}



@media screen and (min-width : 980px) and (max-width : 1169px) {

	.socila_area ul li a{ padding: 10px 37px;}
	#myNavbar2 .navbar-nav > li > a{ padding:14px 9px;}
}

@media screen and (min-width : 980px) and (max-width : 1024px) {
	
	#scrollbar1 .viewport{ width:92% !important;}
	.talent_check_bx{ width:88%;}
	.navbar-nav > li > a{ font-size:14px;}
	.filter_area{ width:100%;}
	.performance-item{ margin:10px 0px;}
	.item{ margin:10px 0px;}
	.left-inner-addon2{ margin-top:38px;}
	.toglsDrop{ margin-top:38px;}
	.talent-page-area:last-child { margin-bottom: 100px;}
}

@media screen and (min-width : 768px) and (max-width : 979px) {
	
	.socila_area ul{ width:52%; margin:15px 24%;}
	#myNavbar2 .navbar-nav > li > a{ padding:14px 9px; font-size:11px;}
	#myNavbar .navbar-nav > li > a{ padding:14px 13px; font-size:13px;}

  /*============ 22062016 ===============*/
  .free-wall .item{ width:100%;}
  .post_area p img { max-width: 100%;}
  .filter_area .custom-search-input{width: 100%; margin-right: 14px !important; margin-top: 10px !important;}
  #myModal_schedule .modal-dialog{ width:90%;}
  #coaching_schedule_display .modal-dialog{width:96%;}
  
  #scheduleDelete .modal-dialog{width:96%;}
  #scheduleDelete .del_area .myBtn_as{ width:80%; margin: 20px 10% 5px;}
  #scheduleDelete .del_area .myBtn{width:80%; margin: 5px 10% 5px;}

  /*============ 29062016 ===============*/

  /*.talent_names{ height: 400px;}*/
  .notify{margin: 15px 4px;}
  #schedule_edit_dispaly .modal-dialog{ width: 100%;}
  /*============ 30062016 ===============*/
  .compnylogo{ min-width: 100px;}
  
  
  /*=== 13-02-2017 =====*/
  .left-inner-addon2{ margin-top:10px;}
  .toglsDrop{ margin-top:10px;}
  .performance-item{ padding:0px; margin:10px 0px;}
  .comment_and_feedback a{margin: 4% 5px;}
  .filter_area{ width:100%; padding:0px;}
  #scrollbar1 .viewport{ height:300px;}
  .talent_names{min-height: 150px;     margin: 15px 0px 10px}
  
  #editperform_forms .modal-dialog{ width: 90%;}
  .min_height { min-height: 900px;}

  .item{ margin: 10px 0px;}
  .filter_area .form-group{ padding: 0px;}
  /*.talent_names{height: 435px; min-height: 0px; margin: 10px 0px;}*/
  .talent-page-area2:last-child { margin-bottom: 150px;}
  .ft_logo{ text-align:center;}
  .ft_logo .img-responsive{display: inline;}
  .footer_area p{ text-align:center;}
  .talent-page-area:last-child { margin-bottom: 150px;}

  .home_menu .nav { margin-top: 15px;}

  /*-- Ali by 20-03-2017 --*/

  .talent-page-area:last-child { margin-bottom: 150px;}
.head_box { min-height: auto; margin: 40px 0px;}
.headcoach_txt h2 { margin: 40px 0px 40px;}
.admins_txt h2 { margin: 40px 0px 20px;}
.admins_txt p { margin: 15px 0px 40px;}

.client_feedback { min-height: auto;}
.client_feedback h2 { margin: 40px 0px 15px;}
.slide_show_txt p { padding: 20px 0px 40px;}
.shedule_area { min-height: auto;}
.shedule_body { margin: 40px 0px;}
.fotter_area { margin-top: 5px;padding-bottom: 0px;}

.no-pad-right {padding-right: 15px !important;}

.home_banner { min-height: auto;}

  
}

@media screen and (min-width : 641px) and (max-width : 767px) {
	
	.socila_area ul{ width:58%; margin:15px 22%;}
	.navbar-toggle .icon-bar{ background:#fff;}
	#myNavbar2 .navbar-nav > li > a{ padding:14px 5px 14px 50px;}
	.body_area{ margin-bottom:50px;}

  /*============ 22062016 ===============*/
  .free-wall .item{ width:100%;}
  .post_area p img { max-width: 100%;}
  .filter_area .custom-search-input{width: 93%; margin-right: 14px !important; margin-top: 10px !important;}
  #myModal_schedule .modal-dialog{ width:90%;}
  .choaching_middle_part .optionsBtn .radioBtn{ width:50%; float:left;}
  #coaching_schedule_display .modal-dialog{width:96%;}
  #coaching_schedule_display .coaching_when span{width:100%;}
  #coaching_schedule_display .coaching_when p{ width:100%; padding-left:0px;}
  
  #scheduleDelete .modal-dialog{width:96%;}
  #scheduleDelete .del_area .myBtn_as{ width:80%; margin: 20px 10% 5px;}
  #scheduleDelete .del_area .myBtn{width:80%; margin: 5px 10% 5px;}

  /*============ 29062016 ===============*/

  /*.talent_names{ height: 400px;}*/
  .notify{margin: 15px 4px;}
  #schedule_edit_dispaly .modal-dialog{ width: 100%;}
  /*============ 30062016 ===============*/
  .compnylogo{ min-width: 100px;}

  .profile_area ul li { width: 100%; text-align: center;}

  .home_menu .nav { margin-top: 15px;}

}

@media screen and (min-width : 541px) and (max-width : 640px) {
	
	.logoarea img{ width:100%;}
	.socila_area ul{ width:70%; margin:15px 15%;}
	.custom-search-input{ width:77%;}
	.navbar-toggle .icon-bar{ background:#fff;}
	#myNavbar2 .navbar-nav > li > a{ padding:14px 5px 14px 50px;}

  /*============ 22062016 ===============*/
  .free-wall .item{ width:100%;}
  .post_area p img { max-width: 100%;}
  .filter_area .custom-search-input{width: 93%; margin-right: 14px !important; margin-top: 10px !important;}
  #myModal_schedule .modal-dialog{ width:90%;}
  .choaching_middle_part .optionsBtn .radioBtn{ width:50%; float:left;}
  #coaching_schedule_display .modal-dialog{width:96%;}
  #coaching_schedule_display .coaching_when span{width:100%;}
  #coaching_schedule_display .coaching_when p{ width:100%; padding-left:0px;}
  
  #scheduleDelete .modal-dialog{width:96%;}
  #scheduleDelete .del_area .myBtn_as{ width:80%; margin: 20px 10% 5px;}
  #scheduleDelete .del_area .myBtn{width:80%; margin: 5px 10% 5px;}

  /*============ 29062016 ===============*/

 /* .talent_names{ height: 400px;}*/
  .notify{margin: 15px 4px;}
  #schedule_edit_dispaly .modal-dialog{ width: 100%;}
  /*============ 30062016 ===============*/
  .compnylogo{ min-width: 100px;}

  /*============ 01072016 ===============*/
    .left_section_area span{ font-size:17px;}
    .right_section_area h2{ font-size:24px;}
  
  .profile_area ul li { width: 100%; text-align: center;}
  
  
    
/*  ------------------- 10-02-2017 --------------------*/

.filter_area{ width:100%; padding:0px;}
.filter_area .form-group{ padding:0px;}
.left-inner-addon2{ width:100%; margin: 10px 0px 0px;}
.toglsDrop a{ display:block;}
#listContainDiv{ padding:0px;}
.performance-item h2{padding: 30px 0px 15px;}
.post_area{ padding:0px;}
.post_area p{ padding:5px 0px;}	
.post_create{ padding:0px;}
.post_creator{padding: 0px;}
.comment_and_feedback a{ width: 30%; margin: 3px;}
.toglsDrop{ float:left;}
.practices-page-area{ padding:0px;}

	
}

@media screen and (min-width : 360px) and (max-width : 540px) {
	
	.left_section_area h1{ font-size:48px !important;}
	
	.custom-search-input{ width:72%;}
	.notification{margin: 15px 5px;}
	.navbar-toggle .icon-bar{ background:#fff;}
	
	.details_name{ margin:0px 5px 10px;}

  /*============ 22062016 ===============*/
  .free-wall .item{ width:100%;}
  .post_area p img { max-width: 100%;}
  .filter_area .custom-search-input{width: 93%; margin-right: 14px !important; margin-top: 10px !important;}
  #myModal_schedule .modal-dialog{ width:90%;}
  .choaching_middle_part .optionsBtn .radioBtn{ width:50%; float:left;}
  #coaching_schedule_display .modal-dialog{width:96%;}
  #coaching_schedule_display .coaching_when span{width:100%;}
  #coaching_schedule_display .coaching_when p{ width:100%; padding-left:0px;}
  
  #scheduleDelete .modal-dialog{width:96%;}
  #scheduleDelete .del_area .myBtn_as{ width:80%; margin: 20px 10% 5px;}
  #scheduleDelete .del_area .myBtn{width:80%; margin: 5px 10% 5px;}


  /*============ 29062016 ===============*/

  /*.talent_names{ height: 400px;}*/
  .notify{margin: 15px 4px;}
  #schedule_edit_dispaly .modal-dialog{ width: 100%;}
	/*============ 30062016 ===============*/
  .compnylogo{ min-width: 100px;}

  /*============ 01072016 ===============*/
    .left_section_area span{ font-size:17px;}
    .right_section_area h2{ font-size:24px;}
  
  .profile_area ul li { width: 100%; text-align: center;}

}

@media screen and (width : 320px){
	
	.heads h2 { font-size: 18px !important;}
	.importBtn{padding: 10px 15px;}
	.colorBox{width: 82px; height: 82px;}
	.pics_Box{ width:120px !important; height:120px !important;}

  /*============ 22062016 ===============*/
  .free-wall .item{ width:100%;}
  .post_area p img { max-width: 100%;}
  .filter_area .custom-search-input{width: 93%; margin-right: 14px !important; margin-top: 10px !important;}
  #myModal_schedule .modal-dialog{ width:90%;}
  .choaching_middle_part .optionsBtn .radioBtn{ width:50%; float:left;}
  #coaching_schedule_display .modal-dialog{width:96%;}
  #coaching_schedule_display .coaching_when span{width:100%;}
  #coaching_schedule_display .coaching_when p{ width:100%; padding-left:0px;}
  
  #scheduleDelete .modal-dialog{width:96%;}
  #scheduleDelete .del_area .myBtn_as{ width:80%; margin: 20px 10% 5px;}
  #scheduleDelete .del_area .myBtn{width:80%; margin: 5px 10% 5px;}

  /*============ 29062016 ===============*/

/*  .talent_names{ height: 400px;}*/
  .notify{margin: 15px 4px;}
  .comments{float: left; margin: 0px 0px 10px 30px;}
  .adBtn{ width: 80px;}
  .plusArea { width: 80px; height: 80px; padding: 11px 23px;}
  .toglsDrop a{font-size: 13px}
  #schedule_edit_dispaly .modal-dialog{ width: 100%;}

  /*============ 30062016 ===============*/
  .left_section_area span{ font-size:17px;}
  .right_section_area h2{ font-size:24px;}
  [type="checkbox"]:not(:checked) + label, [type="checkbox"]:checked + label{ font-size:12px;}
  .right_section_area a{ font-size:12px;}
  .no-pad-right { padding-right: 0px !important;}
  .talent_details_user_pics {margin: 30px 0px 10px; width: 85px; height: 85px;}
  /*.custom-search-input{ width:260px !important;}*/
  .details_name{ margin:50px 5px 10px !important;}
  .compnylogo{ min-width: 100px;}
  
/*  --------------------  10-02-2017 ---------------------------*/


}

@media screen and (min-width : 320px) and (max-width : 480px) {
	
	.mobnopad{ padding:0px !important;}	
	.navbar-toggle .icon-bar{ background:#fff;}
	.details_navbar .navbar-header{ width:100%;}
	.details_navbar .navbar-header .navbar-toggle{ margin-right:0px;}
	
	.no-pad-right{ padding-right:15px !important;}
	.no-pad-left{padding-left:15px !important;}
	
	.mobpad{ padding:0px !important;}
	.logoarea img{ width:100%;}
	
	.left_section_area h1{ font-size:40px;}
	.socila_area ul{ width:100%; border:none;}
	.socila_area ul li{ width:100%; border-radius:4px; border:1px solid #fff; text-align:center; margin:3px 0px;}
	.socila_area ul li:last-child{border-radius:4px; border:1px solid #fff;}
	
	.right_section_area{ margin-bottom:50px;}
	
	/*.custom-search-input{ width:300px !important;}*/
	.ft_logo{padding:10px 0px;}
	.footer_area p{ padding:10px 0px; text-align:center;}
	
	.heads h2{ font-size:22px;}
	#myModalpics .modal-dialog{ width:auto; margin:10px;}
	#myModal .modal-dialog{ width:auto; margin:10px;}
	.pics_Box{ width:140px; height:140px;}
	.pics_Box img{ width:100%;}
	.uploadBox{width:140px; height:140px;}
	.details_name{ margin:60px 0px 10px;}
	.details_name h3{ font-size:16px;}
	.talent_details_user_pics{ margin:30px 5px 10px; width:80px; height:80px; /*position: relative;*/}
	/*.talent_details_user_pics img{ position: absolute; top: 0px; left:calc(100% - 120px);}*/
	.addphoto{ margin:60px 0px 0px;}
	
	#myNavbar2 .navbar-nav > li > a{ padding:14px 5px 14px 50px;}
	
	.addkeyvoice_info_area .no-pad-right{ padding:0px !important;}
	.addkeyvoice_info_area .talent_user_area{ width:100%;}

  /*============ 22062016 ===============*/
  .free-wall .item{ width:100%;}
  .post_area p img { max-width: 100%;}
  .filter_area .custom-search-input{width: 93%; margin-right: 14px !important; margin-top: 10px !important;}
  #myModal_schedule .modal-dialog{ width:90%;}
  .choaching_middle_part .optionsBtn .radioBtn{ width:50%; float:left;}
  #coaching_schedule_display .modal-dialog{width:96%;}
  #coaching_schedule_display .coaching_when span{width:100%;}
  #coaching_schedule_display .coaching_when p{ width:100%; padding-left:0px;}
  
  #scheduleDelete .modal-dialog{width:96%;}
  #scheduleDelete .del_area .myBtn_as{ width:80%; margin: 20px 10% 5px;}
  #scheduleDelete .del_area .myBtn{width:80%; margin: 5px 10% 5px;}

  /*============ 29062016 ===============*/

  /*.talent_names{ height: 400px;}*/
  .notify{margin: 15px 4px;}
  #schedule_edit_dispaly .modal-dialog{ width: 100%;}
/*============ 30062016 ===============*/
  .compnylogo{ min-width: 100px;}

  /*============ 01072016 ===============*/
    .left_section_area span{ font-size:17px;}
    .right_section_area h2{ font-size:24px;}
    
  .profile_area ul li { width: 100%; text-align: center;}



  .talent_names{ min-height: 0px; margin-bottom: 0px;}
  .calenderMaster{ display: none;}
  .master_menu{ display: block;}
  
  
/*  ------------------- 10-02-2017 --------------------*/

.filter_area{ width:100%; padding:0px;}
.filter_area .form-group{ padding:0px;}
.left-inner-addon2{ width:100%; margin: 10px 0px 0px;}
.toglsDrop a{ display:block;}
#listContainDiv{ padding:0px;}
.performance-item h2{padding: 30px 0px 15px;}
.post_area{ padding:0px;}
.post_area p{ padding:5px 0px;}	
.post_create{ padding:0px;}
.post_creator{padding: 0px;}
.comment_and_feedback a{ width: 30%; margin: 3px;}
.toglsDrop{ float:left; width:100%;}
.practices-page-area{ padding:0px;}
}


/*---------------- new css for different pages  ---------------------------*/
@media screen and (max-width: 767px) {

.banner_txt p{ font-size:30px; line-height:35px;}
.home_custom_search_input{    margin: 0px 0 0;}
.loginBtn{    margin: 0px 0 0;}
.home_menu .nav{ width:100%;}
.home_banner{ min-height:auto;}
#reqsFeedsFinal .modal-dialog{ width:96%;}
.notify .dropdown-menu{left: -200px; width: 290px;}
.notify .dropdown-menu li a{white-space: pre-wrap;}
#reqsFeeds .modal-dialog{ width:100%;}
.item{ width:96%;}
#myNavbar2 .navbar-nav > li > a{ font-size:14px;}

/*---  13-02-2017  --- */

.uerArrow{ right: calc(100% - 225px);}
.master_menu{ display:block; width:4%;}
.no-pad-right { padding-right: 0px !important;}
.calenderMaster{ display:none;}
.talent_names{ min-height:auto; margin: 15px 0px 10px;}
#editperform_forms .modal-dialog{ width:98%;}
.fc button{padding: 0 0.4em !important;}
.min_height { min-height: 850px;}
.talent_details_user_pics a img{ width:100%;}
.performance-item{ margin:10px 0px;}

.talent-page-area:last-child { margin-bottom: 150px;}
.head_box { min-height: auto; margin: 40px 0px;}
.headcoach_txt h2 { margin: 40px 0px 40px;}
.admins_txt h2 { margin: 40px 0px 20px;}
.admins_txt p { margin: 15px 0px 40px;}

.client_feedback { min-height: auto;}
.client_feedback h2 { margin: 40px 0px 15px;}
.slide_show_txt p { padding: 20px 0px 40px;}
.shedule_area { min-height: auto;}
.shedule_body { margin: 40px 0px;}
.fotter_area { margin-top: 5px;padding-bottom: 0px;}

.no-pad-right {padding-right: 15px !important;}

.loginBtn { width: 100%; float: left; position: relative; margin: 10px 0 0;}
.full-mob { width: 100% !important; }

.home_menu .nav { margin-top: 10px;}

}

.modal-open {
    overflow: hidden;
}
.marker{
  background-color: Yellow;
}
.slick-slide{height: auto !important;}
.optionsBtnRight {width: auto; padding: 10px 0px; margin: 0; float: left;}
.optionsBtnRight li {width: auto; display: inline-block; height: 31px}
.optionsBtnRight li label {float: none;}
.optionsBtnRight li p {color: #333333;font-family: "Roboto",sans-serif;font-size: 15px;font-weight: 400; display: inline;}


#sortable-row { list-style: none; }
#sortable-row li { cursor:move; float: left;    width: 100%;}
.btnSave{padding: 10px 20px;background-color: #09F;border: 0;color: #FFF;cursor: pointer;margin-left:40px;}
#sortable-row li.ui-state-highlight { height: 100px;width: 100%; background-color:#F0F0F0;border:#ccc 2px dotted; }
.feedback-button { height: 60px;border: solid 1px #CCCCCC; background: #449d44; width: 170px;line-height: 32px; -webkit-transform: rotate(-90deg);  font-weight: 600; color: white;  transform: rotate(-90deg);  -ms-transform: rotate(-90deg);  -moz-transform: rotate(-90deg);  text-align: center;  font-size: 17px;  position: fixed; right: -55px;  top: 45%;  font-family: "Roboto", helvetica, arial, sans-serif;  z-index: 999;  }

.bubbleclassback{ 
  background:#fff url(../img/bubble01.png) no-repeat;
  min-height: 300px; 
}

.bubbleclass {
    align-content: center;
    align-items: center;
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.3);
    display: flex;
    height: 105px;
    justify-content: center;
    margin: 53px 10px 10px 38px;
    overflow: hidden;
    transition: all 0.7s ease 0s;
    width: 103px;
}
.bubbleclass > a {
    align-content: center;
    display: flex;
    justify-content: center;
    position: relative;
}
.bubbleclass a img {
    max-height: 126px;
}

sup {   font-size: 54%; font-weight: 500; }

.fasttrack-subtitle{font-size: 21px; /*height: 2px;*/ padding: 0px; font-family: 'FontAwesome'}
.fa-plus-circle:before { color: #a1710afa;}
.draft_btn {width: 165px; border: none;padding: 10px 15px;font-family: 'Roboto', sans-serif;font-weight: 400;font-size: 18px;color: #fff !important;background-color: #dad611 !important;
  }