/* 
    Created on : 20/09/2018, 16:57:35
    Author     : Eldad Zamler
*/
.diag-modal{
    z-index:3;
    display:none;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.4)
}

header.diag-container {
    border-radius: 15px 15px 0px 0px;
}

.diag-modal-content{
    border-radius: 15px 15px 0px 0px;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
    background-color:#fff;
    outline:0;
    width:300px;
    height: 206px;
}

.diag-animate-zoom {
    animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}
}

.diag-blue{
    color:#fff!important;background-color:#2196F3!important
}

.diag-light-grey,.diag-light-gray{
    border-radius: 0px 0px 15px 15px;
    color:#000!important;background-color:#f1f1f1!important
}

.diag-container:after,.diag-container:before {
    content:"";
    display:table;
    clear:both
}

.diag-container{
    padding:0.01em 16px
}

.diag-padding{
    padding:8px 16px
}

.diag-button{
    border:none;
    display:inline-block;
    padding:8px 16px;
    margin-left: 10px;
    vertical-align:middle;
    overflow:hidden;
    text-decoration:none;
    color:inherit;
    background-color:inherit;
    text-align:center;
    cursor:pointer;
    white-space:nowrap
}

.diag-button{
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}   

.diag-button:hover{
    color:#000!important;
    background-color:#ccc!important
}

.diag-white{
    color:#000!important;
    background-color:#fff!important
}

.diag-border{
    border:1px solid #ccc!important
}

.diag-right{
    float:right!important
}