.save-edit-loading {
    pointer-events: none;
    opacity: 0.6;
}

/* Styles for the loading spinner */
.spinner {
    border: 4px solid rgba(0, 0, 0, 0.1);
    border-left-color: #09f;
    animation: spin 1s linear infinite;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-right: 10px;
    vertical-align: middle;
    display: inline-block;
}

.important-display {
    display: inline-block !important;
}


.save-edit:after {
    content: '';
    display: block;
    position: relative;
    opacity: 0;
    width: 30px;
    height: 30px;
    border: 5px solid rgba(255,255,255,0.3);
    border-right-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    left: -39px !important;
    top: -31px !important;
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: .5s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: .5s;
    -webkit-animation-name: rotate;
    -webkit-animation-duration: .5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: rotate;
    -moz-animation-duration: .5s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    transition: all 0.2s linear;
    -webkit-transform: scale(2);
    transform: scale(2);
}






@font-face{
    font-family: myFirstFont;
    src: url(Hacen-Tunisia-Lt.ttf);
}
html,body{
     height:100%;
    /*min-height:100%;
   */
    /*overflow-y:hidden;*/
}
.main{
    position:relative;
    min-height:100%;
}
/*start Loading page*/
.loading{
    /*width:100vw;*/
     position: fixed;
	width:100%;
	height: 100%;
	background-color:#00ceb4;
	top: 0;
	left: 0;	
	z-index: 99999;
    display:table;
}
.spinner {
   display:table-cell;
   vertical-align:middle;
   text-align:center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color:  #fff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
/*End Loading page*/
body {
  
    /*background-color: #fafafa;*/
    background-color:#e7ecea;
    font-family:myFirstFont;
}

* {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
   
}
body.wrapper{
    padding:0 10px;
}
.page-header {
    width: 100%;
    height:60px;
   /*background: linear-gradient(154deg,#00b29c 0,#008fe2 100%);*/
    background-color:#2b3643;
    /*background:#009688;*/
    position:fixed;
    z-index:999;
    box-shadow:0 1px 1px rgba(0,0,0,.05);
}
 .page-header .logo{
     /*background-color:rgba(255,255,255,0.1);*/
    /*background-color: #1b1a24;*/
    width: 250px;
    height: 60px;
    display: block;
    text-align: center;
    font-size: 16px;
    position: relative;
    transition: all .6s ease-in-out;
}
.page-header .logo.close-menu{
    width: 60px;
}
.page-header .logo .logo-image.big{
    position: absolute;
    /*width: 190px;*/
    /*background: url("../images/logo3.png") center 34px no-repeat;*/
/*    margin-top: -20px;*/
    height: 80px;
    right: 10px;
    top: -16px;
}
.page-header .logo a#close-sidebar{    
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -12px;
    height: 24px;
    line-height: 24px;
    width: 24px;
    display: block;
    border-radius: 3px;
    text-align: center;
    color: #fff;
    transition: all 0.5s ease-in-out;
}
.button-collapse{
    color: #fff;
    position: absolute;
    top: 28%;
    left: 12px;
    font-size: 32px;
    
}
.button-collapse i.material-icons{
    font-size: 36px;
}
.page-header .logo a#close-sidebar.left{
            left: 30%;
        }
        .page-header .logo a#close-sidebar:hover{    
            color: rgba(255,255,255,.85);
            background: rgba(255,255,255,.1);
        }
        .page-header .logo #close-sidebar i {
            display: block;
            height: 24px;
            line-height: 24px;
            width: 24px;
            font-size: 24px;
        }
.page-header ul.usermenu{
    padding-right:0;
}
.page-header ul.navmenu li , .page-header ul.usermenu li{
    display: inline-block;
 }
.page-header ul.usermenu li {
    /*margin-left: 10px;*/
}
.page-header ul.usermenu li a{
   /*color:#fff;*/
}
.page-header ul.usermenu li.welcome{
    margin-top:-5px;
}
 .page-header ul.navmenu li a {
    width: 30px;
    height: 30px;
    line-height: 30px;
    color: rgba(255,255,255,1);
    border-radius: 4px;
    border: 2px solid transparent;
    background-color: rgba(255,255,255,0.07);
    text-align: center;
    transition: all 0.5s ease-in-out;
    display: block;
    font-size: 17px;
   margin-left:5px;
        }
.page-header .menu-content {
        padding:10px;
    }
.menu-content .dropdown-content {
    width: 300px !important;
    padding-right: 0;
    top: 60px !important;
}

.menu-content #search li {
    /*text-align: right !important;*/
    /*text-align: left;*/
}
.menu-content #search li input {
        width: 250px;
        float: left;
        border: 1px solid #dfe8f1;
        height: 2rem;
        padding-left: 5px;
        color: #2b2f33;
        box-shadow: inset 1px 1px 3px #f6f6f6;
    }
.menu-content #search li .btn {
        height: 32px;
        line-height: 32px;
        /*padding: 0 1.5rem;*/
         padding: 0 10px;
    }
 .menu-content #search li:hover, .menu-content #search li.active, .menu-content #search li.selected {
        background-color: #fff;
    }
 .menu-content .left-menu{
     color:#fff;
 }
 .menu-content .left-menu img {
     width:30px;
     height:30px;
     margin-left:10px;
 }
  .menu-content #profile li.user-info {
      padding-right:20px;
      height:50px;
      line-height:50px;
  }
 .menu-content #profile li a:not(.btn){
     display:inline;
     padding:0;
 }
  .menu-content #profile li.header{
      height:100px;
      padding:10px;
      border-bottom:1px solid #ddd;
  }
 .menu-content #profile li.header img{
     width:80px;
     height:80px;
     margin-left:10px;
     float:right;
 }
 .menu-content #profile li.header p{
     /*width:200px;
     float:left;*/
     margin:0;
  }
  .menu-content #profile li.header p.name{
      font-size:22px;
      margin-top:20px;
  }
  .menu-content #profile li.logout{
      padding:5px;
  }
  .menu-content #profile li.logout:hover{
    background-color:transparent;
  }
   .menu-content #profile li.logout a{
       line-height:8px;
       text-align:center;
   }
     .menu-content #profile li.logout a i{
       line-height:8px;
       margin-left:10px;
   }
  .menu-content #profile .btn{
      background-color:#F44336;
      color:#fff;
  }
.menu-content .dropdown-content li.title {
    min-height: 30px;
    height: 30px;
    line-height: 0.5rem;
    color: #555a60;
    background-color: #FEFEFF;
}

.menu-content .dropdown-content.with-header li:not(.right-align) {
    text-align: right;
    line-height: 3.5rem;
}

.menu-content .with-header .secondary-content {
    float: left;
    color: #a9a9a9;
    font-size: 12px !important;
}

.menu-content .dropdown-content.with-header li {
    padding: 0 20px;
    border-top: 1px solid #e0e0e0;
}

.menu-content .dropdown-content.with-header h4 {
    margin: 0;
}

.menu-content .dropdown-content.with-header li i {
    line-height: 4;
    font-size: 12px;
    margin-left: 5px;
}

.menu-content .dropdown-content li > a, .menu-content .dropdown-content li > span {
    color: #555a60;
    font-weight: bold;
    text-align: right;
    padding:10px 60px;
}

.menu-content .dropdown-content li.right-align {
    text-align: right;
    padding: 20px 20px;
    font-size: 22px;
    color: rgba(58, 57, 57, 0.87);
    border-bottom: 1px solid #e0e0e0;
}

.menu-content .dropdown-content li.collection-header {
    border-bottom: 0;
}

.collection .collection-item.avatar p {
    /*    line-height: 0;*/
    padding-right: 60px;
    text-align: right;
}
/*end header menu*/
.main-content .col{
    /*transition:all 1s ease-in-out;*/
}
.main-content .col.padding{
    padding-right:100px;
    float:left;
}
.smallcontent{
    width: calc(100% - 60px);
    float:right;
}
.bigcontent{
    width: calc(100% - 250px);
    /*padding:0 20px;*/
    float:right;
    /*margin-bottom:80px;*/
     height: calc(100% - 60px);
}

/*.full .bigcontent{
    width:100% !important
}*/
/*.bodyoverlay{
    width:100%;
    height:100%;
    position:absolute;
    top:-80px;
    z-index:9999;
    background-color:rgba(0,0,0,0.8);
}*/
.buttons .k-button-operations {
    position:absolute;   
}
/*.buttons .k-button-operations.new{
     left:205px !important;
}
.buttons .k-button-operations.edit{
     left:105px !important;
}
.buttons .k-button-operations.delete{
     left:20px !important;
}*/

.k-grid .k-grouping-header{
        background-color: #00abab !important;
}
    .k-header.k-grid-toolbar {
        border-color: #00abab !important;
         background-color: #00abab !important;
    }
/*start sidebar*/
.smallmenu{
    transform: translateX(-100%);
}
.relative{
     width: 250px;
    float: left;
    /*height: 100vh;*/ 
    position:relative;
    height: calc(100% - 60px);
}
.main-sidebar{
    width: 250px;
    float: left;
    height: calc(100% - 60px);
    /*height: 100vh;*/  
    /*min-height: 2000px;
    height: 100vh;*/
    /*background-color:#272634;*/  
    /*background-color:#3f51b5;*/  
    /*background:radial-gradient(circle at 1.98% 89.01%,#7474BF,transparent 100%),radial-gradient(circle at 98.02% 21.98%,#348AC7,transparent 100%),radial-gradient(circle at 50% 50%,#0cc285,#0cc285 100%);
    background:linear-gradient(#008fe2 100%,154deg,#00b29c 0);*/
     /*background:radial-gradient(circle at 1.98% 20.98%,#4166b9,transparent 100%),radial-gradient(circle at 98.02% 20.98%,#182848,transparent 100%),radial-gradient(circle at 50% 50%,#297294,#0097d2 100%);*/
    /*background:linear-gradient(154deg,#00b29c 0,#008fe2 100%);*/
    background-color:#fff;   
    transition:  margin-right .5s ease-in-out, width 0.5s ease-in-out;   
    position:fixed;
    overflow-y:auto;
    z-index:9999;
    top:60px;
    border-left:1px solid #ddd;
}
.main-sidebar ul.collapsible .collapsible-body ul .collapsible .collapsible-body ul{
      /*overflow-y:auto;*/
}
.main-sidebar ul.collapsible{
    /*position:fixed;*/
}
.main-sidebar .overlay{
    background-color:rgba(255,255,255,0.7);
}
.side-nav{
    width:300px;
    z-index:9999;
    -webkit-transform: translateX(0%);
     transform: translateX(0%);
}
.side-nav .main-sidebar{
    width:300px;
}
.side-nav .main-sidebar ul.collapsible .collapsible-body ul.collapsible .collapsible-body ul li{
    padding-right:0;
    padding-right:25px;
}
.side-nav .main-sidebar ul.collapsible .collapsible-header.active i.fa{
    color:#555;
}
/*.bigmenu {
  -webkit-transform: translateX(0%) !important;
     transform: translateX(0%) !important;
}*/
.right-aligned{
    /*-webkit-transform: translateX(0%);
     transform: translateX(0%);*/ 
    margin-top:-80px;
}
.main-sidebar.top{
    margin-top: 80px;
}
.main-sidebar.ng-hide{
     margin-right: -260px;
}
.main-sidebar.ng-show{
  margin-right: 0;
}
.main-sidebar.smallsidebar,.relative.smallsidebar{
    width: 60px;
    transition:   all 0.5s ease-in-out;
}
li.search-result a {
    margin-right:2.5rem;
}
/*.collapsible-header.search i.li-search,:not(.collapse-page .collapsible-header.search i.li-search){
    float:left !important;
}*/
/*.collapse-page .collapsible-header.search i.li-search{
    float:right !important;
}*/
.collapsible-header form .btn{
    width:20%;
    background-color:transparent;
    box-shadow:none;
    padding:0;
    border-radius:0;
}
.collapsible-header input[type="text"]{
    width:60%;
    padding-left:6px;
    border:1px solid #dfe8f1;
    height:2rem;
    margin-right:30px;
}
.collapsible-header input[type="text"]:focus {
    border: 1px solid #dfe8f1 !important;
    box-shadow:none;
}
.side-nav .collapsible-body, .side-nav.fixed .collapsible-body{
    background-color:transparent;
}
.main-sidebar.smallsidebar .collapsible-header span, .main-sidebar.smallsidebar .collapsible-header input[type="text"] {
    display:none;
}
.main-sidebar.smallsidebar ul.collapsible .collapsible-header.active{
    border: none 
}
.main-sidebar.smallsidebar .collapsible-body{
    display: none  !important;
}
.main-sidebar.smallsidebar .collapsible-header span,.main-sidebar.smallsidebar .collapsible-header i.fa-chevron-down{
    display: none;
}
.main-sidebar.smallsidebar ul.collapsible .collapsible-header i.faa-slow{
    width: 30px;
    /*height:30px;
    line-height: 30px;*/
    border-radius: 3px;
    /*margin-bottom:10px;*/
}
 .main-sidebar ul.collapsible {
        padding: 20px 0;
        margin: 0;
        box-shadow: none;
        border:0;
 }
 .main-sidebar ul.collapsible .collapsible-header{
    /*color:#858598;*/
    /*color:#c9c9ce;*/
   
    /*border-bottom: 0;*/
    border-color:#f6f5f5;
    /*border-color:rgba(255,255,255,0.07);*/
    transition: all 0.4s ease-in-out;
    min-height: 3rem;
    line-height: 3rem;
    padding: 0;
    background-color: transparent;
    /*margin-bottom: 5px;*/
    font-size:13px;
}
 .main-sidebar ul.collapsible .collapsible-header a{
      color:#555;
 }
 .main-sidebar ul.collapsible .collapsible-header:hover,.main-sidebar ul.collapsible .collapsible-header.active{
    /*color: #C9C7EF;*/
    /*color:#fff;*/   
}
 .main-sidebar.active-red ul.collapsible .collapsible-header.active {
        background-color:#d64635;     
    }
.main-sidebar ul.collapsible .collapsible-header.active {
        background-color:#00b19b;     
    }
.main-sidebar.default ul.collapsible .collapsible-header.active{
    color:#fff !important;
}
.main-sidebar ul.collapsible .collapsible-header.search.active{
    background-color:transparent;
}
    .main-sidebar ul.collapsible .collapsible-header.active a {
        color: #fff;
    }
.main-sidebar ul.collapsible .collapsible-header.active i.fa{       
            color: #fff;
  }
.main-sidebar ul.collapsible li.active  li.active .collapsible-header.active i.fa{       
            color: #8da0aa !important;
  }
.main-sidebar ul.collapsible .collapsible-header.search.active i.fa{       
            color: #555;
  }
.main-sidebar ul.collapsible .collapsible-header:hover i.fa-chevron-down,.main-sidebar ul.collapsible .collapsible-header.active i.fa-chevron-down{
     /*color: #C9C7EF;*/
        /*color:#fff;*/
}         
.main-sidebar ul.collapsible .collapsible-body ul ul.collapsible .collapsible-header:hover, .main-sidebar ul.collapsible .collapsible-body ul ul.collapsible .collapsible-header.active {
            /*border: 0;
            border-radius: 0;*/
             /*color: #fff;*/
             background-color:rgba(255,255,255,0.07);
 }
.main-sidebar ul.collapsible .collapsible-body ul ul.collapsible .collapsible-header.active{
    background-color:#f1f1f1;
}
.main-sidebar ul.collapsible .collapsible-header i.fa {
            float: right;
            font-size: 10px;
            color: #8da0aa;
            margin-left:13px;
        }

        .main-sidebar ul.collapsible .collapsible-header i.faa-slow {
            float: left;
            /*color:#858598;*/
           color:#555;
            opacity: 0.8;
            font-size: 18px;
            /*margin-left: 1rem;
            margin-right:30px;*/
            /*background-color: rgba(0,0,0,0.7)*/
            background-color:(255,255,255,0.1);
        }

.main-sidebar ul.collapsible .collapsible-body {
            border-bottom: 0;
 }

.main-sidebar ul.collapsible .collapsible-body ul {
         padding-right: 0;
         padding-top: 0;
         padding-bottom: 0;
         border: 0;
  }
 .main-sidebar ul.collapsible .collapsible-body ul.collapsible .collapsible-body ul{
         padding-left:0;
   }
                /*.main-sidebar ul.collapsible .collapsible-body ul.collapsible .collapsible-body ul.collapsible li*/ 
                    .main-sidebar ul.collapsible .collapsible-body ul.collapsible .collapsible-body ul li {
                    /*list-style-type: disc;*/
                    color: #8da0aa;
                    transition: all 0.4s ease-in-out;
                    padding:5px 50px 5px;
                    /*list-style-position:inside;*/
                    white-space:nowrap;
                }
            .collapsible-body ul p{
                padding:0;
                padding-right:35px;
                color:#fff;
                font-weight:bold;
            }
.main-sidebar ul.collapsible .collapsible-body ul li a {
                    color: #555;
                }

/*.main-sidebar ul.collapsible .collapsible-body ul li.active{
   background-color:rgba(255,255,255,0.07);
}*/
.main-sidebar ul.collapsible .collapsible-body ul .collapsible .collapsible-body ul li.active{
    background-color:#f1f1f1;
}
.main-sidebar.active-red ul.collapsible .collapsible-body ul li.active,.main-sidebar.active-red ul.collapsible .collapsible-body ul ul.collapsible .collapsible-header.active{
   background-color:rgba(255,255,255,0.07) !important;
}

.main-sidebar ul.collapsible .collapsible-body ul li a:hover {
                        /*text-decoration: underline;
                        color: #0093d9;*/
                    }
 .main-sidebar ul.collapsible .collapsible-body .collapsible-header {
                min-height: 2.5rem;
                line-height: 2.5rem;
                padding-left:70px;
                clear:both;
            }
.main-sidebar ul.collapsible .collapsible-body .collapsible-header {
}

.main-sidebar .collapsible-header i {
        line-height: 3rem;
    }
.main-sidebar .collapsible-header i.fa-chevron-left,.main-sidebar .collapsible-header i.fa-chevron-right{
    line-height:2.5rem;
}
    .main-sidebar ul.collapsible .collapsible-body ul.collapsible {        
        margin-top: 5px;
        padding-left:0 !important;
    }

        .main-sidebar ul.collapsible .collapsible-body ul .collapsible .collapsible-body ul {
            /*background-color:rgba(0,0,0,0.31);*/
            padding:10px 0;
        }
        .main-sidebar ul.collapsible .collapsible-body ul .collapsible .collapsible-body ul li,.main-sidebar ul.collapsible .collapsible-body ul .collapsible .collapsible-body ul li a{
            transition:all 0.3s ease-in-out;
        }
        .main-sidebar ul.collapsible .collapsible-body ul .collapsible .collapsible-body ul li:hover {                  
                   /*background-color:#ddd;*/
                   /*background-color:rgba(255,255,255,0.07);*/
                }
        .main-sidebar ul.collapsible .collapsible-body ul .collapsible .collapsible-body ul li a:hover {
                   /*color:#555;*/                   
                }
/*end sidebar*/

/*start main content*/
.main-content {
    /*width: calc(100% - 300px);*/
    /*float: right*/;
    background-color: #ecedef;
    /*padding: 20px;*/
    /*margin: 10px;*/
    /*    width: calc(100% - 100px);*/
    /*    margin-right: 260px;*/
}
/*End main content*/
/*options*/
.optionbox {
    background-color: #fff;
    width: 300px;
    min-height: 250px;
    box-shadow: 0 4px 5px rgba(0,0,0,.3);
    text-align: center;
    border-radius: 3px;
    position: fixed;
    top: 80px;
    /*right: 300px;*/
    right:-300px;
    z-index: 999;
    transition:all 0.3s ease-in-out;
}
.optionbox.active{
    -webkit-transform: translateX(-300px);
    -moz-transform: translateX(-300px);
    transform: translateX(-300px);
}
.optionbox .pointer{
     background-color: #00ceb4;
     border: 1px solid #00b19b;
     color: #fff;
     width: 54px;
     height: 50px;     
     text-align: center;
     font-size: 25px;
     margin-top: 10px;        
     position:absolute;
     left:-54px;
}
.optionbox i.li-settings {
    margin-top:20%;
    }
.optionbox .faa-spin.animated,.optionbox .faa-spin.animated-hover:hover,.optionbox .faa-parent.animated-hover:hover > .faa-spin{
    animation: spin 3s linear infinite;
}
.user-options{
   
    /*position: fixed;
    top: 200px;
    right: 300px;*/
    z-index: 99999px;    
    border-radius: 1px;
/*    transition: all .5s ease;*/
}
.user-options h5{
    padding: 10px;
    margin: 0;
    border-top: 1px  solid  #dfe8f1;
    border-bottom: 1px  solid  #dfe8f1;
    font-size: 20px;
}
.user-options ul.theme-switches{
    padding: 0 !important;
    margin:0 !important;
}
.user-options ul.theme-switches li{
    height: 40px;
    line-height: 40px;
    border-bottom: 1px  solid  #dfe8f1;    
}
.user-options ul.theme-switches li.colors-option{
     height: 60px;
    line-height: 60px;
}
.user-options ul.theme-switches li span{
   
    margin-right: 10px;
}
.user-options ul.theme-switches .switch label .lever{
    background-color: #cac8c8;
    /*margin-top: 13px;*/
}
.switch label input[type=checkbox]:checked+.lever {
    background-color: #26a69a;
     margin-top:0;
}
.user-options h6{
    margin-right:10px;
    text-align:right;
}
.user-options .colors{
    margin-right:10px;
    float:right;
}
.user-options span.circle{
    display:inline-block;
    width:25px;
    height:25px;
    border-radius:50%;    
    border:1px solid #fff;
    box-shadow: 1px 2px 3px rgba(0,0,0,0.1);
    margin-right:0 !important;
    margin-left:10px;
}
.user-options span.circle.blackblue{
     background-color:#2D5F8B;   
}
.user-options span.circle.darkgrey {
     /*background-color:#697380;*/
     background-color:#6b727a;   
}
.user-options span.circle.dark {
     background-color:#2b3643;   
}
.user-options span.circle.darkgreen{
    background-color:#2A3F54;
}
.user-options span.circle.default {
    background-color: #2b3643;
}
 .user-options span.circle.gradient1 {
            background: radial-gradient(circle at 1.98% 89.01%, #7474BF, transparent 100%),radial-gradient(circle at 98.02% 21.98%, #348AC7, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%);

    }
 .user-options span.circle.gradient2 {
       background: radial-gradient(circle at 1.98% 74.02%, #E55D87, transparent 100%),radial-gradient(circle at 98.02% 35.97%, #5FC3E4, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%);

    }
 .user-options span.circle.gradient3 {
        background:radial-gradient(circle at 1.98% 89.01%, #7474BF, transparent 100%),radial-gradient(circle at 98.02% 21.98%, #348AC7, transparent 100%),radial-gradient(circle at 50% 50%, #0cc285, #0cc285 100%);
    }
/*End options*/
.select-wrapper span.caret {
    left: 0;
    right: initial;
}

.dropdown-content li {
    text-align: right;
}

.col .btn {
    /*background-color: #008fe2;
    color: #fff;*/
}

.modal .modal-footer .btn, .modal .modal-footer .btn-large, .modal .modal-footer .btn-flat {
    float: right;
    background-color: #3f51b5;
    color: #fff;
}
.file-field input[type=text]{
    border-bottom:none !important;
}
.k-grid .k-header .k-button.k-grid-save,.k-grid .k-header .k-button.k-grid-add{
    float:left;
    color:#fff;
    background-color:transparent !important;
    border:0;
    height:35px;
    margin-top: -7px;
}
.k-grid .k-grouping-header{
    /*color:transparent !important;*/
}
.danger{
    background-color:#f2dede !important;
}
    th.danger:before {
        margin-top:5px;
        content: "required";
    }
    
      /*input[ng-model $="arabic_name"]::after {       
        color:red;
        content:"*";
    }*/
.k-add:before{
    content: "\e11e";
}
.k-delete:before{
    content:"\e10c";
}
.k-grid-save:before {
    content: "\e109";
}
/*start main content*/
.main-content {
    /*width: calc(100% - 300px);
    float: right;
    background-color: #fff;
    margin: 10px;*/
}
.main-content .data {      
      position: relative;
      top:100px;
      margin-bottom:100px;
      overflow: auto;
    }
.main-content .data h2{    
      background-color:#f9f9f9;
      padding: 20px;
      box-shadow:0 2px 2px rgba(0,0,0,.05);
      position:fixed;
      top:60px;
      width:100%;
      z-index:99;
}
.main-content .data .k-button-operations,.k-button-operations {
            position: absolute;
            z-index: 99;
            margin-top: 4px;
            border-radius: 0;
            background-color: transparent;
            color: #fff;
            border: 0;
            box-shadow:none !important;
            padding:10px 0;
        }

.k-button-icontext .k-icon, .k-button-icontext .k-image, .k-button-icontext .k-sprite {
    margin-left: 0 !important;
}
span.star{
    color:red;
    display:inline-block;
    margin-right:5px;
}
/*.main-content .data .k-button-operations.new {
    left: 342px;
}
.main-content .data .k-button-operations.edit {
    left: 256px;
}
.main-content .data .k-button-operations.delete {
    left: 175px;
}
.main-content .data .k-button-operations.confirm {
    left: 100px;
}*/
/*.main-content .data .k-button-operations.delivery{
    left:25px;
}*/
/*.main-content .data .k-button-operations:last-child{
     left:25px;
}*/
.posting label{
      margin-bottom:50px;
}
.posting-buttons .btn{
    margin-top:20px;
}
.main-content .data .entry .k-button-operations:nth-last-of-type(3) {
     right: 205px; 
}
.main-content .data .entry .k-button-operations:nth-last-of-type(4) {
     right: 276px;   
}
.main-content .data .k-button-operations:nth-last-of-type(8){
      right: 360px;
      }
.main-content .data .k-button-operations:nth-last-of-type(7){
      right: 422px;
      }
.main-content .data .k-button-operations:nth-last-of-type(6){
      right: 482px;
      }
.main-content .data .k-button-operations:nth-last-of-type(5){
      right: 342px;
      }
.main-content .data .k-button-operations:nth-last-of-type(4){
     right: 256px;
     }
.main-content .data .k-button-operations:nth-last-of-type(3){
     right: 195px;
      }
.main-content .data .k-button-operations:nth-last-of-type(2){
    right: 100px;
}
.main-content .data .k-button-operations:nth-last-of-type(1){
  right:25px;
    
}
 .main-content .data .multiplecash .k-button-operations:nth-last-of-type(5){
      right: 345px;
}
.main-content .data .multiplecash .k-button-operations:nth-last-of-type(4){
          left: 266px;
}
.main-content .data .multiplecash .k-button-operations:nth-last-of-type(3){    
      left: 195px;
}
.main-content .data .multiplecash .k-button-operations:nth-last-of-type(2){     
     left: 125px;
}
.main-content .data  .multiplecash .k-button-operations:nth-last-of-type(1) {
    left: 28px;
}
.s4 .k-grid .k-grouping-header{
    color:transparent;
}
.paper tr.k-state-selected{
    position:relative;
}
#DivToShow{
   display:none;
   position:absolute; 
   background-color:#fff;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.2);
    }
#DivToShow  ul{
    width:11.4em !important;
    padding-right:0;
    color:#444;
}
#DivToShow  ul li{
    padding:5px 20px 5px 0;
   
}
#DivToShow  ul li:hover{
    background-color:#ebebeb;
}
.main-content .data h2 {
    font-size: 2.56rem;
    margin: 0;
    margin-bottom: 10px;
}
#menu1 .buttons .k-button-operations.new{
    left:105px !important;
}
.k-dropdown-wrap .k-select, .k-numeric-wrap .k-select, .k-picker-wrap .k-select{
        line-height: 0.564em !important;
}
.k-dropdown.k-invalid .k-input{
    /*color:#d3d3d3 !important;*/
}
.main-content ul.tabs {
     margin-bottom:20px;
     padding:0;
}
ul.bill-tabs{
    margin-top:40px;
    margin-bottom:0 !important;
}
.main-content ul.tabs.financial{
     margin-bottom:0;
}
.main-content ul.tabs .tab a {
    color: #00ceb4;
    font-size: 18px;
    /*padding: 0.25em 0 0.5em;*/
    transition:all 0.3s ease-in-out;
    border-left:1px solid #e7ecea;
  }
.main-content ul.tabs .tab.disabled a{
    color:rgba(0, 206, 180, 0.7);
}
.main-content ul.tabs .tab img{
    width:40px;
    height:40px;
    margin-top:10px;
}
.main-content ul.tabs .tab a i{
    margin-right:10px;
}
.main-content ul.tabs .tab a.active {
   color:#74777b;
   border-bottom:4px solid #00ceb4;
 }
.tabs {
    /*height:70px;*/
}
.tabs.item-tabs{
    height:70px;
}
.tabs .tab{
    background-color: #fff;
    height:50px;
    line-height:50px;
}
.tabs .fa-3x{
    font-size:2rem;
    line-height:38px;
}
.main-content .tabs .indicator {
    height: 5px;
    background-color: #00ceb4;    
    display:none;
    /*right: 185.406px !important;*/
}
.main-content .tab-content {
    padding: 10px;
    /*background-color:#fafafa;*/
    background-color:#e7ecea;
}
 .tab-content .k-input{
     padding:0;
 }
/*End main content*/
/*.row .col {
    float: right;
}*/
.row .col.offset-s1{
       margin-right: 8.3333333333%;
       margin-left:0;
}
.row .col.offset-s2{
    margin-right:16.6666666667%;
     /*margin-right:25%;*/
}
/*.login .row .col.offset-s2{
    margin-right:25%;
}*/
.row .col.offset-m2{
       margin-right: 16.6666666667%;
}
.buttons {
    position: relative;
     padding:0 20px;
}
.buttons .k-button-operations {
        /*top: 3px;*/
      
 }
.tab-content  .buttons .k-button-operations {
      top: 13px;
      box-shadow:none !important;
 }
.tab-content  .buttons.no-margin .k-button-operations {
    top:0 !important;
 }
.tab-content  .paper-grid .buttons .k-button-operations {
    top: 0;
}
.tab-content  .paper-grid .k-button-icontext .k-icon{
    margin-left:3px;
}
.tab-content  .paper-grid .k-i-print{
     margin-left:5px !important;
}
    .tab-content#menu1 .buttons .k-button-operations{
        top:5px !important;
    }

a.popup {
    position: relative;
    z-index: 999;
    top: 45px;
    margin-right: 10px;
    color: #fff;
}
span.status.invalid.treasury{
    top:50px;
}  
span.status.invalid .k-icon{
    font:16px/1 WebComponentsIcons;
    width:1.5em;
}
 span.status.invalid .k-icon:before {
    content: "\e403";
     margin-left:10px;
}
span.status.invalid{
    border-color: #fdefba;
    background-color: #fdefba;
    color: #816704;
    padding: 13px 17px;
    position:absolute;
    left:10px;
   
}
span.status.username {
    font:16px/1 WebComponentsIcons;
}
/*span.status.invalid:before {
    content: "\e403";
    margin-left:10px;
}*/
.k-header.k-grid-toolbar,.k-grid .k-grouping-header{
 
    height: 30px;
    line-height:2;
}

#demoModal select {
    display: block;
}

a.k-grid-filter {
    color: #32364c !important;
}

.k-grid .k-icon {
    /*opacity:1 !important;*/
}

.k-filter:before {
    content: "\e129";
}

.k-grid-header {
    padding-right: 0 !important;
    padding-left: 0 !important;
}
 .k-grid-content{
    overflow-y:hidden  !important;
}
    .k-filter-row th, .k-grid-header th.k-header {
        text-align: right !important;
    }

.k-grid td {
    text-align: right;
}

.k-grid-header th.k-header:first-child {
    border-left-width: 1px !important;
}

.k-dropdown-wrap .k-select, form.k-filter-menu .k-numeric-wrap .k-select, form.k-filter-menu .k-picker-wrap .k-select {
/*    left: initial !important;
    right: 0 !important;*/
    margin-top: 12px;
}
form.k-filter-menu .k-picker-wrap .k-select {
     margin-top: 0 !important;
}
form.k-filter-menu .k-dropdown-wrap {
    padding: 0 0.571em 0 0;
}
.tab-content.financial input:not([type]), .tab-content.financial input[type=text], .tab-content.financial input:not([type]), .tab-content.financial input[type=text], .tab-content.financial input[type=number]{
    height:3rem;
}
.tab-content .edit-financial input[type=text]{
     height:2.8rem;
}
.tab-content.financial  .type .k-input{
     height:2.9rem;
}
.financial .k-picker-wrap.k-state-default > .k-select{
    height:38px;
}
.financial form .k-picker-wrap.k-state-default .k-icon.k-i-calendar{
        margin-top: 14px;
}
 /*.financial .k-dropdown-wrap .k-input{
    height: 1.88em;
    line-height: 1.88em;
 }*/
/*.tab-content label{
      margin-top:15px;
      font-size:18px;
      display:inline-block;
  }
  input:not([type]),.tab-content input[type=text]{
          height: 2.5rem;
          border-radius: 5px;
          border: 1px solid #9e9e9e;
          margin:0;
  }
  .tab-content input[type=text]:focus:not([readonly]){
      border-color:#3da6ff;
      box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
  }*/
.k-dropdown-wrap, .k-numeric-wrap, .k-picker-wrap {
    padding: 0 !important;
}

    .k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
        background-color: #fff !important;
    }
.setting-data ul:not(.browser-default){
    padding-right:0;
    padding-left:40px;
}

.tab-content .input-field label,.currency .input-field label {
    position: initial;
    font-size: 13px;
    font-weight: 700;
    display: inline-block;
    float: left;
    color: #3e4855;
   /*margin-top: 10px;*/
   width: 20%;
}
.tab-content.images label{
    width:14%;
    float:right;
    margin-top:10px;
}
.tab-content.images .input-field .k-widget{
    width:80%;
    float:right;
}
.tab-content .input-field.full-width label{
     width: 100%;
}
.input-field label.lg{
      width: 100%;
}
.tab-content .input-field.representative label{
    width:40%;
}
.tab-content .input-field [type="checkbox"]+label{
    position:relative !important;
    top:0;
}
.tab-content .input-field.receipt-check  label {
    width:100%;
}
.tab-content .input-field.receipt-check span.k-widget.k-combobox.k-header{
    /*width:66% !important;*/
}
form.store #Confirmation label, form.store #Permission label,form.store #Home .out label {
    width:100% !important; 
}
.currency .input-field label{
     width: 10%;
}
.tab-content .move.s2{
    width:9.666667%;
    padding:0;
}
.tab-content  h5{
    position: initial;
    font-size: 14px;
    font-weight: 700;
     color: #3e4855;
}
.tree{
    margin-top:20px;
}
.modal .input-field label.active,.tab-content .input-field label.active {
   transform: none !important;
}
.modal#import .btn i,.modal#Cimport .btn i,.modal#Vimport .btn i,.modal#Itemimport .btn i,modal#Storeimport .btn i,.modal#BankImport .btn i,.modal#TreasuryImport .btn i{
    margin-left:5px;
}
#import .row:first-child,#import  input[type=text],#Vimport .row:first-child,#Vimport  input[type=text],#Itemimport .row:first-child,#Itemimport  input[type=text],#Storeimport .row:first-child,#Storeimport  input[type=text],#Cimport .row:first-child,#Cimport  input[type=text]{
    margin-bottom:0;
}
.modal#import input[type=text],.modal#Vimport input[type=text],.modal#Itemimport input[type=text],.modal#Storeimport input[type=text],.modal#Cimport input[type=text],.modal#BankImport input[type=text],.modal#TreasuryImport input[type=text]{
    border:none;
    background-color:transparent;
}
.modal#import table,.modal#Vimport table,.modal#Itemimport,.modal#Itemimport table,.modal#Storeimport  table,.modal#Cimport table,.items-table{
    border:1px solid #d0d0d0;
    margin-bottom:20px;
}
.modal#import .btn-large,.modal#Vimport .btn-large,.modal#Itemimport .btn-large,.modal#Storeimport .btn-large,.modal#Cimport .btn-large{
    height:45px;
    line-height:45px;
}
.modal#import td, th,.modal#Vimport td, th,.modal#Itemimport td, th,.modal#Storeimport td, th,.modal#Cimport td,.table-responsive th,.table-responsive td{
    text-align:center;
}
.table-responsive{
    overflow-y:scroll;
    width:100%;
    max-height:100vh;
    background-color:#fff;
}
.k-list-filter input:not([type]):focus:not([readonly]), input[type=text]:focus:not([readonly]):not(.collapsible-header input[type=text]:focus:not([readonly])){
    border:0 !important;
    box-shadow:none !important;
}
ul.ordered-list{
    padding:0;
}
ul.ordered-list li{
    font-size:18px;
     color: #039be5;
    /*list-style-type: disc;*/
    margin-bottom:10px;
}
.k-widget.k-notification.k-notification-upload-success{
    color:#fff;
    border-color:transparent;
}
.modal .file-field .btn{
    float:none;
}
.fin-currency .k-widget input[type=text]{
    height:2.8rem;
}
.k-widget.k-multiselect span{
    left:0 !important;
}
/*.login .input-field label.active {
       -webkit-transform: translateY(-140%);
       -moz-transform: translateY(-140%);
       transform: translateY(-140%);
}*/
/*date*/
.k-animation-container,.k-group{
   overflow:auto !important;
}
/*
.modal .k-animation-container{
    left:335px !important;
}*/
.k-grid-content td [type="checkbox"]:checked+label:before,.tree tr.tree-grid-row td [type="checkbox"]:checked+label:before{
   -webkit-transform:rotate(0deg);
    transform:rotate(0deg);
    width:20px;
    margin-left:3px;
}
.k-checkbox-label:before{
        line-height: 21px !important;
}
.k-animation-container + .k-calendar-container{

}
.center .btn-blue i{
    margin:0 5px;
}
#table{
    margin-top:20px
}
.tab-content input:not([type]), .tab-content input[type=text],.tab-content input:not([type]), .tab-content input[type=text],.tab-content input[type=number],.tab-content input[type=email], .tab-content input[type=password], .tab-content textarea{
    width: 80% ;
    float: left;
    height: 2.5rem;
    padding-left:20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dfe8f1;
    background-color: #fff;
    margin-bottom:0;
    /*box-shadow :0 1px 1px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);*/
}
.tab-content.Depreciation input:not([type]), .tab-content.Depreciation input[type=text], .tab-content.Depreciation input[type=number] {
    width: 70%;
}
 .tab-content .col .m11 textarea{
    width:100%;
}
 input:not([type]):focus:not([readonly]){
     border:none;
 }
 .k-textbox{    
    width: 96% !important;
    border: none !important;
 }
.currency input:not([type]), .currency input[type=text],.currency input:not([type]), .currency input[type=text],.currency input[type=number], .currency textarea{
    width: 90% ;
    float: left;
    height: 2.5rem;
    padding-right:20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dfe8f1;
    background-color: #fff;
    /*box-shadow :0 1px 1px rgba(0,0,0,.2), 0 2px 3px rgba(0,0,0,.05);*/
}
.tab-content .code input:not([type]), .tab-content .code input[type=text]{
    width:70% !important;
}
/*.tab-content textarea {
    height:99px;
}*/
.banner{
    height:45px;
    background-color:#3343a4;
}
.banner a{
     color:#fff;
}
/*.tab-content input:not([type]), .tab-content input[type=text] {
    width: 90%;
    float: left;
}*/
.tab-content input[type=text]:focus:not([readonly]),.tab-content input[type=number]:focus:not([readonly]) {
        border-color: #3da6ff;        
       box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
 }
input[type=password]:focus:not([readonly]), input[type=email]:focus:not([readonly]){
     border-color: #3da6ff;        
       box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.content{
    position:relative;
    top:60px;
}
.tab-content .addon {
    position: absolute;
    right: 82.5px;
    background-color: #f4f5f7;
    color: #2b2f33;
    text-align: center;
    padding-top: 10px;
    display: inline-block;
    height: 38px;
    width: 40px;
    border: 1px solid #dfe8f1;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    display:none;
}
.k-widget.k-timepicker{
    width:86%;
    float:left;
}
.main-content .data .accomplish .k-button-operations.new {
    left:312px !important;
}
.main-content .data .accomplish .k-button-operations.edit {
    left:216px !important;
}
.main-content .data .accomplish .k-button-operations.delete {
    left:125px !important;
}

.main-content .data .accomplish .k-button-operations.accomplishment{
    left:30px !important;
}
#StoreTimetableItem .modal-footer a {
    margin-left: 30px;
    margin-top: 20px;
}
#StoreTimetableItem{
    min-height:32% !important;
}
#StoreTimetableItem input:not([type]), #StoreTimetableItem input[type=text], #StoreTimetableItem input[type=number], #StoreTimetableItem textarea{
    padding-right:60px !important;
}
.k-list-container.k-popup.k-group.k-reset{
    /*overflow-y:scroll;*/
}
.input-field .k-button-operations.edit{
    left:18px !important; 
    margin-top:4px;
}
.k-i-k-i-plus:before{
    content:"\e11e";
}
.tab-content .code p {
    /*text-align: right;*/
    font-size: 16px;
    font-weight: 700;
  
}
.tab-content .code div:nth-child(2) p{
      padding-right:40px;
}
.tab-content .s6 .code div:nth-child(2) p{
      padding-right:0 !important;
}
    .tab-content .code p label {
        color: #3e4855;
    }

.main-content li.left a {
    color: #00ceb4;
}
.k-tooltip-validation .k-warning:before{
        content: "\e403";
}
input.value-number+span{
    top:47px;
    left:0  !important;
}
label.code-label {
    cursor: pointer !important;
}

.tab-content [type="radio"]:not(:checked) + label, .tab-content [type="radio"]:checked + label, .tab-content [type="checkbox"]:not(:checked) + label, .tab-content [type="checkbox"]:checked + label {
    padding-right: 0;
    padding-left: 35px;
}
.modal [type="radio"]:not(:checked) + label, .modal [type="radio"]:checked + label, .modal [type="checkbox"]:not(:checked) + label, .modal [type="checkbox"]:checked + label{
     padding-left: 0;
    padding-right: 35px;
}
.s8.item-label label{
    width:100% !important;
}
.labels {
    margin-top:20px;
}
.labels .s4{
    padding-left:0;
}
.tab-content#details1 .input-field label {
    /*width: 12% !important;*/
    margin-top: 0;
}

.tab-content#details1 .s6 .input-field label {
    width: 30% !important;
}

.tab-content#details1 .input-field .k-widget.k-dropdown.k-header {
    width: 88%;
    /*box-shadow: 0 1px 1px rgba(0,0,0,.2), 0 1px 1px rgba(0,0,0,.05);*/
}

.tab-content [type="radio"] + label:before, .tab-content [type="radio"] + label:after, .tab-content [type="checkbox"] + label:before, .tab-content [type="checkbox"] + label:after {
    left: 0;
    right: initial;
}
.modal#PCSes input[type=text]{
    margin-bottom:0;
}
.modal#PCSes input[type=text],.modal#PCSes span.k-dropdown{
    width:72% !important;
}
.modal [type="radio"] + label:before, .modal [type="radio"] + label:after, .modal [type="checkbox"] + label:before, .modal [type="checkbox"] + label:after{
      right: 0 !important;
      left: initial !important;
      top:10px !important;
}
.modal [type="radio"] + label.Withdrawal:before, .modal [type="radio"] + label.Withdrawal:after, .modal [type="checkbox"] + label.Withdrawal:before, .modal [type="checkbox"] + label.Withdrawal:after{
    right: 0;
    left: initial;
    top:10px;
}
[type="radio"]:not(:checked)+label.Withdrawal:before, [type="radio"]:not(:checked)+label.Withdrawal:after{
        border: 2px solid #5a5a5a;
}
[type="radio"]:not(:checked)+label.Withdrawal:before, [type="radio"]:not(:checked)+label.Withdrawal:after, [type="radio"]:checked+label.Withdrawal:before, [type="radio"]:checked+label.Withdrawal:after, [type="radio"].with-gap:checked+label:before, [type="radio"].with-gap:checked+label:after{
        border-radius: 50%;
}
[type="radio"] + label.Withdrawal:before, [type="radio"] + label.Withdrawal:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    margin: 4px;
    width: 16px;
    height: 16px;
    z-index: 0;
    transition: .28s ease;
}
[type="radio"]:not(:checked) + label.Withdrawal, [type="radio"]:checked + label.Withdrawal {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    display: inline-block;
    height: 25px;
    line-height: 25px;
    font-size: 1rem;
    transition: .28s ease;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
[type="radio"]:checked+label.Withdrawal:before{
    border: 2px solid transparent;
}
.tab-content .code .input-field p label {
    position: relative;
    width: initial;
    margin-top: -10px !important;
}
#details3.tab-content input:not([type]),#details3.tab-content input[type=text],#details3.tab-content input[type=number]{
    width:80%;
}
.clear {
    clear: both;
}
.currency span.k-widget.k-combobox.k-header,.currency span.k-dropdown.k-header,.currency .k-multiselect.k-header {
    width: 90% !important;
    float: left !important;
    border-radius:0;
    
}
.currency .k-picker-wrap.k-state-default>.k-select {
    border-color: #fafafa;
}
.currency .k-picker-wrap.k-state-default > .k-select {
    background-color: #f4f5f7;
    border-left: 1px solid #dfe8f1;
    height: 35px;
    margin: 1px;
    left: 0;
    right: initial;
}
.currency .k-picker-wrap .k-icon {
    margin-top: 13px;
    color: #2b2f33;
}
.currencyinput[type=text]{
    border: 1px solid #dfe8f1;
}
.currency .k-picker-wrap.k-state-default > .k-select{
    /*margin:0;
    background-color:#f4f5f7 !important;*/
}
form .k-picker-wrap.k-state-default .k-icon.k-i-calendar{
    margin-top:10px;
}
.currency input[type=text]:focus:not([readonly]),.currency input[type=number]:focus:not([readonly]) {
    border:1px solid #3da6ff;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
.currency .k-state-default > .k-select {
    border: 0;
}
.tab-content span.k-dropdown.k-header{
    border: 1px solid #dfe8f1;
    background-color: #fff;
}
.tab-content span.k-widget.k-combobox.k-header, .tab-content span.k-dropdown.k-header,.tab-content .k-multiselect.k-header {
    width: 80% !important;
    float: left !important;
   /* 
    border-width: 0.5px;
    border-color: #d1aeae;
    border-radius: 5px;
    overflow:hidden*/
    /*box-shadow: 0 1px 1px rgba(0,0,0,.2), 0 1px 1px rgba(0,0,0,.05);*/
}
.tab-content.Depreciation span.k-widget.k-combobox.k-header, .tab-content.Depreciation span.k-dropdown.k-header, .tab-content.Depreciation .k-multiselect.k-header ,.tab-content.Depreciation .k-datepicker{
    width: 69% !important;
}
.tab-content.Depreciation  span.k-dropdown,.stock span.k-combobox{
    height:36px !important;
}
.date  .k-datepicker,.date  .k-combobox,.date  input[type=text],
.low  .k-datepicker,.low  .k-combobox,.low  input[type=text],.low  input[type=number]{
     height:38px !important;
}
.low.financial  .k-dropdown,.low .k-dropdown{
      height:36px !important;
}

.tab-content.Depreciation .input-field label{
    width:initial;
}
.modal .k-multiselect.k-header {
    width: 83% !important;
    float:left;
}
.k-multiselect-wrap{
    padding-right:0 !important;
}
.k-multiselect-wrap .k-input{
      margin:0 !important;
}
.k-multiselect-wrap input:not([type]), .k-multiselect-wrap input[type=text]{
    border:0 !important;
}
.k-widget.k-multiselect.k-header input:not([type]):focus:not([readonly]),.k-widget.k-multiselect.k-header  input[type=text]:focus:not([readonly]){
    border-bottom:0;
    box-shadow:none;
}
.k-multiselect-wrap li{
    float:right !important;
}
.k-multiselect-wrap li span.k-delete:before{
    content: "\e11b" !important;
}
.k-widget.k-multiselect.k-header input:not([type]){
    float:right;
}
.k-combobox .k-dropdown-wrap:before, .k-numeric-wrap:before, .k-picker-wrap:before {
    content: normal !important;
}
.inputs-bill{
    /*background-color: #fbf5e1;*/
    background-color:#f7eabf;
    margin-top: 20px;
    padding-bottom:10px !important;
}
.col.s12.inputs-bill{
    padding-bottom:10px !important;
}
.tab-content .k-datepicker,.tab-content .k-timepicker  {
    width: 80% !important;
    float: left;
}
/*.tab-content.Depreciation span.k-widget.k-dropdown,.tab-content .k-widget.k-combobox,.tab-content .k-widget.k-dropdown,.tab-content input[type=text],.tab-content input[type=number] {
    height:36px;
}*/
.tab-content.Depreciation span.k-widget.k-dropdown,.tab-content .k-widget.k-combobox,.tab-content .k-widget.k-dropdown,.tab-content input[type=text],.tab-content input[type=number]
,.tab-content .k-datepicker
 {
    max-height:40px;

  
}


    .tab-content.Depreciation span.k-widget.k-dropdown:focus, .tab-content.Depreciation span.k-widget.k-combobox:focus, .k-widget.k-combobox:focus, .k-widget.k-dropdown:focus,
    .input-field > input[type="text"]:focus, input[type=number]:focus, input[type=email]:focus, .k-datepicker:focus,
    .k-multiselect.k-header:focus,
    .input-field > input[type=text]:focus:not([readonly]):not(.collapsible-header input[type=text]:focus:not([readonly])) {
        border: 1px solid #00c5ac !important;
        /*border-color: #d1aeae !important;*/
        /*border-color: #00c5ac !important;*/
        border-radius: 5px !important;
        overflow: hidden !important;
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(101 216 202) !important;
    }

.login .input-field input:focus, .login .input-field > input[type="text"]:focus, .login .input-field > input[type=text]:focus:not([readonly]):not(.collapsible-header input[type=text]:focus:not([readonly])) {
    border-bottom: 1px solid #00abab !important;
    box-shadow: 0 1px 0 0 #00abab !important;
}

     .tab-content.Depreciation span.k-widget.k-combobox:focus-within, .k-widget.k-combobox:focus-within,
    .k-datepicker:focus-within{
        border: 1px solid #00c5ac !important;
        /*border-color: #d1aeae !important;*/
        /*border-color: #00c5ac !important;*/
        border-radius: 5px !important;
        overflow: hidden !important;
        box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%), 0 0 8px rgb(101 216 202) !important;
    }



.tab-content.Depreciation span.k-widget.k-dropdown, .k-widget.k-combobox, .k-widget.k-dropdown,
.input-field > input[type="text"], input[type=number], input[type=email], .k-datepicker,
.k-multiselect.k-header,
.k-widget.k-combobox, .k-widget.k-dropdown {
    border-width: 0.5px !important;
    /*border-color: #d1aeae !important;*/
    border: 1px solid #b8bcc5 !important;
    border-radius: 5px !important;
    overflow: hidden !important;
}


    .tab-content .k-widget.k-combobox, .tab-content .k-widget.k-dropdown .tab-content input[type=number], .tab-content .k-datepicker {
      
    }

span > input[type=text] {
    border: 0 !important;
    box-shadow: none !important;
}
.tab-content .k-dropdown-wrap .k-input {
    /*padding:0;*/
}
.tab-content .goodsReceipt-currency .k-widget.k-combobox{
     height:38px;
}
.tab-content .goodsReceipt-currency input[type=text]{
     height:37px;
}
.tab-content.Depreciation.k-dropdown-wrap .k-input{
    padding:0;
}
.tab-content.Depreciation .last-date .k-widget.k-datepicker{
      height:37.5px;
}
.tab-content .k-select {
    /*width: 30px;*/
    margin-left: 8px;
}

.tab-content .k-state-default > .k-select {
    border: 0;
}

.k-picker-wrap.k-state-default > .k-select {
    background-color: #f4f5f7;
    border-left: 1px solid #dfe8f1;
    height: 35px;
    margin: 1px;
    left:0;
    right:initial;
}

.tab-content .k-picker-wrap .k-icon {
   margin-top: 9px;
    color: #2b2f33;
}

.tab-content .k-animation-container {
    left: 0 !important;
    right: 341.25px !important;
}

.modal h4 {
    color: #3c3b3b;
}

.modal .input-field label {
    position: initial;
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    float: left;
    color: #555a60;
    margin-top: 10px;
    /*width: 10%;*/
}
.modal#Price_Listpopup .k-datepicker,.modal#Price_Listpopup .k-widget.k-combobox.k-header,.modal#Price_Listpopup input[type=number]{
    width:80% !important;
}
.modal#TreasuryBeginningBalances  input[type=number],.modal#TreasuryBeginningBalances .k-widget.k-combobox.k-header{
     width:78% !important;
}
.modal#BankBeginningBalances  input[type=number],.modal#BankBeginningBalances  input[type=text],.modal#BankBeginningBalances .k-widget.k-combobox.k-header{
     width:69% !important;
}
.modal#BankBeginningBalances .k-widget.k-combobox.k-header  input[type=text]{
    width:100% !important;
}
.modal#BankBeginningBalances .k-widget.k-combobox.k-header,.modal#BankBeginningBalances input.acc-no{
    height:37px !important;
}
.modal input{
    margin-bottom:0;
}
.modal input:not([type]), .modal input[type=text], .modal input[type=number] ,.modal textarea{
    width: 84%;
    float: right;
    height: 2.5rem;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #dfe8f1;
    background-color: #fff;
}
.modal.type label{
       width:20%;
}
.modal.type input:not([type]), .modal.type input[type=number], .modal.type textarea,
.modal.type .k-widget.k-combobox.k-header, .modal.type .k-dropdown
 {
    width:79% !important;
    }
.modal#FItem  .tab-content{
    background-color:#fafafa;
    margin-bottom:20px;
}
.modal#FItem  ul.tabs .tab a{
    border-left:1px solid #dfdddd;
}
.modal#FItem ul.tabs,.modal#FItem .tabs .tab {
    background-color:#f1f1f1;
}
.modal#FItem  input[type=number],.modal#FItem  input[type=text] {
    width:79%;
}
.modal#FItem td  input[type=text]{
    border:1px solid #dfe8f1 !important
}
.modal#bill input:not([type]),.modal#bill input[type=text],.modal#bill input[type=number], .modal#bill textarea {
        width: 74%;
    }
.modal#Remittance_CreditCard  input:not([type]), .modal#Remittance_CreditCard input[type=text],.modal#Remittance_CreditCard .k-datepicker, .modal#Remittance_CreditCard input[type=number]{
    width:79% !important;
    float:left !important;
}
.modal#Remittance_CreditCard .k-datepicker input[type=text]{
    width:100% !important;
}
.modal .partial input[type=text],.modal .partial .k-datepicker{
    width: 65%;
}
.modal.partial  span.data{   
    float:right;
    display:inline-block;
    margin-top:10px;
    margin-right:35px;
    /*color:#26a69a;*/
    color: #5a5858;
    border: 1px solid #ddd;
    padding: 0 10px;
    background-color: #fff;
}
.modal#FinancialTransaction_Check .k-widget.k-combobox.k-header, .modal#FinancialTransaction_Check .k-datepicker,.modal#FinancialTransaction_Check  .sm-input input,.modal#FinancialTransaction_Check span.k-dropdown,
.modal#FinancialTransaction_CreditCard .k-datepicker,.modal#FinancialTransaction_CreditCard  .sm-input input{
    width: 80% !important;
}
.modal#BankStatus .row, .modal#TreasuryStatus .row,.modal#TransportStatus .row , .modal#PartialPayment .tab-content .row{
    border-bottom:1px solid #ddd;
    padding-bottom:20px;
}
.modal#PartialPayment .tab-content label{
    width:12%;
}
.modal#PartialPayment span.k-widget.k-combobox.k-header{
    width: 84% !important;
}
.modal#BankStatus .row textarea ,.modal#TreasuryStatus .row textarea ,.modal#PartialPayment textarea {
    height:2.5rem;
}
.modal#PartialPayment  .tab-content .btn{
    margin-bottom:20px;
}
.modal#PartialPayment  .tab-content .btn i{
    margin-left:5px;
}
.modal#PartialPayment  .tab-content .btn i.fa-trash-o{
    margin-left:15px;
}
.modal#BankStatus .row.last, .modal#TreasuryStatus .row.last, .modal#TransportStatus .row.last,.modal#PartialPayment .row.last{
    border-bottom:0;
}
.modal#BankStatus .row.status,.modal#TreasuryStatus .row.status{
    padding-bottom:20px;
}
.modal#BankStatus .row.status .modal .k-widget.k-combobox.k-header ,.modal#TreasuryStatus .row.status .modal .k-widget.k-combobox.k-header{
    width:92%;
}
.modal#PartialPayment .tab-content{
    background-color:transparent;
}
.modal#PartialPayment  ul.tabs{
    margin-bottom:0;
}
.modal span.k-dropdown{
    width: 84%;
     float: right !important;
      border: 1px solid #dfe8f1;
}
.modal textarea{
    height:100px;
}
.modal .k-widget.k-combobox.k-header ,.modal .k-datepicker{
    width: 84% !important;
    float: left !important;
}
.modal#bill .k-widget.k-combobox.k-header ,.modal#bill .k-datepicker{
    width: 74% !important;    
}
.modal .sm-date .k-datepicker{
    width:120px !important;
    float: right !important;
    margin-right:45px;
}
.modal .sm-date input[type=text]:focus:not([readonly]){
    border-color:#ddd;
}
.modal .sm-date .k-picker-wrap.k-state-default>.k-select{
    visibility:hidden;
}
.modal input[type=text]:focus:not([readonly]), .modal input[type=number]:focus:not([readonly]) {
    border-color: #3da6ff;
    box-shadow: none;
}
/*.description textarea{
    height:3rem;
}*/
.box{
    margin-top:4rem;
}
.box-type{
    margin:10px 0;
}

.box-type .s4 .input-field{
    margin-top:0;
}
.modal #CheckForm .k-datepicker{
     width: 82%;
}
.modal .k-picker-wrap .k-icon {
    /*margin-top: 13px;
    color: #2b2f33;*/
}
.modal .center .btn{
    margin:30px 0;
}
.grid{
    margin-top:25px;
}
 .grid .s8 {
        margin-top: 27px;
 }
.grid .s4  .buttons .k-button-operations{
    top:4px !important;
}
.k-pager-wrap.k-grid-pager.k-widget.k-grid-pager .k-pager-nav {
    color: transparent !important;
    
}
ul.k-pager-numbers a.k-link{
    color:#444 !important;
}
.bank .k-grid.k-widget{
    margin-bottom:20px;
}
.k-input[readonly=readonly] ~ span.k-select span.k-icon.k-i-arrow-s:before{
    content:"\e113" !important;
}
.k-i-arrow-s:before{
}
./*k-grid-pager.k-pager-wrap .k-link.k-state-disabled .k-icon{
     color: transparent !important;
}
.k-grid-pager.k-pager-wrap .k-pager-nav .k-icon{
    color: transparent !important;
}
    */
.k-grid-pager.k-pager-wrap .k-link.k-state-disabled .k-icon {
    margin-top: 10px;
    opacity: 1 !important;
}

.k-pager-wrap.k-grid-pager.k-widget.k-grid-pager .k-icon:before {
    color: #444 !important;
}

.modal .k-select {
    margin-left: 8px;
}

.modal .k-state-default > .k-select {
    border: 0;
}

.modal .modal-footer .btn {
    margin-left: 5px;
    /*background-color:#00ceb4 ;*/
    background-color:#26a69a;
    /*color:#fff !important;*/
}
.modal .modal-footer .btn i {
    margin-right: 5px;
}
span.k-tooltip {
    position: absolute !important;
    right: 10% !important;
    z-index: 99 !important;
    top:0;
}
.m4.s12 span.k-tooltip{
     left: 19% !important;
}
.radio-err span.k-tooltip {
    width: 110px;
}
div#Quantity h5 {
    background-color: #3f51b5;
    color: #fff;
    padding: 10px;
}
div#Quantity h6{
    color:red;
    font-size:1.64rem;
    margin-right:15px;
}
    div#Quantity h5 i {
        margin-left: 10px;
    }

.k-pager-numbers.k-reset li.k-link {
    color: #ddd !important;
}
/*.k-widget.k-notification.k-notification-warning {
    width: 300px;
    height: 150px;
    border: 1px solid #f8c70d;
}*/
.k-widget.k-notification.k-notification-warning{
      color:#8a6d3b !important;
      /*background-color:#fcf8e3 !important;*/
      text-align:center;
}
.k-widget.k-notification.k-notification-info{
    background-color: #d9edf7 !important;
    border-color: #bcdff1 !important;   
}
.k-widget.k-notification.k-notification-error{
    color: #a94442 !important;
    border-color: #e8b2b7 !important;
}
.k-widget.k-notification.k-notification-warning h3,.k-widget.k-notification.k-notification-info h3{
    font-size:1.5rem;
    margin-top:10px;
    margin-left:20px;
}
.k-widget.k-notification.k-notification-error h3{
    font-size:1.5rem;
    /*margin-top:10px;*/
    margin-left:40px;
}
span.sub{
    display: inline-block;
    width: 80%;
    background-color: #fff;
    float: left;
    border: 1px solid #dfe8f1;
    height: 3rem;
    line-height: 3rem;
    padding-right: 20px;
}
#permissions .user-options{
    background-color:#fff;
    padding:20px;
}
#permissions .user-options label{
    width:100%;
    margin-left:20px;
    margin-bottom:20px;
}
#NotifContanier.demo-section.k-content , #notifcontanier2.demo-section.k-content , #notifcontanier3.demo-section.k-content{
   background-color:transparent !important;
}
.notification .k-content{
      background-color:transparent !important;
}
/*.notification{
    display:none;
}*/
.demo-section {
    background-color: transparent;
    width: 250px;
    min-height: 110px;
    overflow: visible;
    /*display: none;*/
    /*bottom: 10px;*/
    /*z-index: 10002;*/
    /*z-index:-999;*/   
    left:0;
    margin: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
    box-sizing: content-box;
    /*position: fixed;*/
    float:left;
    margin-left:70px;
}
.demo-section2{
    bottom:120px;   
     left:0;
}
.demo-section3{
    height: 350px;
     left:0;
}
.demo-section p {
        white-space: pre-line;
        line-height: 20px !important;
        margin-left:20px;
    }
.k-widget.k-notification.k-notification-upload-success p{
    margin-top:-50px;
  
    text-align:right;
}

.k-widget.k-notification.k-notification-upload-success p.success{
    margin-top:-30px;
}
   .hidden{
       display:none;
   }
.k-widget.k-notification {
    display: block;
    position: fixed;
    z-index:99;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    opacity: 1;
}

.k-notification-wrap {
    width: 250px;
    height: 85px;
    padding: 0.786em !important;
    text-align:center;
}
p.done{
    font-size:17px;
    margin-top:5px;
}
.k-widget.k-notification .k-icon {
    color: white;
    font-size: 3.1em;
    float: right;
    margin: 20px 15px 30px 18px;
    padding-top: 1px;
}
.k-notification-wrap h3{
    margin:0;
}

.k-widget.k-notification.k-notification-warning .k-i-note {
    /*content: url('../images/warrning.png');*/
    /*display:none;*/
}

.k-widget.k-notification.k-notification-error .k-i-note {
    content: url('../images/error.png');
    
}

.k-widget.k-notification.k-notification-info .k-i-note {
    /*content: url('../images/infom.png');*/
    
}

.k-widget.k-notification.k-notification-upload-success .k-i-note {
    content: url('../images/sucess.png');
    
}

.k-widget.k-notification.k-notification-upload-success {
    /*background-color: rgb(26, 187, 172);*/
    width: 250px;
    /*height: 120px;*/
    /*padding: 0 30px;*/
    padding:0 12px;
    line-height: 100px;
    background-color: #02bd99;
}

    .k-widget.k-notification.k-notification-upload-success h3 {
         margin-top:-60px !important;
        font-size: 1.5rem;
        font-weight: normal;
        display: inline-block;
        vertical-align: middle;
        color: white;
        margin-left:40px;
    }
 .k-widget.k-notification.k-notification-upload-success img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }
 .k-widget.k-notification:first-child{
        /*bottom:130px !important;*/
      /*bottom:200px !important;*/
        bottom:10px !important;
 }
 .k-widget.k-notification:nth-child(2){
       bottom:122px !important;
     /*bottom:240px !important;*/
      /*bottom:315px !important;*/
 }
 .k-widget.k-notification:nth-child(3){
     bottom:234px !important;
     /*bottom:360px !important;*/
 }
.k-widget.k-calendar .k-icon {
    /*margin-top: 10px;*/
}
.k-widget.k-notification.k-notification-error p{
    margin-top:8px;
    /*margin-left:30px;*/
}


#NotifContanier3 .k-widget.k-notification.k-notification-error{
     top:111px;
}
#NotifContanier3 .k-widget.k-notification.k-notification-error:last-child{
     top:222px !important;
}
#NotifContanier3 .k-widget.k-notification.k-notification-upload-success {
    padding:0;
    height:initial;
    width:initial;
    
}
#NotifContanier3 p{
  display: flex;
  justify-content: center;
  flex-direction: column;
  height: 70px;
}
td input[type="checkbox"]:not(:checked), [type="checkbox"]:checked{
    /*position:initial !important;*/
    opacity:1 !important;
}
.k-grid-header th.k-header {
    padding-left: 0 !important;
    /*width: 100px;*/
}
.tree .tree-header{
    background-color:#00abab;
    height:40px;
}
.tree-grid .level-3 .indented,.tree-grid .level-4 .indented{
    left:initial !important;
}
#exportable .table-responsive{
    margin-top:40px;
}
.table.tree-grid thead{
    background-color:#fafafa;      
}
.table.tree-grid thead a{
      color:#a8a8a8 !important;
      font-weight:normal;
}
.table.tree-grid thead th{
    border-radius:0;
    border:1px solid #e6e6e6;
}
.tree tbody{
    color:#444;
}
.table.tree-grid tbody tr {
    border: 1px solid #e6e6e6;
}
.table.tree-grid tbody tr:hover{
     background-color:#ebebeb;
}
.table.tree-grid  a i.tree-icon{
    color:#32364c !important;
    opacity:0.45;
}
.tree-grid .level-2 .indented{
    right:20px;
    left:initial !important;
}
.tree-grid .tree-grid-row a{
    padding:3px 10px;
}
.center{
   
    text-align:center;
}
.center .btn{
     margin-top:50px;
     margin-bottom:100px;
}
.center .btn.no-margin{
     margin-bottom:0;
 }
 input:not([type]):disabled, input:not([type])[readonly="readonly"], input[type=text]:disabled, input[type=text][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=email]:disabled, input[type=email][readonly="readonly"], input[type=password]:disabled, input[type=password][readonly="readonly"], input[type=url]:disabled, input[type=url][readonly="readonly"], input[type=time]:disabled, input[type=time][readonly="readonly"], input[type=date]:disabled, input[type=date][readonly="readonly"], input[type=datetime]:disabled, input[type=datetime][readonly="readonly"], input[type=datetime-local]:disabled, input[type=datetime-local][readonly="readonly"], input[type=tel]:disabled, input[type=tel][readonly="readonly"], input[type=number]:disabled, input[type=number][readonly="readonly"],  textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"]{
         color: rgba(0,0,0,1);
 }
 .settingImage img{
     width:150px;
     height:150px;
 }
 footer{
     position:fixed;
     bottom:0;
     /*top:0;*/
     right:0;
     z-index:9;
     background-color:#f9f9f9;
     width:100%;    
     color:#898383;
     /*margin-top:120px;*/
     padding:5px 0;
     float:left;
 }
 footer.bigcontent{
      width: calc(100% - 250px);
      margin-bottom:0;
 }
 footer.smallcontent{
     width: calc(100% - 60px);
 }
/***login page****/
.login{
   
    /*background: url("../images/bg2.jpg") no-repeat center center;*/
    background:-webkit-linear-gradient(top left,rgba(61,132,68,0.92),rgba(0,91,151,0.92)),url('data:image/svg+xml,<svg id="PatternLayer_2" width="480" height="480" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 480"><style>.st0{fill:%23A6A6A6;} .st1{fill:%23ADADAD;} .st2{fill:%23B8BEBE;} .st3{fill:%23F4F4F4;} .st4{fill:%23DCDCE2;} .st5{fill:%23BEC3C3;} .st6{fill:%23CFCFCF;} .st7{fill:%23F4F4F4;stroke:%23231F20;stroke-miterlimit:10;}</style><path class="st0" d="M69.2 63.2L0 69.3V25.8L18.5 0h46.7l4 63.2z"/><path class="st1" d="M165.8 20.6l30 110.6L275.2 7.9 165.8 20.6z"/><path class="st0" d="M480 25.8v44.8l-32.2 2.6L480 25.8zM480 138.4v17l-88.2-40.2 56-42 32.2 65.2z"/><path class="st1" d="M405.2 211.2l10.6 108.7-79.3 10 68.7-118.7zM480 169v18.9l-64.2 132 17.4-118.7L480 169zM480 320.5v46.8l-64.2-47.4 64.2.6zM293.8 357.9l62.7 64.7-74 6.6 11.3-71.3zM119.8 256.6l100.7 90 73.3 11.3-174-101.3zM69.2 323.9l17.3-59.3 29.3 126-46.6-66.7z"/><path class="st1" d="M69.2 323.9l-4 94L0 367.3v-46.8l69.2 3.4zM183.8 467.2L65.2 417.9l50.6-27.3 68 76.6zM65.2 417.9V480H18.5l46.7-62.1z"/><path class="st0" d="M12.5 159.9L0 155.4v-17l12.5 21.5z"/><path class="st1" d="M12.5 159.9L0 187.9V169l12.5-9.1z"/><path class="st0" d="M308.5 164.6l28 165.3-68.7-126 40.7-39.3zM405.2 211.2l28-10-17.4 118.7-10.6-108.7zM220.5 346.6l62 82.6 11.3-71.3-73.3-11.3z"/><path class="st0" d="M282.5 429.2l-6.3 50.8h-74.9l81.2-50.8zM69.2 323.9l46.6 66.7-50.6 27.3 4-94zM12.5 159.9l56.7 164-4-79.3-52.7-84.7zM276.2 0l-1 7.9-109.4 12.7L201.3 0h74.9z"/><path class="st0" d="M86.5 264.6l33.3-8-4 134-29.3-126z"/><path class="st2" d="M293.8 357.9l122-38-59.3 102.7-62.7-64.7z"/><path class="st3" d="M441.8 429.2l-85.3-6.6 59.3-102.7 26 109.3z"/><path class="st4" d="M480 367.3v58.2l-38.2 3.7-26-109.3 64.2 47.4z"/><path class="st5" d="M480 425.5V480h-53.3l15.1-50.8 38.2-3.7z"/><path class="st4" d="M441.8 429.2L426.7 480h-57.5l-12.7-57.4 85.3 6.6z"/><path class="st5" d="M369.2 480h-84.1l71.4-57.4 12.7 57.4z"/><path class="st3" d="M356.5 422.6L285.1 480h-8.9l6.3-50.8 74-6.6zM282.5 429.2L201.3 480h-35.9l18.4-12.8 98.7-38z"/><path class="st2" d="M115.8 390.6l68 76.6 98.7-38-116.7-63.3-50 24.7z"/><path class="st3" d="M119.8 256.6l-4 134 50-24.7-46-109.3z"/><path class="st6" d="M220.5 346.6l62 82.6-116.7-63.3-46-109.3 100.7 90z"/><path class="st2" d="M183.8 467.2L165.4 480H89l-23.8-62.1 118.6 49.3z"/><path class="st5" d="M89 480H65.2v-62.1L89 480z"/><path class="st4" d="M65.2 417.9L0 425.5v-58.2l65.2 50.6z"/><path class="st6" d="M65.2 417.9L18.5 480H9.4l55.8-62.1z"/><path class="st2" d="M65.2 417.9L9.4 480H0v-54.5l65.2-7.6z"/><path class="st3" d="M65.2 244.6l54.6 12-33.3 8-17.3 59.3-4-79.3z"/><path class="st6" d="M12.5 159.9L0 169v-13.6l12.5 4.5z"/><path class="st3" d="M69.2 323.9L0 320.5V187.9l12.5-28 56.7 164zM336.5 329.9l-42.7 28 122-38-79.3 10zM480 187.9v132.6l-64.2-.6 64.2-132zM308.5 164.6l124.7 36.6-28 10-68.7 118.7-28-165.3z"/><path class="st5" d="M119.8 256.6l216.7 73.3-42.7 28-174-101.3z"/><path class="st2" d="M267.8 203.9l68.7 126-216.7-73.3 148-52.7zM12.5 159.9l107.3 96.7-54.6-12-52.7-84.7z"/><path class="st6" d="M195.8 131.2l-76 125.4-107.3-96.7 183.3-28.7z"/><path class="st5" d="M69.2 63.2l-56.7 96.7 183.3-28.7-126.6-68z"/><path class="st4" d="M69.2 63.2l-56.7 96.7L0 138.4V69.3l69.2-6.1z"/><path class="st5" d="M103.2 32.6l-34 30.6-4-63.2H89l14.2 32.6z"/><path class="st4" d="M165.8 20.6l30 110.6-126.6-68 34-30.6 62.6-12z"/><path class="st3" d="M119.8 256.6l76-125.4 112.7 33.4-40.7 39.3-148 52.7z"/><path class="st4" d="M391.8 115.2l41.4 86-124.7-36.6 83.3-49.4zM275.2 7.9l33.3 156.7-112.7-33.4L275.2 7.9z"/><path class="st2" d="M391.8 115.2l-83.3 49.4L275.2 7.9l9.9-7.9h84.1l22.6 115.2z"/><path class="st6" d="M480 9.9v15.9l-32.2 47.4-56 42L480 9.9z"/><path class="st2" d="M480 0v9.9l-88.2 105.3L426.7 0H480z"/><path class="st4" d="M426.7 0l-34.9 115.2L369.2 0h57.5z"/><path class="st3" d="M285.1 0l-9.9 7.9 1-7.9h8.9zM201.3 0l-35.5 20.6-62.6 12L165.4 0h35.9z"/><path class="st6" d="M18.5 0L0 25.8V9.9L9.4 0h9.1z"/><path class="st2" d="M165.4 0l-62.2 32.6L89 0h76.4zM9.4 0L0 9.9V0h9.4z"/><path class="st4" d="M480 69.3v69.1l-32.2-65.2 32.2-3.9z"/><path class="st6" d="M480 155.4V169l-46.8 32.2-41.4-86 88.2 40.2z"/></svg>');
    background:linear-gradient(to bottom right,rgba(61,132,68,0.92),rgba(0,91,151,0.92)),url('data:image/svg+xml,<svg id="PatternLayer_2" width="480" height="480" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 480 480"><style>.st0{fill:%23A6A6A6;} .st1{fill:%23ADADAD;} .st2{fill:%23B8BEBE;} .st3{fill:%23F4F4F4;} .st4{fill:%23DCDCE2;} .st5{fill:%23BEC3C3;} .st6{fill:%23CFCFCF;} .st7{fill:%23F4F4F4;stroke:%23231F20;stroke-miterlimit:10;}</style><path class="st0" d="M69.2 63.2L0 69.3V25.8L18.5 0h46.7l4 63.2z"/><path class="st1" d="M165.8 20.6l30 110.6L275.2 7.9 165.8 20.6z"/><path class="st0" d="M480 25.8v44.8l-32.2 2.6L480 25.8zM480 138.4v17l-88.2-40.2 56-42 32.2 65.2z"/><path class="st1" d="M405.2 211.2l10.6 108.7-79.3 10 68.7-118.7zM480 169v18.9l-64.2 132 17.4-118.7L480 169zM480 320.5v46.8l-64.2-47.4 64.2.6zM293.8 357.9l62.7 64.7-74 6.6 11.3-71.3zM119.8 256.6l100.7 90 73.3 11.3-174-101.3zM69.2 323.9l17.3-59.3 29.3 126-46.6-66.7z"/><path class="st1" d="M69.2 323.9l-4 94L0 367.3v-46.8l69.2 3.4zM183.8 467.2L65.2 417.9l50.6-27.3 68 76.6zM65.2 417.9V480H18.5l46.7-62.1z"/><path class="st0" d="M12.5 159.9L0 155.4v-17l12.5 21.5z"/><path class="st1" d="M12.5 159.9L0 187.9V169l12.5-9.1z"/><path class="st0" d="M308.5 164.6l28 165.3-68.7-126 40.7-39.3zM405.2 211.2l28-10-17.4 118.7-10.6-108.7zM220.5 346.6l62 82.6 11.3-71.3-73.3-11.3z"/><path class="st0" d="M282.5 429.2l-6.3 50.8h-74.9l81.2-50.8zM69.2 323.9l46.6 66.7-50.6 27.3 4-94zM12.5 159.9l56.7 164-4-79.3-52.7-84.7zM276.2 0l-1 7.9-109.4 12.7L201.3 0h74.9z"/><path class="st0" d="M86.5 264.6l33.3-8-4 134-29.3-126z"/><path class="st2" d="M293.8 357.9l122-38-59.3 102.7-62.7-64.7z"/><path class="st3" d="M441.8 429.2l-85.3-6.6 59.3-102.7 26 109.3z"/><path class="st4" d="M480 367.3v58.2l-38.2 3.7-26-109.3 64.2 47.4z"/><path class="st5" d="M480 425.5V480h-53.3l15.1-50.8 38.2-3.7z"/><path class="st4" d="M441.8 429.2L426.7 480h-57.5l-12.7-57.4 85.3 6.6z"/><path class="st5" d="M369.2 480h-84.1l71.4-57.4 12.7 57.4z"/><path class="st3" d="M356.5 422.6L285.1 480h-8.9l6.3-50.8 74-6.6zM282.5 429.2L201.3 480h-35.9l18.4-12.8 98.7-38z"/><path class="st2" d="M115.8 390.6l68 76.6 98.7-38-116.7-63.3-50 24.7z"/><path class="st3" d="M119.8 256.6l-4 134 50-24.7-46-109.3z"/><path class="st6" d="M220.5 346.6l62 82.6-116.7-63.3-46-109.3 100.7 90z"/><path class="st2" d="M183.8 467.2L165.4 480H89l-23.8-62.1 118.6 49.3z"/><path class="st5" d="M89 480H65.2v-62.1L89 480z"/><path class="st4" d="M65.2 417.9L0 425.5v-58.2l65.2 50.6z"/><path class="st6" d="M65.2 417.9L18.5 480H9.4l55.8-62.1z"/><path class="st2" d="M65.2 417.9L9.4 480H0v-54.5l65.2-7.6z"/><path class="st3" d="M65.2 244.6l54.6 12-33.3 8-17.3 59.3-4-79.3z"/><path class="st6" d="M12.5 159.9L0 169v-13.6l12.5 4.5z"/><path class="st3" d="M69.2 323.9L0 320.5V187.9l12.5-28 56.7 164zM336.5 329.9l-42.7 28 122-38-79.3 10zM480 187.9v132.6l-64.2-.6 64.2-132zM308.5 164.6l124.7 36.6-28 10-68.7 118.7-28-165.3z"/><path class="st5" d="M119.8 256.6l216.7 73.3-42.7 28-174-101.3z"/><path class="st2" d="M267.8 203.9l68.7 126-216.7-73.3 148-52.7zM12.5 159.9l107.3 96.7-54.6-12-52.7-84.7z"/><path class="st6" d="M195.8 131.2l-76 125.4-107.3-96.7 183.3-28.7z"/><path class="st5" d="M69.2 63.2l-56.7 96.7 183.3-28.7-126.6-68z"/><path class="st4" d="M69.2 63.2l-56.7 96.7L0 138.4V69.3l69.2-6.1z"/><path class="st5" d="M103.2 32.6l-34 30.6-4-63.2H89l14.2 32.6z"/><path class="st4" d="M165.8 20.6l30 110.6-126.6-68 34-30.6 62.6-12z"/><path class="st3" d="M119.8 256.6l76-125.4 112.7 33.4-40.7 39.3-148 52.7z"/><path class="st4" d="M391.8 115.2l41.4 86-124.7-36.6 83.3-49.4zM275.2 7.9l33.3 156.7-112.7-33.4L275.2 7.9z"/><path class="st2" d="M391.8 115.2l-83.3 49.4L275.2 7.9l9.9-7.9h84.1l22.6 115.2z"/><path class="st6" d="M480 9.9v15.9l-32.2 47.4-56 42L480 9.9z"/><path class="st2" d="M480 0v9.9l-88.2 105.3L426.7 0H480z"/><path class="st4" d="M426.7 0l-34.9 115.2L369.2 0h57.5z"/><path class="st3" d="M285.1 0l-9.9 7.9 1-7.9h8.9zM201.3 0l-35.5 20.6-62.6 12L165.4 0h35.9z"/><path class="st6" d="M18.5 0L0 25.8V9.9L9.4 0h9.1z"/><path class="st2" d="M165.4 0l-62.2 32.6L89 0h76.4zM9.4 0L0 9.9V0h9.4z"/><path class="st4" d="M480 69.3v69.1l-32.2-65.2 32.2-3.9z"/><path class="st6" d="M480 155.4V169l-46.8 32.2-41.4-86 88.2 40.2z"/></svg>');
    /*background-size: cover;*/
    background-position:center  center;
    height: 100vh;    
}
.center-vertical{
    position:relative;
    display:table;
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.login .center-content{
    display:table-cell;
    vertical-align:middle;
   
}
.row{
     margin-bottom:0;
}
.login .card{
      /*margin: 0 auto;
      margin-top:50%;*/
    /*width:50%;  
    position:absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
}
.login form{
    padding: 20px;
}
.login  p{
    /*background-color: #3f51b5;*/
    /*background-color: #00abab;*/
    background-color:#FEFEFF;
    border:1px solid red;
    border-color:rgba(158,173,195,.16);
    color: #8b8e91;
    padding: 10px;
    font-size:18px;
    margin-top:0 !important;
}

.login p span.left a{
    color: #9e9e9e;
    margin-left:20px;
    margin-top:3px;
    display:inline-block;
}
.input-field .prefix ~ input, .input-field .prefix ~ label{
    margin-right: 0;
    margin-left: 3rem;
}
.login .input-field .prefix{
    width:2rem;
    color:#8b8e91;
}
/* label focus color */
   .login .input-field input:focus + label , .input-field .prefix.active {
    
     color: #00abab;
   }
.login .input-field input:focus {
     border-bottom: 1px solid #00abab !important;
     box-shadow: 0 1px 0 0 #00abab !important;
   }
.login .input-field .k-combobox input:focus{
    border-bottom: none !important;
     box-shadow:  none !important;
}
.login .select-wrapper span.caret{
    right: initial;
    left:0;
}
.login .select-wrapper input.select-dropdown{
   
    width: calc(100% - 3rem);
    margin-right: 3rem;
}
.login .dropdown-content {
    padding-right: 0;
}
.login .dropdown-content li>a,.login .dropdown-content li>span{
    float: right;
}
.login form p{
    color:#9e9e9e;
    text-align: right;
    padding-right: 3rem;
}
.login .btn{
    /*background-color: #3f51b5;*/
    background-color: #00abab;
    margin-top: 20px;
}
 .login .btn i {
        margin-right: 10px;        
}

 .login .k-autocomplete.k-state-default, .login .k-dropdown-wrap.k-state-default,.login .k-numeric-wrap.k-state-default,.login .k-picker-wrap.k-state-default{
     border:none;
     border-bottom:1px solid #9e9e9e;
    
 }
 .login .k-widget.k-combobox.k-header{
      margin-right:3rem;
     width: calc(100% - 3rem) !important;
 }
 .login .k-dropdown-wrap.k-state-default.k-state-hover,.login .k-dropdown-wrap.k-state-default.k-state-focused{
     box-shadow:none !important;
 }
.login span.k-combobox{
    
}
.login .input-field.select{
    margin-bottom:30px;
}
.login .k-state-default>.k-select{
    border:0;
}
.login .k-dropdown-wrap.k-state-default:focus{
    background-color:red !important;
}

.login .k-input::-webkit-input-placeholder { /* Firefox 18- */
  color: #9e9e9e ;
}
.login .k-animation-container{
     /*width: calc(100% - 3rem) !important;*/

}
/***end login page****/
.k-upload-status{
    left:initial !important;
    right:10px !important;
    /*top:20px !important;*/
    top:6px !important;
}
.file{
    width:178px;
    height:118px;
    float:right;
    /*border:1px solid #efecec;*/
    margin:20px;    
    position:relative;
}
.file:after{
    content: "";
    position: absolute;
  bottom: 3px;
  left: 0;
  border-width: 0 16px 16px 0;
  border-style: solid;
  border-color:transparent  #5f5b5b;
}

.file .file-image{
    width:100%;
    height:85px;
  
}
.file .file-image i{
    width:100%;
    line-height:85px;
    background-color:#f5f5f5;
    color:#5f5b5b;
    font-size:25px;
    text-align:center;
    border-bottom:1px solid #efecec;
    
}
.file .file-name p{
    width:100%;
   text-align:right;
   margin:0;
   background-color:#f5f5f5;
   height:30px;
   line-height:30px;
   color:#615e5e;
   padding-right:5px;
}
.overlay{
    position:absolute;
    top:0;
    background-color:#f5f5f5;
   width:175px;
    height:116px;
    text-align:center;
     color:#615e5e;
    opacity:0
}
.overlay h6{
    font-size: 20px;
    padding: 15px 0;
}
.overlay i{
    width:30px;
    height:30px;
    background-color:#626262;
    color:#fff;
    font-size:18px;
    line-height:30px;
    cursor:pointer;
    transition:all 0.2s ease-in-out;
}
.overlay i:hover{
    background-color:#333;
}
.file:hover .overlay {
    opacity: 1;
} 
.file .is-deleted{
     width:178px;
    height:118px;
    position:absolute;
    top:0;
    background-color:red;   
}

/*points of sales*/
.pointofsales{
    padding:20px;
}
.pos-information .btn{
    background-color:#fff;
    padding:10px;
    min-height:107px;
    width:100%;
    margin-bottom:20px;
}
.pos-information .btn .icon{
    width:40%;
    height:100%;
    color:#fff;
    background-color:#00ceb4 !important;
    border-radius:4px;
}
.pos-information .btn .icon i{
    font-size:35px;
    vertical-align:middle;
    line-height:87px;
    }
.pos-information .btn .info.right{
    width:60%;
}
.pos-information .btn span.badge{
    color:#555;
    font-size:18px;
    display:inline-block;
    width:100%;
}
.pos-information .btn span.badge:last-child{
    line-height:0;
}
.pos-information .btn span.badge:first-child{
    background-color:transparent !important; 
    /*color:#00ceb4;*/  
}
.pos-information .btn .icon.orange{
   background-color:#ff9800 !important;
}
.pos-information .btn span.orange{
     color:#ff9800 ;
}
.pos-information .btn .icon.pink{
   background-color:#fb5d5d !important;
}
.pos-information .btn span.pink{
     color:#fb5d5d ;
}
.pos-information .btn .icon.green{
    background-color:#6fd64b !important;
}
.pos-information .btn span.green{
     color:#6fd64b;
}
.pos-information .btn span.blue{
     color:#2196F3;
}

/*Home Page*/
.home {
    margin-bottom:30px
}
.home .about{
    /*background-color:rgba(243,242,242,.89);*/
    background-color:rgba(255,255,255,0.8);
    padding:10px 40px;
   
    /*margin-bottom:20px;*/
}
.home .about h1 {
        margin: 0;
        font-size: 2.2rem;
        color: #333;
    }
.home .about p{
      color:#555;
    }

.home .information{
    min-height:80px;
   padding:30px;
}

.home .information .btn{
    padding:0 1rem !important;
    min-height:100px;
    width:100%;
    margin-bottom:10px;
    transition:all 0.3s ease-in-out;
}
.home .information .btn:hover{
     opacity:1;
}
.home .information .btn.first{
    background-color:#F44336;
}
.home .information .btn.second{
    background-color:#4CAF50;
}
.home .information .btn.third{
    background-color:#2196F3;
}
.home .information i {
    font-size:2.6rem;
     opacity:0.5;
   transition:opacity 0.3s ease-in-out;
    }
.home .information .btn:hover i{
    opacity:1;
}
span.badge{
    color:#fff;
}
.home .information span.badge {
    min-width:20px;
    width:20px;
    height:20px;
    line-height:20px;
    border-radius:50%;
    background-color:rgba(0,0,0,0.5);    
    margin-top:15px;
    }
.home .information .btn p{
    padding:0;
    margin:0;   
}
.user-info{
    padding:0 10px;
}
.user-info .table-data{
    background-color:#fff;
    padding:10px;
    margin-top:20px;
   
}
.financial-report table td{
    text-align:right;
}
.financial-report .collapsible-header{
    background-color:#00abab;
}
.user-info .table-data table tbody{
     color:#918D99;
}
.user-info .table-data p.table-title{
    border-bottom:1px  solid #F7F7F7 
}
.user-info .table-data input{
    width: 50%;
    box-shadow: inset 1px 1px 3px #f6f6f6;
    height: 34px;
    padding-left: 10px;
    border-radius: 3px;
    border: 1px solid #dfe8f1;
}
.user-info .table-data  input[type=text]:focus:not([readonly]){
     border-color: #3da6ff;
         box-shadow: none;
}
.image-slider{
    margin-top:30px;
    background-color: #fff;
    margin-bottom:30px;
}
.image-slider p.slider-title{
        border-bottom: 1px solid #f5f2f2;
        color: #9c9c9c;
        padding:20px;
        font-size: 16px;
}
.slider{
    height:250px !important;
}
.slider .slides{
    background-color:#fff;
    height:250px !important;
}
.slider .slides li img{
    height:250px;
}
.slider .slides li .image{
    overflow:hidden;
    position:relative;
   
}
.slider .slides li .image .overlay{
    position:absolute;
    top:0;
    background-color:#000;
    width:100%;
    height:250px;
}
.slider .slides li .image img{
     transition:all 0.4s ease-in-out;
}
.slider .slides li .image:hover img{
        transform: scale(1.1);
}
.social{
    margin-top:30px;
}
.social .facebook,social .twitter{
    margin-bottom:20px;
}
.social i{
    color:#fff;
    font-size:30px;
    line-height:100px;
     width:100%;
}
.social i.fa-facebook {
    background-color:#3b5998;    
}
.social i.fa-twitter {
    background-color:#3a92c8;    
}
.social  p.friends{
    padding:15px 20px;
    background-color:#fff;
    margin:0;
    height: 70px;
    color: #9c9c9c;
}
.social  p.friends strong{
    font-weight:700;
    color:#555;
}
.first-chart{
    background-color:#fff;
    padding:20px 0 20px;
    padding-bottom:0;
    color:#555;   
    margin-top:30px;
}
.first-chart p ,.first-chart h6  {
    padding:0 20px;
}
.first-chart canvas {
    /*padding-right:20px;*/
  width:300px !important;
    margin:0 auto;
}
.first-chart .chart-details{
     border-top:1px solid #e1e1e6;
     padding:20px 20px 20px 0;
     margin-top:10px;
}
.first-chart span.badge{
    background-color:#F44336;
}
.chart-details .btn{
    padding:0 10px;
    background-color:#E91E63;
}
.chart-details .btn i {
    font-size:15px;
}
.second-chart {
    margin-top:20px;
     background-color:#fff;
}
.second-chart .chart-header{
    font-size:16px;
    background-color:#FEFEFF;
    color:#9c9c9c;
    padding:20px;
    border-bottom:1px solid #f5f2f2;
    position:relative;
}
.second-chart .chart-header span{
    position:absolute;
    top:0;
    left:0;   
    height:100%;
    border-right:1px solid #f5f2f2;
    padding:20px;
}
.second-chart .chart-header span a{
    color:rgba(0,0,0,.6);
    transition:all 0.3s ease-in-out;
}
.second-chart .chart-header span:hover a{
    color:rgba(0,0,0,1);
}
.second-chart .chart-header i.fa-cog{
    margin-left:20px;
}
.sec-canvas{
    padding:20px 0;
}
.sec-canvas canvas{
    width:250px !important;
    height:250px !important;
    margin:0 auto;
}
.second-chart .colors-details h4.color-ref{
     font-size:16px;
    margin:0;
    color:#9c9c9c;
    padding:20px;
    border-bottom:1px solid #f5f2f2;    
}
.second-chart .colors-details h4.color-ref a{
    color:#9c9c9c;
    padding:0 5px;
   border-radius: 3px;
    transition:all 0.3s ease-in-out;
}
.second-chart .colors-details h4.color-ref a:hover{
    color:#fff;
    background-color:#F44336;
    box-shadow: 0 6px 10px rgba(0,0,0,.23), 0 10px 30px rgba(0,0,0,.19);
}
.second-chart .colors-details h4.color-ref span.circle{
    width:10px;
    height:10px;
    border-radius:50%;    
    display:inline-block;
    margin-right:10px;
}
.second-chart .colors-details h4.color-ref:first-child span.circle{
    background-color:#97bbcd;
}
.second-chart .colors-details h4.color-ref:nth-child(2) span.circle{
    background-color:#f7464a;
}
.second-chart .colors-details h4.color-ref:nth-child(3) span.circle{
    background-color:#dcdcdc;
}
/*end home page*/
.inputs-bill label{
    width:12% !important;
    margin-top:7px;
}
.inputs-bill input[type=text]{
    /*width:64% !important;*/
     width:79% !important;
}
.tax p{
    font-size: 16px;
    font-weight: 700;
    color:#333;
}
.tax p label{
    color:#3e4855;
    font-size: 16px;
    font-weight: 700;
}
.effect{
    margin-top:20px;
}
.effect .radios{
     margin-top:18px;

}
/*.row .col.offset-m5{
    margin-left:0;
    margin-right:41.6666666667%;
    margin-bottom: 20px;
    margin-top: 20px;
}*/

.row .col.offset-m5 .input-field label{
    width:initial;
}

h3.creditcard{
    margin-top:20px;
}
.sec-grid{
    margin-top:20px;
}
p.sec-grid {
     margin-top:20px;
    font-size:13px;
    font-weight:700;
    color:#3e4855;
    text-align:right;
}
.sec-grid.no-margin {
    margin-top:0;
}
.no-padding{
    padding:0;
}
.sec-grid.financial{
     /*margin-top:50px;*/
}
.sec-grid.financial .buttons .k-button-operations{
    top:0 !important;
}
.k-loading-image{
    z-index:99999 !important;
}
.setting-data .about{
    padding:20px;
     font-size:20px;
}
.setting-data li{
    font-size:22px;
}
.setting-data ul p{
    font-size:18px;
}
.report-table{
    margin-top:20px;
}
.report-table .colored-table tr{
    /*background-color:#ecf6ff*/
    background-color:#d9edf7;
}
.report-table th {
   margin-top: 10px;
 }
.report-table td,.report-table th{
    border:1px solid #555
}
.report-table td.credit{
    border:0;
}
.second-table{
    margin-top:30px;
}
/*collapse-page*/

.collapse-page ul{
    padding:0;
}
.collapse-page ul .collapsible-header{
    color:#fff;
    border:0;
}
.collapse-page ul .collapsible-header i{
    margin-left: 1rem;
    float:right;
    margin-right: 0;
}
.collapse-page ul .collapsible-header i[class^="li-"] {
   line-height:3.5rem;
}
.collapse-page ul .collapsible-header.cards{
    background-color:#F44336;
}
.collapse-page ul .collapsible-header.search{
    background-color:#4CAF50;
}
.collapse-page ul .collapsible-header.instruments{
     background-color:#2196F3;
}
.collapse-page ul .collapsible-header.settings{
     background-color:#ffa500;
}
.collapse-page ul .collapsible-header.Transactions{
     background-color:#dc1156;
}
.collapse-page ul .collapsible-header.reports{
    background-color:#3F51B5;
}
.collapse-page ul .collapsible-body{
    background-color:#fff;
    
}
.collapse-page ul .collapsible-body ul li{
    padding:10px 25px;
}
.collapse-page ul .collapsible-body ul li a{
   color:#555;
}

.k-grid{
    /*height:800px;*/
}

.table-type .k-dropdown-wrap .k-select, .table-type .k-numeric-wrap .k-select, .table-type .k-picker-wrap .k-select {
    text-align: left;
    width: 13px;
}
 .table-type span.k-dropdown.k-header{
     width:10em !important;
 }
 .table-type td.lg-iput span.k-dropdown.k-header{
     width:20em !important;
 }
 .table-type td{
     text-align:right;
 }
 .table-type td.min{
     width:140px;
 }
 .table-type td.total{
     width:166px;
 }
 .table-type td.total span{
     width:80%;
     background-color:#fff;
     display:inline-block;
     height:2.5rem;
     padding:10px;
 }




 /*AAM*/
 /*************************************************/

.tab.disabled a:hover {
    cursor: not-allowed !important;
}


.k-widget, .k-widget :before {
    /* -webkit-box-sizing: content-box; */
    box-sizing: inherit !important;
}


.my-hidden {
    visibility: hidden
}

.login .k-widget.k-dropdown.k-header {
    margin-right: 3rem;
    width: calc(100% - 3rem) !important;
}

/*Execution */
/* SPIN */

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
    -ms-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.Execution{
   position: absolute;
    background-color: rgba(255,255,255,0.5);
    width: 100%;
    height: 100vh;
    top: 0;   
    text-align: center;
    color: #00b19b;
    font-size: 70px;
    line-height: 100vh;
}
@media only screen and (min-width: 993px) {
    .row .col.offset-l4 {
        margin-right: 33.3333333333%;
    }
}
@media only screen and (max-width: 800px) {
    /*.main-sidebar{
        display:none;
    }*/
    .bigcontent{
        width:100%;
    }
}

@media only screen and (min-width: 601px )and (max-width:  993px) {
    .row .col.offset-m3 {
        margin-right: 25%;
    }
}
@media only screen and (max-width: 600px) {
  .responsive-header .k-grid .k-grouping-header{
      height:70px;
  }  
 .inputs-bill.left input[type=text]{
     width:100% !important;
 }  
.tab-content input:not([type]), .tab-content input[type=text], .tab-content input[type=number], .tab-content input[type=email], 
.tab-content textarea,.tab-content .input-field label,.tab-content span.k-widget.k-combobox.k-header, .tab-content span.k-dropdown.k-header,
.tab-content .k-widget.k-multiselect,.tab-content .k-datepicker{
     width:100% !important;
 } 
 .collapse-page .col.offset-m1{
    margin-right:0;
    }
    .row .col.offset-m2,  .row .col.offset-m1{
        margin-right:0;
    }
    .main-content ul.tabs{
        /*height:70px;*/
    }
    .modal .k-widget.k-combobox.k-header, .modal .k-datepicker,.modal input[type=text],.modal input[type=number],.modal textarea{
    width:100% !important; 
}
}
@media only screen and (max-width: 350px) {
    .menu-content .dropdown-content{
        width: 190px !important;
        left: 10px !important;
    }
    .first-chart canvas{
        width: 190px !important;
    }
}
/*End Execution*/