/*Original CSS*/
html, body {
    margin: 0;
    padding: 0;
    font-family: Arial !important;
}

html {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

a {
    text-decoration: none;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Arial !important;
}

.dxpnlControl_OmegaTheme {
    font-family: Arial !important;
}

.dxWindowsPlatform body {
    background: #EDEDEB;
}

.dxeBase_OmegaTheme {
    font-family: Arial !important;
}

.dxeButtonEdit_OmegaTheme {
    font: 12px Arial !important;
}

.dxeListBox_OmegaTheme {
    font: 12px Arial !important;
}

.dxeListBox_OmegaTheme {
    font: 12px Arial !important;
}
/* Header */
.dxpnl-edge.t.headerPane {
    /*background-color: #EDEDED;*/
    background-position: left top;
    background-repeat: no-repeat;
}

    .dxpnl-edge.t.headerPane.panel {
        padding: 0;
    }

.dxsplControl_OmegaTheme {
    font-family: Arial !important;
}

.panel {
    margin-bottom: 0px !important;
}

.headerMenu {
    border-width: 0 !important;
    border-top-width: 1px !important;
}

.expandedPanel {
    padding: 2px !important;
}

    .expandedPanel .headerMenu {
        border-top-width: 0 !important;
    }

    .expandedPanel .headerTop {
        display: none;
    }

.templateTitle {
    width: auto;
    padding-top: 5px;
}

.dxpnl-edge.t.headerPane.bar .templateTitle {
    margin: 0;
}

.templateTitle a {
    text-decoration: none;
    /*font-size: x-large;*/
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
}

    .templateTitle a:focus, .templateTitle a:hover {
        color: #ffffff;
        text-decoration: none;
    }

.headerMenu {
    float: left;
    width: 45%;
    height: 56px;
    /*padding-top:5px;*/
}

.headerMenuTop {
    float: left;
    width: 57%;
    height: 56px;
    /* padding-top: 5px; */
}

.headerMenuTop {
    border-width: 0 !important;
    border-top-width: 1px !important;
}

body {
    min-width: 1024px !important;
    overflow: auto !important;
}

    body > div.headerPane > div.dxpnl-edge {
        position: inherit;
    }

        body > div.headerPane > div.dxpnl-edge.t {
            min-width: 1024px !important;
        }

.pagetitle {
    font-size: 15px;
    font-weight: 600;
    color: #5b5b5b;
    margin: 0 0 5px;
}

.pageTitleTop {
    /* padding: 18px; */
    padding: 10px 15px;
    padding-bottom: 0px;
    font-size: 23px;
    font-weight: 600;
    color: #5b5b5b;
    margin-bottom: 0px !important;
}

.loginControl {
    float: left;
    font-size: 12px;
    width: 10%;
    text-align: center;
    padding-top: 15px;
    background: #EC8232;
}

    .loginControl a {
        color: black;
        text-decoration: none;
        display: block;
        padding: 10px 40px;
    }

.loginControlTop {
    float: right;
    font-size: 12px;
    width: 16%;
    text-align: right;
    padding-top: 15px;
}

    .loginControlTop a {
        color: black;
        text-decoration: none;
        display: inline-block;
        padding-right: 10px;
    }

.templateTitleTop {
    float: left;
    width: 27%;
    padding-top: 10px;
    padding-left: 10px;
}

#HeaderPaneTop {
    height: 56px;
}

.dxpnl-edge.t.topHeaderPane.panel {
    padding: 0;
}

body > div.topheaderPane > div.dxpnl-edge.t {
    min-width: 1024px !important;
}

.dxpnl-edge.t.topheaderPane {
    /* background-color: #EDEDED; */
    background-position: left top;
    background-repeat: no-repeat;
}

body > div.topHeaderPane > div.dxpnl-edge {
    position: inherit;
}

a, a:hover, a:active {
    text-decoration: none !important;
}

#HeaderPane {
    height: 56px;
}

/*Page Container*/
#pageContainer {
    top: 56px;
    position: fixed;
    left: 90px;
    overflow: auto;
}

/*Mainpane*/
#MainPane {
    width: 100%;
    min-width: 935px; /* (1024 - leftmenu_width)*/
}
/*child container layout and  position*/


/* Footer */
.footerdiv {
    /*position: fixed;*/
    bottom: 0px;
    width: 100%;
    background-color: #ffffff;
    border-top: solid 1px #D8D8D8;
    /*height:43px;*/
    height: 55px;
}

/*#FooterPane.dxpnl-edge.b {
    border-top: 1px solid #b1aead;
}*/

#FooterPane {
    padding: 0px !important;
    display: block !important;
}

    #FooterPane span {
        float: right;
        color: #7E868A !important;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold !important;
        padding-top: 23px;
        margin-left: 10px;
    }

.securefooterlogo {
    height: 42px;
    margin-top: 6px;
    margin-right: 10px;
}

.footerMenu {
    float: right;
    padding-top: 7px;
}

.copyright {
    float: left;
    margin: 100px 15px 11px;
}

.content {
    padding: 5px;
}

/* Left Panel */
.leftPane.panel {
    padding: 1px;
    width: 200px;
}

/* Right Panel */
.rightPane.panel {
    padding: 0;
    width: 250px;
}

#btnCreate {
    text-align: right !important;
}

.form-control {
    padding: 6px !important;
    border-radius: 0px !important;
}
/* Account */
.accountHeader h2 {
    margin: 10px 0 7px 0;
    font-size: 16px;
}

.accountHeader p {
    margin: 0;
    padding: 0;
}

.accountHeader {
    margin-bottom: 20px;
}

.form-field {
    margin-bottom: 8px;
}

.dxdvContent_OmegaTheme table {
    border-collapse: separate;
    border-spacing: 15px;
}

/*OmegaTheme*/

.tileContainerDiv {
    width: 100%;
    height: 200px;
    position: relative;
}

    .tileContainerDiv > a {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 9999;
    }

    .tileContainerDiv > div {
        text-align: right;
        bottom: 0;
        position: absolute;
        width: 100%;
    }

        .tileContainerDiv > div .topContent {
            margin-right: 15px;
            margin-bottom: 15px;
        }

            .tileContainerDiv > div .topContent > div {
                font-size: 14px;
                font-weight: bold;
            }

        .tileContainerDiv > div > .topContent > img {
            padding-bottom: 10px;
            width: 40px;
        }

        .tileContainerDiv > div .lowerContent > div {
            padding-right: 10px;
            padding-top: 10px;
        }

.dataViewContainer .dxdvControl_OmegaTheme td.dxdvCtrl .dxdvContent_OmegaTheme .dxdvItem_OmegaTheme .dashboards > div .lowerContent {
    height: 50px;
    background: #EC8232;
}

.dataViewContainer .dxdvControl_OmegaTheme td.dxdvCtrl .dxdvContent_OmegaTheme .dxdvItem_OmegaTheme .reports > div .lowerContent {
    height: 50px;
    background: #5B819A;
}

.dataViewContainer .dxdvControl_OmegaTheme td.dxdvCtrl .dxdvContent_OmegaTheme .dxdvItem_OmegaTheme .forms > div .lowerContent {
    background: #72AB9C !important;
    height: 50px;
}

.dxdvItem_OmegaTheme, .dxdvFlowItem_OmegaTheme {
    border-top-style: none !important;
    border-right: none !important;
    border-bottom: none !important;
    border-left: none !important;
}

.container .dataViewContainer {
    padding-top: 0;
}

.pageContainer .dataViewContainer {
    padding-top: 54px;
}


/* Footer
-----------------------------------------------------------------------------*/

#footer {
    bottom: 0;
    background: #ffffff;
    border: 1px solid #B1AEAD;
    height: 100px;
    left: 0;
    position: absolute;
    width: 100%;
}

.left {
    float: left;
}

.right {
    float: right;
}
/*-----------------------------------------Data View Control-------------------------------------*/


.dataViewContainer .dxdvControl_OmegaTheme td.dxdvCtrl .dxdvContent_OmegaTheme td.dxdvItem_OmegaTheme {
    width: 25% !important;
}

.dataViewContainer .dxdvControl_OmegaTheme td.dxdvCtrl .dxdvContent_OmegaTheme .dxdvEmptyItem_OmegaTheme {
    padding: 0 !important;
    /*height:200px !important;*/
}

.dataViewContainer .delete_command {
    background: url(../images/delete.png) no-repeat;
}

.dataViewContainer .update_command {
    background: url(../images/edit.png) no-repeat;
}

.dataViewContainer .view_command {
    background: url("../images/arrow.png") no-repeat scroll 0 0 transparent;
}

.dataViewContainer .design_command {
    background: url(../images/design.png) no-repeat;
}

.dataViewContainer .permissions_command {
    background: url("../images/permissions.png") no-repeat;
}

.dataViewContainer .command {
    display: block;
    width: 32px;
    height: 31px;
    float: right;
}

.left_command {
    margin-right: 9px;
}

.dataviewmargin {
    /*margin-top: 39px;*/
}
/* When the body has the loading class, we turn
   the scrollbar off with overflow:hidden */
body.loading {
    overflow: hidden;
}

    /* Anytime the body has the loading class, our
modal element will be visible */
    body.loading .modal {
        display: block;
    }


/*File Upload*/

.fileUpload .btn {
    border: 0px solid #ddd;
    padding: 7px 10px 7px 10px;
    background-color: #909090;
    color: #fff;
    border-radius: 0px;
    font-size: 12px !important;
}

    .fileUpload .btn:hover {
        background-color: #909090;
    }

.fileUpload .btn-success {
    padding: 7px 14px 7px 14px;
    background-color: #deae00;
    color: #fff;
    position: absolute;
    -ms-filter: 'alpha(opacity=0)';
    direction: ltr;
    cursor: pointer;
}

    .fileUpload .btn-success:hover {
        background-color: #deae00;
    }

.fileUpload .fileinput-button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

    .fileUpload .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 200px;
        direction: ltr;
        cursor: pointer;
    }

.fileUpload .ok-circle:before {
    content: url('../Images/success.png');
}

.fileUpload .ban-circle:before {
    content: url('../Images/warning.png');
}

.fileUpload .trash:before {
    content: url('../Images/Cancel.png');
}

.fileUpload .progress {
    height: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    border-radius: 0px;
}

.fileUpload .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #DEAE00;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
    background-image: none;
}

.sweet-alert {
    width: 550px !important;
}

/* ----------------------Begin Form Page General Styles--------------------------*/

.loading-image {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 10;
}

.loader {
    display: none;
    width: 200px;
    height: 200px;
    position: fixed;
    top: 50%;
    left: 50%;
    text-align: center;
    margin-left: -50px;
    margin-top: -100px;
    z-index: 2;
    overflow: auto;
}

.stripControls {
    position: fixed;
    bottom: -6px;
    width: 92%;
    left: 4px;
    height: 55px;
    z-index: 2000;
    background-color: transparent;
    padding-top: 7px;
}

    .stripControls > div {
        margin: 7px;
        width: 80px;
    }

/* ----------------------End Form Page General Styles--------------------------*/

/* Start group box forms*/

div#MainPane > div#divForm ul.dxtc-strip {
    position: fixed;
    top: 54px;
    z-index: 1000;
    background: #EDEDEA;
}

table.dxrpControlGB_OmegaTheme,
table.dxrpControlGB_OmegaTheme:not(.dxrp-hasDefaultImages),
table.dxrpControlGB_OmegaTheme:not(.dxrp-hasDefaultImages) > tbody > tr.dxrpCR > .dxrpcontent,
table.dxrpControl_OmegaTheme:not(.dxrp-hasDefaultImages) {
    border-radius: 0px;
}

    table.dxrpControlGB_OmegaTheme > tbody > tr.dxrpCR > td.dxrpcontent > div:first-child {
        position: relative;
        text-align: left;
        background-color: #FFF;
        left: 0px;
        padding: 8px;
        border: 1px solid #a8aab4;
        margin-left: -1px;
        margin-right: -1px;
        background: -webkit-linear-gradient(#FFF, #EEE);
        background: -o-linear-gradient(#FFF, #EEE);
        background: -moz-linear-gradient(#FFF, #EEE);
        background: linear-gradient(#FFF, #EEE);
    }

    table.dxrpControlGB_OmegaTheme > tbody > tr.dxrpCR > td.dxrpcontent > div > span.dxrpHeader_OmegaTheme {
        background-color: #FFF !important;
        font-weight: bold;
        background: -webkit-linear-gradient(#FFF, #EEE);
        background: -o-linear-gradient(#FFF, #EEE);
        background: -moz-linear-gradient(#FFF, #EEE);
        background: linear-gradient(#FFF, #EEE);
    }

    table.dxrpControlGB_OmegaTheme > tbody > tr.dxrpCR > td.dxrpcontent {
        padding: 0px;
    }

/* End group box forms*/

/*....Homepage....*/

@media screen and (max-width:1366px) {
    /*.dataviewmargin {
        margin-top: 39px;
    }*/
}

@media screen and (max-width:1280px) {
    /*.dataviewmargin {
        margin-top: 39px;
    }*/
}

@media screen and (max-width:1152px) {
    /*.dataviewmargin {
        margin-top: 39px;
    }*/
}

@media screen and (max-width: 1024px) {
    /*.dataviewmargin {
        margin-top: 39px;
    }*/

    .templateTitle a {
        font-size: 20px;
    }

    .pagetitle {
        font-size: 16px;
    }

    .locationname {
        padding-top: 0px;
        font-size: 16px !important;
        padding-bottom: 0px;
    }

    .contactcaption {
        padding-top: 0px;
        font-size: 14px !important;
        padding-bottom: 0px;
    }

    hr {
        margin-bottom: 10px !important;
        margin-top: 10px !important;
    }

    .contactdetail {
        font-size: 12px !important;
        color: #5c5b5c;
        font-weight: bold;
    }

    .boxarea {
        margin-top: 5px !important;
        margin-bottom: 0px !important;
        padding-bottom: 0px !important;
    }
}

@media (max-width: 500px), (max-height: 0px) {
    #HeaderPane {
        display: block !important;
        background: transparent;
    }

    div.dxpnl-bar {
        display: none !important;
    }

    #FooterPane {
        display: block !important;
    }
}

/*..........For Scroll in header......*/
#HeaderPane {
    height: 56px;
    background: transparent;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 10px;
    width: auto !important;
}

#TopHeaderPane {
    height: 56px;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: auto !important;
}

/*.....End..............*/

/*..........For Contact Us*/

.boxarea {
    padding: 20px;
    background-color: #fff;
    margin: 20px;
    float: left;
    width: 97%;
}

.contactcaption {
    font-size: 16px !important;
    color: #5c5b5c;
    font-weight: bold;
}

.contactdetail {
    font-size: 12px !important;
    color: #5c5b5c;
    font-weight: bold;
}

.deviderline {
    border-top: 2px solid #eee !important;
    margin-top: 10px !important;
}

/*User management forced css */

div.contentPane > div#divMain h3 {
    padding-left: 10px;
}

div.contentPane > div#divMain h4 {
    padding-left: 10px !important;
}

div.contentPane > div#divMain div.dxlbd {
    padding-left: 5px;
}

div#MainPane > div#divForm .dxtcLite_OmegaTheme > .dxtc-content {
    border: none;
}

/* Omega Common CSS */

.hide {
    display: none !important;
}

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

.no-padding {
    padding: 0 !important;
}

.no-margin {
    margin: 0 !important;
}

.no-shadow {
    box-shadow: none !important;
}

.bg-red, .bg-yellow, .bg-aqua, .bg-blue, .bg-light-blue, .bg-green, .bg-navy, .bg-teal, .bg-olive, .bg-lime, .bg-orange, .bg-fuchsia, .bg-purple, .bg-maroon, .bg-black {
    color: #f9f9f9 !important;
}

.box.box-solid {
    border-top: 0 none;
}

label {
    white-space: nowrap;
}

.clear {
    clear: both;
}

/* Custom  */
table.dxdvControl_OmegaTheme {
    background-color: #EDEDEA !important;
}

.dxWeb_mHorizontalPopOut_OmegaTheme {
    background-position: -118px -158px !important;
}


div.container {
    position: relative;
    padding: 0px;
    width: 93%;
    float: right;
}

div.sideMenuContainer {
    position: relative;
    height: 100%; /*Space left for bottom menu*/
    overflow: auto;
    overflow: hidden;
    width: 100%;
}

div.sideMenu {
    position: fixed;
    width: 85px;
    height: 100%;
    left: 0;
    top: 56px;
    background: #fff;
    border-right: 1px solid #EDEDEA;
}

/*.dxmLite_OmegaTheme .dxm-main .dxm-selected {
    background-color: #fff !important;
    color: #ec8232;
    width: 100% !important;
}*/
.dxmLite_OmegaTheme .dxm-main .dxm-selected {
    color: white;
}
/********Header and menu position modified*****/

#breadCrumb {
    font-size: 12px;
    margin-top: 15px;
}

    #breadCrumb a {
        font-size: 12px;
        color: #428bca;
        font-weight: 100;
    }

#breadCrumbTop {
    font-size: 12px;
    margin-top: 15px;
    margin-left: 15px;
}

    #breadCrumbTop a {
        font-size: 12px;
    }

.headerPane {
    width: 100%;
    height: 56px;
    position: fixed;
    left: 0;
    background-color: #ddd;
}
/********Extntion menu*****/
.extMenu {
    position: relative;
    bottom: 20px;
    width: 85px;
    padding: 10px 30px;
    text-align: center;
}

.extIcon {
    height: 24px;
    width: 24px;
    background: url('/Images/Icons/Menu_lightGray.png') !important;
    margin: 0 auto;
}

    .extIcon:hover {
        height: 24px;
        width: 24px;
        background: url('/Images/Icons/Menu_Gray.png') !important;
        margin: 0 auto;
    }

.closeBox {
    height: 24px;
    width: 24px;
    line-height: 24px;
    font-size: 24px;
    color: #909090;
    display: none;
}

.navMenu {
    list-style: none;
    padding: 0;
    text-align: center;
    margin-top: -15px;
    height: 100%;
    position: relative;
    padding-bottom: 25px;
    padding-top: 10px;
    overflow: auto;
}

    .navMenu li {
        margin-top: 35%;
        cursor: pointer;
    }

    .navMenu div.menuIcon {
        margin: 0 auto;
    }

    .navMenu li .label {
        color: #909090;
        width: 100%;
        text-align: center;
        padding: 0;
        display: block;
        line-height: 20px;
    }

        .navMenu li .label:hover {
            color: #5b5b5b;
        }

.menuIcon {
    height: 24px;
    width: 24px;
    background: url('/Images/Icons/HomeIcons_lightGray.png');
}

    .menuIcon:hover {
        height: 24px;
        width: 24px;
        background: url('/Images/Icons/HomeIcons_Gray.png');
    }

.DashboardIcon, .DashboardIcon:hover {
    background-position: -6px 0px;
}

.ReportsIcon, .ReportsIcon:hover {
    background-position: -3px -34px;
}

.ManageusersIcon, .ManageusersIcon:hover {
    background-position: -6px -66px;
}

.FormsIcon, .FormsIcon:hover {
    background-position: -5px -99px;
}

.ManageFilesIcon, .ManageFilesIcon:hover {
    background-position: -6px -130px;
}

.DataModelIcon, .DataModelIcon:hover {
    background-position: -5px -160px;
}


.submenu {
    list-style: none;
    padding: 0;
    text-align: left;
}

    .submenu li a {
        font-size: 12px;
        color: #5b5b5b;
        padding: 10px 20px;
        width: 100%;
        display: block;
        background-image: linear-gradient(to left,transparent, transparent 50%,#ccc 50%, #ccc);
        background-position: 100% 0;
        background-size: 200% 100%;
        transition: all .25s ease-in;
    }

        .submenu li a:hover {
            background-position: 0 0;
            color: #fff;
        }

.submenuBox {
    width: 200px;
    position: fixed;
    height: 100%;
    background: #ddd;
    border-right: 1px solid #ddd;
    left: 85px;
    z-index: 999999;
    display: none;
    top: 56px;
}

.submenuBox2 {
    width: 200px;
    position: fixed;
    height: 100%;
    border: 1px solid #abaaaa;
    z-index: 999999;
    display: none;
    background: #ededea;
    left: 284px;
    top: 56px;
}

.submenuBox3 {
    width: 200px;
    position: fixed;
    height: 100%;
    border: 1px solid #abaaaa;
    z-index: 999999;
    display: none;
    background: #ededea;
    left: 484px;
    top: 56px;
}

.submenuBoxFull {
    width: 100%;
    position: fixed;
    height: 100%;
    background: #f5f5f5;
    border-right: 1px solid #ddd;
    left: 85px;
    z-index: 200;
    display: none;
    top: 56px;
}

.toggle-items a.close {
    display: none;
    width: 100%;
    text-align: center;
    height: 55px;
    background: #ccc;
    line-height: 45px;
    margin-top: -50px;
    opacity: 1;
    font-weight: normal;
    text-shadow: none;
}

    .toggle-items a.close:after {
        content: "X";
        color: #888888;
    }

.SubmenuBoxtitle {
    display: block;
    background-color: #ccc;
    height: 45px;
    text-align: left;
    line-height: 45px;
    padding-left: 20px;
    font-weight: bold;
}

.menuheader {
    float: left;
    margin: 18px 5px 0 -5px;
    background-position: -5px -99px;
    height: 24px;
    width: 30px;
    background: url(/Images/Icons/HomeIcons_Gray.png);
}


.arrowForMenu {
    float: right;
    font-weight: bold;
    font-size: 16px;
}

/************Tab menu********/
.tabs-animated {
    overflow: hidden;
}

.tab-pane {
    height: 100%;
    width: 100%;
}

    .tab-pane span {
        font-size: 16px;
        font-weight: bold;
        margin: 20px 10px;
    }

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #555;
    cursor: default;
    background: border:none !important;
    border-bottom: 2px solid #ddd !important;
}

/******WITHOUT BOOTSTRAP**********/
#container {
    margin: 0 auto;
    width: 100%;
    background-color: #EDEDEA
}

    #container input {
        height: 2.5em;
        visibility: hidden;
    }

    #container label {
        background: #f9f9f9;
        color: #888;
        cursor: pointer;
        display: block;
        float: left;
        font-size: 1em;
        height: 2.5em;
        line-height: 2.5em;
        margin-right: .25em;
        padding: 0 1.5em;
        text-align: center;
    }

    #container input:hover + label {
        background: #ddd;
        color: #666;
    }

    #container input:checked + label {
        background: #fff;
        color: #444;
        position: relative;
        z-index: 6;
        border-bottom: 2px solid #5b5b5b;
    }

#content {
    min-height: 20em;
    position: relative;
    width: 100%;
    z-index: 5;
}

    #content div.tab {
        opacity: 0;
        position: absolute;
        z-index: -100;
        width: 100%;
    }

#content-1 p {
    clear: both;
    margin-bottom: 1em;
}

    #content-1 p.left img {
        float: left;
        margin-right: 1em;
    }

    #content-1 p.last {
        margin-bottom: 0;
    }

#content-2 p {
    float: left;
    width: 48.5%;
}

    #content-2 p.column-right {
        margin-left: 3%;
    }

    #content-2 p img {
        display: block;
        margin: 0 auto 1em auto;
    }

#content-3 p,
#content-3 ul {
    margin-bottom: 1em;
}

#content-3 ul {
    margin-left: 2em;
}

#container input#tab-1:checked ~ #content #content-1,
#container input#tab-2:checked ~ #content #content-2,
#container input#tab-3:checked ~ #content #content-3 {
    opacity: 1;
    z-index: 100;
}

input.visible {
    visibility: visible !important;
}

#content ul {
    list-style: none;
    margin-left: -20px;
}

    #content ul li {
        margin-top: 10px;
    }

.Linkmenuitems {
    float: left;
    min-width: 25%;
}

    .Linkmenuitems > span {
        margin: 20px;
        padding-bottom: 10px;
        font-weight: bold;
    }

    .Linkmenuitems > hr {
        border-color: #ddd;
        margin: 10px;
    }



/*****************Language***************/
ul.languages-container li {
    padding-left: 10px;
    padding-right: 10px;
    width: 45%;
    position: static;
    height: 90px;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    background-color: #a8a8a8;
    padding-top: 25px;
    text-align: center;
    float: left;
    margin-left: 5px;
}

    ul.languages-container li a {
        display: block;
        -webkit-transition: all .4s cubic-bezier(.23,1,.32,1);
        transition: all .4s cubic-bezier(.23,1,.32,1);
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
        text-decoration: none;
    }

    ul.languages-container li span {
        display: block;
        font-size: 12px;
        color: #7a7a7a;
        font-weight: 400;
    }


#divVerticalSeparator {
    border-left: 2px solid #868686 !important;
    height: 46px;
    width: 2px;
    float: left;
    margin-right: 20px;
}

#divTitleHeader {
    float: left;
}

#divApplicationImage {
    float: left;
    margin-right: 20px;
}

    #divApplicationImage > a > img {
        height: 40px;
    }

#divApplicationTitle {
    width: auto;
    color: #5d5d5d;
    margin-right: 20px;
    float: left;
}

    #divApplicationTitle > a {
        color: #5d5d5d;
    }

        #divApplicationTitle > a > div {
            font-size: 18px;
            color: #5d5d5d;
            float: left;
        }

#divApplicationTitleTop {
    width: auto;
    color: white;
    margin-right: 20px;
    float: left;
}

    #divApplicationTitleTop > a {
        color: white;
    }

        #divApplicationTitleTop > a > div {
            font-size: 18px;
            color: white;
            float: left;
        }


.stripControlsTop {
    position: fixed;
    bottom: 55px;
    width: 100%;
    left: 0px;
    height: 55px;
    z-index: 2000;
    background-color: transparent;
    padding-top: 9px;
}

    .stripControlsTop > div {
        margin: 7px;
        width: 80px;
    }

.notifyjs-foo-base {
    /*opacity: 0.85;*/
    width: 305px;
    /*background: #F5F5F5;*/
    padding: 5px;
    color: #C09853;
    background-color: #FCF8E3;
    border-color: #FBEED5;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAABJlBMVEXr6eb/2oD/wi7/xjr/0mP/ykf/tQD/vBj/3o7/uQ//vyL/twebhgD/4pzX1K3z8e349vK6tHCilCWbiQymn0jGworr6dXQza3HxcKkn1vWvV/5uRfk4dXZ1bD18+/52YebiAmyr5S9mhCzrWq5t6ufjRH54aLs0oS+qD751XqPhAybhwXsujG3sm+Zk0PTwG6Shg+PhhObhwOPgQL4zV2nlyrf27uLfgCPhRHu7OmLgAafkyiWkD3l49ibiAfTs0C+lgCniwD4sgDJxqOilzDWowWFfAH08uebig6qpFHBvH/aw26FfQTQzsvy8OyEfz20r3jAvaKbhgG9q0nc2LbZxXanoUu/u5WSggCtp1anpJKdmFz/zlX/1nGJiYmuq5Dx7+sAAADoPUZSAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfdBgUBGhh4aah5AAAAlklEQVQY02NgoBIIE8EUcwn1FkIXM1Tj5dDUQhPU502Mi7XXQxGz5uVIjGOJUUUW81HnYEyMi2HVcUOICQZzMMYmxrEyMylJwgUt5BljWRLjmJm4pI1hYp5SQLGYxDgmLnZOVxuooClIDKgXKMbN5ggV1ACLJcaBxNgcoiGCBiZwdWxOETBDrTyEFey0jYJ4eHjMGWgEAIpRFRCUt08qAAAAAElFTkSuQmCC);
    background-repeat:no-repeat;
}

    .notifyjs-foo-base .title {
        width: auto;
        float: left;
        margin: 0 0 0 15px;
        text-align: left;
    }

    .notifyjs-foo-base .buttons {
        width: auto;
        float: right;
        font-size: 9px;
        padding: 5px;
        margin: 2px;
        color:black;
    }

    .notifyjs-foo-base button {
        font-size: 9px;
        padding: 5px;
        margin: 2px;
        width: 60px;
        color:black;
    }

.notifyjs-corner {
    left: 40% !important;
}