/*STANDARD COLORS: 
    green: #009B60
    blue: #1B75BC
    bright green: #0BFF96
    bright blue:
    purple: #662D91
    pink: #9E1F63
    bright purple: #8F48FF
    bright pink: #FF0FA7
    gray: #58595b
*/ 


html, body, .body {
    /*background: #C0C0C0;*/
    font-size: 11pt;
    /*font-family: Arial, Helvetica, Verdana, sans-serif;*/
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color: #4E4C36;
    margin: 0px;
    padding: 0px;
    -webkit-font-smoothing: antialiased;
    height: 100%;
}

.page {
    display: flex;
    flex-flow: column;
    height: 100%;
}

/*Standard Controls*/

input, textarea {
    border: 1px solid #546680;
    border-radius: 0.25em;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 10pt;
    padding-bottom: 2px;
}

    input[type='submit'], .button {
        -moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
        -webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
        box-shadow: inset 0px 1px 0px 0px #ffffff;
        background: -webkit-linear-gradient(top, #f2f3f7 5%, #aab1bd 100%);
        background: -moz-linear-gradient(top, #f2f3f7 5%, #aab1bd 100%);
        background: -ms-linear-gradient(top, #f2f3f7 5%, #aab1bd 100%);
        background: -o-linear-gradient(top, #f2f3f7 5%, #aab1bd 100%);
        background: linear-gradient(to bottom, #fafafc 30%, #c9ced8 100%);
        background-color: #f2f3f7;
        border-radius: 6px;
        border: 1px solid #546680;
        display: inline-block;
        color: #1e242e;
        font-family: arial;
        font-size: 10pt;
        font-weight: bold;
        font-style: normal;
        padding: 2px 6px;
        text-decoration: none;
        text-align: center;
        text-shadow: 1px 1px 0px #ffffff;
        cursor: pointer;
    }

        input[type='submit']:hover, .button:hover {
            background: -webkit-linear-gradient(top, #aab1bd 5%, #f2f3f7 100%);
            background: -moz-linear-gradient(top, #aab1bd 5%, #f2f3f7 100%);
            background: -ms-linear-gradient(top, #aab1bd 5%, #f2f3f7 100%);
            background: -o-linear-gradient(top, #aab1bd 5%, #f2f3f7 100%);
            background: linear-gradient(to bottom, #c9ced8 30%, #fafafc 100%);
            background-color: #c9ced8;
        }

        input[type='submit']:disabled .button:disabled {
            background-color: #FFFFFF;
            color: #808080;
            cursor: default;
        }

.buttonMenu {
    border-radius: 0px;
    padding: 4px 10px;
}

a {
    text-decoration: none;
}

    a:link, a:visited {
        color: #58595b ;
    }

    a:hover {
        color: #1B75BC;
    }

    a:active {
        color: #1B75BC;
    }

.hide {
    display: none;
}

.columnLabel {
    font-weight: bold;
    padding: 3px 5px 2px 0px;
    text-align: right;
}

.modalPopup {
    background-color: #FFFFFF;
    padding: 1em;
    border: outset 2px;
    border-radius: 0.5em;
    box-shadow: 4px 4px 4px #404040;
}

.modalBackground {
    background-color: rgba(0,0,0, 0.25);
}

.popup {
    background-color: #FFFFFF;
    padding: 0em;
    border: outset 1px;
    border-radius: 0.25em;
    box-shadow: 2px 2px 2px #404040;
}

.requiredSpan {
    color: #FF0000;
    vertical-align: top;
}

.requiredField {
    background-color: #FFFFC0;
}

.CapsuleTable {
    border-collapse: separate;
    border-spacing: 0px 4px;
}
    .CapsuleTable th {
        padding: 2px 4px;
        text-align: right;
        background: linear-gradient(#F0F0F0, #FFFFFF, #E0E0E0);
        border: 1px solid #808080;
        border-radius: 0.5em 0em 0em 0.5em;
    }

    .CapsuleTable td {
        padding: 2px 4px;
        text-align: left;
        background: #FFFFFF;
        border: 1px solid #808080;
        border-radius: 0em 0.5em 0.5em 0em;
    }

.InputTable {
    border-collapse: collapse;
}

    .InputTable th, .InputTable td {
        padding: 2px 4px;
    }

    .InputTable th {
        text-align: right;
    }

        .InputTable th table, .InputTable td table {
            margin: -2px -4px;
        }

.AutoFillDropDown {
    position: absolute;
    margin: 0px;
    padding: 0px;
    background-color: #FFFFFF;
    color: #000000;
    border: solid 1px #808080;
    z-index: 1000;
}

    .AutoFillDropDown LI {
        list-style-type: none;
    }

/*Grids*/

.GridView {
    border-collapse: collapse;
    border: 1px solid #808080;
}

    .GridView th, .GridView td {
        padding: 4px 8px;
    }

.GridViewHeaderStyle {
    color: #F0F0F0;
    background-color: #204060;
    background: linear-gradient(#408080, #204060);
}

.GridViewRowStyle {
    color: #000000;
    background: #FFFFFF;
}

.GridViewAlternateRowStyle {
    color: #000000;
    background: #F0F4FF;
}

.GridViewPagerStyle {
    background: #C0C0C0;
    background: linear-gradient(#C0C0C0, #F0F0F0, #FFFFFF, #E0E0E0, #C0C0C0);
    font-weight: bold;
}

    .GridViewPagerStyle TD {
        padding: 1px 0px;
    }

    .GridViewPagerStyle SPAN {
        display: inline-block;
        padding: 0.25em 0.5em;
        border-radius: 0.25em;
        border: 2px solid #C0C0C0;
        color: #000000;
        background: #FFFFFF;
    }

    .GridViewPagerStyle A:link, GridViewPagerStyle A:visited, GridViewPagerStyle A:active {
        display: inline-block;
        padding: 0.25em 0.5em;
        text-decoration: none;
        color: #000000;
        border: 2px solid transparent;
    }

.AlignLeft {
    text-align: left;
}

.AlignRight {
    text-align: right;
}

.AlignCenter {
    text-align: center;
}

.AlignTop {
    vertical-align: top;
}

.AlignMiddle {
    vertical-align: middle;
}

.AlignBottom {
    vertical-align: bottom;
}

.Bold {
    font-weight: bold;
}

.ErrorMessageBox {
    color: #000000;
    background-color: #FFE0D0;
    font-weight: bold;
    display: block;
    padding: 0.25em;
}

.SuccessMessageBox {
    color: #000000;
    background-color: #D0FFD0;
    font-weight: bold;
    display: block;
    padding: 0.25em;
}

/* Treeview */
.TreeView {
    font-weight: bold;
    color: #000000;
}

    .TreeView table {
        border-collapse: collapse;
    }

    .TreeView th, .TreeView td {
        padding: 0px 2px;
    }

    .TreeView a {
        color: #000000;
        display: inline-block;
        padding: 0px;
        background: transparent;
    }

    .TreeView img, .TreeNode img {
        max-height: 24px;
    }

    .TreeView tr:hover {
        color: #000000;
        background: linear-gradient(#E0F0FF,#E0F0Ff,#8090C0);
    }

    .TreeView .TreeViewSelected {
        color: #000000;
        background: linear-gradient(#E0F0FF,#E0F0FF,#8090C0);
        padding: 0em 0.5em;
        border-radius: 0.25em;
        border: 1px outset #0000C0;
    }

        .TreeView .TreeViewSelected a {
            color: #000000;
            background: transparent;
            padding: 0px;
            border: 0px none;
        }


.accountMenu, .accountMenu .dxmLite .dxm-main {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
    color: #4E4C36 !important;
    border: none;
    background-color: none;
    padding: 0px !important;

}

.dxmLite {
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif !important;
    color: #4E4C36 !important;
    border: none;
    background-color: none;
    padding: 0px !important;
}
/* Gradients */
.GrayHorizontal {
    background: linear-gradient(#F8F8F8,#FFFFFF,#FFFFFF,#F8F8F8,#F0F0F0);
}

.GrayBorderedBox {
    background: linear-gradient(#F0F0F0,#FFFFFF,#FFFFFF,#F8F8F8,#F0F0F0);
    padding: 0.5em;
    border: 1px outset #C0C0C0;
    border-radius: 0.5em;
    display: inline-block;
    text-align: left;
    overflow: hidden;
    color: #000000;
}

.GrayBorderedPanel {
    background: linear-gradient(#F0F0F0,#FFFFFF,#FFFFFF,#F8F8F8,#F0F0F0);
    padding: 0.5em;
    margin: 1em 0em;
    border-left: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    border-right: 1px solid #606060;
    border-bottom: 1px solid #606060;
    border-radius: 0.5em;
    display: block;
    text-align: left;
    overflow: hidden;
    color: #000000;
}

.GrayBorderedCell {
    background: linear-gradient(#F0F0F0,#FFFFFF,#FFFFFF,#F8F8F8,#F0F0F0);
    padding: 0.5em;
    border-left: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    border-right: 1px solid #606060;
    border-bottom: 1px solid #606060;
    border-radius: 0.5em;
    color: #000000;
}

.ExpanderHeader, .ExpanderHeader:active, .ExpanderHeader:link, .ExpanderHeader:visited {
    display: block;
    text-decoration: none;
    font-size: 13pt;
    font-weight: bold;
    color: #000000;
    cursor: pointer;
    padding-bottom: 0.5em;
}

    .ExpanderHeader:hover {
        background: transparent;
        color: #0000FF;
    }

h4.PanelTitle {
    margin-top: 0em;
    background: #406080;
    color: #FFFFFF;
    margin: -0.5em -0.5em 0em -0.5em;
    padding: 0.5em 1em;
}
/*Special Controls*/

#btnClose, #btnClose:active {
    background-color: white;
    background-image: url('/Resources/Images/close_gray_15x15.png');
    border-radius: 1px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    padding: 1px;
    height: 17px;
    width: 17px;
    border: 1px solid #858585;
}

    #btnClose:hover {
        background-image: url('/Resources/Images/close_red_15x15.png');
        border: 1px solid #c92020;
    }

/*TAB CONTROL*/
.TabControl {
    display: inline-block;
    text-align: left;
    min-width: 80%;
    height: auto;
}

    .TabControl .ajax__tab_header {
        border-bottom: solid 1px #546580;
        font-weight: bold;
        font-size: 10pt;
    }

    .TabControl .ajax__tab_outer {
        /*background-color: #015927;*/
        background-color: #697b98;
        color: #fdfdfd;
        /*border: solid 1px #404040;*/
        border: solid 1px #546580;
        border-bottom: 1px solid #697b98;
        border-radius: 8px 8px 0px 0px;
        margin-right: 1px;
    }

    .TabControl .ajax__tab_active .ajax__tab_outer {
        position: relative;
        top: 1px;
        z-index: 0;
        background-color: #FFFFFF;
        /*color: #000000;*/
        color: #01441e;
        border-bottom: solid 1px #FFFFFF;
        padding-top: 2px;
    }

    .TabControl .ajax__tab_tab {
        display: block;
        background-color: transparent;
        color: #fdfdfd;
        padding: 2px 8px 0px 8px;
    }

    .TabControl .ajax__tab_active .ajax__tab_tab {
        /*color: #000000;*/
        color: #546580;
    }

    .TabControl .ajax__tab_body {
        border-style: none solid solid solid;
        border-width: 1px;
        /*border-color: #404040;*/
        border-color: #546580;
        padding: 0.5em;
        height: auto;
    }
/*---------- (end of tab control)*/

/*ACCORDION MENU*/
/*     Each of the main menu items needs to have it's own class.  Then, the class is used throughout the styles.  
       The top item is 'company' and it has special styles because it has to fill in the extra space under the 
       logo.  The current menu items/styles are: 
            -- Companies/company, Users/user, Tokens/token, Antivirus/av, Antimalware/am --
       If additional menu items are added, a specific class for each must also be added.  If a menu item has sub 
       items, the height needs to be set for that menu item. The height needs to be 36 x the number of sub items.
*/
.accordion, .accordion ul, .accordion li, .accordion a, .accordion span {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
}

.accordion {
    margin-top: 0px;
    z-index: 0;
}

    .accordion li {
        list-style: none;
        margin: 0px;
        padding: 0px;
    }

        .accordion li > a {
            display: block;
            position: relative;
            min-width: 110px;
            padding: 2px 8px;
            color: #fdfdfd;
            font: bold 12px Arial, sans-serif;
            line-height: 32px;
            vertical-align: middle;
            text-decoration: none;
            text-shadow: 0px 1px 0px rgba(0,0,0, .35);
            background: #546580;
            background: -moz-linear-gradient(top, #546580 0%, #697b98 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#546580), color-stop(100%,#697b98));
            background: -webkit-linear-gradient(top, #546580 0%,#697b98 100%);
            background: -o-linear-gradient(top, #546580 0%,#697b98 100%);
            background: -ms-linear-gradient(top, #546580 0%,#697b98 100%);
            background: linear-gradient(top, #475770 0%,#697b98 100%);
            -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
            -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
            box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
        }

            .accordion li > a img {
                border: none;
                text-decoration: none;
                vertical-align: middle;
                padding: 0px 8px 2px 0px;
            }

            .accordion li > a > span {
                display: inline-block;
                float: right;
                padding: 0 10px;
                margin-top: 4px;
                margin-right: 4px;
                font: normal bold 12px/18px Arial, sans-serif;
                background: #475770;
                -webkit-border-radius: 15px;
                -moz-border-radius: 15px;
                border-radius: 15px;
                -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
                -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
                box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
            }

        .accordion li:hover > a, .accordion li:target > a {
            color: #fdfdfd;
            text-shadow: 1px 1px 1px rgba(255,255,255, .2);
            background-color: #6c6e74;
            background: -moz-linear-gradient(top, #6c6e74 0%, #4b4d51 100%) !important;
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6c6e74), color-stop(100%,#4b4d51));
            background: -webkit-linear-gradient(top, #6c6e74 0%,#4b4d51 100%);
            background: -o-linear-gradient(top, #6c6e74 0%,#4b4d51 100%);
            background: -ms-linear-gradient(top, #6c6e74 0%,#4b4d51 100%);
            background: linear-gradient(top, #6c6e74 0%,#4b4d51 100%);
        }

            .accordion li:hover > a span, .accordion li:target > a span {
                color: #fdfdfd;
                text-shadow: 0px 1px 0px rgba(0,0,0, .35);
                background: #4b4d51;
            }

    .accordion .sub-menu li a {
        color: #546580;
        text-shadow: 1px 1px 0px rgba(255,255,255, .2);
        background: #e5e5e5;
        border-bottom: 1px solid #c9c9c9;
        -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
        -moz-box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
        box-shadow: inset 0px 1px 0px 0px rgba(255,255,255, .1), 0px 1px 0px 0px rgba(0,0,0, .1);
    }

    .accordion .sub-menu li:last-child a {
        border: none;
    }

    .accordion .sub-menu li > a span {
        color: #546580;
        text-shadow: 1px 1px 0px rgba(255,255,255, .2);
        background: transparent;
        border: 1px solid #c9c9c9;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .accordion .sub-menu em {
        position: absolute;
        top: 0;
        left: 0;
        margin-left: 14px;
        color: #a6a6a6;
        font: normal 10px/32px Arial, sans-serif;
    }

    .accordion .sub-menu li:hover a {
        background: #efefef;
    }

    .accordion li > .sub-menu {
        max-height: 0;
        overflow: hidden;
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        -ms-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
    }

    .accordion li:target > .sub-menu {
        max-height: 640px;
    }
/*---------- (end of accordion menu)*/

/*----------Side menu--------------*/
.flexItemHorizontalMenu {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    flex: 0 1 auto;
    /*min-width: 140px;
    border: 3px solid rgba(0,0,0,.2);
  
  color: white;
  font-weight: bold;
  font-size: 2em;
  text-align: center;*/
}



.sideMenuItems {
    /*color: #959480;*/
    color: #009B60 !important;
    line-height: 48px;
    text-transform: uppercase;
    font-family: Calibri !important;
    font-size: 12pt;
    padding: 0px 30px 0px 30px;
    display: block;
    line-height: 28px !important;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    background: #e5e5e5;
}

    .sideMenuItems:link, .sideMenuItems:visited {
        color: #546580 !important;
    }

    .sideMenuItems:hover, .sideMenuItems:active {
        color: #5a5a5a !important;
    }

    .sideMenuItems:hover {
        color: #935347;
        color: #6CCFF6;
        /*border-top: 1px solid #E4DBD4;
        border-bottom: 1px solid #E4DBD4;*/
        border-top: 1px solid #5a5a5a;
        border-bottom: 1px solid #5a5a5a;
    }

.sideMenuContainer {
    /*display: inline-block;
    width: 8%;
    border-bottom: 1px solid black;
    -webkit-box-shadow: 2px 1px 5px 0px rgba(50, 50, 50, 0.5);
    -moz-box-shadow:    2px 1px 5px 0px rgba(50, 50, 50, 0.5);
    box-shadow:         2px 1px 5px 0px rgba(50, 50, 50, 0.5);*/
    margin-top: 0px;
    /*box-shadow:  0px 0px 5px 0px rgba(0,0,0,0.35);*/
    border-right: 1px inset #C0C0C0;
    flex-shrink: 0;
    height: 100%;
    overflow-y: auto;
    position: relative;
    z-index: 50;
    align-items: stretch;
    background-color: white;
    font-weight: bold;
}

.sideMenuTitles {
    /*
    padding: 4px 0px 4px 4px;
    border-top: 1px solid #A0A0A0;
    border-bottom: 1px solid #A0A0A0;
    font-weight: bold;
    color: white;
    background: linear-gradient(#38415b,#838fb3,#000000,#000000);
    background: #38415b;
    
    line-height: 48px;*/
    color: #959480;
    text-transform: uppercase;
    font-family: Calibri !important;
    font-size: 12pt;
    padding: 46px 10px 20px 10px;
    display: block;
    /*background: #546580;
    background: linear-gradient(bottom, #546580 0%,#697b99 100%);*/
    background-color: white;
    box-shadow: inset 1px 1px 1px rgba(0,0,0, .2), 1px 1px 1px rgba(255,255,255, .1);
    background-repeat: no-repeat;
    background-position: center top;
    background-position-y: 22px;
}
.dashboard div{padding-top: 30px;}
a.dashboard:link .sideMenuTitles {
    background-image: url(/Resources/Images/Menu/Dashboard_24x18_green.png);
    background-position-y: 38px;
}

a.dashboard:hover .sideMenuTitles {
    background-image: url(/Resources/Images/Menu/Dashboard_24x18_blue.png);
    background-position-y: 38px;
}

a.devices:link .sideMenuTitles {
    background-image: url(/Resources/Images/Menu/Devices_24x20_green.png);
}

a.devices:hover .sideMenuTitles {
    background-image: url(/Resources/Images/Menu/Devices_24x20_blue.png);
}
a.licenses:link .sideMenuTitles {
    background-image: url(/Resources/Images/Menu/Licenses_24x20_green.png);
}

a.licenses:hover .sideMenuTitles {
    background-image: url(/Resources/Images/Menu/Licenses_24x20_blue.png);
}
a.deploy:link .sideMenuTitles {
    background-image: url(/Resources/Images/Menu/Deploy_24x20_green.png);
}

a.deploy:hover .sideMenuTitles {
    background-image: url(/Resources/Images/Menu/Deploy_24x20_blue.png);
}

a.reports:link .sideMenuTitles {
    background-image: url(/Resources/Images/Menu/Reports_24x20_green.png);
}

a.reports:hover .sideMenuTitles {
    background-image: url(/Resources/Images/Menu/Reports_24x20_blue.png);
}

a.users:link .sideMenuTitles {
    background-image: url(/Resources/Images/Menu/Users_24x20_green.png);
    /*background-position-y: 18px;*/
}

a.users:hover .sideMenuTitles {
    background-image: url(/Resources/Images/Menu/Users_24x20_blue.png);
    /*background-position-y: 18px;*/
}

.bodyContainer {
    display: block;
}

.sideMenuTitles img
{
    margin-right: 8px;
    margin-bottom: 4px;
}

.sideMenuContainer a {
    /*color: #9196a2;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;*/
    text-decoration: none !important;
    /*border-collapse:collapse;*/
    /*line-height: 48px;
    padding: 6px 0px;*/
    /*width: 100%;*/
}

    .sideMenuContainer a:link div, .sideMenuContainer a:visited div {
        color: #009B60;
        /*border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;*/
        /*line-height: 48px;
    padding: 6px 0px;*/
        /*text-decoration: none;
    width: 100%;*/
    }

    .sideMenuContainer a:hover div, .sideMenuContainer:active div {
        color: #1B75BC;
        /*border-top: 1px solid #4E4C36;
        border-bottom: 1px solid #4E4C36;*/
        /*line-height: 48px;
    padding: 6px 0px;*/
        /*text-decoration: none;
    width: 100%;*/
    }
    .sideMenuContainer a:current div {
        background-color: red;
        /*border-top: 1px solid #4E4C36;
        border-bottom: 1px solid #4E4C36;*/
        /*line-height: 48px;
    padding: 6px 0px;*/
        /*text-decoration: none;
    width: 100%;*/
    }

.flexItemHorizontalBody {
    height: 100%;
    position: relative;
    background-color: #f2f3f7;
    flex: 1 1 auto;
}


/*---------------------------------------------*/

.informationMenu {
    /*display: table-cell;*/
    line-height: 1.5em;
    white-space: nowrap;
    font-size: 19px;
    font-family: Calibri;
    font-size: 13pt;
    text-transform: uppercase;
    padding-top: 8px;
    padding-right: 8px;
    text-decoration: none !important;
    /*color: #444c64 !important;*/
    color: #959480 !important;
    /*color: #4e4c36;*/
    /*width: 100%;*/
    text-align: center;
}

    .informationMenu a {
        text-decoration: none !important;
        /*color: #444c64 !important;*/
        color: #4e4c36 !important;
    }

    .informationMenu:hover {
        text-decoration: none !important;
        /*color: #444c64 !important;*/
        background: #58595B !important;
    }

.informationMenuContainer {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    padding: 3px 40px 2px 40px;
    margin: 0;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-align-items: stretch;
    align-content: stretch;
}

    .informationMenuContainer a:hover {
        text-decoration: none !important;
        /*color: #868DA3 !important;*/
        color: #FD7010 !important;
    }

    .informationMenuContainer .tutorial:hover {
        color: #00a5c3 !important;
    }

    .informationMenuContainer .information:hover {
        color: #6226e9 !important;
    }

    .informationMenuContainer .buy:hover {
        color: #0bb923 !important;
    }

    .informationMenuContainer .support:hover {
        color: #eb15a2 !important;
    }


.bodyContainer {
    /*display: inline-block;*/
    /*width: 91%;*/
    /*min-width: 700px;*/
    /*width: 100%;*/
    vertical-align: top;
    /*text-align: center;*/
}


.footer {
    text-align: left;
    background-color: #FFFFFF;
    border-top: 1px solid #64624c;
    box-shadow: rgba(0,0,0,0.5) 0px -4px 8px;
    padding: 0.25em 1em;
    position: fixed;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 1000;
}

.footerLinksContainer {
    display: flex;
    position: relative;
    width: 100%;
    position: relative;
    justify-content: space-between;
    padding: 6px 0px;
}

.footerLinks {
    margin-top: 10px;
    margin-bottom: 10px;
}

    .footerLinks a {
        text-decoration: none !important;
        color: #58595b !important;
        font-size: 10pt;
    }

        .footerLinks a:hover {
            text-decoration: underline;
            color: #1B75BC !important;
        }

.footerLinksHeader {
    font-weight: bold;
    font-size: 10pt;
}

.pageTitle {
    text-align: center;
    font-size: 14pt;
    /*font-weight: bold;
    color: #606060;
    padding: 0.5em;*/
    color: #959480;
    text-shadow: rgba(27, 27, 27, 0.3) 1px 1px 1px;
    text-transform: uppercase;
    margin-top: 6px;
    margin-bottom: 4px;
    /*border-bottom: 2px solid #EEE9E6;*/
}

    .pageTitle div {
        border-bottom: 2px solid #EEE9E6;
    }

.main {
    padding: 0.5em 1em 2em;
    min-height: 420px;
    vertical-align: top;
}

.flexContainerVertical {
    flex-direction: column;
    align-items: stretch;
    /*padding: 0;
    margin: 0;*/
    -ms-box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
    /*justify-content: space-around;*/
    align-content: stretch;
    -webkit-align-items: stretch;
    justify-content: flex-start;
}

.dashboardQuickButton {
    display: inline-block;
    border-radius: 10px;
    width: 250px;
    background-color: white;
    margin: 10px;
    border: 1px solid #58595b;
    position: relative;
    font-family: Calibri;
}
.dashboardQuickButton .title {
    text-transform: uppercase;
    font-size: 12pt;
    font-weight: bold;
}
.dashboardQuickButton div {
    margin: 0px auto; text-align: center;
}
    .dashboardQuickButton:link, .dashboardQuickButton:visited {
        border: 1px solid #58595b;
        -webkit-box-shadow: 4px 4px 10px 0px rgba(88,89,91,0);
        -moz-box-shadow: 4px 4px 10px 0px rgba(88,89,91,0);
        box-shadow: 4px 4px 10px 0px rgba(88,89,91,0);
    }

    .dashboardQuickButton:hover, .dashboardQuickButton:active {
        border: 1px solid #9E1F63;
        -webkit-box-shadow: 4px 4px 10px 0px rgba(88,89,91,0.65);
        -moz-box-shadow: 4px 4px 10px 0px rgba(88,89,91,0.65);
        box-shadow: 4px 4px 10px 0px rgba(88,89,91,0.65);
    }
.dashboardQuickButtonHelp {
    position: absolute;
    top: 2px;
    right: 2px;
    color: #9E1F63;
    background-color: #f2f3f7;
    height: 18px;
    width: 18px;
    border-radius: 10px;
    font-weight: bold;
    padding: 0px;
    font-family: Calibri;
}

/*------------ DEVEXPRESS CSS Override -------------*/
.deviceGrid .dxgvPreviewRow td.dxgv{padding: 0px; }
/*---------- END DEVEXPRESS CSS Override -----------*/
/*--------------Mobile Form Fields-------------*/
.formFieldContainer100 {
    width: 100px;
    margin-right: 10px;
    margin-bottom: 2px;
    display: inline-block;
}

.formFieldContainer200 {
    width: 200px;
    margin-right: 10px;
    margin-bottom: 2px;
    display: inline-block;
}

.formFieldContainer300 {
    width: 300px;
    margin-right: 10px;
    margin-bottom: 2px;
    display: inline-block;
}

.formFieldContainer400 {
    width: 400px;
    margin-right: 10px;
    margin-bottom: 2px;
    display: inline-block;
}

.formFieldContainer600 {
    width: 600px;
    margin-right: 10px;
    margin-bottom: 2px;
    display: inline-block;
}

.formFieldLabel {
    display: block;
    font-weight: bold;
    text-align: left;
}

.formFieldContainer100 .formFieldLabel {
    max-width: 100px;
}

.formFieldContainer200 .formFieldLabel {
    max-width: 200px;
}

.formFieldContainer300 .formFieldLabel {
    max-width: 300px;
}

.formFieldContainer400 .formFieldLabel {
    max-width: 400px;
}

.formFieldContainer600 .formFieldLabel {
    max-width: 600px;
}
/*---------------End of Mobile Form Fields----------------*/

/*-----------------------@Media tags----------------------*/
@media screen and (max-width: 1309px) {
    .bodyContainer {
        /*width: 79%;*/
    }

    .sideMenuContainer {
        /*width: 20%;*/
        white-space: nowrap;
        border-bottom: 1px solid black;
    }
    /*.media100{width: 100%;}*/
}

@media screen and (max-width: 1291px) {
    .bodyContainer {
        /*width: 79%;*/
    }

    .sideMenuContainer {
        /*width: 20%;*/
        white-space: nowrap;
        border-bottom: 1px solid black;
    }

    .campaignFlex .campaignFlexItemCampaign {
        /*height:400px;*/
        margin: 1em auto;
    }

    .campaignFlex .campaignFlexItemLead {
        /*height:400px;*/
        margin: 1em auto;
    }
    /*.media100{width: 100%;}*/
}


@media screen and (max-width: 1090px) {
    .bodyContainer {
        /*width: 79%;*/
    }

    .sideMenuContainer {
        /*width: 20%;*/
        white-space: nowrap;
        border-bottom: 1px solid black;
    }

    /*.wizardSideBar {
        display: inline-block;
    }*/

    .page {
        margin: 0px;
        border-top: none;
    }

    .media100 {
        width: 99.5%;
    }
}

@media screen and (max-width: 1024px) {
    .mobileMenu {
        display: block;
        white-space: nowrap;
    }

        .mobileMenu img {
            margin: 0px 2px 0px 2px;
        }

    .sideMenuContainer {
        display: none;
    }

    .informationMenuMobileContainer {
        display: none;
    }

    .informationMenuMobile {
        margin: 0px 6px 0px 0px;
        width: 19%;
        text-align: left;
        display: inline-block;
    }


    .flexItemHorizontalMenu {
        display: none;
    }

    .informationMenuContainer {
        display: none;
    }

    .media100 {
        width: 99.5%;
    }
}

@media screen and (max-width: 800px) {

    .informationMenuText {
        display: none;
    }

    .media100 {
        width: 99.5%;
    }
}

@media screen and (max-width: 760px) {
    .bodyContainer {
        /*width: 80%;*/
    }

    .campaignsListControl {
        display: block;
        text-align: center;
    }

    /*.informationMenuMobileContainer{
        display:block
        }
    .informationMenuContainer{
        display:none;
    }*/

    .bottomMobileMenu {
        display: block;
        width: 100%;
    }

    .bottomInformation {
        width: 100%;
    }

    .bottomNavMenu {
        display: block;
        width: 100%;
    }

    .footerLinks {
        display: none;
    }

    .media100 {
        width: 100%;
    }
}

@media screen and (max-width:720px) {
    .campaignButtondiv {
        display: block;
        vertical-align: bottom;
        text-align: center;
        margin: 0px 0px 0px 0px;
        width: 100%;
    }

    .campaignButtonContainer {
        display: inline-block;
        vertical-align: bottom;
        padding-bottom: 0px;
        width: 32%;
    }

    .campaignAddButton {
        height: 31px;
        padding-top: 8px;
        padding-bottom: 8px;
        display: block;
        text-align: center;
        vertical-align: bottom;
        padding-right: 4px;
        min-width: 78px;
    }

    .campaignInstructionButton {
        padding-top: 8px;
        padding-bottom: 8px;
        display: block;
        text-align: center;
        height: 31px;
        padding-right: 4px;
    }

    .campaignQuickButton {
        padding-top: 8px;
        padding-bottom: 8px;
        display: block;
        text-align: center;
        height: 31px;
        min-width: 79px;
    }

    .media100 {
        width: 100%;
    }

    .historyChartControl {
        width: auto;
        display: block;
        height: auto;
        float: none;
        margin-bottom: 8px;
    }

    .homeInfoContainer {
        width: auto;
    }

    .pricingTable {
        display: block;
        margin-left: 0px;
        margin: 0px auto;
        float: none;
        width: 400px;
    }
}


@media screen and (max-width: 650px) {
    .bodyContainer {
        display: block;
        flex-direction: column;
    }

    /*.informationMenuMobileContainer {
        display: none;
    }

    .informationMenuMobile {
        width: 19%;
    }

    .mobileMenu {
        display: block;
    }

        .mobileMenu img {
            margin: 0px 2px 0px 2px;
        }

    .sideMenuContainer {
        display: none;
    }

    .flexItemHorizontalMenu {
        display: none;
    }*/

    .footerLinks {
        display: none;
    }

    .informationMenuContainer {
        border: 1px solid black;
        width: 100%;
        margin-right: 32px;
        display: none;
    }

    .informationMenuText {
        display: none;
    }

    .mobileMenu informationMenuMobile img {
        margin: 0px 6px 0px 0px;
        width: 19%;
    }

    .reportsControl {
        margin-left: 0%;
    }

    .rotatingAdsContainer {
        width: 100%;
    }

    .rotatingAds {
        padding-right: 0px;
        width: 100%;
    }

    .bottomMobileMenu {
        display: block;
        width: 100%;
    }

    .bottomInformation {
        width: 100%;
    }

    .bottomNavMenu {
        display: block;
        width: 100%;
    }

    .media100 {
        width: 100% !important;
    }
}


/* Try custom fonts */

@font-face {
    font-family: sansation_regular_font;
    src: local(sansation_regular_font), url('/Resources/Fonts/Sansation_Regular.ttf')
}