body{
    font-size:  12px;
}

.btn{
    margin-bottom:5px;
}


.btn span{
    font-size: 0.8em;
}
 
.form-control{
    font-size: 14px;
    height: 25px;
    padding: 2px 7px;
}

h3,.h3{
font-size: 14px;
line-height: 14px;
margin-top:0px;

}


.row{
    margin: 0px;
    
}


.content-page > .content{
 
    
}

.footer{
    position: relative;
}

.pushable > .pusher{
    overflow: auto !important;
  
}

.content-page{
     overflow: auto !important;
     
}

.content-page{
    
    
}

.dropzone_uj{
    padding: 7px;
}

.fg-line{
    display: inline-block;
    position: relative;
    width:100%;
}


.input-group .form-control{
    z-index: 0;
}

@media (min-width: 950px)  {
.enlarged .left.side-menu {
    margin-left: 0px;
    z-index: 900;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
  }
}






   .content-page {
       
  }
  
  .navbar-nav .open .dropdown-menu {
    background-color: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    left: auto;
    position: absolute;
    right: 0;
  }
  .side-bar.right-bar2{
      width: 50%;
      right: -50%;
  }
  
  .logo span{
      display: none;
     
  }
  .topbar-left{
      width: 70px !important;
      
  }
  .icon-c-logo{
      display: block !important;
      line-height: 20px;
  }
  


.segmant.ui.inverted.menu {
    background: #1b1c1d none repeat scroll 0 0;
    border: 0 solid transparent;
    box-shadow: none;
}
.segmant.ui.sidebar {
    backface-visibility: hidden;
    border-radius: 0 !important;
    height: 100% !important;
    left: 0;
    margin: 0 !important;
    max-height: 100%;
    overflow-y: auto !important;
    position: fixed;
    top: 0;
    transform: translate3d(0px, 0px, 0px);
    transition: none 0s ease 0s ;
    visibility: hidden;
  
    z-index: 102;
}

.segmant .ui.menu.nine.item .item {
    width: 11.11%;
}


.ui.sidebar {
    backface-visibility: hidden;
    border-radius: 0 !important;
    height: 100% !important;
    left: 0;
    margin: 0 !important;
    max-height: 100%;
    overflow-y: auto !important;
    position: fixed;
    top: 0;
    transform: translate3d(0px, 0px, 0px);
    transition: none 0s ease 0s ;
    visibility: hidden;
 
    z-index: 102;
}
.ui.sidebar {
    backface-visibility: hidden;
    border-radius: 0 !important;
    height: 100% !important;
    left: 0;
    margin: 0 !important;
    max-height: 100%;
    overflow-y: auto !important;
    position: fixed;
    top: 0;
    transform: translate3d(0px, 0px, 0px);
    transition: none 0s ease 0s ;
    visibility: hidden;
 
    z-index: 102;
}

.segmant.top {
    background: #36404a;
    color:#fff;
}



.bs-callout{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);box-shadow:0 1px 1px rgba(0,0,0,.05)}

.bs-callout-trans,
.nav.nav-tabs + .tab-content.bs-callout-trans{ 
  background-color:#ebeff2;
  border:0px solid;
}

.bs-padding-no > .callout_body{
    padding: 0px;
}

.h4, h4{
    font-size: 1.2em;
}


/*------------------------------------------------------------------------------up grid-----------------------------------------------------------------------------------------*/

             .auto-xs-12, .auto-xs-11,  .auto-xs-10,  .auto-xs-9,  .auto-xs-8, .auto-xs-7,  .auto-xs-6, .auto-xs-5, .auto-xs-4, .auto-xs-3, .auto-xs-2,  .auto-xs-1,
             .auto-sm-12, .auto-sm-11,  .auto-sm-10,  .auto-sm-9,  .auto-sm-8, .auto-sm-7,  .auto-sm-6, .auto-sm-5, .auto-sm-4, .auto-sm-3, .auto-sm-2,  .auto-sm-1,
             .auto-md-12, .auto-md-11,  .auto-md-10,  .auto-md-9,  .auto-md-8, .auto-md-7,  .auto-md-6, .auto-md-5, .auto-md-4, .auto-md-3, .auto-md-2,  .auto-md-1,
             .auto-lg-12, .auto-lg-11,  .auto-lg-10,  .auto-lg-9,  .auto-lg-8, .auto-lg-7,  .auto-md-6, .auto-lg-5, .auto-lg-4, .auto-lg-3, .auto-lg-2,  .auto-lg-1{
                    display: inline-block;
                    vertical-align: top;
                    padding-left: 10px;
                    padding-right: 10px;
                }
                
                .auto-xs-0, .auto-sm-0,  .auto-md-0, .auto-lg-0{
                    display: inline-block;
                    vertical-align: top;
                     padding-left: 10px;
                     padding-right: 10px;
                     min-width: 1%; 
                     vertical-align: top;
                }
  
                
                
                .auto-xs-12 {
                  min-width: 100%;
                }
                .auto-xs-11 {
                  min-width: 91.66666667%;
                }
                .auto-xs-10 {
                  min-width: 83.33333333%;
                }
                .auto-xs-9 {
                  min-width: 75%;
                }
                .auto-xs-8 {
                  min-width: 66.66666667%;
                }
                .auto-xs-7 {
                  min-width: 58.33333333%;
                }
                .auto-xs-6 {
                  min-width: 50%;
                }
                .auto-xs-5 {
                  min-width: 41.66666667%;
                }
                .auto-xs-4 {
                  min-width: 33.33333333%;
                }
                .auto-xs-3 {
                  min-width: 25%;
                }
                .auto-xs-2 {
                  min-width: 16.66666667%;
                }
                .auto-xs-1 {
                  min-width: 8.33333333%;
                }
                
                
               
@media (min-width: 768px) {
                .auto-sm-12 {
                  min-width: 100%;
                }
                .auto-sm-11 {
                  min-width: 91.66666667%;
                }
                .auto-sm-10 {
                  min-width: 83.33333333%;
                }
                .auto-sm-9 {
                  min-width: 75%;
                }
                .auto-sm-8 {
                  min-width: 66.66666667%;
                }
                .auto-sm-7 {
                  min-width: 58.33333333%;
                }
                .auto-sm-6 {
                  min-width: 49%;
                }
                .auto-sm-5 {
                  min-width: 41.66666667%;
                }
                .auto-sm-4 {
                  min-width: 33.33333333%;
                }
                .auto-sm-3 {
                  min-width: 25%;
                }
                .auto-sm-2 {
                  max-width: 16.66666667%;
                }
                .auto-sm-1 {
                  min-width: 8.33333333%;
                }
}

@media (min-width: 992px) {
                 .auto-md-12 {
                  min-width: 100%;
                }
                .auto-md-11 {
                  min-width: 91.66666667%;
                }
                .auto-md-10 {
                  min-width: 83.33333333%;
                }
                .auto-md-9 {
                  min-width: 75%;
                }
                .auto-md-8 {
                  min-width: 66.66666667%;
                }
                .auto-md-7 {
                  min-width: 58.33333333%;
                }
                .auto-md-6 {
                  min-width: 50%;
                }
                .auto-md-5 {
                  min-width: 41.66666667%;
                }
                .auto-md-4 {
                  min-width: 33.33333333%;
                }
                .auto-md-3 {
                  min-width: 25%;
                }
                .auto-md-2 {
                  min-width: 16.66666667%;
                }
                .auto-md-1 {
                  min-width: 8.33333333%;
                }
}
@media (min-width: 1200px) {
                 .auto-lg-12 {
                  min-width: 100%;
                }
                .auto-lg-11 {
                  min-width: 91.66666667%;
                }
                .auto-lg-10 {
                  min-width: 83.33333333%;
                }
                .auto-lg-9 {
                  min-width: 75%;
                }
                .auto-lg-8 {
                  min-width: 66.66666667%;
                }
                .auto-lg-7 {
                  min-width: 58.33333333%;
                }
                .auto-lg-6 {
                  min-width: 50%;
                }
                .auto-lg-5 {
                  min-width: 41.66666667%;
                }
                .auto-lg-4 {
                  min-width: 33.33333333%;
                }
                .auto-lg-3 {
                  min-width: 25%;
                }
                .auto-lg-2 {
                  min-width: 16.66666667%;
                }
                .auto-lg-1 {
                  min-width: 8.33333333%;
                }
}






/* Background colors */
.bg-custom {
  background-color: #5fbeaa !important;
}
.bg-primary {
  background-color: #5d9cec !important;
}
.bg-success {
  background-color: #81c868 !important;
}
.bg-info {
  background-color: #34d3eb !important;
}
.bg-warning {
  background-color: #ffbd4a !important;
}
.bg-danger {
  background-color: #f05050 !important;
}
.bg-muted {
  background-color: #f4f8fb !important;
}
.bg-inverse {
  background-color: #4c5667 !important;
}
.bg-purple {
  background-color: #7266ba !important;
}
.bg-pink {
  background-color: #fb6d9d !important;
}
.bg-white {
  background-color: #ffffff !important;
}
.bg-lightdark {
  background-color: #f4f8fb !important;
}



.border-success{
      border-color: #81c868 !important;
}

.border-custom {
  border-color: #5fbeaa !important;
}
.border-primary {
  border-color: #5d9cec !important;
}
.border-success {
  border-color: #81c868 !important;
}
.border-info {
  border-color: #34d3eb !important;
}
.border-warning {
  border-color: #ffbd4a !important;
}
.border-danger {
  border-color: #f05050 !important;
}
.border-muted {
  border-color: #f4f8fb !important;
}
.border-inverse {
  border-color: #4c5667 !important;
}
.border-purple {
  border-color: #7266ba !important;
}
.border-pink {
  border-color: #fb6d9d !important;
}
.border-white {
  border-color: #ffffff !important;
}
.border-lightdark {
  border-color: #f4f8fb !important;
}








.bs-callout-body{padding:15px}
.bs-callout-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-left-radius:3px;border-top-right-radius:3px}
.bs-callout-heading>.dropdown .dropdown-toggle{color:inherit}.bs-callout-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}
.bs-callout-title>.small,.bs-callout-title>.small>a,.bs-callout-title>a,.bs-callout-title>small,.bs-callout-title>small>a{color:inherit}
.bs-callout-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.bs-callout>.list-group,.bs-callout>.bs-callout-collapse>.list-group
{margin-bottom:0}


.bs-callout>.list-group .list-group-item,.bs-callout>.bs-callout-collapse>.list-group .list-group-item
{border-width:1px 0;border-radius:0}

.bs-callout>.list-group:first-child .list-group-item:first-child,.bs-callout>.bs-callout-collapse>.list-group:first-child .list-group-item:first-child
{border-top:0;border-top-left-radius:3px;border-top-right-radius:3px}

.bs-callout>.list-group:last-child .list-group-item:last-child,.bs-callout>.bs-callout-collapse>.list-group:last-child .list-group-item:last-child
{border-bottom:0;border-bottom-right-radius:3px;border-bottom-left-radius:3px}

.bs-callout>.bs-callout-heading+.bs-callout-collapse>.list-group .list-group-item:first-child
{border-top-left-radius:0;border-top-right-radius:0}.bs-callout-heading+.list-group .list-group-item:first-child{border-top-width:0}

.list-group+.bs-callout-footer{border-top-width:0}.bs-callout>.bs-callout-collapse>.table,.bs-callout>.table,.bs-callout>.table-responsive>.table
{margin-bottom:0}


.bs-callout>.bs-callout-collapse>.table caption,.bs-callout>.table caption,.bs-callout>.table-responsive>.table caption
{padding-right:15px;padding-left:15px}


.bs-callout>.table-responsive:first-child>.table:first-child,.bs-callout>.table:first-child
{border-top-left-radius:3px;border-top-right-radius:3px}


.bs-callout>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child,
.bs-callout>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child,
.bs-callout>.table:first-child>tbody:first-child>tr:first-child,.bs-callout>.table:first-child>thead:first-child>tr:first-child
{border-top-left-radius:3px;border-top-right-radius:3px}

.bs-callout>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child,.bs-callout>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child
.bs-callout>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child,.bs-callout>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child,
.bs-callout>.table:first-child>tbody:first-child>tr:first-child td:first-child,.bs-callout>.table:first-child>tbody:first-child>tr:first-child th:first-child,.bs-callout>.table:first-child>thead:first-child>tr:first-child td:first-child,
.bs-callout>.table:first-child>thead:first-child>tr:first-child th:first-child
{border-top-left-radius:3px}


.bs-callout>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child,
.bs-callout>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.bs-callout>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child,
.bs-callout>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child,
.bs-callout>.table:first-child>tbody:first-child>tr:first-child td:last-child,.bs-callout>.table:first-child>tbody:first-child>tr:first-child th:last-child,
.bs-callout>.table:first-child>thead:first-child>tr:first-child td:last-child,.bs-callout>.table:first-child>thead:first-child>tr:first-child th:last-child
{border-top-right-radius:3px}

.bs-callout>.table-responsive:last-child>.table:last-child,
.bs-callout>.table:last-child{border-bottom-right-radius:3px;border-bottom-left-radius:3px}

.bs-callout>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child,
.bs-callout>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child,
.bs-callout>.table:last-child>tbody:last-child>tr:last-child,
.bs-callout>.table:last-child>tfoot:last-child>tr:last-child
{border-bottom-right-radius:3px;border-bottom-left-radius:3px}


.bs-callout>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.bs-callout>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.bs-callout>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.bs-callout>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child,
.bs-callout>.table:last-child>tbody:last-child>tr:last-child td:first-child,
.bs-callout>.table:last-child>tbody:last-child>tr:last-child th:first-child,
.bs-callout>.table:last-child>tfoot:last-child>tr:last-child td:first-child,
.bs-callout>.table:last-child>tfoot:last-child>tr:last-child th:first-child
{border-bottom-left-radius:3px}


.bs-callout>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.bs-callout>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.bs-callout>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.bs-callout>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child,
.bs-callout>.table:last-child>tbody:last-child>tr:last-child td:last-child,
.bs-callout>.table:last-child>tbody:last-child>tr:last-child th:last-child,
.bs-callout>.table:last-child>tfoot:last-child>tr:last-child td:last-child,
.bs-callout>.table:last-child>tfoot:last-child>tr:last-child th:last-child
{border-bottom-right-radius:3px}


.bs-callout>.bs-callout-body+.table,.bs-callout>.bs-callout-body+.table-responsive,.bs-callout>.table+.bs-callout-body,
.bs-callout>.table-responsive+.bs-callout-body
{border-top:1px solid #ddd}


.bs-callout>.table>tbody:first-child>tr:first-child td,.bs-callout>.table>tbody:first-child>tr:first-child th
{border-top:0}

.bs-callout>.table-bordered,.bs-callout>.table-responsive>.table-bordered
{border:0}


.bs-callout>.table-bordered>tbody>tr>td:first-child,.bs-callout>.table-bordered>tbody>tr>th:first-child,.bs-callout>.table-bordered>tfoot>tr>td:first-child,
.bs-callout>.table-bordered>tfoot>tr>th:first-child,.bs-callout>.table-bordered>thead>tr>td:first-child,.bs-callout>.table-bordered>thead>tr>th:first-child,
.bs-callout>.table-responsive>.table-bordered>tbody>tr>td:first-child,
.bs-callout>.table-responsive>.table-bordered>tbody>tr>th:first-child,
.bs-callout>.table-responsive>.table-bordered>tfoot>tr>td:first-child,
.bs-callout>.table-responsive>.table-bordered>tfoot>tr>th:first-child,
.bs-callout>.table-responsive>.table-bordered>thead>tr>td:first-child,
.bs-callout>.table-responsive>.table-bordered>thead>tr>th:first-child
{border-left:0}


.bs-callout>.table-bordered>tbody>tr>td:last-child,
.bs-callout>.table-bordered>tbody>tr>th:last-child,
.bs-callout>.table-bordered>tfoot>tr>td:last-child,
.bs-callout>.table-bordered>tfoot>tr>th:last-child,
.bs-callout>.table-bordered>thead>tr>td:last-child,
.bs-callout>.table-bordered>thead>tr>th:last-child,
.bs-callout>.table-responsive>.table-bordered>tbody>tr>td:last-child,
.bs-callout>.table-responsive>.table-bordered>tbody>tr>th:last-child,
.bs-callout>.table-responsive>.table-bordered>tfoot>tr>td:last-child,
.bs-callout>.table-responsive>.table-bordered>tfoot>tr>th:last-child,
.bs-callout>.table-responsive>.table-bordered>thead>tr>td:last-child,
.bs-callout>.table-responsive>.table-bordered>thead>tr>th:last-child
{border-right:0}

.bs-callout>.table-bordered>tbody>tr:first-child>td,
.bs-callout>.table-bordered>tbody>tr:first-child>th,
.bs-callout>.table-bordered>thead>tr:first-child>td,
.bs-callout>.table-bordered>thead>tr:first-child>th,
.bs-callout>.table-responsive>.table-bordered>tbody>tr:first-child>td,.bs-callout>.table-responsive>.table-bordered>tbody>tr:first-child>th,
.bs-callout>.table-responsive>.table-bordered>thead>tr:first-child>td,.bs-callout>.table-responsive>.table-bordered>thead>tr:first-child>th
{border-bottom:0}

.bs-callout>.table-bordered>tbody>tr:last-child>td,
.bs-callout>.table-bordered>tbody>tr:last-child>th,
.bs-callout>.table-bordered>tfoot>tr:last-child>td,
.bs-callout>.table-bordered>tfoot>tr:last-child>th,
.bs-callout>.table-responsive>.table-bordered>tbody>tr:last-child>td,
.bs-callout>.table-responsive>.table-bordered>tbody>tr:last-child>th,
.bs-callout>.table-responsive>.table-bordered>tfoot>tr:last-child>td,
.bs-callout>.table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}

.bs-callout>.table-responsive
{margin-bottom:0;border:0}

.bs-callout-group{margin-bottom:20px}

.bs-callout-group .bs-callout{margin-bottom:0;border-radius:4px}

.bs-callout-group .bs-callout+.bs-callout{margin-top:5px}
.bs-callout-group .bs-callout-heading{border-bottom:0}
.bs-callout-group .bs-callout-heading+.bs-callout-collapse>.list-group,.bs-callout-group .bs-callout-heading+.bs-callout-collapse>.bs-callout-body{border-top:1px solid #ddd}

.bs-callout-group .bs-callout-footer{border-top:0}.bs-callout-group .bs-callout-footer+.bs-callout-collapse .bs-callout-body{border-bottom:1px solid #ddd}

.bs-callout-default{border-color:#ddd}
.bs-callout-default>.bs-callout-heading{color:#333;background-color:#f5f5f5;border-color:#ddd}
.bs-callout-default>.bs-callout-heading+.bs-callout-collapse>.bs-callout-body{border-top-color:#ddd}
.bs-callout-default>.bs-callout-heading .badge{color:#f5f5f5;background-color:#333}
.bs-callout-default>.bs-callout-footer+.bs-callout-collapse>.bs-callout-body{border-bottom-color:#ddd}
.bs-callout-primary{border-color:#337ab7}
.bs-callout-primary>.bs-callout-heading{color:#fff;background-color:#337ab7;border-color:#337ab7}
.bs-callout-primary>.bs-callout-heading+.bs-callout-collapse>.bs-callout-body{border-top-color:#337ab7}
.bs-callout-primary>.bs-callout-heading .badge{color:#337ab7;background-color:#fff}
.bs-callout-primary>.bs-callout-footer+.bs-callout-collapse>.bs-callout-body{border-bottom-color:#337ab7}
.bs-callout-success{border-color:#d6e9c6}
.bs-callout-success>.bs-callout-heading{color:#3c763d;background-color:#dff0d8;border-color:#d6e9c6}
.bs-callout-success>.bs-callout-heading+.bs-callout-collapse>.bs-callout-body{border-top-color:#d6e9c6}
.bs-callout-success>.bs-callout-heading .badge{color:#dff0d8;background-color:#3c763d}
.bs-callout-success>.bs-callout-footer+.bs-callout-collapse>.bs-callout-body{border-bottom-color:#d6e9c6}
.bs-callout-info{border-color:#bce8f1}
.bs-callout-info>.bs-callout-heading{ /*color:#31708f;*/ background-color:#d9edf7;border-color:#bce8f1}
.bs-callout-info>.bs-callout-heading+.bs-callout-collapse>.bs-callout-body{border-top-color:#bce8f1}
.bs-callout-info>.bs-callout-heading .badge{color:#d9edf7;background-color:#31708f}
.bs-callout-info>.bs-callout-footer+.bs-callout-collapse>.bs-callout-body{border-bottom-color:#bce8f1}
.bs-callout-warning{border-color:#faebcc}.bs-callout-warning>.bs-callout-heading{color:#8a6d3b;background-color:#fcf8e3;border-color:#faebcc}.bs-callout-warning>.bs-callout-heading+.bs-callout-collapse>.bs-callout-body{border-top-color:#faebcc}.bs-callout-warning>.bs-callout-heading .badge{color:#fcf8e3;background-color:#8a6d3b}.bs-callout-warning>.bs-callout-footer+.bs-callout-collapse>.bs-callout-body{border-bottom-color:#faebcc}.bs-callout-danger{border-color:#ebccd1}.bs-callout-danger>.bs-callout-heading{color:#a94442;background-color:#f2dede;border-color:#ebccd1}.bs-callout-danger>.bs-callout-heading+.bs-callout-collapse>.bs-callout-body{border-top-color:#ebccd1}.bs-callout-danger>.bs-callout-heading .badge{color:#f2dede;background-color:#a94442}.bs-callout-danger>.bs-callout-footer+.bs-callout-collapse>.bs-callout-body{border-bottom-color:#ebccd1}


.bs-callout h4{
    text-align: center;

    color:#fff;
    
    margin: 0px;
  
 
}

.bs-callout-title {
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 0.03em;
    margin-bottom: 0;
    margin-top: 0;
    text-transform: uppercase;
}
.bs-callout-footer {
    background: #f4f8fb none repeat scroll 0 0;
    border-top: 0 none;
}
.bs-callout-color .bs-callout-title {
    color: #ffffff;
}
.bs-callout-custom > .bs-callout-heading,
.bs-callout-custom > h4{
    background-color: #5fbeaa;
}
.bs-callout-primary > .bs-callout-heading,
.bs-callout-primary > h4{
    background-color: #5d9cec;
}
.bs-callout-success > .bs-callout-heading {
    background-color: #81c868;
}
.bs-callout-info > .bs-callout-heading,
.bs-callout-info > h4{
    background-color: #4c5667;
}
.bs-callout-warning > .bs-callout-heading,
.bs-callout-warning > h4{
    background-color: #ffbd4a;
}
.bs-callout-danger > .bs-callout-heading,
.bs-callout-danger > h4{
    background-color: #f05050;
}
.bs-callout-purple > .bs-callout-heading,
.bs-callout-purple > h4{
    background-color: #7266ba;
}
.bs-callout-pink > .bs-callout-heading,
.bs-callout-pink > h4{
    background-color: #fb6d9d;
}
.bs-callout-inverse > .bs-callout-heading,
.bs-callout-inverse > h4{
    background-color: #4c5667;
}
.bs-callout-border .bs-callout-heading,
.bs-callout-border > h4{
   /* background-color: #ffffff;
    border-top: 3px solid #dadfe2 !important;
    padding: 10px 20px 0;
   */
}
.bs-callout-border .bs-callout-body {
    padding: 15px 20px 20px;
}
.bs-callout-border.bs-callout-custom .bs-callout-heading {
    border-color: #5fbeaa !important;
    color: #5fbeaa !important;
}
.bs-callout-border.bs-callout-primary .bs-callout-heading {
    border-color: #5d9cec !important;
    color: #5d9cec !important;
}
.bs-callout-border.bs-callout-success .bs-callout-heading {
    border-color: #81c868 !important;
    color: #81c868 !important;
}
.bs-callout-border.bs-callout-info .bs-callout-heading {
    border-color: #4c5667 !important;
    color: #4c5667 !important;
}
.bs-callout-border.bs-callout-warning .bs-callout-heading {
    border-color: #ffbd4a !important;
    color: #ffbd4a !important;
}
.bs-callout-border.bs-callout-danger .bs-callout-heading {
    border-color: #f05050 !important;
    color: #f05050 !important;
}
.bs-callout-border.bs-callout-purple .bs-callout-heading {
    border-color: #7266ba !important;
    color: #7266ba !important;
}
.bs-callout-border.bs-callout-pink .bs-callout-heading {
    border-color: #fb6d9d !important;
    color: #fb6d9d !important;
}
.bs-callout-border.bs-callout-inverse .bs-callout-heading {
    border-color: #4c5667 !important;
    color: #4c5667 !important;
}
.bs-callout-border.bs-callout-inverse{
    border-color: #4c5667 !important;
    color: #4c5667 !important;
}



.bs-callout-group .bs-callout .bs-callout-heading a.collapsed[data-toggle="collapse"]::before {
    content: "";
}
.bs-callout-group .bs-callout .bs-callout-heading .accordion-toggle.collapsed::before {
    content: "";
}
.bs-callout-group .bs-callout .bs-callout-heading a[data-toggle="collapse"] {
    display: block;
}
.bs-callout-group .bs-callout .bs-callout-heading a[data-toggle="collapse"]::before {
    content: "";
    display: block;
    float: right;
    font-family: "FontAwesome";
    font-size: 14px;
    text-align: right;
    width: 25px;
}
.bs-callout-group .bs-callout .bs-callout-heading .accordion-toggle {
    display: block;
}
.bs-callout-group .bs-callout .bs-callout-heading .accordion-toggle::before {
    content: "";
    display: block;
    float: right;
    font-family: "FontAwesome";
    font-size: 14px;
    text-align: right;
    width: 25px;
}
.bs-callout-group .bs-callout .bs-callout-heading + .bs-callout-collapse .bs-callout-body {
    border-top: medium none;
}
.bs-callout-group .bs-callout-heading {
    padding: 12px 26px;
}
.bs-callout-group.bs-callout-group-joined .bs-callout + .bs-callout {
    border-top: 1px solid #eeeeee;
    margin-top: 0;
}
.bs-callout-group-joined .bs-callout-group .bs-callout + .bs-callout {
    border-top: 1px solid #eeeeee;
    margin-top: 0;
}
.bs-callout .nav-pills li a {
    color: #4c5667 !important;
}
.bs-callout .nav-pills li.active a {
    color: #ffffff !important;
}


.bs-callout-color .bs-callout-title{
    color: #fff;
}


.bs-callout-color .btn-full{
    margin-top: 20px;
    width:100%;
}

.callout_body{
    padding-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom:10px;
}

.callout_body .row{
    margin: 0px;
    padding: 2px;
}

.callout_body .container{
    padding: 0px;
}

.big_bottom .callout_body{
    padding-top: 20px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom:80px;
}

.callout_body.row h3{
    display: inline-block;
    padding:10px;
    padding-left: 2%;    
    position: relative;
    border-bottom: 3px solid #ccc;
    width: 100%;
}


.label- {
  background-color: #5fbeaa;
}
.label-aktiv {
  background-color: #f05050;
}
.label-kesz {
  background-color: #81c868;
}

.label-archiv {
  background-color: #ffbd4a;
}
.label-rontott {
  background-color: #5d9cec;
}





.btn-full{
    width:100%;
    white-space:normal;
}


.btn-full span{
    display: inline-block;
}

.btn-full span img{
    width: 24px;
}


a.btn-normal{
    white-space:normal;
}

.btn-none{
    opacity: 0;
}


.btn-null{
    background: transparent;
    border: 0px;
}


.btn-hidden{
    background: transparent;
    border: 0px;
    opacity: 0;
}

.bootstrap-select.btn-group .dropdown-toggle.btn-null .filter-option{
    text-align: right;
}

.color-red{
    color:red;
}

.color-green{
    color:green;
}

.input-group-addon{
    position:absolute;
    right: 0px;
    top:22px;
    z-index: 300;
    background: transparent;
    padding: 13px;
    width: 40px;
    height: 40px;
    border: 0px;
}
.input-group-addon:last-child{
        border: 0px;
}

.input-group-addon img{
    width:10px;
}


.custom-modal-body .input-group-addon{
    top:0px;
}

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

.float-left{
    float: left;
}

#callout_vasarlas #callout_vasarlas_body{
    padding-top: 0px;
    padding-bottom: 0px;
}


.nav > li > a {
  color: #ffffff !important;
  padding: 0px 15px;
  position: relative;
}
.nav > li > a.btn {
  display:inline-block;
  /*
  margin-left: 10px;
  margin-right: 10px;
*/
}

.kedvencek_box{
    width: 500px;
}

.kedvencek_box .fa{
    font-size: 20px;
    display: block;
    text-align: center;
} 

.vasarlas_box{
    z-index: 70;
}

.bs-callout{
-webkit-transition: all 2s ease-in-out;
-moz-transition: all 2s ease-in-out;
-ms-transition: all 2s ease-in-out;
-o-transition: all 2s ease-in-out;
transition: all 2s ease-in-out;
}

.callout_header{
    cursor: pointer;
}

.padding-no{
    padding: 0px !important;
    min-height:0px;
}


.card-box{
 /*   background: #ebeff2;*/
    min-height: 150px;
}

 .panel .panel-body  .card-box  p{
    margin: 0px;
    padding: 0px;
}

.esemeny_lista .crm_esemeny_sor:nth-child(2n+1){
    border: 1px solid #ebeff2;
    background: #ebeff2;
}

.crm_esemeny_sor{
    padding:5px;
    padding-left: 10px;
}






.btn-primary.active {
    background-color: #204d74;
    border-color: #122b40;
    color: #fff;
}


.btn-primary.focus{
    background-color: #5d9cec;
}

.kitoltettlen{
    border: 2px groove red;
}

.sweet-alert{
    min-width: 478px;
    max-width:600px;
}

.progress{
height: 35px;    
}
.progress-bar{
    font-size: 28px;
    line-height:28px;
}


.nav.nav-tabs + .tab-content,
.nav.nav-tabs > li.active > a, .nav.tabs-vertical  > a{
    /*background: #f6f6f6;*/

    
}

.input-group .form-control{
    float: none;
}



.nav.nav-tabs + .tab-content{
    -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.5);
    box-shadow:0 1px 1px rgba(0,0,0,0.5);
    padding: 0px;
}

.nav.nav-tabs + .tab-content .bs-callout-body .tab-content {
    padding-top: 0px;
}
 
.stepclass .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
    min-height: 0px;
}


.stepclass.progress{
    height: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.stepclass .progress-bar-success {
    background-color: #81c868;
}

.btn .badge {
  position: absolute;
  top: -10px;
  right: -10px;
}

.waves-effect{
    overflow: visible !important;
}

.btn .badge{
    background: #f05050;
    color: #fff;
}



/*-------------------------------------------------------------------------------------------------EXTRA ------------------------------------------------------------------*/

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th{
    vertical-align: middle;
}



.fc-bg table, .fc-row .fc-bgevent-skeleton table, .fc-row .fc-highlight-skeleton table{
    height:0px;
}
 
.bgm-white {
  background-color: #ffffff !important;
}

.c-white {
  color: #ffffff !important;
}

.bgm-black {
  background-color: #000000 !important;
}

.c-black {
  color: #000000 !important;
}

.bgm-brown {
  background-color: #795548 !important;
}

.c-brown {
  color: #795548 !important;
}

.bgm-pink {
  background-color: #e91e63 !important;
}

.c-pink {
  color: #e91e63 !important;
}

.bgm-red {
  background-color: #f44336 !important;
}

.c-red {
  color: #f44336 !important;
}

.bgm-blue {
  background-color: #2196f3 !important;
}

.c-blue {
  color: #2196f3 !important;
}

.bgm-purple {
  background-color: #9c27b0 !important;
}

.c-purple {
  color: #9c27b0 !important;
}

.bgm-deeppurple {
  background-color: #673ab7 !important;
}

.c-deeppurple {
  color: #673ab7 !important;
}

.bgm-lightblue {
  background-color: #03a9f4 !important;
}

.c-lightblue {
  color: #03a9f4 !important;
}

.bgm-cyan {
  background-color: #00bcd4 !important;
}

.c-cyan {
  color: #00bcd4 !important;
}

.bgm-teal {
  background-color: #009688 !important;
  color:#fff;
}

.c-teal {
  color: #009688 !important;
}

.bgm-green {
  background-color: #4caf50 !important;
}

.c-green {
  color: #4caf50 !important;
}

.bgm-lightgreen {
  background-color: #8bc34a !important;
}

.c-lightgreen {
  color: #8bc34a !important;
}

.bgm-lime {
  background-color: #cddc39 !important;
}

.c-lime {
  color: #cddc39 !important;
}

.bgm-yellow {
  background-color: #ffeb3b !important;
}

.c-yellow {
  color: #ffeb3b !important;
}

.bgm-amber {
  background-color: #ffc107 !important;
}

.c-amber {
  color: #ffc107 !important;
}

.bgm-orange {
  background-color: #ff9800 !important;
}

.c-orange {
  color: #ff9800 !important;
}

.bgm-deeporange {
  background-color: #ff5722 !important;
}

.c-deeporange {
  color: #ff5722 !important;
}

.bgm-gray {
  background-color: #9e9e9e !important;
}

.c-gray {
  color: #9e9e9e !important;
}

.bgm-bluegray {
  background-color: #607d8b !important;
}

.c-bluegray {
  color: #607d8b !important;
}

.bgm-indigo {
  background-color: #3f51b5 !important;
}

.c-indigo {
  color: #3f51b5 !important;
}







.fixed{
    background: #36404a;
    color: #fff !important;
    
}

.fixed.table > thead > tr > td, 
.fixed.table > thead > tr > th{
    color:#fff;
    padding: 20px;
}

.fixed.table.dataTable thead th.sorting::after, 
.fixed.table.dataTable thead th.sorting_asc::after, 
.fixed.table.dataTable thead th.sorting_desc::after{
    top:18px;
}



.fixed{
  top:0;
  position:fixed;
  width: 1050px;
  display:none;
  border:none;
  z-index: 1001;
}

.input-group{
    display: block;    
}


.panel-transparent{
    background:transparent;
}

.card-header{
    padding: 20px;
}


























/*-------------------------------------Table screeen-------------------*/
@media only screen and (max-width: 800px) {
/* Force table to not be like tables anymore */
.mobile table,
.mobile mobile thead,
.mobile tbody,
.mobile th,
.mobile td,
.mobile tr {
display: block;
}
 
/* Hide table headers (but not display: none;, for accessibility) */
.mobile thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
 
.mobile tr { border: 1px solid #ccc; }
 
.mobile td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50% !important;
white-space: normal;
text-align:left;
min-height: 30px;
}
 
.mobile td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px !important;

white-space: nowrap;
text-align:left;
font-weight: bold;
}
 
/*
Label the data
*/
.mobile td:before { content: attr(data-title); }
 
 

}




/*-------------------------------------mini Table class-------------------*/

/* Force table to not be like tables anymore */
.mini table,
.mini thead,
.mini tbody,
.mini th,
.mini td,
.mini tr {
display: block;
}
 
/* Hide table headers (but not display: none;, for accessibility) */
.mini thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
 
.mini tr { border: 1px solid #ccc; }
 
.mini td {
/* Behave like a "row" */
border: none;
border-bottom: 1px solid #eee;
position: relative;
padding-left: 50% !important;
white-space: normal;
text-align:left;
min-height: 30px;
}
 
.mini td:before {
/* Now like a table header */
position: absolute;
/* Top/left values mimic padding */
top: 6px;
left: 6px;
width: 45%;
padding-right: 10px !important;

white-space: nowrap;
text-align:left;
font-weight: bold;
}
 
/*
Label the data
*/
.mini td:before { content: attr(data-title); }
 

/*---------------------------------------------- Ürlap -------------------------*/

.form-control{
    border:1px solid #3d3d3d;
}

label{
    color:#3d3d3d;
    margin-bottom: 0px;
    margin-top: 7px;
}



/*----------------------------------------------Gyors formázások -------------------------*/




.modal-lg{
    width:900px;
}

.modal-full{
    width: 90%;
    height: 90%;
   /* overflow: auto;*/
}

.mand_mod_full_body{
    overflow: auto;
    height: auto; 
}

.mand_mod_full_body .panel .panel-body{
    padding:0px; 
}

.display-none{
    display: none !important;
}



.text-sx{
    font-size: 10px;
}

.text-sm{
    font-size: 14px;
}

.text-mm{
    font-size: 16px;
}

.text-lg{
    font-size: 22px;
}

.label.text-sm{
   height: 16px;
}


.display-inline{
    display: inline-block;
}
.height-no{
    height: auto !important;
    min-height: 0px !important;
}

.width-90{
    width: 90%;
}
.width-10{
    width: 10%;
}

.bg-inverse{
 background-color: #4c5667 !important;
  border: 1px solid #4c5667 !important;
  color: #ffffff;
}  

.ticket_cime{
    line-height: 10px;
    margin: 0px;
    font-size: 15px;
    font-weight: bold;
}

.ticket_leiras{
    font-size: 12px;
    padding: 0px;
    margin: 0px;
}

.panel-title{
        line-height: 0px;
        margin: 15px;
}

#callout_folyamatban_body .btn{
    margin: 10px;
}

#callout_gombok .btn{
    margin: 10px;
}

.panel-opacity{
 background: rgba(250,250,250,0.8);   
  
}

.login_footer{
    background: rgba(250,250,250,0.8);  
}


.hiba_leirasa{
    padding: 10px;
    margin-bottom: 10px;
    border:1px solid rgba(250,250,250,0.9);
    background: rgba(250,250,250,0.9);
    color: #3d3d3d;
    
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    
    -webkit-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 1px 1px 10px 0px rgba(0,0,0,0.1);
}

.modal-content{
background: rgba(74, 74, 92, 0.75);    
}

span.collapse_span{
    cursor: pointer;
}


#wrapper.enlarged .left.side-menu #sidebar-menu ul > li:hover > a {
  position: relative;
  width: 240px;
  background: #f4f8fb !important;
  color: #5fbeaa;
  border-color: #5fbeaa;
}

#wrapper.enlarged .left.side-menu #sidebar-menu > ul > li > a{
    width: 100%;
}

#wrapper.enlarged .left.side-menu #sidebar-menu ul ul li > a span.label{
    transform: rotate(0deg);
    position: absolute;
    left: 170px;
    display: inline-block;
    width:30px;
    height: 20px;
    line-height: 12px;
    font-size: 10px;
}


.navbar  .button-menu-mobile{
    line-height: 30px;
    font-size: 10px;
     
}

#wrapper.enlarged .topbar .topbar-left .logo .icon-c-logo{
    line-height:30px;
    font-size: 10px !important;
}

.navbar{
    min-height: 10px;
}



.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){
    height: 33px;
}

.tab-pane .container{
    margin: 0px;
    padding: 0px;
 }

.input-group{
    display: block;
}


.article_list{
   color: #000;
}

.mand_mod .panel-body{
    background: #ebeff2;
    padding: 0px;
}


.mand_mod_full .panel{
    background-color: #ebeff2;
}

.bootstrap-select .btn{
    font-size: 14px;
    height: 25px;
    padding: 2px 7px;
}


.radio_nev{
    margin-bottom:0px;
    margin-top: 10px;
    padding-bottom: 0px;
    font-weight: bold;
}





/*MOBILE NÉZET*/
@media (max-width: 950px)  {
    #wrapper.enlarged .content-page{
        max-width: 100%;
        height:auto;
        width: 100%;
    }

    .content-page > .content{
        margin: 0px;
        padding: 0px;
    }
    
    
    .side-menu.left{
        position: fixed;
        padding-top:50px;
        padding-bottom:0px;
    }
    
    .topbar .topbar-left{
        width:90px;
    }
    .topbar-left{
        width:90px;
        /*display: none;*/
        
    }
    
}




.checkbox input[type="checkbox"]{
    width: 20px ;
    height: 20px;
}





/* minimalizálás */

.panel-heading{
    height: 30px;
    padding: 0;
    width: 100%;
}

.panel-title {
    line-height: 0;
    margin: 0;
    padding: 8px;
}

.panel-heading .close{
    margin-right: 10px; 
}


.btn{
     padding: 1px 6px;
     font-size: 15px;
}


.btn-group-sm > .btn, .btn-sm {
    border-radius: 3px;
    font-size: 14px;
    line-height: 1;
    padding: 5px;
}

.card-header{
    padding: 5px;
    padding-left: 15px;
    margin: 0px;
}


/*Naptár  formázása*/
.fc-list-table tbody,
.fc-list-table  a{
   color: #fff;
}

.fc-list-table .fc-event, .fc-event-dot {
    background-color: #3a87ad;
    border-radius: 5px;
    display: inline-block;
    height: 10px;
    width: 10px;
}

.fc-unthemed .fc-divider, .fc-unthemed .fc-list-heading td, .fc-unthemed .fc-popover .fc-header{
    background: #4c5667;
}

.fc-unthemed .fc-list-item:hover td{
    background: #4c5667;
}