﻿html {
    overflow-x: hidden !important;
}

body {
    font-family: Yekan !important;
}

.van {
    background-image: url('../Images/BackGroundPage.jpg');
    height: 400px;
    opacity: 0.3;
    background-repeat: no-repeat;
    background-position: center center;
}

.main_foo {
    font-size: 12px;
    text-align: center;
    line-height: 2;
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    /*margin-right: 195px;*/
    /*color: #478924;*/
}

.main_footer {
    /*font-size: 12px;
    text-align: center;
    line-height: 2;
    position: fixed;
    bottom: 0;
    display: flex;
    align-items: center;
    margin-right: 195px;
    color: #478924;*/
    font-size: 13px;
    text-align: center;
    line-height: 2;
    position: fixed;
    bottom: 0;
    display: flex;
    align-items: center;
    margin-right: 195px;
    color: #F99406;
    width: 100%;
    /*border: #96eabf solid 1px;*/
    z-index: 99999999999999999999999999999999;
    background: white /*#fffece*/;
}

.login_main_footer {
    font-size: 13px;
    text-align: center;
    line-height: 2;
    position: fixed;
    bottom: 0;
    display: flex;
    align-items: center;
    /*margin-right: 195px;*/
    color: #F99406;
    width: 400px;
    /*border: #96eabf solid 1px;*/
    z-index: 99999999999999999999999999999999;
    background: rgba(256,256,256,0.8) /*#fffece*/;
}

[id^="jqxWidget"] i {
    color: #883d64;
}

.input-icon > [class*="icon-stre"] {
    padding: 0 0px !important;
    z-index: 2;
    position: absolute;
    top: 1px;
    bottom: 1px;
    left: 3px;
    line-height: 28px;
    display: inline-block;
    color: #909090;
    font-size: 11px !important;
}

.extra-height {
    height: 30px !important;
}

.jqx-listitem-state-normal {
    font-family: Yekan !important;
}
/*[id^="filterinnerListBox"],[id^="filterinnerListBox"] input{
    position: relative !important;
}
[id^="filterinnerListBox"] input{
    left: 3px !important;
}*/

ul.ace-thumbnails li a img {
    width: 150px;
    height: 150px;
}

.nav-list > li .submenu > li {
    cursor: pointer !important;
}

[id^="filterinnerListBox"] .jqx-widget {
    left: 3px !important;
    text-align: right !important;
}

[id^="filter"] .jqx-widget {
    left: 2px !important;
    text-align: right !important;
}

.jqx-grid-cell .jqx-dropdownlist-state-normal-bootstrap {
    height: 21px !important;
}
/*[id^="filterinnerListBox"]{
    display:block;
}*/
[id^="innerListBox"] > [id^="verticalScrollBarinnerListBox"]:last-child {
}

.jqx-grid-cell [id^="dropdownlistArrow"] .icon-chevron-down {
    font-size: 10px !important;
    top: 0px !important;
    position: relative !important;
    left: 3px !important;
}

.header {
    line-height: 28px;
    margin-bottom: 16px;
    margin-top: 18px;
    padding-bottom: 4px;
    border-bottom: 1px solid #CCC;
    width: 99% !important;
}

#txtPlaqueNo3 {
    padding-top: 10px !important;
}

/*.ace-nav > li > a > .badge {
    position: relative;
    top: -4px;
    left: 2px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}*/

.input-icon > [class="text"] {
    padding: 0 3px;
    z-index: 2;
    position: absolute;
    top: -7px;
    bottom: 1px;
    left: 30%;
    line-height: 28px;
    display: inline-block;
    color: #909090;
    font-size: 10px;
    height: 10px;
}

.widget-main {
    padding: 0px !important;
}

.clearfix div {
    /*margin-right: 27% !important;*/
}

.page-content .main-content {
    margin-right: 0px !important;
}


/*.jqx-tree-dropdown-root-rtl {
    padding: 0px 5px 0px 0px;
    text-align: right;
    float: right;
    margin: 0px;
    margin-top: 20px !important;
}
/*
.jqx-tree{
   border-width: 0px !important;
    border-style: none !important;
}*/

[id^="dropdownlistArrow"] .icon-chevron-down {
    font-size: 10px !important;
    top: 5px !important;
    position: relative !important;
    left: -4px !important;
}

[id^="pagerjqxgrid"] [id^="dropdownlistArrow"] .icon-chevron-down {
    font-size: 10px !important;
    top: -2px !important;
    position: relative !important;
    left: 2px !important;
}

#dropDownButtonArrowjqxdropdownbutton .icon-chevron-down {
    font-size: 10px !important;
    top: 5px !important;
    position: relative !important;
    /*left: -4px !important;*/
}

[id^="dropdownlistArrow"], #dropDownButtonArrowjqxdropdownbutton {
    background-color: rgb(236, 236, 236) !important;
    border: thin solid rgb(153, 153, 153) !important;
    height: 100% !important;
    width: 18px !important;
}

[id^="pagerjqxgrid"] [id^="dropdownlistArrow"], #dropDownButtonArrowjqxdropdownbutton {
    width: 15px !important;
}

[id^="dropdownlistContent"] {
    font-family: Yekan !important;
    padding-top: 8px !important;
    margin-top: 0px !important;
    padding-right: 15px !important;
}

[id^="pagerjqxgrid"] [id^="dropdownlistContent"] {
    padding-top: 0px !important;
    padding-right: 3px !important;
}

#dropDownButtonContentjqxdropdownbutton {
    font-family: Yekan !important;
    padding-top: 3px !important;
    margin-top: 0px !important;
    padding-right: 15px !important;
}

div .jqx-dropdownlist-state-normal-bootstrap {
    height: 32px !important;
}

[id^="pagerjqxgrid"] div .jqx-dropdownlist-state-normal-bootstrap {
    height: 16px !important;
}

.marginTopInv-3 {
    margin-top: -3px !important;
}

.navbar .nav > li > a, .navbar .nav > li > a:hover, .navbar .nav > li > a:focus {
    background-color: transparent !important;
}

a:hover {
    text-decoration: none !important;
}

label {
    text-align: right !important;
}

div[class^="col-"] {
    text-align: right;
}

.margin15 {
    margin-top: 12px;
    margin-right: 5px;
    margin-left: 5px;
    float: right;
}

.marginTop-10 {
    margin-top: 10px;
}

.light-blue {
    background-color: #9dc362 !important;
}

.container-fluid {
    padding-right: 0px !important;
    padding-left: 0px !important;
    margin-right: auto;
    margin-left: auto;
}

.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 0px !important;
    border: 1px solid transparent;
}

#result label {
    text-align: right !important;
}

#resultPresent label {
    text-align: right !important;
}

.form-control {
    padding: 1px 12px !important;
}

.paddingTop-15 {
    padding-top: 15px;
}

.marginTop-15 {
    margin-top: 15px;
}

.marginTop-5 {
    margin-top: 5px;
}

.new-btn {
    display: inline-block !important;
    color: #FFF !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25) !important;
    background-image: none !important;
    /*border: 5px solid !important;
    border-radius: 0px !important;*/
    box-shadow: none !important;
    transition: all 0.15s ease 0s;
    cursor: default !important;
    vertical-align: middle !important;
    margin: 0px !important;
    position: relative !important;
    /*padding: 0px 12px 1px !important;*/
    line-height: 32px !important;
    font-size: 14px !important;
    height: auto;
    padding: 6px 0px 8px 0px;
    border-radius: 3px !important;
}

.btn-lajvardi {
    background-color: #4fb9d3 !important;
    color: white !important;
}

.btn-greenBlue {
    background-color: #73b5dc !important;
    color: white !important;
}

    .btn-greenBlue:hover, .btn-lajvardi:hover, .forgetPass :hover {
        cursor: pointer !important;
    }

.forgetPass :hover {
    cursor: pointer !important;
}

.btn {
    display: inline-block !important;
    color: #FFF !important;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25) !important;
    background-image: none !important;
    border: 5px solid !important;
    border-radius: 0px !important;
    box-shadow: none !important;
    transition: all 0.15s ease 0s;
    cursor: default !important;
    vertical-align: middle !important;
    margin: 0px !important;
    position: relative !important;
    padding: 0px 12px 1px !important;
    line-height: 32px !important;
    font-size: 14px !important;
}

.btn, .btn-default {
    background-color: #ABBAC3 !important;
    border-color: #ABBAC3 !important;
}

.btn-success {
    background-color: #7cb342 !important; /*87B87F*/
    border-color: #7cb342 !important; /*87B87F*/
}

.btn:focus {
    outline: thin dotted #333;
    outline-offset: -2px !important;
}

.btn:hover, .btn:focus {
    color: #333;
    text-decoration: none !important;
    background-position: 0px -15px !important;
    transition: background-position 0.1s linear 0s !important;
}

.btn-primary {
    background-color: #2283C5 !important;
    border-color: #2283C5 !important;
}

.btn-danger {
    background-color: #ff8080 !important; /*D15B47*/
    border-color: #ff8080 !important; /*D15B47*/
}

    .btn-danger:hover {
        background-color: #ff8080 !important;
    }

.btn-default {
    background-color: #ABBAC3 !important;
    border-color: #ABBAC3 !important;
}

.btn-light {
    background-color: #E7E7E7 !important;
    border-color: #E7E7E7 !important;
    color: #888 !important;
    text-shadow: 0px -1px 0px rgba(250, 250, 250, 0.25) !important;
}

.btn-info {
    background-color: #009fb3 !important; /*6FB3E0*/
    border-color: #009fb3 !important; /*6FB3E0*/
}

.btn-purple {
    background-color: #9585BF !important;
    border-color: #9585BF !important;
}

.btn-yellow {
    border-color: #FEE188 !important;
    background-color: #FEE188 !important;
    color: #963 !important;
    text-shadow: 0px -1px 0px rgba(255, 255, 255, 0.4) !important;
}

.btn-warning {
    background-color: #FFB752 !important;
    border-color: #FFB752 !important;
}

    /*.btn-greenBlue {
    background-color: #00acc1 !important;
}*/

    .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
        color: #FFF !important;
        background-color: #ffb300 !important;
        /*border-color: #D58512 !important;*/
    }

.btn-mini {
    padding: 0px 5px !important;
    line-height: 22px !important;
    border-width: 2px !important;
    font-size: 12px !important;
}

.btn-minier {
    padding: 0px 4px;
    line-height: 18px;
    border-width: 1px;
    font-size: 11px;
}

input[type=text][readonly] {
    background-color: white !important;
    cursor: default !important;
}

input[type=text][disabled], input[type=email][disabled], input[type=file][disabled], input[type=password][disabled], textarea[disabled] {
    cursor: default !important;
}

.btn-group > .btn-mini, .btn-group + .btn-mini {
    border-width: 1px !important;
}

.btn-group > .btn-mini {
    font-size: 10.5px !important;
}

.btn-s-md {
    min-width: 120px;
}

textarea.autosize-transition {
    -webkit-transition-duration: "height 0.2s" !important;
    -moz-transition-duration: "height 0.2s" !important;
    -o-transition-duration: "height 0.2s" !important;
    transition-duration: "height 0.2s" !important;
}

input[type="checkbox"], input[type="radio"] {
    opacity: 0 !important;
    position: absolute !important;
    z-index: 12 !important;
    width: 18px !important;
    height: 18px !important;
}

.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 !important;
    margin-bottom: 0px !important;
    vertical-align: middle !important;
}

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
    width: auto !important;
}

input[type="radio"], input[type="checkbox"] {
    margin: 4px 0px 0px !important;
    line-height: normal !important;
}

label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
    cursor: default !important;
}

input, textarea, .uneditable-input {
    margin-left: 0px !important;
}

input, textarea, .uneditable-input {
    margin-left: 0px !important;
}
/*input, textarea, .uneditable-input {
    width: 206px !important;
}*/

label, span, input, button, select, textarea {
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 20px !important;
}

[id^="pagerjqxgrid"] label, input, button, select, textarea {
    font-size: 13px !important;
    line-height: 1.231 !important;
}

    input[type=checkbox].ace-switch.ace-switch-6 + .lbl::after {
        top: 5px !important;
        left: 7px !important;
    }

.rtl input[type="checkbox"] + .lbl::before, .rtl input[type="radio"] + .lbl::before {
    margin-right: 0px;
    margin-left: 3px;
}

input[type="radio"] + .lbl::before {
    height: 15px !important;
}

.right {
    text-align: right !important;
}

.btn-grey {
    background-color: #A0A0A0 !important;
    border-color: #A0A0A0 !important;
}

.lstWagePercent {
    text-align: justify;
}


.marginRight1 {
    margin-right: 1px;
}

.marginRight15 {
    margin-right: 15px;
}

.marginRight25 {
    margin-right: 25px !important;
}

.rtl input[type="checkbox"] + .lbl::before
/*, .rtl input[type="radio"] + .lbl::before*/ {
    margin-right: 0px;
    margin-left: 10px !important;
}

input.ace-switch.ace-switch-6[type="checkbox"][id$="FinalShow"] + .lbl::before {
    margin-right: 0px !important;
}

input.ace-switch.ace-switch-6[type="checkbox"] + .lbl::before {
    margin-right: 100px !important;
}

#chkIsSupervisor.ace-switch.ace-switch-6[type="checkbox"] + .lbl::before {
    /*margin-right: 220px !important;*/
}

input.ace-switch.ace-switch-6[type="checkbox"][id="IsTheFirstTime1"] + .lbl::before {
    margin-right: 80px !important;
}

input.ace-switch.ace-switch-6[type="checkbox"]:checked + .lbl::after {
    left: 40px !important;
}

input.ace-switch.ace-switch-6[type="checkbox"] + .lbl::after {
    left: 20px !important;
}

.input-append .add-on, .input-prepend .add-on {
    display: inline-block !important;
    width: auto !important;
    height: 34px !important;
    min-width: 16px !important;
    padding: 4px 5px !important;
    font-size: 14px !important;
    font-weight: normal !important;
    line-height: 20px !important;
    text-align: center !important;
    text-shadow: 0px 1px 0px #FFF !important;
    background-color: #EEE !important;
    border: 1px solid #CCC !important;
}

.input-append, .input-prepend {
    /*font-size: 0px !important;*/
    white-space: nowrap !important;
}

.rtl .input-prepend .add-on, .rtl .input-prepend .btn {
    margin-right: 0px !important;
    margin-left: -1px !important;
}

.modal-header {
    /*background: #438eb9 !important;*/
    border: 0;
}

.modal-body {
    overflow-x: hidden !important;
}

.input-group[class*="col-"] {
    padding-right: 15px !important;
}

/*.widget-body {
    padding-right: 20px !important;
}*/

#IsTheFirstTime + .lbl::before {
    margin-right: 70px !important;
}

#lstFixedWage label input[type="text"] {
    margin-right: 10px;
}

span.input-icon {
    display: inline-block;
    width: 100% !important;
}

.form-horizontal .input-append {
    display: inline-block !important;
    margin-bottom: 0px !important;
    vertical-align: middle !important;
}
/*@media screen and (min-width: 768px) {
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
    display: table !important;
    content: " " !important;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
    clear: both !important;
}
}*/
/*@media (max-width: 992px) {
          .main-container .row .col-md-10 {
              width: 500px !important;
              background-color: red !important;
          }
      }*/
@media only screen and (max-width:979px) {
    .menu-toggler {
        width: 82px !important;
    }

        .menu-toggler:hover {
            color: white !important;
        }

        .menu-toggler:focus {
            color: white !important;
        }
}

@media only screen and (max-width:320px) {
    .menu-toggler {
        width: 32px !important;
    }

        .menu-toggler:hover {
            color: white !important;
        }

        .menu-toggler:focus {
            color: white !important;
        }
}

.loading {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    /*display: none;*/
    z-index: 9999;
    background: url('../../Content/images/ajax-loader.gif') no-repeat 50% 50% rgba(0, 0, 0, 0.25);
    opacity: 0.5;
    position: fixed;
}

.input-icon.input-icon-right > input {
    padding-left: 6px !important;
    padding-right: 24px !important;
}

.hide {
    display: none !important;
}

.btn-small {
    padding: 0 8px !important;
    line-height: 24px !important;
    border-width: 4px !important;
    font-size: 13px !important;
}

.btn-info.no-border:hover {
    border-color: #009fb3 !important;
    background-color: #009fb3 !important;
    color: white !important;
    cursor: pointer;
}

.btn-info.no-border {
    border-color: #009fb3 !important;
    background-color: transparent !important;
    color: #009fb3 !important;
    border-radius: 5px !important;
    /*border: 1px !important;*/
}

.btn-100 {
    width: 150px !important;
}

.btn-small {
    padding: 0 8px;
    line-height: 24px;
    border-width: 1px !important;
    font-size: 13px;
}

/*.popover{position:absolute;top:0;left:0;z-index:1010;display:none;max-width:276px;padding:1px;text-align:left;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-left:-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-left:-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}*/

.tabs-right > .nav-tabs {
    float: right !important;
    /*margin-left: 19px;*/
    border-left: 1px solid #ddd !important;
}

.tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs {
    /*border-bottom: 0 !important;*/
}

.tab-content {
    /*overflow: auto;*/
    /*border: 0px none !important;*/
    border: 0px solid #c5d0dc !important;
}

.nav-tabs > li.active > a, .nav-tabs > li > a:focus {
    /*border-color:transparent !important;*/
    background-color: white !important;
}

.nav-tabs > li > a {
    background-color: transparent !important;
    border-color: transparent !important;
}

.nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a {
    color: #576373 !important;
    border-color: #c5d0dc !important;
    border-top: 2px solid #4c8fbd !important;
    border-bottom-color: transparent !important;
    /*background-color: #FFF;*/
    z-index: 12 !important;
    line-height: 16px !important;
    margin-top: -1px !important;
    box-shadow: 0 -2px 3px 0 rgba(0,0,0,0.15) !important;
    border-radius: 20px !important;
}

input[type=checkbox]:checked + .lbl::before {
    border-color: transparent !important;
}

input[type="checkbox"] + .lbl {
    min-width: 240px !important;
}

.widget-main {
    padding: 12px !important;
}

h3.smaller {
    font-size: 18px !important;
}

[id="DefineClass"] .modal-dialog {
    width: 900px !important;
}

[id="paymentModal"] .modal-dialog {
    width: 900px !important;
}

.label, .badge {
    display: inline-block;
    /*padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;*/
    line-height: 14px !important;
    color: #fff;
    /*text-shadow: 0 -1px 0 rgba(0,0,0,0.25);*/
    white-space: nowrap;
    vertical-align: baseline;
    /*background-color: #999;*/
}

    .badge i {
        margin-top: 2px !important;
        margin-left: 3px;
        margin-right: 3px;
        font-size: 13px !important;
    }

#EditStudent .modal-dialog {
    width: 900px !important;
}

#DetermineStudentScore .modal-dialog {
    width: 1000px !important;
}

#TuitionRefund .modal-dialog {
    width: 700px !important;
}

#AddPersonnelModal .modal-dialog {
    width: 900px !important;
}

#DeleteUploadImageModal .modal-dialog {
    width: 350px !important;
}

#StudentAddModal .modal-dialog {
    width: 900px !important;
}

#AddPeriodicClassModal .modal-dialog {
    width: 900px !important;
}

.wizard-steps li .step {
    width: 30px !important;
    height: 30px !important;
    line-height: 20px !important;
}

.label-large.arrowed-in::before {
    border-width: 18px 10px !important;
}

.label-large.arrowed-right::after, .label-large.arrowed-in-right::after {
    border-width: 18px 10px !important;
}

.slideCircle {
    max-width: 15%;
    min-height: 25%;
    min-width: 15%;
    text-align: center;
    color: #438eb9;
    font-size: 15px;
    border: 1px solid #666;
    border-radius: 50%;
}

.ui-datepicker {
    z-index: 9999 !important;
}

.form-actions {
    height: 70px;
    padding: 19px 0px 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border-top: 1px solid #e5e5e5;
    *zoom: 1;
}

/*.input-icon.input-icon-right > input {
    padding-left: 6px !important;
    padding-right: 80px !important;
}*/

.input-icon > input {
    padding-left: 30px !important;
    padding-right: 6px !important;
}

.control-label.label-large.arrowed-right::after, .control-label.label-large.arrowed-in-right::after {
    border-width: 11px 8px !important;
}

.label-large.arrowed-right, .label-large.arrowed-in-right {
    margin-right: 0px !important;
}

.label.arrowed-right, .label.arrowed-in-right {
    position: relative;
    margin-right: 0px !important;
}

.label-large.arrowed, .label-large.arrowed-in {
    /*margin-left: 0px !important;*/
}

.rtl .schedular-main-content {
    margin-right: 19px;
    margin-left: 0;
}

#colorselectors #colorselector {
    display: none !important;
}

.ui-datepicker-trigger {
    position: absolute;
    top: 4px !important;
    /*right:  0px !important;*/
    left: 17px !important;
}

.ms-choice {
    height: 32px !important;
}

    .ms-choice > div {
        background-color: rgb(236, 236, 236) !important;
        border: thin solid rgb(153, 153, 153) !important;
        height: 100% !important;
        width: 18px !important;
        border-radius: 2px !important;
    }

        .ms-choice > div .icon-chevron-down {
            font-size: 10px !important;
            top: 5px !important;
            position: relative !important;
            left: 3px !important;
        }

select[multiple] {
    display: none !important;
}

.navbar {
    min-height: 45px !important;
}

.bigger-155 {
    font-size: 155%;
}

.login-box .widget-body {
    background-color: transparent !important;
}

h1 {
    font-size: 30px;
}

.backstretch {
    /*left: 0px; top: 0px; overflow: hidden; margin: 0px; padding: 0px; height: 556px; width: 1440px; z-index: -999999; position: fixed;
   display: table;*/
    /*left: 0px;
    top: 0px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    height: 100%;
    width: 100%;
    position: fixed;
    display: table;*/
}

    .backstretch .main-container.container-fluid {
        display: table-cell;
        vertical-align: middle;
    }

    .backstretch .image_fullScreen {
        /*position: absolute; margin: 0px; padding: 0px; border: medium none; width: 1440px; height: 960px; max-height: none; max-width: none; z-index: -999999; left: 0px; top: -202px;*/
        /*position: absolute;
        margin: 0px;
        padding: 0px;
        border: medium none;
        width: 100%;
        height: 1280px;*/ /*1011.75px;*/
        /*max-height: none;
        max-width: none;
        z-index: -999999;
        left: 0px;
        top: -289.875px;*/
    }

.header.blue {
    border-bottom-color: #478fca;
}

.iconic-w-wrap {
    margin-bottom: 30px;
    background-color: #fff;
    border: #eee 1px solid;
    text-align: center;
}

    .iconic-w-wrap .stat-w-title {
        text-transform: uppercase;
        display: block;
        padding: 20px;
        font-weight: 500;
        font-size: 13px !important;
    }

.ico-cirlce-widget {
    width: 80px;
    height: 80px;
    display: inline-block;
    transition: all 0.1s ease-out;
}

.w_bg_cyan1 {
    border: 2px solid #26c6da !important;
    border-radius: 50%;
    /*background-color: #26c6da !important;*/
}

.w_bg_cyan2 {
    border: 2px solid #ff8a80 !important;
    border-radius: 50%;
    /*background-color: #26c6da !important;*/
}

.w_bg_cyan3 {
    border: 2px solid #009fb3 !important;
    border-radius: 50%;
    /*background-color: #26c6da !important;*/
}

.w_bg_cyan4 {
    border: 2px solid #7cb342 !important;
    border-radius: 50%;
    /*background-color: #26c6da !important;*/
}

.w_bg_cyan5 {
    border: 2px solid #ffb300 !important;
    border-radius: 50%;
    /*background-color: #26c6da !important;*/
}

.ico-cirlce-widget > span {
    width: 76px;
    height: 76px;
    display: block;
    margin: 2px;
    /*background-color: #fff;
  
    border-radius: 50%;*/
}

    .ico-cirlce-widget > span > i {
        width: 76px;
        height: 76px;
        display: block;
        line-height: 76px;
        text-align: center;
        font-size: 24px;
        color: #666;
    }

.iconic-w-wrap .w-meta-info {
    padding: 10px 0px 0px 0px;
}

.w-meta-info .w-meta-value {
    font-size: 20px;
    font-weight: 400;
}

.w-meta-info > span {
    display: block;
}

.w-meta-info .w-meta-title {
    font-size: 14px;
    font-weight: 400;
    color: #666;
    padding-bottom: 20px;
}

.w-meta-info .w-previos-stat {
    text-transform: uppercase;
    padding: 20px;
    font-size: 12px;
    font-weight: 500;
    color: #666;
    border-top: #f1f1f1 1px solid;
}

.dashboard {
    background-color: #f5f5f5 !important;
    margin-right: -22px !important;
    margin-top: -8px !important;
    padding-top: 15px !important;
}

.breadcrumbs {
    background-color: #FBD198 !important;
    color: #634b20 !important;
}

.modal-content {
    position: relative !important;
    background-color: #ffffff !important;
    /*border: 1px solid #999999 !important;*/
    border: 1px solid rgba(0, 0, 0, 0.2) !important;
    border-radius: 6px !important;
    /*-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) !important;*/
    /*box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5) !important;*/
    background-clip: padding-box !important;
    outline: 0 !important;
}

.close {
    font-size: 24px !important;
    color: red !important;
}

.cyan {
    color: #009fb3 !important;
    border-bottom: #009fb3 1px solid !important;
    width: 100% !important;
}

.login-container {
    width: 390px !important;
}

.sidebar-shortcuts-large .btn {
    border-radius: 32px !important;
    background-color: #fafafa !important;
    color: #909090 !important;
}

    .sidebar-shortcuts-large .btn:hover {
        color: #fff !important;
    }

.btn-full {
    width: 100%;
}

.quick-buttons {
    margin-bottom: 30px;
    background-color: #fff;
    text-align: center;
}

    .quick-buttons .stat-w-title {
        text-transform: uppercase;
        display: block;
        padding: 20px;
        font-weight: 500;
        font-size: 13px !important;
    }

.rtl .btn-small > [class*="icon-"] {
    margin-left: 0px !important;
    margin-right: 0;
}

.img-circle {
    width: 150px;
    height: 150px;
}

.btnlogin {
    /*margin-right: 32% !important;*/
    border: 2px solid !important;
    line-height: 28px !important;
}

    .btnlogin:hover {
        border: 2px solid !important;
        cursor: pointer !important;
    }

.breadcrumbs {
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.gritter-without-image {
    width: 100% !important;
    padding-left: 8px !important;
}

.gritter-item-wrapper.gritter-error {
    /*background: #fc5353 !important;*/
    font-size: 13px !important;
}

.gritter-item {
    font-size: 13px !important;
}

input[type="checkbox"][id^="Absense_"] + .lbl::before {
    vertical-align: top !important;
}

[class*="statusbarjqxgrid"] {
    height: 100% !important;
    top: 0 !important;
    left: 0 !important;
}

    [class*="statusbarjqxgrid"] div {
        margin-top: 15px !important;
    }

h3.smaller span {
    font-size: 21px !important;
    line-height: 40px !important;
}

.accordion {
    margin-bottom: 20px;
}

.accordion-group {
    border-radius: 0;
    border-color: #c5d0dc;
    background-color: #FFF;
    margin-bottom: 2px;
    border: 1px solid #e5e5e5;
}

.accordion-heading {
    border-bottom: 0;
}

.rtl .accordion-heading .accordion-toggle.collapsed::after {
    content: "\f105";
}

.rtl .accordion-heading .accordion-toggle::after {
    left: 6px;
    right: auto;
}

.accordion-heading .accordion-toggle.collapsed::after {
    content: "\f104";
    color: #679;
}

.accordion-heading .accordion-toggle::after {
    display: inline-block;
    content: "\f107";
    font-family: FontAwesome;
    font-size: 16px;
    color: #4c8fbd;
    position: absolute;
    right: 6px;
    width: 14px;
    line-height: 18px;
    text-align: center;
}

.accordion-heading .accordion-toggle.collapsed {
    color: #679;
    font-weight: normal;
    background-color: #f1f9ff;
}

.accordion-heading .accordion-toggle {
    color: #4c8fbd;
    background-color: #f1f9ff;
    position: relative;
}

.accordion-heading .accordion-toggle {
    display: block !important;
    padding: 8px 15px;
}

.accordion-toggle {
    cursor: pointer;
}

.nav-tabs::after, .nav-pills::after {
    clear: both;
}

.nav-tabs::before, .nav-pills::before, .nav-tabs::after, .nav-pills::after {
    display: table;
    line-height: 0;
    content: "";
}

.accordion-inner, .collapse.in > .accordion-inner {
    border-top: 1px solid #c5d0dc;
}

.accordion-inner {
    padding: 9px 15px;
}

.nav-pills.nav-stacked > li > a {
    margin-bottom: 3px !important;
}

.nav-pills > li > a {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    margin-top: 2px !important;
    border-radius: 5px !important;
}

.nav-tabs > li > a, .nav-pills > li > a {
    padding-right: 12px !important;
    padding-left: 12px !important;
    line-height: 14px !important;
}

.nav > li > a {
    display: block !important;
}

.accordion-heading a:hover {
    text-decoration: underline !important;
}

a .icon-chevron-up, .widget-header {
    color: #009fb3 !important;
}

.greenA {
    color: #84cf35 !important;
}

.header.greenA {
    border-bottom-color: #84cf35;
}

.controls .input-icon > [class*="icon-"] {
    font-size: 12px !important;
}

.ms-drop.bottom ul {
    height: 120px !important;
}

.disableElements {
    color: #ccc !important;
}

.jqxLst {
    width: 300px !important;
    height: 300px !important;
}
