.CenterBlock{margin:0 auto !important}
.centerFlex {position: absolute;margin: auto;top:0;right:0;bottom:0;left:0;}
.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari*/
    -khtml-user-select: none; /* Konqueror */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.RemoveSpace{padding:0;margin:0}
.CustomFieldset{float:right;width:calc(100% - 10px);margin:25px 10px 15px 0;position:relative;padding:15px 10px;background:#faf6f6;border:1px solid #dddddd;border-radius:4px}
.CustomFieldset .Title{position:absolute;background:#fff;padding:2px 15px;top:-15px;right:10px;border:1px solid #dddddd;border-radius:4px}
.disableElement{position:absolute;right:0;top:0;width:100%;height:31px;background:rgba(222,222,222,0.3);z-index:600}
.NonDisplay{display:none !important}
/* Start Loading ================================================================================================================================================ */
.loader-ring {top: calc(50% - 5px);left: calc(50% - 5px);}
.loader-ring, .loader-ring:before, .loader-ring:after {
    display: inline-block;/*border:1px solid red;*/
    width: 8px;height: 26px;line-height:65px;transform-origin:4px 0px;color: #13cffd;
    font-size:35px;font-family: "Times New Roman";position: absolute;z-index: 100000;content: '•';
}
.loader-ring:before, .loader-ring:after {
    opacity:0;text-shadow: 11px -2px 0px #13cffd, -11px -3px 0px #13cffd;
    transform: rotateZ(0deg);
    animation: loading 3s cubic-bezier(.15,.65,.85,.35) infinite, loading-shadow 1.5s cubic-bezier(.25,.75,.35,1) infinite alternate, loading-opacity 3s infinite;
}
.loader-ring:after {animation-delay: 1.1s;}
@keyframes loading {
    to {
        transform: rotateZ(360deg);
    }
}
@keyframes loading-shadow {
    from {
        text-shadow: 20px -7px 0px #13cffd, -20px -7px 0px #13cffd;
    }
}
@keyframes loading-opacity {
    from {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}
/*End Loading ================================================================================================================================================= */
.DS_Popup {
    overflow: hidden;
    display: inline-block;
    min-width: 300px;
    width: 300px!important;
    text-align: center;
    align-items:center;
    align-content:center;
    position: fixed;
    background-color: #fff;
    z-index: 20000;
    -moz-box-shadow: 0 0 5px #AAA;
    -webkit-box-shadow: 0 0 0 #AAA;
    box-shadow: 0 0 5px #AAA;
    border: 1px solid #2dd3fd;
    border-radius: 6px;
}

.DS_Popup_Title {
    padding: 5px 0;
    font-size: 12px;
    -webkit-border-top-right-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-radius-top-right: 6px;
    line-height: 16px;
    font-weight: bold;

}

.dhtmlx-info,
.DS_Popup_Title,
.DS_Popup_Button {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    -moz-user-select: -moz-none;
    cursor: pointer
}

.DS_Popup_Text {
    color: #444;
    min-height: 30px;
    padding: 20px 10px 10px 10px!important;
    overflow: hidden
}

.DS_Popup_controls {
    font-weight: 700;
    padding: 10px 10px 17px 10px!important
}

.DS_Popup_Button {
    font-weight: 700;
    min-width: 120px;
    width: 120px;
    height: 20px;
    display: inline-block;
    margin: 0 5px;
    border-radius: 4px;
}

.DS_Popup_Button div {
    line-height: 20px
}

.DS_ModalCover {
    background-color:rgb(96,221,255);
    cursor: default;
    opacity:0.2;
    filter: alpha(opacity=0.2);
    position: fixed;
    z-index: 19999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: none;
    
}
.DS_Blur > *:not(.OverLay):not(.loader-ring):not(.DS_Popup):not(.ui-datepicker){
    -webkit-filter: blur(2px);
    -moz-filter: blur(2px);
    -o-filter: blur(2px);
    -ms-filter: blur(2px);
    filter: blur(2px);
}
.DS_Popup_Button {
    color: #2e3947;
    text-shadow: 0 1px 0 #fff;
    border: 1px solid #a4bed4;
    background-color: #d5e6fc;
    background-image: -moz-linear-gradient(center bottom, #e1eeff 0%, #cce2fe 12%, #ecf2f7 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ecf2f7), color-stop(.88, #cce2fe), color-stop(1, #e1eeff));
    background: -o-linear-gradient(top, #e1eeff, #cce2fe 12%, #ecf2f7);
    background: linear-gradient(top, #e1eeff, #cce2fe 12%, #ecf2f7);
    background: -ms-linear-gradient(top, #e1eeff 0%, #cce2fe 12%, #ecf2f7 100%)
}

.DS_Popup_Button:active,
.DS_Popup_Button:focus {
    box-shadow: inset 0 0 2px #aaa;
    background: #bdd9fc;
    background: -moz-linear-gradient(top, #C4DDFF 0%, #bdd9fc 88%, #deeaf4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #C4DDFF), color-stop(88%, #bdd9fc), color-stop(100%, #deeaf4));
    background: -o-linear-gradient(top, #C4DDFF 0%, #bdd9fc 88%, #deeaf4 100%);
    background: -ms-linear-gradient(top, #C4DDFF 0%, #bdd9fc 88%, #deeaf4 100%);
    background: linear-gradient(top, #C4DDFF 0%, #bdd9fc 88%, #deeaf4 100%)
}

.DS_Popup_CloseBtn {
    position: absolute;
    top:4px;right:10px;
    cursor: pointer;color:#000;
    box-sizing: border-box;
}

.DS_Popup_Title {
    position: relative;
    box-shadow: inset 0 0 2px #fff;
    display: block;
}

.DS-alert-error .DS_Popup_Title,
.DS-confirm-error .DS_Popup_Title {
    color: white;
    border: 1px solid #f17373;
    background: #f17373;
    background: -webkit-linear-gradient(top, #ff7c7c, #f17373 88%, #ff7361);
    background: -moz-linear-gradient(top, #ff7c7c, #f17373 88%, #ff7361);
    background: -o-linear-gradient(top, #ff7c7c, #f17373 88%, #ff7361);
    background: linear-gradient(top, #ff7c7c, #f17373 88%, #ff7361);
    background: -ms-linear-gradient(top, #ff7c7c 0%, #f17373 88%, #ffbc75 100%)
}

.DS-alert-error.DS_Popup,
.DS-confirm-error.DS_Popup {
    border: 1px solid #f17373
}

.DS-alert-warning.DS_Popup{
    border: 1px solid #f69931
}
.DS-alert-warning .DS_Popup_Title,
.DS-confirm-warning .DS_Popup_Title {
    color: #000;
    border: 1px solid #d2b07f;
    background: #ff9f37;
    background: -webkit-linear-gradient(top, #ffc786, #ff9523 88%, #ffbc75);
    background: -moz-linear-gradient(top, #ffc786, #ff9523 88%, #ffbc75);
    background: -o-linear-gradient(top, #ffc786, #ff9523 88%, #ffbc75);
    background: linear-gradient(top, #ffc786, #ff9523 88%, #ffbc75);
    background: -ms-linear-gradient(top, #ffc786 0%, #ff9523 88%, #ffbc75 100%)
}

.DS-alert-warning .DS_Popup_controls,
.DS-confirm-warning .DS_Popup_controls {
    border: 1px solid #d5d5d5;
    border-width: 0 1px 1px 1px
}

.DS-alert-warning .DS_Popup_Text,
.DS-confirm-warning .DS_Popup_Text {
    border: 1px solid #d5d5d5;
    border-width: 0 1px 0 1px
}

.DS-alert .DS_Popup_Title,
.DS-confirm .DS_Popup_Title {
    color: #000;
    border-bottom: 1px solid #2dd3fd;
    background: #d5e6fc;
    background: -moz-linear-gradient(center bottom, #e1eeff 0%, #cce2fe 12%, #ecf2f7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9adcec), color-stop(.88, #2dd3fd), color-stop(1, #ffffff));
    background: -o-linear-gradient(top, #e1eeff, #cce2fe 12%, #ecf2f7);
    background: linear-gradient(top, #e1eeff, #cce2fe 12%, #ecf2f7);
    background: -ms-linear-gradient(top, #e1eeff 0%, #cce2fe 12%, #ecf2f7 100%);
}

.DS-alert .DS_Popup_controls,
.DS-confirm .DS_Popup_controls {
    /* border: 1px solid #d5d5d5; */
    border-width: 0 1px 1px 1px;
}

.DS-alert .DS_Popup_Text,
.DS-confirm .DS_Popup_Text {
    /* border: 1px solid #d5d5d5; */
    border-width: 0 1px 0 1px;
}

.DS-message {
    cursor: pointer;
    background-color: lightgoldenrodyellow
}
/* Start BTN ---------------------------------------------------------------------------------------------------------*/
.btn-border-o.btn-orange:hover {/*color: #13cffd*/}
.btn-border-o {border: 2px solid #f3f3f3;}
.btn-border-o {/* color: #444 */}
.btn-border-o.btn-orange:hover {border: 2px solid #f4f4f4;box-shadow: inset 0 0 6px 2px rgb(191, 191, 191);}
.btn-border-o.btn-orange:before,.btn-border-o.btn-orange:after {border-color: #ffffff;}
.btn-border-o.btn-orange:before,.btn-border-o.btn-orange:after {border-color: #ffffff;}
.btn {display: inline-block;line-height: 30px; margin: 3px;padding: 0 15px;font-size: 13px;position: relative;opacity: .999;border-radius: 8px;border:solid 2px #bdbdbd;outline: none;}
.btn-border-o {background-color: transparent;}
.btn:focus {outline:0;}
.btn-border-o:before,.btn-border-o:after {content: '';border-style: solid;position: absolute;z-index: 5;border-radius: 8px;box-sizing: content-box;}
.btn-border-o:before {width: 0;height: 100%;border-width: 1px 0 1px 0; top: -1px;left: 0;-webkit-transition-delay: 0.05s;transition-delay: 0.05s}
.btn-border-o:after {width: 100%;height: 0;border-width: 0 1px 0 1px;top: 0;left: -1px}
.btn-border-o:hover:before {width: 100%}
.btn-border-o:hover:after {height: 100%}
.animate,.btn,.btn-border-o:before,.btn-border-o:after,
.btn-border:before,.btn-border:after,.btn-border-rev-o:before,.btn-border-rev-o:after,
.btn-border-rev:before,.btn-border-rev:after,.btn-fill-vert-o:before,
.btn-fill-vert-o:after,.btn-fill-vert:before,.btn-fill-vert:after,.btn-fill-horz-o:before,
.btn-fill-horz-o:after,.btn-fill-horz:before,.btn-fill-horz:after {-webkit-transition: all 0.3s;transition: all 0.5s;}
/* End BTN -----------------------------------------------------------------------------------------------------------*/
.FormsTitle{padding:0 10px;background:rgba(252,254,253,0.5);margin:0 0 10px 0;border-radius:3px}
.FormsContainer{margin:20px 0 0 0;padding:10px;background:rgba(255,255,255,0.4);border-radius:5px;border:1px solid white}
.formControl{
    display: block;
    width: calc(100% - 110px);
    height: 31px;
    padding: 6px 12px;
    /*line-height: 1.428571429;*/
    color: #555;outline:0;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;font-size:13px;
    border: 1px solid #ccc;border-right:none;
    border-radius: 4px 0 0 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
}
.inputGroupAddon{position:relative;float:right;padding:5px 0;font-size:13px;width:110px;height:31px;text-align:center;background:#eeeeee;border:1px solid #cccccc;border-radius:0 4px 4px 0;}
.inputGroupAddon i{position:absolute;top:5px;right:9px}
/*.tooltip>.tooltip-inner {font-size: 13px;background-color: #ffba33;color: #000;border: 1px solid #000;padding: 5px}*/
/*.Header{background:#fff url('../image/header_back_pic.png') no-repeat center;height:201px;position:relative}*/
/*.HeaderBackgroundText{position:absolute;width:338px;height:98px;background:url('../image/header_back_text.png') no-repeat center;top:40px;right:2%;}*/
.MainContent{/*background:url('../../common/image/content_back.png') no-repeat center top;height:457px;*/position:relative;}
/*.UperDiv{background:url('../image/uper_div.png') repeat-x;height:26px}*/
.UperDivIcons{float:right;position:relative;margin-right:25px}
.UperDivIcons a{float:right;margin:7px 29px 0 0;color:#0087d4}
.UperDivIcons i{font-size:22px;position:absolute;top:7px;right:3px;color:#0087d4;font-size:18px;}
/***************************************************************************************************************************/
.Header_BG{position: relative;z-index:5;height:142px;background:url("../image/header-bg.png") no-repeat center}
.SiteMenu{height:35px;background:#eaeaea}
.SiteMenu:before, .SiteMenu:after {content: "";height: 20px;position: absolute;}
.UpperShadow:after {border-radius: 50%;top:115px;box-shadow: 0 12px 4px rgba(0, 0, 0, 0.25);left: 5%;width: 90%;}
.Header_BG a{position:absolute;right:2%;top:8px;width:281px;height:112px;background:url("../image/Logo.png") no-repeat}
#users_footer{color:white}
.FixedPosition{position: fixed;bottom:0;left: 0;right:0;}
.RelativePosition{position:relative;float:right;width:100%;}
#users_footer .Content{/*height:205px;*/position:relative;background:url("../image/BG-footer.png") repeat;z-index: 2}
#users_footer .Content .Info .CopyRight{float:right;width:100%;padding:0 10px;margin:6px 0 0 0;direction:ltr;text-align:left;font-family:tahoma;font-size:12px;}
#users_footer .Info{float:right;width:100%;height:30px;background:rgba(0,0,0,0.3)}
.FooterShadow{height: 20px;position: absolute;z-index:1;border-radius: 50%;top:5px;box-shadow: 0 -11px 5px rgba(0, 0, 0, 0.25);left: 5%;width: 90%;}

.Required{position:absolute;top:8px;left:5px;}
.Required:after {content: "*"; color: red;font-family:tahoma;font-size:13px}
/***************************************************************************************************************************/
.MessageArea{position:absolute;width:300px;left:5px;top:40px;}
.PopupMessage{z-index:20000;position:relative;margin:3px 0;float:right;width:100%;padding:10px;border-radius:5px;word-wrap: break-word;cursor:pointer;

              -moz-transition: all 0.5s ease;
              -webkit-transition: all 0.5s ease;
              -o-transition: all 0.5s ease;
              transition: all 0.5s ease;background:white;border:1px solid;
}
.PopupMessage-success{background: rgb(220, 255, 221);border: 1px solid #039400;color: #080808;}
.PopupMessage-clear{background: white;border: 1px solid #000;color: #080808;}
.PopupMessage-info{background: rgba(126, 179, 210, 0.44);border: 1px solid #448eb9;color: #080808;}
.PopupMessage-error{background: rgb(255, 118, 118);border: 1px solid #b00000;color: #fff;}
.PopupMessageHidden{
    height: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    border-width: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    overflow: hidden

}


.hr {
    background: -webkit-linear-gradient(-90deg, #d3ecf2, white);
    background: -o-linear-gradient(-90deg, #d3ecf2, white);
    background: -moz-linear-gradient(-90deg, #d3ecf2, white);
    background: linear-gradient(-90deg, #d3ecf2, white);
    float: right;
    margin: 0 5px 0 0
}
.MenuSubItems{float:right;width:100%;margin:0;padding:3px 0;background:white;box-sizing:border-box;/*border:1px solid green*/}
.MenuSubItems li{position:relative;float:right;width:100%;padding:0;margin:0;list-style-type:none;/*border:1px solid blue*/}
.MenuSubItems li i{position:absolute;top:13px;right:12px;font-size:6px}
.MenuSubItems li a{float:right;color:#000;padding:7px 25px;;width:100%;/*border:1px solid red*/}
.HQ_Table{table-layout:fixed;position:relative;border-spacing: 0;border-collapse: separate;width: 100%;float:right;border-spacing: 0;overflow: hidden;line-height: 1.5;font-size:13px; border: 1px solid #ccc;}
.HQ_Table td {overflow:hidden;padding:5px 0;}
#HQ_TBL_Sreach{border-radius:6px 6px 0 0}
#HQ_TBody_Content{border-radius:0 0 6px 6px}
#HQ_TBL_Sreach tr:first-child{cursor:pointer;}
.HQ_GridSearch{float:right;margin:3px;width:calc(100% - 7px);border-radius:3px;border:1px solid #bbbbbb}
.pagination {margin:0 0 5px 0;padding:0;float:left;}
.pagination li a{color:#000;/*border:1px solid red*/}
/*.HQ_SortIcon_asc{position:absolute;left:12px;top:6px;width:10px;height:10px;font-size:16px;color:#686868}*/
.HQ_SortIcon_asc{float:left;margin:5px;font-size:16px;color:#686868}
.HQ_Table tr td {border-left: 1px solid #bbb;/*box-shadow: 2px 2px 1px #e5dfcc;*/}
.HQ_Table tr td:last-child {border-left:none}
.HQ_Table .TableHead:first-child {background:#7cb3d3;color:#fff}
/* Start Select Box---------------------------------------------------------------------------------------------------------------------------------------*/
.SearchBoxContainer{float:right;width:calc(100% - 110px);padding:0;margin:0;}
.search-input-group {position: relative;float:right;margin:0;padding:0;width:100%;}
.select-wrapper {position: relative;}
.select-wrapper select {display: none;}
.select-wrapper .select-btn {display: -webkit-box;display: -ms-flexbox;display: flex;background: white;text-decoration: none;text-align: left; color: #333;width:100%;;height:29px;border: 1px solid rgba(0, 0, 0, 0.25);cursor: pointer;border-right:none;border-radius:4px 0 0 4px;outline:0;padding:0 12px 0 0;box-sizing:content-box;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}

.select-wrapper .select-btn .SearchCaret {position: absolute;font-size: 1.25rem;top: 0;bottom: 0;right: 0;padding: 0 .75rem;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center; align-items: center;}
.select-wrapper .select-btn img {
    width: 25px;
    margin-right: 5px;
    vertical-align: middle;
    border-radius: 50%;
}
.select-wrapper .select-btn img ~ img {margin-left: 5px;}
.select-wrapper .select-btn .SearchIcon {margin-right: 5px;vertical-align: middle;border-radius: 50%;padding: 5px;}
.select-wrapper .select-btn .SearchIcon ~ .SearchIcon {margin-left: 5px;}
.select-wrapper .select-list {display: none;list-style: none;background: white;padding: 0;top:28px;right:-1px;box-sizing:content-box;padding:6px;
                              margin: 0;position: absolute;width: 100%;/*width:158px;*/z-index: 99;border: 1px solid rgba(0, 0, 0, 0.25);border-width: 0 1px 1px;height:200px;overflow-x: auto;border-radius:0 0 4px 4px;
}
.select-wrapper .select-list li.search {
    height: 25px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;border: 1px solid rgba(0, 0, 0, 0.1);
    border-width: 0 0 1px 0;background: rgba(0, 0, 0, 0.05);padding:0 5px;border:1px solid #868686;margin:10px 3px 5px 0;width:calc(100% - 6px);border-radius:3px}
.select-wrapper .select-list li.search .SearchIcon {height: 100%;display: -webkit-box;display: -ms-flexbox; display: flex;
                                                    -webkit-box-align: center;-ms-flex-align: center;align-items: center;font-size: 1.25rem;padding: 0 3px;
}

.select-wrapper .select-list li.search .Searchclear {display: none;-webkit-box-align: center;-ms-flex-align: center;align-items: center;height: 100%;padding: 0 .75rem;font-size: 1.25rem;cursor: pointer;}
.select-wrapper .select-list li.search input {height: 100%;border:none;padding:0;border-radius: 0;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;background: transparent;outline:0;float:right;width:100%}
.select-wrapper .select-list li.no-result {display: none;height: 50px;line-height: 50px;padding: 0 0.75rem !important;text-align: center;}
.select-wrapper .select-list li.option {
    padding: 0 .75rem;height: 50px;-webkit-user-select: none;
    -moz-user-select: none;-ms-user-select: none;user-select: none;cursor: pointer;position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: #000;}
.select-wrapper .select-list li.option img {width: 25px;margin-right: 5px;margin-left: -5px;vertical-align: middle;border-radius: 50%;}
.select-wrapper .select-list li.option .SearchIcon {margin-right: 5px;vertical-align: middle;border-radius: 50%;padding: 5px;}
.select-wrapper .select-list li.option:hover {background: rgba(0, 0, 0, 0.05);}
.select-wrapper .select-list li.option[selected] {background: rgba(0, 0, 0, 0.1);}
.select-wrapper .select-list li.option[disabled] {opacity: .25;}
.select-wrapper .select-list li.option[placeholder] {display: none !important;}
.select-wrapper .select-list li.option .check {position: absolute;right: 0;top: 0;bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;padding-right: .75rem;}
.select-wrapper .select-list li.group span {cursor: default;padding: .75rem;display: block;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.select-wrapper .select-list li.group span ~ li {padding-left: 2rem !important;}
.select-wrapper .select-list li.group ul {list-style: none;padding: 0;margin: 0;}
.select-wrapper .select-list li.group ul li {padding-left: 1.5rem;}
.sub_arrow{position:absolute;top:8px;left:0px;font-size: 15px;z-index:10}
sup {color: #64ffda;font-weight: 500;font-size: .75rem;top: -1em;}

@media screen and (max-width: 789px) {
    .half {
        width: 100%;
    }
}
/* Start Select Box---------------------------------------------------------------------------------------------------------------------------------------*/

.ui_header{
    position:relative;
    background: -webkit-linear-gradient(180deg, #ededed, white);
    background: -o-linear-gradient(180deg, #ededed, white);
    background: -moz-linear-gradient(180deg, #ededed, white);
    background: linear-gradient(180deg, #ededed, white);
    /* height:100px;/*border-bottom:2px solid #0087d4;*/
}
.UnorderList{float:right;width:100%;margin:0;padding:0;list-style-type:none;/*border:1px solid red*/}
.UnorderList li{float:right;width:100px;margin:0;padding:0;/*border:1px solid blue*/}
.UnorderList li .UnorderList_href{float:right;width:100%;padding:0 0 7px 0;text-align:center;/*border:1px solid green*/}
.PageInfo{position:relative}
.PageInfo h5{padding:7px 20px 8px 0;color:white}
.PageInfo i{position:absolute;top:7px;right:5px;color:white}
.PageInfo span{width:100%;height:2px;}