@media only screen and (min-width: 900px) {

    body {

        background-color: #E3E2E7;

        font-family: verdana;

        margin: 0px;

        margin-top: 0px;

        min-width: 1024px;

        padding-bottom: 40px;

        padding-top: 0px;

    }



    p { font-size: 7pt; }





    /*		����� ������		*/

    .login_form {

        background-color: #FF6600;

        border: 2px solid #9D9D9D;

        margin: 0 auto 20px;

        margin-top: 50px;

        max-width: 696px;

        min-width: 696px;

    }



    .login_form .lf_top_img {

        background-image: url('../img/Login_top.jpg');

        background-repeat: no-repeat;

        height: 273px;

        width: 696px;

    }



    .login_form .lf_middle {

        background-color: #FF6600;

        display: inline-block;



        height: 102px;

        padding-top: 20px;

        vertical-align: bottom;

        width: 696px;

    }



    .login_form .lf_middle table { margin-left: 270px; }





    .login_form .lf_bottom {



        background-color: #FFFFFF;

        color: #9D9D9D;

        font-size: 7pt;

        height: 73px;

        padding-right: 30px;

        padding-top: 5px;

        vertical-align: middle;

    }



    .login_form .lf_bottom table {

        height: 100%;

        width: 100%;

    }



    .login_form .lf_bottom table tr td { text-align: right; }



    .login_form .User_Name_Label {



        left: 0px;

        position: relative;

        top: 0px;

    }



    .login_form .User_Name_Input {

        height: 30px;

        left: 229px;

        position: relative;

        top: 0px;

        width: 222px;

    }



    .login_form .Form_label {

        color: #ffffff;

        font-size: 9pt;

        font-weight: bolder;

        padding-right: 20px;

        text-align: right;

        vertical-align: middle;

        width: 140px;

    }



    .login_form .Form_input {

        height: 30px;

        width: 222px;

    }







    /*		���������		*/

    .stl_header {

        background-color: #F46114;

        background-image: url('../img/header_fill.jpg');

        background-repeat: repeat-x;

        border-width: 0px;

        height: 70px;

    }



    .stl_header .logo {

        background-image: url('../img/header_big_logo.jpg');

        background-repeat: no-repeat;

        float: left;

        height: 70px;

        width: 364px;

    }



    .stl_header .logo_right {

        background-image: url('../img/header_big_logo_right.jpg');

        background-repeat: no-repeat;

        float: right;

        height: 70px;

        width: 201px;

    }



    .stl_header .menu {

        background-image: none;

        background-repeat: no-repeat;

        color: #666666;

        float: left;

        font-size: 7pt;

        height: 70px;

        left: 365px;

        position: absolute;

        top: 0px;

        width: 1000px;

    }



    .stl_header .menu .menuitems {

        background-color: inherit;

        float: left;



        height: 70px;

        position: static;

    }



    .stl_header .menu:hover .menuitems {

        -moz-box-shadow: 0px 0px 0px #222;

        -webkit-box-shadow: 0px 0px 0px #222;

        box-shadow: 0px 0px 0px #222;

        position: static;

    }







    .stl_header .menu .menuitems div {

        color: #666666;

        float: left;

        font-size: 7pt;

        height: 30px;

        margin-top: 10px;

        padding-left: 5px;

        padding-right: 5px;

        padding-top: 35px;

    }



    .stl_header .menu a { text-decoration: none; }



    .stl_header_menu_button {

        background-position: 15px 3px;

        background-repeat: no-repeat;

        display: block;

        text-align: center;

        width: 48px;

    }



    .stl_header_menu_home { background-image: url('../img/Home_gray.png'); }



    .stl_header_menu_home_select { background-image: url('../img/Home_orange.png'); }



    .stl_header_menu_home:hover { background-image: url('../img/Home_orange.png'); }



    .stl_header_menu_order { background-image: url('../img/Narjad_gray.png'); }



    .stl_header_menu_order_select { background-image: url('../img/Narjad_orenge.png'); }



    .stl_header_menu_order:hover { background-image: url('../img/Narjad_orenge.png'); }



    .stl_header_menu_order_control { background-image: url('../img/Bicular_gray.png'); }



    .stl_header_menu_order_control_select { background-image: url('../img/Bicular_orange.png'); }



    .stl_header_menu_order_control:hover { background-image: url('../img/Bicular_orange.png'); }



    .stl_header_menu_map { background-image: url('../img/Map_gray.png'); }



    .stl_header_menu_map_select { background-image: url('../img/Map_orange.png'); }



    .stl_header_menu_map:hover { background-image: url('../img/Map_orange.png'); }



    .stl_header_menu_report { background-image: url('../img/Scheme_gray.png'); }



    .stl_header_menu_report_select { background-image: url('../img/Scheme_orange.png'); }



    .stl_header_menu_report:hover { background-image: url('../img/Scheme_orange.png'); }



    .stl_header_menu_exit { background-image: url('../img/Exit_gray.png'); }



    .stl_header_menu_exit:hover { background-image: url('../img/Exit_orange.png'); }



    .stl_header .fill {



        float: left;

        height: 70px;

        width: 50px;

    }



    .stl_footer {

        background-color: #A5A5A5;

        border: 0px;

        border-color: white;

        border-style: solid;

        border-top: 3px;

        bottom: 0;

        color: white;

        font-size: 7pt;

        height: 23px;

        padding-left: 8px;

        padding-top: 10px;

        position: fixed;

        width: 100%;

}







    /*		�������� �����		*/

    .stl_home_form {

        -moz-box-shadow: 0px 0px 10px #222;

        -webkit-box-shadow: 0px 0px 10px #222;

        background: #FFFFFF;

        box-shadow: 0px 0px 10px #222;

        font-size: 11px;

        height: 400px;

        margin: 0 auto;

        margin-top: 40px;

        padding-top: 17px;

        width: 447px;

    }



    .stl_home_form .stl_button_selector {

        background: #F86506;

        color: #ffffff;

        cursor: pointer;

        height: 48px;

        margin-bottom: 62px;

        margin-left: 31px;

        margin-right: 31px;

        padding-top: 80px;

        text-align: center;

        width: 130px;

    }







    .stl_home_form .stl_button_selector:hover {



        -moz-box-shadow: 0px 0px 2px #222;

        -webkit-box-shadow: 0px 0px 2px #222;

        box-shadow: 0px 0px 2px #222;

    }



    .stl_home_form .stl_table_selector {

        margin: auto;

        margin-top: 20px;

    }



    .stl_home_form .stl_button_orders {

        background-image: url('../img/button_orders.jpg');

        background-position: 39px 18px;

        background-repeat: no-repeat;

    }



    .stl_home_form .stl_button_order_control {

        background-image: url('../img/button_order_control.jpg');

        background-position: 39px 18px;

        background-repeat: no-repeat;

    }



    .stl_home_form .stl_button_maps {

        background-image: url('../img/button_maps.jpg');

        background-position: 39px 18px;

        background-repeat: no-repeat;

    }



    .stl_home_form .stl_button_report {

        background-image: url('../img/button_report.jpg');

        background-position: 39px 18px;

        background-repeat: no-repeat;

    }







    /*		����� ������������			*/

    .eo_col_line_number { width: 100px; }



    .eo_col_transport_number { width: 250px; }



    .eo_col_order_info { width: 100%; }



    .eo_col_button { width: 30px; }



    .eo_button {

        cursor: pointer;

        float: right;

    }



    .eo_button:hover {

        -moz-box-shadow: 0px 0px 2px #222;

        -webkit-box-shadow: 0px 0px 2px #222;

        box-shadow: 0px 0px 2px #222;

    }



    .eo_button_edit_add {

        background-image: url('../img/de_button_add.jpg');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

    }



    .eo_button_edit_add_disable {

        background-image: url('../img/de_button_add_disable.jpg');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

    }



    .eo_button_edit_edit {

        background-image: url('../img/de_button_edit.jpg');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

    }



    .eo_button_edit_edit_disable {

        background-image: url('../img/de_button_edit_disable.jpg');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

    }



    .eo_button_edit_del {

        background-image: url('../img/de_button_del.png');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

    }



    .eo_button_edit_del_disable {

        background-image: url('../img/de_button_del_disable.jpg');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

    }



    .eo_button_edit_copy {

        background-image: url('../img/oc_copy.jpg');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

    }



    .eo_button_edit_copy_disable {

        background-image: url('../img/oc_copy_disable.jpg');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

    }



    .eo_calendar_edit {

        background: #797979;

        background: linear-gradient(to top, #989898, #717171);

        border-bottom-color: #989898;

        border-bottom-width: 1px;

        border-width: 0px;

        color: white;

        cursor: default;

        float: left;

        font-weight: bold;

        height: 23px;

        text-align: center;

        width: 152px;

    }



    .eo_dialog_table {

        overflow: hidden;

        padding: 0px;

        width: 400px;

    }





    .eo_inner_table { width: 100%; }



    .eo_inner_table tr { background-color: inherit !important; }



    .eo_inner_table tr td { border: 0px !important; }







    /*		����� �������� ��������		*/

    .oc_col_rownumber { cursor: default; }



    .oc_trans_number { }



    .oc_col_state {

        border-right: 0px !imprtant;

        vertical-align: middle;

        width: 20px;

    }



    .oc_col_info { }



    .oc_order_state_0 {

        background-image: url('../img/state_0.png');

        background-position: center;



        background-repeat: no-repeat;

        height: 30px;

        width: 20px;

    }



    .oc_order_state_2 {

        background-image: url('../img/state_2.png');

        background-position: center;



        background-repeat: no-repeat;

        height: 30px;

        width: 20px;

    }



    .oc_order_state_3 {

        background-image: url('../img/state_3.png');

        background-position: center;



        background-repeat: no-repeat;

        height: 30px;

        width: 20px;

    }



    .oc_order_state_4 {

        background-image: url('../img/state_4.png');

        background-position: center;



        background-repeat: no-repeat;

        height: 30px;

        width: 20px;

    }



    .oc_order_state_5 {

        background-image: url('../img/state_5.png');

        background-position: center;



        background-repeat: no-repeat;

        height: 30px;

        width: 20px;

    }



    .oc_order_state_6 {

        background-image: url('../img/state_6.png');

        background-position: center;



        background-repeat: no-repeat;

        height: 30px;

        width: 20px;

    }



    .oc_order_info { float: left; }



    .oc_order_info .oc_order {

        font-size: 8pt;

        font-weight: bold;

        padding-left: 5px;

    }



    .oc_order_info .oc_order_state_text {

        color: #979797;

        font-size: 7pt;

        font-weight: normal;

        padding-left: 10px;

    }



    .oc_button_edit_order_map {

        background-image: url('../img/oc_button_map.jpg');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

    }



    .oc_button_edit_order_map_disable {

        background-image: url('../img/oc_button_map_disable.jpg');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

    }



    .oc_button_edit_order_info {

        background-image: url('../img/oc_button_order_info.jpg');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

    }



    .oc_button_edit_order_info_disable {

        background-image: url('../img/oc_button_order_info_disable.jpg');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

    }



    .oc_button_edit_add {

        background-image: url('../img/de_button_add.jpg');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

    }



    .oc_button_edit_add_disable {

        background-image: url('../img/de_button_add_disable.jpg');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

    }



    .oc_button_edit_del {

        background-image: url('../img/de_button_del.png');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

    }



    .oc_button_edit_del_disable {

        background-image: url('../img/de_button_del_disable.jpg');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

    }



    .oc_button_video {

        background-image: url('../img/oc_button_video.png');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

    }



    .oc_button_video_disable {

        background-image: url('../img/oc_button_video_disable.png');

        background-repeat: no-repeat;

        height: 30px;

        width: 30px;

    }





    .oc_map_canvas {

        background-color: #cdcbcb;

        height: 450px;

        width: 800px;

    }



    /*		����� ���� �����	*/

    .map_mapcanvas {

        background-color: #c8c8c8;

        float: left;

        height: 100%;

        width: calc(100% - 255px);

    }



    .map_selectblock {

        float: left;

        height: 100%;

        margin-left: 5px;

        width: 250px;

    }



    .map_select_data {

        height: calc(100% - 45px);

        overflow-y: auto !important;

        width: 100%;

    }



    .disable { display: none; }



    /*		����� ������		*/

    .stl_content {

        -moz-box-shadow: 0px 0px 10px #222;

        -webkit-box-shadow: 0px 0px 10px #222;

        background: #FFFFFF;

        box-shadow: 0px 0px 10px #222;

        height: auto;

        left: 0px;

        margin: 0 auto;

        margin-bottom: 100px;

        margin-left: 5px;

        margin-right: 5px;

        margin-top: 0px;

        padding: 5px;

        position: absolute;

        right: 0px;

        top: 0px;

        width: auto;

    }



    .stl_content2 {



        background: #FFFFFF !important;



		bottom: 78px !important;

        left: 0px !important;

        overflow-y: auto;

        padding: 5px !important;

        position: absolute !important;

        right: 0px !important;

        top: 100px !important;

   }



    .stl_box_header_Line {

        background: #616161;

        color: #ffffff;

        font-size: 12px;

        font-weight: bold;

        height: 25px;

        padding-top: 6px;

        text-align: center;

    }



    .top_info_block {

        background: #616161;

        border-bottom: 0px solid #A5A5A5;

        color: #ffffff;

        height: 31px;

        width: 100%;

    }



    .top_info_block_element {

        cursor: default;

        float: left;

        font-size: 11pt;

        font-weight: bold;

        height: 26px;

        padding-left: 10px;

        padding-right: 10px;

        padding-top: 5px;

    }



    .icon_edit_order {

        background-image: url('../img/order_edit_icon.jpg');

        background-repeat: no-repeat;

        display: block;

        margin-left: 5px;

        width: 6px;

    }



    .icon_date_select_23 {

        background-color: #F86506;

        background-image: url('../img/calendsr.png');

        background-position: center;

        background-repeat: no-repeat;

        cursor: pointer;

        float: right;

        height: 23px;

        width: 23px;

    }



    .icon_date_select_23:hover {

        -moz-box-shadow: 0px 0px 2px #222;

        -webkit-box-shadow: 0px 0px 2px #222;

        box-shadow: 0px 0px 2px #222;

    }



    .icon_copy_23 {

        background-color: #F86506;

        background-image: url('../img/copy.png');

        background-position: center;

        background-repeat: no-repeat;

        cursor: pointer;

        float: right;

        height: 23px;

        width: 23px;

    }



    .icon_copy_23:hover {

        -moz-box-shadow: 0px 0px 2px #222;

        -webkit-box-shadow: 0px 0px 2px #222;

        box-shadow: 0px 0px 2px #222;

    }



    .top_info_block_element_light { background: #999999; }



    .datatable {

        border-collapse: collapse;

        cursor: default;

        width: 100%;

    }



    .datatable tr td {

        border-bottom-style: solid;

        border-width: 1px;

        font-family: Verdana, sans-serif;

        font-size: 8pt;

        height: 30px;

        padding-right: 3px;

    }





    .datatable tr th {

        background-color: #b9b9bb;

        font-family: Verdana, sans-serif;

        font-size: 8pt;

    }





    .datatable tr:nth-child(2n + 1) { background-color: #ffffff; }



    .datatable tr:nth-child(2n) { background-color: #F8F8F8; }



    .focused { background-color: #c9c9c9 !important; }



    .stl_select_box {

        border: 1px solid #EA5B0C;

        height: 32px;

        overflow: hidden;



        width: 100%;

    }



    .stl_select_box select {
        -webkit-appearance: none;
        background: transparent;
        border: 0;
        border-radius: 0;
        font-size: 16px;
        height: inherit;
        line-height: 1;
        padding: 5px;
        width: 100%;

    }

        .stl_select_box input {
            -webkit-appearance: none;
            background: transparent;
            border: 0;
            border-radius: 0;
            font-size: 16px;
            height: inherit;
            line-height: 1;
            padding: 5px;
            width: 100%;
        }



    .stl_text_imput {

        border: 1px solid #EA5B0C;

        font-size: 16px;

        height: 30px;

        width: 99%;

    }



    .stl_button {

        -khtml-user-select: none;

        -moz-user-select: -moz-none;

        -o-user-select: none;

        -webkit-user-select: none;

        background-color: #F86506;

        border: 0px;

        color: white;

        cursor: pointer;

        display: inline-block;

        padding-bottom: 5px;

        padding-top: 5px;

        text-align: center;

        user-select: none;

    }



    .stl_splitter {

        border: 0px;

        width: 5px;

    }



    .stl_button_no_active { background-color: #616161; }



    .stl_button:hover {

        -moz-box-shadow: 0px 0px 2px #222;

        -webkit-box-shadow: 0px 0px 2px #222;

        background-color: #ff6600;

        box-shadow: 0px 0px 2px #222;

    }



    .stl_button:active { text-indent: 3px; }



    .dialog_scroll_box {



        height: 450px;

        overflow: hidden;

        width: 800px;

    }



    .scroll_pannel {

        height: 350px !important;

        overflow-y: auto !important;

        width: 100%;

    }







    /*		����� ��������� RUI		*/

    .rui-panel {

        border-radius: 0em;

        border-width: 1px;

    }



    .rui-button {

        background-color: #616161;

        border-radius: 0px;

        color: white;

        font-size: 16px;

        height: 32px;

        text-align: center;

        vertical-align: middle;

    }



    .rui-button:hover {

        -moz-box-shadow: 0px 0px 2px #222 !important;

        -webkit-box-shadow: 0px 0px 2px #222 !important;

        background-color: #EA5B0C !important;

        box-shadow: 0px 0px 2px #222 !important;

        color: white !important;

        vertical-align: middle !important;

    }





    /*		���������� ����		*/

    div.rui-dialog {

        background-color: #F8F8F8;

        border-color: #A6A6A6;

        border-radius: 0px;

        border-width: 0px;

        padding: 2.5em 0 4em;

    }



    div.rui-dialog .rui-dialog-head {

        background-color: #616161;

        border-bottom: 1px #000000;

        border-radius: 0px;

        height: 30px;

    }



        div.rui-dialog .rui-dialog-head .title {
            color: white;
            overflow: hidden;
            white-space: nowrap;
        }



    div.rui-dialog .rui-dialog-body {

        border-bottom: 0px;

        border-color: #A6A6A6;

        border-top: 0px;

        border-width: 5px;

        padding: 0.2em 1em;

        position: static;

    }



    div.rui-dialog .rui-dialog-foot .ok {

        background-color: #EA5B0C;

        padding: 5px 5px 0px;

        width: auto !important;

    }



    div.rui-dialog .rui-dialog-foot .cancel {

        background-color: #616161;

        padding: 5px 5px 0px;

        width: auto !important;

    }



    div.rui-dialog-inform { }



    div.rui-dialog-inform .cancel { display: none; }









    /*		���������		*/

    div.rui-calendar {

        background-color: white;

        padding: 0px;

    }



    div.rui-calendar .month {

        border-collapse: collapse;

        border-spacing: 1px;

        margin-top: 0px;

    }



    div.rui-calendar .month caption {

        background-color: #616161;

        color: white;

        font-size: 8pt !important;

        font-weight: bold;

        height: 24px;

        padding-top: 10px;

        vertical-align: middle;

    }



    div.rui-calendar .month thead tr th { font-size: 8pt; }



    div.rui-calendar .month td {

        background-color: #FFFFFF;

        border: 1px solid #CCCCCC;

        border-radius: 0em;

        color: #555555;

        cursor: pointer;

        font-size: 8pt;

        padding: 0.1em 0.3em;

        text-align: right;

    }



    div.rui-calendar .month td.selected {

        background-color: #EA5B0C;

        color: white;

    }



    div.rui-calendar .swaps .rui-button {

        background-color: #616161;

        border: 0px;

        border-radius: 0px;

        color: white;

        font-size: 8pt;

        font-weight: bold;

        height: 24px;

        padding-bottom: 0px;

        padding-top: 0px;

        padding-top: 10px;

    }



    div.rui-calendar .swaps .rui-button:hover {

        -moz-box-shadow: 0px 0px 0px #222;

        -webkit-box-shadow: 0px 0px 0px #222;

        background-color: #EA5B0C;

        box-shadow: 0px 0px 0px #222;

    }



    div.rui-calendar .timepicker { padding-bottom: 5px; }



    /*		������			*/

    .rui-selectable { width: 99%; }















    /*		��������������		*/

    div.row {

        min-height: 35px;

        margin-bottom: 5px;

        margin-top: 5px;

        overflow: auto;

        padding: 0px;

        width: 100%;

    }



    div.row .row_item_1 {

        float: left;

        height: inherit;

        margin-left: 3px;

        margin-right: 3px;



        width: calc(100% / 16 - 6px);

    }



    div.row .row_item_2 {

        float: left;

        height: inherit;

        margin-left: 3px;

        margin-right: 3px;

        width: calc((100% / 16) * 2 - 6px);

    }



    div.row .row_item_3 {

        float: left;

        height: inherit;

        margin-left: 3px;

        margin-right: 3px;

        width: calc((100% / 16) * 3 - 6px);

    }



    div.row .row_item_4 {

        float: left;

        height: inherit;

        margin-left: 3px;

        margin-right: 3px;

        width: calc((100% / 16) * 4 - 6px);

    }



    div.row .row_item_5 {

        float: left;

        height: inherit;

        margin-left: 3px;

        margin-right: 3px;

        width: calc((100% / 16) * 5 - 6px);

    }



    div.row .row_item_6 {

        float: left;

        height: inherit;

        margin-left: 3px;

        margin-right: 3px;

        width: calc((100% / 16) * 6 - 6px);

    }



    div.row .row_item_7 {

        float: left;

        height: inherit;

        margin-left: 3px;

        margin-right: 3px;

        width: calc((100% / 16) * 7 - 6px);

    }



    div.row .row_item_8 {

        float: left;

        height: inherit;

        margin-left: 3px;

        margin-right: 3px;

        width: calc((100% / 16) * 8 - 6px);

    }



    div.row .row_item_9 {

        float: left;

        height: inherit;

        margin-left: 3px;

        margin-right: 3px;

        width: calc((100% / 16) * 9 - 6px);

    }



    div.row .row_item_10 {

        float: left;

        height: inherit;

        margin-left: 3px;

        margin-right: 3px;

        width: calc((100% / 16) * 10 - 6px);

    }



    div.row .row_item_11 {

        float: left;

        height: inherit;

        margin-left: 3px;

        margin-right: 3px;

        width: calc((100% / 16) * 11 - 6px);

    }



    div.row .row_item_12 {

        float: left;

        height: inherit;

        margin-left: 3px;

        margin-right: 3px;

        width: calc((100% / 16) * 12 - 6px);

    }



    div.row .row_item_13 {

        float: left;

        height: inherit;

        margin-left: 3px;

        margin-right: 3px;

        width: calc((100% / 16) * 13 - 6px);

    }



    div.row .row_item_14 {

        float: left;

        height: inherit;

        margin-left: 3px;

        margin-right: 3px;

        width: calc((100% / 16) * 14 - 6px);

    }



    div.row .row_item_15 {

        float: left;

        height: inherit;

        margin-left: 3px;

        margin-right: 3px;

        width: calc((100% / 16) * 15 - 6px);

    }



    div.row .row_item_16 {

        float: left;

        height: inherit;

        margin-left: 3px;

        margin-right: 3px;

        width: calc(100% - 6px);

    }



    /*		����	*/

    .shadow_2 {

        -moz-box-shadow: 0px 0px 2px #222;

        -webkit-box-shadow: 0px 0px 2px #222;

        box-shadow: 0px 0px 2px #222;

    }





    .cb_div { float: left; }





    /* Ol */

    .olControlLayerSwitcher { background-color: #9cde21 !important; }



    .STL_ListItem_t {

        border-bottom: 1px solid #CCCCCC;

        cursor: pointer;

        height: 30px;

        width: 100%;

    }



    .STL_ListItem_PrimaryButton {

        float: right;

        

        width: calc(100% - 30px);

    }



    .STL_ListItem_SecondButton {

        float: right;

        height: 30px;

        width: 30px;

    }



    .STL_ListItem_PrimaryButton .STL_Caption {

        font-size: 9pt;

        padding-left: 5px;

    }



	.STL_HistoryHeader {

		font-size: 9pt;

        padding-left: 5px;

		background-color: #616161;

		font-weight: bold;

		color: white;

		height: 30px;

		line-height: 30px;

	}



    .STL_ListItem_PrimaryButton .STL_Description {

        color: #979797;

        font-size: 7pt;

        font-weight: normal;

        padding-left: 10px;

    }



    .STL_ListItem_PrimaryButton .STL_ListItemSelected {

        background: none repeat scroll 0 0 #DDDDDD;

        font-weight: bold;

    }



    .STL_Map_TransHistory_ON {

        background-image: url('../img/trans_history_on.jpg');

        background-position: center;

        background-repeat: no-repeat;

    }



    .STL_Map_TransHistory_OFF {

        background-image: url('../img/trans_history_off.jpg');

        background-position: center;

        background-repeat: no-repeat;

    }



    .STL_Reports_Table_Buttons {

	border:none;

	border-spacing: 4px;

	position:absolute;

	top: 50%;

	left:50%;

	transform: translate(-50%, -50%);

    }



    .STL_Reports_Button {

	width:100%;

	font-size: 11pt;

	font-weight: bold;

	background-color:#e15021;

	height:39px;

    }





    /* Fix for layout */

    html body {

        display: flex;

        flex-direction: column;

        padding: 0;

        height: 100vh;

        background: #fff;

    }



    #dcontent {

        display: flex;

        justify-content: center;

        z-index: 1;

    }



    body .stl_content2 {

        position: relative;

        top: unset;

        bottom: unset;

        left: unset;

    }



    .stl_content2 .STL_Reports_Table_Buttons {

        position: relative;

        top: unset;

        bottom: unset;

        left: unset;

        transform: unset;

    }



    body .stl_integration_panel {

        position: relative;

        bottom: unset;

        margin-top: auto;

        box-sizing: border-box;

    }



    body .stl_footer {

        position: relative;

        box-sizing: border-box;

    }

}