/*!
 *  Font Awesome 4.3.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

.alert,
.badge,
.btn,
.btn-group>.btn,
.btn.btn-link:hover,
.icon-btn,
.label,
.list-group1,
.md-shadow-z-1,
.note,
.social-icons li>a,
.social-icons.social-icons-color>li>a,
.well {
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .18)
}

.md-shadow-z-2,
.panel,
.popover,
.ver-inline-menu {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .22)
}

.btn-group>.dropdown-menu,
.dropdown-menu,
.md-shadow-z-2-i {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16), 0 3px 6px rgba(0, 0, 0, .22)!important
}

.btn:hover,
.icon-btn:hover,
.md-shadow-z-2-hover,
.portlet.box.blue-chambray>.portlet-title>.actions .btn-default:hover,
.portlet.box.blue-dark>.portlet-title>.actions .btn-default:hover,
.portlet.box.blue-ebonyclay>.portlet-title>.actions .btn-default:hover,
.portlet.box.blue-hoki>.portlet-title>.actions .btn-default:hover,
.portlet.box.blue-madison>.portlet-title>.actions .btn-default:hover,
.portlet.box.blue-sharp>.portlet-title>.actions .btn-default:hover,
.portlet.box.blue-soft>.portlet-title>.actions .btn-default:hover,
.portlet.box.blue-steel>.portlet-title>.actions .btn-default:hover,
.portlet.box.blue>.portlet-title>.actions .btn-default:hover,
.portlet.box.green-haze>.portlet-title>.actions .btn-default:hover,
.portlet.box.green-jungle>.portlet-title>.actions .btn-default:hover,
.portlet.box.green-meadow>.portlet-title>.actions .btn-default:hover,
.portlet.box.green-seagreen>.portlet-title>.actions .btn-default:hover,
.portlet.box.green-sharp>.portlet-title>.actions .btn-default:hover,
.portlet.box.green-soft>.portlet-title>.actions .btn-default:hover,
.portlet.box.green-turquoise>.portlet-title>.actions .btn-default:hover,
.portlet.box.green>.portlet-title>.actions .btn-default:hover,
.portlet.box.grey-cararra>.portlet-title>.actions .btn-default:hover,
.portlet.box.grey-cascade>.portlet-title>.actions .btn-default:hover,
.portlet.box.grey-gallery>.portlet-title>.actions .btn-default:hover,
.portlet.box.grey-mint>.portlet-title>.actions .btn-default:hover,
.portlet.box.grey-salsa>.portlet-title>.actions .btn-default:hover,
.portlet.box.grey-salt>.portlet-title>.actions .btn-default:hover,
.portlet.box.grey-silver>.portlet-title>.actions .btn-default:hover,
.portlet.box.grey-steel>.portlet-title>.actions .btn-default:hover,
.portlet.box.grey>.portlet-title>.actions .btn-default:hover,
.portlet.box.purple-intense>.portlet-title>.actions .btn-default:hover,
.portlet.box.purple-medium>.portlet-title>.actions .btn-default:hover,
.portlet.box.purple-plum>.portlet-title>.actions .btn-default:hover,
.portlet.box.purple-seance>.portlet-title>.actions .btn-default:hover,
.portlet.box.purple-sharp>.portlet-title>.actions .btn-default:hover,
.portlet.box.purple-soft>.portlet-title>.actions .btn-default:hover,
.portlet.box.purple-studio>.portlet-title>.actions .btn-default:hover,
.portlet.box.purple-wisteria>.portlet-title>.actions .btn-default:hover,
.portlet.box.purple>.portlet-title>.actions .btn-default:hover,
.portlet.box.red-flamingo>.portlet-title>.actions .btn-default:hover,
.portlet.box.red-haze>.portlet-title>.actions .btn-default:hover,
.portlet.box.red-intense>.portlet-title>.actions .btn-default:hover,
.portlet.box.red-pink>.portlet-title>.actions .btn-default:hover,
.portlet.box.red-soft>.portlet-title>.actions .btn-default:hover,
.portlet.box.red-sunglo>.portlet-title>.actions .btn-default:hover,
.portlet.box.red-thunderbird>.portlet-title>.actions .btn-default:hover,
.portlet.box.red>.portlet-title>.actions .btn-default:hover,
.portlet.box.yellow-casablanca>.portlet-title>.actions .btn-default:hover,
.portlet.box.yellow-crusta>.portlet-title>.actions .btn-default:hover,
.portlet.box.yellow-gold>.portlet-title>.actions .btn-default:hover,
.portlet.box.yellow-lemon>.portlet-title>.actions .btn-default:hover,
.portlet.box.yellow-saffron>.portlet-title>.actions .btn-default:hover,
.portlet.box.yellow>.portlet-title>.actions .btn-default:hover,
.social-icons li:hover>a,
.social-icons.social-icons-color>li>a:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, .2), 0 3px 6px rgba(0, 0, 0, .26)
}

.md-shadow-z-3,
.modal .modal-content {
    box-shadow: 0 8px 18px rgba(0, 0, 0, .18), 0 6px 6px rgba(0, 0, 0, .23)
}

.btn:active,
.md-shadow-z-3-hover,
.portlet.box.blue-chambray>.portlet-title>.actions .btn-default:active,
.portlet.box.blue-dark>.portlet-title>.actions .btn-default:active,
.portlet.box.blue-ebonyclay>.portlet-title>.actions .btn-default:active,
.portlet.box.blue-hoki>.portlet-title>.actions .btn-default:active,
.portlet.box.blue-madison>.portlet-title>.actions .btn-default:active,
.portlet.box.blue-sharp>.portlet-title>.actions .btn-default:active,
.portlet.box.blue-soft>.portlet-title>.actions .btn-default:active,
.portlet.box.blue-steel>.portlet-title>.actions .btn-default:active,
.portlet.box.blue>.portlet-title>.actions .btn-default:active,
.portlet.box.green-haze>.portlet-title>.actions .btn-default:active,
.portlet.box.green-jungle>.portlet-title>.actions .btn-default:active,
.portlet.box.green-meadow>.portlet-title>.actions .btn-default:active,
.portlet.box.green-seagreen>.portlet-title>.actions .btn-default:active,
.portlet.box.green-sharp>.portlet-title>.actions .btn-default:active,
.portlet.box.green-soft>.portlet-title>.actions .btn-default:active,
.portlet.box.green-turquoise>.portlet-title>.actions .btn-default:active,
.portlet.box.green>.portlet-title>.actions .btn-default:active,
.portlet.box.grey-cararra>.portlet-title>.actions .btn-default:active,
.portlet.box.grey-cascade>.portlet-title>.actions .btn-default:active,
.portlet.box.grey-gallery>.portlet-title>.actions .btn-default:active,
.portlet.box.grey-mint>.portlet-title>.actions .btn-default:active,
.portlet.box.grey-salsa>.portlet-title>.actions .btn-default:active,
.portlet.box.grey-salt>.portlet-title>.actions .btn-default:active,
.portlet.box.grey-silver>.portlet-title>.actions .btn-default:active,
.portlet.box.grey-steel>.portlet-title>.actions .btn-default:active,
.portlet.box.grey>.portlet-title>.actions .btn-default:active,
.portlet.box.purple-intense>.portlet-title>.actions .btn-default:active,
.portlet.box.purple-medium>.portlet-title>.actions .btn-default:active,
.portlet.box.purple-plum>.portlet-title>.actions .btn-default:active,
.portlet.box.purple-seance>.portlet-title>.actions .btn-default:active,
.portlet.box.purple-sharp>.portlet-title>.actions .btn-default:active,
.portlet.box.purple-soft>.portlet-title>.actions .btn-default:active,
.portlet.box.purple-studio>.portlet-title>.actions .btn-default:active,
.portlet.box.purple-wisteria>.portlet-title>.actions .btn-default:active,
.portlet.box.purple>.portlet-title>.actions .btn-default:active,
.portlet.box.red-flamingo>.portlet-title>.actions .btn-default:active,
.portlet.box.red-haze>.portlet-title>.actions .btn-default:active,
.portlet.box.red-intense>.portlet-title>.actions .btn-default:active,
.portlet.box.red-pink>.portlet-title>.actions .btn-default:active,
.portlet.box.red-soft>.portlet-title>.actions .btn-default:active,
.portlet.box.red-sunglo>.portlet-title>.actions .btn-default:active,
.portlet.box.red-thunderbird>.portlet-title>.actions .btn-default:active,
.portlet.box.red>.portlet-title>.actions .btn-default:active,
.portlet.box.yellow-casablanca>.portlet-title>.actions .btn-default:active,
.portlet.box.yellow-crusta>.portlet-title>.actions .btn-default:active,
.portlet.box.yellow-gold>.portlet-title>.actions .btn-default:active,
.portlet.box.yellow-lemon>.portlet-title>.actions .btn-default:active,
.portlet.box.yellow-saffron>.portlet-title>.actions .btn-default:active,
.portlet.box.yellow>.portlet-title>.actions .btn-default:active {
    box-shadow: 0 8px 18px rgba(0, 0, 0, .22), 0 6px 6px rgba(0, 0, 0, .26)
}



.form-control-static,
.icon-btn,
.input-inline,
.radio-list>label.radio-inline {
    display: inline-block
}

.form-horizontal .radio-list .radio {
    padding-top: 1px
}

.form-horizontal .radio>span {
    margin-top: 2px
}

.form .form-row-seperated .portlet-body {
    padding: 0
}

.form .form-row-seperated .form-group {
    margin: 0;
    border-bottom: 1px solid #efefef;
    padding: 15px 0
}

.form .form-row-seperated .form-group.last {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 13px
}

.form .form-row-seperated .form-body {
    padding: 0
}

.form .form-row-seperated .form-actions {
    padding-left: 15px!important;
    padding-right: 15px!important
}

.form .form-bordered .form-group {
    margin: 0;
    border-bottom: 1px solid #efefef
}

.form .form-bordered .form-group>div {
    padding: 15px;
    border-left: 1px solid #efefef
}

.form .form-bordered .form-group.last {
    border-bottom: 0
}

.form .form-bordered .form-group .control-label {
    padding-top: 20px
}

@media (max-width:991px) {
    .form .form-bordered .form-group>div {
        border-left: 0
    }
    .form .form-bordered .form-group .control-label {
        padding-top: 10px
    }
}

.form .form-bordered .form-group .form-control {
    margin: 0
}

.form .form-bordered .form-body {
    margin: 0;
    padding: 0
}

.form .form-bordered .form-actions {
    margin-top: 0;
    padding-left: 16px!important;
    padding-right: 16px!important
}

@media (max-width:991px) {
    .form .form-bordered .form-actions {
        padding-left: 15px!important;
        padding-right: 15px!important
    }
}

.form .form-horizontal.form-bordered.form-row-stripped .form-group:nth-child(even) {
    background-color: #fcfcfc
}

.form .form-horizontal.form-bordered.form-row-stripped .form-control {
    background: #fff!important
}

.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even)>div {
    background-color: #fff
}

.form .form-horizontal.form-bordered.form-label-stripped .form-group:nth-child(even) {
    background-color: #fcfcfc
}

.form-control::-moz-placeholder {
    color: #b3b3b3;
    opacity: 1
}

.form-control:-ms-input-placeholder {
    color: #b3b3b3
}

.form-control::-webkit-input-placeholder {
    color: #b3b3b3
}

.form-control {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    box-shadow: none;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px
}

.form-control:focus {
    border-color: #999;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none
}

.form-control.height-auto {
    height: auto
}

.form-control.form-control-solid {
    background-color: #F1F3F8;
    border-color: #F1F3F8;
    color: #A6B2BA
}

.form-control.form-control-solid:focus {
    border-color: #e3e7f1
}

.form-control.form-control-solid::-moz-placeholder {
    color: #acb7be;
    opacity: 1
}

.form-control.form-control-solid:-ms-input-placeholder {
    color: #acb7be
}

.form-control.form-control-solid::-webkit-input-placeholder {
    color: #acb7be
}



.icon-btn {
    height: 40px;
    width: 100%;
    margin: 15px 15px 0 0;
    padding: 12px 10 0;
    background-color: #fafafa;
    background-image: none;
    filter: none;
    color: #646464;
    text-shadow: none;
    text-align: center;
    cursor: pointer;
    position: relative
}

[class^=m-icon-],
[class^=m-icon-big-] {
    background-image: url(../assets/global/img/syncfusion-icons.png);
    background-position: 0 0;
    background-repeat: no-repeat
}

.modal.draggable-modal .modal-header,
.portlet-sortable:not(.portlet-fullscreen)>.portlet-title {
    cursor: move
}

.icon-btn:hover {
    border-color: #999;
    color: #444;
    text-shadow: 0 1px 0 #fff;
    transition: all .3s ease;
    text-decoration: none
}

.icon-btn:hover>.badge,
ul.ui-autocomplete.ui-menu li a {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease
}

.icon-btn:hover>.badge {
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease
}

.icon-btn>.badge {
    position: absolute;
    font-size: 11px;
    font-weight: 300;
    top: -5px;
    right: -5px;
    padding: 3px 6px;
    color: #fff;
    text-shadow: none;
    border-width: 0;
    border-style: solid;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px
}

