body{ background:#EFEFEF; /*margin-bottom: 60px;*/ margin:0px;}
.body_area{background:#FFF;min-height: 1024px;}
.body_area_login {width: 100%;position: relative;float: left;margin: auto;padding: auto; }
.body-wrapper{max-width: 1024px; margin: auto; padding: auto;}
.fotter_area {max-width: 1024px;}
.header_area {max-width: 1024px;}


/*==========================Calendar Css===========================*/
.fc { color: #333333; display: inline-block;font-family: RobotoRegular;font-size: 12px !important;font-weight: 500!important; margin: 20px 0 5px; padding: 0;text-align: left;}
#calendar .fc-state-default {   background-image: none !important; background-repeat: repeat-x;border-color: #dddddd !important; box-shadow: none !important;color: #333;font-family: RobotoMedium;height: 38px;padding: 10px;}
.fc-event, .fc-event:hover, .ui-widget .fc-event {color: #333333;}
.fc-event {font-size: 1.25em;font-weight: normal;line-height: 1.3;}
.fc-day-grid-event .fc-time {font-weight:500!important;}
.fc-week {height:70px !important;}
.event-details{float: left;margin: 0; padding: 0;}
.event-details li span {color: #929292;font-family: "Roboto",sans-serif;font-size: 14px;font-weight: 400; display: inline-block; padding-right: 5px;}
.event-details li {color: #929292;font-family: "Roboto",sans-serif;font-size: 13px; display:block; padding: 5px 0px;}

.calendarContainerBox{ position: fixed;top: 0;left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;z-index: 999;}
.calendarContainer{ max-width:820px; width: 85%; max-height: 70%; background:#fff; position:absolute; overflow: scroll; z-index: 9;float:left; border-radius: 4%;  display: block;  top:10%;padding:0 0 10px; left:2%;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);background-clip: padding-box;background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0 none; margin: 5%;}

.calendar-box{ position: fixed;top: 0;left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;z-index: 999;}
.calendar-container{ max-width:820px; width: 85%; max-height: 70%; background:#fff; position:absolute; overflow: scroll; z-index: 9;float:left; border-radius: 4%;  display: block;  top:10%;padding:0 0 10px; left:2%;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);background-clip: padding-box;background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0 none; margin: 5%;}
.session-delete {background: rgba(0, 0, 0, 0) linear-gradient(45deg, #666666 0%, #999999 100%) repeat scroll 0 0;border-radius: 5px;color: #fff;display: inline-block;font-weight: 500; margin: 5px;padding: 9px 15px; text-align: center;text-decoration: none;width: 80%;
}
.all-delete {background: rgba(0, 0, 0, 0) linear-gradient(135deg, #4caf50 0%, #8bc34a 100%) repeat scroll 0 0;border-radius: 5px;color: #fff;display: inline-block;font-weight: 500; margin:5px;padding: 9px 15px; text-align: center;text-decoration: none;width: 80%;
}
.event-note{color: #929292 !important;display: block;float: left;font-family: "Roboto",sans-serif;font-size: 13px !important; font-weight: 400;text-align: center;width: 100%; word-break: break-all;width: auto !important;}
.form-group label {color: #333333;font-family: "Roboto",sans-serif;font-size: 15px;font-weight: 400; float: left; width: 100%;}
input[type="text"], input[type="email"],select { color: #333333;font-family: "Roboto",sans-serif;font-size: 15px;font-weight: 400; box-sizing: border-box; height: 40px;line-height: 33px; padding: 0 5px; width: 100%;}
 .schedule-follow{float: left;margin: 0;padding: 10px 0; width: 100%;}
 .schedule-follow li { display: inline-block;width: 100%;}
 .schedule-textbox{ width: 50px !important;height: 25px !important;float: none;}
 .schedule-endby{ width: 93px !important;height: 25px !important;}
 .schedule-devider {border-top: 1px solid #929292;  margin: 10px 0; padding: 10px 0;width: 100%;color: #333333;float: left;font-family: RobotoRegular;font-size: 16px;}
 .radio-margin-7 { margin-top: 7px !important;}
 .radio-margin-2 { margin-top: 2px !important;}
 .schedule-heading{color: #333333;float: left;font-family: RobotoRegular;font-size: 16px;}
 .exacation-img{height: 29px; width: 30px; margin: -5px 0 0 -5px;}
 .schedule-label{padding: 10px 0 0;}
 #addbox{display: none;}
 

.icons_areas a { display: inline-block;float: right;height: 20px;padding: 0 7px;width: 10%;}
.talent_small{ margin-left: 10px;position: relative;}
.talent_small a{ display:inline-block; padding:0px;  height:auto; position:relative; top:0px; margin:0px; float:left; text-decoration: none;}
.trams [type="radio"]:not(:checked) + label, [type="radio"]:checked + label {color: #333;}
.colorBlack {color: #333;}

.link_btn{ width:100%; display:block; float:left;margin-top: 40px;}

.link_btn .linkBtn{ text-align:center;}
.linkBtn {background: #f6f6f6 none repeat scroll 0 0;  border: medium none;border-radius: 4px; color: #333333; display: block;font-family: RobotoRegular;font-size: 18px; padding: 10px 0;text-decoration: none;  width: 100%;}
.link_or {width:100%; display:block; float:left; text-align: center;margin-top: 10px;}
.link_or a {color: #333333; font-family: RobotoRegular;font-size: 18px; padding: 10px 0;text-decoration: none;  width:50px;}
.edit_add{ width:40px; height:40px; position:fixed; right: 15px; z-index: 9; bottom: 70px; float:right; border-radius:100%; overflow:hidden; display: flex; justify-content: center; align-items: center;  align-content: center;-webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);-moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3);box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.3); background:#ba1422;}

.loadingdiv{ width:300px;  background:#fff; position:fixed; z-index: 9;float:right;border-radius: 4%; overflow:hidden; align-content: center;  align-items: center;  display: flex;  justify-content: center; top: 50%;padding: 5px 20px; left: 0; right: 0px; margin: 0px auto;}

.loadingdiv img{margin-right: 10px; }

.loadingdivfeeback{ width:60%;  background:#fff; position:fixed; z-index: 9;float:right;border-radius: 4%; overflow:hidden; align-content: center;  align-items: center;  display: flex;  justify-content: center; top: 50%;padding: 5px 20px; left: 0; right: 0px; margin: 0px auto;}

.loadingdivfeeback img{margin-right: 10px; }

.request-box{ position: fixed;top: 0;left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;z-index: 999;}
.confirm-container{width:74%; max-width:300px; background:#fff; position:fixed; z-index: 9;float:left; border-radius: 4%; overflow:hidden;   display: block;  top: 35%;padding:0 0 10px; left: 10%;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    background-clip: padding-box;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;}

.closeBtn {color: #fff;display: block;float: right;font-family: RobotoRegular;font-size: 12px;text-align: center;width: auto;height: 18px;padding-top: 0px;margin: 17px 5px 5px;}
.closeBtn a{color: #000;float: right;font-size: 17px;font-weight: 700;line-height: 1;opacity: 0.2;text-shadow: 0 1px 0 #fff; text-decoration: none;}
 
.yesBtn {background: #53b150 none repeat scroll 0 0;border: medium none;border-radius: 4px; box-sizing: border-box; color: #fff; display: block; float: right; font-family: RobotoRegular;font-size: 12; text-align: center; width: 60px; height: 30px; padding-top: 6px;  margin: 10px 5px 5px; }
.yesBtn a{text-decoration: none;color: #f6f6f6; float: none;}

.noBtn {background: #18ffff none repeat scroll 0 0;border: medium none;border-radius: 4px; box-sizing: border-box; color: #fff; display: block; float: left; font-family: RobotoRegular;font-size: 12; text-align: center; width: 60px; height: 30px; padding-top: 6px;  margin: 10px 5px 5px; }
.noBtn a {text-decoration: none; color: #f6f6f6; float: none; }

.savebtn {background: #53b150 none repeat scroll 0 0;border: medium none;border-radius: 4px; box-sizing: border-box; color: #fff; display: block; float: right; font-family: RobotoRegular;font-size: 12px; text-align: center; width: 60px; height: 30px; padding-top: 6px;  margin: 10px 5px 5px; }
.savebtn button{text-decoration: none;color: #f6f6f6;float: none;background-color: transparent;border: none;cursor: pointer;}

.cancelbtn {background: #18ffff none repeat scroll 0 0;border: medium none;border-radius: 4px; box-sizing: border-box; color: #fff; display: block; float: left; font-family: RobotoRegular;font-size: 12px; text-align: center; width: 60px; height: 30px; padding-top: 6px;  margin: 10px 5px 5px; }
.cancelbtn a {text-decoration: none; color: #f6f6f6; float: none; }


.box-header {width: 100%;/* border-bottom: 1px solid; */padding: 0 15px;box-sizing: border-box;}
.box-header h3 { color: #333333; font-family: RobotoRegular;font-size: 16px; float: left; }

.box-content{width: 100%;background: #f6f6f6 none repeat scroll 0 0;float: left;padding: 0 15px;box-sizing: border-box;}
.box-content p {color: #333333; font-family: RobotoRegular;font-size: 15px; padding: 10px 0; text-align: center; }

.box-footer{width: 100%;padding:0px 15px;box-sizing: border-box;}
.box-footer h3 { }
.icons_areas { box-sizing: border-box;float: right;padding: 15px 0; width: 34%;}
.talent_view {box-sizing: border-box;display: block; float: left;margin: 0;padding:10px 0 0 10px;width: 65%;}
.colorBox { background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0; none repeat scroll 0 0;cursor: pointer;float: left; height: 40px; margin: 5px;overflow: hidden; position: relative;width: 40px;}
.box-color{width:90%;float: left; padding: 0 15px; }
..active_color_box { border: 3px solid #999999;}

/*.request-box{position: fixed;top:0;left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 ;z-index: 999;margin:0;}*/
.request-container{ max-width:95%; max-height: 100%; background:#fff; position:absolute; overflow: scroll; z-index: 9;float:left; border-radius: 4%;  display: block;  top:0;padding:0 0 10px; left:0;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);background-clip: padding-box;background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0 none;}
/*.prompt-box{ position: fixed;top:0;left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0 ;z-index: 999;margin:0;}*/
/*.prompt-container {width:80%;max-height: 70%;background:#fff;position:absolute; overflow: scroll; z-index: 9;float:left;border-radius: 4%;display: block;top:10%;padding:0 0 10px;left:2%;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);background-clip: padding-box;background-color: #fff;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 6px;box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);outline: 0 none;margin: 10%;}*/

.prompt-container {width: 80%; max-height: 70%; background: #fff; position: absolute; overflow: scroll; z-index: 9; float: left; border-radius: 4%; display: block; top: 10%; padding: 0 0 10px; left: 0%; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); background-clip: padding-box; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); outline: 0 none; margin: 10%; left: 0px; right: 0px; margin: 10% auto; max-width: 800px;}

.optionsBtn {width: 105px; padding: 10px 0px; margin: 0; float: left;}
.optionsBtn li {width: 104px; display: inline-block; height: auto;margin: 5px 0px;}
.optionsBtn li p {color: #333333;font-family: "Roboto",sans-serif;font-size: 15px;font-weight: 400; display: inline;}

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

.talentImage {padding: 10px 0px; margin: 0; float: left;}
.talentImage li {display: inline-block; padding: 0 2px;}
.talentImage li img {width: 70px; height: 70px;}


.categoryList {width: 200px; padding: 10px 0px; margin: 0; float: left;}
.categoryList li {width: 200px; display: inline-block; height: 31px}
.categoryList li p {color: #333333;font-family: "Roboto",sans-serif;font-size: 15px;font-weight: 400; display: inline;}
.categoryList li label {font-family: RobotoRegular;font-size: 14px;}

.label-color{color: #333 !important;}
.checkbox-border{border: 1px solid #333 !important;}

.perforBtn a { color: #fff;  position: relative;text-decoration: none; width: 16px;}


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

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

.comment_area ul li .talent_small p{font-family: RobotoRegular; position: relative; display:block; margin:0px 0 3px 50px; padding:0px; color:#666; text-align: left;}

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

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

.heads a{ display:inline-block; padding:0px; width:30px; height:21px; position:relative; margin:25px 0 5px; float: right;}
.heads a svg path{ fill:#333333;}
.edit_add a svg path{ fill:#fff;}
.edit_add a {height: 24px !important;margin: 0 !important;width: 24px !important;}
/*.talent_user_pics a img{height: 110px;padding-bottom: 17px; width: 109px;}*/
.upload-pic {background-color: #ccc;background-origin: border-box;background-position: center;background-repeat: no-repeat;background-size: cover;width: 70px;height: 70px;margin: 0px;display: block;position: relative;overflow: hidden;margin-bottom:0px;}
.upload-pic .hover { position: absolute;width: 100%; height: 100%;background-color: rgba(255,255,255,.1);display: block;transition: all .3s;cursor: pointer;display: flex;justify-content: center; align-items: center;flex-direction: column;}
.upload-image{width: auto !important;height: auto !important;}
.upload-talent-image{width: 70px !important;height: 70px !important;}
.fileElem {display: none !important;}

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

.optionsBtn { width: 100%;}
.optionsBtn li { width: 100%; display: inline-block; height: auto; margin: 5px 0px;}
.form-group label { box-sizing: border-box;}

}


@media screen and (min-width: 412px)  {

.perforBtn {background: #53b150 none repeat scroll 0 0;border: medium none;border-radius: 4px; box-sizing: border-box; color: #fff; display: block; float: left; font-family: RobotoRegular;font-size: 12; text-align: center; text-decoration: none;width: 22.5%; }
.icon_holder {padding: 5px 10%;}
/*.prompt-container {left: 15%;top: 20%;}*/
.event-details li span {color: #333333;font-family: "RobotoRegular",sans-serif;font-size: 16px;font-weight: 400; display: inline-block; padding-right: 5px; width: 95px;}
.event-details li {font-family: RobotoRegular;font-size: 15px; display:block; padding: 5px 0px;}
/*.calendar-box {height: 800px;}*/

}


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


.assessment_area {height: 260px; margin: 6px; padding: 10px; position: relative; width: 88%; margin: 0 1% 7px;text-align: center;}
}

@media screen and (min-device-width : 321px) and (max-width: 399px) {
.icon_holder span{ margin: 0px 0px; font-size: 12px; padding: 0px 3%;}
}