/* Mobile Devices */
@media (max-width: 768px) {
    #Dialog {position: fixed;top : 0px !important;left : 0 !important;z-index : 990;width:100% !important;height: 100% !important;}
    #Dialog #TopCenter, #Dialog #BottomCenter, #Dialog #RightCenter, #Dialog #LeftCenter {position: absolute;z-index : 991;}
    #Dialog #TopCenter {display: none;}
    #Dialog #BottomCenter {display: none;}
    #Dialog #BottomCenter #Status {display: none;}
    #Dialog #TopLeftCorner, #Dialog #TopRightCorner, #Dialog #BottomLeftCorner, #Dialog #BottomRightCorner {position: absolute;z-index : 991;}
    #Dialog #LeftHeader, #Dialog #CenterHeader, #Dialog #RightHeader {position: absolute;}
    #Dialog #Content #CenterHeader {position: absolute;top : 0;left : 0;height : 30px;width : 100%;z-index : 989;cursor:default !important;background-color: #126DC8;}
    #Dialog #Content #CenterHeader #Icon {position: absolute;top : 3px;left : 3px;width : 24px;height: 24px;background-size: 24px 24px;color: white;text-align: center;line-height: 24px;}
    #Dialog #Content #CenterHeader #Icon i {font-size: 23px;}
    #Dialog #Content #CenterHeader #Title {position: absolute;top : 3px;left : 30px;height: 24px;line-height: 24px;width: 100%;font-weight: normal;text-indent: 5px;color: #EEEEEE;font-size: 15px;}
    #Dialog #Content {position: absolute;top : 0;left : 0;background: white;z-index : 990;width: 100%;height : 100%;}
    #Dialog #Content #ToolBar {position: absolute;bottom : 0;left : 0;width : 100%;height: 100px !important;border-top: 1px solid #e5e5e5;background: white;}
    #Dialog #Content #ToolBar .toolbar-tabs {display:none;}
    #Dialog #Content #ToolBar .tabs-content {display:none;}
    #Dialog #Content #ToolBar .Element { width : 65px; height : 84px; margin-top : 3px; }
    #Dialog #Content #ToolBar .Element:hover { background-color: white; cursor: pointer; border-radius: 10px; background-color: #EFE3A7 }
    #Dialog #Content #ToolBar .Left { float : left; margin-left : 3px; }
    #Dialog #Content #ToolBar .Right { float : right; margin-right : 3px; }
    #Dialog #Content #ToolBar .Separator { width : 10px; height : 84px; margin-top : 3px; background: url("Images/Separator.png") no-repeat center; }
    #Dialog #Content #ToolBar .Element .Icon { width: 65px; height : 65px; background-repeat: no-repeat; background-position: center; }
    #Dialog #Content #ToolBar .Element .Text { text-align: center; width : 65px; height: 19px; line-height: 19px; color: #4d5174; }
    #Dialog #Content #ToolBar .PermanentGroup {width: auto;height: 100%;border: none; min-width: 70px;overflow: hidden;border-radius: 0;position: absolute;bottom: 0;right: 0;}
    #Dialog #Content #ToolBar .PermanentGroupLeft {width: auto;height: 100%;border: none; min-width: 70px;overflow: hidden;border-radius: 0;position: absolute;bottom: 0;left: 0;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer, #Dialog #Content #ToolBar .PermanentGroupLeft .ElementsContainer {position: relative;top: 0;left: 0;width: 100%;height: 100px;min-height: 96px;}
    #Dialog #Content #ToolBar .PermanentGroup .Name {display: none;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer .Element, #Dialog #Content #ToolBar .PermanentGroupLeft .ElementsContainer .Element {width : 70px;height : 100%;float : right;cursor: pointer;margin-top:0;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer .Name, #Dialog #Content #ToolBar .PermanentGroupLeft .ElementsContainer .Name {position: relative;width: 100%;height: calc(100% - 96px);background-color: #C0D8F4;text-align: center;font-size: 9px;color : #5D7798;cursor: default;line-height: 15px;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer .Element:hover, #Dialog #Content #ToolBar .PermanentGroupLeft .ElementsContainer .Element:hover {background-color: #EFE3A7;border-radius: 0;cursor: pointer;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer .Element .Icon, #Dialog #Content #ToolBar .PermanentGroupLeft .ElementsContainer .Element .Icon {width : 70px;height : 70px;margin-top : 6px;position: relative;text-align: center;line-height: 90px;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer .Element .Icon i, #Dialog #Content #ToolBar .PermanentGroupLeft .ElementsContainer .Element .Icon i {color: #116CC9;font-size: 41px;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer .Element .Text, #Dialog #Content #ToolBar .PermanentGroupLeft .ElementsContainer .Element .Text {width : 70px;height : 20px;line-height: 20px;text-align: center;font-size: 11px;color: #4D5174;}    
    #Dialog #Content #Data {position: absolute;left : 0;width : 100%;height : 0;overflow: auto;height: calc(100% - 130px);bottom:100px;}
    #Dialog #Content #Data center { font-size: inherit; }
    #Dialog #Content #Pager {position: absolute;bottom : 0;left : 0;height : 29px;width : 100%;border-top: gray solid 1px;background: url(images/Pager.gif) repeat-x 0 -1px;overflow: hidden;white-space: nowrap;}
    #Dialog #Content #Pager #Status {float : left;height : 29px;line-height: 29px;margin-left : 5px;}
    #Dialog #Content #Pager #First {float : left;width : 25px;height : 29px;background: url('Images/First.gif') center no-repeat;opacity : 0.5;}
    #Dialog #Content #Pager #First:hover {opacity : 1;}
    #Dialog #Content #Pager #Prev {float : left;width : 25px;height : 29px;background: url('Images/Prev.gif') center no-repeat;opacity : 0.5;}
    #Dialog #Content #Pager #Prev:hover {opacity : 1;}
    #Dialog #Content #Pager #Next {float : left;width : 25px;height : 29px;background: url('Images/Next.gif') center no-repeat;opacity : 0.5;}
    #Dialog #Content #Pager #Next:hover {opacity : 1;}
    #Dialog #Content #Pager #Last {float : left;width : 25px;height : 29px;background: url('Images/Last.gif') center no-repeat;opacity : 0.5;}
    #Dialog #Content #Pager #Last:hover {opacity : 1;}
    #Dialog #Content #Pager #Separator {border-left: 1px solid #ccc;border-right: 1px solid #fff;float: left;height: 27px;margin: 1px;}
    #Dialog #Content #Pager #Destroy {float: right;width : 25px;height : 29px;background: url('Images/RemovePager.png') center no-repeat;opacity : 0.5;margin-right : 5px;}
    #Dialog #Content #Pager #Destroy:hover {opacity : 1;}
    #Dialog #Content #Pager #Currpage {float : left;height : 29px;line-height : 29px;min-width: 30px;margin-left : 5px;margin-right : 5px;}
    #Dialog #Content #Pagecontainer {width : 100%;height : calc(100% - 150px);position: absolute;top : 120px;left : 0;overflow : auto;}
    #Dialog #Content #Pagecontainer #Page {width : 100%;height : 1122px;position: absolute;top : 0;left : 0;}
    #Dialog #Content .dialog-web-menu {position: absolute;bottom: 100px;left: 0;width: 100%;height: 0;border-top: #bfc8cf 1px solid;overflow: auto;z-index: 2;background: white;}
    #Dialog #Content .dialog-web-menu .Group {width: 100%;position: relative;}
    #Dialog #Content .dialog-web-menu .Group .ElementsContainer {width: 100%;position: relative;}
    #Dialog #Content .dialog-web-menu .Group .Name {display: none;}
    #Dialog #Content .dialog-web-menu .Group .ElementsContainer .Element {cursor: pointer;height: 45px;padding-bottom: 5px;padding-left: 5px;position: relative;width: 100%;border-bottom: #bfc8cf 1px solid;padding-top: 5px;}
    #Dialog #Content .dialog-web-menu .Group .ElementsContainer .Element:first-child {}
    #Dialog #Content .dialog-web-menu .Group .ElementsContainer .Element .Icon {position: relative;height: 45px;width: 45px;background-repeat: no-repeat;background-size: 42px 42px;background-position: center;margin-left: 5px;float: left;text-align: center;line-height: 60px;}
    #Dialog #Content .dialog-web-menu .Group .ElementsContainer .Element .Icon i {color: #116CC9;font-size: 35px;}
    #Dialog #Content .dialog-web-menu .Group .ElementsContainer .Element .Text {position: relative;height: 45px;line-height: 45px;font-size: 14px;margin-left: 5px;width: calc(100% - 60px);float: left;}
    #Dialog #Content #Data .page-header {position: relative;width: 100%;height: auto;}
    #Dialog #Content #Data .page-lines {position: relative;width: calc(100% - 10px);margin-left: 5px;height: 250px;}
    #Dialog #Content .ok-big-button {color: #126DC8;position: absolute;cursor: pointer;width: 128px;height: 128px;font-size: 101px;text-align: center;line-height: 131px;}
    #Dialog #Content .big-button-alone { bottom: 50px; right: 25px; }
    #Dialog #Content .big-button-with-friends { bottom: 50px; left: 25px; }
}

/* Tablets */
@media (min-width: 769px) and (max-width: 1284px) {
    #Dialog {position: fixed;top : 0px !important;left : 0 !important;z-index : 990;width:100% !important;height: 100% !important;}
    #Dialog #TopCenter, #Dialog #BottomCenter, #Dialog #RightCenter, #Dialog #LeftCenter {position: absolute;z-index : 991;}
    #Dialog #TopCenter {display: none;}
    #Dialog #BottomCenter {display: none;}
    #Dialog #BottomCenter #Status {display: none;}
    #Dialog #TopLeftCorner, #Dialog #TopRightCorner, #Dialog #BottomLeftCorner, #Dialog #BottomRightCorner {position: absolute;z-index : 991;}
    #Dialog #LeftHeader, #Dialog #CenterHeader, #Dialog #RightHeader {position: absolute;}
    #Dialog #Content #CenterHeader {position: absolute;top : 0;left : 0;height : 30px;width : 100%;z-index : 989;background-color: #126DC8;color: white;}
    #Dialog #Content #CenterHeader #Icon {position: absolute;top : 3px;left : 3px;width : 24px;height: 24px;text-align: center;line-height: 23px;}
    #Dialog #Content #CenterHeader #Icon i {font-size: 23px;}
    #Dialog #Content #CenterHeader #Title {position: absolute;top : 3px;left : 30px;height: 24px;line-height: 24px;width: 100%;text-indent: 5px;font-size: 15px;}
    #Dialog #Content {position: absolute;top : 0;left : 0;background: white;z-index : 990;width: 100%;height : 100%;}
    #Dialog #Content #ToolBar {position: absolute;top : 30px;left : 0;width : 100%;height: 0;border-radius: 0;border-bottom: 1px solid #EDEDED;}
    #Dialog #Content #ToolBar .toolbar-tabs {position: absolute;padding: 0;margin: 0;width: calc(100% - 5px);left: 0;top: 0;border-radius: 0;background: none;border: none;color: #5d7798;border-bottom: 1px solid #c0d8f4;}
    #Dialog #Content #ToolBar .toolbar-tabs li {margin-left: 5px;border: 1px solid #c0d8f4;border-bottom: none;border-radius-top-left: 10px;border-radius-top-right: 10px;}
    #Dialog #Content #ToolBar .toolbar-tabs .ui-state-active {}
    #Dialog #Content #ToolBar .toolbar-tabs .ui-state-hover {}
    #Dialog #Content #ToolBar .toolbar-tabs .ui-state-active a { color: black; }
    #Dialog #Content #ToolBar .toolbar-tabs li a {color: #4d5174;cursor : pointer;font-weight: bold;}
    #Dialog #Content #ToolBar .tabs-content {position: absolute;top : 30px;left: 0;width: calc(100% - 140px);height: calc(100% - 30px);margin: 0;padding: 0;}
    #Dialog #Content #ToolBar .tabs-content .Group {width: auto;height: 100%;border-right: dotted 1px #c0d8f4;border-left: none;border-bottom: none;border-top: none;min-width: 70px;overflow: hidden;border-radius: 0;}
    #Dialog #Content #ToolBar .tabs-content .Group .ElementsContainer {position: relative;top: 0;left: 0;width: 100%;height: 96px;min-height: 96px;}
    #Dialog #Content #ToolBar .tabs-content .Group .Name {position: relative;width: 100%;height: calc(100% - 96px);background-color: #126DC8;text-align: center;font-size: 9px;color: white;cursor: pointer;line-height: 15px;text-transform: uppercase;}
    #Dialog #Content #ToolBar .tabs-content .Group .Element {width : 70px;height : 100%;float : left;cursor: pointer;margin-top:0;border-radius: 0;}
    #Dialog #Content #ToolBar .tabs-content .Group .Element:hover {background-color: #EFE3A7;cursor: pointer;border-radius: 0;}
    #Dialog #Content #ToolBar .tabs-content .Group .Element .Icon {width : 70px;height : 64px;margin-top : 6px;position: relative;background: center no-repeat;background-size: 64px 64px;text-align: center;color: #116CC9;line-height: 84px;}
    #Dialog #Content #ToolBar .tabs-content .Group .Element .Icon i { font-size: 46px; }
    #Dialog #Content #ToolBar .tabs-content .Group .Element .Text {width : 70px;height : 26px;line-height: 26px;text-align: center;font-size: 11px;color: #4D5174;}
    #Dialog #Content #ToolBar .Element { width : 65px; height : 84px; margin-top : 3px; }
    #Dialog #Content #ToolBar .Element:hover { background-color: white; cursor: pointer; border-radius: 10px; background-color: #EFE3A7 }
    #Dialog #Content #ToolBar .Left { float : left; margin-left : 3px; }
    #Dialog #Content #ToolBar .Right { float : right; margin-right : 3px; }
    #Dialog #Content #ToolBar .Separator { width : 10px; height : 84px; margin-top : 3px; background: url("Images/Separator.png") no-repeat center; }
    #Dialog #Content #ToolBar .Element .Icon { width: 65px; height : 65px; background-repeat: no-repeat; background-position: center; }
    #Dialog #Content #ToolBar .Element .Text { text-align: center; width : 65px; height: 19px; line-height: 19px; color: #4d5174; }
    #Dialog #Content #ToolBar .PermanentGroup {width: auto;height: calc(100% - 29px);border-left: solid 1px #c0d8f4;border-right: none;border-bottom: none;border-top: none;min-width: 70px;overflow: hidden;border-radius: 0;position: absolute;bottom: 0;right: 0;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer {position: relative;top: 0;left: 0;width: 100%;height: 96px;min-height: 96px;}
    #Dialog #Content #ToolBar .PermanentGroup .Name {position: relative;width: 100%;height: calc(100% - 96px);background-color: #126DC8;text-align: center;font-size: 9px;color: white;cursor: default;line-height: 15px;text-transform: uppercase;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer .Element {width : 70px;height : 100%;float : right;cursor: pointer;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer .Name {position: relative;width: 100%;height: calc(100% - 96px);background-color: #C0D8F4;text-align: center;font-size: 9px;color : #5D7798;cursor: default;line-height: 15px;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer .Element:hover {background-color: #EFE3A7;border-radius: 0;cursor: pointer;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer .Element .Icon {width : 70px;height : 64px;margin-top : 6px;position: relative;text-align: center;background: center no-repeat;line-height: 84px;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer .Element .Icon i, #Dialog #Content #ToolBar .PermanentGroupLeft .ElementsContainer .Element .Icon i {color: #116CC9;font-size: 46px;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer .Element .Text {width : 70px;height : 20px;line-height: 20px;text-align: center;font-size: 11px;color: #4D5174;}
    #Dialog #Content #Data {position: absolute;top : 0;left : 0;width : 100%;height : 0; overflow: auto;height: calc(100% - 170px);top:170px;}
    #Dialog #Content #Data center { font-size: inherit; }
    #Dialog #Content #Pager {position: absolute;bottom : 0;left : 0;height : 29px;width : 100%;border-top: gray solid 1px;background: url(images/Pager.gif) repeat-x 0 -1px;overflow: hidden;white-space: nowrap;}
    #Dialog #Content #Pager #Status {float : left;height : 29px;line-height: 29px;margin-left : 5px;}
    #Dialog #Content #Pager #First {float : left;width : 25px;height : 29px;background: url('Images/First.gif') center no-repeat;opacity : 0.5;}
    #Dialog #Content #Pager #First:hover {opacity : 1;}
    #Dialog #Content #Pager #Prev {float : left;width : 25px;height : 29px;background: url('Images/Prev.gif') center no-repeat;opacity : 0.5;}
    #Dialog #Content #Pager #Prev:hover {opacity : 1;}
    #Dialog #Content #Pager #Next {float : left;width : 25px;height : 29px;background: url('Images/Next.gif') center no-repeat;opacity : 0.5;}
    #Dialog #Content #Pager #Next:hover {opacity : 1;}
    #Dialog #Content #Pager #Last {float : left;width : 25px;height : 29px;background: url('Images/Last.gif') center no-repeat;opacity : 0.5;}
    #Dialog #Content #Pager #Last:hover {opacity : 1;}
    #Dialog #Content #Pager #Separator {border-left: 1px solid #ccc;border-right: 1px solid #fff;float: left;height: 27px;margin: 1px;}
    #Dialog #Content #Pager #Destroy {float: right;width : 25px;height : 29px;background: url('Images/RemovePager.png') center no-repeat;opacity : 0.5;margin-right : 5px;}
    #Dialog #Content #Pager #Destroy:hover {opacity : 1;}
    #Dialog #Content #Pager #Currpage {float : left;height : 29px;line-height : 29px;min-width: 30px;margin-left : 5px;margin-right : 5px;}
    #Dialog #Content #Pagecontainer {width : 100%;height : calc(100% - 200px);position: absolute;top : 170px;left : 0;overflow : auto;}
    #Dialog #Content #Pagecontainer #Page { width : 21cm;height : 29.7cm;position: absolute;top : 0;left : 0;}
    #Dialog #Content #Data .page-header {position: relative;width: 100%;height: auto;}
    #Dialog #Content #Data .page-lines {position: relative;width: calc(100% - 10px);margin-left: 5px;height: 250px;}
    #Dialog #Content .ok-big-button {position: absolute;cursor: pointer;width: 128px;height: 128px;font-size: 101px;color: #126DC8;text-align: center;line-height: 139px;}
    #Dialog #Content .big-button-alone { bottom: 50px; right: 50px; }
    #Dialog #Content .big-button-with-friends { bottom: 50px; right: 250px; }
}

/* PC Part */
@media (min-width: 1285px) {
    #Dialog {position: fixed;top : 0;left : 0;z-index : 990;}
    #Dialog #TopCenter, #Dialog #BottomCenter, #Dialog #RightCenter, #Dialog #LeftCenter {position: absolute;z-index : 991;}
    #Dialog #TopCenter {top : 0;left : 6px;height : 6px;width:calc(100% - 12px);background-color: #1e5090;}
    #Dialog #BottomCenter {bottom : 0;left : 6px;height: 1px;width:calc(100% - 12px);background-color: #1e5090;}
    #Dialog #BottomCenter #Status {position: absolute;top : 1px;left : 0;width : 100%;height : 21px;line-height: 21px; text-indent: 5px;}
    #Dialog #RightCenter {top : 30px;right : 0;width: 1px;background-color: #1e5090;height: calc(100% - 31px);}
    #Dialog #LeftCenter {top : 30px;left : 0;width: 1px;height: calc(100% - 31px);background-color: #1e5090;}
    #Dialog #TopLeftCorner, #Dialog #TopRightCorner, #Dialog #BottomLeftCorner, #Dialog #BottomRightCorner {position: absolute;z-index : 991;}
    #Dialog #TopLeftCorner {width : 6px;height : 30px;top : 0;left : 0;background-color: #1e5090;}
    #Dialog #TopRightCorner {height : 30px;width : 6px;top : 0;right : 0;background-color: #1e5090;}
    #Dialog #BottomLeftCorner {width : 6px;height: 1px;bottom : 0;left : 0;background-color: #1e5090;}
    #Dialog #BottomRightCorner {width : 6px;height: 1px;bottom : 0;right : 0;background-color: #1e5090;}
    #Dialog #LeftHeader, #Dialog #CenterHeader, #Dialog #RightHeader {position: absolute;}
    #Dialog #Content #CenterHeader {position: absolute;top : 0;left : 0;height : 30px;width : 100%;z-index : 989;background-color: #1e5090;}
    #Dialog #Content #CenterHeader #Icon {position: absolute;top : 3px;left : 3px;width : 24px;height: 24px;background: url("Images/Icon.png") no-repeat center;background-size: 24px 24px;color: white;text-align: center;}
    #Dialog #Content #CenterHeader #Icon i {font-size: 24px;text-align: center;vertical-align: middle;}
    #Dialog #Content #CenterHeader #Title {position: absolute;top : 3px;left : 30px;height: 24px;line-height: 24px;width: 100%;font-weight: bold;text-indent: 5px;color: #EEEEEE;}
    #Dialog #Content {position: absolute;top : 0;left: 1px;background: white;z-index : 990;width: calc(100% - 2px);height: calc(100% - 1px);}
    #Dialog #Content #ToolBar {position: absolute;top : 30px;left : 0;width : 100%;height: 0;border-radius: 0;border-bottom: 1px solid #EDEDED;}
    #Dialog #Content #ToolBar .toolbar-tabs {position: absolute;padding: 0;margin: 0;width: calc(100% - 5px);left: 0;top: 0;border-radius: 0;background: none;border: none;color: #5d7798;border-bottom: 1px solid #EDEDED;}
    #Dialog #Content #ToolBar .toolbar-tabs li {margin-left: 5px;border: 1px solid #EDEDED;border-bottom: none;margin: 0;}
    #Dialog #Content #ToolBar .toolbar-tabs .ui-state-active {}
    #Dialog #Content #ToolBar .toolbar-tabs .ui-state-hover { background: #EFE3A7; }
    #Dialog #Content #ToolBar .toolbar-tabs .ui-state-active a { color: black; }
    #Dialog #Content #ToolBar .toolbar-tabs li a {color: #4d5174;cursor : pointer;font-weight: bold;}
    #Dialog #Content #ToolBar .tabs-content {position: absolute;top : 30px;left: 0;width: calc(100% - 140px);height: calc(100% - 30px);margin: 0;padding: 0;}
    #Dialog #Content #ToolBar .tabs-content .Group {width: auto;height: 100%;border-right: dotted 1px #EDEDED;border-left: none;border-bottom: none;border-top: none;min-width: 70px;overflow: hidden;}
    #Dialog #Content #ToolBar .tabs-content .Group .ElementsContainer {position: relative;top: 0;left: 0;width: 100%;height: 96px;min-height: 96px;}
    #Dialog #Content #ToolBar .tabs-content .Group .Name {position: relative;width: 100%;height: calc(100% - 96px);background-color: #1e5090;text-align: center;font-size: 9px;cursor: default;line-height: 15px;text-transform: uppercase;color: #EEEEEE;}
    #Dialog #Content #ToolBar .tabs-content .Group .Element {width : 70px;height : 100%;float : left;cursor: pointer;margin-top:0;border-radius: 0;}
    #Dialog #Content #ToolBar .tabs-content .Group .Element:hover {background-color: #EFE3A7;cursor: pointer;border-radius: 0;}
    #Dialog #Content #ToolBar .tabs-content .Group .Element .Icon {width: 60px;height : 64px;margin-top : 6px;position: relative;background: center no-repeat;background-size: 64px 64px;border: 1px solid #EDEDED;margin-left: 4px;text-align: center;line-height: 81px;}
    #Dialog #Content #ToolBar .tabs-content .Group .Element .Icon i {color: #1e5090;;font-size: 32px;}
    #Dialog #Content #ToolBar .tabs-content .Group .Element .Text {width : 70px;height : 26px;line-height: 26px;text-align: center;font-size: 11px;color: #4D5174;text-overflow: ellipsis;white-space: nowrap;}
    #Dialog #Content #ToolBar .Element { width : 65px; height : 84px; margin-top : 3px; }
    #Dialog #Content #ToolBar .Element:hover { background-color: white; cursor: pointer; border-radius: 10px; background-color: #EFE3A7 }
    #Dialog #Content #ToolBar .Left { float : left; margin-left : 3px; }
    #Dialog #Content #ToolBar .Right { float : right; margin-right : 3px; }
    #Dialog #Content #ToolBar .Separator { width : 10px; height : 84px; margin-top : 3px; background: url("Images/Separator.png") no-repeat center; }
    #Dialog #Content #ToolBar .Element .Icon { width: 65px; height : 65px; background-repeat: no-repeat; background-position: center; }
    #Dialog #Content #ToolBar .Element .Text { text-align: center; width : 65px; height: 19px; line-height: 19px; color: #4d5174; }
    #Dialog #Content #ToolBar .PermanentGroup {width: auto;height: calc(100% - 29px);border-left: solid 1px #EDEDED;border-right: none;border-bottom: none;border-top: none;min-width: 70px;overflow: hidden;border-radius: 0;position: absolute;bottom: 0;right: 0;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer {position: relative;top: 0;left: 0;width: 100%;height: 96px;min-height: 96px;}
    #Dialog #Content #ToolBar .PermanentGroup .Name {position: relative;width: 100%;height: calc(100% - 96px);background-color: #1e5090;text-align: center;font-size: 9px;color : #5D7798;cursor: default;line-height: 15px;text-transform: uppercase;color: #EEEEEE;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer .Element {width : 70px;height : 100%;float : right;cursor: pointer;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer .Name {position: relative;width: 100%;height: calc(100% - 96px);background-color: #C0D8F4;text-align: center;font-size: 9px;color : #5D7798;cursor: default;line-height: 15px;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer .Element:hover {background-color: #EFE3A7;border-radius: 0;cursor: pointer;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer .Element .Icon {margin-left: 6px;width: 54px;height : 64px;margin-top : 6px;position: relative;background: center no-repeat;border: 1px solid #EDEDED;text-align: center;line-height: 81px;}
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer .Element .Icon i { color: #1e5090;font-size: 32px; }
    #Dialog #Content #ToolBar .PermanentGroup .ElementsContainer .Element .Text {width : 70px;height : 20px;line-height: 20px;text-align: center;font-size: 11px;color: #4D5174;}
    #Dialog #Content #Data {position: absolute;top : 0;left : 0;width : 100%;height : 0; overflow: auto;height: calc(100% - 170px);top:170px;}
    #Dialog #Content #Data .page-header {position: relative; width: 100%;}
    #Dialog #Content #Data .page-lines {position: relative;width: calc(100% - 10px);margin-left: 5px;}
    #Dialog #Content #Pager {position: absolute;bottom : 0;left : 0;height : 29px;width : 100%;border-top: gray solid 1px;background: url(images/Pager.gif) repeat-x 0 -1px;overflow: hidden;white-space: nowrap;}
    #Dialog #Content #Pager #Status {float : left;height : 29px;line-height: 29px;margin-left : 5px;}
    #Dialog #Content #Pager #First {float : left;width : 25px;height : 29px;background: url('Images/First.gif') center no-repeat;opacity : 0.5;}
    #Dialog #Content #Pager #First:hover {opacity : 1;}
    #Dialog #Content #Pager #Prev {float : left;width : 25px;height : 29px;background: url('Images/Prev.gif') center no-repeat;opacity : 0.5;}
    #Dialog #Content #Pager #Prev:hover {opacity : 1;}
    #Dialog #Content #Pager #Next {float : left;width : 25px;height : 29px;background: url('Images/Next.gif') center no-repeat;opacity : 0.5;}
    #Dialog #Content #Pager #Next:hover {opacity : 1;}
    #Dialog #Content #Pager #Last {float : left;width : 25px;height : 29px;background: url('Images/Last.gif') center no-repeat;opacity : 0.5;}
    #Dialog #Content #Pager #Last:hover {opacity : 1;}
    #Dialog #Content #Pager #Separator {border-left: 1px solid #ccc;border-right: 1px solid #fff;float: left;height: 27px;margin: 1px;}
    #Dialog #Content #Pager #Destroy {float: right;width : 25px;height : 29px;background: url('Images/RemovePager.png') center no-repeat;opacity : 0.5;margin-right : 5px;}
    #Dialog #Content #Pager #Destroy:hover {opacity : 1;}
    #Dialog #Content #Pager #Currpage {float : left;height : 29px;line-height : 29px;min-width: 30px;margin-left : 5px;margin-right : 5px;}
    #Dialog #Content #Pagecontainer {width : 100%;height : calc(100% - 200px);position: absolute;top : 170px;left : 0;overflow : auto;}
    #Dialog #Content #Pagecontainer #Page { width : 21cm;height : 29.7cm;position: absolute;top : 0;left : 0;}
}

.minimize-container {
    position: absolute;
    right: 100px;
    bottom: 100px;
    width: 64px;
    height: 64px;
    z-index: 10000;
    background-image: url("Images/Minimize-Box.png");
    background-repeat: no-repeat;
    background-size: 60px 60px;
    opacity: 0.8;
    cursor: pointer;
}

#DialogResize{
    position: relative;
    display: inline-block;
    float: right;
    cursor: pointer;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    z-index: 10000;
    margin-top: 1px;
}

#DialogResize .resize{
    background-image: url("Images/maximize.png");
    background-repeat: no-repeat;
    background-size: 30px 27px;
    background-position: center;
    width: 26px;
    height: 30px;
}