@charset "utf-8";
/* CSS Document */

/* --------- Fonts --------- */

html {
    -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
}

body, tr, td, p {
    font-family: "Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 25px;
    letter-spacing: 1px;
}

b, strong {
    font-weight: bold;
}

/* ---- END --- Fonts ------ */

body {
    background-color: #ffffff;
}

html, body {
    height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body, tr, td {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    color: #807f83;
}

img {
    border: 0px;
    outline: none !important;
}

td img {
    display: block;
}

a:focus {
    outline: none !important;
}

input:focus {
    outline: none !important;
}

select::-ms-expand {
    display: none;
}

a:link, a:visited {
    /*color:#4a4041;*/
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #666666;
    text-decoration: none;
}

.table_fixed_size {
    table-layout: fixed;
    overflow: hidden;
    word-wrap: break-word;
}

.table_fixed_size img {
    display: inline-block;
    vertical-align: middle;
}

.table_normal_size {
    table-layout: auto !important;
    overflow: visible !important;
    word-wrap: normal !important;
    display: inline-block !important;
}

.cccdi, a.cccdi:link, a.cccdi:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 9px;
    text-decoration: none;
    letter-spacing: 0px;
}

a.cccdi:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #999999;
    font-size: 9px;
    text-decoration: none;
    letter-spacing: 0px;
}

.v_table {
    height: 100%;
}

.reg_box {
    color: #FFFFFF;
    letter-spacing: 1px;
    text-align: center;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #666666;
    border-bottom: 1px solid #666666;
    background-color: #999999;
    height: 25px;
    width: 380px;
    vertical-align: text-bottom;
}

.year a:focus {
    outline: none;
}

.year, .year a:link, .year a:visited {
    color: #FFF;
    text-decoration: none;
}

.year a:hover {
    color: #666666;
    text-decoration: none;
}

.hr_dash {
    border: 1px dotted #333333;
    border-style: none none dotted;
    color: #F3F3F3;
    background-color: #F3F3F3;
    padding-top: 10px;
}

.hr_dash_bg_white {
    border: 1px dotted #333333;
    border-style: none none dotted;
    color: #FFF;
    background-color: #FFF;
    padding-top: 10px;
}

.input_scale_multiline, .input_multiline_noscale {

    font-family: "Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-size: 16px;

    resize: none;
    color: #999999;
    /*height:44px;*/
    line-height: 44px; /*IE*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    outline: none;
    padding-left: 10px;
    padding-right: 10px;

    height: 200px !important;

}

.input_scale_multiline:focus {
    resize: none;
    color: #333333;
    -webkit-box-shadow: 0 0 25px #ccc;
    -moz-box-shadow: 0 0 25px #ccc;
    box-shadow: 0 0 25px #ccc;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);
}

.input_multiline_noscale:focus {

    border: 1px solid #39B5AA;
    color: #333333;
    -webkit-box-shadow: 0 0 25px #ccc;
    -moz-box-shadow: 0 0 25px #ccc;
    box-shadow: 0 0 25px #ccc;

}

.input_scale_multiline:disabled, .input_multiline_noscale:disabled,
.input_scale:disabled, .input_noscale:disabled,
.input_scale:readonly, .input_noscale:readonly {
    background: #EEEEEE;
    color: #999999;
}

.input_scale, .input_noscale {

    font-family: "Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-size: 16px;

    color: #999999;
    height: 44px;
    line-height: 44px; /*IE*/
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    outline: none;
    padding-left: 10px;
    padding-right: 10px;

}

.input_scale:focus {

    border: 1px solid #39B5AA;
    color: #333333;
    -webkit-box-shadow: 0 0 25px #ccc;
    -moz-box-shadow: 0 0 25px #ccc;
    box-shadow: 0 0 25px #ccc;

    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);

    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;

}

.input_noscale:focus {

    border: 1px solid #39B5AA;
    color: #333333;
    -webkit-box-shadow: 0 0 25px #ccc;
    -moz-box-shadow: 0 0 25px #ccc;
    box-shadow: 0 0 25px #ccc;

    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;

}

.input_select, .input_select_noscale {

    font-family: "Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-size: 16px;

    color: #999999;
    height: 44px;
    line-height: 44px; /*IE*/

    background: #FFF url('../img/form/dropdown_arrow.png') no-repeat;
    background-position: 98% 0px;

    background-size: 44px 44px;
    -webkit-background-size: 44px 44px;
    -moz-background-size: 44px 44px;

    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    outline: none;
    padding-left: 10px;
    padding-right: 10px;

}

.input_select_ie8, .input_select_noscale_ie8 {

    font-family: "Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-size: 16px;

    color: #999999;
    height: 44px;
    line-height: 44px; /*IE*/

    background: #FFF url('../img/form/dropdown_arrow_ie8.png') no-repeat;
    background-position: 98% 0px; /*Position of the background-image*/

    background-size: 44px 44px;
    -webkit-background-size: 44px 44px;
    -moz-background-size: 44px 44px;

    appearance: none;
    -moz-appearance: none; /* Firefox */
    -webkit-appearance: none; /* Safari and Chrome */

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    outline: none;
    padding-left: 10px;
    padding-right: 10px;

}

.input_select:focus, .input_select_ie8:focus {

    border: 1px solid #39B5AA;
    color: #333333;
    -webkit-box-shadow: 0 0 25px #ccc;
    -moz-box-shadow: 0 0 25px #ccc;
    box-shadow: 0 0 25px #ccc;
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    transform: scale(1.05);

}

.input_select_noscale:focus, .input_select_noscale_ie8:focus {

    border: 1px solid #39B5AA;
    color: #333333;
    -webkit-box-shadow: 0 0 25px #ccc;
    -moz-box-shadow: 0 0 25px #ccc;
    box-shadow: 0 0 25px #ccc;

}

.input_select:disabled, .input_select_ie8:disabled,
.input_select_noscale:disabled, .input_select_noscale_ie8:disabled {
    background: #EEEEEE;
    color: #999999;
}

/* ===================== Index ====================== */

#index_banner {
    width: 100% !important;
    height: 94vh !important;

    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;

    color: #fff !important;

    text-align: center !important;
    vertical-align: middle !important;
}

.content_container_1098_100 .index_col00 table,
.content_container_1098_100 .index_col01 table,
.content_container_1098_100 .index_col02 table,
.content_container_1098_100 .feature_col00 table,
.content_container_1098_100 .feature_col01 table,
.content_container_1098_100 .organizer_col00 table,
.content_container_1098_100 .organizer_col01 table {

    table-layout: fixed;

}

.content_container_1098_100 .organizer_col00 {
    width: 460px;
    margin-left: 50px;
    margin-right: 39px;

    display: inline;
    float: left;

    color: #FFF;
    border: none;
}

.content_container_1098_100 .organizer_col01 {
    width: 460px;
    margin-left: 69px;
    margin-right: 10px;

    display: inline;
    float: left;

    color: #FFF;
    border: none;
}

.content_container_1098_100 .organizer_col00 table,
.content_container_1098_100 .organizer_col01 table {
    width: 100%;
    padding-top: 90px;
    padding-bottom: 100px;
}

.content_container_1098_100 .organizer_col_title {
    padding-bottom: 15px;
    color: #FFF;

    font-family: "Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 25px;
    line-height: 36px;
}

.content_container_1098_100 .organizer_col_tag {
    padding-top: 15px;
    padding-bottom: 10px;
    color: #FFF;

    font-size: 17px;
    line-height: 24px;
}

.content_container_1098_100 .organizer_col_btn, .content_container_1098_100 .organizer_col_btn:link {
    padding: 10px 42px 10px 42px;
    color: #FFF;
    border: 1px solid #FFF;
}

.content_container_1098_100 .organizer_col_btn:hover {
    color: #EEE;
    border: 1px solid #EEE;
}

.content_container_1098_100 .feature_col00 {
    width: 380px;
    margin-left: 10px;

    display: inline;
    float: left;
}

.content_container_1098_100 .feature_col01 {
    margin-left: 65px;
    padding-top: 130px;
    padding-right: 20px;
    width: 603px;

    display: inline;
    float: left;
}

.content_container_1098_100 .feature_col01 table {
    width: 100%;
}

.content_container_1098_100 .feature_col02 {
    display: none;
}

.content_container_1098_100 .index_col00 {

    width: 330px;
    margin-left: 20px;

    display: inline;
    float: left;

    text-align: center;
    vertical-align: middle;
}

.content_container_1098_100 .index_col01 {

    width: 330px;

    display: inline;
    float: left;

    margin-left: 34px;
    margin-right: 34px;

    text-align: center;
    vertical-align: middle;

}

.content_container_1098_100 .index_col02 {

    width: 330px;
    margin-right: 20px;

    display: inline;
    float: left;

    text-align: center;
    vertical-align: middle;
}

.feature_title, .feature_title a:link, .feature_title a:visited, .feature_title a:hover {
    color: #000000;

    font-family: "Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 17px;
    line-height: 24px;
}

.feature_tag, .feature_tag a:link, .feature_tag a:visited, .feature_tag a:hover {
    color: #888;

    font-size: 15px;
    line-height: 20px;
}

.feature_mobile_tag, .feature_mobile_tag a:link, feature_mobile_tag a:visited, .feature_mobile_tag a:hover {
    color: #000000;
    padding-bottom: 15px;

    font-family: "Proxima Nova Light", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 28px;
    line-height: 40px;
}

.feature_mobile_tag_line, .feature_mobile_tag_line a:link, feature_mobile_tag_line a:visited, .feature_mobile_tag_line a:hover {
    color: #0083A5;
    padding-top: 15px;

    font-size: 19px;
    line-height: 29px;
}

.content_container_1098_100 .organizer_col_title, .content_container_1098_100 .organizer_col_tag {
    text-align: left;
}

.robot_title {
    color: #34A79B;

    font-size: 28px;
    line-height: 42px;
}

.robot_content {
    color: #888;

    font-size: 19px;
    line-height: 29px;
    letter-spacing: 1px;
}

.robot_subtag {
    font-size: 11px;
    line-height: 18px;
}

.robot_content a:link, robot_content a:visited {
    color: #34A79B;
}

.robot_content a:hover {
    color: #888;
}

.robot_content_container_720_90 {
    width: 690px;
    text-align: justify;
}

#fee_desktop {
    display: table;
}

#fee_mobile {
    display: none;
}

/* === END ================== Index ====================== */

/* ===================== Header ====================== */
#headerContainer {
    /*position:fixed;*/
    /*z-index: 99;/!*10001; *!/*/
}

#header tr,
#header td,
#header p,
#header b,
#header strong,
#header {
    letter-spacing: 0px !important;
}

#header {
    display: block;
    width: 100%;
}

#headerContent {

    display: block;

    width: 100%;

    /* RGBa browser */
    background-color: rgba(255, 255, 255, 0.9);
    /* For IE 5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#DDFFFFFF);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#DDFFFFFF)";
}

#headerContent_mobile {

    display: none;

    width: 100%;

    /* RGBa browser */
    background-color: rgba(255, 255, 255, 0.9);
    /* For IE 5.5 - 7*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#DDFFFFFF);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#DDFFFFFF, endColorstr=#DDFFFFFF)";
}

#headerContent_mobile #mobile_mm a, #headerContent_mobile #mobile_mm a:hover, #headerContent_mobile #mobile_mm a:link, #headerContent_mobile #mobile_mm a:visited {
    text-decoration: none;
    outline: none !important;
}

#headerContent_mobile #mobile_mm img {
    text-decoration: none;
    border: 0px;
    outline: none !important;
}

#headerBg {
    width: 100%;
    /*height:84px;*/
}

.header_mm {
    border-bottom: 1px solid transparent;
    font-weight: 400;
    cursor: pointer;
}

.header_mm a {

    font-weight: bold;
}

.header_mm:hover {
    color: #999;
}

.header_mm.active {
    border-bottom: 1px solid #000;
    color: #999;
}

.header_mm:hover a, .header_mm.active a {
    color: #000 !important;
}

.header_mm, .header_mm a:link, .header_mm a:visited {
    color: #999;

    font-size: 16px;
}

.header_mm a:hover {
    color: #999999;
}

.header_mm img {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
}

.header_process_number, .header_process_number a:link, .header_process_number a:visited, .header_process_number a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 15px;

    color: #000000;
    margin-left: 10px;
}

.header_process_txt, .header_process_txt a:link, .header_process_txt a:visited, .header_process_txt a:hover {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #CCC;
    /*font-style: italic;*/
    font-weight: bold;

    color: #666666;
}

.header_login, .header_login a:link, .header_login a:visited {
    font-size: 14px;

    color: #0083A6;
}

.header_login a:hover {
    color: #999999;

    font-size: 14px;
    line-height: 15px;
}

.notification_small_box {

    font-size: 8px;
    line-height: 16px;
    letter-spacing: 0px;

    position: absolute;

    color: #FFFFFF;
    padding: 0px 8px 0px 8px;
    margin-left: 32px;
    height: 15px;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;

    display: inline-block;
    background-color: #D21010;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EF797E), to(#D21010));
    background-image: -webkit-linear-gradient(top, #EF797E, #D21010);
    background-image: -moz-linear-gradient(top, #EF797E, #D21010);
    background-image: -ms-linear-gradient(top, #EF797E, #D21010);
    background-image: -o-linear-gradient(top, #EF797E, #D21010);
    background-image: linear-gradient(to bottom, #EF797E, #D21010);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#EF797E, endColorstr=#D21010);

    text-align: center;

}

/* == END =================== Header ====================== */

/* ============================ Form ============================= */

.form_header_error {
    font-size: 15px;
    color: #FF0;
}

/* === END ======================================================= */

/* ======================== TinyMCE ====================== */

/* === END ================ TinyMCE ====================== */

/* ===================================== Responsive Framework ===================================== */

.content_container_1000_100 {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 1000px;
}

.content_container_1098_90, .content_container_1098_100 {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 1098px;
}

.content_container_1044_100, .content_container_1044_90 {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 1044px;
}

/*
.content_container_1044_100 img{
	display:inline-block;
    vertical-align:middle;
}
*/

.content_container_1024_90 {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 1024px;
}

.content_container_1024_90 img {
    display: inline-block;
    vertical-align: middle;
}

.content_container_1030_88 {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 1030px;
}

.content_container_1098 {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 1118px; /*+20*/
}

.content_col_100 {
    display: inline;
    float: left;
    /*margin-left:10px;
    margin-right:10px;*/
}

.content_container_1098 .content_col_100 {
    width: 1098px;
}

.content_container_1010_100 {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 1010px;
}

.content_container_1010_100 .content_col_00 a:link,
.content_container_1010_100 .content_col_00 a:visited {

    color: #333;
}

.content_container_1010_100 .content_col_00 a:hover {
    color: #0083A6;
}

.content_container_1010_100 .content_col_00 {

    font-size: 14px;
    line-height: 22px;

    width: 38%;

    display: inline;
    float: left;
    text-align: left;

    margin: 0;
    padding: 0;

    color: #333;
}

.content_container_1010_100 .content_col_01 {

    font-size: 12px;
    line-height: 20px;

    width: 62%;

    display: inline;
    float: left;
    text-align: right;

    margin: 0;
    padding: 0;

    color: #666666;
}

/*@media only screen and (min-width: 768px) and (max-width: 1024px) {*/
@media only screen and (max-width: 767px) {

    /*#headerContent{*/
    /*display:none;*/
    /*}*/
    /*#headerContent_mobile{*/
    /*display:block;*/
    /*overflow:hidden;*/
    /*width:100%;*/
    /*height:84px;*/
    /*}*/
    .feature_mobile_tag {
        font-size: 25px;
        line-height: 36px;
        letter-spacing: 0px;
    }

    .feature_mobile_tag_line, .feature_mobile_tag_line a:link, feature_mobile_tag_line a:visited, .feature_mobile_tag_line a:hover {
        font-size: 17px;
        line-height: 24px;
        letter-spacing: 0px;
    }

    .robot_title {
        font-size: 24px;
        line-height: 34px;
    }

    .robot_content, .robot_content a:link, robot_content a:visited, .robot_content a:hover {
        font-size: 17px;
        line-height: 24px;
        letter-spacing: 1px;
    }

    .content_container_1010_100 .content_col_00 {
        font-size: 14px;
        line-height: 22px;

        width: 100%;

        display: inline;
        float: left;
        text-align: center;

        margin-top: 20px;
        margin-bottom: 20px;
    }

    .content_container_1010_100 .content_col_01 {

        font-size: 12px;
        line-height: 20px;

        width: 100%;

        display: inline;
        float: left;
        text-align: center;

        padding-top: 20px;
        padding-bottom: 60px;
    }

    .content_container_1010_100, .content_container_1044_100, .content_container_1000_100, .content_container_1098_100 {
        width: 100%;
    }

    .content_container_1044_90, .content_container_1098_90, .content_container_1024_90 {
        width: 90%;
    }

    .content_container_1030_88 {
        width: 88%;
    }

    .content_container_1098 {
        width: 320px;
    }

    .content_container_1098 .content_col_100 {
        /*margin:0 0 20px 0;*/
        width: 320px;
    }

    .robot_content_container_720_90 {
        width: 90%;
    }

    #fee_desktop {
        display: none;
    }

    #fee_mobile {
        display: table;
        width: 100%;
    }

    .content_container_1098_100 .index_col00,
    .content_container_1098_100 .index_col01,
    .content_container_1098_100 .index_col02 {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .content_container_1098_100 .index_col00 table,
    .content_container_1098_100 .index_col01 table,
    .content_container_1098_100 .index_col02 table {
        width: 88%;
    }

    .content_container_1098_100 .feature_col02 {
        display: inline !important;
        float: left !important;

        width: 100% !important;
        height: 370px !important;

        -webkit-background-size: cover !important;
        -moz-background-size: cover !important;
        -o-background-size: cover !important;
        background-size: cover !important;

        text-align: center !important;
    }

    .content_container_1098_100 .feature_col00 {
        display: none;
    }

    .content_container_1098_100 .feature_col01 {
        width: 100%;
        margin: 0;
        padding: 40px 0 40px 0;
    }

    .content_container_1098_100 .feature_col01 table {
        width: 83%;
        margin: 0;
        padding: 0;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
    }

    .content_container_1098_100 .organizer_col00 {
        width: 100%;
        margin: 0;
        padding: 0;
        border-bottom: 1px solid #FFF;
    }

    .content_container_1098_100 .organizer_col01 {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .content_container_1098_100 .organizer_col00 table, .content_container_1098_100 .organizer_col01 table {
        width: 82%;
        padding-top: 70px;
        padding-bottom: 90px;
    }

    .content_container_1098_100 .organizer_col_title {
        font-size: 23px;
        line-height: 36px;
        letter-spacing: 0px;

        text-align: center;
    }

    .content_container_1098_100 .organizer_col_tag {
        font-size: 17px;
        line-height: 24px;
        letter-spacing: 0px;

        text-align: center;
    }

}

/* ==== END ================================ Responsive Framework ================================ */

/* ======================== JQuery UI ====================== */

.ui-widget,
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: "Proxima Nova Reg", "MHei", "STHeiti", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif;
    line-height: 22px;
}

#dialog {
    display: none;
}

.ui-dialog .ui-dialog-title {
    font-size: 20px;
}

.ui-dialog .ui-dialog-buttonpane button {
    font-size: 14px;
}

.ui-dialog .ui-dialog-content {
    font-size: 16px;
    line-height: 22px;
    text-align: center;
}

.switchy-container-gender {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 0;
    width: 100px;
    height: 30px;
    background: none;
}

.switchy-container {
    display: inline-block;
    position: relative;
    margin: 0;
    padding: 6px 0 0 0;
    width: 70px;
    height: 30px;
    background: none;
    float: left;
}

.switchy-bar {
    display: inline-block;
    position: relative;
    background-color: #fff;
    border: 1px solid #dfdfdf;
    border-radius: 20px;
    width: 100%;
    height: 100%;
    cursor: pointer;
    height: 32px;
}

.switchy-slider {
    display: inline-block;
    position: absolute;
    border-radius: 100%;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    width: 30px;
    height: 30px;
    background: #fff;
    top: 0;
    left: 0px;
    cursor: pointer;
}

/* -------------- Color Picker --------------------*/

.evo-pop {
    z-index: 10000;
    width: 204px;
    padding: 3px 3px 0;
}

.evo-pop-ie {
    z-index: 10000;
    width: 212px;
    padding: 3px;
}

.evo-palette td {
    font-size: 1px;
    border: solid 1px #c0c0c0;
    padding: 7px;
    cursor: pointer;
}

.evo-palette tr.top > td {
    border-bottom: 0;
}

.evo-palette tr.in > td {
    border-top: 0;
    border-bottom: 0;
}

.evo-palette tr.bottom > td {
    border-top: 0;
}

.evo-palette div.sep {
    height: 3px;
}

.evo-palette,
.evo-palette-ie {
    border-collapse: separate;
    border-spacing: 4px 0px;
    *border-collapse: expression('separate', cellSpacing='2px');
}

.evo-palette th,
.evo-palette-ie th {
    border: 0;
    padding: 5px 3px;
    text-align: left;
    font-weight: normal;
    background: transparent !important;
}

.evo-palette-ie td {
    font-size: 1px;
    border: solid 1px #c0c0c0;
    padding: 7px;
    cursor: pointer;
}

.evo-palette2,
.evo-palette2-ie {
    margin: auto;
    border-collapse: collapse;
}

.evo-palette2 td,
.evo-palette2-ie td {
    font-size: 1px;
    cursor: pointer;
}

.evo-palette2 td {
    padding: 6px 7px;
}

.evo-palette2-ie td {
    padding: 5px;
}

.evo-palcenter {
    padding: 5px;
    text-align: center;
}

.evo-colorind,
.evo-colorind-ie,
.evo-colorind-ff {
    border: solid 1px #999;
    width: 44px;
    height: 44px;
    float: right;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.evo-colorind-ie {
    position: relative;
    top: -23px;
}

.evo-colorbox-ie {
    font-size: 8px;
    padding: 3px 9px !important;
}

/*
.evo-colortxt-ie {
	position:relative;
	top:-6px;
}*/
.evo-pop:after,
.evo-pop-ie:after,
.evo-colorind:after,
.evo-colorind-ie:after,
.evo-colorind-ff:after,
.evo-color span:after,
.evo-cHist:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0;
}

.evo-color {
    width: 94px;
    padding: 1px 3px 0 4px;
}

.evo-color div {
    border: solid 1px #808080;
    border-right: solid 1px #c0c0c0;
    border-bottom: solid 1px #c0c0c0;
    padding: 3px;
    margin-bottom: 5px;
    width: 10px;
    height: 10px;
    float: left;
}

.evo-color span {
    font-size: 15px;
    margin: 1px 0 4px 3px;
    float: left;
}

.evo-sep {
    height: 10px;
    font-size: 0;
}

.evo-more {
    padding: 4px 5px 4px;
    font-size: smaller;
}

.evo-cHist {
    padding: 3px;
}

.evo-cHist div {
    cursor: pointer;
    border: solid 1px #c0c0c0;
    padding: 3px;
    margin: 5px;
    width: 10px;
    height: 10px;
    float: left;
}

.evo-transparent {
    background-image: repeating-linear-gradient(135deg, #000000, #000000 1px, #ffffff 1px, #ffffff 3px);
}

.evo-tr-box {
    cursor: pointer;
    border: solid 1px #c0c0c0;
    padding: 3px;
    width: 7px;
    height: 7px;
    float: right;
    position: relative;
    right: -3px;
    top: 2px;
}

a.evo-hist {
    margin-left: 6px;
}

.evo-pointer {
    cursor: pointer;
}

.evo-pop.ui-widget-content {
    border: 1px solid #ccc;
}

/* ---- END ---------- Color Picker --------------------*/

/* === END ================ JQuery UI ====================== */

/*===========================================*/
/*--------------- Slider --------------------*/
/*===========================================*/
.slider-wrapper {
    width: 620px;
    margin: 0px auto;
}

.theme-default #slider {
    margin: 0px auto 0 auto;
}

/*===========================================*/
/*===========================================*/

/*====================*/
/*=== Other Styles ===*/
/*====================*/
.clear {
    clear: both;
}

/* ======================================================== */
/* ====================== Retina ========================== */
/* ======================================================== */

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {

}

/* Racson */

/*********************************************************************

	Name:		Push - Bootstrap Button Pack
	Author:		BootstrapBay - (http://www.bootstrapbay.com/)
	Version:	1.0

*********************************************************************/

/******************************************************
    CUSTOM BTN VALUES
******************************************************/

.btn {
    padding: 14px 24px;
    border: 0 none;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

/******************************************************
    STANDARD BUTTONS
******************************************************/

.btn-default {
    border: 1px solid #C4C4C4;
    color: #737373;
    padding: 12px 22px;
}

.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open > .dropdown-toggle.btn-default, .open > .dropdown-toggle.btn-default:hover {
    background: #FFFFFF;
    border-color: #66AFE9; /*racson*/
    color: #737373;
}

.btn-default:active, .btn-default.active {
    /*border-color: #737373;*/
    /*box-shadow: none;*/
    background: #35a2b5; /*racson*/
    /*box-shadow: none;*/
}

.dropdown-menu > li > a:focus {
    background-color: #8ec6e9; /*racson*/
    color: #fff;
    background-image: none;
}

.dropdown-menu > li > a:hover {
    background-color: #66AFE9; /*racson*/
    color: #fff;
    background-image: none;

}

.btn-primary {
    background: #35AEEA;
    color: #ffffff;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #33a6cc;
}

.btn-primary:active, .btn-primary.active {
    background: #007299;
    box-shadow: none;
}

.btn-success {
    background: #00bf6f;
    color: #ffffff;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .dropdown-toggle.btn-success {
    background: #39bf87;
}

.btn-success:active, .btn-success.active {
    background: #008c52;
    box-shadow: none;
}

.btn-info {
    background: #8895b4;
    color: #ffffff;
}

.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info {
    background: #8895b4;
}

.btn-info:active, .btn-info.active {
    background: #8895b4;
    box-shadow: none;
}

.btn-warning {
    background: #eb8f34;
    color: #ffffff;
}

.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    background: #eba259;
}

.btn-warning:active, .btn-warning.active {
    background: #b87430;
    box-shadow: none;
}

.btn-danger {
    background: #f25454;
    color: #ffffff;
}

.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .dropdown-toggle.btn-danger {
    background: #f26d6d;
}

.btn-danger:active, .btn-danger.active {
    background: #bf4343;
    box-shadow: none;
}

/******************************************************
    SHARP BUTTONS
******************************************************/

.btn.sharp {
    border-radius: 0;
}

/******************************************************
    OUTLINE BUTTONS
******************************************************/
.btn.outline {
    background: none !important;
    padding: 12px 22px;
}

.btn-primary.outline {
    border: 1px solid #35AEEA;
    color: #35AEEA;
}

.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
    color: #33a6cc;
    border-color: #33a6cc;
}

.btn-primary.outline:active, .btn-primary.outline.active {
    border-color: #007299;
    color: #007299;
    box-shadow: none;
}

.btn-success.outline {
    border: 1px solid #00bf6f;
    color: #00bf6f;
}

.btn-success.outline:hover, .btn-success.outline:focus, .btn-success.outline:active, .btn-success.outline.active, .open > .dropdown-toggle.btn-success {
    border-color: #39bf87;
    color: #39bf87;
}

.btn-success.outline:active, .btn-success.outline.active {
    border-color: #008c52;
    color: #008c52;
    box-shadow: none;
}

.btn-info.outline {
    border: 1px solid #8895b4;
    color: #8895b4;
}

.btn-info.outline:hover, .btn-info.outline:focus, .btn-info.outline:active, .btn-info.outline.active, .open > .dropdown-toggle.btn-info {
    border-color: #7986a5;
    color: #8895b4;
}

.btn-info.outline:active, .btn-info.outline.active {
    border-color: #8895b4;
    color: #7a86a4;
    box-shadow: none;
}

.btn-info.active.focus, .btn-info.active:focus, .btn-info.active:hover, .btn-info.focus:active, .btn-info:active:focus, .btn-info:active:hover, .open > .dropdown-toggle.btn-info.focus, .open > .dropdown-toggle.btn-info:focus, .open > .dropdown-toggle.btn-info:hover {
    background-color: #8a9dbd;
    border-color: #434a5b;
    color: #fff;
}

.btn-warning.outline {
    border: 1px solid #eb8f34;
    color: #eb8f34;
}

.btn-warning.outline:hover, .btn-warning.outline:focus, .btn-warning.outline:active, .btn-warning.outline.active, .open > .dropdown-toggle.btn-warning {
    border-color: #eba259;
    color: #eba259;
}

.btn-warning.outline:active, .btn-warning.outline.active {
    border-color: #b87430;
    color: #b87430;
    box-shadow: none;
}

.btn-danger.outline {
    border: 1px solid #f25454;
    color: #f25454;
}

.btn-danger.outline:hover, .btn-danger.outline:focus, .btn-danger.outline:active, .btn-danger.outline.active, .open > .dropdown-toggle.btn-danger {
    border-color: #f26d6d;
    color: #f26d6d;
}

.btn-danger.outline:active, .btn-danger.outline.active {
    border-color: #bf4343;
    color: #bf4343;
    box-shadow: none;
}

/******************************************************
    GRADIENT BUTTONS
******************************************************/
.btn-primary.gradient {
    background: -moz-linear-gradient(top, #33a6cc 50%, #35AEEA 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #33a6cc), color-stop(50%, #35AEEA)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #33a6cc 50%, #35AEEA 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #33a6cc 50%, #35AEEA 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #33a6cc 50%, #35AEEA 50%); /* IE10+ */
    background: linear-gradient(to bottom, #33a6cc 50%, #35AEEA 50%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a6cc', endColorstr='#35AEEA',GradientType=0 ); /!* IE6-9 *!/*/
}

.btn-primary.gradient:hover, .btn-primary.gradient:focus, .btn-primary.gradient:active, .btn-primary.gradient.active, .open > .dropdown-toggle.btn-primary {
    background: -moz-linear-gradient(top, #66b2cc 50%, #33a6cc 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #66b2cc), color-stop(50%, #33a6cc)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #66b2cc 50%, #33a6cc 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #66b2cc 50%, #33a6cc 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #66b2cc 50%, #33a6cc 50%); /* IE10+ */
    background: linear-gradient(to bottom, #66b2cc 50%, #33a6cc 50%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66b2cc', endColorstr='#33a6cc',GradientType=0 ); /!* IE6-9 *!/*/
}

.btn-primary.gradient:active, .btn-primary.gradient.active {
    background: -moz-linear-gradient(top, #267c99 50%, #007299 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #267c99), color-stop(50%, #007299)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #267c99 50%, #007299 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #267c99 50%, #007299 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #267c99 50%, #007299 50%); /* IE10+ */
    background: linear-gradient(to bottom, #267c99 50%, #007299 50%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#267c99', endColorstr='#007299',GradientType=0 ); /!* IE6-9 *!/*/
}

.btn-success.gradient {
    background: -moz-linear-gradient(top, #39bf87 50%, #00bf6f 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #39bf87), color-stop(50%, #00bf6f)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #39bf87 50%, #00bf6f 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #39bf87 50%, #00bf6f 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #39bf87 50%, #00bf6f 50%); /* IE10+ */
    background: linear-gradient(to bottom, #39bf87 50%, #00bf6f 50%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#39bf87', endColorstr='#00bf6f',GradientType=0 ); /!* IE6-9 *!/*/
}

.btn-success.gradient:hover, .btn-success.gradient:focus, .btn-success.gradient:active, .btn-success.gradient.active, .open > .dropdown-toggle.btn-success {
    background: -moz-linear-gradient(top, #73bf9f 50%, #39bf87 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #73bf9f), color-stop(50%, #39bf87)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #73bf9f 50%, #39bf87 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #73bf9f 50%, #39bf87 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #73bf9f 50%, #39bf87 50%); /* IE10+ */
    background: linear-gradient(to bottom, #73bf9f 50%, #39bf87 50%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73bf9f', endColorstr='#39bf87',GradientType=0 ); /!* IE6-9 *!/*/
}

.btn-success.gradient:active, .btn-success.gradient.active {
    background: -moz-linear-gradient(top, #2a8c63 50%, #008c52 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #2a8c63), color-stop(50%, #008c52)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #2a8c63 50%, #008c52 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #2a8c63 50%, #008c52 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #2a8c63 50%, #008c52 50%); /* IE10+ */
    background: linear-gradient(to bottom, #2a8c63 50%, #008c52 50%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a8c63', endColorstr='#008c52',GradientType=0 ); /!* IE6-9 *!/*/
}

.btn-info.gradient {
    background: -moz-linear-gradient(top, #5fd4e8 50%, #31cde8 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #5fd4e8), color-stop(50%, #31cde8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #5fd4e8 50%, #31cde8 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #5fd4e8 50%, #31cde8 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #5fd4e8 50%, #31cde8 50%); /* IE10+ */
    background: linear-gradient(to bottom, #5fd4e8 50%, #31cde8 50%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5fd4e8', endColorstr='#31cde8',GradientType=0 ); /!* IE6-9 *!/*/
}

.btn-info.gradient:hover, .btn-info.gradient:focus, .btn-info.gradient:active, .btn-info.gradient.active, .open > .dropdown-toggle.btn-info {
    background: -moz-linear-gradient(top, #8edae8 50%, #5fd4e8 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #8edae8), color-stop(50%, #5fd4e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #8edae8 50%, #5fd4e8 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #8edae8 50%, #5fd4e8 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #8edae8 50%, #5fd4e8 50%); /* IE10+ */
    background: linear-gradient(to bottom, #8edae8 50%, #5fd4e8 50%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8edae8', endColorstr='#5fd4e8',GradientType=0 ); /!* IE6-9 *!/*/
}

.btn-info.gradient:active, .btn-info.gradient.active {
    background: -moz-linear-gradient(top, #6baab5 50%, #35a2b5 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #6baab5), color-stop(50%, #35a2b5)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #6baab5 50%, #35a2b5 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #6baab5 50%, #35a2b5 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #6baab5 50%, #35a2b5 50%); /* IE10+ */
    background: linear-gradient(to bottom, #6baab5 50%, #35a2b5 50%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6baab5', endColorstr='#35a2b5',GradientType=0 ); /!* IE6-9 *!/*/
}

.btn-warning.gradient {
    background: -moz-linear-gradient(top, #eba259 50%, #eb8f34 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eba259), color-stop(50%, #eb8f34)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #eba259 50%, #eb8f34 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #eba259 50%, #eb8f34 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #eba259 50%, #eb8f34 50%); /* IE10+ */
    background: linear-gradient(to bottom, #eba259 50%, #eb8f34 50%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eba259', endColorstr='#eb8f34',GradientType=0 ); /!* IE6-9 *!/*/
}

.btn-warning.gradient:hover, .btn-warning.gradient:focus, .btn-warning.gradient:active, .btn-warning.gradient.active, .open > .dropdown-toggle.btn-warning {
    background: -moz-linear-gradient(top, #ebb57f 50%, #eba259 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ebb57f), color-stop(50%, #eba259)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ebb57f 50%, #eba259 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ebb57f 50%, #eba259 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ebb57f 50%, #eba259 50%); /* IE10+ */
    background: linear-gradient(to bottom, #ebb57f 50%, #eba259 50%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebb57f', endColorstr='#eba259',GradientType=0 ); /!* IE6-9 *!/*/
}

.btn-warning.gradient:active, .btn-warning.gradient.active {
    background: -moz-linear-gradient(top, #b8824d 50%, #b87430 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #b8824d), color-stop(50%, #b87430)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #b8824d 50%, #b87430 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #b8824d 50%, #b87430 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #b8824d 50%, #b87430 50%); /* IE10+ */
    background: linear-gradient(to bottom, #b8824d 50%, #b87430 50%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8824d', endColorstr='#b87430',GradientType=0 ); /!* IE6-9 *!/*/
}

.btn-danger.gradient {
    background: -moz-linear-gradient(top, #f26d6d 50%, #f25454 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f26d6d), color-stop(50%, #f25454)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f26d6d 50%, #f25454 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f26d6d 50%, #f25454 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f26d6d 50%, #f25454 50%); /* IE10+ */
    background: linear-gradient(to bottom, #f26d6d 50%, #f25454 50%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f26d6d', endColorstr='#f25454',GradientType=0 ); /!* IE6-9 *!/*/
}

.btn-danger.gradient:hover, .btn-danger.gradient:focus, .btn-danger.gradient:active, .btn-danger.gradient.active, .open > .dropdown-toggle.btn-danger {
    background: -moz-linear-gradient(top, #f28585 50%, #f26d6d 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #f28585), color-stop(50%, #f26d6d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #f28585 50%, #f26d6d 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #f28585 50%, #f26d6d 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #f28585 50%, #f26d6d 50%); /* IE10+ */
    background: linear-gradient(to bottom, #f28585 50%, #f26d6d 50%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f28585', endColorstr='#f26d6d',GradientType=0 ); /!* IE6-9 *!/*/
}

.btn-danger.gradient:active, .btn-danger.gradient.active {
    background: -moz-linear-gradient(top, #bf5656 50%, #bf4343 50%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #bf5656), color-stop(50%, #bf4343)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #bf5656 50%, #bf4343 50%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #bf5656 50%, #bf4343 50%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #bf5656 50%, #bf4343 50%); /* IE10+ */
    background: linear-gradient(to bottom, #bf5656 50%, #bf4343 50%); /* W3C */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bf5656', endColorstr='#bf4343',GradientType=0 ); /!* IE6-9 *!/*/
}

/******************************************************
    ROUNDED BUTTONS
******************************************************/

.btn.round {
    border-radius: 24px;
}

.btn-lg.round {
    border-radius: 32px;
}

.btn-sm.round {
    border-radius: 14px;
}

.btn-xs.round {
    border-radius: 10px;
}

/******************************************************
    RAISED BUTTONS
******************************************************/

.btn-primary.raised {
    box-shadow: 0 3px 0 0 #007299;
}

.btn-primary.raised:active, .btn-primary.raised.active {
    background: #33a6cc;
    box-shadow: none;
    margin-bottom: -3px;
    margin-top: 3px;
}

.btn-success.raised {
    box-shadow: 0 3px 0 0 #008c52;
}

.btn-success.raised:active, .btn-success.raised.active {
    background: #39bf87;
    box-shadow: none;
    margin-bottom: -3px;
    margin-top: 3px;
}

.btn-info.raised {
    box-shadow: 0 3px 0 0 #8895b4;
}

.btn-info.raised:active, .btn-info.raised.active {
    background: #8895b4;
    box-shadow: none;
    margin-bottom: -3px;
    margin-top: 3px;
}

.btn-warning.raised {
    box-shadow: 0 3px 0 0 #b87430;
}

.btn-warning.raised:active, .btn-warning.raised.active {
    background: #eba259;
    box-shadow: none;
    margin-bottom: -3px;
    margin-top: 3px;
}

.btn-danger.raised {
    box-shadow: 0 3px 0 0 #bf4343;
}

.btn-danger.raised:active, .btn-danger.raised.active {
    background: #f26d6d;
    box-shadow: none;
    margin-bottom: -3px;
    margin-top: 3px;
}

/******************************************************
    BUTTON SIZING
******************************************************/

.btn-xs, .btn-group-xs > .btn {
    padding: 2px 6px;
}

.btn-sm, .btn-group-sm > .btn {
    padding: 8px 12px;
}

.btn-lg {
    padding: 20px 40px;
    border-radius: 4px;
}

.btn-xs.btn-default, .btn-xs.outline {
    padding: 0px 4px;
}

.btn-sm.btn-default, .btn-sm.outline {
    padding: 6px 10px;
}

.btn-lg.btn-default, .btn-lg.outline {
    padding: 18px 38px;
}

.btn, .dropdown-toggle {
    background-image: none;
}

.dropdown-menu > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}

.fileUpload, .fileUpload > input {
    cursor: pointer;
}

.selectGroup .inputErrorStatus {
    right: 35px !important;
}

div.printBreak {
    clear: both;
    margin-bottom: 70px !important;
    display: none;
}

.printArea {
    display: none;
}

.non-printArea {
    display: block;
}

@media print {

    .printArea {
        display: block;
    }

    .non-printArea {
        display: none;
    }

    div.printBreak {
        page-break-after: always;
    }

    body .container {
        width: 100% !important;
    }
}

.bottomLine {
    border-bottom: 1px solid #BDBDBD;
    margin-bottom: 55px;
    margin-top: 55px;
}

.ti50 {
    text-indent: 50px;
    text-align: justify;
}

.noMargin {
    margin: 0px;
}

.htmlHolder {
    clear: both;
    display: inline-block;
    width: 100%;
}

/*

.onoffswitch {
    position: relative; width: 88px;
    -webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
    display: none;
}
.onoffswitch-label {
    display: block; overflow: hidden; cursor: pointer;
    border: 2px solid #CCCCCC; border-radius: 50px;
}
.onoffswitch-inner {
    display: block; width: 200%; margin-left: -100%;
    transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
    display: block; float: left; width: 50%; height: 37px; padding: 0; line-height: 37px;
    font-size: 16px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
    box-sizing: border-box;
}
.onoffswitch-inner:before {
    content: "";
    padding-left: 10px;
    background-color: #fff; color: #fff;
}
.onoffswitch-inner:after {
    content: "";
    padding-right: 10px;
    background-color: #fff; color: #fff;
    text-align: right;
}
.onoffswitch-switch {
    display: block; width: 34px; margin: 3.5px;
    background: #CCCCCC;
    position: absolute; top: 0; bottom: 0;
    right: 47px;
    border: 2px solid #fff; border-radius: 50px;
    transition: all 0.3s ease-in 0s;
}
.onoffswitch.active .onoffswitch-label  {
    border-color: #36AEEA;
}
.onoffswitch.active .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch.active .onoffswitch-label .onoffswitch-switch {
    right: 0px;
    background: #36AEEA;
}
.onoffswitch.center .onoffswitch-label  {
    border-color: #CCCCCC;
}
.onoffswitch.center .onoffswitch-label .onoffswitch-inner {
    margin-left: 0;
}
.onoffswitch.center .onoffswitch-label .onoffswitch-switch {
    right: 23px;
    background: #CCCCCC;
}
*/

.toggleLabel {
    display: inline-block;
    float: left;
    height: 30px;
    line-height: 30px;
    padding: 6px;
    font-size: 18px !important;
}

.vmiddle.status {
    font-size: 15px;
}

.smallerIcon {
    padding-left: 30px !important;
    padding-right: 30px !important;
    width: 60px !important;
}

* {
    letter-spacing: 1px !important;
}

.f12 {
    font-size: 12px !important;
    line-height: 26px !important;
}

.f13 {
    font-size: 13px !important;
    line-height: 27px !important;
}

.f14{
    font-size: 14px !important;
    line-height: 28px !important;
}

.f15 {
    font-size: 15px !important;
    line-height: 29px !important;
}

.f16 {
    font-size: 16px !important;
    line-height: 30px !important;
}

.f17 {
    font-size: 17px !important;
    line-height: 31px !important;
}

.f18 {
    font-size: 18px !important;
    line-height: 32px !important;
}

.f20 {
    font-size: 20px !important;
    line-height: 34px !important;
}

.f21 {
    font-size: 21px !important;
    line-height: 35px !important;
}

.f22 {
    font-size: 22px !important;
    line-height: 36px !important;
}

.f24 {
    font-size: 24px !important;
    line-height: 38px !important;
}

.f26 {
    font-size: 26px !important;
    line-height: 40px !important;
}

.f28 {
    font-size: 28px !important;
    line-height: 42px !important;
}

.f32 {
    font-size: 32px !important;
    line-height: 46px !important;
}

.f42 {
    font-size: 42px !important;
    line-height: 56px !important;
}

.lh1 {
    line-height: 1px !important;
}

.lh12 {
    line-height: 12px !important;
}
.lh20 {
    line-height: 20px !important;
}

.lh18 {
    line-height: 18px !important;
}
.lh24 {
    line-height: 24px !important;
}
.lh28 {
    line-height: 28px !important;
}

.lh46 {
    line-height: 46px !important;
}

.lh42 {
    line-height: 42px !important;
}

.lh100 {
    line-height: 100px !important;
}

.box-shadow {
    width: 100%;
    height: 20px;
    overflow: hidden;
    position: absolute;
    top: 100%;
    z-index: -1;
}

.box-shadow div {
    height: 30px;
    width: 100%;
    margin-top: -30px;
    -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.2);
}

.box-shadow-footer {
    bottom: 100%;
    height: 100px;
    margin-bottom: -33px;
    overflow: hidden;
    position: absolute;
    width: 100%;
    z-index: -1;
}

.box-shadow-footer div {
    height: 30px;
    width: 100%;
    margin-top: 70px;
    -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.2);
}

.box-shadow-footer div.dark {
    height: 30px;
    width: 100%;
    margin-top: 70px;
    -webkit-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.7);
    -moz-box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.7);
    box-shadow: 0px 0px 28px 0px rgba(0, 0, 0, 0.7);
}

.box-shadow-footer div.dark.white {
    -webkit-box-shadow: 0px 0px 28px 0px rgba(255, 255, 255, 0.7);
    -moz-box-shadow: 0px 0px 28px 0px rgba(255, 255, 255, 0.7);
    box-shadow: 0px 0px 28px 0px rgba(255, 255, 255, 0.7);
}

.padding10 {
    padding: 10px;
}

.padding15 {
    padding: 15px;
}

.padding20 {
    padding: 20px;
}

.padding25 {
    padding: 25px;
}

.padding40 {
    padding: 40px;
}

.padding60 {
    padding: 60px;
}

.paddingBottom10 {
    padding-bottom: 10px;
}

.paddingBottom15 {
    padding-bottom: 15px;
}

.paddingBottom20 {
    padding-bottom: 20px;
}

.paddingBottom25 {
    padding-bottom: 25px;
}

.paddingBottom30 {
    padding-bottom: 30px;
}

.paddingBottom35 {
    padding-bottom: 35px;
}

.paddingBottom40 {
    padding-bottom: 40px;
}

.paddingTop10 {
    padding-top: 10px;
}

.paddingTop15 {
    padding-top: 15px;
}

.paddingTop20 {
    padding-top: 20px;
}

.paddingTop25 {
    padding-top: 25px;
}

.paddingTop30 {
    padding-top: 30px;
}

.paddingTop40 {
    padding-top: 40px;
}

.paddingLeft10 {
    padding-left: 10px;
}

.paddingLeft15 {
    padding-left: 15px;
}

.paddingLeft20 {
    padding-left: 20px;
}

.paddingLeft25 {
    padding-left: 25px;
}

.paddingLeft30 {
    padding-left: 30px;
}

.paddingLeft40 {
    padding-left: 40px;
}

.paddingRight10 {
    padding-right: 10px;
}

.paddingRight15 {
    padding-right: 15px;
}

.paddingRight20 {
    padding-right: 20px;
}

.paddingRight25 {
    padding-right: 25px;
}

.paddingRight30 {
    padding-right: 30px;
}

.paddingRight40 {
    padding-right: 40px;
}

.margin10 {
    margin: 10px;
}

.margin20 {
    margin: 20px;
}

.margin30 {
    margin: 30px;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginBottom15 {
    margin-bottom: 15px;
}

.marginBottom20 {
    margin-bottom: 20px;
}

.marginBottom25 {
    margin-bottom: 25px;
}

.marginBottom30 {
    margin-bottom: 30px;
}

.marginBottom40 {
    margin-bottom: 40px;
}

.marginTop10 {
    margin-top: 10px;
}

.marginTop15 {
    margin-top: 15px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginTop25 {
    margin-top: 25px;
}

.marginTop30 {
    margin-top: 30px;
}

.marginTop40 {
    margin-top: 40px;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginLeft15 {
    margin-left: 15px;
}

.marginLeft20 {
    margin-left: 20px;
}

.marginLeft25 {
    margin-left: 25px;
}

.marginLeft30 {
    margin-left: 30px;
}

.marginLeft40 {
    margin-left: 40px;
}

.marginRight10 {
    margin-right: 10px;
}

.marginRight15 {
    margin-right: 15px;
}

.marginRight20 {
    margin-right: 20px;
}

.marginRight25 {
    margin-right: 25px;
}

.marginRight30 {
    margin-right: 30px;
}

.marginRight40 {
    margin-right: 40px;
}