/* font-face (DinNext) --start--
        ** h1,h2,h3,h4,h5,h6**
        **p - a - span **
*/
@font-face {
    font-family: "DinNextRegular";
    src: url('../plugins/DinNext/DinNextRegular.ttf');
    src: url('../plugins/DinNext/DinNextRegular.eot?#iefix') format('embedded-opentype'),
        url('../plugins/DinNext/DinNextRegular.svg#JFFlat-Regular') format('svg'),
        url('../plugins/DinNext/DinNextRegular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Flaticon";
    src: url("../plugins/flaticon/Flaticon.eot");
    src: url("../plugins/flaticon/Flaticon.eot?#iefix") format("embedded-opentype"),
        url("../plugins/flaticon/Flaticon.woff") format("woff"),
        url("../plugins/flaticon/Flaticon.ttf") format("truetype"),
        url("../plugins/flaticon/Flaticon.svg#Flaticon") format("svg");
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: "Flaticon";
        src: url("../plugins/Flaticon.svg#Flaticon") format("svg");
    }
}

/***flaticon style**/
[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-size: 44px!important;
    margin-left: 0!important;
    color: #536881;
}
/* font-face --end*/

/*  tags(a,span,h1,h2,h3,h4,h5,h6) use font-family(DinNextRegular)  --start--*/
body{direction: rtl}
body,span,a,h1,h2,h3,h4,h5,h6{font-family:"DinNextRegular";}

/*  tags use font-family(DinNextRegular)  --End--*/

@media print{
    .dataTables_length , .dataTables_filter , .dataTables_paginate {
        display: none;
    }
}


/*****main css***/

/****theme color css****/
.color-black-green{
    background-color: #64c5b1;
}
.theme-panel>.theme-options>.theme-option.theme-colors>ul>li.color-blue {
    background: #0288d1;
}
.color-voilet{    background-color: #897aa5;}
.theme-panel>.theme-options>.theme-option.theme-colors>ul>li.current,
.theme-panel>.theme-options>.theme-option.theme-colors>ul>li:hover {
    border: 2px solid #a09b9a;
}

.row{margin: 3px!important;}

.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 {
    padding-right: 5px!important;
    padding-left: 5px!important;
    margin-bottom: 5px
}

.m-top24{margin-top: 24px}

.m-top28{margin-top: 28px}


.p0{padding:0px!important}

.p1{padding: 1px!important}

.p30{padding-top: 30px}

.p100{padding: 1px 0 0!important}

.p5{padding:5px!important}

.p02{padding:0 2px!important}

.p05{padding:0 5px!important}

.p50{padding:5px 0!important}

.p09{padding:0 9px!important}

.p3{padding:3px!important}

.p300{padding: 3px 0 0}

.p4{padding:4px!important}

.p5{padding:5px!important}

.p044{padding:0 4px 4px}

.pR1{padding-right: 1px}

.pR2{padding-right: 2px}

.pR3{padding-right: 3px}

.pR5{padding-right: 3px}

.pL1{padding-left: 1px}

.pL2{padding-left: 2px}

.pL3{padding-left: 3px}

.pL5{padding-left: 5px}

.p300{padding: 3px 0 0!important}

.m0{margin: 0!important}

.m1{margin:1px!important}

.m3{margin:3px}

.m6{margin: 6px}

.mT3{margin-top: 3px}

.m05{margin:0 5px}

.m50{margin: 5px 0}

.m2{margin: 2px}

.m5{margin: 5px}
.mT1{margin-top: 1px!important}

.mT8{margin-top: 8px}

.mT5{margin-top: 5px!important}

.mT6{margin-top: 6px}
.mT10{margin-top: 10PX!IMPORTANT}
.mT15{margin-top: 15px!important}
.m10{margin: 10px!important}
.mT21{margin-top: 21px}
.mT26{margin-top: 26px}
.mT24{margin-top: 24px!important}

.pB0{padding-bottom: 0!important}
.pB28{padding-bottom: 28px!important}
.mR10{margin-right: 10px!important}
.mR20{margin-right: 20px!important}
.mR40{margin-right: 40px}

.mB0{margin-bottom: 0}
.mB10{margin-bottom: 10PX}
.mL5{margin-left: 5px}
.pB7{padding-bottom: 7px}
.pT8{padding-top: 8px!important}
.pT10{padding-top: 10px!important}

.pos-r{ position: relative }

.pos-a{ position: absolute }

.pos-f{ position: fixed }

.borderRadius0{border-radius:0}

.border{border:1px solid #ddd!important}

p{margin: 3px!important}

.wd-30{width:30%}

.text-center{text-align: center}

.portlet-title{padding:5px 0!important}
/*tfoot{border:2px solid #272829!important}*/

.table>tfoot>tr>td, .table>tfoot>tr>th {
    padding: 5px 18px!important;
    background-color: #25292f;
}

.border-radio{
    border: 1px solid #88909c;
    background-color: #3e4654;
    border-radius: 3px;
    padding: 5px 5px 5px;
    margin-top: 0px!important;
    margin-right: -6px;
}

.md-radio-inline {
    margin: 5px 0px 0;
}

.input-large {
    width: 312px!important;
}
.btn-icon-only>[class^=icon-], .btn-icon-only>i {
    margin-top: 0px!important;
}

.hr{height:1px;background-color:#ddd;border:0;margin-top:5px;margin-bottom:5px}

h4{padding:0 5px 0px}

.fa-globe{color:#fff}
small{color:red}

.alert{margin-bottom: 2px!important;margin-top: 0!important}

.part-coin{color:#3598dc}

.bg-tab{background-color: #f3f3f3}
/****color-button****/

.fa-unlock-alt , .fa-trash-o , .fa-ban{font-size: 20px;color:#da0e0e}

.fa-unlock , .fa-pencil-square-o ,.fa-download{font-size:20px;color:#0a990a}

.glyphicon-cog{color:#656060;font-size:20px}

.fa-language{color:#337ab7;font-size: 20px}

.fa-files-o, .fa-print ,.fa-language,.fa-folder-open,.fa-pencil-square-o,
.fa-code,.fa-files-o,.fa-file-text-o,.fa-sort,.fa-cloud-download,.fa-file-code-o{font-size: 20px}

.glyphicon-import{font-size: 17px}

.fa-search{font-size: 15px}

.btn-lock, .btn-unlock , .btn-lock i , .btn-unlock i{color:#fff}

.fa-trash-o:hover, .trash-red:hover .fa-trash-o{ color: #fff}

.bg-lang{background-color: #fafcfb}

.block-lang{background-color: #efefef;border: 1px solid #ddd;}

table .fa-trash-o:hover{color:#da0e0e}

.btn.green-meadow:not(.btn-outline) {
    color: #FFF;
    background-color: #158f76!important;
    border-color: #158f76!important;
}
select {
    font-family: 'FontAwesome', 'Second Font name'
}

.deletemsg{
    background-color: #e26a6a!important;
    border-color: #e26a6a!important;
    margin:2px
}

.view-label{color:#3598dc}
td{text-align: center}

.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;
}
/****menu-toggle***/
.page-header.navbar .menu-toggler.sidebar-toggler {
    float: right;
    margin: 15.5px 12px 0;

}
/****change check color****/

.select2-container {
    width: 100%!important;
}

.alert-info {
    background-color: #d4d6d6!important;
    border-color: #e0ebf9!important;
    color: #6e6d6d!important;
    font-size: 19px!important;
}

.img-view{width:100px;height:100px;border:1px solid #444}
/*.md-checkbox label>.check { border: 2px solid #3598dc!important;}*/

/***resize font label***/

.input-group-sm>.form-control,
.input-group-sm>.input-group-addon,
.input-group-sm>.input-group-btn>.btn, .input-sm ,
.select2-container--bootstrap.input-sm .select2-selection--single,
.input-group-sm .select2-container--bootstrap .select2-selection--single,
.form-group-sm .select2-container--bootstrap .select2-selection--single {
    font-size: 12px;
    line-height: 1;
}

.btn-group-vertical>.btn:not(:first-child):not(:last-child),
.btn-group>.btn-group:not(:first-child):not(:last-child)>.btn,
.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
    border-radius: 0 4px 4px 0!important;
}

[class*=" fa-"]:not(.fa-stack), [class*=" glyphicon-"],
[class*=" icon-"], [class^=fa-]:not(.fa-stack),
[class^=glyphicon-], [class^=icon-] {
    line-height: 15px!important;
}
.form-group{margin-bottom: 5px}

/*.tab-content{border:1px solid #ddd;}*/

textarea{height: 7em !important;}

// center content table
table th{text-align: center!important}

.table-scrollable>.table-bordered>tbody>tr:last-child>td,
.table-scrollable>.table-bordered>tbody>tr:last-child>th,
.table-scrollable>.table-bordered>tfoot>tr:last-child>td,
.table-scrollable>.table-bordered>tfoot>tr:last-child>th,
.table-scrollable>.table-bordered>thead>tr:last-child>td,
.table-scrollable>.table-bordered>thead>tr:last-child>th,
.table.table-bordered thead>tr>th {
    border-bottom: 0;
    text-align: center;
    background-color: #ddd;
}

table.table-bordered.dataTable tbody th, table.table-bordered.dataTable tbody td {
    text-align: center;
    cursor: pointer!important
}

.bg-search select{background-color: transparent;border:1px solid #4c5667}

.show-system .dt-buttons{margin-top: -2px}

.mt-checkbox > span {
    right: 13px!important;
}

.check_head > span{right:12px!important}

.table-scrollable i{font-size: 20px}
.toplevel{
    border-right: 1px solid #e1e1e1;
    min-height: 220px;
}
.show-currency table.dataTable thead>tr>th.sorting_asc,
.show-currency table.dataTable thead>tr>th.sorting_desc,
.show-currency table.dataTable thead>tr>th.sorting,
.show-currency table.dataTable thead>tr>td.sorting_asc,
.show-currency table.dataTable thead>tr>td.sorting_desc,
.show-currency table.dataTable thead>tr>td.sorting {
    padding-left: 0!important;
    padding-right: 0!important;
}

//border head

.content-form h4{border-bottom: 1px solid #ddd}

/*.content-form{border-left:1px solid #ddd}*/

/***height title***/

.portlet.light>.portlet-title {
    padding: 0;
    min-height: 30px!important
}

.portlet.light>.portlet-title>.caption {color: #fff!important}

.portlet.light>.portlet-title>.caption>i {color: #fff;margin-top: 7px}

.portlet.box>.portlet-body {
    padding: 1px 0;
}

/*.theme-panel>.toggler,*/
.page-container-bg-solid .theme-panel, .page-content-white .theme-panel{
    top: 62px!important;
}

/****full screen button***/
.fullscreen .glyphicon-fullscreen,
.headTop .glyphicon-export,
.headTop .glyphicon-pushpin{
    color: #fff;
    margin: 18px;
    font-size: 17px;
}
.headTop .glyphicon-pushpin{color:#0288d1}

.horizontal,.vertical{display: inline-block}
.horizontal .fa-arrows-v,.vertical .fa-arrows-h{
    color:#fff;
    font-size: 17px;
    margin:17px 11px;
}

.page-header.navbar .search-form {
    background: #0288d1!important;
    margin-right: 19px!important;
    margin: 7px;
    text-align: center;
    border-radius: 23px;
    border: 1px solid rgb(175, 204, 220);
}
.page-header.navbar .search-form .input-group .form-control,
.page-header.navbar .search-form .input-group .input-group-btn{
    height: 35px;
}

.search-form .form-control{border:0!important}

/*.portlet.box>.portlet-body{padding:3px 0 0 0!important}*/

.form-actions{border-top:1px solid #ddd;margin-top: 5px}

/*** block for all form ***/

.block-general ,.row-job{display: flex}

.block-general{margin:0px}

/****check color***/

.md-radio label>.check { background: #3598dc !important;}

/****Start color icon****/

.edit{color:#3f9a8d}

.delete{color:#bf4232}

.deactive{color:#e7505a}

.print{color:#ff757c}

/****End color icon****/

/**************note**********/
.note.note-danger {
    background-color: #fbe1e3!important;
    border-color: #f0868e;
    color: #210406;
}
.note.note-info {
    background-color: #e0ebf9!important;
    border-color: #8bb4e7;
    color: #010407;
}
/***delete button style**/

.trash-red{
    background-color: #f9f9f9;
    color: red;
    border: 1px solid #d0cece;
    font-size: 18px;
    padding: 2px!important;
}

.trash-red:hover{background-color: red;color:#fff;border:1px solid red}

/***start color block[even-odd]***/

.even{
    background-color: #f6f6f6;
    border: 1px solid #ddd;
}

.odd{background-color: #f5f5f5}

/***End color block[even-odd]***/

.theme-option .form-control{
    background-color: transparent!important;
    color: #fff;
}


#small     {  font-size:10px !important;}
#medium    {  font-size:14px !important;}
#large     {  font-size:18px  !important;}
#controls {
    background: transparent;
    text-align: center;
    transition: .25s ease-out;
    display: inline-block;
    border: 1px solid rgba(197, 197, 197, 0.67);
    border-radius: 4px;
    overflow: hidden
}
#controls a{
    color: #fff;
    display: inline-block;
    font-weight: bold;
    width: 45px;
    height: 34px;
    line-height: 30px;
    text-align: center;
    text-decoration:none;
    border-radius: 1px;
    margin: -4px -2px -7px;
    border-left: 1px solid rgba(197, 197, 197, 0.67);
}

#controls a:hover
{  color:#fff;
   background:#0288d1;
   transition:.25s ease-out;}

a.selected  {
    background: transparent;
    text-decoration: none
}


/**** start breadcrumb****/

.page-content-white .page-content .page-bar {
    height: 33px!important;
    margin-bottom:30px!important;
}

.page-container-bg-solid .page-bar .page-breadcrumb,
.page-content-white .page-bar .page-breadcrumb {
    padding: 4px 0;
}

.btn-default {
    color: #333;
    background-color: #dadada;
    border-color: #b3b1b1;
}

/**** End breadcrumb****/

/****start login page***/

.login-container{direction:rtl}

.login-container h2{margin-right:70px;margin-top:60px}

.logo span{color:#3598dc;font-weight:bold}

/****END login page***/

/*****start controller page****/

.show_control .portlet.box {
    padding:1px!important}

.dd3-handle{
    right:0!important;
    border-top-left-radius: 0;
    border-bottom-left-radius:0px;
    border-top-right-radius:3px;
    border-bottom-right-radius:3px;
}
.dd-handle{height: 33px!important;line-height: 21px}

.dd-content{line-height: 17px}

.dd3-content {
    display: block;
    height: 33px;
    padding: 5px 29px 5px 40px;
}

.dd3-item > button {
    margin-left: 0!important
}

.dd-item{line-height: 17px}

.dd3-content span{font-size: 15px}

.add-control{margin-top: 4px}

.portlet-title{
    border-radius: 0;
    margin-bottom: 0!important;
    min-height: 30px!important
}

.add .portlet-title{
    background-color: #3598dc;
}

.add .portlet-title span{color:#fff}

.row-job{
    border:1px solid #ddd;
    position: relative;
}

.add-job .add{margin-top: 2px}

.delete-job{
    position:absolute;
    z-index:2;
    left:0;top:0px
}

.close_action{
    margin-top: -2px;
    color: #e7505a;
    background-color: #dddddd;
    border-color:transparent;
}

.delete-job:hover i{color:#fff}

.delete-job:hover .close_action{
    background-color: #e7505a;
    color: #fff;
    border-color:transparent;
}
.close_action i{font-size:18px}

/***show****/

.row-show li{position: relative}

.row-show .row-control-button{position: absolute;z-index:2;left:31px;top:0px}

.row-control-button .btn-group-xs>.btn, .btn-xs {
    padding: 6px 6px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

/*
.row-show .dd3-content {
    padding: 2px 10px 7px 40px;
}*/

/*********Start Edit Direction checkbox****/

.mt-checkbox>span:after {
    right: 6px;
    top: 2px;
    width: 5px;
    height: 10px;
    border: solid #888;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.md-checkbox input[type=checkbox]:checked~label>.check {
    opacity: 1;
    -webkit-transform: scale(1) rotate(45deg);
    -moz-transform: scale(1) rotate(45deg);
    transform: scale(1) rotate(45deg);
}

.md-checkbox label>.check {
    top: -4px;
    right: 6px;
    width: 10px;
    height: 20px;
    border: 2px solid #36c6d3;
    border-top: none;
    /* border-right: none; */
    border-left: none;
    opacity: 0;
    z-index: 5;
    -webkit-transform: rotate(-180deg);
    -moz-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s;
}

/*********End Edit Direction checkbox****/

/*****Start Permission*****/

/***ADD***/

.row_bg{min-height:56px}

.input_block_permission{
    z-index: 10;
    top: 54px;
    right: 0px;
    left:0;
    background-color: #d4d4d4;
    box-shadow: 2px 2px 5px #444;
    display: none;
    padding-top: 4px
}

.close_block_permission {
    z-index: 20;
    top: 20px;
    left: 3px;
}


/*** margin-top-button add***/

.control-button-perm{margin-top:20px}

.control-button-perm .btn-icon-only {height: 28px!important;width: 28px!important;}

.control-button-perm .btn:not(.btn-sm):not(.btn-lg) {
    line-height: 0!important;
}

.control-button-perm .btn-icon-only>i {
    margin-top: 0 !important;
}

.search-control{
    position: absolute;
    z-index: 2;
    width: 271px;
    left:-4px;
    top: -29px;
}

/*** End permission****/

/***start company***/

.show-company h4{
    color: #3598dc;
    background-color: white;
    border-bottom: 1px solid #ddd;
}

.nav-pills>li>a {
    padding: 6px!important
}
.company .icon{margin-top:22px}
.modal-title {color:#3598dc}

.tab-content-company{
    min-height: 266px;
    height: auto;
    overflow: hidden;
    background-color: #e8e5e5;
}

.content-tab,.content-company ,.branch-data{
    border: 1px solid #c7c7c7 !important;
    padding: 0px;
    margin-bottom: 7px;
    background-color: #d2d2d2;
    margin-top:64px;
    overflow: hidden
}

.branch-data{margin-top:-6px}

h4.form-section{color:#3598dc}

.company_data,.border-left{border-left:1px solid #c3c3c3;padding-left:7px}

.content-company {margin-top:5px}

.btn-company ,.btn-company:hover {
    color:#fff;
    background-color: #717d92;
}

a:visited{
    //color:blue;
    color:#03a9f4;//by fatma as tabs become blue
}

.img-company{border:1px solid #ddd;width:50px;margin-right: -10px;height: 29px;overflow: hidden;}

.input-img{height:29px!important}
.fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {
    display: block!important;
}

.show-company .col-md-1{padding-right: 0!important;padding-left: 0!important}

.company .form .form-section, .portlet-form .form-section{color:#3598dc;margin-bottom:5px!important}

.detail-other{margin: 0 0 10px!important}

.form-wizard .steps>li.active>a.step .number {
    background-color: rgba(53, 152, 220, 0.69)!important;
    color: #fff;
}

.form-wizard .steps>li.done>a.step .number {
    background-color: #959dab!important;
    color: #fff;
}

.progress-striped .progress-bar-success {
    background-image: linear-gradient(-45deg,rgb(137, 200, 243) 25%,#73b8e7 25%,#73b8e7 50%,rgb(53, 152, 220) 50%,rgb(53, 152, 220) 75%,#73b8e7 75%,#73b8e7)!important;
}

.form-wizard .steps>li>a.step>.number {
    padding: 3px 11px 13px;
    height: 30px;
    width: 30px;
}
.progress {height: 10px;}

.form-wizard .progress {margin-bottom: 0px!important}

.btn.btn-outline.green {
    border-color: #f6f6f6;
    color: #ffffff;
    background-color: #3598dc!important;
}

/**edit**/

.control-edit-company{padding: 6px 0px 0 14px!important;}

/***view company***/

.view{position: relative}

.view .arrow , .view .closed{position: absolute;z-index:99;cursor: pointer}

.view .arrow{display: none}

.view .arrow-right{top:34%;right:0}

.view .arrow i,.view-company .closed i{background-color:#3598dc;color:#fff;padding:5px;font-size:20px}

.view .arrow-left{top:34%;left:0}

.view .closed{top:3px;left:9px;color:#fff}

.view .closed i{border-radius:50%}

.view:hover .arrow {display: block}

/***End company***/

/******Start lang****/

.add-lang .toggle-lang{margin-top: 23px}

.add-lang .note-editor.note-frame .note-editing-area .note-editable {
    height: 100px!important;
}

.alert-message{display: none;padding:0 10px 3px;border: 1px solid #aaabad;margin-bottom: 2px}

.alert-message-tab2{display: block;padding:0 10px 3px;border: 1px solid #aaabad;margin-bottom: 2px}

.validation-message{display: none;padding:0 10px 3px;border: 1px solid #aaabad;}

.validation-message-tab2{display: block;padding:0 10px 3px;border: 1px solid #aaabad;}


.row-alert-message{background-color: #efe2e2;}

.row-validation-message{background:rgba(170, 206, 170, 0.4);}



.general{background-color: red; height: 71px;}

.btn-icon-only {
    height: 28px!important;
    width: 28px !important;}

.btn:not(.btn-sm):not(.btn-lg) {
    line-height:1!important;
}

.tab2-icon-lang{
    padding: 3px 6px!important;
    border-radius: 2px;
    margin-top: 2px
}

.title-message{margin-top: 15px;color:#3598dc;font-weight: bold}

.row-message{ border: 1px solid #ddd;margin-bottom: 2px}

/*.btn{padding: 4px 12px 7px;}*/

/**trans**/

.alert_message_trans, .validation_message_trans{display: none}

/****users***/

.accounting{
    min-height: 186px;
    line-height: 186px;
}

.accounting h3{color: #337ab7;}


.jstree-default .jstree-wholerow-clicked, .jstree-wholerow .jstree-wholerow-clicked {
    background: #fff!important;
    border: 0;
    box-shadow: none;
}

.fileinput-new .input-group .btn-file {
    border-radius: 4px 0 0 4px!important;
    height: 29px!important
}

.md-checkbox label>.check {
    border: 2px solid #337ab7;
    border-top: none;
    border-left: none;

}

/*product*/

.unit{
    border: 1px solid rgb(189, 196, 201);
    background-color: rgba(221, 221, 221, 0.64);
    position: relative;
    margin-bottom: 2px;
}

.unit .delete-unit{
    position: absolute;
    z-index:2;
    left:0;
    top:0
}

.md-checkbox:before{
    position: absolute;
    z-index: 2;
    right: -13px;
    top: -5px;
    //content: "_";
}

.tab-price .table>tbody>tr>td{padding:2px!important}
.tab-price .table>tbody>tr>th{text-align: center}

/***style table****/

.btn-shortcut{margin-left:126px}

/*

a.dt-button, button.dt-button, div.dt-button ,.dt_button{
    padding: 12px 12px 14px!important;
}*/


/**new**/
.btn{padding:5px}

.portlet.box .dataTables_wrapper .dt-buttons {
    margin-top: -29px!important;
}

.portlet>.portlet-title {min-height: 34px;padding: 3px 10px!important;}


.portlet>.portlet-title>.caption {font-size: 18px}

.portlet>.portlet-title>.caption {line-height: 12px}

.portlet>.portlet-title>.caption>i {margin-top:2px;font-size: 15px}

.portlet.box.blue>.portlet-title>.actions .btn-default {
    background: 0 0!important;
    border: 1px solid #4fb0f3;
    color: #ffffff;
    background-color: #1875b5!important;
}

.portlet.box.blue>.portlet-title>.actions .btn-default>i {
    color: #ffffff !important;
}

.btn.blue-hoki:not(.btn-outline),
.btn.btn-outline.dark {
    color: #777;
    background-color: #e6e6e6;
    border-color: #b2b4b7;
}

.btn.blue-hoki:not(.btn-outline).active,
.btn.blue-hoki:not(.btn-outline):active,
.btn.blue-hoki:not(.btn-outline):hover,
.open>.btn.blue-hoki:not(.btn-outline).dropdown-toggle {
    color: #FFF;
    background-color: #1875b5;
    border-color: #1875b5;
}

.form-md-radios>label {
    color: #333;
}

.md-radio label>.box {
    height: 13px;
    width: 13px
}

.md-radio label>.check {
    top: 4px;
    right: 4px;
    width: 5px;
    height: 5px;
}

.md-radio label {
    padding-right: 18px;
    padding-top: 0;
    line-height: 0;
}

.label-radio{
    right: 22px!important;
    top: 4px!important;
}

.md-checkbox label>.box {
    height: 14px;
    width: 14px;
}
.md-checkbox label>.box { top: 5px}

.md-checkbox label {
    padding-right: 23px;
}

.md-checkbox label>.check {
    top: 0;
    right: 6px;
    width: 7px;
    height: 16px;
}

.md-radio-inline .md-radio {
    line-height: 1!important;
}

.mt-checkbox>span, .mt-radio>span {
    border: 1px solid transparent;
    position: absolute;
    right: 0;
    height: 18px;
    width: 18px;
    background: #E6E6E6;
}


/*** system-log****/
.system-log .portlet.box .dataTables_wrapper .dt-buttons{margin-top: -1px!important}

/**change degree color (blue)**/
.btn.blue:not(.btn-outline) {
    background-color: #217ebd;
    border-color: #217ebd;
}
/** **/
input[type="search"],select[name="show_shortcut_length"]{
    border: 1px solid #ddd;
    border-radius: 3px;
    padding: 3px;
    margin-left: 0!important;
}

select[name="show_shortcut_length"]{padding: 0}


.select2-container .select2-selection--single .select2-selection__rendered {
    overflow: hidden!important;
    height:100%!important
}


.table-scrollable{margin: 0!important}


.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: left!important;
}

.portlet.light.bordered>.portlet-title {
    border-bottom: 0;
}

ul.nav-lang{width:20%}

.edit-style{
    padding: 5px 5px 7px;
}

.edit-style-toggle{padding-bottom: 7px;padding-top: 5px;}

.tab-content-user,.company_data{border:1px solid #ddd;}

a.dt-button ,button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled) {
    border: 1px solid transparent;
    font-size: 0.88em;
    background-color: #ddd;
    padding: 4px 5px!important;
    border-radius:4px
}


table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>td.sorting {
    padding-left: 17px;
}

.shortcut .btn{padding:5px}

a.dt-button i{font-size: 15px}

.fa-refresh,.fa-upload{padding: 0 1px}
.fa-refresh{color:#666}

.fa-upload{color:#0cb60c}
.fa-file-excel-o{color:green}
.fa-file-pdf-o{color:red}
.fa-files-o{color:#b29130}
.fa-print{color:#3598dc}

/**start modal***/

.modal{
    top:40%!important;
    left:45%
}

.bootbox.modal.fade.in {
    top: 15% !important;
}

.modal-dialog{width:auto;margin:0!important}

.bootbox.modal-header{padding: 5px}

.bootbox.modal-footer{padding:5px}
.bootbox.modal {
    left: 50%;
    bottom: auto;
    right: auto;
    padding: 0;
    width: 314px;
    background: none;
    border: none;
    box-shadow: none;
}

.modal btn{padding: 6px 7px 8px}


.modal .modal-header {
    border-bottom: 1px solid #3598dc;
    background-color: #3598dc;
    border-radius:5px 5px 0 0;
    padding: 0
}


.modal .modal-header .close {
    margin: 8px!important;
}

.modal-footer{padding: 5px}

.modal-title {
    color: #ffffff;
}

.uneditable-input {
    height: 29px;
}
.modal-sm {
    width: 100%;
}

/***vALIDATION COLOR****/

label.error{
    color: #c81010!important;
    font-size: 12px;
    position: absolute;
    z-index: 4;
    background-color: #fde1e1;
    padding: 3px;
    left: 0;
    top:50px;
    border-radius: 3px;
    box-shadow: 1px 1px 5px #999,
        -1px -1px 5px #e5e5e5
}

label.error:after{
    content:"";
    position: absolute;
    bottom: 100%;
    right: 50%;
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-bottom: 8px solid #fde1e1;
    border-right: 7px solid transparent;padding-bottom: 50px
}

/*label.error:hover{opacity: 0}*/

/***alert style **/

.btn-success.active, .btn-success:active, .btn-success:hover, .open>.btn-success.dropdown-toggle ,.btn-success {
    color: #fff;
    background-color: #3598dc;
    border-color: #3598dc;
}

/***login1***/

.login1, .page-404-3{
    background-image: url(../img/accounting-bg1.jpg)!important;
    background-repeat: repeat
}

.btn-error,.btn-error:hover{
    border-color: #3598dc;
    color: #3598dc!important;
    background: #fff!important;
    padding: 10px 10px 12px 10px;
    font-weight: bold;
}

.page-404-3 .error-404 {
    color: #fff;
    text-align: center;
}

.user-login-5 .alert {
    margin-top: 0!important;
}

.login1 .user-login-5 .login-container>.login-content {
    margin-top: 7%!important
}

.user-login-5 .login-container>.login-content>.login-form {
    color: #fff;
}
.login1 .user-login-5 .login-container{color:#fff;padding-top: 10%}

.login1 .user-login-5 .login-container>.login-content>h1 {
    color: #fff;
}

.user-login-5 .login-container > a,
.user-login-5 .login-container>.login-footer .login-copyright>p ,
.user-login-5 .login-container>.login-content>.login-form .forgot-password>a,
.user-login-5 .login-container>.login-content>.login-form .forgot-password>a:hover,
.user-login-5 .login-container>.login-content p {
    color: #fff;
}

.login1 .user-login-5 .login-container>.login-content>.login-form .form-control {
    padding: 10px;
    border-radius: 2px!important;
}

.btn.login-program {
    color: #FFF;
    background-color: #33abff!important;
    border-color: #33abff!important;
    padding: 6px 15px 10px;
    font-size: 16px
}

/*************Account*********/

.account-general,.cost-general, .entry-show{
    background-color: #3c4452;
    margin: 7px;
    padding-bottom: 4px;
    border-radius: 5px;
}

.account-general .md-radio{margin-left: 9px}

.show-content-tree,.account-level{
    min-height: 400px;
    max-height: 400px;
    overflow-y: scroll;
}

.show-content-tree{border-radius:4px}

.icons_charts .fa-pencil-square-o{margin-right: -4px!important}

.icons_charts .fa-plus:hover .grey-cascade{
    background-color: #217ebd!important;
    border-color: #1f78b5!important;
}

.icons_charts .fa-sort-asc{
    margin-top: 4px!important;
    font-size: 17px;
}

.icons_charts .fa-sort-desc{
    margin-bottom: 4px!important;
    font-size: 17px;
}
.choose-word{margin-top: 11px}

.choose-word .md-radio-inline{margin-top: -4px}

.account-general table{width:99%}

/***multi-select***/

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
    display: none;
}

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
    float: right!important;
}

.precentage-account{height: 30px!important}

.bootstrap-touchspin .btn {
    padding: 5px 7px 10px 7px;
}


/*************sannad***************/

.color-sanad{height: 176px}

.check-order{
    border: 1px solid #4c5667;
    margin-top: 5px;
    max-height: 289px;
    overflow-x: hidden;
    position: relative;
    margin-right: 0;
    padding-right: 0;
    border-radius: 3px;
}
.check-order .box {
    border-bottom: 1px solid #4c5667;
    padding: 4px 36px 8px;
}
.buttons{margin-top: 100px;text-align: center}

.upButton i,.downButton i{
    font-size: 20px;
    margin-bottom: 29px;
    /* border-radius: 3px; */
    text-align: center;
}
.check-order .highlight{background-color:#353c48}

.flexcroll{
    scrollbar-face-color: blue;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
}

/* Let's get this party started*/
.flexcroll::-webkit-scrollbar {
    width: 8px;
}

/*Track*/
.flexcroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    -webkit-border-radius: 3px;
    border-radius:3px;
}

/*Handle*/
.flexcroll::-webkit-scrollbar-thumb {
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background:#88909c;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
}

.report .portlet-body {
    border-top: 1px solid #03a9f4!important;
}
.page-header.navbar .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>.username {
    font-weight: bold;
}
/************Entry******/

.table-entry{color:#fff;margin-bottom:5px}


.table-entry tbody tr{background-color: #353c48}

.table-entry >thead>tr>th {
    vertical-align: bottom;
    border-bottom:0
}

.table-entry td{padding:5px!important;vertical-align: middle!important;}

.sum span,.difference span{font-weight: bold;color:#fb9678}

/********************************reports***************************/
.product_exceeded_limit .md-radio label>.box {
    top: 6px!important;
}
.product_exceeded_limit .md-radio label>.check {
    top: 10px!important;
    right: 4px;
}
.product_exceeded_limit .md-radio{

    padding-bottom: 9px;
}
/* .product_exceeded_limit .md-radio:last-child{
        border-bottom: 0
    }*/
.product_exceeded_limit .outstanding_invoice .report_choice {
    min-height: 237px!important;
}
.product_move_price .report_choice{
    min-height: 283px!important
}
.product-move-price .field_report{min-height: 178px!important}
.product_exceeded_limit .report_choice .md-radio,
.product_exceeded_limit .field_report .md-radio{
    border-bottom: 1px solid #c8c7c7!important
}
.product_exceeded_limit .border-radio {
    padding: 0 5px 3px;
}

/*.product_exceeded_limit .report_choice .md-radio:last-child,
.product_exceeded_limit .field_report .md-radio:last-child{
     border-bottom: 1px solid transparent!important
}*/


.show-control .deletemsg{margin-top:2px!important}
/**annualBalance**/

.move-type{
    border: 1px solid #88909c;
    border-radius: 5px;
}

.move-type h4{
    margin:3px 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #88909c;
}

.part-check{position: relative}

.part-check i{margin-top: -2px}

.table>thead>tr>th {
    vertical-align: middle;
}
/************************** buy-bill********************/
.buy_bill .general-bill textarea,.product-bill textarea,.operation-bill textarea{height: 32px!important}

.product-bill{padding-bottom: 10px;padding-top: 10px}
.product-bill,.operation-bill{margin: 0 7px}

.product-bill #datatable_div,.operation-bill #datatable_div{
    max-width: 100%;
    /*    overflow-x: scroll;*/
}
.operation-bill{margin-bottom: 10px}
.product-bill .table .btn,.operation-bill .table .btn {
    margin-left: 0!important;
}
.product-bill table th,
.operation-bill table th{padding:0!important}
.product-bill table td,
.operation-bill table td{padding:1px 1px 0 1px!important}

.operation-billl .select2-container--default .select2-selection--single,
.operation-bill .select2-selection,.product-bill .select2-container--bootstrap.select2-container--focus .select2-selection,
.operation-bill .select2-container--bootstrap.select2-container--open .select2-selection,
.operation-bill .select2-container--default .select2-selection--multiple,
.operation-bill .form-control,.product-bill .select2-search__field,
.operation-bill .select2-container--default .select2-selection--single,
.operation-bill .select2-selection,.operation-bill .select2-container--bootstrap.select2-container--focus .select2-selection,
.operation-bill .select2-container--bootstrap.select2-container--open .select2-selection,
.operation-bill .select2-container--default .select2-selection--multiple,
.operation-bill .form-control,.product-bill .select2-search__field{
    border: 1px solid rgb(190, 189, 189)!important;
}
.product-bill table td input.form-control.input-sm,
.operation-bill table td input.form-control.input-sm{
    border: 1px solid rgb(190, 189, 189)!important;
    border-radius: 0!important
}
.product-bill table td input:focus,
.product-bill table td .input-group-sm.select2-bootstrap-prepend:focus,
.product-bill textarea.form-control:focus,
.operation-bill table td input:focus,
.operation-bill table td .input-group-sm.select2-bootstrap-prepend:focus,
.operation-bill textarea.form-control:focus{
    border: 1px solid #bebdbd!important;
    background-color: #c7edff!important;
}

.total-sales{
    background-color: #ddd;
    box-shadow: 2px 2px 5px #bbb,
        -2px -2px 5px #bbb;
    padding: 7px 14px
}

.data-select-bill,.data-bill{
    background-color: #dddddd;
    margin: 0 7px;
    box-shadow: 2px 2px 5px #ccc,
        -2px -2px 5px #ccc
}
.slide-detail .view .arrow i{
    background-color: #03a9f4;
    box-shadow: 2px 2px 4px #555,
        -2px 0 4px #555;
}
.slide-detail .view .arrow i{
    background-color: #3598dc;
    color: #fff;
    padding: 19px 11px;
    font-size: 36px;
}

.bill h4{margin: 0!important}
.bill .product-bill{padding:5px 0 0!important}

.detail-bill .table>tbody>tr>td,.detail-bill .table>tbody>tr>th,
.detail-bill .table>tfoot>tr>td,.detail-bill .table>tfoot>tr>th,
.detail-bill .table>thead>tr>td,.detail-bill .table>thead>tr>th{padding:3px!important}

.slide-detail .bill h4 {
    margin: 0!important;
    margin-bottom: 6px!important;
}

.detail-button .btn .fa-pencil-square-o{color:#fff!important}
.fa-check-square{font-size:19px}

.block-copy{
    background-color: #eeeded;
    padding: 5px 5px 10px;
    border-radius: 3px;
    margin-top: 5px;
    text-align: center;
    border-bottom: 1px solid #b9b8b8;
}
a.dt-button .fa-repeat{color:#03a9f4}


.button-supply .fa-print{color:#fff!important}
.button-supply{margin-top:5px;text-align: left}

.block-copy a{text-decoration: none;font-weight: bold}



/**** transfer-store*****/
.store .table>tbody>tr>td{margin: 0!important;padding:4px!important}

.store .form-control, .store .select2-search__field {
    border: 1px solid rgb(198, 198, 198)!important;
}
.info-code{
    background-color: #525252!important;
    margin-bottom: -3px;
    border: 1px solid #525252;}
.info-code span{color:#fff!important}
.store textarea{
    width: 100%;
    height: 28px!important;
    border: 1px solid #8f8f90!important;
}

/****أنماط الفواتير****/
.data-style {
    border: 1px solid #b5b5b5;
}
.head-data{background-color: #848c98;margin-top: -10px}

.data-style .head-data h4{
    padding-bottom: 10px;
    color: #fff;
    font-size: 16px!important;
}
.content-char{margin-right:15px}
.body-char{max-height: 517px;
           overflow-y: scroll;}
.body-char i{color: #03a9f4;}
.body-char span{
    font-weight: bold;
    color: #03a9f4;
    font-size: 17px;
}
.bill-pattern .check-order{
    max-height: 442px
}

.button-bill{margin-top: 15px!important}
.button-bill button{padding: 8px}

.bill-pattern .buttons{
    margin-top: 137px;
    text-align: center;
}

.bill-pattern .buttons .upButton,
.bill-pattern .buttons .downButton{
    background-color: #c8c7c7;
    padding: 25px 10px 0px;
    margin-bottom: 21px;
    border-radius: 5px;
}
.arrange-product .product-bill {
    padding: 0px 0!important;
    padding: 0px!important
}
.add_depart textarea{height:30px!important}

.product_row{
    background-color: rgba(201, 201, 201, 0.32);
    border: 1px solid #aeaeae;
    margin: 10px!important;
    border-radius: 4px;
}
/*.product_row .product-bill{background-color: #dddddd;}*/

.product_row .row-job,.add_depart .row-job{
    border: 1px solid #bdc4c9!important;
    background-color: #ffffff!important;
    box-shadow: 2px 2px 5px #9b9b9b;
}
.add_depart,.add_product{
    background-color: #dddddd;
    margin: 6px!important;
    display: none
}

.offer-store{
    BACKGROUND-COLOR: rgba(233, 235, 236, 0.83);
    border: 1px solid #bababa;
    margin: 8px;
    border-radius: 4px;
    padding: 3px;
    box-shadow: 2px 2px 5px #c2c1c1, -2px -2px 5px #d5d5d5;
}
.offer .portlet{margin-bottom: 0}

.offer .table>tbody>tr>td,
.offer .table>tbody>tr>th,.offer .table>tfoot>tr>td,
.offer .table>tfoot>tr>th,.offer .table>thead>tr>td,
.offer .table>thead>tr>th{padding:2px!important}

.offer .table .form-control{
    border:1px solid rgb(209, 209, 211)!important
}

/************************table-bill*******************/
/*
.table-bill .fa-unlock,.table-bill .fa-pencil-square-o,
.table-bill .fa-download,.table-bill .fa-print,
.table-bill .fa-files-o,.table-bill .fa-unlock-alt,.table-bill .fa-trash-o,
.table-bill .fa-ban, .table-bill .fa-trash-o:hover,
.table-bill .fa-unlock,.table-bill .fa-pencil-square-o,
.table-bill .fa-download{color:#414a56!important;cursor: pointer}
*/


/************************************Report Style***************************/
.report_choice{min-height: 246px;}

.report_choice .check-order{border:1px solid transparent!important}

.report_choice .check-order .box:last-child{border-bottom: 1px solid transparent}

.field_report .buttons {
    margin-top: 41px!important;
}

.field_report .upButton i,.field_report .downButton i{margin-bottom: 20px}

.field_report .buttons .upButton, .field_report .buttons .downButton {
    background-color: #c8c7c7;
    padding: 19px 10px 0px;
    margin-bottom: 21px;
    border-radius: 5px;
}

.outstanding_invoice .report_choice{min-height: 157px!important}

/**start suppliers report**/

.client_report .field_report .buttons {
    margin-top: 7px!important;
}

.suppliers_report .buttons {
    margin-top: 6px!important;
}

.suppliers_report .upButton i,.suppliers_report .downButton i{margin-bottom: 15px}

.suppliers_report .buttons .upButton, .suppliers_report .buttons .downButton {
    background-color: #c8c7c7;
    padding: 13px 10px 0px;
    margin-bottom: 5px;
    border-radius: 5px;
}

.suppliers_report .check-order{margin-bottom: 99px}

.check_border{
    border: 1px solid #8f8f90;
    border-radius: 3px;
    margin: -8px;
    margin-bottom: 0px!important;
}

.table>tr>th{text-align: center}


.buy_suppliers .report_choice{min-height: 206px}

.table-report> .table>tbody>tr>td{padding:3px!important}

.table-report .select2-container{border:1px solid rgb(198, 205, 214)!important}



/********start product-move report*****/


.product_move .check-order {
    border: 1px solid #4c5667;
    margin-top: 5px;
    max-height: 193px!important;
}

.product_move .report_choice {
    min-height: 200px!important;
    max-height: 131px!important;
}
.product_profits .product-table .check-order{
    margin-top: -3px!important;
    max-height: 129px!important;
}

.product_profits .product-table{
    min-height: 119px;
}
.product_profits .show-option .check-order{
    max-height: 254px;
}

.product_profits .source-report .report_choice {min-height: 85px;}


.tabs-left.nav-tabs>li.active>a, .tabs-left.nav-tabs>li.active>a:hover>li.active>a:focus {
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    -ms-border-radius: 0 4px 4px 0;
    -o-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    border-color: #ddd #ddd #ddd transparent;
    background-color: #0288d1;
    color: white;
    font-weight: bold;
    position: relative;
}
.tabs-left.nav-tabs>li.active>a:after{
    content: "";
    position: absolute;
    right: 100%;
    top: 8px;
    width: 0;
    z-index:5;
    height: 0;
    border-top: 12px solid transparent;
    border-right: 13px solid #0288d1;
    border-bottom: 13px solid transparent;

}

.setting .tab-content{
    background-color: rgb(234, 234, 234);
    min-height: 327px;
    padding: 24px 37px 24px 21px;
    margin-right: -11px;
    margin-left: -6px;
    margin-bottom: -8px;
    margin-top: -3px;
}

.tab-setting .nav-tabs{
    margin-right: -6px;
    /* border: 1px solid #62c1ec; */
    background-color: rgba(216, 221, 226, 0.83);
    margin-bottom: -7px;
}

.setting-tab .nav-pills>li {
    float: right;
    width: 33%;
    text-align: center;
    font-weight: bold;
}

.tabs-left.nav-tabs>li>a, .tabs-right.nav-tabs>li>a {
    margin-left: 0;
    margin-bottom: 1px;
}

.table-statement .table-report> .table>tbody>tr>td{padding: 8px!important}
.tab-setting{background-color: #d9dee4}

span.head-setting{
    padding: 0 9px 7px;
    font-weight: bold;
    font-size: 17px;
}

.setting .minicolors-theme-bootstrap .minicolors-swatch {
    top: 0px!important;
}

.color_subject,.field_choice{min-height: 324px}

.general_choice .check-order{border: 0!important}

.quantity_field{min-height:209px!important}

.edit-button i.fa-pencil-square-o{color:#fff!important}

.check-order a {color:#444!important}

.minicolors-theme-bootstrap .minicolors-swatch {
    top: 0px;
}

.info_wave .check-order .box {
    padding-bottom: 0!important
}

.info-tab .button-subject{
    border-bottom: 1px solid #b5b5b5;
    background-color: #d7dce2;
    padding: 5px 5px 0;
}

.table-padding .table>tbody>tr>td{padding: 0!important}

.body-choice-setting{
    max-height: 329px;
    overflow-x: scroll;
}

.field_choice .check-order{max-height: 267px}

.btn-copy .fa-files-o{color:#fff}

.info_wave .dd3-content{
    height: auto!important;
    line-height: 23px;
    padding:0;
    border: 1px solid #d9dee4;
}

.info_wave .dd3-content .col-md-9{margin-bottom: 0!important}

.info_wave .dd3-content .form-control{
    border: 1px solid rgb(197, 197, 197)!important;
}

.info_wave .dd-handle {
    height: 37px!important;
    line-height: 27px;
}

.info_wave .button-subject {
    border-bottom: 1px solid #b1b0b0!important;
    background-color: #eaeaea!important;
    padding: 4px 5px 5px!important;
}

.print-btn .fa-print{color:#fff!important}

.repoet_customer_bill .report_choice {
    min-height: 185px;
}
.repoet_customer_bill .field_report .buttons {
    margin-top: 25px!important;
}

.monthly_traffic .report_choice{min-height: 73px!important}

.monthly_traffic .suppliers_report .check-order {
    margin-bottom: 0!important;
}

.monthly_traffic .report_source{min-height: 231px!important}


/*****************resturant************/



/**report**/
.total-movemement{
    max-height: 244px;
    height: 244px;}
.total_order .check-order{
    max-height: 190px;
    height: 193px;
    overflow-y: scroll
}
.radio-height{
    position: relative;
    line-height: 6px;
    margin: 8px 5px 8px;
}

.resturant .depart textarea{max-height: 32px;max-width: 100%}

/**************************resturant_bill*****************************/

.blur {
    -webkit-filter: grayscale(100%) opacity(50%); /* Safari */
    filter: grayscale(100%)opacity(50%);
}
.data-tables-order h4{margin: 0!important}

.name-client,.phone-client,.num-order{display: none}

.num-order {
    margin-top: -17px;
}
.button-block{
    text-align: center;
    padding: 12px;
    border-bottom: 1px solid #349cd5;
}
.button-block:last-child{
    border-bottom: 0;
}

/**home_screen_control**/
.home_screen_control button{
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    background-color: rgb(2, 136, 209);
    color: #fff;
    border: 0;
    border-radius: 4px;
}
.home_screen_control button:last-child{margin-bottom: 0!important}
.home_screen_control{
    background-color: #ffffff;
    padding: 5px 0 5px 0px;
    border-radius: 3px;
    margin-top: 1px!important
}
.resturant_home_screen .portlet-body{border-top:1px solid #0288d1}

.resturant_home_screen .search-content{
    margin-top: 5px;
    border-right:1px solid #03a9f4;
}
.modal_detail_order i.fa-money{font-size:17px}

.search-content .search-res{margin-right:9px!important;}

.show_category img{width:50px;height: 50px}
/*******start page3******/

.search-menu input[type="search"]{
    width:100%;
    border-radius:50px;
    padding:5px 10px;
    margin-bottom: 10px
}
.main-menu h4,.category-menu h4{
    margin-top: 0px;
    text-align: center;
    background-color: #349cd5;
    /* padding-bottom: 10px; */
    padding: 5px 0 10px;
    color: #fff;
}

.order-head{background-color: #536881;}

.order-head h4{
    margin: 0;
    text-align: center;
    margin-bottom: 3px;
    padding: 3px 0 11px;
    color: #fff;
    font-weight: bold;
}
.table-order{}
.table-order table{margin-bottom: 0px!important}

.order-control{
    border-top: 2px solid #349cd5;
}

.body_res .control-button{
    margin-bottom: 3px!important;
    margin-top: 7px!important;
    margin-right: -7px;
    margin-left: -7px;
}
.body_res .control-button button{
    width: 100%;
    height: 39px;
    font-size: 15px;
    line-height: 51px;
    line-height: 20px;
    border: 1px solid #359cd5;
    background-color: #349cd5;
    color: #fff;
}

#f1_container {
    position: relative;
    margin: 3px auto;
    height: 739px;
    z-index: 9;
    /* padding-top: 4px; */
}
#f1_container {
    perspective: 1000;
}
#f1_card {
    width: 100%;
    height: 100%;
    transform-style: preserve-3d;
    transition: all 1.0s linear;
}
/*#f1_container:hover #f1_card {
  transform: rotateY(180deg);
  box-shadow: -5px 5px 5px #aaa;
}*/
.card-hover {
    transform: rotateY(180deg);
    box-shadow: -5px 5px 5px #aaa;
}
.face {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    z-index:3
}
.face.back {
    display: block;
    transform: rotateY(-180deg);
    box-sizing: border-box;
    padding: 0 10px;
    color: white;
    background-color: #f5f5f5;
}
.back .table>tbody>tr>td,
.back .table>tfoot>tr>td,
.back .table td{color:#000!important}

.back .table thead th{
    background-color: rgb(52, 156, 213)!important;
    color: #ffffff;
}

.back .form-actions {
    border-top: 1px solid #399bff!important;
}
.name-client h4,.phone-client h4{
    margin-top: 2px;
    margin-bottom: 3px;
}
.table-data-client thead th{text-align: center!important}
.body_res a:hover{text-decoration: none}
/*.content-wait hr{margin: 10px 0}*/
/*.content-wait h5{margin-top: 0;margin-bottom: 0}*/

.data-tables-order{margin: 0!important}

.table-calculator table tbody tr:nth-child(odd) {
    background-color: #efffff!important;
    color: #000;
}
.table-calculator .table {
    width: 100%;
    margin-bottom: 20px;
    border: #969696!important;
}

.table-calculator .table>tbody>tr>td,
.table-calculator .table>tbody>tr>th,
.table-calculator .table>tfoot>tr>td,
.table-calculator .table>tfoot>tr>th,
.table-calculator .table>thead>tr>td,
.table-calculator .table>thead>tr>th {
    padding: 15px 28px;
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #949494!important;
}
.product-menu{
    margin-top: 4px;
    margin-right: -5px;
    border-right: 2px solid #536881;
    padding-right: 11px;
}
.payment-button{}
.payment-button i{
    font-size: 20px;
    background-color: #349cd5;
    color: #efffff;
    padding: 20px 22px;
    display: block;
    border-radius: 50%;
    margin-top: 35px
}
.payment-button span{
    display: block;
    font-size: 26px;
    font-weight: bold;
    color: #535556;
}

.search-menu{
    border: 2px solid #349cd5;
    border-radius: 30px;
    margin-bottom: 2px;
    padding: 0px 6px 0px;
    background-color: #f5f5f5;
}
/*********Start main-menu*******/

.body_res{
    position: relative
}
.body_res .overley{
    position: absolute;
    z-index:2;
    top:0;
    right:0;
    background: rgba(0,0,0,.5);
}

.main_menu{
    background-color: #30002a;
    max-height: 520px;
    overflow-y: scroll;
    direction: ltr;
    overflow-x: hidden;
    text-align:center;
    position: absolute;
    right:20;
    padding-left:10px;
    border-radius: 10px

}

.right_side h4{margin-right: 10px}

.right_side i{margin:10px;display:none}

.body_res .main-menu,.category-menu{
    background-color: #ffffff;
    max-height: 732px;
    border: 1px solid #349cd5;
    height: 730px;
}

.body_res .main-menu ul li img{
    border-radius: 50%;
    width:30px;height: 30px;
    margin-left: 15px
}

.body_res .main-menu ul{
    padding: 15px;
    margin-bottom: 0;
    padding-top: 0px;
}
.table-order {
    height: 394px;
    overflow-y: scroll;
}
.body_res .main-menu ul,
.category-menu-scroll{
    max-height: 680px;
    overflow-y: scroll;

}

.scroll::-webkit-scrollbar ,
.body_res .main-menu ul::-webkit-scrollbar,
.category-menu-scroll::-webkit-scrollbar{
    width: 4px;
}

.scroll::-webkit-scrollbar-track,
.body_res .main-menu ul::-webkit-scrollbar-track,
.category-menu-scroll::-webkit-scrollbar-track{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
}

.scroll::-webkit-scrollbar-thumb,
.body_res .main-menu ul::-webkit-scrollbar-thumb,
.category-menu-scroll::-webkit-scrollbar-thumb{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}

.sub-category{display: none}
.sub-category ul li{
    list-style-type: none;
    margin: 20px 0
}

.body_res .main-menu ul li{
    list-style-type: none;
    background: #dadada;
    /* border: 1px solid #6e4d57; */
    border-radius: 12px 0 0 12px;
    text-align: right;
    margin: 4px -15px 8px 0;
    padding: 8px 17px 4px;
    font-size: 15px;
    color: #253449;
    font-weight: bold;
    position: relative;
}

.detail-control{
    height: 777px;
    margin-right: 0;
    border: 1px solid #349cd5;
}
.detail-control .button-block h4{
    padding-top: 0;
    margin-top: -5px;
    color: #349cd5;
    font-weight: 600;
}

.detail-control i{
    font-size: 35px;
    margin-bottom: 21px;
    margin-top: 17px;
    color: #536881;
}

.detail-control .wait-button{
    position: relative
}
.content-wait{
    background-color: #349cd5;
    /* padding: 27px; */
    position: absolute;
    z-index: 999;
    left: 103px;
    top: 53%;
    width: 100%;
    padding: 8px;
    color: #fff;
    text-align: center;
    box-shadow: 2px 2px 5px #403f3f,
        0 -2px 5px #403f3f;
    display:none
}
.content-wait:before{
    content: "";
    position: absolute;
    right: 100%;
    top: 42%;
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-right: 14px solid #349cd5;
    border-bottom: 13px solid transparent;
}
/*.wait-button:hover .content-wait{
    display:block
}*/
.content-wait a{color:#fff!important;text-decoration: none}

.content-wait ul li{
    list-style-type: none;
    padding: 5px;
    border-bottom:1px solid #fff
}


.table-content,.connection_request{
    position: absolute;
    top:0;
    right:0;
    background-color: #fff;
    width:100%;
    height:100%;
    display:none
}

.table-content{
    z-index:6
}
.connection_request{z-index:7}

.table-content .table img{position: relative}
.table-content .table span{
    padding: 2px 10px 5px;
    border-radius: 50%;
    position: absolute;
    z-index: 2;
    left: 16px;
    bottom: 13px;
    color: #349cd5;
    font-weight: bold;
    font-size: 18px;
}
.unactive span{color:#999999!important}
.table-content .tabs-table-content li{
    width: 50%;
    text-align: center;
    height: 41px;
    line-height: 29px;
    margin-right: 0
}
.table-content ul{background-color: #536881;color:#fff}
.table-content .nav-pills>li.active>a,
.table-content .nav-pills>li.active>a:focus,
.table-content .nav-pills>li.active>a:hover {
    color: #ffffff!important;
    background-color: #349cd5!important;
}
.table-content .nav-pills>li>a {
    padding: 6px!important;
    color: #fff;
}
/*********End main-menu*******/


/*********Start Content_center*******/

.content_center,.content_left{
    background-color: #ffffff;
    border-radius: 10px
}


.content_center{
    padding:15px;
    max-height: 440px;
    overflow-y: scroll;
    direction: ltr;
}

.content_center .block{
    margin-bottom:5px;
    display: flex;
    direction: rtl
}

.category-menu .block img , .center p{float: right}

.category-menu .block img{
    width: 58px;
    height: 50px;
    border-radius: 0px 5px 5px 0;
}

.category-menu .info{
    background-color: #e8e8e8;
    border-radius: 6px;
    line-height: 50px;
    box-shadow: 2px 2px 10px #b7b7b7;
}
.category-menu .block {
    padding: 0 10px;
    margin-bottom: 13px;
}

.category-menu .info span{ margin-right:30px}

/*********End Content_center*******/

/*********Start Content_left*******/

.left-side{
    position: relative;
    padding: 15px 10px;
    color: #fff;
    border: 1px solid #0288d1;
    border-radius:10px
}

.left-side{box-shadow: 2px 2px 4px #87898a;}

.table-order table,.table-order table tr,.table-order table td{
    text-align: center;
    border: 2px solid #ffffff;
    height: 36px;
}


/******table*****/

.table-order table tr:nth-child(2){border-radius: 10px}

.table-order table tbody tr:nth-child(even){
    background-color: #efeeee;
    color: #000;
}

.table-order table tbody tr:nth-child(odd){
    background-color: #e2e2e2;
    color: #000;
}

.table-order table thead{
    background-color: rgb(52, 156, 213)!important;
    color: #ffffff;
}

.table-order table thead th{
    text-align: center
}

.table-order td i{
    background-color: rgba(2, 136, 209, 0.78);
    padding: 4px;
    border-radius: 50%;
    margin: 0 1px;
    cursor: pointer;
    color: #fff;
}

.table-order td span{margin: 0 1px}

/******sum*****/

.sum{
    background-color: #130010;
    text-align: center;
    border-radius: 20px;
    box-shadow: 0 5px 0 #250020
}

/*******************************hr*******************/
.hr-employee .tab-content>.tab-pane {
    min-height: 200px;
}

.deleteoptincompo {
    background: #a10;
    color: #fff;
    font-weight: 700;
    text-align: center;
    font-size: 14px;
}

.hr-employee .input-group-addon {
    border: 1px solid #8f8f90!important;
    border-right:0!important
}

table.dataTable thead th, table.dataTable thead td {
    padding: 6px 4px!important;
    border-bottom: 1px solid #111;
}
.table thead tr th {
    font-size: 11px!important;
    font-weight: 500;
}
table.dataTable tbody th, table.dataTable tbody td {
    padding: 5px 5px !important;
}
.table-bordered, .table-bordered>tbody>tr>td,
.table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td,
.table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td,
.table-bordered>thead>tr>th {
    border: 1px solid #c6cdd6;
    position: relative!important;
}
.table>tbody>tr>td input{position:relative!important}

.table label.error{
    top:25px!important
}

.page-quick-sidebar-wrapper {
    width: 84px!important;
}
.page-quick-sidebar-wrapper {
    transition: left .3s;
    z-index: 10500;
    position: fixed;
    top: 49px;
    bottom: 33px;
    width: 320px;
    left: -320px;
    overflow: hidden;
    color: #99a8b5;
    background: #21282e;
}
.page-quick-sidebar-wrapper {
    color: #99a8b5;
    background: #1c3249!important;
}
.page-header-fixed .page-container {
    margin-top: 50px!important;
}

body {
    background: #1c3249!important;
}

ul.page-sidebar-menu.page-header-fixed {
    margin-top: -53px;
}

.page-sidebar.collapse {
    margin-top: -32px!important
}

li.item-menu{
    text-align: center;
    color:#fff;
    margin:10px 5px 5px
}
li.item-menu img{height: 28px}
li.item-menu a{text-decoration: none;color:#fff}

li.item-menu h6{margin: 0}

/*************menu-bill******/
ul.list-inline.mnicon {
    max-width: 100%;
    max-height: 69px!important;
    overflow-x: scroll;
    display: inline-flex;
    margin-bottom: 0px!important
}
.main-menu{
    margin-right: 257px
}
/*.fast-menu-horizontal::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.fast-menu-horizontal::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}

.fast-menu-horizontal::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #D62929;
}*/

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color:#1c3249;
    margin-bottom: 0!important
}

::-webkit-scrollbar {
    width: 5px;
    height: 3px;
    background-color: #1c3249;
    margin-bottom: 0!important
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #008bd2;
}

@media(max-width: 989px) {
    .main-menu{
        margin-right: 0
    }
    li.item-menu img {
        height: 21px!important;
    }
    .main-menu li.item-menu {
        text-align: center;
        color: #fff;
        margin: 4px 5px 5px;
        min-width: 66px;
    }

    .page-header-fixed .page-container {
        margin-top: 0!important;
    }
    ul.page-sidebar-menu.page-header-fixed {
        margin-top: 0!important;
        padding:0!important
    }
    .page-sidebar-wrapper {
        margin-top: 0;
    }
}
@media (max-width: 480px)
{
    .page-header.navbar .top-menu {
        /* display: block; */
        clear: none!important
    }
}

.page-header.navbar .page-logo .logo-default {
    margin: -8px!important;
    height: 66px;
    width: 100%;
    /* margin-right: 14px; */
    padding-right: 9px;
}



/********menu-horizontal******/
.menu-horizontal {
    margin-top: -10px;
    background-color: #253449;
    color: rgb(255, 255, 255);
    display: block;
    display:none
}
.menu-horizontal ul li{
    list-style-type: none;
    float:right;
    color:red;
    padding:20px
}
.menu-horizontal ul li a{color:#fff;text-decoration: none}

.menu-horizontal ul li {
    position: relative
}

.menu-horizontal ul li > ul{
    position: absolute;
    z-index: 9;
    top: 59px;
    right: 0px;
    min-width: 180px;
    background-color:#404e63;
    display: block;
    padding: 0;
    display: none;
}
.menu-horizontal ul li:hover > ul{
    display: block
}

.menu-horizontal ul li.haschildren{position: relative}
.menu-horizontal ul li.haschildren:after{
    display: inline-block;
    position: relative;
    font: normal normal normal 8px/1 FontAwesome;
    content: "\f078";
    margin-left: 5px;
    top: -1px;
    color:#fff
}
.menu-horizontal ul li:hover{
    background-color:#47576f;
}

.menu-horizontal ul li.haschildren:hover::after{
    transform: rotate(-180deg);
    transition:all 2s ease-in-out
}
.menu-horizontal ul li ul li{
    display: block;float:none;
    padding:10px
}
.menu-horizontal ul li ul li:hover{background-color:#47576f}

.menu-horizontal ul li.sub-menu{position: relative}
.menu-horizontal ul li.sub-menu:after{
    display: inline-block;
    position: absolute;
    font: normal normal normal 8px/1 FontAwesome;
    content: "\f078";
    margin-left: 10px;
    top: 17px;
    left: 0;
    color: #fff;
    -webkit-transform: rotate(90deg);

}
.menu-horizontal ul li.sub-menu > ul{
    top:0;
    right:100%
}
li.horizontal a ,li.vertical a{color:#fff!important}

.vakata-context-rtl li>a>i {
    margin: 0 0 0 0!important;
}
/***loading table***/
/*
.loading-table {
    width: 100%;
    height: 77%;
    z-index: 9;
    background:rgba(49,58,75,.9);
    position: absolute;
    top: 69px;
    right:0;
    display: none
}

.spinner {
    margin: 130px auto;
    width: 40px;
    height: 40px;
    position: relative;
}

.cube1, .cube2 {
    background-color:#3598dc;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: sk-cubemove 1.8s infinite ease-in-out;
    animation: sk-cubemove 1.8s infinite ease-in-out;
}

.cube2 {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s;
}

@-webkit-keyframes sk-cubemove {
    25% { -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5) }
    50% { -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg) }
    75% { -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5) }
    100% { -webkit-transform: rotate(-360deg) }
}

@keyframes sk-cubemove {
    25% {
        transform: translateX(42px) rotate(-90deg) scale(0.5);
        -webkit-transform: translateX(42px) rotate(-90deg) scale(0.5);
    } 50% {
        transform: translateX(42px) translateY(42px) rotate(-179deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-179deg);
    } 50.1% {
        transform: translateX(42px) translateY(42px) rotate(-180deg);
        -webkit-transform: translateX(42px) translateY(42px) rotate(-180deg);
    } 75% {
        transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
        -webkit-transform: translateX(0px) translateY(42px) rotate(-270deg) scale(0.5);
    } 100% {
        transform: rotate(-360deg);
        -webkit-transform: rotate(-360deg);
    }
}*/


@-webkit-keyframes fade {
    from {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }
    to {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
        opacity: 0.2;
    }
}
@keyframes fade {
    from {
        filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
        opacity: 1;
    }
    to {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
        opacity: 0.2;
    }
}
.spinner {
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -10px;
}
.spinner .se {
    width: 7%;
    height: 25%;
    background: #000;
    position: absolute;
    left: 33.3%;
    top: 37%;
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    opacity: 0;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.spinner .b1 {
    -moz-transform: rotate(0deg) translate(0, -142%);
    -ms-transform: rotate(0deg) translate(0, -142%);
    -webkit-transform: rotate(0deg) translate(0, -142%);
    transform: rotate(0deg) translate(0, -142%);
    -moz-animation: fade 0.75s infinite 0s;
    -webkit-animation: fade 0.75s infinite 0s;
    animation: fade 0.75s infinite 0s;
}
.spinner .b2 {
    -moz-transform: rotate(30deg) translate(0, -142%);
    -ms-transform: rotate(30deg) translate(0, -142%);
    -webkit-transform: rotate(30deg) translate(0, -142%);
    transform: rotate(30deg) translate(0, -142%);
    -moz-animation: fade 0.75s infinite 0.0625s;
    -webkit-animation: fade 0.75s infinite 0.0625s;
    animation: fade 0.75s infinite 0.0625s;
}
.spinner .b3 {
    -moz-transform: rotate(60deg) translate(0, -142%);
    -ms-transform: rotate(60deg) translate(0, -142%);
    -webkit-transform: rotate(60deg) translate(0, -142%);
    transform: rotate(60deg) translate(0, -142%);
    -moz-animation: fade 0.75s infinite 0.125s;
    -webkit-animation: fade 0.75s infinite 0.125s;
    animation: fade 0.75s infinite 0.125s;
}
.spinner .b4 {
    -moz-transform: rotate(90deg) translate(0, -142%);
    -ms-transform: rotate(90deg) translate(0, -142%);
    -webkit-transform: rotate(90deg) translate(0, -142%);
    transform: rotate(90deg) translate(0, -142%);
    -moz-animation: fade 0.75s infinite 0.1875s;
    -webkit-animation: fade 0.75s infinite 0.1875s;
    animation: fade 0.75s infinite 0.1875s;
}
.spinner .b5 {
    -moz-transform: rotate(120deg) translate(0, -142%);
    -ms-transform: rotate(120deg) translate(0, -142%);
    -webkit-transform: rotate(120deg) translate(0, -142%);
    transform: rotate(120deg) translate(0, -142%);
    -moz-animation: fade 0.75s infinite 0.25s;
    -webkit-animation: fade 0.75s infinite 0.25s;
    animation: fade 0.75s infinite 0.25s;
}
.spinner .b6 {
    -moz-transform: rotate(150deg) translate(0, -142%);
    -ms-transform: rotate(150deg) translate(0, -142%);
    -webkit-transform: rotate(150deg) translate(0, -142%);
    transform: rotate(150deg) translate(0, -142%);
    -moz-animation: fade 0.75s infinite 0.3125s;
    -webkit-animation: fade 0.75s infinite 0.3125s;
    animation: fade 0.75s infinite 0.3125s;
}
.spinner .b7 {
    -moz-transform: rotate(180deg) translate(0, -142%);
    -ms-transform: rotate(180deg) translate(0, -142%);
    -webkit-transform: rotate(180deg) translate(0, -142%);
    transform: rotate(180deg) translate(0, -142%);
    -moz-animation: fade 0.75s infinite 0.375s;
    -webkit-animation: fade 0.75s infinite 0.375s;
    animation: fade 0.75s infinite 0.375s;
}
.spinner .b8 {
    -moz-transform: rotate(210deg) translate(0, -142%);
    -ms-transform: rotate(210deg) translate(0, -142%);
    -webkit-transform: rotate(210deg) translate(0, -142%);
    transform: rotate(210deg) translate(0, -142%);
    -moz-animation: fade 0.75s infinite 0.4375s;
    -webkit-animation: fade 0.75s infinite 0.4375s;
    animation: fade 0.75s infinite 0.4375s;
}
.spinner .b9 {
    -moz-transform: rotate(240deg) translate(0, -142%);
    -ms-transform: rotate(240deg) translate(0, -142%);
    -webkit-transform: rotate(240deg) translate(0, -142%);
    transform: rotate(240deg) translate(0, -142%);
    -moz-animation: fade 0.75s infinite 0.5s;
    -webkit-animation: fade 0.75s infinite 0.5s;
    animation: fade 0.75s infinite 0.5s;
}
.spinner .b10 {
    -moz-transform: rotate(270deg) translate(0, -142%);
    -ms-transform: rotate(270deg) translate(0, -142%);
    -webkit-transform: rotate(270deg) translate(0, -142%);
    transform: rotate(270deg) translate(0, -142%);
    -moz-animation: fade 0.75s infinite 0.5625s;
    -webkit-animation: fade 0.75s infinite 0.5625s;
    animation: fade 0.75s infinite 0.5625s;
}
.spinner .b11 {
    -moz-transform: rotate(300deg) translate(0, -142%);
    -ms-transform: rotate(300deg) translate(0, -142%);
    -webkit-transform: rotate(300deg) translate(0, -142%);
    transform: rotate(300deg) translate(0, -142%);
    -moz-animation: fade 0.75s infinite 0.625s;
    -webkit-animation: fade 0.75s infinite 0.625s;
    animation: fade 0.75s infinite 0.625s;
}
.spinner .b12 {
    -moz-transform: rotate(330deg) translate(0, -142%);
    -ms-transform: rotate(330deg) translate(0, -142%);
    -webkit-transform: rotate(330deg) translate(0, -142%);
    transform: rotate(330deg) translate(0, -142%);
    -moz-animation: fade 0.75s infinite 0.6875s;
    -webkit-animation: fade 0.75s infinite 0.6875s;
    animation: fade 0.75s infinite 0.6875s;
}
/***loading pdf***/


.loading-table {
    width: 100%;
    height: 77%;
    z-index: 9;
    position: absolute;
    top: 69px;
    display: none
}

.spinner {
    border: 16px solid #666; /* Light grey */
    border-top: 16px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin:13% auto;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/** loading page **/

#loaderbefore{
    width: 100%;
    height: 100%;
    position: fixed;
    background: #275c75;
    z-index: 99999;
    align-items: center;
    justify-content: center;
    display: flex;
}

.loader {
    position: relative;
    width: 75px;
    height: 100px;
}

.loader__bar {
    position: absolute;
    bottom: 0;
    width: 10px;
    height: 50%;
    background: #fff;
    transform-origin: center bottom;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2);
}

.loader__bar:nth-child(1) {
    left: 0px;
    transform: scale(1, 0.2);
    animation: barUp1 4s infinite;
}

.loader__bar:nth-child(2) {
    left: 15px;
    transform: scale(1, 0.4);
    animation: barUp2 4s infinite;
}

.loader__bar:nth-child(3) {
    left: 30px;
    transform: scale(1, 0.6);
    animation: barUp3 4s infinite;
}

.loader__bar:nth-child(4) {
    left: 45px;
    transform: scale(1, 0.8);
    animation: barUp4 4s infinite;
}

.loader__bar:nth-child(5) {
    left: 60px;
    transform: scale(1, 1);
    animation: barUp5 4s infinite;
}

.loader__ball {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 10px;
    height: 10px;
    background: #fff;
    border-radius: 50%;
    animation: ball 4s infinite;
}

@keyframes ball {
    0% {
        transform: translate(0, 0);
    }

    5% {
        transform: translate(8px, -14px);
    }

    10% {
        transform: translate(15px, -10px);
    }

    17% {
        transform: translate(23px, -24px);
    }

    20% {
        transform: translate(30px, -20px);
    }

    27% {
        transform: translate(38px, -34px);
    }

    30% {
        transform: translate(45px, -30px);
    }

    37% {
        transform: translate(53px, -44px);
    }

    40% {
        transform: translate(60px, -40px);
    }

    50% {
        transform: translate(60px, 0);
    }

    57% {
        transform: translate(53px, -14px);
    }

    60% {
        transform: translate(45px, -10px);
    }

    67% {
        transform: translate(37px, -24px);
    }

    70% {
        transform: translate(30px, -20px);
    }

    77% {
        transform: translate(22px, -34px);
    }

    80% {
        transform: translate(15px, -30px);
    }

    87% {
        transform: translate(7px, -44px);
    }

    90% {
        transform: translate(0, -40px);
    }

    100% {
        transform: translate(0, 0);
    }
}

@keyframes barUp1 {
    0% {
        transform: scale(1, 0.2);
    }

    40% {
        transform: scale(1, 0.2);
    }

    50% {
        transform: scale(1, 1);
    }

    90% {
        transform: scale(1, 1);
    }

    100% {
        transform: scale(1, 0.2);
    }
}

@keyframes barUp2 {
    0% {
        transform: scale(1, 0.4);
    }

    40% {
        transform: scale(1, 0.4);
    }

    50% {
        transform: scale(1, 0.8);
    }

    90% {
        transform: scale(1, 0.8);
    }

    100% {
        transform: scale(1, 0.4);
    }
}

@keyframes barUp3 {
    0% {
        transform: scale(1, 0.6);
    }

    100% {
        transform: scale(1, 0.6);
    }
}

@keyframes barUp4 {
    0% {
        transform: scale(1, 0.8);
    }

    40% {
        transform: scale(1, 0.8);
    }

    50% {
        transform: scale(1, 0.4);
    }

    90% {
        transform: scale(1, 0.4);
    }

    100% {
        transform: scale(1, 0.8);
    }
}

@keyframes barUp5 {
    0% {
        transform: scale(1, 1);
    }

    40% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1, 0.2);
    }

    90% {
        transform: scale(1, 0.2);
    }

    100% {
        transform: scale(1, 1);
    }
}


.border-bottom-none .md-radio{border-bottom: 1px solid transparent!important}


/*btn-radio-toggle*/

.btn-radio-toggle .btn.blue:not(.btn-outline) {
    color: #FFF;
    background-color: #3598dc!important;
    border-color: #3598dc!important;
}

.btn-radio-toggle .btn.blue:not(.btn-outline).active,
.btn-radio-toggle .btn.blue:not(.btn-outline):active,
.btn-radio-toggle .btn.blue:not(.btn-outline):hover,
.btn-radio-toggle .open>.btn.blue:not(.btn-outline).dropdown-toggle {
    color: #FFF;
    background-color: #217ebd!important;
    border-color: #1f78b5!important;
}

.tooltip.top .tooltip-inner {
    background-color:#204d74;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #204d74;
}

@media print {
    .tooltip { visibility: hidden; }
}

.hr-last hr:last-child{border-top:0!important;margin: 0!important}

.select2-container .select2-selection--single,.border-radio,.form-control:not([textarea]]) {

    height: 30px!important;
}

.previous>a , .next>a{
    opacity: 0.7 !important;
}