.noselect {
    -webkit-touch-callout: none;
    /* iOS Safari */
    -webkit-user-select: none;
    /* Safari */
    -khtml-user-select: none;
    /* Konqueror HTML */
    -moz-user-select: none;
    /* Firefox */
    -ms-user-select: none;
    /* Internet Explorer/Edge */
    user-select: none;
    /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.selectable {
    -webkit-touch-callout: text;
    /* iOS Safari */
    -webkit-user-select: text;
    /* Safari */
    -khtml-user-select: text;
    /* Konqueror HTML */
    -moz-user-select: text;
    /* Firefox */
    -ms-user-select: text;
    /* Internet Explorer/Edge */
    user-select: text;
    /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}



.app-sidebar .logo-img,
.off-canvas-sidebar .logo-img {
    width: 36px;
    display: inline-block;
    max-height: 36px;
    margin-right: 5px;
    margin-left: -5px;
    padding-left: 1px;
}

.nav-collapsed .app-sidebar {
    /*width: 50px !important;overflow-x: hidden;;*/
}

#site_short_namex:hover{color:#fff  !important}
#top-nav {
    height: 44px;
    overflow-y: hidden;
    ;
}
:root{

  --main-bg-color:#461440;
  --main-bg-text-color:#ffffff;

}
#top-right-menu {
    width: 275px !important;
    position: absolute;
    z-index: 100000;
    top: -3px;
    right: 5px;
}

#main-menu-navigation .nav-item {
    font-family: sans-serif;
    font-size: 12.2px;
    line-height:25px;
}
#main-menu-navigation .nav-item a {
   padding: 8px !important;
}

#main-menu-navigation .menu-item {
    font-family: sans-serif;
    font-size: 12.2px
}

#main-menu-navigation .nav-item i,#main-menu-navigation .menu-item i {
margin-right: 2px !important;
width: 22px  !important;
font-size: 12px  !important;
}

.app-sidebar .navigation li.has-sub > a:after{
    top:5px
}

.app-sidebar .navigation li ul li a{
padding-left: 15px  !important;
}

.app-sidebar .navigation li ul li ul li a{
    padding-left: 25px  !important;
    }

#mapContent {
    margin-top: -38px;
    display: block;
    border: 0px solid red;
    padding-left: 0px;
    padding-right: 0px;
    height: 1000px;
    z-index: 1001;
}

#pageContent {
    margin-top: -38px;
    display: block;
    border: 0px solid blue;
    padding-left: 0px;
    padding-right: 0px;
    z-index: 1000
}

#homeContent {
    margin-top: 0px;
    margin-bottom: 50px;
    display: block;
    border: 0px solid blue;
    padding-left: 0px;
    padding-right: 0px;
    z-index: 1000
}

#sr-menu-addons {
    background-color: rgba(255, 255, 255, 0.6);
    margin: 5px;
    border-radius: 6px;
    margin-top: 0px;
}

#sr-username {
    font-size: 10pt;
    font-weight: bold;
    color: #000;
    text-align: center;
    padding: 4px;
}

#sr-menu-addons a {
    display: block;
    width: 30%;
    margin-left: 2%;
    margin-right: 1%;
    float: left;
    text-align: center;
}

#sr-menu-addons i {
    color: #333;
    font-size: 15pt;
    ;
}

.main-tabs {
    padding: 3px;
    padding-left: 10px;
    padding-right: 10px;
    border-width: 2px;
    font-size: 11pt;
    font-weight: 400;
    margin-top: 4px;
    border: none;
    height: 40px;
    overflow: hidden !important;
    ;
}

.main-tabs .active {
    border-width: 2px;
    font-size: 11pt;
    font-weight: bold;
    margin-top: 4px;
    border: 1px solid #ccc;
}

.main-tab-icon {
    font-size: 12pt;
    border-bottom: none;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

#top-tabs a.active {
    background-color: #efefef;
    border: 1px solid #ccc;
    ;
}


/** DASHBOARD**/

.shadetitle {
    text-shadow: 3px 3px 8px #666;
}

.ptop10 {
    padding-top: 10px;
}

.fsize10 {
    font-size: 10px;
}

.fsize15 {
    font-size: 15px;
}

.fsize20 {
    font-size: 20px;
}

.ptop15 {
    padding-top: 15px;
}

.fsize25 {
    font-size: 25px;
}

.fbold {
    font-weight: bold;
}

.dashboard-chart {
    width: 96% !important
}

.permissionbutton{background-color: yellowgreen;color:#000;margin:3px;padding:2px;font-size:10pt;}

.permissionbutton .permremovebut {
    padding: 1px;
}


.addpermbutton{background-color: green;color:#fff;padding: 2px;border-radius: 2px;;}

.permissionbutton .permcaption {
    line-height: 15px;
    height: 15px;
    overflow: hidden;
    ;
}

.btn-grid {
    padding: 3px;
    margin: 0px !important;
    margin-bottom: 0px !important;
}

.btn-new {
    padding: 3px;
    margin: 0px !important;
    margin-bottom: 0px !important;
    font-weight: bold;
    ;
    font-size: 10pt;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:active,
.btn-primary:visited,
.btn-primary:focus {
    background-color: var(--main-bg-color);
    border-color: var(--main-bg-color);
    color:var(--main-bg-text-color);



    

}

.border-primary {
    border-color: var(--main-bg-text-color) !important;
}

a.nav-item,
a.nav-link {
    color: var(--main-bg-text-color);
    font-weight: bold;
}

.mobile_menu_item {
    width: 76px;
    height: 76px;
    float: left !important;
    margin: 5px;
    display: block;
    text-align: center;
    overflow: hidden;
}

.mobile_menu_item i {
    font-size: 42px;
}

.mobile_menu_item span {
    display: block;
    background-color: rgba(255, 255, 255, 0.3);
    font-size: 9pt;
    ;
    border-radius: 5px;
    padding: 2px;
    display: block;
    text-align: center;
    line-height: 11px;
    ;
}

.fc-left h2 {
    font-size: 15pt !important;
    font-weight: bold;
}




.button-container {
    padding-top: 1em;
    text-align: right;
}

.k-tabstrip .k-tabstrip-items li .k-link {
    padding-right: 0.46em;
}

    .k-tabstrip .k-tabstrip-items li .k-link[data-type='remove'] {
        padding-left: 0.46em;
    }

    .k-tabstrip .k-tabstrip-items li .k-link .k-icon {
        margin: 0;
    }

        .k-tabstrip .k-tabstrip-items li .k-link .k-icon:hover {
            color: red;
        }

.k-tabstrip .k-content {
    padding-top: 10px;
    padding-bottom: 10px;
}

#hint {
    border: none;
}

    #hint .k-tabstrip-items {
        padding: 0;
    }


    .pagecontentlisttitle{
        border:1px solid #ccc;background-color:#fff;padding:2px;
    }

    .pagecontentlisttitle .title{font-size:16pt;color:#444;font-weight: bold;padding-top: 9px;margin-left: 9px;;}
    .pagecontentlisttitle button{margin-bottom: 0px !important;}


    .kendofieldlist {
        margin: 0 0 -2em;
        padding: 0;
    }

    .kendofieldlist li {
        list-style: none;
        padding-bottom: 1px;;
    }

    .kendofieldlist label {
        display: block;
        padding-bottom: 0px;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 11px;
        color: #444;
    }

    .collg30{

        width:30%;
        float: left;
        margin: 0px;;

    }

    .collg50{

        width:45%;
        float: left;
        margin: 0px;;
        
    }

    .collg70{

        width:70%;
        float: left;
        margin: 0px;;
        
    }

    .primarypaneltitle{list-style: none;
        display: block;padding: 3px;
        background-color: #efefef;
        font-weight: bold;
        border:1px solid #ccc;;
        font-size: 13pt;;
        list-style-type: none;

    }





    *, :before, :after
{
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

/* set a border-box model only to elements that need it */

.form-control, /* if this class is applied to a Kendo UI widget, its layout may change */
.container,
.container-fluid,
.row,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1,
.col-xs-2, .col-sm-2, .col-md-2, .col-lg-2,
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3,
.col-xs-4, .col-sm-4, .col-md-4, .col-lg-4,
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5,
.col-xs-6, .col-sm-6, .col-md-6, .col-lg-6,
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7,
.col-xs-8, .col-sm-8, .col-md-8, .col-lg-8,
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}



.rightaside{
position: absolute;
right:0px;
top:0px;
background-color: #fff;
z-index: 10000000000;
display: none;;
}
.rightaside #title{font-size:16pt;
    font-weight: bold;
background-color: #333;
color:#efefef;padding: 5px;;
line-height: 32px;;
}

.rightaside #closerightaside{position: absolute;top:0px;right:0px;z-index:1001;}
.rightaside #content{padding: 10px;}

.rightaside #buttongroup{background-color: #efefef;padding: 5px;border: 1px solid #ccc;;}


/* KENDO WİNDOW WİDGET CUSTOMIZATION*/
.k-window-titlebar{padding: 0px !important;
padding-left:10px !important;
background-color: #efefef !important;
font-weight: bold !important;
}

.k-overlay {
    z-index: 100000 !important;
    }
         
.k-widget.k-window {
    z-index: 100001 !important;
    position: absolute !important;
    border:4px outset #ccc;
    }

    .k-command-cell .k-button{
        padding-top: 2px  !important;
        padding-bottom: 2px  !important;
        font-size: 11px  !important;
        font-weight:bold  !important;
    }

    .k-window #modalloader{
        position: absolute;
        z-index: 100;
        top:0px;
        left:0px;
        height: 100%;;
        width:100%;
        background-color: #fff;
        padding: 50px;
        text-align: center;;

    }

    .k-grid td,.k-grid th{
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;}
    .k-window-content{padding-left:2px !important;padding-right:2px !important;padding-top:2px !important;padding-bottom:2px !important;overflow-x: hidden;}
    .k-window .k-window-titlebar{background-color:#333 !important;}
    .k-window span.k-window-title{font-size:14pt !important;font-weight:bold !important;color:#efefef !important;}
    .k-window .k-window-actions{margin:0px;padding:0px;;}


    .k-window  .k-window-titlebar .k-button{margin:0px;padding:0px;color:#efefef !important;}
    .k-window .k-window-titlebar .k-button i{color:#efefef !important;}
    
    
    .k-grid th,.k-grid td{font-size: 10pt;}
    
    .k-grid .k-autocomplete{font-size:10pt;}
    

    .form-control-group{display: block !important;}


    .form-control,.form-control-with-add{
      padding:3px  !important;
      border-radius: 3px  !important;
      width: 100%  !important;
      padding: 6px !important;
      font-size: 13px !important;
      font-weight: 400 !important;
      color: rgb(51,51,51) !important;
      line-height: 26px !important;
      border: 1px solid rgb(151,151,151) !important;
    }

    .form-control:focus,.form-control:hover{
      border-color: #719ECE !important;
      outline: none  !important;
      box-shadow: 0 0 5px #719ECE !important;


    }



    .form-control.k-input{
      border-radius: 3px !important;
    }

    .k-picker-wrap,.k-dropdown-wrap{border: none !important;}


    .form-control.k-datetimepicker{
      border:1px solid rgb(151,151,151) !important;
      outline: none  !important;
      border-image-width: 0px !important;
    }
    .form-control.k-datetimepicker .form-control{border:none !important;}
    .form-control.k-datetimepicker .form-control:focus{
      border:none !important;
      box-shadow:none !important;
    }

    .form-control.k-datetimepicker:hover, 
    .form-control.k-dropdown:hover{box-shadow: 0 0 5px #719ECE !important;
      border-color: #719ECE !important;
      outline: none  !important;
    } 


    .form-control-group label{
      width: 100% !important;font-size: 12pt !important;
      margin-top: 8px !important;
      margin-bottom: 3px !important;

      color:#666 !important;
      display: block !important;
      margin-left: 3px !important;
    }

    .form-control-group:hover label{
      color:#444 !important;
      font-weight: 400 !important;
    }
  .form-control-number{
      text-align: right !important;
    }

    .form-control-with-add{width: calc(100% - 40px) !important;
      display: block !important;
      border-right: none !important;
      border-top-right-radius: 0px !important;
      border-bottom-right-radius: 0px !important;
      float: left !important;

    }
    .form-control-add{width: 35px !important;
      display: block !important;
      float: left !important;
      margin-top: -3px !important;
      border: 1px solid rgb(151,151,151) !important;
      background-color: #efefef !important;
      font-size: 16px !important;
      border-top-right-radius: 3px !important;
      border-bottom-right-radius: 3px !important;
      overflow: hidden !important;
      margin-top: 0px !important;
    }
    .form-control-add span{margin-left: 3px !important;margin-right: 3px !important;margin-top: 8px !important;margin-bottom: 9px !important;
      font-size: 16px !important;
      display: block !important;
    }
    .form-control-add button{
      margin-left: 3px !important;
      margin-right: 3px !important;
      margin-top: 3px !important;
      margin-bottom: 3px !important;
      padding: 3px !important;
      background-color: none !important;
      border: none !important;
      background-color: none !important;
    }

      .form-control-add button i{font-size:18px !important;margin: 4px !important;}

      .k-dropdown.form-control{padding: 0px !important;}
      .k-dropdowntree.form-control{padding: 0px !important;}

       
      .fullscreen{
           position: absolute !important;
           top: 0px !important;
           right: 0px !important;
           bottom: 0px !important;
           left: 0px !important;
           z-index: 10001 !important;
        }



/* APPLICATION MAIN CONTROL STYLES */

.kendogridbutton,.btn-grid{min-width: 30px;;margin: -5px;padding: 2px;border:1px solid #ccc;
  
  background-color:var(--main-bg-color);
  color:var(--main-bg-text-color);
  border-radius: 3px;font-size:11px}

  .kendogridbutton:hover,.btn-grid:hover{

    background-color: yellowgreen;
    color:#000;
  }

.btn{
background-color: #fff;
color:#111;
padding: 4px !important;
font-weight: bold !important;
text-transform: none !important;
min-width: 65px !important;
margin: 2px !important;
border-radius: 6px !important;
}

.btn-danger{ border: red 1px solid !important;}
.btn-danger i{color:red !important;}
.btn-danger:hover{ background-color:red !important;color:#fff !important;}
.btn-danger:hover i{ color:#fff !important;}

.btn-save{  border: #ccc 2px solid !important;background-color: royalblue; color:#fff;}
.btn-save i{color:#fff !important;}
.btn-save:hover{ background-color:royalblue !important;color:#fff !important;}
.btn-save:hover i{ color:#fff !important;}


.bg-success{  background-color: #28A745;color:#fff;}
.bg-danger{  background-color: #E42217;color:#fff;}
.bg-warning{  background-color: #FF6700 ;color:#fff;}
.bg-dark{  background-color: #333 ;color:#fff;}



.btn-success{  border: #28A745	 1px solid !important;}
.btn-success i{color:#28A745	 !important;}
.btn-success:hover i{ color:#fff !important;}
.btn-success:hover{ background-color:#28A745	 !important;color:#fff !important;}

.btn-info{  border: #0578F0 1px solid !important;}
.btn-info i{color:#0578F0 !important;}
.btn-info:hover i{ color:#fff !important;}
.btn-info:hover{ background-color:#0578F0 !important;color:#fff !important;}


.btn-warning{  border: orange 1px solid !important;}
.btn-warning i{color:orange !important;}
.btn-warning:hover{ background-color:orange !important;color:#fff !important;}
.btn-warning:hover i{ color:#fff !important;}

.btn:hover{border-color: greenyellow !important}
/*GRADIENTS----------------------------------------------------------------------------*/



.gradient-indigo-light-blue {
  background-image: linear-gradient(45deg, #c5cae9, #b3e5fc);
  background-repeat: repeat-x; }

.btn.gradient-indigo-light-blue:active, .fc button.gradient-indigo-light-blue:active, .btn.gradient-indigo-light-blue.active, .fc button.gradient-indigo-light-blue.active {
  background-image: linear-gradient(45deg, #c5cae9, #b3e5fc);
  background-repeat: repeat-x; }

.gradient-light-blue-indigo {
  background-image: linear-gradient(45deg, #b3e5fc, #9fa8da);
  background-repeat: repeat-x; }

.btn.gradient-light-blue-indigo:active, .fc button.gradient-light-blue-indigo:active, .btn.gradient-light-blue-indigo.active, .fc button.gradient-light-blue-indigo.active {
  background-image: linear-gradient(45deg, #b3e5fc, #9fa8da);
  background-repeat: repeat-x; }

.gradient-yellow-green {
  background-image: linear-gradient(45deg, #ffff8d, #b9f6ca);
  background-repeat: repeat-x; }

.btn.gradient-yellow-green:active, .fc button.gradient-yellow-green:active, .btn.gradient-yellow-green.active, .fc button.gradient-yellow-green.active {
  background-image: linear-gradient(45deg, #ffff8d, #b9f6ca);
  background-repeat: repeat-x; }

.gradient-orange-deep-orange {
  background-image: linear-gradient(45deg, #ffe0b2, #ffccbc);
  background-repeat: repeat-x; }

.btn.gradient-orange-deep-orange:active, .fc button.gradient-orange-deep-orange:active, .btn.gradient-orange-deep-orange.active, .fc button.gradient-orange-deep-orange.active {
  background-image: linear-gradient(45deg, #ffe0b2, #ffccbc);
  background-repeat: repeat-x; }

.gradient-deep-purple-purple {
  background-image: linear-gradient(45deg, #d1c4e9, #f3e5f5);
  background-repeat: repeat-x; }

.btn.gradient-deep-purple-purple:active, .fc button.gradient-deep-purple-purple:active, .btn.gradient-deep-purple-purple.active, .fc button.gradient-deep-purple-purple.active {
  background-image: linear-gradient(45deg, #d1c4e9, #f3e5f5);
  background-repeat: repeat-x; }

.gradient-red-pink {
  background-image: linear-gradient(45deg, #ff5252, #f48fb1);
  background-repeat: repeat-x; }

.btn.gradient-red-pink:active, .fc button.gradient-red-pink:active, .btn.gradient-red-pink.active, .fc button.gradient-red-pink.active {
  background-image: linear-gradient(45deg, #ff5252, #f48fb1);
  background-repeat: repeat-x; }

.gradient-light-green-amber {
  background-image: linear-gradient(45deg, #c5e1a5, #fff8e1);
  background-repeat: repeat-x; }

.btn.gradient-light-green-amber:active, .fc button.gradient-light-green-amber:active, .btn.gradient-light-green-amber.active, .fc button.gradient-light-green-amber.active {
  background-image: linear-gradient(45deg, #c5e1a5, #fff8e1);
  background-repeat: repeat-x; }

.gradient-amber-amber {
  background-image: linear-gradient(45deg, #ff6f00, #ffca28);
  background-repeat: repeat-x; }

.btn.gradient-amber-amber:active, .fc button.gradient-amber-amber:active, .btn.gradient-amber-amber.active, .fc button.gradient-amber-amber.active {
  background-image: linear-gradient(45deg, #ff6f00, #ffca28);
  background-repeat: repeat-x; }

.gradient-purple-pink {
  background-image: linear-gradient(45deg, #ea80fc, #fce4ec);
  background-repeat: repeat-x; }

.btn.gradient-purple-pink:active, .fc button.gradient-purple-pink:active, .btn.gradient-purple-pink.active, .fc button.gradient-purple-pink.active {
  background-image: linear-gradient(45deg, #ea80fc, #fce4ec);
  background-repeat: repeat-x; }

.gradient-indigo-dark-blue {
  background-image: linear-gradient(45deg, #3949ab, #4fc3f7);
  background-repeat: repeat-x; }

.btn.gradient-indigo-dark-blue:active, .fc button.gradient-indigo-dark-blue:active, .btn.gradient-indigo-dark-blue.active, .fc button.gradient-indigo-dark-blue.active {
  background-image: linear-gradient(45deg, #3949ab, #4fc3f7);
  background-repeat: repeat-x; }

.gradient-teal-cyan {
  background-image: linear-gradient(45deg, #e0f2f1, #00e5ff);
  background-repeat: repeat-x; }

.btn.gradient-teal-cyan:active, .fc button.gradient-teal-cyan:active, .btn.gradient-teal-cyan.active, .fc button.gradient-teal-cyan.active {
  background-image: linear-gradient(45deg, #e0f2f1, #00e5ff);
  background-repeat: repeat-x; }

.gradient-blue-grey-blue-grey {
  background-image: linear-gradient(45deg, #cfd8dc, #546e7a);
  background-repeat: repeat-x; }

.btn.gradient-blue-grey-blue-grey:active, .fc button.gradient-blue-grey-blue-grey:active, .btn.gradient-blue-grey-blue-grey.active, .fc button.gradient-blue-grey-blue-grey.active {
  background-image: linear-gradient(45deg, #cfd8dc, #546e7a);
  background-repeat: repeat-x; }

.gradient-cyan-dark-green {
  background-image: linear-gradient(45deg, #0097a7, #b2ff59);
  background-repeat: repeat-x; }

.btn.gradient-cyan-dark-green:active, .fc button.gradient-cyan-dark-green:active, .btn.gradient-cyan-dark-green.active, .fc button.gradient-cyan-dark-green.active {
  background-image: linear-gradient(45deg, #0097a7, #b2ff59);
  background-repeat: repeat-x; }

.gradient-orange-amber {
  background-image: linear-gradient(45deg, #e65100, #ffa000);
  background-repeat: repeat-x; }

.btn.gradient-orange-amber:active, .fc button.gradient-orange-amber:active, .btn.gradient-orange-amber.active, .fc button.gradient-orange-amber.active {
  background-image: linear-gradient(45deg, #e65100, #ffa000);
  background-repeat: repeat-x; }

.gradient-indigo-blue {
  background-image: linear-gradient(45deg, #303f9f, #1976d2);
  background-repeat: repeat-x; }

.btn.gradient-indigo-blue:active, .fc button.gradient-indigo-blue:active, .btn.gradient-indigo-blue.active, .fc button.gradient-indigo-blue.active {
  background-image: linear-gradient(45deg, #303f9f, #1976d2);
  background-repeat: repeat-x; }

.gradient-brown-brown {
  background-image: linear-gradient(45deg, #6d4c41, #d7ccc8);
  background-repeat: repeat-x; }

.btn.gradient-brown-brown:active, .fc button.gradient-brown-brown:active, .btn.gradient-brown-brown.active, .fc button.gradient-brown-brown.active {
  background-image: linear-gradient(45deg, #6d4c41, #d7ccc8);
  background-repeat: repeat-x; }

.gradient-blue-grey-blue {
  background-image: linear-gradient(45deg, #263238, #2979ff);
  background-repeat: repeat-x; }

.btn.gradient-blue-grey-blue:active, .fc button.gradient-blue-grey-blue:active, .btn.gradient-blue-grey-blue.active, .fc button.gradient-blue-grey-blue.active {
  background-image: linear-gradient(45deg, #263238, #2979ff);
  background-repeat: repeat-x; }

.gradient-purple-deep-orange {
  background-image: linear-gradient(45deg, #8e24aa, #ff6e40);
  background-repeat: repeat-x; }

.btn.gradient-purple-deep-orange:active, .fc button.gradient-purple-deep-orange:active, .btn.gradient-purple-deep-orange.active, .fc button.gradient-purple-deep-orange.active {
  background-image: linear-gradient(45deg, #8e24aa, #ff6e40);
  background-repeat: repeat-x; }

.gradient-green-teal {
  background-image: linear-gradient(45deg, #43a047, #1de9b6);
  background-repeat: repeat-x; }

.btn.gradient-green-teal:active, .fc button.gradient-green-teal:active, .btn.gradient-green-teal.active, .fc button.gradient-green-teal.active {
  background-image: linear-gradient(45deg, #43a047, #1de9b6);
  background-repeat: repeat-x; }

.gradient-purple-light-blue {
  background-image: linear-gradient(45deg, #e040fb, #4fc3f7);
  background-repeat: repeat-x; }

.btn.gradient-purple-light-blue:active, .fc button.gradient-purple-light-blue:active, .btn.gradient-purple-light-blue.active, .fc button.gradient-purple-light-blue.active {
  background-image: linear-gradient(45deg, #e040fb, #4fc3f7);
  background-repeat: repeat-x; }

.gradient-cyan-cyan {
  background-image: linear-gradient(45deg, #18ffff, #00e5ff);
  background-repeat: repeat-x; }

.btn.gradient-cyan-cyan:active, .fc button.gradient-cyan-cyan:active, .btn.gradient-cyan-cyan.active, .fc button.gradient-cyan-cyan.active {
  background-image: linear-gradient(45deg, #18ffff, #00e5ff);
  background-repeat: repeat-x; }

.gradient-yellow-teal {
  background-image: linear-gradient(45deg, #fff9c4, #64ffda);
  background-repeat: repeat-x; }

.btn.gradient-yellow-teal:active, .fc button.gradient-yellow-teal:active, .btn.gradient-yellow-teal.active, .fc button.gradient-yellow-teal.active {
  background-image: linear-gradient(45deg, #fff9c4, #64ffda);
  background-repeat: repeat-x; }

.gradient-purple-deep-purple {
  background-image: linear-gradient(45deg, #7b1fa2, #7c4dff);
  background-repeat: repeat-x; }

.btn.gradient-purple-deep-purple:active, .fc button.gradient-purple-deep-purple:active, .btn.gradient-purple-deep-purple.active, .fc button.gradient-purple-deep-purple.active {
  background-image: linear-gradient(45deg, #7b1fa2, #7c4dff);
  background-repeat: repeat-x; }

.gradient-cyan-light-green {
  background-image: linear-gradient(45deg, #00e5ff, #ccff90);
  background-repeat: repeat-x; }

.btn.gradient-cyan-light-green:active, .fc button.gradient-cyan-light-green:active, .btn.gradient-cyan-light-green.active, .fc button.gradient-cyan-light-green.active {
  background-image: linear-gradient(45deg, #00e5ff, #ccff90);
  background-repeat: repeat-x; }

.gradient-purple-amber {
  background-image: linear-gradient(45deg, #d500f9, #ffa000);
  background-repeat: repeat-x; }

.btn.gradient-purple-amber:active, .fc button.gradient-purple-amber:active, .btn.gradient-purple-amber.active, .fc button.gradient-purple-amber.active {
  background-image: linear-gradient(45deg, #d500f9, #ffa000);
  background-repeat: repeat-x; }

.gradient-indigo-purple {
  background-image: linear-gradient(45deg, #303f9f, #7b1fa2);
  background-repeat: repeat-x; }

.btn.gradient-indigo-purple:active, .fc button.gradient-indigo-purple:active, .btn.gradient-indigo-purple.active, .fc button.gradient-indigo-purple.active {
  background-image: linear-gradient(45deg, #303f9f, #7b1fa2);
  background-repeat: repeat-x; }

.gradient-deep-purple-blue {
  background-image: linear-gradient(45deg, #6200ea, #1976d2);
  background-repeat: repeat-x; }

.btn.gradient-deep-purple-blue:active, .fc button.gradient-deep-purple-blue:active, .btn.gradient-deep-purple-blue.active, .fc button.gradient-deep-purple-blue.active {
  background-image: linear-gradient(45deg, #6200ea, #1976d2);
  background-repeat: repeat-x; }

.gradient-deep-orange-orange {
  background-image: linear-gradient(45deg, #bf360c, #f57c00);
  background-repeat: repeat-x; }

.btn.gradient-deep-orange-orange:active, .fc button.gradient-deep-orange-orange:active, .btn.gradient-deep-orange-orange.active, .fc button.gradient-deep-orange-orange.active {
  background-image: linear-gradient(45deg, #bf360c, #f57c00);
  background-repeat: repeat-x; }

.gradient-light-blue-cyan {
  background-image: linear-gradient(45deg, #0288d1, #26c6da);
  background-repeat: repeat-x; }

.btn.gradient-light-blue-cyan:active, .fc button.gradient-light-blue-cyan:active, .btn.gradient-light-blue-cyan.active, .fc button.gradient-light-blue-cyan.active {
  background-image: linear-gradient(45deg, #0288d1, #26c6da);
  background-repeat: repeat-x; }

.gradient-blue-indigo {
  background-image: linear-gradient(45deg, #2962ff, #3949ab);
  background-repeat: repeat-x; }

.btn.gradient-blue-indigo:active, .fc button.gradient-blue-indigo:active, .btn.gradient-blue-indigo.active, .fc button.gradient-blue-indigo.active {
  background-image: linear-gradient(45deg, #2962ff, #3949ab);
  background-repeat: repeat-x; }

.gradient-strawberry {
  background-image: linear-gradient(45deg, #FE0B46, #FFAB96);
  background-repeat: repeat-x; }

.btn.gradient-strawberry:active, .fc button.gradient-strawberry:active, .btn.gradient-strawberry.active, .fc button.gradient-strawberry.active {
  background-image: linear-gradient(45deg, #FE0B46, #FFAB96);
  background-repeat: repeat-x; }

.gradient-blueberry {
  background-image: linear-gradient(45deg, #6078EA, #17EAD9);
  background-repeat: repeat-x; }

.btn.gradient-blueberry:active, .fc button.gradient-blueberry:active, .btn.gradient-blueberry.active, .fc button.gradient-blueberry.active {
  background-image: linear-gradient(45deg, #6078EA, #17EAD9);
  background-repeat: repeat-x; }

.gradient-mint {
  background-image: linear-gradient(45deg, #23BCBB, #45E994);
  background-repeat: repeat-x; }

.btn.gradient-mint:active, .fc button.gradient-mint:active, .btn.gradient-mint.active, .fc button.gradient-mint.active {
  background-image: linear-gradient(45deg, #23BCBB, #45E994);
  background-repeat: repeat-x; }

.gradient-orange {
  background-image: linear-gradient(45deg, #C471F3, #F671CD);
  background-repeat: repeat-x; }

.btn.gradient-orange:active, .fc button.gradient-orange:active, .btn.gradient-orange.active, .fc button.gradient-orange.active {
  background-image: linear-gradient(45deg, #C471F3, #F671CD);
  background-repeat: repeat-x; }

.gradient-pomegranate {
  background-image: linear-gradient(45deg, #9B3cb7, #FF396f);
  background-repeat: repeat-x; }

.btn.gradient-pomegranate:active, .fc button.gradient-pomegranate:active, .btn.gradient-pomegranate.active, .fc button.gradient-pomegranate.active {
  background-image: linear-gradient(45deg, #9B3cb7, #FF396f);
  background-repeat: repeat-x; }

.gradient-green-tea {
  background-image: linear-gradient(45deg, #004b91, #78cc37);
  background-repeat: repeat-x; }

.btn.gradient-green-tea:active, .fc button.gradient-green-tea:active, .btn.gradient-green-tea.active, .fc button.gradient-green-tea.active {
  background-image: linear-gradient(45deg, #004b91, #78cc37);
  background-repeat: repeat-x; }

.gradient-blackberry {
  background-image: linear-gradient(45deg, #843cf7, #38b8f2);
  background-repeat: repeat-x; }

.btn.gradient-blackberry:active, .fc button.gradient-blackberry:active, .btn.gradient-blackberry.active, .fc button.gradient-blackberry.active {
  background-image: linear-gradient(45deg, #843cf7, #38b8f2);
  background-repeat: repeat-x; }

.gradient-plum {
  background-image: linear-gradient(45deg, #e35c67, #381ce2);
  background-repeat: repeat-x; }

.btn.gradient-plum:active, .fc button.gradient-plum:active, .btn.gradient-plum.active, .fc button.gradient-plum.active {
  background-image: linear-gradient(45deg, #e35c67, #381ce2);
  background-repeat: repeat-x; }

.gradient-passion-fruit {
  background-image: linear-gradient(45deg, #8137F7, #F6AB3E);
  background-repeat: repeat-x; }

.btn.gradient-passion-fruit:active, .fc button.gradient-passion-fruit:active, .btn.gradient-passion-fruit.active, .fc button.gradient-passion-fruit.active {
  background-image: linear-gradient(45deg, #8137F7, #F6AB3E);
  background-repeat: repeat-x; }

.gradient-sublime-vivid {
  background-image: linear-gradient(45deg, #FC466B, #3F5EFB);
  background-repeat: repeat-x; }

.btn.gradient-sublime-vivid:active, .fc button.gradient-sublime-vivid:active, .btn.gradient-sublime-vivid.active, .fc button.gradient-sublime-vivid.active {
  background-image: linear-gradient(45deg, #FC466B, #3F5EFB);
  background-repeat: repeat-x; }

.gradient-king-yna {
  background-image: linear-gradient(45deg, #1a2a6c, #b21f1f);
  background-repeat: repeat-x; }

.btn.gradient-king-yna:active, .fc button.gradient-king-yna:active, .btn.gradient-king-yna.active, .fc button.gradient-king-yna.active {
  background-image: linear-gradient(45deg, #1a2a6c, #b21f1f);
  background-repeat: repeat-x; }

.gradient-summer {
  background-image: linear-gradient(45deg, #22c1c3, #fdbb2d);
  background-repeat: repeat-x; }

.btn.gradient-summer:active, .fc button.gradient-summer:active, .btn.gradient-summer.active, .fc button.gradient-summer.active {
  background-image: linear-gradient(45deg, #22c1c3, #fdbb2d);
  background-repeat: repeat-x; }

.gradient-crystal-clear {
  background-image: linear-gradient(45deg, #159957, #155799);
  background-repeat: repeat-x; }

.btn.gradient-crystal-clear:active, .fc button.gradient-crystal-clear:active, .btn.gradient-crystal-clear.active, .fc button.gradient-crystal-clear.active {
  background-image: linear-gradient(45deg, #159957, #155799);
  background-repeat: repeat-x; }

.gradient-celestial {
  background-image: linear-gradient(45deg, #C33764, #1D2671);
  background-repeat: repeat-x; }

.btn.gradient-celestial:active, .fc button.gradient-celestial:active, .btn.gradient-celestial.active, .fc button.gradient-celestial.active {
  background-image: linear-gradient(45deg, #C33764, #1D2671);
  background-repeat: repeat-x; }

.gradient-mini {
  background-image: linear-gradient(45deg, #30E8BF, #FF8235);
  background-repeat: repeat-x; }

.btn.gradient-mini:active, .fc button.gradient-mini:active, .btn.gradient-mini.active, .fc button.gradient-mini.active {
  background-image: linear-gradient(45deg, #30E8BF, #FF8235);
  background-repeat: repeat-x; }

.gradient-ibiza-sunset {
  background-image: linear-gradient(45deg, #ee0979, #ff6a00);
  background-repeat: repeat-x; }

.btn.gradient-ibiza-sunset:active, .fc button.gradient-ibiza-sunset:active, .btn.gradient-ibiza-sunset.active, .fc button.gradient-ibiza-sunset.active {
  background-image: linear-gradient(45deg, #ee0979, #ff6a00);
  background-repeat: repeat-x; }

.gradient-dawn {
  background-image: linear-gradient(45deg, #F3904F, #3B4371);
  background-repeat: repeat-x; }

.btn.gradient-dawn:active, .fc button.gradient-dawn:active, .btn.gradient-dawn.active, .fc button.gradient-dawn.active {
  background-image: linear-gradient(45deg, #F3904F, #3B4371);
  background-repeat: repeat-x; }

.gradient-brady-brady-fun-fun {
  background-image: linear-gradient(45deg, #00c3ff, #ffff1c);
  background-repeat: repeat-x; }

.btn.gradient-brady-brady-fun-fun:active, .fc button.gradient-brady-brady-fun-fun:active, .btn.gradient-brady-brady-fun-fun.active, .fc button.gradient-brady-brady-fun-fun.active {
  background-image: linear-gradient(45deg, #00c3ff, #ffff1c);
  background-repeat: repeat-x; }

.gradient-cosmic-fusion {
  background-image: linear-gradient(45deg, #ff00cc, #333399);
  background-repeat: repeat-x; }

.btn.gradient-cosmic-fusion:active, .fc button.gradient-cosmic-fusion:active, .btn.gradient-cosmic-fusion.active, .fc button.gradient-cosmic-fusion.active {
  background-image: linear-gradient(45deg, #ff00cc, #333399);
  background-repeat: repeat-x; }

.gradient-nepal {
  background-image: linear-gradient(45deg, #de6161, #2657eb);
  background-repeat: repeat-x; }

.btn.gradient-nepal:active, .fc button.gradient-nepal:active, .btn.gradient-nepal.active, .fc button.gradient-nepal.active {
  background-image: linear-gradient(45deg, #de6161, #2657eb);
  background-repeat: repeat-x; }

.gradient-love-couple {
  background-image: linear-gradient(45deg, #3a6186, #89253e);
  background-repeat: repeat-x; }

.btn.gradient-love-couple:active, .fc button.gradient-love-couple:active, .btn.gradient-love-couple.active, .fc button.gradient-love-couple.active {
  background-image: linear-gradient(45deg, #3a6186, #89253e);
  background-repeat: repeat-x; }

.gradient-sunset {
  background-image: linear-gradient(45deg, #0B486B, #F56217);
  background-repeat: repeat-x; }

.btn.gradient-sunset:active, .fc button.gradient-sunset:active, .btn.gradient-sunset.active, .fc button.gradient-sunset.active {
  background-image: linear-gradient(45deg, #0B486B, #F56217);
  background-repeat: repeat-x; }

.gradient-grapefruit-sunset {
  background-image: linear-gradient(45deg, #e96443, #904e95);
  background-repeat: repeat-x; }

.btn.gradient-grapefruit-sunset:active, .fc button.gradient-grapefruit-sunset:active, .btn.gradient-grapefruit-sunset.active, .fc button.gradient-grapefruit-sunset.active {
  background-image: linear-gradient(45deg, #e96443, #904e95);
  background-repeat: repeat-x; }

.gradient-politics {
  background-image: linear-gradient(45deg, #2196f3, #f44336);
  background-repeat: repeat-x; }

.btn.gradient-politics:active, .fc button.gradient-politics:active, .btn.gradient-politics.active, .fc button.gradient-politics.active {
  background-image: linear-gradient(45deg, #2196f3, #f44336);
  background-repeat: repeat-x; }

.gradient-red-ocean {
  background-image: linear-gradient(45deg, #1D4350, #A43931);
  background-repeat: repeat-x; }

.btn.gradient-red-ocean:active, .fc button.gradient-red-ocean:active, .btn.gradient-red-ocean.active, .fc button.gradient-red-ocean.active {
  background-image: linear-gradient(45deg, #1D4350, #A43931);
  background-repeat: repeat-x; }

.gradient-back-to-earth {
  background-image: linear-gradient(45deg, #20CAE4, #1CE5B7);
  background-repeat: repeat-x; }

.btn.gradient-back-to-earth:active, .fc button.gradient-back-to-earth:active, .btn.gradient-back-to-earth.active, .fc button.gradient-back-to-earth.active {
  background-image: linear-gradient(45deg, #20CAE4, #1CE5B7);
  background-repeat: repeat-x; }

.gradient-flickr {
  background-image: linear-gradient(45deg, #33001b, #ff0084);
  background-repeat: repeat-x; }

.btn.gradient-flickr:active, .fc button.gradient-flickr:active, .btn.gradient-flickr.active, .fc button.gradient-flickr.active {
  background-image: linear-gradient(45deg, #33001b, #ff0084);
  background-repeat: repeat-x; }

.gradient-virgin-america {
  background-image: linear-gradient(45deg, #7b4397, #dc2430);
  background-repeat: repeat-x; }

.btn.gradient-virgin-america:active, .fc button.gradient-virgin-america:active, .btn.gradient-virgin-america.active, .fc button.gradient-virgin-america.active {
  background-image: linear-gradient(45deg, #7b4397, #dc2430);
  background-repeat: repeat-x; }

.gradient-purple-bliss {
  background-image: linear-gradient(45deg, #360033, #0b8793);
  background-repeat: repeat-x; }

.btn.gradient-purple-bliss:active, .fc button.gradient-purple-bliss:active, .btn.gradient-purple-bliss.active, .fc button.gradient-purple-bliss.active {
  background-image: linear-gradient(45deg, #360033, #0b8793);
  background-repeat: repeat-x; }

.gradient-man-of-steel {
  background-image: linear-gradient(45deg, #780206, #061161);
  background-repeat: repeat-x; }

.btn.gradient-man-of-steel:active, .fc button.gradient-man-of-steel:active, .btn.gradient-man-of-steel.active, .fc button.gradient-man-of-steel.active {
  background-image: linear-gradient(45deg, #780206, #061161);
  background-repeat: repeat-x; }

.gradient-shdow-night {
  background-image: linear-gradient(45deg, #000000, #53346D);
  background-repeat: repeat-x; }

.btn.gradient-shdow-night:active, .fc button.gradient-shdow-night:active, .btn.gradient-shdow-night.active, .fc button.gradient-shdow-night.active {
  background-image: linear-gradient(45deg, #000000, #53346D);
  background-repeat: repeat-x; }

.gradient-dracula {
  background-image: linear-gradient(45deg, #DC2424, #4A569D);
  background-repeat: repeat-x; }

.btn.gradient-dracula:active, .fc button.gradient-dracula:active, .btn.gradient-dracula.active, .fc button.gradient-dracula.active {
  background-image: linear-gradient(45deg, #DC2424, #4A569D);
  background-repeat: repeat-x; }

.gradient-bloody-mary {
  background-image: linear-gradient(45deg, #FF512F, #DD2476);
  background-repeat: repeat-x; }

.btn.gradient-bloody-mary:active, .fc button.gradient-bloody-mary:active, .btn.gradient-bloody-mary.active, .fc button.gradient-bloody-mary.active {
  background-image: linear-gradient(45deg, #FF512F, #DD2476);
  background-repeat: repeat-x; }

.gradient-harmonic-energy {
  background-image: linear-gradient(45deg, #16A085, #F4D03F);
  background-repeat: repeat-x; }

.btn.gradient-harmonic-energy:active, .fc button.gradient-harmonic-energy:active, .btn.gradient-harmonic-energy.active, .fc button.gradient-harmonic-energy.active {
  background-image: linear-gradient(45deg, #16A085, #F4D03F);
  background-repeat: repeat-x; }

.gradient-purple-love {
  background-image: linear-gradient(45deg, #cc2b5e, #753a88);
  background-repeat: repeat-x; }

.btn.gradient-purple-love:active, .fc button.gradient-purple-love:active, .btn.gradient-purple-love.active, .fc button.gradient-purple-love.active {
  background-image: linear-gradient(45deg, #cc2b5e, #753a88);
  background-repeat: repeat-x; }

  .width200{width: 200px;;}
  .width150{width: 150px;;}
  .width250{width: 250px;;}

  .float-left{float:left;}
  .float-right{float:right;}



  .font9pt{font-size:9pt;}
  .font10pt{font-size:10pt;}
  .font11pt{font-size:11pt;}
  .font9px{font-size:9px;}
  .font10px{font-size:10px;}
  .font11px{font-size:11px;}



  .gridfont9pt td{font-size:9pt}
  .gridfont9pt th{font-size:9pt}

  .gridfont9pt .k-toolbar{font-size:9pt;padding: 1px;;}

  .gridfont9pt .k-toolbar .k-button{font-size:9pt}


  .k-clear-value{margin-top:10px}

  .k-filter-row th{padding: 0px !important;;}


  .k-filter-row th input{margin: -2px !important;background-color: #fff;max-width: 90%;}



  .list-page-treeview-title{background-color: #efefef;padding: 3px;font-weight: bold;font-size:12pt;;}
  .list-page-grid-title{background-color: #efefef;padding: 3px;font-weight: bold;font-size:12pt;;}