/* main */
html,body { margin:0px; padding:0px; height:100%; width:100%; color:#000; background-color:#fff; }
html,body,table,td,input,select,textarea { font-family:Verdana,Arial; font-size:11px; }
p { margin-top:0px; margin-bottom:5px; }
a { text-decoration:none; }
a:hover { text-decoration:underline; }
form { margin:0px; }
select,input[type="radio"],input[type="checkbox"],input[type="button"],input[type="submit"],input[type="reset"],label { cursor:pointer; }
select,
input[type="text"],
input[type="password"],
input[type="file"],
input[type="button"],
input[type="submit"],
input[type="reset"],
input[type="number"],
input[type="search"],
input[type="month"],
textarea { 
    padding:4px; border-radius:0px; border: 1px solid #777; outline:none;
    
}
input[type="month"]{
    height: 13px;
}
select { padding:3px; }
input[type="image"] {outline:none;}




/* scroll ********************************* /
::-webkit-scrollbar { width:16px; height:16px; background-color:transparent;overflow: visible;}
::-webkit-scrollbar-button {height:0;width:0;}
::-webkit-scrollbar-track {}
::-webkit-scrollbar-thumb:vertical {
    background-clip:padding-box;
    background-color:#f2f2f2;
    border-top:5px solid transparent;
    border-right:4px solid transparent;
    border-bottom:1px solid transparent;
    border-left:3px solid transparent;
    box-shadow: inset 1px 1px 0 #97979773, inset -1px -1px 0 #97979773;
}
::-webkit-scrollbar-thumb:horizontal {
    background-clip:padding-box;
    background-color:#f2f2f2;
    border-top:4px solid transparent;
    border-right:1px solid transparent;
    border-bottom:3px solid transparent;
    border-left:3px solid transparent;
    box-shadow: inset 1px 1px 0 #97979773, inset -1px -1px 0 #97979773;
}

::-webkit-scrollbar-corner { background-color:transparent;cursor:pointer;}
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-thumb:active {background-color:#ddd}

/* scroll *********************************/





.home_widget_handle div>a:hover {color:#167ac6 !important;} 






/* ICON SVG .......... */
.system_IconSvg{
    -webkit-mask-size: cover;
    mask-size:cover;
    background-color: #555;
}
.system_IconSvg[data-icon="cog"]{
    -webkit-mask: url(../svg/mobile/cog.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="inbox-arrow-down"]{
    -webkit-mask: url(../svg/mobile/inbox-arrow-down.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="send-clock"]{
    -webkit-mask: url(../svg/mobile/send-clock.svg) no-repeat 50% 50%;
}

.system_IconSvg[data-icon="tablet-cellphone"]{
    -webkit-mask: url(../svg/mobile/tablet-cellphone.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="lock-question"]{
    -webkit-mask: url(../svg/mobile/lock-question.svg) no-repeat 50% 50%;
}

.system_IconSvg[data-icon="bg"]{
    -webkit-mask: url(../svg/mobile/bg.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="en"]{
    -webkit-mask: url(../svg/mobile/en.svg) no-repeat 50% 50%;
}


.system_IconSvg[data-icon="close2"]{
    -webkit-mask: url(../svg/mobile/close2.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="download_2"]{
    -webkit-mask: url(../svg/mobile/download_2.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="eye-outline"]{
    -webkit-mask: url(../svg/mobile/eye-outline.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="folder-upload-outline"]{
    -webkit-mask: url(../svg/mobile/folder-upload-outline.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="folder-plus-outline"]{
    -webkit-mask: url(../svg/mobile/folder-plus-outline.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="upload2"]{
    -webkit-mask: url(../svg/mobile/upload2.svg) no-repeat 50% 50%;
}

.system_IconSvg[data-icon="cancel"]{
    -webkit-mask: url(../svg/mobile/cancel.svg) no-repeat 50% 50%;
}

.system_IconSvg[data-icon="group"]{
    -webkit-mask: url(../svg/mobile/group.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="person"]{
    -webkit-mask: url(../svg/mobile/person.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="person_add"]{
    -webkit-mask: url(../svg/mobile/person_add.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="reply_all"]{
    -webkit-mask: url(../svg/mobile/reply_all.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="person_delete"]{
    -webkit-mask: url(../svg/mobile/person_delete.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="loop"]{
    -webkit-mask: url(../svg/mobile/loop.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="arrow_downward"]{
    -webkit-mask: url(../svg/mobile/arrow_downward.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="arrow_upward"]{
    -webkit-mask: url(../svg/mobile/arrow_upward.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="baseline-format_list_bulleted"]{
    -webkit-mask: url(../svg/mobile/baseline-format_list_bulleted.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="rss"]{
    -webkit-mask: url(../svg/mobile/rss.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="baseline-help"]{
    -webkit-mask: url(../svg/mobile/baseline-help.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="reminder"]{
    -webkit-mask: url(../svg/mobile/reminder.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="notifications_off"]{
    -webkit-mask: url(../svg/mobile/notifications_off.svg) no-repeat 50% 50%;
}

.system_IconSvg[data-icon="close"]{
    -webkit-mask: url(../svg/mobile/close.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="new-window"]{
    -webkit-mask: url(../svg/mobile/new-window.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="check_box"]{
    -webkit-mask: url(../svg/mobile/check_box_outline_blank.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="check_box"]{
    -webkit-mask: url(../svg/mobile/check_box.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="insert_drive_file"]{
    -webkit-mask: url(../svg/mobile/insert_drive_file.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="filter_list"]{
    -webkit-mask: url(../svg/mobile/filter_list.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="cloud_queue"]{
    -webkit-mask: url(../svg/mobile/cloud_queue.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="headline"]{
    -webkit-mask: url(../svg/mobile/headline.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="headstep-down"]{
    -webkit-mask: url(../svg/mobile/headstep-down.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="keyboard_arrow_right"]{
    -webkit-mask: url(../svg/mobile/keyboard_arrow_right.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="keyboard_arrow_left"]{
    -webkit-mask: url(../svg/mobile/keyboard_arrow_left.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="arrow_forward"]{
    -webkit-mask: url(../svg/mobile/arrow_forward.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="format_indent_increase"]{
    -webkit-mask: url(../svg/mobile/format_indent_increase.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="arrow_back"]{
    -webkit-mask: url(../svg/mobile/arrow_back.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="playlist_add"]{
    -webkit-mask: url(../svg/mobile/playlist_add.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="notifications"]{
    -webkit-mask: url(../svg/mobile/notifications.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="attention"]{
    -webkit-mask: url(../svg/mobile/attention.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="grid_on"]{
    -webkit-mask: url(../svg/mobile/grid_on.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="birthday-cake"]{
    -webkit-mask: url(../svg/mobile/birthday-cake.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="directions_car"]{
    -webkit-mask: url(../svg/mobile/directions_car.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="note"]{
    -webkit-mask: url(../svg/mobile/note.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="business"]{
    -webkit-mask: url(../svg/mobile/business.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="mail_outline"]{
    -webkit-mask: url(../svg/mobile/mail_outline.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="settings"]{
    -webkit-mask: url(../svg/mobile/settings.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="settings_phone"]{
    -webkit-mask: url(../svg/mobile/settings_phone.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="phone_forwarded"]{
    -webkit-mask: url(../svg/mobile/phone_forwarded.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="phone"]{
    -webkit-mask: url(../svg/mobile/phone.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="mobile"]{
    -webkit-mask: url(../svg/mobile/mobile.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="assignment"]{
    -webkit-mask: url(../svg/mobile/assignment.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="home1"]{
    -webkit-mask: url(../svg/mobile/home1.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="refresh"]{
    -webkit-mask: url(../svg/mobile/refresh.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="sendmsg2"]{
    -webkit-mask: url(../svg/mobile/sendmsg2.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="sendmsg3"]{
    -webkit-mask: url(../svg/mobile/sendmsg3.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="palette"]{
    -webkit-mask: url(../svg/mobile/palette.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="doc"]{
    -webkit-mask: url(../svg/mobile/doc.svg) no-repeat 50% 50%;
    -webkit-mask-size: 100% 100%;
}
.system_IconSvg[data-icon="done"]{
    -webkit-mask: url(../svg/mobile/done.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="edit"]{
    -webkit-mask: url(../svg/mobile/edit.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="forward"]{
    -webkit-mask: url(../svg/mobile/forward.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="history"]{
    -webkit-mask: url(../svg/mobile/history.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="people"]{
    -webkit-mask: url(../svg/mobile/people.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="pin"]{
    -webkit-mask: url(../svg/mobile/pin.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="save"]{
    -webkit-mask: url(../svg/mobile/save.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="reply"]{
    -webkit-mask: url(../svg/mobile/reply.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="show-more-vertical"]{
    -webkit-mask: url(../svg/mobile/show-more-vertical.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="cloud-download"]{
    -webkit-mask: url(../svg/mobile/cloud-download.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="attachment"]{
    -webkit-mask: url(../svg/mobile/attachment.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="tag"]{
    -webkit-mask: url(../svg/mobile/tag.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="add"]{
    -webkit-mask: url(../svg/mobile/add.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="delete"]{
    -webkit-mask: url(../svg/mobile/delete.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="sendmsg"]{
    -webkit-mask: url(../svg/mobile/sendmsg.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="view-type6"]{
    -webkit-mask: url(../svg/mobile/view-type6.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="view-type5"]{
    -webkit-mask: url(../svg/mobile/view-type5.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="download"]{
    -webkit-mask: url(../svg/mobile/download.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="upload"]{
    -webkit-mask: url(../svg/mobile/upload.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="info"]{
    -webkit-mask: url(../svg/mobile/info.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="close2"]{
    -webkit-mask: url(../svg/mobile/close2.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="replay"]{
    -webkit-mask: url(../svg/mobile/replay.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="date_range"]{
    -webkit-mask: url(../svg/mobile/date_range.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="check"]{
    -webkit-mask: url(../svg/mobile/check.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="check_list"]{
    -webkit-mask: url(../svg/mobile/check_list.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="folder"]{
    -webkit-mask: url(../svg/mobile/folder.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="calendar_notification"]{
    -webkit-mask: url(../svg/mobile/calendar_notification.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="search"]{
    -webkit-mask: url(../svg/mobile/search.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="list2"]{
    -webkit-mask: url(../svg/mobile/list2.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="circle-filled"]{
    -webkit-mask: url(../svg/mobile/circle-filled.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="rolling-fff"]{
    -webkit-mask: url(../svg/mobile/rolling-fff.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="rolling-555"]{
    -webkit-mask: url(../svg/mobile/rolling-555.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="expand_less"]{
    -webkit-mask: url(../svg/mobile/expand_less.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="expand_more"]{
    -webkit-mask: url(../svg/mobile/expand_more.svg) no-repeat 50% 50%;
}
.system_IconSvg[data-icon="link2"]{
    -webkit-mask: url(../svg/mobile/link2.svg) no-repeat 50% 50%;
}
/* ICON SVG .......... */


/* colors */
.bgrf { background-color:#fff; }
.bgre { background-color:#eee; }
.bgrd { background-color:#ddd; }
.bgrc { background-color:#ccc; }
.bgrb { background-color:#bbb; }
.bgra { background-color:#aaa; }
.bgr9 { background-color:#999; }
.bgr8 { background-color:#888; }
.bgr7 { background-color:#777; }

/* general */
.rounded { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; }
.disabled { filter: alpha(opacity=20); -moz-opacity:0.2; -khtml-opacity: 0.2; opacity: 0.2; }
.disabled2 { filter: alpha(opacity=40); -moz-opacity:0.4; -khtml-opacity: 0.4; opacity: 0.4; }
.stopped { filter: alpha(opacity=35); -moz-opacity:0.35; -khtml-opacity: 0.35; opacity: 0.35; }
.shadow { -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5); box-shadow: 3px 3px 3px rgba(0,0,0,0.5); }
.shadow-var2 { 
/*    -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12); 
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.15),-1px 0 0 rgba(0,0,0,0.03),1px 0 0 rgba(0,0,0,0.03),0 1px 0 rgba(0,0,0,0.12); 
    box-shadow: 
        0 1px 1px rgba(0,0,0,0.15), 
        -1px 0 0 rgba(0,0,0,0.03),
        1px 0 0 rgba(0,0,0,0.03),
        0 1px 0 rgba(0,0,0,0.12);*/

    box-shadow:
        1px 1px 1px 0px rgba(0,0,0,0.15), 
        -1px 0 0 rgba(0,0,0,0.03), 
        1px 0 0 rgba(0,0,0,0.03), 
        0 1px 0 rgba(0,0,0,0.12);
}
.shadow-var3 { -moz-box-shadow: 8px 7px 12px 1px rgba(0,0,0,0.5); -webkit-box-shadow: 8px 7px 12px 1px rgba(0,0,0,0.5); box-shadow: 8px 7px 12px 1px rgba(0,0,0,0.5); }
.shadow-var4 { -moz-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5); -webkit-box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5); box-shadow: 1px 1px 3px 0px rgba(0,0,0,0.5); }
.radio { position:relative; margin-top:0; top:2px; }
.btn { margin:-1px; padding:2px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; }
.btn:hover { background-color:#fff; }
.btn.disabled:hover,.btn.disabled2:hover { background-color:transparent; }

/* menus */
.intramenubtn { clear:both;width:220px;height:30px;margin:0px 0px 5px 1px;border:0;border-bottom:0px solid #888;border-left:0px solid #888; -webkit-user-select: none;}
.intramenubtn>a:first-child { background-color:#eee; display:block; float:left;padding:3px 0px 2px 0px;}
.intramenu { display:block;float:left;background:#C8C8C8;width:165px;height:16px;padding:11px 7px 9px 7px;color:#000;text-decoration:none;font-size:12px;border-top:0px solid #eee; -webkit-user-select: none; }
.intramenu:hover { background:#eee; text-decoration:none; color:#000}
.intramenu.selected { background:#fff; color:#555; font-weight:bold; }
/*.intramenu .vertical { display:none; position:fixed;left:165px;top:0px;width:8px;height:100%;z-index:2;/*border-right:10px solid #8888;background:#aaa; box-shadow: -3px 0px 15px rgba(0,0,0,0.2); }*/
/*.intramenu.selected .vertical { display:block; }*/
/*.vertical div { font-weight:normal; text-align:right;padding:0px 0px 0px 0px;width:340px;height:340px;font-size:20px;color:#fff;-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }*/

/* sys dialog */
.tl-dialog-bgr {position:absolute;top:0px;left:0px;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);}
.tl-dialog-alert {position:absolute;top:20%;left:-webkit-calc(50% - 250px);width:500px;height:auto;-webkit-box-shadow:2px 2px 20px #000}
.tl-dialog-alert-text-area {width:460px;min-height:50px;padding:20px 20px 20px 20px;background-color:#fff;}
.tl-dialog-alert-text {position:relative;background-color:#fff;width:460px;min-height:50px;max-height:300px;font-size:1.3em;font-weight:normal;overflow:auto;word-break:break-word;}
.tl-dialog-alert-input-area {width:460px;font-size:1.3em;font-weight:normal;}
.tl-dialog-alert-input {width:460px;}
.tl-dialog-alert-buttonsarea {width:500px;height:30px;background-color:#999;}


.tl-dialog-button-ok {float:right;background-color:#4B4B4B;padding:4px;color:white;font-weight:bold;cursor:pointer;margin:5px 10px 0px 5px;width:25px;text-align:center;}
.tl-dialog-button-ok:hover {background-color:#ff6c00;}
.tl-dialog-button-cancel {float:right;background-color:#DFDFDF;padding:4px;color:#000;font-weight:bold;cursor:pointer;margin:5px 0px 0px 0px;width:38px;text-align:center;}
.tl-dialog-button-cancel:hover {background-color:#ff6c00;color:#fff}


/* ALERT ........................ */
/*.tl-dialog-alert {
    position: absolute;
    top: 20%;
    left: -webkit-calc(50% - 150px);
    width: 300px;
    height: auto;
-webkit-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.75);
box-shadow: 0px 4px 7px 0px rgba(0,0,0,0.75);
}

.tl-dialog-alert-text-area {
    min-height: 50px;
    padding: 8px 20px 0px 20px;
    background-color: #fff;
}
.tl-dialog-alert-text-area input{
    visibility: hidden;
    position: absolute;
    left: 25px;
    top: 25px;
}

.tl-dialog-alert-icon{
    margin: 0 auto;
    width: 90px;
    height: 90px;
}
.tl-dialog-alert-icon-svg{
    width: 100%;
    height: 100%;
    background-color: #ffcd30;
    -webkit-mask-position: 50% 50%;
    mask-position: 50% 50%;
    -webkit-mask-size: 100%;
    mask-size: 100%;
}



.tl-dialog-alert-text {
    position: relative;
    background-color: #fff;
     width: 260px; 
    min-height: 50px;
    max-height: 300px;
     font-size: 1.2em; 
    font-weight: normal;
    overflow: auto;
    font-size: 14px;
    word-break: break-word;
    margin: 4px 0 0 0;
}

.tl-dialog-alert-input-area {
    width:260px;
    font-size:1.3em;
    font-weight:normal;
}

.tl-dialog-alert-input {
    width:260px;
}

.tl-dialog-alert-buttonsarea {
    background-color: #fff;
    padding: 10px 0 15px 0;
}

.tl-dialog-alert-buttonsarea .tl-dialog-button-ok{
    background-color: #4B4B4B;
    padding: 0;
    color: #fff;
     font-weight: normal; 
    cursor: pointer;
    margin: 0px auto 0 auto;
    width: 62px;
    text-align: center;
    line-height: 36px;
    float: none;
    font-size: 14px;
}
.tl-dialog-alert-buttonsarea .tl-dialog-button-ok:hover{
    background-color: #616161;
}
*/

/* ALERT ........................ */




/* items */

dt { border-top:1px dotted #CCCCCC; }
dd { margin-left:0px; }
.gray { color:#999999; }
.title { font-family:Verdana,Arial; font-size:17px; color:#C50000; letter-spacing:-1px;  }
.title2 { font-family:Verdana,Arial; font-size:21px; color:#C50000; }
.normal { font-family:Verdana,Arial; font-size:12px; }
.small { font-family:Verdana,Arial; font-size:10px; }

.box {
  border:1px solid #666666;
  margin-bottom:10px;
  /*border-radius:10px;*/
  overflow:hidden;
}
/*
.boxflash {
  border:1px dashed #DD0000;
  margin-top:10px;
  margin-bottom:10px;
}*/

.flashborder { border-style:dashed; }

.td {
  vertical-align: top;
  background:#eeeeee;
  padding:4px;
}

.th {
  vertical-align: top;
  background:#dddddd;
  border-bottom:1px solid #AAAAAA;
  border-right:1px solid #AAAAAA;
  padding:4px;
}

#itip.itiparrow-white {overflow:initial !important;background:#fff;}
#itip.itiparrow-white::before {content:url('../img/triangle-up-white.png');position:absolute;top:-15px;left:6px;z-index:200;}

#itip.itiparrow-dark {overflow:initial !important;background:rgba(0, 0, 0, 0.4);}
#itip.itiparrow-dark::before {content:url('../img/triangle-up-dark.png');position:absolute;top:-14px;left:7px;z-index:200;}
#itip.itiparrow-dark-title::before {content:url('../img/triangle-up-dark2.png');position:absolute;top:-14px;left:7px;z-index:200;}
#itip.itiparrow-dark::-webkit-scrollbar-thumb {background-color:#fff !important;}
#itip.itiparrow-dark::-webkit-scrollbar-thumb:hover, #itip.itiparrow-dark::-webkit-scrollbar-thumb:active {background-color:#eee !important;}

.loading{
    width: 100%; 
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-color: #fff;
    background-image: url(../img/loading.gif);
    background-position: center;
    background-repeat: no-repeat;
    
    z-index: 100;
}
.loading[data-bg="transparent"]{
    background-color: transparent;
}
.loading[data-loading-color="fff"]{
    background-image: url(../img/loading.gif);
}

.clear{
    clear: both;
    margin: 0;
    padding: 0;
    height: 0;
    width: 0;
}


/* USER PHOTO .......... */
.system_UserPhoto{
    border-radius: 200px;
    width: 70px;
    height: 70px;
    overflow: hidden;
    background-size: cover;
    background-position: 50% 20%;
}
/* USER PHOTO .......... */


/* PLOT_A .......... */
.plotA{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.plotA .bg{
   position: absolute;
   top: 0;
   left: 0;
    width: 100%;
    height: 100%;
   background-color: #00000050;
   z-index: 1;
}

.plotA .content{
    z-index: 2;
    max-height: calc(100% - 120px);
    overflow: auto;
    max-width: calc(100% - 200px);
}
/* PLOT_A .......... */



/* PLOT_B .......... */
.plotB{
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 1000;
    top: 0;
    left: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.plotB .bg{
   position: absolute;
   top: 0;
   left: 0;
    width: 100%;
    height: 100%;
   background-color: #00000050;
   z-index: 1;
}

.plotB .content{
    z-index: 2;
    max-height: calc(100% - 60px);
    overflow: auto;
    max-width: calc(100% - 60px);
}
/* PLOT_B .......... */



/* TL/HTML/EDITOR ........................... */
.TlHtmlEditor{
    background-color: #fff;
    padding: 0;
    width: 100%;
    height: 100%;
    min-height: 100px;
    position: relative;
}    

/* clear ....... */
.TlHtmlEditor .clear{
    clear: both;
    margin: 0;
    padding: 0;
    width: 0;
    height: 0;
}  

/* content ....... */
.TlHtmlEditor > .content{
    width: calc(100% - 16px);
    height: calc(100% - 44px);
    outline: none;
    min-height: 50px;
    overflow: auto;
    padding: 4px 8px 6px 8px;
    font-size: 13px;
} 



/* toolbar ........................... */
.TlHtmlEditor .toolbar{
    padding: 4px 4px 0px 4px;
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none; 
}   

/* toolbar/button ....... */
.TlHtmlEditor .toolbar .button{
    margin: 0 1px 0 0;
    padding: 0;
    border: none;
    outline: none;
    width: 30px;
    height: 30px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    cursor: pointer;
    background-color: #fff;
    transition: background-color 0.1s ease-in;
    display: block;
    float: left;
    position: relative;
} 
.TlHtmlEditor .toolbar .button:hover{
    background-color: #ddd;
} 
.TlHtmlEditor .toolbar .button[data-type="bold"]{
    background-image: url(../svg/format_bold.svg); 
} 
.TlHtmlEditor .toolbar .button[data-type="italic"]{
    background-image: url(../svg/format_italic.svg);
} 
.TlHtmlEditor .toolbar .button[data-type="underline"]{
    background-image: url(../svg/format_underlined.svg);
} 
.TlHtmlEditor .toolbar .button[data-type="ul"]{
    background-image: url(../svg/format_list_bulleted.svg);
} 
.TlHtmlEditor .toolbar .button[data-type="ol"]{
    background-image: url(../svg/format_list_numbered.svg);
}  
.TlHtmlEditor .toolbar .button[data-type="colorText"]{
    background-image: url(../svg/format-text-variant.svg);
}  
.TlHtmlEditor .toolbar .button[data-type="colorBg"]{
    background-image: url(../svg/format-color-fill.svg);
} 
/* toolbar/button ....... */


/* toolbar/color/icon ....... */
.TlHtmlEditor .toolbar .color .icon{
    width: 100%;
    height: 100%;
    margin: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 24px;
    background-image: url(../svg/palette2.svg);
} 


/* toolbar/color/palette ....... */
.TlHtmlEditor .toolbar .palette{
    position: absolute;
    top: calc(100% + 4px);
    left: 0px;
    width: auto;
    padding: 0 0 0 0;
    border: 1px solid #eee;
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.3);
    display: none;
} 


/* toolbar/color/palette/table ....... */
.TlHtmlEditor .toolbar .palette table{
    border: 1px solid #fff;
    border-collapse: collapse;
    background-color: #fff;
} 
.TlHtmlEditor .toolbar .palette table td{
    border: 1px solid #fff;
    padding: 0;
} 
.TlHtmlEditor .toolbar .palette table td .color{
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 10px;
} 

/* TL/HTML/EDITOR ........................... */