html, body {min-height: 100%; background: #f2f2f2; color: #515151;}
html{ -webkit-overflow-scrolling : touch !important; overflow: auto !important; height: 100% !important; }
a {color: #515151;}
a:hover, a:focus, .under {color: #717171; text-decoration: underline;}

.btn {background-color:#241a53 !important; border-color:#333 !important; color:#fff !important;}
/*background:#241a53 !important;*/

.control-group {margin-bottom: 10px;}

.wrap {
    min-height: 100%;
/*    height: auto;*/
    margin: 0 auto -60px;
    padding: 0 0 60px;
}
.wrap > .container {padding: 0; background:none;}

@media (min-width: 280px) {
.company-view {background:none;}
}

@media (min-width: 750px) {
.company-view, .client_short_info {background:url('/img/left_menu_bg.png') repeat-y;}

}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}
.center {text-align: center;}
.right {text-align: right;}
.left {text-align: left;}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {content: /*"\e113"*/ "\e151";}
a.desc:after {content: /*"\e114"*/ "\e152";}
.sort-numerical a.asc:after {content: "\e153";}
.sort-numerical a.desc:after {content: "\e154";}
.sort-ordinal a.asc:after {content: "\e155";}
.sort-ordinal a.desc:after {content: "\e156";}

.grid-view th {white-space: nowrap;}

.hint-block {display: block; margin-top: 5px; color: #999;}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}


@media (min-width: 280px) {
  .new_tasks {
    float: none;
    width: 100%;
  }
  #main_timeline {
    float: none;
    width: 100%;
  }

}
@media (min-width: 750px) {
  .new_tasks {
    float: right;
    width: 29%;
  }
  #main_timeline {
    float: left;
    width: 70%;
  }

}

.new_tasks {
    min-width:200px;
    height: 600px;
    border: 3px #89CA89 solid;
    border-radius: 4px;
    overflow: hidden;
    overflow-y: scroll;
    background: #fff;
    color: #000;
}

.new_tasks a {color: #337ab7;}

.footer {background: #5914a0;}

#main_timeline {
    min-width:200px;
    background: #fff;
    color: #000;
    position: relative;
    margin-bottom:10px;
}

#main_timeline_error {
    float: left;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 24px;
    display: none;
}

#main_timeline_error a {text-decoration: underline;}

.btn--save { margin-top: 10px;}

.new_request {position: relative; width: 100%; padding: 10px; border-bottom: 1px #008000 dashed; font-size: 12px;}
.new_request:hover .request_info {display: block;}
.new_request:last-child {border-bottom: none;}

.request_info {
    position: absolute;
    width: 90%;
    left: 5%;
    top: 90%;
    background: #fff;
    z-index: 1;
    border: 2px solid #0000ff;
    display: none;
    padding: 10px;
}

.vis-item.vis-background.negative {background-color: rgba(255, 0, 0, 0.2);}
.vis-item.vis-background.positive {background-color: rgba(0, 255, 0, 0.2);}

.message__item {margin-top: 10px; border-bottom: 1px solid #66afe9; width: 90%; margin-left: 5%; color: #000;}
.message__item.message__new {background: #b2dba1; cursor: pointer;}

.city_filter {
    float: right;
    margin-top: 16px;
    color: #000;
}

.requestTimelineInfo {
    position: absolute;
    width: 300px;
    border: 1px #666 solid;
    border-radius: 6px;
    padding: 10px 20px;
    background: #fff;
    z-index: 100;
}

.bell__new_messages_count {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    border-radius: 50%;
    color: #fff;
    background: red;
    text-align: center;
    display: none;
}

/* === login block === */
.login input {
    color: #000;
}

legend {color: #888; border-bottom: none; padding:0 10px;}

.entity-list {
/*    margin-top: 45px;*/
    padding-top:5px;
    float:left;
    width:92%;
    margin-left:10px;
}
.request-info .entity-list {text-align:left;}

.entity-list-item {
    display: inline-block;
    width: 100%;
}

/* + HEADER */
.header {
    background: #241a53;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
}

.header__container {
    min-height: 54px;
}

.wrap > .container.container_header {
    padding-top: 10px;
    padding-bottom: 10px;
}

.header__logo {
    float: left;
    width: 100px;
}

.header__name {
    float: left;
/*    width: 85%;*/
    margin-left: 20px;
}

.logout {float:right; }
.logout img {width:25px; padding:0px; margin: -1px 0 0 10px;}

.bell {
    float: right;
    position: relative;
    cursor: pointer;
    padding: 10px;
    padding-left: 30px;
}

.bell__fake_area {
    position: absolute;
    width: 300px;
    height: 12px;
    right: 0;
    bottom: 0;
    background: #fff;
    opacity: 0;
    display: none;
}

.bell:hover .bell__fake_area {
    display: block;
}

.bell:hover .bell__message_conteiner {
    display: block;
}

.bell__image {
    height: 30px;
}

.bell__new_messages_count.active {
    display: block;
}

.bell__message_conteiner {
    position: absolute;
    width: 500px;
    height: 300px;
    border: 2px #89CA89 solid;
    background: #fff;
    border-radius: 10px;
    top: 100%;
    right: 0;
    z-index: 100;
    overflow-y: scroll;
    display: none;
}

.bell__message_conteiner.bell__messages {
    width: 100%;
}

.header__menu {
    float: left;
    clear: both;
    width: 100%;
    margin-top: 10px;
}

.header__menu a {
    margin-right: 15px;
}

a.link_logout {
    margin-left: 30px;
}

/* - HEADER */

.control_panel {
    float: left;
    width: 100%;
    margin-top: 30px;
}

.breadcrumb {
    background: none;
    padding: 0;

}

.breadcrumb > .active {
    color: #717171;
}

.change-order {
    cursor: pointer;
}

table.counters {
   /* width: 500px;*/
}

.device-statistic {
    display: inline-block;
/*    min-width: 300px;*/
    vertical-align: top;
    margin-right: 50px;
}

.radio-label, .checkbox-label {
    display: inline-block;
    width: 220px;
    vertical-align: top;
    margin-right: 5px;
}

.request-form .radio input, .request-form .checkbox input {
    position: inherit;
    vertical-align: top;
    margin-left: 0;
}
/*
.request-form input[type="checkbox"] {display:none;}
.request-form input[type="checkbox"] + label span {display:inline-block; width:20px; height:20px; margin:-1px 4px 0 0; vertical-align:middle; background:url(/img/checkbox_sprite.png) left bottom no-repeat; cursor:pointer;}
.request-form input[type="checkbox"]:checked + label span {background:url(/img/checkbox_sprite.png) left top no-repeat;}
*/
.request-form textarea.comment {height: 60px !important;}

textarea.comment {color: #000; height: 60px; width: 300px;}
@media (min-width: 280px) {
.request-form textarea.comment {width: 100% !important;}
.request_blk {width:90%; margin:0 auto;}
.request_blk .btn_block {text-align: center;}
}
@media (min-width: 500px) {
.request-form textarea.comment {width: 300px !important;}
.request_blk .btn_block {text-align: right;}
}

.options-list {
/*    height: 500px;
    overflow: auto;*/
    border: #ccc 1px solid;
    padding: 10px;
}
.defectslistarea {/*height:300px;*/}
.request_create_div {margin:20px;}


@media (min-width: 750px) {
.request_blk {float:left; width:90%;}
/*      .request_create_div .checkbox.ng-scope {display:inline-block; width:45%}*/
}

.defectslistarea {margin:0 0 20px 0; text-align:left;}
.defectslistarea .checkbox-label {width:auto !important;}

.counters-list {
    display: inline-block;
}

.request-create {/*display: inline-block; margin-left: 50px; float:left;*/}

#main_timeline .vis-item .vis-delete {
    background-image: url('/img/timeline/delete.png');
    width: 0;
    height: 0;
}

#main_timeline .vis-path-block {
    position: relative;
    height: 30px;
    float: left;
    background: #fff;
    z-index: 1;
}

#main_timeline .vis-path-block .vis-path-selector {
    position: absolute;
    height: 28px;
    right: -3px;
    top: 1px;
    width: 6px;
    float: left;
    z-index: 10;
}

.timeline_shadow {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10;
    opacity: 0.7;
    text-align: center;
    overflow: hidden;
}

.timeline_shadow__image {
    display: inline-block;
    height: 100%;
}

#main_timeline .vis-item.vis-selected .vis-path-block .vis-path-selector {
    cursor: w-resize;
}

#main_timeline .vis-item.vis-selected.vis-done .vis-path-block .vis-path-selector {
    cursor: default;
}

#main_timeline .vis-item-overflow {float: right;}

#main_timeline .vis-item.vis-done {
    background: #A4F897;
    border-color: #6FE07D;
}

#main_timeline .vis-item.vis-done.vis-planned {
    background: #A4F897;
    border-color: #0ae046;
}

.vis-item.vis-planned {
    border-color: #5D84F3;
    background-color: #7796F7;
}

.vis-bad-block {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: #FF6576;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #c0c0c0;
}

.request-customer-rate {
    float: left;
    height: 20px;
    width: 20px;
    border-radius: 10px;
}

.request-customer-rate-1 {
    background-color: red;
}

.request-customer-rate-2 {
    background-color: yellow;
}

.request-customer-rate-3 {
    background-color: green;
}

.request-customer-description {
    margin-left: 10px;
}

.datetimepicker {background-color: #fff !important;}

.start_integration_button {width: 330px;background: #80D1F1;padding: 10px 20px;font-size: 20px;text-align: center; border-radius: 20px;border: 6px #FFFFFF solid;cursor: pointer;margin: 10px;}
.integration_btn_block {text-align:center; margin:20px;}
.integration_log {height: 400px;background: #fff;color: #000;margin: 60px 20px 20px 20px;overflow-y: scroll;}

.integration_progressbar {
    height: 30px;
    position: relative;
    background: #fff;
    color: #000;
    border: #000 1px solid;
    text-align: center;
    line-height: 30px;
}

.integration_progressbar__progress {
    position: absolute;
    background: #000;
    top: 1px;
    bottom: 1px;
    left: 1px;
}

.integration_progressbar__text {
    color: #C4BCFF;
    z-index: 1;
    position: relative;
}

.device-thumbnail,
.no-device-thumbnail {
    position: relative;
    text-align: center;
}

.no-device-thumbnail {
    line-height: 210px;
    color: white
}

.device-thumbnail img {
    border: 5px solid grey;
    max-width:280px;
    max-height:280px;
}

.device-info__uploader-wrap {
    position: relative;
}

.device-info__uploader {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    opacity: 0;
}

.counter--not-changed,
.counter--changed {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
}

.counter--not-changed {
    background-color: #73b973;
}

.counter--changed {
    background-color: #ecff4e;
}

.counter-input {
    color: black;
    width: 100%;
}

/*.wrap .container .cnt {position: relative;}*/
.u17_logo {padding: 20px 0; text-align:center;}
.u17_logo img {border-width: 0px; width: 128px; height: 66px;}
#loginForm {padding: 25px; background:#888; border-radius: 5px;}
#loginForm a {text-decoration: underline; color:#eee;}
#loginForm a:hover {color:#333;}
#loginForm .btn {width:100%; padding: 10px 0;}
.forgot_password {text-align:right;}


.company_name {float: right; padding:15px 15px 0 0; text-align:right; min-width:280px;}
.company_div {text-align:right; width:100%;}
.path_name {float:left; padding:15px 0 0 0;}
.path_name a {padding:4px 0;}
.path_name img {cursor:pointer; margin:-5px 0 0 0;}
.path_name h2 {color:#fff; margin:0; padding:0; display:inline;}
#topMenuTemplate h2 {margin-top:10px; color:#fff; font-size:22px; margin:0; padding:0; display:inline;}

.company-info {float:left; width:90%;}

.korpus > label {padding: 5px; border-left: 1px solid #aaa; cursor: pointer; position: relative; bottom: 1px; background: #e1e1e1; font-weight:normal; text-align:center; margin: 0 0 0 -5px;}
.device_status_brick {width:25%; min-width: 205px; line-height:60px; text-align:center; cursor:pointer; transition: .5s; color:#000; background-color:#ccc;}

@media (min-width: 270px) {
.left_menu {width:100%; background:#494755; text-align:center; height:70px;}
.left_menu div {float:left; background:#494755;}
.korpus > label {font-size:0.8em;}
.korpus > label {display:inline-grid; height:40px; width:25%;}

.korpus .tab3 {font-size:0.8em;}
.device_status_brick {margin:1px auto;}
}


@media (min-width: 370px) {
.device-view {width:100% }
.path_name h2 {font-size:17px;}
.korpus > label {display:inline-grid; height:50px; width:25%;}
.device_status_brick {margin:1px auto;}
.device-info-b-inner {padding:0 !important;}
}

@media (min-width: 550px) {.device-view {width:98%}
.korpus .tab1 .request-create, .korpus .tab1 .or, .korpus .tab1 .orderbtn {text-align:center; display:table-cell; width:32%}
.korpus .tab1 .orderbtn {text-align:center;  margin: 10px 0 0 0;}
.korpus > label {font-size:1em;}
.korpus .tab3 {font-size:1em;}
.device-info-b-inner {width:100%;}
}

@media (min-width: 750px) {
.left_menu {width:70px; background:#494755; left:-5px; min-height:100%; text-align:center; float:left;}
.device-view {width:90%}
.path_name h2 {font-size:18px;}
.korpus > label {line-height: 20px; width:25%;}
.device_status_brick {display:inline-block; margin:1px;}
}

@media (min-width: 970px) {
.device-view {width:92%}
.path_name h2 {font-size:20px;}
.korpus > label {line-height: 20px; width:25%;}
.device_status_brick {display:inline-block; margin:1px;}
.korpus .tab1 .orderbtn {text-align:right; margin:0;}
/*.korpus .tab1 .request-create, .korpus .tab1 .or, .korpus .tab1 .orderbtn {width:32%; display:inline-block;}*/
.device-info-b-inner {padding:0 !important; width:90%;}
.orderbtn2 {display:none;}
.trade_btn_max {display:block !important;}
.trade_btn {display:none;}
}

@media (min-width: 1023px) {
.device-view {width:92%;}
}
.device-view {float:left; text-align:center; }

.trade_btn_max {display:none;}


.left_menu > div {height:70px; width: 70px; position:relative;}
.left_menu img {margin: 20px; height:30px;}
.left_menu div:hover, .left_menu .active  {background:#8579bd;}
.nolink div:hover {background:#494755 !important;}
.nolink img {opacity:0.3;}

.unread_mess {color:red;}
.header a {color:#eee;}
.header {color:#eee;}
.client_short_info, .company-view {/*margin-left:35px; position:absolute; top:80px; left:90px; height:100%;*/}
.client_short_info .left_menu {top:-5px !important;}
/*.company-view {position:absolute; top:70px; left:60px;}*/
.user_contact_box, .user_mess_box {background:#fff; margin:20px; padding: 15px;}
.user_contact_box img {width:10px; margin-right:10px;}

/*.device_item {float:left; display:table-cell; width: 200px; height:200px; border:1px solid #aaa; overflow: hidden; margin:0 20px 20px 0; background-image:url(/img/no_photo.jpg); background-size: contain; background-repeat:no-repeat; background-position:center;}*/
.device_item .device_status_line {position: absolute; bottom:0; background:url('/img/device_status_line_bg.png') repeat-x; height:60px; width:200px; padding:10px; font-size:12px;}
.device_item .device_status_line a {display:block; height:100%; color:#eee;}
.device_item .device_status_line a span {position:absolute; right:10px; top:9px; padding:1px;}
.device_item .device_name {height:200px; position:relative;}
.device_item .device_name:hover {display:none;}
.device_item .dev_des {color:#fff; position:absolute; width: 200px; height:200px; display:none; background:url('/img/device_hover_bg.png'); text-align:center; padding:30px 10px 20px 10px;}
.device_item .dev_des a {color:#fff;}
.device_item:hover .dev_des {display:block;}
.device_item:hover .device_name {display:none;}
.device_item:hover .qr_device_ico {z-index:1;}
/*.device_item .device_name:hover {opacity:1;}*/
.no-device-thumbnail, .device-thumbnail {border:1px solid #ccc; color:#333;}
.dev_name {width:95px; height:15px; overflow:hidden;}

.info_name .caption, .info_adr .caption {float:left; color:#555; font-weight:600;}
.info_name .ng-binding, .info_adr .ng-binding {text-align:right;}
.info_name > div, .info_adr > div {clear:both;}

.device-info-a {width: 300px; display: inline-table; margin:20px 0 0 0;}
.device-info-a .info_name, .device-info-a .info_adr, .device-info-b-inner {border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,0.5); padding: 10px; margin: 15px 10px;}
.device-info-a hr, .device-info-b hr {border-top:1px #ccc solid !important;}
.device-info-a .no-device-thumbnail, .device-info-a .device-thumbnail {border:none;}
.device-info-a .device-thumbnail img {border: none;}
.device-info-a .info_name, .device-info-a .info_adr {text-align:right;}
.device-info-b {display: inline-table; margin:20px 0 0 0; width:70%; vertical-align:top;}
.device-info-b h3 {font-size:16px;}

.korpus {margin:0 -5px 0 0px; min-width: 285px; width:100%;}
.korpus > div, .korpus > input { display: none;}
.korpus input[type="radio"]:checked + label {color:#eee; background:#8579bd;}
.korpus > input:nth-of-type(1):checked ~ div:nth-of-type(1), .korpus > input:nth-of-type(2):checked ~ div:nth-of-type(2), .korpus > input:nth-of-type(3):checked ~ div:nth-of-type(3), .korpus > input:nth-of-type(4):checked ~ div:nth-of-type(4) {display: block; padding: 20px; }
.korpus .tab1, .korpus .tab2, .korpus .tab3, .korpus .tab4 {margin:0 0 0 -5px; min-height: 300px;}
.tab4 img {text-align:center;}

.korpus .device_status_brick label {width: 100%;}

.device_status_brick:hover {background:#aaa !important;}
.device_status_brick label {background:none; padding:0; margin:0; border:none; cursor: pointer}
.device_status_pb {margin:20px 0 0 0; text-align:right; display:inline-block;}
.pre_request-create {margin:20px 30px 0 0; text-align:right;}

.buy_oneclick {text-align:center; margin:20px 0 0 0;}

#device_statuses input {display:none;}
.red_brick {background-color:#de5645 !important; color:#fff !important;}
.el_brick {background-color:#f1ea75 !important; color:#555 !important;}
.green_brick {background-color:#33cd5f !important; color:#fff !important;}
.blue_brick {background-color:#3437f9 !important; color:#fff !important;}

.rate .green_brick, .rate .el_brick, .rate .red_brick, .blue_brick {min-width:150px; border:none;}

#chetyre1:checked ~ .en1 { background-color:#de5645;}
#chetyre2:checked ~ .en2 { background-color:#33cd5f;}
#chetyre3:checked ~ .en3 { background-color:#f1ea75;}
#chetyre4:checked ~ .en4 { background-color:#33cd5f;}
#chetyre5:checked ~ .en5 { background-color:#33cd5f;}
#chetyre6:checked ~ .en6 { background-color:#33cd5f;}
#chetyre7:checked ~ .en7 { background-color:#33cd5f;}
#chetyre8:checked ~ .en8 { background-color:#33cd5f;}

.request-info, .request_plan {width:45%;float:left; min-width:250px;}
.request_plan, .box_shadow {margin:10px; border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,0.5); padding:1px 5px;}
.product-description {margin-bottom: 1px;}

.table_line_hover:hover {background:#de5645; color:#fff; cursor:pointer;}
.table_line_hover:hover .glyphicon-chevron-right, .table_line_hover:hover a {color:#fff;}
.table_line_hover a {display:block; text-decoration:none;}
#companyStatistic {border:none;}

#cart-subtotal {float:right; display:inline-block;}
.totals {border-top:1px solid #ccc; margin:20px 0 0 0; padding:10px;}
.checkout {width:200px;}
.product {font-weight:600; background:#fff;}
.product + .gray {background:#f4f4f4; margin-left:25px;}
.product span {font-weight:300;}

@media (min-width: 280px) {
.product-details {width:100%; display:inline-block; text-align:left; /*-ms-word-break: break-all; word-break: break-word; word-wrap: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto;*/ }
.product-selector {width:100%; display:inline-block; text-align:center; min-width:100px;}
}
@media (min-width: 750px) {
.product-details {width:70%; display:inline-block; text-align:left; border-right:1px solid #ccc;}
.product-selector {width:29%; display:inline-block; text-align:center; min-width:100px; vertical-align:top; padding:5px 0 0 0;}
}


.product-selector .minuss {background:url(/img/minus.png) 100% 100% no-repeat;}
.product-selector .pluss {background:url(/img/plus.png) 100% 100% no-repeat;}
.product-selector .minuss, .product-selector .pluss {display:inline-block; margin:-5px 10px; padding:0;cursor:pointer; width:20px; height:20px; background-size: cover; }
.product-quantity input {border:none; background:none; text-align:center;}
.product-price a {text-decoration:underline; color: #00a884 !important}
.quanting {display:inline-block; width:20%;}
.modal-footer {text-align:center; border-top:none !important;}
.hit {color:#f00c; padding:5px 10px;}
.gray {background:#f4f4f4;}

#prompt-form {display: inline-block; padding: 5px; width: 270px; border: 1px solid black; background: #fff; vertical-align: middle; font-size:20px;}
#prompt-form-container {position: fixed; top: 0; left: 0; z-index: 9999; display: none; width: 100%; height: 100%; text-align: center;}
#prompt-form-container:before {display: inline-block; height: 100%; content: ''; vertical-align: middle;}
/*#cover-div {position: fixed;top: 0;left: 0;z-index: 9000;width: 100%;height: 100%;background-color: gray; opacity: 0.3;}*/
#prompt-form input[name="text"] {display: block;margin: 5px;width: 200px; text-align:center;}

.buy_oneclick .btn {background:#fc2d2d !important;}
.banner {text-align:center; padding:10px;}
.banner img {/*max-height:80px; height:100%;*/ width:95%;}
.msg_mark {float:right; margin: 10px;}
.unread_mess_count {background: #f00c !important; border-color: #333; border-radius: 10px; padding: 0px 4px; position: absolute; left: 10px; margin: 5px; color: #fff;}
.device_item {display:inline-block; width: 200px; height:200px; border:1px solid #aaa; overflow: hidden; margin:0 20px 20px 0; background-image:url(/img/no_photo.jpg); background-size: contain; background-repeat:no-repeat; background-position:center;}
.search_block {width:90%; min-width:200px; background:#B1AAE1; padding:5px; margin:0 auto;}
.hidden {display: none !important; visibility: hidden !important;}
.page-loading, #cover-div {background-image:url(/img/statload.gif); background-repeat:no-repeat; background-position:center; position: fixed; z-index: 99999; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto;    background-color: rgba(0, 0, 0, 0.8);}

.request-element {border-bottom:1px solid #ccc; padding:5px 0;}
.request-element span {font-weight:bold;}
.request-element .ng-binding {text-align:left;}
.request-element .a_side {float:left; width:30%}
.request-element .b_side {float:left; width:70%}

.site-request-password-reset, .site-reset-password, .error404 {margin:15px;}
.focused {border:1px solid #de5645;}
.center .btn {margin:5px;}
.clear {clear:both;}
.contact {float:left; width:230px; margin-bottom:10px;}
.contact input {font-size:20px;}

@media (min-width: 280px) {
.comment-dialog {position:relative;}
}
@media (min-width: 720px) {
.comment-dialog {position:fixed;}
}

#prompt-form input {margin:10px auto !important; text-align:center;}
.qr_device_ico {position:absolute;}

.stick-list-item {text-align:left; list-style:none;}
.double_column li{display:block;float:left;width:49%;}
.double_column li label {display:inline !important;}
#nosticks {font-weight:bold; font-size:16px;}
.memo {font-size: 9px;}
.shopping-cart {margin:20px 0 0 0;}
.orderbtn2 {margin:0 0 20px 0;}
.totals-item {text-align:right; padding:0 20px;}
#myModalRW {text-align:left;}

@media (min-width: 720px) {.big_calc, .calc_btn_desk {display:block !important;} .small_calc, .calc_btn_mobile {display:none !important;}}
@media (min-width: 180px) {.small_calc, .calc_btn_mobile {display:block;} .big_calc, .calc_btn_desk {display:none;}}

.plan_table td, .plan_table th {padding: 5px;}

.shadow_box {
border-radius: 3px;
box-shadow: 0 0 5px rgba(0,0,0,0.5);
padding: 10px;
margin: 15px 10px;
}

@media (min-width: 720px) {.device-info-b_top {float:left; width: 40% !important; margin-left: 40px;}}
@media (min-width: 180px) {.device-info-b_top {width: 95%;} }

.plan_form {float:left;min-width: 300px;width:35%; margin-right: 20px;}
.reports_view_block {float: right; min-width: 300px;width: 50%;}
.reports_view_block table {text-align:center;}
.reports_view_block td {padding:5px;}
.reports_view_block th {padding:5px;border:1px solid #ccc}