/* action-add-language */
.check-field.ui.checkbox label::before{
border:none !important;
background:none !important;
}
.check-field.ui.checkbox label{
height: 44px;
width: 326px;
left: 10px;
line-height: 45px;
}
.check-field.ui.checkbox.checked label{
background-color: #F2F2F2 !important;
border-radius:6px !important;
}
.check-field.ui.checkbox input:checked ~ .box::after, .check-field.ui.checkbox input:checked ~ label::after {
content: '\e800';
left: 91%;
}
.check-field.ui.checkbox input:checked ~ .box::after, .check-field.ui.checkbox input:checked ~ label::after {
opacity: 1;
color: #5CC6FF !important;
}
/* action-bid-confirmation */
.bid-confirm-terms{ margin: 20px auto; font-size: 14px; line-height: 16px;}
/* action-edit-position */
.two.fields.edit-pos-top{margin-top:12px;}
.expertise-icon{margin-right: 1.1em !important; max-width: 25px !important;width: 2em !important;height: 2em !important;}
/* action-filter */
.filter-box{
background-color: #F2F2F2;
border-radius: 6px;
height: 50px;
padding:15px;
}
.input_search .ui.input{
width : 100%;
height : 50px;
}
.input_search .ui.search{
width : 100%;
}
.input_search{
margin: 0.5em 0;
}
.enterprise-planner-tags .ui.input.tags-div {
height: unset;
}
/* action-invite-planner */
.input-field.action-bar-field input{
height:44px !important;
}
/* action-notification */
.header-text{
color: #1E2732;
font-size: 15px;
font-weight: bold;
line-height: 18px;
}
.active-bold{
border-left: 5px solid #FF5C5C;
}
.active-bold > .author{
font-weight: bold;
opacity: none;
}
.active-bold > .metadata{
font-weight: bold;
opacity: none;
}
.active-bold > .text{
font-weight: bold;
opacity: none;
}
/* background-check-box */
.legal-box{
height: 281px;
max-width: 668px;
width:auto;
border-radius: 6px;
background-color: #F2F2F2;
overflow: auto;
padding: 20px;
}
.legal-box h3, p, li{
font-size: 14px;
}
.checkr-logo{width:73px; vertical-align:top; margin-top:3px;}
/* bid-position-block */
.bid-postion-block{
/*width: 595px;*/
width: 592px;
border-radius: 6px;
background-color: #FFFFFF;
box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(92,198,255,0.1);
margin-bottom: 20px;
}
.max-width{
min-width: 120px !important;
margin-top: -24px;
}
.contract-date{
margin: -5px -2px 13px -1px;
font-size: 15px;
}
/* bid-position-expand */
.big-number{
color: #1E2732;
font-family: Roboto;
font-size: 42px;
font-weight: 300;
line-height: 49px;
display: block;
}
.bid-bottom-text{
padding-left: 2px !important;
max-width: 68px;
margin-top: 10px;
font-size: 14px !important;
color: #3F4D5E;
}
.staff-date-header{
color: #485A70;
font-size: 13px;
line-height: 15px;
margin-bottom: 15px;
}
/* bid-table-row-mobile */
/*25112018*/
/*Background- Check*/
/*background check*/
.main-cont{width: 100%;background:#ffffff; padding:10px;font-family: roboto;}
.bkgrnd-cont{width: 100%;background:#ffffff; padding:10px;clear: both;}
.bkgrnd-header {font-size: 15px; line-height: 18px;float: left;margin-top: 8px;}
.ui.floated.small.teal.button.consider{width: 90px; background:#F9615F; float:right; border-radius:8px;font-family: roboto;}
.ui.floated.small.teal.button.clear{width: 90px; background:#4AC55C; float:right; border-radius:8px;font-family: roboto;}
.ui.floated.small.teal.button.pending{width: 90px; background:#F4AF4C; float:right; border-radius:8px;font-family: roboto;}
.bkgrnd-inner-txt {font-size: 18px;line-height: 19px;margin-top: 0px;font-weight: bold; margin-left: 0px;font-family: roboto;}
.bkgrnd-result-det {font-size: 14px; line-height: 19px;float: left; margin-left: 10px;margin-top: 4px;font-family: roboto;}
.bkgrnd-img{float:left; border-style: none; vertical-align: middle;margin-top: 3px;font-family: roboto;}
.color-blue{color: #39B2F3 !important; }
.color-green{color: #4AC55C !important; }
.color-blue a:hover{color: #39B2F3 !important; }
.color-orange {color: #FF5C5C !important;}
.bkgrnd-report,.bkgrnd-report-detail {font-size: 13px; font-weight:bold; line-height: 19px; font-family: roboto;}
.bkgrnd-report-detail{font-weight:normal}
/*background check*/
/*Background- Check*/
/*Bid expired */
.available-position-active,.available-position-de-active {height: 44px;width: 98%; border-radius: 6px; background-color: #F2F2F2; margin:10px auto 0px auto;}
.available-position-de-active{background-color: #F2F2F2;}
.position-number {height: auto; width: auto; border-radius: 6px;background-color: #5CC6FF; color: #FFFFFF; font-family: Roboto; font-size: 13px;font-weight: bold;line-height: 16px; padding: 4px 9px; position: relative; top: 12px; left: 15px;}
.ap-text {color: #1E2732; font-family: Roboto;font-size: 15px; position: relative; top: 12px;left: 20px;}
.ap-text:hover{text-decoration:none; color:#1E2732;}
.bid-expired-cont { height: 142px; width: 100%; background-color: #FFFFFF; box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(92,198,255,0.1); padding: 12px; border:0px solid red; margin-bottom: 10px;}
.cont-date-mar{margin-right: 10px;}
.ap-cont, .ap-inner-cont{width: 100%; margin:0 auto; }
.ap-inner-cont{ padding:0px 0px 10px 0px;}
.no-skill{color:#9B9B9B}
.pos-txt {color: #1E2732; font-family: Roboto;font-size: 15px; vertical-align:middle; position: relative; top: 0px;left: 0px; display:inline-flex;}
.mar-left{margin-left: 21px; vertical-align: middle; margin-top: 3px;}
.expertise-icon {display: inline-flex;}
.mar-right{margin-right: 60px;}
.white-space{white-space: nowrap;}
.form-header-mobile{font-size: 15px; line-height: 18px;margin-bottom: 10px; margin-top: 0px; margin-right:10px}
.skills-margin-top{margin: 22px 0px 27px; font-size:14px; font-weight:bold;}
.contract-date-mobile {margin: -5px -2px 13px -1px; font-size: 13px; line-height:18px;display:inline;}
.contract-date-mobile:first-child{margin-right: 15px;}
/*Bid expired */
/* Bid Passed */
.position-cont {height: 44px;width: 98%; border-radius: 6px; background-color: #5CC6FF; margin:10px auto 10px auto;}
.pos-num {height: auto; width: auto; border-radius: 6px;background-color: #ffffff; color: #5CC6FF; font-family: Roboto; font-size: 13px;font-weight: bold;line-height: 16px; padding: 4px 9px; position: relative; top: 12px; left: 15px;}
.pos-text {color: #ffffff; font-family: Roboto;font-size: 14px; vertical-align:middle; position: relative; top: 12px;left: 25px;}
.hr-seperator{height: 1px;width: 98%; background-color: #CFD4D9; text-align:center; margin:0 auto;}
.ui.left.icon.input.table-input.input-width{width:100px;}
.one.column.row{padding:10px 10px;}
.ap-text a, .ap-text a:hover{color: #1E2732 !important; }
.mar-top-minus{margin-top:-25px !important;}
/* Bid Passed */ /*bid passed position*/
.bidpassed-cont{width: 97%; /*margin: 10px;*/ margin: 5px 0px;display: block;overflow: hidden;}
.bidpassed-cont-left{float:left;width:50%; border:0px solid red; overflow:hidden;}
.bidpassed-cont-right{float:right;width:50%; border:0px solid red; overflow:hidden;}
.bidpos-amt-texts.bidpos-texts,.bidpos-title{color: #1E2732; font-family: Roboto; font-size: 14px; vertical-align:middle; padding: 5px 0px 5px 3px; /*display: inline-block;*/ margin-bottom: 15px;font-weight:normal;}
.bidpos-title{font-weight:bold;margin-bottom: 5px;}
.bidpos-amt-texts{padding: 0px 0px 5px 3px;}
.bidpos-texts{margin-bottom: 15px;padding: 5px 0px 0px 3px;}
.expertise-icon-position {/*width:100px;*/ width:auto;color: #9B9B9B;}
.no-skills{color:#9B9B9B; margin-bottom:0px;font-size: 14px;font-weight:bold;}
.line-height{line-height: 0px;}
/*bid passed position
padding: 12px 0px 12px 3px;
@media only screen and (min-width: 0px) and (max-width: 479px){
.bidpassed-cont-left{width: 50%;}
}
@media only screen and (min-width: 480px) and (max-width: 1200px){
.bidpassed-cont-left{width: 30%;}
}*/
/* candidate-dashboard */
.middle-block{
color: #485A70;
font-size: 13px;
text-align: center;
background-color: #FFFFFF;
padding-top: 20px !important;
box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(92,198,255,0.1);
border-radius: 6px;
margin: 5px !important;
height: 90px;
max-width: 186px !important;
width: 22%;
}
.dashboard-number{
line-height: 22px !important;
margin-bottom: 0 !important;
font-weight:300;
}
.dashboard-text{
font-size: 14px !important;
color: #485A70;
}
/* candidate */
.ui.star.rating .active.icon{
color: #FFC969 !important;
}
.content-block{
margin-top: 15px;
margin-bottom: 15px;
}
.img-block{
/*height: 90px !important;*/
width: 90px !important;
}
.large-img > .img-block{
width: 150px !important;;
height: 150px !important;;
}
.large-img > .img-block img{
height: 150px !important;
width: 150px !important;
}
.candidate-header{
display: inline-flex;
margin-bottom:-5px;
}
.member-main-block{
width: 100%;
display: inline-flex;
max-width: 315px;
margin-top: 10px;
margin-left: -4px;
}
.member-block{
border-left: 1px solid #0000001a;
opacity: 0.8;
padding-left: 17px;
padding-right: 14px;
min-width: 100px;
font-weight:300;
font-family: "Roboto";
}
.number-block{
font-family: "Roboto";
font-size: 28px;
font-weight: 300;
line-height: 33px;
margin-bottom: 5px;
min-height: 32px;
}
.text-block{
font-size: 13px;
color: #485A70;
}
.member-year-block{
padding: 40px 27px !important;
width: 16% !important;
}
.center-block{
padding-top: 15px;
}
/*.lead-button{
height: 22px;
border: 1px solid #617183;
opacity: 0.3;
border-radius: 6px;
padding: 9px 11px 13px 11px;
line-height: 0px;
font-weight: normal;
margin-right: 5px;
}*/
.lead-button{
height: 22px;
border: 1px solid #CFD4D9;
color:#1E2732;
border-radius: 6px;
padding: 9px 11px 13px 11px;
line-height: 0px;
font-weight: normal;
margin-right: 5px;
}
.lead-button-new{
border: 1px solid #CFD4D9;
color:#1E2732;
border-radius: 6px;
padding: 4px 7px;
font-weight: normal;
margin-right: 5px;
margin-top: 5px;
display: inline-block;
}
.text-icon{
margin-top: 22px;
font-size: 14px;
line-height: 16px;
}
.text-icon > .item{
padding-right: 15px;
}
.font-size{
margin-top: 5px;
font-size: 1.4em !important;
}
#burst-12 {
background: #2ABF43;
height: 16px;
width: 16px;
position: relative;
text-align: center;
margin: 4px 8px;
}
#burst-12:before, #burst-12:after {
content: "";
position: absolute;
top: 0;
left: 0;
height: 16px;
width: 16px;
background: #2ABF43;
}
#burst-12:before {
-webkit-transform: rotate(30deg);
-moz-transform: rotate(30deg);
-ms-transform: rotate(30deg);
-o-transform: rotate(30deg);
}
#burst-12:after {
-webkit-transform: rotate(60deg);
-moz-transform: rotate(60deg);
-ms-transform: rotate(60deg);
-o-transform: rotate(60deg);
}
.burst-icon{
color: #fff;
font-size: 1.2em !important;
margin-left: -34px !important;
position: absolute;
}
.button-invite{
width: 100px !important;
color: #fff !important;
height: 32px !important;
line-height: 0.41em !important;
}
.invite{
background-color: #5CC6FF !important;
}
.item-right{
float: right !important;
padding-right: 0 !important;
}
.color-green{
color: #2ABF43 !important;
background: none;
}
/*candidate Block */
.candidat-list{
margin: 5px 10px !important;
}
.text-icon-block{
font-size: 14px;
line-height: 16px;
margin-top: 6px;
}
.text-icon-block > .item{
padding-right: 4px;
}
/* contract-activity */
.contract-activity-section{
border-radius: 6px;
background-color: #FFFFFF;
box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(137,129,215,0.1);
height:156px;
margin-bottom: 15px;
margin-top: 15px;
}
.contract-activity-title{ font-size:15px; font-family:roboto; padding: 0px 0px 6px 0px; margin:0px; line-height:18px; color: #1E2732;}
.contract-activity-location{font-size:13px; font-family:roboto; line-height:15px; color: #485A70; }
.contract-activity-date{font-size:15px; font-family:roboto; line-height:18px; color: #1E2732;}
.map{color:#39B2F3 !important; padding: 0px 10px;}
.td-ca-title{ font-size:15px; font-family:roboto; padding: 0px 0px 12px 0px; margin:0px;}
.status-cancellation_pending, .status-ended, .status-completed, .status-passed, .status-expired{ color:#FFC969; border: 1px solid #FFC969;}
.status-expired, .status-passed, .status-withdrawn, .status-cancelled{ color:#FF5C5C; border: 1px solid #FF5C5C;}
.status-active, .status-open, .status-bid{ color:#2ABF43; border: 1px solid #2ABF43;}
.status-btn { height: 22px; min-width: 54px; width: auto; border-radius: 6px; padding:0px 4px; font-weight:300; background-color:#fffff; }
.status-dispute-open, .status-dispute-rejected{ color:#D0021B; border: 1px solid rgba(208,2,27,0.4); background-color: rgba(230, 136, 148, 0.4); }
.status-dispute-closed, .status-dispute-resolved{ color:#2ABF43; border: 1px solid rgba(42,191,67,0.4); background-color: rgba(170, 236, 181, 0.4); }
/* contract-expense */
.custom-table th{
font-size: 13px;
opacity:0.8;
}
.custom-table td{
font-size: 14px;
}
.expense-amount{
margin-left:15px;
}
/* contracts-td-mobile */
.contract-button-mobile{
padding: .9em 0em !important;
height: 40px;
min-width: 100%;
margin: 5px !important;
}
/* contracts */
.rectangle-line {
height: 14%;
border-radius: 100px;
background-color: #FF5C5C;
border: none;
width: 3px;
margin-left: 9px;
position: absolute;
margin-top: 13px;
}
.image-date{
margin: 10px auto;
min-width: 143px;
opacity: 0.8;
font-size: 13px;
}
.color-orange{
color: #FF5C5C;
}
.medium-button-contract{
width: 130px !important;
color: #fff !important;
height: 40px;
margin: 4px !important;
}
/* date-picker-read-only */
.disable-date{
height: auto;
border-radius: 6px;
background-color:#F9F9F9;
padding: 8px 11px 1px;;
width: 100%;
}
.date-label{
color: #3F4D5E;
margin-top: -3px;
font-size: 12px;
}
.date-img{
width: 20px;
float: right;
margin-top: -37px;
}
.disable-date, .disable-date p{
opacity: 0.5;
}
/* enterprise-dashboard */
.enterprise-stat-card{
height: 60px;
width: 100%;
border-radius: 6px;
background-color: #FFFFFF;
box-shadow: 0 2px 2px 0 #D2D2D2;
padding: 5px 10px;
}
.enterprise-stat-card-label{
font-size: 11px;
color : #5CC6FF;
}
.enterprise-stat-card-value{
font-weight: bold;
font-size: 24px;
text-align: right;
margin-top: 3px;
}
/* event-item-clicked */
.event-clicked{
box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 26px 0 rgba(0,0,0,0.1) !important;
background-color: #FFFFFF !important;
}
.medium-arrow-btn {
height: 34px;
width: 272px;
font-size: 14px !important;
line-height: 8px !important;
}
.btn-blue {
border-radius: 6px !important;
background-color: #5CC6FF !important;
font-weight: bold;
color: #FFFFFF !important;
}
.event-position-list >.column{
padding-left: 0 !important;
padding-right: 0 !important;
padding-top: 0 !important;
padding-bottom: 0 !important;
}
/* event-lists */
.event-list-block{
height: 160px;
border-radius: 6px;
background-color: #F3F0F0;
/*box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(92,198,255,0.1);*/
box-shadow: 0 1px 0 0 rgba(0,0,0,0.04), 0 1px 1px 0 rgba(92,198,255,0.1);
margin: 0px 0px 13px 0px;
width:300px;
}
.td-event{
max-height: 130px !important;
}
.event-list-block:hover{
background-color: #F9F9F9 !important;
}
.event-container{
width:100%;
padding: 0px 10px;
margin:0px 10px 0px 0px;
}
.event-text{
font-size: 13px;
line-height: 15px;
color: #485A70;
opacity: 0.6;
}
.event-label{
padding-top: 14px;
}
.event-date{
color: #3F4D5E;
font-size: 13px;
color: #3F4D5E;
line-height: 16px;
}
.container-section.third-conts{padding-top: 7px;margin-left: 350px;}
.event-card{padding-left: 12px;width: 307px;}
.secondbar-main{height: 100%; margin-bottom: -14px !important; margin-top:7px;}
.ui.secondary.vertical.fluid.menu.first-menu{width:173px!important;}
/* favorites-section */
.favorites-section{
height: 114px;
width: 250px;
border-radius: 6px;
background-color: #FFFFFF;
box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(137,129,215,0.1);
margin:8px -7px;
}
.ui.comments .comment .avatar{
width: 3.5em;
}
.favorites-align{
margin-left: 7px !important;
margin-right: 5px !important;
}
/* field-action-bar */
.action-bar-field{
min-width: 100% !important;
}
.action-bar-field input, .action-bar-field .ui.search, .action-bar-field sui-select , .action-bar-field .field-inputs, .action-bar-field sui-search, .action-bar-field .ui .input{
height: 44px !important;
min-width: 100%;
line-height: 8px !important;
width: 100%;
}
/* header-mobile */
.mobile-head{
background-color: #5CC6FF !important;
box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(92,198,255,0.1) !important;
border: none !important;
}
i.icon.content::before{
color: #ffffff;
}
.menu-box{
display: inline-grid !important;
padding: 9px !important;
}
.item-notify {
position:relative;
padding-top:0px;
display:inline-block;
margin: 5px 9px;
}
.notify-badge{
position: absolute;
bottom:9px;
background-color: #FF7373;
text-align: center;
border-radius: 50%;
color:white;
padding: 2px 5px;
left: 12px;
border: 2px solid #5CC6FF;
}
.top-menu{
height: 56px ;
background-color: #5CC6FF !important;
box-shadow: 0 10px 10px 0 rgba(0,0,0,0.05) !important;
}
.menu-box{
display: inline-grid !important;
padding: 9px !important;
}
.menu-msg-img{
margin: 4px !important;
width: 36px !important;
padding-left: 5px;
padding-top: 5px;
}
.menu-notify-img{
width: 28px !important;
margin: 5px !important;
padding-top: 2px;
}
.menu-profile-pic{
height: auto !important;
font-size: .78571429rem;
margin-right: 6px;
}
/* hire-candidate-confirm-actionbar */
.blue-separator{
background-color: #5CC6FF;
height: 6px;
}
.info-value-gray p{
margin-top: 15px;
}
.big-btn-text{
color: #FFFFFF;
font-size: 15px;
line-height: 22px;
font-weight: initial;
}
/* hire-candidate-review */
.review-box{
margin: 10px 10px;
border-radius: 6px;
background-color: #FBFBFB;
padding:30px;
}
.review-section{
padding: 19px 0px;
}
.blue-separator{
background-color: #5CC6FF;
height: 6px;
}
.info-value-gray p{
margin-top: 15px;
}
.big-btn-text{
color: #FFFFFF;
font-size: 15px;
line-height: 18px;
font-weight: initial;
}
@media only screen and (min-width: 0px) and (max-width: 770px){
.review-section{
padding : 0px;
}
.review-box{
margin:0px;
}
}
/* icon-input-field */
.icon-input-field{
border-radius: 6px;
background-color: #F2F2F2;
min-height: 59px;
}
.icon-select {
height: 56px !important;
width: 100% !important;
line-height:0 !important;
}
/* input-tags */
/* Multiselect field */
.ui.label.tag-label-select{
margin:5px;
}
.tag-label-select:hover{
background-color: #5CC6FF;
color: #fff;
}
.tag-label.transition.ui.label {
background-color: #5CC6FF;
color: #fff;
margin: 5px;
}
.tag-label-item{
background-color: #5CC6FF;
margin: 6px -6px 0px 6px;
padding: 4px 6px;
border-radius: 3px;
color: white !important;
display: inline-block;
font-size: 12px;
font-weight: 600;
}
/* Fixes positioning when results are pushed above the search. */
.results {
margin-bottom: .5em;
}
.tags-div {
background-color: rgb(242, 242, 242);
/* This bit sets up the horizontal layout */
display: inline-block !important;
flex-direction: row;
/* This bit draws the box around it */
padding: 5px;
border-radius: 8px;
width:100%;
min-height: 86px;
}
.tags-div input, .tags-div input:focus{
background-color: rgb(242, 242, 242) !important;
}
.tags-div input.tags-input {
border: none !important;
outline-offset: 0px !important;
outline: none !important;
width : auto !important;
max-width : 100% !important;
padding-top : 0px;
display:inline-block;
padding-top: 9px !important;
font-size: 13px !important;
}
.tags-div .tags-input input:focus {
outline: #0099CC solid 2px;
}
.tags-div .tag-label {
margin: 5px;
}
.results .transition .visible, .item .result{
width: 100% !important;
}
.ui.search > .results .result{
font-size: 13px !important;
padding: 0.457em 1.14285714em !important;
}
/* overlay-upload-section */
.overlay-upload-section{
position: absolute !important;
left: 65%;
bottom: 65%;
}
/* planner-event-item-clicked */
.event-details{
}
.event-details-position-container{
max-height: 138px;
overflow: auto;
overflow-x: hidden;
}
.event-details a.event-position{
color: #1E2732;
margin: 4px;
padding: 8px 55px 8px 4px;
border-radius: 6px;
margin-left: 1px;
}
.selected-position{
background-color: #5CC6FF;
box-shadow: 0 0 34px 0 rgba(0,0,0,0.05);
color: #FFFFFF;
font-size: 14px;
line-height: 33px;
border-radius: 4px;
height: 34px;
}
.position-list {
margin:10px !important;
}
/*
.event-details .event-position.active {
background-color: #5CC6FF !important;
color: #ffffff !important;
width:100%;
display:block;
}
*/
.event-details .event-position.active > .event-position-list {
padding: 8px 0px 8px 0px;
background-color: #5CC6FF !important;
color: #ffffff !important;
width:100%;
margin-left: 2px;
border-radius: 5px
}
.event-details .event-position.active > .event-position-list > .column >img {
margin-left: -12px !important;;
}
.event-details .event-position.active > .event-position-list > .column.td {
margin-left: -7px !important;
}
.event-details .event-position.active .status-btn{
display: none ;
}
.event-details .event-position.active > .event-position-list > .column.position {
margin-left: 6px !important;
}
.event-details ::-webkit-scrollbar {
width: 5px !important;
}
.event-details ::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 5px !important;
}
.event-details ::-webkit-scrollbar-thumb {
border-radius: 5px !important;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.ui.progress .bar{
min-width: 0.5em !important;
background: #FF5C5C ;
}
.ui.progress.success .bar{
background-color: #8BE89B !important;
}
.ui.indicating.progress[data-percent^="1"] .bar, .ui.indicating.progress[data-percent^="2"] .bar{
background-color: #F7AD47 ;
}
/* planner-payment */
/*action change contract date*/
.payment-amount-text {color: #485A70;font-family: Roboto;font-size: 13px;line-height: 18px;}
.payment-amount-container{
margin-bottom:29px;
}
.not-available {color: #485A70; font-family: Roboto;font-size: 13px;line-height: 18px; margin-bottom:64px;}
.cta-tiny-small {width:auto;min-width:80px; height:30px;}
.ui.primary.button.cta-small.margin-left{/*margin-left:45px;*/ float:right; margin-top:-8px;}
/* position-action-block */
.opacity{
opacity: 0.7;
}
/* position-block-mobile */
.position-block-mobile > .column:not(.row){
padding-top: 0.3rem !important;
padding-bottom: 0.3rem !important;
}
.position-block-mobile{
padding: 10px 3px !important;
}
/* qa-add-comment */
.message-block{
margin: .1em .3em !important;
width: 50px !important;
height: 50px !important;
}
.message-block img{
border-radius: 100% !important;
}
.comment-content{
padding: 8px 20px !important;
}
.comment-content input {
width: 100%;
}
.author-font{
font-size: 15px !important;
}
.msg-time{
font-size: 13px !important;
}
/* rating-large */
.big-star{
font-size: 2rem !important;
}
.big-star-text{
display:inline !important;
vertical-align: top !important;
padding: 9px !important;
}
/* select-searchable-menu */
.select-searchable-menu .ui.search.selection.dropdown > input.search{
padding: 10px 10px 10px 10px;
line-height: 1.5em;
}
.select-searchable-menu .ui.selection.dropdown, .select-searchable-menu .ui.selection.dropdown:hover, .select-searchable-menu .ui.selection.dropdown:focus{
border: 1px solid #5CC6FF;
font-size: 15px;
line-height: 1.5em;
padding: 0.78571429em 2.1em 0.78571429em 1em;
background-color: #fff;
color: #526378 !important;
border-radius: 6px;
min-width: 250px !important;
}
.select-searchable-menu .ui.selection.dropdown > .dropdown.icon{
top: 1em !important;
}
/* side-menu */
.item-box{
margin: 25px 5px;
line-height: 16px ;
}
.notification-block{
position: relative;
display: flex;
float: right;
margin-top: 10px;
}
/*i.icon, i.icons {
font-size: 1.6em;
color: #5CC6FF;
margin-top: -4px !important;
}
.notification{
height: 25px;
width: 25px;
background-color: #F5A623;
border-radius: 25px;
margin: -2px 5px;
padding: 4px;
color: #ffffff;
font-size: 13px;
text-align: center;
}*/
.notification,.notification-bell{
height: 20px;
min-width: 20px;
background-color: #F5A623;
border-radius: 25px;
margin: -1px 0px;
padding: 2px 4px;
color: #ffffff;
font-size: 13px;
text-align: center;
position: relative;
top: -33px;
left: 25px;
}
.notification-bell{ top: -35px; left: 25px;}
.notification > a:link{
color: #ffffff;
}
.name-text{
color: #3F4D5E;
line-height: 17px;
font-size: 14px;
margin-top: 12px;
font-weight: bold;
font-family: 'Roboto';
}
.designation-text{
font-size: 11px !important;
opacity: 0.8 !important;
}
.label-text{
color: #1E2732;
font-size: 15px;
line-height: 18px;
opacity: 0.8;
font-family: 'Roboto';
}
.item-active{
border-radius: 6px;
background-color: #5CC6FF;
box-shadow: 0 0 34px 0 rgba(0,0,0,0.05);
}
.item #number-label{
height: 20px;
min-width: 28px;
border-radius: 6px !important;
background-color: #E4E4E4 !important;
opacity: 0.6;
line-height: 13px !important;
color: #485A70 !important;
}
.menu-active {
border-radius: 6px !important;
background-color: #5CC6FF !important;
box-shadow: 0 0 34px 0 rgba(0,0,0,0.05) !important;
color: #fff !important;
}
.menu-active #number-label{
background-color: #fff !important;
color: #5CC6FF !important;
opacity:1;
}
.mail-img,.bell-img{ vertical-align: middle; position: relative; left: 15px; top: 2px;}
.bell-img{ top: 0px;}
.mail-cont{padding-top: 4px; padding-right: 20px;}
.bell-cont{padding-top: 4px; padding-right: 30px;}
/* tags-input */
.fullwidth{
width:97%;
}
/* terms-conditions */
.main-cont{width:100%; margin:0 auto;}
.inside-container{width:95%; margin:10px; font-family: 'Roboto'; font-size: 14px; line-height: 1.4285em; color:#1E2732;}
h1 {font: 22px/30px 'Roboto', sans-serif; line-height: 22px; margin-top: 5px; margin-bottom: 20px; text-align: center}
ol li{padding:10px ;}
ol li ol li{padding:10px ;}
.effective-date{text-align:right}
/* toggle-select */
.full-width{
width: 100%;
line-height: 0.1em !important;
height: 44px !important;
}
.three-field{
width: 77.5% !important;
min-width: 0 !important;
line-height: 0.1em !important;
height: 44px !important;
}
/* upcoming-event */
.upcoming-event-section{
border-radius: 6px;
background-color: #FFFFFF;
box-shadow: 0 3px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(137,129,215,0.1);
width:100%;
height:130px;
margin-bottom: 16px;
}
.border-right{
border-right: 1px solid #0003 !important;
}
.upcoming-event-title{ font-size:15px; font-family:roboto; padding: 0px 0px 10px 0px; margin:0px; font-weight: bold; color:#1E2732; line-height: 20px;}
.ui.secondary.pointing.menu .item { font-size:14px; font-family:roboto; padding-left: 5px; padding-right: 13px;}
.ui.secondary.pointing.menu .item:first-child{padding-left: 5px; border-bottom-width: 3px;}
.ui.secondary.pointing.menu .item:last-child{padding-right: 7px;border-bottom-width: 3px;}
.event-location{ font-size:13px; color:#485A70 ; }
.event-txt{ font-size:14px; }
.ui.secondary.pointing.menu .item.sign-up{padding-left: 50px; border-bottom-width: 3px; font-size:15px;}
.ui.secondary.pointing.menu .item.create-account{padding-left: 25px;border-bottom-width: 3px;font-size:15px;}
.ui.secondary.pointing.menu {border-bottom-width: 3px !important;}
.candidate-header-title{font-size:22px; line-height:24px;}
.event.rate-lft{margin-bottom: 5px; padding-left: 0px; padding-bottom:10px;}
/*.ui.accordion .title .dropdown.icon:before, .ui.accordion .accordion .title .dropdown.icon:before {
content: "\f106";
font-family: FontAwesome;
}
i.icon.dropdown:before {
content: "\f0d7" !important;
font-family: FontAwesome;
}*/
/* vertical-menu-item */
.item-active{
border-radius: 6px !important;
background-color: #5CC6FF !important;
box-shadow: 0 0 34px 0 rgba(0,0,0,0.05) !important;
color: #ffffff !important;
font-weight: bold !important;
}
.item-active > .number-label{
background-color: #FFFFFF !important;
color: #1CB0FF !important;
font-family: Lato;
font-size: 13px;
font-weight: bold;
line-height: 16px;
opacity: 1 !important;
}
/* block */
.wave-cancelation >.ui.checkbox label{
color: #526378 !important;
}
.planner-filter-section{
display: inline-flex;
min-width: 600px !important;
}
.position-filter{
margin: 9px 0px 9px auto;
display: inherit;
}
.bank-wire-info{
width:500px;
max-width: 100%;
}
.menu-icon-section{
float: right;
color: #39B2F3;
font-size: 1.3em !important;
margin: -5px 10px !important;
}
/* tag-block */
.planner-dashboard-main{
min-width: 900px;
margin:35px;
}
.contract-activity-card{
width:49.5%;
display:inline-block;
}
.contract-activity-card-see-more{
width:33%;
display:inline-block;
}
.td-contract-activity-card-see-more{
width:40%;
display:inline-block;
}
.planner-dashboard-action-card{
height: 67px;
width: 248px;
border-radius: 6px;
background-color: #FFFFFF;
box-shadow: 0 2px 2px 0 #D2D2D2;
}
/*height: 34px;width: 153px;border-radius: 6px; */
.planner-dashboard-button{
height:34px;
width:153px;
border-radius: 6px;
}
.bring-team {
background-color: #FFFFFF !important;
box-shadow: 0 2px 2px 0 #D2D2D2 !important;
padding: 9px !important;
}
.new-project{
background-color: #5CC6FF !important;
box-shadow: 0 2px 2px 0 #D2D2D2 !important;
color:#fff !important;
padding: 11px 1px !important;
margin-right: 17px !important;
}
.blue-tag{
background-color: #ddf3dd !important;
box-shadow: none !important;
border: 1px solid #37cb37 !important;
color: #2ABF43;
}
.project-tag{
width: auto;
border-radius: 6px;
padding: 1px 4px;
font-weight: 500;
font-size: 11px !important;
}
.purple-tag{
background-color: #d6d3f5 !important;
box-shadow: none !important;
border: 1px solid #8981D7 !important;
color: #8981D7;
}
.red-tag{
background-color: #f38d9966 !important;
box-shadow: none !important;
border: 1px solid #D0021B !important;
color: #D0021B;
}
.ui.styled.accordion.position-staff{
box-shadow: unset !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
border-radius: unset !important;
}
.ui.accordion.position-staff .active.title .angle.down.icon, .ui.accordion.position-staff .accordion .active.title .angle.down.icon{
color: #39B2F3 !important;
}
/* project-date-icon */
.project-date-icon{
width: 17px !important;
vertical-align: bottom !important;
padding-top: 5px;
}
/* error-field*/
.selection.ui.dropdown.ng-invalid.ng-dirty{
border: 1px solid red !important;
}
textarea.ng-invalid.has-error.ng-dirty{
border: 1px solid red !important;
}
.ui.checkbox > .ng-dirty.has-error.ng-invalid{
outline: 2px solid red !important;
opacity: unset !important;;
}
.background-address-section{
height: auto;
border-radius: 6px;
background-color: #F2F2F2;
padding: 13px;
width:100%;
}
.background-address-section p{
word-spacing: 1px;
color: #526378 !important;
margin-bottom: unset;
}
.toggle-select-width{
width: 59.5% !important;
}
.av-event_creation_toggle{
width: 33.33% !important;
line-height: inherit !important;
}
.expertise-tag{
background-color: #cff7ff!important;
box-shadow: none !important;
border: 1px solid #5CC6FE !important;
color: #00a6ff;
border-radius: 6px;
padding: 2px 5px;
margin: 5px 8px 3px 0px;
line-height: 20px;
display: inline-block;
font-weight: 400;
}
.manual-background-clear{
display: block;
font-size: 17px;
padding-top: 9px;
}
.manual-background-clear .checkr-logo{
width: 50px;
vertical-align: baseline;
}
.manual-background-clear .clear-bg{
height: 25px !important;
width: 51px !important;
}
/*
.ng-invalid input[type=checkbox] + label {
color: red !important;
}
input[type=checkbox]:checked + label {
color: #f00;
font-style: normal;
}
Account-background-check block */
.expired-bg,
.consider-bg{
background-color:#FC5F5C !important;
}
.clear-bg{
background-color:#48C45C !important;
}
.pending-bg{
background-color:#F7AD48 !important;
}
/* Transaction section */
.accordian-block .transaction-block{
background-color: #F2F2F2 !important;
color: #1E2732 !important;
border-radius: 6px;
padding: 15px !important;
}
.accordian-block .transaction-number-block{
background-color: #5CC6FF !important;
color: #FFFFFF !important;
}
.accordian-block .active .transaction-block{
background-color: #5CC6FF !important;
color: #FFFFFF !important;
}
.accordian-block .active .transaction-number-block{
background-color: #FFFFFF !important;
color: #5CC6FF !important;
}
.ui.accordion .active.title .angle.down.icon, .ui.accordion .accordion .active.title .angle.down.icon{
transform: rotate(180deg);
color: #fff !important;
}
/* Button section */
.primary-btn{
font-weight: bold !important;
height: 25px;
font-size: 15px;
line-height: 0px !important;
background-color: #FFFFFF !important;
border-radius: 6px !important;
}
.blue-border {
border: 2px solid #61C6FF !important;
color: #61C6FF !important;
}
.small-arrow-btn {
height: 30px;
width: 150px;
font-size: 13px !important;
line-height: 8px !important;
}
.btn-blue {
border-radius: 6px !important;
background-color: #5CC6FF !important;
font-weight: bold;
color: #FFFFFF !important;
}
/* Invite Staff to a position */
.ui.styled.accordion.invite-staff{
box-shadow:unset !important;
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
border-radius: unset !important;
}
.ui.table.invite-table tr td { border-top: 0px !important; }
/* Account photo upload section */
.img-upload-section{
border-radius: 50%;
display: inline-block;
overflow: hidden;
vertical-align: top;
margin-right: 10px;
width: 150px;
height: 150px;
background-position: center;
}
.background-img{
width: 100%;
min-height: 100%;
background-color: #F2F2F2 !important;
}
/* popup candidate */
.combined-shape {
height: 275.74px;
width: 367px;
border-radius: 6px !important;
background-color: #FFFFFF !important;
box-shadow: 0 0 20px 0 rgba(0,0,0,0.15), 0 6px 10px 0 rgba(92,198,255,0.1) !important;
top: 45%;
left: -91px;
}
.result-label{
color: #1E2732;
font-size: 15px;
opacity: 0.8;
}
.ui.pointing.label::before{
left: 95% !important;
}
/*planner plan */
.subscription-block{
text-align: center;
font-family: Roboto;
line-height: 26px;
min-width: 337px !important;
padding-top: 15px;
}
.dotted-line{
opacity: 0.25;
transform: scaleY(-1);
margin-top: 10px;
margin-bottom: 8px;
}
.subscription-head{
margin-top: 2px;
margin-bottom:10px ;
}
.medium-arrow-btn{
height: 34px;
width: 272px;
font-size: 14px !important;
line-height: 8px !important;
}
.opacity{
opacity:0.6;
}
.yearly-plan{
font-size: 11px !important;
width: 91px;
line-height: 13px !important;
text-align: left !important;
margin: 0px 15px auto;
}
/*purchase-cadre-credits Starts*/
.middle-text.purchase-cadre-credits-title{padding: 0px 0px 0px 0px; margin: 0px 0px 30px 0px; font-size: 22px; line-height: 22px; font-weight: normal;}
.cadre-credit-large-text{color: #1E2732; font-family: Roboto;font-size: 22px; line-height: 22px; text-align:center;}
.dashboard-middle-block.padding{padding:20px !important}
.cadre-credit-medium-text {height: 158px; width: 500px;color: #1E2732;font-family: Roboto;font-size: 14px;line-height: 25px; padding-left:31px; margin-top:10px;}
.box-content.small-container.box-height{min-height: 54px; margin-top: 15px; margin-bottom: -5px; width: 782px;padding: 15px 34px;}
.condensed-block-text.addfunds-text{font-size: 18px; color: #1E2732;}
.card-image{margin-left: 10px; vertical-align: middle; margin-top: 3px;display: inline-block;}
.addfunds-center-text{height: 18px;width: 155px;color: #485A70;font-family: Roboto;font-size: 13px;line-height: 18px; text-align: center; margin-left:75px;}
.margin-left{margin-left: 175px;}
.arrow-blue{vertical-align: middle; float: right;margin-top: 4px;}
.huge-text.roboto-light-font.font-height{margin:15px 0px 11px 0px; text-align:center;line-height: 55px;}
.ui.grid.margin-bottoms{margin-bottom:53px;}
/*purchase-cadre-credits Ends*/
/*notifications*/
.dropdown-width{width:25%; height: 56px !important; }
.field.left-side{width:75% !important; padding-left:0px !important;}
.field.right-side{width:25% !important;}
.form-field-text {color: #1E2732; font-family:Roboto; font-size: 15px;line-height: 50px; padding-left:10px;}
/*notifications*/
/* breadcrumb */
.count-bubble{
top: -10px;
border: 1px solid #39B2F3;
border-radius: 6px;
position: absolute;
background-color: #F2F2F2;
padding: 0px 3px;
color: #39B2F3;
height: 19px;
line-height: 16px;
right: 5px;
min-width: 24px;
}
.current .count-bubble{
border: 1px solid #FFFFFF;
background-color: #FFFFFF;
}
.event-breadcrumb{
width:592px !important;
margin-left: -25px;
margin-bottom: 0px;
}
/* --------------------------------
Primary style
-------------------------------- */
*, *::after, *::before {
box-sizing: border-box;
}
/* --------------------------------
Basic Style
-------------------------------- */
.breadcrumb-container.pl{
margin-top : 10px;
}
.breadcrumb-container.es{
margin-top: -15px;
}
.cd-breadcrumb, .cd-multi-steps {
width: 100%;
/* max-width: 594px; */
padding: 0.5em 1em;
background-color: #e3e2e2;
border-radius: .25em;
font-family: "Roboto";
font-weight: 300;
}
.cd-breadcrumb:after, .cd-multi-steps:after {
content: "";
display: table;
clear: both;
}
.cd-breadcrumb li, .cd-multi-steps li {
display: inline-block;
float: left;
margin: 0.5em 0;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
/* this is the separator between items */
display: inline-block;
content: '\00bb';
margin: 0 .6em;
color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
/* hide separator after the last item */
display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
/* single step */
display: inline-block;
font-size: 1.4rem;
color: #2c3f4c;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
/* selected step */
color: #96c03d;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
/* steps already visited */
color: #96c03d;
}
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
/* replace the default arrow separator with a custom icon */
content: '';
height: 16px;
width: 16px;
background: url(../img/cd-custom-separator.svg) no-repeat center center;
vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
/* add a custom icon before each item */
content: '';
display: inline-block;
height: 20px;
width: 20px;
margin-right: .4em;
margin-top: -2px;
background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
/* change custom icon using image sprites */
background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
/* change custom icon for the current item */
background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
background-position: -60px -20px;
}
@media only screen and (min-width: 768px) {
.cd-breadcrumb, .cd-multi-steps {
padding: 0 1.2em;
}
.cd-breadcrumb li, .cd-multi-steps li {
margin: 1.2em 0;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
margin: 0 1em;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
font-size: 1.6rem;
}
}
/* --------------------------------
Triangle breadcrumb
-------------------------------- */
@media only screen and (min-width: 768px) {
.cd-breadcrumb.triangle {
/* reset basic style */
background-color: #fff;
padding: 0;
}
.cd-breadcrumb.triangle li {
position: relative;
padding: 0;
margin: 0px 3px 0px 0px;
}
.cd-breadcrumb.triangle.six-tab li{
width: 16.24%;
}
.onboarding-tab > li a{
pointer-events: none !important;
}
.cd-breadcrumb.triangle.onboarding-tab li{
/*width: 14.1%;*/
width: 14.03%;
}
.cd-breadcrumb.triangle.planner-tab li{
width: 13.85%;
}
.cd-breadcrumb.triangle.td-event-tab li{
width:16.23%;
}
.cd-breadcrumb.triangle.four-tab li{
width: 24.61%;
/*width:22.5%;*/
}
.cd-breadcrumb.triangle.three-tab li{
width: 32.3%;
/*width:22.5%;*/
}
.cd-breadcrumb.triangle.six-tab li{
width: 24.61%;
/*width:22.5%;*/
}
.cd-breadcrumb.triangle li:last-of-type {
margin-right: 0;
}
.cd-breadcrumb.triangle li > * {
position: relative;
padding: 1em 0em 1em 0.9em;
color: #2c3f4c;
background-color: #e3e2e2;
/* the border color is used to style its ::after pseudo-element */
border-color: #e3e2e2;
width: 100%;
text-align: center;
font-size: 13px;
font-family: "Roboto";
font-weight: 300;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.1) aliceblue;
}
.cd-breadcrumb.triangle li.current > * {
/* selected step */
color: #ffffff;
background-color: #5CC6FF;
border-color: #5CC6FF;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.1) aliceblue;
}
.cd-breadcrumb.triangle li:first-of-type > * {
border-radius: .25em 0 0 .25em;
width: 100%;
font-size: 13px;
}
.cd-breadcrumb.triangle li:last-of-type > * {
border-radius: 0 .25em .25em 0;
}
.no-touch .cd-breadcrumb.triangle a:hover {
/* steps already visited */
color: #ffffff;
background-color: #5CC6FF;
border-color: #5CC6FF;
}
.cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
/*
li > *::after is the colored triangle after each item
li::after is the white separator between two items
*/
content: '';
position: absolute;
top: 0;
left: 100%;
content: '';
height: 0;
width: 0;
/* 48px is the height of the element */
border: 24px solid transparent;
border-right-width: 0;
border-left-width: 10px;
}
.cd-breadcrumb.triangle li::after {
/* this is the white separator between two items */
z-index: 1;
-webkit-transform: translateX(3px);
-moz-transform: translateX(3px);
-ms-transform: translateX(3px);
-o-transform: translateX(3px);
transform: translateX(3px);
border-left-color: #ffffff;
/* reset style */
margin: 0;
}
.cd-breadcrumb.triangle li > *::after {
/* this is the colored triangle after each element */
z-index: 2;
border-left-color: inherit;
}
.cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
/* hide the triangle after the last step */
display: none;
}
.cd-breadcrumb.triangle.custom-separator li::after {
/* reset style */
background-image: none;
}
.cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
/* 50px is the height of the element */
border-top-width: 25px;
border-bottom-width: 25px;
}
@-moz-document url-prefix() {
.cd-breadcrumb.triangle li::after,
.cd-breadcrumb.triangle li > *::after {
/* fix a bug on Firefix - tooth edge on css triangle */
border-left-style: dashed;
}
}
}
/* --------------------------------
Custom icons hover effects - breadcrumb and multi-steps
-------------------------------- */
@media only screen and (min-width: 768px) {
.no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
/* change custom icon using image sprites - hover effect or current item */
background-position: 0 -40px;
}
.no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
background-position: -20px -40px;
}
.no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
background-position: -40px -40px;
}
.no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
background-position: -60px -40px;
}
}
@media only screen and (max-width: 768px) {
.cd-breadcrumb.triangle {
/* reset basic style */
background-color: transparent;
padding: 0;
}
.cd-breadcrumb.triangle li {
position: relative;
padding: 0;
margin: 4px 3px 4px 0;
}
.event-breadcrumb{
width:100% !important;
margin-bottom: 0px;
margin-left: 0px;
}
.cd-breadcrumb.triangle.six-tab li{
width: 16%;
}
.cd-breadcrumb.triangle.onboarding-tab li{
width: auto;
min-width: 13.3%;
}
.cd-breadcrumb.triangle.td-event-tab li{
/*width: 24.5%;*/
width:16.22%;
}
.cd-breadcrumb.triangle.four-tab li{
/*width: 24.5%;*/
width: auto;
min-width:23.5%;
}
.cd-breadcrumb.triangle.three-tab li{
width: auto;
min-width:32.3%;
}
.cd-breadcrumb.triangle li:last-of-type {
margin-right: 0;
}
.cd-breadcrumb.triangle li > * {
position: relative;
padding: 1em 0em 1em 0.9em;
color: #2c3f4c;
background-color: #e3e2e2;
/* the border color is used to style its ::after pseudo-element */
border-color: #e3e2e2;
width: 100%;
text-align: center;
font-size: 13px;
font-family: "Roboto";
font-weight: 300;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.1) aliceblue;
}
.cd-breadcrumb.triangle li.current > * {
/* selected step */
color: #ffffff;
background-color: #5CC6FF;
border-color: #5CC6FF;
box-shadow: 0 3px 7px 0 rgba(0,0,0,0.1) aliceblue;
}
.cd-breadcrumb.triangle li:first-of-type > * {
border-radius: .25em 0 0 .25em;
width: 100%;
font-size: 13px;
}
.cd-breadcrumb.triangle li:last-of-type > * {
border-radius: 0 .25em .25em 0;
}
.no-touch .cd-breadcrumb.triangle a:hover {
/* steps already visited */
color: #ffffff;
background-color: #5CC6FF;
border-color: #5CC6FF;
}
.cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
/*
li > *::after is the colored triangle after each item
li::after is the white separator between two items
*/
content: '';
position: absolute;
top: 0;
left: 100%;
content: '';
height: 0;
width: 0;
/* 48px is the height of the element */
border: 24px solid transparent;
border-right-width: 0;
border-left-width: 10px;
}
.cd-breadcrumb.triangle li::after {
/* this is the white separator between two items */
z-index: 1;
-webkit-transform: translateX(3px);
-moz-transform: translateX(3px);
-ms-transform: translateX(3px);
-o-transform: translateX(3px);
transform: translateX(3px);
border-left-color: #ffffff;
/* reset style */
margin: 0;
}
.cd-breadcrumb.triangle li > *::after {
/* this is the colored triangle after each element */
z-index: 2;
border-left-color: inherit;
}
.cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
/* hide the triangle after the last step */
display: none;
}
.cd-breadcrumb.triangle.custom-separator li::after {
/* reset style */
background-image: none;
}
.cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
/* 50px is the height of the element */
border-top-width: 25px;
border-bottom-width: 25px;
}
@-moz-document url-prefix() {
.cd-breadcrumb.triangle li::after,
.cd-breadcrumb.triangle li > *::after {
/* fix a bug on Firefix - tooth edge on css triangle */
border-left-style: dashed;
}
}
}
/* common */
.margin-top-15{
margin-top: 15px;
}
.margin-top-50{
margin-top: 50px;
}
.margin-bottom-15{
margin-bottom: 15px;
}
.word-break{
overflow-wrap: break-word;
word-wrap: break-word;
}
.medium-font{
font-family: 'Roboto' !important;
}
.roboto-font{
font-family: 'Roboto' !important;
}
.bold-font{
font-weight:bold;
opacity:0.8;
}
body{
padding: 0;
margin: 0;
font-family: 'Roboto';
background-color: #F2F2F2 !important;
}
.loader-logo{
position: absolute;
top: -100%;
left: -100%;}
h1, h2, h3, h4, h5 {
font-family: 'Roboto';
}
a{
outline: none;
color: unset;
font-family: 'Roboto';
}
.ui.vertical.segment{
border-bottom:none !important ;
}
a:hover{
color: unset;
}
router-outlet, ng-component{
margin: 0 !important;
padding: 0 !important;
}
.pusher{
height: 100%;
background-color: #F2F2F2;
overflow: auto;
}
.pointer{
cursor: pointer !important;
}
.smooth-touch{
-webkit-overflow-scrolling: touch;
}
.center-box{
margin: 100px auto;
width: 1111px !important;
padding-bottom: 1px;
background-color: #FBFBFB !important;
box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(92,198,255,0.1);
border-radius: 6px;
}
.top-section {
min-height: 100%;
}
.main-container{
background: #F2F2F2 url(../images/bg_birch_800.gif) repeat-y 50% 0;
min-height: 100vh !important;
width: 1168px;
}
.first-sidebar{
position: relative;
max-width: 180px;
min-height: 100%;
/*height:114vh; */
background-color: #FFFFFF;
box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(92,198,255,0.1);
}
.second-sidebar{
min-height: 100%;
min-height:113vh;
position: fixed !important;
width: 325px !important;
border-radius: 6px;
background-color: #FFFFFF;
box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(92,198,255,0.1);
/*margin: 10px 10px 0px 5px;
padding: 20px 13px 20px 13px;*/
}
.container-section{
height: 100%;
position: relative;
margin-right: -5px;
min-width: 592px;
}
.medium-center-container{
width: 782px;
margin: 10px 78px;
padding-bottom: 1px;
padding-top:1px;
}
.form-section{
margin: 40px;
}
.box-content{
border-radius: 6px;
background-color: #FFFFFF;
/* box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(92,198,255,0.1);*/
box-shadow: 0 1px 0 0 rgba(0,0,0,0.04), 0 1px 1px 0 rgba(92,198,255,0.1);
}
.small-container{
width: 592px;
min-height: 100px;
padding: 15px 25px;
margin-top: -5px;
}
.medium-container{
max-width: 782px;
margin-left: 10px;
min-height: 100px;
}
.large-centered-container{
margin: 100px auto;
max-width: 900px;
min-height: 50px;
}
.box-top{
height: 40px;
max-width: 900px;
background-color: #5CC6FF;
border-radius: 6px 6px 0 0;
}
.box-center{
margin: 40px 39px;
max-width: 805px;
padding-bottom: 40px;
}
.divide-line{
opacity: 0.1;
background-color: #000000;
margin-top: 11px;
margin-bottom: 10px;
}
.box-header{
height: 40px;
background-color: #5CC6FF;
position: relative;
width: 100%;
border-radius: 6px 6px 0 0;
}
.top-font{
color: #FFFFFF;
font-size: 14px;
line-height: 17px;
text-align: center;
padding-top: 10px;
}
.event-list{
height:calc(100vh - 100px);
overflow: hidden;
width: 100%;
}
.event-list:hover{
overflow-y:auto;
}
::-webkit-scrollbar {
width: 6px;
}
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
border-radius: 10px;
}
.custom-pushable.pushable:not(body) > .ui.sidebar, .pushable:not(body) > .fixed, .pushable:not(body) > .pusher:after {
position: fixed;
}
.bottom-margin{
margin-bottom:7px !important;
}
.separator { height: 1px; width: 100%; background-color: #CFD4D9;}
.mobile-only{
display:none;
}
div.vertical-line{
width: 4px !important;
background-color: #FF5C5C !important;
height: 310px !important;
float: left;
border: 2px #FF5C5C;
border-radius: 6px;
position: absolute;
margin: 10px 0px 0px -15px;
}
.close-icon{
float:right !important;
}
.close-icon i{
-webkit-text-stroke: 2px #FCFCFC;
font-size: 1.9em !important;
}
.desktop-hidden{
display:none !important;
}
.text-right{
text-align: right !important;
}
/*17-10-2018 - Included Roboto-Light font as per the client request*/
.roboto-light-font{
font-family: 'Roboto' !important;
font-weight:100;
}
/*20-10-2018 - Report Section*/
/* invoice need to modify - */
.invoice{
margin: 0 auto;
max-width: 700px;
}
.invoice-top{
height: 40px;
background: #000000;
}
.event{
float: left;
width: 100%;
/*margin-left: 30px;*/
padding: 1px 30px 30px 30px;
}
.event_name{
float: left;
}
.event_name ul{
margin: 0;
padding:0;
}
.event_head{
float: right;
background-color: rgb(120, 120, 120);
width: 195pt;
height: 60pt;
color: #fff;
/*margin-right: 70px;
margin-top: 50px;*/
padding: 7pt 0px 0pt 6pt;
}
.event_div {
width: 100%;
background-color:#ffffff;
padding: 10px 40px 10px 40px;
color: #000000;
}
.leftdiv {
float: left;
border: 1px solid rgb(240, 240, 240);
background-color: rgb(240, 240, 240);
width: 300px;
height: 150px;
color: #fff;
margin-left: 42px;
margin-top: 60px;
}
.table-container thead th{
border-bottom:1px solid black !important; ;
}
.tablet-only{
display: none !important;
}
.event-manage-filter{
margin: 9px 0px 9px auto;
display: inherit;
}
.top-menu-bg{width:100%; background: #1B1C1D;}
.top-menu-center{font-size: 13px; padding: 10px;width: 80%; margin: 0 auto !important;}
.top-menu-item{width: 20%; margin: 10px 0px;border-right: 1px solid; height: 20px; text-align: center; vertical-align: middle;}
.ui.menu.three.item.item.top-menu-item:lastchild{border-right:none;}
.report-head-cont{background-color:rgb(240, 240, 240); border: 1px solid LightGray; height:53pt;}
.margin-lft{margin: 0px 0px 10px 5px; font-size: 11px; line-height: 13px;}
.total-due{font-size: 38px; line-height: 46px; font-weight: 400; padding: 0px 9px 0px 0px; text-align: right;}
.amt-due{font: 22px/30px 'Roboto', sans-serif; line-height: 22px; margin-top: 5px; margin-bottom: 20px; text-align: left; }
/*20-10-2018 - Report Section*/
/*report-top*/
.topnav-cont{width:100%; height:35px; background:#000000; }
.top-menu-report{ padding: 6px 0px 10px 0px; text-align:center;}
.top-menu-report a {width:20%; padding:0px 20px; color:#ffffff; font-family:roboto; font-size:9px; font-weight:300; border-right:1px solid #ffffff;text-decoration:none;}
.top-menu-report a:last-child{border-right:none;}
.top-menu-report a:hover{text-decoration:none; background: rgba(0,0,0,.5);}
/*report-top*/
/*report-header*/
.event_right{ float: right;}
.part01_left {width: 100%; padding: 15px 0px 0px 40px;float: left;}
.part01_right{width: 100%;padding: 0px 40px 0px 0px; float: right;}
.event-cont {width: 100%; padding: 0px 0px 0px 40px; float: left;}
.cadre-cont,.event-name-cont{width: 40%; font-family: roboto;font-size: 13pt;font-weight: 300; padding: 0pt 30pt 0pt 0pt; text-align: left;float: left;}
.cadre-hd{font-family:roboto; font-size:28px; font-weight:400; margin:0px;padding:0px;}
.address-text{font-family:roboto; font-size:12px; font-weight:400; line-height:15px; width:100%;}
.right-address-cont{width: 40%; font-family: roboto;font-size: 12px;font-weight: 300; padding: 0px 0px 30px 30px; text-align: right;line-height: 15px; float:right;}
.rcdueblock{padding:0pt 40pt 0pt 0pt; width: 100%; background: #ffffff;}
.cont-text{font-family: roboto; font-size: 11px; font-weight: 300; padding: 5px 10px; background: #ebebeb;line-height: 13px;}
.cont-text.airline-ticket{background: #ffffff; margin: 5px 0px 5px 38px; font-size: 11px;}
.report-seperator{box-sizing: border-box; height: 2px;width: 88%;border: 1px solid #ECECEC;text-align: center;margin: 0 auto;}
/*report-header*/
/*Table Container*/
.table-container{width:100%; background: #ffffff;}
.ui.basic.table th.ta-rght,.ui.basic.table td.ta-rght{text-align:right; font-size:11px;}
.ui.basic.table th.no-border,.ui.basic.table tbody tr td.no-border{ border: none !important;}
/*.ui.basic.table th:first-child{ width:35%; margin:4px 0px !important;}*/
.ui.table td.last-right{padding:4px 0px !important;}
.small-rep-font{font-size:11px;}
.event-title-bold{font-weight:bold}
/*.ui.basic.table td:first-child {width: 35%; margin:4px 12px !important;}*/
.report-contract-footer{width: 100%; background-color:#ffffff; padding: 10px 40px 10px 40px; color: #000000; overflow: hidden;}
.policy-cont{width:300px; height:190px; padding:10px; background: #ebebeb; float: left; margin-top:10px;}
.policy-text{color:#000000; font-weight: 400;font-size: 11px; font-family: roboto; margin:0px 11px 11px 11px;}
p.payment-text{color:#000000; font-weight: 400;font-size: 11px; font-family: roboto; padding: 0px 0px 5px 0px; margin: 0px;}
.cancel-policy{padding: 0px; margin: 0px 0px 0px 0px; color:#000000;}
.summary-container{width: 43%; float:left;padding-left: 30px; margin-top:10px;}
.ui.basic.table tbody tr td.total-border-top{border-top:1px solid #ebebeb !important;}
.sum-pad-left{padding-left:7px; font-size: 11px;}
td.no-border.fnt-size{font-size:11px;line-height: 12px;}
.ui.basic.table th.fnt-eleven{font-size:11px !important; line-height: 13px;}
.cta-medium-small
{
width:auto;
min-width:130px;
height:34px;
}
tr.border-bottom td {
border-bottom:1pt solid black;
}
tr.no-border td{
border-bottom: 0pt solid black;
}
.xxl-btn{
width: 100%;
height: 70px;
padding: 0.4rem 1rem !important;
margin-top: 15px !important;
font-size: 14px !important;
}
.xxl-btn.active-btn{
background: #5CC6FF !important;
color:#fff !important;
}
.xxl-btn-text{
display:block;
margin-bottom: 10px;
line-height: 15px !important;
font-weight: 400;
}
.dispute-btn{
width: 130px !important;
height: 34px !important;
border-radius: 6px;
background-color: #5CC6FF !important;
color: #ffffff !important;
padding: 0 !important;
}
.dispute-count{
margin-right: 23px !important;
display: inherit !important;
}
.accordian-block.small-accordian .transaction-block{
padding: 10px !important;
}
.sticky-footer{
position: sticky !important;
bottom: 0px !important;
background: #FBFBFB; !important;
padding-bottom: 28px;
}
/* custom-form */
.ui.form input[type="text"], .ui.form input[type="text"]:hover, .ui.form input[type="text"]:focus,
.ui.form input[type="password"], .ui.form input[type="password"]:hover, .ui.form input[type="password"]:focus,
.ui.form input[type="email"], .ui.form input[type="email"]:hover, .ui.form input[type="email"]:focus,
.ui.form textarea, .ui.form textarea:hover, .ui.form textarea:focus,
.ui.selection.dropdown, .ui.selection.dropdown:hover, .ui.selection.dropdown:focus
{
border: 1px solid #F2F2F2;
font-family: "Roboto" !important;
font-size: 15px;
line-height: 26px;
padding-top: 17px;
padding-bottom: 14px;
padding-left: 14px;
background-color: #F2F2F2;
color: #526378 !important;
border-radius: 6px;
}
input::selection,
div.ui.toggle.checkbox input:checked ~ .box::before,
div.ui.toggle.checkbox input:checked ~ label::before,
div.ui.toggle.checkbox input:checked ~ label:focus,
div.ui.toggle.checkbox input:checked ~ label:active{
background-color: #78C4FA !important;
}
.input.field .ng-dirty.ng-invalid:not(.element_focus){
border : 1px solid red !important;
}
.item-form input[type="text"]{
line-height: 16px !important;
border-radius: 6px;
color: unset !important;
padding-top: 7px !important;
padding-bottom: 11px !important;
color: #4C6076 !important;
font-family: "Roboto" !important;
}
.ui.form .field > .ui.search{
min-width: 100%;
}
.ui.form .field > .selection.dropdown{
min-width: 100%;
padding-left: 10px;
}
.ui.form .field > .selection.dropdown > .dropdown.icon {
float: right;
top: 20px;
}
.ui.form .field > .selection.dropdown > .text{
margin-left: 4px;
}
.ui.form .read-only-field{
height: auto;
border-radius: 6px;
background-color: #F2F2F2;
padding: 13px;
width:100%;
}
.ui.form .read-only-field label {
font-family: "Roboto";
font-size: 12px;
font-weight: normal;
color: #526378 !important;
position: relative;
display: block;
}
.ui.form .read-only-field .field-text{
font-size: 15px;
color: #526378 !important;
}
.ui.huge.form .item span{
font-size: 15px !important;
}
.ui.form .fields .fields{
margin-bottom: 0px !important;
margin-top: 0px !important;
}
.ui.form .field{
position: relative;
}
.ui.form .field input:focus {
outline: none !important;
}
.ui.form .field .label{
display: block;
font-family: "Roboto";
font-size: 0;
pointer-events: none;
position: absolute;
width: 100%;
/*top: 20px;*/
top: 23px;
}
.ui.form .field .label::before {
content: attr(data-label);
transition: font-size 0.1s linear, top 0.1s linear;
will-change: font-size, top;
}
.select-planner-searchable-menu .ui.selection.dropdown, .select-planner-searchable-menu .ui.selection.dropdown:focus {
font-size: 15px;
line-height: 1.2em;
padding: 0.78571429em 2.1em 0.78571429em 1em;
background-color: #fff;
color: #526378 !important;
border-radius: 6px;
min-width: 200px !important;
background-color: rgba(0,0,0,0.05);
}
.select-planner.ui.form .field > .selection.dropdown > .dropdown.icon{
top: 12px !important;
}
.enterprise-event-search > .ui.search > .ui.form input{
background-color: #E6E6E6;
height: 44px;
margin-left: 14px;
}
.ui.form .two.fields .enterprise-date-picker .ui.input input{
background-color: #e6e6e6;
height: 46px;
margin-top: 7px;
}
.ui.form .field .field-input-floating:focus ~ .label::before, .ui.form .field .field-input-floating.input-filled ~ .label::before{
font-size: 12px;
top: -37px;
}
/*
.ui.form .field.field input:-webkit-autofill ~.label{
top: auto ;
}
*/
input:-webkit-autofill {
-webkit-transition-delay: 99999s;
}
.field-input-search-floating .search:focus-within ~ .label::before, .field-input-search-floating.input-filled .search ~ .label::before{
font-size: 12px;
top: -37px;
color: red;
}
.field-input-search-floating .search ~ .label::before, .ui.form .field .field-input-floating ~ .label::before{
font-family: "Roboto";
font-size: 15px;
line-height: 26px;
padding-top: 17px;
padding-bottom: 14px;
padding-left: 15px;
font-weight: normal;
color: #526378 !important;
position: relative;
top: -22px;
display: block;
}
.ui.form .field .field-select .select-label{
}
.ui.form .field.field-select-selected .select-label::before {
font-family: "Roboto";
line-height: 26px;
/*padding-top: 17px;*/
padding-top: 22px;
padding-bottom: 14px;
padding-left: 15px;
font-weight: normal;
color: #526378 !important;
font-size: 12px;
top: -20px;
display: block;
position: absolute;
content: attr(data-label);
}
.dropdown-select{
margin: 14px 0 0 2px !important;
font-size: 15px !important;
}
.field-input input[type="text"], .field-input input[type="password"]{
border: 0px !important;
outline: none !important;
-webkit-box-shadow: none ;
-moz-box-shadow: none;
box-shadow: none;
box-sizing:inherit;
cursor:default;
border-radius: 0 !important;
}
.field-input-text{
position: absolute;
font-family: "Roboto";
font-size: 14px;
margin: 6px;
padding-left: 22px;
color: #A8B2BF;
}
.search-search-box{margin:12px 22px 12px 15px}
.ui.form input.search-input{height: 30px; line-height: 14px !important; font-size: 12px !important; padding-top: 7px !important; padding-bottom: 7px !important;padding-left: 9px !important;}
.field-inputs input::-webkit-input-placeholder { font-size: 15px !important; color: #526378 !important; }
.field-inputs input::-moz-placeholder { font-size: 15px !important; color: #526378 !important; }
.field-inputs input:-ms-input-placeholder { font-size: 15px !important; color: #526378 !important; }
.field-inputs input:-moz-placeholder { font-size: 15px !important; color: #526378 !important;}
.inline-field-text{
color: #1E2732;
font-size: 14px;
line-height: 50px;
vertical-align: middle;
padding-left: 25px;
}
.inline-field-text span{
display: inline-block;
vertical-align: middle;
line-height: normal !important;;
}
/* File upload */
.fileUpload{
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
/* UI BASIC BUTTONS*/
.ui.basic.buttons{
border: 1px solid #FBFBFB;
width:100%;
}
.ui.primary.button{
/*padding: .88571429em 1.5em !important;*/
background-color: #5CC6FF !important;
color: white;
padding: 10px !important;
}
.ui.alternate.button{
border : 2px solid #39B2F3;
background-color: white;
color : #39B2F3;
font-weight: 400px;
}
.ui.delete.button{
border : 2px solid #FF5C5C;
background-color: white;
color : #FF5C5C;
font-weight: 400px;
}
.ui.primary.button:hover{
background-color: #5CC6FF !important;
}
.ui.basic.buttons .button, .select-btn:hover{
height: 55px;
background-color: #F2F2F2 !important;
font-size: 13px !important;
min-height: 1.2em !important;
border-left: 1px solid #FBFBFB;
line-height: 2.1em;
min-width: 50%;
font-family: "Roboto";
font-weight: 300;
}
.freelancer-expertise-ui-button .ui.basic.buttons .button.select-btn{
width: 33.33% !important;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 0px;
}
.freelancer-expertise-work-experience .ui.basic.buttons .button.select-btn{
width: 33.33% !important;
display: inline-flex;
justify-content: center;
align-items: center;
padding: 10px;
font-size: 12px !important;
line-height: 1.5em;
}
.planner-edit-button.ui.basic.buttons .button, .select-btn, .select-btn:hover{
min-width: 25% !important;
}
.ui.basic.buttons:hover{
background-color: #F2F2F2 !important;
}
.ui.basic.buttons .active.button{
background-color: #5CC6FF !important;
color: #fff !important;
}
.ui.buttons > .ui.button:not(.basic):hover{
background-color: #5CC6FF !important;
box-shadow: none !important;
color: #fff !important;
}
.ui.basic.buttons{
border: none !important;
background-color: #F2F2F2 !important;
text-align: center;
font-family: "Roboto";
}
/*
.select-btn{
width: 100% !important;
display: -webkit-flex !important;
float: none;
line-height: 30px !important;
float: none;
height: 52px;
background-color: #F2F2F2 !important;
border: none !important;
text-align: center !important;
}
.ui.basic.buttons .active.button {
background-color: #5CC6FF !important;
color: #fff !important;
}
.active-select{
background-color: #5CC6FF !important;
color:#FFFFFF !important;
}
*/
.term-privacy{
padding-top: 25px;
padding-bottom: 25px;
margin: 10px;
}
.term-head{
color: #39B2F3;
font-family: "Roboto";
font-size: 13px;
line-height: 22px;
}
.term-text{
color: #485A70 !important;
font-family: "Roboto";
font-size: 13px !important;
line-height: 15px;
}
.bottom-btn{
padding-top:20px ;
text-align: right;
}
.ui.basic.primary.button, .ui.basic.primary.buttons .button{
box-shadow: none !important;
}
.btn-text{
font-family: "Roboto" !important;
font-weight: bold !important;
text-align: center !important;
}
.large-btn{
border-radius: 6px;
background-color: #5CC6FF !important;
color:#FFFFFF !important;
width: 200px;
line-height: 30px !important;
font-size: 15px !important;
}
.medium-btn{
border-radius: 6px;
background-color: #5CC6FF !important;
color:#FFFFFF !important;
width: 130px !important;
}
.small-btn{
border: 2px solid #5CC6FF !important;
line-height: 25px !important;
font-size: 15px !important;
}
.left-btn{
float: left !important;
}
.field-input-text{
position: absolute;
font-family: "Proxima Nova";
font-size: 14px;
margin: 6px;
padding-left: 10px;
color: #488DC8;
font-weight: bold;
}
.validated{
color: #54CD69;
border-radius: 1px;
}
.error{
color: #F7AD47;
}
.field-error-text{
font-size: 12px !important;
color: red !important;
}
.error-text{
color: #FF5E5E;
padding-left: 5px;
color: #F7AD47;
}
.error-field-text{
font-size: 12px !important;
position: absolute;
margin: 37px 14px !important;
color: #FC5F5C !important;
}
.action-bar-field .error-field-text{
margin : 45px 3px !important;
}
.ui.form textarea:not([rows]){
height: 112px !important;
min-height: 6em !important;
}
.ui.form .field.three .field{
width: 30% !important;
}
.three-select-field{
width: 107px !important;
min-width: 0 !important;
}
.two-select-field{
width: 176px !important;
min-width: 0 !important;
}
.top-margin{
padding-top: 38px;
}
/* Social link */
.social-block{
margin-top: 20px;
display: flex;
}
.social-text{
width: 120px;
font-family: "Roboto";
font-size: 15px !important;
line-height: 38px !important;
padding-left: 20px ;
color: #526378 !important;
}
.social-link{
font-family: "Roboto";
font-size: 15px !important;
line-height: 38px !important;
padding-left: 30px ;
color: #39B2F3 !important;
display: inline;
}
/* Chat */
.ui-text-area{
overflow: auto;
margin: 0em;
max-width: 100%;
-webkit-box-flex: 1;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
outline: none;
-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
text-align: left;
line-height: 1.21428571em;
font-family: 'Roboto', sans-serif;
padding: 0.67857143em 1em;
background: #FFFFFF;
border: 1px solid rgba(34, 36, 38, 0.15);
color: rgba(0, 0, 0, 0.87);
border-radius: 0.28571429rem;
-webkit-transition: box-shadow 0.1s ease, border-color 0.1s ease;
transition: box-shadow 0.1s ease, border-color 0.1s ease;
box-shadow: none;
}
/*EXPERTISE and SKILLS */
.expertise-error .expertise-field{
border : 1px solid red;
}
.expertise-field{
height: 50px;
width: 173px; /*163px */
margin: 0 2px 5px 0px !important;
background-color: #F2F2F2 !important;
text-align: center !important;
}
.center-field{
margin: 10px auto; /* 5px */
font-size: 13px;
color: #526378;
display: inline-table;
line-height: initial;
}
.center-text-expertise{
display: table-cell;
vertical-align: middle;
}
.expertise-select{
background-color: #5CC6FF !important;
color: #FFFFFF !important;
}
.expertise-select > .center-field{
color: #FFFFFF !important;
}
.none-margin{
margin: 0;
padding-bottom: 11px;
}
.multi-select-field{
height: 86px;
}
.ui.multiple.dropdown .ui.label {
font-size: 13px !important;
background-color: #5CC6FF !important;
color: #FFFFFF !important;
line-height: 21px;
}
.no-padding{
padding: 0 !important;
}
.vertical-hr{
border-left: 2px solid #ACB1B6;
margin: 12px 9px;
}
.custom-check-box{
margin: 12px 25px;
min-width: 125px !important;
}
.transport-select .buttons .button{
width: 100px !important;
min-width: 75px !important;
}
/*STAFF NEEDED */
.plus-circle {
padding: 5px;
border: 2px solid #39B2F3;
border-radius: 100%;
margin-right: 5px;
}
.plus-text{
font-family: "Roboto";
font-size: 15px;
line-height: 22px;
}
.plus{
-webkit-text-stroke: 1px white;
padding: 5px;
}
.box-text{
font-size: 14px !important;
background-color: #FFFFFF;
border:none !important;
box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(92,198,255,0.1) !important;;
}
.lead{
height: 22px;
border: 1px solid #617183;
opacity: 0.3;
border-radius: 6px;
padding: 0px 5px 2px 2px;
line-height: 15px;
font-weight: normal;
}
.date-text{
font-size: 13px;
color: #3F4D5E;
margin-left: -34px;
}
.daily-rate{
font-size: 13px;
color: #3F4D5E;
}
.link-text{
margin-left: -22px;
}
.link-text a:hover{
color: #5CC6FF !important;
text-decoration: none !important;
}
/* Background report check */
.report-info-box{
padding-top:5px ;
}
.result-info-box{
padding-top: 10px !important;
}
.info-value-gray{
color: #526378;
font-family: "Roboto";
}
.info-value-red{
color: red;
font-family: "Roboto";
}
.info-value-green{
color: #2ABF43;
}
.info-value-blue{
color:#39B2F3;
}
.info-label{
margin-bottom: 0;
margin-top: 18px
}
.result-label{
color: #1E2732;
font-family: "Roboto";
font-size: 15px;
}
.result-image{
height: 24px !important;
margin-left: -6px;
width: 19px !important;
margin-bottom: 7px;
}
.planner-event-edit .two.fields > .field-inputs, .planner-event-edit .two.fields > .multi-field{
width:74% !important;
}
.multi-field{
width: 80% !important;
}
.delete-btn{
border: 2px solid #FF5C5C !important;
color: #FF5C5C !important;
border-radius: 8px;
padding: 9px;
margin: 2px 20px;
background:unset;
}
.load-more-btn-container{
text-align: center;
margin: 15px 0px;
}
.load-more-btn {
height:34px;
width:130px;
}
.ui.primary.basic.huge.ui.button.btn-text.small-btn.delete-evnt-btn{
border: 2px solid #FF5C5C !important;
color: #FF5C5C !important;
border-radius: 6px;
box-shadow: none !important;
background-color: #ffffff !important;
width:120px;
}
.ui.primary.basic.huge.ui.button.btn-text.small-btn.save-draft-btn{
border: 2px solid #61C6FF !important;
color: #61C6FF !important;
border-radius: 6px;
margin: 0px 10px !important;
box-shadow: none !important;
background-color: #ffffff !important;
width:120px;
}
.ui.huge.button.large-btn.btn-text.button-width-height{height: 50px; width: 200px;}
.ui.table td.pay-transact{
padding: 4px 5px !important;
}
/* dashboard */
.medium-center-container {
/*width: 782px;*/
width: 781px;
margin: 10px 78px;
padding-bottom: 1px;
}
.td-cont-activity{
margin-top: 0px !important;
padding: 15px 0px 15px 16px !important;
}
.td-cont-activity-left{
width: 38%;
}
.td-cont-activity-right{
width: 51%;margin-top: 20px; margin-bottom: 20px; border-left: 1px solid #0003;
}
.dashboard-middle-block{
color: #485A70;
font-size: 13px;
text-align: center;
background-color: #FFFFFF;
padding-top: 20px !important;
/*box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(92,198,255,0.1);*/
border-radius: 6px;
margin: 8px !important;
height: 160px;
/*width: 253px !important;*/
width: 250px !important;
}
.inline-button {
border-radius: 6px;
background-color: #FFFFFF;
margin-right: 4px;
margin-left: -25px;
font-weight: bold;
color: #5CC6FF;
padding: 4px 10px 4px 9px;
/* padding: 4px 8px 4px 8px;*/
text-align: center;
vertical-align: middle;
display: inline-block;
}
.dashboard-activity-box{
height: 114px;
width: 250px;
border-radius: 6px;
background-color: #FFFFFF;
box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(137,129,215,0.1);
margin:8px;
}
.mod > .ui.secondary.pointing.menu .active.item {
background-color: #fff0 !important;
color: #5CC6FF !important;
}
.ui.secondary.pointing.menu .active.item:hover {
border-color: #5CC6FF;
color: rgba(0,0,0,.95);
border-bottom-width: 3px !important;
}
.ui.secondary.pointing.menu .active.item {
box-shadow: none;
border-color: #5CC6FF;
font-weight: 700;
color: rgba(0,0,0,.95);
border-bottom-width: 3px !important;
background-color: #5CC6FF !important;
color: #fff !important;
border-radius: 5px 5px 0 0;
}
/*17-10-2018 - Included Roboto-Light font as per the client request*/
.roboto-light-font{
font-family: 'Roboto' !important;
font-weight:100;
}
.upcoming-event{
width: 36%;
border-right: 1px aliceblue;
margin:0px;
padding:0px 0px 0px 15px;
}
/* demo-ui */
/*loader */
.lds-ellipsis {
display: inline-block;
position: relative;
width: 80px;
height: 80px;
}
.lds-ellipsis div {
position: absolute;
top: 33px;
width: 13px;
height: 13px;
border-radius: 50%;
background: #e33c3c;
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.lds-ellipsis div:nth-child(1) {
left: 8px;
animation: lds-ellipsis1 0.6s infinite;
}
.lds-ellipsis div:nth-child(2) {
left: 8px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(3) {
left: 32px;
animation: lds-ellipsis2 0.6s infinite;
}
.lds-ellipsis div:nth-child(4) {
left: 56px;
animation: lds-ellipsis3 0.6s infinite;
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}
/*notification text for mobile*/
.notification-mobile,.notification-mobile-bell{background-color: #F5A623; color:#ffffff; position:absolute; top: 10px; left: 35px; text-align: center; border-radius: 22px; min-width: 25px; height: 25px; line-height: 24px;}
.notification-mobile-bell{top: 10px; left: 30px;}
/*notification text for mobile*/
/* Dashboard CSS*/
.db-cont{width: 100%;}
.db-menu{width:100%; padding:10px;}
.add-exp-cont,.pending-payout{height:50px; width:100%; margin:0px auto 5px auto; background:#5CC6FF; border-radius:6px; box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(92,198,255,0.1); }
.pending-payout{background:#ffffff;border-radius:6px; box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(92,198,255,0.1); margin-bottom:5px;}
.tag-white{border-left:2px solid #ffffff; background:#5CC6FF; height:40px; margin-top:5px; margin-left:5px; display:inline-block; }
.tag-active{border-left:2px solid #5CC6FF; background:#ffffff; height:48px; margin-top:5px; margin-left:5px; /*display:inline-block;*/ display:block; }
.tag-inactive{border-left:2px solid #FF5C5C; background:#ffffff; height:48px; margin-top:5px; margin-left:5px; /*display:inline-block;*/ display:block;}
.db-text{font-family: roboto; font-size: 13px;line-height: 18px;color: #ffffff;padding: 10px 0px 18px 10px;text-align: center; display:inline-block;}
.db-black, .account-status{font-family: roboto; font-size: 13px;line-height: 18px;color: #485A70;text-align: center;display: inline-block;vertical-align: top; margin-top: 8px;}
.account-status{color:#1E2732; padding-left:7px; margin-right:25px;}
.black-text{font-family: roboto; font-size: 22px;line-height: 18px;color: #485A70;padding: 8px 10px 18px 10px;text-align: center;display: inline-block;vertical-align: top;}
i.icon.angle.up::before {content: "\f106";}
.up-angle{position: absolute; right: 10px; top: 15px; border: 0px solid;}
.button-resolve{background:#5CC6FF; border-radius:6px; width:130px; padding:5px 15px; margin:0px 10px; height:34px;font-family: roboto; font-size: 16px;line-height: 22px;color: #ffffff; display:inline-block;}
.stat-num{background:#ffffff; border-radius:3px; padding:3px 10px; margin: 0px 15px 0px -25px; font-family: roboto; font-size: 13px;line-height: 15px;color: #5CC6FF;}
.img-cont{margin: 5px; padding-top:8px;}
.ca-cont{width:100%; margin:0 auto;background:#ffffff;}
.ca{width:100%; box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(92,198,255,0.1); padding:10px 0px; border-radius: 6px;}
.ca-hd,.ca-txt{color: #1E2732; font-family: Roboto; font-size: 15px; line-height: 18px; padding:12px 15px 12px 15px; margin: 0px;}
.ca-hd{padding:17px 0px 25px 15px; }
.ca-title {height: 40px; width: 247px;color: #1E2732; font-family: Roboto; font-size: 15px; font-weight: bold; line-height: 20px; }
.locates{width:100%; color: #485A70; font-family: Roboto; font-size: 13px; line-height: 18px; padding: 0px 15px 12px 15px;}
.loc-date{display: flex; padding-right: 0px; padding-top: 12px;}
.map1 {height: 18px;color: #485A70;font-family: Roboto; font-size: 13px;line-height: 18px; text-align: center; display: inline-block; padding-left: 5px;}
.active-but {height: 22px; width:52px;background-color: #FFFFFF; color: #485A70; font-family: Roboto; font-size: 13px; line-height: 18px; text-align: center; display: inline-block; margin-left: 10px; border-radius: 6px; border: 1px solid #2ABF43;}
.Ended-but {height: 22px; width:52px;background-color: #FFFFFF; color: #FFA300; font-family: Roboto; font-size: 13px; line-height: 18px; text-align: center; display: inline-block; margin-left: 10px; border-radius: 6px; border: 1px solid #FFA300;}
.event-no{color: #485A70; font-family: Roboto; font-size: 13px; line-height: 18px; text-align: center; display: inline-block; padding: 0px 0px 0px 30px;}
.ca-event-date-cont{margin: 15px 0px 5px 15px; color: #485A70;font-family: roboto; font-size: 13px; line-height: 18px;}
.ca-image-date{margin:0px 0px 0px 0px; width: 21px; }
.cta-ca {width: 80px; font-size: 14px; line-height: 19px; text-align: center; color: #fff !important; height: 34px; border-radius:6px; margin: 4px !important; background-color: #5CC6FF !important; box-sizing: border-box; overflow:visible;}
.medium-button-contract1 { width: 117px !important; color: #fff !important; height: 34px; margin: 4px !important;}
.invites {background-color: #5CC6FF !important;}
.cta-cont{width:100%; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.cta-text{font-family: roboto;font-size: 13px; line-height: 16px; color: #485A70; padding: 15px 12px 0px 6px; text-align: center;display: inline-block; vertical-align: top; width: auto;}
/*Candidate Contract and Postion Details*/
.main-cont{width: 100%;background:#ffffff; padding:0px 0px 20px 0;}
.can-pos-main-block{width:100%; box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(92,198,255,0.1);}
.main-title {color: #1E2732;font-family: Roboto;font-size: 15px;line-height: 18px; padding:12px 0px 15px 15px;}
.can-pos-inner-block{padding: 15px;}
.mob-img-cont{width:50px; height:50px; display:inline-block; /*padding: 15px 15px 15px 0px;*/ margin: 6px 0px 0px 0px;}/*Added the margin commented padding */
.mob-img-cont img{border-radius: 50%; height: auto; width: 100%;}
.ca-hd,.ca-txt{color: #1E2732; font-family: Roboto; font-size: 15px; line-height: 18px; padding:12px 15px 12px 15px; margin: 0px;}
.ca-hd{padding:17px 0px 25px 15px; }
.cand-exp-title {color: #1E2732; font-family: Roboto; font-size: 18px; line-height: 22px; display: inline-block; vertical-align: top; margin: 15px 0px 0px 0px; font-weight: normal;}/*Added the margin font-weight */
.position-01-copy {height: 20px;width: 77px;color: #1E2732;font-family: Roboto;font-size: 15px;font-weight: bold;line-height: 20px;}
.verified-img{vertical-align: middle; margin-left: 6px;}
.positions {color: #1E2732;font-family: Roboto;font-size: 15px;font-weight: bold;line-height: 20px;}
.buton-can-pos {height: 40px;width: 140px;border-radius: 6px;background-color: #5CC6FF; color: #FFFFFF;font-family: "Roboto";font-size: 14px;font-weight: bold;line-height: 22px;text-align: center; display:inline-block; vertical-align:middle; padding-top:10px; margin-right:10px; }
.button-cont{/*padding:10px 0px 10px 15px;*/ padding:0px; width:100%;}
.button-cont1{/*padding-left:95px;*/ padding-left:0px; padding-bottom:15px;}
.align-center{text-align:center; margin:0 auto;}
.num-cont,date-cont{padding:0px 0px 10px 0px;}
.ca-num-text{color: #1E2732; font-family: Roboto; font-size: 15px; font-weight: bold; line-height: 20px; padding-right: 55px; text-align: left;}
.ca-num-text:first-child{padding-left:6px;}
.ca-drpdi {height: 36px; width:88px; color: #485A70; font-family: Roboto; font-size: 13px; line-height: 18px; padding: 10px 10px 10px 15px; display: block;}
.ca-drpdi:last-child{padding-left:5px;}
.ca-date-title {height: 16px; width: 112px; color: #1E2732; font-family:Roboto; font-size: 13px; font-weight: bold;line-height: 16px; display: block; padding:0px 35px 5px 6px;}
.ca-date {color: #485A70;font-family: Roboto;font-size: 13px;line-height: 18px; padding:0px 0px 20px 6px;}
.this-includes-travel {color: #485A70; font-family: Roboto;font-size: 13px; line-height: 18px;padding:5px 0px 0px 6px;}
.hori-line{height: 1px; width: 100%; background-color: #CCCCCC; margin:8px 0px 10px 0px;}
.star-cont{padding:0px 0px 20px 10px; display:inline-block; }
.ca-star-rating {color: #1E2732;font-family:roboto;font-size: 14px;line-height: 21px;padding: 0px 0px 10px 15px; vertical-align: top;}
.column.left.aligned.padding-top,.column.center.aligned.padding-top,.column.right.aligned.padding-top{padding-top:0px;}
.column.left.aligned.padding-left,.column.center.aligned.padding-left,.column.right.aligned.padding-left{padding-left:0px;}
.column.left.aligned.padding-bottom,.column.center.aligned.padding-bottom,.column.right.aligned.padding-bottom{padding-bottom:0px;}
.column.left.aligned.padding-right,.column.center.aligned.padding-right,.column.right.aligned.padding-right{padding-right:0px;}
.ui.three.column.centered.grid.ca-padding,.ui.two.column.centered.grid.ca-padding{padding-left:10px; padding-right:10px;}
.pdf-table{
display: table;
width: 100%;
}
.pdf-table-row {
display: table-row;
}
.pdf-table-heading {
display: table-header-group;
font-weight: bold;
}
.pdf-table-head {
border-bottom: 2pt solid #999;
display: table-cell;
padding: 3pt 10pt;
}
/* edit-event */
.back-btn{
white-space: nowrap;
vertical-align: middle;
display: inline-block;
margin-top:43px;
}
.position-head th{
padding-left: 5px !important;
}
/* event-manage */
.event-stat-card{
color: #485A70;
font-size: 13px;
text-align: center;
background-color: #FFFFFF;
padding-right: 0px !important; /* For grid */
padding-left: 0px !important;
padding-top: 11px !important;
box-shadow: 0 2px 0 0 rgba(0,0,0,0.04), 0 6px 10px 0 rgba(92,198,255,0.1);
border-radius: 6px;
margin: 4px !important;
height: 68px;
/* max-width: 186px !important; */
width: 142px;
}
.white-space{white-space:nowrap;}
/* input-field */
.input-field input{
border: none !important;
border-color:unset !important;
background-color: #F2F2F2 !important;
color: #526378 !important;
border-radius: 6px !important;
height: 56px !important;
font-size: 15px !important;
}
.input-field-text{
margin: 0px 25px;
font-size: 14px;
color: #1E2732 !important;
position: relative;
top: 28%;
transform: translateY(-50%);
line-height: 16px;
}
.input-field input::-webkit-input-placeholder { font-size: 15px !important; font-family: "Roboto"; color: #526378 !important; }
.input-field input::-moz-placeholder { font-size: 15px !important; font-family: "Roboto"; color: #526378 !important; }
.input-field input:-ms-input-placeholder { font-size: 15px !important; font-family: "Roboto"; color: #526378 !important; }
.input-field input:-moz-placeholder { font-size: 15px !important; font-family: "Roboto"; color: #526378 !important;}
.field-error input{
border: 1px solid #FF5C5C !important;
background-color: #F2F2F2;
}
/* layout */
.layout-container{ background: #F1F1F1; display: flex; flex-direction: row; border:1px solid red; margin:0 auto; width: 1140px; min-height : 100%; align-items: stretch;}
.layout-column{display: flex; color: #000; align-self : stretch; min-height : 100%; overflow : hidden; border: 1px solid blue;}
.layout-sidebar{ width: 180px !important; order: 1; padding:15px; background: #ffffff; }
.layout-list{ width: 325px !important; order: 2; background: #ffffff; margin-left:5px; }
.layout-detail{flex: 1; order: 3; background: #ffffff; width: 592px !important; margin: 0px 0px 0px 24px; }
.layout-container ng-component{
}
.layout-side-bar{
border: 0px solid red;
background: #ffffff;
position: fixed;
height: 100%;
min-width: 194px;
box-shadow: 0 0 29px 0 rgba(0,0,0,0.1);
overflow: hidden;
overflow-x: hidden;
}
.layout-side-bar:hover{
overflow: auto;
overflow-x: hidden;
height: 100vh;
}
.layout-container-section{
min-height: 100%;
border: 0px solid red;
margin-left: 185px;
}
/* login */
.login-menu a{
min-width: 50% !important;
text-align: center;
font-family: "Roboto";
color: #1E2732 !important;
font-size: 15px;
}
.icon-place{
margin-right: 3.5em !important;
margin-left: -3em !important;
}
.active{
// border-color: #5CC6FF !important;
}
.login-button{
width: 100% !important;
margin-top: 18px !important;
font-family: "Roboto";
font-size: 15px !important;
font-weight: inherit !important;
display: flex !important;
text-align:center !important;
}
.facebook-icon{
height: 25px;
float:left;
}
.social-icon-text{
margin: 7px auto;
}
.icon-field{
height: 26px;
width: 26px;
border-radius: 1px;
background-color: #FFFFFF;
}
.field-inputs{
width:100%;
}
.login-menu.bot-mar{
margin-bottom:30px !important;
}
/* message */
.message-sticky{
width : 100%;
height : 50px;
position : fixed;
top : 0px; left : 0px;
text-align : center; z-index:999; color : white;
}
.message-type-SUCCESS, .message-type-INFO{
background-color : #47C45C;
}
.message-type-WARNING{
background-color : #f2b037;
}
.message-type-ERROR{
background-color : #EA5656;
}
/* photo-cropper */
.profile-photo .slim {
border-radius: 50%;
width: 150px;
height: 150px;
}
.profile-photo .slim .slim-btn-group {
transition: .25s opacity;
}
.expense-receipt .slim-btn {
width:auto;
font-size:1em;
padding: 0 1em;
border-radius: 1em;
background-image: none;
}
.slim:hover .slim-btn-group {
opacity: 1;
}
/* responsive */
/* Mobile or tablet */
@media only screen and (min-width: 770px) and (max-width: 1200px){
.mobile-menu{
overflow: auto;
height: calc(100vh - 50px);
background-color: #fff;
}
.mobile-only{
display:none;
}
.desktop-only{
display:none;
}
.desktop-hidden{
display:unset !important;
}
.medium-center-container{
width: auto;
margin: auto;
}
.layout-container-section{
margin: 25px auto !important;
width: 100%;
}
.tablet-centered{
max-width: 594px;
margin-left: auto;
margin-right: auto;
}
.secondbar-main {
margin-bottom: 36px !important;
}
.container-section.third-conts{
margin-left: 0px;
}
.dashboard-mobile-tab.field.field-inputs.field-select.field-select-selected.selection.ui.dropdown{
width: 100% !important;
}
.second-sidebar{
z-index:999;
margin-left: auto;
margin-right: auto;
}
.third-container-tablet{
margin: auto;width: 594px;
}
.second-sidebar{
position: unset !important;
}
.planner-event-edit .two.fields > .field-inputs, .planner-event-edit .two.fields > .multi-field{
width: 50% !important;
}
}
@media only screen and (min-width: 0px) and (max-width: 770px){
.mobile-only{
display:block;
}
.mobile-hidden{
display:none !important;
}
.desktop-only{
display:none !important;
}
.desktop-hidden{
display:unset !important;
}
.contract-activity-card-see-more, .planner-dashboard-action-card{
width: 100%;
}
.planner-dashboard-main{
min-width: unset;
}
.mobile-only-center{
text-align: center !important;
}
.new-project{
margin-top: 15px !important;
}
.contract-activity-card{
width:100%;
}
.upcoming-event{
width: 100%;
}
.container-section.third-conts{
margin-left: 0px;
}
.count-bubble{
left: 50%;
}
.planner-event-edit .two.fields > .field-inputs, .planner-event-edit .two.fields > .multi-field{
width: 50% !important;
}
.dashboard-mobile-tab, .dashboard-mobile-tab > .field-inputs > .ui.selection.dropdown{
width: 100% !important;
background-color: #FFF !important;
}
.dashboard-mobile-tab > .field-inputs > .ui.selection.dropdown > .dropdown.icon{
margin: 0.1em !important;
}
.multi-field{
margin-bottom: 1px !important;
max-width: 96% !important;
}
/*
.mobile-overflow-hidden{
overflow:hidden;
}
.pusher{ /*### recent modified*//*
overflow: hidden;
}
*/
.vertical-overflow{
/* height: calc(100vh - 50px);
overflow: auto;
overflow-x: hidden; */
}
.event-list {
height: calc(100vh - 206px);
overflow: auto; /*###*/
}
.member-main-block{margin-top: -7px;}
.max-width {min-width: 110px !important; margin-top: -24px;}
.expertise-field{width:138px;}
.cd-breadcrumb.triangle li:last-of-type { padding-right: 5px;}
.ui.form {margin-left:0px !important;margin-right: 0px !important;}
.ui.accordion .title:not(.ui) {font-size:13px !important;}
.accordian-block .transaction-block{padding:12px !important; }
.ui.comments .comment .text{font-size:13px !important;}
.favorites-section{margin:0 auto !important ;}
.medium-text{padding:10px;}
.ui.grid > .ui.grid:last-child {margin-bottom: 0em; width: 100% !important;}
.ui.primary.basic.huge.ui.button.btn-text.small-btn.save-draft-btn{margin-bottom:20px !important;}
.ui.basic.buttons{
width:100%;
}
.tablet-centered{
max-width: 594px;
margin-left: auto;
margin-right: auto;
}
field-inputs{
width:100% !important;
}
.ui.huge.button.large-btn.btn-text.button-width-height {margin-top: 20px;}
.inline-field-text{padding-left:0px; padding-top:20px;}
.form-header.form-head-mobile{margin-left:10px !important;}
.favorites-section{
margin-bottom: 9px !important;
}
/* header */
.layout-container-section{
margin-left: 0 !important;
width: 100%;
}
.ui.container{
margin-left: unset !important;
margin-right: unset !important;
}
/* Second sidebar */
.mobile-menu{
overflow: auto;
height: calc(100vh - 50px);
background-color: #fff;
}
.container-section.third-conts{
margin-left: 0px;
}
.ui.container{
margin-left: 0em !important;
margin-right: 0em !important;
}
.second-sidebar{
width: 100% !important;
z-index:999;
}
.event-card{
/*width: 100% ;*/
width: 99% ;
padding-right: 12px;
}
.event-list-block{
width: 100% ;
}
.secondbar-main{
margin-top: 0px;
/*height: calc(100vh - 66px); /*###*/ /*modified/*
overflow: auto; */
}
.notification{
height: 21px;
width: 21px;
border: 1px solid #5CC6FF;
background-color: #FF7373;
border-radius: 21px;
position: absolute;
margin: 0px 0px 21px 32px;
font-family: "Roboto";
font-weight: bold;
line-height: 10px;
}
.zero-padding{
padding:0 !important;
}
.container-section{ /*### It was min-width: auto;*/
min-width: inherit;
margin-bottom: 20px;
padding-left: 0 !important;
padding-right: 0 !important;
}
.medium-center-container{
width: auto;
margin: 0;
}
.box-content{
min-width:auto;
}
.small-container{
padding: 15px 11px;
min-width:auto;
width: 100% !important;
}
.center-box{
margin-top:0px !important;
}
#container-center {
margin-left: 0em !important;
margin-right: 0em !important;
}
.box-header{
border-radius: 0;
padding: 0 10px 5px 10px;
height: auto;
}
.icon-select{
width:100% !important;
}
.field-inputs, .icon-input-field{
max-width: 100% !important;
}
.field-inputs.field-info, .icon-input-field.field-info {
max-width: 95% !important;
}
.form-section {
margin: 22px 20px 90px 15px;
}
.ui.basic.buttons{
width:100%;
}
.mobile-centered{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.mobile-width{
width:95% !important;
max-width: 95% !important;
}
.mobile-field-width{
width: 99% !important;
max-width: 99% !important;
}
.mobile-three-field{
max-width: 32.1% !important;
}
.dashboard-middle-block
{
margin: 8px auto!important;
}
.main-container{
margin-bottom: 50px !important;
}
.main-cont{
padding-bottom: 0;
}
/* action bar mobile */
.review-box{
width: auto;
}
.ui.right.sidebar{
width:100% !important;
}
.lead{
margin: 8px 0px 0px 7px !important;
text-align: center;
font-size: 13px;
font-weight: 300;
line-height: 13px;
white-space: nowrap
}
.form-header{margin-top:5px !important;}
.event-list{margin:0 auto;}
.bid-postion-block{
width: auto;
}
.favorites-align{
margin-left: 15px !important;
margin-right: 12px !important;
}
.planner-event-edit .two.fields > .field-select{
max-width: 96% !important;
}
.create-event-mobile-width{
width: 101% !important;
}
.large-btn{
width: auto !important;
min-width: 100% !important;
}
.event-manage-filter{
margin: 12px 0px 16px 0px;
}
.planner-filter-section {
min-width: auto !important;
}
.subscription-block{
min-width: 100% !important;
margin: 7px auto !important;
}
.mob-mb-50{
margin-bottom: 50px !important;
}
.big-number{
font-size: 28px !important;
}
.position-filter{
width: 100%;
margin:auto;
}
.bank-wire-info{
width: auto;
}
}
/*
@media only screen and (min-width: 480px) and (max-width: 800px){
.ui.grid > .ui.grid:last-child {margin-bottom: 0em; width: 100% !important;}
}
*/
@media only screen and (min-width: 990px) and (max-width: 1200px){
.ui[class*="mobile only"].grid.grid.grid:not(.computer){
display: flex !important;
}
.container-section.third-conts{
margin-left: 0px;
}
.second-sidebar{
z-index:999 !important;
}
}
/* right-sidebar */
.ui.right.sidebar {
width: 500px;
background-color: #FBFBFB !important;
}
/*
.pushable:not(body){
margin-right: -53px !important;
}
*/
/* slim.min */
/*
* Slim v4.17.1 - Image Cropping Made Easy
* Copyright (c) 2018 Rik Schennink - http://slimimagecropper.com
*/
.slim-file-hopper{position:absolute;left:0;top:0;right:0;bottom:0}.slim-image-editor{position:relative;height:100%;text-align:left;z-index:1}.slim-image-editor .slim-container{position:relative;height:calc(100% - 8em);width:100%;z-index:2;direction:ltr}.slim-image-editor .slim-editor-btn-group,.slim-image-editor .slim-editor-utils-group{-ms-flex-negative:0;flex-shrink:0}.slim-image-editor .slim-stage{position:absolute;line-height:0}.slim-image-editor .slim-wrapper{position:absolute;z-index:2}.slim-image-editor .slim-crop-preview{position:absolute;left:0;top:0;right:0;bottom:0;line-height:0}.slim-image-editor .slim-stage{z-index:4}.slim-image-editor .slim-crop-preview{z-index:3;border-radius:4px}.slim-image-editor .slim-crop-preview:after,.slim-image-editor .slim-crop-preview canvas,.slim-image-editor .slim-crop-preview img{position:absolute;display:block;border-radius:inherit;left:0;top:0}.slim-image-editor .slim-crop-preview .slim-crop{z-index:3}.slim-image-editor .slim-crop-preview:after{z-index:2;right:0;bottom:0;content:""}.slim-image-editor .slim-crop-preview .slim-crop-blur{-webkit-filter:contrast(.7);-moz-filter:contrast(.7);filter:contrast(.7);z-index:1}.slim-image-editor .slim-editor-utils-group{text-align:center}.slim-image-editor .slim-editor-utils-group button{width:2.5em;height:2.5em;padding:0;font-size:1em;cursor:pointer;outline:none;box-shadow:inset 0 -1px 2px rgba(0,0,0,.1),inset 0 1px 0 0 hsla(0,0%,100%,.15);background-color:transparent;background-size:50% 50%;background-position:50%;background-repeat:no-repeat}.slim-image-editor .slim-editor-utils-group button:active{background-color:rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.slim-image-editor .slim-editor-btn-group{text-align:center}.slim-image-editor .slim-editor-btn-group button{position:relative;display:inline-block;vertical-align:top;font-size:1em;margin:0 .75em;padding:.75em 1.5em .875em;cursor:pointer;overflow:hidden;-webkit-transition:color .25s,box-shadow .25s,background-color .25s;transition:color .25s,box-shadow .25s,background-color .25s;box-shadow:inset 0 -1px 2px rgba(0,0,0,.1),inset 0 1px 0 0 hsla(0,0%,100%,.15);background-color:transparent;outline:none}.slim-image-editor .slim-editor-btn-group button:active{padding:.875em 1.5em .75em;background-color:rgba(0,0,0,.1);box-shadow:inset 0 1px 2px rgba(0,0,0,.15)}.slim-rotation-disabled .slim-container{height:calc(100% - 4em)}.slim-rotation-disabled .slim-editor-utils-group{display:none}.slim-editor-btn,.slim-editor-utils-btn{color:hsla(0,0%,100%,.75);border:2px solid rgba(0,0,0,.25)}.slim-editor-btn:focus,.slim-editor-btn:hover,.slim-editor-utils-btn:focus,.slim-editor-utils-btn:hover{color:hsla(0,0%,100%,.9)}.slim-editor-utils-btn{border-radius:.6875em}.slim-editor-btn{border-radius:.5em}.slim-image-editor-preview:after{background-color:rgba(244,250,255,.4);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.07),0 1px 5px rgba(0,0,0,.3)}.slim-btn-rotate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='252' height='287' viewBox='0 0 252 287' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M134.762.626v36.15c65.016 4.594 116.34 58.75 116.34 124.936 0 69.198-56.09 125.288-125.29 125.288C56.616 287 .525 230.91.525 161.71c0-30.036 10.592-57.59 28.215-79.17l31.934 31.934C51.03 127.75 45.27 144.04 45.27 161.71c0 44.485 36.06 80.544 80.544 80.544 44.484 0 80.544-36.058 80.544-80.543 0-41.454-31.327-75.56-71.594-80.017v35.272l-62.646-57.89L134.762.625zm-8.95 196.883c-19.77 0-35.796-16.028-35.796-35.798 0-19.77 16.027-35.796 35.797-35.796 19.77 0 35.797 16.026 35.797 35.796s-16.027 35.797-35.797 35.797z' fill='rgba(255,255,255,.8)' fill-rule='evenodd'/%3E%3C/svg%3E")}.slim-editor-btn-group,.slim-editor-utils-group{padding:1em 0 0}@media (min-width:40em){.slim-btn-group{padding-top:2em}}.slim-crop-area{position:absolute;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.75),0 0 0 1px hsla(0,0%,100%,.75)}.slim-crop-area .grid{overflow:hidden}.slim-crop-area .grid:after,.slim-crop-area .grid:before{position:absolute;z-index:2;content:"";opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.slim-crop-area .grid:before{top:33.333%;bottom:33.333%;left:1px;right:1px;box-shadow:inset 0 -1px 0 0 hsla(0,0%,100%,.35),inset 0 1px 0 0 hsla(0,0%,100%,.35)}.slim-crop-area .grid:after{top:1px;bottom:1px;left:33.333%;right:33.333%;box-shadow:inset -1px 0 0 0 hsla(0,0%,100%,.35),inset 1px 0 0 0 hsla(0,0%,100%,.35)}.slim-crop-area button{position:absolute;background:#fafafa;box-shadow:inset 0 1px 0 0 #fff,0 1px 1px rgba(0,0,0,.15);border:none;padding:0;margin:0;width:16px;height:16px;margin-top:-8px;margin-left:-8px;border-radius:8px;z-index:3}.slim-crop-area [class*=n]{top:0}.slim-crop-area [class*=s]{top:100%}.slim-crop-area [class*=w]{left:0}.slim-crop-area [class*=e]{left:100%}.slim-crop-area .e,.slim-crop-area .w{top:50%;cursor:ew-resize;height:30px;margin-top:-15px}.slim-crop-area .n,.slim-crop-area .s{left:50%;cursor:ns-resize;width:30px;margin-left:-15px}.slim-crop-area .ne,.slim-crop-area .sw{cursor:nesw-resize}.slim-crop-area .nw,.slim-crop-area .se{cursor:nwse-resize}.slim-crop-area .c{top:10px;left:10px;width:calc(100% - 20px);height:calc(100% - 20px);margin:0;border-radius:0;border:none;z-index:2;box-shadow:none;opacity:0;cursor:move}.slim-crop-area button:not(.c):after{content:"";position:absolute;left:-12px;right:-12px;top:-12px;bottom:-12px}.slim-crop-area .slim-crop-mask{position:absolute;left:0;top:0;right:0;bottom:0;overflow:hidden;z-index:1}.slim-crop-area .slim-crop-mask img{position:absolute;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:translateZ(0);transform:translateZ(0);margin:0!important;width:auto;height:auto;max-width:none;min-width:0}.slim-crop-area[data-dragging=true] .grid:after,.slim-crop-area[data-dragging=true] .grid:before{opacity:1}.slim-popover{-ms-touch-action:none;touch-action:none;position:fixed;left:0;top:0;width:100%;height:100%;padding:1em;font-size:16px;background:rgba(25,27,29,.99);z-index:2147483647;overflow:hidden}.slim-popover[data-state=off]{left:-100%}.slim-popover:after{position:absolute;left:0;top:0;right:0;bottom:0;content:"";background:-webkit-radial-gradient(center ellipse,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,0) 80%);background:radial-gradient(ellipse at center,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,0) 80%)}@media (min-width:40em){.slim-popover{padding:2em}}.slim,.slim-crop-area,.slim-image-editor,.slim-popover{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-sizing:border-box}.slim-crop-area button,.slim-image-editor button,.slim-popover button,.slim button{-webkit-highlight:none;-webkit-tap-highlight-color:transparent}.slim *,.slim-crop-area *,.slim-image-editor *,.slim-popover *{box-sizing:inherit}.slim-crop-area img,.slim-image-editor img,.slim-popover img,.slim img{background-color:#eee;background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAABG2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iWE1QIENvcmUgNS41LjAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+Gkqr6gAAAYBpQ0NQc1JHQiBJRUM2MTk2Ni0yLjEAACiRdZHPK0RRFMc/M4gYERaKxUvDamhQExtlJqEmTWOUwWbmzS81P17vzaTJVtlOUWLj14K/gK2yVopISdlZExv0nGfUSObc7rmf+73nnO49F+yhtJoxat2Qyeb14KRXmQ8vKPWP2OjCQRtKRDW08UDAT1V7u5Fosat+q1b1uH+tKRY3VLA1CI+pmp4XnhL2r+Q1izeFO9RUJCZ8LOzS5YLC15YeLfOTxckyf1ish4I+sLcKK8lfHP3FakrPCMvLcWbSBfXnPtZLHPHs3KysPTK7MQgyiReFaSbw4WGQUfEe+hliQHZUyXd/58+Qk1xVvEYRnWWSpMjjErUg1eOyJkSPy0hTtPr/t69GYnioXN3hhboH03zphfoN+CyZ5vu+aX4eQM09nGUr+bk9GHkVvVTRnLvQsgYn5xUtugWn69B5p0X0yLdUI9OeSMDzETSHof0SGhfLPfs55/AWQqvyVRewvQN9Et+y9AUyt2fOEwKMEgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAC9JREFUOI1jZGBgkGIgDjwjRhETkYYRDUYNHDVwMBjISIJaonLU4PfyqIGjBpIBAPvwAUFW9TOIAAAAAElFTkSuQmCC")}.slim img{width:100%;height:auto}span.slim{display:block}.slim{position:relative;font-size:inherit;background-color:#eee;-webkit-transition:background-color .25s;transition:background-color .25s;padding-bottom:.025px}@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.slim[data-state*=file-over] .slim-btn{pointer-events:none}.slim[data-state*=empty]:hover{background-color:#ddd}.slim[data-state*=empty] .slim-label{visibility:visible;opacity:1}.slim[data-state*=busy] .slim-label{opacity:0}.slim[data-state*=loading] .slim-label{display:none}.slim[data-state*=loading] .slim-label-loading{opacity:1;display:block}.slim[data-state*=preview] .slim-label{visibility:hidden}.slim[data-state*=error]{background-color:#e8a69f!important;color:#702010}.slim>img,.slim>input[type=file]{display:block!important;opacity:0!important;width:0!important;height:0!important;padding:0!important;margin-left:0!important;margin-right:0!important;margin-top:0!important;border:0!important}.slim>img+input[type=file],.slim>input[type=file]+img{margin-bottom:0!important}.slim>input[type=hidden]{position:absolute;width:1px;height:1px;margin:-1px;opacity:0}.slim .slim-label-loading{display:none}.slim .slim-label{visibility:hidden;-webkit-transition:opacity .25s;transition:opacity .25s}.slim .slim-error,.slim .slim-label,.slim .slim-label-loading{max-width:100%}.slim .slim-file-hopper{z-index:3;background:rgba(0,0,0,.0001)}.slim .slim-area,.slim .slim-drip,.slim .slim-ratio,.slim .slim-result,.slim .slim-status{border-radius:inherit}.slim .slim-area{width:100%;color:inherit;overflow:hidden}.slim .slim-area :only-of-type{margin:0}.slim .slim-area .slim-loader{pointer-events:none;position:absolute;right:.875em;top:.875em;width:23px;height:23px;z-index:1}.slim .slim-area .slim-loader svg{display:block;width:100%;height:100%;opacity:0}.slim .slim-area .slim-upload-status{position:absolute;right:1em;top:1em;z-index:1;opacity:0;-webkit-transition:opacity .25s;transition:opacity .25s;white-space:nowrap;line-height:1.65;font-weight:400}.slim .slim-area .slim-upload-status-icon{display:inline-block;opacity:.9}.slim .slim-area .slim-drip,.slim .slim-area .slim-result,.slim .slim-area .slim-status{left:0;top:0;right:0;bottom:0}.slim .slim-area .slim-drip,.slim .slim-area .slim-result{position:absolute}.slim .slim-area .slim-status{padding:3em 1.5em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;pointer-events:none}.slim .slim-area .slim-drip{z-index:1;overflow:hidden}.slim .slim-area .slim-drip>span{position:absolute;left:0;top:0;opacity:0;margin-left:-25%;margin-top:-25%;width:50%;padding-bottom:50%}.slim .slim-area .slim-drip>span>span{position:absolute;width:100%;height:100%;background-color:rgba(0,0,0,.25);border-radius:50%;opacity:.5;left:0;top:0}.slim .slim-area .slim-result{overflow:hidden;-webkit-perspective:1px}.slim .slim-area .slim-result img{display:block;width:100%;position:absolute;left:0;top:0}.slim .slim-area .slim-result img:not([src]),.slim .slim-area .slim-result img[src=""]{visibility:hidden}.slim .slim-btn-group{position:absolute;right:0;bottom:0;left:0;z-index:3;overflow:hidden;pointer-events:none}.slim .slim-btn-group button{pointer-events:all;cursor:pointer}.slim[data-ratio*=":"]{min-height:0}.slim[data-ratio*=":"] .slim-status{position:absolute;padding:0 1.5em}.slim[data-ratio="16:10"]>img,.slim[data-ratio="16:10"]>input[type=file]{margin-bottom:62.5%}.slim[data-ratio="10:16"]>img,.slim[data-ratio="10:16"]>input[type=file]{margin-bottom:160%}.slim[data-ratio="16:9"]>img,.slim[data-ratio="16:9"]>input[type=file]{margin-bottom:56.25%}.slim[data-ratio="9:16"]>img,.slim[data-ratio="9:16"]>input[type=file]{margin-bottom:177.77778%}.slim[data-ratio="5:3"]>img,.slim[data-ratio="5:3"]>input[type=file]{margin-bottom:60%}.slim[data-ratio="3:5"]>img,.slim[data-ratio="3:5"]>input[type=file]{margin-bottom:166.66667%}.slim[data-ratio="5:4"]>img,.slim[data-ratio="5:4"]>input[type=file]{margin-bottom:80%}.slim[data-ratio="4:5"]>img,.slim[data-ratio="4:5"]>input[type=file]{margin-bottom:125%}.slim[data-ratio="4:3"]>img,.slim[data-ratio="4:3"]>input[type=file]{margin-bottom:75%}.slim[data-ratio="3:4"]>img,.slim[data-ratio="3:4"]>input[type=file]{margin-bottom:133.33333%}.slim[data-ratio="3:2"]>img,.slim[data-ratio="3:2"]>input[type=file]{margin-bottom:66.66667%}.slim[data-ratio="2:3"]>img,.slim[data-ratio="2:3"]>input[type=file]{margin-bottom:150%}.slim[data-ratio="1:1"]>img,.slim[data-ratio="1:1"]>input[type=file]{margin-bottom:100%}.slim-btn-group{padding:1.5em 0;text-align:center}.slim-btn{position:relative;padding:0;margin:0 7.2px;font-size:0;outline:none;width:36px;height:36px;border:none;color:#fff;background-color:rgba(0,0,0,.7);background-repeat:no-repeat;background-size:50% 50%;background-position:50%;border-radius:50%}.slim-btn:before{border-radius:inherit;position:absolute;box-sizing:border-box;left:-3px;right:-3px;bottom:-3px;top:-3px;border:3px solid #fff;content:"";-webkit-transform:scale(.95);transform:scale(.95);opacity:0;-webkit-transition:all .25s;transition:all .25s;z-index:-1;pointer-events:none}.slim-btn:focus:before,.slim-btn:hover:before{opacity:1;-webkit-transform:scale(1);transform:scale(1)}.slim-btn *{pointer-events:none}.slim-btn-remove{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M63.12 250.254s3.998 18.222 24.582 18.222h93.072c20.583 0 24.582-18.222 24.582-18.222l18.374-178.66H44.746l18.373 178.66zM170.034 98.442a8.95 8.95 0 0 1 17.9 0l-8.95 134.238a8.95 8.95 0 0 1-17.9 0l8.95-134.238zm-44.746 0a8.949 8.949 0 1 1 17.898 0V232.68a8.95 8.95 0 1 1-17.9 0V98.442zm-35.798-8.95a8.95 8.95 0 0 1 8.95 8.95l8.95 134.237c0 4.942-4.008 8.948-8.95 8.948a8.95 8.95 0 0 1-8.95-8.95L80.54 98.441a8.95 8.95 0 0 1 8.95-8.95zm128.868-53.68h-39.376V17.898c0-13.578-4.39-17.9-17.898-17.9H107.39C95 0 89.492 6 89.492 17.9v17.91H50.116c-7.914 0-14.32 6.007-14.32 13.43 0 7.424 6.406 13.43 14.32 13.43H218.36c7.914 0 14.32-6.006 14.32-13.43 0-7.423-6.406-13.43-14.32-13.43zm-57.274 0H107.39l.002-17.914h53.695V35.81z' fill='%23fff'/%3E%3C/svg%3E")}.slim-btn-download{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M232.943 223.73H35.533c-12.21 0-22.11 10.017-22.11 22.373 0 12.356 9.9 22.373 22.11 22.373h197.41c12.21 0 22.11-10.017 22.11-22.373 0-12.356-9.9-22.373-22.11-22.373zM117.88 199.136c4.035 4.04 9.216 6.147 14.492 6.508.626.053 1.227.188 1.866.188.633 0 1.228-.135 1.847-.186 5.284-.357 10.473-2.464 14.512-6.51l70.763-70.967c8.86-8.876 8.86-23.268 0-32.143-8.86-8.876-23.225-8.876-32.086 0l-32.662 32.756V22.373C156.612 10.017 146.596 0 134.238 0c-12.356 0-22.372 10.017-22.372 22.373v106.41L79.204 96.027c-8.86-8.876-23.226-8.876-32.086 0-8.86 8.875-8.86 23.267 0 32.142l70.763 70.966z' fill='%23fff'/%3E%3C/svg%3E")}.slim-btn-upload{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='243' height='269' viewBox='0 0 243 269' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EDownload%3C/title%3E%3Cpath d='M219.943 223.73H22.533c-12.21 0-22.11 10.017-22.11 22.373 0 12.356 9.9 22.373 22.11 22.373h197.41c12.21 0 22.11-10.017 22.11-22.373 0-12.356-9.9-22.373-22.11-22.373zM104.88 6.696c4.035-4.04 9.216-6.147 14.492-6.508C119.998.135 120.6 0 121.238 0c.633 0 1.228.135 1.847.186 5.284.357 10.473 2.464 14.512 6.51l70.763 70.967c8.86 8.875 8.86 23.267 0 32.142-8.86 8.876-23.225 8.876-32.086 0L143.612 77.05v106.41c0 12.355-10.016 22.372-22.374 22.372-12.356 0-22.372-10.017-22.372-22.373V77.05l-32.662 32.755c-8.86 8.876-23.226 8.876-32.086 0-8.86-8.875-8.86-23.267 0-32.142L104.88 6.696z' fill='%23FFF' fill-rule='evenodd'/%3E%3C/svg%3E")}.slim-btn-edit{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 269 269' xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' clip-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.414'%3E%3Cpath d='M161.36 56.337c-7.042-7.05-18.46-7.05-25.5 0l-6.373 6.38-89.243 89.338.023.023-2.812 2.82s-8.968 9.032-29.216 74.4c-.143.456-.284.91-.427 1.373-.36 1.172-.726 2.362-1.094 3.568a785.126 785.126 0 0 0-.988 3.25c-.28.922-.556 1.835-.84 2.778-.64 2.14-1.29 4.318-1.954 6.567-1.455 4.937-5.01 16.07-.99 20.1 3.87 3.882 15.12.467 20.043-.993a1275.615 1275.615 0 0 0 9.41-2.83c1.032-.314 2.058-.626 3.063-.935 1.27-.39 2.52-.775 3.75-1.157l1.09-.34c62.193-19.365 73.358-28.453 74.286-29.284l.01-.01.067-.06 2.88-2.886.192.193 89.244-89.336 6.373-6.382c7.04-7.048 7.04-18.476 0-25.525l-50.998-51.05zM103.4 219.782c-.08.053-.185.122-.297.193l-.21.133c-.076.047-.158.098-.245.15l-.243.148c-2.97 1.777-11.682 6.362-32.828 14.017-2.47.894-5.162 1.842-7.98 2.82l-30.06-30.092c.98-2.84 1.928-5.55 2.825-8.04 7.638-21.235 12.22-29.974 13.986-32.94l.12-.2c.063-.1.12-.196.175-.283l.126-.2c.07-.11.14-.217.192-.296l2.2-2.205 54.485 54.542-2.248 2.255zM263.35 56.337l-50.996-51.05c-7.04-7.048-18.456-7.048-25.498 0L174.108 18.05c-7.04 7.048-7.04 18.476 0 25.524l50.996 51.05c7.04 7.048 18.457 7.048 25.498 0l12.75-12.762c7.04-7.05 7.04-18.477 0-25.525z' fill='%23fff'/%3E%3C/svg%3E")}.slim-loader-background{stroke:rgba(0,0,0,.15)}.slim-loader-foreground{stroke:rgba(0,0,0,.65)}.slim[data-state*=preview] .slim-loader-background{stroke:hsla(0,0%,100%,.25)}.slim[data-state*=preview] .slim-loader-foreground{stroke:#fff}.slim-upload-status{padding:0 .5em;border-radius:.3125em;font-size:.75em;box-shadow:0 .125em .25em rgba(0,0,0,.25)}.slim-upload-status[data-state=success]{background-color:#d1ed8f;color:#323e15}.slim-upload-status[data-state=success] .slim-upload-status-icon{width:.5em;height:.75em;-webkit-transform:rotate(45deg);transform:rotate(45deg);border:.1875em solid currentColor;border-left:none;border-top:none;margin-right:.325em;margin-left:.25em;margin-bottom:.0625em}.slim-upload-status[data-state=error]{background:#efd472;color:#574016}.slim-upload-status[data-state=error] .slim-upload-status-icon{margin-left:-.125em;margin-right:.5em;width:.5625em;height:1em;position:relative;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.slim-upload-status[data-state=error] .slim-upload-status-icon:after,.slim-upload-status[data-state=error] .slim-upload-status-icon:before{content:"";position:absolute;box-sizing:content-box;width:0;height:0;border:.09em solid currentColor;background-color:currentColor;-webkit-transform:translate(-50%,-50%) translate(.5em,.5em);transform:translate(-50%,-50%) translate(.5em,.5em)}.slim-upload-status[data-state=error] .slim-upload-status-icon:before{width:.66666666667em}.slim-upload-status[data-state=error] .slim-upload-status-icon:after{height:.66666666667em}
/* table */
/* Bid Table */
.ui.basic.table th{
font-size: 13px !important;
}
.ui.table td{
padding: 4px 8px !important;
}
.staff-table.ui.table td{
padding: 4px 4px !important;
}
.staff-table.ui.basic.table th{
font-size: 11px !important;
}
.position-table tr td { border-top: 0px !important; }
.table-head th{
opacity: 0.8;
min-width: 55px;
}
.table-body span{
display: inherit;
margin: 5px auto;
}
.table-input{
width: 65px !important;
height: 22px !important;
}
.table-input input{
background-color: #F2F2F2 !important;
border:none !important;
}
.table-input[class*="left icon"].input > input {
padding-left: 1.271em !important;
padding-right: 0em !important;
}
.table-input[class*="left icon"].input > i.icon{
left:-7px !important;
}
tbody.tbl-scroll{height: 302px; overflow-y: auto; overflow-x: hidden;}
.accordian-table {
height: auto;
min-height: 100px;
max-height: 300px;
overflow-y: auto;
overflow-x: hidden;
margin-bottom:10px;
}
.accordian-table .th{
font-family: "Roboto" !important;
}
.transact-amt-right{text-align:right !important;}
.center-text { text-align: center !important;}
.refund-table{
width: 78% !important;
border-spacing: 10px;
margin-left: -10px !important;
}
/*Report pdr table
.pdf-table{
display: table;
width: 100%;
padding: 25pt;
}
.pdf-table-row {
display: table-row;
}
.pdf-table-heading {
display: table-header-group;
font-weight: bold;
}
.pdf-table-cell {
border-bottom: 1pt solid #999;
display: table-cell;
padding: 3px 10px;
}
.pdf-table-head {
border-bottom: 2pt solid #999;
display: table-cell;
padding: 3pt 10pt;
}
.pdf-table-foot {
display: table-footer-group;
font-weight: bold;
}
.pdf-table-body {
display: table-row-group;
}
*/
/* tag */
.filter-tag.ui.label{
background-color: #5CC6FF;
color: #fff;
margin: 5px;
}
/* text */
/* Different Text color */
.color-default{
color:#1E2732 !important;
}
.color-blue{
color: #39B2F3 !important;
}
.color-blue a:hover{
color: #39B2F3 !important;
}
.color-orange{
color:#FF5C5C !important;
}
.color-red{
color:#FF5C5C !important;
}
.text-line-through{
text-decoration: line-through;
}
.underline{
text-decoration: underline;
}
/* Different Text Size*/
.huge-text{
font-size: 42px;
}
.extra-big{
font-size: 30px;
}
.big-text{
font-size: 22px;
}
.large-text{
font-size: 15px;
line-height: 15px;
}
.medium-text{
font-size: 14px;
line-height: 15px;
}
.mini-text{
font-size: 13px;
}
.small-text{
font-family: "Roboto";
font-size: 12px;
line-height: 15px;
opacity: 0.8;
}
.right-text{
float: right !important;
}
.link-text a {
margin-left: 5px;
margin-right: 5px;
}
.center-aligned{
text-align: center;
}
.form-header{
font-size: 22px;
line-height: 22px;
margin-top: 5px;
margin-bottom: 20px;
}
.bg-orange{
background-color: #FF5C5C !important;
}
.bg-green{
background-color: #47C45C !important;
}
.skill-texts{
font-size: 14px !important;
line-height: 38px !important;
display: inline;
height: 10px;
}
.skill-texts:after
{
content: '|';
margin : 0px 3px;
color : #aaa6a6;
}
.skill-texts:last-child:after
{
content: '';
}
.skill-texts a{
color: #39B2F3 !important;
}
.skill-texts a : hover{
color: #39B2F3 !important;
}
/* planner-dashboard. */
/* Demo */