h2 {
    background-color: papayawhip;
    padding: 10px 0 10px 10px;
    border-radius: 3px;
    font-size: 23px !important;
    font-weight: bold !important;
}

.border-gray {
    border: 1px solid #eeeeee;
}

.row-OrgansPartial, .row-UsersPartial {
    max-height: 120px;
    overflow: overlay;
    background-color: white;
}

.overflow-auto {
    overflow: auto !important;
}

.font-weight-bold {
    font-weight: bold;
}

.modal-dialog-lg .modal-body {
    height: 450px;
    overflow: auto;
}

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

.border-gray-ddd {
    border: 1px solid #dddddd;
}

.border-top-Dgray {
    border-top: 1px dashed #cccccc;
}

.border-bottom-Dgray {
    border-bottom: 1px dashed #cccccc;
}

.font-bold {
    font-weight: bold !important;
}

.z-index-999 {
    z-index: 999;
}
/*background*/
.bg-gray {
    background-color: lightgray;
}

.bg-whitesmoke {
    background-color: whitesmoke;
}

.bg-white {
    background-color: white;
}
/*table*/
.table-header-color, .table-header-color:hover {
    background-color: #E2E2E2 !important;
}

.table-color th, .table-color td {
    border: 2px solid #ffffff;
}

.table-color tr:nth-child(odd) {
    background-color: #E5E5E5;
}

.table-color tr:nth-child(even) {
    background-color: #FAFAFA;
}

.table-non-color td {
    border: 0 !important;
}

.table-non-color tr:nth-child(odd) {
    background-color: rgba(255,255,255,0) !important;
}

.table-non-color tr:nth-child(even) {
    background-color: rgba(255,255,255,0) !important;
}

.bootstrap-datetimepicker-widget tr {
    background-color: rgba(255,255,255,0) !important;
}
/*custom distance*/
.M0 {
    margin: 0px !important;
}

.M10 {
    margin: 10px;
}

.MT0 {
    margin-top: 0px !important;
}

.MT20 {
    margin-top: 20px;
}

.MR20 {
    margin-right: 20px;
}

.MB10 {
    margin-bottom: 10px;
}

.MB20 {
    margin-bottom: 20px;
}

.ML10 {
    margin-left: 10px;
}

.ML15 {
    margin-left: 15px;
}

.ML20 {
    margin-left: 20px;
}

.P0 {
    padding: 0px;
}

.PL0 {
    padding-left: 0px !important;
}

.P5 {
    padding: 5px;
}

.P10 {
    padding: 10px;
}

.PT10 {
    padding-top: 10px;
}

.PT15 {
    padding-top: 15px !important;
}

.PT20 {
    padding-top: 20px;
}

.PT25 {
    padding-top: 25px !important;
}

.PR20 {
    padding-right: 20px;
}

.PB10 {
    padding-bottom: 10px;
}

.float-left {
    float: left;
}
/*custom bootstrap*/

.form-inline .form-group {
    margin-left: 0;
    margin-right: 0;
}

.form-control.boundaryAlign {
    min-width: 100%;
}

#pnlSendTarget .form-control.boundaryAlign {
    max-width: 100%;
    min-width: inherit;
}

@media screen and (max-width: 992px) and (min-width: 768px) {
    .navbar-inverse .navbar-nav > li > a {
        padding: 10px 5px;
    }

    .navbar {
        min-height: 40px;
    }

    .navbar-brand {
        height: 40px;
        line-height: 10px;
    }
}
/*NormalSMS*/
#NormalSMS .SmsVarsTip .tooltip-inner {
    max-width: 350px;
    text-align: left;
}

#NormalSMS .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: whitesmoke !important;
}

#NormalSMS .nav-tabs > li > a {
    border: 1px solid #ddd;
}

#ErrorCount, #RepeatCount {
    color: sienna !important;
}

    #ErrorCount:hover, #ErrorCount:focus, #RepeatCount:hover, #RepeatCount:focus {
        color: darkred !important;
    }

    #ErrorCount .badge, #RepeatCount .badge {
        background-color: #9E6161 !important;
    }

@media (max-width:770px) {
    #SetTimeTabs {
        background-color: whitesmoke;
    }

        #SetTimeTabs .ML15 {
            margin-left: 0;
        }

        #SetTimeTabs .col-sm-1 {
            float: none;
            width: 100%;
        }

        #SetTimeTabs .col-xs-8 {
            width: 48%;
            min-width: 180px;
        }

        #SetTimeTabs ul li {
            width: 16%;
            float: left;
        }

        #SetTimeTabs .tabs-left > li, .tabs-right > li {
            margin-bottom: 0px;
        }

            #SetTimeTabs .tabs-left > li > a {
                border-radius: 4px 4px 0 0;
                border-width: 1px 1px 0 1px;
                margin: 0 5px;
            }

        #SetTimeTabs .nav > li > a {
            padding: 10px 0px;
            text-align: center;
        }

        #SetTimeTabs .tabs-left > li.active > a, .tabs-left > li.active > a:focus, .tabs-left > li.active > a:hover {
            border-right-color: #ddd;
        }
}
/*Customized*/
.Customized .SMSbody {
    border: none !important;
    padding-top: 0 !important;
}

#FileFormatInfo ul {
    padding: 0;
}
/*todo confirm reset.css*/
#NormalSMS .SmsVarsTip .tooltip-inner ul, #NormalSMS .SmsVarsTip .tooltip-inner ul li {
    margin: 0;
    padding: 0;
}

    #NormalSMS .SmsVarsTip .tooltip-inner ul li {
        margin-left: 20px;
    }

#CustomSMS .SmsVarsTip .tooltip-inner {
    min-width: 250px;
}
/*Btn*/
.glyphicon-pencil, .glyphicon-pencil:hover {
    color: forestgreen;
}

.glyphicon-remove, .glyphicon-remove:hover {
    color: brown;
}

.glyphicon-ok, .glyphicon-ok:hover {
    color: dodgerblue;
}
/*li*/
.nav {
    white-space: nowrap;
}
/*Organ-AddUser*/
.multiselect-container {
    padding: 10px;
    max-height: 220px;
    overflow: auto;
}

    .multiselect-container li {
        border-bottom: 1px solid #F0F0F0;
    }

        .multiselect-container li a label {
            margin: 0;
        }

.OrganTree-scroll {
    height: 365px;
    /*border-width: 0 1px 0 0;*/
}

    .OrganTree-scroll > ul {
        padding: 0px;
    }

    .OrganTree-scroll span {
        cursor: pointer;
        padding: 3px 2px;
        display: inline-block;
    }

        .OrganTree-scroll span:hover {
            background: #eeeeee;
        }

.AddUser-danger > div {
    padding: 10px;
}

    .AddUser-danger > div > ul {
        padding: 0;
    }

@media (max-width: 991px) {
    .OrganTree-scroll {
        height: 200px !important;
        border-width: 1px;
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 1200px) and (min-width: 992px) {
    .OrganTree-scroll {
        height: 365px;
        border-width: 1px;
    }
}

@media screen and (max-width: 991px) and (min-width: 768px) {
    /*h2 {
    margin: 50px 0 0 0;
}*/
}
/*QueryCus*/
.QueryCus-GroupList {
    max-height: 155px;
    overflow: auto;
    background-color: white;
}
/*Group Item*/
.GroupItem {
    display: inline-block;
    padding: 3px;
    margin: 3px;
    border: 1px solid #dddddd;
    border-radius: 3px;
    text-decoration: none;
    color: #5E5E5E;
}

    .GroupItem:hover {
        background-color: rgb(118, 171, 215);
        text-decoration: none;
        color: #FFFFFF;
    }

.GroupBox .GroupItem, .GroupBox .GroupItem:hover {
    background-color: #eeeeee;
    color: #747474;
}

.GroupBox {
    min-height: 34px;
    max-height: 155px;
    overflow: auto;
    min-width: 280px;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.428571429;
    vertical-align: middle;
    border: 1px solid transparent;
    border-radius: 2px;
    color: #333333;
    background-color: #ffffff;
    border-color: #cccccc;
}
/*Group Item end*/
/*EditGroup*/
.EditGroup .dropdown-menu {
    height: 220px;
    overflow: auto;
}
/*Customers*/
.double-body tbody {
    border: 0 !important;
}
/*Curfew*/
.Curfew .nav-tabs {
    border: 0 !important;
}

    .Curfew .nav-tabs li a {
        border: 1px solid #ddd;
    }

    .Curfew .nav-tabs .active a {
        border-width: 1px 1px 0 1px !important;
        background-color: #E2E2E2;
    }
/*backlist*/
.backlist-search-table .form-control {
    height: 20px !important;
}
/*SendList*/
.SendList textarea {
    min-width: 70% !important;
}
/* 建立雙向活動step樣式 */
.bs-wizard {
    margin-top: 40px;
}
/*Form step Wizard*/
.bs-wizard {
    padding: 0 0 10px 0;
}

    .bs-wizard > .bs-wizard-step {
        padding: 0;
        position: relative;
    }

        .bs-wizard > .bs-wizard-step + .bs-wizard-step {
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
            color: #595959;
            font-size: 16px;
            margin-bottom: 5px;
        }

        .bs-wizard > .bs-wizard-step.active .bs-wizard-stepnum {
            font-weight: bold;
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-info {
            color: #999;
            font-size: 14px;
        }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
            /*position: absolute;
                width: 30px;
                height: 30px;
                display: block;
                background: #fbe8aa;
                top: 45px;
                left: 50%;
                margin-top: -15px;
                margin-left: -15px;
                border-radius: 50%;*/
            width: 0;
            height: 0;
            position: absolute;
            display: block;
            top: 47px;
            left: 50%;
            margin-top: -12px;
            margin-left: -12px;
        }

            .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
                content: ' ';
                width: 14px;
                height: 14px;
                position: absolute;
                border-left: 10px solid transparent;
                border-right: 10px solid transparent;
                border-top: 20px solid rgb(229, 139, 20);
            }

        .bs-wizard > .bs-wizard-step > .progress {
            position: relative;
            border-radius: 0px;
            height: 3px;
            box-shadow: none;
            margin: 13px 0 25px 0;
        }

            .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
                width: 0px;
                box-shadow: none;
                background: #fbe8aa;
            }

        .bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
            width: 0%;
        }

        .bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
            width: 100%;
        }

        .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
            /*background-color: #f5f5f5;*/
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-top: 20px solid rgb(219, 219, 219);
        }

            .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
                opacity: 0;
            }

        .bs-wizard > .bs-wizard-step:first-child > .progress {
            left: 50%;
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step:last-child > .progress {
            width: 50%;
        }

        .bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
            pointer-events: none;
        }
/*end Form Wizard*/

/*panel*/
.panel h4 {
    color: #1F1F1F !important;
    font-size: 23px !important;
    font-weight: bold !important;
    margin: 0 !important;
}
/*2016/01/13 SetTimeTabs*/
#pnlSendTarget .nav-tabs > li > a, #pnlSendTarget .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-width: 0px 1px 1px 1px;
}


#SetTimeTabs > div:first-child > div:nth-child(1) {
    margin-right: 1px;
    z-index: 9;
}

    #SetTimeTabs > div:first-child > div:nth-child(1) ul li {
        margin-bottom: 3px;
    }

#SetTimeTabs .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    border-right: 1px solid #ccc;
    border-width: 1px 0 1px 1px;
}

#SetTimeTabs > div:first-child > div:nth-child(2) {
    border: 1px solid #ccc;
    z-index: 1;
}

#SetTimeTabs .tabs-left > li {
    margin-right: -2px;
}

#SetTimeTabs .tabs-left, .tabs-right {
    padding-top: 0px;
}

#SetTimeTabs .nav-tabs > li > a {
    border-width: 1px 0 1px 1px;
}
/*2016/01/14*/
@media (min-width: 768px) {
    #CustsModal .modal-dialog {
        width: 820px;
        margin: 30px auto;
    }
}

#CustsModal .closeCustsModal {
    float: right;
    margin: 0 0 10px 0;
}

.modal-title {
    font-weight: bold;
}

#CustsModal .tbPagingMain button {
    margin: 0 10px;
}

#CustsModal .tbPagingMain .jumppagetext {
    margin: 0 5px;
}

#CustsModal .popupMenu button {
    margin-right: 10px;
}
/*for custom input size*/
.custom-input {
    min-width: 350px;
    max-width: 400px;
}
/*2016/01/27 header*/
.navbar-inverse {
    border-bottom: 2px solid #dd6506;
    background: #fff;
    /*background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 30%, rgba(226,226,226,1) 100%);*/
    /*background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(226,226,226,1) 100%);*/
    /*background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,1) 30%,rgba(226,226,226,1) 100%);*/
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e2e2e2',GradientType=0 );*/
}
    /*header字體*/
    .navbar-inverse .navbar-nav > li > a {
        color: #535353;
        font-weight: bold;
    }

        .navbar-inverse .navbar-nav > li > a:hover,
        .navbar-inverse .navbar-nav > li > a:focus {
            color: #fff;
            background-color: #ABA08B;
        }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
        color: #fff;
        background-color: #948975;
    }

.dropdown-menu-hierarchy > li ul > li > a:hover,
.dropdown-menu-hierarchy > li ul > li > a:focus {
    background: #87D8FF;
}

.dropdown-menu-hierarchy > li ul > li > a:hover, .dropdown-menu-hierarchy > li ul > li > a:focus {
    background: navajowhite;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background: navajowhite;
}

.navbar-toggle {
    background-color: #3796c6;
}
/*20160216-Custom margin*/
.ML-17p {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 992px) {
    .ML-17p {
        margin-left: 17%;
    }
}
/*20160224-客製化簡訊發送*/
.MultiBatchFileForm {
    padding-left: 0px;
    margin-right: 16.66666667%;
    padding-top: 10px;
}

    .MultiBatchFileForm .control-label {
        width: 90px;
        padding-left: 0;
        padding-right: 0;
        font-weight: normal;
    }

    .MultiBatchFileForm .form-group:first-of-type .checkbox-inline:first-of-type {
        padding-left: 0;
    }

/*2019/06/11 -navbar-toggle、雙向簡訊發送*/

.navbar-toggle {
    background-color: #DD6506;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: #DD6506;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #DD6506;
}

.panel-info {
    border-color: papayawhip;
}

    .panel-info > .panel-heading {
        color: #31708f;
        background-color: papayawhip;
        border-color: papayawhip;
    }