﻿/*side bar*/                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                        /*sidebar-rtl*/
.menu-background-active{background-color:#1784c7}
.menu-background{background-color:#dfdada}
.menu-color{background-color:#fff}
.menu-color-hover{color:#ff6a00}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}
.submeunav{direction:rtl;}
.nbr-has-children li{height:38px;margin:0!important}
.nbr-main-content .nbr-content-wrapper{padding:10px 0}
.nbr-main-content .nbr-content-wrapper 
h1{text-align:center;font-size:2rem}
.nbr-main-content::before{display:none;content:'mobile'}
.nbr-main-content .nbr-content-wrapper .nbr-content-internal{margin:2% 4%}
@media only screen and (min-width:768px){/*1170*/
     .nbr-main-content .nbr-content-wrapper{margin-right:220px}
     .nbr-main-content::before{content:'desktop'}
     .nbr-main-content .nbr-content-wrapper h1{font-size:3.2rem;font-weight:300}
 }
.nbr-main-header{position:fixed;z-index:200;top:0;left:0;height:55px;width:100%;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.nbr-main-header::after{clear:both; content:""; display:table }
.nbr-logo{float:left;display:block;margin:2px 0 0 5%}
.nbr-logo img{display:block}
@media only screen and (min-width:768px){
    .nbr-logo{margin:2px 0 0 36px}
}
.nbr-usr-trigger{float:right;position:relative;display:block;width:34px;height:44px;margin-right:1%;top:25%;overflow:hidden;white-space:nowrap}
a.nbr-usr-trigger i{color:#15c8d8;font-size:20px}
a.nbr-usr-trigger:hover i{color:#ff6a00}
@media only screen and (max-width:767px){/*mobile*/
    .nbr-usr-trigger{top:20%}
    .nbr-side-nav > ul > li:not(.active):hover > a { background-color: #999ca0;}
    .nbr-side-nav .active > a {
        box-shadow: inset 3px 0 0 #7cf6ff;
        background-color: #0074a2;
        color: #cdebf1 !important;
    }
    .nbr-top-nav {/*hide current user*/
        display:none;
    }
}
.nbr-nav-trigger{float:right;position:relative;display:block;width:34px;height:44px;margin-right:5%;overflow:hidden;white-space:nowrap;color:transparent}
.nbr-nav-trigger span,.nbr-nav-trigger span::after,.nbr-nav-trigger span::before{position:absolute;display:inline-block;height:3px;width:24px;background:#15c8d8}
.nbr-nav-trigger span{position:absolute;top:50%;right:5px;margin-top:-2px;-webkit-transition:background .2s;-moz-transition:background .2s;transition:background .2s}
.nbr-nav-trigger span::after,.nbr-nav-trigger span::before{content:'';right:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:-webkit-transform .2s;-moz-transition:-moz-transform .2s;transition:transform .2s}
.nbr-nav-trigger span::before{top:-6px}
.nbr-nav-trigger span::after{top:6px}
.nbr-nav-trigger.nav-is-visible span{background:rgba(255,255,255,0)}
.nbr-nav-trigger.nav-is-visible span::after,.nbr-nav-trigger.nav-is-visible span::before{background:#15c8d8;opacity:1}
.nbr-nav-trigger.nav-is-visible span::before{-webkit-transform:translateX(4px) translateY(-3px) rotate(45deg);-moz-transform:translateX(4px) translateY(-3px) rotate(45deg);-ms-transform:translateX(4px) translateY(-3px) rotate(45deg);-o-transform:translateX(4px) translateY(-3px) rotate(45deg);transform:translateX(4px) translateY(-3px) rotate(45deg)}
.nbr-nav-trigger.nav-is-visible span::after{-webkit-transform:translateX(4px) translateY(2px) rotate(-45deg);-moz-transform:translateX(4px) translateY(2px) rotate(-45deg);-ms-transform:translateX(4px) translateY(2px) rotate(-45deg);-o-transform:translateX(4px) translateY(2px) rotate(-45deg);transform:translateX(4px) translateY(2px) rotate(-45deg)}
@media only screen and (min-width:768px){
    .nbr-nav-trigger{display:none}

}
.nbr-search{position:relative;margin:1.2em 5% .6em}
.nbr-search.is-hidden{opacity:0}.nbr-search::before{content:'';position:absolute;left:8px;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:16px;width:16px;background:url(images/cd-search.svg) no-repeat 0 0}
.nbr-search input{padding-left:32px;width:100%;height:36px;border:none;border-radius:.25em;-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none}
.nbr-search input:focus{outline:0}
/*@media only screen and (min-width:768px){
    .nbr-search{float:left;display:inline-block;width:250px;height:100%;margin:0 0 0 2.5em}
    .nbr-search.is-hidden{opacity:1}
    .nbr-search::before{background-position:0 -16px;left:1em}
    .nbr-search form,.nbr-search input{height:100%;width:100%}
    .nbr-search input{border:none;padding-left:2.6em;border-radius:0;background-color:#1784c7;border-left:1px solid #dfdada;color:#fff}
    .nbr-search input::-webkit-input-placeholder{color:#777c81}
    .nbr-search input::-moz-placeholder{color:#777c81}
    .nbr-search input:-moz-placeholder{color:#777c81}
    .nbr-search input:-ms-input-placeholder{color:#777c81}
}*/
/*.nbr-nav{direction:rtl;margin-right:10px;display:none}*/
.nbr-top-nav>li>a::before{display:none}
.nbr-top-nav>li a{text-align:right;color:#000;padding:1em 5%!important}
.nbr-top-nav {height: 45px}
.nbr-top-nav a{display:block;font-size:16px;color:#fff}
.nbr-top-nav>li{line-height:40px;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:40ch;direction:ltr;display:inline-block;width:400px;height:100%}
.nbr-top-nav>li:last-of-type{margin-right:0}.nbr-top-nav>li a{padding:1em .6em!important}.nbr-top-nav img{display:block}
 @media only screen and (min-width:768px){/*1170*/
     .nbr-top-nav li:not(.nbr-has-children) a:hover{color:#ff6a00}.nbr-top-nav li.nbr-has-children a:hover{color:#ff6a00}
 }
.nbr-side-nav {
    background-color: #f7f7f7;
    box-shadow: 0 0 10px rgba(205, 235, 241, 0.42);
    border-left: solid 2px #fff;
    position:absolute;z-index:100;left:0;top:50px;width:100%;/*background-color:#dfdada;*/visibility:hidden;opacity:0;max-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-transition:opacity .2s 0s,visibility 0s .2s;-moz-transition:opacity .2s 0s,visibility 0s .2s;transition:opacity .2s 0s,visibility 0s .2s}
    .nbr-side-nav.nav-is-visible {
        background-color: #f7f7f7;
        opacity: 1;
        visibility: visible;
        overflow: visible;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: opacity .2s 0s,visibility 0s 0s;
        -moz-transition: opacity .2s 0s,visibility 0s 0s;
        transition: opacity .2s 0s,visibility 0s 0s;
        max-height: none;
        box-shadow: 0 2px 10px rgba(0,0,0,.2)
    }
.nbr-side-nav>ul{padding:.6em 0}.nbr-side-nav>ul:last-of-type{padding-bottom:0;}
.nbr-side-nav .nbr-label,.nbr-side-nav a{display:block;padding:1em 5%}
    .nbr-side-nav .nbr-label {
        border-top: solid 6px #4cddf3;
        border-bottom: solid 6px #4cddf3;
        background-color: #0074a2;

        text-transform: uppercase;
        font-weight: 700;
        color: #646a6f;
        font-size: 1rem;
        letter-spacing: .1em
    }
.nbr-side-nav a{position:relative; color: #0074a3;font-size:0.9rem}
.nbr-side-nav a:hover{position:relative;color:#ff6a00}
.nbr-side-nav ul.nbr-top-nav>li:last-of-type>a{border-bottom:none;}
.nbr-side-nav>ul>li>a{padding-left:calc(5% + 24px);border-bottom:1px solid #373d44}
/*.nbr-side-nav>ul>li>a::before{position:absolute;content:'';left:5%;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);height:16px;width:16px;background:url(images/cd-nav-icons.svg) no-repeat center right}*/
    .nbr-side-nav > ul > li > a::before {
        position: absolute;
        content: '';
        left: 5%;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        height: 16px;
        width: 16px;
        content: "\f013";
        font-family: FontAwesome;
        /*background: url(images/cd-nav-icons.svg) no-repeat center right*/
    }
    .nbr-side-nav > ul > li.overview > a::before { content: "\f075"; font-family: FontAwesome;}
    .nbr-side-nav > ul > li.notifications > a::before {content: "\f1c0";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.comments > a::before {content: "\f075";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.bookmarks > a::before {content: "\f02e";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.images > a::before {content: "\f03e";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.users > a::before {content: "\f0f0";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.qrcode > a::before {content: "\f029";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.puzzle > a::before {content: "\f12e";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.chart > a::before {content: "\f080";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.plug > a::before {content: "\f1e6";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.send > a::before {content: "\f1d8";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.share > a::before {content: "\f1e0";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.wifi > a::before {content: "\f1eb";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.wrench > a::before {content: "\f0ad";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.gear > a::before {content: "\f013";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.mng > a::before {content: "\f201";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.tasks > a::before {content: "\f0ae";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.sliders > a::before {content: "\f1de";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.tag > a::before {content: "\f02b";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.magic > a::before {content: "\f0d0";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.low-vision > a::before {content: "\f2a8";font-family: FontAwesome;}
    .nbr-side-nav > ul > li.podcast > a::before {content: "\f2ce";font-family: FontAwesome;}



    /*.nbr-side-nav>ul>li.overview>a::before{background-position:-64px 0}
.nbr-side-nav>ul>li.notifications>a::before{background-position:-80px 0}
.nbr-side-nav>ul>li.comments>a::before{background-position:-48px 0}
.nbr-side-nav>ul>li.bookmarks>a::before{background-position:-32px 0}
.nbr-side-nav>ul>li.images>a::before{background-position:0 0}
.nbr-side-nav>ul>li.users>a::before{background-position:-16px 0}*/
    .nbr-side-nav .action-btn a{display:block;margin:0 5%;padding:1em 0;border-radius:.25em;border:none;box-shadow:0 1px 3px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.2);text-align:center;font-weight:700}
.nbr-side-nav .action-btn a::before{display:none}
@media only screen and (min-width:768px) { /*transfer*/
    .nbr-side-nav{position:relative;float:right;margin-right:10px;top:auto;width:200px;min-height:100vh;padding-top:55px;visibility:visible;opacity:1;overflow:visible;max-height:none}
    .nbr-side-nav.nav-is-visible{box-shadow:none}
    .nbr-side-nav.is-fixed{position:fixed;top:0;right:0;left:auto}
    .nbr-side-nav .active>a{box-shadow:inset 3px 0 0 #7cf6ff;background-color:#0074a2;color: #cdebf1 !important;}
    .nbr-side-nav .action-btn a { margin: 1em 10% 0
    }
    /*.nbr-side-nav{width:200px}*/
    .nbr-side-nav>ul{padding:.6em 0}
    .nbr-side-nav>ul>li:not(.active):hover>a{background-color:#999ca0}
    .nbr-side-nav>ul>li>a{padding:1em 1em 1em 42px;text-align:right;border-bottom:none}
    .nbr-side-nav>ul>li>a::before{top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);left:18px}
    .nbr-side-nav .nbr-label{direction:rtl;text-align:right;display:block;padding:1em 18px}
    .nbr-side-nav .action-btn{text-align:right; background-color: #173361;}
    .nbr-side-nav .action-btn a{margin:0 18px}
    .no-touch .nbr-side-nav .action-btn a:hover {background-color: #173361;}
}

.nbr-has-children ul{position:relative;width:100%;display:none;background-color:#fff;z-index:100}
.nbr-has-children>a::after{position:absolute;content:'';height:16px;width:16px;right:5%;top:50%;bottom:auto;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.nbr-has-children.selected>ul{display:block}
.nbr-has-children.selected>a::after{-webkit-transform:translateY(-50%) rotate(180deg);-moz-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);-o-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg)}
@media only screen and (min-width:768px) {/*transfer*/
    .nbr-has-children{position:relative}
    .nbr-has-children ul{background-color:#fff;position:absolute;top:100%;bottom:auto;width:160px;padding:0;box-shadow:0 2px 10px rgba(0,0,0,.3)}
    .nbr-has-children ul a{color:#09939f;text-align:right;border:none;padding:1em}.no-touch .nbr-has-children ul a:hover{color:#ff6a00}
    .nbr-has-children>a::after{display:none}.nbr-top-nav .nbr-has-children{position:relative}
    .nbr-top-nav .nbr-has-children>a{height:100%;padding:0 calc(1.8em + 22px) 0 calc(1.8em + 26px)!important;line-height:55px}
    .nbr-top-nav .nbr-has-children>a::after{display:block;right:1.8em}
    .nbr-top-nav .nbr-has-children ul{background-color:#15c8d8;width:200px;top:100%;right:0;left:auto;box-shadow:0 1px 10px rgba(0,0,0,.2)}
    .nbr-top-nav .nbr-has-children ul a{padding-left:18px!important}
    .nbr-has-children>ul{width:100%;z-index:1}
    .nbr-has-children ul a{padding-left:18px}
    .nbr-has-children.active>ul{position:relative;display:block;left:0;box-shadow:none}
}






    /*.panel-window {
        background-color: #fff !important;
        padding: 10px !important;
        box-shadow: 0px 3px 10px rgba(0, 116, 162, 0.42) !important;
    }

.panel-page-header {
    border-bottom: double 6px #15C8D8 !important;
    //border-bottom: double 6px #0074a2 !important;
    margin-bottom: 2px !important;
    color: #0074a2 !important;
}*/



   
    /*.btn-default, .btn7 {
        background-color: #0074a2 !important;
    }

    .btn-flat {
        background-color: #0074a2 !important;
    }

    .nc-dropdown-content {
        background-color: #0074a2 !important;
    }

    .nc-dropdown-btn {
        background-color: #0074a2 !important;
    }
.nc-dropdown-content-line {
    background-color: #0074a2 !important;
}

    .nc-expander-collapsible {
        background-color: #fff !important;
    }

ul.nc-navbar {
    background-color: #0074a2 !important;
}*/
/*.jqx-widget-content {
    background-color: #fff !important;
}*/
/*.jqx-widget-header {
        background-color: #fff !important;
    }*/
/*.jqx-fill-state-pressed {
        background-color: #fff !important;
    }*/

/*.jqx-icon-arrow-left-hover, .jqx-icon-arrow-left-selected {
    background-color: #a7dae5 !important;
    background-color: #cdebf1 !important;
}*/

    /*.nc-btn-grid-rtl {
    color: red !important;
}

.nc-dropdown {
    color: red !important;
}

.nc-dropdown-btn {
    color: red !important;
}

.nc-dd-link {
    color: red !important;
}
.nc-dropdown-content-line {
    color: red !important;
}

.nc-fixed {
    color: red !important;
}*/

 


/*    
.fa-bell:before {content: "\f0f3";
.fa-bookmark:before { content: "\f02e";
.fa-book:before {  content: "\f02d";
.fa-cog:before {  content: "\f013";
.fa-comment:before {  content: "\f075";
.fa-image:before{ content: "\f03e";
.fa-print:before { content: "\f02f";
.fa-user-md:before {content: "\f0f0";
.fa-database:before { content: "\f1c0";
.fa-bar-chart:before { content: "\f080";
.fa-plug:before { content: "\f1e6";
.fa-wrench:before { content: "\f0ad";
.fa-qrcode:before {  content: "\f029";
.fa-puzzle-piece:before {  content: "\f12e";
 .fa-send:before{  content: "\f1d8";
.fa-share-alt:before {  content: "\f1e0";
.fa-wifi:before {  content: "\f1eb";
*/

/*
    li.overview > content: "\f075";
    li.notifications > content: "\f1c0";
    li.comments > content: "\f075";
    li.bookmarks > content: "\f02e";
    li.images > content: "\f03e";
    li.users > content: "\f0f0";
    li.qrcode > content: "\f029";
    li.puzzle > content: "\f12e";
    li.chart > content: "\f080";
    li.plug > content: "\f1e6";
    li.send > content: "\f1d8";
    li.share > content: "\f1e0";
    li.wifi > content: "\f1eb";
    li.wrench > content: "\f0ad";
    li.gear >content: "\f013";
    li.mng > content: "\f201";
    li.tasks > {content: "\f0ae";
 */