*{
    position: relative;
}
a{
    text-decoration: none;
    color:#006699;
}
.dialog_overlay{
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index: 1000000000!important;
    background: rgba(0,0,0,.7);
    transition: .5s all ease;
    opacity: 0;
    pointer-events: none;
}
.dialog_overlay.active{
    pointer-events: auto;
    opacity: 1;
}

dialog.full_height{
    height:calc(100% - 20px)!important;
    margin-top: 10px!important;
}
dialog.full_height > section{
    height:calc(100% - 40px)!important;
}

.dialog{
    background: #fff;
    z-index: 1000000000!important;
    margin: 0 auto;
    left:0;
    right:0;
    position: absolute;
    top:100px;
    border:none;
    padding:0px;
    -webkit-box-shadow: 3px 3px 5px -4px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 3px 5px -4px rgba(0,0,0,0.75);
    box-shadow: 3px 3px 5px -4px rgba(0,0,0,0.75);
    pointer-events: none!important;
    transition: .2s all ease;
    top:70px;
    opacity:0;
    max-width: 96%;
    max-height: calc(100% - 60px);
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
}
.dialog.active{
    display: block;
    top:40px;
    opacity:1;
    pointer-events: auto!important;
}
.dialog > .closer{
    position: fixed;
    top:5px;
    right:10px;
    text-align: right;
    width: 100%;
}
.dialog > .closer >button{
    width:30px;
    height:30px;
    padding:0px;
    text-align: center;
    line-height: 30px;
}
.dialog > menu{
    margin: 0px;
    padding:5px;
    height:40px;
    text-align: center;
    border-top:1px solid #c0c0c0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cccccc+0,b7b7b7+99 */
    background: #dddddd; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 0%, #dddddd 99%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 0%,#dddddd 99%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 0%,#dddddd 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
}

.dialog > section{
    padding:5px;
}

.fright, .fleft{
    display:block;
    overflow:hidden
}
.fright{
    float:right
}
.fleft{
    float:left
}

.border_one{
    border:1px solid #e0e0e0;
}

.no_border{
    border:none!important;
    border-collapse: collapse!important;
}

.no_padding{
    padding-left:0!important;
}

.no_margin{
    margin:0!important;
}

.margin_2{
    margin:.5%;
}

.acenter{
    text-align: center;
}

.aleft{
    text-align: left;
}

.aright{
    text-align: right;
}

.ie_inline{
    display: inline-block;
    *display: inline;
    zoom: 1;
}

.font_0{
    font-size: 0px;
}

.font_standard{
    font-size: 11px;
}

.font_14{
    font-size: 14px;
}

.overflow_hidden{
    overflow: hidden;
}
.overflow_height_auto {
    overflow-y: auto;
}
.full_height{
    height:100%;
}


.font_0{
    font-size: 0px;
}
.font_standard{
    font-size: 12px;
}


.font_8{
    font-size: 8px;
}
.font_9{
    font-size: 9px;
}
.font_10{
    font-size: 10px;
}
.font_11{
    font-size: 11px;
}
.font_12{
    font-size: 12px;
}
.font_14{
    font-size: 14px;
}
.font_16{
    font-size: 16px;
}
.font_18{
    font-size: 18px;
}
.font_20{
    font-size: 20px;
}
.font_22{
    font-size: 22px;
}
.font_24{
    font-size: 24px;
}
.font_26{
    font-size: 26px;
}
.font_28{
    font-size: 28px;
}
.font_30{
    font-size: 30px;
}
.font_32{
    font-size: 32px;
}

.main_loader{
    width:100%;
    height:100%;
    position: absolute;
    z-index: 1000000;
    background: rgba(0,0,0,.8);
    color:white;
    top:0;
    left:0px;
    font-size:24px;
    text-align: center;
}
.main_loader span{
    font-size:16px;
}

.font_0{
    font-size: 0px;
}

.full_size_margin_5{
    height:calc(100% - 10px);
    width:calc(100% - 10px);
    margin: 5px!important;
}

.full_height_margin_5{
    height:calc(100% - 10px);
    margin-top: 5px;
}

.full_width_margin_5{
    width:calc(100% - 10px);
    margin-left: 5px;
}

.padding_5{
    padding:5px;
}
.padding_10{
    padding:10px;
}

.padding_left_5{
    padding-left:5px;
}
.padding_left_10{
    padding-left:10px;
}
.padding_left_15{
    padding-left:15px;
}
.padding_left_20{
    padding-left:20px;
}
.padding_left_25{
    padding-left:25px;
}
.padding_left_30{
    padding-left:30px;
}
.padding_left_35{
    padding-left:35px;
}
.padding_left_40{
    padding-left:40px;
}
.padding_left_45{
    padding-left:45px;
}
.padding_left_50{
    padding-left:50px;
}
.padding_left_55{
    padding-left:55px;
}
.padding_left_60{
    padding-left:60px;
}
.padding_left_65{
    padding-left:65px;
}
.padding_left_70{
    padding-left:70px;
}
.padding_left_75{
    padding-left:75px;
}
.padding_left_80{
    padding-left:80px;
}
.padding_left_85{
    padding-left:85px;
}
.padding_left_90{
    padding-left:90px;
}
.padding_left_95{
    padding-left:95px;
}
.padding_left_100{
    padding-left:100px;
}
.padding_left_110{
    padding-left:110px;
}
.padding_left_120{
    padding-left:120px;
}
.padding_left_130{
    padding-left:130px;
}
.padding_left_140{
    padding-left:140px;
}
.padding_left_150{
    padding-left:150px;
}
.padding_left_160{
    padding-left:160px;
}
.padding_left_170{
    padding-left:170px;
}
.padding_left_180{
    padding-left:180px;
}
.padding_left_190{
    padding-left:190px;
}
.padding_left_200{
    padding-left:200px;
}
.padding_left_200{
    padding-left:200px;
}
.padding_left_210{
    padding-left:210px;
}
.padding_left_220{
    padding-left:220px;
}
.padding_left_230{
    padding-left:230px;
}
.padding_left_240{
    padding-left:240px;
}
.padding_left_250{
    padding-left:250px;
}
.padding_left_260{
    padding-left:260px;
}
.padding_left_275{
    padding-left:275px;
}

.padding_left_300{
    padding-left:300px;
}
.padding_left_310{
    padding-left: 310px;
}
.padding_left_320{
    padding-left: 320px;
}
.padding_left_350{
    padding-left: 350px;
}
.padding_left_450{
    padding-left:450px;
}
.padding_left_500{
    padding-left:500px;
}

.padding_right_5{
    padding-right:5px;
}
.padding_right_10{
    padding-right:10px;
}
.padding_right_15{
    padding-right:15px;
}
.padding_right_20{
    padding-right:20px;
}
.padding_right_25{
    padding-right:25px;
}
.padding_right_30{
    padding-right:30px;
}
.padding_right_35{
    padding-right:35px;
}
.padding_right_40{
    padding-right:40px;
}
.padding_right_45{
    padding-right:45px;
}
.padding_right_50{
    padding-right:50px;
}
.padding_right_55{
    padding-right:55px;
}
.padding_right_60{
    padding-right:60px;
}
.padding_right_65{
    padding-right:65px;
}
.padding_right_70{
    padding-right:70px;
}
.padding_right_75{
    padding-right:75px;
}
.padding_right_80{
    padding-right:80px;
}
.padding_right_85{
    padding-right:85px;
}
.padding_right_90{
    padding-right:90px;
}
.padding_right_95{
    padding-right:95px;
}
.padding_right_100{
    padding-right:100px;
}
.padding_right_110{
    padding-right:110px;
}
.padding_right_120{
    padding-right:120px;
}
.padding_right_130{
    padding-right:130px;
}
.padding_right_140{
    padding-right:140px;
}
.padding_right_150{
    padding-right:150px;
}
.padding_right_160{
    padding-right:160px;
}
.padding_right_170{
    padding-right:170px;
}
.padding_right_180{
    padding-right:180px;
}
.padding_right_190{
    padding-right:190px;
}
.padding_right_200{
    padding-right:200px;
}
.padding_right_210{
    padding-right:210px;
}
.padding_right_220{
    padding-right:220px;
}
.padding_right_230{
    padding-right:230px;
}
.padding_right_240{
    padding-right:240px;
}
.padding_right_250{
    padding-right:250px;
}
.padding_right_260{
    padding-right:260px;
}

.padding_right_300{
    padding-right:300px;
}
.padding_right_350{
    padding-right: 350px;
}
.margin_left_5{
    margin-left:5px;
}
.margin_left_10{
    margin-left:10px;
}
.margin_left_15{
    margin-left:15px;
}
.margin_left_20{
    margin-left:20px;
}
.margin_left_25{
    margin-left:25px;
}
.margin_left_30{
    margin-left:30px;
}
.margin_left_35{
    margin-left:35px;
}
.margin_left_40{
    margin-left:40px;
}
.margin_left_45{
    margin-left:45px;
}
.margin_left_50{
    margin-left:50px;
}
.margin_left_55{
    margin-left:55px;
}
.margin_left_60{
    margin-left:60px;
}
.margin_left_65{
    margin-left:65px;
}
.margin_left_70{
    margin-left:70px;
}
.margin_left_75{
    margin-left:75px;
}
.margin_left_80{
    margin-left:80px;
}
.margin_left_85{
    margin-left:85px;
}
.margin_left_90{
    margin-left:90px;
}
.margin_left_95{
    margin-left:95px;
}
.margin_left_100{
    margin-left:100px;
}
.margin_left_150{
    margin-left:150px;
}
.margin_left_200{
    margin-left:200px;
}
.margin_left_250{
    margin-left:250px;
}
.margin_left_275{
    margin-left:275px;
}
.margin_left_450{
    margin-left:450px;
}
.margin_left_500{
    margin-left:500px;
}

.margin_right_5{
    margin-right:5px;
}
.margin_right_10{
    margin-right:10px;
}
.margin_right_15{
    margin-right:15px;
}
.margin_right_20{
    margin-right:20px;
}
.margin_right_25{
    margin-right:25px;
}
.margin_right_30{
    margin-right:30px;
}
.margin_right_35{
    margin-right:35px;
}
.margin_right_40{
    margin-right:40px;
}
.margin_right_45{
    margin-right:45px;
}
.margin_right_50{
    margin-right:50px;
}
.margin_right_55{
    margin-right:55px;
}
.margin_right_60{
    margin-right:60px;
}
.margin_right_65{
    margin-right:65px;
}
.margin_right_70{
    margin-right:70px;
}
.margin_right_75{
    margin-right:75px;
}
.margin_right_80{
    margin-right:80px;
}
.margin_right_85{
    margin-right:85px;
}
.margin_right_90{
    margin-right:90px;
}
.margin_right_95{
    margin-right:95px;
}
.margin_right_100{
    margin-right:100px;
}
.margin_right_150{
    margin-right:150px;
}
.margin_right_200{
    margin-right:200px;
}
.margin_right_250{
    margin-right:250px;
}

.margin_right_300{
    margin-right:300px;
}
.margin_right_350{
    margin-right: 350px;
}


.flow_auto{
    overflow: auto;
}

.flow_hidden{
    overflow: hidden;
}

.margin_auto{
    margin: auto;
}
.margin_5{
    margin: 5px;
}
.margin_10{
    margin: 10px;
}

.no_padding{
    padding:0;
}

.no_spacing{
    padding:0;
    margin:0;
}

.no_border{
    border:none;
    border-collapse: collapse;
}
.max_100{
    max-width: 100%;
    min-width: 0%;
}

.max_90{
    max-width: 90%;
    min-width: 0%;
}

.width_auto{
    width:auto;
}

.full_width{
    width:100%;
}

.width_auto{
    width: auto;
}
.height_auto{
    height: auto;
}
.height_90{
    margin-top: 5%;
    height:90%;
}

.height_80{
    margin-top: 10%;
    height:80%;
}

.height_70{
    margin-top: 15%;
    height:70%;
}
.height_60{
    margin-top: 20%;
    height:60%;
}
.height_50{
    margin-top: 25%;
    height:50%;
}
.width_50 {
    width:50%;
}

.width_30 {
    width:33.3%;
}
.width_25 {
    width:50%;
}


.inline_block{
    display: inline-block;
    *display: inline;
    zoom: 1;
}


.valignmid{
    vertical-align: middle;
}

.valignbottom{
    vertical-align: bottom;
}


.valigntop{
    vertical-align: top;
}

.max_100{
    max-width: 100%;
}

.max_960{
    margin: auto;
    max-width: 960px;
}

.max_90{
    max-width: 90%;
}
.full_size{
    width:100%;
    height:100%;
}
.full_size_important{
    width:100%;
    height:100%;
}
.full_width_important{
    width:100%;
}
.full_height_important{
    height:100%;
}

.visible_hide{
    opacity: 0;
}


.init_hide{
    display: none;
}

.line_break{
    break-after: always;
}



.pos_relative{
    position: relative;
}


.td_table{
    display: table;
}

.td_center{
    display: table-cell;
    vertical-align: middle;
}


.pos_absolute{
    position:absolute;
}

.pos_relative{
    position:relative;
}

.bottom_0{
    bottom:0;
}

.bottom_10{
    bottom:50px;
}

.bottom_20{
    bottom:20px;
}

.bottom_30{
    bottom:30px;
}

.bottom_40{
    bottom:40px;
}

.bottom_50{
    bottom:50px;
}


.spacer20{
    width:100%;
    height:20px;
}

.spacer30{
    width:100%;
    height:30px;
}

.spacer40{
    width:100%;
    height:40px;
}

.spacer50{
    width:100%;
    height:50px;
}

.width_90{
    width:90%;
    margin-left: 5%;
}

.width_25{
    width:25%;
}


.box_border{
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}

.padding_10{
    padding: 10px!important;
}

.padding_5{
    padding: 5px!important;
}

.max_1440{
    max-width: 1440px;
}
.max_1024{
    margin: auto;
    max-width: 1024px!important;
    position: relative;
}


.card_quarter{
    border: 1px solid #e0e0e0;
    border-left: 4px solid gray;
    display: inline-block;
    vertical-align: top;
    width:23%;
    margin: 1%;
    text-align: left;
    padding:1em;

}

.card_quarter > div{
    width:3px;
    margin-right: 10px;
    height:30px;
    vertical-align: top;
    display: inline-block;
}
.card_quarter > p{
    font-size: 1.4em;
    width:calc(100% - 20px);
    vertical-align: top;
    display: inline-block;
    color:#92999f;
    margin: 0px;
}


.card_third{
    border: 1px solid #e0e0e0;
    border-left: 4px solid gray;
    display: inline-block;
    vertical-align: top;
    width:31.33%;
    margin: 1%;
    text-align: left;
    padding:1em;

}

.card_two_third{
    border: 1px solid #e0e0e0;
    border-left: 4px solid gray;
    display: inline-block;
    vertical-align: top;
    width:62.66%;
    margin: 1%;
    text-align: left;
    padding:1em;

}



.card_third h2{
    font-size: 2.2em;
    color:#006699;
}

.card_third p{
    font-size: 1.2em;
    color:#006699;
    color:#92999f;
}

.two_thirds{
    width:64.66%;
    border:none;
}


.shadow {
    text-shadow:3px 4px 5px #000;
}

.color_white{
    color:white;
}

.color_black{
    color:black;
}

.color_gray{
    color:#444;
}

.cool_corners_40{
    border-top-left-radius: 40px;
    border-bottom-right-radius: 40px;
}

.kenburns{
    -webkit-animation-name: kenburns;
    animation-name: kenburns;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 8s;
    animation-duration: 8;
    opacity: 1;
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    background: no-repeat 50% 50%;
    -webkit-animation-name: kenburns-1;

}

@-webkit-keyframes
kenburns-1 {
    0% {
        opacity: 1;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
    }
}


.kenburns2{
    -webkit-animation-name: kenburns2;
    animation-name: kenburns2;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    background: no-repeat 50% 50%;
    -webkit-animation-name: kenburns-2;

}

@-webkit-keyframes
kenburns-2 {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}



.kenburns3{
    -webkit-animation-name: kenburns3;
    animation-name: kenburns3;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    background: no-repeat 50% 50%;
    -webkit-animation-name: kenburns-3;

}

@-webkit-keyframes
kenburns-3 {
    0% {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1) translateX(20) ;
    }
    100% {
        opacity: 1;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}


.borange{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a54f03+1,7a3d00+100&0.8+0,0.7+100 */
    background: -moz-linear-gradient(top,  rgba(165,79,3,0.8) 0%, rgba(165,79,3,0.8) 1%, rgba(122,61,0,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(165,79,3,0.8) 0%,rgba(165,79,3,0.8) 1%,rgba(122,61,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(165,79,3,0.8) 0%,rgba(165,79,3,0.8) 1%,rgba(122,61,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cca54f03', endColorstr='#b37a3d00',GradientType=0 ); /* IE6-9 */
}

.bred{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,6d0019+100&0.8+0,0.7+100 */
    background: -moz-linear-gradient(top,  rgba(169,3,41,0.8) 0%, rgba(109,0,25,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(169,3,41,0.8) 0%,rgba(109,0,25,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(169,3,41,0.8) 0%,rgba(109,0,25,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cca90329', endColorstr='#b36d0019',GradientType=0 ); /* IE6-9 */

}

.bblue{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#035ca5+2,003377+100&0.8+0,0.7+100 */
    background: -moz-linear-gradient(top,  rgba(3,92,165,0.8) 0%, rgba(3,92,165,0.8) 2%, rgba(0,51,119,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(3,92,165,0.8) 0%,rgba(3,92,165,0.8) 2%,rgba(0,51,119,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(3,92,165,0.8) 0%,rgba(3,92,165,0.8) 2%,rgba(0,51,119,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc035ca5', endColorstr='#b3003377',GradientType=0 ); /* IE6-9 */

}

.bgreen{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3fb220+0,0f8200+100&0.8+0,0.7+100 */
    background: -moz-linear-gradient(top,  rgba(63,178,32,0.8) 0%, rgba(15,130,0,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(63,178,32,0.8) 0%,rgba(15,130,0,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(63,178,32,0.8) 0%,rgba(15,130,0,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc3fb220', endColorstr='#b30f8200',GradientType=0 ); /* IE6-9 */

}

.bgray{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a3a3a3+0,3d3d3d+100&0.8+0,0.7+100 */
    background: -moz-linear-gradient(top,  rgba(163,163,163,0.8) 0%, rgba(61,61,61,0.7) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(163,163,163,0.8) 0%,rgba(61,61,61,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(163,163,163,0.8) 0%,rgba(61,61,61,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cca3a3a3', endColorstr='#b33d3d3d',GradientType=0 ); /* IE6-9 */

}

.fred, .fred *{
    color: rgba(150,50,50,.8);
}
.fredl, .fredl *{
    color: #ff9999;
}
.fyellowl, .fyellowl *{
    color:#ffffb3;
}
.fyellow, .fyellow *{
    color:ffff1a;
}
.forange, .forange *{
    color: rgba(200,150,50,.8);
}

.fblue, .fblue *{
    color: rgba(50,50,150,.8);
}

.fgreen, .fgreen *{
    color: rgba(50,150,50,.8);
}

.fgray, .fgray *{
    color: rgba(50,50,50,.8);
}
.btn{
    margin: 0px 2px;
    padding: 0px 15px;
    height:30px;
    line-height: 30px;
    display: inline-block;
    vertical-align: top;
    font-weight: normal;
    background: none;
    border: none;
    border-radius: 2px;
    box-shadow: none;
    color: #07C;
    cursor: pointer;
    user-select:none;
    box-sizing: border-box;
}
.btn-clear:hover{
    background:#e6eaed;
}
.btn-clear:active{
    background:#ced6db;
}

.btn-blue{
    background: #3498db;
    background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
    background-image: -moz-linear-gradient(top, #3498db, #2980b9);
    background-image: -ms-linear-gradient(top, #3498db, #2980b9);
    background-image: -o-linear-gradient(top, #3498db, #2980b9);
    background-image: linear-gradient(to bottom, #3498db, #2980b9);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    color: #ffffff;
    text-decoration: none;
}
.btn-blue:hover{
    background: #3cb0fd;
    background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
    background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
    background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
    text-decoration: none;
}
.btn-green{
    background: #3cdb34;
    background-image: -webkit-linear-gradient(top, #3cdb34, #29b955);
    background-image: -moz-linear-gradient(top, #3cdb34, #29b955);
    background-image: -ms-linear-gradient(top, #3cdb34, #29b955);
    background-image: -o-linear-gradient(top, #3cdb34, #29b955);
    background-image: linear-gradient(to bottom, #3cdb34, #29b955);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    color: #ffffff;
    text-decoration: none;
}
.btn-green:hover{
    background: #3cfd89;
    background-image: -webkit-linear-gradient(top, #3cfd89, #3cdb34);
    background-image: -moz-linear-gradient(top, #3cfd89, #3cdb34);
    background-image: -ms-linear-gradient(top, #3cfd89, #3cdb34);
    background-image: -o-linear-gradient(top, #3cfd89, #3cdb34);
    background-image: linear-gradient(to bottom, #3cfd89, #3cdb34);
    text-decoration: none;
}

.btn-red{
    background: #db3434;
    background-image: -webkit-linear-gradient(top, #db3434, #b92929);
    background-image: -moz-linear-gradient(top, #db3434, #b92929);
    background-image: -ms-linear-gradient(top, #db3434, #b92929);
    background-image: -o-linear-gradient(top, #db3434, #b92929);
    background-image: linear-gradient(to bottom, #db3434, #b92929);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    color: #ffffff;
    text-decoration: none;
}

.btn-red:hover{
    background: #fd3c3c;
    background-image: -webkit-linear-gradient(top, #fd3c3c, #db3434);
    background-image: -moz-linear-gradient(top, #fd3c3c, #db3434);
    background-image: -ms-linear-gradient(top, #fd3c3c, #db3434);
    background-image: -o-linear-gradient(top, #fd3c3c, #db3434);
    background-image: linear-gradient(to bottom, #fd3c3c, #db3434);
    text-decoration: none;
}

.btn-gray{
    background: #d8d8d8;
    background-image: -webkit-linear-gradient(top, #d8d8d8, #a3a3a3);
    background-image: -moz-linear-gradient(top, #d8d8d8, #a3a3a3);
    background-image: -ms-linear-gradient(top, #d8d8d8, #a3a3a3);
    background-image: -o-linear-gradient(top, #d8d8d8, #a3a3a3);
    background-image: linear-gradient(to bottom, #d8d8d8, #a3a3a3);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    color: #111;
    text-decoration: none;
}

.btn-gray:hover{
    background: #f1f1f1;
    background-image: -webkit-linear-gradient(top, #f1f1f1, #d8d8d8);
    background-image: -moz-linear-gradient(top, #f1f1f1, #d8d8d8);
    background-image: -ms-linear-gradient(top, #f1f1f1, #d8d8d8);
    background-image: -o-linear-gradient(top, #f1f1f1, #d8d8d8);
    background-image: linear-gradient(to bottom, #f1f1f1, #d8d8d8);
    text-decoration: none;
}


.btn-orange{
    background: #db8733;
    background-image: -webkit-linear-gradient(top, #db8733, #AF6C28);
    background-image: -moz-linear-gradient(top, #db8733, #AF6C28);
    background-image: -ms-linear-gradient(top, #db8733, #AF6C28);
    background-image: -o-linear-gradient(top, #db8733, #AF6C28);
    background-image: linear-gradient(to bottom, #db8733, #AF6C28);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    color: #ffffff;
    text-decoration: none;
}

.btn-orange:hover{
    background: #AF6C28;
    background-image: -webkit-linear-gradient(top, #AF6C28, #db5d33);
    background-image: -moz-linear-gradient(top, #AF6C28, #db5d33);
    background-image: -ms-linear-gradient(top, #AF6C28, #db5d33);
    background-image: -o-linear-gradient(top, #AF6C28, #db5d33);
    background-image: linear-gradient(to bottom, #AF6C28, #db5d33);
    text-decoration: none;
}

.btn.disabled{
    opacity:0.5;
    pointer-events: none;
}

.btn *{
    pointer-events: none;
}

.generic_list > .item{
    display: block;
    width:100%;
    height:30px;
    line-height:30px;
    font-size: 14px;
    text-align: center;
    color:#111;
    text-decoration: none;
}
.generic_list > .item:hover{
    background: #006699;
    color:#fff;
}

.generic_list > .item:active{
    background: #a67c00;
    color:#fff;
}

.generic_list > .item.filtered{
    display: none;
}

.cf {
    zoom: 1;
}

.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}

.div_img_max_500{
    width:100%;
    margin: auto;
    max-width: 700px;
}

.large_generic_input{
    /*width:200px;*/
    font-size: 1.1em;
    width: 20em;
    padding: 5px 10px;
    color:#444;
    margin: 10px 0px;
}

.guilloche {
    background-image: url(/img/guil.png);
    background-size: contain;
    background-position: center;
}

.blurb{
    width:50%;
    margin: 50px auto;
    line-height: 1.1em;
}



.card {
    background: #fff;
    border-radius: 2px;
    display: inline-block;
}

.card-1 {
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.card-1:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}



.sct_dialog_overlay{
    background: rgba(0,0,0,.6);
    width:100%;
    height:100%;
    position:absolute;
    z-index: 1000000000;
    top:0px;
    left:0px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sct_dialog_body{
    position:relative;
    padding:0px;
}



.sct_dialog_conf{
    overflow: hidden;
    border-radius: 5px;
    background: rgba(0,0,0,.4);
    position:absolute;
    font-size: 12px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,ffffff+100 */
    background: rgb(232,232,232); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    min-height: 100px;
    max-height: 92%!important;
    max-width: 500px;
    height:auto;
    padding:5px 20px;
    box-sizing: content-box;
}

.sct_dialog{
    overflow: hidden;
    border-radius: 5px;
    background: rgba(0,0,0,.4);
    top: 50%;
    left: 50%;
    font-size: 12px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8e8e8+0,ffffff+100 */
    background: rgb(232,232,232); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    min-height: 150px;
    /*max-height: 92%!important;*/
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    transform: scale(.8);
    -webkit-transition: all .1s linear;
    transition: all .1s linear;
    -moz-transition: all .1s linear;

    -webkit-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.59);
    -moz-box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.59);
    box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.59);
}



.sct_dialog.active,.sct_dialog_conf.active{
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    transform: scale(1);

}


.dv_confirm{
    width:100%;
    /*height:40px;*/
    margin: 20px 0px;
    font-size: 14px;
    color:gray;
    text-align: center;
    white-space: nowrap;
}

.dv_confirm i{
    color:#DBC206;
    vertical-align: middle;
    font-size: 32px;
}

.dv_confirm span{
    margin-left: 10px;
    margin-right: 20px;
    display:inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 16px;
}

.no_transition{
    -webkit-transition: none !important;
    -moz-transition: none !important;
    -o-transition: none !important;
    transition: none !important;
}


.pos_relative{
    position:relative;
}

.pos_absolute{
    position:absolute;
}
.pos_absolute_top_left_0{
    position:absolute;
    top:0px;
    left:0px;
}
.pos_absolute_top_left_1{
    position:absolute;
    top:1px;
    left:1px;
}

.pos_absolute_top_left_2{
    position:absolute;
    top:2px;
    left:2px;
}
.pos_absolute_top_left_3{
    position:absolute;
    top:3px;
    left:3px;
}
.pos_absolute_top_left_5{
    position:absolute;
    top:5px;
    left:5px;
}
.pos_absolute_top_left_10{
    position:absolute;
    top:10px;
    left:10px;
}
.pos_absolute_top_left_15{
    position:absolute;
    top:15px;
    left:15px;
}
.pos_absolute_top_left_20{
    position:absolute;
    top:20px;
    left:20px;
}
.pos_absolute_top_left_25{
    position:absolute;
    top:25px;
    left:25px;
}
.pos_absolute_top_right_0{
    position:absolute;
    top:0px;
    right:0px;
}
.pos_absolute_top_right_1{
    position:absolute;
    top:1px;
    right:1px;
}
.pos_absolute_top_right_2{
    position:absolute;
    top:2px;
    right:2px;
}
.pos_absolute_top_right_3{
    position:absolute;
    top:3px;
    right:3px;
}
.pos_absolute_top_right_5{
    position:absolute;
    top:5px;
    right:5px;
}
.pos_absolute_top_right_10{
    position:absolute;
    top:10px;
    right:10px;
}
.pos_absolute_top_right_15{
    position:absolute;
    top:15px;
    right:15px;
}
.pos_absolute_top_right_20{
    position:absolute;
    top:20px;
    right:20px;
}
.pos_absolute_top_right_25{
    position:absolute;
    top:25px;
    right:25px;
}

.pos_absolute_top_0{
    top:0px;
}
.pos_absolute_left_30{
    left:30px;
}


.pos_absolute_bottom_left_0{
    position:absolute;
    bottom:0px;
    left:0px;
}

.pos_absolute_bottom_left_5{
    position:absolute;
    bottom:0px;
    left:0px;
}
.pos_absolute_bottom_right_0{
    position:absolute;
    bottom:0px;
    right:0px;
}

.pos_absolute_bottom_right_5{
    position:absolute;
    bottom:5px;
    right:5px;
}

.top_0{
    top:0px;
}
.top_1{
    top:1px;
}
.top_2{
    top:2px;
}
.top_3{
    top:3px;
}
.top_5{
    top:5px;
}
.top_10{
    top:10px;
}
.top_15{
    top:15px;
}
.top_20{
    top:20px;
}
.top_25{
    top:25px;
}
.top_30{
    top:30px;
}
.top_35{
    top:35px;
}
.top_40{
    top:40px;
}
.top_45{
    top:45px;
}
.top_50{
    top:50px;
}
.top_55{
    top:55px;
}
.top_100{
    top:100px;
}

.left_0{
    left:0px;
}
.left_1{
    left:1px;
}
.left_2{
    left:2px;
}
.left_3{
    left:3px;
}
.left_5{
    left:5px;
}
.left_10{
    left:10px;
}
.left_15{
    left:15px;
}
.left_20{
    left:20px;
}
.left_25{
    left:25px;
}
.left_30{
    left:30px;
}
.left_35{
    left:35px;
}
.left_40{
    left:40px;
}
.left_45{
    left:45px;
}
.left_50{
    left:50px;
}
.left_55{
    left:55px;
}
.left_100{
    left:100px;
}
.left_150{
    left:150px;
}
.left_200{
    left:200px;
}


.right_0{
    right:0px;
}
.right_1{
    right:1px;
}
.right_2{
    right:2px;
}
.right_3{
    right:3px;
}
.right_5{
    right:5px;
}
.right_10{
    right:10px;
}
.right_15{
    right:15px;
}
.right_20{
    right:20px;
}
.right_25{
    right:25px;
}
.right_30{
    right:30px;
}
.right_35{
    right:35px;
}
.right_40{
    right:40px;
}
.right_45{
    right:45px;
}
.right_50{
    right:50px;
}
.right_55{
    right:55px;
}
.right_100{
    right:100px;
}
.right_150{
    right:150px;
}
.right_200{
    right:200px;
}

.bottom_0{
    bottom:0px;
}
.bottom_1{
    bottom:1px;
}
.bottom_2{
    bottom:2px;
}
.bottom_3{
    bottom:3px;
}
.bottom_5{
    bottom:5px;
}
.bottom_10{
    bottom:10px;
}
.bottom_15{
    bottom:15px;
}
.bottom_20{
    bottom:20px;
}
.bottom_25{
    bottom:25px;
}
.bottom_30{
    bottom:30px;
}
.bottom_35{
    bottom:35px;
}
.bottom_40{
    bottom:40px;
}
.bottom_45{
    bottom:45px;
}
.bottom_50{
    bottom:50px;
}
.bottom_55{
    bottom:55px;
}
.max_w_100{
    max-width: 100px;
}
.max_w_200{
    max-width: 200px;
}
.max_w_300{
    max-width: 300px;
}
.max_w_400{
    max-width: 400px;
}
.max_w_500{
    max-width: 500px;
}
.max_w_600{
    max-width: 600px;
}
.max_w_700{
    max-width: 700px;
}
.max_w_800{
    max-width: 800px;
}
.max_w_900{
    max-width: 900px;
}
.max_w_1000{
    max-width: 1000px;
}

@media print {
    .no_print, .no_print *
    {
        display: none !important;
    }
}


.sct_dialog_conf{
    overflow: hidden;
    background: rgba(0,0,0,.4);
    position:absolute;
    font-size: 12px;
    background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%);
    min-height: 100px;
    max-height: 92%!important;
    height:auto;
    padding:5px 20px;
    box-sizing: content-box;
    transform: translate(-50%, -50%);
    opacity: 0;
    transform: scale(.9);
    transition: all .1s linear;

}
.sct_dialog{
    overflow: hidden;
    background: rgba(0,0,0,.4);
    font-size: 12px;
    background: linear-gradient(to bottom, rgba(232,232,232,1) 0%,rgba(255,255,255,1) 100%);
    /*max-height: 675px;*/
    opacity: 0;
    transform: scale(.95) translatez(0);
    transition: all .1s linear;
    padding-top:30px;
    max-height: 99%;
    max-width: 99%;
}



.sct_dialog.active,.sct_dialog_conf.active{
    opacity: 1;
    transform: scale(1);

}
.no_transition{
    transition: none !important;
    transform:none!important;
}

.sct_dialog div[rel="title"]{
    position: absolute;
    top:0px;
    left:0px;
    cursor: move;
    border-bottom: 1px solid rgba(0,0,0,.1);
    font-size: 16px;
    width:100%;
    height:30px;
    line-height:30px;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    color:rgba(0,0,0,.7);
    background: linear-gradient(to right, maroon 0%,#006699 100%);
    text-transform: uppercase;
}

.sct_dialog.green div[rel="title"]{
    background: linear-gradient(135deg, rgba(123,130,35,1) 1%,rgba(110,147,191,1) 100%);
}

.sct_dialog div[rel="title"]>div{
    width:100%;
    height:100%;
    color:#e5e5e5;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    font-size:11px;
}

.sct_loader i{
    font-size: 24px;
    color:rgba(255,255,255,.5);
}

.sct_dialog div[rel="title"] button{
    position: absolute;
    right:5px;
    top:5px;
    background: rgba(0,0,0,.4);
    font-size: 18px;
    color:#d7dac2;
    text-align: center;
    width:30px;
    height:20px;
    line-height:20px!important;
    font-size: 14px;
    padding:0px;
    font-weight: 100;
    text-shadow:none;
    outline:none;
    border:none;
    cursor: pointer;
}

.sct_dialog div[rel="title"] button:hover{
    background: #006699;
}

.sct_dialog div[rel="title"] button:active{
    background: #009966;
}

.sct_dialog div[rel="buttons"]{
    font-size: 10px;
    width:100%;
    height:35px;
    line-height:35px;
    position: absolute;
    bottom:0px;
    left:0px;

    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    border-top: 1px solid #999;
    background: linear-gradient(to bottom, rgba(170,170,170,1) 0%,rgba(204,204,204,1) 100%);
}

.sct_dialog div[rel="buttons"] button.disabled{
    pointer-events: none;
    opacity: 0.2;
}

button.disabled{
    pointer-events: none;
    opacity: 0.2;
}


.sct_dialog_overlay{
    background: rgba(0,0,0,.75);
    width:100%;
    height:100%;
    position:absolute;
    /*z-index: 1000000000;*/
    /*z-index: 1000000;*/
    top:0px;
    left:0px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}


.sct_dialog_body{
    position:relative;
    padding:0px;
    height:100%;
    width:100%;
    font-size:0px;
}




/*w2ui btn correction*/

button.btn {
    display: inline-block;
    border-radius: 2px;
    margin: 0px 5px;
    padding: 6px 12px;
    color: #666;
    font-size: 12px;
    border: 1px solid #B6B6B6;
    background-image: -webkit-linear-gradient(#ffffff 0%, #e7e7e7 100%);
    background-image: -moz-linear-gradient(#ffffff 0%, #e7e7e7 100%);
    background-image: -ms-linear-gradient(#ffffff 0%, #e7e7e7 100%);
    background-image: -o-linear-gradient(#ffffff 0%, #e7e7e7 100%);
    background-image: linear-gradient(#ffffff 0%, #e7e7e7 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ffffffff', GradientType=0);
    outline: none;
    /*box-shadow: 0px 1px 0px white;*/
    cursor: default;
    /*min-width: 75px;*/
    line-height: 110%;
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
button.btn:hover {
    text-decoration: none;
    border: 1px solid #bbb;
    background-image: -webkit-linear-gradient(#f7f7f7 0%, #dddddd 100%);
    background-image: -moz-linear-gradient(#f7f7f7 0%, #dddddd 100%);
    background-image: -ms-linear-gradient(#f7f7f7 0%, #dddddd 100%);
    background-image: -o-linear-gradient(#f7f7f7 0%, #dddddd 100%);
    background-image: linear-gradient(#f7f7f7 0%, #dddddd 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffdddddd', endColorstr='#fff7f7f7', GradientType=0);
    color: #333;
}
button.btn:active,
button.btn.clicked {
    border: 1px solid #999;
    background: linear-gradient(#cccccc 0%, #cccccc 100%);
    text-shadow: 1px 1px 1px #eee;
}
button.btn:disabled {
    border: 1px solid #bbb !important;
    background: #f7f7f7 !important;
    color: #bdbcbc !important;
    text-shadow: none !important;
}
button.btn:focus:before {
    content: "";
    border: 1px dashed #aaa;
    border-radius: 3px;
    position: absolute;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
    pointer-events: none;
}
button.btn::-moz-focus-inner {
    border: 0;
}
button.btn-blue {
    color: white;
    background-image: -webkit-linear-gradient(#80c0f7 0%, #269df0 100%);
    background-image: -moz-linear-gradient(#80c0f7 0%, #269df0 100%);
    background-image: -ms-linear-gradient(#80c0f7 0%, #269df0 100%);
    background-image: -o-linear-gradient(#80c0f7 0%, #269df0 100%);
    background-image: linear-gradient(#80c0f7 0%, #269df0 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff269df0', endColorstr='#ff80c0f7', GradientType=0);
    border: 1px solid #538AB7;
    text-shadow: 0px 0px 1px #111111;
}
button.btn-blue:hover {
    color: white;
    background-image: -webkit-linear-gradient(#73b6f0 0%, #2391dd 100%);
    background-image: -moz-linear-gradient(#73b6f0 0%, #2391dd 100%);
    background-image: -ms-linear-gradient(#73b6f0 0%, #2391dd 100%);
    background-image: -o-linear-gradient(#73b6f0 0%, #2391dd 100%);
    background-image: linear-gradient(#73b6f0 0%, #2391dd 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff2391dd', endColorstr='#ff73b6f0', GradientType=0);
    border: 1px solid #497BA3;
    text-shadow: 0px 0px 1px #111111;
}
button.btn-blue:active,
button.btn-blue.clicked {
    color: white;
    background-image: -webkit-linear-gradient(#1e83c9 0%, #1e83c9 100%);
    background-image: -moz-linear-gradient(#1e83c9 0%, #1e83c9 100%);
    background-image: -ms-linear-gradient(#1e83c9 0%, #1e83c9 100%);
    background-image: -o-linear-gradient(#1e83c9 0%, #1e83c9 100%);
    background-image: linear-gradient(#1e83c9 0%, #1e83c9 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff1e83c9', endColorstr='#ff1e83c9', GradientType=0);
    border: 1px solid #1268A6;
    text-shadow: 0px 0px 1px #111111;
}
button.btn-blue:focus:before {
    border: 1px dashed #e8e8e8;
}
button.btn-green {
    color: white;
    background-image: -webkit-linear-gradient(#81cf81 0%, #52a452 100%);
    background-image: -moz-linear-gradient(#81cf81 0%, #52a452 100%);
    background-image: -ms-linear-gradient(#81cf81 0%, #52a452 100%);
    background-image: -o-linear-gradient(#81cf81 0%, #52a452 100%);
    background-image: linear-gradient(#81cf81 0%, #52a452 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff52a452', endColorstr='#ff81cf81', GradientType=0);
    border: 1px solid #479247;
    text-shadow: 0px 0px 1px #111111;
}
button.btn-green:hover {
    color: white;
    background-image: -webkit-linear-gradient(#6abe68 0%, #3f8f3d 100%);
    background-image: -moz-linear-gradient(#6abe68 0%, #3f8f3d 100%);
    background-image: -ms-linear-gradient(#6abe68 0%, #3f8f3d 100%);
    background-image: -o-linear-gradient(#6abe68 0%, #3f8f3d 100%);
    background-image: linear-gradient(#6abe68 0%, #3f8f3d 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff3f8f3d', endColorstr='#ff6abe68', GradientType=0);
    border: 1px solid #479247;
    text-shadow: 0px 0px 1px #111111;
}
button.btn-green:active,
button.btn-green.clicked {
    color: white;
    background-image: -webkit-linear-gradient(#377d36 0%, #377d36 100%);
    background-image: -moz-linear-gradient(#377d36 0%, #377d36 100%);
    background-image: -ms-linear-gradient(#377d36 0%, #377d36 100%);
    background-image: -o-linear-gradient(#377d36 0%, #377d36 100%);
    background-image: linear-gradient(#377d36 0%, #377d36 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff377d36', endColorstr='#ff377d36', GradientType=0);
    border: 1px solid #555 !important;
    text-shadow: 0px 0px 1px #111111;
}
button.btn-green:focus:before {
    border: 1px dashed #e8e8e8;
}
button.btn-orange {
    color: #000;
    background-image: -webkit-linear-gradient(#fcc272 0%, #fb8822 100%);
    background-image: -moz-linear-gradient(#fcc272 0%, #fb8822 100%);
    background-image: -ms-linear-gradient(#fcc272 0%, #fb8822 100%);
    background-image: -o-linear-gradient(#fcc272 0%, #fb8822 100%);
    background-image: linear-gradient(#fcc272 0%, #fb8822 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fffb8822', endColorstr='#fffcc272', GradientType=0);
    border: 1px solid #B68B4C;
    text-shadow: none;
}
button.btn-orange:hover {
    color: #000;
    background-image: -webkit-linear-gradient(#f4ad59 0%, #f1731f 100%);
    background-image: -moz-linear-gradient(#f4ad59 0%, #f1731f 100%);
    background-image: -ms-linear-gradient(#f4ad59 0%, #f1731f 100%);
    background-image: -o-linear-gradient(#f4ad59 0%, #f1731f 100%);
    background-image: linear-gradient(#f4ad59 0%, #f1731f 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fff1731f', endColorstr='#fff4ad59', GradientType=0);
    border: 1px solid #B68B4C;
    text-shadow: none;
}
button.btn-orange:active,
button.btn-orange.clicked {
    color: #000;
    border: 1px solid #666;
    background-image: -webkit-linear-gradient(#b98747 0%, #b98747 100%);
    background-image: -moz-linear-gradient(#b98747 0%, #b98747 100%);
    background-image: -ms-linear-gradient(#b98747 0%, #b98747 100%);
    background-image: -o-linear-gradient(#b98747 0%, #b98747 100%);
    background-image: linear-gradient(#b98747 0%, #b98747 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffb98747', endColorstr='#ffb98747', GradientType=0);
    text-shadow: none;
}
button.btn-orange:focus:before {
    border: 1px dashed #f9f9f9;
}
button.btn-red {
    color: white;
    background-image: -webkit-linear-gradient(#ff6e70 0%, #c72d2d 100%);
    background-image: -moz-linear-gradient(#ff6e70 0%, #c72d2d 100%);
    background-image: -ms-linear-gradient(#ff6e70 0%, #c72d2d 100%);
    background-image: -o-linear-gradient(#ff6e70 0%, #c72d2d 100%);
    background-image: linear-gradient(#ff6e70 0%, #c72d2d 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffc72d2d', endColorstr='#ffff6e70', GradientType=0);
    border: 1px solid #BB3C3E;
    text-shadow: 0px 0px 1px #111111;
}
button.btn-red:hover {
    color: white;
    background-image: -webkit-linear-gradient(#ee696c 0%, #ae2527 100%);
    background-image: -moz-linear-gradient(#ee696c 0%, #ae2527 100%);
    background-image: -ms-linear-gradient(#ee696c 0%, #ae2527 100%);
    background-image: -o-linear-gradient(#ee696c 0%, #ae2527 100%);
    background-image: linear-gradient(#ee696c 0%, #ae2527 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffae2527', endColorstr='#ffee696c', GradientType=0);
    border: 1px solid #BB3C3E;
    text-shadow: 0px 0px 1px #111111;
}
button.btn-red:active,
button.btn-red.clicked {
    color: white;
    border: 1px solid #861C1E;
    background-image: -webkit-linear-gradient(#9c2123 0%, #9c2123 100%);
    background-image: -moz-linear-gradient(#9c2123 0%, #9c2123 100%);
    background-image: -ms-linear-gradient(#9c2123 0%, #9c2123 100%);
    background-image: -o-linear-gradient(#9c2123 0%, #9c2123 100%);
    background-image: linear-gradient(#9c2123 0%, #9c2123 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff9c2123', endColorstr='#ff9c2123', GradientType=0);
    text-shadow: 0px 0px 1px #111111;
}
button.btn-red:focus:before {
    border: 1px dashed #ddd;
}
button.btn-small {
    margin: 0px;
    min-width: 0px;
    font-size: 10px;
    margin: 0px 1px;
    padding:5px 5px;
}
button.btn-small:focus:before {
    border-radius: 2px;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
}



.generic_context_overlay{
    z-index: 9000000100;
    width:100%;
    height:100%;
    background: rgba(0,0,0,0);
    position: fixed;
    top:0;
    left:0;
}
.generic_context{
    z-index: 9000000100;
    width:250px;
    border:1px solid #d0d0d0;
    background: #f0f0f0;
    color:gray;
    position: absolute;
    transition: .05s linear all;
    transform: translate(-10px ,-10px) scale(0.6,0.6);
    padding:1px;
    opacity: 0;
}

.generic_context.active{
    transform: translate(0px ,0px) scale(1,1);
    opacity: 1;
}

.generic_context > .header{
    width:100%;
    font-size: 11px;
    color:#444;
    /*margin-bottom: 5px;*/
    padding:5px;
    text-align: center;
    border-bottom: 1px solid #d0d0d0;
    background: #e5e5e5;
}
.generic_context > .header.green_header{
    background: linear-gradient(to bottom, rgba(125,220,31,1) 1%,rgba(104,158,23,1) 100%);
    color:#f5f5f5;
}

.generic_context > .item{
    width:100%;
    padding:3px 2px;
    padding-left: 10px;
    font-size: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.generic_context > .item:hover{
    background: #e0e0e0;
}

.generic_context > .item:active{
    background: #c0c0c0;
}

.generic_context > .item.active{
    background: #006699;
}

.generic_context > .item.active *{
    color:white!important;
}


.generic_context > .item > i{
    width:20px;
    height:20px;
    line-height:20px;
    text-align: center;
    /*color:#006699;*/
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    margin-right: 10px;
}

.generic_context > .item > span{
    cursor: default;
    width:calc(100% - 30px);
    min-height:20px;
    text-align: center;
    color:#111;
    font-size: 11px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    position: relative;
    padding-top: 1px;
}

.generic_context > .item.disabled,.generic_context > .item.disabled >i ,.generic_context > .item.disabled>span{
    color:rgba(0,0,0,.2)!important;
}