.pushable{
	
	
}
.ui.segment.container.ergon{
	 /*display:none !important;	*/
}
.not_found{
	 background-image: url(../img/404.jpg) !important;
	 background-size: cover !important;
	
}
.not_found .massive.column{
	 font-size: 8rem !important;
	margin-top:20px !important;	 
	
}
.not_found .msg.column{
	margin-left:50px !important;
	font-size: 1.5rem !important;
	color: #6b6b6b !important;
	font-weight: bold;
}
.not_found a{
	color:#f44336 !important;	 	 
}
.pusher, ui.grid.container{
    background-color: #f3f3f3 !important;	
	
}
.ui.table.skills tr* { border-top: 0px !important; }
/* Below two classes are to substitute the bootsrap fade class */ 
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.fixedMarginSegment{
	margin-top: 0px !important;
}
.leftieSVPMenu{
	float:right;
}
.leftieSVPMenu, .leftieSVPMenu *:not(.active){	
	border-color:rgba(34, 36, 38, 0.15) !important;
}
.leftieSVPMenu, .leftieSVPMenu *{
	width: 5rem !important;
	border-right-width:0px !important;
	border-left-width:2px !important;
	border-left-style:solid!important;	
}
.leftieSVPMenu *.active{
	border-color:red !important;
	margin-left:-1.7px !important;
	border-left-width:4px !important;
}
.dtSegment{
	margin: 0px !important;
}
.casePane{
	/*overflow: auto;
	max-height: 400px;*/
	margin: 0px !important;
	padding: 7px !important;
	
}
.caseOuterColumns{
	margin-top: 15px !important;
	padding: 0px !important;
}
.caseSegment{
	padding: 7px !important;
	margin: 0px !important;
}
.caseCard{
	/*font-size: 0.8vw;*/
}
.indiork{
	font-size:10rem;
	font-family:arial black;
	color:#505050;
	padding:30px;
	margin:50px;
}
.indiorkTagLine{
	font-size:1.5rem;
	color:#585a5e;
	font-weight:bold;
	margin:20px;
}
.indiorkRow{
	height:70vh;
}

.index{
	height:100vh;
	width:100vw;
}
#btnLoggedUser{
	margin-left: 10px;
} 
#saveCancelCredentials, 
#auditors, #case, #providers, #ergonDetails, #opusDetails,
#includedServices, #extraServices, #clientAccount,
#client_leftieSVPMenu, #clientDashboard, #providerOpusGradingFactors,
#clientOpusGradingFactors, #auditorEvaluation, #judgeEvaluation,
#skipReason, #milestones,#hiddenErgonDescription, .drpSkillDegree,.drpSkillCourse,.drpSkillWork{
    display: none;  
}
#logo{
    border:2px solid white;
    border-radius: 10px;
    color:white;
    padding:15px;
}
#logo:hover{
    box-shadow: 0px 0px 5px 5px white;
}

#txtAuditingComment, #txtJudgeComment {
       resize: none;
}
#txtAuditingComment:focus, #txtJudgeComment:focus {
        height: 100px;
		overflow:auto;
        -webkit-transition: all 1s linear;
        -0-transition: all 1s linear;
        -ms-transition: all 1s linear;
        -moz-transition: all 1s linear;
        transition: all 1s linear;
}
#auditingComments, #judgeComments{
	font-size:0.9rem;
	font-family:Tahoma;
}
#milestoneDetails{
	margin:10px;
}
.statOverall{
	float:right;
}
.statCol{
	padding-left: 2.5px !important;
	padding-right:2.5px !important;
}
.cpToggleButtons{
	margin-bottom: 10px!important;
}
.dataTables_wrapper.dt-semanticUI{
	/* padding-top: 30px;*/
}

.ui.toggle.buttons .active.button,
.ui.basic.buttons .button.toggle.active,
.ui.button.toggle.active {
    background-color: #1B1C1D !important;
}
.ui.basic.buttons .ui.button.toggle.active:hover {
    background-color: #27292a !important;
}
.ui.basic.buttons .ui.button.toggle:not(.active):hover {
	color: rgba(0, 0, 0, 0.6) !important;
    background-color: transparent !important;
}
.statLabelVal{
    float:right;
	font-size:20px;
	font-weight:bold;
}
.statLabelPositiveVal{
    color:#3cd40b;
}
.statLabelNegativeVal{
    color:#fb3b2c;
}
.shrinkedBottom{
	padding-bottom: 5px !important;
}
.ui.sidebar.menu{
    background-color: #b7261b !important;
}
.ui.toggle.checkbox input:focus:checked~.box:before,
.ui.toggle.checkbox input:focus:checked~label:before {
    background-color: #b7261b !important;
}

.ui.toggle.checkbox input:checked~.box:before, .ui.toggle.checkbox input:checked~label:before
{
	background-color: #b7261b !important;
}
.ui.sidebar.menu.item{
    padding: 2px !important;
}
.ui.label.topNavLightGrey{
    color: #b3b3b3 !important;
	background: transparent !important;
	cursor:pointer !important;
	position: relative !important;
}
.ui.basic.label.borderless{
	border:0px;

}
.ui.label.myDarkGrey{    
    color: #b3b3b3;
	background-color: #505050;
}
.ui.label.myBloodyRed{    
    color: #505050;
	background-color: #ca1717;
}
.ui.statistic.myDarkGrey >.value{    
    color: #505050;
	font-weight:bold;	
}
.ui.statistic.myBloodyRed >.value{
    color: #ca1717;
	font-weight:bold;
}
.ui.label.myBloodyRed{
    color: #2e2e2e;
	background-color: #ca1717;
}
.ui.label.ics, .ui.label.ips{
    margin-right:-2px;
}
.ui.label.icsDetail, .ui.label.ipsDetail{
	color: #b3b3b3;
	background-color: #cd4237;
	margin-left:-2px;
}
.ui.label>.disposition.detail{
	color: #0c6192;
}
.ui.label>.status.detail{
	color: #ad470b;
}
.ui.label>.start_date.detail{
	color: #0bad69;
}
.ui.label>.deadline_date.detail{
	color: #ad470b;
}
.lsbmenu{
    color: #e6e6e6 !important;
	background: transparent !important;
	cursor:pointer !important;
	font-size: 15px !important;
	text-align: left !important;
}
.myDarkGrey{
	color: #b3b3b3;
	background-color: #505050;
	font-size: 15px;
}
.footerRow{
	height:30vh;
}
.ui.footer.segment, .ui.footer.segment * {
	color: #b3b3b3 !important;
	background-color:#505050 !important; 
	font-family:calibri;
	
	
}
.container4footer{	
	height:100vh;
	min-height:100% !important;
}

.footer{
	color: #b3b3b3 !important;
	background-color:#505050 !important;	
	text-align:center;
	margin-bottom: 0px !important;
	width: 100%;
	height: 3rem;
	line-height: 3em;
}
.payment.paypal{
	 content: url(../img/payment/paypal.png);
	 width: 50px; 
     height: 30px;
}
.payment.stripe{
	 content: url(../img/payment/stripe.png);
	 width: 50px; 
     height: 30px;
}
.payment.payoneer{
	 content: url(../img/payment/payoneer.png);
	 width: 50px; 
     height: 30px;
}
.payment.visa{
	 content: url(../img/payment/visa.png);
	 width: 50px; 
     height: 30px;
}
.payment.master_card{
	 content: url(../img/payment/master_card.png);
	 width: 50px; 
     height: 30px;
}
.payment.western_union{
	 content: url(../img/payment/western_union.png);
	 width: 50px; 
     height: 30px;
}
.payment.bank_transfer{
	 content: url(../img/payment/bank_transfer.png);
	 width: 50px; 
     height: 30px;
}
.monorow{
	
}
.ui.placeholder .line
{
	font-size: 35px;
}
.backGroundCustomError{
	background-color: #fff6f6 !important;
    border-color: #e0b4b4 !important;
}
.fontCustomError{	
    color: #9f3a38 !important;
}
#ergonsList .card:hover {
       background-color: #fbfbfb;
}
.dataTables_empty{	
    text-align: center;
    font-size: 2rem;
}

.summary{
	display: none !important;
}

div.details-control {
    /*background: url('../img/details_open.png') no-repeat center center;*/
    cursor: pointer;
}
tr.details td.details-control {
    /*background: url('../img/details_close.png') no-repeat center center;*/
}
table.dataTable{
	width:100% !important;
}
.details_separator{
	margin:inherit;
}
.child_row{
	width: 97% !important;
	float: right;
}

/* Alerts & messages */
.header_alert .list .item, .header_message .list .item {
	margin: 0 !important;
	padding:0.5em !important;
}
.header_alert.label, .header_message.label{
	top: 1em;
	padding: 0.2em;
	margin: 0 0 0 -3.2em !important;
	display: none;
}
.header_alert .list .item:hover .notification-actions.button, .header_message .list .item:hover .notification-actions.button {
	 display: inline; 
} 

.header_alert.popup, .header_message.popup {
	padding: 2px;
	width: max-content;
}
.header_alert.popup .list, .header_message.popup .list {
	width: auto;
	max-height: 50vh;
	overflow: hidden;
	overflow-y: auto;
	padding: 0;
	margin: 0;
}
.header_alert.popup .list .header, .header_message.popup .list .header {
	margin-bottom: 5px;
}
.header_alert.popup .list .content, .header_message.popup .list .content {
	margin-bottom: 2px;
}

.header_messages, .header_alerts{
	position: relative;
	margin: 5px;
}
.chat-messages.comments{
	display: inline;
}

/* messages chat */
.ui.comments .comment .avatar img, .ui.comments .comment img.avatar{
	height:auto !important;
}
textarea.chat
{
	resize: none !important;
	height:auto !important;
}

.avatar {
    width: 110px;
    height: 110px;
}
.avatar_container {
	float: right;
}
.header_avatar {
    width: 3.5em;
    height: 3.5em;
	display: block;
}
.notification-actions.button{
	display: none;	
}
.unread_item_indicator.label{
	display: none;
	margin-right: 1em;
}
.letterpic{
	width: 3rem;
	height: 3rem;
}