/*!
 * Bootstrap Responsive v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
 /* includes sprites.less reset */
[class^="icon-"],
[class*=" icon-"] 
{
    background-image: url(../img/glyphicons-halflings.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: 14px 14px;
    -moz-background-size: 14px 14px;
    -o-background-size: 14px 14px;
    background-size: 14px 14px;
}
 .clearfix {
    zoom: 1;}

.clearfix:before,.clearfix:after {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@-ms-viewport {
    width: device-width
}

.hidden {
    display: none;
    visibility: hidden
}

.visible-phone {
    display: none!important
}

.visible-tablet {
    display: none!important
}

.hidden-desktop {
    display: none!important
}

.visible-desktop {
    display: inherit!important
}

@media(min-width: 768px) and (max-width:979px) {
    .hidden-desktop {
        display:inherit!important
    }

    .visible-desktop {
        display: none!important
    }

    .visible-tablet {
        display: inherit!important
    }

    .hidden-tablet {
        display: none!important
    }
}

@media(max-width: 767px) {
    .hidden-desktop {
        display:inherit!important
    }


    .visible-desktop {
        display: none!important
    }

    .visible-phone {
        display: inherit!important
    }

    
    .hidden-phone {
        display: none!important
    }
}

.visible-print {
    display: none!important
}



@media print {
    .visible-print {
        display: inherit!important
    }

    .hidden-print {
        display: none!important
    }
}


@media(min-width: 1200px) {
    .row {
        margin-right:-30px;
        *zoom:1}

    .row:before,.row:after {
        display: table;
        line-height: 0;
        content: ""
    }

    .row:after {
        clear: both
    }

    [class*="span"] {
        float: right;
        min-height: 1px;
        margin-right: 30px
    }

    .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container {
        width: 1170px
    }

    .span12 {
        width: 1170px
    }

    .span11 {
        width: 1070px
    }

    .span10 {
        width: 970px
    }

    .span9 {
        width: 870px
    }

    .span8 {
        width: 770px
    }

    .span7 {
        width: 670px
    }

    .span6 {
        width: 570px
    }

    .span5 {
        width: 470px
    }

    .span4 {
        width: 370px
    }

    .span3 {
        width: 270px
    }

    .span2 {
        width: 170px
    }

    .span1 {
        width: 70px
    }

    .offset12 {
        margin-right: 1230px
    }

    .offset11 {
        margin-right: 1130px
    }

    .offset10 {
        margin-right: 1030px
    }

    .offset9 {
        margin-right: 930px
    }

    .offset8 {
        margin-right: 830px
    }

    .offset7 {
        margin-right: 730px
    }

    .offset6 {
        margin-right: 630px
    }

    .offset5 {
        margin-right: 530px
    }

    .offset4 {
        margin-right: 430px
    }

    .offset3 {
        margin-right: 330px
    }

    .offset2 {
        margin-right: 230px
    }

    .offset1 {
        margin-right: 130px
    }

    .row-fluid {
        width: 100%;
        *zoom:1}

    .row-fluid:before,.row-fluid:after {
        display: table;
        line-height: 0;
        content: ""
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*="span"] {
        display: block;
        float: right;
        width: 100%;
        min-height: 30px;
        margin-right: 2.564102564102564%;
        *margin-right: 2.5109110747408616%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .row-fluid [class*="span"]:first-child {
        margin-right: 0
    }

    .row-fluid .controls-row [class*="span"]+[class*="span"] {
        margin-right: 2.564102564102564%
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%
    }

    .row-fluid .span11 {
        width: 91.45299145299145%;
        *width: 91.39979996362975%
    }

    .row-fluid .span10 {
        width: 82.90598290598291%;
        *width: 82.8527914166212%
    }

    .row-fluid .span9 {
        width: 74.35897435897436%;
        *width: 74.30578286961266%
    }

    .row-fluid .span8 {
        width: 65.81196581196582%;
        *width: 65.75877432260411%
    }

    .row-fluid .span7 {
        width: 57.26495726495726%;
        *width: 57.21176577559556%
    }

    .row-fluid .span6 {
        width: 48.717948717948715%;
        *width: 48.664757228587014%
    }

    .row-fluid .span5 {
        width: 40.17094017094017%;
        *width: 40.11774868157847%
    }

    .row-fluid .span4 {
        width: 31.623931623931625%;
        *width: 31.570740134569924%
    }

    .row-fluid .span3 {
        width: 23.076923076923077%;
        *width: 23.023731587561375%
    }

    .row-fluid .span2 {
        width: 14.52991452991453%;
        *width: 14.476723040552828%
    }

    .row-fluid .span1 {
        width: 5.982905982905983%;
        *width: 5.929714493544281%
    }

    .row-fluid .offset12 {
        margin-right: 105.12820512820512%;
        *margin-right: 105.02182214948171%
    }

    .row-fluid .offset12:first-child {
        margin-right: 102.56410256410257%;
        *margin-right: 102.45771958537915%
    }

    .row-fluid .offset11 {
        margin-right: 96.58119658119658%;
        *margin-right: 96.47481360247316%
    }

    .row-fluid .offset11:first-child {
        margin-right: 94.01709401709402%;
        *margin-right: 93.91071103837061%
    }

    .row-fluid .offset10 {
        margin-right: 88.03418803418803%;
        *margin-right: 87.92780505546462%
    }

    .row-fluid .offset10:first-child {
        margin-right: 85.47008547008548%;
        *margin-right: 85.36370249136206%
    }

    .row-fluid .offset9 {
        margin-right: 79.48717948717949%;
        *margin-right: 79.38079650845607%
    }

    .row-fluid .offset9:first-child {
        margin-right: 76.92307692307693%;
        *margin-right: 76.81669394435352%
    }

    .row-fluid .offset8 {
        margin-right: 70.94017094017094%;
        *margin-right: 70.83378796144753%
    }

    .row-fluid .offset8:first-child {
        margin-right: 68.37606837606839%;
        *margin-right: 68.26968539734497%
    }

    .row-fluid .offset7 {
        margin-right: 62.393162393162385%;
        *margin-right: 62.28677941443899%
    }

    .row-fluid .offset7:first-child {
        margin-right: 59.82905982905982%;
        *margin-right: 59.72267685033642%
    }

    .row-fluid .offset6 {
        margin-right: 53.84615384615384%;
        *margin-right: 53.739770867430444%
    }

    .row-fluid .offset6:first-child {
        margin-right: 51.28205128205128%;
        *margin-right: 51.175668303327875%
    }

    .row-fluid .offset5 {
        margin-right: 45.299145299145295%;
        *margin-right: 45.1927623204219%
    }

    .row-fluid .offset5:first-child {
        margin-right: 42.73504273504273%;
        *margin-right: 42.62865975631933%
    }

    .row-fluid .offset4 {
        margin-right: 36.75213675213675%;
        *margin-right: 36.645753773413354%
    }

    .row-fluid .offset4:first-child {
        margin-right: 34.18803418803419%;
        *margin-right: 34.081651209310785%
    }

    .row-fluid .offset3 {
        margin-right: 28.205128205128204%;
        *margin-right: 28.0987452264048%
    }

    .row-fluid .offset3:first-child {
        margin-right: 25.641025641025642%;
        *margin-right: 25.53464266230224%
    }

    .row-fluid .offset2 {
        margin-right: 19.65811965811966%;
        *margin-right: 19.551736679396257%
    }

    .row-fluid .offset2:first-child {
        margin-right: 17.094017094017094%;
        *margin-right: 16.98763411529369%
    }

    .row-fluid .offset1 {
        margin-right: 11.11111111111111%;
        *margin-right: 11.004728132387708%
    }

    .row-fluid .offset1:first-child {
        margin-right: 8.547008547008547%;
        *margin-right: 8.440625568285142%
    }

    input,textarea,.uneditable-input {
        margin-right: 0
    }

    .controls-row [class*="span"]+[class*="span"] {
        margin-right: 30px
    }

    input.span12,textarea.span12,.uneditable-input.span12 {
        width: 1156px
    }

    input.span11,textarea.span11,.uneditable-input.span11 {
        width: 1056px
    }

    input.span10,textarea.span10,.uneditable-input.span10 {
        width: 956px
    }

    input.span9,textarea.span9,.uneditable-input.span9 {
        width: 856px
    }

    input.span8,textarea.span8,.uneditable-input.span8 {
        width: 756px
    }

    input.span7,textarea.span7,.uneditable-input.span7 {
        width: 656px
    }

    input.span6,textarea.span6,.uneditable-input.span6 {
        width: 556px
    }

    input.span5,textarea.span5,.uneditable-input.span5 {
        width: 456px
    }

    input.span4,textarea.span4,.uneditable-input.span4 {
        width: 356px
    }

    input.span3,textarea.span3,.uneditable-input.span3 {
        width: 256px
    }

    input.span2,textarea.span2,.uneditable-input.span2 {
        width: 156px
    }

    input.span1,textarea.span1,.uneditable-input.span1 {
        width: 56px
    }

    .thumbnails {
        margin-right: -30px
    }

    .thumbnails>li {
        margin-right: 30px
    }

    .row-fluid .thumbnails {
        margin-right: 0
    }
}

@media(min-width: 768px) and (max-width:979px) {
    .row {
        margin-right:-20px;
        *zoom:1}

    .row:before,.row:after {
        display: table;
        line-height: 0;
        content: ""
    }

    .row:after {
        clear: both
    }

    [class*="span"] {
        float: right;
        min-height: 1px;
        margin-right: 20px
    }

    .container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container {
        width: 724px
    }

    .span12 {
        width: 724px
    }

    .span11 {
        width: 662px
    }

    .span10 {
        width: 600px
    }

    .span9 {
        width: 538px
    }

    .span8 {
        width: 476px
    }

    .span7 {
        width: 414px
    }

    .span6 {
        width: 352px
    }

    .span5 {
        width: 290px
    }

    .span4 {
        width: 228px
    }

    .span3 {
        width: 166px
    }

    .span2 {
        width: 104px
    }

    .span1 {
        width: 42px
    }

    .offset12 {
        margin-right: 764px
    }

    .offset11 {
        margin-right: 702px
    }

    .offset10 {
        margin-right: 640px
    }

    .offset9 {
        margin-right: 578px
    }

    .offset8 {
        margin-right: 516px
    }

    .offset7 {
        margin-right: 454px
    }

    .offset6 {
        margin-right: 392px
    }

    .offset5 {
        margin-right: 330px
    }

    .offset4 {
        margin-right: 268px
    }

    .offset3 {
        margin-right: 206px
    }

    .offset2 {
        margin-right: 144px
    }

    .offset1 {
        margin-right: 82px
    }

    .row-fluid {
        width: 100%;
        *zoom:1}

    .row-fluid:before,.row-fluid:after {
        display: table;
        line-height: 0;
        content: ""
    }

    .row-fluid:after {
        clear: both
    }

    .row-fluid [class*="span"] {
        display: block;
        float: right;
        width: 100%;
        min-height: 30px;
        margin-right: 2.7624309392265194%;
        *margin-right: 2.709239449864817%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .row-fluid [class*="span"]:first-child {
        margin-right: 0
    }

    .row-fluid .controls-row [class*="span"]+[class*="span"] {
        margin-right: 2.7624309392265194%
    }

    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%
    }

    .row-fluid .span11 {
        width: 91.43646408839778%;
        *width: 91.38327259903608%
    }

    .row-fluid .span10 {
        width: 82.87292817679558%;
        *width: 82.81973668743387%
    }

    .row-fluid .span9 {
        width: 74.30939226519337%;
        *width: 74.25620077583166%
    }

    .row-fluid .span8 {
        width: 65.74585635359117%;
        *width: 65.69266486422946%
    }

    .row-fluid .span7 {
        width: 57.18232044198895%;
        *width: 57.12912895262725%
    }

    .row-fluid .span6 {
        width: 48.61878453038674%;
        *width: 48.56559304102504%
    }

    .row-fluid .span5 {
        width: 40.05524861878453%;
        *width: 40.00205712942283%
    }

    .row-fluid .span4 {
        width: 31.491712707182323%;
        *width: 31.43852121782062%
    }

    .row-fluid .span3 {
        width: 22.92817679558011%;
        *width: 22.87498530621841%
    }

    .row-fluid .span2 {
        width: 14.3646408839779%;
        *width: 14.311449394616199%
    }

    .row-fluid .span1 {
        width: 5.801104972375691%;
        *width: 5.747913483013988%
    }

    .row-fluid .offset12 {
        margin-right: 105.52486187845304%;
        *margin-right: 105.41847889972962%
    }

    .row-fluid .offset12:first-child {
        margin-right: 102.76243093922652%;
        *margin-right: 102.6560479605031%
    }

    .row-fluid .offset11 {
        margin-right: 96.96132596685082%;
        *margin-right: 96.8549429881274%
    }

    .row-fluid .offset11:first-child {
        margin-right: 94.1988950276243%;
        *margin-right: 94.09251204890089%
    }

    .row-fluid .offset10 {
        margin-right: 88.39779005524862%;
        *margin-right: 88.2914070765252%
    }

    .row-fluid .offset10:first-child {
        margin-right: 85.6353591160221%;
        *margin-right: 85.52897613729868%
    }

    .row-fluid .offset9 {
        margin-right: 79.8342541436464%;
        *margin-right: 79.72787116492299%
    }

    .row-fluid .offset9:first-child {
        margin-right: 77.07182320441989%;
        *margin-right: 76.96544022569647%
    }

    .row-fluid .offset8 {
        margin-right: 71.2707182320442%;
        *margin-right: 71.16433525332079%
    }

    .row-fluid .offset8:first-child {
        margin-right: 68.50828729281768%;
        *margin-right: 68.40190431409427%
    }

    .row-fluid .offset7 {
        margin-right: 62.70718232044199%;
        *margin-right: 62.600799341718584%
    }

    .row-fluid .offset7:first-child {
        margin-right: 59.94475138121547%;
        *margin-right: 59.838368402492065%
    }

    .row-fluid .offset6 {
        margin-right: 54.14364640883978%;
        *margin-right: 54.037263430116376%
    }

    .row-fluid .offset6:first-child {
        margin-right: 51.38121546961326%;
        *margin-right: 51.27483249088986%
    }

    .row-fluid .offset5 {
        margin-right: 45.58011049723757%;
        *margin-right: 45.47372751851417%
    }

    .row-fluid .offset5:first-child {
        margin-right: 42.81767955801105%;
        *margin-right: 42.71129657928765%
    }

    .row-fluid .offset4 {
        margin-right: 37.01657458563536%;
        *margin-right: 36.91019160691196%
    }

    .row-fluid .offset4:first-child {
        margin-right: 34.25414364640884%;
        *margin-right: 34.14776066768544%
    }

    .row-fluid .offset3 {
        margin-right: 28.45303867403315%;
        *margin-right: 28.346655695309746%
    }

    .row-fluid .offset3:first-child {
        margin-right: 25.69060773480663%;
        *margin-right: 25.584224756083227%
    }

    .row-fluid .offset2 {
        margin-right: 19.88950276243094%;
        *margin-right: 19.783119783707537%
    }

    .row-fluid .offset2:first-child {
        margin-right: 17.12707182320442%;
        *margin-right: 17.02068884448102%
    }

    .row-fluid .offset1 {
        margin-right: 11.32596685082873%;
        *margin-right: 11.219583872105325%
    }

    .row-fluid .offset1:first-child {
        margin-right: 8.56353591160221%;
        *margin-right: 8.457152932878806%
    }

    input,textarea,.uneditable-input {
        margin-right: 0
    }

    .controls-row [class*="span"]+[class*="span"] {
        margin-right: 20px
    }

    input.span12,textarea.span12,.uneditable-input.span12 {
        width: 710px
    }

    input.span11,textarea.span11,.uneditable-input.span11 {
        width: 648px
    }

    input.span10,textarea.span10,.uneditable-input.span10 {
        width: 586px
    }

    input.span9,textarea.span9,.uneditable-input.span9 {
        width: 524px
    }

    input.span8,textarea.span8,.uneditable-input.span8 {
        width: 462px
    }

    input.span7,textarea.span7,.uneditable-input.span7 {
        width: 400px
    }

    input.span6,textarea.span6,.uneditable-input.span6 {
        width: 338px
    }

    input.span5,textarea.span5,.uneditable-input.span5 {
        width: 276px
    }

    input.span4,textarea.span4,.uneditable-input.span4 {
        width: 214px
    }

    input.span3,textarea.span3,.uneditable-input.span3 {
        width: 152px
    }

    input.span2,textarea.span2,.uneditable-input.span2 {
        width: 90px
    }

    input.span1,textarea.span1,.uneditable-input.span1 {
        width: 28px
    }
}

@media(max-width: 767px) {
    body {
        padding-right:20px;
        padding-left: 20px
    }

    .navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top {
        margin-right: -20px;
        margin-left: -20px
    }

    .container-fluid {
        padding: 0
    }

    .dl-horizontal dt {
        float: none;
        width: auto;
        clear: none;
        text-align: right
    }

    .dl-horizontal dd {
        margin-right: 0
    }

    .container {
        width: auto
    }

    .row-fluid {
        width: 100%
    }

    .row,.thumbnails {
        margin-right: 0
    }

    .thumbnails>li {
        float: none;
        margin-right: 0
    }

    [class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"] {
        display: block;
        float: none;
        width: 100%;
        margin-right: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .span12,.row-fluid .span12 {
        width: 100%;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .row-fluid [class*="offset"]:first-child {
        margin-left: 0
    }

    .input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input {
        display: block;
        width: 100%;
        min-height: 30px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"] {
        display: inline-block;
        width: auto
    }

    .controls-row [class*="span"]+[class*="span"] {
        margin-right: 0
    }

    .modal {
        position: fixed;
        top: 20px;
        right: 20px;
        left: 20px;
        width: auto;
        margin: 0
    }

    .modal.fade {
        top: -100px
    }

    .modal.fade.in {
        top: 20px
    }
}

@media(max-width: 480px) {
    .nav-collapse {
        -webkit-transform:translate3d(0,0,0)
    }

    .page-header h1 small {
        display: block;
        line-height: 20px
    }

    input[type="checkbox"],input[type="radio"] {
        border: 1px solid #ccc
    }

    .form-horizontal .control-label {
        float: none;
        width: auto;
        padding-top: 0;
        text-align: right
    }

    .form-horizontal .controls {
        margin-right: 0
    }

    .form-horizontal .control-list {
        padding-top: 0
    }

    .form-horizontal .form-actions {
        padding-right: 10px;
        padding-left: 10px
    }

    .media .pull-left,.media .pull-right {
        display: block;
        float: none;
        margin-bottom: 10px
    }

    .media-object {
        margin-right: 0;
        margin-left: 0
    }

    .modal {
        top: 10px;
        right: 10px;
        left: 10px
    }

    .modal-header .close {
        padding: 10px;
        margin: -10px
    }

    .carousel-caption {
        position: static
    }
}

@media(max-width: 979px) {
    body {
        padding-top:0
    }

    .navbar-fixed-top,.navbar-fixed-bottom {
        position: static
    }

    .navbar-fixed-top {
        margin-bottom: 20px
    }

    .navbar-fixed-bottom {
        margin-top: 20px
    }

    .navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner {
        padding: 5px
    }

    .navbar .container {
        width: auto;
        padding: 0
    }

    .navbar .brand {
        padding-right: 10px;
        padding-left: 10px;
        margin: 0 -5px 0 0
    }

    .nav-collapse {
        clear: both
    }

    .nav-collapse .nav {
        float: none;
        margin: 0 0 10px
    }

    .nav-collapse .nav>li {
        float: none
    }

    .nav-collapse .nav>li>a {
        margin-bottom: 2px
    }

    .nav-collapse .nav>.divider-vertical {
        display: none
    }

    .nav-collapse .nav .nav-header {
        color: #777;
        text-shadow: none
    }

    .nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a {
        padding: 9px 15px;
        font-weight: bold;
        color: #777;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

    .nav-collapse .btn {
        padding: 4px 10px 4px;
        font-weight: normal;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

    .nav-collapse .dropdown-menu li+li a {
        margin-bottom: 2px
    }

    .nav-collapse .nav>li>a:hover,.nav-collapse .nav>li>a:focus,.nav-collapse .dropdown-menu a:hover,.nav-collapse .dropdown-menu a:focus {
        background-color: #f2f2f2
    }

    .navbar-inverse .nav-collapse .nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a {
        color: #999
    }

    .navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .nav>li>a:focus,.navbar-inverse .nav-collapse .dropdown-menu a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:focus {
        background-color: #111
    }

    .nav-collapse.in .btn-group {
        padding: 0;
        margin-top: 5px
    }

    .nav-collapse .dropdown-menu {
        position: static;
        top: auto;
        right: auto;
        display: none;
        float: none;
        max-width: none;
        padding: 0;
        margin: 0 15px;
        background-color: transparent;
        border: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .nav-collapse .open>.dropdown-menu {
        display: block
    }

    .nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after {
        display: none
    }

    .nav-collapse .dropdown-menu .divider {
        display: none
    }

    .nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after {
        display: none
    }

    .nav-collapse .navbar-form,.nav-collapse .navbar-search {
        float: none;
        padding: 10px 15px;
        margin: 10px 0;
        border-top: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
        -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
        -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1);
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.1)
    }

    .navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search {
        border-top-color: #111;
        border-bottom-color: #111
    }

    .navbar .nav-collapse .nav.pull-left {
        float: none;
        margin-right: 0
    }

    .nav-collapse,.nav-collapse.collapse {
        height: 0;
        overflow: hidden
    }

    .navbar .btn-navbar {
        display: block
    }

    .navbar-static .navbar-inner {
        padding-right: 10px;
        padding-left: 10px
    }
}

@media(min-width: 980px) {
    .nav-collapse.collapse {
        height:auto!important;
        overflow: visible!important
    }
}

/*# sourceMappingURL=stayle.css.map */
/*# sourceURL=stayle.css */     
/*!
 * Bootstrap v2.3.1
 *
 * Copyright 2012 Naqsh Jahan Toos, Inc based on Twitter Bootstrap, which is Copyright 2012 Twitter Inc.
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat and @jnaqsh.
 */
 .clearfix {
    *zoom:1}

.clearfix:before,.clearfix:after {
    display: table;
    line-height: 0;
    content: ""
}

.clearfix:after {
    clear: both
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
    display: block
}

audio,canvas,video {
    display: inline-block;
    *display: inline;
    *zoom:1}

audio:not([controls]) {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

a:hover,a:active {
    outline: 0
}

sub,sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

sup {
    top: -0.5em
}

sub {
    bottom: -0.25em
}

img {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic
}

#map_canvas img,.google-maps img {
    max-width: none
}

button,input,select,textarea {
    margin: 0;
    font-size: 100%;
    vertical-align: middle
}

button,input {
    *overflow: visible;
    line-height: normal
}

button::-moz-focus-inner,input::-moz-focus-inner {
    padding: 0;
    border: 0
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
}

label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"] {
    cursor: pointer
}

input[type="search"] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield
}

input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none
}

textarea {
    overflow: auto;
    vertical-align: top
}

@media print {
    * {
        color: #000!important;
        text-shadow: none!important;
        background: transparent!important;
        box-shadow: none!important
    }

    a,a:visited {
        text-decoration: underline
    }

    a[href]:after {
        content: " (" attr(href) ")"
    }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    .ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
        content: ""
    }

    pre,blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr,img {
        page-break-inside: avoid
    }

    img {
        max-width: 100%!important
    }

    @page {
        margin: .5cm
    }

    p,h2,h3 {
        orphans: 3;
        widows: 3
    }

    h2,h3 {
        page-break-after: avoid
    }
}

body {
    margin: 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    background-color: #fff
}

a {
    color: #08c;
    text-decoration: none
}

a:hover,a:focus {
    color: #005580;
    text-decoration: underline
}

.img-rounded {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.img-polaroid {
    padding: 4px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    box-shadow: 0 1px 3px rgba(0,0,0,0.1)
}

.img-circle {
    -webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    border-radius: 500px
}

.row {
    margin-right: -20px;
    *zoom:1}

.row:before,.row:after {
    display: table;
    line-height: 0;
    content: ""
}

.row:after {
    clear: both
}

[class*="span"] {
    float: right;
    min-height: 1px;
    margin-right: 20px
}

.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container {
    width: 940px
}

.span12 {
    width: 940px
}

.span11 {
    width: 860px
}

.span10 {
    width: 780px
}

.span9 {
    width: 700px
}

.span8 {
    width: 620px
}

.span7 {
    width: 540px
}

.span6 {
    width: 460px
}

.span5 {
    width: 380px
}

.span4 {
    width: 300px
}

.span3 {
    width: 220px
}

.span2 {
    width: 140px
}

.span1 {
    width: 60px
}

.offset12 {
    margin-right: 980px
}

.offset11 {
    margin-right: 900px
}

.offset10 {
    margin-right: 820px
}

.offset9 {
    margin-right: 740px
}

.offset8 {
    margin-right: 660px
}

.offset7 {
    margin-right: 580px
}

.offset6 {
    margin-right: 500px
}

.offset5 {
    margin-right: 420px
}

.offset4 {
    margin-right: 340px
}

.offset3 {
    margin-right: 260px
}

.offset2 {
    margin-right: 180px
}

.offset1 {
    margin-right: 100px
}

.row-fluid {
    width: 100%;
    *zoom:1}

.row-fluid:before,.row-fluid:after {
    display: table;
    line-height: 0;
    content: ""
}

.row-fluid:after {
    clear: both
}

.row-fluid [class*="span"] {
    display: block;
    float: right;
    width: 100%;
    min-height: 30px;
    margin-right: 2.127659574468085%;
    *margin-right: 2.074468085106383%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.row-fluid [class*="span"]:first-child {
    margin-right: 0
}

.row-fluid .controls-row [class*="span"]+[class*="span"] {
    margin-right: 2.127659574468085%
}

.row-fluid .span12 {
    width: 100%;
    *width: 99.94680851063829%
}

.row-fluid .span11 {
    width: 91.48936170212765%;
    *width: 91.43617021276594%
}

.row-fluid .span10 {
    width: 82.97872340425532%;
    *width: 82.92553191489361%
}

.row-fluid .span9 {
    width: 74.46808510638297%;
    *width: 74.41489361702126%
}

.row-fluid .span8 {
    width: 65.95744680851064%;
    *width: 65.90425531914893%
}

.row-fluid .span7 {
    width: 57.44680851063829%;
    *width: 57.39361702127659%
}

.row-fluid .span6 {
    width: 48.93617021276595%;
    *width: 48.88297872340425%
}

.row-fluid .span5 {
    width: 40.42553191489362%;
    *width: 40.37234042553192%
}

.row-fluid .span4 {
    width: 31.914893617021278%;
    *width: 31.861702127659576%
}

.row-fluid .span3 {
    width: 23.404255319148934%;
    *width: 23.351063829787233%
}

.row-fluid .span2 {
    width: 14.893617021276595%;
    *width: 14.840425531914894%
}

.row-fluid .span1 {
    width: 6.382978723404255%;
    *width: 6.329787234042553%
}

.row-fluid .offset12 {
    margin-right: 104.25531914893617%;
    *margin-right: 104.14893617021275%
}

.row-fluid .offset12:first-child {
    margin-right: 102.12765957446808%;
    *margin-right: 102.02127659574467%
}

.row-fluid .offset11 {
    margin-right: 95.74468085106382%;
    *margin-right: 95.6382978723404%
}

.row-fluid .offset11:first-child {
    margin-right: 93.61702127659574%;
    *margin-right: 93.51063829787232%
}

.row-fluid .offset10 {
    margin-right: 87.23404255319149%;
    *margin-right: 87.12765957446807%
}

.row-fluid .offset10:first-child {
    margin-right: 85.1063829787234%;
    *margin-right: 84.99999999999999%
}

.row-fluid .offset9 {
    margin-right: 78.72340425531914%;
    *margin-right: 78.61702127659572%
}

.row-fluid .offset9:first-child {
    margin-right: 76.59574468085106%;
    *margin-right: 76.48936170212764%
}

.row-fluid .offset8 {
    margin-right: 70.2127659574468%;
    *margin-right: 70.10638297872339%
}

.row-fluid .offset8:first-child {
    margin-right: 68.08510638297872%;
    *margin-right: 67.9787234042553%
}

.row-fluid .offset7 {
    margin-right: 61.70212765957446%;
    *margin-right: 61.59574468085106%
}

.row-fluid .offset7:first-child {
    margin-right: 59.574468085106375%;
    *margin-right: 59.46808510638297%
}

.row-fluid .offset6 {
    margin-right: 53.191489361702125%;
    *margin-right: 53.085106382978715%
}

.row-fluid .offset6:first-child {
    margin-right: 51.063829787234035%;
    *margin-right: 50.95744680851063%
}

.row-fluid .offset5 {
    margin-right: 44.68085106382979%;
    *margin-right: 44.57446808510638%
}

.row-fluid .offset5:first-child {
    margin-right: 42.5531914893617%;
    *margin-right: 42.4468085106383%
}

.row-fluid .offset4 {
    margin-right: 36.170212765957444%;
    *margin-right: 36.06382978723405%
}

.row-fluid .offset4:first-child {
    margin-right: 34.04255319148936%;
    *margin-right: 33.93617021276596%
}

.row-fluid .offset3 {
    margin-right: 27.659574468085104%;
    *margin-right: 27.5531914893617%
}

.row-fluid .offset3:first-child {
    margin-right: 25.53191489361702%;
    *margin-right: 25.425531914893618%
}

.row-fluid .offset2 {
    margin-right: 19.148936170212764%;
    *margin-right: 19.04255319148936%
}

.row-fluid .offset2:first-child {
    margin-right: 17.02127659574468%;
    *margin-right: 16.914893617021278%
}

.row-fluid .offset1 {
    margin-right: 10.638297872340425%;
    *margin-right: 10.53191489361702%
}

.row-fluid .offset1:first-child {
    margin-right: 8.51063829787234%;
    *margin-right: 8.404255319148938%
}

[class*="span"].hide,.row-fluid [class*="span"].hide {
    display: none
}

[class*="span"].pull-right,.row-fluid [class*="span"].pull-right {
    float: right
}

.container {
    margin-right: auto;
    margin-left: auto;
    *zoom:1}

.container:before,.container:after {
    display: table;
    line-height: 0;
    content: ""
}

.container:after {
    clear: both
}

.container-fluid {
    padding-right: 20px;
    padding-left: 20px;
    *zoom:1}

.container-fluid:before,.container-fluid:after {
    display: table;
    line-height: 0;
    content: ""
}

.container-fluid:after {
    clear: both
}

html {
    direction: rtl
}

p {
    margin: 0 0 10px
}

.lead {
    margin-bottom: 20px;
    font-size: 21px;
    font-weight: 200;
    line-height: 30px
}

small {
    font-size: 85%
}

strong {
    font-weight: bold
}

em {
    font-style: italic
}

cite {
    font-style: normal
}

.muted {
    color: #999
}

a.muted:hover,a.muted:focus {
    color: #808080
}

.text-warning {
    color: #c09853
}

a.text-warning:hover,a.text-warning:focus {
    color: #a47e3c
}

.text-error {
    color: #b94a48
}

a.text-error:hover,a.text-error:focus {
    color: #953b39
}

.text-info {
    color: #3a87ad
}

a.text-info:hover,a.text-info:focus {
    color: #2d6987
}

.text-success {
    color: #468847
}

a.text-success:hover,a.text-success:focus {
    color: #356635
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

h1,h2,h3,h4,h5,h6 {
    margin: 10px 0;
    font-family: inherit;
    font-weight: bold;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility
}

h1 small,h2 small,h3 small,h4 small,h5 small,h6 small {
    font-weight: normal;
    line-height: 1;
    color: #999
}

h1,h2,h3 {
    line-height: 40px
}

h1 {
    font-size: 38.5px
}

h2 {
    font-size: 31.5px
}

h3 {
    font-size: 24.5px
}

h4 {
    font-size: 17.5px
}

h5 {
    font-size: 14px
}

h6 {
    font-size: 11.9px
}

h1 small {
    font-size: 24.5px
}

h2 small {
    font-size: 17.5px
}

h3 small {
    font-size: 14px
}

h4 small {
    font-size: 14px
}

.page-header {
    padding-bottom: 9px;
    margin: 20px 0 30px;
    border-bottom: 1px solid #eee
}

ul,ol {
    padding: 0;
    margin: 0 25px 10px 0
}

ul ul,ul ol,ol ol,ol ul {
    margin-bottom: 0
}

li {
    line-height: 20px
}

ul.unstyled,ol.unstyled {
    margin-right: 0;
    list-style: none
}

ul.inline,ol.inline {
    margin-right: 0;
    list-style: none
}

ul.inline>li,ol.inline>li {
    display: inline-block;
    *display: inline;
    padding-right: 5px;
    padding-left: 5px;
    *zoom:1}

dl {
    margin-bottom: 20px
}

dt,dd {
    line-height: 20px
}

dt {
    font-weight: bold
}

dd {
    margin-right: 10px
}

.dl-horizontal {
    *zoom:1}

.dl-horizontal:before,.dl-horizontal:after {
    display: table;
    line-height: 0;
    content: ""
}

.dl-horizontal:after {
    clear: both
}

.dl-horizontal dt {
    float: right;
    width: 160px;
    overflow: hidden;
    clear: right;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap
}

.dl-horizontal dd {
    margin-right: 180px
}

hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #fff
}

abbr[title],abbr[data-original-title] {
    cursor: help;
    border-bottom: 1px dotted #999
}

abbr.initialism {
    font-size: 90%;
    text-transform: uppercase
}

blockquote {
    padding: 0 15px 0 0;
    margin: 0 0 20px;
    border-right: 5px solid #eee
}

blockquote p {
    margin-bottom: 0;
    font-size: 17.5px;
    font-weight: 300;
    line-height: 1.25
}

blockquote small {
    display: block;
    line-height: 20px;
    color: #999
}

blockquote small:before {
    content: '\2014 \00A0'
}

blockquote.pull-left {
    float: left;
    padding-right: 0;
    padding-left: 15px;
    border-right: 0;
    border-left: 5px solid #eee
}

blockquote.pull-left p,blockquote.pull-left small {
    text-align: left
}

blockquote.pull-left small:before {
    content: ''
}

blockquote.pull-left small:after {
    content: '\00A0 \2014'
}

q:before,q:after,blockquote:before,blockquote:after {
    content: ""
}

address {
    display: block;
    margin-bottom: 20px;
    font-style: normal;
    line-height: 20px
}

code,pre {
    padding: 0 3px 2px;
    font-family: Monaco,Menlo,Consolas,"Courier New",monospace;
    font-size: 12px;
    color: #333;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

code {
    padding: 2px 4px;
    color: #d14;
    white-space: nowrap;
    background-color: #f7f7f9;
    border: 1px solid #e1e1e8
}

pre {
    display: block;
    padding: 9.5px;
    margin: 0 0 10px;
    font-size: 13px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    background-color: #f5f5f5;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.15);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    direction: ltr
}

pre.prettyprint {
    margin-bottom: 20px
}

pre code {
    padding: 0;
    color: inherit;
    white-space: pre;
    white-space: pre-wrap;
    background-color: transparent;
    border: 0
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

form {
    margin: 0 0 20px
}

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    padding: 0;
    margin-bottom: 20px;
    font-size: 21px;
    line-height: 40px;
    color: #333;
    border: 0;
    border-bottom: 1px solid #e5e5e5
}

legend small {
    font-size: 15px;
    color: #999
}

label,input,button,select,textarea {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px
}

input,button,select,textarea {
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

label {
    display: block;
    margin-bottom: 5px
}

select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {
    display: inline-block;
    height: 20px;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

input,textarea,.uneditable-input {
    width: 206px
}

textarea {
    height: auto
}

textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input {
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s
}

textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus {
    border-color: rgba(82,168,236,0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6)
}

input[type="radio"],input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 1px \9;
    *margin-top: 0;
    line-height: normal
}

input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"] {
    width: auto
}

select,input[type="file"] {
    height: 30px;
    *margin-top: 4px;
    line-height: 30px
}

select {
    width: 220px;
    background-color: #fff;
    border: 1px solid #ccc
}

select[multiple],select[size] {
    height: auto
}

select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.uneditable-input,.uneditable-textarea {
    color: #999;
    cursor: not-allowed;
    background-color: #fcfcfc;
    border-color: #ccc;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.025);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.025);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.025)
}

.uneditable-input {
    overflow: hidden;
    white-space: nowrap
}

.uneditable-textarea {
    width: auto;
    height: auto
}

input:-moz-placeholder,textarea:-moz-placeholder {
    color: #999
}

input:-ms-input-placeholder,textarea:-ms-input-placeholder {
    color: #999
}

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
    color: #999
}

.radio,.checkbox {
    min-height: 20px;
    padding-right: 20px
}

.radio input[type="radio"],.checkbox input[type="checkbox"] {
    float: right;
    margin-right: -20px
}

.controls>.radio:first-child,.controls>.checkbox:first-child {
    padding-top: 5px
}

.radio.inline,.checkbox.inline {
    display: inline-block;
    padding-top: 5px;
    margin-bottom: 0;
    vertical-align: middle
}

.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline {
    margin-right: 10px
}

.input-mini {
    width: 60px
}

.input-small {
    width: 90px
}

.input-medium {
    width: 150px
}

.input-large {
    width: 210px
}

.input-xlarge {
    width: 270px
}

.input-xxlarge {
    width: 530px
}

input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"] {
    float: none;
    margin-right: 0
}

.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"] {
    display: inline-block
}

input,textarea,.uneditable-input {
    margin-right: 0
}

.controls-row [class*="span"]+[class*="span"] {
    margin-right: 20px
}

input.span12,textarea.span12,.uneditable-input.span12 {
    width: 926px
}

input.span11,textarea.span11,.uneditable-input.span11 {
    width: 846px
}

input.span10,textarea.span10,.uneditable-input.span10 {
    width: 766px
}

input.span9,textarea.span9,.uneditable-input.span9 {
    width: 686px
}

input.span8,textarea.span8,.uneditable-input.span8 {
    width: 606px
}

input.span7,textarea.span7,.uneditable-input.span7 {
    width: 526px
}

input.span6,textarea.span6,.uneditable-input.span6 {
    width: 446px
}

input.span5,textarea.span5,.uneditable-input.span5 {
    width: 366px
}

input.span4,textarea.span4,.uneditable-input.span4 {
    width: 286px
}

input.span3,textarea.span3,.uneditable-input.span3 {
    width: 206px
}

input.span2,textarea.span2,.uneditable-input.span2 {
    width: 126px
}

input.span1,textarea.span1,.uneditable-input.span1 {
    width: 46px
}

.controls-row {
    *zoom:1}

.controls-row:before,.controls-row:after {
    display: table;
    line-height: 0;
    content: ""
}

.controls-row:after {
    clear: both
}

.controls-row [class*="span"],.row-fluid .controls-row [class*="span"] {
    float: right
}

.controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"] {
    padding-top: 5px
}

input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly] {
    cursor: not-allowed;
    background-color: #eee
}

input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly] {
    background-color: transparent
}

.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline {
    color: #c09853
}

.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea {
    color: #c09853
}

.control-group.warning input,.control-group.warning select,.control-group.warning textarea {
    border-color: #c09853;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus {
    border-color: #a47e3c;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e
}

.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on {
    color: #c09853;
    background-color: #fcf8e3;
    border-color: #c09853
}

.control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline {
    color: #b94a48
}

.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea {
    color: #b94a48
}

.control-group.error input,.control-group.error select,.control-group.error textarea {
    border-color: #b94a48;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus {
    border-color: #953b39;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392
}

.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #b94a48
}

.control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline {
    color: #468847
}

.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea {
    color: #468847
}

.control-group.success input,.control-group.success select,.control-group.success textarea {
    border-color: #468847;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus {
    border-color: #356635;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b
}

.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on {
    color: #468847;
    background-color: #dff0d8;
    border-color: #468847
}

.control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline {
    color: #28249f
}

.control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea {
    color: #3a87ad
}

.control-group.info input,.control-group.info select,.control-group.info textarea {
    border-color: #3a87ad;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075)
}

.control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus {
    border-color: #2d6987;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3;
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3
}

.control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #3a87ad
}

input:focus:invalid,textarea:focus:invalid,select:focus:invalid {
    color: #b94a48;
    border-color: #ee5f5b
}

input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus {
    border-color: #e9322d;
    -webkit-box-shadow: 0 0 6px #f8b9b7;
    -moz-box-shadow: 0 0 6px #f8b9b7;
    box-shadow: 0 0 6px #f8b9b7
}

.form-actions {
    padding: 19px 20px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    *zoom:1}

.form-actions:before,.form-actions:after {
    display: table;
    line-height: 0;
    content: ""
}

.form-actions:after {
    clear: both
}

.help-block,.help-inline {
    color: #595959
}

.help-block {
    display: block;
    margin-bottom: 10px
}

.help-inline {
    display: inline-block;
    *display: inline;
    padding-right: 5px;
    vertical-align: middle;
    *zoom:1}

.input-append,.input-prepend {
    display: inline-block;
    margin-bottom: 10px;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle
}

.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input,.input-append .dropdown-menu,.input-prepend .dropdown-menu,.input-append .popover,.input-prepend .popover {
    font-size: 14px
}

.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input {
    position: relative;
    *margin-right: 0;
    margin-bottom: 0;
    vertical-align: top;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.input-append input:focus,.input-prepend input:focus,.input-append select:focus,.input-prepend select:focus,.input-append .uneditable-input:focus,.input-prepend .uneditable-input:focus {
    z-index: 2
}

.input-append .add-on,.input-prepend .add-on {
    display: inline-block;
    width: auto;
    height: 20px;
    min-width: 16px;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    background-color: #eee;
    border: 1px solid #ccc
}

.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn,.input-append .btn-group>.dropdown-toggle,.input-prepend .btn-group>.dropdown-toggle {
    vertical-align: top;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input-append .active,.input-prepend .active {
    background-color: #a9dba9;
    border-color: #46a546
}

.input-prepend .add-on,.input-prepend .btn {
    margin-left: -1px
}

.input-prepend .add-on:first-child,.input-prepend .btn:first-child {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-append input,.input-append select,.input-append .uneditable-input {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-append input+.btn-group .btn:last-child,.input-append select+.btn-group .btn:last-child,.input-append .uneditable-input+.btn-group .btn:last-child {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.input-append .add-on,.input-append .btn,.input-append .btn-group {
    margin-right: -1px
}

.input-append .add-on:last-child,.input-append .btn:last-child,.input-append .btn-group:last-child>.dropdown-toggle {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.input-prepend.input-append input+.btn-group .btn,.input-prepend.input-append select+.btn-group .btn,.input-prepend.input-append .uneditable-input+.btn-group .btn {
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.input-prepend.input-append .btn-group:first-child {
    margin-left: 0
}

input.search-query {
    padding-right: 14px;
    padding-right: 4px \9;
    padding-left: 14px;
    padding-left: 4px \9;
    margin-bottom: 0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.form-search .input-append .search-query,.form-search .input-prepend .search-query {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.form-search .input-append .search-query {
    -webkit-border-radius: 0 14px 14px 0;
    -moz-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0
}

.form-search .input-append .btn {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px
}

.form-search .input-prepend .search-query {
    -webkit-border-radius: 14px 0 0 14px;
    -moz-border-radius: 14px 0 0 14px;
    border-radius: 14px 0 0 14px
}

.form-search .input-prepend .btn {
    -webkit-border-radius: 0 14px 14px 0;
    -moz-border-radius: 0 14px 14px 0;
    border-radius: 0 14px 14px 0
}

.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append {
    display: inline-block;
    *display: inline;
    margin-bottom: 0;
    vertical-align: middle;
    *zoom:1}

.form-search .hide,.form-inline .hide,.form-horizontal .hide {
    display: none
}

.form-search label,.form-inline label,.form-search .btn-group,.form-inline .btn-group {
    display: inline-block
}

.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend {
    margin-bottom: 0
}

.form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox {
    padding-right: 0;
    margin-bottom: 0;
    vertical-align: middle
}

.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"] {
    float: right;
    margin-right: 0;
    margin-left: 3px
}

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

legend+.control-group {
    margin-top: 20px;
    -webkit-margin-top-collapse: separate
}

.form-horizontal .control-group {
    margin-bottom: 20px;
    *zoom:1}

.form-horizontal .control-group:before,.form-horizontal .control-group:after {
    display: table;
    line-height: 0;
    content: ""
}

.form-horizontal .control-group:after {
    clear: both
}

.form-horizontal .control-label {
    float: right;
    width: 160px;
    padding-top: 5px;
    text-align: left
}

.form-horizontal .controls {
    *display: inline-block;
    *padding-right: 20px;
    margin-right: 180px;
    *margin-right: 0
}

.form-horizontal .controls:first-child {
    *padding-right: 180px
}

.form-horizontal .help-block {
    margin-bottom: 0
}

.form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block,.form-horizontal .uneditable-input+.help-block,.form-horizontal .input-prepend+.help-block,.form-horizontal .input-append+.help-block {
    margin-top: 10px
}

.form-horizontal .form-actions {
    padding-right: 180px
}

table {
    max-width: 100%;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}

.table {
    width: 100%;
    margin-bottom: 20px
}

.table th,.table td {
    padding: 8px;
    line-height: 20px;
    text-align: right;
    vertical-align: top;
    border-top: 1px solid #ddd
}

.table th {
    font-weight: bold
}

.table thead th {
    vertical-align: bottom
}

.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td {
    border-top: 0
}

.table tbody+tbody {
    border-top: 2px solid #ddd
}

.table .table {
    background-color: #fff
}

.table-condensed th,.table-condensed td {
    padding: 4px 5px
}

.table-bordered {
    border: 1px solid #ddd;
    border-collapse: separate;
    *border-collapse: collapse;
    border-right: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.table-bordered th,.table-bordered td {
    border-right: 1px solid #ddd
}

.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td {
    border-top: 0
}

.table-bordered thead:first-child tr:first-child>th:first-child,.table-bordered tbody:first-child tr:first-child>td:first-child,.table-bordered tbody:first-child tr:first-child>th:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px
}

.table-bordered thead:first-child tr:first-child>th:last-child,.table-bordered tbody:first-child tr:first-child>td:last-child,.table-bordered tbody:first-child tr:first-child>th:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px
}

.table-bordered thead:last-child tr:last-child>th:first-child,.table-bordered tbody:last-child tr:last-child>td:first-child,.table-bordered tbody:last-child tr:last-child>th:first-child,.table-bordered tfoot:last-child tr:last-child>td:first-child,.table-bordered tfoot:last-child tr:last-child>th:first-child {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px
}

.table-bordered thead:last-child tr:last-child>th:last-child,.table-bordered tbody:last-child tr:last-child>td:last-child,.table-bordered tbody:last-child tr:last-child>th:last-child,.table-bordered tfoot:last-child tr:last-child>td:last-child,.table-bordered tfoot:last-child tr:last-child>th:last-child {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px
}

.table-bordered tfoot+tbody:last-child tr:last-child td:first-child {
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomleft: 0
}

.table-bordered tfoot+tbody:last-child tr:last-child td:last-child {
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0
}

.table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child {
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px
}

.table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px
}

.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th {
    background-color: #f9f9f9
}

.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th {
    background-color: #f5f5f5
}

table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span"],.row-fluid table th[class*="span"] {
    display: table-cell;
    float: none;
    margin-right: 0
}

.table td.span1,.table th.span1 {
    float: none;
    width: 44px;
    margin-right: 0
}

.table td.span2,.table th.span2 {
    float: none;
    width: 124px;
    margin-right: 0
}

.table td.span3,.table th.span3 {
    float: none;
    width: 204px;
    margin-right: 0
}

.table td.span4,.table th.span4 {
    float: none;
    width: 284px;
    margin-right: 0
}

.table td.span5,.table th.span5 {
    float: none;
    width: 364px;
    margin-right: 0
}

.table td.span6,.table th.span6 {
    float: none;
    width: 444px;
    margin-right: 0
}

.table td.span7,.table th.span7 {
    float: none;
    width: 524px;
    margin-right: 0
}

.table td.span8,.table th.span8 {
    float: none;
    width: 604px;
    margin-right: 0
}

.table td.span9,.table th.span9 {
    float: none;
    width: 684px;
    margin-right: 0
}

.table td.span10,.table th.span10 {
    float: none;
    width: 764px;
    margin-right: 0
}

.table td.span11,.table th.span11 {
    float: none;
    width: 844px;
    margin-right: 0
}

.table td.span12,.table th.span12 {
    float: none;
    width: 924px;
    margin-right: 0
}

.table tbody tr.success>td {
    background-color: #dff0d8
}

.table tbody tr.error>td {
    background-color: #f2dede
}

.table tbody tr.warning>td {
    background-color: #fcf8e3
}

.table tbody tr.info>td {
    background-color: #d9edf7
}

.table-hover tbody tr.success:hover>td {
    background-color: #d0e9c6
}

.table-hover tbody tr.error:hover>td {
    background-color: #ebcccc
}

.table-hover tbody tr.warning:hover>td {
    background-color: #faf2cc
}

.table-hover tbody tr.info:hover>td {
    background-color: #c4e3f3
}

[class^="icon-"],[class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-top: 1px;
    *margin-left: .3em;
    line-height: 14px;
    vertical-align: text-top;
    background-image: url("../img/glyphicons-halflings.png");
    background-position: 14px 14px;
    background-repeat: no-repeat
}

[class^="icon-"]:first-child,[class*=" icon-"]:first-child {
    *margin-left: 0
}

.icon-white,.nav-pills>.active>a>[class^="icon-"],.nav-pills>.active>a>[class*=" icon-"],.nav-list>.active>a>[class^="icon-"],.nav-list>.active>a>[class*=" icon-"],.navbar-inverse .nav>.active>a>[class^="icon-"],.navbar-inverse .nav>.active>a>[class*=" icon-"],.dropdown-menu>li>a:hover>[class^="icon-"],.dropdown-menu>li>a:focus>[class^="icon-"],.dropdown-menu>li>a:hover>[class*=" icon-"],.dropdown-menu>li>a:focus>[class*=" icon-"],.dropdown-menu>.active>a>[class^="icon-"],.dropdown-menu>.active>a>[class*=" icon-"],.dropdown-submenu:hover>a>[class^="icon-"],.dropdown-submenu:focus>a>[class^="icon-"],.dropdown-submenu:hover>a>[class*=" icon-"],.dropdown-submenu:focus>a>[class*=" icon-"] {
    background-image: url("../img/glyphicons-halflings-white.png")
}

.icon-glass {
    background-position: 0 0
}

.icon-music {
    background-position: -24px 0
}

.icon-search {
    background-position: -48px 0
}

.icon-envelope {
    background-position: -72px 0
}

.icon-heart {
    background-position: -96px 0
}

.icon-star {
    background-position: -120px 0
}

.icon-star-empty {
    background-position: -144px 0
}

.icon-user {
    background-position: -168px 0
}

.icon-film {
    background-position: -192px 0
}

.icon-th-large {
    background-position: -216px 0
}

.icon-th {
    background-position: -240px 0
}

.icon-th-list {
    background-position: -264px 0
}

.icon-ok {
    background-position: -288px 0
}

.icon-remove {
    background-position: -312px 0
}

.icon-zoom-in {
    background-position: -336px 0
}

.icon-zoom-out {
    background-position: -360px 0
}

.icon-off {
    background-position: -384px 0
}

.icon-signal {
    background-position: -408px 0
}

.icon-cog {
    background-position: -432px 0
}

.icon-trash {
    background-position: -456px 0
}

.icon-home {
    background-position: 0 -24px
}

.icon-file {
    background-position: -24px -24px
}

.icon-time {
    background-position: -48px -24px
}

.icon-road {
    background-position: -72px -24px
}

.icon-download-alt {
    background-position: -96px -24px
}

.icon-download {
    background-position: -120px -24px
}

.icon-upload {
    background-position: -144px -24px
}

.icon-inbox {
    background-position: -168px -24px
}

.icon-play-circle {
    background-position: -192px -24px
}

.icon-repeat {
    background-position: -216px -24px
}

.icon-refresh {
    background-position: -240px -24px
}

.icon-list-alt {
    background-position: -264px -24px
}

.icon-lock {
    background-position: -287px -24px
}

.icon-flag {
    background-position: -312px -24px
}

.icon-headphones {
    background-position: -336px -24px
}

.icon-volume-off {
    background-position: -360px -24px
}

.icon-volume-down {
    background-position: -384px -24px
}

.icon-volume-up {
    background-position: -408px -24px
}

.icon-qrcode {
    background-position: -432px -24px
}

.icon-barcode {
    background-position: -456px -24px
}

.icon-tag {
    background-position: 0 -48px
}

.icon-tags {
    background-position: -25px -48px
}

.icon-book {
    background-position: -48px -48px
}

.icon-bookmark {
    background-position: -72px -48px
}

.icon-print {
    background-position: -96px -48px
}

.icon-camera {
    background-position: -120px -48px
}

.icon-font {
    background-position: -144px -48px
}

.icon-bold {
    background-position: -167px -48px
}

.icon-italic {
    background-position: -192px -48px
}

.icon-text-height {
    background-position: -216px -48px
}

.icon-text-width {
    background-position: -240px -48px
}

.icon-align-left {
    background-position: -264px -48px
}

.icon-align-center {
    background-position: -288px -48px
}

.icon-align-right {
    background-position: -312px -48px
}

.icon-align-justify {
    background-position: -336px -48px
}

.icon-list {
    background-position: -360px -48px
}

.icon-indent-left {
    background-position: -384px -48px
}

.icon-indent-right {
    background-position: -408px -48px
}

.icon-facetime-video {
    background-position: -432px -48px
}

.icon-picture {
    background-position: -456px -48px
}

.icon-pencil {
    background-position: 0 -72px
}

.icon-map-marker {
    background-position: -24px -72px
}

.icon-adjust {
    background-position: -48px -72px
}

.icon-tint {
    background-position: -72px -72px
}

.icon-edit {
    background-position: -96px -72px
}

.icon-share {
    background-position: -120px -72px
}

.icon-check {
    background-position: -144px -72px
}

.icon-move {
    background-position: -168px -72px
}

.icon-step-backward {
    background-position: -192px -72px
}

.icon-fast-backward {
    background-position: -216px -72px
}

.icon-backward {
    background-position: -240px -72px
}

.icon-play {
    background-position: -264px -72px
}

.icon-pause {
    background-position: -288px -72px
}

.icon-stop {
    background-position: -312px -72px
}

.icon-forward {
    background-position: -336px -72px
}

.icon-fast-forward {
    background-position: -360px -72px
}

.icon-step-forward {
    background-position: -384px -72px
}

.icon-eject {
    background-position: -408px -72px
}

.icon-chevron-left {
    background-position: -432px -72px
}

.icon-chevron-right {
    background-position: -456px -72px
}

.icon-plus-sign {
    background-position: 0 -96px
}

.icon-minus-sign {
    background-position: -24px -96px
}

.icon-remove-sign {
    background-position: -48px -96px
}

.icon-ok-sign {
    background-position: -72px -96px
}

.icon-question-sign {
    background-position: -96px -96px
}

.icon-info-sign {
    background-position: -120px -96px
}

.icon-screenshot {
    background-position: -144px -96px
}

.icon-remove-circle {
    background-position: -168px -96px
}

.icon-ok-circle {
    background-position: -192px -96px
}

.icon-ban-circle {
    background-position: -216px -96px
}

.icon-arrow-left {
    background-position: -240px -96px
}

.icon-arrow-right {
    background-position: -264px -96px
}

.icon-arrow-up {
    background-position: -289px -96px
}

.icon-arrow-down {
    background-position: -312px -96px
}

.icon-share-alt {
    background-position: -336px -96px
}

.icon-resize-full {
    background-position: -360px -96px
}

.icon-resize-small {
    background-position: -384px -96px
}

.icon-plus {
    background-position: -408px -96px
}

.icon-minus {
    background-position: -433px -96px
}

.icon-asterisk {
    background-position: -456px -96px
}

.icon-exclamation-sign {
    background-position: 0 -120px
}

.icon-gift {
    background-position: -24px -120px
}

.icon-leaf {
    background-position: -48px -120px
}

.icon-fire {
    background-position: -72px -120px
}

.icon-eye-open {
    background-position: -96px -120px
}

.icon-eye-close {
    background-position: -120px -120px
}

.icon-warning-sign {
    background-position: -144px -120px
}

.icon-plane {
    background-position: -168px -120px
}

.icon-calendar {
    background-position: -192px -120px
}

.icon-random {
    width: 16px;
    background-position: -216px -120px
}

.icon-comment {
    background-position: -240px -120px
}

.icon-magnet {
    background-position: -264px -120px
}

.icon-chevron-up {
    background-position: -288px -120px
}

.icon-chevron-down {
    background-position: -313px -119px
}

.icon-retweet {
    background-position: -336px -120px
}

.icon-shopping-cart {
    background-position: -360px -120px
}

.icon-folder-close {
    width: 16px;
    background-position: -384px -120px
}

.icon-folder-open {
    width: 16px;
    background-position: -408px -120px
}

.icon-resize-vertical {
    background-position: -432px -119px
}

.icon-resize-horizontal {
    background-position: -456px -118px
}

.icon-hdd {
    background-position: 0 -144px
}

.icon-bullhorn {
    background-position: -24px -144px
}

.icon-bell {
    background-position: -48px -144px
}

.icon-certificate {
    background-position: -72px -144px
}

.icon-thumbs-up {
    background-position: -96px -144px
}

.icon-thumbs-down {
    background-position: -120px -144px
}

.icon-hand-right {
    background-position: -144px -144px
}

.icon-hand-left {
    background-position: -168px -144px
}

.icon-hand-up {
    background-position: -192px -144px
}

.icon-hand-down {
    background-position: -216px -144px
}

.icon-circle-arrow-right {
    background-position: -240px -144px
}

.icon-circle-arrow-left {
    background-position: -264px -144px
}

.icon-circle-arrow-up {
    background-position: -288px -144px
}

.icon-circle-arrow-down {
    background-position: -312px -144px
}

.icon-globe {
    background-position: -336px -144px
}

.icon-wrench {
    background-position: -360px -144px
}

.icon-tasks {
    background-position: -384px -144px
}

.icon-filter {
    background-position: -408px -144px
}

.icon-briefcase {
    background-position: -432px -144px
}

.icon-fullscreen {
    background-position: -456px -144px
}

.dropup,.dropdown {
    position: relative
}

.dropdown-toggle {
    *margin-bottom: -3px
}

.dropdown-toggle:active,.open .dropdown-toggle {
    outline: 0
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    vertical-align: top;
    border-top: 4px solid #000;
    border-right: 4px solid transparent;
    border-left: 4px solid transparent;
    content: ""
}

.dropdown .caret {
    margin-top: 8px;
    margin-right: 2px
}

.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: right;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    *border-right-width: 2px;
    *border-bottom-width: 2px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.dropdown-menu.pull-left {
    right: auto;
    left: 0
}

.dropdown-menu .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff
}

.dropdown-menu>li>a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    color: #333;
    white-space: nowrap
}

.dropdown-menu>li>a:hover,.dropdown-menu>li>a:focus,.dropdown-submenu:hover>a,.dropdown-submenu:focus>a {
    color: #fff;
    text-decoration: none;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top,#08c,#0077b3);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
    background-image: -webkit-linear-gradient(top,#08c,#0077b3);
    background-image: -o-linear-gradient(top,#08c,#0077b3);
    background-image: linear-gradient(to bottom,#08c,#0077b3);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0)
}

.dropdown-menu>.active>a,.dropdown-menu>.active>a:hover,.dropdown-menu>.active>a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #0081c2;
    background-image: -moz-linear-gradient(top,#08c,#0077b3);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#0077b3));
    background-image: -webkit-linear-gradient(top,#08c,#0077b3);
    background-image: -o-linear-gradient(top,#08c,#0077b3);
    background-image: linear-gradient(to bottom,#08c,#0077b3);
    background-repeat: repeat-x;
    outline: 0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0077b3',GradientType=0)
}

.dropdown-menu>.disabled>a,.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
    color: #999
}

.dropdown-menu>.disabled>a:hover,.dropdown-menu>.disabled>a:focus {
    text-decoration: none;
    cursor: default;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.open {
    *z-index: 1000
}

.open>.dropdown-menu {
    display: block
}

.pull-right>.dropdown-menu {
    right: 0;
    left: auto
}

.dropup .caret,.navbar-fixed-bottom .dropdown .caret {
    border-top: 0;
    border-bottom: 4px solid #000;
    content: ""
}

.dropup .dropdown-menu,.navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px
}

.dropdown-submenu {
    position: relative
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    right: 100%;
    margin-top: -6px;
    margin-right: -1px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block
}

.dropup .dropdown-submenu>.dropdown-menu {
    top: auto;
    bottom: 0;
    margin-top: 0;
    margin-bottom: -2px;
    -webkit-border-radius: 5px 5px 0 5px;
    -moz-border-radius: 5px 5px 0 5px;
    border-radius: 5px 5px 0 5px
}

.dropdown-submenu>a:after {
    display: block;
    float: left;
    width: 0;
    height: 0;
    margin-top: 5px;
    margin-left: -10px;
    border-color: transparent;
    border-right-color: #ccc;
    border-style: solid;
    border-width: 5px 5px 5px 0;
    content: " "
}

.dropdown-submenu:hover>a:after {
    border-right-color: #fff
}

.dropdown-submenu.pull-right {
    float: none
}

.dropdown-submenu.pull-right>.dropdown-menu {
    right: -100%;
    margin-right: 10px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px 6px;
    border-radius: 0 6px 6px 6px
}

.dropdown .dropdown-menu .nav-header {
    padding-right: 20px;
    padding-left: 20px
}

.typeahead {
    z-index: 1051;
    margin-top: 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.05)
}

.well blockquote {
    border-color: #ddd;
    border-color: rgba(0,0,0,0.15)
}

.well-large {
    padding: 24px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.well-small {
    padding: 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.fade {
    opacity: 0;
    -webkit-transition: opacity .15s linear;
    -moz-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear
}

.fade.in {
    opacity: 1
}

.collapse {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    -moz-transition: height .35s ease;
    -o-transition: height .35s ease;
    transition: height .35s ease
}

.collapse.in {
    height: auto
}

.close {
    float: left;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover,.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .4;
    filter: alpha(opacity=40)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none
}

.btn {
    display: inline-block;
    *display: inline;
    padding: 4px 12px;
    margin-bottom: 0;
    *margin-left: .3em;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    *background-color: #e6e6e6;
    background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
    background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
    background-image: -o-linear-gradient(top,#fff,#e6e6e6);
    background-image: linear-gradient(to bottom,#fff,#e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #ccc;
    *border: 0;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffe6e6e6',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    *zoom:1;-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)
}

.btn:hover,.btn:focus,.btn:active,.btn.active,.btn.disabled,.btn[disabled] {
    color: #333;
    background-color: #e6e6e6;
    *background-color: #d9d9d9
}

.btn:active,.btn.active {
    background-color: #ccc \9
}

.btn:first-child {
    *margin-left: 0
}

.btn:hover,.btn:focus {
    color: #333;
    text-decoration: none;
    background-position: 0 -15px;
    -webkit-transition: background-position .1s linear;
    -moz-transition: background-position .1s linear;
    -o-transition: background-position .1s linear;
    transition: background-position .1s linear
}

.btn:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px
}

.btn.active,.btn:active {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)
}

.btn.disabled,.btn[disabled] {
    cursor: default;
    background-image: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-large {
    padding: 11px 19px;
    font-size: 17.5px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.btn-large [class^="icon-"],.btn-large [class*=" icon-"] {
    margin-top: 4px
}

.btn-small {
    padding: 2px 10px;
    font-size: 11.9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.btn-small [class^="icon-"],.btn-small [class*=" icon-"] {
    margin-top: 0
}

.btn-mini [class^="icon-"],.btn-mini [class*=" icon-"] {
    margin-top: -1px
}

.btn-mini {
    padding: 0 6px;
    font-size: 10.5px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.btn-block+.btn-block {
    margin-top: 5px
}

input[type="submit"].btn-block,input[type="reset"].btn-block,input[type="button"].btn-block {
    width: 100%
}

.btn-primary.active,.btn-warning.active,.btn-danger.active,.btn-success.active,.btn-info.active,.btn-inverse.active {
    color: rgba(255,255,255,0.75)
}

.btn-primary {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #006dcc;
    *background-color: #04c;
    background-image: -moz-linear-gradient(top,#08c,#04c);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
    background-image: -webkit-linear-gradient(top,#08c,#04c);
    background-image: -o-linear-gradient(top,#08c,#04c);
    background-image: linear-gradient(to bottom,#08c,#04c);
    background-repeat: repeat-x;
    border-color: #04c #04c #002a80;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.btn-primary.disabled,.btn-primary[disabled] {
    color: #fff;
    background-color: #04c;
    *background-color: #003bb3
}

.btn-primary:active,.btn-primary.active {
    background-color: #039 \9
}

.btn-warning {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #faa732;
    *background-color: #f89406;
    background-image: -moz-linear-gradient(top,#fbb450,#f89406);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
    background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
    background-image: -o-linear-gradient(top,#fbb450,#f89406);
    background-image: linear-gradient(to bottom,#fbb450,#f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.btn-warning.disabled,.btn-warning[disabled] {
    color: #fff;
    background-color: #f89406;
    *background-color: #df8505
}

.btn-warning:active,.btn-warning.active {
    background-color: #c67605 \9
}

.btn-danger {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #da4f49;
    *background-color: #bd362f;
    background-image: -moz-linear-gradient(top,#ee5f5b,#bd362f);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#bd362f));
    background-image: -webkit-linear-gradient(top,#ee5f5b,#bd362f);
    background-image: -o-linear-gradient(top,#ee5f5b,#bd362f);
    background-image: linear-gradient(to bottom,#ee5f5b,#bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffbd362f',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.btn-danger.disabled,.btn-danger[disabled] {
    color: #fff;
    background-color: #bd362f;
    *background-color: #a9302a
}

.btn-danger:active,.btn-danger.active {
    background-color: #942a25 \9
}

.btn-success {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #5bb75b;
    *background-color: #51a351;
    background-image: -moz-linear-gradient(top,#62c462,#51a351);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#51a351));
    background-image: -webkit-linear-gradient(top,#62c462,#51a351);
    background-image: -o-linear-gradient(top,#62c462,#51a351);
    background-image: linear-gradient(to bottom,#62c462,#51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff51a351',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.btn-success.disabled,.btn-success[disabled] {
    color: #fff;
    background-color: #51a351;
    *background-color: #499249
}

.btn-success:active,.btn-success.active {
    background-color: #408140 \9
}

.btn-info {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #49afcd;
    *background-color: #2f96b4;
    background-image: -moz-linear-gradient(top,#5bc0de,#2f96b4);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#2f96b4));
    background-image: -webkit-linear-gradient(top,#5bc0de,#2f96b4);
    background-image: -o-linear-gradient(top,#5bc0de,#2f96b4);
    background-image: linear-gradient(to bottom,#5bc0de,#2f96b4);
    background-repeat: repeat-x;
    border-color: #2f96b4 #2f96b4 #1f6377;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff2f96b4',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.btn-info.disabled,.btn-info[disabled] {
    color: #fff;
    background-color: #2f96b4;
    *background-color: #2a85a0
}

.btn-info:active,.btn-info.active {
    background-color: #24748c \9
}

.btn-inverse {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #363636;
    *background-color: #222;
    background-image: -moz-linear-gradient(top,#444,#222);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#444),to(#222));
    background-image: -webkit-linear-gradient(top,#444,#222);
    background-image: -o-linear-gradient(top,#444,#222);
    background-image: linear-gradient(to bottom,#444,#222);
    background-repeat: repeat-x;
    border-color: #222 #222 #000;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444',endColorstr='#ff222222',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.btn-inverse:hover,.btn-inverse:focus,.btn-inverse:active,.btn-inverse.active,.btn-inverse.disabled,.btn-inverse[disabled] {
    color: #fff;
    background-color: #222;
    *background-color: #151515
}

.btn-inverse:active,.btn-inverse.active {
    background-color: #080808 \9
}

button.btn,input[type="submit"].btn {
    *padding-top: 3px;
    *padding-bottom: 3px
}

button.btn::-moz-focus-inner,input[type="submit"].btn::-moz-focus-inner {
    padding: 0;
    border: 0
}

button.btn.btn-large,input[type="submit"].btn.btn-large {
    *padding-top: 7px;
    *padding-bottom: 7px
}

button.btn.btn-small,input[type="submit"].btn.btn-small {
    *padding-top: 3px;
    *padding-bottom: 3px
}

button.btn.btn-mini,input[type="submit"].btn.btn-mini {
    *padding-top: 1px;
    *padding-bottom: 1px
}

.btn-link,.btn-link:active,.btn-link[disabled] {
    background-color: transparent;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none
}

.btn-link {
    color: #08c;
    cursor: pointer;
    border-color: transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-link:hover,.btn-link:focus {
    color: #005580;
    text-decoration: underline;
    background-color: transparent
}

.btn-link[disabled]:hover,.btn-link[disabled]:focus {
    color: #333;
    text-decoration: none
}

.btn-group {
    position: relative;
    display: inline-block;
    *display: inline;
    *margin-left: .3em;
    font-size: 0;
    white-space: nowrap;
    vertical-align: middle;
    *zoom:1}

.btn-group:first-child {
    *margin-left: 0
}

.btn-group+.btn-group {
    margin-right: 5px
}

.btn-toolbar {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 0
}

.btn-toolbar>.btn+.btn,.btn-toolbar>.btn-group+.btn,.btn-toolbar>.btn+.btn-group {
    margin-right: 5px
}

.btn-group>.btn {
    position: relative;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group>.btn+.btn {
    margin-right: -1px
}

.btn-group>.btn,.btn-group>.dropdown-menu,.btn-group>.popover {
    font-size: 14px
}

.btn-group>.btn-mini {
    font-size: 10.5px
}

.btn-group>.btn-small {
    font-size: 11.9px
}

.btn-group>.btn-large {
    font-size: 17.5px
}

.btn-group>.btn:first-child {
    margin-right: 0;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px
}

.btn-group>.btn:last-child,.btn-group>.dropdown-toggle {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px
}

.btn-group>.btn.large:first-child {
    margin-right: 0;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px
}

.btn-group>.btn.large:last-child,.btn-group>.large.dropdown-toggle {
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px
}

.btn-group>.btn:hover,.btn-group>.btn:focus,.btn-group>.btn:active,.btn-group>.btn.active {
    z-index: 2
}

.btn-group .dropdown-toggle:active,.btn-group.open .dropdown-toggle {
    outline: 0
}

.btn-group>.btn+.dropdown-toggle {
    *padding-top: 5px;
    padding-right: 8px;
    *padding-bottom: 5px;
    padding-left: 8px;
    -webkit-box-shadow: inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 1px 0 0 rgba(255,255,255,0.125),inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)
}

.btn-group>.btn-mini+.dropdown-toggle {
    *padding-top: 2px;
    padding-right: 5px;
    *padding-bottom: 2px;
    padding-left: 5px
}

.btn-group>.btn-small+.dropdown-toggle {
    *padding-top: 5px;
    *padding-bottom: 4px
}

.btn-group>.btn-large+.dropdown-toggle {
    *padding-top: 7px;
    padding-right: 12px;
    *padding-bottom: 7px;
    padding-left: 12px
}

.btn-group.open .dropdown-toggle {
    background-image: none;
    -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05);
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.15),0 1px 2px rgba(0,0,0,0.05)
}

.btn-group.open .btn.dropdown-toggle {
    background-color: #e6e6e6
}

.btn-group.open .btn-primary.dropdown-toggle {
    background-color: #04c
}

.btn-group.open .btn-warning.dropdown-toggle {
    background-color: #f89406
}

.btn-group.open .btn-danger.dropdown-toggle {
    background-color: #bd362f
}

.btn-group.open .btn-success.dropdown-toggle {
    background-color: #51a351
}

.btn-group.open .btn-info.dropdown-toggle {
    background-color: #2f96b4
}

.btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #222
}

.btn .caret {
    margin-top: 8px;
    margin-right: 0
}

.btn-large .caret {
    margin-top: 6px
}

.btn-large .caret {
    border-top-width: 5px;
    border-right-width: 5px;
    border-left-width: 5px
}

.btn-mini .caret,.btn-small .caret {
    margin-top: 8px
}

.dropup .btn-large .caret {
    border-bottom-width: 5px
}

.btn-primary .caret,.btn-warning .caret,.btn-danger .caret,.btn-info .caret,.btn-success .caret,.btn-inverse .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.btn-group-vertical {
    display: inline-block;
    *display: inline;
    *zoom:1}

.btn-group-vertical>.btn {
    display: block;
    float: none;
    max-width: 100%;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.btn-group-vertical>.btn+.btn {
    margin-top: -1px;
    margin-right: 0
}

.btn-group-vertical>.btn:first-child {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.btn-group-vertical>.btn:last-child {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.btn-group-vertical>.btn-large:first-child {
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0
}

.btn-group-vertical>.btn-large:last-child {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px
}

.alert {
    padding: 8px 14px 8px 35px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.alert,.alert h4 {
    color: #c09853
}

.alert h4 {
    margin: 0
}

.alert .close {
    position: relative;
    top: -2px;
    left: -21px;
    line-height: 20px
}

.alert-success {
    color: #468847;
    background-color: #dff0d8;
    border-color: #d6e9c6
}

.alert-success h4 {
    color: #468847
}

.alert-danger,.alert-error {
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7
}

.alert-danger h4,.alert-error h4 {
    color: #b94a48
}

.alert-info {
    color: #3a87ad;
    background-color: #d9edf7;
    border-color: #bce8f1
}

.alert-info h4 {
    color: #3a87ad
}

.alert-block {
    padding-top: 14px;
    padding-bottom: 14px
}

.alert-block>p,.alert-block>ul {
    margin-bottom: 0
}

.alert-block p+p {
    margin-top: 5px
}

.nav {
    margin-right: 0;
    margin-bottom: 20px;
    list-style: none
}

.nav>li>a {
    display: block
}

.nav>li>a:hover,.nav>li>a:focus {
    text-decoration: none;
    background-color: #eee
}

.nav>li>a>img {
    max-width: none
}

.nav>.pull-left {
    float: left
}

.nav-header {
    display: block;
    padding: 3px 15px;
    font-size: 11px;
    font-weight: bold;
    line-height: 20px;
    color: #999;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    text-transform: uppercase
}

.nav li+.nav-header {
    margin-top: 9px
}

.nav-list {
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 0
}

.nav-list>li>a,.nav-list .nav-header {
    margin-right: -15px;
    margin-left: -15px;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5)
}

.nav-list>li>a {
    padding: 3px 15px
}

.nav-list>.active>a,.nav-list>.active>a:hover,.nav-list>.active>a:focus {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    background-color: #08c
}

.nav-list [class^="icon-"],.nav-list [class*=" icon-"] {
    margin-left: 2px
}

.nav-list .divider {
    *width: 100%;
    height: 1px;
    margin: 9px 1px;
    *margin: -5px 0 5px;
    overflow: hidden;
    background-color: #e5e5e5;
    border-bottom: 1px solid #fff
}

.nav-tabs,.nav-pills {
    *zoom:1}

.nav-tabs:before,.nav-pills:before,.nav-tabs:after,.nav-pills:after {
    display: table;
    line-height: 0;
    content: ""
}

.nav-tabs:after,.nav-pills:after {
    clear: both
}

.nav-tabs>li,.nav-pills>li {
    float: right
}

.nav-tabs>li>a,.nav-pills>li>a {
    padding-right: 12px;
    padding-left: 12px;
    margin-left: 2px;
    line-height: 14px
}

.nav-tabs {
    border-bottom: 1px solid #ddd
}

.nav-tabs>li {
    margin-bottom: -1px
}

.nav-tabs>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    line-height: 20px;
    border: 1px solid transparent;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
}

.nav-tabs>li>a:hover,.nav-tabs>li>a:focus {
    border-color: #eee #eee #ddd
}

.nav-tabs>.active>a,.nav-tabs>.active>a:hover,.nav-tabs>.active>a:focus {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent
}

.nav-pills>li>a {
    padding-top: 8px;
    padding-bottom: 8px;
    margin-top: 2px;
    margin-bottom: 2px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.nav-pills>.active>a,.nav-pills>.active>a:hover,.nav-pills>.active>a:focus {
    color: #fff;
    background-color: #08c
}

.nav-stacked>li {
    float: none
}

.nav-stacked>li>a {
    margin-left: 0
}

.nav-tabs.nav-stacked {
    border-bottom: 0
}

.nav-tabs.nav-stacked>li>a {
    border: 1px solid #ddd;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.nav-tabs.nav-stacked>li:first-child>a {
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-topleft: 4px
}

.nav-tabs.nav-stacked>li:last-child>a {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px
}

.nav-tabs.nav-stacked>li>a:hover,.nav-tabs.nav-stacked>li>a:focus {
    z-index: 2;
    border-color: #ddd
}

.nav-pills.nav-stacked>li>a {
    margin-bottom: 3px
}

.nav-pills.nav-stacked>li:last-child>a {
    margin-bottom: 1px
}

.nav-tabs .dropdown-menu {
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px
}

.nav-pills .dropdown-menu {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.nav .dropdown-toggle .caret {
    margin-top: 6px;
    border-top-color: #08c;
    border-bottom-color: #08c
}

.nav .dropdown-toggle:hover .caret,.nav .dropdown-toggle:focus .caret {
    border-top-color: #005580;
    border-bottom-color: #005580
}

.nav-tabs .dropdown-toggle .caret {
    margin-top: 8px
}

.nav .active .dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.nav-tabs .active .dropdown-toggle .caret {
    border-top-color: #555;
    border-bottom-color: #555
}

.nav>.dropdown.active>a:hover,.nav>.dropdown.active>a:focus {
    cursor: pointer
}

.nav-tabs .open .dropdown-toggle,.nav-pills .open .dropdown-toggle,.nav>li.dropdown.open.active>a:hover,.nav>li.dropdown.open.active>a:focus {
    color: #fff;
    background-color: #999;
    border-color: #999
}

.nav li.dropdown.open .caret,.nav li.dropdown.open.active .caret,.nav li.dropdown.open a:hover .caret,.nav li.dropdown.open a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
    opacity: 1;
    filter: alpha(opacity=100)
}

.tabs-stacked .open>a:hover,.tabs-stacked .open>a:focus {
    border-color: #999
}

.tabbable {
    *zoom:1}

.tabbable:before,.tabbable:after {
    display: table;
    line-height: 0;
    content: ""
}

.tabbable:after {
    clear: both
}

.tab-content {
    overflow: auto
}

.tabs-below>.nav-tabs,.tabs-right>.nav-tabs,.tabs-left>.nav-tabs {
    border-bottom: 0
}

.tab-content>.tab-pane,.pill-content>.pill-pane {
    display: none
}

.tab-content>.active,.pill-content>.active {
    display: block
}

.tabs-below>.nav-tabs {
    border-top: 1px solid #ddd
}

.tabs-below>.nav-tabs>li {
    margin-top: -1px;
    margin-bottom: 0
}

.tabs-below>.nav-tabs>li>a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
}

.tabs-below>.nav-tabs>li>a:hover,.tabs-below>.nav-tabs>li>a:focus {
    border-top-color: #ddd;
    border-bottom-color: transparent
}

.tabs-below>.nav-tabs>.active>a,.tabs-below>.nav-tabs>.active>a:hover,.tabs-below>.nav-tabs>.active>a:focus {
    border-color: transparent #ddd #ddd #ddd
}

.tabs-left>.nav-tabs>li,.tabs-right>.nav-tabs>li {
    float: none
}

.tabs-left>.nav-tabs>li>a,.tabs-right>.nav-tabs>li>a {
    min-width: 74px;
    margin-bottom: 3px;
    margin-left: 0
}

.tabs-left>.nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd
}

.tabs-left>.nav-tabs>li>a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px
}

.tabs-left>.nav-tabs>li>a:hover,.tabs-left>.nav-tabs>li>a:focus {
    border-color: #eee #ddd #eee #eee
}

.tabs-left>.nav-tabs .active>a,.tabs-left>.nav-tabs .active>a:hover,.tabs-left>.nav-tabs .active>a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #fff
}

.tabs-right>.nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd
}

.tabs-right>.nav-tabs>li>a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0
}

.tabs-right>.nav-tabs>li>a:hover,.tabs-right>.nav-tabs>li>a:focus {
    border-color: #eee #eee #eee #ddd
}

.tabs-right>.nav-tabs .active>a,.tabs-right>.nav-tabs .active>a:hover,.tabs-right>.nav-tabs .active>a:focus {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #fff
}

.nav>.disabled>a {
    color: #999
}

.nav>.disabled>a:hover,.nav>.disabled>a:focus {
    text-decoration: none;
    cursor: default;
    background-color: transparent
}

.navbar {
    *position: relative;
    *z-index: 2;
    margin-bottom: 20px;
    overflow: visible
}

.navbar-inner {
    min-height: 40px;
    padding-right: 20px;
    padding-left: 20px;
    background-color: #fafafa;
    background-image: -moz-linear-gradient(top,#fff,#f2f2f2);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#f2f2f2));
    background-image: -webkit-linear-gradient(top,#fff,#f2f2f2);
    background-image: -o-linear-gradient(top,#fff,#f2f2f2);
    background-image: linear-gradient(to bottom,#fff,#f2f2f2);
    background-repeat: repeat-x;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#fff2f2f2',GradientType=0);
    *zoom:1;-webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
    box-shadow: 0 1px 4px rgba(0,0,0,0.065)
}

.navbar-inner:before,.navbar-inner:after {
    display: table;
    line-height: 0;
    content: ""
}

.navbar-inner:after {
    clear: both
}

.navbar .container {
    width: auto
}

.nav-collapse.collapse {
    height: auto;
    overflow: visible
}

.navbar .brand {
    display: block;
    float: right;
    padding: 10px 20px 10px;
    margin-right: -20px;
    font-size: 20px;
    font-weight: 200;
    color: #777;
    text-shadow: 0 1px 0 #fff
}

.navbar .brand:hover,.navbar .brand:focus {
    text-decoration: none
}

.navbar-text {
    margin-bottom: 0;
    line-height: 40px;
    color: #777
}

.navbar-link {
    color: #777
}

.navbar-link:hover,.navbar-link:focus {
    color: #333
}

.navbar .divider-vertical {
    height: 40px;
    margin: 0 9px;
    border-right: 1px solid #f2f2f2;
    border-left: 1px solid #fff
}

.navbar .btn,.navbar .btn-group {
    margin-top: 5px
}

.navbar .btn-group .btn,.navbar .input-prepend .btn,.navbar .input-append .btn,.navbar .input-prepend .btn-group,.navbar .input-append .btn-group {
    margin-top: 0
}

.navbar-form {
    margin-bottom: 0;
    *zoom:1}

.navbar-form:before,.navbar-form:after {
    display: table;
    line-height: 0;
    content: ""
}

.navbar-form:after {
    clear: both
}

.navbar-form input,.navbar-form select,.navbar-form .radio,.navbar-form .checkbox {
    margin-top: 5px
}

.navbar-form input,.navbar-form select,.navbar-form .btn {
    display: inline-block;
    margin-bottom: 0
}

.navbar-form input[type="image"],.navbar-form input[type="checkbox"],.navbar-form input[type="radio"] {
    margin-top: 3px
}

.navbar-form .input-append,.navbar-form .input-prepend {
    margin-top: 5px;
    white-space: nowrap
}

.navbar-form .input-append input,.navbar-form .input-prepend input {
    margin-top: 0
}

.navbar-search {
    position: relative;
    float: right;
    margin-top: 5px;
    margin-bottom: 0
}

.navbar-search .search-query {
    padding: 4px 14px;
    margin-bottom: 0;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    font-weight: normal;
    line-height: 1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.navbar-static-top {
    position: static;
    margin-bottom: 0
}

.navbar-static-top .navbar-inner {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.navbar-fixed-top,.navbar-fixed-bottom {
    position: fixed;
    right: 0;
    left: 0;
    z-index: 1030;
    margin-bottom: 0
}

.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner {
    border-width: 0 0 1px
}

.navbar-fixed-bottom .navbar-inner {
    border-width: 1px 0 0
}

.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner {
    padding-right: 0;
    padding-left: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container {
    width: 940px
}

.navbar-fixed-top {
    top: 0
}

.navbar-fixed-top .navbar-inner,.navbar-static-top .navbar-inner {
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 10px rgba(0,0,0,0.1);
    box-shadow: 0 1px 10px rgba(0,0,0,0.1)
}

.navbar-fixed-bottom {
    bottom: 0
}

.navbar-fixed-bottom .navbar-inner {
    -webkit-box-shadow: 0 -1px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 -1px 10px rgba(0,0,0,0.1);
    box-shadow: 0 -1px 10px rgba(0,0,0,0.1)
}

.navbar .nav {
    position: relative;
    right: 0;
    display: block;
    float: right;
    margin: 0 0 0 10px
}

.navbar .nav.pull-left {
    float: left;
    margin-left: 0
}

.navbar .nav>li {
    float: right
}

.navbar .nav>li>a {
    float: none;
    padding: 10px 15px 10px;
    color: #777;
    text-decoration: none;
    text-shadow: 0 1px 0 #fff
}

.navbar .nav .dropdown-toggle .caret {
    margin-top: 8px
}

.navbar .nav>li>a:focus,.navbar .nav>li>a:hover {
    color: #333;
    text-decoration: none;
    background-color: transparent
}

.navbar .nav>.active>a,.navbar .nav>.active>a:hover,.navbar .nav>.active>a:focus {
    color: #555;
    text-decoration: none;
    background-color: #e5e5e5;
    -webkit-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    -moz-box-shadow: inset 0 3px 8px rgba(0,0,0,0.125);
    box-shadow: inset 0 3px 8px rgba(0,0,0,0.125)
}

.navbar .btn-navbar {
    display: none;
    float: left;
    padding: 7px 10px;
    margin-right: 5px;
    margin-left: 5px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #ededed;
    *background-color: #e5e5e5;
    background-image: -moz-linear-gradient(top,#f2f2f2,#e5e5e5);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f2f2f2),to(#e5e5e5));
    background-image: -webkit-linear-gradient(top,#f2f2f2,#e5e5e5);
    background-image: -o-linear-gradient(top,#f2f2f2,#e5e5e5);
    background-image: linear-gradient(to bottom,#f2f2f2,#e5e5e5);
    background-repeat: repeat-x;
    border-color: #e5e5e5 #e5e5e5 #bfbfbf;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2',endColorstr='#ffe5e5e5',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1),0 1px 0 rgba(255,255,255,0.075)
}

.navbar .btn-navbar:hover,.navbar .btn-navbar:focus,.navbar .btn-navbar:active,.navbar .btn-navbar.active,.navbar .btn-navbar.disabled,.navbar .btn-navbar[disabled] {
    color: #fff;
    background-color: #e5e5e5;
    *background-color: #d9d9d9
}

.navbar .btn-navbar:active,.navbar .btn-navbar.active {
    background-color: #ccc \9
}

.navbar .btn-navbar .icon-bar {
    display: block;
    width: 18px;
    height: 2px;
    background-color: #f5f5f5;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
    box-shadow: 0 1px 0 rgba(0,0,0,0.25)
}

.btn-navbar .icon-bar+.icon-bar {
    margin-top: 3px
}

.navbar .nav>li>.dropdown-menu:before {
    position: absolute;
    top: -7px;
    right: 9px;
    display: inline-block;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-left: 7px solid transparent;
    border-bottom-color: rgba(0,0,0,0.2);
    content: ''
}

.navbar .nav>li>.dropdown-menu:after {
    position: absolute;
    top: -6px;
    right: 10px;
    display: inline-block;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
    content: ''
}

.navbar-fixed-bottom .nav>li>.dropdown-menu:before {
    top: auto;
    bottom: -7px;
    border-top: 7px solid #ccc;
    border-bottom: 0;
    border-top-color: rgba(0,0,0,0.2)
}

.navbar-fixed-bottom .nav>li>.dropdown-menu:after {
    top: auto;
    bottom: -6px;
    border-top: 6px solid #fff;
    border-bottom: 0
}

.navbar .nav li.dropdown>a:hover .caret,.navbar .nav li.dropdown>a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333
}

.navbar .nav li.dropdown.open>.dropdown-toggle,.navbar .nav li.dropdown.active>.dropdown-toggle,.navbar .nav li.dropdown.open.active>.dropdown-toggle {
    color: #555;
    background-color: #e5e5e5
}

.navbar .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #777;
    border-bottom-color: #777
}

.navbar .nav li.dropdown.open>.dropdown-toggle .caret,.navbar .nav li.dropdown.active>.dropdown-toggle .caret,.navbar .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top-color: #555;
    border-bottom-color: #555
}

.navbar .pull-left>li>.dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-left {
    right: auto;
    left: 0
}

.navbar .pull-left>li>.dropdown-menu:before,.navbar .nav>li>.dropdown-menu.pull-left:before {
    right: auto;
    left: 12px
}

.navbar .pull-left>li>.dropdown-menu:after,.navbar .nav>li>.dropdown-menu.pull-left:after {
    right: auto;
    left: 13px
}

.navbar .pull-left>li>.dropdown-menu .dropdown-menu,.navbar .nav>li>.dropdown-menu.pull-left .dropdown-menu {
    right: auto;
    left: 100%;
    margin-right: 0;
    margin-left: -1px;
    -webkit-border-radius: 6px 6px 6px 0;
    -moz-border-radius: 6px 6px 6px 0;
    border-radius: 6px 6px 6px 0
}

.navbar-inverse .navbar-inner {
    background-color: #1b1b1b;
    background-image: -moz-linear-gradient(top,#222,#111);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#222),to(#111));
    background-image: -webkit-linear-gradient(top,#222,#111);
    background-image: -o-linear-gradient(top,#222,#111);
    background-image: linear-gradient(to bottom,#222,#111);
    background-repeat: repeat-x;
    border-color: #252525;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222',endColorstr='#ff111111',GradientType=0)
}

.navbar-inverse .brand,.navbar-inverse .nav>li>a {
    color: #999;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25)
}

.navbar-inverse .brand:hover,.navbar-inverse .nav>li>a:hover,.navbar-inverse .brand:focus,.navbar-inverse .nav>li>a:focus {
    color: #fff
}

.navbar-inverse .brand {
    color: #999
}

.navbar-inverse .navbar-text {
    color: #999
}

.navbar-inverse .nav>li>a:focus,.navbar-inverse .nav>li>a:hover {
    color: #fff;
    background-color: transparent
}

.navbar-inverse .nav .active>a,.navbar-inverse .nav .active>a:hover,.navbar-inverse .nav .active>a:focus {
    color: #fff;
    background-color: #111
}

.navbar-inverse .navbar-link {
    color: #999
}

.navbar-inverse .navbar-link:hover,.navbar-inverse .navbar-link:focus {
    color: #fff
}

.navbar-inverse .divider-vertical {
    border-right-color: #111;
    border-left-color: #222
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle {
    color: #fff;
    background-color: #111
}

.navbar-inverse .nav li.dropdown>a:hover .caret,.navbar-inverse .nav li.dropdown>a:focus .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.navbar-inverse .nav li.dropdown>.dropdown-toggle .caret {
    border-top-color: #999;
    border-bottom-color: #999
}

.navbar-inverse .nav li.dropdown.open>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.active>.dropdown-toggle .caret,.navbar-inverse .nav li.dropdown.open.active>.dropdown-toggle .caret {
    border-top-color: #fff;
    border-bottom-color: #fff
}

.navbar-inverse .navbar-search .search-query {
    color: #fff;
    background-color: #515151;
    border-color: #111;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.15);
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}

.navbar-inverse .navbar-search .search-query:-moz-placeholder {
    color: #ccc
}

.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
    color: #ccc
}

.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
    color: #ccc
}

.navbar-inverse .navbar-search .search-query:focus,.navbar-inverse .navbar-search .search-query.focused {
    padding: 5px 15px;
    color: #333;
    text-shadow: 0 1px 0 #fff;
    background-color: #fff;
    border: 0;
    outline: 0;
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.15);
    -moz-box-shadow: 0 0 3px rgba(0,0,0,0.15);
    box-shadow: 0 0 3px rgba(0,0,0,0.15)
}

.navbar-inverse .btn-navbar {
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #0e0e0e;
    *background-color: #040404;
    background-image: -moz-linear-gradient(top,#151515,#040404);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#151515),to(#040404));
    background-image: -webkit-linear-gradient(top,#151515,#040404);
    background-image: -o-linear-gradient(top,#151515,#040404);
    background-image: linear-gradient(to bottom,#151515,#040404);
    background-repeat: repeat-x;
    border-color: #040404 #040404 #000;
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff151515',endColorstr='#ff040404',GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)
}

.navbar-inverse .btn-navbar:hover,.navbar-inverse .btn-navbar:focus,.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active,.navbar-inverse .btn-navbar.disabled,.navbar-inverse .btn-navbar[disabled] {
    color: #fff;
    background-color: #040404;
    *background-color: #000
}

.navbar-inverse .btn-navbar:active,.navbar-inverse .btn-navbar.active {
    background-color: #000 \9
}

.breadcrumb {
    padding: 8px 15px;
    margin: 0 0 20px;
    list-style: none;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.breadcrumb>li {
    display: inline-block;
    *display: inline;
    text-shadow: 0 1px 0 #fff;
    *zoom:1}

.breadcrumb>li>.divider {
    padding: 0 5px;
    color: #ccc
}

.breadcrumb>.active {
    color: #999
}

.pagination {
    margin: 20px 0
}

.pagination ul {
    display: inline-block;
    *display: inline;
    margin-right: 0;
    margin-bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    *zoom:1;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
    box-shadow: 0 1px 2px rgba(0,0,0,0.05)
}

.pagination ul>li {
    display: inline
}

.pagination ul>li>a,.pagination ul>li>span {
    float: right;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    border-right-width: 0
}

.pagination ul>li>a:hover,.pagination ul>li>a:focus,.pagination ul>.active>a,.pagination ul>.active>span {
    background-color: #f5f5f5
}

.pagination ul>.active>a,.pagination ul>.active>span {
    color: #999;
    cursor: default
}

.pagination ul>.disabled>span,.pagination ul>.disabled>a,.pagination ul>.disabled>a:hover,.pagination ul>.disabled>a:focus {
    color: #999;
    cursor: default;
    background-color: transparent
}

.pagination ul>li:first-child>a,.pagination ul>li:first-child>span {
    border-right-width: 1px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px
}

.pagination ul>li:last-child>a,.pagination ul>li:last-child>span {
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-topleft: 4px
}

.pagination-centered {
    text-align: center
}

.pagination-left {
    text-align: left
}

.pagination-large ul>li>a,.pagination-large ul>li>span {
    padding: 11px 19px;
    font-size: 17.5px
}

.pagination-large ul>li:first-child>a,.pagination-large ul>li:first-child>span {
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomright: 6px
}

.pagination-large ul>li:last-child>a,.pagination-large ul>li:last-child>span {
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-topleft: 6px
}

.pagination-mini ul>li:first-child>a,.pagination-small ul>li:first-child>a,.pagination-mini ul>li:first-child>span,.pagination-small ul>li:first-child>span {
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px
}

.pagination-mini ul>li:last-child>a,.pagination-small ul>li:last-child>a,.pagination-mini ul>li:last-child>span,.pagination-small ul>li:last-child>span {
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -moz-border-radius-topleft: 3px
}

.pagination-small ul>li>a,.pagination-small ul>li>span {
    padding: 2px 10px;
    font-size: 11.9px
}

.pagination-mini ul>li>a,.pagination-mini ul>li>span {
    padding: 0 6px;
    font-size: 10.5px
}

.pager {
    margin: 20px 0;
    text-align: center;
    list-style: none;
    *zoom:1}

.pager:before,.pager:after {
    display: table;
    line-height: 0;
    content: ""
}

.pager:after {
    clear: both
}

.pager li {
    display: inline
}

.pager li>a,.pager li>span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px
}

.pager li>a:hover,.pager li>a:focus {
    text-decoration: none;
    background-color: #f5f5f5
}

.pager .next>a,.pager .next>span {
    float: left
}

.pager .previous>a,.pager .previous>span {
    float: right
}

.pager .disabled>a,.pager .disabled>a:hover,.pager .disabled>a:focus,.pager .disabled>span {
    color: #999;
    cursor: default;
    background-color: #fff
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0
}

.modal-backdrop,.modal-backdrop.fade.in {
    opacity: .8;
    filter: alpha(opacity=80)
}

.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #fff;
    border: 1px solid #999;
    border: 1px solid rgba(0,0,0,0.3);
    *border: 1px solid #999;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    box-shadow: 0 3px 7px rgba(0,0,0,0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box
}

.modal.fade {
    top: -25%;
    -webkit-transition: opacity .3s linear,top .3s ease-out;
    -moz-transition: opacity .3s linear,top .3s ease-out;
    -o-transition: opacity .3s linear,top .3s ease-out;
    transition: opacity .3s linear,top .3s ease-out
}

.modal.fade.in {
    top: 10%
}

.modal-header {
    padding: 9px 15px;
    border-bottom: 1px solid #eee
}

.modal-header .close {
    margin-top: 2px
}

.modal-header h3 {
    margin: 0;
    line-height: 30px
}

.modal-body {
    position: relative;
    max-height: 400px;
    padding: 15px;
    overflow-y: auto
}

.modal-form {
    margin-bottom: 0
}

.modal-footer {
    padding: 14px 15px 15px;
    margin-bottom: 0;
    text-align: right;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    -webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    *zoom:1;-webkit-box-shadow: inset 0 1px 0 #fff;
    -moz-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff
}

.modal-footer:before,.modal-footer:after {
    display: table;
    line-height: 0;
    content: ""
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-bottom: 0;
    margin-left: 5px
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 11px;
    line-height: 1.4;
    opacity: 0;
    filter: alpha(opacity=0);
    visibility: visible
}

.tooltip.in {
    opacity: .8;
    filter: alpha(opacity=80)
}

.tooltip.top {
    padding: 5px 0;
    margin-top: -3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip-inner {
    max-width: 200px;
    padding: 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #000;
    border-width: 5px 5px 0
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-right-color: #000;
    border-width: 5px 5px 5px 0
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-left-color: #000;
    border-width: 5px 0 5px 5px
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #000;
    border-width: 0 5px 5px
}

.popover {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: right;
    white-space: normal;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,0.2);
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    box-shadow: 0 5px 10px rgba(0,0,0,0.2);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box
}

.popover.top {
    margin-top: -10px
}

.popover.right {
    margin-left: 10px
}

.popover.bottom {
    margin-top: 10px
}

.popover.left {
    margin-left: -10px
}

.popover-title {
    padding: 8px 14px;
    margin: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0
}

.popover-title:empty {
    display: none
}

.popover-content {
    padding: 9px 14px
}

.popover .arrow,.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.popover .arrow {
    border-width: 11px
}

.popover .arrow:after {
    border-width: 10px;
    content: ""
}

.popover.top .arrow {
    bottom: -11px;
    left: 50%;
    margin-left: -11px;
    border-top-color: #999;
    border-top-color: rgba(0,0,0,0.25);
    border-bottom-width: 0
}

.popover.top .arrow:after {
    bottom: 1px;
    margin-right: -10px;
    border-top-color: #fff;
    border-bottom-width: 0
}

.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-right-color: #999;
    border-right-color: rgba(0,0,0,0.25);
    border-left-width: 0
}

.popover.right .arrow:after {
    bottom: -10px;
    left: 1px;
    border-right-color: #fff;
    border-left-width: 0
}

.popover.bottom .arrow {
    top: -11px;
    left: 50%;
    margin-left: -11px;
    border-bottom-color: #999;
    border-bottom-color: rgba(0,0,0,0.25);
    border-top-width: 0
}

.popover.bottom .arrow:after {
    top: 1px;
    margin-right: -10px;
    border-bottom-color: #fff;
    border-top-width: 0
}

.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-left-color: #999;
    border-left-color: rgba(0,0,0,0.25);
    border-right-width: 0
}

.popover.left .arrow:after {
    right: 1px;
    bottom: -10px;
    border-left-color: #fff;
    border-right-width: 0
}

.thumbnails {
    margin-right: -20px;
    list-style: none;
    *zoom:1}

.thumbnails:before,.thumbnails:after {
    display: table;
    line-height: 0;
    content: ""
}

.thumbnails:after {
    clear: both
}

.row-fluid .thumbnails {
    margin-right: 0
}

.thumbnails>li {
    float: right;
    margin-right: 20px;
    margin-bottom: 20px
}

.thumbnail {
    display: block;
    padding: 4px;
    line-height: 20px;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.055);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.055);
    box-shadow: 0 1px 3px rgba(0,0,0,0.055);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

a.thumbnail:hover,a.thumbnail:focus {
    border-color: #08c;
    -webkit-box-shadow: 0 1px 4px rgba(0,105,214,0.25);
    -moz-box-shadow: 0 1px 4px rgba(0,105,214,0.25);
    box-shadow: 0 1px 4px rgba(0,105,214,0.25)
}

.thumbnail>img {
    display: block;
    max-width: 100%;
    margin-right: auto;
    margin-left: auto
}

.thumbnail .caption {
    padding: 9px;
    color: #555
}

.media,.media-body {
    overflow: hidden;
    *overflow: visible;
    zoom:1}

.media,.media .media {
    margin-top: 15px
}

.media:first-child {
    margin-top: 0
}

.media-object {
    display: block
}

.media-heading {
    margin: 0 0 5px
}

.media>.pull-left {
    margin-right: 10px
}

.media>.pull-right {
    margin-left: 10px
}

.media-list {
    margin-right: 0;
    list-style: none
}

.label,.badge {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999
}

.label {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.badge {
    padding-right: 9px;
    padding-left: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px
}

.label:empty,.badge:empty {
    display: none
}

a.label:hover,a.label:focus,a.badge:hover,a.badge:focus {
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.label-important,.badge-important {
    background-color: #b94a48
}

.label-important[href],.badge-important[href] {
    background-color: #953b39
}

.label-warning,.badge-warning {
    background-color: #f89406
}

.label-warning[href],.badge-warning[href] {
    background-color: #c67605
}

.label-success,.badge-success {
    background-color: #468847
}

.label-success[href],.badge-success[href] {
    background-color: #356635
}

.label-info,.badge-info {
    background-color: #3a87ad
}

.label-info[href],.badge-info[href] {
    background-color: #2d6987
}

.label-inverse,.badge-inverse {
    background-color: #333
}

.label-inverse[href],.badge-inverse[href] {
    background-color: #1a1a1a
}

.btn .label,.btn .badge {
    position: relative;
    top: -1px
}

.btn-mini .label,.btn-mini .badge {
    top: 0
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-moz-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-ms-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

@-o-keyframes progress-bar-stripes {
    from {
        background-position: 0 0
    }

    to {
        background-position: 40px 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }

    to {
        background-position: 0 0
    }
}

.progress {
    height: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#f5f5f5),to(#f9f9f9));
    background-image: -webkit-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image: -o-linear-gradient(top,#f5f5f5,#f9f9f9);
    background-image: linear-gradient(to bottom,#f5f5f5,#f9f9f9);
    background-repeat: repeat-x;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5',endColorstr='#fff9f9f9',GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1)
}

.progress .bar {
    float: right;
    width: 0;
    height: 100%;
    font-size: 12px;
    color: #fff;
    text-align: center;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: #0e90d2;
    background-image: -moz-linear-gradient(top,#149bdf,#0480be);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#149bdf),to(#0480be));
    background-image: -webkit-linear-gradient(top,#149bdf,#0480be);
    background-image: -o-linear-gradient(top,#149bdf,#0480be);
    background-image: linear-gradient(to bottom,#149bdf,#0480be);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf',endColorstr='#ff0480be',GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: width .6s ease;
    -moz-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease
}

.progress .bar+.bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 1px 0 0 rgba(0,0,0,0.15),inset 0 -1px 0 rgba(0,0,0,0.15)
}

.progress-striped .bar {
    background-color: #149bdf;
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    -webkit-background-size: 40px 40px;
    -moz-background-size: 40px 40px;
    -o-background-size: 40px 40px;
    background-size: 40px 40px
}

.progress.active .bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -moz-animation: progress-bar-stripes 2s linear infinite;
    -ms-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite
}

.progress-danger .bar,.progress .bar-danger {
    background-color: #dd514c;
    background-image: -moz-linear-gradient(top,#ee5f5b,#c43c35);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#ee5f5b),to(#c43c35));
    background-image: -webkit-linear-gradient(top,#ee5f5b,#c43c35);
    background-image: -o-linear-gradient(top,#ee5f5b,#c43c35);
    background-image: linear-gradient(to bottom,#ee5f5b,#c43c35);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b',endColorstr='#ffc43c35',GradientType=0)
}

.progress-danger.progress-striped .bar,.progress-striped .bar-danger {
    background-color: #ee5f5b;
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress-success .bar,.progress .bar-success {
    background-color: #5eb95e;
    background-image: -moz-linear-gradient(top,#62c462,#57a957);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#62c462),to(#57a957));
    background-image: -webkit-linear-gradient(top,#62c462,#57a957);
    background-image: -o-linear-gradient(top,#62c462,#57a957);
    background-image: linear-gradient(to bottom,#62c462,#57a957);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462',endColorstr='#ff57a957',GradientType=0)
}

.progress-success.progress-striped .bar,.progress-striped .bar-success {
    background-color: #62c462;
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress-info .bar,.progress .bar-info {
    background-color: #4bb1cf;
    background-image: -moz-linear-gradient(top,#5bc0de,#339bb9);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#5bc0de),to(#339bb9));
    background-image: -webkit-linear-gradient(top,#5bc0de,#339bb9);
    background-image: -o-linear-gradient(top,#5bc0de,#339bb9);
    background-image: linear-gradient(to bottom,#5bc0de,#339bb9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de',endColorstr='#ff339bb9',GradientType=0)
}

.progress-info.progress-striped .bar,.progress-striped .bar-info {
    background-color: #5bc0de;
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.progress-warning .bar,.progress .bar-warning {
    background-color: #faa732;
    background-image: -moz-linear-gradient(top,#fbb450,#f89406);
    background-image: -webkit-gradient(linear,0 0,0 100%,from(#fbb450),to(#f89406));
    background-image: -webkit-linear-gradient(top,#fbb450,#f89406);
    background-image: -o-linear-gradient(top,#fbb450,#f89406);
    background-image: linear-gradient(to bottom,#fbb450,#f89406);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450',endColorstr='#fff89406',GradientType=0)
}

.progress-warning.progress-striped .bar,.progress-striped .bar-warning {
    background-color: #fbb450;
    background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,0.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,0.15)),color-stop(0.75,rgba(255,255,255,0.15)),color-stop(0.75,transparent),to(transparent));
    background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: -o-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
    background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent)
}

.accordion {
    margin-bottom: 20px
}

.accordion-group {
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.accordion-heading {
    border-bottom: 0
}

.accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px
}

.accordion-toggle {
    cursor: pointer
}

.accordion-inner {
    padding: 9px 15px;
    border-top: 1px solid #e5e5e5
}

.carousel {
    position: relative;
    margin-bottom: 20px;
    line-height: 1
}

.carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden
}

.carousel-inner>.item {
    position: relative;
    display: none;
    -webkit-transition: .6s ease-in-out left;
    -moz-transition: .6s ease-in-out left;
    -o-transition: .6s ease-in-out left;
    transition: .6s ease-in-out left
}

.carousel-inner>.item>img,.carousel-inner>.item>a>img {
    display: block;
    line-height: 1
}

.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
    display: block
}

.carousel-inner>.active {
    left: 0
}

.carousel-inner>.next,.carousel-inner>.prev {
    position: absolute;
    top: 0;
    width: 100%
}

.carousel-inner>.next {
    left: 100%
}

.carousel-inner>.prev {
    left: -100%
}

.carousel-inner>.next.left,.carousel-inner>.prev.right {
    left: 0
}

.carousel-inner>.active.left {
    left: -100%
}

.carousel-inner>.active.right {
    left: 100%
}

.carousel-control {
    position: absolute;
    top: 40%;
    left: 15px;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    font-size: 60px;
    font-weight: 100;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: #222;
    border: 3px solid #fff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 23px;
    opacity: .5;
    filter: alpha(opacity=50)
}

.carousel-control.right {
    right: 15px;
    left: auto
}

.carousel-control:hover,.carousel-control:focus {
    color: #fff;
    text-decoration: none;
    opacity: .9;
    filter: alpha(opacity=90)
}

.carousel-indicators {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 5;
    margin: 0;
    list-style: none
}

.carousel-indicators li {
    display: block;
    float: left;
    width: 10px;
    height: 10px;
    margin-left: 5px;
    text-indent: -999px;
    background-color: #ccc;
    background-color: rgba(255,255,255,0.25);
    border-radius: 5px
}

.carousel-indicators .active {
    background-color: #fff
}

.carousel-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px;
    background: #333;
    background: rgba(0,0,0,0.75)
}

.carousel-caption h4,.carousel-caption p {
    line-height: 20px;
    color: #fff
}

.carousel-caption h4 {
    margin: 0 0 5px
}

.carousel-caption p {
    margin-bottom: 0
}

.hero-unit {
    padding: 60px;
    margin-bottom: 30px;
    font-size: 18px;
    font-weight: 200;
    line-height: 30px;
    color: inherit;
    background-color: #eee;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px
}

.hero-unit h1 {
    margin-bottom: 0;
    font-size: 60px;
    line-height: 1;
    letter-spacing: -1px;
    color: inherit
}

.hero-unit li {
    line-height: 30px
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.hide {
    display: none
}

.show {
    display: block
}

.invisible {
    visibility: hidden
}

.affix {
    position: fixed
}



/*  Font Awesome 3.0
    the iconic font designed for use with Twitter Bootstrap
    -------------------------------------------------------
    The full suite of pictographic icons, examples, and documentation
    can be found at: http://fortawesome.github.com/Font-Awesome/

    License
    -------------------------------------------------------
    • The Font Awesome font is licensed under the SIL Open Font License - http://scripts.sil.org/OFL
    • Font Awesome CSS, LESS, and SASS files are licensed under the MIT License -
      http://opensource.org/licenses/mit-license.html
    • The Font Awesome pictograms are licensed under the CC BY 3.0 License - http://creativecommons.org/licenses/by/3.0/
    • Attribution is no longer required in Font Awesome 3.0, but much appreciated:
      "Font Awesome by Dave Gandy - http://fortawesome.github.com/Font-Awesome"

    Contact
    -------------------------------------------------------
    Email: dave@davegandy.com
    Twitter: http://twitter.com/fortaweso_me
    Work: Lead Product Designer @ http://kyruus.com

    */
    @font-face {
        font-family: 'FontAwesome';
        src: url('../font/fontawesome-webfont.eot');
        src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
          url('../font/fontawesome-webfont.woff') format('woff'),
          url('../font/fontawesome-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
      }
      /*  Font Awesome styles
          ------------------------------------------------------- */
      /* includes sprites.less reset */
      [class^="icon-"],
      [class*=" icon-"] {
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        text-decoration: inherit;
        display: inline;
        width: auto;
        height: auto;
        line-height: normal;
        vertical-align: baseline;
        background-image: none !important;
        background-position: 0% 0%;
        background-repeat: repeat;
      }
      [class^="icon-"]:before,
      [class*=" icon-"]:before {
        text-decoration: inherit;
        display: inline-block;
        speak: none;
      }
      /* makes sure icons active on rollover in links */
      a [class^="icon-"],
      a [class*=" icon-"] {
        display: inline-block;
      }
      /* makes the font 33% larger relative to the icon container */
      .icon-large:before {
        vertical-align: -10%;
        font-size: 1.3333333333333333em;
      }
      .btn [class^="icon-"],
      .nav [class^="icon-"],
      .btn [class*=" icon-"],
      .nav [class*=" icon-"] {
        display: inline;
        /* keeps button heights with and without icons the same */
      
        line-height: .6em;
      }
      .btn [class^="icon-"].icon-spin,
      .nav [class^="icon-"].icon-spin,
      .btn [class*=" icon-"].icon-spin,
      .nav [class*=" icon-"].icon-spin {
        display: inline-block;
      }
      li [class^="icon-"],
      li [class*=" icon-"] {
        display: inline-block;
        width: 1.25em;
        text-align: center;
      }
      li [class^="icon-"].icon-large,
      li [class*=" icon-"].icon-large {
        /* increased font size for icon-large */
      
        width: 1.5625em;
      }
      ul.icons {
        list-style-type: none;
        text-indent: -0.75em;
      }
      ul.icons li [class^="icon-"],
      ul.icons li [class*=" icon-"] {
        width: .75em;
      }
      .icon-muted {
        color: #eeeeee;
      }
      .icon-border {
        border: solid 1px #eeeeee;
        padding: .2em .25em .15em;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
      }
      .icon-2x {
        font-size: 2em;
      }
      .icon-2x.icon-border {
        border-width: 2px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
      }
      .icon-3x {
        font-size: 3em;
      }
      .icon-3x.icon-border {
        border-width: 3px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
      }
      .icon-4x {
        font-size: 4em;
      }
      .icon-4x.icon-border {
        border-width: 4px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
      }
      .pull-right {
        float: right;
      }
      .pull-left {
        float: left;
      }
      [class^="icon-"].pull-left,
      [class*=" icon-"].pull-left {
        margin-right: .35em;
      }
      [class^="icon-"].pull-right,
      [class*=" icon-"].pull-right {
        margin-left: .35em;
      }
      .btn [class^="icon-"].pull-left.icon-2x,
      .btn [class*=" icon-"].pull-left.icon-2x,
      .btn [class^="icon-"].pull-right.icon-2x,
      .btn [class*=" icon-"].pull-right.icon-2x {
        margin-top: .35em;
      }
      .btn [class^="icon-"].icon-spin.icon-large,
      .btn [class*=" icon-"].icon-spin.icon-large {
        height: .75em;
      }
      .btn.btn-small [class^="icon-"].pull-left.icon-2x,
      .btn.btn-small [class*=" icon-"].pull-left.icon-2x,
      .btn.btn-small [class^="icon-"].pull-right.icon-2x,
      .btn.btn-small [class*=" icon-"].pull-right.icon-2x {
        margin-top: .45em;
      }
      .btn.btn-large [class^="icon-"].pull-left.icon-2x,
      .btn.btn-large [class*=" icon-"].pull-left.icon-2x,
      .btn.btn-large [class^="icon-"].pull-right.icon-2x,
      .btn.btn-large [class*=" icon-"].pull-right.icon-2x {
        margin-top: .2em;
      }
      .icon-spin {
        display: inline-block;
        -moz-animation: spin 2s infinite linear;
        -o-animation: spin 2s infinite linear;
        -webkit-animation: spin 2s infinite linear;
        animation: spin 2s infinite linear;
      }
      @-moz-keyframes spin {
        0% { -moz-transform: rotate(0deg); }
        100% { -moz-transform: rotate(359deg); }
      }
      @-webkit-keyframes spin {
        0% { -webkit-transform: rotate(0deg); }
        100% { -webkit-transform: rotate(359deg); }
      }
      @-o-keyframes spin {
        0% { -o-transform: rotate(0deg); }
        100% { -o-transform: rotate(359deg); }
      }
      @-ms-keyframes spin {
        0% { -ms-transform: rotate(0deg); }
        100% { -ms-transform: rotate(359deg); }
      }
      @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(359deg); }
      }
      /*  Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
          readers do not read off random characters that represent icons */
      .icon-glass:before                { content: "\f000"; }
      .icon-music:before                { content: "\f001"; }
      .icon-search:before               { content: "\f002"; }
      .icon-envelope:before             { content: "\f003"; }
      .icon-heart:before                { content: "\f004"; }
      .icon-star:before                 { content: "\f005"; }
      .icon-star-empty:before           { content: "\f006"; }
      .icon-user:before                 { content: "\f007"; }
      .icon-film:before                 { content: "\f008"; }
      .icon-th-large:before             { content: "\f009"; }
      .icon-th:before                   { content: "\f00a"; }
      .icon-th-list:before              { content: "\f00b"; }
      .icon-ok:before                   { content: "\f00c"; }
      .icon-remove:before               { content: "\f00d"; }
      .icon-zoom-in:before              { content: "\f00e"; }
      
      .icon-zoom-out:before             { content: "\f010"; }
      .icon-off:before                  { content: "\f011"; }
      .icon-signal:before               { content: "\f012"; }
      .icon-cog:before                  { content: "\f013"; }
      .icon-trash:before                { content: "\f014"; }
      .icon-home:before                 { content: "\f015"; }
      .icon-file:before                 { content: "\f016"; }
      .icon-time:before                 { content: "\f017"; }
      .icon-road:before                 { content: "\f018"; }
      .icon-download-alt:before         { content: "\f019"; }
      .icon-download:before             { content: "\f01a"; }
      .icon-upload:before               { content: "\f01b"; }
      .icon-inbox:before                { content: "\f01c"; }
      .icon-play-circle:before          { content: "\f01d"; }
      .icon-repeat:before               { content: "\f01e"; }
      
      /* \f020 doesn't work in Safari. all shifted one down */
      .icon-refresh:before              { content: "\f021"; }
      .icon-list-alt:before             { content: "\f022"; }
      .icon-lock:before                 { content: "\f023"; }
      .icon-flag:before                 { content: "\f024"; }
      .icon-headphones:before           { content: "\f025"; }
      .icon-volume-off:before           { content: "\f026"; }
      .icon-volume-down:before          { content: "\f027"; }
      .icon-volume-up:before            { content: "\f028"; }
      .icon-qrcode:before               { content: "\f029"; }
      .icon-barcode:before              { content: "\f02a"; }
      .icon-tag:before                  { content: "\f02b"; }
      .icon-tags:before                 { content: "\f02c"; }
      .icon-book:before                 { content: "\f02d"; }
      .icon-bookmark:before             { content: "\f02e"; }
      .icon-print:before                { content: "\f02f"; }
      
      .icon-camera:before               { content: "\f030"; }
      .icon-font:before                 { content: "\f031"; }
      .icon-bold:before                 { content: "\f032"; }
      .icon-italic:before               { content: "\f033"; }
      .icon-text-height:before          { content: "\f034"; }
      .icon-text-width:before           { content: "\f035"; }
      .icon-align-left:before           { content: "\f036"; }
      .icon-align-center:before         { content: "\f037"; }
      .icon-align-right:before          { content: "\f038"; }
      .icon-align-justify:before        { content: "\f039"; }
      .icon-list:before                 { content: "\f03a"; }
      .icon-indent-left:before          { content: "\f03b"; }
      .icon-indent-right:before         { content: "\f03c"; }
      .icon-facetime-video:before       { content: "\f03d"; }
      .icon-picture:before              { content: "\f03e"; }
      
      .icon-pencil:before               { content: "\f040"; }
      .icon-map-marker:before           { content: "\f041"; }
      .icon-adjust:before               { content: "\f042"; }
      .icon-tint:before                 { content: "\f043"; }
      .icon-edit:before                 { content: "\f044"; }
      .icon-share:before                { content: "\f045"; }
      .icon-check:before                { content: "\f046"; }
      .icon-move:before                 { content: "\f047"; }
      .icon-step-backward:before        { content: "\f048"; }
      .icon-fast-backward:before        { content: "\f049"; }
      .icon-backward:before             { content: "\f04a"; }
      .icon-play:before                 { content: "\f04b"; }
      .icon-pause:before                { content: "\f04c"; }
      .icon-stop:before                 { content: "\f04d"; }
      .icon-forward:before              { content: "\f04e"; }
      
      .icon-fast-forward:before         { content: "\f050"; }
      .icon-step-forward:before         { content: "\f051"; }
      .icon-eject:before                { content: "\f052"; }
      .icon-chevron-left:before         { content: "\f053"; }
      .icon-chevron-right:before        { content: "\f054"; }
      .icon-plus-sign:before            { content: "\f055"; }
      .icon-minus-sign:before           { content: "\f056"; }
      .icon-remove-sign:before          { content: "\f057"; }
      .icon-ok-sign:before              { content: "\f058"; }
      .icon-question-sign:before        { content: "\f059"; }
      .icon-info-sign:before            { content: "\f05a"; }
      .icon-screenshot:before           { content: "\f05b"; }
      .icon-remove-circle:before        { content: "\f05c"; }
      .icon-ok-circle:before            { content: "\f05d"; }
      .icon-ban-circle:before           { content: "\f05e"; }
      
      .icon-arrow-left:before           { content: "\f060"; }
      .icon-arrow-right:before          { content: "\f061"; }
      .icon-arrow-up:before             { content: "\f062"; }
      .icon-arrow-down:before           { content: "\f063"; }
      .icon-share-alt:before            { content: "\f064"; }
      .icon-resize-full:before          { content: "\f065"; }
      .icon-resize-small:before         { content: "\f066"; }
      .icon-plus:before                 { content: "\f067"; }
      .icon-minus:before                { content: "\f068"; }
      .icon-asterisk:before             { content: "\f069"; }
      .icon-exclamation-sign:before     { content: "\f06a"; }
      .icon-gift:before                 { content: "\f06b"; }
      .icon-leaf:before                 { content: "\f06c"; }
      .icon-fire:before                 { content: "\f06d"; }
      .icon-eye-open:before             { content: "\f06e"; }
      
      .icon-eye-close:before            { content: "\f070"; }
      .icon-warning-sign:before         { content: "\f071"; }
      .icon-plane:before                { content: "\f072"; }
      .icon-calendar:before             { content: "\f073"; }
      .icon-random:before               { content: "\f074"; }
      .icon-comment:before              { content: "\f075"; }
      .icon-magnet:before               { content: "\f076"; }
      .icon-chevron-up:before           { content: "\f077"; }
      .icon-chevron-down:before         { content: "\f078"; }
      .icon-retweet:before              { content: "\f079"; }
      .icon-shopping-cart:before        { content: "\f07a"; }
      .icon-folder-close:before         { content: "\f07b"; }
      .icon-folder-open:before          { content: "\f07c"; }
      .icon-resize-vertical:before      { content: "\f07d"; }
      .icon-resize-horizontal:before    { content: "\f07e"; }
      
      .icon-bar-chart:before            { content: "\f080"; }
      .icon-twitter-sign:before         { content: "\f081"; }
      .icon-facebook-sign:before        { content: "\f082"; }
      .icon-camera-retro:before         { content: "\f083"; }
      .icon-key:before                  { content: "\f084"; }
      .icon-cogs:before                 { content: "\f085"; }
      .icon-comments:before             { content: "\f086"; }
      .icon-thumbs-up:before            { content: "\f087"; }
      .icon-thumbs-down:before          { content: "\f088"; }
      .icon-star-half:before            { content: "\f089"; }
      .icon-heart-empty:before          { content: "\f08a"; }
      .icon-signout:before              { content: "\f08b"; }
      .icon-linkedin-sign:before        { content: "\f08c"; }
      .icon-pushpin:before              { content: "\f08d"; }
      .icon-external-link:before        { content: "\f08e"; }
      
      .icon-signin:before               { content: "\f090"; }
      .icon-trophy:before               { content: "\f091"; }
      .icon-github-sign:before          { content: "\f092"; }
      .icon-upload-alt:before           { content: "\f093"; }
      .icon-lemon:before                { content: "\f094"; }
      .icon-phone:before                { content: "\f095"; }
      .icon-check-empty:before          { content: "\f096"; }
      .icon-bookmark-empty:before       { content: "\f097"; }
      .icon-phone-sign:before           { content: "\f098"; }
      .icon-twitter:before              { content: "\f099"; }
      .icon-facebook:before             { content: "\f09a"; }
      .icon-github:before               { content: "\f09b"; }
      .icon-unlock:before               { content: "\f09c"; }
      .icon-credit-card:before          { content: "\f09d"; }
      .icon-rss:before                  { content: "\f09e"; }
      
      .icon-hdd:before                  { content: "\f0a0"; }
      .icon-bullhorn:before             { content: "\f0a1"; }
      .icon-bell:before                 { content: "\f0a2"; }
      .icon-certificate:before          { content: "\f0a3"; }
      .icon-hand-right:before           { content: "\f0a4"; }
      .icon-hand-left:before            { content: "\f0a5"; }
      .icon-hand-up:before              { content: "\f0a6"; }
      .icon-hand-down:before            { content: "\f0a7"; }
      .icon-circle-arrow-left:before    { content: "\f0a8"; }
      .icon-circle-arrow-right:before   { content: "\f0a9"; }
      .icon-circle-arrow-up:before      { content: "\f0aa"; }
      .icon-circle-arrow-down:before    { content: "\f0ab"; }
      .icon-globe:before                { content: "\f0ac"; }
      .icon-wrench:before               { content: "\f0ad"; }
      .icon-tasks:before                { content: "\f0ae"; }
      
      .icon-filter:before               { content: "\f0b0"; }
      .icon-briefcase:before            { content: "\f0b1"; }
      .icon-fullscreen:before           { content: "\f0b2"; }
      
      .icon-group:before                { content: "\f0c0"; }
      .icon-link:before                 { content: "\f0c1"; }
      .icon-cloud:before                { content: "\f0c2"; }
      .icon-beaker:before               { content: "\f0c3"; }
      .icon-cut:before                  { content: "\f0c4"; }
      .icon-copy:before                 { content: "\f0c5"; }
      .icon-paper-clip:before           { content: "\f0c6"; }
      .icon-save:before                 { content: "\f0c7"; }
      .icon-sign-blank:before           { content: "\f0c8"; }
      .icon-reorder:before              { content: "\f0c9"; }
      .icon-list-ul:before              { content: "\f0ca"; }
      .icon-list-ol:before              { content: "\f0cb"; }
      .icon-strikethrough:before        { content: "\f0cc"; }
      .icon-underline:before            { content: "\f0cd"; }
      .icon-table:before                { content: "\f0ce"; }
      
      .icon-magic:before                { content: "\f0d0"; }
      .icon-truck:before                { content: "\f0d1"; }
      .icon-pinterest:before            { content: "\f0d2"; }
      .icon-pinterest-sign:before       { content: "\f0d3"; }
      .icon-google-plus-sign:before     { content: "\f0d4"; }
      .icon-google-plus:before          { content: "\f0d5"; }
      .icon-money:before                { content: "\f0d6"; }
      .icon-caret-down:before           { content: "\f0d7"; }
      .icon-caret-up:before             { content: "\f0d8"; }
      .icon-caret-left:before           { content: "\f0d9"; }
      .icon-caret-right:before          { content: "\f0da"; }
      .icon-columns:before              { content: "\f0db"; }
      .icon-sort:before                 { content: "\f0dc"; }
      .icon-sort-down:before            { content: "\f0dd"; }
      .icon-sort-up:before              { content: "\f0de"; }
      
      .icon-envelope-alt:before         { content: "\f0e0"; }
      .icon-linkedin:before             { content: "\f0e1"; }
      .icon-undo:before                 { content: "\f0e2"; }
      .icon-legal:before                { content: "\f0e3"; }
      .icon-dashboard:before            { content: "\f0e4"; }
      .icon-comment-alt:before          { content: "\f0e5"; }
      .icon-comments-alt:before         { content: "\f0e6"; }
      .icon-bolt:before                 { content: "\f0e7"; }
      .icon-sitemap:before              { content: "\f0e8"; }
      .icon-umbrella:before             { content: "\f0e9"; }
      .icon-paste:before                { content: "\f0ea"; }
      .icon-lightbulb:before            { content: "\f0eb"; }
      .icon-exchange:before             { content: "\f0ec"; }
      .icon-cloud-download:before       { content: "\f0ed"; }
      .icon-cloud-upload:before         { content: "\f0ee"; }
      
      .icon-user-md:before              { content: "\f0f0"; }
      .icon-stethoscope:before          { content: "\f0f1"; }
      .icon-suitcase:before             { content: "\f0f2"; }
      .icon-bell-alt:before             { content: "\f0f3"; }
      .icon-coffee:before               { content: "\f0f4"; }
      .icon-food:before                 { content: "\f0f5"; }
      .icon-file-alt:before             { content: "\f0f6"; }
      .icon-building:before             { content: "\f0f7"; }
      .icon-hospital:before             { content: "\f0f8"; }
      .icon-ambulance:before            { content: "\f0f9"; }
      .icon-medkit:before               { content: "\f0fa"; }
      .icon-fighter-jet:before          { content: "\f0fb"; }
      .icon-beer:before                 { content: "\f0fc"; }
      .icon-h-sign:before               { content: "\f0fd"; }
      .icon-plus-sign-alt:before        { content: "\f0fe"; }
      
      .icon-double-angle-left:before    { content: "\f100"; }
      .icon-double-angle-right:before   { content: "\f101"; }
      .icon-double-angle-up:before      { content: "\f102"; }
      .icon-double-angle-down:before    { content: "\f103"; }
      .icon-angle-left:before           { content: "\f104"; }
      .icon-angle-right:before          { content: "\f105"; }
      .icon-angle-up:before             { content: "\f106"; }
      .icon-angle-down:before           { content: "\f107"; }
      .icon-desktop:before              { content: "\f108"; }
      .icon-laptop:before               { content: "\f109"; }
      .icon-tablet:before               { content: "\f10a"; }
      .icon-mobile-phone:before         { content: "\f10b"; }
      .icon-circle-blank:before         { content: "\f10c"; }
      .icon-quote-left:before           { content: "\f10d"; }
      .icon-quote-right:before          { content: "\f10e"; }
      
      .icon-spinner:before              { content: "\f110"; }
      .icon-circle:before               { content: "\f111"; }
      .icon-reply:before                { content: "\f112"; }
      .icon-github-alt:before           { content: "\f113"; }
      .icon-folder-close-alt:before     { content: "\f114"; }
      .icon-folder-open-alt:before      { content: "\f115"; }
      



      
/*Gridview Center*/
table {
    max-width: 100%;
    background-color: transparent;
    text-align: center;
}

th {
    text-align: center !important;
}

::-webkit-input-placeholder {
    text-align: center;
}

.table {
    width: 100%;
    margin-bottom: 20px;
}

table caption {
    font-family: 'Sakkal Majalla';
    font-size: 20px;
    font-weight: bolder;
    color: black;
    text-align: right;
}


/*   
Template Name: Admin Lab Dashboard build with Bootstrap v2.3.1
Template Version: 1.3
Author: Mosaddek Hossain
Website: http://thevectorlab.net/
*/
/*Default  32c2cd*/
@font-face {
    font-family: 'AlmaraiART';
    src: url('../fonts/Almarai-v5-arabic-regular.eot');
    src: url('../fonts/Almarai-v5-arabic-regulareot?#iefix') format('embedded-opentype'), url('../fonts/Almarai-v5-arabic-regular.woff') format('woff'), url('../fonts/Almarai-v5-arabic-regular.ttf') format('truetype'), url('../fonts/Almarai-v5-arabic-regular.svg#myriadproit') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* body styles */
body {
    color: #000;
    font-family: 'AlmaraiART';
    padding: 0px !important;
    margin: 0px !important;
    font-size: 13px;
    direction: rtl;
}

/* fix for font awesome icon classes */
[class^="icon-"], [class*=" icon-"], [class^="icon-"]:hover, [class*=" icon-"]:hover {
    background: none !important;
}

/* hide by default, used to handle elements to show only for ie8*/
.visible-ie8 {
    display: none;
}

@font-face {
    font-family: 'MyriadPro-Bold';
    src: url('../font/myriadprobold.eot');
    src: url('../font/myriadprobold.eot?#iefix') format('embedded-opentype'), url('../font/myriadprobold.woff') format('woff'), url('../font/myriadprobold.ttf') format('truetype'), url('../font/myriadprobold.svg#myriadprobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-It';
    src: url('../font/myriadproit.eot');
    src: url('../font/myriadproit.eot?#iefix') format('embedded-opentype'), url('../font/myriadproit.woff') format('woff'), url('../font/myriadproit.ttf') format('truetype'), url('../font/myriadproit.svg#myriadproit') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-Light';
    src: url('../font/myriadprolight.eot');
    src: url('../font/myriadprolight.eot?#iefix') format('embedded-opentype'), url('../font/myriadprolight.woff') format('woff'), url('../font/myriadprolight.ttf') format('truetype'), url('../font/myriadprolight.svg#myriadprolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../font/myriadproregular.eot');
    src: url('../font/myriadproregular.eot?#iefix') format('embedded-opentype'), url('../font/myriadproregular.woff') format('woff'), url('../font/myriadproregular.ttf') format('truetype'), url('../font/myriadproregular.svg#myriadproregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* general typography*/
h3 small, h2 small, h5 small {
    color: #868686;
    font-family: 'AlmaraiART';
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: 'AlmaraiART';
}

h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
    padding-bottom: 10px;
}

p {
    font-family: 'AlmaraiART';
}

/* general tools */
img.center {
    text-align: center;
}

.phone-margin-top-5:before {
    display: block;
    margin-top: 5px;
}

.no-padding {
    padding: 0px !important;
}

.no-margin {
    margin: 0px !important;
}

.no-bottom-space {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.no-top-space {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

.block-margin-bottom-5 {
    display: inline-block;
    margin-bottom: 5px;
}

.hide {
    display: none;
}

.bold {
    font-weight: bold;
}

.fix-margin {
    margin-right: 0px !important;
}

.border {
    border: 1px solid #ddd;
}

.small {
    font-size: 11px !important;
}

.btn-top-space {
    margin-top: 5px !important;
}

.italic {
    font-style: italic !important;
}

ui {
    font-family: 'AlmaraiART';
}

i {
    font-family: 'AlmaraiART';
}

a {
    font-family: 'AlmaraiART';
}

li {
    font-family: 'AlmaraiART';
}

i.big {
    font-size: 20px;
}

i.warning {
    color: #E74955;
}

i.critical {
    color: #22878E;
}

i.normal {
    color: #A5D16C;
}

hr {
    margin: 15px 0;
    border: 0;
    border-top: 1px solid #E0DFDF;
    border-bottom: 1px solid #FEFEFE;
}

i.icon, a.icon {
    color: #999;
}

a.icon:hover {
    text-decoration: none;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
    opacity: .4;
}

a.icon.huge i {
    font-size: 16px !important;
}

.space5 {
    display: block;
    height: 5px !important;
    clear: both;
}

.space7 {
    height: 7px !important;
    clear: both;
}

.space10 {
    height: 10px !important;
    clear: both;
}

.space12 {
    height: 12px !important;
    clear: both;
}

.space15 {
    height: 15px !important;
    clear: both;
}

.space20 {
    height: 20px !important;
    clear: both;
}

.mtop5 {
    margin-top: 5px;
}

.mtop7 {
    margin-top: 7px;
}

.mtop10 {
    margin-top: 10px;
}

.no-text-shadow {
    text-shadow: none !important;
}

.notify-row {
    float: right;
    padding: 5px;
}

/*fix outlines on click*/
a, a:focus, a:hover, a:active {
    outline: 0;
}

/* header nav bar*/
#header.navbar {
    min-width: 0px;
}

#header .navbar .nav > li > a {
    padding: 0px !important;
}

.navbar .nav > li > a {
    padding: 10px;
}

#header .navbar-inner .nav > li {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#header .navbar-inner li.dropdown .dropdown-toggle i {
    font-size: 20px;
}

#header .navbar-inner li.dropdown .dropdown-toggle .label {
    position: relative;
    top: -3px;
    font-size: 9px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    display: inline-block !important;
}

#header .navbar-inner .nav .dropdown-toggle:hover, .navbar-inner .nav .dropdown.open .dropdown-toggle {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#header.navbar-inverse .btn-navbar {
    margin-top: 6px;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #e9ebec;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #e9ebec, #caced1);
    border-left-color: #caced1;
    border-right-color: #caced1;
    border-top-color: #caced1;
    border-bottom-color: black;
}

#header.navbar-inverse .btn-navbar:hover {
    background-color: #caced1;
}

#header .navbar-inner {
    top: 0px;
    width: 100%;
    margin: 0px !important;
    margin-bottom: -2px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    padding: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#header.navbar-inverse .navbar-inner {
    height: 60px;
    border: none !important;
}

#header.navbar-inverse .divider-vertical {
    height: 40px;
}

#header .navbar-search {
    margin-right: 110px;
}

#header .top-nav .dropdown-menu {
    margin-top: 3px;
}

.top-menu {
    padding: 5px;
}

.navbar .nav .dropdown-toggle .caret {
    margin-top: 12px;
}

.top-nav .nav > li > a > img {
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.navbar-inverse .navbar-search .search-query {
    background-color: #FFFFFF;
    border: 0 none;
    color: #333333;
    outline: 0 none;
    padding: 5px 15px;
    text-shadow: none;
}

/* main container */
#container {
}

.fixed-top #container {
    margin-top: 60px;
}

/* i8 fix for form input height in fluid rows */
.ie8 .row-fluid [class*="span"] {
    min-height: 20px !important;
}

/* body container */
#login-body {
    background-color: #f7f7f7 !important;
    background-image: url("../img/body-bg.png") !important;
}

#main-content {
    margin-top: 0px;
    margin-right: 215px;
    min-height: 800px;
    background: #f7f7f7 url("../img/body-bg.png");
}

#main-contener {
    margin-top: 30px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
    min-height: 600px;
    /*background: #f7f7f7 url("../img/body-bg.png");*/
    background: url('../img/body-bg.png')repeat;
    /*opacity: 50%;
    background-color:*/
}

/* page container */
.sidebar-toggler {
    -webkit-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
    cursor: pointer;
    display: block;
    float: left;
    margin-top: 12px;
    width: 23px;
    height: 25px;
    background: #e9ebec url("../img/body-bg.png");
}

.sidebar-toggler:before {
    margin: 4px 8px 7px 2px;
    display: block;
    font-size: 13px;
    font-family: FontAwesome;
    height: auto;
    content: "\f054";
    font-weight: 300;
    text-shadow: none;
}

.sidebar-toggler.closed:before, .sidebar-closed .sidebar-toggler:before {
    margin: 4px 10px 7px 2px;
    content: "\f053";
}

.sidebar-closed > #sidebar > ul {
    display: none;
}

.sidebar-closed #main-content {
    margin-right: 25px;
}

.sidebar-closed #sidebar {
    margin-right: -190px;
}

/* sidebar menu */
[class^="icon-"], [class*=" icon-"] {
    margin-top: 0;
}

ul.sidebar-menu span.icon-box {
    background: url("../img/side-bar-list-bg.png") !important;
    padding: 20px;
    margin-left: 10px;
}

#sidebar .navbar-search {
    border: 0px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

#sidebar.closed {
    display: none;
}

#sidebar > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

#sidebar > ul > li {
    display: block;
    margin: 0 0 1px 0;
    padding: 0;
    border: 0px;
    background: url("../img/side-bar-list-bg.png");
    line-height: 30px;
}

#sidebar > ul > li > a {
    display: block;
    position: relative;
    margin: 0;
    border: 0px;
    padding: 0 0 0 15px;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: normal;
}

#sidebar > ul > li a i {
    color: #eaeaea;
    font-size: 18px;
}

#sidebar > ul > li.active > a {
    border: none;
}

#sidebar > ul > li.active > a .arrow {
    margin-left: 1px;
}

#sidebar > ul > li.active > a .arrow.open {
    margin-left: 0px;
}

#sidebar ul > li > a .arrow {
    float: left;
    margin-top: 27px;
    margin-left: 5px;
    width: 0;
    height: 0;
    border-right: 4px solid #f3f3f3;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

#sidebar > ul > li > a .arrow.open {
    float: left;
    margin-top: 27px;
    margin-left: 3px;
    width: 0;
    height: 0;
    border-top: 5px solid #f3f3f3;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

#sidebar > ul > li > ul.sub {
    display: none;
    list-style: none;
    clear: both;
    margin: 0px;
}

#sidebar > ul > li.active > ul.sub {
    display: block;
}

#sidebar > ul > li > ul.sub > li {
    background: none !important;
    padding: 0px;
}

#sidebar > ul > li > ul.sub > li > a {
    display: block;
    position: relative;
    padding: 10px 60px 10px 10px;
    color: #ccc;
    text-decoration: none;
    text-shadow: 0 1px 1px #000;
    font-size: 13px;
    font-weight: normal;
}

#sidebar > ul > li > ul.sub > li.active > a, #sidebar > ul > li > ul.sub > li > a:hover {
    background: url("../img/submenu_hover.png") !important;
}

#header {
    width: 100%;
}

/* ie8, ie9 fixes */
.ie8 #sidebar .search-query, .ie8 #header .search-query {
    padding-top: 7px !important;
    padding-bottom: 5px !important;
}

.ie9 #sidebar .search-query, .ie9 #header .search-query {
    padding-bottom: 0px !important;
    height: 24px;
}

.ie9 #sidebar > ul > li.active > a .triangle {
    left: -1px;
}

/* ie10 fixes */
.ie10 #header .search-input-area > i, .ie10 #sidebar .search-input-area > i {
    top: -2px !important;
}

/* ie8 fixes */
.ie8 #sidebar {
    position: absolute;
    width: 215px;
}

.ie8 #sidebar ul {
    margin-top: 47px;
    width: 215px;
}

/* footer container */
#footer {
    padding: 8px 20px 5px 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    /*background: url("../img/top-bg.jpg");*/
}

.go-top {
    display: block;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    margin-top: -3px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    background-color: #111;
    opacity: 0.8;
    padding: 3px 6px 2px 5px;
    opacity: 0.4;
    filter: alpha(opacity = 40);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

/* custom wells */
.well {
    background-color: #fafafa;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.well.mini {
    padding: 7px !important;
}

.tab-content {
    padding: 0px;
    overflow: hidden;
}

/* general form */
form legend {
    margin: 15px 0px 10px 0px !important;
}

.form-actions {
    background-color: #fff;
}

.widget-body.form form {
    margin: 0px !important;
    padding: 0px !important;
}

.widget-body.form .control-group:last-child {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.widget-body.form .form-actions {
    margin-left: -15px !important;
    margin-right: -15px !important;
    margin-top: 20px !important;
    margin-bottom: -15px !important;
    margin-top: 20px;
    padding-right: 195px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

.widget-body .dataTables_info, .widget-body .dataTables_paginate {
    margin-top: 5px !important;
    padding-bottom: 0px !important;
    margin-bottom: -4px !important;
}

.widget-body .table {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.widget-title > h4, .breadcrumb > li > a:hover, .chats li.in .name {
    color: #4C4C4C;
    text-shadow: 0 1px 1px #FFFFFF;
}

/* custom form input error states with icons */
.input-icon input {
    padding-left: 25px !important;
}

.input-icon .input-error, .input-icon .input-warning, .input-icon .input-success {
    display: inline-block !important;
    position: relative !important;
    top: 4px;
    left: 25px !important;
    font-size: 16px;
}

.input-icon .input-error {
    color: #B94A48;
}

.input-icon .input-warning {
    color: #C09853;
}

.input-icon .input-success {
    color: #468847;
}

/* custom breadcrumb */
.breadcrumb {
    background: none;
    margin-right: -15px;
    border: none;
    box-shadow: none;
}

.breadcrumb > li {
    height: 33px;
    line-height: 33px;
    background: url("../img/bread-crumb-bg.jpg") repeat-x;
    float: right;
    margin-bottom: 25px;
    padding: 0 8px 0 0;
}

.breadcrumb > li > a {
    color: #737373;
}

.breadcrumb > li > a:hover {
    text-decoration: none;
}

.breadcrumb > li > .divider {
    display: inline-block;
    padding: 0px;
    width: 33px;
    height: 33px;
    line-height: 33px;
    background: url("../img/bread-crumb-divider.jpg") no-repeat;
}

.breadcrumb > li > .divider:hover {
    width: 38px;
    height: 38px;
}

.breadcrumb > li > .divider-last {
    display: inline-block;
    padding: 0px;
    width: 19px;
    height: 33px;
    line-height: 33px;
    background: url("../img/bread-crumb-last.jpg") no-repeat;
}

.breadcrumb > li > .divider-last:hover {
    width: 27px;
    height: 38px;
}

.breadcrumb .tooltip {
    text-shadow: none !important;
}

/*general search  */
.breadcrumb > li.search-wrap {
    background: none !important;
    float: left;
}

.breadcrumb .search-input-area {
    float: left;
    position: relative;
    width: 94%;
}

.search-input-area input.search-query {
    border: 0px !important;
    padding-right: 8px;
    padding-left: 20px;
    box-shadow: 0 0 5px #CCCCCC !important;
    -moz-box-shadow: 0 0 5px #CCCCCC !important;
    -webkit-box-shadow: 0 0 5px #CCCCCC !important;
}

.search-input-area input:focus.search-query {
    outline: 0;
    box-shadow: 0 0 8px rgba(82, 168, 236, 0.6) !important;
    -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6) !important;
    -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6) !important;
}

.breadcrumb .search-input-area > i, #sidebar .search-input-area > i {
    cursor: pointer;
    display: inline-block !important;
    font-size: 18px;
    position: absolute !important;
    left: -10px !important;
    top: 7px !important;
}

/* charts & stats */
.chart, .pie, .bars {
    height: 300px;
}

.stat {
    margin: 0px;
    padding: 0px;
}

.item-list.table .percent {
    width: 30px;
    float: left;
    margin-left: 10px;
    margin-top: 3px;
}

.item-list.table .title {
    padding-top: -5px;
}

.stat .title {
    margin-left: 10px;
    margin-right: 10px;
    font-size1: 13px;
}

.stat.good .percent {
    color: #52e136;
    font-size: 16px;
    font-weight: bold;
}

.stat.bad .percent {
    color: #d12610;
    font-size: 16px;
    font-weight: bold;
}

.stat.ok .percent {
    color: #37b7f3;
    font-size: 16px;
    font-weight: bold;
}

/* general list for item with picture */
ul.item-list li .pic {
    height: 50px;
    width: 50px;
    float: right;
    margin-top: 3px;
    margin-left: 5px;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
}

ul.item-list {
    margin: 0px;
    list-style: none;
}

ul.item-list li {
    padding: 5px 0;
    list-style: none;
    border-top: 1px solid white;
    border-bottom: 1px solid #EBEBEB;
    font-size: 12px;
}

ul.item-list li:first-child {
    border-top: none;
    border-bottom: 1px solid #EBEBEB;
}

ul.item-list li:last-child {
    border-top: none;
    border-bottom: none;
}

ul.item-list li .label {
    margin-left: 5px;
}

/* general purpose block with css3 gradient background */
.block {
    line-height: 18px;
    margin: 0 0 20px 0;
    padding: 10px;
    text-align: center;
}

/* metro dashboard stats */
.metro-overview-cont {
    padding-top: 0px;
    margin-bottom: 15px;
}

.metro-overview {
    clear: both;
    padding: 10px 10px 0px 10px;
    margin: 0px;
    margin-bottom: 5px;
    box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.2) inset;
}

.metro-overview .display {
    margin-left: 5px;
    float: right;
    font-size: 30px;
    color: #fff;
}

.metro-overview .percent {
    color: #fff;
    font-size: 12px;
}

.metro-overview .details {
    color: #fff;
    text-align: left;
}

.metro-overview .details .title {
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 6px;
}

.metro-overview .details .title i {
    color: #fff;
    margin-right: 2px;
}

.metro-overview .details .numbers {
    color: #fff;
    font-size: 20px;
    margin-bottom: 6px;
}

.metro-overview .progress {
    height: 5px;
    margin-bottom: 10px !important;
    width: 100%;
}

/* mini chart and bar containers  */
.bar-chart {
    display: none;
}

.line-chart {
    display: none;
}

/* custom label and badges */
.notify-row .badge {
    position: absolute;
    top: -5px;
    z-index: 100;
    left: 1px;
}

.badge {
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    padding: 2px 6px;
}

.label {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    text-shadow: none !important;
    padding: 5px !important;
}

.label-success, .badge-success {
    background-color: #a5d16c;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5d16c), color-stop(100%, #a5d16c));
    background-image: -webkit-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: -moz-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: -ms-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: -o-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: linear-gradient(top, #a5d16c, #a5d16c);
}

.label-warning, .badge-warning {
    background-color: #fcb322;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcb322), color-stop(100%, #fcb322));
    background-image: -webkit-linear-gradient(top, #fcb322, #fcb322);
    background-image: -moz-linear-gradient(top, #fcb322, #fcb322);
    background-image: -ms-linear-gradient(top, #fcb322, #fcb322);
    background-image: -o-linear-gradient(top, #fcb322, #fcb322);
    background-image: linear-gradient(top, #fcb322, #fcb322);
}

.label-important, .badge-important {
    background-color: #e74955;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e74955), color-stop(100%, #e74955));
    background-image: -webkit-linear-gradient(top, #e74955, #e74955);
    background-image: -moz-linear-gradient(top, #e74955, #e74955);
    background-image: -ms-linear-gradient(top, #e74955, #e74955);
    background-image: -o-linear-gradient(top, #e74955, #e74955);
    background-image: linear-gradient(top, #e74955, #e74955);
}

.label-info, .badge-info {
    background-color: #32c2cd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32c2cd), color-stop(100%, #32c2cd));
    background-image: -webkit-linear-gradient(top, #32c2cd, #32c2cd);
    background-image: -moz-linear-gradient(top, #32c2cd, #32c2cd);
    background-image: -ms-linear-gradient(top, #32c2cd, #32c2cd);
    background-image: -o-linear-gradient(top, #32c2cd, #32c2cd);
    background-image: linear-gradient(top, #32c2cd, #32c2cd);
}

.label-mini {
    font-size: 11px;
}

/*progress bar*/
.progress {
    height: 10px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

/*pre loader list */
.list_items > li {
    padding: 0 0 12px 16px;
}

/*pagination */
.pagination {
    margin: 10px 0;
}

/*slider*/
.slider {
    margin-bottom: 40px;
    margin-top: 20px;
}

.slider label {
    cursor: text;
}

.jslider .jslider-value {
    border: 1px solid #CDCDCD;
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
}

.jslider .jslider-value, .jslider .jslider-label, .jslider .jslider-scale ins {
    font-size: 12px !important;
}

.jslider .jslider-bg i {
    height: 6px !important;
}

.jslider .jslider-value {
    padding: 3px 0px 0 5px !important;
    top: -28px !important;
}

.jslider_round_plastic .jslider-pointer {
    height: 23px !important;
    margin-right: -12px !important;
    width: 23px !important;
}

.jslider .jslider-pointer {
    background-position: 0 -58px !important;
    top: -6px !important;
}

.jslider .jslider-pointer {
    background-position: 0 -58px !important;
    top: -6px !important;
}

.jslider .jslider-pointer-hover {
    top: -8px !important;
    background-position: -22px -56px !important;
}

.jslider .jslider-value {
    padding: 3px 5px !important;
}

/*font awesome icon style*/
.icon-style-list ul.unstyled li {
    /*border: 1px solid #EAEAEA;*/
    font-family: arial;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: 13px;
    background: #eeeeee;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.icon-style-list ul.unstyled li i {
    font-size: 16px;
    padding-left: 5px;
}

.icon-style-list h3, .icon-style-list h4 {
    font-family: Arial;
}

ul.icons {
    list-style-type: none;
    text-indent: -0.75em;
    margin-right: 25px;
}

/*alpha listing*/
.upper-alpha {
    list-style: upper-alpha;
}

/*roman list*/
.roman-list {
    list-style: upper-roman;
}

/*glyphicons icon style*/
.the-icons {
    list-style: none;
    margin-right: 0;
}

.the-icons li {
    float: right;
    line-height: 25px;
    width: 20%;
    line-height: 30px;
}

/*buttons style*/
.btn {
    border-radius: 0;
    background: #e8e8e8;
    outline: none;
}

.btn:hover {
    border-radius: 0;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.btn-group > .btn:first-child, .btn-group > .btn:last-child, .btn-group > .dropdown-toggle, .btn-group-vertical > .btn:first-child, .btn-group-vertical > .btn:last-child {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.btn-primary {
    background: #036c9c;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #2c7fa5;
}

.btn-success {
    background: #87bb33;
}

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled], .btn-group.open .btn-success.dropdown-toggle {
    background-color: #70BB2E;
}

.btn-info {
    background: #2fade7;
}

.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled], .btn-group.open .btn-info.dropdown-toggle {
    background-color: #50baeb;
}

.btn-warning {
    background: #fb9800;
}

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled], .btn-group.open .btn-warning.dropdown-toggle {
    background-color: #FB8E13;
}

.btn-danger {
    background: #dc5d3a;
}

.btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled], .btn-group.open .btn-danger.dropdown-toggle {
    background-color: #DC4E3B;
}

.btn-inverse {
    background: #484848;
}

.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled], .btn-group.open .btn-inverse.dropdown-toggle {
    background-color: #292929;
}

.btn-link {
    background: none;
    box-shadow: none;
}

.input-prepend .add-on:first-child, .input-prepend .btn:first-child, .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child, .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child, .input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
    border: 1px solid #ddd;
    border-radius: 0px;
}

.uneditable-input {
    width: 135px;
}

.switch-form input {
    width: 110px;
}

/*form element */
textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .fileupload-new .input-append .btn-file {
    border: 1px solid #ddd;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    box-shadow: none !important;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    background: #fff;
    border: 1px solid #DDDDDD;
    box-shadow: none !important;
}

.form-horizontal .control-label {
    text-align: right;
}

/* icon buttons */
.icon-btn {
    height: 70px;
    width: 50px;
    margin: 10px 0px 10px 0px;
    padding: 16px 0px 0px 0px;
    font-size: 10px;
    background-color: #fff !important;
    -webkit-box-shadow: 0 0px 5px #ddd !important;
    -moz-box-shadow: 0 0px 5px #ddd!important;
    box-shadow: 0 0px 5px #ddd !important;
    display: block !important;
    color: #646464 !important;
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
}

.ie8 .icon-btn:hover {
    filter: none !important;
}

.icon-btn:hover {
    background: #fff !important;
    text-decoration: none !important;
    box-shadow: none !important;
    color: #444 !important;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
    box-shadow: 0px 0px 0px #fff, 0 0 1px rgba(0, 0, 0, .6) inset !important;
}

.icon-btn i {
    font-size: 20px;
    color: #777 !important;
}

.icon-btn div {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 12px !important;
    font-family: Arial;
}

.icon-btn .badge {
    position: absolute;
    font-size: 10px !important;
    top: 26px;
    left: -8px;
    height: 14px;
    padding: 3px 7px;
    color: white !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-shadow: none;
    font-family: Arial;
}

.icon-btn:hover .badge {
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
}

.icon-btn i {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
}

.icon-btn:hover i {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    color: #fff;
    opacity: 1;
}

/* custom dropdown */
.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: right;
    padding: 0px 0;
    margin: 2px 0 0;
    list-style: none;
    text-shadow: none;
    background-color: #fcfcfc;
    border: 1px solid rgba(0, 2, 1, 0.2);
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    -webkit-box-shadow: 0 0px 0px rgba(0, 2, 1, 0.4);
    -moz-box-shadow: 0 0px 0px rgba(0, 2, 1, 0.4);
    box-shadow: 0 0px 0px rgba(0, 2, 1, 0.4);
    -webkit-background-clip: padding-box;
    -moz-background-clipp: padding;
    background-clip: padding-box;
    padding: 0px 0;
    margin: 0px;
    list-style: none;
    text-shadow: none;
}

.dropdown-menu.opens-left {
    margin-top: 2px;
    margin-right: -88px;
}

.ie8 .dropdown-menu.opens-left {
    margin-right: -82px;
}

.dropdown-menu.extended {
    top: 40px;
    min-width: 160px !important;
    max-width: 300px !important;
    width: 233px !important;
}

.dropdown-menu.extended li a {
    display: block;
    padding: 5px 10px !important;
    clear: both;
    font-weight: normal;
    line-height: 20px;
    white-space: normal !important;
}

.dropdown-menu.extended .arrow {
    top: -14px;
    right: 10px;
    position: absolute;
    margin-top: 6px;
    margin-left: 12px;
    width: 0;
    height: 0;
    border-bottom: 8px solid #f3f3f3;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

.dropdown-menu.extended li i {
    margin-left: 3px;
}

.dropdown-menu.extended li a {
    padding: 10px !important;
    background-color: #fafafa !important;
}

.dropdown-menu.extended li a:hover {
    padding: 10px !important;
    background-color: #eeeeee !important;
}

.dropdown-menu.extended li p {
    padding: 10px;
    background-color: #eee;
    margin: 0px;
    color: #666;
}

.dropdown-menu.extended li a {
    padding: 7px 0 5px 0px;
    list-style: none;
    /*border-top: 1px solid white !important;*/
    border-bottom: 1px solid #EBEBEB !important;
    font-size: 12px;
}

.dropdown-menu.extended li:first-child a {
    border-top: none;
    border-bottom: 1px solid #EBEBEB !important;
}

.dropdown-menu.extended li:last-child a {
    border-top: 1px solid white !important;
    border-bottom: 1px solid #EBEBEB !important;
}

.dropdown-menu.inbox li a .photo img {
    float: right;
    height: 40px;
    width: 40px;
    margin-left: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.dropdown-menu.inbox li a .subject {
    display: block;
}

.dropdown-menu.inbox li a .subject .from {
    font-size: 12px;
    font-weight: bold;
}

.dropdown-menu.inbox li a .subject .time {
    font-size: 11px;
    font-weight: bold;
    font-style: italic;
    position: absolute;
    left: 5px;
}

.dropdown-menu.inbox li a .message {
    display: block !important;
    font-size: 11px;
}

/* star rating */
.rating {
    unicode-bidi: bidi-override;
    direction: ltr;
    font-size: 30px;
}

.rating span.star, .rating span.star {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
}

.rating span.star:hover, .rating span.star:hover {
    cursor: pointer;
}

.rating span.star:before, .rating span.star:before {
    content: "\f006";
    padding-left: 5px;
    color: #999999;
}

.rating span.star:hover:before, .rating span.star:hover:before, .rating span.star:hover ~ span.star:before, .rating span.star:hover ~ span.star:before {
    content: "\f005";
    color: #87bb33;
}

/* adjust uniform components */
.radio, .checkbox {
    padding-right: 0px !important;
}

.controls > .radio, .controls > .checkbox {
    display: inline-block;
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 0px !important;
    margin-left: 15px !important;
}

.controls > .radio.line, .controls > .checkbox.line {
    display: block;
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 5px !important;
}

.controls .text {
    display: block;
    margin-top: 5px;
}

.checkbox div.checker {
    margin-left: 2px !important;
}

.uploader {
    margin-top: 2px !important;
}

/* item block  */
.item {
    overflow: hidden;
    display: block;
}

.item:hover .zoom-icon {
    opacity: 0.5;
    filter: alpha(opacity = 50);
}

/* zoom icon overlay on images */
.zoom {
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5;
}

.zoom .zoom-icon {
    background-image: url("../img/overlay-icon.png");
    background-color: #222;
    background-repeat: no-repeat;
    background-position: 50%;
    position: absolute;
    width: inherit;
    height: inherit;
    opacity: 0;
    filter: alpha(opacity = 0);
    z-index: 6;
    top: 0;
}

/* logo page */
#logo {
    width: 247px;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
}

.login-header {
    background: url("../img/top-bg.jpg") repeat-x;
    border-width: 0;
    height: 60px;
    text-align: center;
}

#login {
    background: #e3e3e3;
    box-shadow: 1px 0 1px #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 0 1px #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 0 1px #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    width: 370px;
    margin: 150px auto 0;
    padding: 20px;
}

.login-btn {
    background: url("../img/login-btn.jpg");
    border: none;
    box-shadow: 1px 0 1px #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 0 1px #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 0 1px #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 16px;
    color: #fff;
    text-shadow: none;
    padding: 10px 0;
}

.login-btn:hover {
    opacity: 0.8;
    color: #fff;
}

#login .control-group {
    margin-bottom: -11px;
}

#login .form-actions {
    padding: 20px;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 0px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    margin-bottom: -37px;
}

#login input {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

#login input[type=checkbox] {
    margin-top: -3px;
}

#login span.add-on {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 10px;
    color: #828283;
    text-shadow: none;
}

#login input {
    padding: 10px;
}

#login i {
    color: #999 !important;
}

#login #forget-password {
    font-size: 11px;
}

#login-copyright {
    text-align: center;
    width: 250px;
    margin: 0 auto;
    padding: 10px 10px 0 10px;
    color: #999;
    font-size: 11px;
}

.control-wrap {
    width: 266px;
    display: inline-block;
    margin-bottom: 15px;
}

#login .lock {
    width: 100px;
    float: right;
    margin-top: 28px;
    font-size: 110px;
    vertical-align: middle;
}

#login .lock i {
    vertical-align: middle;
}

#forgotform #input-email {
    width: 312px;
}

/* style switcher */
#theme-change {
    position: fixed;
    width: 20px;
    height: 22px;
    overflow: hidden;
    top: 126px;
    left: 0px;
    white-space: nowrap;
    padding: 5px 8px 5px 10px;
    background-color: #dcdcdc;
    z-index: 100;
    color: #737373;
    -webkit-border-radius: 0px 5px 5px 0;
    -moz-border-radius: 0px 5px 5px 0;
    border-radius: 0px 5px 5px 0;
}

#theme-change > i {
    font-size: 18px;
    cursor: pointer;
    display: inline-block;
    margin-left: 2px;
    margin-top: 2px;
}

#theme-change:hover, #theme-change > i:hover {
    color: #737373;
}

#theme-change label {
    display: inline-block !important;
}

#theme-change .text {
    margin-left: 2px;
    font-weight: bold;
    font-size: 14px;
}

#theme-change .settings {
    display: none;
}

#theme-change .colors {
}

#theme-change .checker {
    display: inline-block !important;
    margin-top: -1px;
}

#theme-change .colors span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 2px 1px -7px 1px;
    border: 2px solid #ddd;
    cursor: pointer;
}

#theme-change .layout {
    width: 100px;
    margin-top: 7px;
    margin-right: 63px;
    margin-bottom: 5px;
    display: block;
}

#theme-change .colors span.active, #theme-change .colors span:hover {
    border: 2px solid white;
}

#theme-change .colors .color-default {
    background-color: #2e64a1;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#theme-change .colors .color-purple {
    background-color: #7265ae;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#theme-change .colors .color-gray {
    background-color: #4d4d4d;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

#theme-change .colors .color-navy-blue {
    background-color: #263849;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

/* Circle stats admin lab */
.circle-wrap {
    text-align: center;
    margin-bottom: 20px;
    opacity: 1;
}

.turquoise-color {
    background: #4cc5cd;
}

.red-color {
    background: #e17f90;
}

.green-color {
    background: #a8c77b;
}

.gray-color {
    background: #b9baba;
}

.purple-color {
    background: #c8abdb;
}

.blue-color {
    background: #93c4e4;
}

.stats-circle {
    width: 100px;
    height: 100px;
    border-radius: 70px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
    cursor: pointer;
    box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.2) inset;
}

.circle-wrap p {
    color: #888888;
    font-size: 13px;
    margin: 0;
}

.circle-wrap p strong {
    display: block;
    font-size: 18px;
    color: #777;
}

.stats-circle i {
    display: inline-block;
    font-size: 3.5em;
    margin-top: 26px;
    text-shadow: 1px 1px 1px #999;
    opacity: .6;
}

.stats-circle i {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
}

.stats-circle:hover i {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    color: #fff;
    opacity: 1;
}

.stats-circle span {
    display: block;
}

/* Square stats */
.square-state {
}

.square-state .icon-btn {
    margin-top: 0;
    margin-bottom: 20px;
}

/* Circle stats */
.knobify {
    border: 0 !important;
    width: 0px;
}

.ie8 .knobify {
    display: none;
}

.circle-stats {
    position: relative;
    margin: 10px 0px 10px 0px;
}

.circle-stat {
    padding: 2px;
}

.circle-stat canvas {
}

.circle-stat:before, .circle-stat:after {
    display: table;
    line-height: 0;
    content: "";
}

.circle-stat:after {
    clear: both;
}

.circle-stat .visual {
    display: inline-block;
    position: relative;
}

.circle-stat .details {
    display: block;
    margin-right: 5px;
    padding-top: 7px;
    clear: both;
    text-align: center;
}

.circle-stat .details .title {
    padding: 0px !important;
    font-size: 13px;
    text-shadow: 0 1px rgba(232, 232, 232, 0.75);
    color: #777;
}

.ie8 .circle-stat .details .title {
    margin-top: 5px !important;
}

.ie8 .circle-stat .details {
    padding-top: 0px !important;
    margin-bottom: 5px !important;
}

.circle-stat .details .title i {
    margin-top: 2px !important;
    color: #52e136;
    font-size: 16px;
}

.circle-stat .details .title i.down {
    color: #b63625;
}

.circle-stat .details .number {
    margin: 0px !important;
    margin-bottom: 5px !important;
    font-size: 18px;
    padding: 0px;
    font-weight: bold;
    text-shadow: 0 1px rgba(244, 244, 244, 0.85);
    color: #777;
}

/*circle state icon place */
.circle-state-overview .span3:first-child {
    margin-right: 20px;
}

.circle-state-icon {
    background: url("../img/body-bg.png") repeat scroll 0 0 #F7F7F7;
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    font-size: 38px;
    height: 38px;
    right: 15px;
    opacity: 1;
    padding: 15px;
    position: absolute;
    top: 15px;
    width: 38px;
    z-index: 10;
}

.circle-state-icon .turquoise-color {
    color: #4cc5cd;
}

.circle-state-icon .red-color {
    color: #e17f90;
}

.circle-state-icon .green-color {
    color: #a8c77b;
}

.circle-state-icon .gray-color {
    color: #b9baba;
}

.circle-state-icon .purple-color {
    color: #c8abdb;
}

.circle-state-icon .blue-color {
    color: #93c4e4;
}

/*map stats*/
.map-stat {
    margin: 20px;
    display: block;
}

.map-stat:before, .map-stat:after {
    display: table;
    line-height: 0;
    content: "";
}

.map-stat:after {
    clear: both;
}

.map-stat .visual {
    width: 70px;
    height: 60px;
    margin-left: 5px;
    display: block;
    float: right;
}

.map-stat .visual i {
    margin-top: 15px;
    display: block;
    font-size: 68px;
    color: #4d4d4d;
}

.map-stat .details {
    display: block;
    float: right;
    margin-right: 5px;
    padding-top: 0px;
}

.map-stat .details .title {
    margin: 0px 0px 5px 0px !important;
    padding: 0px !important;
    font-size: 12px;
    color: #878787;
}

.map-stat .details .title i {
    margin-top: 2px !important;
    color: #52e136;
    font-size: 16px;
}

.map-stat .details .title i.down {
    color: #b63625;
}

.map-stat .details .number {
    margin: 0px !important;
    margin-bottom: 7px !important;
    font-size: 42px;
    padding: 0px;
    font-weight: bold;
    color: #35d1fe;
}

/*scroller padding*/
.scroller {
    padding-left: 10px;
}

/*jqvmap changes*/
.jqvmap-zoomin {
    background-color: #666 !important;
}

.jqvmap-zoomout {
    background-color: #666 !important;
}

.vmaps {
    position: relative;
    overflow: hidden;
    height: 300px;
}

/* google maps */
.gmaps {
    height: 300px;
    width: 100%;
}

/* important!  bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
.gmaps img {
    max-width: none;
}

#gmap_static div {
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    height: 100%;
    display: block;
    height: 300px;
}

#gmap_routes_instructions {
    margin-top: 10px;
    margin-bottom: 0px;
}

/* advance tables*/
.table-advance {
    margin-bottom: 10px !important;
}

.table-advance thead {
    color: #999;
}

.table-advance thead tr th {
    background-color: #DDD;
    color: #666;
}

.table-advance div.success, .table-advance div.info, .table-advance div.important, .table-advance div.warning, .table-advance div.danger {
    position: absolute;
    margin-top: 5px;
    float: right;
    width: 10px;
    height: 10px;
    margin-left: 20px !important;
}

.table-advance tr td {
    border-right-width: 0px;
}

.table-advance tr td:first-child {
    border-right-width: 1px !important;
}

.table-advance tr td.highlight:first-child a {
    margin-right: 15px;
}

.table-advance td.highlight div.success {
    border-right: 10px solid #A5D16C;
}

.table-advance td.highlight div.info {
    border-right: 10px solid #87ceeb;
}

.table-advance td.highlight div.important {
    border-right: 10px solid #f02c71;
}

.table-advance td.highlight div.warning {
    border-right: 10px solid #fdbb39;
}

.table-advance td.highlight div.danger {
    border-right: 10px solid #e23e29;
}

/*gritter changes*/
.gritter-close {
    right: auto !important;
    left: 3px !important;
}

/* calendar and calendar form */
.external-event {
    display: inline-block !important;
    cursor: move;
    margin-bottom: 5px !important;
    margin-left: 5px !important;
}

/* fix full calendar title */
table.fc-header {
    float: left;
    direction: rtl;
}

.fc-corner-right .fc-button-inner, .fc-corner-right .fc-event-inner {
    margin-left: -1px;
}

.fc-corner-left .fc-button-inner, .fc-corner-left .fc-event-inner {
    margin-right: -1px;
}

.has-toolbar .fc-header-right {
    padding-left: 50px !important;
}

.fc-header-title h2 {
    font-size: 13px !important;
    line-height: 20px;
    color: #111;
}

.event-form-title {
    margin-top: 0px;
    margin-bottom: 13px;
    font-size: 13px !important;
    line-height: 20px;
    color: #111;
}

.fc-event-skin {
    border: 0px !important;
    background-color: inherit !important;
}

.fc-event.label {
    text-shadow: none !important;
    padding: 4px 4px !important;
}

.label-default {
    background-color: #999 !important;
}

/* fix calendar title for ie8 and ie9 */
.ie8 .label-success, .ie9 .label-success {
    background-color: #5fd02c !important;
}

.ie8 .label-warning, .ie9 .label-warning {
    background-color: #fcb322 !important;
}

.ie8 .label-important, .ie9 .label-important {
    background-color: #ed4e2a !important;
}

.ie8 .label-info, .ie9 .label-info {
    background-color: #57b5e3 !important;
}

/* hide chosen search box */
.event_priority_chzn .chzn-search {
    display: none !important;
}

/* portlet tabs */
.widget-tabs .nav-tabs {
    position: relative;
    margin-top: -52px;
}

.widget-tabs .nav-tabs > li {
    float: left;
    /*border-top: 3px solid transparent;*/
}

.widget-tabs .nav-tabs {
    border-bottom: none;
    margin-left: 5px;
}

.widget-tabs .nav-tabs > li > a {
    padding-top: 9px;
    padding-bottom: 10px;
    line-height: 16px;
    margin-left: 0px;
    margin-right: 0px;
    border-left: none !important;
    border-right: none !important;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    color: black;
}

.widget-tabs .nav-tabs > li:last-child > a {
    border-left: 0;
}

.widget-tabs .nav-tabs > .active {
    border-top: 2px solid #4C4C4C;
}

.widget-tabs .nav-tabs > li {
    margin-right: -1px;
}

.widget-tabs .nav-tabs > li > a:hover, .widget-tabs .nav-tabs > li > a.active {
    margin-bottom: 0px;
    border-bottom: 0;
    margin-left: 0px;
    margin-right: 0px;
    border-left: 0;
    border-right: 0;
    background-color: #fff;
}

.widget-tabs .nav-tabs > .active > a {
    color: #555555;
    cursor: default;
    background-color: #fff;
}

.widget-tabs .widget-body.form {
    padding: 0px;
}

.widget-tabs .widget-body.form .tab-pane {
    padding: 15px;
    padding-top: 0px;
}

.widget-tabs .widget-body.form .nav-tabs {
    margin-top: -37px;
}

/*TodoList*/
.todo-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

.todo-list li {
    padding: 1px 0 8px 0px;
    margin-bottom: 5px;
    border-bottom: 1px solid #EBEBEB;
}

.todo-list li:first-child {
    border-top: none;
    border-bottom: 1px solid #EBEBEB;
}

.todo-list li:last-child {
    border-top: none;
    border-bottom: none;
}

.todo-list li:before, .todo-list li:after {
    display: table;
    line-height: 0;
    content: "";
}

.todo-list li:after {
    clear: both;
}

.todo-list .col1 {
    float: right;
    width: 100%;
    clear: both;
}

.todo-list .col2 {
    float: right;
    width: 120px;
    margin-right: -120px;
    text-align: left;
}

.todo-list .col1 .cont {
    float: right;
    margin-left: 120px;
    overflow: hidden;
}

/*time line chat*/
.timeline-messages:before {
    background: rgba(0, 0, 0, 0.1);
    bottom: 0;
    right: 58px;
    top: 0;
    width: 2px;
}

.timeline-messages:before, .msg-time-chat:before, .msg-time-chat .text:before {
    content: "";
    right: 20px;
    position: absolute;
    top: -2px;
}

.timeline-messages, .msg-time-chat {
    position: relative;
}

.msg-time-chat:first-child:before {
    margin-top: 16px;
}

.msg-time-chat:before {
    background: #CCCCCC;
    border: 2px solid #FAFAFA;
    border-radius: 100px;
    -moz-border-radius: 100px;
    -webkit-border-radius: 100px;
    height: 10px;
    margin: 23px 47px 0 0px;
    width: 10px;
}

.msg-time-chat:hover:before {
    background: #A5D16C;
}

.msg-time-chat:first-child {
    padding-top: 0;
}

.message-img {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    float: right;
    margin-left: 30px;
    overflow: hidden;
}

.message-img img {
    display: block;
    height: 44px;
    width: 44px;
}

.message-body {
    margin-right: 74px;
}

.msg-time-chat .text {
    background: #fbfbfb;
    border: 1px solid #E5E5E5;
    padding: 10px;
}

.msg-time-chat p {
    margin: 0;
}

.msg-time-chat .attribution {
    color: #666666;
    font-size: 11px;
    margin: 0px 0 5px;
}

.msg-time-chat {
    overflow: hidden;
    padding: 8px 0;
}

.msg-in a {
    color: #22878E;
}

.msg-out a {
    color: #B14C4C;
}

/*Chats*/
.chats {
    margin: 0;
    padding: 0;
    margin-top: -15px;
    margin-left: 10px;
}

.chats li {
    list-style: none;
    padding: 8px 0 5px;
    margin: 7px auto;
    font-size: 12px;
}

.chats li img.avatar {
    height: 45px;
    width: 45px;
    -webkit-border-radius: 50% !important;
    -moz-border-radius: 50% !important;
    border-radius: 50% !important;
}

.chats li.in img.avatar {
    float: right;
    margin-left: 10px;
    margin-top: 0px;
}

.chats li .name {
    font-size: 13px;
    font-weight: 400;
}

.chats li .datetime {
    color: #adadad;
    font-size: 13px;
    font-weight: 400;
}

.chats li.out img.avatar {
    float: left;
    margin-right: 10px;
    margin-top: 0px;
}

.chats li .message {
    display: block;
    padding: 5px;
    position: relative;
}

.chats li.in .message {
    text-align: right;
    margin-right: 65px;
}

.chats li.in .message .arrow {
    display: block;
    position: absolute;
    top: 8px;
    right: -8px;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

.chats li.out .message .arrow {
    display: block;
    position: absolute;
    top: 8px;
    left: -8px;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #b14c4c;
}

.chats li.out .message {
    border-left: 2px solid #b14c4c;
    margin-left: 65px;
    text-align: left;
}

.chats li.out .name, .chats li.out .datetime {
    text-align: left;
}

.chats li .message .body {
    display: block;
}

.chat-form {
    margin-top: 15px;
    padding: 10px;
    background-color: #eee;
    clear: both;
}

.chat-form .input-cont {
    margin-left: 55px;
}

.chat-form .input-cont input {
    margin-bottom: 0px;
}

.chat-form .input-cont input {
    border: 1px solid #ddd;
    width: 94%;
    margin-top: 0;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.chat-form .input-cont input {
    background-color: #fff !important;
}

.chat-form .input-cont input:focus {
    border: 1px solid #2FADE7 !important;
}

.chat-form .btn-cont {
    margin-top: -38px;
    position: relative;
    float: left;
}

.chat-form .btn-cont .btn {
    border-right: 0px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    margin-top: 8px;
}

/*normal chat*/
.normal-chat .message {
    border: 1px solid #eaeaea;
    background: #fbfbfb;
    border-left: 1px solid #eaeaea !important;
    border-right: 1px solid #eaeaea !important;
    padding: 10px !important;
    border-radius: 5px;
}

.normal-chat li img.avatar {
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    height: 45px;
    width: 45px;
}

.normal-chat li.in img.avatar, .normal-chat li.out img.avatar {
    margin-top: 0px;
}

.normal-chat li.in .message .arrow {
    border-left: 8px solid #eaeaea !important;
}

.normal-chat li.in .message .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    right: -8px;
    position: absolute;
    top: 15px;
    width: 0;
}

.normal-chat li.out .message .arrow {
    border-right: 8px solid #eaeaea !important;
}

.normal-chat li.out .message .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    position: absolute;
    left: -8px;
    top: 15px;
}

.normal-chat li.in .name {
    color: #FB9800 !important;
}

.normal-chat li.out .name {
    color: #2FADE7 !important;
}

.normal-chat li .datetime {
    color: #ADADAD;
    font-size: 11px !important;
    font-weight: 400;
}

/* Input icons */
/* input with right aligned and colored icons */
.input-icon input {
    padding-left: 25px !important;
}

.input-icon .input-info, .input-icon .input-error, .input-icon .input-warning, .input-icon .input-success {
    display: inline-block !important;
    position: relative !important;
    top: 3px;
    left: 25px !important;
    font-size: 16px;
}

.input-icon .input-info {
    color: #27a9e3;
}

.input-icon .input-error {
    color: #B94A48;
}

.input-icon .input-warning {
    color: #C09853;
}

.input-icon .input-success {
    color: #468847;
}

/* input with left aligned icons */
.input-icon.left i {
    color: #ccc;
    display: block !important;
    position: absolute !important;
    z-index: 1;
    margin: 6px 10px 4px 2px;
    width: 16px;
    height: 16px;
    border1: 1px solid #ddd;
    font-size: 16px;
    text-align: center;
}

.input-icon.left input {
    padding-right: 33px !important;
}

/* Modify tags input plugin css */
div.tagsinput {
    height: 40px !important;
    margin: 0 !important;
    padding: 5px !important;
    overflow: auto !important;
}

div.tagsinput span.tag {
    background: #22C0CB !important;
    color: #fff !important;
    border: 0 !important;
    padding: 3px 6px !important;
    margin-bottom: 4px !important;
}

div.tagsinput input {
    padding: 3px 6px !important;
}

div.tagsinput span.tag a {
    color: #fff !important;
}

div.tagsinput .not_valid {
    color: #fff !important;
    padding: 3px 6px !important;
    background-color: #e02222 !important;
}

/* File uploader plugin css changes */
.fileupload .close {
    position: relative;
    top: 4px !important;
}

/*Form wizard*/
.form-wizard .progress {
    margin-bottom: 30px;
}

.form-wizard .steps {
    padding: 10px 0;
    margin-bottom: 15px;
}

.form-wizard .steps .navbar-inner {
    background-color: #fff !important;
    background-image: none !important;
    filter: none !important;
    border: 0px;
    box-shadow: none !important;
}

.form-wizard .steps .navbar-inner li a {
    background-color: #eee !important;
    background-image: none !important;
    filter: none !important;
    border: 0px;
    box-shadow: none !important;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
}

.form-wizard .step:hover {
    text-decoration: none;
}

.form-wizard .step .number {
    background-color: #ccc;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    padding: 12px 25px !important;
    margin-left: 10px;
    -webkit-border-radius: 0px 30px 30px 0 !important;
    -moz-border-radius: 0px 30px 30px 0 !important;
    border-radius: 0px 30px 30px 0 !important;
}

.form-wizard .navbar .nav > li > a {
    padding: 0;
}

.form-wizard .step .desc {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
}

.form-wizard .active .step .number {
    background-color: #A5D16C;
    color: #fff;
}

.form-wizard .active .step .desc {
    font-weight: 400;
}

.form-wizard .step i {
    display: none;
}

.form-wizard .done .step .number {
    background-color: #E74955;
    color: #fff;
}

.form-wizard .done .step .desc {
    font-weight: 400;
}

.form-wizard .done .step i {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    display: inline-block;
}

.form-wizard .tab-pane h4 {
    margin-bottom: 20px !important;
}

.form-wizard .tab-pane .chzn-container {
    position: absolute !important;
}

/*Pricing table*/
.pricing-table {
    border: 1px solid #ddd;
}

.pricing-head {
    text-align: center;
}

.pricing-title {
    text-align: center;
    padding: 0px 0 30px 0;
}

.pricing-head h3 {
    background: #797979;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
}

.green .pricing-head h3 {
    background: #93bf40;
    border-bottom: 1px solid #598011;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
}

.pricing-head h3 span, .pricing-head h4 span {
    display: block;
    font-size: 12px;
    font-style: italic;
    margin-top: 5px;
}

.pricing-head h4 {
    background: #797979;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 54px;
    font-weight: 300;
    padding: 25px 0 10px 0;
    margin: 0;
}

.green .pricing-head h4 {
    background: #93bf40;
    border-top: 1px solid #b6e858;
    color: #fff;
    font-size: 54px;
    font-weight: 300;
    padding: 25px 0 10px 0;
    margin: 0;
}

.pricing-head span.note {
    display: inline;
    font-size: 17px;
    line-height: 0.8em;
    position: relative;
    top: -28px;
}

.pricing-table:hover {
    border-color: #93bf40;
}

.pricing-table ul {
    margin: 15px 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
}

.pricing-table ul li {
    border-bottom: 1px dotted #CCCCCC;
    margin: 0 2em;
    padding: 1em 0;
    text-align: center;
}

.pricing-table ul li i {
    position: absolute;
    margin-left: 0px;
    margin-top: -2px;
    margin-right: -17px;
    color: #35aa47;
    font-size: 16px;
}

.price-actions {
    border-top: 1px solid #DDDDDD;
    padding: 1.15em;
    text-align: center;
}

.pricing-table.selected {
    background-color: #35aa47;
}

.pricing-table.selected:hover {
    border-color: #ddd;
}

.pricing-table.selected .desc {
    border-bottom-color: #fff;
}

.pricing-table.selected h3, .pricing-table.selected .desc, .pricing-table.selected ul li, .pricing-table.selected ul li i, .pricing-table.selected .rate {
    color: #fff;
}

/* Date tables plugin changes */
.dataTable {
    clear: both;
    margin-top: 5px;
}

.dataTables_filter label {
    line-height: 32px !important;
}

.dataTables_paginate, .dataTables_filter {
    float: left;
}

/*faq list*/
ul.faq-list li {
    line-height: 30px;
}

ul.faq-list li a {
    background: #eee;
    margin-bottom: 1px;
    color: #868686;
}

ul.faq-list li a:hover, ul.faq-list li a.active {
    margin-bottom: 1px;
    color: #fff;
}

/*mail-btn*/
.mail-btn .btn {
    background-image: -moz-linear-gradient(center top, #FDFDFD 0%, #EAEAEA 100%);
    box-shadow: none;
}

.mail-btn .btn:hover, .mail-btn .btn:focus {
    background: none;
    box-shadow: none;
}

.mail-btn .btn-group > .btn + .btn {
    margin-right: 0;
}

/*alert*/
.alert {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

/*error*/
.error-page {
    display: block;
    text-align: center;
}

.error-page h1 {
    color: #adafb2;
    font-size: 30px;
    font-weight: bold;
    line-height: 50px;
    padding: 20px 0;
}

.error-page h1 strong {
    color: #adafb2;
    font-size: 60px;
    font-weight: bold;
}

.error-page p {
    color: #adafb2;
    font-size: 20px;
    font-weight: bold;
}

/*profile*/
.profile-pic {
    display: block;
    margin-bottom: 10px;
}

.nav-stacked > li > a {
    border-radius: 0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
}

/*gallery*/
.thumbnail {
    border: none;
    border-radius: 0;
    box-shadow: none;
    line-height: 20px;
    padding: 5px 0;
}

/*accordion-group*/
.accordion-group a {
    text-decoration: none;
}

.accordion-group {
    border-radius: 0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
}

/*tab*/
.tabbable-custom .nav-tabs > li > a {
    border-radius: 0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
}

/*table*/
.table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {
    border-radius: 4px 0 0 0;
}

.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
    border-radius: 0 4px 0 0;
}

.table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child {
    border-radius: 0 0 4px 0;
}

.table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child {
    border-radius: 0 0 0 4px;
}

/*CKEditor*/
.cke_button, .cke_toolbox, .cke_toolbar {
    float: right !important;
}

.cke_editable {
    float: right !important;
    text-align: right !important;
    direction: rtl;
}

/*lock*/
#lock-body {
    background: url("../img/bg-grey.jpg") !important;
}

.lock-header {
    margin-top: 50px;
    text-align: center;
}

#lock {
    background: #fff;
    margin: 50px auto 0;
    padding: 10px 0;
    width: 420px;
}

.lock-title {
    text-align: center;
}

.lock-title i, .lock-title h3 {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.lock-title i {
    font-size: 25px;
    padding: 0 5px;
}

.lock-avatar-row {
    display: block;
    text-align: center;
    margin-top: 20px;
    padding: 20px;
}

.lock-round {
    border: 10px solid #5ACED6;
    border-radius: 300px;
    -moz-border-radius: 300px;
    -webkit-border-radius: 300px;
    -khtml-border-radius: 300px;
    display: inline-block;
}

.lock-avatar-row img {
    border-radius: 300px;
    -moz-border-radius: 300px;
    -webkit-border-radius: 300px;
    -khtml-border-radius: 300px;
}

.lock-identity {
    text-align: center;
    display: block;
    width: 100%;
}

.lock-identity h3 {
    margin: 20px 0 0 0;
    padding: 0;
    line-height: 22px;
}

.lock-form-row {
    display: block;
    margin-top: 20px;
}

.lock-form-row i {
    text-shadow: none;
    color: #fff;
}

.lock-form-row .tarquoise {
    margin-right: 10px;
    box-shadow: none;
}

.lock-form-row input {
    width: 206px;
    height: 20px;
    padding: 1px 5px;
}

.lock-form-row .btn {
    height: 24px;
}

.lock-form-row .input-append {
    margin-bottom: 10px;
}

/*coming soon*/
#coming-body {
    background: url("../img/bg-denim.png") !important;
}

.coming-soon {
    margin-top: 50px;
    text-align: center;
    color: #c6c6c6;
}

.coming-soon h1 label {
    color: #2fbfca;
    display: inline;
    font-size: 40px;
}

.coming-soon h1 span {
    color: #facc5f;
    font-size: 60px;
}

.coming-soon h1 {
    font-family: 'Alex Brush', cursive;
}

.coming-soon .input-append {
    width: 100%;
}

.coming-soon .input-append input {
    padding: 3px 10px;
}

.coming-soon .input-append .submit-btn {
    padding: 2px 10px;
    border-radius: 0;
    text-shadow: none;
    border: none;
    height: 37px;
    margin: 0 10px;
}

.coming-soon .input-append .submit-btn:hover {
    background: #000;
    color: #d1d3d3;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
}

.circles {
    display: block;
    height: 152px;
    margin: 50px auto 50px !important;
    width: 800px;
}

.email-address {
    width: 40%;
    height: 27px !important;
}

.twt-txt {
    color: #c6c6c6;
    direction: rtl;
}

ul.social-link, ul.social-link li {
    display: inline-block;
}

ul.social-link li {
    list-style: none;
    margin: 0 5px;
    line-height: 33px;
}

ul.social-link li a {
    background: #fff;
    padding: 10px;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    color: #000;
    text-decoration: none;
}

ul.social-link li a:hover {
    color: #fff;
    transition-duration: 400ms;
    transition-property: width, background;
    transition-timing-function: ease;
}

/*tree view*/
.widget-body > .actions {
    float: left;
    margin: 6px 0 0;
    padding: 3px 0px 2px 5px;
}

/*blog*/
.blog img {
    margin-bottom: 10px;
    width: 100%;
}

.blog h2, .blog h2 a {
    color: #868686 !important;
    font-size: 22px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: normal;
}

.blog .date {
    display: block;
    text-align: center;
    width: 60px;
    margin-bottom: 10px;
}

.blog .date p {
    margin: 0;
    padding: 0px;
}

.blog .date .day {
    font-size: 13px;
}

.blog .date .month {
    color: #fff;
    font-size: 13px;
}

.blog ul {
    float: right;
    margin: 0 0px 10px 0px;
    padding: 5px;
    background: #f4f4f5;
    border-radius: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
}

.blog ul li {
    float: right;
    margin-left: 20px;
    list-style: none;
}

.blog ul li a {
    color: #868686;
    text-decoration: none;
}

.blog .btn {
    background: #767676;
}

.blog-side-bar h2 {
    color: #3b3431;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0;
    padding: 0;
    line-height: normal;
}

.blog-side-bar ul {
    margin-top: 15px;
}

.blog-side-bar ul li {
    border-bottom: 1px solid #dfdfdf;
}

.blog-side-bar ul li:last-child {
    border-bottom: none;
}

.blog-side-bar ul li a {
    color: #837f7e;
    display: block;
    line-height: 35px;
    text-decoration: none;
}

.blog-side-bar ul li a i {
    font-size: 10px;
}

.blog-side-bar h5, .blog-side-bar h5 a {
    margin: 0;
    padding: 0;
    color: #4a4341;
    line-height: normal;
}

.blog-side-bar ul.tag {
    width: 100%;
    display: inline-block;
}

.blog-side-bar ul.tag li {
    float: right;
    margin-left: 10px;
    border-bottom: none;
    margin-bottom: 10px;
    line-height: 18px;
}

.blog-side-bar ul.tag li a {
    color: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
    padding: 0px 6px;
}

.blog-side-bar ul.tag li a:hover {
    background: #767676;
    color: #fff;
    transition-duration: 500ms;
    transition-property: width, background;
    transition-timing-function: ease;
}

.show-right {
    float: left !important;
}

.post-comment .color-red {
    color: #FF0000;
}

/*invoice-list*/
.invoice-list h5 {
    text-transform: uppercase;
}

.invoice-block {
    text-align: left;
}

ul.amounts li {
    border: 1px solid #eaeaea;
    padding: 5px 10px;
    margin-bottom: 5px;
    background: #f1f1f1;
}

ul.amounts li span {
    float: left;
}

.invoice-list ul li span {
    float: right;
}

.invoice-date-range .control-group label, .invoice-date-range .control-group input {
    float: right;
}

.invoice-date-range .control-group label {
    width: 70px;
}

.invoice-date-range .control-group input {
    margin-left: 15px;
}

.billing-form label {
    width: 25%;
    float: right;
}

.invoice-input input {
    margin-bottom: 0;
}

/*about us*/
.about-us h3 {
    text-align: center;
    padding-bottom: 30px;
}

.about-us h4 {
    padding-bottom: 10px;
}

.about-us h5 {
    padding-bottom: 5px;
    margin: 0;
}

.team-member, .team-member span {
    text-align: center;
}

.team-member span {
    color: #b6b6b6;
    text-transform: uppercase;
    display: block;
}

.team-member h3 {
    margin: 0;
    padding: 0;
}

.team-round {
    border: 10px solid #e3e3e3;
    border-radius: 500px;
    -moz-border-radius: 500px;
    -webkit-border-radius: 500px;
    -khtml-border-radius: 500px;
    display: inline-block;
}

.team-member img {
    border-radius: 500px;
    -moz-border-radius: 500px;
    -webkit-border-radius: 500px;
    -khtml-border-radius: 500px;
}

.team-member ul {
    display: inline-block;
    margin: 10px 0;
}

.team-member ul li {
    display: inline-block;
}

.team-member ul li a {
    color: #d9d9d9;
    font-size: 35px;
    text-decoration: none;
}

.team-member p {
    text-align: right;
}

/*contact us*/
.contact-us h3 {
    text-align: center;
    padding-bottom: 0px;
    margin: 0;
}

.contact-us .feedback p {
    text-align: center;
}

.one-half {
    margin-left: 21px;
}

.feedback .control-group {
    margin-bottom: 15px;
}

.contact-us p strong {
    float: right;
}

/*search result*/
.search-result label {
    width: 0px !important;
}

.search-result .controls {
    margin-right: 100px;
    float: right;
    margin-left: 10px;
}

.search-result label, .search-result input, .search-result button {
    float: right;
}

.classic-search {
    margin-bottom: 30px;
}

.classic-search h4 {
    margin-bottom: 3px;
}

.classic-search h4 a {
    color: #314558;
}

.file-search tr td img {
    float: right;
    padding-left: 10px;
}

.file-search tr td strong {
    display: block;
    padding-top: 5px;
}

.file-search tr td {
    vertical-align: middle;
}

.product-search {
    background: #F7F7F7;
    margin-bottom: 15px;
}

.product-text img {
    float: right;
    margin-left: 15px;
}

.product-text, .product-text .product-text-info {
    overflow: hidden;
}

.product-info {
    color: #616161;
    float: right;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 15px 30px;
    text-transform: uppercase;
}

.product-info span {
    color: #e18090;
    display: block;
    font-size: 25px;
    font-weight: 200;
    margin-top: 10px;
    text-transform: uppercase;
}

/*email templates*/
.mail-template li.color-terques {
    background: #42c1cd;
}

.mail-template li.color-red {
    background: #ea677e;
}

.mail-template li.color-green {
    background: #94be58;
}

.mail-template li.color-yellow {
    background: #facc5f;
}

.mail-template li.color-pest {
    background: #5b958e;
}

.mail-template li.color-purple {
    background: #af86cb;
}

.mail-template li.color-blue {
    background: #59b3e6;
}

.mail-template li.color-orange {
    background: #e4944e;
}

.mail-template li.color-navy-blue {
    background: #176faa;
}

.mail-template li.color-deep-red {
    background: #e9523c;
}

.mail-template li {
    cursor: pointer;
    list-style: none;
    margin: 5px;
}

.mail-template li a {
    display: block;
    padding: 10px 15px;
    text-decoration: none;
}

/*editable table*/
.m-wrap.small {
    width: 160px !important;
}

.news h1 {
    font-size: 24px;
    margin: 0;
}

.news h5 {
    margin: 0;
}

.news a.view {
    font-size: 14px;
    font-style: italic;
}

/***
jQuery UI Datepicker(new in v1.2.2)
***/
.ui-widget-header select {
    padding: 2px !important;
    height: 30px;
    margin: 0 !important;
    margin-top: -1px !important;
}

.ui-datepicker.ui-widget-content {
    background: none !important;
    background-color: #eee !important;
}

.ui-datepicker .ui-widget-header {
    background: none !important;
    background-color: #ccc !important;
    border: 0 !important;
    box-shadow: none !important;
    height: 28px;
}

.ui-widget-header .ui-icon {
    background-image: url(../assets/jquery-ui/images/ui-icons_888888_256x240.png) !important;
}

.ui-widget-header .ui-datepicker-next, .ui-widget-header .ui-datepicker-prev {
    margin: 2px 2px 2px 2px;
}

.ui-widget-header .ui-state-hover, .ui-widget-header .ui-state-active {
    background-color: #F2F2F2 !important;
    border-color: #F2F2F2 !important;
    background-image: none !important;
}

.ui-datepicker .ui-datepicker-title {
    font-weight: 400 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    color: #333;
}

.ui-datepicker .ui-datepicker-title span {
    display: inline-block;
    padding-top: 2px;
}

.ui-datepicker .ui-datepicker-calendar thead span {
    font-weight: 300 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    color: #333 !important;
}

.ui-datepicker .ui-datepicker-week-col {
    font-weight: 400 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    color: #333 !important;
}

.ui-datepicker tbody .ui-datepicker-week-col {
    text-align: center;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    font-weight: 300 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    color: #333 !important;
    border-color: #DEDEDE;
    background-color: #DEDEDE !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-active, .ui-datepicker .ui-datepicker-calendar .ui-state-hover {
    background-image: none !important;
    border-color: #A5D16C;
    background-color: #A5D16C !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
    background-image: none !important;
    background-color: #cefb81 !important;
    border-color: #A5D16C;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-active {
    background-image: none !important;
    background-color: #A5D16C !important;
    border-color: #A5D16C;
}

.ui-datepicker button.ui-state-default {
    background-image: none !important;
    background-color: #22C0CB !important;
    border-color: #22C0CB !important;
    color: #fff;
}

.ui-datepicker button.ui-state-hover {
    border-color: #22C0CB !important;
    background-color: #22C0CB !important;
    color: #fff !important;
}

.ui-datepicker button.ui-state-default.ui-priority-secondary {
    font-weight: 300 !important;
    font-size: 13px !important;
}

.ui-datepicker button.ui-state-default.ui-priority-primary {
    font-weight: 300 !important;
    font-size: 13px !important;
}

/*portlets*/
.widget-title > .tools, .widget-title > .actions {
    float: left;
    margin: 0;
    padding: 3px 0 2px 5px;
}

.widget-title .pagination.pagination-small {
    display: inline-block !important;
    float: left !important;
    margin: 6px 0 0 6px;
}

.widget-title > .actions > .btn.btn-mini {
    margin-top: 5px;
}

.widget-title > .actions > .btn-group > .btn.btn-mini {
    margin-top: 2px !important;
}

.widget-title > .actions > .btn-group > .btn.dropdown-toggle {
    margin-top: 0px;
}

.widget-title > .tools > a {
    color: #979797;
    text-decoration: none;
}

.widget-title div.tools {
    border-right: 1px solid #E0DEDE;
    float: left;
    margin: 2px 0 0;
    padding: 6px 10px;
}

/*edit table */
div.dataTables_length label {
    float: right !important;
    text-align: right !important;
}

div.dataTables_paginate {
    float: left !important;
    margin: 0;
}

table.table thead .sorting {
    background-position: left !important;
}

/*logo*/
#header .brand {
    /*background: #333333;*/
    background-color: transparent;
    margin-top: 0px !important;
    opacity: 0.8;
    filter: alpha(opacity=60);
    padding: 5px 2px;
    width: 325px;
    height: 30px;
    text-align-last: center;
}

header .brand:hover {
    color: #1b0404;
}

/*CheckList*/
.cheacklist input {
    width: 10px;
    height: 10px;
    text-align: right;
    padding-right: 0px;
    margin-right: 0px;
    box-shadow: 0.5vw 0.25vw 4vw #454548;
}

.cheacklist label {
    padding-right: 0px;
    font-size: 15px;
    font-family: 'AlmaraiART';
    font-weight: bolder;
    color: black;
    text-wrap: normal;
    word-wrap: normal;
    width: 180px;
    float: left;
    text-align: right;
    text-wrap: initial;
    margin-right: 40px;
    margin-top: 10px;
}

.cheacklist input:hover {
    background-color: blue;
    color: white;
}

.cheacklist label:hover {
    background-color: #adc5d5;
    color: white;
    text-shadow: 0.5vw 0.25vw 4vw #454548;
}

marquee-style {
    /*-webkit-animation: caption 50s linear 0s infinite;*/
    font-family: 'AlmaraiART';
    /*padding: 20px 0;*/
    /*border: 1px solid #000;
    background-color: #ccc;*/
    /*-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .5), 0px 1px 0px rgba(250, 250, 250, .2);*/
    /*box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .5), 0px 1px 0px rgba(250, 250, 250, .2);*/
    /*-webkit-transition: background-color 350ms;
    -moz-transition: background-color 350ms;*/
    /*transition: background-color 350ms;
    overflow: hidden;
    overflow-x: -webkit-marquee;
    -webkit-marquee-direction: forward;
    -webkit-marquee-style: scroll;
    -webkit-marquee-speed: normal;
    -webkit-marquee-increment: small;
    -webkit-marquee-repetition: 5;
    overflow-x: scroll;*/
    /* marquee-direction: forward;
    marquee-style: slide;
    marquee-speed: slow;
    color: #28282a;
    background: #ffeb95;
    height: 30px;*/
    /*border: none;
    marquee-loop: infinite;
    marquee-speed: slow;
    animation-delay: 4s;*/
}

.tree * {
    margin: 0;
    padding: 0;
    /*background-color: #A5D16C;*/
}

.tree ul {
    padding-top: 20px;
    position: relative;
    -transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.tree li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
    -transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    background-color: #c5d0ed;
}

/*We will use ::before and ::after to draw the connectors*/
.tree li::before, .tree li::after {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    border-top: 2px solid #000;
    width: 50%;
    height: 20px;
}

.tree li::after {
    right: auto;
    left: 50%;
    /*لون الفرع*/
    border-left: 2px solid #333333;
}

/*We need to remove left-right connectors from elements without 
any siblings*/
.tree li:only-child::after, .tree li:only-child::before {
    display: none;
}

/*Remove space from the top of single children*/
.tree li:only-child {
    padding-top: 0;
}

/*Remove left connector from first child and 
right connector from last child*/
.tree li:first-child::before, .tree li:last-child::after {
    border: 0 none;
}

/*Adding back the vertical connector to the last nodes*/
.tree li:last-child::before {
    /*لون تكملة الفرع*/
    border-right: 2px solid #000;
    border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    -moz-border-radius: 0 5px 0 0;
}

.tree li:first-child::after {
    border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    -moz-border-radius: 5px 0 0 0;
}

/*Time to add downward connectors from parents*/
.tree ul ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    /*لون الأبن الأول*/
    border-left: 2px solid #000;
    width: 0;
    height: 20px;
}

.tree li a {
    height: 50px;
    width: 180px;
    padding: 5px 10px;
    text-decoration: none;
    background-color: #ecf0fa;
    color: #8b8b8b;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    display: inline-block;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    text-wrap: normal;
    -transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

/*Time for some hover effects*/
/*We will apply the hover effect the the lineage of the element also*/
.tree li a:hover, .tree li a:hover + ul li a {
    background: #cbcbcb;
    color: #000;
}

/*Connector styles on hover*/
.tree li a:hover + ul li::after, .tree li a:hover + ul li::before, .tree li a:hover + ul::before, .tree li a:hover + ul ul::before {
    border-color: #94a0b4;
}

/*ستايل للبتنات*/
.BTNS {
    font-size: 12px;
    font-weight: bolder;
    font-family: 'AlmaraiART';
    height: 40px;
    width: 190px;
    border-radius: 1vw;
    box-shadow: 0.5vw 0.25vw 4vw #454548;
}

.BTNS:hover {
    font-size: 15px;
    font-weight: bolder;
    font-family: 'AlmaraiART';
    -webkit-transform: scale(1.1);
    transition: transform .2s;
    border-radius: 1vw;
    box-shadow: 0.5vw 0.25vw 4vw #454548;
}

.BTNS:focus {
    font-size: 20px;
    font-weight: bolder;
    font-family: 'AlmaraiART';
    border-radius: 1vw;
    box-shadow: 0.5vw 0.25vw 4vw #454548;
}

.BTNS > i {
    margin-left: 10px;
}

.BTNS > span > i {
    margin-left: 10px;
}

.GRDBTNS {
    font-size: 12px;
    font-weight: bolder;
    font-family: 'AlmaraiART';
    height: 40px;
    width: 190px;
    border-radius: 1vw;
    box-shadow: 0.5vw 0.25vw 4vw #454548;
}

.GRDBTNS:hover {
    font-size: 12px;
    font-weight: bolder;
    font-family: 'AlmaraiART';
    border-radius: 1vw;
    box-shadow: 0.5vw 0.25vw 4vw #454548;
}

.GRDBTNS:focus {
    font-size: 20px;
    font-weight: bolder;
    font-family: 'AlmaraiART';
    border-radius: 1vw;
    box-shadow: 0.5vw 0.25vw 4vw #454548;
}

.GRD_Header1 {
    color: #fff !important;
    background-color: #ff6a00 !important;
    border-color: none !important;
    text-align-last: center;
}

.GRD_Header1:hover {
    color: #fff !important;
    background-color: #ff6a00;
    border-color: transparent !important;
}

.GRD_Header1.focus, .GRD_Header1:focus {
    color: #fff !important;
    background-color: #ff6a00 !important;
    border-color: #ff6a00 !important;
}

.GRD_Header2 {
    color: #fff !important;
    background-color: #306a1b !important;
    border-color: none !important;
    text-align-last: center;
}

.GRD_Header2:hover {
    color: #fff !important;
    background-color: #306a1b;
    border-color: transparent !important;
}

.GRD_Header2.focus, .GRD_Header2:focus {
    color: #fff !important;
    background-color: #306a1b !important;
    border-color: #ff6a00 !important;
}

/*.GRDBTNS > i {
        margin-left: 10px;
    }

    .GRDBTNS > span > i {
        margin-left: 10px;
    }*/
.btn > span {
    margin-left: 10px;
}

.btn > i {
    margin-left: 10px;
}

.LBLS {
    font-size: 20px;
    font-weight: bolder;
    font-family: 'AlmaraiART';
    border-color: transparent;
    background-color: transparent;
    /*color: #808080;*/
    color: black;
    height: 50px;
    text-wrap: normal;
    border: none;
    font-family: 'AlmaraiART';
}

.TXTS {
    font-size: 22px;
    width: 250px;
    height: 40px;
    font-weight: bolder;
    font-family: 'AlmaraiART';
    border: none;
    border-color: transparent;
    background-color: transparent;
    color: #1658a4;
    text-align: center;
    border-radius: 1vw;
    box-shadow: 0.5vw 0.25vw 4vw #454548;
    text-align-last: center;
}

.TXTS {
    border: 2px solid rgba(0, 0, 0, .15);
}

.TXTS:hover {
    border-color: rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    background-color: #cbd5d8;
    outline: thin solid;
    -webkit-text-shadow: inherit;
    transition: transform .2s;
    -webkit-transform: scale(1.1);
}

.TXTS:focus {
    border-color: #4285F4;
    box-shadow: 0 0 10px rgba(66, 133, 244, .5);
}

.TXTS.shadow-inset:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .2) inset;
}

.TXTS.shadow-inset:focus {
    box-shadow: 0 0 10px rgba(66, 133, 244, .5) inset;
}

.DROPS {
    font-size: 18px;
    height: 40px;
    width: 265px;
    font-weight: bolder;
    font-family: 'AlmaraiART';
    border-color: transparent;
    background-color: transparent;
    text-align-last: center;
    color: #000000;
}

.DROPS {
    border: 2px solid rgba(0, 0, 0, .15);
}

.DROPS:hover {
    border-color: rgba(0, 0, 0, .35);
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    -webkit-transform: scale(1.1);
    transition: transform .2s;
}

.DROPS:focus {
    border-color: #4285F4;
    box-shadow: 0 0 10px rgba(66, 133, 244, .5);
}

.DROPS.shadow-inset:hover {
    box-shadow: 0 0 5px rgba(0, 0, 0, .2) inset;
}

.DROPS.shadow-inset:focus {
    box-shadow: 0 0 10px rgba(66, 133, 244, .5) inset;
}

/* Table Row*/
table, th, td {
    border: none;
    border-color: transparent;
}

/*tr:hover {
    background-color: #eeeeee;
}*/
/* Table Cell*/
/*td:hover {
    background-color: #eaeaea;
}*/
.pagehead {
    font-size: 16px;
    font-family: 'Sakkal Majalla';
    color: #933c3c;
}

.SCALING:hover {
    -webkit-transform: scale(1.1);
    transition: transform .2s;
}

input[type=checkbox] {
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    width: 25px;
    height: 25px;
    background: white;
    border-radius: 5px;
    border: 2px solid #555;
}

input[type=checkbox]:hover {
    -webkit-transform: scale(1.1);
    transition: transform .2s;
}

input[type=checkbox]:checked:after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    border: solid black;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 6px;
}

input[type=checkbox]:disabled:after {
    content: "";
    display: block;
    width: 5px;
    height: 10px;
    /*border: solid #666;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);*/
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 6px;
}

input[type=checkbox]:disabled:before {
    content: "";
    display: block;
    position: absolute;
    width: 19px;
    height: 18px;
    top: 0;
    left: 0;
    border: 2px solid #666;
    border-radius: 3px;
    background-color: #ebe6e6;
    border-color: #454548;
}

/*input[type='checkbox'] {
    -webkit-appearance: none;
    width: 30px;
    height: 30px;
    background: white;
    border-radius: 5px;
    border: 2px solid #555;
}

    input[type='checkbox']:checked {
        background: #0f1011;
    }

        input[type='checkbox']:checked:before {
            content: "";
            display: block;
            width: 5px;
            height: 10px;
            color: transparent;
            border: solid transparent;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            position: absolute;
            top: 2px;
            left: 6px;
        }

    input[type='checkbox']:hover {
        -webkit-transform: scale(1.1);
        transition: transform .2s;
    }*/
a.scrollup {
    color: #fff;
    height: 40px;
    width: 40px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 50px;
    right: 0px;
    opacity: 0,5;
    border-radius: 50%;
    z-index: 999;
    background-color: #989191;
}

a.scrollup:hover {
    opacity: 1;
    background-color: #ED502E;
    color: #fff;
    -webkit-transform: scale(1.1);
    transition: transform .2s;
}

a.scrolldown {
    color: #fff;
    height: 40px;
    width: 40px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    top: 100px;
    right: 0px;
    opacity: 0,5;
    border-radius: 50%;
    z-index: 100;
    background-color: #989191;
}

a.scrolldown:hover {
    opacity: 1;
    background-color: #ED502E;
    color: #fff;
    -webkit-transform: scale(1.1);
    transition: transform .2s;
}

a.Sliderscrollup {
    color: #fff;
    height: 40px;
    width: 40px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 50px;
    right: 40px;
    opacity: 0,5;
    border-radius: 50%;
    z-index: 999;
    background-color: #989191;
}

a.Sliderscrollup:hover {
    opacity: 1;
    background-color: #ED502E;
    color: #fff;
    -webkit-transform: scale(1.1);
    transition: transform .2s;
}

a.Sliderscrolldown {
    color: #fff;
    height: 40px;
    width: 40px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    top: 100px;
    right: 20px;
    opacity: 0,5;
    border-radius: 50%;
    z-index: 100;
    background-color: #989191;
}

a.Sliderscrolldown:hover {
    opacity: 1;
    background-color: #ED502E;
    color: #fff;
    -webkit-transform: scale(1.1);
    transition: transform .2s;
}

/*
    Theme Name: Multi
    Theme URL: https://bootstrapmade.com/multi-responsive-bootstrap-template/
    Author: BootstrapMade
    Author URL: https://bootstrapmade.com
*/
/* ==== Google font ==== */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600); @import url('font-awesome.css'); /* ==== overwrite bootstrap standard ==== */
@import url('overwrite.css'); @import url('animate.css'); body {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6em;
    color: #fff;
    background-color: #fff;
    overflow-x: hidden;
}

hi, h2, h3, h4, h5, h6 {
    color: #333;
    line-height: 1.1em;
}

p {
    color: #333;
    font-size: 13px;
}

a {
    text-decoration: none;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    outline: none;
    color: #333;
}

a:hover {
    text-decoration: none;
    color: #eee;
}

/*.btn-primary {
    padding: 8px 20px;
    background: #ED502E;
    color: #fff;
    border: none;
    margin-top: 20px;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background: #eb8984;
        outline: none;
        box-shadow: none;
    }*/
.text-center h2 {
    margin-bottom: 30px;
}

.text-center p {
    margin-bottom: 50px;
    color: #333;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 30px;
    margin-left: -10px;
}

.btn-default:hover {
    background-color: #f9f9f9;
    color: #ED502E;
    border-color: #fff;
}

/*===========================
  Menu and Navigation
============================ */
.navigation {
    background-color: #fff;
    padding: 0;
}

.navbar-brand h1 {
    margin-top: -1px;
    padding-top: 5px;
    float: left;
    font-size: 30px;
    color: #333;
}

.navbar-brand h1 span {
    color: #ED502E;
}

.menu {
    font-size: 12px;
    float: right;
    text-transform: uppercase;
    font-weight: 600;
}

.menu ul.nav-tabs li {
    color: #000;
}

/*ناف بار*/
.nav-tabs {
    border-bottom: 0;
}

.nav-tabs > li > a {
    text-align-last: center;
    margin-bottom: 0;
    font-size: 14px;
    color: white;
    width: 100%;
}

.nav-tabs > li > a:hover {
    border-color: transparent;
    -o-transition: all 0.3s ease-in-out;
    -webkit-transform: scale(1.1);
}

.nav-tabs > li > a.active {
    color: #ED502E;
    font-size: 17px;
    font-weight: bolder;
    border-bottom-color: black;
    background-color: #dddddd;
    border-radius: 0;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    width: 110%;
    text-align-last: center;
}

.Porfile_Image {
    border-radius: 0;
    background-color: #999;
}

.Porfile_Image:hover {
    color: #ED502E;
    font-size: 17px;
    font-weight: bolder;
    border-color: #fff #fff #fff;
    border-radius: 0;
    background-color: #999;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    /*-webkit-transform: scale(1.1);*/
}

.dropdown-menu > li > a {
    font-size: 17px;
    border: none;
    text-align-last: center;
}

.dropdown-menu > li > a:hover {
    color: #ED502E;
    font-size: 18px;
    background-color: #ED502E;
    -webkit-transform: scale(1.1);
    transition: transform .2s;
}

.pull-right > li > a:hover {
    -webkit-transform: scale(1.1);
    color: white;
}

.slider {
    margin-top: -20px;
    margin-right: 0px;
    margin-left: -40px;
}

.slider img {
    width: 100%;
}

.box {
    margin-top: 70px;
    text-align: center;
    background: #f9f9f9;
}

.box h4 {
    text-transform: uppercase;
    margin-top: 50px;
    margin-bottom: 80px;
    padding: 50px;
}

.box i {
    color: #fff;
    border-radius: 50%;
    padding: 20px;
    background: #ED502E;
}

.box i:hover {
    color: #ED502E;
    background: #fff;
}

/*===========================
 Feature
============================ */
.features p {
    margin-bottom: 70px;
    color: #333;
}

.main-feature {
    padding-bottom: 50px;
    padding-top: 80px;
}

.main-feature .media {
    margin-top: 30px;
    margin-bottom: 30px;
}

.main-feature .media p {
    margin-top: 20px;
    margin-bottom: 30px;
    color: #333;
}

.main-feature .media i {
    border-radius: 50%;
    padding: 20px;
    background: #ED502E;
    color: #fff;
}

.main-feature .text-center {
    background: #fD502E;
    padding: 70px;
    margin-top: 30px;
}

.main-feature .text-center h2, p {
    color: #fff;
}

.main-feature .text-center p {
    color: #fff;
}

/*===========================
	about-us
============================ */
.about-us {
    background: #f9f9f9;
    margin-top: -50px;
    padding-top: 90px;
    padding-bottom: 80px;
}

.about-us img {
    margin-top: 50px;
    border-radius: 20%;
    margin-bottom: 20px;
}

/*===========================
	services
============================ */
.services {
    background: #f9f9f9;
    margin-top: -50px;
    padding-top: 90px;
    padding-bottom: 50px;
}

.services img {
    margin-top: 50px;
    border-radius: 50%;
    margin-bottom: 20px;
}

.services-box i {
    padding: 50px;
    margin-top: 30px;
    margin-bottom: 40px;
    border-radius: 50%;
}

.services-box i.fa-rocket {
    background-color: #00abf0;
}

.services-box i.fa-cogs {
    background-color: #02FE7C;
}

.services-box i.fa-eye {
    background-color: #0077b5;
}

.services-box h4 {
    margin-bottom: 20px;
}

.skills {
    margin-top: 60px;
}

.skill {
    margin-top: 60px;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

.skill h2 {
    margin-bottom: 25px;
}

.progress-wrap {
    position: relative;
}

.progress .color1, .progress .color1 .bar-width {
    background: #2d7da4;
}

.progress .color2, .progress .color2 .bar-width {
    background: #6aa42f;
}

.progress .color3, .progress .color3 .bar-width {
    background: #ffcc33;
}

.progress .color4, .progress .color4 .bar-width {
    background: #db3615;
}

.progress, .progress-bar {
    height: 50px;
    line-height: 20px;
    background: #e6e6e6;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
    text-align: right;
}

.progress {
    position: relative;
}

.progress .bar-width {
    position: absolute;
    width: 40px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    top: -30px;
    border-radius: 2px;
    margin-left: -30px;
}

.progress span {
    position: relative;
}

.progress span:before {
    content: " ";
    position: absolute;
    width: auto;
    height: auto;
    border-width: 8px 5px;
    border-style: solid;
    bottom: -15px;
    right: 8px;
}

.progress .color1 span:before {
    border-color: #2d7da4 transparent transparent transparent;
}

.progress .color2 span:before {
    border-color: #6aa42f transparent transparent transparent;
}

.progress .color3 span:before {
    border-color: #ffcc33 transparent transparent transparent;
}

.progress .color4 span:before {
    border-color: #db3615 transparent transparent transparent;
}

.services-skill {
    margin-top: 30px;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

/*===========================
	blog
============================ */
#blog {
    margin-top: 50px;
}

.widget {
    margin-bottom: 60px;
    padding-left: 0;
}

.single_comments {
    margin-bottom: 20px;
}

.single_comments img {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
}

.single_comments p {
    margin-bottom: 0;
}

.widget .entry-meta span {
    display: inline-block;
    margin-right: 10px;
}

.widget h3 {
    color: #000;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: 'AlmaraiART';
}

.blog_category {
    list-style: none;
    margin: 0;
    padding: 0;
}

.blog_category li {
    float: none;
    margin-bottom: 20px;
}

.blog_category li a {
    background: #f5f5f5;
    border-radius: 4px;
    color: #888;
    display: inline-block;
    padding: 5px 15px;
}

.blog_category li a:hover {
    background: #ED502E;
    color: #fff;
}

.badge:before {
    border-color: transparent transparent transparent #ED502E;
    border-style: solid;
    border-width: 10px;
    bottom: -8px;
    content: "";
    height: 0;
    left: 5px;
    position: absolute;
    z-index: -99999;
}

.badge {
    background-color: #ED502E;
    border-radius: 5px;
    color: #fff;
    padding: 8px;
    position: relative;
    left: 60px;
    top: -18px;
    font-weight: normal;
}

.blog_archieve {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.blog_archieve li {
    padding: 10px 0;
    border-bottom: 1px solid #f5f5f5;
}

.blog_archieve li:first-child {
    padding-top: 0;
}

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

ul.gallery li {
    display: block;
    width: 60px;
    padding: 0;
    margin: 0 4px 4px 0;
    float: left;
}

ul.faq {
    list-style: none;
    margin: 0;
}

ul.faq li {
    margin-top: 30px;
}

ul.faq li:first-child {
    margin-top: 0;
}

ul.faq li span.number {
    display: block;
    float: left;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    background: #34495e;
    color: #fff;
    font-size: 24px;
}

ul.faq li > div {
    margin-left: 70px;
}

ul.faq li > div h3 {
    margin-top: 0;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.embed-container iframe, .embed-container object, .embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.blog-item {
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 50px;
}

.blog .blog-item .img-blog {
    border-radius: 5px;
    margin-bottom: 45px;
}

.blog .blog-item .blog-content {
    padding-bottom: 25px;
}

.blog .blog-item .blog-content h2 {
    margin-top: 0;
    font-size: 30px;
}

.readmore {
    margin-top: 0;
}

.blog .blog-item .blog-content h4 {
    color: #858586;
    margin-bottom: 40px;
    /* font-weight: 300 */
}

.blog .blog-item .blog-content p {
    font-size: 13px;
    color: #858586;
}

.blog .blog-item .entry-meta {
    border-radius: 5px;
    overflow: hidden;
}

.blog .blog-item .entry-meta > span {
    background: #f5f5f5;
    border-top: 1px solid #fff;
    display: block;
    font-size: 12px;
    overflow: hidden;
    padding: 5px;
    text-align: left;
}

#publish_date {
    background: #ED502E;
    border-bottom: 5px solid #4e4e4e;
    color: #fff;
    padding: 5px 0;
    text-align: center;
}

.blog .blog-item .entry-meta > span {
    color: #ccc;
}

.blog .blog-item .entry-meta > span a {
    font-size: 12px;
    margin-left: 3px;
    font-weight: 300;
    color: #888;
}

ul.pagination > li > a {
    border: 1px solid #F1F1F1;
    margin-right: 5px;
    border-radius: 5px;
    font-size: 16px;
    padding: 5px 14px;
}

ul.pagination > li > a i {
    margin-left: 5px;
    margin-right: 5px;
}

ul.pagination > li.active > a, ul.pagination > li:hover > a {
    background-color: #ED502E !important;
    border-color: #ED502E !important;
    color: #fff;
}

.search_box {
    background-image: url("../images/search_icon.png");
    background-position: 314px 15px;
    background-repeat: no-repeat;
    border-color: #DEDEDE;
    height: 48px;
    outline: medium none;
    box-shadow: none;
}

.form-control:focus {
    box-shadow: none;
    outline: 0 none;
}

ul.tag-cloud, ul.sidebar-gallery {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tag-cloud li {
    display: inline-block;
    margin-bottom: 3px;
}

.tag-cloud li a {
    background: #f5f5f5;
    color: #888;
    border: 0;
    border-radius: 4px;
    padding: 8px 15px;
}

.tag-cloud li a:hover {
    background: #ED502E;
    color: #fff;
}

.sidebar-gallery li {
    display: inline-block;
    margin: 0 10px 10px 0;
}

.sidebar-gallery li a {
    border-radius: 4px;
    display: inline-block;
}

/*===========================
	portfolio
============================ */
.recent-work-wrap {
    position: relative;
}

.recent-work-wrap img {
    width: 100%;
}

.recent-work-wrap .recent-work-inner {
    top: 0;
    background: transparent;
    opacity: .8;
    width: 100%;
    border-radius: 0;
    margin-bottom: 0;
}

.recent-work-wrap .recent-work-inner h3 {
    margin: 10px 0;
}

.recent-work-wrap .recent-work-inner h3 a {
    font-size: 24px;
    color: #fff;
}

.recent-work-wrap .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    border-radius: 0;
    background: #ED502E;
    color: #fff;
    vertical-align: middle;
    -webkit-transition: opacity 500ms;
    -moz-transition: opacity 500ms;
    -o-transition: opacity 500ms;
    transition: opacity 500ms;
    padding: 30px;
}

.recent-work-wrap .overlay .preview {
    bottom: 0;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    border-radius: 0;
    background: transparent;
    text-align: center;
    color: #fff;
}

.recent-work-wrap:hover .overlay {
    opacity: 1;
}

#portfolio {
    margin-top: 50px;
    margin-bottom: 50px;
}

.portfolio-items, .portfolio-filter {
    list-style: none outside none;
    margin: 0 0 40px 0;
    padding: 0;
}

.portfolio-filter > li {
    display: inline-block;
}

.portfolio-filter > li a {
    background: none repeat scroll 0 0 #FFFFFF;
    font-size: 14px;
    font-weight: 400;
    margin-right: 20px;
    text-transform: uppercase;
    transition: all 0.9s ease 0s;
    -moz-transition: all 0.9s ease 0s;
    -webkit-transition: all 0.9s ease 0s;
    -o-transition: all 0.9s ease 0s;
    border: 1px solid #F2F2F2;
    outline: none;
    border-radius: 3px;
}

.portfolio-filter > li a:hover, .portfolio-filter > li a.active {
    color: #fff;
    background: #ED502E;
    border: 1px solid #ED502E;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.portfolio-items > li {
    float: left;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.portfolio-item {
    margin: 0;
    padding: 0;
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

/*===========================
	contact
============================ */
/* --- Map --- */
.map {
    position: relative;
    margin-top: 50px;
    margin-bottom: 40px;
}

/* google map */
#google-map {
    position: relative;
    height: 400px;
}

.contact {
    margin-top: 50px;
}

.contact-info {
    margin-top: 50px;
}

.contact-info p {
    color: #333;
}

.contact-info ul {
    color: #333;
    list-style: none;
    margin-left: -40px;
}

.contact-info ul li {
    margin-top: 20px;
    margin-bottom: 20px;
}

.contact-info i {
    color: #eb8984;
}

.contact-form {
    margin-bottom: 80px;
}

.form-group .form-control {
    padding: 7px 12px;
    border-color: #ddd;
    box-shadow: none;
}

textarea.form-control {
    box-shadow: none;
    border-color: #ddd;
    border-radius: 0;
}

.validation {
    color: red;
    display: none;
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 13px;
}

#sendmessage {
    color: green;
    border: 1px solid green;
    display: none;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

#errormessage {
    color: red;
    display: none;
    border: 1px solid red;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

#sendmessage.show, #errormessage.show, .show {
    display: block;
}

/*===========================
	footer
============================ */
.footer {
    top: 1000px;
    background: #292929;
    padding: 50px;
    position: static;
}

.footer p {
    margin-top: -8px;
    font-size: 13px;
    line-height: 30px;
}

.footer h2 {
    color: #fff;
    margin-bottom: 50px;
    font-size: 20px;
}

ul.social-network {
    margin-top: 30px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

ul.social-network li {
    display: inline;
    font-size: 14px;
    margin-right: 10px;
}

ul.social-network li a {
    color: #d0d0d0;
    padding: 5px 10px;
    background: #000;
    border-radius: 50%;
}

.social-network li:hover .fa-twitter {
    color: #00abf0;
}

.social-network li:hover .fa-facebook {
    color: #39579a;
}

.social-network li:hover .fa-google-plus {
    color: #eb8984;
}

.social-network li:hover .fa-pinterest {
    color: #c9171e;
}

.social-network li:hover .fa-linkedin {
    color: #0077b5;
}

.footer h3 {
    color: #fff;
    margin-bottom: 30px;
    font-size: 16px;
}

.footer ul {
    text-decoration: none;
    list-style: none;
    margin-left: -40px;
    font-size: 13px;
}

.footer ul li:hover {
    color: #ED502E;
    cursor: pointer;
}

.sub-footer a {
    color: #fff;
    font-size: 13px;
}

.sub-footer a:hover {
    color: #ED502E;
}

.sub-footer {
    background: #090909;
    padding: 30px;
}

.sub-footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sub-footer ul > li {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    margin-right: 30px;
}

.Frame {
    resize: vertical;
    border: solid;
    border-color: black;
    width: 100%;
    height: 700px;
    box-shadow: 0.5vw 0.25vw 4vw #454548;
}

.Frame:hover {
}

.DevloperImg {
    width: 200px;
    height: 230px;
    border-radius: 20%;
    box-shadow: 0.5vw 0.25vw 4vw #454548;
}

.topnav {
    overflow: hidden;
    background-color: #333;
}

.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

.topnav a:hover {
    background-color: #ddd;
    color: black;
}

.topnav a.active {
    background-color: #4CAF50;
    color: white;
}

.topnav .icon {
    display: none;
}

@media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {
        display: none;
    }

    .topnav a.icon {
        float: right;
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .topnav.responsive {
        position: relative;
    }

    .topnav.responsive .icon {
        position: absolute;
        right: 0;
        top: 0;
    }

    .topnav.responsive a {
        float: none;
        display: block;
        text-align: left;
    }
}

.topnav {
    overflow: hidden;
    background-color: #333;
}

.topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/*.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}*/
.topnav-right {
    float: right;
}

::-webkit-input-placeholder {
    text-align: center;
}

th {
    text-align: right !important;
}

.table caption {
    font-family: 'AlmaraiART';
    font-size: 20px;
    text-align: right;
    /*text-shadow: 0.5vw 0.25vw 1vw #454548;*/
    color: black;
    height: 40px;
}

.IframContainer {
    max-width: 100%;
    max-height: 150%;
    overflow: hidden;
    padding: 0px;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* inner wrapper: make responsive */
.responsive-wrapper {
    position: relative;
    height: 0;
    padding-bottom: 165%;
}

.responsive-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    margin: 0;
    padding: 0;
    border: none;
}

.GRDV {
    font-family: 'AlmaraiART';
    width: 100%;
    font-weight: bold;
    font-family: AlmaraiART;
}

.grid-line {
    font-size: 13px;
}

.GRDV :hover {
    /*-webkit-transform: scale(1.1);
    transition: transform .2s;
    text-align-last: center;*/
}


/*#2e64a1*/
/*إسم الصفحة*/

body {
    color: #af3131;
    background: #2e64a1 url(../img/bg-default.jpg) !important;
    text-shadow: 0.5vw 0.25vw 4vw #757575;
}

/*إسم وعنوان الصفحة*/
.page-title {
    font-size: 28px;
    display: block;
    font-weight: bolder !important;
    margin: 13px 20px 8px 0px;
    font-family: 'MyriadPro-Light';
    color: #2f95c3;
}

    .page-title small {
        font-size: 14px;
    }


#main-content {
    box-shadow: 0 0 10px #29a3ac;
    -moz-box-shadow: 0 0 10px #757575;
    -webkit-box-shadow: 0 0 10px #757575;
}

/*هوفر a*/
a, a:hover {
    text-shadow: none !important;
    color: #af3131;
}

ul.faq-list li a:hover, ul.faq-list li a.active {
    background: #1e94cc;
}

/*خلفية الشعار*/
#header.navbar-inverse .navbar-inner {
    background: #4e4e4e url("../img/top-bg-default.jpg") repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e4e4e',endColorstr='#4e4e4e',GradientType=0) border-width: 0;
}

/*#header.navbar-inverse .navbar-inner:hover {
        transition: transform .2s;
        -webkit-transform: scale(1.1);
    }*/



#header .navbar-inner .nav .dropdown-toggle:hover, .navbar-inner .nav .dropdown.open .dropdown-toggle {
    background-color: #333 !important;
}

#header.navbar-inverse .divider-vertical {
    border-left-color: #2c2d2f;
    border-right-color: #181a1b;
}

/*لون كتابة القائمة الجانبية*/
#sidebar > ul > li > a {
    font-size: 12px;
    color: #fff !important;
}



/*لون ايكون الشريط الجانبية*/
#sidebar > ul > li a i {
    font-size: 12px;
    color: #ee9d9d !important;
}

#sidebar > ul > li > a:hover, #sidebar > ul > li:hover > a {
    color: #fff !important;
    background: url("../img/side-bar-list-bg.png");
    font-weight: bolder;
    transition: transform .2s;
    -webkit-transform: scale(1.1);
}

#sidebar > ul > li a i {
    font-size: 12px;
    background: url("../img/side-bar-list-bg.png");
}

#sidebar > ul > li > ul.sub > li > a {
    color: #fff;
}

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    font-weight: bolder;
    background-color: #EEEEEE;
    background-image: none;
    color: #333333;
    filter: none;
    text-decoration: none;
}

#sidebar > ul > li > ul.sub > li {
    border-bottom: 1px solid #2f95c3;
}

    #sidebar > ul > li > ul.sub > li:last-child {
        border-bottom: none;
    }

.chats li.out .name {
    color: #b14c4c;
}

.chats li.in .message {
    border-left: 2px solid #2f95c3;
}

    .chats li.in .message .arrow {
        border-right: 8px solid #2f95c3;
    }

.chats li.out .message .arrow {
    border-left: 8px solid #2f95c3;
}

.chats li.out .message {
    border-right: 2px solid #2f95c3;
}

/*السلايد الجانبي عندما يتحول قائمة للموبايل*/
/* Landscape phone to portrait tablet */
@media (max-width:979px) {
    #sidebar {
        background-color: #2e71a7 !important;
        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        border-radius: 4px !important;
    }

        /*الفاصل بين عناصر القائمة*/
        #sidebar > ul > li > a {
            font-size: 12px;
            border-bottom: 1px solid #abc6e2 !important;
        }

            #sidebar > ul > li.active > a, #sidebar > ul > li:hover > a, #sidebar > ul > li > a:hover {
                border-bottom: 1px solid #3075a5 !important;
            }
}

/*----*/

/*lock*/

.lock-avatar-row, .lock-form-row .tarquoise {
    background: #2f95c3;
}

.lock-identity span {
    color: #2f95c3;
}

.lock-form-row .tarquoise {
    border: 1px solid #2f95c3 !important;
}

/*coming soon*/

.coming-soon .input-append .submit-btn {
    background: #2f95c3;
    color: #195263;
}

.twt-color, .twt-color:hover, .blog .date .day {
    color: #2f95c3 !important;
}

ul.social-link li a:hover, .blog .date .month {
    background: #2f95c3;
}


/*blog*/

.blog .date {
    border: 1px solid #2f95c3;
}

.blog ul li a:hover, .blog-side-bar ul li a:hover {
    color: #2f95c3;
    text-decoration: none;
}

.blog .btn:hover {
    background: #2f95c3;
}

.blog-side-bar ul.tag li a, .inbox-compose-btn button:hover, .btn.colored, .inbox .inbox-header {
    background: #2f95c3;
}

/*invoice-list*/


.invoice-list h5 {
    color: #2f95c3;
}

/*about us*/

.about-us h4, .team-member h3, .team-member ul li a:hover, .contact-us h4, .news h1 {
    color: #2f95c3;
}

/*form */
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border: 1px solid #2f95c3;
}





/* widget container */
.sortable .widget .widget-title {
    cursor: move;
}

.sortable-box-placeholder {
    background-color: #2f95c3;
    border: 1px dashed #DDDDDD;
    display: block;
    margin-top: 0px !important;
    margin-right: 1%;
    margin-left: 0.6%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .sortable-box-placeholder * {
        visibility: hidden;
    }

.widget {
    background: #fff;
    clear: both;
    margin-bottom: 20px;
    margin-top: 0;
    -webkit-box-shadow: 0 0px 5px #ddd;
    -moz-box-shadow: 0 0px 5px #ddd;
    box-shadow: 0 0px 5px #ddd;
}

.widget-title {
    /* تايتل الصفحة*/
    background-position: 0% 0%;
    height: 35px;
    border-bottom: 1px solid #fff;
    background-image: -linear-gradient(top, #f2f2f2 0%, #f2f2f2 100%);
    background-color: #2e64a1;
    background-repeat: repeat;
    background-attachment: scroll;
}

    .widget-title > h4 {
        float: right;
        font-size: 13px;
        font-weight: bold;
        padding: 12px 15px 10px 11px;
        line-height: 12px;
        margin: 0;
        height: 30px;
    }

        .widget-title > h4 i {
            font-size: 14px;
            margin-left: 2px;
        }

    .widget-title > h3 {
        float: right;
        font-size: 15px;
        font-weight: bolder;
        padding: 12px 15px 10px 11px;
        line-height: 12px;
        margin: 1px;
        color: #fff;
    }

        /* Span Title Name*/
        .widget-title > h3 i {
            font-size: 15px;
            margin-left: 30px;
            color: #fff;
        }

    /*قائمة نهاية الشريط*/
    .widget-title span.tools {
        border-right: 1px solid #E0DEDE;
        float: left;
        margin: 2px 0 0;
        padding: 6px 10px 6px 5px;
    }

        /*سبان قائمة النهايةس*/
        .widget-title span.tools > a {
            display: inline-block;
            margin-left: 5px;
            color: #f5f5f5;
            font-size: 14px;
            text-decoration: none;
        }

            /*Span Hover*/
            .widget-title span.tools > a:hover {
                text-decoration: none;
                -webkit-transition: all 0.1s ease-in-out;
                -moz-transition: all 0.1s ease-in-out;
                -o-transition: all 0.1s ease-in-out;
                -ms-transition: all 0.1s ease-in-out;
                transition: all 0.1s ease-in-out;
                opacity: .6;
            }

    .widget-title .btn-group {
        margin-left: 5px;
        margin-top: -2px;
    }

        .widget-title .btn-group .caret {
            margin-top: 8px;
            margin-right: 3px;
        }

.widget-body {
    padding: 15px 15px;
    -webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}



.marquee-style {
    color: #2e64a1;
    background-color: transparent;
    border-color: transparent;
    font-size: 20px;
    font-family: AlmaraiART;
    font-weight: bolder;
    height: 120px;
}

.marquee-span-style {
    color: red;
}


/*Anees Style For OnlineUsers*/
.ART_Strong {
    font-size: 20px;
    font-weight: bolder;
    text-align-last: right;
    color: #2e64a1;
    border: none;
    background-color: transparent;
    text-align: justify;
    border: none;
    font-weight: bold;
    text-shadow: 0.5vw 0.25vw 4vw #454548;
}



/*GridView Styling       *******************************************  START*/
.GRD_Header {
    color: #fff !important;
    background-color: #2e64a1 !important;
    border-color: none !important;
    text-align-last: center;
}

    .GRD_Header:hover {
        color: #fff !important;
        background-color: #4377b2;
        border-color: transparent !important;
    }

    .GRD_Header.focus, .GRD_Header:focus {
        color: #fff !important;
        background-color: #4377b2 !important;
        border-color: #4377b2 !important;
    }

/*  **************GridView Row************ */


.pager {
    color: white;
}

/*By Anees*/
.grid-line {
    color: black;
    border: none;
    border-color: none;
    grid-cell: none;
}
    /*hover*/
    .grid-line:hover {
        color: #222;
        background-color: #d7e1ea;
        border-color: none;
        border: none;
        grid-cell: none;
    }
/*  **************GridView Row************ */

/*  **************grid-altrnative-line************ */
/*By Anees*/
.grid-altrnative-line {
    color: #222;
    background-color: #baced7;
    border-color: none;
    border: none;
    grid-cell: none;
}
    /*hover*/
    .grid-altrnative-line:hover {
        color: #222;
        background-color: #b8ccd5;
        border-color: none;
        border: none;
        grid-cell: none;
    }
/*  **************grid-altrnative-line************ */
/*GridView Styling       *******************************************  END*/


/* *********************btn-art-defualt****************Start */
/*اللون الأساسي*/
.btn-art-defualt {
    color: #fff;
    background-color: #2e64a1;
    border-color: #2e64a1;
}

    /*بعد الضعط عليها وتركها*/
    .btn-art-defualt.focus, .btn-art-defualt:focus {
        color: #fff;
        background-color: #3571b5;
        border-color: #3571b5;
    }
    /*أثناء المرور فوقها*/
    .btn-art-defualt:hover {
        color: #222;
        background-color: #4280c5;
        border-color: #4280c5;
    }

    .btn-art-defualt.active, .btn-art-defualt:active, .open > .dropdown-toggle.btn-art-defualt {
        color: #fff;
        background-color: #2a619f;
        border-color: #2a619f;
    }

        /*عند الضغط عليها*/
        .btn-art-defualt.active.focus, .btn-art-defualt.active:focus, .btn-art-defualt.active:hover, .btn-art-defualt:active.focus, .btn-art-defualt:active:focus, .btn-art-defualt:active:hover, .open > .dropdown-toggle.btn-art-defualt.focus, .open > .dropdown-toggle.btn-art-defualt:focus, .open > .dropdown-toggle .btn-art-defualt:hover {
            color: #fff;
            background-color: #1d4f87;
            border-color: #1d4f87;
        }

    .btn-art-defualt.active, .btn-art-defualt:active, .open > .dropdown-toggle.btn-art-defualt {
        background-image: none;
    }

    .btn-art-defualt.disabled, .btn-art-defualt.disabled.active, .btn-art-defualt.disabled.focus, .btn-art-defualt.disabled:active, .btn-art-defualt.disabled:focus, .btn-art-defualt.disabled:hover, .btn-art-defualt[disabled], .btn-art-defualt[disabled].active, .btn-art-defualt[disabled].focus, .btn-art-defualt[disabled]:active, .btn-art-defualt[disabled]:focus, .btn-art-defualt[disabled]:hover, fieldset[disabled] .btn-art-defualt, fieldset[disabled] .btn-art-defualt.active, fieldset[disabled] .btn-art-defualt.focus, fieldset[disabled] .btn-art-defualt:active, fieldset[disabled] .btn-art-defualt:focus, fieldset[disabled] .btn-art-defualt:hover {
        background-color: #4e6987;
        border-color: #4e6987;
    }

    .btn-art-defualt .badge {
        color: #3183e0;
        background-color: #fff;
    }

    /* سبان الكبسة */
    .btn-art-defualt > span > i {
        color: #ee9d9d !important;
    }

        .btn-art-defualt > span > i:hover {
            color: #fff !important;
        }

/*لون كتابة القائمة الجانبية*/
/*#sidebar > ul > li > a {             font-size: 12px;
    color: #fff !important;
}*/
/* *********************btn-art-defualt****************End */

/* *********************btn-art-danger****************Start */

.btn-art-danger {
    color: #fff;
    background-color: #af3131;
    border-color: #af3131;
}

    /*بعد الضعط عليها وتركها*/
    .btn-art-danger.focus, .btn-art-danger:focus {
        color: #fff;
        background-color: #bd1e1e;
        border-color: #bd1e1e;
    }
    /*أثناء المرور فوقها*/
    .btn-art-danger:hover {
        color: #222;
        background-color: #ce4b4b;
        border-color: #ce4b4b;
    }

    .btn-art-danger.active, .btn-art-danger:active, .open > .dropdown-toggle.btn-art-danger {
        color: #fff;
        background-color: #9d2121;
        border-color: #9d2121;
    }

        /*عند الضغط عليها*/
        .btn-art-danger.active.focus, .btn-art-danger.active:focus, .btn-art-danger.active:hover, .btn-art-danger:active.focus, .btn-art-danger:active:focus, .btn-art-danger:active:hover, .open > .dropdown-toggle.btn-art-danger.focus, .open > .dropdown-toggle.btn-art-danger:focus, .open > .dropdown-toggle .btn-art-danger:hover {
            color: #fff;
            background-color: #9d2121;
            border-color: #9d2121;
        }

    .btn-art-danger.active, .btn-art-danger:active, .open > .dropdown-toggle.btn-art-danger {
        background-image: none;
    }

    .btn-art-danger.disabled, .btn-art-danger.disabled.active, .btn-art-danger.disabled.focus, .btn-art-danger.disabled:active, .btn-art-danger.disabled:focus, .btn-art-danger.disabled:hover, .btn-art-danger[disabled], .btn-art-danger[disabled].active, .btn-art-danger[disabled].focus, .btn-art-danger[disabled]:active, .btn-art-danger[disabled]:focus, .btn-art-danger[disabled]:hover, fieldset[disabled] .btn-art-danger, fieldset[disabled] .btn-art-danger.active, fieldset[disabled] .btn-art-danger.focus, fieldset[disabled] .btn-art-danger:active, fieldset[disabled] .btn-art-danger:focus, fieldset[disabled] .btn-art-danger:hover {
        background-color: #7a3939;
        border-color: #7a3939;
    }

    .btn-art-danger .badge {
        color: #ce3a3a;
        background-color: #fff;
    }
/* *********************btn-art-danger****************End */


.MyCstmLbl {
    font-size: 25px;
    width: auto;
    height: 50px;
    font-weight: bolder;
    font-family: AlmaraiART;
    text-align-last: center;
    background-color: #1d4c80;
    color: white;
    padding-top: 10px;
    border-radius: 10px;
}

/*.MyCstmLbl:hover {
        -webkit-transform: scale(1.1);
        transition: transform .2s;
    }*/

MyTheame {
    background-color: #1d4c80;
    color: white;
}


/* Large desktop & notebooks */
@media (min-width: 980px) { 
    /* sidebar */
   #sidebar {
       position: absolute;
        width: 215px;
     }

     #sidebar ul{
         margin-top:50px;
         width: 215px;
     }

     /* body container */
     #main-content {
       margin-top: 0px !important;
   }

   .fixed-top #main-content {
       margin-top: 20px;
   } 
}


/* dashboard date range button for all device size */

/* General styles for phones and tablets */
@media (max-width:979px) { 
   /* header bar */
   #header .navbar-inner li.dropdown i {
       display: inline-block;
       position: relative;
       top:1px;
       right:-2px;
   }

   #header.navbar {
       margin-bottom: 0px !important;
   }

   #header .navbar-search {
     margin-left: 80px !important;
   }

   /* page title*/
   .page-title {
       margin: 4px 0px 7px 0px !important;
   }

   /* body */
   .fixed-top #main-content {
       margin-top: 0px;
   } 

   /* container */
   #container {
       margin-top: 0px !important;
   }

   .fixed-top #container {
       margin-top: 0px !important;
   }

   #sidebar .sidebar-toggler {
       display: none;
   }

   #sidebar.in {
       margin-top: 9px !important;

   }

   #sidebar ul {
       margin-top:0px !important;
       width:100%;
   }

   .top-nav .text {
       display: none;
   }

   /* sidebar menu */
   #sidebar .triangle {
       display: none;
   }

   #sidebar {		
        -webkit-border-radius: 4px !important;
           -moz-border-radius: 4px !important;
                 border-radius: 4px !important;
   }

   #sidebar > ul > li:first-child > a{
       border-top:0px !important;
   }		
   #sidebar > ul > li:last-child > a {
       border-bottom:0px !important;
   }

   #sidebar > ul > li:first-child > a:hover, #sidebar > ul > li.active:first-child > a{
        -webkit-border-radius: 4px 4px 0 0 !important;
           -moz-border-radius: 4px 4px 0 0 !important;
                 border-radius: 4px 4px 0 0 !important;
        border-top:0px !important;		 
   }		
   #sidebar > ul > li:last-child > a:hover, #sidebar > ul > li.active:last-child > a {
        -webkit-border-radius: 0 0 4px 4px !important;
           -moz-border-radius: 0 0 4px 4px !important;
                 border-radius: 0 0 4px 4px !important;
        border-bottom:0px !important;		 
   }

   /* stat overview containers */
   .stats-overview-cont {
       margin: 0px;
   }
   .stats-overview { 
       margin: 0px;
       padding: 10px 10px 0px 10px;
        margin-bottom: 20px;
   }	

   .stats-overview .details  .title {
       font-size: 13px;
   }

   /* cirlce stats */
   .circle-stat .details {
       margin-top: 0px !important;
   }
   .circle-stat .details .title {
       margin: 0px !important;
   }

   /* style switcher */
   #theme-change {
       top:55px;
       right:28px;
   }
}

@media (min-width: 768px) and (max-width: 1280px) {

   /***
   Form wizard
   ***/
   .form-wizard .step .desc {
     margin-top: 10px;
     display: inline;
   }

   /***
   Pricing tables
   ***/

   .pricing-table .rate .price,
   .pricing-table2 .rate .price {
       width: 100%;
       display: block;
       text-align: center;
       margin-bottom: 10px;
   }

} 

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
   /* body */
   body {
        padding-top: 0px;
   }

   /* body container */	
   #main-content {
       margin: 7px !important;
       position: none !important;
   }

   /* sidebar */
   #sidebar {
        margin: 0px 7px 10px 7px !important;
   }

   /* sidebar collabler */
   #sidebar .btn-navbar.collapsed .arrow { 
       display: none;
   }	

   #sidebar .btn-navbar .arrow {
     position: absolute;
     right: 35px;
     width: 0; 
     height: 0;
     top:48px;
     border-bottom: 15px solid #282e36;
     border-left: 15px solid transparent; 
     border-right: 15px solid transparent; 
   }

   #theme-change {
       border-radius: 5px !important;
       -webkit-border-radius: 5px !important;
       -moz-border-radius: 5px !important;
       top: 80px !important;
   }
} 

/* Landscape phones and down */
@media (max-width: 767px) { 
   /* body */
   body {
        padding: 0px 5px 5px 5px !important;
   }
   #header .brand {
       margin-top: -5px !important;
       padding: 22px 35px !important;
   }

   #header.navbar-inverse .navbar-inner {
       height: 68px !important;
   }
   .navbar-inverse .brand, .navbar-inverse .nav > li > a{
       color: #fff !important;
   }

   .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
       border-bottom-color: #FFF !important;
       border-top-color: #FFF !important;
   }

   #theme-change {
       border-radius: 5px !important;
       -webkit-border-radius: 5px !important;
       -moz-border-radius: 5px !important;
       top: 80px !important;
   }

   /* header */
   #header {
       padding-left: 0px;
       padding-right: 0px;
       margin: 0px;
       margin-left: -5px;
       margin-right: -5px;
   }	

   #footer {
       padding-left: 0px;
       padding-right: 0px;		
   }	

   #header .navbar-inner {
       padding-top: 0px !important;
       margin-top: 0px !important;
       height: 50px !important;
   }

   /* sidebar */
   #sidebar > ul > li:first-child > a:hover, #sidebar > ul > li.active:first-child > a {
        -webkit-border-radius: 0px !important;
           -moz-border-radius: 0px !important;
                 border-radius: 0px !important;
   }

   /* sidebar */
   #sidebar .btn-navbar .arrow {
        display: none;
   }
           
   #sidebar {
        margin: 0px 0px 8px 0px !important;
   }

   #sidebar .navbar-search {
       width: 100% !important;
   }


   #sidebar.in {
       margin-top: 7px !important;
   }

   /* header */
   #header .top-nav .nav{  
        margin-top: 0px;
        margin-right: 5px;
   }

   #header .navbar-inner {
       padding-top: 0px !important;
       margin-top: 0px !important;
   }

   .container-fluid {
        margin: 0px;
        padding:5px;
   }

   /* main container */
   #container {
       margin-top: 0px !important;
   }
   
   /* body container */
   #main-content {
       margin: 0px  !important;
   }

   /* style switcher */
   #theme-change {
       top:58px;
       right:12px;
   }	

   .breadcrumb {
       padding-left: 10px;
         padding-right: 10px;
       margin-left: -5px;
       margin-right: -5px;
   }

   #header.navbar .nav > li > .dropdown-menu.notification::after {
       margin-right: 110px;
   }

   #header.navbar .nav > li > .dropdown-menu.notification {
         margin-right: -105px;
   }

   #header.navbar .nav > li > .dropdown-menu.inbox::after {
       margin-right: 85px;
   }

   #header.navbar .nav > li > .dropdown-menu.inbox {
         margin-right: -80px;
   }

   /* main container  */	
   #container {
       margin-top: 1px !important;
   }

   .fixed-top #container {
       margin-top: 1px !important;
   }	

   .widget-body.form .form-actions{
     padding-left: 15px;	
   } 

   /* gritter notification fix */
   #gritter-notice-wrapper {
       right:1px !important;
   }

   .circle-stats {
       margin: 0px 0px !important;
   }
   /* cirlce stats */
   .circle-stat .details .title {
       margin: 10px 0px !important;
   }

   /*input error states*/
   .input-icon .input-error, .input-icon .input-warning, .input-icon .input-success { 
       top:-25px;
       float: right;
       right:10px !important;
   }	

   /*table advance*/
   .table-advance tr td.highlight:first-child a {
       margin-left: 8px;
   }

   /* full calendar fix */
   .fc-header-right {
     left:25px;
     position: absolute;
     width: 50% !important;
     margin-top: -45px;
   }

   .fc-header-left .fc-button { 
       margin: 0px !important;
       top: 5px !important;
   }	

   .fc-header-right .fc-button { 
       margin: 0px !important;
       top: 50px !important;
   }	

   .fc-button {
       border: none !important;
       margin-right: 2px;		
   }

   .fc-view {
     top: 0px !important;
   }

   .fc-button .fc-button-inner {
       padding: 2px !important;	
       border: none !important;
       margin-right: 2px !important;
       background-color: #fafafa !important;
       -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
   -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
   box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
   -webkit-border-radius: 3px !important;
   -moz-border-radius: 3px !important;
   border-radius: 3px !important;
   color: #646464 !important;
   border: 1px solid #ddd !important;
   text-shadow: 0 1px 0px rgba(255, 255, 255, .6) !important;
   text-align: center;
   background-image: linear-gradient(to bottom, #fafafa, #efefef) !important;
   margin-left: 0px !important;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
}

   .fc-button.fc-state-disabled .fc-button-inner {
       color: #bcbbbb !important;
   }

   .fc-button.fc-state-active .fc-button-inner {
       background-color: #e5e4e4 !important;
       background-image: linear-gradient(to bottom, #e5e4e4, #dddcdc) !important;
       }

   .fc-content {
       margin-top: 50px;
   }

   .fc-header-title h2 {
       line-height: 40px !important;
       font-size: 12px !important;
   }

   .fc-header {
       margin-bottom:0px !important;
   }

   /* footer */
   .go-top {  
       float: right;
       display: block;
       margin-top: -22px;
       margin-right: 0px;
       margin-bottom: 5px !important;
   }
}

/* Landscape phones and down */
@media (max-width: 430px) { 
   #login .lock{
       display: none !important;
   }
   #login {
       width: 260px !important;
       margin: 50px auto 0 !important;
   }
   #header .brand {
       margin-top: -5px !important;
       padding: 22px 35px !important;
   }
   .dashboard-report-li {
       float: left;
       width: 100%;
       padding: 0px !important;
   }
   #header.navbar-inverse .navbar-inner {
       height: 68px !important;
   }
   .navbar-inverse .brand, .navbar-inverse .nav > li > a{
       color: #fff !important;
   }

   .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
       border-bottom-color: #FFF !important;
       border-top-color: #FFF !important;
   }
}

/* Landscape phones and down */
@media (max-width: 385px) {
   #theme-change {
       top:92px !important;
       right:12px !important;
   }

   #login .lock{
       display: none !important;
   }
   #login {
       width: 260px !important;
       margin: 50px auto 0 !important;
   }
   #forgotform #input-email {
       width: 203px;
   }
   /* page title*/
   .page-title small {
       display: block;
       margin: 0px 0px 18px 0px;
   }

   /* sidebar */
   #sidebar.in {
       margin-top: 7px !important;
   }

   #header .navbar-inner {
       padding-top: 0px !important;
       margin-top: 0px !important;
       height: 84px !important;
   }
   .navbar-inverse .brand, .navbar-inverse .nav > li > a{
       color: #fff !important;
   }

   .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
       border-bottom-color: #FFF !important;
       border-top-color: #FFF !important;
   }


} 

/* Landscape phones and down */
@media (max-width: 320px) {
   #login .lock{
       display: none !important;
   }
   #login {
       width: 260px !important;
       margin: 50px auto 0 !important;
   }
   #forgotform #input-email {
       width: 203px;
   }
   #header .brand {
       margin-top: -5px !important;
       padding: 22px 22px !important;
   }

   .navbar-inverse .brand, .navbar-inverse .nav > li > a{
       color: #fff !important;
   }

   .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
       border-bottom-color: #FFF !important;
       border-top-color: #FFF !important;
   }
}



/* Landscape phones and down */
@media (max-width: 280px) {
   #login .lock{
       display: none !important;
   }
   #login {
       width: 260px !important;
       margin: 50px auto 0 !important;
   }
   #forgotform #input-email {
       width: 203px;
   }
   #header .brand {
       margin-top: -5px !important;
       padding: 22px 22px !important;
   }

   .navbar-inverse .brand, .navbar-inverse .nav > li > a{
       color: #fff !important;
   }

   .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
       border-bottom-color: #FFF !important;
       border-top-color: #FFF !important;
   }
}
/* Landscape phones and down */

/* Large desktop & notebooks */
@media (min-width: 980px) { 
    /* sidebar */
   #sidebar {
       position: absolute;
        width: 215px;
     }

     #sidebar ul{
         margin-top:50px;
         width: 215px;
     }

     /* body container */
     #main-content {
       margin-top: 0px !important;
   }

   .fixed-top #main-content {
       margin-top: 20px;
   } 
}


/* dashboard date range button for all device size */

/* General styles for phones and tablets */
@media (max-width:979px) { 
   /* header bar */
   #header .navbar-inner li.dropdown i {
       display: inline-block;
       position: relative;
       top:1px;
       right:-2px;
   }

   #header.navbar {
       margin-bottom: 0px !important;
   }

   #header .navbar-search {
     margin-left: 80px !important;
   }

   /* page title*/
   .page-title {
       margin: 4px 0px 7px 0px !important;
   }

   /* body */
   .fixed-top #main-content {
       margin-top: 0px;
   } 

   /* container */
   #container {
       margin-top: 0px !important;
   }

   .fixed-top #container {
       margin-top: 0px !important;
   }

   #sidebar .sidebar-toggler {
       display: none;
   }

   #sidebar.in {
       margin-top: 9px !important;

   }

   #sidebar ul {
       margin-top:0px !important;
       width:100%;
   }

   .top-nav .text {
       display: none;
   }

   /* sidebar menu */
   #sidebar .triangle {
       display: none;
   }

   #sidebar {		
        -webkit-border-radius: 4px !important;
           -moz-border-radius: 4px !important;
                 border-radius: 4px !important;
   }

   #sidebar > ul > li:first-child > a{
       border-top:0px !important;
   }		
   #sidebar > ul > li:last-child > a {
       border-bottom:0px !important;
   }

   #sidebar > ul > li:first-child > a:hover, #sidebar > ul > li.active:first-child > a{
        -webkit-border-radius: 4px 4px 0 0 !important;
           -moz-border-radius: 4px 4px 0 0 !important;
                 border-radius: 4px 4px 0 0 !important;
        border-top:0px !important;		 
   }		
   #sidebar > ul > li:last-child > a:hover, #sidebar > ul > li.active:last-child > a {
        -webkit-border-radius: 0 0 4px 4px !important;
           -moz-border-radius: 0 0 4px 4px !important;
                 border-radius: 0 0 4px 4px !important;
        border-bottom:0px !important;		 
   }

   /* stat overview containers */
   .stats-overview-cont {
       margin: 0px;
   }
   .stats-overview { 
       margin: 0px;
       padding: 10px 10px 0px 10px;
        margin-bottom: 20px;
   }	

   .stats-overview .details  .title {
       font-size: 13px;
   }

   /* cirlce stats */
   .circle-stat .details {
       margin-top: 0px !important;
   }
   .circle-stat .details .title {
       margin: 0px !important;
   }

   /* style switcher */
   #theme-change {
       top:55px;
       right:28px;
   }
}

@media (min-width: 768px) and (max-width: 1280px) {

   /***
   Form wizard
   ***/
   .form-wizard .step .desc {
     margin-top: 10px;
     display: inline;
   }

   /***
   Pricing tables
   ***/

   .pricing-table .rate .price,
   .pricing-table2 .rate .price {
       width: 100%;
       display: block;
       text-align: center;
       margin-bottom: 10px;
   }

} 

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
   /* body */
   body {
        padding-top: 0px;
   }

   /* body container */	
   #main-content {
       margin: 7px !important;
       position: none !important;
   }

   /* sidebar */
   #sidebar {
        margin: 0px 7px 10px 7px !important;
   }

   /* sidebar collabler */
   #sidebar .btn-navbar.collapsed .arrow { 
       display: none;
   }	

   #sidebar .btn-navbar .arrow {
     position: absolute;
     right: 35px;
     width: 0; 
     height: 0;
     top:48px;
     border-bottom: 15px solid #282e36;
     border-left: 15px solid transparent; 
     border-right: 15px solid transparent; 
   }

   #theme-change {
       border-radius: 5px !important;
       -webkit-border-radius: 5px !important;
       -moz-border-radius: 5px !important;
       top: 80px !important;
   }
} 

/* Landscape phones and down */
@media (max-width: 767px) { 
   /* body */
   body {
        padding: 0px 5px 5px 5px !important;
   }
   #header .brand {
       margin-top: -5px !important;
       padding: 22px 35px !important;
   }

   #header.navbar-inverse .navbar-inner {
       height: 68px !important;
   }
   .navbar-inverse .brand, .navbar-inverse .nav > li > a{
       color: #fff !important;
   }

   .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
       border-bottom-color: #FFF !important;
       border-top-color: #FFF !important;
   }

   #theme-change {
       border-radius: 5px !important;
       -webkit-border-radius: 5px !important;
       -moz-border-radius: 5px !important;
       top: 80px !important;
   }

   /* header */
   #header {
       padding-left: 0px;
       padding-right: 0px;
       margin: 0px;
       margin-left: -5px;
       margin-right: -5px;
   }	

   #footer {
       padding-left: 0px;
       padding-right: 0px;		
   }	

   #header .navbar-inner {
       padding-top: 0px !important;
       margin-top: 0px !important;
       height: 50px !important;
   }

   /* sidebar */
   #sidebar > ul > li:first-child > a:hover, #sidebar > ul > li.active:first-child > a {
        -webkit-border-radius: 0px !important;
           -moz-border-radius: 0px !important;
                 border-radius: 0px !important;
   }

   /* sidebar */
   #sidebar .btn-navbar .arrow {
        display: none;
   }
           
   #sidebar {
        margin: 0px 0px 8px 0px !important;
   }

   #sidebar .navbar-search {
       width: 100% !important;
   }


   #sidebar.in {
       margin-top: 7px !important;
   }

   /* header */
   #header .top-nav .nav{  
        margin-top: 0px;
        margin-right: 5px;
   }

   #header .navbar-inner {
       padding-top: 0px !important;
       margin-top: 0px !important;
   }

   .container-fluid {
        margin: 0px;
        padding:5px;
   }

   /* main container */
   #container {
       margin-top: 0px !important;
   }
   
   /* body container */
   #main-content {
       margin: 0px  !important;
   }

   /* style switcher */
   #theme-change {
       top:58px;
       right:12px;
   }	

   .breadcrumb {
       padding-left: 10px;
         padding-right: 10px;
       margin-left: -5px;
       margin-right: -5px;
   }

   #header.navbar .nav > li > .dropdown-menu.notification::after {
       margin-right: 110px;
   }

   #header.navbar .nav > li > .dropdown-menu.notification {
         margin-right: -105px;
   }

   #header.navbar .nav > li > .dropdown-menu.inbox::after {
       margin-right: 85px;
   }

   #header.navbar .nav > li > .dropdown-menu.inbox {
         margin-right: -80px;
   }

   /* main container  */	
   #container {
       margin-top: 1px !important;
   }

   .fixed-top #container {
       margin-top: 1px !important;
   }	

   .widget-body.form .form-actions{
     padding-left: 15px;	
   } 

   /* gritter notification fix */
   #gritter-notice-wrapper {
       right:1px !important;
   }

   .circle-stats {
       margin: 0px 0px !important;
   }
   /* cirlce stats */
   .circle-stat .details .title {
       margin: 10px 0px !important;
   }

   /*input error states*/
   .input-icon .input-error, .input-icon .input-warning, .input-icon .input-success { 
       top:-25px;
       float: right;
       right:10px !important;
   }	

   /*table advance*/
   .table-advance tr td.highlight:first-child a {
       margin-left: 8px;
   }

   /* full calendar fix */
   .fc-header-right {
     left:25px;
     position: absolute;
     width: 50% !important;
     margin-top: -45px;
   }

   .fc-header-left .fc-button { 
       margin: 0px !important;
       top: 5px !important;
   }	

   .fc-header-right .fc-button { 
       margin: 0px !important;
       top: 50px !important;
   }	

   .fc-button {
       border: none !important;
       margin-right: 2px;		
   }

   .fc-view {
     top: 0px !important;
   }

   .fc-button .fc-button-inner {
       padding: 2px !important;	
       border: none !important;
       margin-right: 2px !important;
       background-color: #fafafa !important;
       -webkit-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
   -moz-box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
   box-shadow: 0 1px 0px rgba(255, 255, 255, .8) !important;
   -webkit-border-radius: 3px !important;
   -moz-border-radius: 3px !important;
   border-radius: 3px !important;
   color: #646464 !important;
   border: 1px solid #ddd !important;
   text-shadow: 0 1px 0px rgba(255, 255, 255, .6) !important;
   text-align: center;
   background-image: linear-gradient(to bottom, #fafafa, #efefef) !important;
   margin-left: 0px !important;
   margin-top: 0px !important;
   margin-bottom: 0px !important;
}

   .fc-button.fc-state-disabled .fc-button-inner {
       color: #bcbbbb !important;
   }

   .fc-button.fc-state-active .fc-button-inner {
       background-color: #e5e4e4 !important;
       background-image: linear-gradient(to bottom, #e5e4e4, #dddcdc) !important;
       }

   .fc-content {
       margin-top: 50px;
   }

   .fc-header-title h2 {
       line-height: 40px !important;
       font-size: 12px !important;
   }

   .fc-header {
       margin-bottom:0px !important;
   }

   /* footer */
   .go-top {  
       float: right;
       display: block;
       margin-top: -22px;
       margin-right: 0px;
       margin-bottom: 5px !important;
   }
}

/* Landscape phones and down */
@media (max-width: 430px) { 
   #login .lock{
       display: none !important;
   }
   #login {
       width: 260px !important;
       margin: 50px auto 0 !important;
   }
   #header .brand {
       margin-top: -5px !important;
       padding: 22px 35px !important;
   }
   .dashboard-report-li {
       float: left;
       width: 100%;
       padding: 0px !important;
   }
   #header.navbar-inverse .navbar-inner {
       height: 68px !important;
   }
   .navbar-inverse .brand, .navbar-inverse .nav > li > a{
       color: #fff !important;
   }

   .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
       border-bottom-color: #FFF !important;
       border-top-color: #FFF !important;
   }
}

/* Landscape phones and down */
@media (max-width: 385px) {
   #theme-change {
       top:92px !important;
       right:12px !important;
   }

   #login .lock{
       display: none !important;
   }
   #login {
       width: 260px !important;
       margin: 50px auto 0 !important;
   }
   #forgotform #input-email {
       width: 203px;
   }
   /* page title*/
   .page-title small {
       display: block;
       margin: 0px 0px 18px 0px;
   }

   /* sidebar */
   #sidebar.in {
       margin-top: 7px !important;
   }

   #header .navbar-inner {
       padding-top: 0px !important;
       margin-top: 0px !important;
       height: 84px !important;
   }
   .navbar-inverse .brand, .navbar-inverse .nav > li > a{
       color: #fff !important;
   }

   .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
       border-bottom-color: #FFF !important;
       border-top-color: #FFF !important;
   }


} 

/* Landscape phones and down */
@media (max-width: 320px) {
   #login .lock{
       display: none !important;
   }
   #login {
       width: 260px !important;
       margin: 50px auto 0 !important;
   }
   #forgotform #input-email {
       width: 203px;
   }
   #header .brand {
       margin-top: -5px !important;
       padding: 22px 22px !important;
   }

   .navbar-inverse .brand, .navbar-inverse .nav > li > a{
       color: #fff !important;
   }

   .navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
       border-bottom-color: #FFF !important;
       border-top-color: #FFF !important;
   }
}
/*   
Template Name: Admin Lab Dashboard build with Bootstrap v2.3.1
Template Version: 1.3
Author: Mosaddek Hossain
Website: http://thevectorlab.net/
*/



/*Default  32c2cd*/
@font-face {
    font-family: 'AlmaraiART';
    src: url('../fonts/Almarai-v5-arabic-regular.eot');
    src: url('../fonts/Almarai-v5-arabic-regulareot?#iefix') format('embedded-opentype'), url('../fonts/Almarai-v5-arabic-regular.woff') format('woff'), url('../fonts/Almarai-v5-arabic-regular.ttf') format('truetype'), url('../fonts/Almarai-v5-arabic-regular.svg#myriadproit') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* body styles */
body {
    color: #000;
    font-family: 'AlmaraiART';
    padding: 0px !important;
    margin: 0px !important;
    font-size: 13px;
    direction: rtl;
}

/* fix for font awesome icon classes */
[class^="icon-"], [class*=" icon-"], [class^="icon-"]:hover, [class*=" icon-"]:hover {
    background: none !important;
}

/* hide by default, used to handle elements to show only for ie8*/
.visible-ie8 {
    display: none;
}

@font-face {
    font-family: 'MyriadPro-Bold';
    src: url('../font/myriadprobold.eot');
    src: url('../font/myriadprobold.eot?#iefix') format('embedded-opentype'), url('../font/myriadprobold.woff') format('woff'), url('../font/myriadprobold.ttf') format('truetype'), url('../font/myriadprobold.svg#myriadprobold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-It';
    src: url('../font/myriadproit.eot');
    src: url('../font/myriadproit.eot?#iefix') format('embedded-opentype'), url('../font/myriadproit.woff') format('woff'), url('../font/myriadproit.ttf') format('truetype'), url('../font/myriadproit.svg#myriadproit') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-Light';
    src: url('../font/myriadprolight.eot');
    src: url('../font/myriadprolight.eot?#iefix') format('embedded-opentype'), url('../font/myriadprolight.woff') format('woff'), url('../font/myriadprolight.ttf') format('truetype'), url('../font/myriadprolight.svg#myriadprolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MyriadPro-Regular';
    src: url('../font/myriadproregular.eot');
    src: url('../font/myriadproregular.eot?#iefix') format('embedded-opentype'), url('../font/myriadproregular.woff') format('woff'), url('../font/myriadproregular.ttf') format('truetype'), url('../font/myriadproregular.svg#myriadproregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* general typography*/
h3 small, h2 small, h5 small {
    color: #868686;
    font-family: 'AlmaraiART';
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    font-family: 'AlmaraiART';
}


    h1.block, h2.block, h3.block, h4.block, h5.block, h6.block {
        padding-bottom: 10px;
    }

p {
    font-family: 'AlmaraiART';
}
/* general tools */
img.center {
    text-align: center;
}

.phone-margin-top-5:before {
    display: block;
    margin-top: 5px;
}

.no-padding {
    padding: 0px !important;
}

.no-margin {
    margin: 0px !important;
}

.no-bottom-space {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.no-top-space {
    padding-top: 0px !important;
    margin-top: 0px !important;
}

.block-margin-bottom-5 {
    display: inline-block;
    margin-bottom: 5px;
}

.hide {
    display: none;
}

.bold {
    font-weight: bold;
}

.fix-margin {
    margin-right: 0px !important;
}

.border {
    border: 1px solid #ddd;
}

.small {
    font-size: 11px !important;
}

.btn-top-space {
    margin-top: 5px !important;
}

.italic {
    font-style: italic !important;
}

ui {
    font-family: 'AlmaraiART';
}

i {
    font-family: 'AlmaraiART';
}

a {
    font-family: 'AlmaraiART';
}

li {
    font-family: 'AlmaraiART';
}

i.big {
    font-size: 20px;
}

i.warning {
    color: #E74955;
}

i.critical {
    color: #22878E;
}

i.normal {
    color: #A5D16C;
}

hr {
    margin: 15px 0;
    border: 0;
    border-top: 1px solid #E0DFDF;
    border-bottom: 1px solid #FEFEFE;
}

i.icon, a.icon {
    color: #999;
}

    a.icon:hover {
        text-decoration: none;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        -ms-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
        opacity: .4;
    }

    a.icon.huge i {
        font-size: 16px !important;
    }

.space5 {
    display: block;
    height: 5px !important;
    clear: both;
}

.space7 {
    height: 7px !important;
    clear: both;
}

.space10 {
    height: 10px !important;
    clear: both;
}

.space12 {
    height: 12px !important;
    clear: both;
}

.space15 {
    height: 15px !important;
    clear: both;
}

.space20 {
    height: 20px !important;
    clear: both;
}

.mtop5 {
    margin-top: 5px;
}

.mtop7 {
    margin-top: 7px;
}

.mtop10 {
    margin-top: 10px;
}

.no-text-shadow {
    text-shadow: none !important;
}

.notify-row {
    float: right;
    padding: 5px;
}

/*fix outlines on click*/
a, a:focus, a:hover, a:active {
    outline: 0;
}



/* header nav bar*/
#header.navbar {
    min-width: 0px;
}

    #header .navbar .nav > li > a {
        padding: 0px !important;
    }

.navbar .nav > li > a {
    padding: 10px;
}

#header .navbar-inner .nav > li {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

#header .navbar-inner li.dropdown .dropdown-toggle i {
    font-size: 20px;
}

#header .navbar-inner li.dropdown .dropdown-toggle .label {
    position: relative;
    top: -3px;
    font-size: 9px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    margin-top: 0px !important;
    display: inline-block !important;
}

#header .navbar-inner .nav .dropdown-toggle:hover, .navbar-inner .nav .dropdown.open .dropdown-toggle {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

#header.navbar-inverse .btn-navbar {
    margin-top: 6px;
    color: white;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #e9ebec;
    background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #e9ebec, #caced1);
    border-left-color: #caced1;
    border-right-color: #caced1;
    border-top-color: #caced1;
    border-bottom-color: black;
}

    #header.navbar-inverse .btn-navbar:hover {
        background-color: #caced1;
    }

#header .navbar-inner {
    top: 0px;
    width: 100%;
    margin: 0px !important;
    margin-bottom: -2px !important;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    padding: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

#header.navbar-inverse .navbar-inner {
    height: 60px;
    border: none !important;
}

#header.navbar-inverse .divider-vertical {
    height: 40px;
}

#header .navbar-search {
    margin-right: 110px;
}

#header .top-nav .dropdown-menu {
    margin-top: 3px;
}

.top-menu {
    padding: 5px;
}

.navbar .nav .dropdown-toggle .caret {
    margin-top: 12px;
}

.top-nav .nav > li > a > img {
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
}

.navbar-inverse .navbar-search .search-query {
    background-color: #FFFFFF;
    border: 0 none;
    color: #333333;
    outline: 0 none;
    padding: 5px 15px;
    text-shadow: none;
}

/* main container */
#container {
}

.fixed-top #container {
    margin-top: 60px;
}

/* i8 fix for form input height in fluid rows */
.ie8 .row-fluid [class*="span"] {
    min-height: 20px !important;
}

/* body container */
#login-body {
    background-color: #f7f7f7 !important;
    background-image: url("../img/body-bg.png") !important;
}

#main-content {
    margin-top: 0px;
    margin-right: 215px;
    min-height: 800px;
    background: #f7f7f7 url("../img/body-bg.png");
}

#main-contener {
    margin-top: 30px;
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
    min-height: 600px;
    /*background: #f7f7f7 url("../img/body-bg.png");*/
    background: url('../img/body-bg.png')repeat;
    /*opacity: 50%;
    background-color:*/
}

/* page container */
.sidebar-toggler {
    -webkit-border-radius: 0 15px 15px 0;
    -moz-border-radius: 0 15px 15px 0;
    border-radius: 0 15px 15px 0;
    cursor: pointer;
    display: block;
    float: left;
    margin-top: 12px;
    width: 23px;
    height: 25px;
    background: #e9ebec url("../img/body-bg.png");
}

    .sidebar-toggler:before {
        margin: 4px 8px 7px 2px;
        display: block;
        font-size: 13px;
        font-family: FontAwesome;
        height: auto;
        content: "\f054";
        font-weight: 300;
        text-shadow: none;
    }

    .sidebar-toggler.closed:before,
    .sidebar-closed .sidebar-toggler:before {
        margin: 4px 10px 7px 2px;
        content: "\f053";
    }

.sidebar-closed > #sidebar > ul {
    display: none;
}

.sidebar-closed #main-content {
    margin-right: 25px;
}

.sidebar-closed #sidebar {
    margin-right: -190px;
}

/* sidebar menu */

[class^="icon-"], [class*=" icon-"] {
    margin-top: 0;
}

ul.sidebar-menu span.icon-box {
    background: url("../img/side-bar-list-bg.png") !important;
    padding: 20px;
    margin-left: 10px;
}

#sidebar .navbar-search {
    border: 0px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

#sidebar.closed {
    display: none;
}

#sidebar > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0;
    padding: 0;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

    #sidebar > ul > li {
        display: block;
        margin: 0 0 1px 0;
        padding: 0;
        border: 0px;
        background: url("../img/side-bar-list-bg.png");
        line-height: 30px;
    }

        #sidebar > ul > li > a {
            display: block;
            position: relative;
            margin: 0;
            border: 0px;
            padding: 0 0 0 15px;
            -webkit-border-radius: 0px !important;
            -moz-border-radius: 0px !important;
            border-radius: 0px !important;
            text-decoration: none;
            font-size: 14px;
            font-weight: normal;
        }

        #sidebar > ul > li a i {
            color: #eaeaea;
            font-size: 18px;
        }

        #sidebar > ul > li.active > a {
            border: none;
        }


            #sidebar > ul > li.active > a .arrow {
                margin-left: 1px;
            }

                #sidebar > ul > li.active > a .arrow.open {
                    margin-left: 0px;
                }


#sidebar ul > li > a .arrow {
    float: left;
    margin-top: 27px;
    margin-left: 5px;
    width: 0;
    height: 0;
    border-right: 4px solid #f3f3f3;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
}

#sidebar > ul > li > a .arrow.open {
    float: left;
    margin-top: 27px;
    margin-left: 3px;
    width: 0;
    height: 0;
    border-top: 5px solid #f3f3f3;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
}

#sidebar > ul > li > ul.sub {
    display: none;
    list-style: none;
    clear: both;
    margin: 0px;
}

#sidebar > ul > li.active > ul.sub {
    display: block;
}

#sidebar > ul > li > ul.sub > li {
    background: none !important;
    padding: 0px;
}

    #sidebar > ul > li > ul.sub > li > a {
        display: block;
        position: relative;
        padding: 10px 60px 10px 10px;
        color: #ccc;
        text-decoration: none;
        text-shadow: 0 1px 1px #000;
        font-size: 13px;
        font-weight: normal;
    }

        #sidebar > ul > li > ul.sub > li.active > a, #sidebar > ul > li > ul.sub > li > a:hover {
            background: url("../img/submenu_hover.png") !important;
        }

#header {
    width: 100%;
}
/* ie8, ie9 fixes */
.ie8 #sidebar .search-query, .ie8 #header .search-query {
    padding-top: 7px !important;
    padding-bottom: 5px !important;
}

.ie9 #sidebar .search-query, .ie9 #header .search-query {
    padding-bottom: 0px !important;
    height: 24px;
}

.ie9 #sidebar > ul > li.active > a .triangle {
    left: -1px;
}

/* ie10 fixes */
.ie10 #header .search-input-area > i, .ie10 #sidebar .search-input-area > i {
    top: -2px !important;
}

/* ie8 fixes */
.ie8 #sidebar {
    position: absolute;
    width: 215px;
}

    .ie8 #sidebar ul {
        margin-top: 47px;
        width: 215px;
    }

/* footer container */
#footer {
    padding: 8px 20px 5px 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    /*background: url("../img/top-bg.jpg");*/
}

.go-top {
    display: block;
    font-size: 12px;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    margin-top: -3px;
    margin-right: 0px;
    margin-bottom: 0px;
    font-size: 16px;
    background-color: #111;
    opacity: 0.8;
    padding: 3px 6px 2px 5px;
    opacity: 0.4;
    filter: alpha(opacity = 40);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

/* custom wells */
.well {
    background-color: #fafafa;
    border: 1px solid #ddd;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

    .well.mini {
        padding: 7px !important;
    }


.tab-content {
    padding: 0px;
    overflow: hidden;
}

/* general form */
form legend {
    margin: 15px 0px 10px 0px !important;
}

.form-actions {
    background-color: #fff;
}

.widget-body.form form {
    margin: 0px !important;
    padding: 0px !important;
}

.widget-body.form .control-group:last-child {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.widget-body.form .form-actions {
    margin-left: -15px !important;
    margin-right: -15px !important;
    margin-top: 20px !important;
    margin-bottom: -15px !important;
    margin-top: 20px;
    padding-right: 195px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

.widget-body .dataTables_info, .widget-body .dataTables_paginate {
    margin-top: 5px !important;
    padding-bottom: 0px !important;
    margin-bottom: -4px !important;
}

.widget-body .table {
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
}

.widget-title > h4, .breadcrumb > li > a:hover, .chats li.in .name {
    color: #4C4C4C;
    text-shadow: 0 1px 1px #FFFFFF;
}

/* custom form input error states with icons */
.input-icon input {
    padding-left: 25px !important;
}

.input-icon .input-error, .input-icon .input-warning, .input-icon .input-success {
    display: inline-block !important;
    position: relative !important;
    top: 4px;
    left: 25px !important;
    font-size: 16px;
}

.input-icon .input-error {
    color: #B94A48;
}

.input-icon .input-warning {
    color: #C09853;
}

.input-icon .input-success {
    color: #468847;
}

/* custom breadcrumb */
.breadcrumb {
    background: none;
    margin-right: -15px;
    border: none;
    box-shadow: none;
}

    .breadcrumb > li {
        height: 33px;
        line-height: 33px;
        background: url("../img/bread-crumb-bg.jpg") repeat-x;
        float: right;
        margin-bottom: 25px;
        padding: 0 8px 0 0;
    }

        .breadcrumb > li > a {
            color: #737373;
        }

            .breadcrumb > li > a:hover {
                text-decoration: none;
            }

        .breadcrumb > li > .divider {
            display: inline-block;
            padding: 0px;
            width: 33px;
            height: 33px;
            line-height: 33px;
            background: url("../img/bread-crumb-divider.jpg") no-repeat;
        }


            .breadcrumb > li > .divider:hover {
                width: 38px;
                height: 38px;
            }

        .breadcrumb > li > .divider-last {
            display: inline-block;
            padding: 0px;
            width: 19px;
            height: 33px;
            line-height: 33px;
            background: url("../img/bread-crumb-last.jpg") no-repeat;
        }

            .breadcrumb > li > .divider-last:hover {
                width: 27px;
                height: 38px;
            }

    .breadcrumb .tooltip {
        text-shadow: none !important;
    }

    /*general search  */
    .breadcrumb > li.search-wrap {
        background: none !important;
        float: left;
    }

    .breadcrumb .search-input-area {
        float: left;
        position: relative;
        width: 94%;
    }

.search-input-area input.search-query {
    border: 0px !important;
    padding-right: 8px;
    padding-left: 20px;
    box-shadow: 0 0 5px #CCCCCC !important;
    -moz-box-shadow: 0 0 5px #CCCCCC !important;
    -webkit-box-shadow: 0 0 5px #CCCCCC !important;
}

.search-input-area input:focus.search-query {
    outline: 0;
    box-shadow: 0 0 8px rgba(82, 168, 236, 0.6) !important;
    -moz-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6) !important;
    -webkit-box-shadow: 0 0 8px rgba(82, 168, 236, 0.6) !important;
}

.breadcrumb .search-input-area > i, #sidebar .search-input-area > i {
    cursor: pointer;
    display: inline-block !important;
    font-size: 18px;
    position: absolute !important;
    left: -10px !important;
    top: 7px !important;
}


/* charts & stats */
.chart, .pie, .bars {
    height: 300px;
}

.stat {
    margin: 0px;
    padding: 0px;
}

.item-list.table .percent {
    width: 30px;
    float: left;
    margin-left: 10px;
    margin-top: 3px;
}

.item-list.table .title {
    padding-top: -5px;
}

.stat .title {
    margin-left: 10px;
    margin-right: 10px;
    font-size1: 13px;
}

.stat.good .percent {
    color: #52e136;
    font-size: 16px;
    font-weight: bold;
}

.stat.bad .percent {
    color: #d12610;
    font-size: 16px;
    font-weight: bold;
}

.stat.ok .percent {
    color: #37b7f3;
    font-size: 16px;
    font-weight: bold;
}

/* general list for item with picture */
ul.item-list li .pic {
    height: 50px;
    width: 50px;
    float: right;
    margin-top: 3px;
    margin-left: 5px;
    -webkit-border-radius: 2px !important;
    -moz-border-radius: 2px !important;
    border-radius: 2px !important;
}

ul.item-list {
    margin: 0px;
    list-style: none;
}

    ul.item-list li {
        padding: 5px 0;
        list-style: none;
        border-top: 1px solid white;
        border-bottom: 1px solid #EBEBEB;
        font-size: 12px;
    }

        ul.item-list li:first-child {
            border-top: none;
            border-bottom: 1px solid #EBEBEB;
        }

        ul.item-list li:last-child {
            border-top: none;
            border-bottom: none;
        }

        ul.item-list li .label {
            margin-left: 5px;
        }

/* general purpose block with css3 gradient background */
.block {
    line-height: 18px;
    margin: 0 0 20px 0;
    padding: 10px;
    text-align: center;
}

/* metro dashboard stats */
.metro-overview-cont {
    padding-top: 0px;
    margin-bottom: 15px;
}

.metro-overview {
    clear: both;
    padding: 10px 10px 0px 10px;
    margin: 0px;
    margin-bottom: 5px;
    box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.2) inset;
}

    .metro-overview .display {
        margin-left: 5px;
        float: right;
        font-size: 30px;
        color: #fff;
    }

    .metro-overview .percent {
        color: #fff;
        font-size: 12px;
    }

    .metro-overview .details {
        color: #fff;
        text-align: left;
    }

        .metro-overview .details .title {
            color: #fff;
            font-size: 12px;
            font-weight: normal;
            margin-bottom: 6px;
        }

            .metro-overview .details .title i {
                color: #fff;
                margin-right: 2px;
            }

        .metro-overview .details .numbers {
            color: #fff;
            font-size: 20px;
            margin-bottom: 6px;
        }

    .metro-overview .progress {
        height: 5px;
        margin-bottom: 10px !important;
        width: 100%;
    }

/* mini chart and bar containers  */
.bar-chart {
    display: none;
}

.line-chart {
    display: none;
}

/* custom label and badges */
.notify-row .badge {
    position: absolute;
    top: -5px;
    z-index: 100;
    left: 1px;
}

.badge {
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px !important;
    border-radius: 10px !important;
    padding: 2px 6px;
}

.label {
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    text-shadow: none !important;
    padding: 5px !important;
}

.label-success, .badge-success {
    background-color: #a5d16c;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5d16c), color-stop(100%, #a5d16c));
    background-image: -webkit-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: -moz-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: -ms-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: -o-linear-gradient(top, #a5d16c, #a5d16c);
    background-image: linear-gradient(top, #a5d16c, #a5d16c);
}

.label-warning, .badge-warning {
    background-color: #fcb322;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fcb322), color-stop(100%, #fcb322));
    background-image: -webkit-linear-gradient(top, #fcb322, #fcb322);
    background-image: -moz-linear-gradient(top, #fcb322, #fcb322);
    background-image: -ms-linear-gradient(top, #fcb322, #fcb322);
    background-image: -o-linear-gradient(top, #fcb322, #fcb322);
    background-image: linear-gradient(top, #fcb322, #fcb322);
}

.label-important, .badge-important {
    background-color: #e74955;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e74955), color-stop(100%, #e74955));
    background-image: -webkit-linear-gradient(top, #e74955, #e74955);
    background-image: -moz-linear-gradient(top, #e74955, #e74955);
    background-image: -ms-linear-gradient(top, #e74955, #e74955);
    background-image: -o-linear-gradient(top, #e74955, #e74955);
    background-image: linear-gradient(top, #e74955, #e74955);
}

.label-info, .badge-info {
    background-color: #32c2cd;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #32c2cd), color-stop(100%, #32c2cd));
    background-image: -webkit-linear-gradient(top, #32c2cd, #32c2cd);
    background-image: -moz-linear-gradient(top, #32c2cd, #32c2cd);
    background-image: -ms-linear-gradient(top, #32c2cd, #32c2cd);
    background-image: -o-linear-gradient(top, #32c2cd, #32c2cd);
    background-image: linear-gradient(top, #32c2cd, #32c2cd);
}

.label-mini {
    font-size: 11px;
}

/*progress bar*/
.progress {
    height: 10px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

/*pre loader list */
.list_items > li {
    padding: 0 0 12px 16px;
}
/*pagination */
.pagination {
    margin: 10px 0;
}

/*slider*/
.slider {
    margin-bottom: 40px;
    margin-top: 20px;
}

    .slider label {
        cursor: text;
    }

.jslider .jslider-value {
    border: 1px solid #CDCDCD;
    border-radius: 10px !important;
    -moz-border-radius: 10px !important;
    -webkit-border-radius: 10px !important;
}

.jslider .jslider-value, .jslider .jslider-label, .jslider .jslider-scale ins {
    font-size: 12px !important;
}

.jslider .jslider-bg i {
    height: 6px !important;
}

.jslider .jslider-value {
    padding: 3px 0px 0 5px !important;
    top: -28px !important;
}

.jslider_round_plastic .jslider-pointer {
    height: 23px !important;
    margin-right: -12px !important;
    width: 23px !important;
}

.jslider .jslider-pointer {
    background-position: 0 -58px !important;
    top: -6px !important;
}

.jslider .jslider-pointer {
    background-position: 0 -58px !important;
    top: -6px !important;
}

.jslider .jslider-pointer-hover {
    top: -8px !important;
    background-position: -22px -56px !important;
}

.jslider .jslider-value {
    padding: 3px 5px !important;
}

/*font awesome icon style*/

.icon-style-list ul.unstyled li {
    /*border: 1px solid #EAEAEA;*/
    font-family: arial;
    line-height: 30px;
    margin-bottom: 10px;
    padding: 0 10px;
    font-size: 13px;
    background: #eeeeee;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .icon-style-list ul.unstyled li i {
        font-size: 16px;
        padding-left: 5px;
    }

.icon-style-list h3, .icon-style-list h4 {
    font-family: Arial;
}

ul.icons {
    list-style-type: none;
    text-indent: -0.75em;
    margin-right: 25px;
}
/*alpha listing*/
.upper-alpha {
    list-style: upper-alpha;
}
/*roman list*/
.roman-list {
    list-style: upper-roman;
}
/*glyphicons icon style*/
.the-icons {
    list-style: none;
    margin-right: 0;
}

    .the-icons li {
        float: right;
        line-height: 25px;
        width: 20%;
        line-height: 30px;
    }

/*buttons style*/

.btn {
    border-radius: 0;
    background: #e8e8e8;
    outline: none;
}

    .btn:hover {
        border-radius: 0;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

.btn-group > .btn:first-child,
.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle,
.btn-group-vertical > .btn:first-child,
.btn-group-vertical > .btn:last-child {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.btn-primary {
    background: #036c9c;
}

    .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
        background-color: #2c7fa5;
    }

.btn-success {
    background: #87bb33;
}

    .btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled],
    .btn-group.open .btn-success.dropdown-toggle {
        background-color: #70BB2E;
    }

.btn-info {
    background: #2fade7;
}

    .btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled],
    .btn-group.open .btn-info.dropdown-toggle {
        background-color: #50baeb;
    }

.btn-warning {
    background: #fb9800;
}

    .btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled],
    .btn-group.open .btn-warning.dropdown-toggle {
        background-color: #FB8E13;
    }

.btn-danger {
    background: #dc5d3a;
}

    .btn-danger:hover, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled],
    .btn-group.open .btn-danger.dropdown-toggle {
        background-color: #DC4E3B;
    }

.btn-inverse {
    background: #484848;
}

    .btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled],
    .btn-group.open .btn-inverse.dropdown-toggle {
        background-color: #292929;
    }

.btn-link {
    background: none;
    box-shadow: none;
}

.input-prepend .add-on:first-child, .input-prepend .btn:first-child,
.input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child,
.input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child,
.input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child > .dropdown-toggle {
    border: 1px solid #ddd;
    border-radius: 0px;
}

.uneditable-input {
    width: 135px;
}

.switch-form input {
    width: 110px;
}


/*form element */

textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input, .fileupload-new .input-append .btn-file {
    border: 1px solid #ddd;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    box-shadow: none !important;
}

    textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
        background: #fff;
        border: 1px solid #DDDDDD;
        box-shadow: none !important;
    }

.form-horizontal .control-label {
    text-align: right;
}

/* icon buttons */
.icon-btn {
    height: 70px;
    width: 50px;
    margin: 10px 0px 10px 0px;
    padding: 16px 0px 0px 0px;
    font-size: 10px;
    background-color: #fff !important;
    -webkit-box-shadow: 0 0px 5px #ddd !important;
    -moz-box-shadow: 0 0px 5px #ddd!important;
    box-shadow: 0 0px 5px #ddd !important;
    display: block !important;
    color: #646464 !important;
    text-align: center;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
}

.ie8 .icon-btn:hover {
    filter: none !important;
}

.icon-btn:hover {
    background: #fff !important;
    text-decoration: none !important;
    box-shadow: none !important;
    color: #444 !important;
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
    box-shadow: 0px 0px 0px #fff, 0 0 1px rgba(0, 0, 0, .6) inset !important;
}

.icon-btn i {
    font-size: 20px;
    color: #777 !important;
}

.icon-btn div {
    margin-top: 5px;
    margin-bottom: 20px;
    font-size: 12px !important;
    font-family: Arial;
}

.icon-btn .badge {
    position: absolute;
    font-size: 10px !important;
    top: 26px;
    left: -8px;
    height: 14px;
    padding: 3px 7px;
    color: white !important;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    text-shadow: none;
    font-family: Arial;
}

.icon-btn:hover .badge {
    -webkit-transition: all 0.3s ease !important;
    -moz-transition: all 0.3s ease !important;
    -ms-transition: all 0.3s ease !important;
    -o-transition: all 0.3s ease !important;
    transition: all 0.3s ease !important;
}

.icon-btn i {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
}

.icon-btn:hover i {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    color: #fff;
    opacity: 1;
}

/* custom dropdown */
.dropdown-menu {
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    display: none;
    float: right;
    padding: 0px 0;
    margin: 2px 0 0;
    list-style: none;
    text-shadow: none;
    background-color: #fcfcfc;
    border: 1px solid rgba(0, 2, 1, 0.2);
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    -webkit-box-shadow: 0 0px 0px rgba(0, 2, 1, 0.4);
    -moz-box-shadow: 0 0px 0px rgba(0, 2, 1, 0.4);
    box-shadow: 0 0px 0px rgba(0, 2, 1, 0.4);
    -webkit-background-clip: padding-box;
    -moz-background-clipp: padding;
    background-clip: padding-box;
    padding: 0px 0;
    margin: 0px;
    list-style: none;
    text-shadow: none;
}

    .dropdown-menu.opens-left {
        margin-top: 2px;
        margin-right: -88px;
    }

.ie8 .dropdown-menu.opens-left {
    margin-right: -82px;
}

.dropdown-menu.extended {
    top: 40px;
    min-width: 160px !important;
    max-width: 300px !important;
    width: 233px !important;
}

    .dropdown-menu.extended li a {
        display: block;
        padding: 5px 10px !important;
        clear: both;
        font-weight: normal;
        line-height: 20px;
        white-space: normal !important;
    }

    .dropdown-menu.extended .arrow {
        top: -14px;
        right: 10px;
        position: absolute;
        margin-top: 6px;
        margin-left: 12px;
        width: 0;
        height: 0;
        border-bottom: 8px solid #f3f3f3;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
    }

    .dropdown-menu.extended li i {
        margin-left: 3px;
    }

    .dropdown-menu.extended li a {
        padding: 10px !important;
        background-color: #fafafa !important;
    }

        .dropdown-menu.extended li a:hover {
            padding: 10px !important;
            background-color: #eeeeee !important;
        }

    .dropdown-menu.extended li p {
        padding: 10px;
        background-color: #eee;
        margin: 0px;
        color: #666;
    }

    .dropdown-menu.extended li a {
        padding: 7px 0 5px 0px;
        list-style: none;
        /*border-top: 1px solid white !important;*/
        border-bottom: 1px solid #EBEBEB !important;
        font-size: 12px;
    }

    .dropdown-menu.extended li:first-child a {
        border-top: none;
        border-bottom: 1px solid #EBEBEB !important;
    }

    .dropdown-menu.extended li:last-child a {
        border-top: 1px solid white !important;
        border-bottom: 1px solid #EBEBEB !important;
    }

.dropdown-menu.inbox li a .photo img {
    float: right;
    height: 40px;
    width: 40px;
    margin-left: 4px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.dropdown-menu.inbox li a .subject {
    display: block;
}

    .dropdown-menu.inbox li a .subject .from {
        font-size: 12px;
        font-weight: bold;
    }

    .dropdown-menu.inbox li a .subject .time {
        font-size: 11px;
        font-weight: bold;
        font-style: italic;
        position: absolute;
        left: 5px;
    }

.dropdown-menu.inbox li a .message {
    display: block !important;
    font-size: 11px;
}

/* star rating */
.rating {
    unicode-bidi: bidi-override;
    direction: ltr;
    font-size: 30px;
}

    .rating span.star,
    .rating span.star {
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        display: inline-block;
    }

        .rating span.star:hover,
        .rating span.star:hover {
            cursor: pointer;
        }

        .rating span.star:before,
        .rating span.star:before {
            content: "\f006";
            padding-left: 5px;
            color: #999999;
        }

        .rating span.star:hover:before,
        .rating span.star:hover:before,
        .rating span.star:hover ~ span.star:before,
        .rating span.star:hover ~ span.star:before {
            content: "\f005";
            color: #87bb33;
        }



/* adjust uniform components */
.radio, .checkbox {
    padding-right: 0px !important;
}

.controls > .radio,
.controls > .checkbox {
    display: inline-block;
    padding: 0 !important;
    margin: 0 !important;
    margin-top: 0px !important;
    margin-left: 15px !important;
}

    .controls > .radio.line,
    .controls > .checkbox.line {
        display: block;
        padding: 0 !important;
        margin: 0 !important;
        margin-top: 5px !important;
    }

.controls .text {
    display: block;
    margin-top: 5px;
}

.checkbox div.checker {
    margin-left: 2px !important;
}

.uploader {
    margin-top: 2px !important;
}

/* item block  */
.item {
    overflow: hidden;
    display: block;
}

    .item:hover .zoom-icon {
        opacity: 0.5;
        filter: alpha(opacity = 50);
    }

/* zoom icon overlay on images */
.zoom {
    cursor: pointer;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 5;
}

    .zoom .zoom-icon {
        background-image: url("../img/overlay-icon.png");
        background-color: #222;
        background-repeat: no-repeat;
        background-position: 50%;
        position: absolute;
        width: inherit;
        height: inherit;
        opacity: 0;
        filter: alpha(opacity = 0);
        z-index: 6;
        top: 0;
    }

/* logo page */
#logo {
    width: 247px;
    margin: 0 auto;
    padding: 15px;
    text-align: center;
}

.login-header {
    background: url("../img/top-bg.jpg") repeat-x;
    border-width: 0;
    height: 60px;
    text-align: center;
}

#login {
    background: #e3e3e3;
    box-shadow: 1px 0 1px #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 0 1px #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 0 1px #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    width: 370px;
    margin: 150px auto 0;
    padding: 20px;
}

.login-btn {
    background: url("../img/login-btn.jpg");
    border: none;
    box-shadow: 1px 0 1px #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 0 1px #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 0 1px #FFFFFF, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 16px;
    color: #fff;
    text-shadow: none;
    padding: 10px 0;
}

    .login-btn:hover {
        opacity: 0.8;
        color: #fff;
    }

#login .control-group {
    margin-bottom: -11px;
}

#login .form-actions {
    padding: 20px;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 0px;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    margin-bottom: -37px;
}

#login input {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

    #login input[type=checkbox] {
        margin-top: -3px;
    }

#login span.add-on {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    padding: 10px;
    color: #828283;
    text-shadow: none;
}

#login input {
    padding: 10px;
}

#login i {
    color: #999 !important;
}

#login #forget-password {
    font-size: 11px;
}

#login-copyright {
    text-align: center;
    width: 250px;
    margin: 0 auto;
    padding: 10px 10px 0 10px;
    color: #999;
    font-size: 11px;
}

.control-wrap {
    width: 266px;
    display: inline-block;
    margin-bottom: 15px;
}

#login .lock {
    width: 100px;
    float: right;
    margin-top: 28px;
    font-size: 110px;
    vertical-align: middle;
}

    #login .lock i {
        vertical-align: middle;
    }

#forgotform #input-email {
    width: 312px;
}

/* style switcher */
#theme-change {
    position: fixed;
    width: 20px;
    height: 22px;
    overflow: hidden;
    top: 126px;
    left: 0px;
    white-space: nowrap;
    padding: 5px 8px 5px 10px;
    background-color: #dcdcdc;
    z-index: 100;
    color: #737373;
    -webkit-border-radius: 0px 5px 5px 0;
    -moz-border-radius: 0px 5px 5px 0;
    border-radius: 0px 5px 5px 0;
}

    #theme-change > i {
        font-size: 18px;
        cursor: pointer;
        display: inline-block;
        margin-left: 2px;
        margin-top: 2px;
    }

        #theme-change:hover, #theme-change > i:hover {
            color: #737373;
        }

    #theme-change label {
        display: inline-block !important;
    }

    #theme-change .text {
        margin-left: 2px;
        font-weight: bold;
        font-size: 14px;
    }

    #theme-change .settings {
        display: none;
    }

    #theme-change .colors {
    }

    #theme-change .checker {
        display: inline-block !important;
        margin-top: -1px;
    }

    #theme-change .colors span {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 2px 1px -7px 1px;
        border: 2px solid #ddd;
        cursor: pointer;
    }

    #theme-change .layout {
        width: 100px;
        margin-top: 7px;
        margin-right: 63px;
        margin-bottom: 5px;
        display: block;
    }

    #theme-change .colors span.active, #theme-change .colors span:hover {
        border: 2px solid white;
    }

    #theme-change .colors .color-default {
        background-color: #2e64a1;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }

    #theme-change .colors .color-purple {
        background-color: #7265ae;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }

    #theme-change .colors .color-gray {
        background-color: #4d4d4d;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }

    #theme-change .colors .color-navy-blue {
        background-color: #263849;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
    }


/* Circle stats admin lab */

.circle-wrap {
    text-align: center;
    margin-bottom: 20px;
    opacity: 1;
}

.turquoise-color {
    background: #4cc5cd;
}

.red-color {
    background: #e17f90;
}

.green-color {
    background: #a8c77b;
}

.gray-color {
    background: #b9baba;
}

.purple-color {
    background: #c8abdb;
}

.blue-color {
    background: #93c4e4;
}

.stats-circle {
    width: 100px;
    height: 100px;
    border-radius: 70px;
    -moz-border-radius: 70px;
    -webkit-border-radius: 70px;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
    cursor: pointer;
    box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 0px 1px #fff, 0 0 3px rgba(0, 0, 0, 0.2) inset;
}

.circle-wrap p {
    color: #888888;
    font-size: 13px;
    margin: 0;
}

    .circle-wrap p strong {
        display: block;
        font-size: 18px;
        color: #777;
    }

.stats-circle i {
    display: inline-block;
    font-size: 3.5em;
    margin-top: 26px;
    text-shadow: 1px 1px 1px #999;
    opacity: .6;
}

.stats-circle i {
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
}

.stats-circle:hover i {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    color: #fff;
    opacity: 1;
}

.stats-circle span {
    display: block;
}

/* Square stats */

.square-state {
}

    .square-state .icon-btn {
        margin-top: 0;
        margin-bottom: 20px;
    }


/* Circle stats */
.knobify {
    border: 0 !important;
    width: 0px;
}

.ie8 .knobify {
    display: none;
}

.circle-stats {
    position: relative;
    margin: 10px 0px 10px 0px;
}

.circle-stat {
    padding: 2px;
}

    .circle-stat canvas {
    }

    .circle-stat:before,
    .circle-stat:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .circle-stat:after {
        clear: both;
    }

    .circle-stat .visual {
        display: inline-block;
        position: relative;
    }

    .circle-stat .details {
        display: block;
        margin-right: 5px;
        padding-top: 7px;
        clear: both;
        text-align: center;
    }

        .circle-stat .details .title {
            padding: 0px !important;
            font-size: 13px;
            text-shadow: 0 1px rgba(232, 232, 232, 0.75);
            color: #777;
        }

.ie8 .circle-stat .details .title {
    margin-top: 5px !important;
}

.ie8 .circle-stat .details {
    padding-top: 0px !important;
    margin-bottom: 5px !important;
}

.circle-stat .details .title i {
    margin-top: 2px !important;
    color: #52e136;
    font-size: 16px;
}

    .circle-stat .details .title i.down {
        color: #b63625;
    }

.circle-stat .details .number {
    margin: 0px !important;
    margin-bottom: 5px !important;
    font-size: 18px;
    padding: 0px;
    font-weight: bold;
    text-shadow: 0 1px rgba(244, 244, 244, 0.85);
    color: #777;
}


/*circle state icon place */

.circle-state-overview .span3:first-child {
    margin-right: 20px;
}

.circle-state-icon {
    background: url("../img/body-bg.png") repeat scroll 0 0 #F7F7F7;
    border-radius: 60px;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    font-size: 38px;
    height: 38px;
    right: 15px;
    opacity: 1;
    padding: 15px;
    position: absolute;
    top: 15px;
    width: 38px;
    z-index: 10;
}

    .circle-state-icon .turquoise-color {
        color: #4cc5cd;
    }

    .circle-state-icon .red-color {
        color: #e17f90;
    }

    .circle-state-icon .green-color {
        color: #a8c77b;
    }

    .circle-state-icon .gray-color {
        color: #b9baba;
    }

    .circle-state-icon .purple-color {
        color: #c8abdb;
    }

    .circle-state-icon .blue-color {
        color: #93c4e4;
    }

/*map stats*/

.map-stat {
    margin: 20px;
    display: block;
}

    .map-stat:before,
    .map-stat:after {
        display: table;
        line-height: 0;
        content: "";
    }

    .map-stat:after {
        clear: both;
    }

    .map-stat .visual {
        width: 70px;
        height: 60px;
        margin-left: 5px;
        display: block;
        float: right;
    }

        .map-stat .visual i {
            margin-top: 15px;
            display: block;
            font-size: 68px;
            color: #4d4d4d;
        }

    .map-stat .details {
        display: block;
        float: right;
        margin-right: 5px;
        padding-top: 0px;
    }

        .map-stat .details .title {
            margin: 0px 0px 5px 0px !important;
            padding: 0px !important;
            font-size: 12px;
            color: #878787;
        }

            .map-stat .details .title i {
                margin-top: 2px !important;
                color: #52e136;
                font-size: 16px;
            }

                .map-stat .details .title i.down {
                    color: #b63625;
                }

        .map-stat .details .number {
            margin: 0px !important;
            margin-bottom: 7px !important;
            font-size: 42px;
            padding: 0px;
            font-weight: bold;
            color: #35d1fe;
        }

/*scroller padding*/
.scroller {
    padding-left: 10px;
}

/*jqvmap changes*/
.jqvmap-zoomin {
    background-color: #666 !important;
}

.jqvmap-zoomout {
    background-color: #666 !important;
}

.vmaps {
    position: relative;
    overflow: hidden;
    height: 300px;
}


/* google maps */
.gmaps {
    height: 300px;
    width: 100%;
}

    /* important!  bootstrap sets max-width on img to 100% which conflicts with google map canvas*/
    .gmaps img {
        max-width: none;
    }

#gmap_static div {
    background-repeat: no-repeat !important;
    background-position: 50% 50% !important;
    height: 100%;
    display: block;
    height: 300px;
}

#gmap_routes_instructions {
    margin-top: 10px;
    margin-bottom: 0px;
}

/* advance tables*/
.table-advance {
    margin-bottom: 10px !important;
}

    .table-advance thead {
        color: #999;
    }

        .table-advance thead tr th {
            background-color: #DDD;
            color: #666;
        }

    .table-advance div.success, .table-advance div.info,
    .table-advance div.important, .table-advance div.warning, .table-advance div.danger {
        position: absolute;
        margin-top: 5px;
        float: right;
        width: 10px;
        height: 10px;
        margin-left: 20px !important;
    }

    .table-advance tr td {
        border-right-width: 0px;
    }

        .table-advance tr td:first-child {
            border-right-width: 1px !important;
        }

        .table-advance tr td.highlight:first-child a {
            margin-right: 15px;
        }

    .table-advance td.highlight div.success {
        border-right: 10px solid #A5D16C;
    }

    .table-advance td.highlight div.info {
        border-right: 10px solid #87ceeb;
    }

    .table-advance td.highlight div.important {
        border-right: 10px solid #f02c71;
    }

    .table-advance td.highlight div.warning {
        border-right: 10px solid #fdbb39;
    }

    .table-advance td.highlight div.danger {
        border-right: 10px solid #e23e29;
    }

/*gritter changes*/
.gritter-close {
    right: auto !important;
    left: 3px !important;
}

/* calendar and calendar form */
.external-event {
    display: inline-block !important;
    cursor: move;
    margin-bottom: 5px !important;
    margin-left: 5px !important;
}

/* fix full calendar title */

table.fc-header {
    float: left;
    direction: rtl;
}

.fc-corner-right .fc-button-inner, .fc-corner-right .fc-event-inner {
    margin-left: -1px;
}

.fc-corner-left .fc-button-inner, .fc-corner-left .fc-event-inner {
    margin-right: -1px;
}

.has-toolbar .fc-header-right {
    padding-left: 50px !important;
}

.fc-header-title h2 {
    font-size: 13px !important;
    line-height: 20px;
    color: #111;
}

.event-form-title {
    margin-top: 0px;
    margin-bottom: 13px;
    font-size: 13px !important;
    line-height: 20px;
    color: #111;
}

.fc-event-skin {
    border: 0px !important;
    background-color: inherit !important;
}

.fc-event.label {
    text-shadow: none !important;
    padding: 4px 4px !important;
}

.label-default {
    background-color: #999 !important;
}

/* fix calendar title for ie8 and ie9 */
.ie8 .label-success, .ie9 .label-success {
    background-color: #5fd02c !important;
}

.ie8 .label-warning, .ie9 .label-warning {
    background-color: #fcb322 !important;
}

.ie8 .label-important, .ie9 .label-important {
    background-color: #ed4e2a !important;
}

.ie8 .label-info, .ie9 .label-info {
    background-color: #57b5e3 !important;
}
/* hide chosen search box */
.event_priority_chzn .chzn-search {
    display: none !important;
}

/* portlet tabs */
.widget-tabs .nav-tabs {
    position: relative;
    margin-top: -52px;
}

    .widget-tabs .nav-tabs > li {
        float: left;
        /*border-top: 3px solid transparent;*/
    }

.widget-tabs .nav-tabs {
    border-bottom: none;
    margin-left: 5px;
}

    .widget-tabs .nav-tabs > li > a {
        padding-top: 9px;
        padding-bottom: 10px;
        line-height: 16px;
        margin-left: 0px;
        margin-right: 0px;
        border-left: none !important;
        border-right: none !important;
        -webkit-border-radius: 0px;
        -moz-border-radius: 0px;
        border-radius: 0px;
        color: black;
    }

    .widget-tabs .nav-tabs > li:last-child > a {
        border-left: 0;
    }

    .widget-tabs .nav-tabs > .active {
        border-top: 2px solid #4C4C4C;
    }

    .widget-tabs .nav-tabs > li {
        margin-right: -1px;
    }

        .widget-tabs .nav-tabs > li > a:hover, .widget-tabs .nav-tabs > li > a.active {
            margin-bottom: 0px;
            border-bottom: 0;
            margin-left: 0px;
            margin-right: 0px;
            border-left: 0;
            border-right: 0;
            background-color: #fff;
        }

    .widget-tabs .nav-tabs > .active > a {
        color: #555555;
        cursor: default;
        background-color: #fff;
    }

.widget-tabs .widget-body.form {
    padding: 0px;
}

    .widget-tabs .widget-body.form .tab-pane {
        padding: 15px;
        padding-top: 0px;
    }

    .widget-tabs .widget-body.form .nav-tabs {
        margin-top: -37px;
    }
/*TodoList*/

.todo-list {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

    .todo-list li {
        padding: 1px 0 8px 0px;
        margin-bottom: 5px;
        border-bottom: 1px solid #EBEBEB;
    }

        .todo-list li:first-child {
            border-top: none;
            border-bottom: 1px solid #EBEBEB;
        }

        .todo-list li:last-child {
            border-top: none;
            border-bottom: none;
        }

        .todo-list li:before,
        .todo-list li:after {
            display: table;
            line-height: 0;
            content: "";
        }

        .todo-list li:after {
            clear: both;
        }

    .todo-list .col1 {
        float: right;
        width: 100%;
        clear: both;
    }

    .todo-list .col2 {
        float: right;
        width: 120px;
        margin-right: -120px;
        text-align: left;
    }

    .todo-list .col1 .cont {
        float: right;
        margin-left: 120px;
        overflow: hidden;
    }

/*time line chat*/
.timeline-messages:before {
    background: rgba(0, 0, 0, 0.1);
    bottom: 0;
    right: 58px;
    top: 0;
    width: 2px;
}

.timeline-messages:before, .msg-time-chat:before, .msg-time-chat .text:before {
    content: "";
    right: 20px;
    position: absolute;
    top: -2px;
}

.timeline-messages, .msg-time-chat {
    position: relative;
}

    .msg-time-chat:first-child:before {
        margin-top: 16px;
    }

    .msg-time-chat:before {
        background: #CCCCCC;
        border: 2px solid #FAFAFA;
        border-radius: 100px;
        -moz-border-radius: 100px;
        -webkit-border-radius: 100px;
        height: 10px;
        margin: 23px 47px 0 0px;
        width: 10px;
    }

    .msg-time-chat:hover:before {
        background: #A5D16C;
    }

    .msg-time-chat:first-child {
        padding-top: 0;
    }

.message-img {
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    float: right;
    margin-left: 30px;
    overflow: hidden;
}

    .message-img img {
        display: block;
        height: 44px;
        width: 44px;
    }

.message-body {
    margin-right: 74px;
}

.msg-time-chat .text {
    background: #fbfbfb;
    border: 1px solid #E5E5E5;
    padding: 10px;
}

.msg-time-chat p {
    margin: 0;
}

.msg-time-chat .attribution {
    color: #666666;
    font-size: 11px;
    margin: 0px 0 5px;
}

.msg-time-chat {
    overflow: hidden;
    padding: 8px 0;
}

.msg-in a {
    color: #22878E;
}

.msg-out a {
    color: #B14C4C;
}


/*Chats*/

.chats {
    margin: 0;
    padding: 0;
    margin-top: -15px;
    margin-left: 10px;
}

    .chats li {
        list-style: none;
        padding: 8px 0 5px;
        margin: 7px auto;
        font-size: 12px;
    }

        .chats li img.avatar {
            height: 45px;
            width: 45px;
            -webkit-border-radius: 50% !important;
            -moz-border-radius: 50% !important;
            border-radius: 50% !important;
        }

        .chats li.in img.avatar {
            float: right;
            margin-left: 10px;
            margin-top: 0px;
        }

        .chats li .name {
            font-size: 13px;
            font-weight: 400;
        }

        .chats li .datetime {
            color: #adadad;
            font-size: 13px;
            font-weight: 400;
        }

        .chats li.out img.avatar {
            float: left;
            margin-right: 10px;
            margin-top: 0px;
        }

        .chats li .message {
            display: block;
            padding: 5px;
            position: relative;
        }

        .chats li.in .message {
            text-align: right;
            margin-right: 65px;
        }

            .chats li.in .message .arrow {
                display: block;
                position: absolute;
                top: 8px;
                right: -8px;
                width: 0;
                height: 0;
                border-top: 8px solid transparent;
                border-bottom: 8px solid transparent;
            }

        .chats li.out .message .arrow {
            display: block;
            position: absolute;
            top: 8px;
            left: -8px;
            border-top: 8px solid transparent;
            border-bottom: 8px solid transparent;
            border-right: 8px solid #b14c4c;
        }

        .chats li.out .message {
            border-left: 2px solid #b14c4c;
            margin-left: 65px;
            text-align: left;
        }

        .chats li.out .name,
        .chats li.out .datetime {
            text-align: left;
        }

        .chats li .message .body {
            display: block;
        }

.chat-form {
    margin-top: 15px;
    padding: 10px;
    background-color: #eee;
    clear: both;
}

    .chat-form .input-cont {
        margin-left: 55px;
    }

        .chat-form .input-cont input {
            margin-bottom: 0px;
        }

        .chat-form .input-cont input {
            border: 1px solid #ddd;
            width: 94%;
            margin-top: 0;
            border-radius: 0;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
        }

        .chat-form .input-cont input {
            background-color: #fff !important;
        }

            .chat-form .input-cont input:focus {
                border: 1px solid #2FADE7 !important;
            }

    .chat-form .btn-cont {
        margin-top: -38px;
        position: relative;
        float: left;
    }

        .chat-form .btn-cont .btn {
            border-right: 0px;
            -webkit-border-radius: 0px;
            -moz-border-radius: 0px;
            border-radius: 0px;
            margin-top: 8px;
        }

/*normal chat*/
.normal-chat .message {
    border: 1px solid #eaeaea;
    background: #fbfbfb;
    border-left: 1px solid #eaeaea !important;
    border-right: 1px solid #eaeaea !important;
    padding: 10px !important;
    border-radius: 5px;
}

.normal-chat li img.avatar {
    border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    height: 45px;
    width: 45px;
}

.normal-chat li.in img.avatar, .normal-chat li.out img.avatar {
    margin-top: 0px;
}

.normal-chat li.in .message .arrow {
    border-left: 8px solid #eaeaea !important;
}

.normal-chat li.in .message .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    height: 0;
    right: -8px;
    position: absolute;
    top: 15px;
    width: 0;
}

.normal-chat li.out .message .arrow {
    border-right: 8px solid #eaeaea !important;
}

.normal-chat li.out .message .arrow {
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    display: block;
    position: absolute;
    left: -8px;
    top: 15px;
}

.normal-chat li.in .name {
    color: #FB9800 !important;
}

.normal-chat li.out .name {
    color: #2FADE7 !important;
}

.normal-chat li .datetime {
    color: #ADADAD;
    font-size: 11px !important;
    font-weight: 400;
}

/* Input icons */

/* input with right aligned and colored icons */
.input-icon input {
    padding-left: 25px !important;
}

.input-icon .input-info,
.input-icon .input-error,
.input-icon .input-warning,
.input-icon .input-success {
    display: inline-block !important;
    position: relative !important;
    top: 3px;
    left: 25px !important;
    font-size: 16px;
}

.input-icon .input-info {
    color: #27a9e3;
}

.input-icon .input-error {
    color: #B94A48;
}

.input-icon .input-warning {
    color: #C09853;
}

.input-icon .input-success {
    color: #468847;
}

/* input with left aligned icons */
.input-icon.left i {
    color: #ccc;
    display: block !important;
    position: absolute !important;
    z-index: 1;
    margin: 6px 10px 4px 2px;
    width: 16px;
    height: 16px;
    border1: 1px solid #ddd;
    font-size: 16px;
    text-align: center;
}

.input-icon.left input {
    padding-right: 33px !important;
}
/* Modify tags input plugin css */
div.tagsinput {
    height: 40px !important;
    margin: 0 !important;
    padding: 5px !important;
    overflow: auto !important;
}

    div.tagsinput span.tag {
        background: #22C0CB !important;
        color: #fff !important;
        border: 0 !important;
        padding: 3px 6px !important;
        margin-bottom: 4px !important;
    }

    div.tagsinput input {
        padding: 3px 6px !important;
    }

    div.tagsinput span.tag a {
        color: #fff !important;
    }

    div.tagsinput .not_valid {
        color: #fff !important;
        padding: 3px 6px !important;
        background-color: #e02222 !important;
    }

/* File uploader plugin css changes */

.fileupload .close {
    position: relative;
    top: 4px !important;
}

/*Form wizard*/

.form-wizard .progress {
    margin-bottom: 30px;
}

.form-wizard .steps {
    padding: 10px 0;
    margin-bottom: 15px;
}

    .form-wizard .steps .navbar-inner {
        background-color: #fff !important;
        background-image: none !important;
        filter: none !important;
        border: 0px;
        box-shadow: none !important;
    }

        .form-wizard .steps .navbar-inner li a {
            background-color: #eee !important;
            background-image: none !important;
            filter: none !important;
            border: 0px;
            box-shadow: none !important;
            border-radius: 30px;
            -moz-border-radius: 30px;
            -webkit-border-radius: 30px;
        }

.form-wizard .step:hover {
    text-decoration: none;
}

.form-wizard .step .number {
    background-color: #ccc;
    display: inline-block;
    font-size: 16px;
    font-weight: 300;
    padding: 12px 25px !important;
    margin-left: 10px;
    -webkit-border-radius: 0px 30px 30px 0 !important;
    -moz-border-radius: 0px 30px 30px 0 !important;
    border-radius: 0px 30px 30px 0 !important;
}

.form-wizard .navbar .nav > li > a {
    padding: 0;
}

.form-wizard .step .desc {
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
}

.form-wizard .active .step .number {
    background-color: #A5D16C;
    color: #fff;
}

.form-wizard .active .step .desc {
    font-weight: 400;
}

.form-wizard .step i {
    display: none;
}

.form-wizard .done .step .number {
    background-color: #E74955;
    color: #fff;
}

.form-wizard .done .step .desc {
    font-weight: 400;
}

.form-wizard .done .step i {
    font-size: 12px;
    font-weight: normal;
    color: #999;
    display: inline-block;
}

.form-wizard .tab-pane h4 {
    margin-bottom: 20px !important;
}

.form-wizard .tab-pane .chzn-container {
    position: absolute !important;
}

/*Pricing table*/

.pricing-table {
    border: 1px solid #ddd;
}

.pricing-head {
    text-align: center;
}

.pricing-title {
    text-align: center;
    padding: 0px 0 30px 0;
}

.pricing-head h3 {
    background: #797979;
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
}

.green .pricing-head h3 {
    background: #93bf40;
    border-bottom: 1px solid #598011;
    color: #fff;
    font-size: 18px;
    font-weight: 300;
    margin: 0;
}

.pricing-head h3 span, .pricing-head h4 span {
    display: block;
    font-size: 12px;
    font-style: italic;
    margin-top: 5px;
}

.pricing-head h4 {
    background: #797979;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    color: #fff;
    font-size: 54px;
    font-weight: 300;
    padding: 25px 0 10px 0;
    margin: 0;
}

.green .pricing-head h4 {
    background: #93bf40;
    border-top: 1px solid #b6e858;
    color: #fff;
    font-size: 54px;
    font-weight: 300;
    padding: 25px 0 10px 0;
    margin: 0;
}

.pricing-head span.note {
    display: inline;
    font-size: 17px;
    line-height: 0.8em;
    position: relative;
    top: -28px;
}

.pricing-table:hover {
    border-color: #93bf40;
}

.pricing-table ul {
    margin: 15px 0px;
    padding: 0px;
    list-style: none;
    text-align: center;
}

    .pricing-table ul li {
        border-bottom: 1px dotted #CCCCCC;
        margin: 0 2em;
        padding: 1em 0;
        text-align: center;
    }

        .pricing-table ul li i {
            position: absolute;
            margin-left: 0px;
            margin-top: -2px;
            margin-right: -17px;
            color: #35aa47;
            font-size: 16px;
        }

.price-actions {
    border-top: 1px solid #DDDDDD;
    padding: 1.15em;
    text-align: center;
}

.pricing-table.selected {
    background-color: #35aa47;
}

    .pricing-table.selected:hover {
        border-color: #ddd;
    }

    .pricing-table.selected .desc {
        border-bottom-color: #fff;
    }

    .pricing-table.selected h3,
    .pricing-table.selected .desc,
    .pricing-table.selected ul li,
    .pricing-table.selected ul li i,
    .pricing-table.selected .rate {
        color: #fff;
    }


/* Date tables plugin changes */
.dataTable {
    clear: both;
    margin-top: 5px;
}

.dataTables_filter label {
    line-height: 32px !important;
}

.dataTables_paginate,
.dataTables_filter {
    float: left;
}


/*faq list*/
ul.faq-list li {
    line-height: 30px;
}

    ul.faq-list li a {
        background: #eee;
        margin-bottom: 1px;
        color: #868686;
    }

        ul.faq-list li a:hover, ul.faq-list li a.active {
            margin-bottom: 1px;
            color: #fff;
        }


/*mail-btn*/

.mail-btn .btn {
    background-image: -moz-linear-gradient(center top, #FDFDFD 0%, #EAEAEA 100%);
    box-shadow: none;
}

    .mail-btn .btn:hover, .mail-btn .btn:focus {
        background: none;
        box-shadow: none;
    }

.mail-btn .btn-group > .btn + .btn {
    margin-right: 0;
}

/*alert*/
.alert {
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

/*error*/

.error-page {
    display: block;
    text-align: center;
}

    .error-page h1 {
        color: #adafb2;
        font-size: 30px;
        font-weight: bold;
        line-height: 50px;
        padding: 20px 0;
    }

        .error-page h1 strong {
            color: #adafb2;
            font-size: 60px;
            font-weight: bold;
        }

    .error-page p {
        color: #adafb2;
        font-size: 20px;
        font-weight: bold;
    }

/*profile*/
.profile-pic {
    display: block;
    margin-bottom: 10px;
}

.nav-stacked > li > a {
    border-radius: 0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
}

/*gallery*/

.thumbnail {
    border: none;
    border-radius: 0;
    box-shadow: none;
    line-height: 20px;
    padding: 5px 0;
}

/*accordion-group*/

.accordion-group a {
    text-decoration: none;
}

.accordion-group {
    border-radius: 0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
}

/*tab*/

.tabbable-custom .nav-tabs > li > a {
    border-radius: 0!important;
    -moz-border-radius: 0!important;
    -webkit-border-radius: 0!important;
}

/*table*/

.table-bordered thead:first-child tr:first-child th:last-child, .table-bordered tbody:first-child tr:first-child td:last-child {
    border-radius: 4px 0 0 0;
}

.table-bordered thead:first-child tr:first-child th:first-child, .table-bordered tbody:first-child tr:first-child td:first-child {
    border-radius: 0 4px 0 0;
}

.table-bordered thead:last-child tr:last-child th:first-child, .table-bordered tbody:last-child tr:last-child td:first-child {
    border-radius: 0 0 4px 0;
}

.table-bordered thead:last-child tr:last-child th:last-child, .table-bordered tbody:last-child tr:last-child td:last-child {
    border-radius: 0 0 0 4px;
}

/*CKEditor*/

.cke_button, .cke_toolbox, .cke_toolbar {
    float: right !important;
}

.cke_editable {
    float: right !important;
    text-align: right !important;
    direction: rtl;
}

/*lock*/

#lock-body {
    background: url("../img/bg-grey.jpg") !important;
}

.lock-header {
    margin-top: 50px;
    text-align: center;
}

#lock {
    background: #fff;
    margin: 50px auto 0;
    padding: 10px 0;
    width: 420px;
}

.lock-title {
    text-align: center;
}

    .lock-title i, .lock-title h3 {
        display: inline-block;
        margin: 0;
        padding: 0;
    }

    .lock-title i {
        font-size: 25px;
        padding: 0 5px;
    }

.lock-avatar-row {
    display: block;
    text-align: center;
    margin-top: 20px;
    padding: 20px;
}

.lock-round {
    border: 10px solid #5ACED6;
    border-radius: 300px;
    -moz-border-radius: 300px;
    -webkit-border-radius: 300px;
    -khtml-border-radius: 300px;
    display: inline-block;
}

.lock-avatar-row img {
    border-radius: 300px;
    -moz-border-radius: 300px;
    -webkit-border-radius: 300px;
    -khtml-border-radius: 300px;
}

.lock-identity {
    text-align: center;
    display: block;
    width: 100%;
}

    .lock-identity h3 {
        margin: 20px 0 0 0;
        padding: 0;
        line-height: 22px;
    }

.lock-form-row {
    display: block;
    margin-top: 20px;
}

    .lock-form-row i {
        text-shadow: none;
        color: #fff;
    }

    .lock-form-row .tarquoise {
        margin-right: 10px;
        box-shadow: none;
    }

    .lock-form-row input {
        width: 206px;
        height: 20px;
        padding: 1px 5px;
    }

    .lock-form-row .btn {
        height: 24px;
    }

    .lock-form-row .input-append {
        margin-bottom: 10px;
    }
/*coming soon*/

#coming-body {
    background: url("../img/bg-denim.png") !important;
}

.coming-soon {
    margin-top: 50px;
    text-align: center;
    color: #c6c6c6;
}

    .coming-soon h1 label {
        color: #2fbfca;
        display: inline;
        font-size: 40px;
    }

    .coming-soon h1 span {
        color: #facc5f;
        font-size: 60px;
    }

    .coming-soon h1 {
        font-family: 'Alex Brush', cursive;
    }

    .coming-soon .input-append {
        width: 100%;
    }

        .coming-soon .input-append input {
            padding: 3px 10px;
        }

        .coming-soon .input-append .submit-btn {
            padding: 2px 10px;
            border-radius: 0;
            text-shadow: none;
            border: none;
            height: 37px;
            margin: 0 10px;
        }

            .coming-soon .input-append .submit-btn:hover {
                background: #000;
                color: #d1d3d3;
                transition-duration: 500ms;
                transition-property: width, background;
                transition-timing-function: ease;
            }

.circles {
    display: block;
    height: 152px;
    margin: 50px auto 50px !important;
    width: 800px;
}

.email-address {
    width: 40%;
    height: 27px !important;
}

.twt-txt {
    color: #c6c6c6;
    direction: rtl;
}


ul.social-link, ul.social-link li {
    display: inline-block;
}

    ul.social-link li {
        list-style: none;
        margin: 0 5px;
        line-height: 33px;
    }

        ul.social-link li a {
            background: #fff;
            padding: 10px;
            border-radius: 30px;
            -moz-border-radius: 30px;
            -webkit-border-radius: 30px;
            color: #000;
            text-decoration: none;
        }

            ul.social-link li a:hover {
                color: #fff;
                transition-duration: 400ms;
                transition-property: width, background;
                transition-timing-function: ease;
            }

/*tree view*/

.widget-body > .actions {
    float: left;
    margin: 6px 0 0;
    padding: 3px 0px 2px 5px;
}

/*blog*/

.blog img {
    margin-bottom: 10px;
    width: 100%;
}

.blog h2, .blog h2 a {
    color: #868686 !important;
    font-size: 22px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    line-height: normal;
}

.blog .date {
    display: block;
    text-align: center;
    width: 60px;
    margin-bottom: 10px;
}

    .blog .date p {
        margin: 0;
        padding: 0px;
    }

    .blog .date .day {
        font-size: 13px;
    }

    .blog .date .month {
        color: #fff;
        font-size: 13px;
    }

.blog ul {
    float: right;
    margin: 0 0px 10px 0px;
    padding: 5px;
    background: #f4f4f5;
    border-radius: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
}

    .blog ul li {
        float: right;
        margin-left: 20px;
        list-style: none;
    }

        .blog ul li a {
            color: #868686;
            text-decoration: none;
        }

.blog .btn {
    background: #767676;
}

.blog-side-bar h2 {
    color: #3b3431;
    text-transform: uppercase;
    font-size: 14px;
    margin: 0;
    padding: 0;
    line-height: normal;
}

.blog-side-bar ul {
    margin-top: 15px;
}

    .blog-side-bar ul li {
        border-bottom: 1px solid #dfdfdf;
    }

        .blog-side-bar ul li:last-child {
            border-bottom: none;
        }

        .blog-side-bar ul li a {
            color: #837f7e;
            display: block;
            line-height: 35px;
            text-decoration: none;
        }

            .blog-side-bar ul li a i {
                font-size: 10px;
            }

.blog-side-bar h5, .blog-side-bar h5 a {
    margin: 0;
    padding: 0;
    color: #4a4341;
    line-height: normal;
}

.blog-side-bar ul.tag {
    width: 100%;
    display: inline-block;
}

    .blog-side-bar ul.tag li {
        float: right;
        margin-left: 10px;
        border-bottom: none;
        margin-bottom: 10px;
        line-height: 18px;
    }

        .blog-side-bar ul.tag li a {
            color: #fff;
            box-shadow: 0 0 3px rgba(0, 0, 0, 0.1) inset;
            padding: 0px 6px;
        }

            .blog-side-bar ul.tag li a:hover {
                background: #767676;
                color: #fff;
                transition-duration: 500ms;
                transition-property: width, background;
                transition-timing-function: ease;
            }

.show-right {
    float: left !important;
}

.post-comment .color-red {
    color: #FF0000;
}


/*invoice-list*/


.invoice-list h5 {
    text-transform: uppercase;
}

.invoice-block {
    text-align: left;
}

ul.amounts li {
    border: 1px solid #eaeaea;
    padding: 5px 10px;
    margin-bottom: 5px;
    background: #f1f1f1;
}

    ul.amounts li span {
        float: left;
    }

.invoice-list ul li span {
    float: right;
}

.invoice-date-range .control-group label, .invoice-date-range .control-group input {
    float: right;
}

.invoice-date-range .control-group label {
    width: 70px;
}

.invoice-date-range .control-group input {
    margin-left: 15px;
}

.billing-form label {
    width: 25%;
    float: right;
}

.invoice-input input {
    margin-bottom: 0;
}


/*about us*/

.about-us h3 {
    text-align: center;
    padding-bottom: 30px;
}

.about-us h4 {
    padding-bottom: 10px;
}

.about-us h5 {
    padding-bottom: 5px;
    margin: 0;
}

.team-member, .team-member span {
    text-align: center;
}

    .team-member span {
        color: #b6b6b6;
        text-transform: uppercase;
        display: block;
    }

    .team-member h3 {
        margin: 0;
        padding: 0;
    }

.team-round {
    border: 10px solid #e3e3e3;
    border-radius: 500px;
    -moz-border-radius: 500px;
    -webkit-border-radius: 500px;
    -khtml-border-radius: 500px;
    display: inline-block;
}

.team-member img {
    border-radius: 500px;
    -moz-border-radius: 500px;
    -webkit-border-radius: 500px;
    -khtml-border-radius: 500px;
}

.team-member ul {
    display: inline-block;
    margin: 10px 0;
}

    .team-member ul li {
        display: inline-block;
    }

        .team-member ul li a {
            color: #d9d9d9;
            font-size: 35px;
            text-decoration: none;
        }

.team-member p {
    text-align: right;
}

/*contact us*/
.contact-us h3 {
    text-align: center;
    padding-bottom: 0px;
    margin: 0;
}

.contact-us .feedback p {
    text-align: center;
}

.one-half {
    margin-left: 21px;
}

.feedback .control-group {
    margin-bottom: 15px;
}

.contact-us p strong {
    float: right;
}


/*search result*/

.search-result label {
    width: 0px !important;
}

.search-result .controls {
    margin-right: 100px;
    float: right;
    margin-left: 10px;
}

.search-result label, .search-result input, .search-result button {
    float: right;
}

.classic-search {
    margin-bottom: 30px;
}

    .classic-search h4 {
        margin-bottom: 3px;
    }

        .classic-search h4 a {
            color: #314558;
        }

.file-search tr td img {
    float: right;
    padding-left: 10px;
}

.file-search tr td strong {
    display: block;
    padding-top: 5px;
}

.file-search tr td {
    vertical-align: middle;
}

.product-search {
    background: #F7F7F7;
    margin-bottom: 15px;
}

.product-text img {
    float: right;
    margin-left: 15px;
}

.product-text, .product-text .product-text-info {
    overflow: hidden;
}

.product-info {
    color: #616161;
    float: right;
    font-size: 12px;
    margin-bottom: 5px;
    padding: 15px 30px;
    text-transform: uppercase;
}

    .product-info span {
        color: #e18090;
        display: block;
        font-size: 25px;
        font-weight: 200;
        margin-top: 10px;
        text-transform: uppercase;
    }

/*email templates*/

.mail-template li.color-terques {
    background: #42c1cd;
}

.mail-template li.color-red {
    background: #ea677e;
}

.mail-template li.color-green {
    background: #94be58;
}

.mail-template li.color-yellow {
    background: #facc5f;
}

.mail-template li.color-pest {
    background: #5b958e;
}

.mail-template li.color-purple {
    background: #af86cb;
}

.mail-template li.color-blue {
    background: #59b3e6;
}

.mail-template li.color-orange {
    background: #e4944e;
}

.mail-template li.color-navy-blue {
    background: #176faa;
}

.mail-template li.color-deep-red {
    background: #e9523c;
}

.mail-template li {
    cursor: pointer;
    list-style: none;
    margin: 5px;
}

    .mail-template li a {
        display: block;
        padding: 10px 15px;
        text-decoration: none;
    }

/*editable table*/

.m-wrap.small {
    width: 160px !important;
}

.news h1 {
    font-size: 24px;
    margin: 0;
}

.news h5 {
    margin: 0;
}

.news a.view {
    font-size: 14px;
    font-style: italic;
}

/***
jQuery UI Datepicker(new in v1.2.2)
***/
.ui-widget-header select {
    padding: 2px !important;
    height: 30px;
    margin: 0 !important;
    margin-top: -1px !important;
}

.ui-datepicker.ui-widget-content {
    background: none !important;
    background-color: #eee !important;
}

.ui-datepicker .ui-widget-header {
    background: none !important;
    background-color: #ccc !important;
    border: 0 !important;
    box-shadow: none !important;
    height: 28px;
}

.ui-widget-header .ui-icon {
    background-image: url(../assets/jquery-ui/images/ui-icons_888888_256x240.png) !important;
}

.ui-widget-header .ui-datepicker-next,
.ui-widget-header .ui-datepicker-prev {
    margin: 2px 2px 2px 2px;
}

.ui-widget-header .ui-state-hover,
.ui-widget-header .ui-state-active {
    background-color: #F2F2F2 !important;
    border-color: #F2F2F2 !important;
    background-image: none !important;
}

.ui-datepicker .ui-datepicker-title {
    font-weight: 400 !important;
    text-transform: uppercase !important;
    font-size: 14px !important;
    color: #333;
}

    .ui-datepicker .ui-datepicker-title span {
        display: inline-block;
        padding-top: 2px;
    }

.ui-datepicker .ui-datepicker-calendar thead span {
    font-weight: 300 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    color: #333 !important;
}

.ui-datepicker .ui-datepicker-week-col {
    font-weight: 400 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    color: #333 !important;
}

.ui-datepicker tbody .ui-datepicker-week-col {
    text-align: center;
}


.ui-datepicker .ui-datepicker-calendar .ui-state-default {
    font-weight: 300 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    color: #333 !important;
    border-color: #DEDEDE;
    background-color: #DEDEDE !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-active,
.ui-datepicker .ui-datepicker-calendar .ui-state-hover {
    background-image: none !important;
    border-color: #A5D16C;
    background-color: #A5D16C !important;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-highlight {
    background-image: none !important;
    background-color: #cefb81 !important;
    border-color: #A5D16C;
}

.ui-datepicker .ui-datepicker-calendar .ui-state-active {
    background-image: none !important;
    background-color: #A5D16C !important;
    border-color: #A5D16C;
}

.ui-datepicker button.ui-state-default {
    background-image: none !important;
    background-color: #22C0CB !important;
    border-color: #22C0CB !important;
    color: #fff;
}

.ui-datepicker button.ui-state-hover {
    border-color: #22C0CB !important;
    background-color: #22C0CB !important;
    color: #fff !important;
}

.ui-datepicker button.ui-state-default.ui-priority-secondary {
    font-weight: 300 !important;
    font-size: 13px !important;
}

.ui-datepicker button.ui-state-default.ui-priority-primary {
    font-weight: 300 !important;
    font-size: 13px !important;
}

/*portlets*/


.widget-title > .tools, .widget-title > .actions {
    float: left;
    margin: 0;
    padding: 3px 0 2px 5px;
}

.widget-title .pagination.pagination-small {
    display: inline-block !important;
    float: left !important;
    margin: 6px 0 0 6px;
}


.widget-title > .actions > .btn.btn-mini {
    margin-top: 5px;
}

.widget-title > .actions > .btn-group > .btn.btn-mini {
    margin-top: 2px !important;
}

.widget-title > .actions > .btn-group > .btn.dropdown-toggle {
    margin-top: 0px;
}

.widget-title > .tools > a {
    color: #979797;
    text-decoration: none;
}

.widget-title div.tools {
    border-right: 1px solid #E0DEDE;
    float: left;
    margin: 2px 0 0;
    padding: 6px 10px;
}

/*edit table */

div.dataTables_length label {
    float: right !important;
    text-align: right !important;
}

div.dataTables_paginate {
    float: left !important;
    margin: 0;
}

table.table thead .sorting {
    background-position: left !important;
}

/*logo*/
#header .brand {
    /*background: #333333;*/
    background-color: transparent;
    margin-top: 0px !important;
    opacity: 0.8;
    filter: alpha(opacity=60);
    padding: 5px 2px;
    width: 325px;
    height: 30px;
    text-align-last: center;
}

header .brand:hover {
    color: #1b0404;
}

/*CheckList*/
.cheacklist input {
    width: 10px;
    height: 10px;
    text-align: right;
    padding-right: 0px;
    margin-right: 0px;
    box-shadow: 0.5vw 0.25vw 4vw #454548;
}

.cheacklist label {
    padding-right: 0px;
    font-size: 15px;
    font-family: 'AlmaraiART';
    font-weight: bolder;
    color: black;
    text-wrap: normal;
    word-wrap: normal;
    width: 180px;
    float: left;
    text-align: right;
    text-wrap: initial;
    margin-right: 40px;
    margin-top: 10px;
}

.cheacklist input:hover {
    background-color: blue;
    color: white;
}

.cheacklist label:hover {
    background-color: #adc5d5;
    color: white;
    text-shadow: 0.5vw 0.25vw 4vw #454548;
}

marquee-style {
    /*-webkit-animation: caption 50s linear 0s infinite;*/
    font-family: 'AlmaraiART';
    /*padding: 20px 0;*/
    /*border: 1px solid #000;
    background-color: #ccc;*/
    /*-webkit-box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .5), 0px 1px 0px rgba(250, 250, 250, .2);*/
    /*box-shadow: inset 0px 2px 2px rgba(0, 0, 0, .5), 0px 1px 0px rgba(250, 250, 250, .2);*/
    /*-webkit-transition: background-color 350ms;
    -moz-transition: background-color 350ms;*/
    /*transition: background-color 350ms;
    overflow: hidden;
    overflow-x: -webkit-marquee;
    -webkit-marquee-direction: forward;
    -webkit-marquee-style: scroll;
    -webkit-marquee-speed: normal;
    -webkit-marquee-increment: small;
    -webkit-marquee-repetition: 5;
    overflow-x: scroll;*/
    /* marquee-direction: forward;
    marquee-style: slide;
    marquee-speed: slow;
    color: #28282a;
    background: #ffeb95;
    height: 30px;*/
    /*border: none;
    marquee-loop: infinite;
    marquee-speed: slow;
    animation-delay: 4s;*/
}

.tree * {
    margin: 0;
    padding: 0;
    /*background-color: #A5D16C;*/
}

.tree ul {
    padding-top: 20px;
    position: relative;
    -transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

.tree li {
    float: left;
    text-align: center;
    list-style-type: none;
    position: relative;
    padding: 20px 5px 0 5px;
    -transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    background-color: #c5d0ed;
}

    /*We will use ::before and ::after to draw the connectors*/

    .tree li::before, .tree li::after {
        content: '';
        position: absolute;
        top: 0;
        right: 50%;
        border-top: 2px solid #000;
        width: 50%;
        height: 20px;
    }

    .tree li::after {
        right: auto;
        left: 50%;
        /*لون الفرع*/
        border-left: 2px solid #333333;
    }

    /*We need to remove left-right connectors from elements without 
any siblings*/
    .tree li:only-child::after, .tree li:only-child::before {
        display: none;
    }

    /*Remove space from the top of single children*/
    .tree li:only-child {
        padding-top: 0;
    }

    /*Remove left connector from first child and 
right connector from last child*/
    .tree li:first-child::before, .tree li:last-child::after {
        border: 0 none;
    }
    /*Adding back the vertical connector to the last nodes*/
    .tree li:last-child::before {
        /*لون تكملة الفرع*/
        border-right: 2px solid #000;
        border-radius: 0 5px 0 0;
        -webkit-border-radius: 0 5px 0 0;
        -moz-border-radius: 0 5px 0 0;
    }

    .tree li:first-child::after {
        border-radius: 5px 0 0 0;
        -webkit-border-radius: 5px 0 0 0;
        -moz-border-radius: 5px 0 0 0;
    }

/*Time to add downward connectors from parents*/
.tree ul ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    /*لون الأبن الأول*/
    border-left: 2px solid #000;
    width: 0;
    height: 20px;
}

.tree li a {
    height: 50px;
    width: 180px;
    padding: 5px 10px;
    text-decoration: none;
    background-color: #ecf0fa;
    color: #8b8b8b;
    font-family: arial, verdana, tahoma;
    font-size: 11px;
    display: inline-block;
    box-shadow: 0 1px 2px rgba(0,0,0,0.1);
    text-wrap: normal;
    -transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

    /*Time for some hover effects*/
    /*We will apply the hover effect the the lineage of the element also*/
    .tree li a:hover, .tree li a:hover + ul li a {
        background: #cbcbcb;
        color: #000;
    }
        /*Connector styles on hover*/
        .tree li a:hover + ul li::after,
        .tree li a:hover + ul li::before,
        .tree li a:hover + ul::before,
        .tree li a:hover + ul ul::before {
            border-color: #94a0b4;
        }

/*ستايل للبتنات*/
.BTNS {
    font-size: 12px;
    font-weight: bolder;
    font-family: 'AlmaraiART';
    height: 40px;
    width: 190px;
    border-radius: 1vw;
    box-shadow: 0.5vw 0.25vw 4vw #454548;
}

    .BTNS:hover {
        font-size: 15px;
        font-weight: bolder;
        font-family: 'AlmaraiART';
        -webkit-transform: scale(1.1);
        transition: transform .2s;
        border-radius: 1vw;
        box-shadow: 0.5vw 0.25vw 4vw #454548;
    }

    .BTNS:focus {
        font-size: 20px;
        font-weight: bolder;
        font-family: 'AlmaraiART';
        border-radius: 1vw;
        box-shadow: 0.5vw 0.25vw 4vw #454548;
    }

    .BTNS > i {
        margin-left: 10px;
    }

    .BTNS > span > i {
        margin-left: 10px;
    }

.GRDBTNS {
    font-size: 12px;
    font-weight: bolder;
    font-family: 'AlmaraiART';
    height: 40px;
    width: 190px;
    border-radius: 1vw;
    box-shadow: 0.5vw 0.25vw 4vw #454548;
}

    .GRDBTNS:hover {
        font-size: 12px;
        font-weight: bolder;
        font-family: 'AlmaraiART';
        border-radius: 1vw;
        box-shadow: 0.5vw 0.25vw 4vw #454548;
    }

    .GRDBTNS:focus {
        font-size: 20px;
        font-weight: bolder;
        font-family: 'AlmaraiART';
        border-radius: 1vw;
        box-shadow: 0.5vw 0.25vw 4vw #454548;
    }

.GRD_Header1 {
    color: #fff !important;
    background-color: #ff6a00 !important;
    border-color: none !important;
    text-align-last: center;
}

    .GRD_Header1:hover {
        color: #fff !important;
        background-color: #ff6a00;
        border-color: transparent !important;
    }

    .GRD_Header1.focus, .GRD_Header1:focus {
        color: #fff !important;
        background-color: #ff6a00 !important;
        border-color: #ff6a00 !important;
    }

.GRD_Header2 {
    color: #fff !important;
    background-color: #306a1b !important;
    border-color: none !important;
    text-align-last: center;
}

    .GRD_Header2:hover {
        color: #fff !important;
        background-color: #306a1b;
        border-color: transparent !important;
    }

    .GRD_Header2.focus, .GRD_Header2:focus {
        color: #fff !important;
        background-color: #306a1b !important;
        border-color: #ff6a00 !important;
    }
/*.GRDBTNS > i {
        margin-left: 10px;
    }

    .GRDBTNS > span > i {
        margin-left: 10px;
    }*/

.btn > span {
    margin-left: 10px;
}

.btn > i {
    margin-left: 10px;
}

.LBLS {
    font-size: 20px;
    font-weight: bolder;
    font-family: 'AlmaraiART';
    border-color: transparent;
    background-color: transparent;
    /*color: #808080;*/
    color: black;
    height: 50px;
    text-wrap: normal;
    border: none;
    font-family: 'AlmaraiART';
}

.TXTS {
    font-size: 22px;
    width: 250px;
    height: 40px;
    font-weight: bolder;
    font-family: 'AlmaraiART';
    border: none;
    border-color: transparent;
    background-color: transparent;
    color: #1658a4;
    text-align: center;
    border-radius: 1vw;
    box-shadow: 0.5vw 0.25vw 4vw #454548;
    text-align-last: center;
}


.TXTS {
    border: 2px solid rgba(0, 0, 0, .15);
}

    .TXTS:hover {
        border-color: rgba(0, 0, 0, .35);
        box-shadow: 0 0 5px rgba(0, 0, 0, .2);
        background-color: #cbd5d8;
        outline: thin solid;
        -webkit-text-shadow: inherit;
        transition: transform .2s;
        -webkit-transform: scale(1.1);
    }

    .TXTS:focus {
        border-color: #4285F4;
        box-shadow: 0 0 10px rgba(66, 133, 244, .5);
    }

    .TXTS.shadow-inset:hover {
        box-shadow: 0 0 5px rgba(0, 0, 0, .2) inset;
    }

    .TXTS.shadow-inset:focus {
        box-shadow: 0 0 10px rgba(66, 133, 244, .5) inset;
    }

.DROPS {
    font-size: 18px;
    height: 40px;
    width: 265px;
    font-weight: bolder;
    font-family: 'AlmaraiART';
    border-color: transparent;
    background-color: transparent;
    text-align-last: center;
    color: #000000;
}

.DROPS {
    border: 2px solid rgba(0, 0, 0, .15);
}

    .DROPS:hover {
        border-color: rgba(0, 0, 0, .35);
        box-shadow: 0 0 5px rgba(0, 0, 0, .2);
        -webkit-transform: scale(1.1);
        transition: transform .2s;
    }

    .DROPS:focus {
        border-color: #4285F4;
        box-shadow: 0 0 10px rgba(66, 133, 244, .5);
    }

    .DROPS.shadow-inset:hover {
        box-shadow: 0 0 5px rgba(0, 0, 0, .2) inset;
    }

    .DROPS.shadow-inset:focus {
        box-shadow: 0 0 10px rgba(66, 133, 244, .5) inset;
    }

/* Table Row*/

table, th, td {
    border: none;
    border-color: transparent;
}

/*tr:hover {
    background-color: #eeeeee;
}*/

/* Table Cell*/
/*td:hover {
    background-color: #eaeaea;
}*/
.pagehead {
    font-size: 16px;
    font-family: 'Sakkal Majalla';
    color: #933c3c;
}

.SCALING:hover {
    -webkit-transform: scale(1.1);
    transition: transform .2s;
}

input[type=checkbox] {
    position: relative;
    cursor: pointer;
    -webkit-appearance: none;
    width: 25px;
    height: 25px;
    background: white;
    border-radius: 5px;
    border: 2px solid #555;
}

    input[type=checkbox]:hover {
        -webkit-transform: scale(1.1);
        transition: transform .2s;
    }

    input[type=checkbox]:checked:after {
        content: "";
        display: block;
        width: 5px;
        height: 10px;
        border: solid black;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 2px;
        left: 6px;
    }

    input[type=checkbox]:disabled:after {
        content: "";
        display: block;
        width: 5px;
        height: 10px;
        /*border: solid #666;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);*/
        transform: rotate(45deg);
        position: absolute;
        top: 2px;
        left: 6px;
    }

    input[type=checkbox]:disabled:before {
        content: "";
        display: block;
        position: absolute;
        width: 19px;
        height: 18px;
        top: 0;
        left: 0;
        border: 2px solid #666;
        border-radius: 3px;
        background-color: #ebe6e6;
        border-color: #454548;
    }


/*input[type='checkbox'] {
    -webkit-appearance: none;
    width: 30px;
    height: 30px;
    background: white;
    border-radius: 5px;
    border: 2px solid #555;
}

    input[type='checkbox']:checked {
        background: #0f1011;
    }

        input[type='checkbox']:checked:before {
            content: "";
            display: block;
            width: 5px;
            height: 10px;
            color: transparent;
            border: solid transparent;
            border-width: 0 2px 2px 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            position: absolute;
            top: 2px;
            left: 6px;
        }

    input[type='checkbox']:hover {
        -webkit-transform: scale(1.1);
        transition: transform .2s;
    }*/

a.scrollup {
    color: #fff;
    height: 40px;
    width: 40px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 50px;
    right: 0px;
    opacity: 0,5;
    border-radius: 50%;
    z-index: 999;
    background-color: #989191;
}

    a.scrollup:hover {
        opacity: 1;
        background-color: #ED502E;
        color: #fff;
        -webkit-transform: scale(1.1);
        transition: transform .2s;
    }

a.scrolldown {
    color: #fff;
    height: 40px;
    width: 40px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    top: 100px;
    right: 0px;
    opacity: 0,5;
    border-radius: 50%;
    z-index: 100;
    background-color: #989191;
}

    a.scrolldown:hover {
        opacity: 1;
        background-color: #ED502E;
        color: #fff;
        -webkit-transform: scale(1.1);
        transition: transform .2s;
    }

a.Sliderscrollup {
    color: #fff;
    height: 40px;
    width: 40px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    bottom: 50px;
    right: 40px;
    opacity: 0,5;
    border-radius: 50%;
    z-index: 999;
    background-color: #989191;
}

    a.Sliderscrollup:hover {
        opacity: 1;
        background-color: #ED502E;
        color: #fff;
        -webkit-transform: scale(1.1);
        transition: transform .2s;
    }

a.Sliderscrolldown {
    color: #fff;
    height: 40px;
    width: 40px;
    font-size: 12px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    position: fixed;
    top: 100px;
    right: 20px;
    opacity: 0,5;
    border-radius: 50%;
    z-index: 100;
    background-color: #989191;
}

    a.Sliderscrolldown:hover {
        opacity: 1;
        background-color: #ED502E;
        color: #fff;
        -webkit-transform: scale(1.1);
        transition: transform .2s;
    }

/*
    Theme Name: Multi
    Theme URL: https://bootstrapmade.com/multi-responsive-bootstrap-template/
    Author: BootstrapMade
    Author URL: https://bootstrapmade.com
*/
/* ==== Google font ==== */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,700,600);

@import url('font-awesome.css');
/* ==== overwrite bootstrap standard ==== */
@import url('overwrite.css');
@import url('animate.css');



body {
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6em;
    color: #fff;
    background-color: #fff;
    overflow-x: hidden;
}

hi, h2, h3, h4, h5, h6 {
    color: #333;
    line-height: 1.1em;
}

p {
    color: #333;
    font-size: 13px;
}

a {
    text-decoration: none;
    transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    outline: none;
    color: #333;
}

    a:hover {
        text-decoration: none;
        color: #eee;
    }

/*.btn-primary {
    padding: 8px 20px;
    background: #ED502E;
    color: #fff;
    border: none;
    margin-top: 20px;
}

    .btn-primary:hover,
    .btn-primary:focus {
        background: #eb8984;
        outline: none;
        box-shadow: none;
    }*/

.text-center h2 {
    margin-bottom: 30px;
}

.text-center p {
    margin-bottom: 50px;
    color: #333;
}

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    border-radius: 30px;
    margin-left: -10px;
}

    .btn-default:hover {
        background-color: #f9f9f9;
        color: #ED502E;
        border-color: #fff;
    }

/*===========================
  Menu and Navigation
============================ */
.navigation {
    background-color: #fff;
    padding: 0;
}

.navbar-brand h1 {
    margin-top: -1px;
    padding-top: 5px;
    float: left;
    font-size: 30px;
    color: #333;
}

    .navbar-brand h1 span {
        color: #ED502E;
    }

.menu {
    font-size: 12px;
    float: right;
    text-transform: uppercase;
    font-weight: 600;
}

    .menu ul.nav-tabs li {
        color: #000;
    }


/*ناف بار*/
.nav-tabs {
    border-bottom: 0;
}

    .nav-tabs > li > a {
        text-align-last: center;
        margin-bottom: 0;
        font-size: 14px;
        color: white;
        width: 100%;
    }

        .nav-tabs > li > a:hover {
            border-color: transparent;
            -o-transition: all 0.3s ease-in-out;
            -webkit-transform: scale(1.1);
        }

        .nav-tabs > li > a.active {
            color: #ED502E;
            font-size: 17px;
            font-weight: bolder;
            border-bottom-color: black;
            background-color: #dddddd;
            border-radius: 0;
            transition: all 0.3s ease-in-out;
            -moz-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            -o-transition: all 0.3s ease-in-out;
            width: 110%;
            text-align-last: center;
        }

.Porfile_Image {
    border-radius: 0;
    background-color: #999;
}

    .Porfile_Image:hover {
        color: #ED502E;
        font-size: 17px;
        font-weight: bolder;
        border-color: #fff #fff #fff;
        border-radius: 0;
        background-color: #999;
        transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -webkit-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        /*-webkit-transform: scale(1.1);*/
    }


.dropdown-menu > li > a {
    font-size: 17px;
    border: none;
    text-align-last: center;
}

    .dropdown-menu > li > a:hover {
        color: #ED502E;
        font-size: 18px;
        background-color: #ED502E;
        -webkit-transform: scale(1.1);
        transition: transform .2s;
    }

.pull-right > li > a:hover {
    -webkit-transform: scale(1.1);
    color: white;
}

.slider {
    margin-top: -20px;
    margin-right: 0px;
    margin-left: -40px;
}

    .slider img {
        width: 100%;
    }

.box {
    margin-top: 70px;
    text-align: center;
    background: #f9f9f9;
}

    .box h4 {
        text-transform: uppercase;
        margin-top: 50px;
        margin-bottom: 80px;
        padding: 50px;
    }

    .box i {
        color: #fff;
        border-radius: 50%;
        padding: 20px;
        background: #ED502E;
    }

        .box i:hover {
            color: #ED502E;
            background: #fff;
        }

/*===========================
 Feature
============================ */
.features p {
    margin-bottom: 70px;
    color: #333;
}

.main-feature {
    padding-bottom: 50px;
    padding-top: 80px;
}

    .main-feature .media {
        margin-top: 30px;
        margin-bottom: 30px;
    }

        .main-feature .media p {
            margin-top: 20px;
            margin-bottom: 30px;
            color: #333;
        }

        .main-feature .media i {
            border-radius: 50%;
            padding: 20px;
            background: #ED502E;
            color: #fff;
        }

    .main-feature .text-center {
        background: #fD502E;
        padding: 70px;
        margin-top: 30px;
    }

        .main-feature .text-center h2, p {
            color: #fff;
        }

        .main-feature .text-center p {
            color: #fff;
        }
/*===========================
	about-us
============================ */

.about-us {
    background: #f9f9f9;
    margin-top: -50px;
    padding-top: 90px;
    padding-bottom: 80px;
}

    .about-us img {
        margin-top: 50px;
        border-radius: 20%;
        margin-bottom: 20px;
    }

/*===========================
	services
============================ */
.services {
    background: #f9f9f9;
    margin-top: -50px;
    padding-top: 90px;
    padding-bottom: 50px;
}

    .services img {
        margin-top: 50px;
        border-radius: 50%;
        margin-bottom: 20px;
    }

.services-box i {
    padding: 50px;
    margin-top: 30px;
    margin-bottom: 40px;
    border-radius: 50%;
}

    .services-box i.fa-rocket {
        background-color: #00abf0;
    }

    .services-box i.fa-cogs {
        background-color: #02FE7C;
    }

    .services-box i.fa-eye {
        background-color: #0077b5;
    }

.services-box h4 {
    margin-bottom: 20px;
}

.skills {
    margin-top: 60px;
}

.skill {
    margin-top: 60px;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

    .skill h2 {
        margin-bottom: 25px;
    }

.progress-wrap {
    position: relative;
}

.progress .color1,
.progress .color1 .bar-width {
    background: #2d7da4;
}

.progress .color2,
.progress .color2 .bar-width {
    background: #6aa42f;
}

.progress .color3,
.progress .color3 .bar-width {
    background: #ffcc33;
}

.progress .color4,
.progress .color4 .bar-width {
    background: #db3615;
}

.progress,
.progress-bar {
    height: 50px;
    line-height: 20px;
    background: #e6e6e6;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    overflow: visible;
    text-align: right;
}

.progress {
    position: relative;
}

    .progress .bar-width {
        position: absolute;
        width: 40px;
        height: 20px;
        line-height: 20px;
        text-align: center;
        font-size: 12px;
        font-weight: 700;
        top: -30px;
        border-radius: 2px;
        margin-left: -30px;
    }

    .progress span {
        position: relative;
    }

        .progress span:before {
            content: " ";
            position: absolute;
            width: auto;
            height: auto;
            border-width: 8px 5px;
            border-style: solid;
            bottom: -15px;
            right: 8px;
        }

    .progress .color1 span:before {
        border-color: #2d7da4 transparent transparent transparent;
    }

    .progress .color2 span:before {
        border-color: #6aa42f transparent transparent transparent;
    }

    .progress .color3 span:before {
        border-color: #ffcc33 transparent transparent transparent;
    }

    .progress .color4 span:before {
        border-color: #db3615 transparent transparent transparent;
    }

.services-skill {
    margin-top: 30px;
    margin-bottom: 50px;
    padding-bottom: 50px;
}

/*===========================
	blog
============================ */
#blog {
    margin-top: 50px;
}

.widget {
    margin-bottom: 60px;
    padding-left: 0;
}

.single_comments {
    margin-bottom: 20px;
}

    .single_comments img {
        float: left;
        margin-right: 10px;
        margin-top: 5px;
    }

    .single_comments p {
        margin-bottom: 0;
    }

.widget .entry-meta span {
    display: inline-block;
    margin-right: 10px;
}

.widget h3 {
    color: #000;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-family: 'AlmaraiART';
}

.blog_category {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .blog_category li {
        float: none;
        margin-bottom: 20px;
    }

        .blog_category li a {
            background: #f5f5f5;
            border-radius: 4px;
            color: #888;
            display: inline-block;
            padding: 5px 15px;
        }

            .blog_category li a:hover {
                background: #ED502E;
                color: #fff;
            }

.badge:before {
    border-color: transparent transparent transparent #ED502E;
    border-style: solid;
    border-width: 10px;
    bottom: -8px;
    content: "";
    height: 0;
    left: 5px;
    position: absolute;
    z-index: -99999;
}

.badge {
    background-color: #ED502E;
    border-radius: 5px;
    color: #fff;
    padding: 8px;
    position: relative;
    left: 60px;
    top: -18px;
    font-weight: normal;
}

.blog_archieve {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

    .blog_archieve li {
        padding: 10px 0;
        border-bottom: 1px solid #f5f5f5;
    }

        .blog_archieve li:first-child {
            padding-top: 0;
        }

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

    ul.gallery li {
        display: block;
        width: 60px;
        padding: 0;
        margin: 0 4px 4px 0;
        float: left;
    }

ul.faq {
    list-style: none;
    margin: 0;
}

    ul.faq li {
        margin-top: 30px;
    }

        ul.faq li:first-child {
            margin-top: 0;
        }

        ul.faq li span.number {
            display: block;
            float: left;
            width: 50px;
            height: 50px;
            line-height: 50px;
            text-align: center;
            background: #34495e;
            color: #fff;
            font-size: 24px;
        }

        ul.faq li > div {
            margin-left: 70px;
        }

            ul.faq li > div h3 {
                margin-top: 0;
            }


.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .embed-container iframe,
    .embed-container object,
    .embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.blog-item {
    border-radius: 0;
    overflow: hidden;
    margin-bottom: 50px;
}

.blog .blog-item .img-blog {
    border-radius: 5px;
    margin-bottom: 45px;
}

.blog .blog-item .blog-content {
    padding-bottom: 25px;
}

    .blog .blog-item .blog-content h2 {
        margin-top: 0;
        font-size: 30px;
    }

.readmore {
    margin-top: 0;
}

.blog .blog-item .blog-content h4 {
    color: #858586;
    margin-bottom: 40px;
    /* font-weight: 300 */
}

.blog .blog-item .blog-content p {
    font-size: 13px;
    color: #858586;
}

.blog .blog-item .entry-meta {
    border-radius: 5px;
    overflow: hidden;
}

    .blog .blog-item .entry-meta > span {
        background: #f5f5f5;
        border-top: 1px solid #fff;
        display: block;
        font-size: 12px;
        overflow: hidden;
        padding: 5px;
        text-align: left;
    }

#publish_date {
    background: #ED502E;
    border-bottom: 5px solid #4e4e4e;
    color: #fff;
    padding: 5px 0;
    text-align: center;
}

.blog .blog-item .entry-meta > span {
    color: #ccc;
}

    .blog .blog-item .entry-meta > span a {
        font-size: 12px;
        margin-left: 3px;
        font-weight: 300;
        color: #888;
    }

ul.pagination > li > a {
    border: 1px solid #F1F1F1;
    margin-right: 5px;
    border-radius: 5px;
    font-size: 16px;
    padding: 5px 14px;
}

    ul.pagination > li > a i {
        margin-left: 5px;
        margin-right: 5px;
    }

ul.pagination > li.active > a,
ul.pagination > li:hover > a {
    background-color: #ED502E !important;
    border-color: #ED502E !important;
    color: #fff;
}

.search_box {
    background-image: url("../images/search_icon.png");
    background-position: 314px 15px;
    background-repeat: no-repeat;
    border-color: #DEDEDE;
    height: 48px;
    outline: medium none;
    box-shadow: none;
}

.form-control:focus {
    box-shadow: none;
    outline: 0 none;
}

ul.tag-cloud,
ul.sidebar-gallery {
    list-style: none;
    padding: 0;
    margin: 0;
}

.tag-cloud li {
    display: inline-block;
    margin-bottom: 3px;
}

    .tag-cloud li a {
        background: #f5f5f5;
        color: #888;
        border: 0;
        border-radius: 4px;
        padding: 8px 15px;
    }

        .tag-cloud li a:hover {
            background: #ED502E;
            color: #fff;
        }

.sidebar-gallery li {
    display: inline-block;
    margin: 0 10px 10px 0;
}

    .sidebar-gallery li a {
        border-radius: 4px;
        display: inline-block;
    }

/*===========================
	portfolio
============================ */
.recent-work-wrap {
    position: relative;
}

    .recent-work-wrap img {
        width: 100%;
    }

    .recent-work-wrap .recent-work-inner {
        top: 0;
        background: transparent;
        opacity: .8;
        width: 100%;
        border-radius: 0;
        margin-bottom: 0;
    }

        .recent-work-wrap .recent-work-inner h3 {
            margin: 10px 0;
        }

            .recent-work-wrap .recent-work-inner h3 a {
                font-size: 24px;
                color: #fff;
            }

    .recent-work-wrap .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        border-radius: 0;
        background: #ED502E;
        color: #fff;
        vertical-align: middle;
        -webkit-transition: opacity 500ms;
        -moz-transition: opacity 500ms;
        -o-transition: opacity 500ms;
        transition: opacity 500ms;
        padding: 30px;
    }

        .recent-work-wrap .overlay .preview {
            bottom: 0;
            display: inline-block;
            height: 35px;
            line-height: 35px;
            border-radius: 0;
            background: transparent;
            text-align: center;
            color: #fff;
        }

    .recent-work-wrap:hover .overlay {
        opacity: 1;
    }

#portfolio {
    margin-top: 50px;
    margin-bottom: 50px;
}

.portfolio-items,
.portfolio-filter {
    list-style: none outside none;
    margin: 0 0 40px 0;
    padding: 0;
}

    .portfolio-filter > li {
        display: inline-block;
    }

        .portfolio-filter > li a {
            background: none repeat scroll 0 0 #FFFFFF;
            font-size: 14px;
            font-weight: 400;
            margin-right: 20px;
            text-transform: uppercase;
            transition: all 0.9s ease 0s;
            -moz-transition: all 0.9s ease 0s;
            -webkit-transition: all 0.9s ease 0s;
            -o-transition: all 0.9s ease 0s;
            border: 1px solid #F2F2F2;
            outline: none;
            border-radius: 3px;
        }

            .portfolio-filter > li a:hover,
            .portfolio-filter > li a.active {
                color: #fff;
                background: #ED502E;
                border: 1px solid #ED502E;
                box-shadow: none;
                -webkit-box-shadow: none;
            }

    .portfolio-items > li {
        float: left;
        padding: 0;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

.portfolio-item {
    margin: 0;
    padding: 0;
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        -moz-transition-property: -moz-transform, opacity;
        -ms-transition-property: -ms-transform, opacity;
        -o-transition-property: -o-transform, opacity;
        transition-property: transform, opacity;
    }

        /**** disabling Isotope CSS3 transitions ****/
        .isotope.no-transition,
        .isotope.no-transition .isotope-item,
        .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0s;
            -moz-transition-duration: 0s;
            -ms-transition-duration: 0s;
            -o-transition-duration: 0s;
            transition-duration: 0s;
        }

    /* End: Recommended Isotope styles */
    /* disable CSS transitions for containers with infinite scrolling*/
    .isotope.infinite-scrolling {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        transition: none;
    }

/*===========================
	contact
============================ */
/* --- Map --- */
.map {
    position: relative;
    margin-top: 50px;
    margin-bottom: 40px;
}

/* google map */
#google-map {
    position: relative;
    height: 400px;
}

.contact {
    margin-top: 50px;
}

.contact-info {
    margin-top: 50px;
}

    .contact-info p {
        color: #333;
    }

    .contact-info ul {
        color: #333;
        list-style: none;
        margin-left: -40px;
    }

        .contact-info ul li {
            margin-top: 20px;
            margin-bottom: 20px;
        }

    .contact-info i {
        color: #eb8984;
    }

.contact-form {
    margin-bottom: 80px;
}

.form-group .form-control {
    padding: 7px 12px;
    border-color: #ddd;
    box-shadow: none;
}

textarea.form-control {
    box-shadow: none;
    border-color: #ddd;
    border-radius: 0;
}

.validation {
    color: red;
    display: none;
    margin: 0 0 20px;
    font-weight: 400;
    font-size: 13px;
}

#sendmessage {
    color: green;
    border: 1px solid green;
    display: none;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

#errormessage {
    color: red;
    display: none;
    border: 1px solid red;
    text-align: center;
    padding: 15px;
    font-weight: 600;
    margin-bottom: 15px;
}

    #sendmessage.show, #errormessage.show, .show {
        display: block;
    }

/*===========================
	footer
============================ */
.footer {
    top: 1000px;
    background: #292929;
    padding: 50px;
    position: static;
}

    .footer p {
        margin-top: -8px;
        font-size: 13px;
        line-height: 30px;
    }

    .footer h2 {
        color: #fff;
        margin-bottom: 50px;
        font-size: 20px;
    }

ul.social-network {
    margin-top: 30px;
    transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

    ul.social-network li {
        display: inline;
        font-size: 14px;
        margin-right: 10px;
    }

        ul.social-network li a {
            color: #d0d0d0;
            padding: 5px 10px;
            background: #000;
            border-radius: 50%;
        }

.social-network li:hover .fa-twitter {
    color: #00abf0;
}

.social-network li:hover .fa-facebook {
    color: #39579a;
}

.social-network li:hover .fa-google-plus {
    color: #eb8984;
}

.social-network li:hover .fa-pinterest {
    color: #c9171e;
}

.social-network li:hover .fa-linkedin {
    color: #0077b5;
}

.footer h3 {
    color: #fff;
    margin-bottom: 30px;
    font-size: 16px;
}

.footer ul {
    text-decoration: none;
    list-style: none;
    margin-left: -40px;
    font-size: 13px;
}

    .footer ul li:hover {
        color: #ED502E;
        cursor: pointer;
    }

.sub-footer a {
    color: #fff;
    font-size: 13px;
}

    .sub-footer a:hover {
        color: #ED502E;
    }

.sub-footer {
    background: #090909;
    padding: 30px;
}

    .sub-footer ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .sub-footer ul > li {
            display: inline-block;
            color: #fff;
            font-size: 13px;
            margin-right: 30px;
        }

.Frame {
    resize: vertical;
    border: solid;
    border-color: black;
    width: 100%;
    height: 700px;
    box-shadow: 0.5vw 0.25vw 4vw #454548;
}

    .Frame:hover {
    }

.DevloperImg {
    width: 200px;
    height: 230px;
    border-radius: 20%;
    box-shadow: 0.5vw 0.25vw 4vw #454548;
}


.topnav {
    overflow: hidden;
    background-color: #333;
}

    .topnav a {
        float: left;
        display: block;
        color: #f2f2f2;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }

        .topnav a:hover {
            background-color: #ddd;
            color: black;
        }

        .topnav a.active {
            background-color: #4CAF50;
            color: white;
        }

    .topnav .icon {
        display: none;
    }

@media screen and (max-width: 600px) {
    .topnav a:not(:first-child) {
        display: none;
    }

    .topnav a.icon {
        float: right;
        display: block;
    }
}

@media screen and (max-width: 600px) {
    .topnav.responsive {
        position: relative;
    }

        .topnav.responsive .icon {
            position: absolute;
            right: 0;
            top: 0;
        }

        .topnav.responsive a {
            float: none;
            display: block;
            text-align: left;
        }
}


.topnav {
    overflow: hidden;
    background-color: #333;
}

    .topnav a {
        float: left;
        color: #f2f2f2;
        text-align: center;
        padding: 14px 16px;
        text-decoration: none;
        font-size: 17px;
    }

/*.topnav a:hover {
  background-color: #ddd;
  color: black;
}

.topnav a.active {
  background-color: #4CAF50;
  color: white;
}*/

.topnav-right {
    float: right;
}


::-webkit-input-placeholder {
    text-align: center;
}

th {
    text-align: right !important;
}

.table caption {
    font-family: 'AlmaraiART';
    font-size: 20px;
    text-align: right;
    /*text-shadow: 0.5vw 0.25vw 1vw #454548;*/
    color: black;
    height: 40px;
}

.IframContainer {
    max-width: 100%;
    max-height: 150%;
    overflow: hidden;
    padding: 0px;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* inner wrapper: make responsive */
.responsive-wrapper {
    position: relative;
    height: 0;
    padding-bottom: 165%;
}

    .responsive-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 150%;
        margin: 0;
        padding: 0;
        border: none;
    }

.GRDV {
    font-family: 'AlmaraiART';
    width: 100%;
    font-weight: bold;
    font-family: AlmaraiART;
}

.grid-line {
    font-size: 13px;
}

.GRDV :hover {
    /*-webkit-transform: scale(1.1);
    transition: transform .2s;
    text-align-last: center;*/
}

/*#2e64a1*/
/*إسم الصفحة*/

body {
    color: #af3131;
    background: #2e64a1 url(../img/bg-default.jpg) !important;
    text-shadow: 0.5vw 0.25vw 4vw #757575;
}

i.icon-lock {}

/*إسم وعنوان الصفحة*/
.page-title {
    font-size: 28px;
    display: block;
    font-weight: bolder !important;
    margin: 13px 20px 8px 0px;
    font-family: 'MyriadPro-Light';
    color: #2f95c3;
}

    .page-title small {
        font-size: 14px;
    }


#main-content {
    box-shadow: 0 0 10px #29a3ac;
    -moz-box-shadow: 0 0 10px #757575;
    -webkit-box-shadow: 0 0 10px #757575;
}

/*هوفر a*/
a, a:hover {
    text-shadow: none !important;
    color: #af3131;
}

ul.faq-list li a:hover, ul.faq-list li a.active {
    background: #1e94cc;
}

/*خلفية الشعار*/
#header.navbar-inverse .navbar-inner {
    background: #4e4e4e url("../img/top-bg-default.jpg") repeat-x !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e4e4e',endColorstr='#4e4e4e',GradientType=0) border-width: 0;
}

/*#header.navbar-inverse .navbar-inner:hover {
        transition: transform .2s;
        -webkit-transform: scale(1.1);
    }*/



#header .navbar-inner .nav .dropdown-toggle:hover, .navbar-inner .nav .dropdown.open .dropdown-toggle {
    background-color: #333 !important;
}

#header.navbar-inverse .divider-vertical {
    border-left-color: #2c2d2f;
    border-right-color: #181a1b;
}

/*لون كتابة القائمة الجانبية*/
#sidebar > ul > li > a {
    font-size: 12px;
    color: #fff !important;
}



/*لون ايكون الشريط الجانبية*/
#sidebar > ul > li a i {
    font-size: 12px;
    color: #ee9d9d !important;
}

#sidebar > ul > li > a:hover, #sidebar > ul > li:hover > a {
    color: #fff !important;
    background: url("../img/side-bar-list-bg.png");
    font-weight: bolder;
    transition: transform .2s;
    -webkit-transform: scale(1.1);
}

#sidebar > ul > li a i {
    font-size: 12px;
    background: url("../img/side-bar-list-bg.png");
}

#sidebar > ul > li > ul.sub > li > a {
    color: #fff;
}

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover {
    font-weight: bolder;
    background-color: #EEEEEE;
    background-image: none;
    color: #333333;
    filter: none;
    text-decoration: none;
}

#sidebar > ul > li > ul.sub > li {
    border-bottom: 1px solid #2f95c3;
}

    #sidebar > ul > li > ul.sub > li:last-child {
        border-bottom: none;
    }

.chats li.out .name {
    color: #b14c4c;
}

.chats li.in .message {
    border-left: 2px solid #2f95c3;
}

    .chats li.in .message .arrow {
        border-right: 8px solid #2f95c3;
    }

.chats li.out .message .arrow {
    border-left: 8px solid #2f95c3;
}

.chats li.out .message {
    border-right: 2px solid #2f95c3;
}

/*السلايد الجانبي عندما يتحول قائمة للموبايل*/
/* Landscape phone to portrait tablet */
@media (max-width:979px) {
    #sidebar {
        background-color: #2e71a7 !important;
        -webkit-border-radius: 4px !important;
        -moz-border-radius: 4px !important;
        border-radius: 4px !important;
    }

        /*الفاصل بين عناصر القائمة*/
        #sidebar > ul > li > a {
            font-size: 12px;
            border-bottom: 1px solid #abc6e2 !important;
        }

            #sidebar > ul > li.active > a, #sidebar > ul > li:hover > a, #sidebar > ul > li > a:hover {
                border-bottom: 1px solid #3075a5 !important;
            }
}

/*----*/

/*lock*/

.lock-avatar-row, .lock-form-row .tarquoise {
    background: #2f95c3;
}

.lock-identity span {
    color: #2f95c3;
}

.lock-form-row .tarquoise {
    border: 1px solid #2f95c3 !important;
}

/*coming soon*/

.coming-soon .input-append .submit-btn {
    background: #2f95c3;
    color: #195263;
}

.twt-color, .twt-color:hover, .blog .date .day {
    color: #2f95c3 !important;
}

ul.social-link li a:hover, .blog .date .month {
    background: #2f95c3;
}


/*blog*/

.blog .date {
    border: 1px solid #2f95c3;
}

.blog ul li a:hover, .blog-side-bar ul li a:hover {
    color: #2f95c3;
    text-decoration: none;
}

.blog .btn:hover {
    background: #2f95c3;
}

.blog-side-bar ul.tag li a, .inbox-compose-btn button:hover, .btn.colored, .inbox .inbox-header {
    background: #2f95c3;
}

/*invoice-list*/


.invoice-list h5 {
    color: #2f95c3;
}

/*about us*/

.about-us h4, .team-member h3, .team-member ul li a:hover, .contact-us h4, .news h1 {
    color: #2f95c3;
}

/*form */
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border: 1px solid #2f95c3;
}





/* widget container */
.sortable .widget .widget-title {
    cursor: move;
}

.sortable-box-placeholder {
    background-color: #2f95c3;
    border: 1px dashed #DDDDDD;
    display: block;
    margin-top: 0px !important;
    margin-right: 1%;
    margin-left: 0.6%;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .sortable-box-placeholder * {
        visibility: hidden;
    }

.widget {
    background: #fff;
    clear: both;
    margin-bottom: 20px;
    margin-top: 0;
    -webkit-box-shadow: 0 0px 5px #ddd;
    -moz-box-shadow: 0 0px 5px #ddd;
    box-shadow: 0 0px 5px #ddd;
}

.widget-title {
    /* تايتل الصفحة*/
    background-position: 0% 0%;
    height: 35px;
    border-bottom: 1px solid #fff;
    background-image: -linear-gradient(top, #f2f2f2 0%, #f2f2f2 100%);
    background-color: #2e64a1;
    background-repeat: repeat;
    background-attachment: scroll;
}

    .widget-title > h4 {
        float: right;
        font-size: 13px;
        font-weight: bold;
        padding: 12px 15px 10px 11px;
        line-height: 12px;
        margin: 0;
        height: 30px;
    }

        .widget-title > h4 i {
            font-size: 14px;
            margin-left: 2px;
        }

    .widget-title > h3 {
        float: right;
        font-size: 15px;
        font-weight: bolder;
        padding: 12px 15px 10px 11px;
        line-height: 12px;
        margin: 1px;
        color: #fff;
    }

        /* Span Title Name*/
        .widget-title > h3 i {
            font-size: 15px;
            margin-left: 30px;
            color: #fff;
        }

    /*قائمة نهاية الشريط*/
    .widget-title span.tools {
        border-right: 1px solid #E0DEDE;
        float: left;
        margin: 2px 0 0;
        padding: 6px 10px 6px 5px;
    }

        /*سبان قائمة النهايةس*/
        .widget-title span.tools > a {
            display: inline-block;
            margin-left: 5px;
            color: #f5f5f5;
            font-size: 14px;
            text-decoration: none;
        }

            /*Span Hover*/
            .widget-title span.tools > a:hover {
                text-decoration: none;
                -webkit-transition: all 0.1s ease-in-out;
                -moz-transition: all 0.1s ease-in-out;
                -o-transition: all 0.1s ease-in-out;
                -ms-transition: all 0.1s ease-in-out;
                transition: all 0.1s ease-in-out;
                opacity: .6;
            }

    .widget-title .btn-group {
        margin-left: 5px;
        margin-top: -2px;
    }

        .widget-title .btn-group .caret {
            margin-top: 8px;
            margin-right: 3px;
        }

.widget-body {
    padding: 15px 15px;
    -webkit-border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    border-radius: 0px 0px 3px 3px;
}



.marquee-style {
    color: #2e64a1;
    background-color: transparent;
    border-color: transparent;
    font-size: 20px;
    font-family: AlmaraiART;
    font-weight: bolder;
    height: 120px;
}

.marquee-span-style {
    color: red;
}


/*Anees Style For OnlineUsers*/
.ART_Strong {
    font-size: 20px;
    font-weight: bolder;
    text-align-last: right;
    color: #2e64a1;
    border: none;
    background-color: transparent;
    text-align: justify;
    border: none;
    font-weight: bold;
    text-shadow: 0.5vw 0.25vw 4vw #454548;
}



/*GridView Styling       *******************************************  START*/
.GRD_Header {
    color: #fff !important;
    background-color: #2e64a1 !important;
    border-color: none !important;
    text-align-last: center;
}

    .GRD_Header:hover {
        color: #fff !important;
        background-color: #4377b2;
        border-color: transparent !important;
    }

    .GRD_Header.focus, .GRD_Header:focus {
        color: #fff !important;
        background-color: #4377b2 !important;
        border-color: #4377b2 !important;
    }

/*  **************GridView Row************ */


.pager {
    color: white;
}

/*By Anees*/
.grid-line {
    color: black;
    border: none;
    border-color: none;
    grid-cell: none;
}
    /*hover*/
    .grid-line:hover {
        color: #222;
        background-color: #d7e1ea;
        border-color: none;
        border: none;
        grid-cell: none;
    }
/*  **************GridView Row************ */

/*  **************grid-altrnative-line************ */
/*By Anees*/
.grid-altrnative-line {
    color: #222;
    background-color: #baced7;
    border-color: none;
    border: none;
    grid-cell: none;
}
    /*hover*/
    .grid-altrnative-line:hover {
        color: #222;
        background-color: #b8ccd5;
        border-color: none;
        border: none;
        grid-cell: none;
    }
/*  **************grid-altrnative-line************ */
/*GridView Styling       *******************************************  END*/


/* *********************btn-art-defualt****************Start */
/*اللون الأساسي*/
.btn-art-defualt {
    color: #fff;
    background-color: #2e64a1;
    border-color: #2e64a1;
}

    /*بعد الضعط عليها وتركها*/
    .btn-art-defualt.focus, .btn-art-defualt:focus {
        color: #fff;
        background-color: #3571b5;
        border-color: #3571b5;
    }
    /*أثناء المرور فوقها*/
    .btn-art-defualt:hover {
        color: #222;
        background-color: #4280c5;
        border-color: #4280c5;
    }

    .btn-art-defualt.active, .btn-art-defualt:active, .open > .dropdown-toggle.btn-art-defualt {
        color: #fff;
        background-color: #2a619f;
        border-color: #2a619f;
    }

        /*عند الضغط عليها*/
        .btn-art-defualt.active.focus, .btn-art-defualt.active:focus, .btn-art-defualt.active:hover, .btn-art-defualt:active.focus, .btn-art-defualt:active:focus, .btn-art-defualt:active:hover, .open > .dropdown-toggle.btn-art-defualt.focus, .open > .dropdown-toggle.btn-art-defualt:focus, .open > .dropdown-toggle .btn-art-defualt:hover {
            color: #fff;
            background-color: #1d4f87;
            border-color: #1d4f87;
        }

    .btn-art-defualt.active, .btn-art-defualt:active, .open > .dropdown-toggle.btn-art-defualt {
        background-image: none;
    }

    .btn-art-defualt.disabled, .btn-art-defualt.disabled.active, .btn-art-defualt.disabled.focus, .btn-art-defualt.disabled:active, .btn-art-defualt.disabled:focus, .btn-art-defualt.disabled:hover, .btn-art-defualt[disabled], .btn-art-defualt[disabled].active, .btn-art-defualt[disabled].focus, .btn-art-defualt[disabled]:active, .btn-art-defualt[disabled]:focus, .btn-art-defualt[disabled]:hover, fieldset[disabled] .btn-art-defualt, fieldset[disabled] .btn-art-defualt.active, fieldset[disabled] .btn-art-defualt.focus, fieldset[disabled] .btn-art-defualt:active, fieldset[disabled] .btn-art-defualt:focus, fieldset[disabled] .btn-art-defualt:hover {
        background-color: #4e6987;
        border-color: #4e6987;
    }

    .btn-art-defualt .badge {
        color: #3183e0;
        background-color: #fff;
    }

    /* سبان الكبسة */
    .btn-art-defualt > span > i {
        color: #ee9d9d !important;
    }

        .btn-art-defualt > span > i:hover {
            color: #fff !important;
        }

/*لون كتابة القائمة الجانبية*/
/*#sidebar > ul > li > a {             font-size: 12px;
    color: #fff !important;
}*/
/* *********************btn-art-defualt****************End */

/* *********************btn-art-danger****************Start */

.btn-art-danger {
    color: #fff;
    background-color: #af3131;
    border-color: #af3131;
}

    /*بعد الضعط عليها وتركها*/
    .btn-art-danger.focus, .btn-art-danger:focus {
        color: #fff;
        background-color: #bd1e1e;
        border-color: #bd1e1e;
    }
    /*أثناء المرور فوقها*/
    .btn-art-danger:hover {
        color: #222;
        background-color: #ce4b4b;
        border-color: #ce4b4b;
    }

    .btn-art-danger.active, .btn-art-danger:active, .open > .dropdown-toggle.btn-art-danger {
        color: #fff;
        background-color: #9d2121;
        border-color: #9d2121;
    }

        /*عند الضغط عليها*/
        .btn-art-danger.active.focus, .btn-art-danger.active:focus, .btn-art-danger.active:hover, .btn-art-danger:active.focus, .btn-art-danger:active:focus, .btn-art-danger:active:hover, .open > .dropdown-toggle.btn-art-danger.focus, .open > .dropdown-toggle.btn-art-danger:focus, .open > .dropdown-toggle .btn-art-danger:hover {
            color: #fff;
            background-color: #9d2121;
            border-color: #9d2121;
        }

    .btn-art-danger.active, .btn-art-danger:active, .open > .dropdown-toggle.btn-art-danger {
        background-image: none;
    }

    .btn-art-danger.disabled, .btn-art-danger.disabled.active, .btn-art-danger.disabled.focus, .btn-art-danger.disabled:active, .btn-art-danger.disabled:focus, .btn-art-danger.disabled:hover, .btn-art-danger[disabled], .btn-art-danger[disabled].active, .btn-art-danger[disabled].focus, .btn-art-danger[disabled]:active, .btn-art-danger[disabled]:focus, .btn-art-danger[disabled]:hover, fieldset[disabled] .btn-art-danger, fieldset[disabled] .btn-art-danger.active, fieldset[disabled] .btn-art-danger.focus, fieldset[disabled] .btn-art-danger:active, fieldset[disabled] .btn-art-danger:focus, fieldset[disabled] .btn-art-danger:hover {
        background-color: #7a3939;
        border-color: #7a3939;
    }

    .btn-art-danger .badge {
        color: #ce3a3a;
        background-color: #fff;
    }
/* *********************btn-art-danger****************End */


.MyCstmLbl {
    font-size: 25px;
    width: auto;
    height: 50px;
    font-weight: bolder;
    font-family: AlmaraiART;
    text-align-last: center;
    background-color: #1d4c80;
    color: white;
    padding-top: 10px;
    border-radius: 10px;
}

/*.MyCstmLbl:hover {
        -webkit-transform: scale(1.1);
        transition: transform .2s;
    }*/

MyTheame {
    background-color: #1d4c80;
    color: white;
}