/*
    CSS for Igc.Common.MessageBox internal plugin
*/

.igc-messagebox-primary{
    margin-top: 10px;
    width: 100%;
    min-height: 60px;
    border-radius: 4px;   
    display:table;
}

.igc-messagebox-primary .title {
    font-weight: 700;    
}

.igc-messagebox-primary .text-container{
    display:table-cell;
    min-height: 60px;
    padding-left: 20px;
    padding-top: 10px;
}

.igc-messagebox-primary .icon-wrap {
    width: 60px;
    height: 100%;
    display:table-cell;
    vertical-align: middle;
}

.igc-messagebox-primary .icon {   
    margin: 0 auto;
}

.igc-messagebox-primary .close {
    width: 20px;
    height: 20px;
    margin: 0 auto;
    display: table-cell;
    cursor: pointer;
}

.igc-messagebox-primary.warning .icon,
.igc-messagebox-primary.error .icon,
.igc-messagebox-primary.success .icon {
    width: 20px;
    height: 20px;
}

/*info*/
.igc-messagebox-primary.info{
    background-color: #ffffff;
    border: solid 1px #e0e0e0;
}

.igc-messagebox-primary.info .text-container {
    border-left: solid 1px #e0e0e0;
}

/*warning*/
.igc-messagebox-primary.warning{

}

/*error*/
.igc-messagebox-primary.error{
    background-color: rgba(244, 67, 54, 0.05);
    border: solid 1px rgba(243, 66, 54, 0.15);
}

.igc-messagebox-primary.error .text-container {
    border-left: solid 1px rgba(243, 66, 54, 0.15);
}

.igc-messagebox-primary.error .icon {
    background-image: url(/Images/Icon-Success-Fail.svg);
    background-position: -0px -20px;
}

/*success*/
.igc-messagebox-primary.success{
    background-color: rgba(156, 204, 100, 0.1);
    border: solid 1px rgba(167, 210, 117, 0.5);
}

.igc-messagebox-primary.success .text-container {
    border-left: solid 1px rgba(167, 210, 117, 0.5);
}

.igc-messagebox-primary.success .icon {
    background-image: url(/Images/Icon-Success-Fail.svg);
}