hr{
    border-top: 1px solid #000000 !important;
    border-bottom: 1px solid #999999 !important;
    margin-top: 5px;
    margin-bottom: 5px;
}

.sdx_list_block a{
    color: #222222 !important;
    text-decoration: none;
}

body div{
    box-sizing: border-box;
}

label{
    display:auto;
}

.radio-block label{
    display:auto;
}

.clearer{
    clear: both;
}

.spacer, .newliner{
    clear: both;
    width:100%;
    height: 15px;
}
.widget{
    float: left;
    position:fixed;
}

.sidex-frame{
    border: 1px solid #FEFEFE;
    box-shadow: #FEFEFE 0px 0px 5px, inset #FEFEFE 0px 0px 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
}

.sidex-frame .frame-hr{
    width: 100%;
    height: 1px;
    background-color: #FEFEFE;
    box-shadow: #FFFFFF 0px 0px 5px;
    margin: 0px;
    clear: both;
}

.sidex-frame .frame-header{
    width: 100%;
    font-family: 'Space Age';
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    text-shadow: #FFFFFF 0px 0px 5px;
}

.sidex-frame .frame-content{
    padding: 10px;
}



div.sdx-notificator
{
    position:fixed;
    width: 30%;
    height: auto;
    bottom:0px;
    right:20px;
    padding: 0;
    margin: 0;
    z-index: 100000;

}

div.sdx-notificator.mobile{
    width: 90%;
}

div.sdx-notificator .content{
    margin:0;
    padding:0;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    overflow: hidden;
    background-color: #c9deea;
}

div.sdx-notificator .content .message-list{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    margin:1px;
    padding:0;
    list-style: none;
    overflow: hidden;
}

div.sdx-notificator .content .message-list .message{
    padding: 10px 10px 10px 42px;
    margin-bottom: 1px;
    color: #333333;
    font-size: 12px;

    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: 50%;
    vertical-align: middle;
    cursor: pointer;
}

.sdx-on{
    color: #a9ea8a;
}

.sdx-off{
    color: #ffa4a2;
}

div.message-dialog{
    width: 400px;
    padding: 20px;
}

div.message-dialog.mobile{
    width: 100%;
    padding: 5px;
}

div.message-dialog ul{
    list-style: none;
}

div.message-dialog .message{
    padding: 10px 10px 10px 42px;
    margin-bottom: 1px;
    color: #333333;
    font-size: 12px;

    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: 50%;
    vertical-align: middle;
    cursor: pointer;
}

li.message.msg-error{
    background-color: #ffa4a2;
    background-image: url(../images/error.png);
}
li.message.msg-success{
    background-color: #a9ea8a;
    background-image: url(../images/success.png);
}
li.message.msg-warning{
    background-color: #ede97d;
    background-image: url(../images/warning.png);
}
li.message.msg-loading_warning{
    background-color: #ede97d;
    background-image: url(../images/ajax_loading_y.gif);
}

li.message.msg-warned-loading{
    background-color: #ede97d;
    background-image: url(../images/ajax_loading_y.gif);
}

li.message.msg-loading{
    background-color: #FFFFFF;
    background-image: url(../images/ajax_loading.gif);
}

div.message.msg-loading{
    padding: 10px 10px 10px 42px;
    margin-bottom: 1px;
    color: #333333;
    font-size: 12px;

    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: 50%;
    vertical-align: middle;
    background-color: #FFFFFF;
    background-image: url(../images/ajax_loading.gif);
}

.sdx-document{
    padding: 10px;
}

.sdx-model{
    width: 800px;
    background-color: #DDDDDD;
    overflow:hidden;
    padding: 10px;
}

.sdx-button{
    border: 1px solid #016794;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
    background-color: #222222;
    background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);

    cursor: pointer;
    box-shadow: 1px 1px 2px 0px #555555;

    border-color: #029be0 #029be0 #016794;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.4),0 1px 2px rgba(0,0,0,0.05);
    height:30px;
    border-radius: 3px;
    margin:5px;
    color:#FFFFFF;
    font-weight:bold;
    font-size:14px;
    cursor:pointer;
    padding: 0px 20px 0px 20px;
}

.sdx-button:hover{
    background: linear-gradient(to bottom, rgba(169,172,177,1) 0%,rgba(100,100,100,1) 100%);
}

.sdx-icon-button{
    width:32px;
    height:32px;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: 1px 1px 2px 0px #555555;
    content: none;
}

.icon-delete{
    background-image: url(../images/delete.png);
}

.icon-add{
    background-image: url(../images/add.png);
}

.icon-edit{
    background-image: url(../images/edit.png);
}

.icon-menu{
    background-image: url(../images/menu.png);
}

.icon-intall{
    background-image: url(../images/install.png);
}

.icon-install{
    background-image: url(../images/install.png);
}

.icon-install-settings{
    background-image: url(../images/install-settings.png);
}

.icon-export{
    background-image: url(../images/export.png);
}

.icon-import{
    background-image: url(../images/import.png);
}

.icon-execute{
    background-image: url(../images/generator.png);
}

.sdx-menu-button-row{
    width: 100%;
    list-style: none;
    padding: 0;
    margin: 0;
}

.sdx-menu-item-button{
    color: #FFFFFF;
    background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
    border-radius: 3px;
    cursor: pointer;
    margin-left: 5px;
    box-shadow: 1px 1px 2px 0px #555555;
    float:right;
    padding: 5px 20px 5px 20px;
}

.sdx-progressbar{
    width: 100%;
    box-sizing: border-box;
}

.sdx-progressbar-container{
    height: 10px;
    width: 100%;
    border: 1px solid #CCCCCC;
    border-radius: 10px;
    overflow:hidden;
    margin-bottom: 10px;
    box-sizing: border-box;
    box-shadow: 1px 1px 2px 0px #CCCCCC;
}

.sdx-progressbar-label{
    padding-left: 20px;
    width: 100%;
    height: 15px;
    text-align: left;
    margin-bottom: 5px;
}

.sdx-status-bar{
    background-color: #66cc00;
    height: 100%;
    width: 10px;
    box-sizing: border-box;
}

.sdx-progress-container{
    width: 100%;
    margin-bottom: 10px;
}

.margin-10{
    margin: 10px;
}

.float-l{
    float:left;
}

.float-r{
    float:right;
}

.opacity-25{
    opacity: 0.25;
}

.opacity-50{
    opacity: 0.5;
}

.opacity-75{
    opacity: 0.75;
}

ul.sdx-tab-container{
    box-sizing: border-box;
    height: 30px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    list-style: none;
    margin: 0;

    border: 1px solid #016794;
    text-shadow: 0 -1px 1px rgba(0,0,0,0.5);
    background-color: #222222;
    background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);

    cursor: pointer;
    box-shadow: 1px 1px 2px 0px #555555;

    border-radius:3px;
}

ul.sdx-tab-container li{
    float: left;
    width: auto;
    padding-left: 10px;
    padding-right: 10px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
}

ul.sdx-tab-container li:hover ul{
    display: block;
}

ul.sdx-tab-container li ul{
    margin: 0;
    list-style: none;
    position: absolute;
    background: linear-gradient(to bottom, rgba(69,72,77,1) 0%,rgba(0,0,0,1) 100%);
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    display:none;
    margin-top: -2px;
    box-shadow: 1px 1px 2px 0px #333333;
}

ul.sdx-tab-container li ul li{
    float: none;
    padding-left: 20px;
    padding-right: 20px;
}

ul.sdx-tab-container li ul li:hover{
    background: rgba(255,255,255, 0.1);
}

.qr_code{
    opacity: 0.7;
}

.clickable{
    cursor: pointer;
}

.sdx_short_list_item{
    margin: 0px 0px 2px 0px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    background: rgb(246,248,249);
    background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%, rgba(229,235,238,1) 50%, rgba(215,222,227,1) 51%, rgba(245,247,249,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(215,222,227,1)), color-stop(100%,rgba(245,247,249,1)));
    background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
    background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
    background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
    background: linear-gradient(to bottom, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%,rgba(215,222,227,1) 51%,rgba(245,247,249,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 );
    padding: 5px 20px 5px 20px;
    cursor: pointer;
}

.sdx_short_list_item:hover{
    background: #111111;
    color: #FFFFFF;
}

.selected_domain{
    width: 100%;
    height: 30px;
    font-weight: bold;
    background-color: #009933;
    color: #FFFFFF;
    padding: 5px;
    margin-bottom: 10px;
    border-radius: 3px;
}

.no-line-break{
    overflow: hidden; 
    text-overflow: ellipsis;
    white-space: nowrap;
}

.panel-header{
    font-family: "Space Age";
    color: #FEFEFE;
    background: transparent;
    margin: 5px;
    width:98%;
    height: 30px;
    border-radius: 3px;
    font-weight: bold;
    box-shadow: #FFFFFF 0px 0px 3px, inset #FFFFFF 0px 0px 3px;
    cursor: pointer;
    border: 1px solid #FEFEFE;
}

.panel-header span{
    margin: 10px;
    font-family: inherit;
    font-size: 16px;
    line-height: 30px;
    vertical-align: middle;
}

.page-blur{
    opacity: 0.6;
}

.hr{
    width: 100%;
    height: 1px;
    background-color: #FEFEFE;
    box-shadow: #FFFFFF 0px 0px 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
}

.icon-sync{
    background-image: url(../images/sync.png);
}