@font-face
{
    font-family: 'Open-Sans-Regular';
    src: url('../fonts/OpenSans-Regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Flat-UI-Icons';
    src: url('../fonts/flat-ui-icons-regular.ttf');
    font-weight: normal;
    font-style: normal;
}

@font-face
{
    font-family: 'Open-Sans-Cond';
    src: url('../fonts/OpenSans-CondBold.ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face
{
    font-family: 'Open-Sans-CondL';
    src: url('../fonts/OpenSans-CondLight.ttf');
    font-weight: bold;
    font-style: normal;
}

@font-face
{
    font-family: 'Open-Sans-Bold';
    src: url('../fonts/OpenSans-Bold.ttf');
    font-weight: bold;
    font-style: normal;
}


*
{
    margin: 0;
    padding: 0;
}

html, body
{
    height: 100%;
}

body
{
    margin: 0;
    padding: 0;
    position: relative;
    font: 16px Open-Sans-Regular, sans-serif;
    color: #235e58;
}

h1
{
    font: 24px Open-Sans-Regular;
    float: left;
    display: block;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #dddddd
}

a
{
    color: #235e58;
    text-decoration: none;
    moz-transition: color .15s;
    -o-transition: color .15s;
    -webkit-transition: color .15s;
    transition: color .15s;
}

div.span-view span
{
    font-size: 13px;
    line-height: 0.5em !important;
}

table.request_table>tbody>tr>td
{
    font-size: 13px !important;
}

input[type="text"], input[type="password"], input[type="number"]
{
    font-size: 17px;
    text-indent: 3px;
    outline: none;
    padding: 4px 8px;
    font-family: Open-Sans-Regular, sans-serif;
    line-height: 1.467;
    color: #28837c;
    border: 2px solid #d5d7d9;
    border-radius: 6px;
    box-shadow: none;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
}

textarea
{
    font-size: 17px;
    text-indent: 3px;
    outline: none;
    padding: 4px 8px;
    font-family: Open-Sans-Regular, sans-serif;
    line-height: 1.467;
    color: #28837c;
    border: 2px solid #d5d7d9;
    border-radius: 6px;
    box-shadow: none;
    resize: vertical;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
}

input[type="text"].important
{
    border: 2px solid #F39C12;
}

span.span_red
{
    color: #ff7d1a;
}

#go_to_client
{
    margin-left: 20px;
}

td.white_text
{
    color: white;
    text-shadow: none;
}

.print_docs
{
    display: block;
    float: left;
    margin-left: 40px;
}

input[type="text"]:focus, input[type="password"]:focus, input[type="number"]:focus, textarea:focus
{
    border-color: #28837c
}

input[type="submit"]
{
    moz-transition: background-color .15s;
    -o-transition: background-color .15s;
    -webkit-transition: background-color .15s;
    transition: background-color .15s;
    cursor: pointer;
    background-color: #32857d;
    outline: none;
    border: none;
    font: 16px Open-Sans-Regular, sans-serif;
    border-radius: 5px;
    color: #ffffff;
    padding: 10px 20px;
}

input[type="submit"]:hover
{
    background-color: #3ea49a;
}

a:hover
{
    color: #F39C12;
    moz-transition: color .15s;
    -o-transition: color .15s;
    -webkit-transition: color .15s;
    transition: color .15s;
}

strong
{
    font-family: Open-Sans-Bold, sans-serif;
}

.authorize-panel
{
    float: left;
    width: 100%;
    font-size: 16px;
}

.authorize-panel a, .authorize-panel span
{
    float: right;
    padding-top: 8px;
}

.authorize-panel a
{
    margin-left: 70px;
}

.logout:hover:before
{
    background-position: -16px 0;
}

.profile:hover:before
{
    background-position: -52px 0;
}

.logout:before
{
    moz-transition: background .15s;
    -o-transition: background .15s;
    -webkit-transition: background .15s;
    transition: background .15s;
    content: "\e633";
    display: block;
    float: left;
    position: absolute;
    font-family: Flat-UI-Icons,sans-serif;
    margin-left: -23px;
    margin-top: 3px;
}

.profile:before
{
    moz-transition: background .15s;
    -o-transition: background .15s;
    -webkit-transition: background .15s;
    content: "\e631";
    display: block;
    float: left;
    position: absolute;
    margin-left: -23px;
    font-family: Flat-UI-Icons,sans-serif;
    margin-top: 3px;
}

.phone
{
    font: 22px Open-Sans-Bold, sans-serif;
    color: #28837c;
    float: left !important;
    padding-top: 4px !important;
}

.wrapper
{
    width: 1200px;
    margin: 0 auto;
}

header
{
    width: 100%;
    height: 240px;
    float: left;
    background: url("../images/back.jpg") no-repeat center;
}

.back-three.two
{
    margin-left: 0;
    width: 1170px;
}

.back-three.two #page_form
{
    width: auto;
}

.back-three.two #page_form input[type="submit"]
{
    margin-left: 0;
}

.clear-line
{
    clear: both;
    float: left;
    width: 100%;
    max-width: 100% !important;
}
.form-group.floated
{
    float: left;
}

.clear.center
{
    padding: 30px 80px 0 0 !important;
    display: block;
    clear: both;
    margin: 0 !important;
    text-align: center;
    max-width: 100% !important;
}

.back-three.two > #page_form > div
{
    max-width: 210px;
    padding-right: 80px;
    padding-left: 80px;
    margin-top: 15px;
    margin-bottom: 15px;
}

#client-info
{
    max-width: 100% !important;
}

div.span-view
{
    width: 215px;
    margin-right: 35px;
    float: left;
    white-space: normal;
}

.title_product_name
{
    text-shadow: 0 1px 0 #ffffff;
    position: absolute;
    display: block;
    margin-top: -90px;
    font-size: 12px;
}

.supply-properties div
{
    float: left;
    max-width: 210px;
}

.supply-properties label
{
    padding: 1px 0;
    font-size: 12px !important;
    background-color: #d5d7d9;
    width: 100px;
    color: #000000;
    position: absolute;
    border-radius: 5px 5px 0 0;
    text-align: center;
}

.supply-properties input[type="number"]
{
    padding: 0 8px !important;
    margin-top: 16px;
    border-radius: 0 0 6px 6px !important;
}

.supply-properties .group-line:last-of-type label
{
    width: 170px;
}

#preloader_local
{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 1000;
}

div.errorSummary
{
    max-width: 100% !important;
}

div.errorSummary p
{
    color: #ff7d1a;
}

div.errorSummary ul li
{
    list-style: none;
}

#preloader_local table div
{
    text-align: center;
    width: 100px;
    padding: 20px;
    height: 100px;
    border-radius: 100%;
    background-color: white;
    box-shadow: 0 0 10px 1px #aaffe2;
}

#preloader_local_wrapp
{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 999;
    opacity: 0.6;
    background-color: #000000;
}

#preloader_local table div span
{
    margin-top: 15px;
    clear: both;
    display: block;
}

#preloader_local table div img
{
    margin-top: 10px;
}

#preloader_local table
{
    float: none !important;
    width: auto !important;
    border-spacing: inherit !important;
    border-collapse: inherit !important;
    height: 100%;
    margin: 0 auto;
    border: none !important;


}

#preloader_local table tr:hover
{
    background-color: transparent !important;
}

#preloader_local table td
{
    padding: 24px;
    margin: 0;
    border: 0;
    vertical-align: middle;
}

.js-sum_plan
{
    width: 150px !important;
}

.js-sum_real
{
    width: 150px !important;
}

.four-line
{
    float: left;
    max-width: 100% !important;
}

.four-line .form-group
{
    width: 250px !important;
    float: left;
}

.supply-properties .center-div
{
    padding: 0 80px;
    margin: 30px 80px;
}

.supply-properties .form-group
{
    max-height: 60px;
}

.supply > div
{
    float: left;
}

.supply > div.marg
{
    width: 570px;
}

.supply > div.marg > .select2-container > a.select2-choice
{
    width: 530px;
}

.req-info
{
    width: 1010px;
    max-width: 100% !important;
    float: left;
    padding: 0 !important;
    margin-left: 80px;
    margin-bottom: 0 !important;
    border-bottom: 1px solid #d5d5d5;
}

.client_address_request
{
    width: auto !important;
    max-width: 100% !important;
}

.edit_req_number
{
    margin-left: 30px;
    margin-top: -10px;
    position: absolute;
}

#client-address
{
    display: none;
    padding: 10px 0 !important;
    margin: 10px 0 0 80px !important;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    float: left;
    max-width: 100% !important;
    width: 1010px;
}

.supply
{
    padding: 10px 0 !important;
    margin: 10px 0 0 40px !important;
    border-top: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    float: left;
    max-width: 100% !important;
    width: 1050px;
}

span.title
{
    padding-bottom: 5px;
    display: inline-block;
    width: 100% !important;
    float: left;
    clear: both;
}

#del-cond
{
    display: none;
}

.arcticmodal-container table
{
    float: none !important;
    width: auto !important;
    border-spacing: inherit !important;
    border-collapse: inherit !important;
}

.arcticmodal-container
{
    font: 14px/18px  'Open Sans', Tahoma, sans-serif;;;
}

.arcticmodal-container table tr:hover
{
    background-color: transparent;
}

.g-hidden
{
    display: none;
}

input[type="text"]:disabled
{
    background-color: #f0f0f0;
    text-shadow: 0 1px 0 #ffffff;
}

input[type="number"]:disabled
{
    background-color: #f0f0f0;
    text-shadow: 0 1px 0 #ffffff;
}

.req-info .line .span-view
{
    width: 130px;
}


.box-modal {
    position: relative;
    width: 350px !important;
    padding: 30px;
    background: #fff;
    color: #3c3c3c;
    font: 14px/18px  'Open Sans', Tahoma, sans-serif;;
    box-shadow: 0 0 0 6px rgba(153, 153, 153, .3);
    border-radius: 6px;
}

.box-modal span{
    display: block;
    position: relative;
    margin-bottom: 20px;
}

.box-modal_close {
    position: absolute;
    right: -40px;
    top: -30px;
    font-size: 11px;
    line-height: 15px;
    color: #ffffff;
    cursor: pointer;
}

a.pay-add, a.agr-add, a.pay-delete
{
    float: right;
    background-color: #3ea49a;
    color: #ffffff;
    padding: 7px 15px;
    border-radius: 5px;
    margin-top: 5px;
    display: block;
    -webkit-transition: all .25s;
    transition: all .25s;
}

a.pay-add:hover, a.agr-add:hover
{
    -webkit-transition: all .25s;
    transition: all .25s;
    background-color: #1ABC9C;
}

div.span-view strong
{
    font-size: 14px;
}

#preloader-gif
{
    display: block;
    position: absolute;
    vertical-align: middle;
    width: 100% !important;
    height: 100%!important;
    z-index: 1000;
}

#preloader-gif>div
{
    background-color: #ffffff;
    opacity: 0.5;
    text-align: center;
    display: table-cell;
    height: 200px;
    width: 200px;
    border-radius: 5px;
    vertical-align: middle;
}

#preloader-gif>div>span
{

}

.flash-success
{
    display: none;
}

.supply-properties .center-div
{
    min-height: 320px !important;
}

div.line
{
    width: 100% !important;
    margin: 10px 0;
    float: left;
    border-top: 1px solid #d5d5d5;

}

div.span-view strong
{
    line-height: 1em;
}

.back-three.two div.left
{
    display: block;
    float: left;
}

.back-three.two div.center-div
{
    min-height: 250px;
    display: block;
    float: left;
    border-right: 1px solid #dbdbdb;
    border-left: 1px solid #dbdbdb;
}

.wide_td
{
    width: 200px;
}


.back-three.two div.right
{
    display: block;
    float: left;
}


.login-form .form-group
{
    margin-bottom: 20px;

}

.login-form
{
    margin: 100px 0 0 460px;
    position: relative;
    padding: 40px 40px 20px;
    background-color: #edeff1;
    border-radius: 6px;
    display: block;
    float: left;
    width: 226px;
    border-bottom: 2px solid #d5d7d9;
}

#page_form
{
    width: 260px;

}

.back-three
{
    position: relative;
    padding: 0 0 20px 30px;
    background-color: #edeff1;
    border-radius: 6px;
    display: block;
    float: left;
    margin-left: 37%;
    border-bottom: 2px solid #d5d7d9;
}

.back-three #page_form:last-child:after
{
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 2px;
    margin-top: -68px;
    margin-left: -30px;
    background-color: #ffffff;
}

.back-three > #page_form > .clear.center
{
    padding: 0 !important;
    margin-top: 30px !important;
}

.form-group
{
    position: relative;
    display: block;
    width: 350px;
    max-width: 100%;
}

.important-span
{
    color: #ff7d1a;
}

.login-form .login-field
{
    font-size: 17px;
    text-indent: 3px;
    border-color: transparent;
}

.layout
{
    float: left;
    width: 100%;
}

.form-control
{
    padding: 8px 12px;
    font-family: Open-Sans-Regular, sans-serif;
    font-size: 15px;
    line-height: 1.467;
    color: #28837c;
    border: 2px solid #bdc3c7;
    border-radius: 6px;
    box-shadow: none;
    -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
    transition: border .25s linear, color .25s linear, background-color .25s linear;
}

.form-control:focus
{
    border-color: #28837c
}

.login-form input[type="submit"]
{
    margin: 15px 0;
    width: 100%;
}

.request-link
{
    margin-left: 20px;
    display: block;
}

.login-form .login-field-icon
{
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 16px;
    color: #bfc9ca;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.back-three input[type="submit"]
{
    margin-top: 30px;
    margin-left: -30px;
}

[class^="fui-"], [class*="fui-"] {
    font-family: Flat-UI-Icons,sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

label
{
    display: inline-block;
    max-width: 100%;
    margin-bottom: 4px;
    line-height: 1.2;
    text-shadow: 0 1px 0 #ffffff;
}

.login-field:focus + .fui-user:before
{
    color: #28837c;
}

.login-field:focus + .fui-lock:before
{
    color: #28837c;
}

.fui-user:before
{
    -webkit-transition: all .25s;
    transition: all .25s;
    content: "\e631";
}

.fui-lock:before {
    -webkit-transition: all .25s;
    transition: all .25s;
    content: "\e633";
}

nav.main-nav
{
    width: 100%;
    display: block;
    float: left;
    height: 52px;
    margin: 30px 0;
    font-size: 16px;
    border: none;
    border-radius: 6px;
    background-color: #235e58;
    border-bottom: 2px solid #2f4154;
}

nav.main-nav ul li
{
    list-style: none;

    display: inline-block;
}

nav.main-nav ul
{
    margin: 0 15px;
}

nav.main-nav > ul > li > a
{
    color: #ffffff;
    font: 18px Open-Sans-Regular, sans-serif;
    padding: 14px 20px;
    display: block;
}

nav.main-nav > ul > li > a:hover
{
    color: #1ABC9C;
}

nav.main-nav > ul > li > a.active:hover
{
    background-color: #235e58;
    border: none;
}

nav.main-nav > ul > li > a.active
{
    color: #1ABC9C;
}

.no-search .select2-search {
    display:none
}

#add-client-address, .generate-pas
{
    display: block;
    margin-top: 20px;
}

.back-three .form-group label
{

    width:220px;
    clear: both;
    display: block;
    padding-top: 18px;
}

.pager
{
    float: left;
}

b.arrow
{
    margin-left: 150px;
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    color: #348c84;
    margin-top: -28px;
    vertical-align: middle;
    border-top: 8px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    -webkit-transition: border-color .25s, color .25s;
    transition: border-color .25s, color .25s;
}

b.arrow.mini
{
    margin-left: 100px;
}

#filter_req_number
{
    width: 60px;
    margin-right: 30px;
    float: left;
}

a.generate-pas:before
{
    font-family: Flat-UI-Icons,sans-serif;
    content: "\e636";
}

a.add-new:before
{
    font-family: Flat-UI-Icons,sans-serif;
    content: "\e614";
    margin-top: 3px;
    position: absolute;
    margin-left: -20px;
}

a.add-new.price:before
{
    font-family: Flat-UI-Icons,sans-serif;
    content: "\e632";
    margin-top: 3px;
    position: absolute;
    margin-left: -20px;
}

a.add-new
{
    margin-left: 20px;
    clear: both;
    float: right;
}

a.user_dropdown
{
    -webkit-transition: all .25s;
    transition: all .25s;
    background-color: transparent;
    padding-right: 40px !important;
}

a.user_dropdown:focus
{
    background-color: #1abc9c ;
    color: #ffffff;
}

a.user_dropdown:focus:hover
{
    color: #ffffff;
}

a.user_dropdown:focus + b.arrow
{
    margin-top: -28px;
    color: #ffffff;
}

a.user_dropdown:hover + b.arrow
{
    margin-top: -28px;
    color: #1ABC9C;
}

input[type="text"].error
{
    border-color: #E28B6B;
}

div.errorMessage
{
    color: #E28B6B;
}

a.edit:before
{
    font-family: Flat-UI-Icons,sans-serif;
    content: "\e628";
    display: block;
    float: left;
    position: absolute;
    margin-top: -4px;
}

.pay_from_table:before
{
    margin-top: -15px;
    content: "\e640";
    font-family: Flat-UI-Icons,sans-serif;
    display: block;
    float: left;
    position: absolute;
}

.show_weight
{
    margin-top: -65px;
    margin-left: -5px;
    padding: 10px;
    display: none;
    position: absolute;
    border-radius: 5px;
    border-bottom: 3px solid #1ABC9C;
    background: #fff;
    color: #000;
    -webkit-box-shadow: 0 -1px 4px #9edddc;
    box-shadow: 0 -1px 4px #9edddc;
}

a.user_dropdown:focus:hover + b.arrow
{
    margin-top: -28px;
    color: #ffffff;
}

#filter_date_from, #filter_date_to
{
    margin-right: 40px;
    width: 100px;
}

#s2id_filter_select_long
{
    margin-right: 50px;
}

#filter_main, #filter_report
{
    float: left;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #dddddd;
}

.user_dropdown_list
{
    position: absolute;
    display: none;
    padding: 5px;
    margin-top: 10px !important;
    margin-left: 0 !important;
    border-radius: 4px;
    background-color: #235e58;
    width: 170px;
    z-index: 5;
}

.user_dropdown_list li
{
    list-style: none;
    display: inline-block;
    width: 100%;
}
.user_dropdown_list li a
{
    padding: 6px 9px;
    color: #ffffff;
    border-radius: 4px;
    font-size: 14px;
    display: block;
    -webkit-transition: all .25s;
    transition: all .25s;
}

.user_dropdown_list li a:hover
{
    -webkit-transition: all .25s;
    transition: all .25s;
    background-color: #1abc9c ;
}

.list-view
{
    float: left;
}

a.underline
{
    text-decoration: underline;
    -webkit-transition: all .25s;
    transition: all .25s;
}

a.underline:hover
{
    text-decoration: none;
    -webkit-transition: all .25s;
    transition: all .25s;
}

table
{
    float: left;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    margin: 25px 0;
    table-layout: fixed;
}

td
{
    word-break: break-word;
}

.select2-container
{
    max-width: 200px;
}

.min-table tbody
{
    font-size: 14px;
}

.no_border_top
{
    border-top: none !important;
}

.delete-supply
{
    text-shadow: 0 1px 0 #ffffff;
    display: block;
    float: right;
    position: absolute;
    margin: 65px 0 0 300px;
}

.select2-container.select2-container-disabled .select2-choice
{
    background-color: #37836e !important;
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow
{
    background-color: #37836e !important;
}

.check_reserve
{
    text-shadow: 0 1px 0 #ffffff;
    display: block;
    float: right;
    margin: 65px 0 0 170px;
    position: absolute;
}

.add-supply
{
    text-shadow: 0 1px 0 #ffffff;
    display: block;
    float: left;
    clear: both;
    margin-top: 65px;
    margin-left: 25px;
    position: absolute;
}

.add-supply:after
{
    font-family: Flat-UI-Icons,sans-serif;
    content: "\e614";
    display: block;
    float: right;
    margin-top: -19px;
    margin-left: -23px;
    position: absolute;
}

.check_reserve:after
{
    font-family: Flat-UI-Icons,sans-serif;
    content: "\e642";
    display: block;
    float: right;
    margin-top: -19px;
    margin-left: -23px;
    position: absolute;
}

.delete-supply:after
{
    font-family: Flat-UI-Icons,sans-serif;
    content: "\e613";
    display: block;
    float: right;
    margin-top: -19px;
    margin-left: -23px;
    position: absolute;
}

.group-line
{
    float: left;
    width: 130px !important;
}



.group-line input
{
    width: 80px;
    clear: both;
}
.group-line label
{
    font-size: 14px;
    display: block;
    float: left;
    clear: both;
}

.supply-properties .group-line input
{
    margin-bottom: 5px;
}

#s2id_filter_select, #s2id_filter_select_client, #s2id_filter_select_supply
{
    margin-right: 50px;
}


table>thead>tr>td, table>tbody>tr>td
{
    padding: 5px;
    line-height: 1.1;
    vertical-align: middle;
    border: 1px solid #ddd
}

table>thead>tr>td
{
    vertical-align: middle !important;
}

table>thead>tr>td
{
    color: #0d0d0d;
    font-size: 13px ;
    text-shadow: 0 1px 0 #ffffff;
}

table>tbody>tr>td
{
    font-size: 14px ;
    text-shadow: 0 1px 0 #ffffff;
}

table>thead>tr
{
    background-color: #f5f5f5;
}

table>thead>tr>td
{
    vertical-align: bottom;
    border-bottom: 2px solid #ddd;
}

table tbody tr:hover
{
    background-color: #f9f9f9;
}

table tbody tr:hover td div.show_weight
{
    display: block;
}

ul.yiiPager .previous a
{
    color: #ffffff !important;
    font: 16px Open-Sans-Regular;
    padding: 2px 8px !important;
    background-color: #d4d7da;
    border: none !important;
    border-right: 2px solid #e4e7ea;
    border-radius: 6px 0 0 6px;
    -webkit-transition: all .25s;
    transition: all .25s;
}

ul.yiiPager .next a
{
    color: #ffffff !important;
    font: 16px Open-Sans-Regular;
    padding: 2px 8px !important;
    background-color: #d4d7da;
    border: none !important;
    border-right: 2px solid #e4e7ea;
    border-radius:  0 6px 6px 0;
    -webkit-transition: all .25s;
    transition: all .25s;
}

ul.yiiPager .previous a:hover, ul.yiiPager .next a:hover
{
    -webkit-transition: all .25s;
    transition: all .25s;
    background-color: #1abc9c;
}

ul.yiiPager .page a
{
    color: #ffffff !important;
    font: 16px Open-Sans-Regular;
    padding: 2px 8px !important;
    font-weight: normal !important;
    background-color: #d4d7da;
    border: none !important;
    -webkit-transition: all .25s;
    transition: all .25s;
}

ul.yiiPager .page.selected a
{
    background-color: #1abc9c;

}

ul.yiiPager .page a:hover
{
    -webkit-transition: all .25s;
    transition: all .25s;
    background-color: #1abc9c;
}