/*---------------------------------------------------------------------------
 * @Project:   Atlass Social Network
 * @Copyright: angelsmedia.org
 * @License:   No Derivative Works
 * @Лицензия:  Запрещается создавать производные произведения на основе данного
 *----------------------------------------------------------------------------
 */

.form-control                           { border: 1px solid #ddd; box-shadow: none; color: #676971; border-radius: 4px; font-size: 14px; padding: 11px 10px; }
.form-control:focus                     { border: 1px solid #6964A7; box-shadow: none; }
.jq-checkbox                            { width: 18px; height: 18px; max-width: 18px; max-height: 18px; border: 1px solid #ddd; background: #fff; vertical-align: middle; cursor: pointer; margin-right: 2px; border-radius: 3px; margin-top: -3px; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; -ms-transition: background-color 0.2s linear; transition: background-color 0.2s linear; padding: 0!important; }
.jq-checkbox:hover                      { background-image: url(../img/checkbox.png); background-position: 5px; background-repeat: no-repeat; }
.jq-checkbox.checked                    { background-image: url(../img/checkbox.png); background-position: 5px; background-repeat: no-repeat; border: 0; }
.jq-checkbox.focused                    { border: 1px solid #08C }
.jq-checkbox.disabled                   { opacity: 0.55; filter: alpha(opacity=55); }
.jq-radio                               { width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 3px solid #6964A7; vertical-align: middle; cursor: pointer; margin-right: 3px; position: relative; top: -1px; -webkit-transition: background-color 0.2s linear; -moz-transition: background-color 0.2s linear; -o-transition: background-color 0.2s linear; -ms-transition: background-color 0.2s linear; transition: background-color 0.2s linear; padding: 0!important; }
.jq-radio.checked .jq-radio__div        { width: 6px; height: 6px; margin: 2px 0 0 2px; border-radius: 50%; }
.jq-radio.focused                       { border: 1px solid #08C }
.jq-radio.disabled                      { opacity: 0.55; filter: alpha(opacity=55); }
.jq-selectbox                           { vertical-align: middle; cursor: pointer; font-weight: normal; border: 1px solid #ddd; }
.jq-selectbox__select                   { padding: 0 45px 0 10px; color: #32323C; background: #fff; border-radius: 4px; }
.jq-selectbox__select:hover             { background-color: #f8f8f8 }
.jq-selectbox__select:active            { background: #F5F5F5; box-shadow: inset 1px 1px 3px #eee; }
.jq-selectbox.focused .jq-selectbox__select
                                        { border: 1px solid transparent }
.jq-selectbox.disabled .jq-selectbox__select
                                        { border-color: #eee; background: #F5F5F5; box-shadow: none; color: #888; }
.jq-selectbox__select-text              { display: block; width: 100%!important; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 6px 0; height: 32px }
.jq-selectbox__trigger                  { position: absolute; top: 0; right: 0; width: 38px; height: 100%; border-left: 1px solid #eee; }
.jq-selectbox__trigger-arrow            { position: absolute; top: 14px; right: 12px; width: 0; height: 0; overflow: hidden; border-top: 5px solid #686879; border-right: 5px solid transparent; border-left: 5px solid transparent; opacity: 0.3; filter: alpha(opacity=30); }
.jq-selectbox:hover .jq-selectbox__trigger-arrow
                                        { opacity: 1; filter: alpha(opacity=100); }
.jq-selectbox.disabled .jq-selectbox__trigger-arrow
                                        { opacity: 0.3; filter: alpha(opacity=30); }
.jq-selectbox__dropdown                 { top: 33px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; border-bottom: 1px solid; border-right: 1px solid; border-left: 1px solid; border-top: 1px solid; border-color: #ddd; background: #FFF; border-radius: 0 0 4px 4px; }
.jq-selectbox__search                   { margin: 5px }
.jq-selectbox__search input             { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; margin: 0; outline: none; border: 1px solid #eee; border-radius: 3px; color: #32323C; -webkit-appearance: textfield; }
.jq-selectbox__search input::-webkit-search-cancel-button,
.jq-selectbox__search input::-webkit-search-decoration
                                        { -webkit-appearance: none }
.jq-selectbox__not-found                { margin: 5px; padding: 5px 8px 6px; background: #F0F0F0; }
.jq-selectbox ul                        { margin: 0; padding: 0; }
.jq-selectbox li                        { min-height: 18px; padding: 5px 10px 6px; color: #363A46; border-radius: 4px; }
.jq-selectbox li.selected               { }
.jq-selectbox li:hover                  { color: #fff; background-color: #6964A7; }
.jq-selectbox li.disabled               { color: #AAA }
.jq-selectbox li.disabled:hover         { background: none }
.jq-selectbox li.optgroup               { font-weight: bold }
.jq-selectbox li.optgroup:hover         { background: none; color: #363A46; cursor: default; }
.jq-selectbox li.option                 { padding-left: 25px }
.jq-select-multiple                     { padding: 1px; border: 1px solid #eee; border-bottom-color: #B3B3B3; border-radius: 4px; box-shadow: inset 1px 1px #F1F1F1, 0 1px 2px rgba(0,0,0,0.1); background: #FFF; color: #32323C; cursor: default; }
.jq-select-multiple.focused             { border: 1px solid #5794BF }
.jq-select-multiple.disabled            { border-color: #eee; background: #F5F5F5; box-shadow: none; color: #888; }
.jq-select-multiple ul                  { margin: 0; padding: 0; }
.jq-select-multiple li                  { padding: 3px 9px 4px; list-style: none; }
.jq-select-multiple li:first-child      { border-radius: 3px 3px 0 0 }
.jq-select-multiple li:last-child       { border-radius: 0 0 3px 3px }
.jq-select-multiple li.selected         { background: #08C; color: #FFF; }
.jq-select-multiple li.disabled         { color: #AAA }
.jq-select-multiple.disabled li.selected,
.jq-select-multiple li.selected.disabled
                                        { background: #eee; color: #FFF; }
.jq-select-multiple li.optgroup         { font-weight: bold }
.jq-select-multiple li.option           { padding-left: 25px }

.jq-file                                { border: none; height: 60px; }
.jq-file:focus                          { outline: none }
.jq-file__browse                        { display: inline-block; padding: 5px 12px; text-align: center; color: #999; border-left: 1px solid #eee; background: #fff; cursor: pointer; }
.jq-file                                { width: 270px }
.jq-file input                          { cursor: pointer; height: auto; line-height: 1em; }
.jq-file__name                          { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; padding: 5px 80px 5px 10px; border: none; background: none; color: #32323C; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; border: 1px solid #ddd; background: #fcfcfc; border-radius: 4px; }
.focused .jq-file__name                 { border: 1px solid #5794BF }
.jq-file__browse                        { position: absolute; top: 1px; right: 1px; padding: 5px 10px; background: #F1F1F1; color: #32323C; border-radius: 4px; }
.jq-file:hover .jq-file__browse         { background-color: #E6E6E6 }
.jq-file:active .jq-file__browse        { background: #F5F5F5; box-shadow: inset 1px 1px 3px #eee; }
.jq-file.disabled .jq-file__name        { color: #888 }
.jq-file.disabled,
.jq-file.disabled .jq-file__browse      { border-color: #eee; background: #F5F5F5; box-shadow: none; color: #888; }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-widget-content,
.ui-widget-header                       { border: 1px solid transparent!important; background: #6964A7!important; color: #fff!important; z-index: 99999!important; }
.ui-widget-content                      { border: 0px solid rgba(0, 0, 0, 0.1)!important; border-radius: 4px;
margin-top: 5px; overflow: hidden; }
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus       { border: 1px solid #ccc!important; background: #ECECEC!important; font-weight: normal!important; color: #fff!important; }
.ui-datepicker-today .ui-state-default  { color: rgba(0, 0, 0, 0.4)!important }
.ui-datepicker th,
.ui-datepicker td                       { border-right: 1px solid rgba(0, 0, 0, 0.04)!important; border-bottom: 1px solid rgba(0, 0, 0, 0.04)!important; }
.ui-datepicker table                    { margin: 0px!important }
.ui-widget-header                       { font-weight: 500!important; background: rgba(0, 0, 0, 0.2)!important; border-color: transparent!important; padding: 10px 0!Important; }
.ui-datepicker-calendar thead           { color: rgba(0, 0, 0, 0.4)!important }
.ui-datepicker                          { padding: 0!important }
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover       { background: rgba(0, 0, 0, 0.2)!important }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next      { margin-top: 7px!important; opacity: 0.5!important; }
.ui-datepicker .ui-datepicker-prev:hover,
.ui-datepicker .ui-datepicker-next:hover
                                        { opacity: 1!important; outline: none!important; border-color: transparent!important; background: rgba(255, 255, 255, 0.3)!important; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span { background-image: url(../img/new.png)!important; }

.jq-selectbox.form-control         { padding: 0; box-shadow: none; }

.b-switch .jq-checkbox {
     vertical-align: middle;
     width: 44px;
     height: 24px;
     max-width: 44px;
     max-height: 24px; 
     border-radius: 999px;
     background-color: #BDC3C7;
     -webkit-transition-duration: .4s;
     -webkit-transition-property: background-color, box-shadow;
     margin: 15px 1.2em 15px 2.5em;
     background-image: none;
     border: 0px;
}

.b-switch .jq-checkbox.checked {
     background-color: #6964A7;
}

.b-switch .jq-checkbox .jq-checkbox__div {
     float: left;
     width: 18px;
     height: 18px;
     border-radius: inherit;
     background: #fff;
     -webkit-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
     -webkit-transition-duration: 0.4s;
     -webkit-transition-property: transform, background-color, box-shadow;
     -moz-transition-timing-function: cubic-bezier(.54,1.85,.5,1);
     -moz-transition-duration: 0.4s;
     -moz-transition-property: transform, background-color;
     pointer-events: none;
     margin: 3px;
}

.b-switch .jq-checkbox.checked .jq-checkbox__div {
     -webkit-transform: translate3d(20px, 0, 0);
     -moz-transform: translate3d(20px, 0, 0);
     transform: translate3d(20px, 0, 0);
     background-color: #ffffff;
}