/********************************      Basic Structure      ********************************/

html {
    font-size: 100%;
    height: 100%;
    margin-bottom: 1px; /* Always show a scrollbar to avoid jumping when the scrollbar appears  */
}

body {
    font-family: Arial, Helvetica, sans-serif;
    color: #555;
    background: #f0f0f0 url('../images/bg-body.gif') top left repeat-y;
    font-size: 12px;
}

#body-wrapper {
    background: url('../images/bg-radial-gradient.gif') fixed 230px top no-repeat;
}

/********************************      Elements styling      ********************************/

h1, h2, h3, h4, h5, h6 {
    font-family: Helvetica, Arial, sans-serif;
    color: #222;
    font-weight: bold;
}

h1 {
    font-family: Calibri, Helvetica, Arial, sans-serif;
    font-size: 31px;
    font-weight: bold;
    color: #fff;
    position: absolute;
    top: -1000px; /* Remove this line and delete the logo (in the HTML) if you don't want an image as a logo */
}

h2 {
    font-size: 26px;
    padding: 0 0 10px 0;
}

h3 {
    font-size: 17px;
    padding: 0 0 10px 0;
}

h4 {
    font-size: 16px;
    padding: 0 0 5px 0;
}

h5 {
    font-size: 14px;
    padding: 0 0 5px 0;
}

h6 {
    font-size: 12px;
    padding: 0 0 5px 0;
}


a {
    color: #57a000;
    text-decoration: none;
}

a:hover {
    color: #000;
}

a:active {
    color: #777;
}

a:focus {
    outline: 1px;
}

strong {
    font-weight: bold;
    color: #333;
}

small {
    font-size: 0.85em;
}

pre {
    font-family: monospace;
}

p {
    padding: 5px 0 10px 0;
    line-height: 1.6em;
}

/********************************      General Classes      ********************************/

.clear {
    clear: both;
}

.align-left {
    float: left;
}

.align-right {
    float: right;
}

/************ Button ************/
.button {
    font-family: Verdana, Arial, sans-serif;
    display: inline-block;
    background: #459300 url('../images/bg-button-green.gif') top left repeat-x;
    border: 1px solid #459300;
    padding: 4px 7px 4px 7px !important;
    color: #fff !important;
    font-size: 11px !important;
    cursor: pointer;
}

.button:hover {
    text-decoration: underline;
}

.button:active {
    padding: 5px 7px 3px 7px !important;
}

.btn-dop {
    background: linear-gradient(to bottom, rgb(255, 202, 123), rgb(255, 152, 0));
    border: 1px solid #f3920e;
}

a.remove-link {
    color: #bb0000;
}

a.remove-link:hover {
    color: #000;
}

/********************************      Sidebar      ********************************/

#sidebar {
    background: url('../images/bg-sidebar.gif') top left no-repeat;
    width: 230px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #888;
    font-size: 11px;
}

#sidebar #sidebar-wrapper {
    margin: 0 0 0 9px;
}

#sidebar a,
#sidebar a:active {
    color: #ccc;
}

#sidebar a:hover {
    color: #fff;
}

#sidebar #sidebar-title {
    margin: 40px 0 40px 15px;
}

#sidebar #logo {
    margin: 40px 0 40px 0;
}

#sidebar #profile-links {
    padding: 0 15px 20px 15px;
    text-align: right;
    line-height: 1.5em;
}

/************ Sidebar Accordion Menu ************/

#sidebar #main-nav {
    width: 206px;
    padding: 0;
    margin: 0 0 0 15px;
    font-family: Helvetica, Arial, sans-serif;
}

#sidebar #main-nav li {
    list-style: none;
    padding-bottom: 10px;
    text-align: right;
}

#sidebar #main-nav li a.nav-top-item {
    background: transparent url('../images/bg-menu-item-green.gif') right center no-repeat; /* Background image for default color scheme - green */
    padding: 10px 15px;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
    display: block;
    text-decoration: none;
}

#sidebar #main-nav li a.current {
    background-image: url('../images/bg-menu-item-current.gif') !important;
    color: #333;
    font-weight: bold;
}

#sidebar #main-nav li a.current:hover {
    color: #333;
}

#sidebar #main-nav ul {
    padding: 0;
    font-size: 12px;
    margin: 0;
}

#sidebar #main-nav ul li {
    list-style: none;
    margin: 0;
    text-align: right;
    padding: 0;
}

#sidebar #main-nav ul li a {
    padding: 8px 15px;
    display: block;
    color: #aaa;
    font-size: 13px;
    line-height: 1.2em;
}

#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current,
#sidebar #main-nav ul li a.current:hover {
    color: #fff;
}

#sidebar #main-nav ul li a.current {
    background: transparent url('../images/menu-current-arrow.gif') right center no-repeat !important;
}


/************ Messages ************/

#messages p,
#messages form {
    border-top: 1px solid #ddd;
    padding: 10px 0;
}

#messages h4 {
    padding: 10px 0;
}

#messages fieldset {
    margin: 0;
}

#messages textarea {
    margin: 0 0 15px 0;
}

/********************************      Main Content      ********************************/

/************ Layout ************/

#main-content {
    margin: 0 30px 0 260px;
    padding: 40px 0 0 0;
}

.column-left {
    width: 48%;
    float: left;
}

.column-right {
    width: 48%;
    float: right;
}

#page-intro {
    font-size: 17px;
    padding: 0 0 20px 0;
}


#footer {
    border-top: 1px solid #ccc;
    margin: 40px 0 0 0;
    padding: 20px 0;
    font-size: 12px;
}

/************ Lists ************/

#main-content ul,
#main-content ol {
    padding: 10px 0;
}

/* Unordered List */

#main-content ul li {
    padding: 0px;
}

/* Ordered List */

#main-content ol {
    padding: 0 0 0 24px;
}

#main-content ol li {
    list-style: decimal;
    padding: 4px 0;
}

/*************** Content Box ***************/

.content-box {
    border: 1px solid #ccc;
    margin: 0 0 20px 0;
    background: #fff;
}

.content-box-header {
    background: #e5e5e5 url('../images/bg-content-box.gif') top left repeat-x;
    margin-top: 1px;
    height: 40px;
}

.content-box-header h3 {
    padding: 12px 15px 10px;
    float: left;
    margin: 0;
}

ul.content-box-tabs {
    float: right;
    padding: 7px 15px 0 0 !important;
    margin: 0 !important;
}

ul.content-box-tabs li {
    float: left;
    margin: 0;
    padding: 0 !important;
    background-image: none !important;
}

ul.content-box-tabs li a {
    color: #333;
    padding: 8px 10px;
    display: block;
    margin: 1px;
    border-bottom: 0;
}

ul.content-box-tabs li a:hover {
    color: #57a000;
}

ul.content-box-tabs li a.current {
    background: #fff;
    border: 1px solid #ccc;
    border-bottom: 0;
    margin: 0;
}

.content-box-content {
    padding: 20px;
    font-size: 13px;
    border-top: 1px solid #ccc;
}

/************ Table ************/

#main-content table {
    width: 100%;
    border-collapse: collapse;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*word-wrap: break-word;*/
    /*table-layout: fixed;*/
}

#main-content table thead th {
    font-weight: bold;
    font-size: 15px;
    border-bottom: 1px solid #ddd;
    padding: 5px;
}

#main-content tbody {
    border-bottom: 1px solid #ddd;
}

#main-content tbody .sum {
    white-space: nowrap;
}

#main-content tbody tr {
    background: #fff;
}

#main-content tbody tr.alt-row {
    background: #f3f3f3;
}

table .contacts {

}

table .contacts b {
    display: block;
}

table .contacts span {
    display: block;
}

.tab-content td {
    padding: 10px
}

.weekend {
    color: red;
}

#main-content table tfoot td .bulk-actions {
    padding: 15px 0 5px 0;
}

#main-content table tfoot td .bulk-actions select {
    padding: 4px;
    border: 1px solid #ccc;
}

.lock {
    font-size: 16px;
    padding: 0 5px;
    float: left;
}

.lock.locked {
    color: red;
}

/*************** Pagination ***************/

#main-content .pagination {
    text-align: center;
    padding: 20px 0 5px 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}

.pagination a {
    margin: 0 5px 0 0;
    padding: 3px 6px;
}

.pagination a.number {
    border: 1px solid #ddd;
}

.pagination a.current {
    background: #469400 url('../images/bg-button-green.gif') top left repeat-x !important;
    border-color: #459300 !important;
    color: #fff !important;
}

.pagination a.current:hover {
    text-decoration: underline;
}

/************ Shortcut Buttons ************/

.shortcut-button {
    border: 1px solid #ccc;
    background: #f7f7f7 url('../images/shortcut-button-bg.gif') top left no-repeat;
    display: block;
    width: 120px;
    margin: 0 0 20px 0;
}

.shortcut-button span {
    border: 1px solid #fff;
    display: block;
    padding: 15px 10px 15px 10px;
    text-align: center;
    color: #555;
    font-size: 13px;
    line-height: 1.3em;
}

.shortcut-button span img {
    margin-bottom: 10px;
}

.shortcut-button:hover {
    background: #fff;

}

.shortcut-button span:hover {
    color: #57a000;
}

ul.shortcut-buttons-set li {
    float: left;
    margin: 0 15px 0 0;
    padding: 0 !important;
    background: 0;
}

/*************** Forms ***************/

form label {
    display: block;
    padding: 0 0 10px;
    font-weight: bold;
}

form fieldset legend {
    font-weight: bold;
    margin-bottom: 10px;
    padding-top: 10px;
}

form p small {
    font-size: 0.75em;
    color: #777;
}


form input.text-input,
form select,
form textarea,
form .wysiwyg {
    padding: 6px;
    font-size: 13px;
    background: #fff url('../images/bg-form-field.gif') top left repeat-x;
    border: 1px solid #d5d5d5;
    color: #333;
}


form .medium-input {
    width: 100% !important;
}

form .large-input {
    width: 97.5% !important;
}

form textarea {
    width: 97.5% !important;
    font-family: Arial, Helvetica, sans-serif;
}

form select {
    padding: 4px;
    background: #fff;
}

form input[type="checkbox"],
form input[type="radio"] {
    padding: 0;
    background: none;
    border: 0;
}

/*************** Notifications ***************/

.notification {
    position: relative;
    margin: 0 0 15px 0;
    padding: 0;
    border: 1px solid;
    background-position: 10px 11px !important;
    background-repeat: no-repeat !important;
    font-size: 13px;
    width: 99.8%;
}


.attention {
    background: #fffbcc url('../images/exclamation.png') 10px 11px no-repeat;
    border-color: #e6db55;
    color: #666452;
}

.information {
    background: #dbe3ff url('../images/information.png');
    border-color: #a2b4ee;
    color: #585b66;
}

.success {
    background: #d5ffce url('../images/tick_circle.png');
    border-color: #9adf8f;
    color: #556652;
}

.error {
    background: #ffcece url('../images/cross_circle.png');
    border-color: #df8f8f;
    color: #665252;
}

.notification div {
    display: block;
    font-style: normal;
    padding: 10px 10px 10px 36px;
    line-height: 1.5em;
}

.notification .close {
    color: #990000;
    font-size: 9px;
    position: absolute;
    right: 5px;
    top: 5px;
}

/* Notification for form inputs */

.input-notification {
    background-position: left 2px;
    background-repeat: no-repeat;
    padding: 2px 0 2px 22px;
    background-color: transparent;
    margin: 0 0 0 5px;
}

/* Notification for login page */

#login-wrapper #login-content .notification {
    border: 0;
    background-color: #141414;
    color: #fff !important;
}

/********************************      Login Page      ********************************/

body#login {
    color: #fff;
    background: #222 url('../images/bg-login.gif');
}

#login-wrapper {
    background: url('../images/bg-login-top.png') top left repeat-x;
}

#login-wrapper #login-top {
    width: 100%;
    padding: 140px 0 50px 0;
    text-align: center;
}

#login-wrapper #login-content {
    text-align: left;
    width: 300px;
    margin: 0 auto;
}

#login-wrapper #login-content label {
    color: #fff;
    font-weight: normal;
    font-size: 14px;
    font-family: Helvetica, Arial, sans-serif;
    float: left;
    width: 70px;
    padding: 0;
}

#login-wrapper #login-content input {
    width: 200px;
    float: right;
    margin: 0 0 20px 0;
    border: 0;
}

#login-wrapper #login-content p {
    padding: 0;
}

#login-wrapper #login-content p#remember-password {
    float: right;
}

#login-wrapper #login-content p#remember-password input {
    float: none;
    width: auto;
    border: 0;
    background: none;
    margin: 0 10px 0 0;
}

#login-wrapper #login-content p .button {
    width: auto;
    margin-top: 20px;
}

/********************************      jQuery plugins styles      ********************************/

/*************** Facebox ***************/

#facebox .b {
    background: url(../images/b.png);
}

#facebox .tl {
    background: url(../images/tl.png);
}

#facebox .tr {
    background: url(../images/tr.png);
}

#facebox .bl {
    background: url(../images/bl.png);
}

#facebox .br {
    background: url(../images/br.png);
}

#facebox {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    text-align: left;
}

#facebox .popup {
    position: relative;
}

#facebox table {
    border-collapse: collapse;
}

#facebox td {
    border-bottom: 0;
    padding: 0;
}

#facebox .body {
    padding: 10px;
    background: #fff;
    width: 370px;
}

#facebox .loading {
    text-align: center;
}

#facebox .image {
    text-align: center;
}

#facebox img {
    border: 0;
    margin: 0;
}

#facebox .footer {
    border-top: 1px solid #DDDDDD;
    padding-top: 5px;
    margin-top: 10px;
    text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
    height: 10px;
    width: 10px;
    overflow: hidden;
    padding: 0;
}

#facebox_overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}

.facebox_hide {
    z-index: -100;
}

.facebox_overlayBG {
    background-color: #000;
    z-index: 99;
}

/*************** jQuery WYSIWYG ***************/

div.wysiwyg {
    border: 1px solid #cccccc;
    padding: 5px;
    background-color: #ffffff;
    width: 97.5% !important;
}

div.wysiwyg * {
    margin: 0;
    padding: 0;
}

div.wysiwyg ul.panel {
    border-bottom: 1px solid #cccccc;
    float: left;
    width: 100%;
    padding: 0 0 5px 0;
}

div.wysiwyg ul.panel li {
    list-style-type: none;
    float: left;
    margin: 0 2px;
    padding: 0 !important;
    background: #ffffff;
    background-image: none !important;
}

div.wysiwyg ul.panel li.separator {
    height: 16px;
    margin: 0 4px;
    border-left: 1px solid #cccccc;
}

div.wysiwyg ul.panel li a {
    display: block;
    padding: 0 !important;
    width: 16px;
    height: 16px;
    background: url('../images/jquery.wysiwyg.gif') no-repeat -64px -80px;
    border: 0;
    cursor: pointer;
    padding: 1px;
}

div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active {
}

div.wysiwyg ul.panel li a.active {
    background-color: #f9f9f9;
    border: 1px solid #cccccc;
    border-left-color: #aaaaaa;
    border-top-color: #aaaaaa;
    padding: 0;
}

div.wysiwyg ul.panel li a.bold {
    background-position: 0 -16px;
}

div.wysiwyg ul.panel li a.italic {
    background-position: -16px -16px;
}

div.wysiwyg ul.panel li a.strikeThrough {
    background-position: -32px -16px;
}

div.wysiwyg ul.panel li a.underline {
    background-position: -48px -16px;
}

div.wysiwyg ul.panel li a.justifyLeft {
    background-position: 0 0;
}

div.wysiwyg ul.panel li a.justifyCenter {
    background-position: -16px 0;
}

div.wysiwyg ul.panel li a.justifyRight {
    background-position: -32px 0;
}

div.wysiwyg ul.panel li a.justifyFull {
    background-position: -48px 0;
}

div.wysiwyg ul.panel li a.indent {
    background-position: -64px 0;
}

div.wysiwyg ul.panel li a.outdent {
    background-position: -80px 0;
}

div.wysiwyg ul.panel li a.subscript {
    background-position: -64px -16px;
}

div.wysiwyg ul.panel li a.superscript {
    background-position: -80px -16px;
}

div.wysiwyg ul.panel li a.undo {
    background-position: 0 -64px;
}

div.wysiwyg ul.panel li a.redo {
    background-position: -16px -64px;
}

div.wysiwyg ul.panel li a.insertOrderedList {
    background-position: -32px -48px;
}

div.wysiwyg ul.panel li a.insertUnorderedList {
    background-position: -16px -48px;
}

div.wysiwyg ul.panel li a.insertHorizontalRule {
    background-position: 0 -48px;
}

div.wysiwyg ul.panel li a.h1 {
    background-position: 0 -32px;
}

div.wysiwyg ul.panel li a.h2 {
    background-position: -16px -32px;
}

div.wysiwyg ul.panel li a.h3 {
    background-position: -32px -32px;
}

div.wysiwyg ul.panel li a.h4 {
    background-position: -48px -32px;
}

div.wysiwyg ul.panel li a.h5 {
    background-position: -64px -32px;
}

div.wysiwyg ul.panel li a.h6 {
    background-position: -80px -32px;
}

div.wysiwyg ul.panel li a.cut {
    background-position: -32px -64px;
}

div.wysiwyg ul.panel li a.copy {
    background-position: -48px -64px;
}

div.wysiwyg ul.panel li a.paste {
    background-position: -64px -64px;
}

div.wysiwyg ul.panel li a.increaseFontSize {
    background-position: -16px -80px;
}

div.wysiwyg ul.panel li a.decreaseFontSize {
    background-position: -32px -80px;
}

div.wysiwyg ul.panel li a.createLink {
    background-position: -80px -48px;
}

div.wysiwyg ul.panel li a.insertImage {
    background-position: -80px -80px;
}

div.wysiwyg ul.panel li a.html {
    background-position: -48px -48px;
}

div.wysiwyg ul.panel li a.removeFormat {
    background-position: -80px -64px;
}

div.wysiwyg ul.panel li a.empty {
    background-position: -64px -80px;
}

div.wysiwyg iframe {
    border: 0;
    margin: 5px 0 0 0;
    clear: left;
    width: 97.5% !important;
}

.controlIcon {
    margin-left: 7px;
    float: left;
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

a.edit {
    background: url("../images/pencil.png") no-repeat 0 0;
}

a.edit-customer {
    background: url("../images/pencil.png") no-repeat 0 0;
}

a.edit-partner {
    background: url("../images/pencil.png") no-repeat 0 0;
}

a.copy-partner {
    background: url("../images/copy.png") no-repeat 0 0;
}

a.edit-date {
    background: url("../images/pencil.png") no-repeat 0 0;
}

a.go {
    background: url("../images/loginas.png") no-repeat 0 0;
}

a.enable {
    background: url("../images/enable.png") no-repeat 0 0;
}

a.disable {
    background: url("../images/disable.png") no-repeat 0 0;
}

a.cross {
    background: url("../images/cross.png") no-repeat 0 0;
}

a.settings {
    background: url("../images/hammer_screwdriver.png") no-repeat 0 0;
}

/*Messagebox */
.divMessageBox {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    z-index: 100000;
}

.MessageBoxContainer {
    top: 35%;
    color: white;
    position: relative;
    width: 100%;
    background-color: #232323;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 20px;
}

.MessageBoxMiddle {
    position: relative;
    left: 20%;
    width: 60%;
}

.MessageBoxMiddle .MsgTitle {
    letter-spacing: -1px;
    font-size: 24px;
    font-weight: 300;
}

.MessageBoxMiddle .pText {
    font-size: 13px;
}

.MessageBoxContainer input {
    width: 50%;
    padding: 5px;
}

.MessageBoxContainer select {
    width: 50%;
    padding: 5px;
}

.MessageBoxButtonSection {
    width: 100%;
    height: 30px;
}

.MessageBoxButtonSection button {
    float: right;
    margin-right: 7px;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 14px;
    font-weight: bold;
}

/* End of MessageBox */

/* bigBoxes */
.bigBox {
    position: fixed;
    right: 10px;
    bottom: 10px;
    background-color: #004d60;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 5px;
    width: 390px;
    height: 150px;
    color: white;
    z-index: 99999;
    box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    border-left: 5px solid rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.bigBox span {
    font-size: 17px;
    font-weight: 300;
    letter-spacing: -1px;
    padding: 5px 0 !important;
    display: block;
}

.bigBox p {
    font-size: 13px;
    margin-top: 10px;
}

#divMiniIcons {
    position: fixed;
    width: 415px;
    right: 10px;
    bottom: 180px;
    z-index: 9999;
    float: right;
}

.botClose {
    position: absolute;
    right: 10px;
    height: 16px;
    width: 15px;
    cursor: pointer;
    font-size: 18px;
    opacity: .5;
    display: block;
    top: 15px;
}

.botClose:hover {
    opacity: 1;
}

#divMiniIcons .cajita {
    text-align: center;
    vertical-align: middle;
    padding: 4px 6px;
    color: #FFF;
    float: right;
    cursor: pointer;
    display: block;
    background-color: #F00;
    font-size: 17px;
    margin-left: 4px;
    margin-top: 5px;
}

#divMiniIcons .cajita:active {
    top: 1px;
    left: 1px;
    position: relative;
}

.cajita img {
    width: 23px;
    height: 23px;
    padding-left: 3px;
    padding-top: 3px;
}

.bigBox .bigboxicon {
    font-size: 30px;
    text-align: left;
    position: absolute;
    top: 120px;
    left: 6px;
    z-index: 0;
}

.bigBox .bigboxnumber {
    width: 100%;
    text-align: right;
    font-size: 25px;
}

/* End of  bigBoxes */
/* SmallBox */
#divSmallBoxes {
    position: fixed;
    right: 0;
    top: 0;
    z-index: 9999;
}

.SmallBox {
    position: absolute;
    right: 5px;
    top: 20px;
    width: 420px;
    color: white;
    z-index: 9999;
    overflow: hidden;
    border: 1px solid transparent;
}

.SmallBox:hover {
    border: 1px solid #fff;
    cursor: pointer;
}

.SmallBox .foto {
    font-size: 50px;
    position: absolute;
    left: 17px;
}

.SmallBox .textoFull {
    width: 93%;
    float: left;
    padding-left: 20px;
}

.SmallBox .textoFoto {
    width: 78%;
    margin: 3px 20px 3px 80px;
    float: left;
}

.miniPic {
    position: absolute;
    bottom: 8px;
    right: 9px;
}

.miniIcono {
    height: 100%;
    font-size: 20px;
}

.SmallBox span {
    font-size: 17px;
    font-weight: 300;
    letter-spacing: -1px;
    display: block;
    margin: 4px 0;
}

.SmallBox p {
    font-size: 13px;
    margin-top: 2px;
    margin: 0;
}

#smsSettings .col-xs-2 {
    text-align: center;
}

/* End of SmallBox */

.form-horizontal .form-group {
    margin-right: -10px;
    margin-left: -10px;
    margin-bottom: 3px;
}

.form-actions {
    display: block;
    padding: 13px 14px 15px;
    border-top: 1px solid rgba(0, 0, 0, .1);
    background: rgba(249, 249, 249, .9);
    margin-top: 25px;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: -20px;
    text-align: right;
    border-radius: 0px 0px 5px 5px;
}

.chat-footer {
    border-top: 1px solid rgba(0, 0, 0, .1);
    background: rgba(248, 248, 248, .9);
    padding: 0 5px 5px;
    position: relative;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-radius: 0 0 5px 5px;
}

.textarea-div {
    background-color: #FFF;
    border: 1px solid #CCC;
    border-bottom: 0;
    margin: 10px 0 0;
}

.typearea {
    cursor: text;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 90px;
    padding: 5px 25px 5px 5px;
    position: relative;
    border-bottom: 1px solid #EEE;
}

.typearea textarea {
    width: 100%;
    border-color: transparent !important;
    box-sizing: border-box;
    box-shadow: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-box-shadow: none;
    overflow: hidden;
    padding: 0;
    margin: 0;
    -webkit-transition: height .2s;
    transition: height .2s;
    outline: 0;
    resize: none;
    min-height: 61px;
}

.textarea-controls {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    padding: 5px;
    display: block;
    background-color: #FFF;
    border: 1px solid #CCC;
    border-top: 0;
    height: 43px;
    line-height: 33px;
    overflow: hidden;
}

.pull-right {
    float: right !Important;
}

.chat-body {
    background: #FAFAFA;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #fafafa 0, #fff 100%);
    background: -webkit-gradient(linear, top left, bottom left, from(#f5fcff), to(#fff));
    background: -webkit-linear-gradient(top, #f5fcff 0, #fff 100%);
    background: linear-gradient(to bottom, #f5fcff 0, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0);
    -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .04);
    box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .04);
    display: block;
    height: 270px;
    overflow-y: scroll;
    overflow-x: hidden;
    padding: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    border: 1px solid #fff;
    border-top: 0;
}

.chat-body ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.chat-body li.message {
    display: block;
    position: relative;
    margin: 10px 0 0;
    list-style: none;
    background: none !important;
    padding: 0 !important;
}

.chat-body li:first-child {
    margin-top: 0;
}

img.online {
    border-left-color: #40ac2b !important;
}

.chat-body li.message img {
    display: inline-block;
    border-left: 4px solid #fff;
    position: absolute;
}

.chat-body li.message .message-text {
    display: inline-block;
    vertical-align: top;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0;
    margin-left: 0;
    line-height: normal;
}

.chat-body li.message .message-text time {
    position: absolute;
    top: 1px;
    right: 0;
    font-size: 10px;
    line-height: 10px;
    color: #AFAFAF;
}

.chat-body li.message .message-text a.username {
    display: block;
    font-weight: 700;
    margin-bottom: 4px;
    vertical-align: top;
    line-height: 14px;
    font-size: 14px;
    letter-spacing: -1px;
    text-decoration: none !important;
}

.no-padding {
    padding: 0;
}

.offers-button {
    font-size: 20px;
    cursor: pointer;
}

.offer-custom-button {
    display: block;
    font-size: 20px;
    cursor: pointer;
}

.edit-offer-custom-button {
    display: block;
    font-size: 20px;
    cursor: pointer;
}

.payments #tab2 {
    padding: 15px;
}

.payments #tutor_name {
    font-size: 14px;
    padding-left: 10px;
    font-weight: bold;
}

a {
    cursor: pointer;
}

.tutor-offers {
    padding: 0;
}

.tutor-offers .tutor-offers-item {
    border-bottom: 1px dashed #b1b1b1;
    padding: 15px;
}

.tutor-offers .tutor-offers-item:last-child {
    border: none;
}

.tutor-offers .tutor-offers-item.CURRENT {
    background-color: #dff0d8;
}

.tutor-offers .tutor-offers-item.CANCEL {
    background-color: #f2dede;
}

.tutor-offers-item {

}

.tutor-offers-item {

}

.tutor-offers .tutor-offers-item .comment {
    text-align: center;
}

.tutor-offers ul {
    list-style: none;
}

.tutor-offers ul li {
    color: #5cb85c;
}

.tutor-offers ul li b {
    padding-right: 5px;
    font-size: 12px;
    color: black;
}

.tutor-offers .logo {
    height: 50px;
    width: 50px;
    margin-right: 10px;
    margin: auto;
    float: left;
    margin-right: 10px;
}

.tutor-offers .logo .rep-logo-img {

}

.tutor-offers .user-info {
    float: left;
    width: 60%;
}

.tutor-offers .user-info .city {
    margin-top: 20px;
}

.tutor-offers .user-info label {
    margin-right: 5px;
}

.tutor-offers .logo .rep-logo-img img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
}

.lessons-individual .tab-content {
    display: inline-block;
    width: 100%;
}

.lessons-group .tab-content {
    display: inline-block;
    width: 100%;
}

.form-group .tab-content {
    border: 1px solid #dddddd;
    margin-bottom: 10px;
    padding: 10px;
}

.form-group .nav-tabs {
    margin-bottom: 0;
    padding-bottom: 0 !important;
    border: none;
}

.form-group {
    display: inline-block;
    width: 100%;
    margin-bottom: 5px;
}

.form-control {
    width: 100% !important;
}

.row {
    margin-bottom: 5px;
}

.sms-settings {
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

.region-out > div {
    margin-bottom: 5px;
    display: inline-block;
    width: 100%;
}

.user-tutors-view {

}

.user-tutors-view .region-out-add {
    font-size: 28px;
}

.user-tutors-view .remove {
    font-size: 28px;
}

.user-tutors-view .subject-add {
    font-size: 28px;
}

.user-tutors-view .level-add {
    font-size: 21px;
}

.checkbox-inline, .radio-inline {
    margin-top: 0;
}

.form-group b {
    margin-right: 10px
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    top: 4px;
}

.radio > label > input {
    margin-right: 10px;
}

.radio, .relative {
    position: relative !important;
    margin-left: 0px !important;
}

.subjects .subjects-sub .col-md-4 > span {
    width: 10% !important;
    padding: 3px 0;
    text-align: center;
}

.subjects .subjects-main .col-md-4 > span {
    width: 10% !important;
    padding: 8px 0;
    text-align: center;
}

.subjects .col-md-4 > select {
    width: 90% !important;
}

.subjects .col-md-4 > input {
    width: 90% !important;
}

.content-box-content > .tab-content {
    display: none;
}

.content-box-content > .tab-content.default-tab {
    display: block;
}

.manager-form {
    padding: 15px;
}

.select2-selection__rendered {
    padding: 0 !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    padding: 0 5px !important;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    display: none;
}

.large-ico {
    font-size: 100px;
}

.link-action {
    margin-left: 10px;
}

.modal-dialog {
    width: 760px;
}

.select > select {
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 1px 10px;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #ffffff;
    height: 48px;
    line-height: 48px;
    background-image: url(../img/arrow-bot.png) !important;
    background-repeat: no-repeat;
    background-position: 100%;
    color: #999;
    font-size: 16px;
    border: 1px solid rgba(255, 255, 255, 0);
    box-shadow: 0px 0px 15px rgba(214, 213, 213, 0.7);
    font-family: "GothamProLight", sans-serif;
    transition: .2s linear;
    padding-bottom: 0;
    margin: 0;
}

.search > .filter .select > select, .search > .filter input {
    width: 100%;
    border: 1px solid #cccccc;
    margin: 0;
    box-shadow: none;
    height: 42px;
    line-height: 42px;
}

.search > .filter .select, .search > .filter input {
    margin-bottom: 13px;
}

.calendar {
    margin-bottom: 15px;
    margin-left: -20px;
    margin-right: -20px;
    position: relative;
}

.calendar > label {
    margin-left: 20px;
    font-family: "GothamProLight", sans-serif;
    font-size: 16px;
    margin-bottom: 1;
}

.calendar .calendar-body {
    display: inline-block;
    width: 100%;
}

.calendar .calendar-body .calendar-row {
    float: left;
    display: block;
    width: 11.5%;
    text-align: center;
    border-radius: 5px;
    cursor: pointer;
    padding: 10px 5px;
}

.calendar .calendar-body .calendar-row.disabled {
    background-color: white !important;
    cursor: wait !important;
    color: #464646;
}

.calendar .calendar-body .calendar-row.calendar-row-last {
    width: 17%;
}

.calendar .calendar-body .calendar-row label {
    height: 24px;
    text-align: center;
}

.calendar .calendar-body .calendar-row label span {
    max-width: 21px;
    max-height: 21px;
    height: 21px;
    width: 21px;
    margin: 0;
    cursor: pointer;
}

.calendar .calendar-body .calendar-row label input {
    margin: auto;
}

.calendar .calendar-body .calendar-row.disabled .calendar-title {
    color: #e5e5e5;
}

.calendar .calendar-body .calendar-row label span:before {
    width: 23px;
    height: 20px;
    max-width: 15px;
    max-height: 26px;
    font-size: 12px;
    margin: 0;
    padding: 0;
    display: block;
    content: "";
    line-height: 20px;
}

.calendar .calendar-body .calendar-row:hover {
    background: #f6f6f6;
}

.calendar .calendar-body .calendar-row.active {
    background: #f6f6f6;
}

.calendar .calendar-body .calendar-row.calendar-first {
    text-align: center;
    font-size: 16px;
}

.calendar .calendar-body .calendar-row > div {
    height: 25px;
    line-height: 25px;
}

.calendar .calendar-body .calendar-row > div.calendar-title {
    text-align: center;
    padding-bottom: 9px;
    display: block;
    height: auto;
    text-transform: uppercase;
    white-space: nowrap;
}

.calendar .calendar-body .calendar-row > div .time-first {
    border-bottom: 2px dashed #f7f7f7;
    height: 50%
}

.calendar .calendar-body .calendar-row > div .time-second {
    height: 50%;
}

.calendar .calendar-body .calendar-row > div > div {
    cursor: pointer;
    height: 50%;
}

.calendar .calendar-body .calendar-row > div > div > input {
    display: none;
}

.calendar .calendar-body .calendar-row > div > div:hover {
    background: #f09a9a;
}

.calendar .calendar-body .calendar-row > div > div.active {
    background: #f09a9a;
}

.special > .special--bold {
    font-weight: bold;
    color: #7cc576;
}

.special-orange > .special--bold {
    font-weight: bold;
    color: orange;
}

.special-blue > .special--bold {
    font-weight: bold;
    color: #2141CA;
}

.special-green {
    font-weight: bold;
    color: #01d90a;
}

.green-text {
    color: #57a000;
}

.blue-text {
    color: blue;
}

.red-text {
    color: red;
}

.orange-text {
    color: orange;
}

.kz-text {
    color: #00b2cb;
}

.payment-new {
    background-image: url(../img/ico/new.svg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    width: 25px;
    height: 25px;
    display: block;
    margin: auto;
}

.order_tasks_field {
    height: 225px;
    overflow-y: scroll;
}

.w75 {
    width: 75px;
}

.date_range {
    font-size: 16px;
    text-decoration: underline;
    font-weight: bold;
    color: #000;
}

.flag-NOWHERE, .flag-ABKHAZIA, .flag-AD, .flag-AE, .flag-AF, .flag-AG, .flag-AI, .flag-AL, .flag-AM, .flag-AN, .flag-AO, .flag-AQ, .flag-AR, .flag-AS, .flag-AT, .flag-AU, .flag-AW, .flag-AX, .flag-AZ, .flag-BA, .flag-BB, .flag-BD, .flag-BE, .flag-BF, .flag-BG, .flag-BH, .flag-BI, .flag-BJ, .flag-BL, .flag-BM, .flag-BN, .flag-BO, .flag-BR, .flag-BS, .flag-BT, .flag-BV, .flag-BW, .flag-BY, .flag-BZ, .flag-CA, .flag-CC, .flag-CD, .flag-CF, .flag-CG, .flag-CH, .flag-CI, .flag-CK, .flag-CL, .flag-CM, .flag-CN, .flag-CO, .flag-CR, .flag-CU, .flag-CV, .flag-CX, .flag-CY, .flag-CZ, .flag-DE, .flag-DJ, .flag-DK, .flag-DM, .flag-DO, .flag-DZ, .flag-EC, .flag-EE, .flag-EG, .flag-EH, .flag-ER, .flag-ES-CE, .flag-ES-ML, .flag-ES, .flag-ET, .flag-EU, .flag-FI, .flag-FJ, .flag-FK, .flag-FM, .flag-FO, .flag-FR, .flag-GA, .flag-GB, .flag-GD, .flag-GE, .flag-GF, .flag-GG, .flag-GH, .flag-GI, .flag-GL, .flag-GM, .flag-GN, .flag-GP, .flag-GQ, .flag-GR, .flag-GS, .flag-GT, .flag-GU, .flag-GW, .flag-GY, .flag-HK, .flag-HM, .flag-HN, .flag-HR, .flag-HT, .flag-HU, .flag-IC, .flag-ID, .flag-IE, .flag-IL, .flag-IM, .flag-IN, .flag-IO, .flag-IQ, .flag-IR, .flag-IS, .flag-IT, .flag-JE, .flag-JM, .flag-JO, .flag-JP, .flag-KE, .flag-KG, .flag-KH, .flag-KI, .flag-KM, .flag-KN, .flag-KOSOVO, .flag-KP, .flag-KR, .flag-KW, .flag-KY, .flag-KZ, .flag-LA, .flag-LB, .flag-LC, .flag-LI, .flag-LK, .flag-LR, .flag-LS, .flag-LT, .flag-LU, .flag-LV, .flag-LY, .flag-MA, .flag-MC, .flag-MD, .flag-ME, .flag-MF, .flag-MG, .flag-MH, .flag-MK, .flag-ML, .flag-MM, .flag-MN, .flag-MO, .flag-MP, .flag-MQ, .flag-MR, .flag-MS, .flag-MT, .flag-MU, .flag-MV, .flag-MW, .flag-MX, .flag-MY, .flag-MZ, .flag-NA, .flag-NC, .flag-NE, .flag-NF, .flag-NG, .flag-NI, .flag-NKR, .flag-NL, .flag-NO, .flag-NP, .flag-NR, .flag-NU, .flag-NZ, .flag-OM, .flag-PA, .flag-PE, .flag-PF, .flag-PG, .flag-PH, .flag-PK, .flag-PL, .flag-PM, .flag-PN, .flag-PR, .flag-PS, .flag-PT, .flag-PW, .flag-PY, .flag-QA, .flag-RE, .flag-RO, .flag-RS, .flag-RU, .flag-RW, .flag-SA, .flag-SB, .flag-SC, .flag-SD, .flag-SE, .flag-SG, .flag-SH, .flag-SI, .flag-SJ, .flag-SK, .flag-SL, .flag-SM, .flag-SN, .flag-SO, .flag-SOUTH-OSSETIA, .flag-SR, .flag-SS, .flag-ST, .flag-SV, .flag-SY, .flag-SZ, .flag-TC, .flag-TD, .flag-TF, .flag-TG, .flag-TH, .flag-TJ, .flag-TK, .flag-TL, .flag-TM, .flag-TN, .flag-TO, .flag-TR, .flag-TT, .flag-TV, .flag-TW, .flag-TZ, .flag-UA, .flag-UG, .flag-UM, .flag-US, .flag-UY, .flag-UZ, .flag-VA, .flag-VC, .flag-VE, .flag-VG, .flag-VI, .flag-VN, .flag-VU, .flag-WF, .flag-WS, .flag-YE, .flag-YT, .flag-ZA, .flag-ZM, .flag-ZW {
    background: url("../img/flags.png") no-repeat 0 9px;
    display: -moz-inline-box;
    -moz-box-orient: vertical;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    vertical-align: baseline;
    position: relative;
    overflow: hidden;
    width: 16px;
    height: 9px;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}

.flag-ABKHAZIA {
    background-position: 0 0px;
}

.flag-AD {
    background-position: 0 -9px;
}

.flag-AE {
    background-position: 0 -18px;
}

.flag-AF {
    background-position: 0 -27px;
}

.flag-AG {
    background-position: 0 -36px;
}

.flag-AI {
    background-position: 0 -45px;
}

.flag-AL {
    background-position: 0 -54px;
}

.flag-AM {
    background-position: 0 -63px;
}

.flag-AN {
    background-position: 0 -72px;
}

.flag-AO {
    background-position: 0 -81px;
}

.flag-AQ {
    background-position: 0 -90px;
}

.flag-AR {
    background-position: 0 -99px;
}

.flag-AS {
    background-position: 0 -108px;
}

.flag-AT {
    background-position: 0 -117px;
}

.flag-AU {
    background-position: 0 -126px;
}

.flag-AW {
    background-position: 0 -135px;
}

.flag-AX {
    background-position: 0 -144px;
}

.flag-AZ {
    background-position: 0 -153px;
}

.flag-BA {
    background-position: 0 -162px;
}

.flag-BB {
    background-position: 0 -171px;
}

.flag-BD {
    background-position: 0 -180px;
}

.flag-BE {
    background-position: 0 -189px;
}

.flag-BF {
    background-position: 0 -198px;
}

.flag-BG {
    background-position: 0 -207px;
}

.flag-BH {
    background-position: 0 -216px;
}

.flag-BI {
    background-position: 0 -225px;
}

.flag-BJ {
    background-position: 0 -234px;
}

.flag-BL {
    background-position: 0 -243px;
}

.flag-BM {
    background-position: 0 -252px;
}

.flag-BN {
    background-position: 0 -261px;
}

.flag-BO {
    background-position: 0 -270px;
}

.flag-BR {
    background-position: 0 -279px;
}

.flag-BS {
    background-position: 0 -288px;
}

.flag-BT {
    background-position: 0 -297px;
}

.flag-BV {
    background-position: 0 -306px;
}

.flag-BW {
    background-position: 0 -315px;
}

/*.flag-BY {*/
/*    background-position: 0 -324px;*/
/*}*/

.flag-BZ {
    background-position: 0 -333px;
}

.flag-CA {
    background-position: 0 -342px;
}

.flag-CC {
    background-position: 0 -351px;
}

.flag-CD {
    background-position: 0 -360px;
}

.flag-CF {
    background-position: 0 -369px;
}

.flag-CG {
    background-position: 0 -378px;
}

.flag-CH {
    background-position: 0 -387px;
}

.flag-CI {
    background-position: 0 -396px;
}

.flag-CK {
    background-position: 0 -405px;
}

.flag-CL {
    background-position: 0 -414px;
}

.flag-CM {
    background-position: 0 -423px;
}

.flag-CN {
    background-position: 0 -432px;
}

.flag-CO {
    background-position: 0 -441px;
}

.flag-CR {
    background-position: 0 -450px;
}

.flag-CU {
    background-position: 0 -459px;
}

.flag-CV {
    background-position: 0 -468px;
}

.flag-CX {
    background-position: 0 -477px;
}

.flag-CY {
    background-position: 0 -486px;
}

.flag-CZ {
    background-position: 0 -495px;
}

.flag-DE {
    background-position: 0 -504px;
}

.flag-DJ {
    background-position: 0 -513px;
}

.flag-DK {
    background-position: 0 -522px;
}

.flag-DM {
    background-position: 0 -531px;
}

.flag-DO {
    background-position: 0 -540px;
}

.flag-DZ {
    background-position: 0 -549px;
}

.flag-EC {
    background-position: 0 -558px;
}

.flag-EE {
    background-position: 0 -567px;
}

.flag-EG {
    background-position: 0 -576px;
}

.flag-EH {
    background-position: 0 -585px;
}

.flag-ER {
    background-position: 0 -594px;
}

.flag-ES-CE {
    background-position: 0 -603px;
}

.flag-ES-ML {
    background-position: 0 -612px;
}

.flag-ES {
    background-position: 0 -621px;
}

.flag-ET {
    background-position: 0 -630px;
}

.flag-EU {
    background-position: 0 -639px;
}

.flag-FI {
    background-position: 0 -648px;
}

.flag-FJ {
    background-position: 0 -657px;
}

.flag-FK {
    background-position: 0 -666px;
}

.flag-FM {
    background-position: 0 -675px;
}

.flag-FO {
    background-position: 0 -684px;
}

.flag-FR {
    background-position: 0 -693px;
}

.flag-GA {
    background-position: 0 -702px;
}

.flag-GB {
    background-position: 0 -711px;
}

.flag-GD {
    background-position: 0 -720px;
}

.flag-GE {
    background-position: 0 -729px;
}

.flag-GF {
    background-position: 0 -738px;
}

.flag-GG {
    background-position: 0 -747px;
}

.flag-GH {
    background-position: 0 -756px;
}

.flag-GI {
    background-position: 0 -765px;
}

.flag-GL {
    background-position: 0 -774px;
}

.flag-GM {
    background-position: 0 -783px;
}

.flag-GN {
    background-position: 0 -792px;
}

.flag-GP {
    background-position: 0 -801px;
}

.flag-GQ {
    background-position: 0 -810px;
}

.flag-GR {
    background-position: 0 -819px;
}

.flag-GS {
    background-position: 0 -828px;
}

.flag-GT {
    background-position: 0 -837px;
}

.flag-GU {
    background-position: 0 -846px;
}

.flag-GW {
    background-position: 0 -855px;
}

.flag-GY {
    background-position: 0 -864px;
}

.flag-HK {
    background-position: 0 -873px;
}

.flag-HM {
    background-position: 0 -882px;
}

.flag-HN {
    background-position: 0 -891px;
}

.flag-HR {
    background-position: 0 -900px;
}

.flag-HT {
    background-position: 0 -909px;
}

.flag-HU {
    background-position: 0 -918px;
}

.flag-IC {
    background-position: 0 -927px;
}

.flag-ID {
    background-position: 0 -936px;
}

.flag-IE {
    background-position: 0 -945px;
}

.flag-IL {
    background-position: 0 -954px;
}

.flag-IM {
    background-position: 0 -963px;
}

.flag-IN {
    background-position: 0 -972px;
}

.flag-IO {
    background-position: 0 -981px;
}

.flag-IQ {
    background-position: 0 -990px;
}

.flag-IR {
    background-position: 0 -999px;
}

.flag-IS {
    background-position: 0 -1008px;
}

.flag-IT {
    background-position: 0 -1017px;
}

.flag-JE {
    background-position: 0 -1026px;
}

.flag-JM {
    background-position: 0 -1035px;
}

.flag-JO {
    background-position: 0 -1044px;
}

.flag-JP {
    background-position: 0 -1053px;
}

.flag-KE {
    background-position: 0 -1062px;
}

.flag-KG {
    background-position: 0 -1071px;
}

.flag-KH {
    background-position: 0 -1080px;
}

.flag-KI {
    background-position: 0 -1089px;
}

.flag-KM {
    background-position: 0 -1098px;
}

.flag-KN {
    background-position: 0 -1107px;
}

.flag-KOSOVO {
    background-position: 0 -1116px;
}

.flag-KP {
    background-position: 0 -1125px;
}

.flag-KR {
    background-position: 0 -1134px;
}

.flag-KW {
    background-position: 0 -1143px;
}

.flag-KY {
    background-position: 0 -1152px;
}

.flag-KZ {
    background-position: 0 -1161px;
}

.flag-LA {
    background-position: 0 -1170px;
}

.flag-LB {
    background-position: 0 -1179px;
}

.flag-LC {
    background-position: 0 -1188px;
}

.flag-LI {
    background-position: 0 -1197px;
}

.flag-LK {
    background-position: 0 -1206px;
}

.flag-LR {
    background-position: 0 -1215px;
}

.flag-LS {
    background-position: 0 -1224px;
}

.flag-LT {
    background-position: 0 -1233px;
}

.flag-LU {
    background-position: 0 -1242px;
}

.flag-LV {
    background-position: 0 -1251px;
}

.flag-LY {
    background-position: 0 -1260px;
}

.flag-MA {
    background-position: 0 -1269px;
}

.flag-MC {
    background-position: 0 -1278px;
}

.flag-MD {
    background-position: 0 -1287px;
}

.flag-ME {
    background-position: 0 -1296px;
}

.flag-MF {
    background-position: 0 -1305px;
}

.flag-MG {
    background-position: 0 -1314px;
}

.flag-MH {
    background-position: 0 -1323px;
}

.flag-MK {
    background-position: 0 -1332px;
}

.flag-ML {
    background-position: 0 -1341px;
}

.flag-MM {
    background-position: 0 -1350px;
}

.flag-MN {
    background-position: 0 -1359px;
}

.flag-MO {
    background-position: 0 -1368px;
}

.flag-MP {
    background-position: 0 -1377px;
}

.flag-MQ {
    background-position: 0 -1386px;
}

.flag-MR {
    background-position: 0 -1395px;
}

.flag-MS {
    background-position: 0 -1404px;
}

.flag-MT {
    background-position: 0 -1413px;
}

.flag-MU {
    background-position: 0 -1422px;
}

.flag-MV {
    background-position: 0 -1431px;
}

.flag-MW {
    background-position: 0 -1440px;
}

.flag-MX {
    background-position: 0 -1449px;
}

.flag-MY {
    background-position: 0 -1458px;
}

.flag-MZ {
    background-position: 0 -1467px;
}

.flag-NA {
    background-position: 0 -1476px;
}

.flag-NC {
    background-position: 0 -1485px;
}

.flag-NE {
    background-position: 0 -1494px;
}

.flag-NF {
    background-position: 0 -1503px;
}

.flag-NG {
    background-position: 0 -1512px;
}

.flag-NI {
    background-position: 0 -1521px;
}

.flag-NKR {
    background-position: 0 -1530px;
}

.flag-NL {
    background-position: 0 -1539px;
}

.flag-NO {
    background-position: 0 -1548px;
}

.flag-NP {
    background-position: 0 -1557px;
}

.flag-NR {
    background-position: 0 -1566px;
}

.flag-NU {
    background-position: 0 -1575px;
}

.flag-NZ {
    background-position: 0 -1584px;
}

.flag-OM {
    background-position: 0 -1593px;
}

.flag-PA {
    background-position: 0 -1602px;
}

.flag-PE {
    background-position: 0 -1611px;
}

.flag-PF {
    background-position: 0 -1620px;
}

.flag-PG {
    background-position: 0 -1629px;
}

.flag-PH {
    background-position: 0 -1638px;
}

.flag-PK {
    background-position: 0 -1647px;
}

.flag-PL {
    background-position: 0 -1656px;
}

.flag-PM {
    background-position: 0 -1665px;
}

.flag-PN {
    background-position: 0 -1674px;
}

.flag-PR {
    background-position: 0 -1683px;
}

.flag-PS {
    background-position: 0 -1692px;
}

.flag-PT {
    background-position: 0 -1701px;
}

.flag-PW {
    background-position: 0 -1710px;
}

.flag-PY {
    background-position: 0 -1719px;
}

.flag-QA {
    background-position: 0 -1728px;
}

.flag-RE {
    background-position: 0 -1737px;
}

.flag-RO {
    background-position: 0 -1746px;
}

.flag-RS {
    background-position: 0 -1755px;
}

.flag-RU {
    background-position: 0 -1764px;
}

.flag-RW {
    background-position: 0 -1773px;
}

.flag-SA {
    background-position: 0 -1782px;
}

.flag-SB {
    background-position: 0 -1791px;
}

.flag-SC {
    background-position: 0 -1800px;
}

.flag-SD {
    background-position: 0 -1809px;
}

.flag-SE {
    background-position: 0 -1818px;
}

.flag-SG {
    background-position: 0 -1827px;
}

.flag-SH {
    background-position: 0 -1836px;
}

.flag-SI {
    background-position: 0 -1845px;
}

.flag-SJ {
    background-position: 0 -1854px;
}

.flag-SK {
    background-position: 0 -1863px;
}

.flag-SL {
    background-position: 0 -1872px;
}

.flag-SM {
    background-position: 0 -1881px;
}

.flag-SN {
    background-position: 0 -1890px;
}

.flag-SO {
    background-position: 0 -1899px;
}

.flag-SOUTH-OSSETIA {
    background-position: 0 -1908px;
}

.flag-SR {
    background-position: 0 -1917px;
}

.flag-SS {
    background-position: 0 -1926px;
}

.flag-ST {
    background-position: 0 -1935px;
}

.flag-SV {
    background-position: 0 -1944px;
}

.flag-SY {
    background-position: 0 -1953px;
}

.flag-SZ {
    background-position: 0 -1962px;
}

.flag-TC {
    background-position: 0 -1971px;
}

.flag-TD {
    background-position: 0 -1980px;
}

.flag-TF {
    background-position: 0 -1989px;
}

.flag-TG {
    background-position: 0 -1998px;
}

.flag-TH {
    background-position: 0 -2007px;
}

.flag-TJ {
    background-position: 0 -2016px;
}

.flag-TK {
    background-position: 0 -2025px;
}

.flag-TL {
    background-position: 0 -2034px;
}

.flag-TM {
    background-position: 0 -2043px;
}

.flag-TN {
    background-position: 0 -2052px;
}

.flag-TO {
    background-position: 0 -2061px;
}

.flag-TR {
    background-position: 0 -2070px;
}

.flag-TT {
    background-position: 0 -2079px;
}

.flag-TV {
    background-position: 0 -2088px;
}

.flag-TW {
    background-position: 0 -2097px;
}

.flag-TZ {
    background-position: 0 -2106px;
}

.flag-UA {
    background-position: 0 -2115px;
}

.flag-UG {
    background-position: 0 -2124px;
}

.flag-UM {
    background-position: 0 -2133px;
}

.flag-US {
    background-position: 0 -2142px;
}

.flag-UY {
    background-position: 0 -2151px;
}

.flag-UZ {
    background-position: 0 -2160px;
}

.flag-VA {
    background-position: 0 -2169px;
}

.flag-VC {
    background-position: 0 -2178px;
}

.flag-VE {
    background-position: 0 -2187px;
}

.flag-VG {
    background-position: 0 -2196px;
}

.flag-VI {
    background-position: 0 -2205px;
}

.flag-VN {
    background-position: 0 -2214px;
}

.flag-VU {
    background-position: 0 -2223px;
}

.flag-WF {
    background-position: 0 -2232px;
}

.flag-WS {
    background-position: 0 -2241px;
}

.flag-YE {
    background-position: 0 -2250px;
}

.flag-YT {
    background-position: 0 -2259px;
}

.flag-ZA {
    background-position: 0 -2268px;
}

.flag-ZM {
    background-position: 0 -2277px;
}

.flag-ZW {
    background-position: 0 -2286px;
}

.multiselect-number {
    width: 10%;
    text-align: center;
    padding: 8px 0;
}

.multiselect-micro_region {
    width: 90%;
    display: inline-block;
}