﻿

 
body ,h4 { font-family:  'Droid Arabic Kufi', sans-serif;
}
.form-group{
    float:right;
    margin-bottom: 7px;
        margin-top: -8px;
}

      input.k-textbox {
          height: 22px; }

label { color:#dd5ca5 ; font-size: 12px;}
.box.box-primary {
    border-top-color: #dc3e97;
}
.nav-tabs-custom>.nav-tabs>li.active {
    border-top-color: #dc3e97;
}
.nav-tabs-custom>.nav-tabs {
    border-bottom-color: #d74f9b;

}
.btn-default
 {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;
	padding:2px 10px;
}
      .leb{ font-size: 9px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 24px;
    height: 30px;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
     border: 1px solid #aaa;
    border-radius: 0px;
	height: 30px;
}
  .box {

    box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 2px 5px 0 rgba(0, 0, 0, 0.14);
}

.bootstrap-timepicker-widget.dropdown-menu.open{display:inline-block;top:130px;left:45px}


.btn-app {
    border-radius: 3px;
    position: relative;
    padding: 15px 5px;
    margin: 10px 0 10px 10px;
    min-width: 80px;
    height: 60px;
    text-align: center;
    color: #444;
    border: 1px solid #ddd;
    background-color: #e8e5e5;
    font-size: 14px;
	font-family:  'Droid Arabic Kufi', sans-serif;
}

.box-header {
    color: #444;
    display: block;
    padding: 0;
    position: relative;
    background: #f5f4f4;
	margin-bottom:7px;
}
.box-header.with-border {
    border-bottom: 1px solid #cecccc;
}
.k-radio:checked+.k-radio-label:after {
    background-color: #dc3e97;
    border-radius: 50%;
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list>.k-state-highlight, .k-list>.k-state-selected, .k-marquee-color, .k-panel>.k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    color: #fff;
    background-color: #dc3e97;
    border-color: #f85a00;
	}
	.k-checkbox:checked+.k-checkbox-label:before {
    background-color: #fff;
    border-color: #9a9a9a;
    color: #dc3e97;
}
th { text-align:center}

.box-body h4 {     margin-bottom: 10px;
    border-bottom: 1px solid #dedddd;
    padding-bottom: 10px;
	color:#dc3e97;
	}


.box-body h4 a {
	color:#dc3e97;
	}
	.box-body h4 a:hover {
	color:#656264
	;
	}
      .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {


           background-color: #f172ba;
    color: #fff;
}
      .tabs-right > .nav-tabs > li > a:hover{
          background-color: #f172ba;
    color: #fff;

      }
      .nav-tabs {

          background: none;
            box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
   .nav-tabs li {
       margin-bottom: -3px

}

     .nav-tabs-custom>.tab-content { padding: 0}
      .modal-body { padding: 0px 10px}
      .k-input, .k-multiselect-wrap, .k-textbox>input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover {
    background-color: #fff;
    color: #2e2e2e;
    font-size: 14px;
}
     .k-webkit .k-rtl .k-dropdown-wrap .k-input, .k-webkit .k-rtl .k-numeric-wrap .k-input {
     margin-right: 0px;

}
     
      .table > thead > tr > th { font-size: 14px}
          .k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default , .k-state-disabled {     
    font-size: 14px;}
      
      .k-checkbox-label {
 
        line-height:11px;
          font-size: 14px;
    
}

      .k-radio-label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    border-style: solid;
}
    .k-reset {
        font-size: 16px;
    }


    ::-webkit-scrollbar {
  width: 8px;
}


      p { font-size: 12px}
      hr { margin-top: 10px; margin-bottom: 10px;}


.nav-tabs-custom>.nav-tabs>li>a {

    font-size: 12px;
}
      .nav-tabs-custom {
    margin-bottom: 0px;

}

      .tab-content > .tab-pane {
    padding: 15px;
}

.btn-default
 {
    background-color: #f4f4f4;
    color: #444;
    border-color: #ddd;
	padding:2px 10px;
}
      .leb{ font-size: 9px;}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 24px;
    height: 30px;
}
.select2-container--default .select2-selection--single {
    background-color: #fff;
     border: 1px solid #aaa;
    border-radius: 0px;
	height: 30px;
}
  .box {

    box-shadow:0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 2px 5px 0 rgba(0, 0, 0, 0.14);
}
.btn-default{ background-color:#dd5ca5; color:#fff; font-size: 10px}

.box-header.with-border {
    border-bottom: 1px solid #cecccc;
}
.k-radio:checked+.k-radio-label:after {
    background-color: #dc3e97;
    border-radius: 50%;
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list>.k-state-highlight, .k-list>.k-state-selected, .k-marquee-color, .k-panel>.k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    color: #fff;
    background-color: #dc3e97;
    border-color: #f85a00;
	}
	.k-checkbox:checked+.k-checkbox-label:before {
    background-color: #fff;
    border-color: #9a9a9a;
    color: #dc3e97;
}
th { text-align:center}


	.box-body h4 a:hover {
	color:#656264
	;
	}
      .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {


           background-color: #f172ba;
    color: #fff;
}
      .tabs-right > .nav-tabs > li > a {

    border-radius: 4px;
          border-bottom: 1px solid #dedddd;
           margin-left: 15px;

}
      .tabs-right > .nav-tabs > li > a:hover{
          background-color: #f172ba;
    color: #fff;

      }
      .nav-tabs {

          background: none;
            box-shadow: 0 2px 2px 0 rgba(0,0,0,0.16), 0 0 0 1px rgba(0,0,0,0.08);
}
   .nav-tabs li {
       margin-bottom: -3px

}

      .nav-tabs-custom>.tab-content { padding: 0}
      .modal-body { padding: 0px 10px}
      .k-input, .k-multiselect-wrap, .k-textbox>input, input.k-textbox, input.k-textbox:hover, textarea.k-textbox, textarea.k-textbox:hover {
    background-color: #fff;
    color: #2e2e2e;
    font-size: 10px;
}
     .k-webkit .k-rtl .k-dropdown-wrap .k-input, .k-webkit .k-rtl .k-numeric-wrap .k-input {
     margin-right: 0px;

}
      .table > thead > tr > th { font-size: 14px}
      tr { font-size: 14px}

      .k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {     height: 21px;
    font-size: 14px; margin-bottom: 1px;}

      .k-checkbox-label {

        line-height:11px;
          font-size: 14px;

}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #f172ba;
    border-radius: 15px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}


