.swaccountbody {
    height: 100%;
    width: 100%;
    overflow: hidden;
    font-family: arial,verdana,helvetica,monospace;
    font-size: 16px;
}


.swaccountbody ::-webkit-scrollbar {
    width: 5px;
    height: 6px;
}

.swaccountbody.swblue ::-webkit-scrollbar-thumb {
    border-radius: 2px;
    box-shadow: inset 0 0 5px rgba(131, 177, 168, .2);
    background: rgba(131, 177, 168, 1);
}

.swaccountbody.swblue ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(144, 151, 167, .1);
    border-radius: 0;
    background: rgba(144, 151, 167, 0.2);
}

.swaccountbody.swred ::-webkit-scrollbar-thumb {
    border-radius: 2px;
    box-shadow: inset 0 0 5px rgba(186, 61, 84, .2);
    background: rgba(186, 61, 84, 1);
}

.swaccountbody.swred ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(186, 61, 84, .1);
    border-radius: 0;
    background: rgba(186, 61, 84, 0.2);
}

.swaccountbody .swcopyright {
    position: relative;
    right: 10px;
    font-size: .9em;
    color: #666;
    text-align: right;
    margin-top: 15px;
    margin-bottom: 45px
}


.cLinebar {
    position: absolute;
    top: 130px;
    width: 100%;
    height: 3px;
}

.swblue .cLinebar {
    background: linear-gradient(to right, #3A4557 5%, #9AAFD9 40%, #3A4557 95%);
}

.swred .cLinebar {
    background: linear-gradient(to right, #FFB950 5%, #FFE2AC 40%, #FFB950 95%);
}

.cswLeftTree {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 330px;
    font-size: .8em;
    font-family: Arial, Helvetica, sans-serif;
    overflow: hidden;
}

.swblue .cswLeftTree {
    background: none;
    background-color: #3A4557;
}

.swred .cswLeftTree {
    background: none;
    background-color: #FFB950;
}

.cswLeftTree a {    
    text-decoration: none;
}
.swblue .cswLeftTree a {
    color: #F2F2F2;
}

.swred .cswLeftTree a {
    color: #400D01;
}


.cswLeftTree a:hover {    
    text-decoration: none;
}
.swblue .cswLeftTree a:hover {
    color: #9AAFD9;
}

.cswLeftTree .panel {
    position: absolute;
    left: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;
    overflow: auto;
}

.cswLeftTree .head {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 130px;
    padding-top: 35px;
    text-align: center;
    font-size: 1.2em;
}

.cswLeftTree .head .title {
    font-size: 1.4em;
    font-weight: bolder;    
    margin-bottom: 10px;
}
.swblue .cswLeftTree .head .title {
    color: #9AAFD9;
}


.cswLeftTree .tree {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 15px;
    overflow: auto;
}

.cswLeftTree .slidebar {
    position: absolute;
    left: 350px;
    top: 0;
    bottom: 0;
    width: 10px;    
    cursor: pointer;
}
.swblue .cswLeftTree .slidebar {
    background-color: #9097A7;
    border: 1px solid #273859;
}

.swred .cswLeftTree .slidebar {
    background-color: #A86959;
    border: 1px solid #FAC986;
}

.cswRightContent {
    position: absolute;
    left: 360px;
    top: 0;
    bottom: 0;
    right: 0px;
    padding: 20px;
    overflow: hidden;    
}
.swblue .cswRightContent {
    background-color: #f2f2f2;
}

.swred .cswRightContent {
    background-color: #f2f2f2;
}

.cswRightContent .outborder {
    position: relative;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    padding: 20px 30px 15px 15px;
    overflow: auto;
}

.cswRightContent .outborder .contentpaneldiv {    
    padding: 20px;
}
.swblue .cswRightContent .outborder .contentpaneldiv {
    background-color: white;
    border: 1px solid #ccc;
}

.swred .cswRightContent .outborder .contentpaneldiv {
    background-color: white;
    border: 1px solid #ccc;
}

.tablefullwidth table {
    margin-left: 10px;
}

.tablefullwidth table tr {
    height: 28px;
}



.swGirdView {
    height: 100px;
    width: 100%;
    font-family: Arial, Helvetica, sans-serif;
    border: 1px solid #bbb;
}

.swGirdView th {
    color: #333;
    font-size: 1em;
    padding: 5px 10px 5px 10px;
    background-color: #A2BCD7;
    border: 1px solid #666;
    border-radius: 1%;
}

.swGirdView tr {
    color: #333;
    font-size: .9em;
    background-color: #FFFEFB;
}


.swGirdView tr:hover {
    background-color: rgba(221, 228, 239, .3);
}

.swGirdView .active {
    background-color: #DDE5F0;
}

.swGirdView .active:hover {
    background-color: #DDE5F0;
}


.swTableView a>span{
    font-size: 1.1em;
    font-family: Arial, Helvetica, sans-serif;
    padding:3px;
}

.swTableView .ajax__tab {
    height: 26px !important;
    background: #9097A7;
    margin-top: 5px;
    margin-left: 3px;
    margin-right: 5px;
}


.swTableView .ajax__tab_header {
    background-color: #7689A3;
    padding-top: 8px;
}

.swTableView .ajax__tab_outer {
    padding:0px !important;
    background:none !important;
}

.swTableView .ajax__tab_inner {
    padding: 0px !important;
    background: none !important;
}


.swTableView .ajax__tab_tab {
    height: 15px !important;
    color: white;
    padding-top: 5px;
    margin-left: 5px;
    background-color: #f5f5f5;
    border-top: solid 1px #cccccc;
    border-left: solid 1px #cccccc;
    border-right: solid 1px #cccccc;
    border-top-left-radius: 10%;
    border-top-right-radius: 10%;
    background: none !important;
}

.swTableView .ajax__tab_hover .ajax__tab_tab {
    background-color: rgba(59, 70, 89, .4) !important;
}

.swTableView .ajax__tab_active .ajax__tab_tab {
    position: relative;
    color: #273859;
    background: none !important;
    background-color: #ffffff !important;
    outline: 1px solid white;
    border-top: 3px solid #4968A6;
    border-radius:0;
}

.swTableView .ajax__tab_body {
    font-size: 1em;
    padding: 10px;
    margin-bottom: 5px;
    background: none !important;
    background-color: rgba(73, 103, 165, .1) !important;
    border: 1px solid #9097A7 !important;
    overflow: auto;
}

.swModalbackground {
    background-color: rgba(58, 68, 86, .5);
}

.swModal {
    font-size: 16px;
    padding: 20px;
    background-color: white;
    border: 1px solid #ccc;
    font-family: Arial, Helvetica, sans-serif;
    box-shadow: 0 10px 30px rgb(0 0 0 / 30%);
}

    .swModal .ctitle {
        padding-bottom:5px;
        border-bottom: 1px solid #ccc;
    }


    .swModal .ctitle span {
        font-size: 1.2em;
        color: #3a4557;
    }

    .swModal .cbody {
        font-size: 1em;
        color: #333;
        padding: 5px;
        margin-top: 20px;        
    }
     
    .swModal .cbody img:first-child {
       width: 24px;
       height: 24px;
       vertical-align:middle;
       margin-right:5px;
    }

    .swModal .cbutton {
        float:right;
        clear:both;
    }

    .swModal .cbutton input {
        height: 30px;
        padding: 5px 10px 5px 10px;
        font-size: .9em;
    }