*{
    font-family: 'Open Sans', sans-serif;
    /*font-weight: lighter;*/
    padding:0px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    text-decoration: none;
    box-sizing: border-box;   /* Opera/IE 8+ */
    /*transition: background-color 50ms linear;*/
    /*    user-drag: none;
        user-select:none;*/
    position: relative;
}

svg{
    color:#111;
}
.will_change_transform{
    will-change:transform;
}
.no_bg_important{
    background:none!important;
}

.init_hide{
    display:none ;
}

.init_hide_important{
    display: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;
}
.borange{
    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%);
}
.bred{
    background: linear-gradient(to bottom, rgba(169,3,41,0.8) 0%,rgba(109,0,25,0.7) 100%);
}
.bblue{
    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%);
}
.bgreen{
    background: linear-gradient(to bottom, rgba(63,178,32,0.8) 0%,rgba(15,130,0,0.7) 100%);
}

.bgray{
    background: linear-gradient(to bottom, rgba(163,163,163,0.8) 0%,rgba(61,61,61,0.7) 100%);
}

.fmale, .fmale *{
    color: rgba(40,89,201,.8);
}
.ffemale, .ffemale *{
    color: rgba(190,50,185,.8);
}
.fred, .fred *{
    color: rgba(200,40,40,.8);
}

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

.fgreen, .fgreen *{
    color: rgba(80,200,30,.8);
}
.fyellow, .fyellow *{
    color: rgba(218, 165, 32,.8);
}

.fgray, .fgray *{
    color: rgba(50,50,50,.8);
}
.fgold, .fgold *{
    color: goldenrod;
}


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

.fred_dark, .fred_dark *{
    color: rgba(100,20,20,.8);
}
.forange, .forange *{
    color: rgba(255,69,0,.8);
}

.fblue_dark, .fblue_dark *{
    color: rgba(25,75,115,.8);
}

.fgreen_dark, .fgreen_dark *{
    color: rgba(40,100,15,.8);
}
.fyellow_dark, .fyellow_dark *{
    color: rgba(110, 85, 16,.8);
}

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


.borderred{
    border-color: rgba(200,40,40,.8)!important;
}
.borderorange{
    border-color: rgba(255,69,0,.8)!important;
}

.borderblue{
    border-color: rgba(50,130,230,.8)!important;
}

.bordergreen{
    border-color: rgba(80,200,30,.8)!important;
}
.borderyellow{
    border-color: rgba(218, 165, 32,.8)!important;
}

.bordergray{
    border-color: rgba(50,50,50,.8)!important;
}

.borderred_dark{
    border-color: rgba(100,20,20,.8)!important;
}

.borderblue_dark{
    border-color: rgba(25,75,115,.8)!important;
}

.bordergreen_dark{
    border-color: rgba(40,100,15,.8)!important;
}
.borderyellow_dark{
    border-color: rgba(110, 85, 16,.8)!important;
}

.bordergray{
    border-color: rgba(50,50,50,.8)!important;
}


.no_caps{
    text-transform: lowercase!important;
}
.td_table{
    display:table;
}

.td_cell{
    display:table-cell;
}


.overflow_scroll_both{
    overflow:scroll;
}

.overflow_width_hidden{
    overflow-x:hidden;
}
.overflow_show{
    overflow:visible;
}

.overflow_width_auto{
    overflow-x:auto;
    /*overflow-y: hidden;*/
}
.overflow_height_auto{
    overflow-y: auto;
}
.overflow_height_auto_width_show{
    width:auto;
    overflow-x:visible;
    overflow-y: auto;
}
.overflow_hidden{
    overflow: hidden;
}

.overflow_100{
    width:100%;
    height:100%;
    overflow: auto;
    position:relative;
}

.flex_center{
    display: flex;
    align-items: center
}


.display_flexwrap_sameheight{
    display: flex;
    flex-wrap: wrap;
}


.display_flex{
    display:flex;
}

.height_5{
    width:100%;
    height:5px;
    display:inline-block;
}

.height_3{
    width:100%;
    height:3px;
    display:inline-block;
}

.height_2{
    width:94%;
    margin-left: 3%;
    height:2px;
    display:inline-block;
}
.gray_block{
    background: linear-gradient(to bottom, #2b4154 1%,#21263d 100%)!important; /* W3C */
    color:white!important;
}

.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)!important;
    width:calc(100% - 10px)!important;
    margin: 5px!important;
}

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

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

.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!important;
}

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

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

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

.width_auto{
    width:auto!important;
}

.full_width{
    width:100%!important;
}
.two_thirds{
    width:66.6%!important;
}
.width_33{
    display:inline-block;
    width:33.3%;
}
.width_30{
    display:inline-block;
    width:30%;
}
.width_25{
    display:inline-block;
    width:25%;
}
.width_50{
    display:inline-block;
    width:50%;
}
.width_50_important{
    display:inline-block;
    width:50%!important;
}

.width_90{
    display:inline-block;
    width:90%;
}
.padding_5{
    padding:5px;
}
.padding_10{
    padding:10px;
}
.full_height{
    height:100%!important;
}

.full_size{
    width:100%!important;
    height:100%!important;
}

.no_padding{
    padding:0px!important;
}
.no_margin{
    margin:0px!important;
}
.margin_1{
    margin:1px!important;
}
.no_shadow{
    box-shadow: inherit!important;
}
.float_dir{
    float:left;
    direction:ltr!important;
}

.float_none{
    float: none!important;
}

.margin_dir_10{
    margin-left: 10px;
}

.margin_bottom_5{
    margin-bottom: 5px;
}

.margin_bottom_10{
    margin-bottom: 10px;
}

.margin_top_10{
    margin-top: 10px;
}
.margin_top_5{
    margin-top: 5px;
}



.align_dir{
    text-align: left!important;
}

.align_middle{
    text-align: center;
}

.align_center{
    text-align: center;
}

.float_dir_inv{
    float:right;
    direction:ltr!important;
}

.margin_dir_10_inv{
    margin-right: 10px;
}


.align_dir_inv{
    text-align: right!important;
}

.inline_block{
    display:inline-block;
}

.valigntop{
    vertical-align: top;
}

.valignmid{
    vertical-align: middle;
}


.display_inlineblock{
    display:inline-block;
}

.inline_panel{
    display:inline-block;
    vertical-align: top;
    height:100%;
}

.display_table{
    text-align: left;
    border-collapse: collapse;
    font-size:11px;
    width:100%;
    position: relative;
}

.display_table th{
    position: relative;
    height:30px;
    background-color: #e0e0e0;
    border-bottom: 1px solid gray;
    padding-left: 10px;
}
.display_table tbody tr{
    position: relative;
    height:20px;
    vertical-align: middle!important;
    border-bottom: 1px solid #e0e0e0;
    text-shadow: 0 1px 1px #fff;
    background-color: #f0f0f0;
}

.display_table tbody tr:hover{
    background-color: #f0f0f0;
    cursor: pointer;
}

.non_hover_row{

    cursor: default!important;
}

.display_table td{
    padding-left: 10px;
}


.display_table_button{
    width:25px;
    height:16px;
}

.display_table_no_result{
    border-radius: 5px;
    opacity: 0.7;
    /*font-style: italic;*/
    width:calc(100% - 20px);
    max-width: 400px;
    padding:10px 7px;
    margin: 5px;
    padding-left: 25px;
    font-size: 11px;
    background: rgb(252,215,128);
    background: linear-gradient(45deg, rgba(252,215,128,1) 1%,rgba(255,193,142,1) 100%);
    border:1px solid rgba(0,0,0,.3);
    box-shadow: inset 1px 1px 3px 0px rgba(0,0,0,0.27);
}


.display_table_no_result >i{
    font-size: 14px;
    line-height: 30px;
    color:rgba(0,0,0,.8);
    display: inline-block;
    vertical-align: top;
    width:25px;
    text-align: center;
    color:#111;
    position: absolute;
    top:0px;
    left:0px;
}

.display_table_no_result >span{
    font-size: 11px;
    line-height: 12px;
    color:rgba(0,0,0,.7);
    display: inline-block;
    vertical-align: top;
    white-space: normal;
    max-width: 300px;
    text-align: left;
}
.display_table_no_result.green{
    background: linear-gradient(135deg, rgba(157,201,170,1) 0%,rgba(178,229,167,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.display_table_gray{
    text-align: left;
    border-collapse: collapse;
    font-size:10px;
    margin-top: 30px;
}

.display_table_gray th{
    color:gray;
    border-bottom: 1px solid gray;
}


.display_table_gray .link:hover{

    cursor: pointer;
}




.display_table_gray td{
    height:16px;
}


.display_table_button{
    width:25px;
    height:16px;
}



.gradient_red{
    background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
}

.gradient_blue{
    background: linear-gradient(to bottom, rgba(0,90,150,1) 0%,rgba(31,66,122,1) 100%);
}

.gradient_green{
    background: linear-gradient(to bottom, rgba(98,125,77,1) 0%,rgba(31,59,8,1) 100%);
}



.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-image: url(/images/layout_images/dialog_image.png);
    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;
}

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

.dv_confirm{
    width:100%;
    /*height:40px;*/
    margin: 20px 0px;
    font-size: 14px!important;
    color:#111;
    text-align: right;
}

.dv_confirm >div{
    padding-left: 50px;
    margin-left: 10px;
    display:inline-block;
    vertical-align: top;
    white-space: normal;
    font-size: 14px;
    margin-bottom: 20px;
    width:100%;
    padding-right: 100px;
    text-align: left;
}
.dv_confirm >div > i{
    position: absolute;
    top:0px;
    left:0px;
    height:30px;
    width:40px;
    line-height:30px;
    color:#DBC206;
    font-size: 24px;
    text-align: right;
}

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



.pnl_loader{
    text-align: center;
    width:100%;
    height:50px;
    line-height:50px;
    color:rgba(255,255,255,.3);
    font-size: 16px;
}

.nav_date{
    vertical-align: top;
    display:inline-block;
    width:45px;
    color:rgba(0,0,0,.9);
    font-size: 10px;
    vertical-align: middle;
    text-align: center;
    line-height: 10px;
    white-space: normal;
    pointer-events: none;
}
.nav_date.larger{
    font-size: 12px;
}
.nav_date sup{
    font-size: .8em;
}

.nav_date .month{
    margin: 0px 0px;
    /*    width:30px;*/
    height:1em;
    font-size: .85em;
    line-height: 1em;
    display:inline-block;
}

.nav_date .inform{
    margin: 0px 0px;
    /*width:;*/
    height:1em;
    font-size: .80em;
    line-height: 2em;
    display:inline-block;
    color:#111;
}

.nav_date .day{
    text-align: center;
    width:30px;
    height:11px;
    /*margin-top: 5px;*/
    font-size: 1.2em;
    line-height: 1.5em;
    display: inline-block;
    font-weight: bold;
    color: #003D63;
}
.nav_date .year{
    /*display: none;*/
    color:#111;
    margin: 0px 5px;
    width:30px;
    height:1em;
    font-size: .8em;
    line-height: 1em;

}

.mini_table button{
    height:25px;
    width:35px;
    font-size: 16px;
}
.width_30{
    display:inline-block;
    width:30%;
}
.width_40{
    display:inline-block;
    width:40%;
}
.width_60{
    display:inline-block;
    width:60%;
}
.width_70{
    display:inline-block;
    width:70%;
}
.width_25{
    display:inline-block;
    width:25%;
}
.width_50{
    display:inline-block;
    width:50%;
}
.width_30_important{
    display:inline-block;
    width:30%!important;
}
.width_50_important{
    display:inline-block;
    width:50%!important;
}

.width_90{
    display:inline-block;
    width:90%;
}

.generic_header{
    width:100%;
    font-size: 18px;
    line-height: 20px;
    color: #444;
    margin-top: 10px;
    margin-bottom: 30px;
}

.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;
    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;
}

.hover {
    background-color: #ddd;
}
.pointer_events_none{
    pointer-events: none;
}
.generic_rows .action_bar{
    width:100%;
    height:30px;
    line-height:30px;
    background:#e5e5e5;
    font-size:12px;
}
.generic_rows .action_bar >.filter{
    margin: 0px 5px;
}
.generic_rows .action_bar >.filter>span{
    margin: 0px 5px;
    display: inline-block;
    vertical-align: top;
    color:#aaa;
}
.generic_rows .row{
    content-visibility:auto;
    will-change:transform;
    min-width:100%;
    /*background: #f0f0f0;*/
    margin-bottom: 1px;
    position:relative;
    text-align: left;
}
.generic_rows > .header{
    border-bottom:1px dashed #777;
    overflow:hidden;
    height:30px;
    margin-bottom: 0px!important;
}


.generic_rows > .body{
    height:calc(100% - 30px);
    overflow-y: auto;
}


/*.generic_rows >.body .row:nth-child(odd){
    background: #fff;
}*/
.generic_rows .row:hover{
    background: #e5e5e5;
}

.generic_rows .row.disabled{
    opacity: .5;
}
.generic_rows .row.disabled > div:not(.disabler){
    pointer-events: none;
}


.generic_rows .row.active{
    background: linear-gradient(135deg, rgba(220,238,247,1) 0%,rgba(241,220,247,1) 100%);
}

.generic_rows .row >div{
    height: 30px;
    line-height: 30px;
    padding:0px 5px;
    display: inline-block;
    vertical-align: top;
    font-size: 0px;
    color:#111;
    font-size: 10px;
    /*margin-right: 5px;*/
}


.generic_rows .row >div.hoverable:hover {
    opacity: .6;
}

.generic_rows .row >div.hoverable:active {
    opacity: .9;
}


.generic_rows .row >div.error{
    background: rgba(255,206,206,1);
}

.generic_rows .row >div.modified {
    background: rgba(0,50,200,.2);
}
.generic_rows .row >div.na {
    background: rgba(0,0,0,.2);
}
.generic_rows .row >div.hover {
    background: rgba(0,50,200,.2);
}
.generic_rows .row.filtered{
    display:none;
}

.generic_rows .row >.row_loader{
    position: absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    line-height: 30px;
    text-align: center;
    font-size: 10px;
    color:#006699;
    z-index: 1000000000;
    background: linear-gradient(to bottom, rgba(137,137,137,0.29) 0%,rgba(100,155,155,0.31) 100%);
}

.generic_rows.smaller .action_bar,.generic_rows.smaller .action_bar.header,.generic_rows.smaller .row >div,.generic_rows.smaller .row >.row_loader{
    height:20px;
    line-height:20px;
}
.generic_rows.smaller > .body{
    height:calc(100% - 20px);
    overflow-y: auto;
}
.generic_rows > .header.bottom_align >div {
    display: inline-flex;
    justify-content: center;
    align-items: flex-end;
}
.text_select{
    user-select:text!important;
}


.generic_progress{
    margin: auto;
    display: block;
    width:200px;
    height:15px;
    border:1px solid #eab92d;
    position:relative;
}

.generic_progress>div{
    width:0%;
    height:100%;
    background:#eab92d;
    position:relative;
}

.generic_progress>span{
    width:100%;
    height:15px;
    line-height:15px;
    text-align: center;
    color:#444;
    position:absolute;
    top:0;
    left:0;
    font-size: 11px;
    white-space: nowrap;
    overflow: hidden;
}

.label_value >.label{
    font-size: 10px;
    height:10px;
    line-height:10px;
    color:#777;
    text-align: center;
}
.label_value >.value{
    font-size: 15px;
    height:15px;
    line-height:15px;
    color:#444;
    text-align: center;
    font-weight: 600;
}

.nowrap{
    white-space: nowrap;
}
.wrap{
    white-space: normal;
}


.generic_date{
    font-size: 10px;
    color:#006699;
    font-weight:lighter;
}

.generic_time{
    color:#006699;
    font-weight:bolder;
}

.generic_venue{
    color:gray;
}

.tooltip_content{
    display:none;
}

.generic_id{
    padding:2px;
    margin-left: 2px;
    margin-right: 2px;
    background: #101010;
    color:black;
    display:inline-block;
    font-size: 9px;
    background: linear-gradient(top, #ffffff, #bfbfbf)!important;
}



.generic_search{
    width: 250px;
    max-width: 100%;
    height:25px;
    line-height:25px;
    font-size: 12px;
    color:#006699;
    margin-left: 2px;
    border:1px solid #ccc!important;
    padding-left: 5px;
    /*border:none!important;*/
}

.generic_search_icon{
    position: relative;
    z-index: 1;
    left: -25px;
    font-size: 14px!important;
    top: 0px;
    color: #7B7B7B;
    width: 0;
    height:40px;
    line-height:40px;
}

.generic_search_filter{
    position: absolute;
    top:5px;
    right:5px;
    height:25px;
    line-height: 25px;
    font-size: 12px;
    color:rgba(0,0,0,.7);
    user-select: none;
}

.generic_search_filter button{
    margin: 0px 1px!important;
}

.generic_search_filter div:hover{
    background: rgba(0,0,0,.1);
}

.generic_search_filter div:active{
    background: rgba(0,0,0,.05);
}

.subtle_block{
    background: #fff;
    border: 1px solid #d0d0d0;
}

.subtle_header{
    position:relative;
    width:100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#007282+0,005596+100&0.11+0,0.23+100 */
    background:#f4f4f4;
    color:#555;
    /*border-bottom:1px solid #e0e0e0;*/
}
.subtle_header_gray{
    background: linear-gradient(to bottom, rgba(0,0,0,0.11) 0%,rgba(0,0,0,0) 100%);
}

.subtle_item{
    line-height: 12px;
    box-sizing: border-box;
    /*padding: 2px;*/
    cursor: pointer;
    /*background: #fff;*/
    border-bottom: 1px solid #d0d0d0;
}


.subtle_group > .subtle_item{
    /*border-bottom:none;*/
}
.subtle_group > .subtle_item:last-child{
    /*border-bottom:1px solid #d0d0d0*/
}


.subtle_item {
    position: relative;
}
.subtle_item:hover{
    background: #ddd;
}

.subtle_item:active{
    background:white;
    transform: scale(.97,.97);
}

.subtle_item.active{
    background: linear-gradient(to right, rgba(182,215,237,1) 0%,rgba(178,234,224,1) 100%);
}

/* ----------- stylized ----------- */
.ui_form {
    width:100%;
    margin-bottom: 1px;
}

.stylized_form, .student_contact{
    vertical-align: top;
    display: inline-block;
    margin:2px;
    min-width:300px;
    max-width: 400px;
}

.cleared{
    clear:both!important;

}
.stylized_form .field_image{
    display:inline-block;
    vertical-align: top;
    width:180px;
    text-align: center;
}

.stylized_form .field_image_div{
    width:100%;
    ;
    height:100px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border:1px solid #d0d0d0;
}

.stylized_form .field_image_actions{
    width:100%;
}

.stylized_form .field_image_actions button{
    /*width:64px;*/
    display:inline-block;
    vertical-align: top;
    margin: 1px;
}

.stylized_form .title{
    width:100%;
    height:20px;
    line-height: 20px;
    padding:0px 5px;
    font-size: 11px;
    color:#444;
    margin-top: 10px;
    margin-bottom: 5px;
    border-bottom:#b0b0b0 1px dashed;

}

.stylized_form label{
    line-height: 1.4em;
    display:inline-block;
    font-size:10.5px;
    /*font-weight:bold;*/
    text-align:right;
    width:110px;
    color:rgba(0,0,0,.8);
}

.stylized_form .radiogroup{
    width:calc(100% - 115px);
    vertical-align: top;
    display:inline-block;
}
.stylized_form .buttongroup{
    width:calc(100% - 115px);
    vertical-align: top;
    display:inline-block;
}

.stylized_form .radiogroup label{
    width:100px;
    vertical-align: top;
    font-size:10px;
    height:25px;
    padding-top: 5px;
    line-height:12px;
    display: inline-block;
    text-align: left;
}

.stylized_form .radiogroup > input{
    width:20px;
    height:20px;
    vertical-align: top;
    font-size:10px;
    line-height:0px;
    margin: 0px 5px!important;
}

.stylized_form .small{
    color:#999999;
    display:block;
    font-size:9px;
    font-weight:normal;
    text-align:right;
    line-height:10px;
    /*width:120px;*/
}

.stylized_form .finance_label{
    margin:2px 0 5px 10px;
    display:inline-block;
    font-weight:normal;
    text-align:left;
    vertical-align: middle;
}

.stylized_form textarea{
    height:50px;
}

.stylized_form input[type=checkbox]{
    width:17px;
    vertical-align: middle;
    margin-right: 3px;
    /*margin-right:150px;*/
}

.stylized_form input[type=checkbox].input_half{
    width:17px;
    vertical-align: middle;
    margin-right:3px;
}

.stylized_form label.input_half{
    width:50px;
    vertical-align: middle;
    margin-right:5px;
}

.stylized_form input,.stylized_form textarea,.stylized_form select{
    display:inline-block;
    font-size:11.5px!important;
    padding:2px 1px;
    border:solid 1px #d5d5d5!important;
    width:180px;
    margin:3px 0 1px 0px;
    vertical-align: middle;
    text-align: left;
}
.stylized_form select:active{
    border:1px solid #069;
}
.stylized_form button{
    /*margin-bottom:5px!important*/
}
.stylized_form .sub_button_field input,.stylized_form .sub_button_field textarea,.stylized_form .sub_button_field select{
    width:145px;
}
.stylized_form .check_label{
    display: inline-block;
    vertical-align: top;
    height:30px;
    line-height: 12px;
    font-size: 10.5px;
    color:#777;
    width:65px;
    white-space: normal;
    text-align:left;
    margin-top: 5px;
    margin-left: 2px;
}
.stylized_form input[type=checkbox].check_check{
    display: inline-block;
    vertical-align: top;
    width:25px;
    margin-top: 3px;
    margin-left: 3px;
}

.stylized_form .sub_button{
    width:30px;
    height:30px;
    vertical-align: middle;
    text-align: center;
    padding:0px;
    margin:3px 2px 3px 2px;
    color:#777;

    outline:none;
    border:none;
}

.stylized_form .sub_button i{
    line-height: 30px;
    width:100%;
    height:100%;
    cursor: pointer;
    top:0px;
}

.stylized_form .sub_button i:hover{
    background-color: rgba(255,255,255,.3);
}
.stylized_form .sub_button i:active{
    background-color: rgba(0,0,0,.3);
}

.stylized_form input.input_half,.stylized_form textarea.input_half,.stylized_form select.input_half{
    display:inline-block;
    font-size:11px!important;
    padding:2px 1px;
    border:solid 1px #aacfe4;
    width:90px;
    margin:3px 0 3px 0px;
    vertical-align: middle;
    text-align: left;
}

.stylized_form input,.stylized_form textarea,.stylized_form select{
    min-height: 30px;
}

.stylized_form .autocomplete{
    border:1px solid #ccc;
    text-align:start;
    vertical-align:top;
    font-size:10px;
    line-height:11px;
    width:180px;
    height:30px;
    /*line-height:30px;*/
    margin-bottom:1px;
    padding:3px;
    transition:all .1s linear;
}
.stylized_form .autocomplete:hover{
    background:#BEEEEE;
}
.stylized_form .autocomplete:active{
    transform:scale(.9,.9);
}
.stylized_form .autocomplete.disabled{
    pointer-events:none;
    color:#444;
    font-style:italic;
}

.stylized_form button{
    margin-left: 0px!important;
}
.stylized_form_label{
    display:block;
    font-size:11px!important;
    width:180px;
    margin:0px 0 5px 10px;
    height:16px;
    clear:right;
    text-align: left!important;
    font-weight:normal!important;
}

.stylized_form.narrow{
    text-align: left;
    min-width: 0px;
    width:100%;

}
.stylized_form.narrow .stylized_label{
    text-align: left;
    width:100%;
    display: block;
    margin-top: 5px;
    font-weight: 700;
}
.stylized_form.narrow .radiogroup{
    width: 100%;
}
.stylized_form .fred *{
    color: rgba(50,50,150,.8);
}

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

.stylized_tabs{
    width:100%;
    font-size:0px;
    border-bottom: 1px solid #e0e0e0;
    display: flex;
    flex-direction: row;
    text-align: right;
    background: #f0f0f0;
}

.stylized_tabs > .title{
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    height:30px;
    font-size:10px;
    text-align: left;
    flex-grow:3;
    flex-basis: 0;
    user-select: none;
    padding-left: 5px;
    color:#777;
}
.stylized_tabs > .item{
    display: inline-block;
    vertical-align: top;
    line-height: 30px;
    height:30px;
    text-align: center;
    border-bottom:3px solid #333;
    font-size:10px;
    flex-grow:3;
    flex-basis: 0;
    user-select: none;
    cursor:pointer;
}

.stylized_tabs > .item:hover{
    background:#f0f0f0;
}
.stylized_tabs > .item:active{
    background:#e0e0e0;
}
.stylized_tabs > .item:not(.active){
    border-bottom:3px solid transparent!important;
    color:#111;
}

.stylized_tabs > .action{
    flex-grow:1;
    flex-basis: 0;
    width:25px;
    display: inline-block;
    vertical-align: top;
    height:30px;
    text-align: center;
    background: none;
    user-select: none;
    cursor:pointer;
    position: relative;
}
.stylized_tabs > .action.active{
    background:#006699!important;
    color:#fff!important;
}
.stylized_tabs > .action .tick{
    margin-top: 2px;
    display: inline-block;
    background:maroon;
    color:#fff;
    border-radius: 4px;
    padding: 0px 5px;
    height:15px;
    line-height:15px;
    font-size: 11px;
    pointer-events: none;
}
.stylized_tabs > .action .et_title{
    position: absolute;
    right:0px;
    height:20px;
    display: block;
    font-size: 11px;
    line-height:20px;
    padding:5px 0px;
    background:rgba(0,0,0,.9);
    color:rgba(255,255,255,.9);
    top:-25px;
    opacity:0;
    transition: .1s all ease;
    pointer-events: none;
    z-index:1000000;
    width:max-content;
    white-space: nowrap;
    padding:0px 5px;
}
.stylized_tabs > .action .et_title.left{
    left:0px;
}
.stylized_tabs > .action .et_title.center{
    left: 50%;
    transform: translate(-50%, 0%);
}


.stylized_tabs > .action:hover .et_title{
    opacity:1;
    top:-21px;
}

.stylized_tabs > .action.double{
    width:auto;
}

.stylized_tabs .btn{
    height:26px;
    margin: 2px 1px;
    padding:0px 10px;
    line-height: 30px;
    font-size: 10px;
}

.stylized_tabs > .action.blue{
    /*color: #006699;*/
}

.stylized_tabs > .action.green{
    /*color: #009966;*/
}
.stylized_tabs > .action.red{
    color: maroon!important;
}
.stylized_tabs > .action > i{
    display:inline-block;
    vertical-align: top;
    font-size: 10px;
    /*width:100%;*/
    height:100%;
    line-height: 30px;
    padding: 0px 3px;
    pointer-events: none;
}
.stylized_tabs > .action > span{
    display:inline-block;
    vertical-align: top;
    font-size: 10px;
    /*width:100%;*/
    height:100%;
    line-height: 30px;
    pointer-events: none;
}
.stylized_tabs > .action:hover{
    background:rgba(0,0,0,.05);
}

.stylized_tabs > .action:active{
    background:rgba(0,0,0,.1);
}
.stylized_tabs > .action.dummy{
    background:none!important;
    cursor: default!important;
}



.subtle_item.filtered{
    display: none;
}
.subtle_block.filtered{
    display: none;
}


.subtle_group >.subtle_item.filtered{
    display:none!important;
}
.subtle_group >.item.filtered{
    display:none!important;
}


.stylized_select{
    position: fixed;
    top:40px;
    left:0px;
    z-index: 9000000000;
    width:200px;
    font-size: 0px;
}
.stylized_select >.items{
    max-height:250px;
    overflow-x: hidden;
    overflow-y: auto;
    width:100%;
    background:#fff;
    border:1px solid #ddd;
    position:relative;
}

.stylized_select >.header{
    width:100%;
    display:none;
    border-bottom-width: 0px;
}
.stylized_select >.search{
    width:100%;
    border:2px solid #006699;
    color:#006699;
    caret-color: #009966;
    ;
    padding:0px 10px;
    font-size: 15px!important;
    margin: 0px!important;
    height:30px;
    line-height:30px;
}
.stylized_select input{
    width:calc(100% - 50px);
    display:inline-block;
    vertical-align: top;
    height:30px;
    font-size: 12px;
}

.stylized_select textarea{
    width:calc(100% - 50px);
    display:inline-block;
    vertical-align: top;
    height:80px;
    font-size: 11px;
}
.stylized_select .go{
    display:inline-block;
    vertical-align: top;
    margin:0px!important;
    width:50px;
    height:30px;
}
.stylized_select >.clearer{
    width:100%;
    height:auto;
    padding: 5px;
    font-size:11px;
    line-height:12px;
    color:maroon;
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(229,229,229,1) 100%);
    text-align:center;
}
.stylized_select >.clearer:hover{
    text-decoration: underline;
}

.stylized_form .stylized_label.edited:after{
    content: "";
    position: absolute;
    bottom: -8px;
    right: 2px;
    width: 0;
    height: 0;
    display: block;
    border-left: 5px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 5px solid #096;
}

.stylized_select >.heading{
    width:100%;
    height:auto;
    padding: 5px;
    font-size:11px;
    line-height:12px;
    color:#fff;
    background:#006699;
    text-align:center;
}

.stylized_select >.footer{
    width:100%;
    height:2px;
    background:#009966;
    /*border:1px solid #444;*/
}

.stylized_select >.items>.item{
    width:100%;
    padding:5px 10px;
    color:#444;
    background:#fff;
    font-size: 11px;
    line-height: 12px;
    width:100%;
    border:1px solid #d5d5d5;
    border-bottom-width: 0px;
}

.stylized_select >.items>.item.highlighted{
    background:#009966;
    color:#fff;
}

.stylized_select >.items >.item:last-child{
    border-bottom-width: 1px;
}

.stylized_select >.items >.item:hover{
    background: #e5e5e5;
}
.stylized_select >.items >.item:active{
    background: #006699;
    color:#fff;
}
.stylized_select >.items>.item.filtered{
    display:none;
}


.subtle_item > button{
    width:30px;
    padding:0px!important;
    height:25px;
    line-height:25px;

}
.subtle_item > .status{
    vertical-align: top;
    display: inline-block;
    height:20px;
    width:2px;
    margin: 0px 1px;
    pointer-events:none;
}

.subtle_item > .icon{
    vertical-align: top;
    display: inline-block;
    height:25px;
    width:30px;
    line-height: 25px;
    text-align: center;
    color:#b0b0b0;
    font-size: 14px;
    margin: 0px 1px;
    transition:all .5s linear;
    pointer-events:none;
}
.subtle_item:hover > .icon{
    color:#009966;
}

.subtle_item.active > .icon{
    color:#fff;
}

.subtle_item > .symbol{
    vertical-align: top;
    display: inline-block;
    height:25px;
    width:30px;
    margin: 0px 1px;
    pointer-events:none;
}
.subtle_item > .symbol > div{
    width:100%;
    height:100%;
    font-size: 9px;
    color:rgba(255,255,255,.7);
    line-height: 25px;
    text-align: center;
    overflow: hidden;
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,.3) 100%);
}

.subtle_item > .thumb{
    vertical-align: top;
    display: inline-block;
    height:25px;
    width:30px;
    margin: 0px 1px;
    background-size: cover;
    background-position: center;
}


.nav_tabs{
    width:100%;
    height:30px;
    color:rgba(255,255,255,.7);
}

.nav_tabs > .item{
    vertical-align: top;
    display: inline-block;
    height:100%;
    line-height: 30px;
    font-size: 11px;
    padding:0px 10px;
    cursor:pointer;
    color:#006699;
    /*border:1px solid rgba(0,0,0,.1);*/
}

.nav_tabs > .item > i{
    color:#333;
}

.nav_tabs > .item:hover{
    background:rgba(255,255,255,.2);
}

.nav_tabs > .item:active{
    background:rgba(255,255,255,.4);
}

.emtres_nav .subtle_item{
    padding:5px 0px;
}

.card {
    background: #fff;
    display: inline-block;
}

.card-1 {
    border: 1px solid rgba(0,0,0,.1);
}

.card-1:hover {
    border: 1px solid #006699;
}
.card-1:active {
    border: 1px solid #009966;
}

.select_an_item{
    /*margin-left: 50px;*/
    line-height: 22px;
    color:#777;
    /*height:100px;*/
    top: 200px;
    position: absolute;
    transform: translate(50px, 0px);
    transition:.2s all ease;
    opacity: 1;
    pointer-events:none;
}
.select_an_item.hidden{
    transform: translate(-20px, 0px);
    opacity: 0;
}

.select_an_item>.body{
    font-size: 0px;
    padding:10px 30px;
    padding-right:50px;
    width:100%;
    height:100%;
    position: relative;
    background-image: url(/images/layout_images/sidemen_bg.png);
    background-color: #777;
    background-size: cover;
    background-position: left;
    background-repeat: no-repeat;
    white-space: nowrap;
    font-weight: 300;
}

.select_an_item > .help {
    transition: .1s linear all;
    width: 68px;
    height: 68px;
    background:#111;
    position: absolute;
    right:-69px;
    top:0px;
    overflow:hidden;
    cursor:default;
    user-select:none;
}
.select_an_item > .help:hover {
    transform: scale(1.2,1.2);
}
.select_an_item > .help:active {
    transform: scale(1.1,1.1);
}

.select_an_item > .help > div{
    width:100%;
    height:100%;
    position:relative;
    background: linear-gradient(to bottom, rgba(61,61,61,1) 1%,rgba(99,99,99,1) 100%);
}

.select_an_item > .help > div >span{
    width:100%;
    position:absolute;
    top:0px;
    left:0px;
    background:rgba(0,0,0,.7);
    height: 15px;
    line-height: 15px;
    text-align: center;
    font-size:10px;
    color:#f0f0f0;
}
.select_an_item > .help > div >i{
    display: block;
    position:absolute;
    bottom:0px;
    left:0px;
    width:25px;
    height:25px;
    line-height:25px;
    text-align: center;
    font-size:16px;
    color:#e0e0e0;
    opacity:0.5;
}

.select_an_item > .help:hover > div >i{
    opacity:.1;
}
.select_an_item > .help:hover > div >i{
    opacity:7;
}

.select_an_item > b {
    width: 30px;
    height: 30px;
    border-top: 0px solid transparent;
    border-bottom:30px solid transparent;
    border-right:30px solid #777;
    position: absolute;
    left:-25px;
    top:0px;
    overflow:hidden;
}
.select_an_item > b >div{
    position: absolute;
    width: 30px;
    height: 30px;
    background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.75) 100%);

}

.select_an_item i{
    vertical-align: top;
    font-size:42px;
    color:rgba(255,255,255,.4);
    z-index:1000;
}

.select_an_item .text{
    display:inline-block;
    vertical-align: top;
    margin-left: 20px;
    /*height:100px;*/
    font-size: 18px;
    display:inline-block;
    color:rgba(255,255,255,.7);
    font-weight: 300;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
}
.select_an_item .text > span{
    font-weight: 300;
}

.select_an_item .text .entity{
    height:100px;
    font-size: 28px;
    font-weight: 500;
}


.btn-small{
    font-size: 10px!important;
    margin: 0px 1px!important;
    padding:5px 5px!important;
}

@keyframes blink-red {
    from, to {
        background: transparent
    }
    50% {
        background: rgba(255,0,0,.5);
    }
}
.blink-red{
    background:rgba(255,0,0,.8);
    transition: .1s all ease;
    animation: blink-red 1s infinite;
}

.hover_show{
    opacity:0;
    pointer-events: none;
}
.hover_show_container:hover .hover_show{
    opacity:1;
    pointer-events: auto;
}

.border_right_solid{
    border-right: 1px solid #aaa;
}

.dropzone_dropper{
    width:calc(100% - 10px);
    margin:5px;
    border:2px dashed #006699;
    background: #e5e5e5;
    display: flex;
    height:100px;
    color: #aaa;
    font-size: 18px;
    justify-content: center;
    display: flex;
    align-items: center;
}
.dropzone_dropper.dark{
    color:#fff;
    background: linear-gradient(135deg, rgba(63,76,107,1) 0%,rgba(49,30,51,1) 100%);
}

.dropzone_dropper:hover{
    background:#ccc;
}

.dropzone_dropper:active{
    background:#fff;
}

.dropzone_dropper.dark:hover{
    background:#311E33;
}

.dropzone_dropper.dark:active{
    background:#3f4c6b;
}

.dropzone_dropper span{
    pointer-events:none;
}
.btn>*{
    pointer-events: none;
}


.general_cell_hoverdrag{
    width:100%;
    height:25px;
    line-height: 25px;
    text-align: center;
    font-size: 10px;
    color:#111;
    text-shadow:none;
    cursor: pointer;
}
.general_cell_hoverdrag:hover{
    color:#fff;
}
.general_cell_hoverdrag div{
    width:100%;
    height:100%;
    background: linear-gradient(to bottom, rgba(0,0,0,0.13) 0%,rgba(0,0,0,0.28) 99%,rgba(0,0,0,0.28) 100%);
}

.general_cell_hoverdrag div:hover{
    background: #006699;
}
.general_cell_hoverdrag div:active{
    background: #009966;
}
.general_tabs{
    height:25px;
    line-height:25px;
    width:100%;
    background: linear-gradient(to bottom, #e0e0e0 0%,#ffffff 100%);
}

.general_tabs >.tab{
    background:rgba(0,0,0,.3);
    padding:0px 10px;
    color:#fff;
    display: inline-block;
    vertical-align: top;
    font-size: 10px;
    margin-right: 1px;
}
.general_tabs >.tab:hover{
    background:rgba(0,0,0,.4);
}
.general_tabs >.tab:active{
    background:rgba(0,0,0,.2);
}
.general_tabs >.tab.active{
    background:#006699;
}

.border_right_dashed_gray{
    border-right: 1px dashed #aaa;
}
.border_left_dashed_gray{
    border-left: 1px dashed #aaa;
}

.border_right_solid_gray{
    border-right: 1px solid #aaa;
}
.border_left_solid_gray{
    border-left: 1px solid #aaa;
}



.border_right_dashed_gray_light{
    border-right: 1px dashed #ddd;
}
.border_left_dashed_gray_light{
    border-left: 1px dashed #ddd;
}

.border_right_solid_gray_light{
    border-right: 1px solid #ddd;
}
.border_left_solid_gray_light{
    border-left: 1px solid #ddd;
}

.profile_row{
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 100%);
}

.general_hoverable:hover{
    background:rgba(0,0,0,.4);
}
.general_hoverable:active{
    background:rgba(0,0,0,.2);
}
.general_hoverdrag:hover{
    background:rgba(0,0,0,.2);
}
.general_hoverdrag.hover{
    background:rgba(100,0,0,.4)!important;
}
.general_hoverable_outline:hover{
    z-index: 300000000;
    outline:2px solid rgba(0,100,200,0.5);
}
.general_hoverable_outline:active{
    z-index: 300000000;
    outline:2px solid rgba(0,200,100,0.5);
}
.general_hoverable_outline.hover{
    z-index: 300000000;
    outline:2px solid rgba(0,100,200,0.5);
}


.br_radius_20{
    border-bottom-right-radius: 20px;
}
.br_radius_10{
    border-bottom-right-radius: 20px;
}


/*buttons*/

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-image: -webkit-linear-gradient(#cccccc 0%, #cccccc 100%);
    background-image: -moz-linear-gradient(#cccccc 0%, #cccccc 100%);
    background-image: -ms-linear-gradient(#cccccc 0%, #cccccc 100%);
    background-image: -o-linear-gradient(#cccccc 0%, #cccccc 100%);
    background-image: linear-gradient(#cccccc 0%, #cccccc 100%);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffcccccc', endColorstr='#ffcccccc', GradientType=0);
    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: white;
    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: 0px 0px 1px #111111;
}
button.btn-orange:hover {
    color: white;
    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: 0px 0px 1px #111111;
}
button.btn-orange:active,
button.btn-orange.clicked {
    color: white;
    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: 0px 0px 1px #111111;
}
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 {
    padding: 5px !important;
    margin: 0px;
    min-width: 0px;
}
button.btn-small:focus:before {
    border-radius: 2px;
    top: 2px;
    bottom: 2px;
    left: 2px;
    right: 2px;
}