/*RED ALERTS*/

.jqx-alert {
    position: absolute;
    overflow: hidden;
    z-index: 99999;
    margin: 0;
    padding: 0;
}

.jqx-alert-header {
    outline: none;
    border: 1px solid #999;
    overflow: hidden;
    padding: 1px;
    height: auto;
    white-space: nowrap;
    overflow: hidden;
    background-color: #E8E8E8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#dadada));
    background-image: -moz-linear-gradient(top, #fafafa, #dadada);
    background-image: -o-linear-gradient(top, #fafafa, #dadada);
}

.jqx-alert-content {
    outline: none;
    overflow: auto;
    text-align: left;
    background-color: #fff;
    padding: 5px;
    border: 1px solid #999;
    border-top: none;
}

#alert_title {
    background: rgba(252, 186, 192, 1);
    background: -moz-linear-gradient(top, rgba(252, 186, 192, 1) 0%, rgba(251, 147, 154, 1) 0%, rgba(194, 0, 19, 1) 69%, rgba(194, 0, 19, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(252, 186, 192, 1)), color-stop(0%, rgba(251, 147, 154, 1)), color-stop(69%, rgba(194, 0, 19, 1)), color-stop(100%, rgba(194, 0, 19, 1)));
    background: -webkit-linear-gradient(top, rgba(252, 186, 192, 1) 0%, rgba(251, 147, 154, 1) 0%, rgba(194, 0, 19, 1) 69%, rgba(194, 0, 19, 1) 100%);
    background: -o-linear-gradient(top, rgba(252, 186, 192, 1) 0%, rgba(251, 147, 154, 1) 0%, rgba(194, 0, 19, 1) 69%, rgba(194, 0, 19, 1) 100%);
    background: -ms-linear-gradient(top, rgba(252, 186, 192, 1) 0%, rgba(251, 147, 154, 1) 0%, rgba(194, 0, 19, 1) 69%, rgba(194, 0, 19, 1) 100%);
    background: linear-gradient(to bottom, rgba(252, 186, 192, 1) 0%, rgba(251, 147, 154, 1) 0%, rgba(194, 0, 19, 1) 69%, rgba(194, 0, 19, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcbac0', endColorstr='#c20013', GradientType=0);
}

#alert_content {
    background-color: #e02f3c;
    border: 0px;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
}

.alert_button {
    margin-top: 10px;
    border-radius: 7px;
    border: 2px solid #BDBDBD;
    width: 80px;
    background: rgba(201, 0, 0, 1);
    background: -moz-linear-gradient(top, rgba(201, 0, 0, 1) 0%, rgba(241, 111, 92, 1) 0%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(231, 56, 39, 1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(201, 0, 0, 1)), color-stop(0%, rgba(241, 111, 92, 1)), color-stop(51%, rgba(246, 41, 12, 1)), color-stop(71%, rgba(240, 47, 23, 1)), color-stop(100%, rgba(231, 56, 39, 1)));
    background: -webkit-linear-gradient(top, rgba(201, 0, 0, 1) 0%, rgba(241, 111, 92, 1) 0%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(231, 56, 39, 1) 100%);
    background: -o-linear-gradient(top, rgba(201, 0, 0, 1) 0%, rgba(241, 111, 92, 1) 0%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(231, 56, 39, 1) 100%);
    background: -ms-linear-gradient(top, rgba(201, 0, 0, 1) 0%, rgba(241, 111, 92, 1) 0%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(231, 56, 39, 1) 100%);
    background: linear-gradient(to bottom, rgba(201, 0, 0, 1) 0%, rgba(241, 111, 92, 1) 0%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(231, 56, 39, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c90000', endColorstr='#e73827', GradientType=0);
    font-weight: bold;
}

.alert_button:hover {
    border-radius: 7px;
    border: 2px solid #d8d8d8;
    color: #d8d8d8;
}

.alert_button:active {
    background-color: #ea9d9d;
    border-radius: 7px;
    border: 2px solid #fff;
    transform: scale(0.96);
}

.alert_button:focus {
    outline: 0;
}

/*SOFT BLUE ALERTS*/

.jqx-alert1 {
    position: absolute;
    overflow: hidden;
    z-index: 99999;
    margin: 0;
    padding: 0;
}

/*applied to the header */
.jqx-alert-header1 {
    outline: none;
    border: 1px solid #999;
    overflow: hidden;
    padding: 1px;
    height: auto;
    white-space: nowrap;
    overflow: hidden;
    background-color: #E8E8E8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fafafa), to(#dadada));
    background-image: -moz-linear-gradient(top, #fafafa, #dadada);
    background-image: -o-linear-gradient(top, #fafafa, #dadada);
}

/*applied to the content*/
.jqx-alert-content1 {
    outline: none;
    overflow: auto;
    text-align: left;
    background-color: #a7c7dc;
    padding: 5px;
    border: 1px solid #00994C;
    border-top: none;
}

#alert_title1 {
    background: #a7c7dc; /* Old browsers */
    background: -moz-linear-gradient(top, #a7c7dc 16%, #85b2d3 75%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #a7c7dc 16%, #85b2d3 75%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #a7c7dc 16%, #85b2d3 75%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7c7dc', endColorstr='#85b2d3', GradientType=0);
}

#alert_content1 {
    background-color: #869FBC;
    border: 0px;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
}

.alert_button1 {
    margin-top: 10px;
    border-radius: 7px;
    border: 2px solid #a7c7dc;
    width: 80px;
    background: #e4f5fc; /* Old browsers */
    background: -moz-linear-gradient(top, #e4f5fc 0%, #bfe8f9 29%, #9fd8ef 100%, #2ab0ed 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #e4f5fc 0%, #bfe8f9 29%, #9fd8ef 100%, #2ab0ed 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #e4f5fc 0%, #bfe8f9 29%, #9fd8ef 100%, #2ab0ed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4f5fc', endColorstr='#2ab0ed', GradientType=0);
    font-weight: bold;
}

.alert_button1:hover {
    border-radius: 7px;
    border: 2px solid #B5B6B7;
    color: #868686;
}

.alert_button1:active {
    background-color: #ea9d9d;
    border-radius: 7px;
    border: 2px solid #D4D6D8;
    transform: scale(0.96);
}

.alert_button1:focus {
    outline: 0;
}

.btnAConfirmar {
    float: left;
}

.btnACancelar {
    float: right;
}

/*YELLOW*/

.jqx-alert2 {
    position: absolute;
    overflow: hidden;
    z-index: 99999;
    margin: 0;
    padding: 0;
}

/*applied to the header */
.jqx-alert-header2 {
    outline: none;
    border: 1px solid #999;
    color: #730202;
    overflow: hidden;
    padding: 1px;
    height: auto;
    white-space: nowrap;
    overflow: hidden;
    background: rgb(255, 174, 0);
    background: linear-gradient(0deg, rgba(255, 174, 0, 1) 0%, rgba(252, 236, 148, 1) 77%);
}

/*applied to the content*/
.jqx-alert-content2 {
    outline: none;
    overflow: auto;
    text-align: left;
    background-color: #D8C9AF;
    padding: 5px;
    border: 1px solid #CCBFAB;
    border-top: none;
}

#alert_title2 {
    background: rgb(255, 174, 0);
    background: linear-gradient(0deg, rgba(255, 174, 0, 1) 0%, rgba(248, 227, 113, 1) 77%);
}

#alert_content2 {
    background-color: #D8C9AF;
    border: 0px;
    padding: 10px;
    text-align: center;
    margin: 0 auto;
}

.alert_button2 {
    margin-top: 10px;
    border-radius: 7px;
    border: 2px solid #F3C46C;
    width: 80px;
    background: rgb(255, 142, 0);
    background: linear-gradient(0deg, rgba(255, 142, 0, 1) 0%, rgba(255, 245, 188, 1) 95%);
    font-weight: bold;
}

.alert_button2:hover {
    border-radius: 7px;
    border: 2px solid #B5B6B7;
    color: #868686;
}

.alert_button2:active {
    background-color: #ea9d9d;
    border-radius: 7px;
    border: 2px solid #D4D6D8;
    transform: scale(0.96);
}
