/*!
 * Start Bootstrap - SB Admin 2 Bootstrap Admin Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */
.form-group .control-label.required:after {
    content: "*";
    color: red;
    margin-right: 3px;
}
.button-group .btn {
    margin-bottom: 10px;
}
.saveSpecial {
    padding-right: 30px;
}
.activeRow {
    background-color: #8fc3f7 !important;
}
.panel-olive {
    border-color: #808000;
}

    .panel-olive .panel-heading {
        border-color: #808000;
        color: #fff;
        background-color: #808000;
    }
    .panel-olive a {
        color: #808000;
    }
.required::after {
    content: " \f170";
    font-family: "FontAwesome";
    color: red;
    font-size: 6px;
    margin-right: 5px;
    position: absolute;
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 400;
  src: url(../Fonts/DroidKufi-Regular.eot);
  src: url(../Fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
       url(../Fonts/DroidKufi-Regular.woff2) format('woff2'),
       url(../Fonts/DroidKufi-Regular.woff) format('woff'),
       url(../Fonts/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Droid Arabic Kufi';
  font-style: normal;
  font-weight: 700;
  src: url(../Fonts/DroidKufi-Bold.eot);
  src: url(../Fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
       url(../Fonts/DroidKufi-Bold.woff2) format('woff2'),
       url(../Fonts/DroidKufi-Bold.woff) format('woff'),
       url(../Fonts/DroidKufi-Bold.ttf) format('truetype');
}
.display-inline-block{
    display: inline-block;
}
.buttonPos {
    position: absolute;
    color: white;
    top: 9px;
    right: 25px;
}
 .embed + img {
    position: absolute;
    left: 22px;
    top: 6px;
    }
.footer .breadcrumb {
    text-align: center;
}
body, h1, h2, h3, h4, h5, h6 {
    font-family: "Droid Arabic Kufi", tahoma !important;
}
input[type="image"]{
    vertical-align:middle;
}
.margin_bottom_5{
    margin-bottom: 5px;
}
.margin_bottom_10{
    margin-bottom: 10px;
}
.margin_bottom_15{
    margin-bottom: 15px;
}
.margin_bottom_20{
    margin-bottom: 20px;
}
.number_field{
    padding-left: 3px !important;
}

.loginHead{padding-bottom: 7px;padding-top: 7px;}
.loginHead .panel-title{font-size: 20px;}
.td_value{
    background-color: #00C000;
}
.td_totalused{
    background-color: #FF8000;
}
.td_takenback{
    background-color: #FFFF80;
}
.td_balance{
    background-color: #00BFFF;
}
.td_totaltime{
    background-color: #FF00FF;
}
.printTopButton{
    float: left;
    margin-left: 40px;
    cursor: pointer;
}
.select2-results .select2-result-label {
    display: inline-block;
    font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
}
.aspNetDisabled, .aspNetDisabled .btn{
    pointer-events: none;
    cursor: not-allowed;
    filter: alpha(opacity=40);
    -webkit-box-shadow: none;
    box-shadow: none;
   background-color: #eee;color: #555;
}


.ReportViewer .aspNetDisabled {
    /* Add any CSS properties here to override the disabled styles */
    pointer-events: auto !important;
    opacity: 1 !important;
    cursor: auto !important;
    background-color: #ffffff !important;
    border-color: #dddddd !important;
    /* Add more properties as needed */
}

.eventButton {
    height: 22px;
    width: 22px;
    margin-left: 70px;
    margin-top: -40px;
    float: left;
}
.modal-header h3{
    margin-top: 5px;
    margin-bottom: 5px;
}
.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 90%;
    max-width: 530px;
    margin-left: auto;
    margin-right: auto;
}
.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
}
.modal-header-codeerror{
     color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #a624ae;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-warning {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #f0ad4e;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-primary {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #428bca;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-danger {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #d9534f;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.modal-header-info {
    color: #fff;
    padding: 9px 15px;
    border-bottom: 1px solid #eee;
    background-color: #5bc0de;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
*{
    direction:rtl;
    text-align:right;
}
.modal .overscroll {
        overflow-x: auto;
        display: inherit;
    }
body {
    background-color: #fff;
}
.changelink {
    margin: 15px 0;
    display: inline-block;
}
.dropdown-alertmsgFirst{
    width: 250px;
    min-width: 0;
    right: 0;
}
.dropdown-alertmsg{
    width: 200px;
    min-width: 0;
    right: -30px;
}
.display-inline{
    display:inline;
}
.fulltdlink{
    display:block;
    height:100%;
    width:100%;
    padding:0;
}
.alert-badge{
    position: absolute;
    top: 10px;
    right: 1px;
    min-width: 18px;
    padding: 4px 1px;
}
.panel-group .panel-heading {
    font-size: 15px;
}
.pass_eye {
    float: left;  
    position: absolute; 
    left: 7px;
    top: 2px;
    color: gray;
    font-size: 18px;
}
.pass_eyecross{
    display:none; 
    position: absolute;  
    left: 7px;
    top: 2px;
    color:grey;
    font-size: 18px;
}
.form-error .form-control{
    border-color: red;
}
h1.page-title{
    font-size: 24px;
}
.gridHeaher {
  background-color: #337ab7;
  color: white;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
.text-sm {
    display: block;
    float: right;
}
.panel > .panel-heading:hover{
    /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  /* IE 5-7 */
  filter: alpha(opacity=80);
  /* Netscape */
  -moz-opacity: 0.8;
  /* Safari 1.x */
  -khtml-opacity: 0.8;
  /* Good browsers */
  opacity: 0.8;
}
.step {
    padding-bottom:20px;
}
.step .inner-step{
            background-color: #F8992c;
            color: #fff;
            font-size: 15px;
            font-weight: bold;
             padding: 7px 16px;
             display: inline-block; border-radius: 5px;
        }
        .step .inner-step.active{
           background-color:blue;   background-color: #428bca;
    border-radius: 5px;
        }
        .step .inner-line {
    background-color: #F8992c;
    display: inline-block;
    height: 5px;
    width: 30px;
}
.activeRow {
    background-color: #8fc3f7;
}
/* Extra Css By Sunil in en*/
fieldset.scheduler-border {
    border: 1px solid #ccc;
    padding: 0 15px 0px 15px !important;
    margin: 0 0 7px 0 !important;
   border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.narration {border: 2px solid #ccc;
    display: none;
    padding: 19px;
    margin-bottom: 10px;
}
.help-img {
   float: left; 
   margin-top: -50px;
}
@media screen and (max-width: 500px) {
    .help-img {
        float: left;
        margin-top: -36px;
        width: 27px;
    }
}
legend.scheduler-border {
  background-color:#fff;
   width:inherit; /* Or auto */
   padding:0 10px; /* To give a bit of padding on the left and right */
   border-bottom:none;
}
@media screen and (max-width: 1000px) {
    .overscroll {
        overflow-x: auto;
        display: inherit;
    }
}
/* Extra css ends*/
span.radio-inline {
    padding: 0px;
}
span.radio-inline > input[type="radio"] {
    margin: 4px 0px 7px 0px;
}
span.radio-inline > label {
    margin-right: 5px;
    padding: 0px 20px 0px 15px;
}
.entext{
    direction:ltr;
    text-align:left;
}
.cursor-pointer{
    cursor:pointer;
}
.rel_pos {
    position:relative;
}
.ajax-load {
     margin: 0px 0px 0px 20px; 
     z-index: 9999;  
     float: right;
}
.progress-content:after {
    content: "يرجى الانتظار....";
    position: relative;
    float:right;
    width: 100px;
    margin-top: 30px;
    margin-right: 108px;
    font-weight:bold;
}
.progress-content{
    background: url("../../images/loading2.gif") no-repeat scroll right top;
    width: 88px;
    height: 90px;

}
.progress-modal
{
    position: fixed;
    z-index: 999;
    height: 100%;
    width: 100%;
    top: 0;
    left:0;
   
}
.progress-center
{
    z-index: 1000;
    margin: 0 auto 0 auto;
    top: 40%;
    position:relative;
    padding: 10px;
    width: 25%;
    min-width: 250px;
    background-color: White;
    border-radius: 10px;
    filter: alpha(opacity=100);
    opacity: 1;
    -moz-opacity: 1;
    height: 111px;
    border: 2px solid red;
}

.ajax-load2 {
    position:absolute;
    left:0;
    top:28px;
    height: 14px;
    width: 14px;
}
.ajax-load3 {
  position:absolute;
  left:0;
  top:38px;
  height: 14px;
  width: 14px;
}
#wrapper {
    width: 100%;
}
#page-wrapper {
    padding: 0 15px;
    min-height: 568px;
    background-color: #fff;
}
@media(min-width:768px) {
    #page-wrapper {
        position: inherit;
        margin: 0 250px 0 0 ;
        padding: 0 30px;
        border-left: 1px solid #e7e7e7;
    }
}
.navbar-top-links {
    margin-right: 0;
}
.navbar-top-links li {
    display: inline-block;
}
.navbar-top-links li:last-child {
    margin-left: 15px;
}
.navbar-top-links li a {
    padding: 15px;
    min-height: 50px;
}
.navbar-top-links .dropdown-menu li {
    display: block;
}
.navbar-top-links .dropdown-menu li:last-child {
    margin-right: 0;
}
.navbar-top-links .dropdown-menu li a {
    padding: 3px 20px;
    min-height: 0;
}
.navbar-top-links .dropdown-menu li a div {
    white-space: normal;
}
.navbar-top-links .dropdown-messages,
.navbar-top-links .dropdown-tasks {
    width: 240px;
    min-width: 0;
}
.navbar-top-links .dropdown-alerts {
    width: 185px;
    min-width: 0;
}
.navbar-top-links .dropdown-messages {
    margin-right: 5px;
}
.navbar-top-links .dropdown-tasks {
    margin-right: -59px;
}
.navbar-top-links .dropdown-alerts {
    margin-right: 5px;
}
.navbar-top-links .dropdown-user {
    right: 0;
    right: auto;
}
.sidebar .sidebar-nav.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}
.sidebar .sidebar-search {
    padding: 15px;
}
.sidebar ul li {
    border-bottom: 1px solid #e7e7e7;
}
.sidebar ul li a.active {
    background-color: #eee !important;
}
.sidebar .arrow {
    float: left;
}
.sidebar .fa.arrow:before {
    content: "\f104";
}
.sidebar .active>a>.fa.arrow:before {
    content: "\f107";
}
.sidebar .nav-second-level li,
.sidebar .nav-third-level li {
    border-bottom: 0!important;
}
.sidebar .nav-second-level li a {
    padding-right: 37px;
}
.sidebar .nav-second-level li a:hover, sidebar .nav-second-level li a:focus  {
    background-color: #eee;
}
.sidebar .nav-third-level li a {
    padding-right: 52px;
}
@media(min-width:768px) {
    .sidebar {
        z-index: 1;
        position: absolute;
        width: 250px;
        margin-top: 51px;
    }
    .navbar-top-links .dropdown-messages,
    .navbar-top-links .dropdown-tasks,
    .navbar-top-links .dropdown-alerts {
        margin-right: auto;
    }
}
.btn-outline {
    color: inherit;
    background-color: transparent;
    transition: all .5s;
}
.btn-primary.btn-outline {
    color: #428bca;
}
.btn-success.btn-outline {
    color: #5cb85c;
}
.btn-info.btn-outline {
    color: #5bc0de;
}
.btn-warning.btn-outline {
    color: #f0ad4e;
}
.btn-danger.btn-outline {
    color: #d9534f;
}
.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}
.chat {
    margin: 0;
    padding: 0;
    list-style: none;
}
.chat li {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px dotted #999;
}
.chat li.left .chat-body {
    margin-left: 60px;
}
.chat li.right .chat-body {
    margin-right: 60px;
}
.chat li .chat-body p {
    margin: 0;
}
.panel .slidedown .glyphicon,
.chat .glyphicon {
    margin-right: 5px;
}
.chat-panel .panel-body {
    height: 350px;
    overflow-y: scroll;
}
.login-panel {
    margin-top: 25%;
}
.flot-chart {
    display: block;
    height: 400px;
}
.flot-chart-content {
    width: 100%;
    height: 100%;
}
.dataTables_wrapper {
    position: relative;
    clear: both;
}
table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background: 0 0;
}
table.dataTable thead .sorting_asc:after {
    content: "\f0de";
    float: left;
    font-family: fontawesome;
}
table.dataTable thead .sorting_desc:after {
    content: "\f0dd";
    float: left;
    font-family: fontawesome;
}
table.dataTable thead .sorting:after {
    content: "\f0dc";
    float: left;
    font-family: fontawesome;
    color: rgba(50,50,50,.5);
}
.btn-circle {
    width: 30px;
    height: 30px;
    padding: 6px 0;
    border-radius: 15px;
    text-align: center;
    font-size: 12px;
    line-height: 1.428571429;
}
.btn-circle.btn-lg {
    width: 50px;
    height: 50px;
    padding: 10px 16px;
    border-radius: 25px;
    font-size: 18px;
    line-height: 1.33;
}
.btn-circle.btn-xl {
    width: 70px;
    height: 70px;
    padding: 10px 16px;
    border-radius: 35px;
    font-size: 24px;
    line-height: 1.33;
}
.show-grid [class^=col-] {
    padding-top: 10px;
    padding-bottom: 10px;
    border: 1px solid #ddd;
    background-color: #eee!important;
}
.show-grid {
    margin: 15px 0;
}
.huge {
    font-size: 40px;
}
.panel-green {
    border-color: #5cb85c;
}
.panel-green .panel-heading {
    border-color: #5cb85c;
    color: #fff;
    background-color: #5cb85c;
}
.panel-green a {
    color: #5cb85c;
}
.panel-green a:hover {
    color: #3d8b3d;
}
    .panel-green a.btn, .panel-green a.btn:hover {
        color:#fff;
    }
.panel-red {
    border-color: #d9534f;
}
.panel-red .panel-heading {
    border-color: #d9534f;
    color: #fff;
    background-color: #d9534f;
}
.panel-red a {
    color: #d9534f;
}
.panel-red a:hover {
    color: #b52b27;
}
.panel-yellow {
    border-color: #f0ad4e;
}
.panel-yellow .panel-heading {
    border-color: #f0ad4e;
    color: #fff;
    background-color: #f0ad4e;
}
.panel-yellow a {
    color: #f0ad4e;
}
.panel-yellow a:hover {
    color: #df8a13;
}
/****Dodger Blue****/
.panel-dodgerblue {
    border-color: #12A5F4;
}
.panel-dodgerblue .panel-heading {
    border-color: #12A5F4;
    color: #fff;
    background-color: #12A5F4;
}
.panel-dodgerblue a {
    color: #12A5F4;
}
/****Seance****/
.panel-seance {
    border-color: #7D299B;
}
.panel-seance .panel-heading {
    border-color: #7D299B;
    color: #fff;
    background-color: #7D299B;
}
.panel-seance a {
    color: #7D299B;
}
/****Wild Strawberry****/
.panel-wildstrawberry {
    border-color: #FF2E81;
}
.panel-wildstrawberry .panel-heading {
    border-color: #FF2E81;
    color: #fff;
    background-color: #FF2E81;
}
.panel-wildstrawberry a {
    color: #FF2E81;
}
/****Corn****/
.panel-corn {
    border-color: #E4C802;
}
.panel-corn .panel-heading {
    border-color: #E4C802;
    color: #fff;
    background-color: #E4C802;
}
.panel-corn a {
    color: #E4C802;
}
/****Cyprus****/
.panel-cyprus {
    border-color: #0EA2C4;
}
.panel-cyprus .panel-heading {
    border-color: #0EA2C4;
    color: #fff;
    background-color: #0EA2C4;
}
.panel-cyprus a {
    color: #0EA2C4;
}
#accordion .panel-group .panel{
    margin-bottom: 20px;
}
.panel-body .list-group {
    margin-bottom:0;
}
#accordion .panel-body{
    padding:0;
}
#accordion .panel-body .list-group-item a{
    display:block;
    width: 100%;
}
/****Pomegranate****/
.panel-pomegranate {
    border-color: #E7220F;
}
.panel-pomegranate .panel-heading {
    border-color: #E7220F;
    color: #fff;
    background-color: #E7220F;
}
.panel-pomegranate a {
    color: #E7220F;
}
/****Pistachio****/
.panel-pistachio {
    border-color: #A4C401;
}
.panel-pistachio .panel-heading {
    border-color: #A4C401;
    color: #fff;
    background-color: #A4C401;
}
.panel-pistachio a {
    color: #A4C401;
}
/****Razzmatazz****/
.panel-razzmatazz {
    border-color: #D90073;
}
.panel-razzmatazz .panel-heading {
    border-color: #D90073;
    color: #fff;
    background-color: #D90073;
}
.panel-razzmatazz a {
    color: #D90073;
}
/****violet****/
.panel-violet {
    border-color: #AB00FF;
}
.panel-violet .panel-heading {
    border-color: #AB00FF;
    color: #fff;
    background-color: #AB00FF;
}
.panel-violet a {
    color: #AB00FF;
}
/****pink****/
.panel-pink {
    border-color: #F572D0;
}
.panel-pink .panel-heading {
    border-color: #F572D0;
    color: #fff;
    background-color: #F572D0;
}
.panel-pink a {
    color: #F572D0;
}
.defaulpage-bar{
    margin-bottom: 20px;
}
/*
 * Sidebar-closed 
 */
@media(min-width:768px) {
	body.sidebar-closed #wrapper #sidebar li .nav-second-level,
	body.sidebar-closed #wrapper #sidebar li a .side-menu-title,
	body.sidebar-closed #wrapper #sidebar li a .arrow {
		display: none;
	}
	body.sidebar-closed #wrapper .sidebar .nav-second-level li a {
		padding-right: 20px;
	}
	body.sidebar-closed #wrapper .sidebar .nav-third-level li a {
		padding-right: 35px;
	}
	body.sidebar-closed #wrapper #page-wrapper {
		margin: 0 45px 0 0;
         padding-right: 0!important;
	}	
    /*#wrapper #page-wrapper{
        padding-right: 250px!important;
    }*/
	body.sidebar-closed #wrapper .sidebar {
		width: 45px;
	}
	body.sidebar-closed #wrapper #sidebar li:hover {
		width: 250px;
	}
	body.sidebar-closed #wrapper #sidebar li:hover > a > .side-menu-title {
		display: inline !important;
		padding-right: 20px;
	}
	body.sidebar-closed #wrapper #sidebar li:hover a .arrow {
		#position: absolute;
		#left: 270px;
		#top: 14px;
		display: inline !important;
		#z-index: 1100;
	}
	body.sidebar-closed #wrapper #sidebar li.sidebar-search:hover .custom-search-form {
		display: table;
	}
	body.sidebar-closed #wrapper #sidebar li.sidebar-search:hover .search-icon {
		display: none;
	}
	body.sidebar-closed #wrapper #sidebar li:hover > ul.nav-second-level {
		display: block !important;
		position: absolute;
		z-index: 1000;
		height: auto;
		overflow: visible;
		top: 41px;
		right: 47px;
		width: 203px;
		background-color: #2B6598;
		border-bottom: 1px solid white;
	}
	body.sidebar-closed #wrapper #sidebar li:hover > ul.nav-second-level > ul.nav-third-level {
		display: block !important;
		position: absolute;
		z-index: 1000;
		height: auto;
		overflow: visible;
		top: 40px;
		right: 0px;
		width: 203px;
		background-color: #2B6598;
		border-bottom: 1px solid white;
	}
	body.sidebar-closed #wrapper #sidebar li:hover > ul > li:hover {
		width: 203px;
	}
	body.sidebar-closed #wrapper #sidebar .sidebar-search .custom-search-form {
		display: none;
	}
	body.sidebar-closed #wrapper #sidebar .sidebar-search .search-icon {
		display: table;
		padding-top: 8px;
	}
    body.sidebar-closed .nav > li > a{
		background: #f8f8f8 none 
	}
}

    #ajaxloader {
    position: absolute; top: 50%; left: 50%;
}
    .button-wrapper .btn {
    margin-bottom: 10px;
}