//
@mcss-color-white:#FFFFFF;
// Mixin
.clearfix() {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}

.btn-default{
    border-color:#DDDDDD;
    &:hover,
    &:active,
    &:focus,
    &:active:focus {
        background-color:#58595B;
        color:@mcss-color-white !important;
        border-color: #58595B;
    }

}

a{
    &.btn-primary:link,
    &.btn-primary:visited,
    &.btn-primary:hover,
    &.btn-primary:focus,
    &.btn-primary:active{
	    color:@mcss-color-white !important;
    }
}

.link-all ,
.link-border,
.link-all-tab{
    margin-top:10px;
    a{
        &,
        &:link{
            display: inline-block;
        }
    }
}


.link-border,
.link-all{clear:both;}

.link-border {
    a {
         &:link,
         &:visited,
         &:hover,
         &:focus,
         &:active{
            color:inherit;
 	        text-decoration:none;
         }
     }
}

.link-all {
    a{
        &:link,
        &:visited,
        &:hover,
        &:active,
        &:focus{
            color:@mcss-color-white;
        }
    }
}

///////////////////
// LiNK ALL TAB
///////////////////
.link-all-tab {
	text-align:center;
	border-bottom-width:3px;
	border-bottom-style:solid;
	font-weight:bold;
	padding:7px 5px 7px 5px;
    &:hover {
        cursor:pointer;
	    background-color:#F1F1F1;
    }
    a{
        &,
        &:link,
        &:visited,
        &:hover,
        &:focus,
        &:active{
            text-decoration:none;
            color:#444444;
        	display:block;
        	border-bottom-width:3px;
        	border-bottom-style:solid;
        	border-bottom-color:transparent;
        }
    }
    .current-page-bk-color .ui-tabs-panel &{
        border-bottom-color:inherit;
    }
}

.link-all-tab-fake-hover{
    cursor:pointer;
    background-color:#F1F1F1;
}

///////////////////
// LINK BACK
///////////////////
.link-back,
.link-next,
.dft{
    &:before {
	    width:30px;
        height:27px;
        margin-right:5px;
        border-left:0px solid #ccc;
        position:relative;
    }
}

.link-back {
    a{
        &:link,
        &:visited,
        &:active {
	        text-decoration: none;
        }
        &:hover{
            text-decoration: underline;
        }
    }
    &:before{
        content:'\e8a4';
    	font-family: 'fontmcss';
    	font-size: 18px;
    	font-size: 1.8rem;

        .current-page-bk-color &{
            color:inherit;
        }
    }
}

.label-warning,
.label-default,
.label-new {
    color:inherit !important;
    border-radius:0px !important;
	background-color:#F8F8F8!important;
    border-left-width:6px;
    border-left-style: solid;
    font-weight:normal !important;
}

.label-new{
	border-left-color:#337ab7;
}
.label-warning{
    border-left-color: #D9534F;//
}
.label-default{
    border-left-color:#58595B;
	font-weight:normal !important;
}


.input-custom-width{
	width:80px !important;
}

.tag{
	display: inline !important;
    em {
	    font-weight: normal !important;
        font-style:normal !important;
    }
    &.label{
        font-size: inherit; //82%
    }
}




.inline{ display:inline-block !important;}
.inline-blk{display:inline-block; margin-right:15px !important;}

.focus-zone{
    .clearfix();
	padding:20px 12px 10px 16px;
	padding: 1rem 1.2rem 1rem 1.6rem;
	clear: both;
	margin-bottom: 20px;
	margin-top: 20px;
	background-color: #F7F7F7;
}

.call-2-action{
    &.btn{
        padding: 0px !important;
    }
	border-radius: 5px !important;
    a{
        color:@mcss-color-white;
        padding:6px 12px;
        padding: 0.6rem 1.2rem;
        display: inline-block;
        &:link,
        &:hover,
        &:visited,
        &:active {
            text-decoration: none;
            color: inherit;
        }
    }
}

.call2-default-bk{
	background: #58595b;
}





////////////
// BUTTONS
////////////
.btn-mcss-primary,
.btn-mcss-success,
.btn-mcss-danger,
.btn-mcss-default,
.btn-mcss-default-light,
.btn-mcss-red,
.btn-mcss-orange,
.btn-mcss-orange-light,
.btn-mcss-pink{
    &,
    &:hover,
    &:focus{
        color:@mcss-color-white;
    }
}

.btn-mcss-primary{
	background-color:#3E56A6;
	border-color:#3851A1;
    &:hover{
	    background-color:#3851A1;
	    border-color:#3851A1;
    }
}

.btn-mcss-success{
	background-color:#0CAA48;
	border-color:#00A240;
    &:hover{
	   background-color:#00A240;
	   border-color:#00A240;
    }
}

.btn-mcss-danger {
	background-color:#d33a35;
	border-color:#cc3331;
    &:hover {
	    background-color:#cc3331;
        border-color:#cc3331;
    }
}

.btn-mcss-default{
	background-color:#58595b;
	border-color:#303030;
    &:hover{
	   background-color:#303030;
	   border-color:#303030;
    }
}

.btn-mcss-default-light{
	background-color:#E6E6E6;
	border-color:#e1e1e1;
	color:#444444;
    &:hover{
    	background-color:#e1e1e1;
    	border-color:#e1e1e1;
    	color:#444444;
    }
}

.btn-mcss-red{
	background-color:#701318;
	border-color:#670812;
    &:hover{
	    background-color:#670812;
        border-color:#670812;
    }
}

.btn-mcss-orange{
	background-color:#DF5B35;
	border-color:#D15C3A;
    &:hover{
	    background-color:#D15C3A;
        border-color:#D15C3A;
    }
}

.btn-mcss-orange-light{
	background-color:#f0ad4e; /*Orange Light*/
	border-color:#E4A54B;
    &:hover{
	    background-color:#E4A54B;
        border-color:#E4A54B;
    }
}

.btn-mcss-pink{
	background-color:#b5599b;
	border-color:#9E4F88;
    &:hover {
	    background-color:#9E4F88;
	    border-color:#9E4F88;
    }
}